@10up/block-components
Version:
10up Components built for the WordPress Block Editor.
50 lines (43 loc) • 14.5 kB
JavaScript
!function(){"use strict";var e={1863:function(e,t,r){r.d(t,{StyledComponentContext:function(){return ie}});var n=r(7966),a=r(1007);var c=function(){function e(e){var t=this;this._insertTag=function(e){var r;r=0===t.tags.length?t.insertionPoint?t.insertionPoint.nextSibling:t.prepend?t.container.firstChild:t.before:t.tags[t.tags.length-1].nextSibling,t.container.insertBefore(e,r),t.tags.push(e)},this.isSpeedy=void 0===e.speedy||e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(e){e.forEach(this._insertTag)},t.insert=function(e){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(function(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),void 0!==e.nonce&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}(this));var t=this.tags[this.tags.length-1];if(this.isSpeedy){var r=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}(t);try{r.insertRule(e,r.cssRules.length)}catch(e){}}else t.appendChild(document.createTextNode(e));this.ctr++},t.flush=function(){this.tags.forEach(function(e){var t;return null==(t=e.parentNode)?void 0:t.removeChild(e)}),this.tags=[],this.ctr=0},e}(),s=Math.abs,o=String.fromCharCode,i=Object.assign;function u(e){return e.trim()}function l(e,t,r){return e.replace(t,r)}function f(e,t){return e.indexOf(t)}function p(e,t){return 0|e.charCodeAt(t)}function h(e,t,r){return e.slice(t,r)}function d(e){return e.length}function m(e){return e.length}function g(e,t){return t.push(e),e}var b=1,v=1,y=0,k=0,w=0,x="";function $(e,t,r,n,a,c,s){return{value:e,root:t,parent:r,type:n,props:a,children:c,line:b,column:v,length:s,return:""}}function C(e,t){return i($("",null,null,"",null,null,0),e,{length:-e.length},t)}function _(){return w=k>0?p(x,--k):0,v--,10===w&&(v=1,b--),w}function E(){return w=k<y?p(x,k++):0,v++,10===w&&(v=1,b++),w}function S(){return p(x,k)}function O(){return k}function P(e,t){return h(x,e,t)}function A(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function M(e){return b=v=1,y=d(x=e),k=0,[]}function j(e){return x="",e}function z(e){return u(P(k-1,L(91===e?e+2:40===e?e+1:e)))}function N(e){for(;(w=S())&&w<33;)E();return A(e)>2||A(w)>3?"":" "}function q(e,t){for(;--t&&E()&&!(w<48||w>102||w>57&&w<65||w>70&&w<97););return P(e,O()+(t<6&&32==S()&&32==E()))}function L(e){for(;E();)switch(w){case e:return k;case 34:case 39:34!==e&&39!==e&&L(w);break;case 40:41===e&&L(e);break;case 92:E()}return k}function T(e,t){for(;E()&&e+w!==57&&(e+w!==84||47!==S()););return"/*"+P(t,k-1)+"*"+o(47===e?e:E())}function R(e){for(;!A(S());)E();return P(e,k)}var B="-ms-",D="-moz-",I="-webkit-",K="comm",F="rule",H="decl",W="@keyframes";function G(e,t){for(var r="",n=m(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function J(e,t,r,n){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case H:return e.return=e.return||e.value;case K:return"";case W:return e.return=e.value+"{"+G(e.children,n)+"}";case F:e.value=e.props.join(",")}return d(r=G(e.children,n))?e.return=e.value+"{"+r+"}":""}function Q(e){return j(U("",null,null,null,[""],e=M(e),0,[0],e))}function U(e,t,r,n,a,c,s,i,u){for(var h=0,m=0,b=s,v=0,y=0,k=0,w=1,x=1,$=1,C=0,P="",A=a,M=c,j=n,L=P;x;)switch(k=C,C=E()){case 40:if(108!=k&&58==p(L,b-1)){-1!=f(L+=l(z(C),"&","&\f"),"&\f")&&($=-1);break}case 34:case 39:case 91:L+=z(C);break;case 9:case 10:case 13:case 32:L+=N(k);break;case 92:L+=q(O()-1,7);continue;case 47:switch(S()){case 42:case 47:g(X(T(E(),O()),t,r),u);break;default:L+="/"}break;case 123*w:i[h++]=d(L)*$;case 125*w:case 59:case 0:switch(C){case 0:case 125:x=0;case 59+m:-1==$&&(L=l(L,/\f/g,"")),y>0&&d(L)-b&&g(y>32?Y(L+";",n,r,b-1):Y(l(L," ","")+";",n,r,b-2),u);break;case 59:L+=";";default:if(g(j=V(L,t,r,h,m,a,i,P,A=[],M=[],b),c),123===C)if(0===m)U(L,t,j,j,A,c,b,i,M);else switch(99===v&&110===p(L,3)?100:v){case 100:case 108:case 109:case 115:U(e,j,j,n&&g(V(e,j,j,0,0,a,i,P,a,A=[],b),M),a,M,b,i,n?A:M);break;default:U(L,j,j,j,[""],M,0,i,M)}}h=m=y=0,w=$=1,P=L="",b=s;break;case 58:b=1+d(L),y=k;default:if(w<1)if(123==C)--w;else if(125==C&&0==w++&&125==_())continue;switch(L+=o(C),C*w){case 38:$=m>0?1:(L+="\f",-1);break;case 44:i[h++]=(d(L)-1)*$,$=1;break;case 64:45===S()&&(L+=z(E())),v=S(),m=b=d(P=L+=R(O())),C++;break;case 45:45===k&&2==d(L)&&(w=0)}}return c}function V(e,t,r,n,a,c,o,i,f,p,d){for(var g=a-1,b=0===a?c:[""],v=m(b),y=0,k=0,w=0;y<n;++y)for(var x=0,C=h(e,g+1,g=s(k=o[y])),_=e;x<v;++x)(_=u(k>0?b[x]+" "+C:l(C,/&\f/g,b[x])))&&(f[w++]=_);return $(e,t,r,0===a?F:i,f,p,d)}function X(e,t,r){return $(e,t,r,K,o(w),h(e,2,-2),0)}function Y(e,t,r,n){return $(e,t,r,H,h(e,0,n),h(e,n+1,-1),n)}var Z=function(e,t,r){for(var n=0,a=0;n=a,a=S(),38===n&&12===a&&(t[r]=1),!A(a);)E();return P(e,k)},ee=function(e,t){return j(function(e,t){var r=-1,n=44;do{switch(A(n)){case 0:38===n&&12===S()&&(t[r]=1),e[r]+=Z(k-1,t,r);break;case 2:e[r]+=z(n);break;case 4:if(44===n){e[++r]=58===S()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=o(n)}}while(n=E());return e}(M(e),t))},te=new WeakMap,re=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,r=e.parent,n=e.column===r.column&&e.line===r.line;"rule"!==r.type;)if(!(r=r.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||te.get(r))&&!n){te.set(e,!0);for(var a=[],c=ee(t,a),s=r.props,o=0,i=0;o<c.length;o++)for(var u=0;u<s.length;u++,i++)e.props[i]=a[o]?c[o].replace(/&\f/g,s[u]):s[u]+" "+c[o]}}},ne=function(e){if("decl"===e.type){var t=e.value;108===t.charCodeAt(0)&&98===t.charCodeAt(2)&&(e.return="",e.value="")}};function ae(e,t){switch(function(e,t){return 45^p(e,0)?(((t<<2^p(e,0))<<2^p(e,1))<<2^p(e,2))<<2^p(e,3):0}(e,t)){case 5103:return I+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return I+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return I+e+D+e+B+e+e;case 6828:case 4268:return I+e+B+e+e;case 6165:return I+e+B+"flex-"+e+e;case 5187:return I+e+l(e,/(\w+).+(:[^]+)/,I+"box-$1$2"+B+"flex-$1$2")+e;case 5443:return I+e+B+"flex-item-"+l(e,/flex-|-self/,"")+e;case 4675:return I+e+B+"flex-line-pack"+l(e,/align-content|flex-|-self/,"")+e;case 5548:return I+e+B+l(e,"shrink","negative")+e;case 5292:return I+e+B+l(e,"basis","preferred-size")+e;case 6060:return I+"box-"+l(e,"-grow","")+I+e+B+l(e,"grow","positive")+e;case 4554:return I+l(e,/([^-])(transform)/g,"$1"+I+"$2")+e;case 6187:return l(l(l(e,/(zoom-|grab)/,I+"$1"),/(image-set)/,I+"$1"),e,"")+e;case 5495:case 3959:return l(e,/(image-set\([^]*)/,I+"$1$`$1");case 4968:return l(l(e,/(.+:)(flex-)?(.*)/,I+"box-pack:$3"+B+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+I+e+e;case 4095:case 3583:case 4068:case 2532:return l(e,/(.+)-inline(.+)/,I+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(d(e)-1-t>6)switch(p(e,t+1)){case 109:if(45!==p(e,t+4))break;case 102:return l(e,/(.+:)(.+)-([^]+)/,"$1"+I+"$2-$3$1"+D+(108==p(e,t+3)?"$3":"$2-$3"))+e;case 115:return~f(e,"stretch")?ae(l(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==p(e,t+1))break;case 6444:switch(p(e,d(e)-3-(~f(e,"!important")&&10))){case 107:return l(e,":",":"+I)+e;case 101:return l(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+I+(45===p(e,14)?"inline-":"")+"box$3$1"+I+"$2$3$1"+B+"$2box$3")+e}break;case 5936:switch(p(e,t+11)){case 114:return I+e+B+l(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return I+e+B+l(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return I+e+B+l(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return I+e+B+e+e}return e}var ce=[function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case H:e.return=ae(e.value,e.length);break;case W:return G([C(e,{value:l(e.value,"@","@"+I)})],n);case F:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return G([C(e,{props:[l(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return G([C(e,{props:[l(t,/:(plac\w+)/,":"+I+"input-$1")]}),C(e,{props:[l(t,/:(plac\w+)/,":-moz-$1")]}),C(e,{props:[l(t,/:(plac\w+)/,B+"input-$1")]})],n)}return""})}}],se=function(e){var t=e.key;if("css"===t){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var n,a,s=e.stylisPlugins||ce,o={},i=[];n=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),r=1;r<t.length;r++)o[t[r]]=!0;i.push(e)});var u,l,f=[J,(l=function(e){u.insert(e)},function(e){e.root||(e=e.return)&&l(e)})],p=function(e){var t=m(e);return function(r,n,a,c){for(var s="",o=0;o<t;o++)s+=e[o](r,n,a,c)||"";return s}}([re,ne].concat(s,f));a=function(e,t,r,n){u=r,G(Q(e?e+"{"+t.styles+"}":t.styles),p),n&&(h.inserted[t.name]=!0)};var h={key:t,sheet:new c({key:t,container:n,nonce:e.nonce,speedy:e.speedy,prepend:e.prepend,insertionPoint:e.insertionPoint}),nonce:e.nonce,inserted:o,registered:{},insert:a};return h.sheet.hydrate(i),h},oe=r(6314);const ie=({children:e,cacheKey:t})=>{const r=`${(0,oe.useInstanceId)(ie)}`,c=se({key:t||r}),[s,o]=(0,n.useState)(c),i=(0,oe.useRefEffect)(e=>(e&&o(se({key:t||r,container:e})),()=>{o(c)}),[t,r]);return(0,n.createElement)(n.Fragment,null,(0,n.createElement)("span",{ref:i,style:{display:"none"}}),(0,n.createElement)(a.CacheProvider,{value:s},e))}},1007:function(e){e.exports=require("@emotion/react")},5227:function(e){e.exports=require("@emotion/styled")},6314:function(e){e.exports=require("@wordpress/compose")},7966:function(e){e.exports=require("@wordpress/element")},474:function(e){e.exports=require("clsx")}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var c=t[n]={exports:{}};return e[n](c,c.exports,r),c.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};r.r(n),r.d(n,{CircularProgressBar:function(){return h},Counter:function(){return d}});var a=r(7966),c=r(474),s=r.n(c),o=r(5227),i=r.n(o),u=r(1863);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(null,arguments)}const f=i()("svg")`
transform: rotate(-90deg);
& circle {
transition: stroke-dashoffset 0.3s linear;
stroke: currentColor;
stroke-width: 1em;
opacity: 0.3;
}
& path {
fill: #46b450;
}
& .bar {
stroke: #46b450;
opacity: 1;
}
&.tenup--block-components__circular-progress {
&.is-over-limit {
& path {
fill: #dc3232;
}
& .bar {
stroke: #dc3232;
opacity: 1;
}
}
&.is-approaching-limit {
& path {
fill: #ffb900;
}
& .bar {
stroke: #ffb900;
opacity: 1;
}
}
}
`,p=i()("div")`
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
font-variant-numeric: tabular-nums;
`,h=({percentage:e})=>{const t=2*Math.PI*90,r=(100-Math.max(0,Math.min(e,100)))/100*t,n=e>80,c=e>=100;return(0,a.createElement)(u.StyledComponentContext,{cacheKey:"tenup-component-circular-progress-bar"},(0,a.createElement)(f,{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 200 200",version:"1.1",className:s()("tenup--block-components__circular-progress",{"is-over-limit":c,"is-approaching-limit":n&&!c})},(0,a.createElement)("circle",{cx:"100",cy:"100",r:90,fill:"transparent",strokeDasharray:t}),(0,a.createElement)("circle",{className:"bar",cx:"100",cy:"100",r:90,fill:"transparent",strokeDasharray:t,strokeDashoffset:r}),n&&!c&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)("path",{style:{transform:"rotate(90deg)",transformOrigin:"center",fill:"#ffb900"},d:"M100,31.2c38,0,68.8,30.8,68.8,68.8S138,168.8,100,168.8S31.2,138,31.2,100S62,31.2,100,31.2z"}),(0,a.createElement)("path",{style:{transform:"rotate(90deg)",transformOrigin:"center",fill:"#000"},d:"M108.9,140.8c2.1-2,3.2-4.7,3.2-8.3c0-3.6-1-6.4-3.1-8.3 c-2.1-2-5.1-3-9.1-3c-4,0-7.1,1-9.2,3c-2.1,2-3.2,4.7-3.2,8.3c0,3.5,1.1,6.3,3.3,8.3c2.2,2,5.2,2.9,9.1,2.9S106.8,142.7,108.9,140.8 z"}),(0,a.createElement)("path",{style:{transform:"rotate(90deg)",transformOrigin:"center",fill:"#000"},d:"M109.7,111.9 l3-55.6H87.3l3,55.6C90.3,111.9,109.7,111.9,109.7,111.9z"})),c&&(0,a.createElement)("path",{style:{transform:"rotate(90deg)",transformOrigin:"center"},d:"M100,168.8c38,0,68.8-30.8,68.8-68.8c0-38-30.8-68.8-68.8-68.8C62,31.2,31.2,62,31.2,100 C31.2,138,62,168.8,100,168.8z M127,73c2.2,2.2,2.2,5.9,0,8.1L108.1,100l18.9,18.9c2.2,2.2,2.2,5.9,0,8.1c-2.2,2.2-5.9,2.2-8.1,0 L100,108.1L81.1,127c-2.2,2.2-5.9,2.2-8.1,0c-2.2-2.2-2.2-5.9,0-8.1L91.9,100L73,81.1c-2.2-2.2-2.2-5.9,0-8.1s5.9-2.2,8.1,0 L100,91.9L118.9,73C121.1,70.8,124.7,70.8,127,73z"})))},d=(0,a.forwardRef)(({count:e,limit:t,...r},n)=>{const c=e/t*100;return(0,a.createElement)(u.StyledComponentContext,{cacheKey:"tenup-component-counter"},(0,a.createElement)(p,l({className:s()("tenup--block-components__character-count",{"is-over-limit":e>t}),ref:n},r),(0,a.createElement)("div",{className:"tenup--block-components__character-count__label"},(0,a.createElement)("span",{className:"tenup--block-components__character-count__count"},e)," ","/"," ",(0,a.createElement)("span",{className:"tenup--block-components__character-count__limit"},t)),(0,a.createElement)(h,{percentage:c})))});module.exports=n}();
//# sourceMappingURL=index.js.map