@10up/block-components/dist/components/rich-text-character-limit/index.js

10up Components built for the WordPress Block Editor.

!function(){"use strict";var e={7650:function(e,t,r){r.d(t,{Counter:function(){return h}});var n=r(7966),a=r(474),c=r.n(a),s=r(5227),o=r.n(s),i=r(1863);function u(){return u=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},u.apply(null,arguments)}const l=o()("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;
			}
		}
	}
`,f=o()("div")`
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	font-variant-numeric: tabular-nums;
`,p=({percentage:e})=>{const t=2*Math.PI*90,r=(100-Math.max(0,Math.min(e,100)))/100*t,a=e>80,s=e>=100;return(0,n.createElement)(i.StyledComponentContext,{cacheKey:"tenup-component-circular-progress-bar"},(0,n.createElement)(l,{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 200 200",version:"1.1",className:c()("tenup--block-components__circular-progress",{"is-over-limit":s,"is-approaching-limit":a&&!s})},(0,n.createElement)("circle",{cx:"100",cy:"100",r:90,fill:"transparent",strokeDasharray:t}),(0,n.createElement)("circle",{className:"bar",cx:"100",cy:"100",r:90,fill:"transparent",strokeDasharray:t,strokeDashoffset:r}),a&&!s&&(0,n.createElement)(n.Fragment,null,(0,n.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,n.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,n.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"})),s&&(0,n.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"})))},h=(0,n.forwardRef)(({count:e,limit:t,...r},a)=>{const s=e/t*100;return(0,n.createElement)(i.StyledComponentContext,{cacheKey:"tenup-component-counter"},(0,n.createElement)(f,u({className:c()("tenup--block-components__character-count",{"is-over-limit":e>t}),ref:a},r),(0,n.createElement)("div",{className:"tenup--block-components__character-count__label"},(0,n.createElement)("span",{className:"tenup--block-components__character-count__count"},e)," ","/"," ",(0,n.createElement)("span",{className:"tenup--block-components__character-count__limit"},t)),(0,n.createElement)(p,{percentage:s})))})},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 v=1,b=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:v,column:b,length:s,return:""}}function C(e,t){return i($("",null,null,"",null,null,0),e,{length:-e.length},t)}function E(){return w=k>0?p(x,--k):0,b--,10===w&&(b=1,v--),w}function S(){return w=k<y?p(x,k++):0,b++,10===w&&(b=1,v++),w}function _(){return p(x,k)}function O(){return k}function M(e,t){return h(x,e,t)}function P(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 A(e){return v=b=1,y=d(x=e),k=0,[]}function j(e){return x="",e}function T(e){return u(M(k-1,N(91===e?e+2:40===e?e+1:e)))}function q(e){for(;(w=_())&&w<33;)S();return P(e)>2||P(w)>3?"":" "}function z(e,t){for(;--t&&S()&&!(w<48||w>102||w>57&&w<65||w>70&&w<97););return M(e,O()+(t<6&&32==_()&&32==S()))}function N(e){for(;S();)switch(w){case e:return k;case 34:case 39:34!==e&&39!==e&&N(w);break;case 40:41===e&&N(e);break;case 92:S()}return k}function L(e,t){for(;S()&&e+w!==57&&(e+w!==84||47!==_()););return"/*"+M(t,k-1)+"*"+o(47===e?e:S())}function R(e){for(;!P(_());)S();return M(e,k)}var F="-ms-",B="-moz-",D="-webkit-",I="comm",K="rule",H="decl",U="@keyframes";function W(e,t){for(var r="",n=m(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function G(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 I:return"";case U:return e.return=e.value+"{"+W(e.children,n)+"}";case K:e.value=e.props.join(",")}return d(r=W(e.children,n))?e.return=e.value+"{"+r+"}":""}function J(e){return j(Q("",null,null,null,[""],e=A(e),0,[0],e))}function Q(e,t,r,n,a,c,s,i,u){for(var h=0,m=0,v=s,b=0,y=0,k=0,w=1,x=1,$=1,C=0,M="",P=a,A=c,j=n,N=M;x;)switch(k=C,C=S()){case 40:if(108!=k&&58==p(N,v-1)){-1!=f(N+=l(T(C),"&","&\f"),"&\f")&&($=-1);break}case 34:case 39:case 91:N+=T(C);break;case 9:case 10:case 13:case 32:N+=q(k);break;case 92:N+=z(O()-1,7);continue;case 47:switch(_()){case 42:case 47:g(X(L(S(),O()),t,r),u);break;default:N+="/"}break;case 123*w:i[h++]=d(N)*$;case 125*w:case 59:case 0:switch(C){case 0:case 125:x=0;case 59+m:-1==$&&(N=l(N,/\f/g,"")),y>0&&d(N)-v&&g(y>32?Y(N+";",n,r,v-1):Y(l(N," ","")+";",n,r,v-2),u);break;case 59:N+=";";default:if(g(j=V(N,t,r,h,m,a,i,M,P=[],A=[],v),c),123===C)if(0===m)Q(N,t,j,j,P,c,v,i,A);else switch(99===b&&110===p(N,3)?100:b){case 100:case 108:case 109:case 115:Q(e,j,j,n&&g(V(e,j,j,0,0,a,i,M,a,P=[],v),A),a,A,v,i,n?P:A);break;default:Q(N,j,j,j,[""],A,0,i,A)}}h=m=y=0,w=$=1,M=N="",v=s;break;case 58:v=1+d(N),y=k;default:if(w<1)if(123==C)--w;else if(125==C&&0==w++&&125==E())continue;switch(N+=o(C),C*w){case 38:$=m>0?1:(N+="\f",-1);break;case 44:i[h++]=(d(N)-1)*$,$=1;break;case 64:45===_()&&(N+=T(S())),b=_(),m=v=d(M=N+=R(O())),C++;break;case 45:45===k&&2==d(N)&&(w=0)}}return c}function V(e,t,r,n,a,c,o,i,f,p,d){for(var g=a-1,v=0===a?c:[""],b=m(v),y=0,k=0,w=0;y<n;++y)for(var x=0,C=h(e,g+1,g=s(k=o[y])),E=e;x<b;++x)(E=u(k>0?v[x]+" "+C:l(C,/&\f/g,v[x])))&&(f[w++]=E);return $(e,t,r,0===a?K:i,f,p,d)}function X(e,t,r){return $(e,t,r,I,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=_(),38===n&&12===a&&(t[r]=1),!P(a);)S();return M(e,k)},ee=function(e,t){return j(function(e,t){var r=-1,n=44;do{switch(P(n)){case 0:38===n&&12===_()&&(t[r]=1),e[r]+=Z(k-1,t,r);break;case 2:e[r]+=T(n);break;case 4:if(44===n){e[++r]=58===_()?"&\f":"",t[r]=e[r].length;break}default:e[r]+=o(n)}}while(n=S());return e}(A(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 D+"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 D+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+B+e+F+e+e;case 6828:case 4268:return D+e+F+e+e;case 6165:return D+e+F+"flex-"+e+e;case 5187:return D+e+l(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+F+"flex-$1$2")+e;case 5443:return D+e+F+"flex-item-"+l(e,/flex-|-self/,"")+e;case 4675:return D+e+F+"flex-line-pack"+l(e,/align-content|flex-|-self/,"")+e;case 5548:return D+e+F+l(e,"shrink","negative")+e;case 5292:return D+e+F+l(e,"basis","preferred-size")+e;case 6060:return D+"box-"+l(e,"-grow","")+D+e+F+l(e,"grow","positive")+e;case 4554:return D+l(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return l(l(l(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return l(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return l(l(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+F+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4095:case 3583:case 4068:case 2532:return l(e,/(.+)-inline(.+)/,D+"$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"+D+"$2-$3$1"+B+(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,":",":"+D)+e;case 101:return l(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+D+(45===p(e,14)?"inline-":"")+"box$3$1"+D+"$2$3$1"+F+"$2box$3")+e}break;case 5936:switch(p(e,t+11)){case 114:return D+e+F+l(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+F+l(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+F+l(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return D+e+F+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 U:return W([C(e,{value:l(e.value,"@","@"+D)})],n);case K: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 W([C(e,{props:[l(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return W([C(e,{props:[l(t,/:(plac\w+)/,":"+D+"input-$1")]}),C(e,{props:[l(t,/:(plac\w+)/,":-moz-$1")]}),C(e,{props:[l(t,/:(plac\w+)/,F+"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=[G,(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,W(J(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")},2627:function(e){e.exports=require("@wordpress/block-editor")},6314:function(e){e.exports=require("@wordpress/compose")},7966:function(e){e.exports=require("@wordpress/element")},4940:function(e){e.exports=require("@wordpress/rich-text")},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,{RichTextCharacterLimit:function(){return f},getCharacterCount:function(){return l}});var a=r(7966),c=r(2627),s=r(4940),o=require("@floating-ui/react-dom"),i=r(7650);function u(){return u=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},u.apply(null,arguments)}const l=e=>{if(!e)return 0;const t=(0,s.create)({html:e});return(0,s.getTextContent)(t).length},f=({limit:e=100,enforce:t=!0,value:r,onChange:n,...f})=>{const{isSelected:p}=(0,c.useBlockEditContext)(),{floatingStyles:h,refs:{setReference:d,setFloating:m}}=(0,o.useFloating)({open:p,placement:"bottom-end",strategy:"fixed",whileElementsMounted:o.autoUpdate}),[g,v]=(0,a.useState)(0),[b,y]=(0,a.useState)(r);(0,a.useEffect)(()=>{v(l(b))},[b]);const k=(n=r)=>{const a=(0,s.create)({html:n});return l(n)>e&&t?(y(""),(0,s.remove)(a,e,l(n))):a};return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(c.RichText,u({},f,{value:b,onChange:e=>((e=r)=>{const t=(0,s.toHTMLString)({value:k(e)});y(t),n(t)})(e),ref:d})),p&&(0,a.createElement)(i.Counter,{count:g,limit:e,ref:m,style:h}))};module.exports=n}();
//# sourceMappingURL=index.js.map