@umbraco-cms/backoffice 14.0.0-c5787966 → 14.0.0-d1fdb88f

package/dist-cms/external/uui/index.js

@@ -907,7 +907,7 @@
       #button-wrapper:active #plus {
         transform: scale(1.1);
       }
-    `],si([f()],ct.prototype,"_position",2),si([a({type:String})],ct.prototype,"label",2),si([a({type:Boolean,reflect:!0})],ct.prototype,"vertical",2),ct=si([p("uui-button-inline-create")],ct);class th{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const _=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},_n=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const m=h.pageX-u,y=h.pageY-c;e?.onMove&&e.onMove(m,y)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},D=(t,e,r)=>Math.min(Math.max(t,e),r),yn=(t,e,r)=>r+e-t,ni=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+    `],si([f()],ct.prototype,"_position",2),si([a({type:String})],ct.prototype,"label",2),si([a({type:Boolean,reflect:!0})],ct.prototype,"vertical",2),ct=si([p("uui-button-inline-create")],ct);class th{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const _=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},_n=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const m=h.pageX-u,y=h.pageY-c;e?.onMove&&e.onMove(m,y)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},L=(t,e,r)=>Math.min(Math.max(t,e),r),yn=(t,e,r)=>r+e-t,ni=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 <path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
 </svg>`,rh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,ih=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,oh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,wn=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,sh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,nh=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,ah=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,xn=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 <path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
@@ -915,7 +915,7 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const L=t=>t??x;var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,me=(t,e,r,o)=>{for(var i=o>1?void 0:o?uh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lh(e,r,i),i};let W=class extends fe(ve("",v)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":_(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),t=l`<uui-icon
+ */const I=t=>t??x;var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,me=(t,e,r,o)=>{for(var i=o>1?void 0:o?uh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lh(e,r,i),i};let W=class extends fe(ve("",v)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":_(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),t=l`<uui-icon
           name="check"
           .fallback=${ni.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),t=l`<uui-icon
           name="wrong"
@@ -923,9 +923,9 @@
           <a
             id="button"
             aria-label=${this.label}
-            href=${L(this.disabled?void 0:this.href)}
-            target=${L(this.target||void 0)}
-            rel=${L(this.target==="_blank"?"noopener noreferrer":void 0)}>
+            href=${I(this.disabled?void 0:this.href)}
+            target=${I(this.target||void 0)}
+            rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}>
             ${this.renderState()} ${this.renderLabel()}
             <slot name="extra"></slot>
           </a>
@@ -1001,7 +1001,7 @@
 
         display: inline-flex;
         align-items: center;
-        justify-content: center;
+        justify-content: var(--uui-button-content-align, center);
 
         /* for anchor tag: */
         text-decoration: none;
@@ -1823,7 +1823,7 @@
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const ui=At(class extends Ut{constructor(t){var e;if(super(t),t.type!==le.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var r,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((r=this.nt)===null||r===void 0)&&r.has(s))&&this.it.add(s);return this.render(e)}const i=t.element.classList;this.it.forEach(s=>{s in e||(i.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.it.add(s)):(i.remove(s),this.it.delete(s)))}return F}});var Sh={grad:.9,turn:360,rad:360/(2*Math.PI)},Oe=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ee=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Cn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},On=function(t){return{r:ee(t.r,0,255),g:ee(t.g,0,255),b:ee(t.b,0,255),a:ee(t.a)}},ho=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},kh=/^#([0-9a-f]{3,8})$/i,ci=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Sn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},kn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},zn=function(t){return{h:Cn(t.h),s:ee(t.s,0,100),l:ee(t.l,0,100),a:ee(t.a)}},In=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},An=function(t){return kn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},br=function(t){return{h:(e=Sn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},zh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ih=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ah=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Uh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Un={string:[[function(t){var e=kh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?N(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?N(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Ah.exec(t)||Uh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:On({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=zh.exec(t)||Ih.exec(t);if(!e)return null;var r,o,i=zn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Sh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return An(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Oe(e)&&Oe(r)&&Oe(o)?On({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=zn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return An(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=function(u){return{h:Cn(u.h),s:ee(u.s,0,100),v:ee(u.v,0,100),a:ee(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return kn(n)},"hsv"]]},Dn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Dh=function(t){return typeof t=="string"?Dn(t.trim(),Un.string):typeof t=="object"&&t!==null?Dn(t,Un.object):[null,void 0]},po=function(t,e){var r=br(t);return{h:r.h,s:ee(r.s+100*e,0,100),l:r.l,a:r.a}},vo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Ln=function(t,e){var r=br(t);return{h:r.h,s:r.s,l:ee(r.l+100*e,0,100),a:r.a}},Nn=function(){function t(e){this.parsed=Dh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return N(vo(this.rgba),2)},t.prototype.isDark=function(){return vo(this.rgba)<.5},t.prototype.isLight=function(){return vo(this.rgba)>=.5},t.prototype.toHex=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?ci(N(255*s)):"","#"+ci(r)+ci(o)+ci(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return ho(this.rgba)},t.prototype.toRgbString=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return In(br(this.rgba))},t.prototype.toHslString=function(){return e=In(br(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Sn(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},t.prototype.invert=function(){return te({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,-e))},t.prototype.grayscale=function(){return te(po(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?te({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):N(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=br(this.rgba);return typeof e=="number"?te({h:e,s:r.s,l:r.l,a:r.a}):N(r.h)},t.prototype.isEqual=function(e){return this.toHex()===te(e).toHex()},t}(),te=function(t){return t instanceof Nn?t:new Nn(t)},Lh=Object.defineProperty,Hn=Object.getOwnPropertySymbols,Nh=Object.prototype.hasOwnProperty,Hh=Object.prototype.propertyIsEnumerable,Tn=(t,e,r)=>e in t?Lh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Mn=(t,e)=>{for(var r in e||(e={}))Nh.call(e,r)&&Tn(t,r,e[r]);if(Hn)for(var r of Hn(e))Hh.call(e,r)&&Tn(t,r,e[r]);return t};class hi extends O{constructor(e,r={}){super(e,Mn(Mn({},{bubbles:!0}),r))}}hi.CHANGE="change";var Th=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Se=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Th(e,r,i),i};let re=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=te(t);if(r.isValid()){const{h:o,s:i,l:s}=r.toHsl();this.hue=o,this.saturation=i,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:i}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,_n(e,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=D(s/o*100,0,100),this.brightness=D(100-n/i*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=D(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=D(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=D(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=D(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=te({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new hi(hi.CHANGE))}getHexString(t,e,r,o=100){const i=te(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return i.isValid()?i.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
+ */const ui=At(class extends Ut{constructor(t){var e;if(super(t),t.type!==le.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var r,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((r=this.nt)===null||r===void 0)&&r.has(s))&&this.it.add(s);return this.render(e)}const i=t.element.classList;this.it.forEach(s=>{s in e||(i.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.it.add(s)):(i.remove(s),this.it.delete(s)))}return F}});var Sh={grad:.9,turn:360,rad:360/(2*Math.PI)},Oe=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ee=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Cn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},On=function(t){return{r:ee(t.r,0,255),g:ee(t.g,0,255),b:ee(t.b,0,255),a:ee(t.a)}},ho=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},kh=/^#([0-9a-f]{3,8})$/i,ci=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Sn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},kn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},zn=function(t){return{h:Cn(t.h),s:ee(t.s,0,100),l:ee(t.l,0,100),a:ee(t.a)}},In=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},An=function(t){return kn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},br=function(t){return{h:(e=Sn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},zh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ih=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ah=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Uh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Un={string:[[function(t){var e=kh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?N(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?N(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Ah.exec(t)||Uh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:On({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=zh.exec(t)||Ih.exec(t);if(!e)return null;var r,o,i=zn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Sh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return An(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Oe(e)&&Oe(r)&&Oe(o)?On({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=zn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return An(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Oe(e)||!Oe(r)||!Oe(o))return null;var n=function(u){return{h:Cn(u.h),s:ee(u.s,0,100),v:ee(u.v,0,100),a:ee(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return kn(n)},"hsv"]]},Dn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Dh=function(t){return typeof t=="string"?Dn(t.trim(),Un.string):typeof t=="object"&&t!==null?Dn(t,Un.object):[null,void 0]},po=function(t,e){var r=br(t);return{h:r.h,s:ee(r.s+100*e,0,100),l:r.l,a:r.a}},vo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Ln=function(t,e){var r=br(t);return{h:r.h,s:r.s,l:ee(r.l+100*e,0,100),a:r.a}},Nn=function(){function t(e){this.parsed=Dh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return N(vo(this.rgba),2)},t.prototype.isDark=function(){return vo(this.rgba)<.5},t.prototype.isLight=function(){return vo(this.rgba)>=.5},t.prototype.toHex=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?ci(N(255*s)):"","#"+ci(r)+ci(o)+ci(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return ho(this.rgba)},t.prototype.toRgbString=function(){return e=ho(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return In(br(this.rgba))},t.prototype.toHslString=function(){return e=In(br(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Sn(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},t.prototype.invert=function(){return te({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),te(po(this.rgba,-e))},t.prototype.grayscale=function(){return te(po(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),te(Ln(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?te({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):N(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=br(this.rgba);return typeof e=="number"?te({h:e,s:r.s,l:r.l,a:r.a}):N(r.h)},t.prototype.isEqual=function(e){return this.toHex()===te(e).toHex()},t}(),te=function(t){return t instanceof Nn?t:new Nn(t)},Lh=Object.defineProperty,Hn=Object.getOwnPropertySymbols,Nh=Object.prototype.hasOwnProperty,Hh=Object.prototype.propertyIsEnumerable,Tn=(t,e,r)=>e in t?Lh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Mn=(t,e)=>{for(var r in e||(e={}))Nh.call(e,r)&&Tn(t,r,e[r]);if(Hn)for(var r of Hn(e))Hh.call(e,r)&&Tn(t,r,e[r]);return t};class hi extends O{constructor(e,r={}){super(e,Mn(Mn({},{bubbles:!0}),r))}}hi.CHANGE="change";var Th=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Se=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Th(e,r,i),i};let re=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=te(t);if(r.isValid()){const{h:o,s:i,l:s}=r.toHsl();this.hue=o,this.saturation=i,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:i}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,_n(e,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=L(s/o*100,0,100),this.brightness=L(100-n/i*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=L(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=L(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=L(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=L(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return L(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return L((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=te({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new hi(hi.CHANGE))}getHexString(t,e,r,o=100){const i=te(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return i.isValid()?i.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
       <div
         part="grid"
         class="color-area"
@@ -1835,7 +1835,7 @@
           class=${ui({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
           style=${ge({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
           role="application"
-          tabindex=${L(this.disabled?void 0:"0")}
+          tabindex=${I(this.disabled?void 0:"0")}
           aria-label="HSB"
           @keydown=${this.handleGridKeyDown}></span>
       </div>
@@ -1897,7 +1897,7 @@
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const Rh=At(class extends Ut{constructor(t){if(super(t),t.type!==le.PROPERTY&&t.type!==le.ATTRIBUTE&&t.type!==le.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!jn(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===x)return e;const r=t.element,o=t.name;if(t.type===le.PROPERTY){if(e===r[o])return F}else if(t.type===le.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===le.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return Bn(t),e}});var Fh={grad:.9,turn:360,rad:360/(2*Math.PI)},ke=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Rn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Fn=function(t){return{r:ie(t.r,0,255),g:ie(t.g,0,255),b:ie(t.b,0,255),a:ie(t.a)}},bo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Gh=/^#([0-9a-f]{3,8})$/i,di=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Gn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},qn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},Wn=function(t){return{h:Rn(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Kn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Xn=function(t){return qn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},mr=function(t){return{h:(e=Gn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},qh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Kh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,go={string:[[function(t){var e=Gh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Kh.exec(t)||Xh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Fn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=qh.exec(t)||Wh.exec(t);if(!e)return null;var r,o,i=Wn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Fh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Xn(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return ke(e)&&ke(r)&&ke(o)?Fn({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=Wn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Xn(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=function(u){return{h:Rn(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return qn(n)},"hsv"]]},Yn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Yh=function(t){return typeof t=="string"?Yn(t.trim(),go.string):typeof t=="object"&&t!==null?Yn(t,go.object):[null,void 0]},mo=function(t,e){var r=mr(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},_o=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Zn=function(t,e){var r=mr(t);return{h:r.h,s:r.s,l:ie(r.l+100*e,0,100),a:r.a}},pi=function(){function t(e){this.parsed=Yh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(_o(this.rgba),2)},t.prototype.isDark=function(){return _o(this.rgba)<.5},t.prototype.isLight=function(){return _o(this.rgba)>=.5},t.prototype.toHex=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?di(H(255*s)):"","#"+di(r)+di(o)+di(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return bo(this.rgba)},t.prototype.toRgbString=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return Kn(mr(this.rgba))},t.prototype.toHslString=function(){return e=Kn(mr(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Gn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,-e))},t.prototype.grayscale=function(){return _e(mo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):H(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=mr(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):H(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof pi?t:new pi(t)},Qn=[],Zh=function(t){t.forEach(function(e){Qn.indexOf(e)<0&&(e(pi,go),Qn.push(e))})};function Qh(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var m=this.toRgb(),y=1/0,b="black";if(!s.length)for(var w in r)s[w]=new t(r[w]).toRgb();for(var $ in r){var E=(u=m,c=s[$],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<y&&(y=E,b=$)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var Jh=Object.defineProperty,Jn=Object.getOwnPropertySymbols,ed=Object.prototype.hasOwnProperty,td=Object.prototype.propertyIsEnumerable,ea=(t,e,r)=>e in t?Jh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ta=(t,e)=>{for(var r in e||(e={}))ed.call(e,r)&&ea(t,r,e[r]);if(Jn)for(var r of Jn(e))td.call(e,r)&&ea(t,r,e[r]);return t};class vi extends O{constructor(e,r={}){super(e,ta(ta({},{bubbles:!0}),r))}}vi.CHANGE="change";var rd=Object.defineProperty,id=Object.getOwnPropertyDescriptor,I=(t,e,r,o)=>{for(var i=o>1?void 0:o?id(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&rd(e,r,i),i};Zh([Qh]);const ra="EyeDropper"in window;let z=class extends ve("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=_e("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-popover"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:r,l:o,s:i}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),h=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return h;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!ra)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new pi(t);const{h:e,l:r,s:o,a:i}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=r,this.alpha=this.opacity?i*100:100,this._syncValues(),this.dispatchEvent(new vi(vi.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
+ */const Rh=At(class extends Ut{constructor(t){if(super(t),t.type!==le.PROPERTY&&t.type!==le.ATTRIBUTE&&t.type!==le.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!jn(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===x)return e;const r=t.element,o=t.name;if(t.type===le.PROPERTY){if(e===r[o])return F}else if(t.type===le.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===le.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return Bn(t),e}});var Fh={grad:.9,turn:360,rad:360/(2*Math.PI)},ke=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Rn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Fn=function(t){return{r:ie(t.r,0,255),g:ie(t.g,0,255),b:ie(t.b,0,255),a:ie(t.a)}},bo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Gh=/^#([0-9a-f]{3,8})$/i,di=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Gn=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},qn=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},Wn=function(t){return{h:Rn(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Kn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Xn=function(t){return qn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},mr=function(t){return{h:(e=Gn(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},qh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Wh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Kh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Xh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,go={string:[[function(t){var e=Gh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Kh.exec(t)||Xh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Fn({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=qh.exec(t)||Wh.exec(t);if(!e)return null;var r,o,i=Wn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Fh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Xn(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return ke(e)&&ke(r)&&ke(o)?Fn({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=Wn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Xn(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!ke(e)||!ke(r)||!ke(o))return null;var n=function(u){return{h:Rn(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return qn(n)},"hsv"]]},Yn=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},Yh=function(t){return typeof t=="string"?Yn(t.trim(),go.string):typeof t=="object"&&t!==null?Yn(t,go.object):[null,void 0]},mo=function(t,e){var r=mr(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},_o=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Zn=function(t,e){var r=mr(t);return{h:r.h,s:r.s,l:ie(r.l+100*e,0,100),a:r.a}},pi=function(){function t(e){this.parsed=Yh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(_o(this.rgba),2)},t.prototype.isDark=function(){return _o(this.rgba)<.5},t.prototype.isLight=function(){return _o(this.rgba)>=.5},t.prototype.toHex=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?di(H(255*s)):"","#"+di(r)+di(o)+di(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return bo(this.rgba)},t.prototype.toRgbString=function(){return e=bo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return Kn(mr(this.rgba))},t.prototype.toHslString=function(){return e=Kn(mr(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Gn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(mo(this.rgba,-e))},t.prototype.grayscale=function(){return _e(mo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(Zn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):H(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=mr(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):H(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof pi?t:new pi(t)},Qn=[],Zh=function(t){t.forEach(function(e){Qn.indexOf(e)<0&&(e(pi,go),Qn.push(e))})};function Qh(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var m=this.toRgb(),y=1/0,b="black";if(!s.length)for(var w in r)s[w]=new t(r[w]).toRgb();for(var $ in r){var E=(u=m,c=s[$],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<y&&(y=E,b=$)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var Jh=Object.defineProperty,Jn=Object.getOwnPropertySymbols,ed=Object.prototype.hasOwnProperty,td=Object.prototype.propertyIsEnumerable,ea=(t,e,r)=>e in t?Jh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ta=(t,e)=>{for(var r in e||(e={}))ed.call(e,r)&&ea(t,r,e[r]);if(Jn)for(var r of Jn(e))td.call(e,r)&&ea(t,r,e[r]);return t};class vi extends O{constructor(e,r={}){super(e,ta(ta({},{bubbles:!0}),r))}}vi.CHANGE="change";var rd=Object.defineProperty,id=Object.getOwnPropertyDescriptor,A=(t,e,r,o)=>{for(var i=o>1?void 0:o?id(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&rd(e,r,i),i};Zh([Qh]);const ra="EyeDropper"in window;let z=class extends ve("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=_e("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-popover"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:r,l:o,s:i}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),h=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return h;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return L(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return L((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!ra)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new pi(t);const{h:e,l:r,s:o,a:i}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=r,this.alpha=this.opacity?i*100:100,this._syncValues(),this.dispatchEvent(new vi(vi.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
       <div
         class=${ui({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
         aria-disabled=${this.disabled?"true":"false"}>
@@ -2125,7 +2125,7 @@
       uui-color-area {
         width: 100%;
       }
-    `],I([C('[part="input"]')],z.prototype,"_input",2),I([C(".color-picker__preview")],z.prototype,"_previewButton",2),I([C("#swatches")],z.prototype,"_swatches",2),I([f()],z.prototype,"inputValue",2),I([f()],z.prototype,"hue",2),I([f()],z.prototype,"saturation",2),I([f()],z.prototype,"lightness",2),I([f()],z.prototype,"alpha",2),I([f()],z.prototype,"_colord",2),I([a()],z.prototype,"value",2),I([a()],z.prototype,"format",2),I([a()],z.prototype,"name",2),I([a()],z.prototype,"size",2),I([a({attribute:"no-format-toggle",type:Boolean})],z.prototype,"noFormatToggle",2),I([a({type:Boolean,reflect:!0})],z.prototype,"inline",2),I([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),I([a({type:Boolean})],z.prototype,"opacity",2),I([a({type:Boolean})],z.prototype,"uppercase",2),I([a({attribute:!1})],z.prototype,"swatches",2),z=I([p("uui-color-picker")],z);var od=Object.defineProperty,ia=Object.getOwnPropertySymbols,sd=Object.prototype.hasOwnProperty,nd=Object.prototype.propertyIsEnumerable,oa=(t,e,r)=>e in t?od(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sa=(t,e)=>{for(var r in e||(e={}))sd.call(e,r)&&oa(t,r,e[r]);if(ia)for(var r of ia(e))nd.call(e,r)&&oa(t,r,e[r]);return t};class fi extends O{constructor(e,r={}){super(e,sa(sa({},{bubbles:!0}),r))}}fi.CHANGE="change";var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,ze=(t,e,r,o)=>{for(var i=o>1?void 0:o?ld(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ad(e,r,i),i};let oe=class extends ve("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),_n(this.container,{onMove:(o,i)=>{this.vertical?this.value=yn(D(i/r*this.max,this.min,this.max),this.min,this.max):this.value=D(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=D(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=D(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=D(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=D(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return D(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return D(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new fi(fi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/yn(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
+    `],A([C('[part="input"]')],z.prototype,"_input",2),A([C(".color-picker__preview")],z.prototype,"_previewButton",2),A([C("#swatches")],z.prototype,"_swatches",2),A([f()],z.prototype,"inputValue",2),A([f()],z.prototype,"hue",2),A([f()],z.prototype,"saturation",2),A([f()],z.prototype,"lightness",2),A([f()],z.prototype,"alpha",2),A([f()],z.prototype,"_colord",2),A([a()],z.prototype,"value",2),A([a()],z.prototype,"format",2),A([a()],z.prototype,"name",2),A([a()],z.prototype,"size",2),A([a({attribute:"no-format-toggle",type:Boolean})],z.prototype,"noFormatToggle",2),A([a({type:Boolean,reflect:!0})],z.prototype,"inline",2),A([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),A([a({type:Boolean})],z.prototype,"opacity",2),A([a({type:Boolean})],z.prototype,"uppercase",2),A([a({attribute:!1})],z.prototype,"swatches",2),z=A([p("uui-color-picker")],z);var od=Object.defineProperty,ia=Object.getOwnPropertySymbols,sd=Object.prototype.hasOwnProperty,nd=Object.prototype.propertyIsEnumerable,oa=(t,e,r)=>e in t?od(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sa=(t,e)=>{for(var r in e||(e={}))sd.call(e,r)&&oa(t,r,e[r]);if(ia)for(var r of ia(e))nd.call(e,r)&&oa(t,r,e[r]);return t};class fi extends O{constructor(e,r={}){super(e,sa(sa({},{bubbles:!0}),r))}}fi.CHANGE="change";var ad=Object.defineProperty,ld=Object.getOwnPropertyDescriptor,ze=(t,e,r,o)=>{for(var i=o>1?void 0:o?ld(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&ad(e,r,i),i};let oe=class extends ve("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),_n(this.container,{onMove:(o,i)=>{this.vertical?this.value=yn(L(i/r*this.max,this.min,this.max),this.min,this.max):this.value=L(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=L(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=L(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=L(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=L(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return L(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return L(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new fi(fi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/yn(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
         part="slider"
         id="color-slider"
         role="slider"
@@ -2148,7 +2148,7 @@
         <span
           id="color-slider__handle"
           style="--current-value: ${this.ccsPropCurrentValue}%;"
-          tabindex=${L(this.disabled?void 0:"0")}></span>
+          tabindex=${I(this.disabled?void 0:"0")}></span>
       </div>
       ${Math.round(this.value)}`}};oe.styles=[d`
       :host {
@@ -2956,7 +2956,7 @@
         justify-content: center;
         align-items: stretch;
       }
-    `],Rt([C("#dropzone")],Le.prototype,"_dropzone",2),Rt([C("#dropzone")],Le.prototype,"_dropZone",2),Rt([a({type:String})],Le.prototype,"accept",2),Rt([a({type:Boolean})],Le.prototype,"multiple",2),Rt([f()],Le.prototype,"_files",2),Le=Rt([p("uui-input-file")],Le);var qp=Object.defineProperty,Na=Object.getOwnPropertySymbols,Wp=Object.prototype.hasOwnProperty,Kp=Object.prototype.propertyIsEnumerable,Ha=(t,e,r)=>e in t?qp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ta=(t,e)=>{for(var r in e||(e={}))Wp.call(e,r)&&Ha(t,r,e[r]);if(Na)for(var r of Na(e))Kp.call(e,r)&&Ha(t,r,e[r]);return t};class bt extends O{constructor(e,r={}){super(e,Ta(Ta({},{bubbles:!0}),r))}}bt.CHANGE="change",bt.INPUT="input";var Xp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,M=(t,e,r,o)=>{for(var i=o>1?void 0:o?Yp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Xp(e,r,i),i};let k=class extends fe(ve("",v)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}get type(){return this._type}set type(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new bt(bt.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new bt(bt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
+    `],Rt([C("#dropzone")],Le.prototype,"_dropzone",2),Rt([C("#dropzone")],Le.prototype,"_dropZone",2),Rt([a({type:String})],Le.prototype,"accept",2),Rt([a({type:Boolean})],Le.prototype,"multiple",2),Rt([f()],Le.prototype,"_files",2),Le=Rt([p("uui-input-file")],Le);var qp=Object.defineProperty,Na=Object.getOwnPropertySymbols,Wp=Object.prototype.hasOwnProperty,Kp=Object.prototype.propertyIsEnumerable,Ha=(t,e,r)=>e in t?qp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ta=(t,e)=>{for(var r in e||(e={}))Wp.call(e,r)&&Ha(t,r,e[r]);if(Na)for(var r of Na(e))Kp.call(e,r)&&Ha(t,r,e[r]);return t};class bt extends O{constructor(e,r={}){super(e,Ta(Ta({},{bubbles:!0}),r))}}bt.CHANGE="change",bt.INPUT="input";var Xp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,M=(t,e,r,o)=>{for(var i=o>1?void 0:o?Yp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Xp(e,r,i),i};let k=class extends fe(ve("",v)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&String(this._value).length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&String(this._value).length>this.maxlength)}get type(){return this._type}set type(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new bt(bt.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new bt(bt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
       ${this.renderPrepend()}
       <div id="control">
         <input
@@ -2964,15 +2964,17 @@
           .type=${this.type}
           .value=${this.value}
           .name=${this.name}
-          pattern=${L(this.pattern)}
-          min=${L(this.min)}
-          max=${L(this.max)}
-          step=${L(this.step)}
-          spellcheck=${L(this.spellcheck)}
-          autocomplete=${L(this.autocomplete)}
-          placeholder=${this.placeholder}
-          aria-label=${this.label}
-          .disabled=${this.disabled}
+          pattern=${I(this.pattern)}
+          min=${I(this.min)}
+          max=${I(this.max)}
+          step=${I(this.step)}
+          spellcheck=${this.spellcheck}
+          autocomplete=${I(this.autocomplete)}
+          placeholder=${I(this.placeholder)}
+          aria-label=${I(this.label)}
+          inputmode=${I(this.inputMode)}
+          ?disabled=${this.disabled}
+          ?autofocus=${this.autofocus}
           ?required=${this.required}
           ?readonly=${this.readonly}
           @input=${this.onInput}
@@ -3107,7 +3109,7 @@
         height: 100%;
         --uui-input-border-width: 0;
       }
-    `],M([a()],k.prototype,"min",2),M([a({type:Number})],k.prototype,"minlength",2),M([a({type:String,attribute:"minlength-message"})],k.prototype,"minlengthMessage",2),M([a()],k.prototype,"max",2),M([a({type:Number})],k.prototype,"maxlength",2),M([a({type:String,attribute:"maxlength-message"})],k.prototype,"maxlengthMessage",2),M([a({type:Number})],k.prototype,"step",2),M([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2),M([a({type:Boolean,reflect:!0})],k.prototype,"readonly",2),M([a()],k.prototype,"placeholder",2),M([a()],k.prototype,"autocomplete",2),M([a({type:Boolean,reflect:!0,attribute:"auto-width"})],k.prototype,"autoWidth",2),M([a({type:String})],k.prototype,"type",1),M([a({type:String})],k.prototype,"pattern",2),M([a({type:String})],k.prototype,"inputmode",2),M([C("#input")],k.prototype,"_input",2),k=M([p("uui-input")],k);var Zp=Object.defineProperty,Qp=Object.getOwnPropertyDescriptor,Ma=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Zp(e,r,i),i};let $r=class extends k{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${ih.strings[0]}></uui-icon>`:l`<uui-icon
+    `],M([a()],k.prototype,"min",2),M([a({type:Number})],k.prototype,"minlength",2),M([a({type:String,attribute:"minlength-message"})],k.prototype,"minlengthMessage",2),M([a()],k.prototype,"max",2),M([a({type:Number})],k.prototype,"maxlength",2),M([a({type:String,attribute:"maxlength-message"})],k.prototype,"maxlengthMessage",2),M([a({type:Number})],k.prototype,"step",2),M([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2),M([a({type:Boolean,reflect:!0})],k.prototype,"readonly",2),M([a()],k.prototype,"placeholder",2),M([a()],k.prototype,"autocomplete",2),M([a({type:Boolean,reflect:!0,attribute:"auto-width"})],k.prototype,"autoWidth",2),M([a({type:String})],k.prototype,"type",1),M([a({type:String})],k.prototype,"pattern",2),M([a({type:String})],k.prototype,"inputMode",2),M([C("#input")],k.prototype,"_input",2),k=M([p("uui-input")],k);var Zp=Object.defineProperty,Qp=Object.getOwnPropertyDescriptor,Ma=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Zp(e,r,i),i};let $r=class extends k{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${ih.strings[0]}></uui-icon>`:l`<uui-icon
           name="unlock"
           .fallback=${nh.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
       .disabled=${this.disabled}
@@ -3423,9 +3425,9 @@
       </span>`:l` <a
       id="label-button"
       ${No(this._labelButtonChanged)}
-      href=${L(this.href)}
-      target=${L(this.target||void 0)}
-      rel=${L(this.target==="_blank"?"noopener noreferrer":void 0)}
+      href=${I(this.href)}
+      target=${I(this.target||void 0)}
+      rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}
       @click=${this._onLabelClicked}
       ?disabled=${this.disabled}
       aria-label="${this.label}">
@@ -4698,7 +4700,7 @@
         justify-content: flex-end;
         align-items: center;
       }
-    `],Ko([a({type:Boolean,reflect:!0})],We.prototype,"disabled",2),Ko([a({type:Boolean,reflect:!0})],We.prototype,"error",2),We=Ko([p("uui-ref")],We);var y1=Object.defineProperty,w1=Object.getOwnPropertyDescriptor,Di=(t,e,r,o)=>{for(var i=o>1?void 0:o?w1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&y1(e,r,i),i};let U=class extends We{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail"
+    `],Ko([a({type:Boolean,reflect:!0})],We.prototype,"disabled",2),Ko([a({type:Boolean,reflect:!0})],We.prototype,"error",2),We=Ko([p("uui-ref")],We);var y1=Object.defineProperty,w1=Object.getOwnPropertyDescriptor,Di=(t,e,r,o)=>{for(var i=o>1?void 0:o?w1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&y1(e,r,i),i};let D=class extends We{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail"
       >${this.detail}<slot name="detail"></slot
     ></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
       <button
@@ -4723,7 +4725,7 @@
       <slot></slot>
       <slot name="tag"></slot>
       <slot name="actions" id="actions-container"></slot>
-    `}};U.styles=[...We.styles,d`
+    `}};D.styles=[...We.styles,d`
       :host {
         min-width: 250px;
         padding: calc(var(--uui-size-2,6px) + 1px);
@@ -4782,17 +4784,17 @@
       :host([disabled]) #detail {
         color: var(--uui-color-disabled-contrast,#c4c4c4);
       }
-    `],Di([a({type:String})],U.prototype,"name",2),Di([a({type:String})],U.prototype,"detail",2),Di([f()],U.prototype,"_iconSlotHasContent",2),U=Di([p("uui-ref-node")],U);var x1=Object.defineProperty,$1=Object.getOwnPropertyDescriptor,dl=(t,e,r,o)=>{for(var i=o>1?void 0:o?$1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&x1(e,r,i),i};let Or=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
+    `],Di([a({type:String})],D.prototype,"name",2),Di([a({type:String})],D.prototype,"detail",2),Di([f()],D.prototype,"_iconSlotHasContent",2),D=Di([p("uui-ref-node")],D);var x1=Object.defineProperty,$1=Object.getOwnPropertyDescriptor,dl=(t,e,r,o)=>{for(var i=o>1?void 0:o?$1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&x1(e,r,i),i};let Or=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
       >${t.join(" | ")}<slot name="detail"></slot
-    ></small>`}};Or.styles=[...U.styles],dl([a({type:String})],Or.prototype,"alias",2),Or=dl([p("uui-ref-node-data-type")],Or);var E1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,pl=(t,e,r,o)=>{for(var i=o>1?void 0:o?P1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&E1(e,r,i),i};let Sr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
+    ></small>`}};Or.styles=[...D.styles],dl([a({type:String})],Or.prototype,"alias",2),Or=dl([p("uui-ref-node-data-type")],Or);var E1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,pl=(t,e,r,o)=>{for(var i=o>1?void 0:o?P1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&E1(e,r,i),i};let Sr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
       >${t.join(" | ")}<slot name="detail"></slot
-    ></small>`}};Sr.styles=[...U.styles],pl([a({type:String})],Sr.prototype,"alias",2),Sr=pl([p("uui-ref-node-document-type")],Sr);var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,S1=(t,e,r,o)=>{for(var i=o>1?void 0:o?O1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&C1(e,r,i),i};let Li=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}};Li.styles=[...U.styles],Li=S1([p("uui-ref-node-form")],Li);var k1=Object.defineProperty,z1=Object.getOwnPropertyDescriptor,vl=(t,e,r,o)=>{for(var i=o>1?void 0:o?z1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&k1(e,r,i),i};let kr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
+    ></small>`}};Sr.styles=[...D.styles],pl([a({type:String})],Sr.prototype,"alias",2),Sr=pl([p("uui-ref-node-document-type")],Sr);var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,S1=(t,e,r,o)=>{for(var i=o>1?void 0:o?O1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&C1(e,r,i),i};let Li=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}};Li.styles=[...D.styles],Li=S1([p("uui-ref-node-form")],Li);var k1=Object.defineProperty,z1=Object.getOwnPropertyDescriptor,vl=(t,e,r,o)=>{for(var i=o>1?void 0:o?z1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&k1(e,r,i),i};let kr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
       >${t.join(" | ")}<slot name="detail"></slot
-    ></small>`}};kr.styles=[...U.styles],vl([a({type:String,attribute:"group-name"})],kr.prototype,"groupName",2),kr=vl([p("uui-ref-node-member")],kr);var I1=Object.defineProperty,A1=Object.getOwnPropertyDescriptor,Xo=(t,e,r,o)=>{for(var i=o>1?void 0:o?A1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&I1(e,r,i),i};let Jt=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail"
+    ></small>`}};kr.styles=[...D.styles],vl([a({type:String,attribute:"group-name"})],kr.prototype,"groupName",2),kr=vl([p("uui-ref-node-member")],kr);var I1=Object.defineProperty,A1=Object.getOwnPropertyDescriptor,Xo=(t,e,r,o)=>{for(var i=o>1?void 0:o?A1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&I1(e,r,i),i};let Jt=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail"
       >${t.join(" | ")}<slot name="detail"></slot
-    ></small>`}};Jt.styles=[...U.styles],Xo([a({type:String})],Jt.prototype,"version",2),Xo([a({type:String})],Jt.prototype,"author",2),Jt=Xo([p("uui-ref-node-package")],Jt);var U1=Object.defineProperty,D1=Object.getOwnPropertyDescriptor,fl=(t,e,r,o)=>{for(var i=o>1?void 0:o?D1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&U1(e,r,i),i};let zr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
+    ></small>`}};Jt.styles=[...D.styles],Xo([a({type:String})],Jt.prototype,"version",2),Xo([a({type:String})],Jt.prototype,"author",2),Jt=Xo([p("uui-ref-node-package")],Jt);var U1=Object.defineProperty,D1=Object.getOwnPropertyDescriptor,fl=(t,e,r,o)=>{for(var i=o>1?void 0:o?D1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&U1(e,r,i),i};let zr=class extends D{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
       >${t.join(" | ")}<slot name="detail"></slot
-    ></small>`}};zr.styles=[...U.styles],fl([a({type:String,attribute:"group-name"})],zr.prototype,"groupName",2),zr=fl([p("uui-ref-node-user")],zr);var L1=Object.defineProperty,N1=Object.getOwnPropertyDescriptor,bl=(t,e,r,o)=>{for(var i=o>1?void 0:o?N1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&L1(e,r,i),i};let Ir=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Ir.styles=[d`
+    ></small>`}};zr.styles=[...D.styles],fl([a({type:String,attribute:"group-name"})],zr.prototype,"groupName",2),zr=fl([p("uui-ref-node-user")],zr);var L1=Object.defineProperty,N1=Object.getOwnPropertyDescriptor,bl=(t,e,r,o)=>{for(var i=o>1?void 0:o?N1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&L1(e,r,i),i};let Ir=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Ir.styles=[d`
       :host {
         display: block;
         scrollbar-width: thin;
@@ -5426,9 +5428,9 @@
     `],Sl([Be({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],Hr.prototype,"slotCellNodes",2),Hr=Sl([p("uui-table-row")],Hr);var Cv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,Ri=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ov(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Cv(e,r,i),i};let Ke=class extends cr(ve("",v)){constructor(){super(),this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`
           <a
             id="button"
-            href=${L(this.disabled?void 0:this.href)}
-            target=${L(this.target||void 0)}
-            rel=${L(this.target==="_blank"?"noopener noreferrer":void 0)}
+            href=${I(this.disabled?void 0:this.href)}
+            target=${I(this.target||void 0)}
+            rel=${I(this.target==="_blank"?"noopener noreferrer":void 0)}
             role="tab">
             <slot name="icon"></slot>
             ${this.renderLabel()}
@@ -5602,14 +5604,14 @@
         color: var(--color-standalone);
         border-color: var(--uui-color-border-standalone,#c2c2c2);
       }
-    `],Zo([a({reflect:!0})],tr.prototype,"color",2),Zo([a({reflect:!0})],tr.prototype,"look",2),tr=Zo([p("uui-tag")],tr);var Dv=Object.defineProperty,zl=Object.getOwnPropertySymbols,Lv=Object.prototype.hasOwnProperty,Nv=Object.prototype.propertyIsEnumerable,Il=(t,e,r)=>e in t?Dv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Al=(t,e)=>{for(var r in e||(e={}))Lv.call(e,r)&&Il(t,r,e[r]);if(zl)for(var r of zl(e))Nv.call(e,r)&&Il(t,r,e[r]);return t};class Mr extends O{constructor(e,r={}){super(e,Al(Al({},{bubbles:!0}),r))}}Mr.CHANGE="change",Mr.INPUT="input";var Hv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?Tv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hv(e,r,i),i};let A=class extends fe(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Mr(Mr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`
+    `],Zo([a({reflect:!0})],tr.prototype,"color",2),Zo([a({reflect:!0})],tr.prototype,"look",2),tr=Zo([p("uui-tag")],tr);var Dv=Object.defineProperty,zl=Object.getOwnPropertySymbols,Lv=Object.prototype.hasOwnProperty,Nv=Object.prototype.propertyIsEnumerable,Il=(t,e,r)=>e in t?Dv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Al=(t,e)=>{for(var r in e||(e={}))Lv.call(e,r)&&Il(t,r,e[r]);if(zl)for(var r of zl(e))Nv.call(e,r)&&Il(t,r,e[r]);return t};class Mr extends O{constructor(e,r={}){super(e,Al(Al({},{bubbles:!0}),r))}}Mr.CHANGE="change",Mr.INPUT="input";var Hv=Object.defineProperty,Tv=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?Tv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hv(e,r,i),i};let U=class extends fe(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Mr(Mr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`
       <textarea
         id="textarea"
         .rows=${this.rows}
         .cols=${this.cols}
         .value=${this.value}
         .name=${this.name}
-        wrap=${L(this.wrap)}
+        wrap=${I(this.wrap)}
         placeholder=${this.placeholder}
         aria-label=${this.label}
         .disabled=${this.disabled}
@@ -5617,7 +5619,7 @@
         @input=${this.onInput}
         @change=${this.onChange}>
       </textarea>
-    `}};A.formAssociated=!0,A.styles=[d`
+    `}};U.formAssociated=!0,U.styles=[d`
       :host {
         position: relative;
       }
@@ -5700,7 +5702,7 @@
         outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
           var(--uui-color-focus,#3879ff);
       }
-    `],B([a()],A.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],A.prototype,"readonly",2),B([a({type:String})],A.prototype,"name",2),B([a({type:Boolean,reflect:!0})],A.prototype,"error",2),B([a({type:Number})],A.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],A.prototype,"minlengthMessage",2),B([a({type:Number})],A.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],A.prototype,"maxlengthMessage",2),B([C("#textarea")],A.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],A.prototype,"autoHeight",2),B([a({type:String})],A.prototype,"label",2),B([a({type:Number})],A.prototype,"rows",2),B([a({type:Number})],A.prototype,"cols",2),B([a({type:String})],A.prototype,"wrap",2),A=B([p("uui-textarea")],A);class R extends O{}R.OPENING="opening",R.OPENED="opened",R.CLOSING="closing",R.CLOSED="closed";var Mv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,rr=(t,e,r,o)=>{for(var i=o>1?void 0:o?jv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Mv(e,r,i),i};let je=class extends v{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new th(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new R(R.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new R(R.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new R(R.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new R(R.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
+    `],B([a()],U.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],U.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],U.prototype,"readonly",2),B([a({type:String})],U.prototype,"name",2),B([a({type:Boolean,reflect:!0})],U.prototype,"error",2),B([a({type:Number})],U.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],U.prototype,"minlengthMessage",2),B([a({type:Number})],U.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],U.prototype,"maxlengthMessage",2),B([C("#textarea")],U.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],U.prototype,"autoHeight",2),B([a({type:String})],U.prototype,"label",2),B([a({type:Number})],U.prototype,"rows",2),B([a({type:Number})],U.prototype,"cols",2),B([a({type:String})],U.prototype,"wrap",2),U=B([p("uui-textarea")],U);class R extends O{}R.OPENING="opening",R.OPENED="opened",R.CLOSING="closing",R.CLOSED="closed";var Mv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,rr=(t,e,r,o)=>{for(var i=o>1?void 0:o?jv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Mv(e,r,i),i};let je=class extends v{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new th(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),_(this,"uui-button"),_(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new R(R.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new R(R.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new R(R.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new R(R.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
       <div id="toast" class=${this._animate?"animate":""}>
         <div>
           <div id="close">
@@ -6010,4 +6012,4 @@
       :host(:not([pristine])[internals-invalid]) label:hover #slider {
         border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
       }
-    `],Vr=Wv([p("uui-toggle")],Vr);export{hu as ActiveMixin,Eu as FormControlMixin,Ou as InterfaceColorValues,Su as InterfaceHeadingValues,Cu as InterfaceLookValues,vu as LabelMixin,wu as SelectOnlyMixin,gu as SelectableMixin,ku as Timer,Yr as UUIActionBarElement,Pe as UUIAvatarElement,nt as UUIAvatarGroupElement,at as UUIBadgeElement,Wl as UUIBlinkAnimationValue,ql as UUIBlinkKeyframes,be as UUIBooleanInputElement,ei as UUIBooleanInputEvent,Ce as UUIBoxElement,ut as UUIBreadcrumbItemElement,hr as UUIBreadcrumbsElement,W as UUIButtonElement,Pt as UUIButtonGroupElement,ct as UUIButtonInlineCreateElement,oi as UUIButtonInlineCreateEvent,Lt as UUICardContentNodeElement,J as UUICardElement,Dt as UUICardEvent,ht as UUICardMediaElement,pr as UUICardUserElement,vr as UUICaretElement,fr as UUICheckboxElement,re as UUIColorAreaElement,hi as UUIColorAreaEvent,vi as UUIColorPickerChangeEvent,z as UUIColorPickerElement,oe as UUIColorSliderElement,fi as UUIColorSliderEvent,pt as UUIColorSwatchElement,Ht as UUIColorSwatchesElement,Nt as UUIColorSwatchesEvent,G as UUIComboboxElement,K as UUIComboboxEvent,ye as UUIComboboxListElement,ue as UUIComboboxListEvent,Ue as UUIComboboxListOptionElement,mi as UUIDialogElement,Mt as UUIDialogLayoutElement,no as UUIEvent,Fe as UUIFileDropzoneElement,jt as UUIFileDropzoneEvent,X as UUIFilePreviewElement,it as UUIFormControlEvent,Co as UUIFormElement,ft as UUIFormLayoutItemElement,wr as UUIFormValidationMessageElement,Xl as UUIHorizontalPulseAnimationValue,Kl as UUIHorizontalPulseKeyframes,Zl as UUIHorizontalShakeAnimationValue,Yl as UUIHorizontalShakeKeyframes,De as UUIIconElement,ko as UUIIconHost,zo as UUIIconRegistry,xr as UUIIconRegistryElement,La as UUIIconRegistryEssential,Io as UUIIconRegistryEssentialElement,Vt as UUIIconRequestEvent,k as UUIInputElement,bt as UUIInputEvent,Le as UUIInputFileElement,$r as UUIInputLockElement,Ft as UUIInputPasswordElement,wi as UUIKeyElement,yi as UUIKeyboardShortcutElement,gt as UUILabelElement,Gt as UUILoaderBarElement,qt as UUILoaderCircleElement,$i as UUILoaderElement,ne as UUIMenuItemElement,Ne as UUIMenuItemEvent,Te as UUIModalContainerElement,zi as UUIModalDialogElement,Y as UUIModalElement,Kt as UUIModalSidebarElement,ae as UUIPaginationElement,Ge as UUIPaginationEvent,qe as UUIPopoverElement,Cr as UUIProgressBarElement,he as UUIRadioElement,Yt as UUIRadioEvent,Zt as UUIRadioGroupElement,Ai as UUIRadioGroupEvent,P as UUIRangeSliderElement,We as UUIRefElement,Qt as UUIRefEvent,Ui as UUIRefListElement,Or as UUIRefNodeDataTypeElement,Sr as UUIRefNodeDocumentTypeElement,U as UUIRefNodeElement,Li as UUIRefNodeFormElement,kr as UUIRefNodeMemberElement,Jt as UUIRefNodePackageElement,zr as UUIRefNodeUserElement,Ir as UUIScrollContainerElement,Z as UUISelectElement,Ni as UUISelectEvent,ot as UUISelectableEvent,j as UUISliderElement,_t as UUISliderEvent,Ur as UUISymbolExpandElement,Dr as UUISymbolFileDropzoneElement,dr as UUISymbolFileElement,er as UUISymbolFileThumbnailElement,ai as UUISymbolFolderElement,Lr as UUISymbolLockElement,Hi as UUISymbolMoreElement,Nr as UUISymbolSortElement,Ke as UUITabElement,zv as UUITabEvent,Tr as UUITabGroupElement,Iv as UUITabGroupEvent,$e as UUITableCellElement,ji as UUITableColumnElement,Ti as UUITableElement,Vi as UUITableHeadCellElement,Bi as UUITableHeadElement,Hr as UUITableRowElement,tr as UUITagElement,Xr as UUITextStyles,A as UUITextareaElement,Mr as UUITextareaEvent,jr as UUIToastNotificationContainerElement,je as UUIToastNotificationElement,R as UUIToastNotificationEvent,ir as UUIToastNotificationLayoutElement,Vr as UUIToggleElement,Au as clamp,Pu as defineElement,zu as demandCustomElement,Iu as drag,Uu as reverseNumberInRange,Du as toHex};
+    `],Vr=Wv([p("uui-toggle")],Vr);export{hu as ActiveMixin,Eu as FormControlMixin,Ou as InterfaceColorValues,Su as InterfaceHeadingValues,Cu as InterfaceLookValues,vu as LabelMixin,wu as SelectOnlyMixin,gu as SelectableMixin,ku as Timer,Yr as UUIActionBarElement,Pe as UUIAvatarElement,nt as UUIAvatarGroupElement,at as UUIBadgeElement,Wl as UUIBlinkAnimationValue,ql as UUIBlinkKeyframes,be as UUIBooleanInputElement,ei as UUIBooleanInputEvent,Ce as UUIBoxElement,ut as UUIBreadcrumbItemElement,hr as UUIBreadcrumbsElement,W as UUIButtonElement,Pt as UUIButtonGroupElement,ct as UUIButtonInlineCreateElement,oi as UUIButtonInlineCreateEvent,Lt as UUICardContentNodeElement,J as UUICardElement,Dt as UUICardEvent,ht as UUICardMediaElement,pr as UUICardUserElement,vr as UUICaretElement,fr as UUICheckboxElement,re as UUIColorAreaElement,hi as UUIColorAreaEvent,vi as UUIColorPickerChangeEvent,z as UUIColorPickerElement,oe as UUIColorSliderElement,fi as UUIColorSliderEvent,pt as UUIColorSwatchElement,Ht as UUIColorSwatchesElement,Nt as UUIColorSwatchesEvent,G as UUIComboboxElement,K as UUIComboboxEvent,ye as UUIComboboxListElement,ue as UUIComboboxListEvent,Ue as UUIComboboxListOptionElement,mi as UUIDialogElement,Mt as UUIDialogLayoutElement,no as UUIEvent,Fe as UUIFileDropzoneElement,jt as UUIFileDropzoneEvent,X as UUIFilePreviewElement,it as UUIFormControlEvent,Co as UUIFormElement,ft as UUIFormLayoutItemElement,wr as UUIFormValidationMessageElement,Xl as UUIHorizontalPulseAnimationValue,Kl as UUIHorizontalPulseKeyframes,Zl as UUIHorizontalShakeAnimationValue,Yl as UUIHorizontalShakeKeyframes,De as UUIIconElement,ko as UUIIconHost,zo as UUIIconRegistry,xr as UUIIconRegistryElement,La as UUIIconRegistryEssential,Io as UUIIconRegistryEssentialElement,Vt as UUIIconRequestEvent,k as UUIInputElement,bt as UUIInputEvent,Le as UUIInputFileElement,$r as UUIInputLockElement,Ft as UUIInputPasswordElement,wi as UUIKeyElement,yi as UUIKeyboardShortcutElement,gt as UUILabelElement,Gt as UUILoaderBarElement,qt as UUILoaderCircleElement,$i as UUILoaderElement,ne as UUIMenuItemElement,Ne as UUIMenuItemEvent,Te as UUIModalContainerElement,zi as UUIModalDialogElement,Y as UUIModalElement,Kt as UUIModalSidebarElement,ae as UUIPaginationElement,Ge as UUIPaginationEvent,qe as UUIPopoverElement,Cr as UUIProgressBarElement,he as UUIRadioElement,Yt as UUIRadioEvent,Zt as UUIRadioGroupElement,Ai as UUIRadioGroupEvent,P as UUIRangeSliderElement,We as UUIRefElement,Qt as UUIRefEvent,Ui as UUIRefListElement,Or as UUIRefNodeDataTypeElement,Sr as UUIRefNodeDocumentTypeElement,D as UUIRefNodeElement,Li as UUIRefNodeFormElement,kr as UUIRefNodeMemberElement,Jt as UUIRefNodePackageElement,zr as UUIRefNodeUserElement,Ir as UUIScrollContainerElement,Z as UUISelectElement,Ni as UUISelectEvent,ot as UUISelectableEvent,j as UUISliderElement,_t as UUISliderEvent,Ur as UUISymbolExpandElement,Dr as UUISymbolFileDropzoneElement,dr as UUISymbolFileElement,er as UUISymbolFileThumbnailElement,ai as UUISymbolFolderElement,Lr as UUISymbolLockElement,Hi as UUISymbolMoreElement,Nr as UUISymbolSortElement,Ke as UUITabElement,zv as UUITabEvent,Tr as UUITabGroupElement,Iv as UUITabGroupEvent,$e as UUITableCellElement,ji as UUITableColumnElement,Ti as UUITableElement,Vi as UUITableHeadCellElement,Bi as UUITableHeadElement,Hr as UUITableRowElement,tr as UUITagElement,Xr as UUITextStyles,U as UUITextareaElement,Mr as UUITextareaEvent,jr as UUIToastNotificationContainerElement,je as UUIToastNotificationElement,R as UUIToastNotificationEvent,ir as UUIToastNotificationLayoutElement,Vr as UUIToggleElement,Au as clamp,Pu as defineElement,zu as demandCustomElement,Iu as drag,Uu as reverseNumberInRange,Du as toHex};

package/dist-cms/external/uuid/index.d.ts

@@ -0,0 +1 @@
+export { v4, validate } from 'uuid';

package/dist-cms/libs/class-api/class.interface.d.ts

@@ -8,5 +8,5 @@ export interface UmbClassMixinInterface extends UmbControllerHost, UmbController
         asObservable: () => Observable<T>;
     }, callback: (_value: T) => void, unique?: string): UmbObserverController<T>;
     provideContext<R = unknown>(alias: string | UmbContextToken<R>, instance: R): UmbContextProviderController<R>;
-    consumeContext<R = unknown>(alias: string | UmbContextToken<R>, callback: UmbContextCallback<R>): UmbContextConsumerController<R>;
+    consumeContext<BaseType = unknown, ResultType extends BaseType = BaseType>(alias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>): UmbContextConsumerController<BaseType, ResultType>;
 }

package/dist-cms/libs/class-api/class.mixin.d.ts

@@ -10,8 +10,8 @@ declare class UmbClassMixinDeclaration implements UmbClassMixinInterface {
     observe<T>(source: Observable<T> | {
         asObservable: () => Observable<T>;
     }, callback: (_value: T) => void, controllerAlias?: UmbControllerAlias): UmbObserverController<T>;
-    provideContext<R = unknown>(alias: string | UmbContextToken<R>, instance: R): UmbContextProviderController<R>;
-    consumeContext<R = unknown>(alias: string | UmbContextToken<R>, callback: UmbContextCallback<R>): UmbContextConsumerController<R>;
+    provideContext<BaseType = unknown, ResultType extends BaseType = BaseType, InstanceType extends ResultType = ResultType>(alias: string | UmbContextToken<BaseType, ResultType>, instance: InstanceType): UmbContextProviderController<BaseType, ResultType, InstanceType>;
+    consumeContext<BaseType = unknown, ResultType extends BaseType = BaseType>(alias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>): UmbContextConsumerController<BaseType, ResultType>;
     hasController(controller: UmbController): boolean;
     getControllers(filterMethod: (ctrl: UmbController) => boolean): UmbController[];
     addController(controller: UmbController): void;

package/dist-cms/libs/context-api/consume/context-consumer.controller.d.ts

@@ -2,9 +2,9 @@ import { UmbContextToken } from '../token/context-token.js';
 import { UmbContextConsumer } from './context-consumer.js';
 import { UmbContextCallback } from './context-request.event.js';
 import type { UmbControllerHost, UmbController } from '../../controller-api/index.js';
-export declare class UmbContextConsumerController<T = unknown> extends UmbContextConsumer<T> implements UmbController {
+export declare class UmbContextConsumerController<BaseType = unknown, ResultType extends BaseType = BaseType> extends UmbContextConsumer<BaseType, ResultType> implements UmbController {
     #private;
     get controllerAlias(): symbol;
-    constructor(host: UmbControllerHost, contextAlias: string | UmbContextToken<T>, callback: UmbContextCallback<T>);
+    constructor(host: UmbControllerHost, contextAlias: string | UmbContextToken<BaseType, ResultType>, callback: UmbContextCallback<ResultType>);
     destroy(): void;
 }

package/dist-cms/libs/context-api/consume/context-consumer.d.ts

@@ -4,20 +4,21 @@ import { UmbContextCallback } from './context-request.event.js';
  * @export
  * @class UmbContextConsumer
  */
-export declare class UmbContextConsumer<T = unknown> {
+export declare class UmbContextConsumer<BaseType = unknown, ResultType extends BaseType = BaseType> {
     #private;
     protected hostElement: EventTarget;
-    get instance(): T | undefined;
+    get instance(): ResultType | undefined;
     /**
      * Creates an instance of UmbContextConsumer.
      * @param {EventTarget} hostElement
      * @param {string} contextAlias
-     * @param {UmbContextCallback} _callback
+     * @param {UmbContextCallback} callback
      * @memberof UmbContextConsumer
      */
-    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken<T>, callback?: UmbContextCallback<T>);
-    protected _onResponse: (instance: T) => void;
-    asPromise(): Promise<T>;
+    constructor(hostElement: EventTarget, contextAlias: string | UmbContextToken<BaseType, ResultType>, callback?: UmbContextCallback<ResultType>);
+    protected _onResponse: (instance: BaseType) => void;
+    protected setInstance(instance: ResultType): void;
+    asPromise(): Promise<ResultType>;
     /**
      * @memberof UmbContextConsumer
      */