WordPress.org
Get WordPress

Plugin Directory

Changeset 3782177


Ignore:
Timestamp:
11/03/2026 04:02:22 PM (11 hours ago)
Author:
designorbital
Message:

v1.0.1 Trunk Update

Location:
designorbital-progress-bar-block/trunk
Files:
8 edited

Legend:

Unmodified
Added
Removed

  • designorbital-progress-bar-block/trunk/build/blocks-manifest.php

    r3735467 r3782177  
    99                'apiVersion' => 3,
    1010                'name' => 'designorbital-progress-bar-block/progress-bar',
    11                 'version' => '1.0.0',
     11                'version' => '1.0.1',
    1212                'title' => 'DesignOrbital Progress Bar',
    1313                'category' => 'widgets',

  • designorbital-progress-bar-block/trunk/build/progress-bar/block.json

    r3735467 r3782177  
    11{
    2   "$schema": "https://schemas.wp.org/trunk/block.json",
    3   "apiVersion": 3,
    4   "name": "designorbital-progress-bar-block/progress-bar",
    5   "version": "1.0.0",
    6   "title": "DesignOrbital Progress Bar",
    7   "category": "widgets",
    8   "description": "Animated line progress bar with a label, value, stripes and custom colors.",
    9   "keywords": [
    10     "progress",
    11     "progress bar",
    12     "skill bar",
    13     "meter",
    14     "percentage"
    15   ],
    16   "textdomain": "designorbital-progress-bar-block",
    17   "attributes": {
    18     "textAlign": {
    19       "type": "string"
    20     },
    21     "progressBarTitle": {
    22       "type": "string",
    23       "default": "Web Design"
    24     },
    25     "progressBarTitleTag": {
    26       "type": "string",
    27       "enum": [
    28         "h1",
    29         "h2",
    30         "h3",
    31         "h4",
    32         "h5",
    33         "h6",
    34         "div",
    35         "span",
    36         "p"
    37       ],
    38       "default": "div"
    39     },
    40     "progressBarValue": {
    41       "type": "number",
    42       "default": 75
    43     },
    44     "progressBarShowValue": {
    45       "type": "boolean",
    46       "default": true
    47     },
    48     "progressBarSuffix": {
    49       "type": "string",
    50       "default": "%"
    51     },
    52     "progressBarValuePosition": {
    53       "type": "string",
    54       "enum": [
    55         "top",
    56         "inside"
    57       ],
    58       "default": "top"
    59     },
    60     "progressBarThickness": {
    61       "type": "number",
    62       "default": 10
    63     },
    64     "progressBarRounded": {
    65       "type": "boolean",
    66       "default": true
    67     },
    68     "progressBarStriped": {
    69       "type": "boolean",
    70       "default": false
    71     },
    72     "progressBarStripedAnimated": {
    73       "type": "boolean",
    74       "default": false
    75     },
    76     "progressBarFillColor": {
    77       "type": "string",
    78       "default": ""
    79     },
    80     "progressBarFillGradient": {
    81       "type": "string",
    82       "default": ""
    83     },
    84     "progressBarTrackColor": {
    85       "type": "string",
    86       "default": ""
    87     },
    88     "progressBarValueColor": {
    89       "type": "string",
    90       "default": ""
    91     },
    92     "progressBarValueSize": {
    93       "type": "string",
    94       "default": ""
    95     },
    96     "progressBarAnimate": {
    97       "type": "boolean",
    98       "default": true
    99     },
    100     "progressBarDuration": {
    101       "type": "number",
    102       "default": 1.5
    103     }
    104   },
    105   "example": {
    106     "attributes": {
    107       "progressBarValue": 65,
    108       "progressBarAnimate": false
    109     }
    110   },
    111   "supports": {
    112     "html": false,
    113     "align": false,
    114     "className": true,
    115     "color": {
    116       "background": false,
    117       "text": true,
    118       "gradients": false
    119     },
    120     "spacing": {
    121       "margin": true,
    122       "__experimentalDefaultControls": {
    123         "margin": false
    124       }
    125     },
    126     "typography": {
    127       "fontSize": true,
    128       "lineHeight": true,
    129       "__experimentalFontFamily": true,
    130       "__experimentalFontWeight": true,
    131       "__experimentalFontStyle": true,
    132       "__experimentalLetterSpacing": true,
    133       "__experimentalTextTransform": true,
    134       "__experimentalDefaultControls": {
    135         "fontSize": true
    136       }
    137     }
    138   },
    139   "editorScript": "file:./index.js",
    140   "viewScript": "file:./view.js",
    141   "style": "file:./style-index.css"
     2        "$schema": "https://schemas.wp.org/trunk/block.json",
     3        "apiVersion": 3,
     4        "name": "designorbital-progress-bar-block/progress-bar",
     5        "version": "1.0.1",
     6        "title": "DesignOrbital Progress Bar",
     7        "category": "widgets",
     8        "description": "Animated line progress bar with a label, value, stripes and custom colors.",
     9        "keywords": [
     10                "progress",
     11                "progress bar",
     12                "skill bar",
     13                "meter",
     14                "percentage"
     15        ],
     16        "textdomain": "designorbital-progress-bar-block",
     17        "attributes": {
     18                "textAlign": {
     19                        "type": "string"
     20                },
     21                "progressBarTitle": {
     22                        "type": "string",
     23                        "default": "Web Design"
     24                },
     25                "progressBarTitleTag": {
     26                        "type": "string",
     27                        "enum": [
     28                                "h1",
     29                                "h2",
     30                                "h3",
     31                                "h4",
     32                                "h5",
     33                                "h6",
     34                                "div",
     35                                "span",
     36                                "p"
     37                        ],
     38                        "default": "div"
     39                },
     40                "progressBarValue": {
     41                        "type": "number",
     42                        "default": 75
     43                },
     44                "progressBarShowValue": {
     45                        "type": "boolean",
     46                        "default": true
     47                },
     48                "progressBarSuffix": {
     49                        "type": "string",
     50                        "default": "%"
     51                },
     52                "progressBarValuePosition": {
     53                        "type": "string",
     54                        "enum": [
     55                                "top",
     56                                "inside"
     57                        ],
     58                        "default": "top"
     59                },
     60                "progressBarThickness": {
     61                        "type": "number",
     62                        "default": 10
     63                },
     64                "progressBarRounded": {
     65                        "type": "boolean",
     66                        "default": true
     67                },
     68                "progressBarStriped": {
     69                        "type": "boolean",
     70                        "default": false
     71                },
     72                "progressBarStripedAnimated": {
     73                        "type": "boolean",
     74                        "default": false
     75                },
     76                "progressBarFillColor": {
     77                        "type": "string",
     78                        "default": ""
     79                },
     80                "progressBarFillGradient": {
     81                        "type": "string",
     82                        "default": ""
     83                },
     84                "progressBarTrackColor": {
     85                        "type": "string",
     86                        "default": ""
     87                },
     88                "progressBarValueColor": {
     89                        "type": "string",
     90                        "default": ""
     91                },
     92                "progressBarValueSize": {
     93                        "type": "string",
     94                        "default": ""
     95                },
     96                "progressBarAnimate": {
     97                        "type": "boolean",
     98                        "default": true
     99                },
     100                "progressBarDuration": {
     101                        "type": "number",
     102                        "default": 1.5
     103                }
     104        },
     105        "example": {
     106                "attributes": {
     107                        "progressBarValue": 65,
     108                        "progressBarAnimate": false
     109                }
     110        },
     111        "supports": {
     112                "html": false,
     113                "align": false,
     114                "className": true,
     115                "color": {
     116                        "background": false,
     117                        "text": true,
     118                        "gradients": false
     119                },
     120                "spacing": {
     121                        "margin": true,
     122                        "__experimentalDefaultControls": {
     123                                "margin": false
     124                        }
     125                },
     126                "typography": {
     127                        "fontSize": true,
     128                        "lineHeight": true,
     129                        "__experimentalFontFamily": true,
     130                        "__experimentalFontWeight": true,
     131                        "__experimentalFontStyle": true,
     132                        "__experimentalLetterSpacing": true,
     133                        "__experimentalTextTransform": true,
     134                        "__experimentalDefaultControls": {
     135                                "fontSize": true
     136                        }
     137                }
     138        },
     139        "editorScript": "file:./index.js",
     140        "viewScript": "file:./view.js",
     141        "style": "file:./style-index.css"
    142142}

  • designorbital-progress-bar-block/trunk/build/progress-bar/index.asset.php

    r3735467 r3782177  
    1111                'wp-i18n'
    1212        ),
    13         'version' => '5db568e8603a46edd55d'
     13        'version' => '792d721de2f37c84ac5d'
    1414);

  • designorbital-progress-bar-block/trunk/build/progress-bar/index.js

    r3735467 r3782177  
    1 (()=>{"use strict";var r={476(){const r=window.wp.blocks,e=JSON.parse('{"UU":"designorbital-progress-bar-block/progress-bar"}'),o=window.wp.blockEditor,s=window.wp.i18n,a=window.wp.components;function l(r){var e,o,s="";if("string"==typeof r||"number"==typeof r)s+=r;else if("object"==typeof r)if(Array.isArray(r)){var a=r.length;for(e=0;e<a;e++)r[e]&&(o=l(r[e]))&&(s&&(s+=" "),s+=o)}else for(o in r)r[o]&&(s&&(s+=" "),s+=o);return s}const t=function(){for(var r,e,o=0,s="",a=arguments.length;o<a;o++)(r=arguments[o])&&(e=l(r))&&(s&&(s+=" "),s+=e);return s},n=["h1","h2","h3","h4","h5","h6","div","span","p"],i=r=>n.includes(r)?r:"div",g=r=>Math.min(100,Math.max(0,Math.round(Number(r)||0))),p=r=>(r||"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim(),d=r=>{const{textAlign:e,progressBarShowValue:o,progressBarValuePosition:s,progressBarRounded:a,progressBarStriped:l,progressBarStripedAnimated:n}=r;return t("do-progress-bar","do-progress-bar-line",{[`has-text-align-${e}`]:e,"do-progress-bar-rounded":a,"do-progress-bar-striped":l,"do-progress-bar-striped-animated":l&&n,"do-progress-bar-value-inside":o&&"inside"===s})},b=r=>{const{progressBarValue:e,progressBarThickness:o,progressBarFillColor:s,progressBarFillGradient:a,progressBarTrackColor:l,progressBarValueColor:t,progressBarValueSize:n,progressBarAnimate:i,progressBarDuration:p}=r;return{"--do-progress-bar-value":String(g(e)),"--do-progress-bar-thickness":`${o??10}px`,...i&&{"--do-progress-bar-duration":`${p??1.5}s`},...s&&{"--do-progress-bar-fill":s},...a&&{"--do-progress-bar-fill-gradient":a},...l&&{"--do-progress-bar-track":l},...t&&{"--do-progress-bar-value-color":t},...n&&{"--do-progress-bar-value-size":`${n}px`}}},c=window.ReactJSXRuntime,u=({label:r,help:e,value:o,onChange:s,min:l=0,max:t=100,step:n=1})=>(0,c.jsx)(a.RangeControl,{label:r,help:e,value:""===o?void 0:Number(o),onChange:r=>s(void 0===r?"":String(r)),min:l,max:t,step:n,allowReset:!0,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),_=r=>{const{attributes:e,setAttributes:l}=r,{progressBarTitleTag:t,progressBarValue:i,progressBarShowValue:g,progressBarSuffix:p,progressBarValuePosition:d,progressBarThickness:b,progressBarRounded:_,progressBarStriped:x,progressBarStripedAnimated:h,progressBarFillColor:B,progressBarFillGradient:m,progressBarTrackColor:C,progressBarValueColor:k,progressBarValueSize:v,progressBarAnimate:f,progressBarDuration:j}=e;return(0,c.jsxs)(o.InspectorControls,{children:[(0,c.jsxs)(a.PanelBody,{title:(0,s.__)("DesignOrbital Progress Bar","designorbital-progress-bar-block"),children:[(0,c.jsx)(a.SelectControl,{label:(0,s.__)("Title Tag","designorbital-progress-bar-block"),value:t,options:n.map(r=>({label:r.toUpperCase(),value:r})),onChange:r=>l({progressBarTitleTag:r}),__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,c.jsx)(a.RangeControl,{label:(0,s.__)("Value","designorbital-progress-bar-block"),value:i,onChange:r=>l({progressBarValue:r??0}),min:0,max:100,step:1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,c.jsx)(a.ToggleControl,{label:(0,s.__)("Show Value","designorbital-progress-bar-block"),checked:g,onChange:r=>l({progressBarShowValue:r}),__nextHasNoMarginBottom:!0}),g&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.TextControl,{label:(0,s.__)("Suffix","designorbital-progress-bar-block"),value:p,onChange:r=>l({progressBarSuffix:r}),__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,c.jsxs)(a.__experimentalToggleGroupControl,{label:(0,s.__)("Value Position","designorbital-progress-bar-block"),help:"inside"===d?(0,s.__)("Increase the Thickness so the value fits inside the bar.","designorbital-progress-bar-block"):void 0,value:d,onChange:r=>l({progressBarValuePosition:r}),isBlock:!0,__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,children:[(0,c.jsx)(a.__experimentalToggleGroupControlOption,{value:"top",label:(0,s.__)("Top","designorbital-progress-bar-block")}),(0,c.jsx)(a.__experimentalToggleGroupControlOption,{value:"inside",label:(0,s.__)("Inside","designorbital-progress-bar-block")})]})]})]}),(0,c.jsxs)(a.PanelBody,{title:(0,s.__)("Bar Styles","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,c.jsx)(a.RangeControl,{label:(0,s.__)("Thickness","designorbital-progress-bar-block"),value:b,onChange:r=>l({progressBarThickness:r}),min:1,max:50,step:1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,c.jsx)(a.ToggleControl,{label:(0,s.__)("Rounded","designorbital-progress-bar-block"),checked:_,onChange:r=>l({progressBarRounded:r}),__nextHasNoMarginBottom:!0}),(0,c.jsx)(a.ToggleControl,{label:(0,s.__)("Striped","designorbital-progress-bar-block"),checked:x,onChange:r=>l({progressBarStriped:r}),__nextHasNoMarginBottom:!0}),x&&(0,c.jsx)(a.ToggleControl,{label:(0,s.__)("Animate Stripes","designorbital-progress-bar-block"),checked:h,onChange:r=>l({progressBarStripedAnimated:r}),__nextHasNoMarginBottom:!0}),(0,c.jsx)(o.__experimentalColorGradientControl,{label:(0,s.__)("Fill Color","designorbital-progress-bar-block"),colorValue:B,onColorChange:r=>l({progressBarFillColor:r||""}),gradientValue:m||void 0,onGradientChange:r=>l({progressBarFillGradient:r||""}),__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0}),(0,c.jsx)(o.__experimentalColorGradientControl,{label:(0,s.__)("Track Color","designorbital-progress-bar-block"),colorValue:C,onColorChange:r=>l({progressBarTrackColor:r||""}),__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0})]}),g&&(0,c.jsxs)(a.PanelBody,{title:(0,s.__)("Value Styles","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,c.jsx)(u,{label:(0,s.__)("Font Size","designorbital-progress-bar-block"),help:(0,s.__)("Leave empty to use the default.","designorbital-progress-bar-block"),value:v,onChange:r=>l({progressBarValueSize:r}),min:8,max:120}),(0,c.jsx)(o.__experimentalColorGradientControl,{label:(0,s.__)("Text Color","designorbital-progress-bar-block"),colorValue:k,onColorChange:r=>l({progressBarValueColor:r||""}),__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0})]}),(0,c.jsxs)(a.PanelBody,{title:(0,s.__)("Animation","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,c.jsx)(a.ToggleControl,{label:(0,s.__)("Animate On Scroll","designorbital-progress-bar-block"),help:(0,s.__)("Fill the bar and count up the value when the block scrolls into view.","designorbital-progress-bar-block"),checked:f,onChange:r=>l({progressBarAnimate:r}),__nextHasNoMarginBottom:!0}),f&&(0,c.jsx)(a.RangeControl,{label:(0,s.__)("Duration (seconds)","designorbital-progress-bar-block"),value:j,onChange:r=>l({progressBarDuration:r}),min:.5,max:5,step:.1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0})]})]})},x=({attributes:r,title:e,label:o})=>{const{progressBarValue:s,progressBarShowValue:a,progressBarSuffix:l,progressBarValuePosition:t}=r,n=g(s),i="inside"===t,p=a&&(0,c.jsxs)("span",{className:"do-progress-bar-value",children:[(0,c.jsx)("span",{className:"do-progress-bar-number",children:n}),l&&(0,c.jsx)("span",{className:"do-progress-bar-suffix",children:l})]}),d=!i&&p,b=e||d,u={role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":n,...o&&{"aria-label":o}};return(0,c.jsxs)(c.Fragment,{children:[b&&(0,c.jsxs)("div",{className:"do-progress-bar-header",children:[e,d]}),(0,c.jsx)("div",{className:"do-progress-bar-track",...u,children:(0,c.jsx)("div",{className:"do-progress-bar-fill",children:i&&p})})]})},h=(0,c.jsxs)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",children:[(0,c.jsx)(a.Path,{d:"M56 96h144a32 32 0 0 1 0 64H56a32 32 0 0 1 0-64Z",fill:"none",stroke:"currentColor",strokeWidth:"12"}),(0,c.jsx)(a.Path,{d:"M56 96h96v64H56a32 32 0 0 1 0-64Z",fill:"currentColor"})]});(0,r.registerBlockType)(e.UU,{icon:h,edit:r=>{const{attributes:e,setAttributes:a}=r,{textAlign:l,progressBarTitle:t,progressBarTitleTag:n}=e,g=(0,o.useBlockProps)({className:d(e),style:b(e)}),u=(0,o.useBlockEditingMode)(),h=(0,c.jsx)(o.RichText,{identifier:"progressBarTitle",tagName:i(n),className:"do-progress-bar-title",value:t,onChange:r=>a({progressBarTitle:r}),placeholder:(0,s.__)("Add title…","designorbital-progress-bar-block"),allowedFormats:["core/bold","core/italic"]});return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(_,{attributes:e,setAttributes:a}),"default"===u&&(0,c.jsx)(o.BlockControls,{group:"block",children:(0,c.jsx)(o.AlignmentControl,{value:l,onChange:r=>a({textAlign:r})})}),(0,c.jsx)("div",{...g,children:(0,c.jsx)(x,{attributes:e,title:h,label:p(t)})})]})},save:r=>{const{attributes:e}=r,{progressBarTitle:s,progressBarTitleTag:a,progressBarAnimate:l}=e,n=o.useBlockProps.save({className:t(d(e),{"do-progress-bar-animate":l}),style:b(e)}),g=s&&(0,c.jsx)(o.RichText.Content,{tagName:i(a),className:"do-progress-bar-title",value:s});return(0,c.jsx)("div",{...n,children:(0,c.jsx)(x,{attributes:e,title:g,label:p(s)})})}})}};const e={};function o(s){const a=e[s];if(void 0!==a)return a.exports;const l=e[s]={exports:{}};return r[s](l,l.exports,o),l.exports}o.m=r,(()=>{const r=[];o.O=(e,s,a)=>{if(!s){for(var l=0;l<r.length;l++){let[s,a]=r[l],n=!0;for(var t=0;t<s.length;t++)o.O.j(s[t])?s.splice(t--,1):n=!1;if(n){r.splice(l--,1);const o=a();void 0!==o&&(e=o)}}return e}r.push([s,a])}})(),o.o=(r,e)=>Object.hasOwn(r,e),(()=>{const r={819:0,779:0};o.O.j=e=>0===r[e];const e=(e,s)=>{let[a,l,t]=s;var n,i,g=0;if(a.some(e=>0!==r[e])){for(n in l)o.o(l,n)&&(o.m[n]=l[n]);if(t)var p=t(o)}for(e&&e(s);g<a.length;g++)i=a[g],o.o(r,i)&&r[i]&&r[i][0](),r[i]=0;return o.O(p)},s=globalThis.webpackChunkdesignorbital_progress_bar_block||=[];s.forEach(e.bind(null,0)),s.push=e.bind(null,s.push.bind(s))})();let s=o.O(void 0,[779],()=>o(476));s=o.O(s)})();
     1(()=>{"use strict";var r={799(){const r=window.wp.blocks,e=JSON.parse('{"UU":"designorbital-progress-bar-block/progress-bar"}'),s=window.wp.blockEditor,o=window.wp.i18n,a=window.wp.components;function t(r){var e,s,o="";if("string"==typeof r||"number"==typeof r)o+=r;else if("object"==typeof r)if(Array.isArray(r)){var a=r.length;for(e=0;e<a;e++)r[e]&&(s=t(r[e]))&&(o&&(o+=" "),o+=s)}else for(s in r)r[s]&&(o&&(o+=" "),o+=s);return o}const l=function(){for(var r,e,s=0,o="",a=arguments.length;s<a;s++)(r=arguments[s])&&(e=t(r))&&(o&&(o+=" "),o+=e);return o},i=window.ReactJSXRuntime,n={name:"line",supports:{valuePosition:!0,thickness:!0,rounded:!0,stripes:!0,gradient:!0},getClasses:({progressBarShowValue:r,progressBarValuePosition:e,progressBarRounded:s,progressBarStriped:o,progressBarStripedAnimated:a})=>({"do-progress-bar-rounded":s,"do-progress-bar-striped":o,"do-progress-bar-striped-animated":o&&a,"do-progress-bar-value-inside":r&&"inside"===e}),getStyle:({progressBarThickness:r,progressBarFillGradient:e})=>({"--do-progress-bar-thickness":`${r??10}px`,...e&&{"--do-progress-bar-fill-gradient":e}}),render:r=>(({attributes:r,title:e,valueElement:s,orderPair:o,a11yProps:a},{valueInside:t=!0}={})=>{const l=t&&"inside"===r.progressBarValuePosition,n=!l&&s,g=e||n;return(0,i.jsxs)(i.Fragment,{children:[g&&(0,i.jsx)("div",{className:"do-progress-bar-header",children:o(e,n)}),(0,i.jsx)("div",{className:"do-progress-bar-track",...a,children:(0,i.jsx)("div",{className:"do-progress-bar-fill",children:l&&s})})]})})(r)},g=r=>n,p=["h1","h2","h3","h4","h5","h6","div","span","p"],d=r=>p.includes(r)?r:"div",b=r=>Math.min(100,Math.max(0,Math.round(Number(r)||0))),u=r=>(r||"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim(),c=r=>{const e=g(),{textAlign:s}=r;return l("do-progress-bar",`do-progress-bar-${e.name}`,{[`has-text-align-${s}`]:s},e.getClasses(r))},x=r=>{const{progressBarValue:e,progressBarFillColor:s,progressBarTrackColor:o,progressBarValueColor:a,progressBarValueSize:t,progressBarAnimate:l,progressBarDuration:i}=r;return _({"--do-progress-bar-value":String(b(e)),...l&&{"--do-progress-bar-duration":`${i??1.5}s`},...s&&{"--do-progress-bar-fill":s},...o&&{"--do-progress-bar-track":o},...a&&{"--do-progress-bar-value-color":a},...t&&{"--do-progress-bar-value-size":`${t}px`},...g().getStyle(r)})},h=["--do-progress-bar-value","--do-progress-bar-thickness","--do-progress-bar-duration","--do-progress-bar-fill","--do-progress-bar-fill-gradient","--do-progress-bar-track","--do-progress-bar-value-color","--do-progress-bar-value-size"],_=r=>{const e=r=>h.includes(r)?h.indexOf(r):h.length;return Object.fromEntries(Object.entries(r).sort(([r],[s])=>e(r)-e(s)))},m=({label:r,help:e,value:s,onChange:o,min:t=0,max:l=100,step:n=1})=>(0,i.jsx)(a.RangeControl,{label:r,help:e,value:""===s?void 0:Number(s),onChange:r=>o(void 0===r?"":String(r)),min:t,max:l,step:n,allowReset:!0,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),B=()=>(0,i.jsxs)(a.PanelBody,{title:(0,o.__)("Upgrade to Pro","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,i.jsx)("p",{children:(0,o.__)("Get Circle, Half Circle, Box and Segmented layouts, plus label position, spacing and more color options.","designorbital-progress-bar-block")}),(0,i.jsx)(a.ExternalLink,{href:"https://designorbital.com/wordpress-plugin/wordpress-progress-bar-plugin/",children:(0,o.__)("Upgrade to Pro","designorbital-progress-bar-block")})]}),f=r=>{const{attributes:e,setAttributes:t}=r,{progressBarTitleTag:l,progressBarValue:n,progressBarShowValue:d,progressBarSuffix:b,progressBarValuePosition:u,progressBarThickness:c,progressBarRounded:x,progressBarStriped:h,progressBarStripedAnimated:_,progressBarFillColor:f,progressBarFillGradient:v,progressBarTrackColor:C,progressBarValueColor:k,progressBarValueSize:j,progressBarAnimate:S,progressBarDuration:T}=e,y=g(),{supports:N,labels:w={}}=y,V=(0,s.__experimentalUseMultipleOriginColorsAndGradients)(),A=N.gradient?{gradientValue:v||void 0,onGradientChange:r=>t({progressBarFillGradient:r||""})}:{};return(0,i.jsxs)(s.InspectorControls,{children:[(0,i.jsxs)(a.PanelBody,{title:(0,o.__)("DesignOrbital Progress Bar","designorbital-progress-bar-block"),children:[!1,(0,i.jsx)(a.SelectControl,{label:(0,o.__)("Title Tag","designorbital-progress-bar-block"),value:l,options:p.map(r=>({label:r.toUpperCase(),value:r})),onChange:r=>t({progressBarTitleTag:r}),__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,i.jsx)(a.RangeControl,{label:(0,o.__)("Value","designorbital-progress-bar-block"),value:n,onChange:r=>t({progressBarValue:r??0}),min:0,max:100,step:1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),(0,i.jsx)(a.ToggleControl,{label:(0,o.__)("Show Value","designorbital-progress-bar-block"),checked:d,onChange:r=>t({progressBarShowValue:r}),__nextHasNoMarginBottom:!0}),d&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.TextControl,{label:(0,o.__)("Suffix","designorbital-progress-bar-block"),value:b,onChange:r=>t({progressBarSuffix:r}),__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),N.valuePosition&&(0,i.jsxs)(a.__experimentalToggleGroupControl,{label:(0,o.__)("Value Position","designorbital-progress-bar-block"),help:"inside"===u?(0,o.__)("Increase the Thickness so the value fits inside the bar.","designorbital-progress-bar-block"):void 0,value:u,onChange:r=>t({progressBarValuePosition:r}),isBlock:!0,__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,children:[(0,i.jsx)(a.__experimentalToggleGroupControlOption,{value:"top",label:(0,o.__)("Top","designorbital-progress-bar-block")}),(0,i.jsx)(a.__experimentalToggleGroupControlOption,{value:"inside",label:(0,o.__)("Inside","designorbital-progress-bar-block")})]})]}),!1]}),(0,i.jsxs)(a.PanelBody,{title:(0,o.__)("Bar Styles","designorbital-progress-bar-block"),initialOpen:!1,children:[!1,N.thickness&&(0,i.jsx)(a.RangeControl,{label:(0,o.__)("Thickness","designorbital-progress-bar-block"),value:c,onChange:r=>t({progressBarThickness:r}),min:1,max:50,step:1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0}),!1,N.rounded&&(0,i.jsx)(a.ToggleControl,{label:(0,o.__)("Rounded","designorbital-progress-bar-block"),checked:x,onChange:r=>t({progressBarRounded:r}),__nextHasNoMarginBottom:!0}),N.stripes&&(0,i.jsx)(a.ToggleControl,{label:(0,o.__)("Striped","designorbital-progress-bar-block"),checked:h,onChange:r=>t({progressBarStriped:r}),__nextHasNoMarginBottom:!0}),N.stripes&&h&&(0,i.jsx)(a.ToggleControl,{label:(0,o.__)("Animate Stripes","designorbital-progress-bar-block"),checked:_,onChange:r=>t({progressBarStripedAnimated:r}),__nextHasNoMarginBottom:!0}),(0,i.jsx)(s.__experimentalColorGradientControl,{...V,label:(0,o.__)("Fill Color","designorbital-progress-bar-block"),colorValue:f,onColorChange:r=>t({progressBarFillColor:r||""}),...A,__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0}),(0,i.jsx)(s.__experimentalColorGradientControl,{...V,label:w.trackColor||(0,o.__)("Track Color","designorbital-progress-bar-block"),colorValue:C,onColorChange:r=>t({progressBarTrackColor:r||""}),__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0}),!1]}),d&&(0,i.jsxs)(a.PanelBody,{title:(0,o.__)("Value Styles","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,i.jsx)(m,{label:(0,o.__)("Font Size","designorbital-progress-bar-block"),help:(0,o.__)("Leave empty to use the default.","designorbital-progress-bar-block"),value:j,onChange:r=>t({progressBarValueSize:r}),min:8,max:120}),(0,i.jsx)(s.__experimentalColorGradientControl,{...V,label:(0,o.__)("Text Color","designorbital-progress-bar-block"),colorValue:k,onColorChange:r=>t({progressBarValueColor:r||""}),__experimentalIsRenderedInSidebar:!0,__nextHasNoMarginBottom:!0})]}),(0,i.jsxs)(a.PanelBody,{title:(0,o.__)("Animation","designorbital-progress-bar-block"),initialOpen:!1,children:[(0,i.jsx)(a.ToggleControl,{label:(0,o.__)("Animate On Scroll","designorbital-progress-bar-block"),help:(0,o.__)("Fill the bar and count up the value when the block scrolls into view.","designorbital-progress-bar-block"),checked:S,onChange:r=>t({progressBarAnimate:r}),__nextHasNoMarginBottom:!0}),S&&(0,i.jsx)(a.RangeControl,{label:(0,o.__)("Duration (seconds)","designorbital-progress-bar-block"),value:T,onChange:r=>t({progressBarDuration:r}),min:.5,max:5,step:.1,__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0})]}),(0,i.jsx)(B,{})]})},v={showLabel:!0,swap:!1},C=({attributes:r,title:e,label:s})=>{const{progressBarValue:o,progressBarShowValue:a,progressBarSuffix:t}=r,{showLabel:l,swap:n}=v,p=b(o),d=l&&e,u=a&&(0,i.jsxs)("span",{className:"do-progress-bar-value",children:[(0,i.jsx)("span",{className:"do-progress-bar-number",children:p}),t&&(0,i.jsx)("span",{className:"do-progress-bar-suffix",children:t})]}),c={role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":p,...l&&s&&{"aria-label":s}};return g().render({attributes:r,title:d,valueElement:u,orderPair:(r,e)=>n?(0,i.jsxs)(i.Fragment,{children:[e,r]}):(0,i.jsxs)(i.Fragment,{children:[r,e]}),a11yProps:c})},k=JSON.parse('{"uK":{"textAlign":{"type":"string"},"progressBarTitle":{"type":"string","default":"Web Design"},"progressBarTitleTag":{"type":"string","enum":["h1","h2","h3","h4","h5","h6","div","span","p"],"default":"div"},"progressBarValue":{"type":"number","default":75},"progressBarShowValue":{"type":"boolean","default":true},"progressBarSuffix":{"type":"string","default":"%"},"progressBarValuePosition":{"type":"string","enum":["top","inside"],"default":"top"},"progressBarThickness":{"type":"number","default":10},"progressBarRounded":{"type":"boolean","default":true},"progressBarStriped":{"type":"boolean","default":false},"progressBarStripedAnimated":{"type":"boolean","default":false},"progressBarFillColor":{"type":"string","default":""},"progressBarFillGradient":{"type":"string","default":""},"progressBarTrackColor":{"type":"string","default":""},"progressBarValueColor":{"type":"string","default":""},"progressBarValueSize":{"type":"string","default":""},"progressBarAnimate":{"type":"boolean","default":true},"progressBarDuration":{"type":"number","default":1.5}},"xY":{"html":false,"align":false,"className":true,"color":{"background":false,"text":true,"gradients":false},"spacing":{"margin":true,"__experimentalDefaultControls":{"margin":false}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalDefaultControls":{"fontSize":true}}}}'),j=["h1","h2","h3","h4","h5","h6","div","span","p"],S=[{attributes:k.uK,supports:k.xY,save:({attributes:r})=>{const{textAlign:e,progressBarTitle:o,progressBarTitleTag:a,progressBarValue:t,progressBarShowValue:n,progressBarSuffix:g,progressBarValuePosition:p,progressBarThickness:d,progressBarRounded:b,progressBarStriped:u,progressBarStripedAnimated:c,progressBarFillColor:x,progressBarFillGradient:h,progressBarTrackColor:_,progressBarValueColor:m,progressBarValueSize:B,progressBarAnimate:f,progressBarDuration:v}=r,C=(r=>Math.min(100,Math.max(0,Math.round(Number(r)||0))))(t),k=(o||"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim(),S="inside"===p,T=s.useBlockProps.save({className:l("do-progress-bar","do-progress-bar-line",{[`has-text-align-${e}`]:e,"do-progress-bar-rounded":b,"do-progress-bar-striped":u,"do-progress-bar-striped-animated":u&&c,"do-progress-bar-value-inside":n&&S,"do-progress-bar-animate":f}),style:{"--do-progress-bar-value":String(C),"--do-progress-bar-thickness":`${d??10}px`,...f&&{"--do-progress-bar-duration":`${v??1.5}s`},...x&&{"--do-progress-bar-fill":x},...h&&{"--do-progress-bar-fill-gradient":h},..._&&{"--do-progress-bar-track":_},...m&&{"--do-progress-bar-value-color":m},...B&&{"--do-progress-bar-value-size":`${B}px`}}}),y=o&&(0,i.jsx)(s.RichText.Content,{tagName:j.includes(a)?a:"div",className:"do-progress-bar-title",value:o}),N=n&&(0,i.jsxs)("span",{className:"do-progress-bar-value",children:[(0,i.jsx)("span",{className:"do-progress-bar-number",children:C}),g&&(0,i.jsx)("span",{className:"do-progress-bar-suffix",children:g})]}),w=!S&&N;return(0,i.jsxs)("div",{...T,children:[(y||w)&&(0,i.jsxs)("div",{className:"do-progress-bar-header",children:[y,w]}),(0,i.jsx)("div",{className:"do-progress-bar-track",role:"progressbar","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":C,...k&&{"aria-label":k},children:(0,i.jsx)("div",{className:"do-progress-bar-fill",children:S&&N})})]})}}],T=(0,i.jsxs)(a.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",children:[(0,i.jsx)(a.Path,{d:"M56 96h144a32 32 0 0 1 0 64H56a32 32 0 0 1 0-64Z",fill:"none",stroke:"currentColor",strokeWidth:"12"}),(0,i.jsx)(a.Path,{d:"M56 96h96v64H56a32 32 0 0 1 0-64Z",fill:"currentColor"})]});(0,r.registerBlockType)(e.UU,{icon:T,edit:r=>{const{attributes:e,setAttributes:a}=r,{textAlign:t,progressBarTitle:l,progressBarTitleTag:n}=e,g=(0,s.useBlockProps)({className:c(e),style:x(e)}),p=(0,s.useBlockEditingMode)(),b=(0,i.jsx)(s.RichText,{identifier:"progressBarTitle",tagName:d(n),className:"do-progress-bar-title",value:l,onChange:r=>a({progressBarTitle:r}),placeholder:(0,o.__)("Add title…","designorbital-progress-bar-block"),allowedFormats:["core/bold","core/italic"]});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(f,{attributes:e,setAttributes:a}),"default"===p&&(0,i.jsx)(s.BlockControls,{group:"block",children:(0,i.jsx)(s.AlignmentControl,{value:t,onChange:r=>a({textAlign:r})})}),(0,i.jsx)("div",{...g,children:(0,i.jsx)(C,{attributes:e,title:b,label:u(l)})})]})},save:r=>{const{attributes:e}=r,{progressBarTitle:o,progressBarTitleTag:a,progressBarAnimate:t}=e,n=s.useBlockProps.save({className:l(c(e),{"do-progress-bar-animate":t}),style:x(e)}),g=o&&(0,i.jsx)(s.RichText.Content,{tagName:d(a),className:"do-progress-bar-title",value:o});return(0,i.jsx)("div",{...n,children:(0,i.jsx)(C,{attributes:e,title:g,label:u(o)})})},deprecated:S})}};const e={};function s(o){const a=e[o];if(void 0!==a)return a.exports;const t=e[o]={exports:{}};return r[o](t,t.exports,s),t.exports}s.m=r,(()=>{const r=[];s.O=(e,o,a)=>{if(!o){for(var t=0;t<r.length;t++){let[o,a]=r[t],i=!0;for(var l=0;l<o.length;l++)s.O.j(o[l])?o.splice(l--,1):i=!1;if(i){r.splice(t--,1);const s=a();void 0!==s&&(e=s)}}return e}r.push([o,a])}})(),s.o=(r,e)=>Object.hasOwn(r,e),(()=>{const r={819:0,779:0};s.O.j=e=>0===r[e];const e=(e,o)=>{let[a,t,l]=o;var i,n,g=0;if(a.some(e=>0!==r[e])){for(i in t)s.o(t,i)&&(s.m[i]=t[i]);if(l)var p=l(s)}for(e&&e(o);g<a.length;g++)n=a[g],s.o(r,n)&&r[n]&&r[n][0](),r[n]=0;return s.O(p)},o=globalThis.webpackChunkdesignorbital_progress_bar_block||=[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})();let o=s.O(void 0,[779],()=>s(799));o=s.O(o)})();

  • designorbital-progress-bar-block/trunk/build/progress-bar/style-index-rtl.css

    r3735467 r3782177  
    1 .wp-block-designorbital-progress-bar-block-progress-bar{color:currentcolor}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-title{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-transform:inherit}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-value{color:var(--do-progress-bar-value-color,inherit);font-size:var(--do-progress-bar-value-size,inherit);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header{align-items:baseline;display:flex;gap:1em;justify-content:space-between;margin-bottom:.5em}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header>.do-progress-bar-value:only-child{margin-inline-start:auto}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track{background-color:var(--do-progress-bar-track,color-mix(in srgb,currentcolor 15%,transparent));height:var(--do-progress-bar-thickness,10px);overflow:hidden;position:relative}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{align-items:center;background-color:var(--do-progress-bar-fill,currentcolor);background-image:var(--do-progress-bar-fill-gradient,none);border-radius:inherit;display:flex;height:100%;justify-content:flex-end;transition-duration:var(--do-progress-bar-duration,1.5s);transition-property:width;transition-timing-function:cubic-bezier(.33,1,.68,1);width:calc(var(--do-progress-bar-value, 0)*1%)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-rounded .do-progress-bar-track{border-radius:999px}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill{padding-inline:.5em}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill .do-progress-bar-value{color:var(--do-progress-bar-value-color,#fff);font-size:var(--do-progress-bar-value-size,.75em)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped .do-progress-bar-fill{background-image:linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent),var(--do-progress-bar-fill-gradient,none);background-size:1rem 1rem,auto}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped-animated .do-progress-bar-fill{animation:do-progress-bar-stripes 1s linear infinite}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-animate:not(.is-visible) .do-progress-bar-fill{--do-progress-bar-value:0}@media(prefers-reduced-motion:reduce){.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{animation:none;transition:none}}@keyframes do-progress-bar-stripes{0%{background-position:right 1rem top 0,100% 0}to{background-position:100% 0,100% 0}}
     1.wp-block-designorbital-progress-bar-block-progress-bar{color:currentcolor}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-title{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-transform:inherit}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-value{color:var(--do-progress-bar-value-color,inherit);font-size:var(--do-progress-bar-value-size,inherit);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{transition-duration:var(--do-progress-bar-duration,1.5s);transition-timing-function:cubic-bezier(.33,1,.68,1)}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header{align-items:baseline;display:flex;gap:1em;justify-content:space-between;margin-bottom:.5em}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header>.do-progress-bar-value:only-child{margin-inline-start:auto}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track{background-color:var(--do-progress-bar-track,color-mix(in srgb,currentcolor 15%,transparent));height:var(--do-progress-bar-thickness,10px);overflow:hidden;position:relative}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track .do-progress-bar-fill{align-items:center;background-color:var(--do-progress-bar-fill,currentcolor);background-image:var(--do-progress-bar-fill-gradient,none);border-radius:inherit;display:flex;height:100%;justify-content:flex-end;transition-property:width;width:calc(var(--do-progress-bar-value, 0)*1%)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-rounded .do-progress-bar-track{border-radius:999px}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill{padding-inline:.5em}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill .do-progress-bar-value{color:var(--do-progress-bar-value-color,#fff);font-size:var(--do-progress-bar-value-size,.75em)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped .do-progress-bar-fill{background-image:linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent),var(--do-progress-bar-fill-gradient,none);background-size:1rem 1rem,auto}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped-animated .do-progress-bar-fill{animation:do-progress-bar-stripes 1s linear infinite}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-animate:not(.is-visible) .do-progress-bar-fill{--do-progress-bar-value:0}@media(prefers-reduced-motion:reduce){.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{animation:none;transition:none}}@keyframes do-progress-bar-stripes{0%{background-position:right 1rem top 0,100% 0}to{background-position:100% 0,100% 0}}
     2

  • designorbital-progress-bar-block/trunk/build/progress-bar/style-index.css

    r3735467 r3782177  
    1 .wp-block-designorbital-progress-bar-block-progress-bar{color:currentcolor}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-title{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-transform:inherit}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-value{color:var(--do-progress-bar-value-color,inherit);font-size:var(--do-progress-bar-value-size,inherit);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header{align-items:baseline;display:flex;gap:1em;justify-content:space-between;margin-bottom:.5em}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header>.do-progress-bar-value:only-child{margin-inline-start:auto}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track{background-color:var(--do-progress-bar-track,color-mix(in srgb,currentcolor 15%,transparent));height:var(--do-progress-bar-thickness,10px);overflow:hidden;position:relative}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{align-items:center;background-color:var(--do-progress-bar-fill,currentcolor);background-image:var(--do-progress-bar-fill-gradient,none);border-radius:inherit;display:flex;height:100%;justify-content:flex-end;transition-duration:var(--do-progress-bar-duration,1.5s);transition-property:width;transition-timing-function:cubic-bezier(.33,1,.68,1);width:calc(var(--do-progress-bar-value, 0)*1%)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-rounded .do-progress-bar-track{border-radius:999px}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill{padding-inline:.5em}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill .do-progress-bar-value{color:var(--do-progress-bar-value-color,#fff);font-size:var(--do-progress-bar-value-size,.75em)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped .do-progress-bar-fill{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent),var(--do-progress-bar-fill-gradient,none);background-size:1rem 1rem,auto}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped-animated .do-progress-bar-fill{animation:do-progress-bar-stripes 1s linear infinite}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-animate:not(.is-visible) .do-progress-bar-fill{--do-progress-bar-value:0}@media(prefers-reduced-motion:reduce){.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{animation:none;transition:none}}@keyframes do-progress-bar-stripes{0%{background-position:1rem 0,0 0}to{background-position:0 0,0 0}}
     1.wp-block-designorbital-progress-bar-block-progress-bar{color:currentcolor}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-title{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-transform:inherit}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-value{color:var(--do-progress-bar-value-color,inherit);font-size:var(--do-progress-bar-value-size,inherit);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{transition-duration:var(--do-progress-bar-duration,1.5s);transition-timing-function:cubic-bezier(.33,1,.68,1)}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header{align-items:baseline;display:flex;gap:1em;justify-content:space-between;margin-bottom:.5em}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-header>.do-progress-bar-value:only-child{margin-inline-start:auto}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track{background-color:var(--do-progress-bar-track,color-mix(in srgb,currentcolor 15%,transparent));height:var(--do-progress-bar-thickness,10px);overflow:hidden;position:relative}.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-track .do-progress-bar-fill{align-items:center;background-color:var(--do-progress-bar-fill,currentcolor);background-image:var(--do-progress-bar-fill-gradient,none);border-radius:inherit;display:flex;height:100%;justify-content:flex-end;transition-property:width;width:calc(var(--do-progress-bar-value, 0)*1%)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-rounded .do-progress-bar-track{border-radius:999px}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill{padding-inline:.5em}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-value-inside .do-progress-bar-fill .do-progress-bar-value{color:var(--do-progress-bar-value-color,#fff);font-size:var(--do-progress-bar-value-size,.75em)}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped .do-progress-bar-fill{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.15) 75%,transparent 75%,transparent),var(--do-progress-bar-fill-gradient,none);background-size:1rem 1rem,auto}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-striped-animated .do-progress-bar-fill{animation:do-progress-bar-stripes 1s linear infinite}.wp-block-designorbital-progress-bar-block-progress-bar.do-progress-bar-animate:not(.is-visible) .do-progress-bar-fill{--do-progress-bar-value:0}@media(prefers-reduced-motion:reduce){.wp-block-designorbital-progress-bar-block-progress-bar .do-progress-bar-fill{animation:none;transition:none}}@keyframes do-progress-bar-stripes{0%{background-position:1rem 0,0 0}to{background-position:0 0,0 0}}
     2

  • designorbital-progress-bar-block/trunk/designorbital-progress-bar-block.php

    r3735467 r3782177  
    33 * Plugin Name:       DesignOrbital Progress Bar Block
    44 * Description:       Animated line progress bar with a label, value, stripes and custom colors.
    5  * Version:           1.0.0
     5 * Version:           1.0.1
    66 * Requires at least: 6.7
    77 * Requires PHP:      7.4
    … …  
    2424 */
    2525function designorbital_progress_bar_block_init() {
     26        // DesignOrbital Progress Bar Block Pro registers the same block (with
     27        // extra options), so Lite steps aside when Pro is active. Checked here,
     28        // on `init`, so every plugin is loaded whatever the load order.
     29        if ( defined( 'DOPBB_PRO_VERSION' ) ) {
     30                return;
     31        }
     32
    2633        $build_dir = __DIR__ . '/build';
    2734        $manifest  = $build_dir . '/blocks-manifest.php';

  • designorbital-progress-bar-block/trunk/readme.txt

    r3735467 r3782177  
    55Tested up to:      7.1
    66Requires PHP:      7.4
    7 Stable tag:        1.0.0
     7Stable tag:        1.0.1
    88License:           GPL-2.0-or-later
    99License URI:       https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    3131This plugin does not collect any data, set cookies, or connect to external services.
    3232
     33### Premium Version
     34
     35Need more than a line bar? [DesignOrbital Progress Bar Block Pro](https://designorbital.com/wordpress-plugin/wordpress-progress-bar-plugin/) adds circle, half circle, segmented and box layouts, plus finer control over the label and value. Pro includes every free feature and replaces the free plugin, so the progress bars you already built keep working and gain the Pro options.
     36
     37**Pro Block Features**
     38
     39* Seven layouts: Line, Segmented, Circle, Circle Fill, Half Circle, Half Circle Fill, and Box.
     40* Circle Fill and Half Circle Fill with a water or pie fill style.
     41* Segmented bars with an adjustable number of segments and gap.
     42* Adjustable size for circle layouts and height for the box layout.
     43* Show or hide the label, and swap the label and value.
     44* Place the label and value both outside, both inside, or the label outside with the value inside.
     45* Adjustable spacing for the label and value.
     46* Extra area and background colors.
     47
     48👉 [See the Live Preview](https://plugins.designorbital.com/progress-bar-block-plugin/) of every Pro layout.
     49
     50👉 [Upgrade to Pro](https://designorbital.com/wordpress-plugin/wordpress-progress-bar-plugin/) to unlock all layouts and options.
     51
    3352### Built by DesignOrbital
    3453
    … …  
    4867== Frequently Asked Questions ==
    4968
     69= How do I add a progress bar in WordPress without a page builder? =
     70
     71Open any post, page or template in the block editor. Click the **+** inserter, search for "DesignOrbital Progress Bar" and add the block. Then set the label, value and colors in the block settings sidebar. It is a native Gutenberg block, so no shortcodes or page builder are needed.
     72
     73= Will a progress bar block slow down my WordPress site? =
     74
     75No. The DesignOrbital Progress Bar Block loads its styles and scripts only on pages that use the block, and every other page loads nothing extra. The animation uses a small script with no jQuery and no external libraries.
     76
     77= Can I animate the progress bar when it scrolls into view? =
     78
     79Yes. The bar fills and the percentage counts up when the block scrolls into view, with an adjustable duration. To show the bar already filled, open the **Animation** panel in the block settings and turn off **Animate On Scroll**. Visitors with reduced motion turned on in their device settings see a static bar automatically.
     80
     81= Is the progress bar accessible for screen readers? =
     82
     83Yes. The block outputs markup with the ARIA `progressbar` role, its label and its current, minimum and maximum values, so screen readers announce the progress correctly.
     84
     85= Does the progress bar work with block themes and Full Site Editing? =
     86
     87Yes. Use the DesignOrbital Progress Bar Block in posts, pages, templates, template parts and patterns in the Site Editor. It also works with classic themes wherever the block editor is used. The color pickers show your theme's color and gradient presets, and typography, text color and margin controls help it match your site design.
     88
    5089= How do I change the progress value? =
    5190
    5291Select the block and use the **Value** slider in the block settings sidebar.
    53 
    54 = Can I turn off the scroll animation? =
    55 
    56 Yes. Open the **Animation** panel in the block settings and turn off **Animate On Scroll**.
    5792
    5893== Screenshots ==
    … …  
    6297== Changelog ==
    6398
     99= 1.0.1 - 2026-11-03 =
     100* Improvement: Color pickers now show your theme's color and gradient presets.
     101* Improvement: Compatibility with DesignOrbital Progress Bar Block Pro. Existing blocks keep working when Pro is active.
     102* New: "Upgrade to Pro" panel in the block settings, with a link to the Pro features.
     103
    64104= 1.0.0 =
    65105* Initial release.
    … …  
    67107== Upgrade Notice ==
    68108
     109= 1.0.1 =
     110Theme color presets in the color pickers, and Pro compatibility.
     111
    69112= 1.0.0 =
    70113Initial release.
Note: See TracChangeset for help on using the changeset viewer.