@umbraco-ui/uui 1.18.0 → 1.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/uui.min.js +192 -192
- package/dist/uui.min.js.map +1 -1
- package/package.json +85 -85
package/dist/uui.min.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(s,Xe){typeof exports=="object"&&typeof module<"u"?Xe(exports):typeof define=="function"&&define.amd?define(["exports"],Xe):(s=typeof globalThis<"u"?globalThis:s||self,Xe(s.uui={}))})(this,(function(s){"use strict";/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const Xe=window,yr=Xe.ShadowRoot&&(Xe.ShadyCSS===void 0||Xe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wr=Symbol(),ks=new WeakMap;let Es=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==wr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(yr&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=ks.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&ks.set(t,e))}return e}toString(){return this.cssText}};const Ye=i=>new Es(typeof i=="string"?i:i+"",void 0,wr),b=(i,...e)=>{const t=i.length===1?i[0]:e.reduce(((r,o,
|
|
5
|
+
*/const Xe=window,yr=Xe.ShadowRoot&&(Xe.ShadyCSS===void 0||Xe.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wr=Symbol(),ks=new WeakMap;let Es=class{constructor(e,t,r){if(this._$cssResult$=!0,r!==wr)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(yr&&e===void 0){const r=t!==void 0&&t.length===1;r&&(e=ks.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),r&&ks.set(t,e))}return e}toString(){return this.cssText}};const Ye=i=>new Es(typeof i=="string"?i:i+"",void 0,wr),b=(i,...e)=>{const t=i.length===1?i[0]:e.reduce(((r,o,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+i[n+1]),i[0]);return new Es(t,i,wr)},Ru=(i,e)=>{yr?i.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((t=>{const r=document.createElement("style"),o=Xe.litNonce;o!==void 0&&r.setAttribute("nonce",o),r.textContent=t.cssText,i.appendChild(r)}))},xs=yr?i=>i:i=>i instanceof CSSStyleSheet?(e=>{let t="";for(const r of e.cssRules)t+=r.cssText;return Ye(t)})(i):i;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var $r;const lo=window,Is=lo.trustedTypes,
|
|
9
|
+
*/var $r;const lo=window,Is=lo.trustedTypes,Fu=Is?Is.emptyScript:"",Cs=lo.reactiveElementPolyfillSupport,_r={toAttribute(i,e){switch(e){case Boolean:i=i?Fu:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,e){let t=i;switch(e){case Boolean:t=i!==null;break;case Number:t=i===null?null:Number(i);break;case Object:case Array:try{t=JSON.parse(i)}catch{t=null}}return t}},Ss=(i,e)=>e!==i&&(e==e||i==i),Ur={attribute:!0,type:String,converter:_r,reflect:!1,hasChanged:Ss},kr="finalized";let Pt=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(e){var t;this.finalize(),((t=this.h)!==null&&t!==void 0?t:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach(((t,r)=>{const o=this._$Ep(r,t);o!==void 0&&(this._$Ev.set(o,r),e.push(o))})),e}static createProperty(e,t=Ur){if(t.state&&(t.attribute=!1),this.finalize(),this.elementProperties.set(e,t),!t.noAccessor&&!this.prototype.hasOwnProperty(e)){const r=typeof e=="symbol"?Symbol():"__"+e,o=this.getPropertyDescriptor(e,r,t);o!==void 0&&Object.defineProperty(this.prototype,e,o)}}static getPropertyDescriptor(e,t,r){return{get(){return this[t]},set(o){const n=this[e];this[t]=o,this.requestUpdate(e,n,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Ur}static finalize(){if(this.hasOwnProperty(kr))return!1;this[kr]=!0;const e=Object.getPrototypeOf(this);if(e.finalize(),e.h!==void 0&&(this.h=[...e.h]),this.elementProperties=new Map(e.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,r=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const o of r)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const o of r)t.unshift(xs(o))}else e!==void 0&&t.push(xs(e));return t}static _$Ep(e,t){const r=t.attribute;return r===!1?void 0:typeof r=="string"?r:typeof e=="string"?e.toLowerCase():void 0}_$Eu(){var e;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach((t=>t(this)))}addController(e){var t,r;((t=this._$ES)!==null&&t!==void 0?t:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((r=e.hostConnected)===null||r===void 0||r.call(e))}removeController(e){var t;(t=this._$ES)===null||t===void 0||t.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((e,t)=>{this.hasOwnProperty(t)&&(this._$Ei.set(t,this[t]),delete this[t])}))}createRenderRoot(){var e;const t=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return Ru(t,this.constructor.elementStyles),t}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach((t=>{var r;return(r=t.hostConnected)===null||r===void 0?void 0:r.call(t)}))}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach((t=>{var r;return(r=t.hostDisconnected)===null||r===void 0?void 0:r.call(t)}))}attributeChangedCallback(e,t,r){this._$AK(e,r)}_$EO(e,t,r=Ur){var o;const n=this.constructor._$Ep(e,r);if(n!==void 0&&r.reflect===!0){const a=(((o=r.converter)===null||o===void 0?void 0:o.toAttribute)!==void 0?r.converter:_r).toAttribute(t,r.type);this._$El=e,a==null?this.removeAttribute(n):this.setAttribute(n,a),this._$El=null}}_$AK(e,t){var r;const o=this.constructor,n=o._$Ev.get(e);if(n!==void 0&&this._$El!==n){const a=o.getPropertyOptions(n),h=typeof a.converter=="function"?{fromAttribute:a.converter}:((r=a.converter)===null||r===void 0?void 0:r.fromAttribute)!==void 0?a.converter:_r;this._$El=n,this[n]=h.fromAttribute(t,a.type),this._$El=null}}requestUpdate(e,t,r){let o=!0;e!==void 0&&(((r=r||this.constructor.getPropertyOptions(e)).hasChanged||Ss)(this[e],t)?(this._$AL.has(e)||this._$AL.set(e,t),r.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,r))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var e;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((o,n)=>this[n]=o)),this._$Ei=void 0);let t=!1;const r=this._$AL;try{t=this.shouldUpdate(r),t?(this.willUpdate(r),(e=this._$ES)===null||e===void 0||e.forEach((o=>{var n;return(n=o.hostUpdate)===null||n===void 0?void 0:n.call(o)})),this.update(r)):this._$Ek()}catch(o){throw t=!1,this._$Ek(),o}t&&this._$AE(r)}willUpdate(e){}_$AE(e){var t;(t=this._$ES)===null||t===void 0||t.forEach((r=>{var o;return(o=r.hostUpdated)===null||o===void 0?void 0:o.call(r)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(e){return!0}update(e){this._$EC!==void 0&&(this._$EC.forEach(((t,r)=>this._$EO(r,this[r],t))),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};Pt[kr]=!0,Pt.elementProperties=new Map,Pt.elementStyles=[],Pt.shadowRootOptions={mode:"open"},Cs?.({ReactiveElement:Pt}),(($r=lo.reactiveElementVersions)!==null&&$r!==void 0?$r:lo.reactiveElementVersions=[]).push("1.6.3");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var Er;const uo=window,zt=uo.trustedTypes,As=zt?zt.createPolicy("lit-html",{createHTML:i=>i}):void 0,xr="$lit$",Ze=`lit$${(Math.random()+"").slice(9)}$`,Ps="?"+Ze,
|
|
13
|
+
*/var Er;const uo=window,zt=uo.trustedTypes,As=zt?zt.createPolicy("lit-html",{createHTML:i=>i}):void 0,xr="$lit$",Ze=`lit$${(Math.random()+"").slice(9)}$`,Ps="?"+Ze,Gu=`<${Ps}>`,ut=document,co=()=>ut.createComment(""),wi=i=>i===null||typeof i!="object"&&typeof i!="function",zs=Array.isArray,Wu=i=>zs(i)||typeof i?.[Symbol.iterator]=="function",Ir=`[
|
|
14
14
|
\f\r]`,$i=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Os=/-->/g,Ls=/>/g,ct=RegExp(`>|${Ir}(?:([^\\s"'>=/]+)(${Ir}*=${Ir}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ms=/'/g,Ts=/"/g,Ns=/^(?:script|style|textarea|title)$/i,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ms=/'/g,Ts=/"/g,Ns=/^(?:script|style|textarea|title)$/i,qu=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),Ku=qu(1),ee=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),Bs=new WeakMap,ht=ut.createTreeWalker(ut,129,null,!1);function Ds(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return As!==void 0?As.createHTML(e):e}const Xu=(i,e)=>{const t=i.length-1,r=[];let o,n=e===2?"<svg>":"",a=$i;for(let h=0;h<t;h++){const u=i[h];let d,m,v=-1,y=0;for(;y<u.length&&(a.lastIndex=y,m=a.exec(u),m!==null);)y=a.lastIndex,a===$i?m[1]==="!--"?a=Os:m[1]!==void 0?a=Ls:m[2]!==void 0?(Ns.test(m[2])&&(o=RegExp("</"+m[2],"g")),a=ct):m[3]!==void 0&&(a=ct):a===ct?m[0]===">"?(a=o??$i,v=-1):m[1]===void 0?v=-2:(v=a.lastIndex-m[2].length,d=m[1],a=m[3]===void 0?ct:m[3]==='"'?Ts:Ms):a===Ts||a===Ms?a=ct:a===Os||a===Ls?a=$i:(a=ct,o=void 0);const U=a===ct&&i[h+1].startsWith("/>")?" ":"";n+=a===$i?u+Gu:v>=0?(r.push(d),u.slice(0,v)+xr+u.slice(v)+Ze+U):u+Ze+(v===-2?(r.push(void 0),h):U)}return[Ds(i,n+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let Cr=class Du{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0;const h=e.length-1,u=this.parts,[d,m]=Xu(e,t);if(this.el=Du.createElement(d,r),ht.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=ht.nextNode())!==null&&u.length<h;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(xr)||y.startsWith(Ze)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+xr).split(Ze),P=/([.?@])?(.*)/.exec(U);u.push({type:1,index:n,name:P[2],strings:I,ctor:P[1]==="."?Zu:P[1]==="?"?Qu:P[1]==="@"?ec:ho})}else u.push({type:6,index:n})}for(const y of v)o.removeAttribute(y)}if(Ns.test(o.tagName)){const v=o.textContent.split(Ze),y=v.length-1;if(y>0){o.textContent=zt?zt.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],co()),ht.nextNode(),u.push({type:2,index:++n});o.append(v[y],co())}}}else if(o.nodeType===8)if(o.data===Ps)u.push({type:2,index:n});else{let v=-1;for(;(v=o.data.indexOf(Ze,v+1))!==-1;)u.push({type:7,index:n}),v+=Ze.length-1}n++}}static createElement(e,t){const r=ut.createElement("template");return r.innerHTML=e,r}};function Ot(i,e,t=i,r){var o,n,a,h;if(e===ee)return e;let u=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const d=wi(e)?void 0:e._$litDirective$;return u?.constructor!==d&&((n=u?._$AO)===null||n===void 0||n.call(u,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,t,r)),r!==void 0?((a=(h=t)._$Co)!==null&&a!==void 0?a:h._$Co=[])[r]=u:t._$Cl=u),u!==void 0&&(e=Ot(i,u._$AS(i,e.values),u,r)),e}let Yu=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,n=((t=e?.creationScope)!==null&&t!==void 0?t:ut).importNode(r,!0);ht.currentNode=n;let a=ht.nextNode(),h=0,u=0,d=o[0];for(;d!==void 0;){if(h===d.index){let m;d.type===2?m=new Sr(a,a.nextSibling,this,e):d.type===1?m=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(m=new tc(a,this,e)),this._$AV.push(m),d=o[++u]}h!==d?.index&&(a=ht.nextNode(),h++)}return ht.currentNode=ut,n}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Sr=class Vu{constructor(e,t,r,o){var n;this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(n=o?.isConnected)===null||n===void 0||n}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Ot(this,e,t),wi(e)?e===T||e==null||e===""?(this._$AH!==T&&this._$AR(),this._$AH=T):e!==this._$AH&&e!==ee&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Wu(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==T&&wi(this._$AH)?this._$AA.nextSibling.data=e:this.$(ut.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,n=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=Cr.createElement(Ds(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===n)this._$AH.v(r);else{const a=new Yu(n,this),h=a.u(this.options);a.v(r),this.$(h),this._$AH=a}}_$AC(e){let t=Bs.get(e.strings);return t===void 0&&Bs.set(e.strings,t=new Cr(e)),t}T(e){zs(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const n of e)o===t.length?t.push(r=new Vu(this.k(co()),this.k(co()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},ho=class{constructor(e,t,r,o,n){this.type=1,this._$AH=T,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=T}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const n=this.strings;let a=!1;if(n===void 0)e=Ot(this,e,t,0),a=!wi(e)||e!==this._$AH&&e!==ee,a&&(this._$AH=e);else{const h=e;let u,d;for(e=n[0],u=0;u<n.length-1;u++)d=Ot(this,h[r+u],t,u),d===ee&&(d=this._$AH[u]),a||(a=!wi(d)||d!==this._$AH[u]),d===T?e=T:e!==T&&(e+=(d??"")+n[u+1]),this._$AH[u]=d}a&&!o&&this.j(e)}j(e){e===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},Zu=class extends ho{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===T?void 0:e}};const Ju=zt?zt.emptyScript:"";let Qu=class extends ho{constructor(){super(...arguments),this.type=4}j(e){e&&e!==T?this.element.setAttribute(this.name,Ju):this.element.removeAttribute(this.name)}},ec=class extends ho{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){var r;if((e=(r=Ot(this,e,t,0))!==null&&r!==void 0?r:T)===ee)return;const o=this._$AH,n=e===T&&o!==T||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==T&&(o===T||n);n&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},tc=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Ot(this,e)}};const ic={I:Sr},Vs=uo.litHtmlPolyfillSupport;Vs?.(Cr,Sr),((Er=uo.litHtmlVersions)!==null&&Er!==void 0?Er:uo.litHtmlVersions=[]).push("2.8.0");/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var Ar;const po=window,Lt=po.trustedTypes,Hs=Lt?Lt.createPolicy("lit-html",{createHTML:i=>i}):void 0,Pr="$lit$",Je=`lit$${(Math.random()+"").slice(9)}$`,js="?"+Je,
|
|
19
|
+
*/var Ar;const po=window,Lt=po.trustedTypes,Hs=Lt?Lt.createPolicy("lit-html",{createHTML:i=>i}):void 0,Pr="$lit$",Je=`lit$${(Math.random()+"").slice(9)}$`,js="?"+Je,oc=`<${js}>`,dt=document,_i=()=>dt.createComment(""),Ui=i=>i===null||typeof i!="object"&&typeof i!="function",Rs=Array.isArray,rc=i=>Rs(i)||typeof i?.[Symbol.iterator]=="function",zr=`[
|
|
20
20
|
\f\r]`,ki=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Fs=/-->/g,Gs=/>/g,pt=RegExp(`>|${zr}(?:([^\\s"'>=/]+)(${zr}*=${zr}*(?:[^
|
|
21
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),c=Xs(1),f=Xs(2),Mt=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),Ys=new WeakMap,bt=dt.createTreeWalker(dt,129,null,!1);function Zs(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Hs!==void 0?Hs.createHTML(e):e}const
|
|
21
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ws=/'/g,qs=/"/g,Ks=/^(?:script|style|textarea|title)$/i,Xs=i=>(e,...t)=>({_$litType$:i,strings:e,values:t}),c=Xs(1),f=Xs(2),Mt=Symbol.for("lit-noChange"),C=Symbol.for("lit-nothing"),Ys=new WeakMap,bt=dt.createTreeWalker(dt,129,null,!1);function Zs(i,e){if(!Array.isArray(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return Hs!==void 0?Hs.createHTML(e):e}const nc=(i,e)=>{const t=i.length-1,r=[];let o,n=e===2?"<svg>":"",a=ki;for(let h=0;h<t;h++){const u=i[h];let d,m,v=-1,y=0;for(;y<u.length&&(a.lastIndex=y,m=a.exec(u),m!==null);)y=a.lastIndex,a===ki?m[1]==="!--"?a=Fs:m[1]!==void 0?a=Gs:m[2]!==void 0?(Ks.test(m[2])&&(o=RegExp("</"+m[2],"g")),a=pt):m[3]!==void 0&&(a=pt):a===pt?m[0]===">"?(a=o??ki,v=-1):m[1]===void 0?v=-2:(v=a.lastIndex-m[2].length,d=m[1],a=m[3]===void 0?pt:m[3]==='"'?qs:Ws):a===qs||a===Ws?a=pt:a===Fs||a===Gs?a=ki:(a=pt,o=void 0);const U=a===pt&&i[h+1].startsWith("/>")?" ":"";n+=a===ki?u+oc:v>=0?(r.push(d),u.slice(0,v)+Pr+u.slice(v)+Je+U):u+Je+(v===-2?(r.push(void 0),h):U)}return[Zs(i,n+(i[t]||"<?>")+(e===2?"</svg>":"")),r]};let Or=class Hu{constructor({strings:e,_$litType$:t},r){let o;this.parts=[];let n=0,a=0;const h=e.length-1,u=this.parts,[d,m]=nc(e,t);if(this.el=Hu.createElement(d,r),bt.currentNode=this.el.content,t===2){const v=this.el.content,y=v.firstChild;y.remove(),v.append(...y.childNodes)}for(;(o=bt.nextNode())!==null&&u.length<h;){if(o.nodeType===1){if(o.hasAttributes()){const v=[];for(const y of o.getAttributeNames())if(y.endsWith(Pr)||y.startsWith(Je)){const U=m[a++];if(v.push(y),U!==void 0){const I=o.getAttribute(U.toLowerCase()+Pr).split(Je),P=/([.?@])?(.*)/.exec(U);u.push({type:1,index:n,name:P[2],strings:I,ctor:P[1]==="."?ac:P[1]==="?"?uc:P[1]==="@"?cc:bo})}else u.push({type:6,index:n})}for(const y of v)o.removeAttribute(y)}if(Ks.test(o.tagName)){const v=o.textContent.split(Je),y=v.length-1;if(y>0){o.textContent=Lt?Lt.emptyScript:"";for(let U=0;U<y;U++)o.append(v[U],_i()),bt.nextNode(),u.push({type:2,index:++n});o.append(v[y],_i())}}}else if(o.nodeType===8)if(o.data===js)u.push({type:2,index:n});else{let v=-1;for(;(v=o.data.indexOf(Je,v+1))!==-1;)u.push({type:7,index:n}),v+=Je.length-1}n++}}static createElement(e,t){const r=dt.createElement("template");return r.innerHTML=e,r}};function Tt(i,e,t=i,r){var o,n,a,h;if(e===Mt)return e;let u=r!==void 0?(o=t._$Co)===null||o===void 0?void 0:o[r]:t._$Cl;const d=Ui(e)?void 0:e._$litDirective$;return u?.constructor!==d&&((n=u?._$AO)===null||n===void 0||n.call(u,!1),d===void 0?u=void 0:(u=new d(i),u._$AT(i,t,r)),r!==void 0?((a=(h=t)._$Co)!==null&&a!==void 0?a:h._$Co=[])[r]=u:t._$Cl=u),u!==void 0&&(e=Tt(i,u._$AS(i,e.values),u,r)),e}let sc=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var t;const{el:{content:r},parts:o}=this._$AD,n=((t=e?.creationScope)!==null&&t!==void 0?t:dt).importNode(r,!0);bt.currentNode=n;let a=bt.nextNode(),h=0,u=0,d=o[0];for(;d!==void 0;){if(h===d.index){let m;d.type===2?m=new Lr(a,a.nextSibling,this,e):d.type===1?m=new d.ctor(a,d.name,d.strings,this,e):d.type===6&&(m=new hc(a,this,e)),this._$AV.push(m),d=o[++u]}h!==d?.index&&(a=bt.nextNode(),h++)}return bt.currentNode=dt,n}v(e){let t=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(e,r,t),t+=r.strings.length-2):r._$AI(e[t])),t++}},Lr=class ju{constructor(e,t,r,o){var n;this.type=2,this._$AH=C,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=r,this.options=o,this._$Cp=(n=o?.isConnected)===null||n===void 0||n}get _$AU(){var e,t;return(t=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&t!==void 0?t:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Tt(this,e,t),Ui(e)?e===C||e==null||e===""?(this._$AH!==C&&this._$AR(),this._$AH=C):e!==this._$AH&&e!==Mt&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):rc(e)?this.T(e):this._(e)}k(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}$(e){this._$AH!==e&&(this._$AR(),this._$AH=this.k(e))}_(e){this._$AH!==C&&Ui(this._$AH)?this._$AA.nextSibling.data=e:this.$(dt.createTextNode(e)),this._$AH=e}g(e){var t;const{values:r,_$litType$:o}=e,n=typeof o=="number"?this._$AC(e):(o.el===void 0&&(o.el=Or.createElement(Zs(o.h,o.h[0]),this.options)),o);if(((t=this._$AH)===null||t===void 0?void 0:t._$AD)===n)this._$AH.v(r);else{const a=new sc(n,this),h=a.u(this.options);a.v(r),this.$(h),this._$AH=a}}_$AC(e){let t=Ys.get(e.strings);return t===void 0&&Ys.set(e.strings,t=new Or(e)),t}T(e){Rs(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let r,o=0;for(const n of e)o===t.length?t.push(r=new ju(this.k(_i()),this.k(_i()),this,this.options)):r=t[o],r._$AI(n),o++;o<t.length&&(this._$AR(r&&r._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var r;for((r=this._$AP)===null||r===void 0||r.call(this,!1,!0,t);e&&e!==this._$AB;){const o=e.nextSibling;e.remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cp=e,(t=this._$AP)===null||t===void 0||t.call(this,e))}},bo=class{constructor(e,t,r,o,n){this.type=1,this._$AH=C,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=C}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,t=this,r,o){const n=this.strings;let a=!1;if(n===void 0)e=Tt(this,e,t,0),a=!Ui(e)||e!==this._$AH&&e!==Mt,a&&(this._$AH=e);else{const h=e;let u,d;for(e=n[0],u=0;u<n.length-1;u++)d=Tt(this,h[r+u],t,u),d===Mt&&(d=this._$AH[u]),a||(a=!Ui(d)||d!==this._$AH[u]),d===C?e=C:e!==C&&(e+=(d??"")+n[u+1]),this._$AH[u]=d}a&&!o&&this.j(e)}j(e){e===C?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},ac=class extends bo{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===C?void 0:e}};const lc=Lt?Lt.emptyScript:"";let uc=class extends bo{constructor(){super(...arguments),this.type=4}j(e){e&&e!==C?this.element.setAttribute(this.name,lc):this.element.removeAttribute(this.name)}},cc=class extends bo{constructor(e,t,r,o,n){super(e,t,r,o,n),this.type=5}_$AI(e,t=this){var r;if((e=(r=Tt(this,e,t,0))!==null&&r!==void 0?r:C)===Mt)return;const o=this._$AH,n=e===C&&o!==C||e.capture!==o.capture||e.once!==o.once||e.passive!==o.passive,a=e!==C&&(o===C||n);n&&this.element.removeEventListener(this.name,this,o),a&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t,r;typeof this._$AH=="function"?this._$AH.call((r=(t=this.options)===null||t===void 0?void 0:t.host)!==null&&r!==void 0?r:this.element,e):this._$AH.handleEvent(e)}},hc=class{constructor(e,t,r){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(e){Tt(this,e)}};const Js=po.litHtmlPolyfillSupport;Js?.(Or,Lr),((Ar=po.litHtmlVersions)!==null&&Ar!==void 0?Ar:po.litHtmlVersions=[]).push("2.8.0");const dc=(i,e,t)=>{var r,o;const n=(r=t?.renderBefore)!==null&&r!==void 0?r:e;let a=n._$litPart$;if(a===void 0){const h=(o=t?.renderBefore)!==null&&o!==void 0?o:null;n._$litPart$=a=new Lr(e.insertBefore(_i(),h),h,void 0,t??{})}return a._$AI(i),a};/**
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/var Mr,Tr;let g=class extends Pt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=
|
|
25
|
+
*/var Mr,Tr;let g=class extends Pt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,t;const r=super.createRenderRoot();return(e=(t=this.renderOptions).renderBefore)!==null&&e!==void 0||(t.renderBefore=r.firstChild),r}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=dc(t,this.renderRoot,this.renderOptions)}connectedCallback(){var e;super.connectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!0)}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this._$Do)===null||e===void 0||e.setConnected(!1)}render(){return Mt}};g.finalized=!0,g._$litElement$=!0,(Mr=globalThis.litElementHydrateSupport)===null||Mr===void 0||Mr.call(globalThis,{LitElement:g});const Qs=globalThis.litElementPolyfillSupport;Qs?.({LitElement:g}),((Tr=globalThis.litElementVersions)!==null&&Tr!==void 0?Tr:globalThis.litElementVersions=[]).push("3.3.3");/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/const
|
|
29
|
+
*/const pc=(i,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(t){t.createProperty(e.key,i)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(t){t.createProperty(e.key,i)}},bc=(i,e,t)=>{e.constructor.createProperty(t,i)};function l(i){return(e,t)=>t!==void 0?bc(i,e,t):pc(i,e)}/**
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
* @license
|
|
35
35
|
* Copyright 2017 Google LLC
|
|
36
36
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
37
|
-
*/const Nr=({finisher:i,descriptor:e})=>(t,r)=>{var o;if(r===void 0){const
|
|
37
|
+
*/const Nr=({finisher:i,descriptor:e})=>(t,r)=>{var o;if(r===void 0){const n=(o=t.originalKey)!==null&&o!==void 0?o:t.key,a=e!=null?{kind:"method",placement:"prototype",key:n,descriptor:e(t.key)}:{...t,key:n};return i!=null&&(a.finisher=function(h){i(h,n)}),a}{const n=t.constructor;e!==void 0&&Object.defineProperty(t,r,e(r)),i?.(n,r)}};/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
40
40
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
41
|
-
*/function S(i,e){return Nr({descriptor:t=>({get(){var o,
|
|
41
|
+
*/function S(i,e){return Nr({descriptor:t=>({get(){var o,n;return(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(i))!==null&&n!==void 0?n:null},enumerable:!0,configurable:!0})})}/**
|
|
42
42
|
* @license
|
|
43
43
|
* Copyright 2017 Google LLC
|
|
44
44
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
45
|
-
*/function
|
|
45
|
+
*/function mc(i){return Nr({descriptor:e=>({get(){var t,r;return(r=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelectorAll(i))!==null&&r!==void 0?r:[]},enumerable:!0,configurable:!0})})}/**
|
|
46
46
|
* @license
|
|
47
47
|
* Copyright 2021 Google LLC
|
|
48
48
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
-
*/var Br;const
|
|
49
|
+
*/var Br;const vc=((Br=window.HTMLSlotElement)===null||Br===void 0?void 0:Br.prototype.assignedElements)!=null?(i,e)=>i.assignedElements(e):(i,e)=>i.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));function Pe(i){const{slot:e,selector:t}=i??{};return Nr({descriptor:r=>({get(){var o;const n="slot"+(e?`[name=${e}]`:":not([name])"),a=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(n),h=a!=null?vc(a,i):[];return t?h.filter((u=>u.matches(t))):h},enumerable:!0,configurable:!0})})}var gc=`.uui-h1,
|
|
50
50
|
.uui-h2,
|
|
51
51
|
.uui-h3,
|
|
52
52
|
.uui-h4,
|
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
margin-top: var(--uui-size-layout-1,24px);
|
|
246
246
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
247
247
|
}
|
|
248
|
-
`;const Nt=Ye(
|
|
248
|
+
`;const Nt=Ye(gc),fc=b`
|
|
249
249
|
@keyframes uui-blink {
|
|
250
250
|
0%,
|
|
251
251
|
100% {
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
opacity: 1;
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
|
-
`,
|
|
258
|
+
`,yc=Ye("uui-blink 0.9s infinite both"),wc=b`
|
|
259
259
|
@keyframes pulse {
|
|
260
260
|
0% {
|
|
261
261
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -273,7 +273,7 @@
|
|
|
273
273
|
opacity: 0;
|
|
274
274
|
}
|
|
275
275
|
}
|
|
276
|
-
|
|
276
|
+
`,$c=Ye("pulse 0.8s ease-in-out infinite both"),_c=b`
|
|
277
277
|
@keyframes uui-horizontal-shake {
|
|
278
278
|
10%,
|
|
279
279
|
90% {
|
|
@@ -296,14 +296,14 @@
|
|
|
296
296
|
transform: translateX(2px);
|
|
297
297
|
}
|
|
298
298
|
}
|
|
299
|
-
`,
|
|
299
|
+
`,Uc=Ye("uui-horizontal-shake 600ms ease backwards");let Dr=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},mt=class extends Dr{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ei=class extends Dr{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var kc=Object.defineProperty,Ec=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&kc(e,t,o),o};const xc=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return Ec([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var Ic=Object.defineProperty,ea=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&Ic(e,t,o),o};const Cc=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return c`
|
|
300
300
|
${this._labelSlotHasContent===!1?c`<span class="label">${this.label}</span>`:""}
|
|
301
301
|
<slot
|
|
302
302
|
class="label"
|
|
303
303
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
304
304
|
name=${i||""}
|
|
305
305
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
306
|
-
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Cc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cc(e,t,o),o};const Ac=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const s=o.composedPath();this.#e===this&&s.some(a=>{const h=a.tagName;return h==="A"||h==="BUTTON"||h==="INPUT"||h==="TEXTAREA"||h==="SELECT"})||s.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new Ei(Ei.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new Ei(Ei.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ta([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ta([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Pc=Object.defineProperty,zc=Object.getOwnPropertyDescriptor,Oc=(i,e,t,r)=>{for(var o=zc(e,t),s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Pc(e,t,o),o};const Lc=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Oc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Mc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,vt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tc(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Mc(e,t,o),o};const Nc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Bc=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const s=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",s)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(s=>s.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,s,a){const h={flagKey:o,getMessageMethod:s,checkMethod:a,weight:Nc.indexOf(o)};return this.#r.push(h),this.#r.sort((u,d)=>u.weight>d.weight?1:d.weight>u.weight?-1:0),h}removeValidator(o){const s=this.#r.indexOf(o);s!==-1&&this.#r.splice(s,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(mt.INVALID,()=>{this._runValidators()}),o.addEventListener(mt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,s;this.#r.some(h=>h.checkMethod()?(this.#e[h.flagKey]=!0,o=h.getMessageMethod(),!0):!1),o||this.#o.some(h=>{let u;for(u in h.validity)if(u!=="valid"&&h.validity[u])return this.#e[u]=!0,o=h.validationMessage,s??=h,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,s??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new mt(mt.VALID)):this.dispatchEvent(new mt(mt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return vt([l({type:String})],t.prototype,"name",2),vt([l()],t.prototype,"value",1),vt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),vt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),vt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),vt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),vt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let ia=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}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 Dc=ia,Vc=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},Hc=(i,e)=>{function t(o){const s=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=s.left+a.scrollX,u=s.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-h,v=d.pageY-u;e?.onMove&&e.onMove(m,v)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},jc=(i,e,t)=>Math.min(Math.max(i,e),t),Rc=(i,e,t)=>t+e-i,Fc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},oa=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,s=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(s)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Gc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var Wc=Object.defineProperty,qc=(i,e,t,r)=>{for(var o=void 0,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(e,t,o)||o);return o&&Wc(e,t,o),o};const Kc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=oa(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return qc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Xc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Yc=["default","primary","secondary","outline","placeholder"],Zc=["default","positive","warning","danger","invalid"],Jc=["h1","h2","h3","h4","h5","h6"];var Qc="1.18.0";const ra=Qc;globalThis.__uuiVersions??=[],globalThis.__uuiVersions.push(ra);const Vr=globalThis.__uuiVersions;if(Vr.length>1){const i=[...new Set(Vr)];i.length>1?console.warn(`Multiple versions of Umbraco UI detected: ${i.join(", ")}. This is not supported and may cause issues.`):console.warn(`Multiple instances of Umbraco UI v${Vr[0]} loaded. This may indicate duplicate bundles.`)}function p(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var eh=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIButtonGroupElement=class extends g{render(){return c`<slot></slot>`}},n.UUIButtonGroupElement.styles=[b`
|
|
306
|
+
`}}return ea([l({type:String})],t.prototype,"label"),ea([$()],t.prototype,"_labelSlotHasContent"),t};var Sc=Object.defineProperty,Ac=Object.getOwnPropertyDescriptor,ta=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ac(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sc(e,t,o),o};const Pc=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const n=o.composedPath();this.#e===this&&n.some(a=>{const h=a.tagName;return h==="A"||h==="BUTTON"||h==="INPUT"||h==="TEXTAREA"||h==="SELECT"})||n.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new Ei(Ei.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new Ei(Ei.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return ta([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),ta([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var zc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,Lc=(i,e,t,r)=>{for(var o=Oc(e,t),n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&zc(e,t,o),o};const Mc=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return Lc([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};var Tc=Object.defineProperty,Nc=Object.getOwnPropertyDescriptor,vt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nc(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Tc(e,t,o),o};const Bc=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],Dc=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const n=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",n)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(n=>n.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,n,a){const h={flagKey:o,getMessageMethod:n,checkMethod:a,weight:Bc.indexOf(o)};return this.#r.push(h),this.#r.sort((u,d)=>u.weight>d.weight?1:d.weight>u.weight?-1:0),h}removeValidator(o){const n=this.#r.indexOf(o);n!==-1&&this.#r.splice(n,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(mt.INVALID,()=>{this._runValidators()}),o.addEventListener(mt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,n;this.#r.some(h=>h.checkMethod()?(this.#e[h.flagKey]=!0,o=h.getMessageMethod(),!0):!1),o||this.#o.some(h=>{let u;for(u in h.validity)if(u!=="valid"&&h.validity[u])return this.#e[u]=!0,o=h.validationMessage,n??=h,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,n??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new mt(mt.VALID)):this.dispatchEvent(new mt(mt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return vt([l({type:String})],t.prototype,"name",2),vt([l()],t.prototype,"value",1),vt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),vt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),vt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),vt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),vt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t};let ia=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}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 Vc=ia,Hc=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},jc=(i,e)=>{function t(o){const n=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=n.left+a.scrollX,u=n.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-h,v=d.pageY-u;e?.onMove&&e.onMove(m,v)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},Rc=(i,e,t)=>Math.min(Math.max(i,e),t),Fc=(i,e,t)=>t+e-i,Gc=i=>{const e=Math.round(i).toString(16);return e.length===1?`0${e}`:e},oa=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,n=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(n)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Wc(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}var qc=Object.defineProperty,Kc=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&qc(e,t,o),o};const Xc=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=oa(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return Kc([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};function Yc(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}const Zc=["default","primary","secondary","outline","placeholder"],Jc=["default","positive","warning","danger","invalid"],Qc=["h1","h2","h3","h4","h5","h6"];var eh="1.18.1";const ra=eh;globalThis.__uuiVersions??=[],globalThis.__uuiVersions.push(ra);const Vr=globalThis.__uuiVersions;if(Vr.length>1){const i=[...new Set(Vr)];i.length>1?console.warn(`Multiple versions of Umbraco UI detected: ${i.join(", ")}. This is not supported and may cause issues.`):console.warn(`Multiple instances of Umbraco UI v${Vr[0]} loaded. This may indicate duplicate bundles.`)}function p(i,e){return t=>{if(!(i.indexOf("-")>0)){console.error(`${i} is not a valid custom element name. A custom element name should consist of at least two words separated by a hyphen.`);return}window.customElements.get(i)||window.customElements.define(i,t,e)}}var th=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIButtonGroupElement=class extends g{render(){return c`<slot></slot>`}},s.UUIButtonGroupElement.styles=[b`
|
|
307
307
|
:host {
|
|
308
308
|
display: inline-flex;
|
|
309
309
|
align-items: stretch;
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
::slotted(*:hover) {
|
|
334
334
|
z-index: 1;
|
|
335
335
|
}
|
|
336
|
-
`],
|
|
336
|
+
`],s.UUIButtonGroupElement=th([p("uui-button-group")],s.UUIButtonGroupElement);var ih=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIActionBarElement=class extends s.UUIButtonGroupElement{},s.UUIActionBarElement.styles=[...s.UUIButtonGroupElement.styles,b`
|
|
337
337
|
::slotted(*) {
|
|
338
338
|
--uui-button-padding-left-factor: 0.5;
|
|
339
339
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -375,10 +375,10 @@
|
|
|
375
375
|
--uui-button-padding-left-factor: 1.5;
|
|
376
376
|
--uui-button-padding-right-factor: 1.5;
|
|
377
377
|
}
|
|
378
|
-
`],
|
|
378
|
+
`],s.UUIActionBarElement=ih([p("uui-action-bar")],s.UUIActionBarElement);var oh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,mo=(i,e,t,r)=>{for(var o=r>1?void 0:r?rh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&oh(e,t,o),o};s.UUIAvatarGroupElement=class extends g{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(e){e.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((e,t)=>{e.style.display=t<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return c`
|
|
379
379
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
380
380
|
${this._isLimitExceeded()?c`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
381
|
-
`}},
|
|
381
|
+
`}},s.UUIAvatarGroupElement.styles=[b`
|
|
382
382
|
:host {
|
|
383
383
|
display: inline-flex;
|
|
384
384
|
align-items: center;
|
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
#overflow-indication {
|
|
396
396
|
margin-left: 6px;
|
|
397
397
|
}
|
|
398
|
-
`],mo([Pe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],
|
|
398
|
+
`],mo([Pe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],s.UUIAvatarGroupElement.prototype,"_avatarNodes",2),mo([$()],s.UUIAvatarGroupElement.prototype,"_avatarArray",2),mo([l({type:Number,attribute:!0})],s.UUIAvatarGroupElement.prototype,"limit",2),s.UUIAvatarGroupElement=mo([p("uui-avatar-group")],s.UUIAvatarGroupElement);var nh=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,Bt=(i,e,t,r)=>{for(var o=r>1?void 0:r?sh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&nh(e,t,o),o};s.UUIAvatarElement=class extends g{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this.name=""}get _initials(){return this.initials?.substring(0,3)||this.createInitials(this.name)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(e){let t="";if(!e)return t;const r=e.split(/\s+/).filter(o=>o.length>0&&!/^[^\p{L}\p{N}]/u.test(o));if(r.length===0){const o=e.trim();if(o.length>0&&/\p{Extended_Pictographic}/u.test(o)){const n=o.split(/\s+/);for(const a of n)if(/\p{Extended_Pictographic}/u.test(a))return a}return t}return t=r[0].charAt(0),r.length>1&&(t+=r.at(-1).charAt(0)),t.toUpperCase()}renderImage(){return c` <img
|
|
399
399
|
src="${this.imgSrc}"
|
|
400
400
|
srcset="${this.imgSrcset}"
|
|
401
401
|
alt="${this._initials}"
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
${this.imgSrc?this.renderImage():""}
|
|
404
404
|
${this.imgSrc?"":this._initials}
|
|
405
405
|
<slot></slot>
|
|
406
|
-
`}},
|
|
406
|
+
`}},s.UUIAvatarElement.styles=[b`
|
|
407
407
|
:host {
|
|
408
408
|
display: inline-flex;
|
|
409
409
|
align-items: center;
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
overflow: hidden;
|
|
435
435
|
border-radius: 50%;
|
|
436
436
|
}
|
|
437
|
-
`],Bt([l({type:Boolean,attribute:!0,reflect:!0})],
|
|
437
|
+
`],Bt([l({type:Boolean,attribute:!0,reflect:!0})],s.UUIAvatarElement.prototype,"overflow",2),Bt([l({type:String,attribute:"img-src"})],s.UUIAvatarElement.prototype,"imgSrc",2),Bt([l({type:String,attribute:"img-srcset"})],s.UUIAvatarElement.prototype,"imgSrcset",2),Bt([l({type:String,reflect:!0})],s.UUIAvatarElement.prototype,"name",2),Bt([l({type:String})],s.UUIAvatarElement.prototype,"initials",2),s.UUIAvatarElement=Bt([p("uui-avatar")],s.UUIAvatarElement);var ah=Object.defineProperty,lh=Object.getOwnPropertyDescriptor,vo=(i,e,t,r)=>{for(var o=r>1?void 0:r?lh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ah(e,t,o),o};s.UUIBadgeElement=class extends g{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return c` <slot></slot> `}},s.UUIBadgeElement.styles=[b`
|
|
438
438
|
:host {
|
|
439
439
|
position: var(--uui-badge-position, absolute);
|
|
440
440
|
display: flex;
|
|
@@ -565,18 +565,18 @@
|
|
|
565
565
|
animation: none;
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
-
`],vo([l({reflect:!0})],
|
|
568
|
+
`],vo([l({reflect:!0})],s.UUIBadgeElement.prototype,"color",2),vo([l({reflect:!0})],s.UUIBadgeElement.prototype,"look",2),vo([l({type:Boolean,reflect:!0})],s.UUIBadgeElement.prototype,"attention",2),s.UUIBadgeElement=vo([p("uui-badge")],s.UUIBadgeElement);var uh=Object.defineProperty,ch=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&uh(e,t,o),o};const xi=i=>{class e extends i{constructor(){super(...arguments),this.active=!1}}return ch([l({type:Boolean,reflect:!0})],e.prototype,"active"),e};var hh=Object.defineProperty,na=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&hh(e,t,o),o};const ye=(i,e)=>{class t extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this._ariaObserver=new MutationObserver(()=>this.requestUpdate()),this._ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-labelledby"]})}disconnectedCallback(){super.disconnectedCallback(),this._ariaObserver?.disconnect(),this._ariaObserver=void 0}firstUpdated(o){super.firstUpdated(o),!this.label&&!this.getAttribute("aria-label")&&!this.getAttribute("aria-labelledby")&&console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(o){this._labelSlotHasContent=o.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return c`
|
|
569
569
|
${this._labelSlotHasContent===!1?c`<span class="label">${this.label}</span>`:""}
|
|
570
570
|
<slot
|
|
571
571
|
class="label"
|
|
572
572
|
style=${this._labelSlotHasContent?"":"display: none"}
|
|
573
573
|
name=${i||""}
|
|
574
574
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
575
|
-
`}}return na([l({type:String})],t.prototype,"label"),na([$()],t.prototype,"_labelSlotHasContent"),t};let
|
|
575
|
+
`}}return na([l({type:String})],t.prototype,"label"),na([$()],t.prototype,"_labelSlotHasContent"),t};let dh=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},go=class extends dh{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var ph=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,sa=(i,e,t,r)=>{for(var o=r>1?void 0:r?bh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ph(e,t,o),o};const Dt=i=>{class e extends i{constructor(...r){super(...r),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.#e=this,this.#i=o=>{o.code!=="Space"&&o.code!=="Enter"||o.composedPath().indexOf(this.#e)===0&&this.#t(o)},this.#t=o=>{if((this._selectable||this.deselectable&&this.selected)===!1)return;const n=o.composedPath();this.#e===this&&n.some(a=>{const h=a.tagName;return h==="A"||h==="BUTTON"||h==="INPUT"||h==="TEXTAREA"||h==="SELECT"})||n.indexOf(this.#e)!==-1&&(o.type==="keydown"&&o.preventDefault(),this.#r())},this.addEventListener("click",this.#t),this.addEventListener("keydown",this.#i)}get selectable(){return this._selectable}set selectable(r){const o=this._selectable;o!==r&&(this._selectable=r,this.#e===this&&this.#e.setAttribute("tabindex",`${r?"0":"-1"}`),this.requestUpdate("selectable",o))}#e;get selectableTarget(){return this.#e}set selectableTarget(r){const o=this.#e;o.removeAttribute("tabindex"),o.removeEventListener("click",this.#t),o.removeEventListener("keydown",this.#i),this.#e=r,this.#e===this&&this.#e.setAttribute("tabindex",this._selectable?"0":"-1"),r.addEventListener("click",this.#t),r.addEventListener("keydown",this.#i)}#i;#t;#r(){this.selectable&&(this.deselectable===!1?this.#o():this.selected?this.#n():this.#o())}#o(){if(!this.selectable)return;const r=new go(go.SELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!0)}#n(){if(!this.deselectable)return;const r=new go(go.DESELECTED);this.dispatchEvent(r),!r.defaultPrevented&&(this.selected=!1)}}return sa([l({type:Boolean,reflect:!0})],e.prototype,"selectable",1),sa([l({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var mh=Object.defineProperty,vh=Object.getOwnPropertyDescriptor,gh=(i,e,t,r)=>{for(var o=vh(e,t),n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&mh(e,t,o),o};const fo=i=>{class e extends i{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(r){const o=this._selectOnly;this._selectOnly=r,this.requestUpdate("selectOnly",o)}}return gh([l({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly"),e};let aa=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},Vt=class extends aa{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Xv=class extends aa{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}};var fh=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?yh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fh(e,t,o),o};const wh=["customError","valueMissing","badInput","typeMismatch","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort"],we=(i,e)=>{class t extends i{constructor(...o){super(...o),this.name="",this.#e={},this._pristine=!1,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this.#i=e,this.#t=null,this.#r=[],this.#o=[],this.#s=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.pristine=!0,this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1,this.checkValidity()})}static{this.formAssociated=!0}get value(){return this.#i}set value(o){const n=this.#i;this.#i=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this.#i??null),this.requestUpdate("value",n)}#e;set pristine(o){this._pristine!==o&&(this._pristine=o,o?this.setAttribute("pristine",""):this.removeAttribute("pristine"),this.#a())}get pristine(){return this._pristine}#i;#t;#r;#o;hasValue(){return this.value!==this.getDefaultValue()}focusFirstInvalidElement(){const o=this.#o.find(n=>n.validity.valid===!1);o?"focusFirstInvalidElement"in o?o.focusFirstInvalidElement():o.focus():this.focus()}disconnectedCallback(){super.disconnectedCallback(),this.#n()}#n(){this.#t&&this.#t.removeEventListener("submit",this.#s)}addValidator(o,n,a){const h={flagKey:o,getMessageMethod:n,checkMethod:a,weight:wh.indexOf(o)};return this.#r.push(h),this.#r.sort((u,d)=>u.weight>d.weight?1:d.weight>u.weight?-1:0),h}removeValidator(o){const n=this.#r.indexOf(o);n!==-1&&this.#r.splice(n,1)}addFormControlElement(o){this.#o.push(o),o.addEventListener(Vt.INVALID,()=>{this._runValidators()}),o.addEventListener(Vt.VALID,()=>{this._runValidators()}),this._pristine===!1&&(o.checkValidity(),this._runValidators())}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this.#e={};let o,n;this.#r.some(h=>h.checkMethod()?(this.#e[h.flagKey]=!0,o=h.getMessageMethod(),!0):!1),o||this.#o.some(h=>{let u;for(u in h.validity)if(u!=="valid"&&h.validity[u])return this.#e[u]=!0,o=h.validationMessage,n??=h,!0;return!1});const a=Object.values(this.#e).includes(!0);this.#e.valid=!a,this._internals.setValidity(this.#e,o,n??this.getFormElement()??void 0),this.#a()}#a(){this._pristine!==!0&&(this.#e.valid?this.dispatchEvent(new Vt(Vt.VALID)):this.dispatchEvent(new Vt(Vt.INVALID)))}updated(o){super.updated(o),this._runValidators()}#s;submit(){this.#t?.requestSubmit()}formAssociatedCallback(){this.#n(),this.#t=this._internals.form,this.#t&&(this.#t.hasAttribute("submit-invalid")&&(this.pristine=!1),this.#t.addEventListener("submit",this.#s))}formResetCallback(){this.pristine=!0,this.value=this.getInitialValue()??this.getDefaultValue()}getDefaultValue(){return e}getInitialValue(){return this.getAttribute("value")}checkValidity(){this.pristine=!1,this._runValidators();for(const o in this.#o)if(this.#o[o].checkValidity()===!1)return!1;return this._internals?.checkValidity()}get validity(){return this.#e}get validationMessage(){return this._internals?.validationMessage}}return gt([l({type:String})],t.prototype,"name",2),gt([l()],t.prototype,"value",1),gt([l({type:Boolean,reflect:!0,attribute:"pristine"})],t.prototype,"pristine",1),gt([l({type:Boolean,reflect:!0})],t.prototype,"required",2),gt([l({type:String,attribute:"required-message"})],t.prototype,"requiredMessage",2),gt([l({type:Boolean,reflect:!0})],t.prototype,"error",2),gt([l({type:String,attribute:"error-message"})],t.prototype,"errorMessage",2),t},$h=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,n=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(n)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};var _h=Object.defineProperty,Uh=(i,e,t,r)=>{for(var o=void 0,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(e,t,o)||o);return o&&_h(e,t,o),o};const kh=i=>{class e extends i{constructor(...r){super(...r),this.#e=!1,this._togglePopover=()=>{if(!this.popoverContainerElement)return;const o=$h(this,"id",this.popoverContainerElement);o&&(this.#e?o.hidePopover():o.showPopover())},this.#i=o=>{requestAnimationFrame(()=>{this.#e=o.detail.newState==="open"})},this.addEventListener("uui-popover-before-toggle",this.#i)}#e;#i}return Uh([l({type:String,attribute:"popovertarget"})],e.prototype,"popoverContainerElement"),e};/**
|
|
576
576
|
* @license
|
|
577
577
|
* Copyright 2018 Google LLC
|
|
578
578
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
579
|
-
*/const w=i=>i??T;let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},yo=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ht=class extends z{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}},Hr=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var
|
|
579
|
+
*/const w=i=>i??T;let z=class extends Event{constructor(e,t={}){super(e,{...t}),this.detail=t.detail||{}}},yo=class extends z{constructor(e,t={}){super(e,{bubbles:!0,...t})}static{this.VALID="valid"}static{this.INVALID="invalid"}},Ht=class extends z{static{this.SELECTED="selected"}static{this.DESELECTED="deselected"}constructor(e,t={}){super(e,{bubbles:!0,cancelable:!0,...t})}},Hr=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Eh=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,jt=(i,e,t,r)=>{for(var o=r>1?void 0:r?xh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Eh(e,t,o),o};let ce=class extends we(ye("",g),""){constructor(e="checkbox"){super(),this._value="",this.labelPosition="right",this._checked=!1,this.indeterminate=!1,this.disabled=!1,this.readonly=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keydown",this.#e)}get value(){return this._value}set value(e){const t=super.value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",t)}get checked(){return this._checked}set checked(e){const t=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",t)}getFormElement(){return this._input}#e(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){super.firstUpdated(e);const t=this.shadowRoot?.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),t.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),t.addEventListener("mouseup",()=>{r=!1})}async focus(){await this.updateComplete,this._input.focus()}async click(){await this.updateComplete,this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.indeterminate=this._input.indeterminate,this.dispatchEvent(new Hr(Hr.CHANGE))}render(){return c`
|
|
580
580
|
<label>
|
|
581
581
|
<input
|
|
582
582
|
id="input"
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
* @license
|
|
649
649
|
* Copyright 2020 Google LLC
|
|
650
650
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
651
|
-
*/const la=Symbol.for(""),
|
|
651
|
+
*/const la=Symbol.for(""),Ih=i=>{if(i?.r===la)return i?._$litStatic$},ua=i=>({_$litStatic$:i,r:la}),ca=new Map,Ch=i=>(e,...t)=>{const r=t.length;let o,n;const a=[],h=[];let u,d=0,m=!1;for(;d<r;){for(u=e[d];d<r&&(n=t[d],(o=Ih(n))!==void 0);)u+=o+e[++d],m=!0;d!==r&&h.push(n),a.push(u),d++}if(d===r&&a.push(e[r]),m){const v=a.join("$$lit$$");(e=ca.get(v))===void 0&&(a.raw=a,ca.set(v,e=a)),t=h}return i(e,...t)},ha=Ch(Ku);var Sh=Object.defineProperty,Ah=Object.getOwnPropertyDescriptor,ft=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ah(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sh(e,t,o),o};function jr(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}s.UUIBoxElement=class extends g{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag="h5",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=jr(e.target)},this._headerSlotHasContent=!1,this._headerSlotChanged=e=>{this._headerSlotHasContent=jr(e.target)},this._headerActionsSlotHasContent=!1,this._headerActionsSlotChanged=e=>{this._headerActionsSlotHasContent=jr(e.target)}}set headlineVariant(e){this._headlineVariantTag=e}get headlineVariant(){return this._headlineVariantTag}renderHeader(){return ha`<div
|
|
652
652
|
id="header"
|
|
653
653
|
class="uui-text"
|
|
654
654
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this._headerActionsSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
</div>`}render(){return ha`
|
|
665
665
|
${this.renderHeader()}
|
|
666
666
|
<slot></slot>
|
|
667
|
-
`}},
|
|
667
|
+
`}},s.UUIBoxElement.styles=[Nt,b`
|
|
668
668
|
:host {
|
|
669
669
|
display: block;
|
|
670
670
|
border: var(--uui-box-border-width, 0) solid
|
|
@@ -694,7 +694,7 @@
|
|
|
694
694
|
display: block;
|
|
695
695
|
margin-left: auto;
|
|
696
696
|
}
|
|
697
|
-
`],ft([l({type:String})],
|
|
697
|
+
`],ft([l({type:String})],s.UUIBoxElement.prototype,"headline",2),ft([l({attribute:"headline-variant"})],s.UUIBoxElement.prototype,"headlineVariant",1),ft([$()],s.UUIBoxElement.prototype,"_headlineVariantTag",2),ft([$()],s.UUIBoxElement.prototype,"_headlineSlotHasContent",2),ft([$()],s.UUIBoxElement.prototype,"_headerSlotHasContent",2),ft([$()],s.UUIBoxElement.prototype,"_headerActionsSlotHasContent",2),s.UUIBoxElement=ft([p("uui-box")],s.UUIBoxElement);let Ph=class{constructor(e,t){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(t)}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 _=(i,e,t=`This element has to be present for ${i.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${i.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",t,i)},da=(i,e)=>{function t(o){const n=i.getBoundingClientRect(),a=i.ownerDocument.defaultView,h=n.left+a.scrollX,u=n.top+a.scrollY;let d;if("TouchEvent"in window&&o instanceof TouchEvent)d=o.touches[0];else if(o instanceof MouseEvent)d=o;else return;const m=d.pageX-h,v=d.pageY-u;e?.onMove&&e.onMove(m,v)}function r(){document.removeEventListener("pointermove",t),document.removeEventListener("pointerup",r),e?.onStop&&e.onStop()}document.addEventListener("pointermove",t,{passive:!0}),document.addEventListener("pointerup",r),e?.initialEvent&&t(e.initialEvent)},O=(i,e,t)=>Math.min(Math.max(i,e),t),pa=(i,e,t)=>t+e-i,zh=(i,e,t)=>{let r=i;for(;r!==null;){const o=r instanceof HTMLElement&&r.hasAttribute(e)&&r.getAttribute(e)===t,n=r.querySelector(`[${e}="${t}"]`)!==null;if(o)return r;if(n)return r.querySelector(`[${e}="${t}"]`);r=r.parentElement||r.parentNode||r.host||null}return null};function Oh(i){return i?i.assignedNodes({flatten:!0}).length>0:!1}/**
|
|
698
698
|
* @license
|
|
699
699
|
* Copyright 2017 Google LLC
|
|
700
700
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -702,11 +702,11 @@
|
|
|
702
702
|
* @license
|
|
703
703
|
* Copyright 2020 Google LLC
|
|
704
704
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
705
|
-
*/const{I:
|
|
705
|
+
*/const{I:Lh}=ic,ba=i=>i.strings===void 0,ma=()=>document.createComment(""),Ii=(i,e,t)=>{var r;const o=i._$AA.parentNode,n=e===void 0?i._$AB:e._$AA;if(t===void 0){const a=o.insertBefore(ma(),n),h=o.insertBefore(ma(),n);t=new Lh(a,h,i,i.options)}else{const a=t._$AB.nextSibling,h=t._$AM,u=h!==i;if(u){let d;(r=t._$AQ)===null||r===void 0||r.call(t,i),t._$AM=i,t._$AP!==void 0&&(d=i._$AU)!==h._$AU&&t._$AP(d)}if(a!==n||u){let d=t._$AA;for(;d!==a;){const m=d.nextSibling;o.insertBefore(d,n),d=m}}}return t},yt=(i,e,t=i)=>(i._$AI(e,t),i),Mh={},va=(i,e=Mh)=>i._$AH=e,Th=i=>i._$AH,Rr=i=>{var e;(e=i._$AP)===null||e===void 0||e.call(i,!1,!0);let t=i._$AA;const r=i._$AB.nextSibling;for(;t!==r;){const o=t.nextSibling;t.remove(),t=o}};/**
|
|
706
706
|
* @license
|
|
707
707
|
* Copyright 2017 Google LLC
|
|
708
708
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
709
|
-
*/const ga=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},wo=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const o=[],
|
|
709
|
+
*/const ga=(i,e,t)=>{const r=new Map;for(let o=e;o<=t;o++)r.set(i[o],o);return r},wo=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.CHILD)throw Error("repeat() can only be used in text expressions")}ct(i,e,t){let r;t===void 0?t=e:e!==void 0&&(r=e);const o=[],n=[];let a=0;for(const h of i)o[a]=r?r(h,a):a,n[a]=t(h,a),a++;return{values:n,keys:o}}render(i,e,t){return this.ct(i,e,t).values}update(i,[e,t,r]){var o;const n=Th(i),{values:a,keys:h}=this.ct(e,t,r);if(!Array.isArray(n))return this.ut=h,a;const u=(o=this.ut)!==null&&o!==void 0?o:this.ut=[],d=[];let m,v,y=0,U=n.length-1,I=0,P=a.length-1;for(;y<=U&&I<=P;)if(n[y]===null)y++;else if(n[U]===null)U--;else if(u[y]===h[I])d[I]=yt(n[y],a[I]),y++,I++;else if(u[U]===h[P])d[P]=yt(n[U],a[P]),U--,P--;else if(u[y]===h[P])d[P]=yt(n[y],a[P]),Ii(i,d[P+1],n[y]),y++,P--;else if(u[U]===h[I])d[I]=yt(n[U],a[I]),Ii(i,n[y],n[U]),U--,I++;else if(m===void 0&&(m=ga(h,I,P),v=ga(u,y,U)),m.has(u[y]))if(m.has(u[U])){const J=v.get(h[I]),We=J!==void 0?n[J]:null;if(We===null){const qe=Ii(i,n[y]);yt(qe,a[I]),d[I]=qe}else d[I]=yt(We,a[I]),Ii(i,n[y],We),n[J]=null;I++}else Rr(n[U]),U--;else Rr(n[y]),y++;for(;I<=P;){const J=Ii(i,d[P+1]);yt(J,a[I]),d[I++]=J}for(;y<=U;){const J=n[y++];J!==null&&Rr(J)}return this.ut=h,va(i,d),ee}}),Nh=b`
|
|
710
710
|
@keyframes uui-blink {
|
|
711
711
|
0%,
|
|
712
712
|
100% {
|
|
@@ -716,7 +716,7 @@
|
|
|
716
716
|
opacity: 1;
|
|
717
717
|
}
|
|
718
718
|
}
|
|
719
|
-
`,
|
|
719
|
+
`,Bh=Ye("uui-blink 0.9s infinite both"),Dh=b`
|
|
720
720
|
@keyframes pulse {
|
|
721
721
|
0% {
|
|
722
722
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -757,11 +757,11 @@
|
|
|
757
757
|
transform: translateX(2px);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
760
|
-
`,_o=Ye("uui-horizontal-shake 600ms ease backwards");f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`;const Uo=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`;const Dh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`;const Vh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`;const Hh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`;const Fr=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`;const jh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`;const Rh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`;const Fh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Gh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`;const Wh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;var qh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,fa=i=>{throw TypeError(i)},ie=(i,e,t,r)=>{for(var o=r>1?void 0:r?Kh(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&qh(e,t,o),o},ya=(i,e,t)=>e.has(i)||fa("Cannot "+t),Xh=(i,e,t)=>(ya(i,e,"read from private field"),e.get(i)),Yh=(i,e,t)=>e.has(i)?fa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Zh=(i,e,t,r)=>(ya(i,e,"write to private field"),e.set(i,t),t),ko;n.UUIButtonElement=class extends we(ye("",Uh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Yh(this,ko),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.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}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(Xh(this,ko)),(this.state==="success"||this.state==="failed")&&Zh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=c`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=c`<uui-icon
|
|
760
|
+
`,_o=Ye("uui-horizontal-shake 600ms ease backwards");f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`;const Uo=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`;const Vh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`;const Hh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`;const jh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`;const Fr=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`;const Rh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`;const Fh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`;const Gh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Wh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`;f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`;const qh=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;var Kh=Object.defineProperty,Xh=Object.getOwnPropertyDescriptor,fa=i=>{throw TypeError(i)},ie=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xh(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Kh(e,t,o),o},ya=(i,e,t)=>e.has(i)||fa("Cannot "+t),Yh=(i,e,t)=>(ya(i,e,"read from private field"),e.get(i)),Zh=(i,e,t)=>e.has(i)?fa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Jh=(i,e,t,r)=>(ya(i,e,"write to private field"),e.set(i,t),t),ko;s.UUIButtonElement=class extends we(ye("",kh(g))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.title="",Zh(this,ko),this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}async focus(){await this.updateComplete,this._button.focus()}async blur(){await this.updateComplete,this._button.blur()}async click(){await this.updateComplete,this._button.click()}_onHostClick(e){if(this.disabled){e.preventDefault(),e.stopImmediatePropagation();return}if(this._internals?.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}this._togglePopover()}updated(e){super.updated(e),e.has("state")&&(clearTimeout(Yh(this,ko)),(this.state==="success"||this.state==="failed")&&Jh(this,ko,setTimeout(()=>this.state=void 0,2e3)))}renderState(){let e;switch(this.state){case"waiting":_(this,"uui-loader-circle"),e=c`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":_(this,"uui-icon"),e=c`<uui-icon
|
|
761
761
|
name="check"
|
|
762
762
|
.fallback=${Uo.strings[0]}></uui-icon>`;break;case"failed":_(this,"uui-icon"),e=c`<uui-icon
|
|
763
763
|
name="wrong"
|
|
764
|
-
.fallback=${
|
|
764
|
+
.fallback=${qh.strings[0]}></uui-icon>`;break;default:return C}return c`<div id="state">${e}</div>`}render(){return this.href?c`
|
|
765
765
|
<a
|
|
766
766
|
id="button"
|
|
767
767
|
aria-label=${w(this.getAttribute("aria-label")||this.label||void 0)}
|
|
@@ -784,7 +784,7 @@
|
|
|
784
784
|
${this.renderState()} ${this.renderLabel()}
|
|
785
785
|
<slot name="extra"></slot>
|
|
786
786
|
</button>
|
|
787
|
-
`}},ko=new WeakMap,
|
|
787
|
+
`}},ko=new WeakMap,s.UUIButtonElement.styles=[$o,b`
|
|
788
788
|
:host {
|
|
789
789
|
position: relative;
|
|
790
790
|
display: inline-flex;
|
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
var(--color-standalone)
|
|
1158
1158
|
);
|
|
1159
1159
|
}
|
|
1160
|
-
`],ie([l({type:String,reflect:!0})],
|
|
1160
|
+
`],ie([l({type:String,reflect:!0})],s.UUIButtonElement.prototype,"type",2),ie([l({type:Boolean,reflect:!0})],s.UUIButtonElement.prototype,"disabled",2),ie([l({reflect:!0})],s.UUIButtonElement.prototype,"look",2),ie([l({reflect:!0})],s.UUIButtonElement.prototype,"color",2),ie([l({type:Boolean,reflect:!0})],s.UUIButtonElement.prototype,"compact",2),ie([l({type:String,reflect:!0})],s.UUIButtonElement.prototype,"state",2),ie([l({type:String})],s.UUIButtonElement.prototype,"href",2),ie([l({type:String})],s.UUIButtonElement.prototype,"target",2),ie([l({type:String})],s.UUIButtonElement.prototype,"rel",2),ie([l({type:String})],s.UUIButtonElement.prototype,"title",2),ie([S("#button")],s.UUIButtonElement.prototype,"_button",2),s.UUIButtonElement=ie([p("uui-button")],s.UUIButtonElement);var Qh=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,wa=(i,e,t,r)=>{for(var o=r>1?void 0:r?ed(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Qh(e,t,o),o};s.UUIScrollContainerElement=class extends g{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return c`<slot></slot>`}},s.UUIScrollContainerElement.styles=[b`
|
|
1161
1161
|
:host {
|
|
1162
1162
|
display: block;
|
|
1163
1163
|
scrollbar-width: thin;
|
|
@@ -1183,7 +1183,7 @@
|
|
|
1183
1183
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1184
1184
|
border-radius: 3px;
|
|
1185
1185
|
}
|
|
1186
|
-
`],wa([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],
|
|
1186
|
+
`],wa([l({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],s.UUIScrollContainerElement.prototype,"enforceScroll",2),s.UUIScrollContainerElement=wa([p("uui-scroll-container")],s.UUIScrollContainerElement);var td=Object.defineProperty,id=Object.getOwnPropertyDescriptor,$a=i=>{throw TypeError(i)},wt=(i,e,t,r)=>{for(var o=r>1?void 0:r?id(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&td(e,t,o),o},Gr=(i,e,t)=>e.has(i)||$a("Cannot "+t),L=(i,e,t)=>(Gr(i,e,"read from private field"),t?t.call(i):e.get(i)),ze=(i,e,t)=>e.has(i)?$a("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ci=(i,e,t,r)=>(Gr(i,e,"write to private field"),e.set(i,t),t),Qe=(i,e,t)=>(Gr(i,e,"access private method"),t),Oe,et,$t,Si,Wr,Le,Ai,qr,$e,Kr,_a,Xr,Ua,Yr;s.UUIPopoverContainerElement=class extends g{constructor(){super(),ze(this,$e),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,ze(this,Oe,null),ze(this,et,[]),ze(this,$t,null),ze(this,Si,{width:0,height:0}),ze(this,Wr,e=>{this._open=e.newState==="open",Ci(this,Oe,zh(this,"popovertarget",this.id)),L(this,Oe)?.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:e.oldState,newState:e.newState}})),this._open?(Qe(this,$e,Ua).call(this),Qe(this,$e,_a).call(this),requestAnimationFrame(()=>{L(this,Le).call(this)})):(Qe(this,$e,Xr).call(this),this.style.removeProperty("--_available-height"))}),ze(this,Le,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",L(this,Ai).call(this,3))}),ze(this,Ai,e=>{if(L(this,qr).call(this),e--,L(this,Oe)===null)return;const t=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,n=this._actualPlacement.indexOf("right")!==-1,a=this._actualPlacement.indexOf("-start")!==-1,h=this._actualPlacement.indexOf("-end")!==-1,u=L(this,Oe).getBoundingClientRect(),d=this.getBoundingClientRect();let m=0,v=0;r&&(m=u.top+u.height,a&&(v=u.left),h&&(v=u.left+u.width-d.width),!a&&!h&&(v=u.left+u.width/2-d.width/2)),t&&(m=u.top-d.height,a&&(v=u.left),h&&(v=u.left+u.width-d.width),!a&&!h&&(v=u.left+u.width/2-d.width/2)),o&&(v=u.left-d.width,a&&(m=u.top),h&&(m=u.top+u.height-d.height),!a&&!h&&(m=u.top+u.height/2-d.height/2)),n&&(v=u.left+u.width,a&&(m=u.top),h&&(m=u.top+u.height-d.height),!a&&!h&&(m=u.top+u.height/2-d.height/2));const y=window.innerWidth,U=window.innerHeight,I=Math.min(0,u.top+u.height),P=Math.max(Math.min(m,U-d.height),u.top-d.height);if(Math.max(I,P)!==m&&(t||r)&&e>0){Qe(this,$e,Kr).call(this),L(this,Ai).call(this,e);return}m=Math.max(I,P);const J=Math.min(0,u.left+u.width),We=Math.max(Math.min(v,y-d.width),u.left-d.width),qe=Math.max(J,We);if(qe!==v&&(o||n)&&e>0){Qe(this,$e,Kr).call(this),L(this,Ai).call(this,e);return}if(v=qe,m+d.height<0||m>U||v+d.width<0||v>y){this.hidePopover();return}const Ke=t?u.top-2*this.margin:r?U-(u.top+u.height)-2*this.margin:U-u.top-this.margin;this.style.setProperty("--_available-height",`${Math.max(Ke,0)}px`),this.style.transform=`translate(${v}px, ${m}px)`,this.style.opacity="1"}),ze(this,qr,()=>{const e={top:"bottom",bottom:"top",left:"right",right:"left"};let t=this._actualPlacement.split("-")[0];t=e[t]||t,t=t.charAt(0).toUpperCase()+t.slice(1);const r=`margin${t}`;this.style.margin="0",this.style[r]=`${this.margin}px`}),this.addEventListener("beforetoggle",L(this,Wr),{passive:!0})}get open(){return this._open}get placement(){return this._placement}set placement(e){this._placement=e,this._actualPlacement=e,L(this,Le).call(this)}connectedCallback(){super.connectedCallback(),this.hasAttribute("popover")||this.setAttribute("popover",""),L(this,$t)||(Ci(this,$t,new ResizeObserver(e=>{const t=e[0],r=t.contentRect.width,o=t.contentRect.height;r===L(this,Si).width&&o===L(this,Si).height||(Ci(this,Si,{width:r,height:o}),L(this,Le).call(this))})),L(this,$t).observe(this))}disconnectedCallback(){super.disconnectedCallback(),Qe(this,$e,Xr).call(this),L(this,$t)?.disconnect(),Ci(this,$t,null)}_getScrollParents(){return L(this,et)}render(){return c`<uui-scroll-container><slot></slot></uui-scroll-container>`}},Oe=new WeakMap,et=new WeakMap,$t=new WeakMap,Si=new WeakMap,Wr=new WeakMap,Le=new WeakMap,Ai=new WeakMap,qr=new WeakMap,$e=new WeakSet,Kr=function(){const[i,e]=this._actualPlacement.split("-"),t=i==="top"?"bottom":i==="bottom"?"top":i==="left"?"right":"left";this._actualPlacement=`${t}-${e}`},_a=function(){L(this,et).forEach(i=>{i.addEventListener("scroll",L(this,Le),{passive:!0})}),document.addEventListener("scroll",L(this,Le),{passive:!0})},Xr=function(){L(this,et).forEach(i=>{i.removeEventListener("scroll",L(this,Le))}),document.removeEventListener("scroll",L(this,Le))},Ua=function(){if(Ci(this,et,[]),!L(this,Oe))return;let i=getComputedStyle(L(this,Oe));if(i.position==="fixed")return;let e=i.position==="absolute";const t=/(auto|scroll)/;let r=L(this,Oe);for(;r;){if(i=getComputedStyle(r),e&&i.position==="static"){r=Qe(this,$e,Yr).call(this,r);continue}if(i.position!=="static"&&(e=i.position==="absolute"),t.test(i.overflow+i.overflowY+i.overflowX)&&L(this,et).push(r),i.position==="fixed")return;r=Qe(this,$e,Yr).call(this,r)}L(this,et).push(document.body)},Yr=function(i){return i?.assignedSlot?i.assignedSlot:i?.parentElement?i.parentElement:i?.getRootNode()?.host},s.UUIPopoverContainerElement.styles=[b`
|
|
1187
1187
|
:host {
|
|
1188
1188
|
margin: 0;
|
|
1189
1189
|
width: fit-content;
|
|
@@ -1200,11 +1200,11 @@
|
|
|
1200
1200
|
uui-scroll-container {
|
|
1201
1201
|
max-height: var(--_available-height, none);
|
|
1202
1202
|
}
|
|
1203
|
-
`],wt([l({type:Number})],
|
|
1203
|
+
`],wt([l({type:Number})],s.UUIPopoverContainerElement.prototype,"margin",2),wt([l({type:Boolean})],s.UUIPopoverContainerElement.prototype,"open",1),wt([l({type:String,reflect:!0})],s.UUIPopoverContainerElement.prototype,"placement",1),wt([$()],s.UUIPopoverContainerElement.prototype,"_placement",2),wt([$()],s.UUIPopoverContainerElement.prototype,"_open",2),wt([$()],s.UUIPopoverContainerElement.prototype,"_actualPlacement",2),s.UUIPopoverContainerElement=wt([p("uui-popover-container")],s.UUIPopoverContainerElement);var od=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUISymbolMoreElement=class extends g{render(){return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
1204
1204
|
<circle cx="17" cy="50" r="9"></circle>
|
|
1205
1205
|
<circle cx="50" cy="50" r="9"></circle>
|
|
1206
1206
|
<circle cx="83" cy="50" r="9"></circle>
|
|
1207
|
-
</svg>`}},
|
|
1207
|
+
</svg>`}},s.UUISymbolMoreElement.styles=[b`
|
|
1208
1208
|
:host {
|
|
1209
1209
|
display: inline-block;
|
|
1210
1210
|
vertical-align: bottom;
|
|
@@ -1215,7 +1215,7 @@
|
|
|
1215
1215
|
svg {
|
|
1216
1216
|
fill: currentColor;
|
|
1217
1217
|
}
|
|
1218
|
-
`],
|
|
1218
|
+
`],s.UUISymbolMoreElement=od([p("uui-symbol-more")],s.UUISymbolMoreElement);var rd=Object.defineProperty,nd=Object.getOwnPropertyDescriptor,ka=i=>{throw TypeError(i)},Gt=(i,e,t,r)=>{for(var o=r>1?void 0:r?nd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&rd(e,t,o),o},Zr=(i,e,t)=>e.has(i)||ka("Cannot "+t),x=(i,e,t)=>(Zr(i,e,"read from private field"),t?t.call(i):e.get(i)),_e=(i,e,t)=>e.has(i)?ka("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Me=(i,e,t,r)=>(Zr(i,e,"write to private field"),e.set(i,t),t),Ue=(i,e,t)=>(Zr(i,e,"access private method"),t),ke,de,Te,tt,Eo,Pi,zi,Ne,oe,Ea,xa,Jr,Qr,en,tn,Wt;s.UUIResponsiveContainerElement=class extends g{constructor(){super(...arguments),_e(this,oe),this.collapse="end",_e(this,ke,[]),_e(this,de,[]),_e(this,Te,new Map),_e(this,tt,[]),_e(this,Eo,new ResizeObserver(Ue(this,oe,xa).bind(this))),_e(this,Pi,[]),_e(this,zi,!1),_e(this,Ne,!1),_e(this,Wt,e=>{const t=e.currentTarget,r=x(this,Te).get(t);r&&(this._popoverContainerElement?.hidePopover(),r.click())})}connectedCallback(){super.connectedCallback(),Me(this,Ne,!0),Ue(this,oe,Ea).call(this)}disconnectedCallback(){super.disconnectedCallback(),Me(this,Ne,!1),x(this,Eo).disconnect(),Ue(this,oe,Qr).call(this)}render(){const e=c`
|
|
1219
1219
|
<uui-button
|
|
1220
1220
|
popovertarget="popover-container"
|
|
1221
1221
|
style="display: none"
|
|
@@ -1242,7 +1242,7 @@
|
|
|
1242
1242
|
${wo(x(this,de),t=>c`${t}`)}
|
|
1243
1243
|
</div>
|
|
1244
1244
|
</uui-popover-container>
|
|
1245
|
-
`}},ke=new WeakMap,de=new WeakMap,Te=new WeakMap,tt=new WeakMap,Eo=new WeakMap,Pi=new WeakMap,zi=new WeakMap,Ne=new WeakMap,oe=new WeakSet,Ea=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,x(this,Ne)&&(x(this,Eo).observe(this._mainElement),requestAnimationFrame(()=>{x(this,Ne)&&Ue(this,oe,Jr).call(this)}))},xa=function(i){if(!x(this,Ne))return;const e=i[0].contentBoxSize[0].inlineSize;Ue(this,oe,tn).call(this,e)},Jr=function(){x(this,Ne)&&(Ue(this,oe,Qr).call(this),Me(this,ke,this._slottedNodes?[...this._slottedNodes]:[]),x(this,ke).forEach(i=>{const e=new ResizeObserver(Ue(this,oe,en).bind(this));e.observe(i),x(this,Pi).push(e)}),Ue(this,oe,en).call(this))},Qr=function(){x(this,Pi).forEach(i=>i.disconnect()),Me(this,Pi,[]),Me(this,tt,[]),x(this,de).forEach(i=>{i.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear()},en=async function(){if(!x(this,Ne)||x(this,zi))return;Me(this,zi,!0),await this.updateComplete;const i=Number.parseFloat(getComputedStyle(this).getPropertyValue("--uui-responsive-container-gap")),e=Number.isNaN(i)?8:i;let t=0;for(let o=0;o<x(this,ke).length;o++)x(this,ke)[o].style.display="",t+=x(this,ke)[o].offsetWidth,x(this,tt)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Ue(this,oe,tn).call(this,this._mainElement.offsetWidth),Me(this,zi,!1)},tn=function(i){const e=this._moreButtonElement?.offsetWidth||40,t=i-e;x(this,de).forEach(o=>{o.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear();const r=x(this,tt).length;if(this.collapse==="end")for(let o=0;o<r;o++){const
|
|
1245
|
+
`}},ke=new WeakMap,de=new WeakMap,Te=new WeakMap,tt=new WeakMap,Eo=new WeakMap,Pi=new WeakMap,zi=new WeakMap,Ne=new WeakMap,oe=new WeakSet,Ea=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,x(this,Ne)&&(x(this,Eo).observe(this._mainElement),requestAnimationFrame(()=>{x(this,Ne)&&Ue(this,oe,Jr).call(this)}))},xa=function(i){if(!x(this,Ne))return;const e=i[0].contentBoxSize[0].inlineSize;Ue(this,oe,tn).call(this,e)},Jr=function(){x(this,Ne)&&(Ue(this,oe,Qr).call(this),Me(this,ke,this._slottedNodes?[...this._slottedNodes]:[]),x(this,ke).forEach(i=>{const e=new ResizeObserver(Ue(this,oe,en).bind(this));e.observe(i),x(this,Pi).push(e)}),Ue(this,oe,en).call(this))},Qr=function(){x(this,Pi).forEach(i=>i.disconnect()),Me(this,Pi,[]),Me(this,tt,[]),x(this,de).forEach(i=>{i.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear()},en=async function(){if(!x(this,Ne)||x(this,zi))return;Me(this,zi,!0),await this.updateComplete;const i=Number.parseFloat(getComputedStyle(this).getPropertyValue("--uui-responsive-container-gap")),e=Number.isNaN(i)?8:i;let t=0;for(let o=0;o<x(this,ke).length;o++)x(this,ke)[o].style.display="",t+=x(this,ke)[o].offsetWidth,x(this,tt)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Ue(this,oe,tn).call(this,this._mainElement.offsetWidth),Me(this,zi,!1)},tn=function(i){const e=this._moreButtonElement?.offsetWidth||40,t=i-e;x(this,de).forEach(o=>{o.removeEventListener("click",x(this,Wt))}),Me(this,de,[]),x(this,Te).clear();const r=x(this,tt).length;if(this.collapse==="end")for(let o=0;o<r;o++){const n=x(this,tt)[o],a=x(this,ke)[o],h=o===r-1?i:t;if(n<=h)a.style.display="";else{a.style.display="none";const u=a.cloneNode(!0);u.style.display="",u.addEventListener("click",x(this,Wt)),x(this,Te).set(u,a),x(this,Te).set(a,u),x(this,de).push(u)}}else{const o=x(this,tt)[r-1]||0;for(let n=0;n<r;n++){const a=x(this,ke)[n],h=o-(n>0?x(this,tt)[n-1]:0),u=(n===0||x(this,ke)[n-1].style.display==="none")&&x(this,de).length===0?i:t;if(h<=u)a.style.display="";else{a.style.display="none";const d=a.cloneNode(!0);d.style.display="",d.addEventListener("click",x(this,Wt)),x(this,Te).set(d,a),x(this,Te).set(a,d),x(this,de).push(d)}}}x(this,de).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement?.hidePopover()):this._moreButtonElement.style.display="",this.requestUpdate()},Wt=new WeakMap,s.UUIResponsiveContainerElement.styles=[b`
|
|
1246
1246
|
:host {
|
|
1247
1247
|
display: flex;
|
|
1248
1248
|
min-width: 0;
|
|
@@ -1286,13 +1286,13 @@
|
|
|
1286
1286
|
padding: var(--uui-size-space-2,6px);
|
|
1287
1287
|
gap: var(--uui-size-space-1,3px);
|
|
1288
1288
|
}
|
|
1289
|
-
`],Gt([S("#more-button")],
|
|
1289
|
+
`],Gt([S("#more-button")],s.UUIResponsiveContainerElement.prototype,"_moreButtonElement",2),Gt([S("#popover-container")],s.UUIResponsiveContainerElement.prototype,"_popoverContainerElement",2),Gt([S("#main")],s.UUIResponsiveContainerElement.prototype,"_mainElement",2),Gt([l({type:String,reflect:!0})],s.UUIResponsiveContainerElement.prototype,"collapse",2),Gt([Pe({flatten:!0})],s.UUIResponsiveContainerElement.prototype,"_slottedNodes",2),s.UUIResponsiveContainerElement=Gt([p("uui-responsive-container")],s.UUIResponsiveContainerElement);var sd=Object.defineProperty,ad=Object.getOwnPropertyDescriptor,on=(i,e,t,r)=>{for(var o=r>1?void 0:r?ad(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&sd(e,t,o),o};s.UUIBreadcrumbItemElement=class extends g{constructor(){super(...arguments),this.lastItem=!1}connectedCallback(){super.connectedCallback()}_onKeydown(e){e.key==="Enter"&&e.currentTarget.click()}renderLinkAndSeparator(){const e=this.href?c`<a id="link" href=${this.href}><slot></slot></a>`:c`<span
|
|
1290
1290
|
id="link"
|
|
1291
1291
|
tabindex="0"
|
|
1292
1292
|
role="link"
|
|
1293
1293
|
@keydown=${this._onKeydown}
|
|
1294
1294
|
><slot></slot
|
|
1295
|
-
></span>`;return c`${e}<span part="separator"></span>`}renderCurrent(){return c`<span id="last-item"><slot></slot></span>`}render(){return c`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},
|
|
1295
|
+
></span>`;return c`${e}<span part="separator"></span>`}renderCurrent(){return c`<span id="last-item"><slot></slot></span>`}render(){return c`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}},s.UUIBreadcrumbItemElement.styles=[b`
|
|
1296
1296
|
:host {
|
|
1297
1297
|
font-size: var(--uui-type-small-size,12px);
|
|
1298
1298
|
color: currentColor;
|
|
@@ -1337,14 +1337,14 @@
|
|
|
1337
1337
|
overflow: hidden;
|
|
1338
1338
|
text-overflow: ellipsis;
|
|
1339
1339
|
}
|
|
1340
|
-
`],on([l()],
|
|
1340
|
+
`],on([l()],s.UUIBreadcrumbItemElement.prototype,"href",2),on([l({type:Boolean,attribute:"last-item"})],s.UUIBreadcrumbItemElement.prototype,"lastItem",2),s.UUIBreadcrumbItemElement=on([p("uui-breadcrumb-item")],s.UUIBreadcrumbItemElement);var ld=Object.defineProperty,ud=Object.getOwnPropertyDescriptor,Ia=(i,e,t,r)=>{for(var o=r>1?void 0:r?ud(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ld(e,t,o),o};s.UUIBreadcrumbsElement=class extends g{elementIsBreadcrumbItem(e){return e instanceof s.UUIBreadcrumbItemElement}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation"),_(this,"uui-responsive-container")}handleSlotChange(){if(this.slotNodes.length>0){const e=this.slotNodes[this.slotNodes.length-1];e.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(e)&&(e.lastItem=!0)}}render(){return c`<uui-responsive-container
|
|
1341
1341
|
id="breadcrumbs-list"
|
|
1342
1342
|
collapse="start">
|
|
1343
1343
|
<span slot="trigger-content">
|
|
1344
1344
|
<span class="ellipsis">…</span> <span class="separator">/</span>
|
|
1345
1345
|
</span>
|
|
1346
1346
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
1347
|
-
</uui-responsive-container>`}},
|
|
1347
|
+
</uui-responsive-container>`}},s.UUIBreadcrumbsElement.styles=[b`
|
|
1348
1348
|
:host {
|
|
1349
1349
|
display: flex;
|
|
1350
1350
|
}
|
|
@@ -1375,11 +1375,11 @@
|
|
|
1375
1375
|
color: var(--uui-color-border,#d8d7d9); /* Matches breadcrumb separator */
|
|
1376
1376
|
margin-left: var(--uui-size-2,6px);
|
|
1377
1377
|
}
|
|
1378
|
-
`],Ia([Pe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],
|
|
1378
|
+
`],Ia([Pe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],s.UUIBreadcrumbsElement.prototype,"slotNodes",2),s.UUIBreadcrumbsElement=Ia([p("uui-breadcrumbs")],s.UUIBreadcrumbsElement);/**
|
|
1379
1379
|
* @license
|
|
1380
1380
|
* Copyright 2018 Google LLC
|
|
1381
1381
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1382
|
-
*/const Ca="important",
|
|
1382
|
+
*/const Ca="important",cd=" !"+Ca,Be=Rt(class extends Ft{constructor(i){var e;if(super(i),i.type!==he.ATTRIBUTE||i.name!=="style"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(i){return Object.keys(i).reduce(((e,t)=>{const r=i[t];return r==null?e:e+`${t=t.includes("-")?t:t.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`}),"")}update(i,[e]){const{style:t}=i.element;if(this.ht===void 0){this.ht=new Set;for(const r in e)this.ht.add(r);return this.render(e)}this.ht.forEach((r=>{e[r]==null&&(this.ht.delete(r),r.includes("-")?t.removeProperty(r):t[r]="")}));for(const r in e){const o=e[r];if(o!=null){this.ht.add(r);const n=typeof o=="string"&&o.endsWith(cd);r.includes("-")||n?t.setProperty(r,n?o.slice(0,-11):o,n?Ca:""):t[r]=o}}return ee}});let rn=class extends z{static{this.CLICK="click"}constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t})}};var hd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,Sa=i=>{throw TypeError(i)},_t=(i,e,t,r)=>{for(var o=r>1?void 0:r?dd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hd(e,t,o),o},pd=(i,e,t)=>e.has(i)||Sa("Cannot "+t),bd=(i,e,t)=>e.has(i)?Sa("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),xo=(i,e,t)=>(pd(i,e,"access private method"),t),qt,nn,Aa,Pa;s.UUIButtonInlineCreateElement=class extends g{constructor(){super(...arguments),bd(this,qt),this._position=0,this.vertical=!1}_onMouseMove(e){this._position=(this.vertical?e.offsetY:e.offsetX)-5}_handleClick(e){e.preventDefault(),e.stopImmediatePropagation(),e.target?.blur?.(),this.dispatchEvent(new rn(rn.CLICK))}render(){return this.href?xo(this,qt,Aa).call(this):xo(this,qt,Pa).call(this)}},qt=new WeakSet,nn=function(){return c`
|
|
1383
1383
|
<div
|
|
1384
1384
|
id="plus"
|
|
1385
1385
|
style=${Be({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
@@ -1407,7 +1407,7 @@
|
|
|
1407
1407
|
aria-label=${this.label?this.label:"create new element"}>
|
|
1408
1408
|
${xo(this,qt,nn).call(this)}
|
|
1409
1409
|
</button>
|
|
1410
|
-
`},
|
|
1410
|
+
`},s.UUIButtonInlineCreateElement.styles=[Nh,b`
|
|
1411
1411
|
:host {
|
|
1412
1412
|
display: flex;
|
|
1413
1413
|
position: relative;
|
|
@@ -1461,7 +1461,7 @@
|
|
|
1461
1461
|
:host(:focus) #button-wrapper:before,
|
|
1462
1462
|
:host(:focus-within) #button-wrapper:before,
|
|
1463
1463
|
:host(:hover) #button-wrapper:before {
|
|
1464
|
-
animation: ${
|
|
1464
|
+
animation: ${Bh};
|
|
1465
1465
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1466
1466
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
1467
1467
|
}
|
|
@@ -1564,17 +1564,17 @@
|
|
|
1564
1564
|
#button-wrapper:active #plus {
|
|
1565
1565
|
transform: scale(1.1);
|
|
1566
1566
|
}
|
|
1567
|
-
`],_t([$()],
|
|
1567
|
+
`],_t([$()],s.UUIButtonInlineCreateElement.prototype,"_position",2),_t([l({type:String})],s.UUIButtonInlineCreateElement.prototype,"label",2),_t([l({type:Boolean,reflect:!0})],s.UUIButtonInlineCreateElement.prototype,"vertical",2),_t([l({type:String})],s.UUIButtonInlineCreateElement.prototype,"href",2),_t([l({type:String})],s.UUIButtonInlineCreateElement.prototype,"target",2),_t([l({type:String})],s.UUIButtonInlineCreateElement.prototype,"rel",2),s.UUIButtonInlineCreateElement=_t([p("uui-button-inline-create")],s.UUIButtonInlineCreateElement);let Oi=class extends z{constructor(){super(...arguments),this.text=null}static{this.COPIED="copied"}static{this.COPYING="copying"}};var md=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,za=i=>{throw TypeError(i)},Io=(i,e,t,r)=>{for(var o=r>1?void 0:r?vd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&md(e,t,o),o},Oa=(i,e,t)=>e.has(i)||za("Cannot "+t),sn=(i,e,t)=>(Oa(i,e,"read from private field"),t?t.call(i):e.get(i)),La=(i,e,t)=>e.has(i)?za("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),gd=(i,e,t,r)=>(Oa(i,e,"write to private field"),e.set(i,t),t),Li,an;s.UUIButtonCopyTextElement=class extends s.UUIButtonElement{constructor(){super(),this.text="",this.copyFrom="",this.animationStateDelay=250,La(this,Li),La(this,an,async()=>{this.state="waiting";let e=this.text;if(this.copyFrom){const r=document.getElementById(this.copyFrom);if(r)"value"in r?e=r.value:e=r.textContent??r.innerText??"";else{console.error(`Element ID ${this.copyFrom} not found to copy from`),this.state="failed";return}}const t=new Oi(Oi.COPYING);t.text=e,this.dispatchEvent(t),t.text!=null&&(e=t.text);try{await navigator.clipboard.writeText(e);const r=new Oi(Oi.COPIED);r.text=e,this.dispatchEvent(r),gd(this,Li,setTimeout(()=>{this.state="success"},this.animationStateDelay))}catch(r){this.state="failed",console.error("Error copying to clipboard",r)}}),_(this,"uui-icon"),this.addEventListener("click",sn(this,an))}disconnectedCallback(){super.disconnectedCallback(),sn(this,Li)&&clearTimeout(sn(this,Li))}renderLabel(){return c`
|
|
1568
1568
|
<slot class="label">
|
|
1569
1569
|
<uui-icon name="copy"></uui-icon>
|
|
1570
1570
|
</slot>
|
|
1571
|
-
`}},Li=new WeakMap,an=new WeakMap,
|
|
1571
|
+
`}},Li=new WeakMap,an=new WeakMap,s.UUIButtonCopyTextElement.styles=s.UUIButtonElement.styles,Io([l({type:String})],s.UUIButtonCopyTextElement.prototype,"text",2),Io([l({type:String,attribute:"copy-from"})],s.UUIButtonCopyTextElement.prototype,"copyFrom",2),Io([l({type:Number,attribute:"animation-state-delay"})],s.UUIButtonCopyTextElement.prototype,"animationStateDelay",2),s.UUIButtonCopyTextElement=Io([p("uui-button-copy-text")],s.UUIButtonCopyTextElement);var fd=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUICheckboxElement=class extends ce{renderCheckbox(){return c`
|
|
1572
1572
|
<div id="ticker">
|
|
1573
1573
|
<div id="icon-check">
|
|
1574
|
-
${this.indeterminate?
|
|
1574
|
+
${this.indeterminate?Fh:Uo}
|
|
1575
1575
|
</div>
|
|
1576
1576
|
</div>
|
|
1577
|
-
`}},
|
|
1577
|
+
`}},s.UUICheckboxElement.formAssociated=!0,s.UUICheckboxElement.styles=[...ce.styles,$o,b`
|
|
1578
1578
|
:host {
|
|
1579
1579
|
--uui-checkbox-size: 18px;
|
|
1580
1580
|
}
|
|
@@ -1776,7 +1776,7 @@
|
|
|
1776
1776
|
:host([disabled]) input:indeterminate + #ticker #icon-check {
|
|
1777
1777
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1778
1778
|
}
|
|
1779
|
-
`],
|
|
1779
|
+
`],s.UUICheckboxElement=fd([p("uui-checkbox")],s.UUICheckboxElement);let Mi=class extends z{static{this.OPEN="open"}};var yd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,Kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?wd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&yd(e,t,o),o};s.UUICardElement=class extends fo(Dt(g)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Mi(Mi.OPEN)))}handleOpenKeydown(e){this.disabled||e.key==="Enter"&&(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new Mi(Mi.OPEN)))}renderCheckbox(){if(this.selectable)return c`
|
|
1780
1780
|
<uui-checkbox
|
|
1781
1781
|
id="select-checkbox"
|
|
1782
1782
|
label="select"
|
|
@@ -1786,7 +1786,7 @@
|
|
|
1786
1786
|
@change=${()=>this.click()}>
|
|
1787
1787
|
</uui-checkbox>
|
|
1788
1788
|
`}render(){return c`<slot id="open-part"></slot>
|
|
1789
|
-
<div id="select-border"></div>`}},
|
|
1789
|
+
<div id="select-border"></div>`}},s.UUICardElement.styles=[Nt,b`
|
|
1790
1790
|
:host {
|
|
1791
1791
|
position: relative;
|
|
1792
1792
|
display: flex;
|
|
@@ -1948,7 +1948,7 @@
|
|
|
1948
1948
|
#select-checkbox[checked] {
|
|
1949
1949
|
opacity: 1;
|
|
1950
1950
|
}
|
|
1951
|
-
`],Kt([l({type:Boolean,reflect:!0,attribute:"disabled"})],
|
|
1951
|
+
`],Kt([l({type:Boolean,reflect:!0,attribute:"disabled"})],s.UUICardElement.prototype,"disabled",2),Kt([l({type:Boolean,reflect:!0})],s.UUICardElement.prototype,"error",2),Kt([l({type:String})],s.UUICardElement.prototype,"href",2),Kt([l({type:String})],s.UUICardElement.prototype,"target",2),Kt([l({type:String})],s.UUICardElement.prototype,"rel",2),s.UUICardElement=Kt([p("uui-card")],s.UUICardElement);var $d=Object.defineProperty,_d=Object.getOwnPropertyDescriptor,Ma=i=>{throw TypeError(i)},Co=(i,e,t,r)=>{for(var o=r>1?void 0:r?_d(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&$d(e,t,o),o},Ud=(i,e,t)=>e.has(i)||Ma("Cannot "+t),kd=(i,e,t)=>e.has(i)?Ma("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ti=(i,e,t)=>(Ud(i,e,"access private method"),t),Ut,Ta,Na,Ba,ln;s.UUICardBlockTypeElement=class extends s.UUICardElement{constructor(){super(...arguments),kd(this,Ut),this.name=""}get background(){}set background(e){this.style.backgroundColor=e??""}render(){return c`
|
|
1952
1952
|
${Ti(this,Ut,Ba).call(this)}
|
|
1953
1953
|
${this.href?Ti(this,Ut,Na).call(this):Ti(this,Ut,Ta).call(this)}
|
|
1954
1954
|
<!-- Select border must be right after #open-part -->
|
|
@@ -1982,7 +1982,7 @@
|
|
|
1982
1982
|
<span title="${this.name}" id="name">${this.name}</span>
|
|
1983
1983
|
<small title="${w(this.description)}">${this.description}<slot name="description"></slot></small>
|
|
1984
1984
|
</div></div>
|
|
1985
|
-
`},
|
|
1985
|
+
`},s.UUICardBlockTypeElement.styles=[...s.UUICardElement.styles,b`
|
|
1986
1986
|
:host {
|
|
1987
1987
|
background-color: var(--uui-color-surface-alt,#f3f3f5);
|
|
1988
1988
|
}
|
|
@@ -2124,7 +2124,7 @@
|
|
|
2124
2124
|
calc(var(--uui-size-space-4,12px) * -1);
|
|
2125
2125
|
top: 0;
|
|
2126
2126
|
}
|
|
2127
|
-
`],Co([l({type:String})],
|
|
2127
|
+
`],Co([l({type:String})],s.UUICardBlockTypeElement.prototype,"name",2),Co([l({type:String})],s.UUICardBlockTypeElement.prototype,"description",2),Co([l({type:String,attribute:"background"})],s.UUICardBlockTypeElement.prototype,"background",1),s.UUICardBlockTypeElement=Co([p("uui-card-block-type")],s.UUICardBlockTypeElement);var Ed=Object.defineProperty,xd=Object.getOwnPropertyDescriptor,Da=i=>{throw TypeError(i)},So=(i,e,t,r)=>{for(var o=r>1?void 0:r?xd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ed(e,t,o),o},Id=(i,e,t)=>e.has(i)||Da("Cannot "+t),Cd=(i,e,t)=>e.has(i)?Da("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ao=(i,e,t)=>(Id(i,e,"access private method"),t),Xt,un,Va,Ha;s.UUICardContentNodeElement=class extends s.UUICardElement{constructor(){super(...arguments),Cd(this,Xt),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
2128
2128
|
xmlns="http://www.w3.org/2000/svg"
|
|
2129
2129
|
viewBox="0 0 24 24"
|
|
2130
2130
|
fill="none"
|
|
@@ -2174,7 +2174,7 @@
|
|
|
2174
2174
|
rel=${w(this.rel||e)}>
|
|
2175
2175
|
${Ao(this,Xt,un).call(this)}
|
|
2176
2176
|
</a>
|
|
2177
|
-
`},
|
|
2177
|
+
`},s.UUICardContentNodeElement.styles=[...s.UUICardElement.styles,b`
|
|
2178
2178
|
:host {
|
|
2179
2179
|
min-width: 250px;
|
|
2180
2180
|
flex-direction: column;
|
|
@@ -2281,7 +2281,7 @@
|
|
|
2281
2281
|
top: var(--uui-size-5,15px);
|
|
2282
2282
|
left: var(--uui-size-6,18px);
|
|
2283
2283
|
}
|
|
2284
|
-
`],So([l({type:String})],
|
|
2284
|
+
`],So([l({type:String})],s.UUICardContentNodeElement.prototype,"name",2),So([l({type:String})],s.UUICardContentNodeElement.prototype,"detail",2),So([$()],s.UUICardContentNodeElement.prototype,"_iconSlotHasContent",2),s.UUICardContentNodeElement=So([p("uui-card-content-node")],s.UUICardContentNodeElement);var Sd=Object.defineProperty,Ad=Object.getOwnPropertyDescriptor,ja=i=>{throw TypeError(i)},Ni=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ad(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Sd(e,t,o),o},Pd=(i,e,t)=>e.has(i)||ja("Cannot "+t),zd=(i,e,t)=>e.has(i)?ja("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Po=(i,e,t)=>(Pd(i,e,"access private method"),t),Yt,Ra,Fa,cn;s.UUICardMediaElement=class extends s.UUICardElement{constructor(){super(...arguments),zd(this,Yt),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}queryPreviews(e){this.hasPreview=e.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?c`<uui-symbol-folder id="entity-symbol"></uui-symbol-folder>`:c`<uui-symbol-file
|
|
2285
2285
|
id="entity-symbol"
|
|
2286
2286
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return c` ${this.renderMedia()}
|
|
2287
2287
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
@@ -2315,7 +2315,7 @@
|
|
|
2315
2315
|
<span id="name" title="${this.name}">${this.name}</span>
|
|
2316
2316
|
<small id="detail">${this.detail}<slot name="detail"></slot></small>
|
|
2317
2317
|
</div>
|
|
2318
|
-
`},
|
|
2318
|
+
`},s.UUICardMediaElement.styles=[...s.UUICardElement.styles,b`
|
|
2319
2319
|
#entity-symbol {
|
|
2320
2320
|
align-self: center;
|
|
2321
2321
|
width: 60%;
|
|
@@ -2454,7 +2454,7 @@
|
|
|
2454
2454
|
height: var(--uui-size-8);
|
|
2455
2455
|
}
|
|
2456
2456
|
*/
|
|
2457
|
-
`],Ni([l({type:String})],
|
|
2457
|
+
`],Ni([l({type:String})],s.UUICardMediaElement.prototype,"name",2),Ni([l({type:String})],s.UUICardMediaElement.prototype,"detail",2),Ni([l({type:String,attribute:"file-ext"})],s.UUICardMediaElement.prototype,"fileExt",2),Ni([$()],s.UUICardMediaElement.prototype,"hasPreview",2),s.UUICardMediaElement=Ni([p("uui-card-media")],s.UUICardMediaElement);var Od=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,Ga=i=>{throw TypeError(i)},hn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ld(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Od(e,t,o),o},Md=(i,e,t)=>e.has(i)||Ga("Cannot "+t),Td=(i,e,t)=>e.has(i)?Ga("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),zo=(i,e,t)=>(Md(i,e,"access private method"),t),Zt,Wa,qa,dn;s.UUICardUserElement=class extends s.UUICardElement{constructor(){super(...arguments),Td(this,Zt),this.name="",this._avatarSlotHasContent=!1,this._avatarSlotChanged=e=>{this._avatarSlotHasContent=Oh(e.target)}}connectedCallback(){super.connectedCallback(),_(this,"uui-avatar")}render(){return c`
|
|
2458
2458
|
${this.href?zo(this,Zt,qa).call(this):zo(this,Zt,Wa).call(this)}
|
|
2459
2459
|
<!-- Select border must be right after #open-part -->
|
|
2460
2460
|
<div id="select-border"></div>
|
|
@@ -2491,7 +2491,7 @@
|
|
|
2491
2491
|
<span title="${this.name}">${this.name}</span>
|
|
2492
2492
|
<slot></slot>
|
|
2493
2493
|
</div>
|
|
2494
|
-
`},
|
|
2494
|
+
`},s.UUICardUserElement.styles=[...s.UUICardElement.styles,b`
|
|
2495
2495
|
:host {
|
|
2496
2496
|
min-width: 250px;
|
|
2497
2497
|
}
|
|
@@ -2577,7 +2577,7 @@
|
|
|
2577
2577
|
margin-top: var(--uui-size-space-1,3px);
|
|
2578
2578
|
margin-bottom: var(--uui-size-space-2,6px);
|
|
2579
2579
|
}
|
|
2580
|
-
`],hn([l({type:String})],
|
|
2580
|
+
`],hn([l({type:String})],s.UUICardUserElement.prototype,"name",2),hn([$()],s.UUICardUserElement.prototype,"_avatarSlotHasContent",2),s.UUICardUserElement=hn([p("uui-card-user")],s.UUICardUserElement);var Nd=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,Ka=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Nd(e,t,o),o};s.UUICaretElement=class extends g{constructor(){super(),this.open=!1,console.error("\xB4uui-caret\xB4 is deprecated, please use \xB4uui-symbol-expand\xB4 or \xB4uui-symbol-sort\xB4")}render(){return c`<svg
|
|
2581
2581
|
xmlns="http://www.w3.org/2000/svg"
|
|
2582
2582
|
viewBox="0 0 24 24"
|
|
2583
2583
|
fill="none"
|
|
@@ -2586,7 +2586,7 @@
|
|
|
2586
2586
|
stroke-linecap="round"
|
|
2587
2587
|
stroke-linejoin="round">
|
|
2588
2588
|
<path d="m4 9 8 8 8-8"></path>
|
|
2589
|
-
</svg>`}},
|
|
2589
|
+
</svg>`}},s.UUICaretElement.styles=[b`
|
|
2590
2590
|
:host {
|
|
2591
2591
|
display: inline-block;
|
|
2592
2592
|
width: 12px;
|
|
@@ -2600,11 +2600,11 @@
|
|
|
2600
2600
|
:host([open]) svg {
|
|
2601
2601
|
transform: rotate(180deg);
|
|
2602
2602
|
}
|
|
2603
|
-
`],Ka([l({type:Boolean,reflect:!0})],
|
|
2603
|
+
`],Ka([l({type:Boolean,reflect:!0})],s.UUICaretElement.prototype,"open",2),s.UUICaretElement=Ka([p("uui-caret")],s.UUICaretElement);/**
|
|
2604
2604
|
* @license
|
|
2605
2605
|
* Copyright 2018 Google LLC
|
|
2606
2606
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2607
|
-
*/const pn=Rt(class extends Ft{constructor(i){var e;if(super(i),i.type!==he.ATTRIBUTE||i.name!=="class"||((e=i.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(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[e]){var t,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((
|
|
2607
|
+
*/const pn=Rt(class extends Ft{constructor(i){var e;if(super(i),i.type!==he.ATTRIBUTE||i.name!=="class"||((e=i.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(i){return" "+Object.keys(i).filter((e=>i[e])).join(" ")+" "}update(i,[e]){var t,r;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter((n=>n!==""))));for(const n in e)e[n]&&!(!((t=this.nt)===null||t===void 0)&&t.has(n))&&this.it.add(n);return this.render(e)}const o=i.element.classList;this.it.forEach((n=>{n in e||(o.remove(n),this.it.delete(n))}));for(const n in e){const a=!!e[n];a===this.it.has(n)||!((r=this.nt)===null||r===void 0)&&r.has(n)||(a?(o.add(n),this.it.add(n)):(o.remove(n),this.it.delete(n)))}return ee}});var Dd={grad:.9,turn:360,rad:360/(2*Math.PI)},De=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},j=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},re=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},Xa=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},Ya=function(i){return{r:re(i.r,0,255),g:re(i.g,0,255),b:re(i.b,0,255),a:re(i.a)}},bn=function(i){return{r:j(i.r),g:j(i.g),b:j(i.b),a:j(i.a,3)}},Vd=/^#([0-9a-f]{3,8})$/i,Oo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},Za=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=Math.max(e,t,r),a=n-Math.min(e,t,r),h=a?n===e?(t-r)/a:n===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:n?a/n*100:0,v:n/255*100,a:o}},Ja=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var n=Math.floor(e),a=r*(1-t),h=r*(1-(e-n)*t),u=r*(1-(1-e+n)*t),d=n%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},Qa=function(i){return{h:Xa(i.h),s:re(i.s,0,100),l:re(i.l,0,100),a:re(i.a)}},el=function(i){return{h:j(i.h),s:j(i.s),l:j(i.l),a:j(i.a,3)}},tl=function(i){return Ja((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Bi=function(i){return{h:(e=Za(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Hd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,jd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Fd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,il={string:[[function(i){var e=Vd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?j(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?j(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Rd.exec(i)||Fd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ya({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(i){var e=Hd.exec(i)||jd.exec(i);if(!e)return null;var t,r,o=Qa({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Dd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return tl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=o===void 0?1:o;return De(e)&&De(t)&&De(r)?Ya({r:Number(e),g:Number(t),b:Number(r),a:Number(n)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,n=o===void 0?1:o;if(!De(e)||!De(t)||!De(r))return null;var a=Qa({h:Number(e),s:Number(t),l:Number(r),a:Number(n)});return tl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,n=o===void 0?1:o;if(!De(e)||!De(t)||!De(r))return null;var a=(function(h){return{h:Xa(h.h),s:re(h.s,0,100),v:re(h.v,0,100),a:re(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(n)});return Ja(a)},"hsv"]]},ol=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},Gd=function(i){return typeof i=="string"?ol(i.trim(),il.string):typeof i=="object"&&i!==null?ol(i,il.object):[null,void 0]},mn=function(i,e){var t=Bi(i);return{h:t.h,s:re(t.s+100*e,0,100),l:t.l,a:t.a}},vn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},rl=function(i,e){var t=Bi(i);return{h:t.h,s:t.s,l:re(t.l+100*e,0,100),a:t.a}},nl=(function(){function i(e){this.parsed=Gd(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return j(vn(this.rgba),2)},i.prototype.isDark=function(){return vn(this.rgba)<.5},i.prototype.isLight=function(){return vn(this.rgba)>=.5},i.prototype.toHex=function(){return e=bn(this.rgba),t=e.r,r=e.g,o=e.b,a=(n=e.a)<1?Oo(j(255*n)):"","#"+Oo(t)+Oo(r)+Oo(o)+a;var e,t,r,o,n,a},i.prototype.toRgb=function(){return bn(this.rgba)},i.prototype.toRgbString=function(){return e=bn(this.rgba),t=e.r,r=e.g,o=e.b,(n=e.a)<1?"rgba("+t+", "+r+", "+o+", "+n+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,n},i.prototype.toHsl=function(){return el(Bi(this.rgba))},i.prototype.toHslString=function(){return e=el(Bi(this.rgba)),t=e.h,r=e.s,o=e.l,(n=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+n+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,n},i.prototype.toHsv=function(){return e=Za(this.rgba),{h:j(e.h),s:j(e.s),v:j(e.v),a:j(e.a,3)};var e},i.prototype.invert=function(){return ne({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),ne(mn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),ne(mn(this.rgba,-e))},i.prototype.grayscale=function(){return ne(mn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),ne(rl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),ne(rl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?ne({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):j(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Bi(this.rgba);return typeof e=="number"?ne({h:e,s:t.s,l:t.l,a:t.a}):j(t.h)},i.prototype.isEqual=function(e){return this.toHex()===ne(e).toHex()},i})(),ne=function(i){return i instanceof nl?i:new nl(i)};let gn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Wd=Object.defineProperty,qd=Object.getOwnPropertyDescriptor,Ee=(i,e,t,r)=>{for(var o=r>1?void 0:r?qd(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wd(e,t,o),o};s.UUIColorAreaElement=class extends g{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.disabled=!1,this.readonly=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000"}get value(){return this._value}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t);try{const r=ne(e);if(r.isValid()){const{h:o,s:n,l:a,a:h}=r.toHsl();o!==0&&(this.hue=o),this.lightness=a,this.saturation=n,this.brightness=this.getBrightness(a),this.alpha=h*100}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(e){if(this.disabled||this.readonly)return;const t=this.shadowRoot.querySelector(".color-area"),r=t.querySelector(".color-area__handle"),{width:o,height:n}=t.getBoundingClientRect();r.focus(),e.preventDefault(),e.stopPropagation(),this.isDraggingGridHandle=!0,da(t,{onMove:(a,h)=>{isNaN(a)||isNaN(h)||(this.saturation=O(a/o*100,0,100),this.brightness=O(100-h/n*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:e})}handleGridKeyDown(e){if(this.disabled)return;const t=e.shiftKey?10:1;e.key==="ArrowLeft"&&(e.preventDefault(),this.saturation=O(this.saturation-t,0,100),this.syncValues()),e.key==="ArrowRight"&&(e.preventDefault(),this.saturation=O(this.saturation+t,0,100),this.syncValues()),e.key==="ArrowUp"&&(e.preventDefault(),this.brightness=O(this.brightness+t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),e.key==="ArrowDown"&&(e.preventDefault(),this.brightness=O(this.brightness-t,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}syncValues(){const e=ne({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=e.toRgbString(),this.dispatchEvent(new gn(gn.CHANGE))}getHexString(e,t,r,o=100){const n=ne(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return n.isValid()?n.toHex():""}render(){const e=this.saturation,t=100-this.brightness;return c`
|
|
2608
2608
|
<div
|
|
2609
2609
|
part="grid"
|
|
2610
2610
|
class="color-area"
|
|
@@ -2620,7 +2620,7 @@
|
|
|
2620
2620
|
aria-label="HSB"
|
|
2621
2621
|
@keydown=${this.handleGridKeyDown}></span>
|
|
2622
2622
|
</div>
|
|
2623
|
-
`}},
|
|
2623
|
+
`}},s.UUIColorAreaElement.styles=[b`
|
|
2624
2624
|
:host {
|
|
2625
2625
|
display: inline-block;
|
|
2626
2626
|
width: 280px;
|
|
@@ -2676,11 +2676,11 @@
|
|
|
2676
2676
|
.color-area__handle--empty {
|
|
2677
2677
|
display: none;
|
|
2678
2678
|
}
|
|
2679
|
-
`],Ee([$()],
|
|
2679
|
+
`],Ee([$()],s.UUIColorAreaElement.prototype,"isDraggingGridHandle",2),Ee([l({type:Boolean,reflect:!0})],s.UUIColorAreaElement.prototype,"disabled",2),Ee([l({type:Boolean,reflect:!0})],s.UUIColorAreaElement.prototype,"readonly",2),Ee([l({type:Number})],s.UUIColorAreaElement.prototype,"hue",2),Ee([l({type:Number})],s.UUIColorAreaElement.prototype,"saturation",2),Ee([l({type:Number})],s.UUIColorAreaElement.prototype,"lightness",2),Ee([l({type:Number})],s.UUIColorAreaElement.prototype,"brightness",2),Ee([l({type:Number})],s.UUIColorAreaElement.prototype,"alpha",2),Ee([l({type:String})],s.UUIColorAreaElement.prototype,"value",1),s.UUIColorAreaElement=Ee([p("uui-color-area")],s.UUIColorAreaElement);/**
|
|
2680
2680
|
* @license
|
|
2681
2681
|
* Copyright 2020 Google LLC
|
|
2682
2682
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2683
|
-
*/const qd=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===ee||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return ee}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return ee}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return ee;return va(i),e}});var Kd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},sl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},al=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},fn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},Xd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ll=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),h=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:s?a/s*100:0,v:s/255*100,a:o}},ul=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),h=r*(1-(e-s)*t),u=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},cl=function(i){return{h:sl(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},hl=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},dl=function(i){return ul((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Di=function(i){return{h:(e=ll(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Yd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Jd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Qd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yn={string:[[function(i){var e=Xd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?R(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?R(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Jd.exec(i)||Qd.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:al({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(i){var e=Yd.exec(i)||Zd.exec(i);if(!e)return null;var t,r,o=cl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Kd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return dl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return Ve(e)&&Ve(t)&&Ve(r)?al({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=cl({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return dl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=(function(h){return{h:sl(h.h),s:se(h.s,0,100),v:se(h.v,0,100),a:se(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return ul(a)},"hsv"]]},pl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},ep=function(i){return typeof i=="string"?pl(i.trim(),yn.string):typeof i=="object"&&i!==null?pl(i,yn.object):[null,void 0]},wn=function(i,e){var t=Di(i);return{h:t.h,s:se(t.s+100*e,0,100),l:t.l,a:t.a}},$n=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},bl=function(i,e){var t=Di(i);return{h:t.h,s:t.s,l:se(t.l+100*e,0,100),a:t.a}},Mo=(function(){function i(e){this.parsed=ep(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return R($n(this.rgba),2)},i.prototype.isDark=function(){return $n(this.rgba)<.5},i.prototype.isLight=function(){return $n(this.rgba)>=.5},i.prototype.toHex=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?Lo(R(255*s)):"","#"+Lo(t)+Lo(r)+Lo(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return fn(this.rgba)},i.prototype.toRgbString=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return hl(Di(this.rgba))},i.prototype.toHslString=function(){return e=hl(Di(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=ll(this.rgba),{h:R(e.h),s:R(e.s),v:R(e.v),a:R(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(wn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):R(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Di(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):R(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i})(),pe=function(i){return i instanceof Mo?i:new Mo(i)},ml=[],tp=function(i){i.forEach(function(e){ml.indexOf(e)<0&&(e(Mo,yn),ml.push(e))})};function ip(i,e){var t={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"},r={};for(var o in t)r[t[o]]=o;var s={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var h,u,d=r[this.toHex()];if(d)return d;if(a?.closest){var m=this.toRgb(),v=1/0,y="black";if(!s.length)for(var U in t)s[U]=new i(t[U]).toRgb();for(var I in t){var P=(h=m,u=s[I],Math.pow(h.r-u.r,2)+Math.pow(h.g-u.g,2)+Math.pow(h.b-u.b,2));P<v&&(v=P,y=I)}return y}},e.string.push([function(a){var h=a.toLowerCase(),u=h==="transparent"?"#0000":t[h];return u?new i(u).toRgb():null},"name"])}let Vi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var op=Object.defineProperty,rp=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?rp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&op(e,t,o),o};tp([ip]);const vl="EyeDropper"in window;n.UUIColorPickerElement=class extends ye("label",g){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=pe("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:s,g:a,b:h}=this._colord.toRgb(),{h:u,s:d,l:m}=this._colord.toHsl(),{v}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${s}, ${a}, ${h})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${d}%, ${v}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(r)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(t)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}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")})})}handleEyeDropper(){vl&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=100,this.inputValue="",this._value=e,this.dispatchEvent(new Vi(Vi.CHANGE)),!0;const t=new Mo(e),{h:r,s:o,l:s,a}=t.toHsl();this.hue=r,this.saturation=o,this.lightness=s,this.alpha=this.opacity?a*100:100;const h=e;return h&&h.h&&(this.hue=h.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Vi(Vi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,r,o=100){const s=pe(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return s.isValid()?s.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return c`
|
|
2683
|
+
*/const Kd=Rt(class extends Ft{constructor(i){if(super(i),i.type!==he.PROPERTY&&i.type!==he.ATTRIBUTE&&i.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!ba(i))throw Error("`live` bindings can only contain a single expression")}render(i){return i}update(i,[e]){if(e===ee||e===T)return e;const t=i.element,r=i.name;if(i.type===he.PROPERTY){if(e===t[r])return ee}else if(i.type===he.BOOLEAN_ATTRIBUTE){if(!!e===t.hasAttribute(r))return ee}else if(i.type===he.ATTRIBUTE&&t.getAttribute(r)===e+"")return ee;return va(i),e}});var Xd={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},R=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},se=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},sl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},al=function(i){return{r:se(i.r,0,255),g:se(i.g,0,255),b:se(i.b,0,255),a:se(i.a)}},fn=function(i){return{r:R(i.r),g:R(i.g),b:R(i.b),a:R(i.a,3)}},Yd=/^#([0-9a-f]{3,8})$/i,Lo=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},ll=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=Math.max(e,t,r),a=n-Math.min(e,t,r),h=a?n===e?(t-r)/a:n===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:n?a/n*100:0,v:n/255*100,a:o}},ul=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var n=Math.floor(e),a=r*(1-t),h=r*(1-(e-n)*t),u=r*(1-(1-e+n)*t),d=n%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},cl=function(i){return{h:sl(i.h),s:se(i.s,0,100),l:se(i.l,0,100),a:se(i.a)}},hl=function(i){return{h:R(i.h),s:R(i.s),l:R(i.l),a:R(i.a,3)}},dl=function(i){return ul((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Di=function(i){return{h:(e=ll(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},Zd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Jd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Qd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ep=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yn={string:[[function(i){var e=Yd.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?R(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?R(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=Qd.exec(i)||ep.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:al({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(i){var e=Zd.exec(i)||Jd.exec(i);if(!e)return null;var t,r,o=cl({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(Xd[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return dl(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=o===void 0?1:o;return Ve(e)&&Ve(t)&&Ve(r)?al({r:Number(e),g:Number(t),b:Number(r),a:Number(n)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,n=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=cl({h:Number(e),s:Number(t),l:Number(r),a:Number(n)});return dl(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,n=o===void 0?1:o;if(!Ve(e)||!Ve(t)||!Ve(r))return null;var a=(function(h){return{h:sl(h.h),s:se(h.s,0,100),v:se(h.v,0,100),a:se(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(n)});return ul(a)},"hsv"]]},pl=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},tp=function(i){return typeof i=="string"?pl(i.trim(),yn.string):typeof i=="object"&&i!==null?pl(i,yn.object):[null,void 0]},wn=function(i,e){var t=Di(i);return{h:t.h,s:se(t.s+100*e,0,100),l:t.l,a:t.a}},$n=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},bl=function(i,e){var t=Di(i);return{h:t.h,s:t.s,l:se(t.l+100*e,0,100),a:t.a}},Mo=(function(){function i(e){this.parsed=tp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return R($n(this.rgba),2)},i.prototype.isDark=function(){return $n(this.rgba)<.5},i.prototype.isLight=function(){return $n(this.rgba)>=.5},i.prototype.toHex=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,a=(n=e.a)<1?Lo(R(255*n)):"","#"+Lo(t)+Lo(r)+Lo(o)+a;var e,t,r,o,n,a},i.prototype.toRgb=function(){return fn(this.rgba)},i.prototype.toRgbString=function(){return e=fn(this.rgba),t=e.r,r=e.g,o=e.b,(n=e.a)<1?"rgba("+t+", "+r+", "+o+", "+n+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,n},i.prototype.toHsl=function(){return hl(Di(this.rgba))},i.prototype.toHslString=function(){return e=hl(Di(this.rgba)),t=e.h,r=e.s,o=e.l,(n=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+n+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,n},i.prototype.toHsv=function(){return e=ll(this.rgba),{h:R(e.h),s:R(e.s),v:R(e.v),a:R(e.a,3)};var e},i.prototype.invert=function(){return pe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),pe(wn(this.rgba,-e))},i.prototype.grayscale=function(){return pe(wn(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),pe(bl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?pe({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):R(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Di(this.rgba);return typeof e=="number"?pe({h:e,s:t.s,l:t.l,a:t.a}):R(t.h)},i.prototype.isEqual=function(e){return this.toHex()===pe(e).toHex()},i})(),pe=function(i){return i instanceof Mo?i:new Mo(i)},ml=[],ip=function(i){i.forEach(function(e){ml.indexOf(e)<0&&(e(Mo,yn),ml.push(e))})};function op(i,e){var t={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"},r={};for(var o in t)r[t[o]]=o;var n={};i.prototype.toName=function(a){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var h,u,d=r[this.toHex()];if(d)return d;if(a?.closest){var m=this.toRgb(),v=1/0,y="black";if(!n.length)for(var U in t)n[U]=new i(t[U]).toRgb();for(var I in t){var P=(h=m,u=n[I],Math.pow(h.r-u.r,2)+Math.pow(h.g-u.g,2)+Math.pow(h.b-u.b,2));P<v&&(v=P,y=I)}return y}},e.string.push([function(a){var h=a.toLowerCase(),u=h==="transparent"?"#0000":t[h];return u?new i(u).toRgb():null},"name"])}let Vi=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var rp=Object.defineProperty,np=Object.getOwnPropertyDescriptor,D=(i,e,t,r)=>{for(var o=r>1?void 0:r?np(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&rp(e,t,o),o};ip([op]);const vl="EyeDropper"in window;s.UUIColorPickerElement=class extends ye("label",g){constructor(){super(...arguments),this._value="",this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=pe("hsl(0, 0%, 0%)"),this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.readonly=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}set value(e){this.value!==e&&this.setColor(e),this._value=e}get value(){return this._value}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider"),_(this,"uui-popover-container")}getFormattedValue(e){const t=this.opacity?`${e}a`:e,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:n,g:a,b:h}=this._colord.toRgb(),{h:u,s:d,l:m}=this._colord.toHsl(),{v}=this._colord.toHsv(),y=this._colord.alpha();switch(t){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${n}, ${a}, ${h})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${d}%, ${m}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${d}%, ${m}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${d}%, ${v}%, ${y})`);default:return""}}getBrightness(e){return O(-1*(200*e/(this.saturation-200)),0,100)}getLightness(e){return O((200-this.saturation)*e/100*5/10,0,100)}handleFormatToggle(){const e=["hex","rgb","hsl","hsv"],t=(e.indexOf(this.format)+1)%e.length;this.format=e[t],this._syncValues()}handleAlphaChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(t.value)/100};this.setColor(r)}handleHueChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t={h:e.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(t)}handleGridChange(e){e.stopPropagation(),this._swatches?.resetSelection();const t=e.target,r={h:this.hue,s:t.saturation,l:t.lightness,a:this.alpha/100};this.setColor(r)}handleInputChange(e){e.stopImmediatePropagation(),this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue)}handleInputKeyDown(e){e.stopImmediatePropagation(),e.key==="Enter"&&(this._swatches?.resetSelection(),this.inputValue=this._input.value,this.setColor(this.inputValue),setTimeout(()=>this._input.select()))}handleColorSwatchChange(e){e.stopImmediatePropagation();const t=e.target;this.setColor(t.value)}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")})})}handleEyeDropper(){vl&&new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(e){if(e===this.value)return;if(!e)return this.alpha=100,this.inputValue="",this._value=e,this.dispatchEvent(new Vi(Vi.CHANGE)),!0;const t=new Mo(e),{h:r,s:o,l:n,a}=t.toHsl();this.hue=r,this.saturation=o,this.lightness=n,this.alpha=this.opacity?a*100:100;const h=e;return h&&h.h&&(this.hue=h.h),this._colord=t,this._syncValues(),this.dispatchEvent(new Vi(Vi.CHANGE)),!0}setLetterCase(e){return typeof e!="string"?"":this.uppercase?e.toUpperCase():e.toLowerCase()}getHexString(e,t,r,o=100){const n=pe(`hsla(${e}, ${t}%, ${r}%, ${o/100})`);return n.isValid()?n.toHex():""}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this._value=this.inputValue}_renderColorPicker(){const e=this.value?`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`:"transparent";return c`
|
|
2684
2684
|
<div
|
|
2685
2685
|
class=${pn({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2686
2686
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
@@ -2734,7 +2734,7 @@
|
|
|
2734
2734
|
autocomplete="off"
|
|
2735
2735
|
autocapitalize="off"
|
|
2736
2736
|
spellcheck="false"
|
|
2737
|
-
.value=${
|
|
2737
|
+
.value=${Kd(this.inputValue)}
|
|
2738
2738
|
?disabled=${this.disabled}
|
|
2739
2739
|
?readonly=${this.readonly}
|
|
2740
2740
|
@keydown=${this.handleInputKeyDown}
|
|
@@ -2783,7 +2783,7 @@
|
|
|
2783
2783
|
popovertarget="color-picker-popover"></button>
|
|
2784
2784
|
<uui-popover-container id="color-picker-popover">
|
|
2785
2785
|
${this._renderColorPicker()}
|
|
2786
|
-
</uui-popover-container>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},
|
|
2786
|
+
</uui-popover-container>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}},s.UUIColorPickerElement.styles=[b`
|
|
2787
2787
|
:host {
|
|
2788
2788
|
--uui-look-outline-border: #ddd;
|
|
2789
2789
|
--uui-look-outline-border-hover: #aaa;
|
|
@@ -2934,7 +2934,7 @@
|
|
|
2934
2934
|
uui-color-area {
|
|
2935
2935
|
width: 100%;
|
|
2936
2936
|
}
|
|
2937
|
-
`],D([S('[part="input"]')],n.UUIColorPickerElement.prototype,"_input",2),D([S(".color-picker__preview")],n.UUIColorPickerElement.prototype,"_previewButton",2),D([S("#swatches")],n.UUIColorPickerElement.prototype,"_swatches",2),D([$()],n.UUIColorPickerElement.prototype,"inputValue",2),D([$()],n.UUIColorPickerElement.prototype,"hue",2),D([$()],n.UUIColorPickerElement.prototype,"saturation",2),D([$()],n.UUIColorPickerElement.prototype,"lightness",2),D([$()],n.UUIColorPickerElement.prototype,"alpha",2),D([$()],n.UUIColorPickerElement.prototype,"_colord",2),D([l()],n.UUIColorPickerElement.prototype,"value",1),D([l()],n.UUIColorPickerElement.prototype,"format",2),D([l()],n.UUIColorPickerElement.prototype,"name",2),D([l()],n.UUIColorPickerElement.prototype,"size",2),D([l({attribute:"no-format-toggle",type:Boolean})],n.UUIColorPickerElement.prototype,"noFormatToggle",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"inline",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"disabled",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"opacity",2),D([l({type:Boolean,reflect:!0})],n.UUIColorPickerElement.prototype,"readonly",2),D([l({type:Boolean})],n.UUIColorPickerElement.prototype,"uppercase",2),D([l({attribute:!1})],n.UUIColorPickerElement.prototype,"swatches",2),n.UUIColorPickerElement=D([p("uui-color-picker")],n.UUIColorPickerElement);var np={grad:.9,turn:360,rad:360/(2*Math.PI)},He=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},ae=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},gl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},fl=function(i){return{r:ae(i.r,0,255),g:ae(i.g,0,255),b:ae(i.b,0,255),a:ae(i.a)}},_n=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},sp=/^#([0-9a-f]{3,8})$/i,To=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},yl=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=Math.max(e,t,r),a=s-Math.min(e,t,r),h=a?s===e?(t-r)/a:s===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:s?a/s*100:0,v:s/255*100,a:o}},wl=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var s=Math.floor(e),a=r*(1-t),h=r*(1-(e-s)*t),u=r*(1-(1-e+s)*t),d=s%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},$l=function(i){return{h:gl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},_l=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},Ul=function(i){return wl((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Hi=function(i){return{h:(e=yl(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},ap=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,up=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,cp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,kl={string:[[function(i){var e=sp.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?F(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?F(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=up.exec(i)||cp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:fl({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(i){var e=ap.exec(i)||lp.exec(i);if(!e)return null;var t,r,o=$l({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(np[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Ul(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,s=o===void 0?1:o;return He(e)&&He(t)&&He(r)?fl({r:Number(e),g:Number(t),b:Number(r),a:Number(s)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=$l({h:Number(e),s:Number(t),l:Number(r),a:Number(s)});return Ul(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,s=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=(function(h){return{h:gl(h.h),s:ae(h.s,0,100),v:ae(h.v,0,100),a:ae(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(s)});return wl(a)},"hsv"]]},El=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},hp=function(i){return typeof i=="string"?El(i.trim(),kl.string):typeof i=="object"&&i!==null?El(i,kl.object):[null,void 0]},Un=function(i,e){var t=Hi(i);return{h:t.h,s:ae(t.s+100*e,0,100),l:t.l,a:t.a}},kn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},xl=function(i,e){var t=Hi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},En=(function(){function i(e){this.parsed=hp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return F(kn(this.rgba),2)},i.prototype.isDark=function(){return kn(this.rgba)<.5},i.prototype.isLight=function(){return kn(this.rgba)>=.5},i.prototype.toHex=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,a=(s=e.a)<1?To(F(255*s)):"","#"+To(t)+To(r)+To(o)+a;var e,t,r,o,s,a},i.prototype.toRgb=function(){return _n(this.rgba)},i.prototype.toRgbString=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,(s=e.a)<1?"rgba("+t+", "+r+", "+o+", "+s+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,s},i.prototype.toHsl=function(){return _l(Hi(this.rgba))},i.prototype.toHslString=function(){return e=_l(Hi(this.rgba)),t=e.h,r=e.s,o=e.l,(s=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+s+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,s},i.prototype.toHsv=function(){return e=yl(this.rgba),{h:F(e.h),s:F(e.s),v:F(e.v),a:F(e.a,3)};var e},i.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,-e))},i.prototype.grayscale=function(){return je(Un(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):F(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Hi(this.rgba);return typeof e=="number"?je({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},i})(),je=function(i){return i instanceof En?i:new En(i)};let xn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var dp=Object.defineProperty,pp=Object.getOwnPropertyDescriptor,be=(i,e,t,r)=>{for(var o=r>1?void 0:r?pp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&dp(e,t,o),o};n.UUIColorSliderElement=class extends ye("label",g){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1,this.hideValueLabel=!1}willUpdate(e){if(e.has("type")&&(this.type==="hue"?this.max=360:this.type==="saturation"?this.max=100:this.type==="lightness"?this.max=100:this.type==="opacity"&&(this.max=this.max??100),this.precision=this.precision??1,this.color)){const t=new En(this.color),{h:r,s:o,l:s}=t.toHsl(),{r:a,g:h,b:u}=t.toRgb(),d=this.type==="saturation"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, 0%, ${s}%), hsl(${r}, 100%, ${s}%))`:this.type==="lightness"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, ${o}%, 0%), hsl(${r}, ${o}%, 100%))`:null,m=this.type==="opacity"?`linear-gradient(to ${this.vertical?"top":"right"}, transparent 0%, rgba(${a}, ${h}, ${u}, ${this.max}%) 100%)`:null;this.style.setProperty("--uui-slider-background-image",d),this.style.setProperty("--uui-slider-hue-color",m)}}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),da(this.container,{onMove:(o,s)=>{this.vertical?this.value=pa(O(s/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new xn(xn.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pa(this.value,this.min,this.max):this.max/this.value)}render(){return c`<div
|
|
2937
|
+
`],D([S('[part="input"]')],s.UUIColorPickerElement.prototype,"_input",2),D([S(".color-picker__preview")],s.UUIColorPickerElement.prototype,"_previewButton",2),D([S("#swatches")],s.UUIColorPickerElement.prototype,"_swatches",2),D([$()],s.UUIColorPickerElement.prototype,"inputValue",2),D([$()],s.UUIColorPickerElement.prototype,"hue",2),D([$()],s.UUIColorPickerElement.prototype,"saturation",2),D([$()],s.UUIColorPickerElement.prototype,"lightness",2),D([$()],s.UUIColorPickerElement.prototype,"alpha",2),D([$()],s.UUIColorPickerElement.prototype,"_colord",2),D([l()],s.UUIColorPickerElement.prototype,"value",1),D([l()],s.UUIColorPickerElement.prototype,"format",2),D([l()],s.UUIColorPickerElement.prototype,"name",2),D([l()],s.UUIColorPickerElement.prototype,"size",2),D([l({attribute:"no-format-toggle",type:Boolean})],s.UUIColorPickerElement.prototype,"noFormatToggle",2),D([l({type:Boolean,reflect:!0})],s.UUIColorPickerElement.prototype,"inline",2),D([l({type:Boolean,reflect:!0})],s.UUIColorPickerElement.prototype,"disabled",2),D([l({type:Boolean})],s.UUIColorPickerElement.prototype,"opacity",2),D([l({type:Boolean,reflect:!0})],s.UUIColorPickerElement.prototype,"readonly",2),D([l({type:Boolean})],s.UUIColorPickerElement.prototype,"uppercase",2),D([l({attribute:!1})],s.UUIColorPickerElement.prototype,"swatches",2),s.UUIColorPickerElement=D([p("uui-color-picker")],s.UUIColorPickerElement);var sp={grad:.9,turn:360,rad:360/(2*Math.PI)},He=function(i){return typeof i=="string"?i.length>0:typeof i=="number"},F=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=Math.pow(10,e)),Math.round(t*i)/t+0},ae=function(i,e,t){return e===void 0&&(e=0),t===void 0&&(t=1),i>t?t:i>e?i:e},gl=function(i){return(i=isFinite(i)?i%360:0)>0?i:i+360},fl=function(i){return{r:ae(i.r,0,255),g:ae(i.g,0,255),b:ae(i.b,0,255),a:ae(i.a)}},_n=function(i){return{r:F(i.r),g:F(i.g),b:F(i.b),a:F(i.a,3)}},ap=/^#([0-9a-f]{3,8})$/i,To=function(i){var e=i.toString(16);return e.length<2?"0"+e:e},yl=function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=Math.max(e,t,r),a=n-Math.min(e,t,r),h=a?n===e?(t-r)/a:n===t?2+(r-e)/a:4+(e-t)/a:0;return{h:60*(h<0?h+6:h),s:n?a/n*100:0,v:n/255*100,a:o}},wl=function(i){var e=i.h,t=i.s,r=i.v,o=i.a;e=e/360*6,t/=100,r/=100;var n=Math.floor(e),a=r*(1-t),h=r*(1-(e-n)*t),u=r*(1-(1-e+n)*t),d=n%6;return{r:255*[r,h,a,a,u,r][d],g:255*[u,r,r,h,a,a][d],b:255*[a,a,u,r,r,h][d],a:o}},$l=function(i){return{h:gl(i.h),s:ae(i.s,0,100),l:ae(i.l,0,100),a:ae(i.a)}},_l=function(i){return{h:F(i.h),s:F(i.s),l:F(i.l),a:F(i.a,3)}},Ul=function(i){return wl((t=(e=i).s,{h:e.h,s:(t*=((r=e.l)<50?r:100-r)/100)>0?2*t/(r+t)*100:0,v:r+t,a:e.a}));var e,t,r},Hi=function(i){return{h:(e=yl(i)).h,s:(o=(200-(t=e.s))*(r=e.v)/100)>0&&o<200?t*r/100/(o<=100?o:200-o)*100:0,l:o/2,a:e.a};var e,t,r,o},lp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,up=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,cp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,hp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,kl={string:[[function(i){var e=ap.exec(i);return e?(i=e[1]).length<=4?{r:parseInt(i[0]+i[0],16),g:parseInt(i[1]+i[1],16),b:parseInt(i[2]+i[2],16),a:i.length===4?F(parseInt(i[3]+i[3],16)/255,2):1}:i.length===6||i.length===8?{r:parseInt(i.substr(0,2),16),g:parseInt(i.substr(2,2),16),b:parseInt(i.substr(4,2),16),a:i.length===8?F(parseInt(i.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(i){var e=cp.exec(i)||hp.exec(i);return e?e[2]!==e[4]||e[4]!==e[6]?null:fl({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(i){var e=lp.exec(i)||up.exec(i);if(!e)return null;var t,r,o=$l({h:(t=e[1],r=e[2],r===void 0&&(r="deg"),Number(t)*(sp[r]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Ul(o)},"hsl"]],object:[[function(i){var e=i.r,t=i.g,r=i.b,o=i.a,n=o===void 0?1:o;return He(e)&&He(t)&&He(r)?fl({r:Number(e),g:Number(t),b:Number(r),a:Number(n)}):null},"rgb"],[function(i){var e=i.h,t=i.s,r=i.l,o=i.a,n=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=$l({h:Number(e),s:Number(t),l:Number(r),a:Number(n)});return Ul(a)},"hsl"],[function(i){var e=i.h,t=i.s,r=i.v,o=i.a,n=o===void 0?1:o;if(!He(e)||!He(t)||!He(r))return null;var a=(function(h){return{h:gl(h.h),s:ae(h.s,0,100),v:ae(h.v,0,100),a:ae(h.a)}})({h:Number(e),s:Number(t),v:Number(r),a:Number(n)});return wl(a)},"hsv"]]},El=function(i,e){for(var t=0;t<e.length;t++){var r=e[t][0](i);if(r)return[r,e[t][1]]}return[null,void 0]},dp=function(i){return typeof i=="string"?El(i.trim(),kl.string):typeof i=="object"&&i!==null?El(i,kl.object):[null,void 0]},Un=function(i,e){var t=Hi(i);return{h:t.h,s:ae(t.s+100*e,0,100),l:t.l,a:t.a}},kn=function(i){return(299*i.r+587*i.g+114*i.b)/1e3/255},xl=function(i,e){var t=Hi(i);return{h:t.h,s:t.s,l:ae(t.l+100*e,0,100),a:t.a}},En=(function(){function i(e){this.parsed=dp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return i.prototype.isValid=function(){return this.parsed!==null},i.prototype.brightness=function(){return F(kn(this.rgba),2)},i.prototype.isDark=function(){return kn(this.rgba)<.5},i.prototype.isLight=function(){return kn(this.rgba)>=.5},i.prototype.toHex=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,a=(n=e.a)<1?To(F(255*n)):"","#"+To(t)+To(r)+To(o)+a;var e,t,r,o,n,a},i.prototype.toRgb=function(){return _n(this.rgba)},i.prototype.toRgbString=function(){return e=_n(this.rgba),t=e.r,r=e.g,o=e.b,(n=e.a)<1?"rgba("+t+", "+r+", "+o+", "+n+")":"rgb("+t+", "+r+", "+o+")";var e,t,r,o,n},i.prototype.toHsl=function(){return _l(Hi(this.rgba))},i.prototype.toHslString=function(){return e=_l(Hi(this.rgba)),t=e.h,r=e.s,o=e.l,(n=e.a)<1?"hsla("+t+", "+r+"%, "+o+"%, "+n+")":"hsl("+t+", "+r+"%, "+o+"%)";var e,t,r,o,n},i.prototype.toHsv=function(){return e=yl(this.rgba),{h:F(e.h),s:F(e.s),v:F(e.v),a:F(e.a,3)};var e},i.prototype.invert=function(){return je({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},i.prototype.saturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,e))},i.prototype.desaturate=function(e){return e===void 0&&(e=.1),je(Un(this.rgba,-e))},i.prototype.grayscale=function(){return je(Un(this.rgba,-1))},i.prototype.lighten=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,e))},i.prototype.darken=function(e){return e===void 0&&(e=.1),je(xl(this.rgba,-e))},i.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},i.prototype.alpha=function(e){return typeof e=="number"?je({r:(t=this.rgba).r,g:t.g,b:t.b,a:e}):F(this.rgba.a,3);var t},i.prototype.hue=function(e){var t=Hi(this.rgba);return typeof e=="number"?je({h:e,s:t.s,l:t.l,a:t.a}):F(t.h)},i.prototype.isEqual=function(e){return this.toHex()===je(e).toHex()},i})(),je=function(i){return i instanceof En?i:new En(i)};let xn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var pp=Object.defineProperty,bp=Object.getOwnPropertyDescriptor,be=(i,e,t,r)=>{for(var o=r>1?void 0:r?bp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&pp(e,t,o),o};s.UUIColorSliderElement=class extends ye("label",g){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.readonly=!1,this.disabled=!1,this.hideValueLabel=!1}willUpdate(e){if(e.has("type")&&(this.type==="hue"?this.max=360:this.type==="saturation"?this.max=100:this.type==="lightness"?this.max=100:this.type==="opacity"&&(this.max=this.max??100),this.precision=this.precision??1,this.color)){const t=new En(this.color),{h:r,s:o,l:n}=t.toHsl(),{r:a,g:h,b:u}=t.toRgb(),d=this.type==="saturation"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, 0%, ${n}%), hsl(${r}, 100%, ${n}%))`:this.type==="lightness"?`linear-gradient(to ${this.vertical?"top":"right"}, hsl(${r}, ${o}%, 0%), hsl(${r}, ${o}%, 100%))`:null,m=this.type==="opacity"?`linear-gradient(to ${this.vertical?"top":"right"}, transparent 0%, rgba(${a}, ${h}, ${u}, ${this.max}%) 100%)`:null;this.style.setProperty("--uui-slider-background-image",d),this.style.setProperty("--uui-slider-hue-color",m)}}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(e){if(this.disabled||this.readonly||!this.container||!this.handle)return;const{width:t,height:r}=this.container.getBoundingClientRect();this.handle.focus(),e.preventDefault(),da(this.container,{onMove:(o,n)=>{this.vertical?this.value=pa(O(n/r*this.max,this.min,this.max),this.min,this.max):this.value=O(o/t*this.max,this.min,this.max),this.syncValues()},initialEvent:e})}handleClick(e){this.disabled||this.readonly||(this.value=this.getValueFromMousePosition(e),this.syncValues())}handleKeyDown(e){const t=e.shiftKey?10:1;e.key==="ArrowLeft"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="ArrowRight"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowUp"?(e.preventDefault(),this.value=O(this.value+t,this.min,this.max),this.syncValues()):e.key==="ArrowDown"?(e.preventDefault(),this.value=O(this.value-t,this.min,this.max),this.syncValues()):e.key==="Home"?(e.preventDefault(),this.value=this.min,this.syncValues()):e.key==="End"&&(e.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(e){return this.vertical?this.getValueFromYCoordinate(e.clientY):this.getValueFromXCoordinate(e.clientX)}getValueFromTouchPosition(e){return this.vertical?this.getValueFromYCoordinate(e.touches[0].clientY):this.getValueFromXCoordinate(e.touches[0].clientX)}getValueFromXCoordinate(e){const{left:t,width:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}getValueFromYCoordinate(e){const{top:t,height:r}=this.container.getBoundingClientRect();return O(this.roundToPrecision((e-t)/r*this.max),this.min,this.max)}roundToPrecision(e){const t=1/this.precision;return Math.ceil(e*t)/t}syncValues(){this.dispatchEvent(new xn(xn.CHANGE))}get cssPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pa(this.value,this.min,this.max):this.max/this.value)}render(){return c`<div
|
|
2938
2938
|
part="slider"
|
|
2939
2939
|
id="color-slider"
|
|
2940
2940
|
role="slider"
|
|
@@ -2958,7 +2958,7 @@
|
|
|
2958
2958
|
tabindex=${w(this.disabled?void 0:"0")}>
|
|
2959
2959
|
</span>
|
|
2960
2960
|
</div>
|
|
2961
|
-
${this.hideValueLabel?null:Math.round(this.value)}`}},
|
|
2961
|
+
${this.hideValueLabel?null:Math.round(this.value)}`}},s.UUIColorSliderElement.styles=[b`
|
|
2962
2962
|
:host {
|
|
2963
2963
|
--uui-slider-height: 15px;
|
|
2964
2964
|
--uui-slider-handle-size: 17px;
|
|
@@ -3072,14 +3072,14 @@
|
|
|
3072
3072
|
position: absolute;
|
|
3073
3073
|
inset: 0 0 0 0;
|
|
3074
3074
|
}
|
|
3075
|
-
`],be([l({reflect:!0})],
|
|
3075
|
+
`],be([l({reflect:!0})],s.UUIColorSliderElement.prototype,"type",2),be([l()],s.UUIColorSliderElement.prototype,"color",2),be([l({type:Number})],s.UUIColorSliderElement.prototype,"min",2),be([l({type:Number})],s.UUIColorSliderElement.prototype,"max",2),be([l({type:Number})],s.UUIColorSliderElement.prototype,"precision",2),be([l({type:Boolean,reflect:!0})],s.UUIColorSliderElement.prototype,"vertical",2),be([l({type:Number})],s.UUIColorSliderElement.prototype,"value",2),be([l({type:Boolean,reflect:!0})],s.UUIColorSliderElement.prototype,"readonly",2),be([l({type:Boolean,reflect:!0})],s.UUIColorSliderElement.prototype,"disabled",2),be([l({type:Boolean,attribute:"hide-value-label",reflect:!0})],s.UUIColorSliderElement.prototype,"hideValueLabel",2),s.UUIColorSliderElement=be([p("uui-color-slider")],s.UUIColorSliderElement);/**
|
|
3076
3076
|
* @license
|
|
3077
3077
|
* Copyright 2017 Google LLC
|
|
3078
3078
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3079
|
-
*/const ji=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const
|
|
3079
|
+
*/const ji=(i,e)=>{var t,r;const o=i._$AN;if(o===void 0)return!1;for(const n of o)(r=(t=n)._$AO)===null||r===void 0||r.call(t,e,!1),ji(n,e);return!0},No=i=>{let e,t;do{if((e=i._$AM)===void 0)break;t=e._$AN,t.delete(i),i=e}while(t?.size===0)},Il=i=>{for(let e;e=i._$AM;i=e){let t=e._$AN;if(t===void 0)e._$AN=t=new Set;else if(t.has(i))break;t.add(i),gp(e)}};function mp(i){this._$AN!==void 0?(No(this),this._$AM=i,Il(this)):this._$AM=i}function vp(i,e=!1,t=0){const r=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(e)if(Array.isArray(r))for(let n=t;n<r.length;n++)ji(r[n],!1),No(r[n]);else r!=null&&(ji(r,!1),No(r));else ji(this,i)}const gp=i=>{var e,t,r,o;i.type==he.CHILD&&((e=(r=i)._$AP)!==null&&e!==void 0||(r._$AP=vp),(t=(o=i)._$AQ)!==null&&t!==void 0||(o._$AQ=mp))};let fp=class extends Ft{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,t,r){super._$AT(e,t,r),Il(this),this.isConnected=e._$AU}_$AO(e,t=!0){var r,o;e!==this.isConnected&&(this.isConnected=e,e?(r=this.reconnected)===null||r===void 0||r.call(this):(o=this.disconnected)===null||o===void 0||o.call(this)),t&&(ji(this,e),No(this))}setValue(e){if(ba(this._$Ct))this._$Ct._$AI(e,this);else{const t=[...this._$Ct._$AH];t[this._$Ci]=e,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};const In=new WeakMap,Bo=Rt(class extends fp{render(i){return T}update(i,[e]){var t;const r=e!==this.G;return r&&this.G!==void 0&&this.ot(void 0),(r||this.rt!==this.lt)&&(this.G=e,this.dt=(t=i.options)===null||t===void 0?void 0:t.host,this.ot(this.lt=i.element)),T}ot(i){var e;if(typeof this.G=="function"){const t=(e=this.dt)!==null&&e!==void 0?e:globalThis;let r=In.get(t);r===void 0&&(r=new WeakMap,In.set(t,r)),r.get(this.G)!==void 0&&this.G.call(this.dt,void 0),r.set(this.G,i),i!==void 0&&this.G.call(this.dt,i)}else this.G.value=i}get rt(){var i,e,t;return typeof this.G=="function"?(e=In.get((i=this.dt)!==null&&i!==void 0?i:globalThis))===null||e===void 0?void 0:e.get(this.G):(t=this.G)===null||t===void 0?void 0:t.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var yp=Object.defineProperty,wp=Object.getOwnPropertyDescriptor,Cl=i=>{throw TypeError(i)},Jt=(i,e,t,r)=>{for(var o=r>1?void 0:r?wp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&yp(e,t,o),o},$p=(i,e,t)=>e.has(i)||Cl("Cannot "+t),_p=(i,e,t)=>e.has(i)?Cl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Up=(i,e,t)=>($p(i,e,"access private method"),t),Cn,Sl;s.UUIColorSwatchElement=class extends ye("label",Dt(xi(g))){constructor(){super(),_p(this,Cn),this.disabled=!1,this.readonly=!1,this.showLabel=!1,this.addEventListener("click",this._setAriaAttributes)}get value(){return this._value??""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get color(){return this._color}set color(e){const t=this._color;this._color=e,this.requestUpdate("color",t)}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._setAriaAttributes()}willUpdate(e){(e.has("disabled")||e.has("readonly"))&&this.selectable&&(this.selectable=!this.disabled&&!this.readonly,this.deselectable=!this.disabled&&!this.readonly),(e.has("selectable")||e.has("selected"))&&this._setAriaAttributes()}focus(e){this.selectableTarget?.focus(e)}render(){return c`
|
|
3080
3080
|
<button
|
|
3081
3081
|
id="swatch"
|
|
3082
|
-
${Bo(
|
|
3082
|
+
${Bo(Up(this,Cn,Sl))}
|
|
3083
3083
|
aria-label=${this.label}
|
|
3084
3084
|
?disabled="${this.disabled}"
|
|
3085
3085
|
title="${this.label}">
|
|
@@ -3098,7 +3098,7 @@
|
|
|
3098
3098
|
`}_renderWithLabel(){return this.showLabel?c`<div class="color-swatch__label">
|
|
3099
3099
|
<strong>${this.renderLabel()}</strong>
|
|
3100
3100
|
${this.value}
|
|
3101
|
-
</div>`:C}},Cn=new WeakSet,Sl=function(i){this.selectableTarget=i||this},
|
|
3101
|
+
</div>`:C}},Cn=new WeakSet,Sl=function(i){this.selectableTarget=i||this},s.UUIColorSwatchElement.styles=[b`
|
|
3102
3102
|
:host {
|
|
3103
3103
|
position: relative;
|
|
3104
3104
|
display: inline-flex;
|
|
@@ -3261,19 +3261,19 @@
|
|
|
3261
3261
|
white-space: nowrap;
|
|
3262
3262
|
box-sizing: border-box;
|
|
3263
3263
|
}
|
|
3264
|
-
`],Jt([l()],
|
|
3264
|
+
`],Jt([l()],s.UUIColorSwatchElement.prototype,"value",1),Jt([l()],s.UUIColorSwatchElement.prototype,"color",1),Jt([l({type:Boolean,reflect:!0})],s.UUIColorSwatchElement.prototype,"disabled",2),Jt([l({type:Boolean,reflect:!0})],s.UUIColorSwatchElement.prototype,"readonly",2),Jt([l({type:Boolean,attribute:"show-label",reflect:!0})],s.UUIColorSwatchElement.prototype,"showLabel",2),s.UUIColorSwatchElement=Jt([p("uui-color-swatch")],s.UUIColorSwatchElement);let Ri=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var kp=Object.defineProperty,Ep=Object.getOwnPropertyDescriptor,Fi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ep(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&kp(e,t,o),o};s.UUIColorSwatchesElement=class extends ye("label",g){constructor(){super(),this.value="",this.disabled=!1,this.readonly=!1,this._onSelected=e=>{const t=e.target;this._swatches.includes(t)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Ri(Ri.CHANGE)))},this._onDeselected=e=>{const t=e.target;this._swatches.includes(t)&&(this._activeElement===t&&(this._activeElement=void 0),this._selectedElement===t&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Ri(Ri.CHANGE))))},this.addEventListener(Ht.SELECTED,this._onSelected),this.addEventListener(Ht.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(e){this.__activeElement&&(this.__activeElement.active=!1),e&&(e.active=!0,this.__activeElement=e)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(e){e.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this._swatches||this._swatches.length===0||this._swatches.forEach(e=>{e.setAttribute("aria-checked","false"),e.setAttribute("role","radio"),this.disabled?e.setAttribute("disabled",""):e.setAttribute("selectable","selectable"),this.readonly&&e.setAttribute("readonly",""),this.value!==""&&e.value===this.value&&(e.selected=!0,e.setAttribute("aria-checked","true"),this._selectedElement=e,this._activeElement=this._selectedElement)})}resetSelection(){this._swatches.forEach(e=>{e.selected=!1,e.active=!1,e.selectable=!e.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return c`<slot @slotchange=${this._handleSlotChange}></slot>`}},s.UUIColorSwatchesElement.styles=[b`
|
|
3265
3265
|
:host {
|
|
3266
3266
|
display: flex;
|
|
3267
3267
|
flex-wrap: wrap;
|
|
3268
3268
|
gap: 0.4rem;
|
|
3269
3269
|
}
|
|
3270
|
-
`],Fi([l()],
|
|
3270
|
+
`],Fi([l()],s.UUIColorSwatchesElement.prototype,"value",2),Fi([l({type:Boolean,reflect:!0})],s.UUIColorSwatchesElement.prototype,"disabled",2),Fi([l({type:Boolean,reflect:!0})],s.UUIColorSwatchesElement.prototype,"readonly",2),Fi([Pe({selector:"uui-color-swatch"})],s.UUIColorSwatchesElement.prototype,"_swatches",2),s.UUIColorSwatchesElement=Fi([p("uui-color-swatches")],s.UUIColorSwatchesElement);let me=class extends z{static{this.CHANGE="change"}static{this.INNER_SLOT_CHANGE="inner-slot-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var xp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,Al=i=>{throw TypeError(i)},it=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ip(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&xp(e,t,o),o},Cp=(i,e,t)=>e.has(i)||Al("Cannot "+t),Sp=(i,e,t)=>e.has(i)?Al("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Pl=(i,e,t)=>(Cp(i,e,"access private method"),t),Do,Sn;s.UUIComboboxListElement=class extends g{constructor(){super(...arguments),Sp(this,Do),this.displayValue="",this._value="",this._activeElementValue=null,this._onSlotChange=()=>{Pl(this,Do,Sn).call(this),this._updateSelection(),this.dispatchEvent(new me(me.INNER_SLOT_CHANGE))},this._onSelected=e=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e.composedPath()[0],this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new me(me.CHANGE))},this._onDeselected=e=>{const t=e.composedPath()[0];this._selectedElement===t&&(this.value="",this.displayValue="",this.dispatchEvent(new me(me.CHANGE)))},this._moveIndex=e=>{const t=Math.min(Math.max(this._getActiveIndex+e,0),this._options.length-1);this._goToIndex(t)},this._onKeyDown=e=>{if(!(this._options.length<=0))switch(e.code){case"ArrowUp":e.preventDefault(),e.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":e.preventDefault(),e.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{e.preventDefault(),this._goToIndex(0);break}case"Enter":{e.preventDefault(),this._getActiveElement?.click();break}case"End":{e.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(e){if(this._value===e)return;const t=this._value;this._value=e,this._updateSelection(),this.requestUpdate("value",t)}get for(){return this._for}set for(e){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=e,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Ht.SELECTED,this._onSelected),this.addEventListener(Ht.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Ht.SELECTED,this._onSelected),this.removeEventListener(Ht.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const e of this._options)e.value===this._value?(this.displayValue=e.displayValue||"",e.selected=!0):e.selected=!1}get _getActiveIndex(){return this._activeElementValue===null?-1:this._options.findIndex(e=>e.value===this._activeElementValue)}get _getActiveElement(){return this._activeElementValue===null?null:this._options.find(e=>e.value===this._activeElementValue)}_goToIndex(e){if(this._options.length===0)return;e=Math.min(Math.max(e,0),this._options.length-1);const t=this._options[e];this._activeElementValue=t.value,Pl(this,Do,Sn).call(this),t&&t.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return c` <slot @slotchange=${this._onSlotChange}></slot> `}},Do=new WeakSet,Sn=function(){for(let e=0;e<this._activeOptions.length;e++)this._activeOptions[e].active=!1;const i=this._getActiveElement;i?i.active=!0:this._goToIndex(0)},s.UUIComboboxListElement.styles=[b`
|
|
3271
3271
|
:host {
|
|
3272
3272
|
display: flex;
|
|
3273
3273
|
flex-direction: column;
|
|
3274
3274
|
box-sizing: border-box;
|
|
3275
3275
|
}
|
|
3276
|
-
`],it([l()],
|
|
3276
|
+
`],it([l()],s.UUIComboboxListElement.prototype,"value",1),it([l({type:String})],s.UUIComboboxListElement.prototype,"displayValue",2),it([l({attribute:!1})],s.UUIComboboxListElement.prototype,"for",1),it([Pe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],s.UUIComboboxListElement.prototype,"_options",2),it([Pe({flatten:!0,selector:"uui-combobox-list-option[active]"})],s.UUIComboboxListElement.prototype,"_activeOptions",2),it([$()],s.UUIComboboxListElement.prototype,"_value",2),it([$()],s.UUIComboboxListElement.prototype,"_activeElementValue",2),s.UUIComboboxListElement=it([p("uui-combobox-list")],s.UUIComboboxListElement);var Ap=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,Qt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Ap(e,t,o),o};s.UUIComboboxListOptionElement=class extends Dt(xi(g)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){return this._value?this._value:this.textContent?.trim()||""}set value(e){const t=this._value;this._value=e,this.requestUpdate("value",t)}get displayValue(){return this._displayValue?this._displayValue:this.textContent?.trim()||""}set displayValue(e){const t=this._displayValue;this._displayValue=e,this.requestUpdate("displayValue",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.selectable=!this._disabled,this.requestUpdate("disabled",t)}render(){return c`<slot></slot>`}},s.UUIComboboxListOptionElement.styles=[b`
|
|
3277
3277
|
:host {
|
|
3278
3278
|
position: relative;
|
|
3279
3279
|
cursor: pointer;
|
|
@@ -3355,7 +3355,7 @@
|
|
|
3355
3355
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
3356
3356
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
3357
3357
|
}
|
|
3358
|
-
`],Qt([$()],
|
|
3358
|
+
`],Qt([$()],s.UUIComboboxListOptionElement.prototype,"_disabled",2),Qt([$()],s.UUIComboboxListOptionElement.prototype,"_displayValue",2),Qt([l({type:String})],s.UUIComboboxListOptionElement.prototype,"value",1),Qt([l({type:String,attribute:"display-value"})],s.UUIComboboxListOptionElement.prototype,"displayValue",1),Qt([l({type:Boolean,reflect:!0})],s.UUIComboboxListOptionElement.prototype,"disabled",1),s.UUIComboboxListOptionElement=Qt([p("uui-combobox-list-option")],s.UUIComboboxListOptionElement);let ve=class extends z{static{this.SEARCH="search"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var zp=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,zl=i=>{throw TypeError(i)},K=(i,e,t,r)=>{for(var o=r>1?void 0:r?Op(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zp(e,t,o),o},An=(i,e,t)=>e.has(i)||zl("Cannot "+t),E=(i,e,t)=>(An(i,e,"read from private field"),t?t.call(i):e.get(i)),W=(i,e,t)=>e.has(i)?zl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Ol=(i,e,t,r)=>(An(i,e,"write to private field"),e.set(i,t),t),Vo=(i,e,t)=>(An(i,e,"access private method"),t),Q,ei,ti,Ll,Gi,Ho,jo,Ro,Pn,Fo,Go,zn,Wi,ii,On,Wo,qo,Ln,Ko;s.UUIComboboxElement=class extends we(g,""){constructor(){super(...arguments),W(this,ti),this.closeLabel="Close",this.disabled=!1,this.hideExpandSymbol=!1,this.readonly=!1,this.placeholder="",W(this,Q),W(this,ei),this._displayValue="",this._search="",this._isPhone=!1,this._isOpen=!1,W(this,Gi,()=>{this._isPhone=E(this,ei).matches}),W(this,jo,()=>requestAnimationFrame(()=>this._input.focus())),W(this,Ro,()=>requestAnimationFrame(()=>{this.shadowRoot?.activeElement||E(this,ii).call(this)})),W(this,Pn,e=>{e.preventDefault(),e.stopImmediatePropagation(),this.search=e.target.value,this.dispatchEvent(new ve(ve.SEARCH)),E(this,Wi).call(this)}),W(this,Fo,()=>{this.value&&this.value!==E(this,Q)?.value&&Vo(this,ti,Ho).call(this)}),W(this,Go,()=>{this.value=E(this,Q)?.value||"",this.search=this.value?this.search:"",E(this,ii).call(this),this.dispatchEvent(new ve(ve.CHANGE))}),W(this,zn,()=>{this.readonly||(this.open=!this.open)}),W(this,Wi,()=>{this.open||this.readonly||(this.open=!0)}),W(this,ii,()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new ve(ve.SEARCH)))}),W(this,On,e=>{this.open===!1&&e.code==="Enter"&&(e.preventDefault(),e.stopImmediatePropagation(),E(this,Wi).call(this)),(e.code==="ArrowUp"||e.code==="ArrowDown")&&E(this,Wi).call(this),e.code==="Escape"&&E(this,ii).call(this)}),W(this,Wo,e=>{e.key&&e.key!=="Enter"||(e.preventDefault(),e.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new ve(ve.SEARCH)),this.dispatchEvent(new ve(ve.CHANGE)))}),W(this,qo,()=>c`<uui-input
|
|
3359
3359
|
slot="trigger"
|
|
3360
3360
|
id="combobox-input"
|
|
3361
3361
|
label="combobox-input"
|
|
@@ -3403,7 +3403,7 @@
|
|
|
3403
3403
|
placement="bottom-end">
|
|
3404
3404
|
${E(this,Ko).call(this)}
|
|
3405
3405
|
</uui-popover-container>
|
|
3406
|
-
`}},
|
|
3406
|
+
`}},Q=new WeakMap,ei=new WeakMap,ti=new WeakSet,Ll=function(){E(this,Q)&&(E(this,Q).removeEventListener(me.CHANGE,E(this,Go)),E(this,Q).removeEventListener(me.INNER_SLOT_CHANGE,E(this,Fo)));const i=this._comboboxListElements?.[0];i&&(Ol(this,Q,i),E(this,Q).for=this,E(this,Q).addEventListener(me.CHANGE,E(this,Go)),E(this,Q).addEventListener(me.INNER_SLOT_CHANGE,E(this,Fo))),this.updateComplete.then(()=>{Vo(this,ti,Ho).call(this)})},Gi=new WeakMap,Ho=function(){E(this,Q)&&(E(this,Q).value=this.value,requestAnimationFrame(()=>this._displayValue=E(this,Q).displayValue||""))},jo=new WeakMap,Ro=new WeakMap,Pn=new WeakMap,Fo=new WeakMap,Go=new WeakMap,zn=new WeakMap,Wi=new WeakMap,ii=new WeakMap,On=new WeakMap,Wo=new WeakMap,qo=new WeakMap,Ln=new WeakMap,Ko=new WeakMap,s.UUIComboboxElement.styles=[b`
|
|
3407
3407
|
:host {
|
|
3408
3408
|
display: inline-flex;
|
|
3409
3409
|
}
|
|
@@ -3483,12 +3483,12 @@
|
|
|
3483
3483
|
#phone-wrapper #scroll-container {
|
|
3484
3484
|
max-height: unset;
|
|
3485
3485
|
}
|
|
3486
|
-
`],
|
|
3486
|
+
`],K([l({attribute:"value",reflect:!0})],s.UUIComboboxElement.prototype,"value",1),K([l({type:String})],s.UUIComboboxElement.prototype,"search",1),K([l({type:Boolean})],s.UUIComboboxElement.prototype,"open",1),K([l({type:String,attribute:"close-label"})],s.UUIComboboxElement.prototype,"closeLabel",2),K([l({type:Boolean,reflect:!0})],s.UUIComboboxElement.prototype,"disabled",2),K([l({type:Boolean,reflect:!1,attribute:"hide-expand-symbol"})],s.UUIComboboxElement.prototype,"hideExpandSymbol",2),K([l({type:Boolean,reflect:!0})],s.UUIComboboxElement.prototype,"readonly",2),K([l()],s.UUIComboboxElement.prototype,"placeholder",2),K([S("#combobox-input")],s.UUIComboboxElement.prototype,"_input",2),K([S("#combobox-popover")],s.UUIComboboxElement.prototype,"_comboboxPopoverElement",2),K([Pe({flatten:!0,selector:"uui-combobox-list"})],s.UUIComboboxElement.prototype,"_comboboxListElements",2),K([$()],s.UUIComboboxElement.prototype,"_displayValue",2),K([$()],s.UUIComboboxElement.prototype,"_search",2),K([$()],s.UUIComboboxElement.prototype,"_isPhone",2),K([$()],s.UUIComboboxElement.prototype,"_isOpen",2),s.UUIComboboxElement=K([p("uui-combobox")],s.UUIComboboxElement);var Lp=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,Mn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Lp(e,t,o),o};s.UUIDialogLayoutElement=class extends g{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return c` <h3
|
|
3487
3487
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
3488
3488
|
${this.headline}
|
|
3489
3489
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
3490
3490
|
</h3>`}renderContent(){return c`<slot></slot>`}renderActions(){return c`<slot id="actions" name="actions"></slot>`}render(){return c`${this.renderHeadline()} ${this.renderContent()}
|
|
3491
|
-
${this.renderActions()} `}},
|
|
3491
|
+
${this.renderActions()} `}},s.UUIDialogLayoutElement.styles=[b`
|
|
3492
3492
|
:host {
|
|
3493
3493
|
display: block;
|
|
3494
3494
|
padding: var(--uui-size-10,30px) var(--uui-size-14,42px);
|
|
@@ -3501,7 +3501,7 @@
|
|
|
3501
3501
|
justify-content: end;
|
|
3502
3502
|
gap: var(--uui-size-4,12px);
|
|
3503
3503
|
}
|
|
3504
|
-
`],Mn([l({type:String})],
|
|
3504
|
+
`],Mn([l({type:String})],s.UUIDialogLayoutElement.prototype,"headline",2),Mn([$()],s.UUIDialogLayoutElement.prototype,"_headlineSlotHasContent",2),s.UUIDialogLayoutElement=Mn([p("uui-dialog-layout")],s.UUIDialogLayoutElement);var Tp=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIDialogElement=class extends g{render(){return c`<slot></slot>`}},s.UUIDialogElement.styles=[b`
|
|
3505
3505
|
:host {
|
|
3506
3506
|
position: relative;
|
|
3507
3507
|
display: block;
|
|
@@ -3519,13 +3519,13 @@
|
|
|
3519
3519
|
calc(var(--uui-border-radius,3px) * 2)
|
|
3520
3520
|
);
|
|
3521
3521
|
}
|
|
3522
|
-
`],
|
|
3522
|
+
`],s.UUIDialogElement=Tp([p("uui-dialog")],s.UUIDialogElement);var Np=Object.defineProperty,Bp=Object.getOwnPropertyDescriptor,Ml=(i,e,t,r)=>{for(var o=r>1?void 0:r?Bp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Np(e,t,o),o};s.UUISymbolFileDropzoneElement=class extends g{constructor(){super(...arguments),this.error=!1}render(){return c`<svg
|
|
3523
3523
|
xmlns="http://www.w3.org/2000/svg"
|
|
3524
3524
|
viewBox="0 0 512 512"
|
|
3525
3525
|
id="upload-icon">
|
|
3526
3526
|
<path
|
|
3527
3527
|
d=${this.error?"M254.501 38.16c-120.308 0-217.838 97.53-217.838 217.838 0 120.31 97.53 217.838 217.838 217.838 120.31 0 217.838-97.528 217.838-217.838 0-120.308-97.528-217.838-217.838-217.838zm151.667 217.838c0 29.861-8.711 57.708-23.671 81.209L173.293 128.002c23.499-14.961 51.345-23.67 81.208-23.67 83.629.001 151.667 68.037 151.667 151.666zm-303.332 0c0-29.859 8.71-57.707 23.67-81.204l209.201 209.201c-23.498 14.96-51.346 23.671-81.206 23.671-83.632 0-151.665-68.04-151.665-151.668z":"M206.491 364.184h99.013V223.676h92.922L255.997 51.111 113.575 223.676h92.916zM85.043 398.311h341.912v62.578H85.043z"} />
|
|
3528
|
-
</svg> `}},
|
|
3528
|
+
</svg> `}},s.UUISymbolFileDropzoneElement.styles=[b`
|
|
3529
3529
|
:host {
|
|
3530
3530
|
display: flex;
|
|
3531
3531
|
flex-direction: column;
|
|
@@ -3544,7 +3544,7 @@
|
|
|
3544
3544
|
:host([error]) #upload-icon {
|
|
3545
3545
|
fill: var(--uui-color-invalid,#c31d4c);
|
|
3546
3546
|
}
|
|
3547
|
-
`],Ml([l({type:Boolean,reflect:!0})],
|
|
3547
|
+
`],Ml([l({type:Boolean,reflect:!0})],s.UUISymbolFileDropzoneElement.prototype,"error",2),s.UUISymbolFileDropzoneElement=Ml([p("uui-symbol-file-dropzone")],s.UUISymbolFileDropzoneElement);let Re=class extends z{static{this.CHANGE="change"}static{this.REJECT="reject"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Dp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,oi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Dp(e,t,o),o};s.UUIFileDropzoneElement=class extends ye("",g){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],this._accept="",this.disallowFolderUpload=!1,this.multiple=!1,this.addEventListener("dragenter",this._onDragEnter,!1),this.addEventListener("dragleave",this._onDragLeave,!1),this.addEventListener("dragover",this._onDragOver,!1),this.addEventListener("drop",this._onDrop,!1)}set accept(e){if(e){const r=[],o=[];e.split(",").forEach(n=>{n=n.trim().toLowerCase(),/[a-z]+\/[a-z*]/s.test(n)?r.push(n):o.push(n.replace(/^\./,""))}),this._acceptedMimeTypes=r,this._acceptedFileExtensions=o}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[];const t=this._accept;this._accept=e,this.requestUpdate("accept",t)}get accept(){return this._accept}browse(){this._input.click()}_shouldProcessFolder(){return!this.disallowFolderUpload&&this.multiple}async _getAllEntries(e){const t=[...e].filter(r=>r?.kind==="file").map(r=>this._getEntry(r)).filter(r=>r!==null);return this._processRootEntries(t)}async _processRootEntries(e){const t=[],r=[],o=[];for(const n of e)if(n.isDirectory)this._shouldProcessFolder()&&t.push(await this._mkdir(n));else{const a=await this._getAsFile(n);this._isAccepted(a)?r.push(a):o.push(a)}return{files:r,folders:t,rejectedFiles:o}}_getEntry(e){let t=null;return"webkitGetAsEntry"in e?t=e.webkitGetAsEntry():"getAsEntry"in e&&(t=e.getAsEntry()),t}async _processEntries(e,t,r){for(const o of e)if(o.isFile){const n=await this._getAsFile(o);this._isAccepted(n)&&r.push(n)}else if(o.isDirectory){const n=await this._mkdir(o);t.push(n)}}async _readAllEntries(e,t,r){return new Promise((o,n)=>{e.readEntries(async a=>{if(!a.length){o();return}await this._processEntries(a,t,r),await this._readAllEntries(e,t,r),o()},n)})}async _mkdir(e){const t=e.createReader(),r=[],o=[];return await this._readAllEntries(t,r,o),{folderName:e.name,folders:r,files:o}}_isAccepted(e){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const t=e.type.toLowerCase(),r=e.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.toLowerCase()))return!0;for(const o of this._acceptedMimeTypes)if(t===o||o.endsWith("/*")&&t.startsWith(o.replace("*","")))return!0;return!1}async _getAsFile(e){return new Promise((t,r)=>e.file(t,r))}async _onDrop(e){e.preventDefault(),this._dropzone.classList.remove("hover");const t=e.dataTransfer?.items;if(t){const r=await this._getAllEntries(t);if(this.multiple===!1&&r.files.length&&(r.files=[r.files[0]],r.folders=[],r.rejectedFiles=[]),r.rejectedFiles.length>0&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r.rejectedFiles,folders:[]}})),!r.files.length&&!r.folders.length)return;this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:r.files,folders:r.folders}}))}}_onDragOver(e){e.preventDefault()}_onDragEnter(e){this._dropzone.classList.add("hover"),e.preventDefault()}_onDragLeave(e){this._dropzone.classList.remove("hover"),e.preventDefault()}_onFileInputChange(){const e=this._input.files?Array.from(this._input.files):[];this.multiple===!1&&e.length>1&&e.splice(1,e.length-1);const t=e.filter(o=>this._isAccepted(o)),r=e.filter(o=>!this._isAccepted(o));r.length>0&&(this.multiple||t.length===0)&&this.dispatchEvent(new Re(Re.REJECT,{detail:{files:r,folders:[]}})),t.length&&this.dispatchEvent(new Re(Re.CHANGE,{detail:{files:t,folders:[]}}))}render(){return c`
|
|
3548
3548
|
<div id="dropzone">
|
|
3549
3549
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
3550
3550
|
${this.renderLabel()}
|
|
@@ -3558,7 +3558,7 @@
|
|
|
3558
3558
|
aria-label="${this.label}" />
|
|
3559
3559
|
<slot></slot>
|
|
3560
3560
|
</div>
|
|
3561
|
-
`}},
|
|
3561
|
+
`}},s.UUIFileDropzoneElement.styles=[b`
|
|
3562
3562
|
#dropzone {
|
|
3563
3563
|
display: flex;
|
|
3564
3564
|
flex-direction: column;
|
|
@@ -3596,7 +3596,7 @@
|
|
|
3596
3596
|
opacity: 0;
|
|
3597
3597
|
display: none;
|
|
3598
3598
|
}
|
|
3599
|
-
`],oi([S("#input")],
|
|
3599
|
+
`],oi([S("#input")],s.UUIFileDropzoneElement.prototype,"_input",2),oi([S("#dropzone")],s.UUIFileDropzoneElement.prototype,"_dropzone",2),oi([l({type:String})],s.UUIFileDropzoneElement.prototype,"accept",1),oi([l({type:Boolean,reflect:!0,attribute:"disallow-folder-upload"})],s.UUIFileDropzoneElement.prototype,"disallowFolderUpload",2),oi([l({type:Boolean})],s.UUIFileDropzoneElement.prototype,"multiple",2),s.UUIFileDropzoneElement=oi([p("uui-file-dropzone")],s.UUIFileDropzoneElement);let Hp=class{static humanFileSize(e,t=!1,r=1){const o=t?1e3:1024;if(Math.abs(e)<o)return e+" B";const n=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let a=-1;const h=10**r;do e/=o,++a;while(Math.round(Math.abs(e)*h)/h>=o&&a<n.length-1);return e.toFixed(r)+" "+n[a]}};var jp=Object.defineProperty,Rp=Object.getOwnPropertyDescriptor,xe=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&jp(e,t,o),o};s.UUIFilePreviewElement=class extends g{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(e){const t=this._file;e instanceof File&&(this._name=e.name.split(".")[0],this._extension=e.name.split(".")[1],this._isDirectory=!1,this._size=e.size,this._isFileAnImage(e)&&(this._isImage=!0,this._getThumbnail(e).then(r=>{this._src=r})),this.requestUpdate("file",t))}connectedCallback(){super.connectedCallback(),_(this,"uui-symbol-file-thumbnail"),_(this,"uui-symbol-folder"),_(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?c`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?c`<uui-symbol-file-thumbnail
|
|
3600
3600
|
.src=${this._src}
|
|
3601
3601
|
.alt=${this._name}
|
|
3602
3602
|
id="file-symbol"></uui-symbol-file-thumbnail>`:c`<uui-symbol-file
|
|
@@ -3616,10 +3616,10 @@
|
|
|
3616
3616
|
<div id="file-info">
|
|
3617
3617
|
${this._renderLongName()}
|
|
3618
3618
|
<span id="file-size">
|
|
3619
|
-
${this._size&&!this._isDirectory?c`${
|
|
3619
|
+
${this._size&&!this._isDirectory?c`${Hp.humanFileSize(this._size,!0)}`:""}
|
|
3620
3620
|
</span>
|
|
3621
3621
|
</div>
|
|
3622
|
-
`}},
|
|
3622
|
+
`}},s.UUIFilePreviewElement.styles=[b`
|
|
3623
3623
|
:host {
|
|
3624
3624
|
position: relative;
|
|
3625
3625
|
display: grid;
|
|
@@ -3687,7 +3687,7 @@
|
|
|
3687
3687
|
text-decoration: underline;
|
|
3688
3688
|
cursor: pointer;
|
|
3689
3689
|
}
|
|
3690
|
-
`],xe([$()],
|
|
3690
|
+
`],xe([$()],s.UUIFilePreviewElement.prototype,"_name",2),xe([$()],s.UUIFilePreviewElement.prototype,"_url",2),xe([$()],s.UUIFilePreviewElement.prototype,"_extension",2),xe([$()],s.UUIFilePreviewElement.prototype,"_src",2),xe([$()],s.UUIFilePreviewElement.prototype,"_size",2),xe([$()],s.UUIFilePreviewElement.prototype,"_isDirectory",2),xe([$()],s.UUIFilePreviewElement.prototype,"_file",2),xe([$()],s.UUIFilePreviewElement.prototype,"_isImage",2),xe([l({attribute:!1})],s.UUIFilePreviewElement.prototype,"file",1),s.UUIFilePreviewElement=xe([p("uui-file-preview")],s.UUIFilePreviewElement);var Fp=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,Xo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fp(e,t,o),o};s.UUIFormLayoutItemElement=class extends g{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=e=>{this._labelSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=e=>{this._descriptionSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),_(this,"uui-form-validation-message")}render(){return c`
|
|
3691
3691
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
3692
3692
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
3693
3693
|
</div>
|
|
@@ -3703,7 +3703,7 @@
|
|
|
3703
3703
|
<slot></slot>
|
|
3704
3704
|
<slot name="message" slot="message"></slot>
|
|
3705
3705
|
</uui-form-validation-message>
|
|
3706
|
-
`}},
|
|
3706
|
+
`}},s.UUIFormLayoutItemElement.styles=[b`
|
|
3707
3707
|
:host {
|
|
3708
3708
|
position: relative;
|
|
3709
3709
|
display: block;
|
|
@@ -3722,17 +3722,17 @@
|
|
|
3722
3722
|
margin-top: -8px;
|
|
3723
3723
|
min-height: 8px;
|
|
3724
3724
|
}
|
|
3725
|
-
`],Xo([l({type:String})],
|
|
3725
|
+
`],Xo([l({type:String})],s.UUIFormLayoutItemElement.prototype,"description",2),Xo([$()],s.UUIFormLayoutItemElement.prototype,"_labelSlotHasContent",2),Xo([$()],s.UUIFormLayoutItemElement.prototype,"_descriptionSlotHasContent",2),s.UUIFormLayoutItemElement=Xo([p("uui-form-layout-item")],s.UUIFormLayoutItemElement);/**
|
|
3726
3726
|
* @license
|
|
3727
3727
|
* Copyright 2017 Google LLC
|
|
3728
3728
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3729
|
-
*/class Tn extends Ft{constructor(e){if(super(e),this.et=T,e.type!==he.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===T||e==null)return this.ft=void 0,this.et=e;if(e===ee)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Tn.directiveName="unsafeHTML",Tn.resultType=1;const Yo=Rt(Tn);var
|
|
3729
|
+
*/class Tn extends Ft{constructor(e){if(super(e),this.et=T,e.type!==he.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===T||e==null)return this.ft=void 0,this.et=e;if(e===ee)return e;if(typeof e!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(e===this.et)return this.ft;this.et=e;const t=[e];return t.raw=t,this.ft={_$litType$:this.constructor.resultType,strings:t,values:[]}}}Tn.directiveName="unsafeHTML",Tn.resultType=1;const Yo=Rt(Tn);var Wp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Tl=(i,e,t,r)=>{for(var o=r>1?void 0:r?qp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wp(e,t,o),o};s.UUIFormValidationMessageElement=class extends g{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=e=>{const t=e.composedPath()[0];t.pristine===!1?this._messages.set(t,t.validationMessage):this._messages.delete(t),this.requestUpdate("_messages")},this._onControlValid=e=>{const t=e.composedPath()[0];this._messages.delete(t),this.requestUpdate("_messages")},this.for===null&&(this.for=this)}get for(){return this._for}set for(e){let t=null;typeof e=="string"?t=this.getRootNode()?.getElementById(e):e instanceof HTMLElement&&(t=e);const r=t??this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(yo.INVALID,this._onControlInvalid),o.removeEventListener(yo.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(yo.INVALID,this._onControlInvalid),this._for.addEventListener(yo.VALID,this._onControlValid))}render(){return c`
|
|
3730
3730
|
<slot></slot>
|
|
3731
3731
|
<div id="messages">
|
|
3732
3732
|
${wo(this._messages,e=>c`<div>${Yo(e[1])}</div>`)}
|
|
3733
3733
|
<slot name="message"></slot>
|
|
3734
3734
|
</div>
|
|
3735
|
-
`}},
|
|
3735
|
+
`}},s.UUIFormValidationMessageElement.styles=[b`
|
|
3736
3736
|
#messages {
|
|
3737
3737
|
color: var(--uui-color-invalid-standalone,rgb(
|
|
3738
3738
|
174,
|
|
@@ -3740,7 +3740,7 @@
|
|
|
3740
3740
|
71
|
|
3741
3741
|
));
|
|
3742
3742
|
}
|
|
3743
|
-
`],Tl([l({reflect:!1,attribute:!0})],
|
|
3743
|
+
`],Tl([l({reflect:!1,attribute:!0})],s.UUIFormValidationMessageElement.prototype,"for",1),s.UUIFormValidationMessageElement=Tl([p("uui-form-validation-message")],s.UUIFormValidationMessageElement);var Kp=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIFormElement=class extends g{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(e){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const t=e.target.assignedNodes({flatten:!0}).filter(r=>r instanceof HTMLFormElement);this._formElement=t.length>0?t[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(e){if(e.target===null)return;const t=e.target;if(!t.checkValidity()){t.setAttribute("submit-invalid","");return}t.removeAttribute("submit-invalid")}_onReset(e){e.target!==null&&e.target.removeAttribute("submit-invalid")}render(){return c`<slot @slotchange=${this._onSlotChanged}></slot>`}},s.UUIFormElement=Kp([p("uui-form")],s.UUIFormElement);let qi=class extends z{constructor(e,t={}){super(e,{bubbles:!0,composed:!0,...t}),this.icon=null}static{this.ICON_REQUEST="icon-request"}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}};var Xp=Object.defineProperty,Yp=Object.getOwnPropertyDescriptor,kt=(i,e,t,r)=>{for(var o=r>1?void 0:r?Yp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Xp(e,t,o),o};s.UUIIconElement=class extends g{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,this.label="",this.svg=null,this.fallback=null,this._useFallback=!1}get name(){return this._name}set name(e){this._name=e,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const e=new qi(qi.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(e),e.icon!==null?(this._retrievedNameIcon=!0,e.icon.then(t=>{this._useFallback=!1,this._nameSvg=t})):(this._retrievedNameIcon=!1,this._useFallback=!0)}}connectedCallback(){super.connectedCallback(),this._retrievedNameIcon===!1&&this.requestIcon()}disconnectedCallback(){this._retrievedNameIcon=!1}firstUpdated(){this._retrievedNameIcon===!1&&this.requestIcon(),typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}render(){return this._useFallback===!0?this.fallback===null?c`<slot name="fallback"></slot>`:c`${Yo(this.fallback)}`:this._nameSvg!==null?c`${Yo(this._nameSvg)}`:this.svg!==null?c`${Yo(this.svg)}`:c`<slot></slot>`}},s.UUIIconElement.styles=[b`
|
|
3744
3744
|
:host {
|
|
3745
3745
|
vertical-align: text-bottom;
|
|
3746
3746
|
display: inline-flex;
|
|
@@ -3766,13 +3766,13 @@
|
|
|
3766
3766
|
:host-context(div[slot='append']) {
|
|
3767
3767
|
margin-right: var(--uui-size-2, 6px);
|
|
3768
3768
|
}
|
|
3769
|
-
`],kt([$()],n.UUIIconElement.prototype,"_nameSvg",2),kt([l()],n.UUIIconElement.prototype,"label",2),kt([l()],n.UUIIconElement.prototype,"name",1),kt([l({attribute:!1})],n.UUIIconElement.prototype,"svg",2),kt([l({attribute:!1})],n.UUIIconElement.prototype,"fallback",2),kt([$()],n.UUIIconElement.prototype,"_useFallback",2),n.UUIIconElement=kt([p("uui-icon")],n.UUIIconElement);let Nn=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Bn=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qi.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qi.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Nn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Nn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Nl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zp(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Yp(e,t,o),o};n.UUIIconRegistryElement=class extends g{constructor(){super(),this._icons={},this._registry=new Bn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return c`<slot></slot>`}},Nl([l({attribute:!1})],n.UUIIconRegistryElement.prototype,"_icons",2),n.UUIIconRegistryElement=Nl([p("uui-icon-registry")],n.UUIIconRegistryElement);const Jp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,Qp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,tb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,ob=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,rb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,nb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,sb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,ab=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,lb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,cb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,hb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,db=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,pb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,bb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,mb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,vb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,gb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,fb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,yb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,wb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,$b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,_b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,Ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,kb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,Eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,xb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,Cb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Sb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;let Bl=class extends Bn{constructor(){super(),this.defineIcon("add",Jp.strings[0]),this.defineIcon("alert",Qp.strings[0]),this.defineIcon("attachment",eb.strings[0]),this.defineIcon("calendar",tb.strings[0]),this.defineIcon("check",ib.strings[0]),this.defineIcon("clipboard",ob.strings[0]),this.defineIcon("code",rb.strings[0]),this.defineIcon("colorpicker",nb.strings[0]),this.defineIcon("copy",sb.strings[0]),this.defineIcon("delete",ab.strings[0]),this.defineIcon("document",lb.strings[0]),this.defineIcon("download",ub.strings[0]),this.defineIcon("edit",cb.strings[0]),this.defineIcon("favorite",hb.strings[0]),this.defineIcon("folder",db.strings[0]),this.defineIcon("forbidden",pb.strings[0]),this.defineIcon("info",bb.strings[0]),this.defineIcon("link",mb.strings[0]),this.defineIcon("lock",vb.strings[0]),this.defineIcon("pause",gb.strings[0]),this.defineIcon("picture",fb.strings[0]),this.defineIcon("play",yb.strings[0]),this.defineIcon("remove",wb.strings[0]),this.defineIcon("search",$b.strings[0]),this.defineIcon("see",_b.strings[0]),this.defineIcon("settings",Ub.strings[0]),this.defineIcon("subtract",kb.strings[0]),this.defineIcon("sync",Eb.strings[0]),this.defineIcon("unlock",xb.strings[0]),this.defineIcon("unsee",Ib.strings[0]),this.defineIcon("wand",Cb.strings[0]),this.defineIcon("wrong",Sb.strings[0])}};var Ab=(i,e,t,r)=>{for(var o=e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=a(o)||o);return o};n.UUIIconRegistryEssentialElement=class extends n.UUIIconRegistryElement{constructor(){super(),this.registry=new Bl}},n.UUIIconRegistryEssentialElement=Ab([p("uui-icon-registry-essential")],n.UUIIconRegistryEssentialElement);var Pb=Object.defineProperty,zb=Object.getOwnPropertyDescriptor,ri=(i,e,t,r)=>{for(var o=r>1?void 0:r?zb(e,t):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Pb(e,t,o),o};n.UUIInputFileElement=class extends we(g){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],s=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=s;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,s),this._updateFileWrappers([s]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const s=o instanceof File;r.append(this.name,s?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return c`<uui-file-preview .file="${e}">
|
|
3769
|
+
`],kt([$()],s.UUIIconElement.prototype,"_nameSvg",2),kt([l()],s.UUIIconElement.prototype,"label",2),kt([l()],s.UUIIconElement.prototype,"name",1),kt([l({attribute:!1})],s.UUIIconElement.prototype,"svg",2),kt([l({attribute:!1})],s.UUIIconElement.prototype,"fallback",2),kt([$()],s.UUIIconElement.prototype,"_useFallback",2),s.UUIIconElement=kt([p("uui-icon")],s.UUIIconElement);let Nn=class{constructor(e){this.promise=new Promise((t,r)=>{this.resolve=t,this.reject=r}),e&&this.resolve(e)}set svg(e){this.resolve(e)}},Bn=class{constructor(){this.icons={},this._onIconRequest=e=>{const t=this.getIcon(e.detail.iconName);t!==null&&e.acceptRequest(t)}}attach(e){e.addEventListener(qi.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(qi.ICON_REQUEST,this._onIconRequest)}defineIcon(e,t){if(this.icons[e]){this.icons[e].svg=t;return}this.icons[e]=new Nn(t)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new Nn}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}};var Zp=Object.defineProperty,Jp=Object.getOwnPropertyDescriptor,Nl=(i,e,t,r)=>{for(var o=r>1?void 0:r?Jp(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Zp(e,t,o),o};s.UUIIconRegistryElement=class extends g{constructor(){super(),this._icons={},this._registry=new Bn,this._registry.attach(this)}get icons(){return this._icons}set icons(e){this._icons=e,this._registry&&Object.entries(this._icons).forEach(([t,r])=>this._registry.defineIcon(t,r))}get registry(){return this._registry}set registry(e){this.registry&&this.registry.detach(this),e.attach(this),this._registry=e}render(){return c`<slot></slot>`}},Nl([l({attribute:!1})],s.UUIIconRegistryElement.prototype,"_icons",2),s.UUIIconRegistryElement=Nl([p("uui-icon-registry")],s.UUIIconRegistryElement);const Qp=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>`,eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`,tb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" /></svg>`,ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="4" rx="2" ry="2" /><line x1="16" x2="16" y1="2" y2="6" /><line x1="8" x2="8" y1="2" y2="6" /><line x1="3" x2="21" y1="10" y2="10" /><path d="M8 14h.01" /><path d="M12 14h.01" /><path d="M16 14h.01" /><path d="M8 18h.01" /><path d="M12 18h.01" /><path d="M16 18h.01" /></svg>`,ob=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12" /></svg>`,rb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1" /><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /></svg>`,nb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6" /><polyline points="8 6 2 12 8 18" /></svg>`,sb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m2 22 1-1h3l9-9" /><path d="M3 21v-3l9-9" /><path d="m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9l.4.4a2.1 2.1 0 1 1-3 3l-3.8-3.8a2.1 2.1 0 1 1 3-3l.4.4Z" /></svg>`,ab=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z" /><path d="M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8" /><path d="M15 2v5h5" /></svg>`,lb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" x2="10" y1="11" y2="17" /><line x1="14" x2="14" y1="11" y2="17" /></svg>`,ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" /><polyline points="14 2 14 8 20 8" /></svg>`,cb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>`,hb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>`,db=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" /></svg>`,pb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" /><path d="M2 10h20" /></svg>`,bb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`,mb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" ><circle cx="12" cy="12" r="10" /><path d="M12 16v-4" /><path d="M12 8h.01" /></svg>`,vb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></svg>`,gb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" /></svg>`,fb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="4" height="16" x="6" y="4" /><rect width="4" height="16" x="14" y="4" /></svg>`,yb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" /></svg>`,wb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3" /></svg>`,$b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18" /><path d="m6 6 12 12" /></svg>`,_b=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>`,Ub=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" /></svg>`,kb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" /><circle cx="12" cy="12" r="3" /></svg>`,Eb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14" /></svg>`,xb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" /><path d="M21 3v5h-5" /><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" /><path d="M8 16H3v5" /></svg>`,Ib=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 9.9-1" /></svg>`,Cb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24" /><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" /><path d="M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" /><line x1="2" x2="22" y1="2" y2="22" /></svg>`,Sb=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M15 4V2" /><path d="M15 16v-2" /><path d="M8 9h2" /><path d="M20 9h2" /><path d="M17.8 11.8 19 13" /><path d="M15 9h0" /><path d="M17.8 6.2 19 5" /><path d="m3 21 9-9" /><path d="M12.2 6.2 11 5" /></svg>`,Ab=f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><path d="m15 9-6 6" /><path d="m9 9 6 6" /></svg>`;let Bl=class extends Bn{constructor(){super(),this.defineIcon("add",Qp.strings[0]),this.defineIcon("alert",eb.strings[0]),this.defineIcon("attachment",tb.strings[0]),this.defineIcon("calendar",ib.strings[0]),this.defineIcon("check",ob.strings[0]),this.defineIcon("clipboard",rb.strings[0]),this.defineIcon("code",nb.strings[0]),this.defineIcon("colorpicker",sb.strings[0]),this.defineIcon("copy",ab.strings[0]),this.defineIcon("delete",lb.strings[0]),this.defineIcon("document",ub.strings[0]),this.defineIcon("download",cb.strings[0]),this.defineIcon("edit",hb.strings[0]),this.defineIcon("favorite",db.strings[0]),this.defineIcon("folder",pb.strings[0]),this.defineIcon("forbidden",bb.strings[0]),this.defineIcon("info",mb.strings[0]),this.defineIcon("link",vb.strings[0]),this.defineIcon("lock",gb.strings[0]),this.defineIcon("pause",fb.strings[0]),this.defineIcon("picture",yb.strings[0]),this.defineIcon("play",wb.strings[0]),this.defineIcon("remove",$b.strings[0]),this.defineIcon("search",_b.strings[0]),this.defineIcon("see",Ub.strings[0]),this.defineIcon("settings",kb.strings[0]),this.defineIcon("subtract",Eb.strings[0]),this.defineIcon("sync",xb.strings[0]),this.defineIcon("unlock",Ib.strings[0]),this.defineIcon("unsee",Cb.strings[0]),this.defineIcon("wand",Sb.strings[0]),this.defineIcon("wrong",Ab.strings[0])}};var Pb=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIIconRegistryEssentialElement=class extends s.UUIIconRegistryElement{constructor(){super(),this.registry=new Bl}},s.UUIIconRegistryEssentialElement=Pb([p("uui-icon-registry-essential")],s.UUIIconRegistryEssentialElement);var zb=Object.defineProperty,Ob=Object.getOwnPropertyDescriptor,ri=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ob(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zb(e,t,o),o};s.UUIInputFileElement=class extends we(g){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=e=>{let t=[];for(const r of e)this.multiple?t.push(r):t=[r];this._files=t},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return super.value}set value(e){if(super.value=e,e instanceof FormData){const t=this.multiple?e.getAll(this.name):[e.get(this.name)];this._updateFileWrappers(t);return}if(e instanceof File){this._updateFileWrappers([e]);return}}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-file-dropzone"),_(this,"uui-button"),_(this,"uui-action-bar"),_(this,"uui-file-preview")}getFormElement(){return this._dropZone}async blur(){await this.updateComplete,this._dropzone.blur()}async focus(){await this.updateComplete,this._dropzone.focus()}async click(){await this.updateComplete,this._dropzone.browse()}_handleClick(e){e.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(e){const t=e.detail.files.filter(o=>o instanceof File||o.isFile);if(!this.multiple){const o=t[0],n=o instanceof File?o:await this._getFile(o);if(this.value instanceof File){this.value=n;return}if(this.value instanceof FormData){this.value.delete(this.name),this.value.append(this.name,n),this._updateFileWrappers([n]);return}}let r=this.value;if(t.length>0&&!(this.value instanceof FormData)&&(r=new FormData),r instanceof FormData)for(const o of t){const n=o instanceof File;r.append(this.name,n?o:await this._getFile(o))}this.value=r}async _getFile(e){return await new Promise((t,r)=>e.file(t,r))}_removeFile(e){const t=this._files[e];if(this.value instanceof FormData){const r=this.value.getAll(this.name).filter(o=>o!==t);if(r.length===0)this.value="";else{this.value.delete(this.name);for(const o of r)this.value.append(this.name,o)}this._updateFileWrappers(r)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(e){e?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(e,t){return c`<uui-file-preview .file="${e}">
|
|
3770
3770
|
<uui-action-bar slot="actions">
|
|
3771
3771
|
<uui-button
|
|
3772
3772
|
@click=${()=>this._removeFile(t)}
|
|
3773
3773
|
color="danger"
|
|
3774
3774
|
label=${`Delete ${e.name}`}>
|
|
3775
|
-
<uui-icon name="delete" .fallback=${
|
|
3775
|
+
<uui-icon name="delete" .fallback=${Vh.strings[0]}></uui-icon>
|
|
3776
3776
|
</uui-button>
|
|
3777
3777
|
</uui-action-bar>
|
|
3778
3778
|
</uui-file-preview>`}_renderFiles(){return c`${wo(this._files,e=>e.name+e.size,(e,t)=>this._renderFileItem(e,t))}`}render(){return c`
|
|
@@ -3790,7 +3790,7 @@
|
|
|
3790
3790
|
look="placeholder"
|
|
3791
3791
|
label="Add"></uui-button>`:C}
|
|
3792
3792
|
</div>
|
|
3793
|
-
`}},
|
|
3793
|
+
`}},s.UUIInputFileElement.styles=[b`
|
|
3794
3794
|
:host {
|
|
3795
3795
|
width: 100%;
|
|
3796
3796
|
height: 100%;
|
|
@@ -3839,7 +3839,7 @@
|
|
|
3839
3839
|
justify-content: center;
|
|
3840
3840
|
align-items: stretch;
|
|
3841
3841
|
}
|
|
3842
|
-
`],ri([S("#dropzone")],
|
|
3842
|
+
`],ri([S("#dropzone")],s.UUIInputFileElement.prototype,"_dropzone",2),ri([S("#dropzone")],s.UUIInputFileElement.prototype,"_dropZone",2),ri([l({type:String})],s.UUIInputFileElement.prototype,"accept",2),ri([l({type:Boolean})],s.UUIInputFileElement.prototype,"multiple",2),ri([$()],s.UUIInputFileElement.prototype,"_files",2),s.UUIInputFileElement=ri([p("uui-input-file")],s.UUIInputFileElement);let Ki=class extends z{static{this.CHANGE="change"}static{this.INPUT="input"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Lb=Object.defineProperty,Mb=Object.getOwnPropertyDescriptor,Dl=i=>{throw TypeError(i)},G=(i,e,t,r)=>{for(var o=r>1?void 0:r?Mb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Lb(e,t,o),o},Tb=(i,e,t)=>e.has(i)||Dl("Cannot "+t),Nb=(i,e,t)=>e.has(i)?Dl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Bb=(i,e,t)=>(Tb(i,e,"access private method"),t),Dn,Vl;s.UUIInputElement=class extends we(ye("",g),""){constructor(){super(),Nb(this,Dn),this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t-e} too many.`,this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="text",this.tabIndex=0,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("keydown",Bb(this,Dn,Vl)),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&String(this.value).length>this.maxlength),this.updateComplete.then(()=>{this.addFormControlElement(this._input)})}get type(){return this._type}set type(e){this._type=e}async blur(){await this.updateComplete,this._input.blur()}async focus(){await this.updateComplete,this._input.focus()}async select(){await this.updateComplete,this._input.select()}getFormElement(){return this.shadowRoot?.querySelector("input")}onInput(e){e.stopPropagation(),this.value=e.target.value,this.dispatchEvent(new Ki(Ki.INPUT))}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ki(Ki.CHANGE))}renderPrepend(){return c`<slot name="prepend"></slot>`}renderAppend(){return c`<slot name="append"></slot>`}render(){return c`
|
|
3843
3843
|
${this.renderPrepend()}
|
|
3844
3844
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3845
3845
|
${this.renderAppend()}
|
|
@@ -3867,7 +3867,7 @@
|
|
|
3867
3867
|
?readonly=${this.readonly}
|
|
3868
3868
|
tabindex=${w(this.tabIndex)}
|
|
3869
3869
|
@input=${this.onInput}
|
|
3870
|
-
@change=${this.onChange} />`}renderAutoWidthBackground(){return c` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return c`${this.value.length>0?this.value:this.placeholder}`}},Dn=new WeakSet,Vl=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},
|
|
3870
|
+
@change=${this.onChange} />`}renderAutoWidthBackground(){return c` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return c`${this.value.length>0?this.value:this.placeholder}`}},Dn=new WeakSet,Vl=function(i){this.type!=="color"&&i.key=="Enter"&&this.submit()},s.UUIInputElement.formAssociated=!0,s.UUIInputElement.styles=[b`
|
|
3871
3871
|
:host {
|
|
3872
3872
|
position: relative;
|
|
3873
3873
|
display: inline-flex;
|
|
@@ -4016,16 +4016,16 @@
|
|
|
4016
4016
|
height: 100%;
|
|
4017
4017
|
--uui-input-border-width: 0;
|
|
4018
4018
|
}
|
|
4019
|
-
`],G([l()],
|
|
4019
|
+
`],G([l()],s.UUIInputElement.prototype,"min",2),G([l({type:Number})],s.UUIInputElement.prototype,"minlength",2),G([l({attribute:"minlength-message"})],s.UUIInputElement.prototype,"minlengthMessage",2),G([l()],s.UUIInputElement.prototype,"max",2),G([l({type:Number})],s.UUIInputElement.prototype,"maxlength",2),G([l({attribute:"maxlength-message"})],s.UUIInputElement.prototype,"maxlengthMessage",2),G([l({type:Number})],s.UUIInputElement.prototype,"step",2),G([l({type:Boolean,reflect:!0})],s.UUIInputElement.prototype,"disabled",2),G([l({type:Boolean,reflect:!0})],s.UUIInputElement.prototype,"readonly",2),G([l()],s.UUIInputElement.prototype,"placeholder",2),G([l()],s.UUIInputElement.prototype,"autocomplete",2),G([l({type:Boolean,reflect:!0,attribute:"auto-width"})],s.UUIInputElement.prototype,"autoWidth",2),G([l({type:String})],s.UUIInputElement.prototype,"type",1),G([l({attribute:"inputmode"})],s.UUIInputElement.prototype,"inputMode",2),G([l({type:String})],s.UUIInputElement.prototype,"pattern",2),G([l({type:Number,reflect:!1,attribute:"tabindex"})],s.UUIInputElement.prototype,"tabIndex",2),G([S("#input")],s.UUIInputElement.prototype,"_input",2),s.UUIInputElement=G([p("uui-input")],s.UUIInputElement);let Vn=class extends z{static{this.LOCK_CHANGE="lock-change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Db=Object.defineProperty,Vb=Object.getOwnPropertyDescriptor,Hl=i=>{throw TypeError(i)},Zo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Vb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Db(e,t,o),o},jl=(i,e,t)=>e.has(i)||Hl("Cannot "+t),Hb=(i,e,t)=>(jl(i,e,"read from private field"),t?t.call(i):e.get(i)),jb=(i,e,t)=>e.has(i)?Hl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Rb=(i,e,t,r)=>(jl(i,e,"write to private field"),e.set(i,t),t),Jo;s.UUIInputLockElement=class extends s.UUIInputElement{constructor(){super(),jb(this,Jo,!0),this.unlockLabel="Unlock input",this.lockLabel="Lock input",this.readonly=!0,this.tabIndex=-1}set locked(e){Rb(this,Jo,e),this.readonly=e,this.tabIndex=e?-1:0}get locked(){return Hb(this,Jo)}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button")}_onLockToggle(){this.locked=!this.locked,this.pristine=!1,this.dispatchEvent(new Vn(Vn.LOCK_CHANGE)),this.locked||this._input?.focus()}renderIcon(){return this.locked===!0?c`<uui-icon name="lock" .fallback=${Hh.strings[0]}></uui-icon>`:c`<uui-icon
|
|
4020
4020
|
name="unlock"
|
|
4021
|
-
.fallback=${
|
|
4021
|
+
.fallback=${Gh.strings[0]}></uui-icon>`}renderPrepend(){return c`<uui-button
|
|
4022
4022
|
.disabled=${this.disabled}
|
|
4023
4023
|
@click=${this._onLockToggle}
|
|
4024
4024
|
compact
|
|
4025
4025
|
id="lock"
|
|
4026
4026
|
label="${this.locked?this.unlockLabel:this.lockLabel}">
|
|
4027
4027
|
${this.renderIcon()}
|
|
4028
|
-
</uui-button>`}},Jo=new WeakMap,
|
|
4028
|
+
</uui-button>`}},Jo=new WeakMap,s.UUIInputLockElement.styles=[...s.UUIInputElement.styles,b`
|
|
4029
4029
|
#lock {
|
|
4030
4030
|
height: 100%;
|
|
4031
4031
|
|
|
@@ -4039,16 +4039,16 @@
|
|
|
4039
4039
|
cursor: not-allowed;
|
|
4040
4040
|
opacity: 0.55;
|
|
4041
4041
|
}
|
|
4042
|
-
`],Zo([l({type:Boolean,reflect:!0})],
|
|
4042
|
+
`],Zo([l({type:Boolean,reflect:!0})],s.UUIInputLockElement.prototype,"locked",1),Zo([l({type:String,reflect:!1,attribute:"unlock-label"})],s.UUIInputLockElement.prototype,"unlockLabel",2),Zo([l({type:String,reflect:!1,attribute:"lock-label"})],s.UUIInputLockElement.prototype,"lockLabel",2),s.UUIInputLockElement=Zo([p("uui-input-lock")],s.UUIInputLockElement);var Fb=Object.defineProperty,Gb=Object.getOwnPropertyDescriptor,Hn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fb(e,t,o),o};s.UUIInputPasswordElement=class extends s.UUIInputElement{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(e){this.passwordType=e}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),_(this,"uui-icon"),_(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?c`<uui-icon name="see" .fallback=${Rh.strings[0]}></uui-icon>`:c`<uui-icon
|
|
4043
4043
|
name="unsee"
|
|
4044
|
-
.fallback=${
|
|
4044
|
+
.fallback=${Wh.strings[0]}></uui-icon>`}renderAppend(){return c`<uui-button
|
|
4045
4045
|
.disabled=${this.disabled}
|
|
4046
4046
|
@click=${this._onPasswordToggle}
|
|
4047
4047
|
compact
|
|
4048
4048
|
label="${this.passwordType==="password"?"Show password":"Hide password"}"
|
|
4049
4049
|
id="eye">
|
|
4050
4050
|
${this.renderIcon()}
|
|
4051
|
-
</uui-button>`}},
|
|
4051
|
+
</uui-button>`}},s.UUIInputPasswordElement.styles=[...s.UUIInputElement.styles,b`
|
|
4052
4052
|
#eye {
|
|
4053
4053
|
height: 100%;
|
|
4054
4054
|
margin-left: -6px;
|
|
@@ -4057,7 +4057,7 @@
|
|
|
4057
4057
|
#clear:hover {
|
|
4058
4058
|
color: black;
|
|
4059
4059
|
}
|
|
4060
|
-
`],Hn([$()],
|
|
4060
|
+
`],Hn([$()],s.UUIInputPasswordElement.prototype,"passwordType",2),Hn([l()],s.UUIInputPasswordElement.prototype,"type",1),s.UUIInputPasswordElement=Hn([p("uui-input-password")],s.UUIInputPasswordElement);var Wb=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIKeyboardShortcutElement=class extends g{render(){return c`<slot></slot>`}},s.UUIKeyboardShortcutElement.styles=[b`
|
|
4061
4061
|
:host {
|
|
4062
4062
|
display: inline-block;
|
|
4063
4063
|
font-family: inherit;
|
|
@@ -4072,7 +4072,7 @@
|
|
|
4072
4072
|
::slotted(*:last-child)uui-key {
|
|
4073
4073
|
margin-right: 0px;
|
|
4074
4074
|
}
|
|
4075
|
-
`],
|
|
4075
|
+
`],s.UUIKeyboardShortcutElement=Wb([p("uui-keyboard-shortcut")],s.UUIKeyboardShortcutElement);var qb=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIKeyElement=class extends g{render(){return c`<slot></slot>`}},s.UUIKeyElement.styles=[b`
|
|
4076
4076
|
:host {
|
|
4077
4077
|
background: var(--uui-color-surface,#fff);
|
|
4078
4078
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -4086,10 +4086,10 @@
|
|
|
4086
4086
|
user-select: none;
|
|
4087
4087
|
text-transform: lowercase;
|
|
4088
4088
|
}
|
|
4089
|
-
`],
|
|
4089
|
+
`],s.UUIKeyElement=qb([p("uui-key")],s.UUIKeyElement);var Kb=Object.defineProperty,Xb=Object.getOwnPropertyDescriptor,Qo=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Kb(e,t,o),o};s.UUILabelElement=class extends g{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const e=this.getForElement();e&&(e.focus(),e.click())}getForElement(){return typeof this.for=="string"?this.getRootNode()?.getElementById(this.for)||null:this.for||null}render(){return c`
|
|
4090
4090
|
<slot></slot>
|
|
4091
4091
|
${this.required?c`<div id="required">*</div>`:""}
|
|
4092
|
-
`}},
|
|
4092
|
+
`}},s.UUILabelElement.styles=[b`
|
|
4093
4093
|
:host {
|
|
4094
4094
|
font-weight: 700;
|
|
4095
4095
|
}
|
|
@@ -4104,7 +4104,7 @@
|
|
|
4104
4104
|
color: var(--uui-color-danger,#c31d4c);
|
|
4105
4105
|
font-weight: 900;
|
|
4106
4106
|
}
|
|
4107
|
-
`],Qo([l({type:Boolean,reflect:!0})],
|
|
4107
|
+
`],Qo([l({type:Boolean,reflect:!0})],s.UUILabelElement.prototype,"disabled",2),Qo([l({reflect:!0,attribute:!0})],s.UUILabelElement.prototype,"for",2),Qo([l({type:Boolean,reflect:!0})],s.UUILabelElement.prototype,"required",2),s.UUILabelElement=Qo([p("uui-label")],s.UUILabelElement);var Yb=Object.defineProperty,Zb=Object.getOwnPropertyDescriptor,jn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Zb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Yb(e,t,o),o};s.UUILoaderBarElement=class extends g{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=O(e,0,100),this.requestUpdate("progress",t)}get animationDuration(){return this._animationDuration}set animationDuration(e){const t=this._animationDuration;this._animationDuration=e>=0?e:1,this.requestUpdate("animationDuration",t)}render(){return c`
|
|
4108
4108
|
${this.progress?c`<div
|
|
4109
4109
|
id="bar"
|
|
4110
4110
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -4113,7 +4113,7 @@
|
|
|
4113
4113
|
class=${this.progress?"":"animate"}
|
|
4114
4114
|
style="animation-duration: ${this.animationDuration}s"></div>
|
|
4115
4115
|
<div id="bar-background"></div>
|
|
4116
|
-
`}},
|
|
4116
|
+
`}},s.UUILoaderBarElement.styles=[b`
|
|
4117
4117
|
:host {
|
|
4118
4118
|
position: relative;
|
|
4119
4119
|
display: block;
|
|
@@ -4172,7 +4172,7 @@
|
|
|
4172
4172
|
transform-origin: 175% 0%;
|
|
4173
4173
|
}
|
|
4174
4174
|
}
|
|
4175
|
-
`],jn([l({type:Number})],
|
|
4175
|
+
`],jn([l({type:Number})],s.UUILoaderBarElement.prototype,"progress",1),jn([l({type:Number})],s.UUILoaderBarElement.prototype,"animationDuration",1),s.UUILoaderBarElement=jn([p("uui-loader-bar")],s.UUILoaderBarElement);var Jb=Object.defineProperty,Qb=Object.getOwnPropertyDescriptor,Rn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Qb(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Jb(e,t,o),o};s.UUILoaderCircleElement=class extends g{constructor(){super(...arguments),this.progress=0,this.showProgress=!1,this._resizeObserver=new ResizeObserver(()=>this.onResize()),this._isLarge=!1}_circleStyle(){return this.progress?{strokeDasharray:`${this.progress} 100`}:{strokeDasharray:"100 100"}}firstUpdated(){this._resizeObserver.observe(this)}disconnectedCallback(){this._resizeObserver.disconnect()}onResize(){const e=this.clientHeight>=30;this._isLarge!=e&&(this._isLarge=e,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?c`<span id="progress-display">${this.progress}</span>`:""}render(){return c`
|
|
4176
4176
|
<svg
|
|
4177
4177
|
id="spinner"
|
|
4178
4178
|
class=${this.progress?"":"animate"}
|
|
@@ -4189,7 +4189,7 @@
|
|
|
4189
4189
|
</g>
|
|
4190
4190
|
</svg>
|
|
4191
4191
|
${this.renderProgress()}
|
|
4192
|
-
`}},
|
|
4192
|
+
`}},s.UUILoaderCircleElement.styles=[b`
|
|
4193
4193
|
:host {
|
|
4194
4194
|
vertical-align: middle;
|
|
4195
4195
|
line-height: 0;
|
|
@@ -4274,11 +4274,11 @@
|
|
|
4274
4274
|
/* Center the text */
|
|
4275
4275
|
padding-top: 0.09em;
|
|
4276
4276
|
}
|
|
4277
|
-
`],Rn([l({type:Number})],
|
|
4277
|
+
`],Rn([l({type:Number})],s.UUILoaderCircleElement.prototype,"progress",2),Rn([l({type:Boolean,reflect:!0,attribute:"show-progress"})],s.UUILoaderCircleElement.prototype,"showProgress",2),s.UUILoaderCircleElement=Rn([p("uui-loader-circle")],s.UUILoaderCircleElement);var em=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUILoaderElement=class extends g{render(){return c`
|
|
4278
4278
|
<div></div>
|
|
4279
4279
|
<div></div>
|
|
4280
4280
|
<div></div>
|
|
4281
|
-
`}},
|
|
4281
|
+
`}},s.UUILoaderElement.styles=[b`
|
|
4282
4282
|
:host {
|
|
4283
4283
|
color: var(--uui-color-default,#1b264f);
|
|
4284
4284
|
}
|
|
@@ -4318,7 +4318,7 @@
|
|
|
4318
4318
|
background-color: currentColor;
|
|
4319
4319
|
}
|
|
4320
4320
|
}
|
|
4321
|
-
`],
|
|
4321
|
+
`],s.UUILoaderElement=em([p("uui-loader")],s.UUILoaderElement);let ni=class extends z{static{this.SHOW_CHILDREN="show-children"}static{this.HIDE_CHILDREN="hide-children"}static{this.CLICK_LABEL="click-label"}};var tm=Object.defineProperty,im=Object.getOwnPropertyDescriptor,Rl=i=>{throw TypeError(i)},le=(i,e,t,r)=>{for(var o=r>1?void 0:r?im(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&tm(e,t,o),o},om=(i,e,t)=>e.has(i)||Rl("Cannot "+t),rm=(i,e,t)=>e.has(i)?Rl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Fn=(i,e,t)=>(om(i,e,"access private method"),t),Xi,Gn,Fl;s.UUIMenuItemElement=class extends fo(Dt(xi(ye("label",g)))){constructor(){super(...arguments),rm(this,Xi),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.caretLabel="Reveal the underlying items",this.iconSlotHasContent=!1,this._labelButtonChanged=e=>{this.selectableTarget=e||this},this._iconSlotChanged=e=>{this.iconSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const e=this.showChildren?ni.HIDE_CHILDREN:ni.SHOW_CHILDREN,t=new ni(e,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.showChildren=!this.showChildren)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),_(this,"uui-symbol-expand"),_(this,"uui-loader-bar")}async focus(){await this.updateComplete,this.shadowRoot?.querySelector("#label-button")?.focus?.()}_renderLabelInside(){return c` <slot
|
|
4322
4322
|
name="icon"
|
|
4323
4323
|
id="icon"
|
|
4324
4324
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
@@ -4360,7 +4360,7 @@
|
|
|
4360
4360
|
${this.showChildren?c`<slot></slot>`:""}
|
|
4361
4361
|
`}},Xi=new WeakSet,Gn=function(){if(this.selectOnly)return;const i=new ni(ni.CLICK_LABEL);this.dispatchEvent(i)},Fl=function(){if(this.renderExpandSymbol){const i=this.renderExpandSymbol();if(i)return i}return c`<uui-symbol-expand
|
|
4362
4362
|
aria-hidden="true"
|
|
4363
|
-
?open=${this.showChildren}></uui-symbol-expand>`},
|
|
4363
|
+
?open=${this.showChildren}></uui-symbol-expand>`},s.UUIMenuItemElement.styles=[b`
|
|
4364
4364
|
:host {
|
|
4365
4365
|
box-sizing: border-box;
|
|
4366
4366
|
display: block;
|
|
@@ -4762,7 +4762,7 @@
|
|
|
4762
4762
|
opacity: 0;
|
|
4763
4763
|
animation: fadeIn 120ms ease-in 60ms forwards;
|
|
4764
4764
|
}
|
|
4765
|
-
`],le([l({type:Boolean,reflect:!0})],
|
|
4765
|
+
`],le([l({type:Boolean,reflect:!0})],s.UUIMenuItemElement.prototype,"disabled",2),le([l({type:Boolean,reflect:!0,attribute:"show-children"})],s.UUIMenuItemElement.prototype,"showChildren",2),le([l({type:Boolean,attribute:"has-children"})],s.UUIMenuItemElement.prototype,"hasChildren",2),le([l({type:Boolean,attribute:"loading"})],s.UUIMenuItemElement.prototype,"loading",2),le([l({type:String})],s.UUIMenuItemElement.prototype,"href",2),le([l({type:String})],s.UUIMenuItemElement.prototype,"target",2),le([l({type:String})],s.UUIMenuItemElement.prototype,"rel",2),le([l({type:String,attribute:"select-mode",reflect:!0})],s.UUIMenuItemElement.prototype,"selectMode",2),le([l({type:String,attribute:"caret-label"})],s.UUIMenuItemElement.prototype,"caretLabel",2),le([l({attribute:!1})],s.UUIMenuItemElement.prototype,"renderExpandSymbol",2),le([$()],s.UUIMenuItemElement.prototype,"iconSlotHasContent",2),s.UUIMenuItemElement=le([p("uui-menu-item")],s.UUIMenuItemElement);var nm=Object.defineProperty,sm=Object.getOwnPropertyDescriptor,si=(i,e,t,r)=>{for(var o=r>1?void 0:r?sm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&nm(e,t,o),o};const Gl="uui:modal-open",ai="uui:modal-close",Wl="uui:modal-close-end";let ue=class extends g{constructor(){super(...arguments),this.isOpen=!1,this.isClosing=!1,this.index=0,this.uniqueIndex=0,this._transitionDuration=250,this.open=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(Gl,{cancelable:!0}),r=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(t),this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const t=new CustomEvent(ai,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&this.forceClose()}}get transitionDuration(){return this._transitionDuration}set transitionDuration(e){this._transitionDuration=e,this.style.setProperty("--uui-modal-transition-duration",this._transitionDuration+"ms")}firstUpdated(e){super.firstUpdated(e),this.isClosing||this.open()}_openModal(){this.isOpen=!0,this._dialogElement?.showModal(),this._dialogElement?.addEventListener("cancel",this.close)}forceClose(){this.isClosing=!0,this.isOpen=!1,this._dialogElement?.close(),this.dispatchEvent(new CustomEvent("close-end")),this.dispatchEvent(new CustomEvent(Wl)),this.remove()}static{this.styles=[b`
|
|
4766
4766
|
dialog {
|
|
4767
4767
|
display: block;
|
|
4768
4768
|
margin: 0;
|
|
@@ -4790,9 +4790,9 @@
|
|
|
4790
4790
|
:host([index='0']) dialog::after {
|
|
4791
4791
|
opacity: 0;
|
|
4792
4792
|
}
|
|
4793
|
-
`]}};si([S("dialog")],ue.prototype,"_dialogElement",2),si([l({type:Boolean,reflect:!0,attribute:"is-open"})],ue.prototype,"isOpen",2),si([l({type:Boolean,reflect:!0,attribute:"is-closing"})],ue.prototype,"isClosing",2),si([l({type:Number,reflect:!0})],ue.prototype,"index",2),si([l({type:Number,reflect:!0,attribute:"unique-index"})],ue.prototype,"uniqueIndex",2),si([l({type:Number,attribute:"transition-duration"})],ue.prototype,"transitionDuration",1);var
|
|
4793
|
+
`]}};si([S("dialog")],ue.prototype,"_dialogElement",2),si([l({type:Boolean,reflect:!0,attribute:"is-open"})],ue.prototype,"isOpen",2),si([l({type:Boolean,reflect:!0,attribute:"is-closing"})],ue.prototype,"isClosing",2),si([l({type:Number,reflect:!0})],ue.prototype,"index",2),si([l({type:Number,reflect:!0,attribute:"unique-index"})],ue.prototype,"uniqueIndex",2),si([l({type:Number,attribute:"transition-duration"})],ue.prototype,"transitionDuration",1);var am=Object.defineProperty,lm=Object.getOwnPropertyDescriptor,ql=i=>{throw TypeError(i)},Kl=(i,e,t,r)=>{for(var o=r>1?void 0:r?lm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&am(e,t,o),o},um=(i,e,t)=>e.has(i)||ql("Cannot "+t),Xl=(i,e,t)=>(um(i,e,"read from private field"),t?t.call(i):e.get(i)),cm=(i,e,t)=>e.has(i)?ql("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),er,Wn;s.UUIModalSidebarElement=class extends ue{constructor(){super(...arguments),cm(this,er),this.size="full"}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-offset",-Xl(this,er,Wn)+"px")}updated(e){super.updated(e),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}forceClose(){this.isClosing||(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Xl(this,er,Wn)+"px"),setTimeout(()=>{super.forceClose()},this.transitionDuration))}render(){return c`<dialog>
|
|
4794
4794
|
<slot></slot>
|
|
4795
|
-
</dialog>`}},er=new WeakSet,Wn=function(){return this._dialogElement?.getBoundingClientRect().width??0},
|
|
4795
|
+
</dialog>`}},er=new WeakSet,Wn=function(){return this._dialogElement?.getBoundingClientRect().width??0},s.UUIModalSidebarElement.styles=[...ue.styles,b`
|
|
4796
4796
|
:host {
|
|
4797
4797
|
outline: none;
|
|
4798
4798
|
--uui-modal-sidebar-left-gap: 24px;
|
|
@@ -4834,7 +4834,7 @@
|
|
|
4834
4834
|
:host([size='small']) dialog {
|
|
4835
4835
|
max-width: min(500px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
4836
4836
|
}
|
|
4837
|
-
`],Kl([l({reflect:!0})],
|
|
4837
|
+
`],Kl([l({reflect:!0})],s.UUIModalSidebarElement.prototype,"size",2),s.UUIModalSidebarElement=Kl([p("uui-modal-sidebar")],s.UUIModalSidebarElement);var hm=Object.defineProperty,dm=Object.getOwnPropertyDescriptor,Yl=i=>{throw TypeError(i)},li=(i,e,t,r)=>{for(var o=r>1?void 0:r?dm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hm(e,t,o),o},Zl=(i,e,t)=>e.has(i)||Yl("Cannot "+t),Yi=(i,e,t)=>(Zl(i,e,"read from private field"),t?t.call(i):e.get(i)),qn=(i,e,t)=>e.has(i)?Yl("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),tr=(i,e,t)=>(Zl(i,e,"access private method"),t),Kn,ui,ci,Xn,Yn;s.UUIModalContainerElement=class extends g{constructor(){super(),qn(this,ci),this.sidebarGap=64,this.transitionDurationMS=250,qn(this,Kn,()=>{const e=this._modals??[];if(this._modals=this.modalSlot?.assignedElements({flatten:!0}).filter(t=>t instanceof ue)??[],e.filter(t=>this._modals.indexOf(t)===-1).forEach(t=>t.removeEventListener(ai,Yi(this,ui))),this._modals.filter(t=>e.indexOf(t)===-1).forEach(t=>t.addEventListener(ai,Yi(this,ui))),this._sidebars=this._modals.filter(t=>t instanceof s.UUIModalSidebarElement),this._modals.length===0){this.removeAttribute("backdrop");return}tr(this,ci,Xn).call(this),tr(this,ci,Yn).call(this)}),qn(this,ui,e=>{if(e.stopImmediatePropagation(),e.target?.removeEventListener(ai,Yi(this,ui)),!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}tr(this,ci,Xn).call(this),tr(this,ci,Yn).call(this)}),this.addEventListener(ai,Yi(this,ui))}firstUpdated(e){super.firstUpdated(e),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return c`<slot @slotchange=${Yi(this,Kn)}></slot>`}},Kn=new WeakMap,ui=new WeakMap,ci=new WeakSet,Xn=function(){this.setAttribute("backdrop","");const i=this._modals?.filter(e=>!e.isClosing).reverse()??[];i?.forEach((e,t)=>{e.index=t,e.transitionDuration=this.transitionDurationMS}),i?.forEach(e=>{const t=i?.filter(r=>r.constructor.name===e.constructor.name);e.uniqueIndex=t?.indexOf(e)??0})},Yn=function(){requestAnimationFrame(()=>{let i=0;const e=this._sidebars?.filter(t=>!t.isClosing).reverse()??[];for(let t=0;t<e.length;t++){const r=e[t],o=e[t+1],n=i;if(r.updateComplete.then(()=>{r.style.setProperty("--uui-modal-offset",n+"px")}),o?.hasAttribute("hide"))break;const a=r.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,h=o?.shadowRoot?.querySelector("dialog")?.getBoundingClientRect().width??0,u=a+i+this.sidebarGap-h;i=u>0?u:0}})},s.UUIModalContainerElement.styles=b`
|
|
4838
4838
|
:host {
|
|
4839
4839
|
position: fixed;
|
|
4840
4840
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -4851,11 +4851,11 @@
|
|
|
4851
4851
|
:host([backdrop])::after {
|
|
4852
4852
|
opacity: 1;
|
|
4853
4853
|
}
|
|
4854
|
-
`,li([S("slot")],
|
|
4854
|
+
`,li([S("slot")],s.UUIModalContainerElement.prototype,"modalSlot",2),li([$()],s.UUIModalContainerElement.prototype,"_modals",2),li([$()],s.UUIModalContainerElement.prototype,"_sidebars",2),li([l({type:Number})],s.UUIModalContainerElement.prototype,"sidebarGap",2),li([l({type:Number})],s.UUIModalContainerElement.prototype,"transitionDurationMS",2),s.UUIModalContainerElement=li([p("uui-modal-container")],s.UUIModalContainerElement);var pm=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIModalDialogElement=class extends ue{render(){return c`
|
|
4855
4855
|
<dialog>
|
|
4856
4856
|
<slot></slot>
|
|
4857
4857
|
</dialog>
|
|
4858
|
-
`}},
|
|
4858
|
+
`}},s.UUIModalDialogElement.styles=[...ue.styles,b`
|
|
4859
4859
|
:host {
|
|
4860
4860
|
outline: none;
|
|
4861
4861
|
--uui-modal-dialog-background: var(--uui-color-surface,#fff);
|
|
@@ -4879,7 +4879,7 @@
|
|
|
4879
4879
|
:host(:not([index='0'])) dialog {
|
|
4880
4880
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
4881
4881
|
}
|
|
4882
|
-
`],
|
|
4882
|
+
`],s.UUIModalDialogElement=pm([p("uui-modal-dialog")],s.UUIModalDialogElement);let Et=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var bm=Object.defineProperty,mm=Object.getOwnPropertyDescriptor,te=(i,e,t,r)=>{for(var o=r>1?void 0:r?mm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&bm(e,t,o),o};const vm=45,Zn=(i,e,t)=>Math.min(Math.max(i,e),t),gm=(i,e)=>Array.from({length:e-i+1},(t,r)=>i+r);s.UUIPaginationElement=class extends g{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",this.firstLabel="First",this.previousLabel="Previous",this.nextLabel="Next",this.lastLabel="Last",this._total=100,this._range=0,this._visiblePages=[],this._current=1}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","navigation"),this._visiblePages=this._generateVisiblePages(this.current),_(this,"uui-button"),_(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(e){(e.has("current")||e.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const e=this.offsetWidth,t=Array.from(this._navButtons).reduce((o,n)=>o+n.getBoundingClientRect().width,0),r=(e-t)/vm/2;this._range=Math.max(1,Math.floor(r)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(e){const t=e<this._range?1:e<this.total-this._range?e-this._range:this.total-this._range*2,r=e<=this._range?this._range*2+1:e<this.total-this._range?e+this._range:this.total;return gm(Zn(t,1,this.total),Zn(r,1,this.total))}get total(){return this._total}set total(e){this._total=e,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",e)}get current(){return this._current}set current(e){const t=this._current;this._current=Zn(e,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",t)}goToNextPage(){this.current++,this.dispatchEvent(new Et(Et.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Et(Et.CHANGE))}goToPage(e){this.current=e,this.dispatchEvent(new Et(Et.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const e=this.renderRoot.querySelector(".active");e&&e.focus()})}renderFirst(){return c`<uui-button
|
|
4883
4883
|
compact
|
|
4884
4884
|
look="outline"
|
|
4885
4885
|
class="nav"
|
|
@@ -4933,7 +4933,7 @@
|
|
|
4933
4933
|
${this._visiblePages.map(e=>this.renderPage(e))}
|
|
4934
4934
|
${this.renderNavigationRight()}
|
|
4935
4935
|
</uui-button-group>
|
|
4936
|
-
`}},
|
|
4936
|
+
`}},s.UUIPaginationElement.styles=[b`
|
|
4937
4937
|
uui-button-group {
|
|
4938
4938
|
width: 100%;
|
|
4939
4939
|
}
|
|
@@ -4963,7 +4963,7 @@
|
|
|
4963
4963
|
.active {
|
|
4964
4964
|
pointer-events: none;
|
|
4965
4965
|
}
|
|
4966
|
-
`],te([
|
|
4966
|
+
`],te([mc("uui-button.nav")],s.UUIPaginationElement.prototype,"_navButtons",2),te([S("#pages")],s.UUIPaginationElement.prototype,"_pagesGroup",2),te([l()],s.UUIPaginationElement.prototype,"label",2),te([l({reflect:!0,attribute:"aria-label"})],s.UUIPaginationElement.prototype,"ariaLabel",2),te([l()],s.UUIPaginationElement.prototype,"firstLabel",2),te([l()],s.UUIPaginationElement.prototype,"previousLabel",2),te([l()],s.UUIPaginationElement.prototype,"nextLabel",2),te([l()],s.UUIPaginationElement.prototype,"lastLabel",2),te([l({type:Number})],s.UUIPaginationElement.prototype,"total",1),te([$()],s.UUIPaginationElement.prototype,"_range",2),te([$()],s.UUIPaginationElement.prototype,"_visiblePages",2),te([l({type:Number})],s.UUIPaginationElement.prototype,"current",1),s.UUIPaginationElement=te([p("uui-pagination")],s.UUIPaginationElement);let Jl=class extends z{static{this.CLOSE="close"}};var fm=Object.defineProperty,ym=Object.getOwnPropertyDescriptor,Zi=(i,e,t,r)=>{for(var o=r>1?void 0:r?ym(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fm(e,t,o),o};function ir(i,e,t){return i<e?e:i>t?t:i}s.UUIPopoverElement=class extends g{constructor(){super(...arguments),this.scrollEventHandler=this._updatePlacement.bind(this),this._open=!1,this._placement="bottom-start",this._currentPlacement=null,this._scrollParents=[],this.margin=0,this._onTriggerSlotChanged=e=>{this._trigger=e.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=e=>{e.forEach(t=>{t.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=e=>{if(e.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=e=>{e.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(e){const t=this._placement;this._placement=e||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",t)}get open(){return this._open}set open(e){const t=this._open;this._open=e,e?this._openPopover():this._closePopover(),this.requestUpdate("open",t)}connectedCallback(){super.connectedCallback(),this._getScrollParents()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),document.removeEventListener("scroll",this.scrollEventHandler),this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),this._scrollParents=[]}_openPopover(){this.containerElement&&(this.containerElement.style.opacity="0",document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("keyup",this._onKeyUp),this._currentPlacement=null,requestAnimationFrame(()=>{this._updatePlacement(),this._createIntersectionObserver(),this.containerElement.style.opacity="1"}))}_closePopover(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),delete this.intersectionObserver),document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("keyup",this._onKeyUp),this._currentPlacement=null}_triggerPopoverClose(){const e=new Jl(Jl.CLOSE,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.open=!1)}_getScrollParents(){this._scrollParents=[];const e=this.shadowRoot.host;let t=getComputedStyle(e);if(t.position==="fixed")return;const r=t.position==="absolute",o=/(auto|scroll)/;let n=e;for(;n;){if(t=getComputedStyle(n),r&&t.position==="static"){n=this._getAncestorElement(n);continue}if(o.test(t.overflow+t.overflowY+t.overflowX)&&this._scrollParents.push(n),t.position==="fixed")return;n=this._getAncestorElement(n)}this._scrollParents.push(document.body)}_getAncestorElement(e){return e?.parentElement?e.parentElement:e?.getRootNode()?.host}_createIntersectionObserver(){if(this.intersectionObserver)return;const e={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,e),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(e=>{e.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(e=>{e.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){if(!this.shadowRoot)return;const e=this.containerElement;if(!e)return;const t=this.containerElement?.getBoundingClientRect(),r=this._trigger?.getBoundingClientRect();if(r!=null&&t!=null){const o=this._scrollParents.map(Ae=>Ae.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,t,o));let n=this._currentPlacement.indexOf("top")!==-1,a=this._currentPlacement.indexOf("bottom")!==-1,h=this._currentPlacement.indexOf("left")!==-1,u=this._currentPlacement.indexOf("right")!==-1;const d=this._currentPlacement.indexOf("-start")!==-1,m=this._currentPlacement.indexOf("-end")!==-1;let v=.5,y=.5,U=.5,I=.5,P=0,J=0;if(this.placement==="auto"){const Ae=this._scrollParents[0],ao=Ae.clientWidth,At=Ae.clientHeight,fi=r.x-t.width,yi=ao-(r.x+r.width)-t.width,Us=r.y-t.height,vr=At-(r.y+r.height)-t.height;let gr=.5,fr=.5;const Kv=Math.max(fi,yi);let Bu=Math.max(Us,vr);vr>Us&&vr>this.margin&&(Bu+=9999),Kv>Bu?(fi>yi?(gr=0,h=!0):(gr=1,u=!0),P=this.margin):(Us>vr?(fr=0,n=!0):(fr=1,a=!0),J=this.margin),v=gr,y=fr,U=1-gr,I=1-fr}else n&&(I=1,y=0),a&&(I=0,y=1),(n||a)&&(J=this.margin,d&&(U=0,v=0),m&&(U=1,v=1)),h&&(U=1,v=0),u&&(U=0,v=1),(h||u)&&(P=this.margin,d&&(I=0,y=0),m&&(I=1,y=1));const We=-t.width*U+r.width*v-P*(U*2-1),qe=-t.height*I+r.height*y-J*(I*2-1);let Ke=We,St=qe;n||a?(this._scrollParents.forEach((Ae,ao)=>{const At=Ae===document.body?0:o[ao].x,fi=-r.x+At,yi=Ae.clientWidth-r.x-r.width+We+At-(t.width-r.width)*(1-v);Ke=ir(Ke,fi,yi)}),Ke=ir(Ke,-t.width,r.width)):(h||u)&&(this._scrollParents.forEach((Ae,ao)=>{const At=Ae===document.body?0:o[ao].y,fi=-r.y+At,yi=Ae.clientHeight-r.y-r.height+qe+At-(t.height-r.height)*(1-y);St=ir(St,fi,yi)}),St=ir(St,-t.height,r.height)),(this._positionX!==Ke||this._positionY!==St)&&(this._positionX=Ke,this._positionY=St,We===Ke&&qe===St&&this._stopScrollListener(),e.style.left=`${this._positionX}px`,e.style.top=`${this._positionY}px`)}}_managePlacementFlip(e,t,r){const o=e.split("-"),n=o[0],a=o[1]||null;let h;return this._scrollParents.some((u,d)=>{const m=u===document.body?0:r[d].x,v=u===document.body?0:r[d].y;return n==="top"&&t.y-2<=v?(h="bottom",!0):n==="bottom"&&t.y+t.height+2>=u.clientHeight+v?(h="top",!0):n==="left"&&t.x-2<=m?(h="right",!0):n==="right"&&t.x+t.width+2>=u.clientWidth+m?(h="left",!0):!1}),h?(this._startScrollListener(),h+(a?`-${a}`:"")):e}render(){return c`
|
|
4967
4967
|
<slot
|
|
4968
4968
|
id="trigger"
|
|
4969
4969
|
name="trigger"
|
|
@@ -4971,7 +4971,7 @@
|
|
|
4971
4971
|
<div id="container">
|
|
4972
4972
|
${this._open?c`<slot name="popover"></slot>`:""}
|
|
4973
4973
|
</div>
|
|
4974
|
-
`}},
|
|
4974
|
+
`}},s.UUIPopoverElement.styles=[b`
|
|
4975
4975
|
:host {
|
|
4976
4976
|
position: relative;
|
|
4977
4977
|
display: inline-block;
|
|
@@ -4998,9 +4998,9 @@
|
|
|
4998
4998
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4999
4999
|
);
|
|
5000
5000
|
}
|
|
5001
|
-
`],Zi([S("#container")],
|
|
5001
|
+
`],Zi([S("#container")],s.UUIPopoverElement.prototype,"containerElement",2),Zi([l({type:Number})],s.UUIPopoverElement.prototype,"margin",2),Zi([l({type:String,reflect:!0})],s.UUIPopoverElement.prototype,"placement",1),Zi([l({type:Boolean,reflect:!0})],s.UUIPopoverElement.prototype,"open",1),s.UUIPopoverElement=Zi([p("uui-popover")],s.UUIPopoverElement);var wm=Object.defineProperty,$m=Object.getOwnPropertyDescriptor,Ql=(i,e,t,r)=>{for(var o=r>1?void 0:r?$m(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wm(e,t,o),o};const _m=(i,e,t)=>Math.min(Math.max(i,e),t);s.UUIProgressBarElement=class extends g{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(e){const t=this._progress;this._progress=_m(e,0,100),this.requestUpdate("progress",t)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return c`
|
|
5002
5002
|
<div id="bar" style=${Be(this._getProgressStyle())}></div>
|
|
5003
|
-
`}},
|
|
5003
|
+
`}},s.UUIProgressBarElement.styles=[b`
|
|
5004
5004
|
:host {
|
|
5005
5005
|
width: 100%;
|
|
5006
5006
|
height: 4px;
|
|
@@ -5017,7 +5017,7 @@
|
|
|
5017
5017
|
height: 100%;
|
|
5018
5018
|
width: 0%;
|
|
5019
5019
|
}
|
|
5020
|
-
`],Ql([l({type:Number})],
|
|
5020
|
+
`],Ql([l({type:Number})],s.UUIProgressBarElement.prototype,"progress",1),s.UUIProgressBarElement=Ql([p("uui-progress-bar")],s.UUIProgressBarElement);let Ji=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Um=Object.defineProperty,km=Object.getOwnPropertyDescriptor,eu=i=>{throw TypeError(i)},ot=(i,e,t,r)=>{for(var o=r>1?void 0:r?km(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Um(e,t,o),o},Em=(i,e,t)=>e.has(i)||eu("Cannot "+t),xm=(i,e,t)=>e.has(i)?eu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),tu=(i,e,t)=>(Em(i,e,"access private method"),t),or,iu,ou;s.UUIRadioElement=class extends g{constructor(){super(),xm(this,or),this.name="",this.value="",this.label="",this.checked=!1,this.disabled=!1,this.readonly=!1,this.addEventListener("keydown",tu(this,or,iu))}focus(){this._inputElement.focus()}click(){this._inputElement.click()}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.removeAttribute("tabindex")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}render(){return c` <label>
|
|
5021
5021
|
<input
|
|
5022
5022
|
id="input"
|
|
5023
5023
|
type="radio"
|
|
@@ -5030,7 +5030,7 @@
|
|
|
5030
5030
|
<div id="label">
|
|
5031
5031
|
${this.label?c`<span>${this.label}</span>`:c`<slot></slot>`}
|
|
5032
5032
|
</div>
|
|
5033
|
-
</label>`}},or=new WeakSet,iu=function(i){i.key===" "&&(i.preventDefault(),!this.disabled&&!this.readonly&&this._inputElement?.click())},ou=function(i){i.stopPropagation();const e=this._inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Ji(Ji.CHANGE))},
|
|
5033
|
+
</label>`}},or=new WeakSet,iu=function(i){i.key===" "&&(i.preventDefault(),!this.disabled&&!this.readonly&&this._inputElement?.click())},ou=function(i){i.stopPropagation();const e=this._inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new Ji(Ji.CHANGE))},s.UUIRadioElement.styles=[$o,b`
|
|
5034
5034
|
:host {
|
|
5035
5035
|
display: block;
|
|
5036
5036
|
box-sizing: border-box;
|
|
@@ -5159,7 +5159,7 @@
|
|
|
5159
5159
|
transition: none;
|
|
5160
5160
|
}
|
|
5161
5161
|
}
|
|
5162
|
-
`],ot([S("#input")],
|
|
5162
|
+
`],ot([S("#input")],s.UUIRadioElement.prototype,"_inputElement",2),ot([l({type:String})],s.UUIRadioElement.prototype,"name",2),ot([l({type:String})],s.UUIRadioElement.prototype,"value",2),ot([l({type:String})],s.UUIRadioElement.prototype,"label",2),ot([l({type:Boolean,reflect:!0})],s.UUIRadioElement.prototype,"checked",2),ot([l({type:Boolean,reflect:!0})],s.UUIRadioElement.prototype,"disabled",2),ot([l({type:Boolean,reflect:!0})],s.UUIRadioElement.prototype,"readonly",2),s.UUIRadioElement=ot([p("uui-radio")],s.UUIRadioElement);let Jn=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Im=Object.defineProperty,Cm=Object.getOwnPropertyDescriptor,ru=i=>{throw TypeError(i)},Qn=(i,e,t,r)=>{for(var o=r>1?void 0:r?Cm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Im(e,t,o),o},es=(i,e,t)=>e.has(i)||ru("Cannot "+t),k=(i,e,t)=>(es(i,e,"read from private field"),t?t.call(i):e.get(i)),rt=(i,e,t)=>e.has(i)?ru("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),rr=(i,e,t,r)=>(es(i,e,"write to private field"),e.set(i,t),t),V=(i,e,t)=>(es(i,e,"access private method"),t),H,M,ts,is,nr,sr,os,N,nu,rs,ns,ss,as,xt,su,au,Qi;const Sm="ArrowLeft",Am="ArrowUp",Pm="ArrowRight",zm="ArrowDown",Om=" ",Lm="Enter";s.UUIRadioGroupElement=class extends we(g,""){constructor(){super(),rt(this,N),this.disabled=!1,this.readonly=!1,rt(this,H,null),rt(this,M,[]),rt(this,ts,e=>{k(this,M)?.forEach(t=>{t!==e.target?t.makeUnfocusable():t.makeFocusable()})}),rt(this,is,e=>{this.contains(e.relatedTarget)||k(this,H)===null&&k(this,M)?.forEach(t=>{t.makeFocusable()})}),rt(this,nr,()=>{this.pristine=!1}),rt(this,sr,e=>{e.target.checked===!0&&(this.value=e.target.value,V(this,N,Qi).call(this))}),rt(this,os,e=>{switch(e.key){case Sm:case Am:{e.preventDefault(),V(this,N,su).call(this);break}case Pm:case zm:{e.preventDefault(),V(this,N,au).call(this);break}case Om:{k(this,H)===null&&(this.value=V(this,N,xt).call(this,1,!1)?.value,V(this,N,Qi).call(this));break}case Lm:this.submit()}}),this.addEventListener("keydown",k(this,os)),this.addEventListener("focusin",k(this,ts)),this.addEventListener("focusout",k(this,is)),this.updateComplete.then(()=>{V(this,N,ns).call(this,this.value)})}get value(){return super.value}set value(e){super.value=e,V(this,N,ns).call(this,e)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}updated(e){super.updated(e),e.has("disabled")&&V(this,N,ss).call(this,this.disabled),e.has("readonly")&&V(this,N,as).call(this,this.readonly),e.has("name")&&V(this,N,rs).call(this,e.get("name"))}async focus(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.focus():V(this,N,xt).call(this,1,!1)?.focus()}async blur(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.blur():V(this,N,xt).call(this,1,!1)?.blur()}async click(){await this.updateComplete,k(this,H)!==null?k(this,M)[k(this,H)]?.click():V(this,N,xt).call(this,1,!1)?.click()}getFormElement(){if(k(this,M)&&k(this,H))return k(this,M)[k(this,H)]}render(){return c` <slot @slotchange=${V(this,N,nu)}></slot> `}},H=new WeakMap,M=new WeakMap,ts=new WeakMap,is=new WeakMap,nr=new WeakMap,sr=new WeakMap,os=new WeakMap,N=new WeakSet,nu=function(i){if(i.stopPropagation(),k(this,M)?.forEach(t=>{t.removeEventListener(Ji.CHANGE,k(this,sr)),t.removeEventListener("blur",k(this,nr))}),rr(this,H,null),rr(this,M,i.target.assignedElements({flatten:!0}).filter(t=>t instanceof s.UUIRadioElement)),k(this,M).length===0)return;k(this,M).forEach(t=>{t.addEventListener(Ji.CHANGE,k(this,sr)),t.addEventListener("blur",k(this,nr))}),V(this,N,rs).call(this,this.name),this.disabled&&V(this,N,ss).call(this,!0),this.readonly&&V(this,N,as).call(this,!0);const e=k(this,M).filter(t=>t.checked===!0);if(e.length>1&&(k(this,M).forEach(t=>{t.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),e.length===1){const t=e[0];this.value=t.value,rr(this,H,k(this,M).indexOf(t))}},rs=function(i){k(this,M)?.forEach(e=>e.name=i)},ns=function(i){const e=[];k(this,M).forEach((t,r)=>{t.value===i?(t.checked=!0,t.makeFocusable(),rr(this,H,r)):(t.checked=!1,e.push(t))}),k(this,H)!==null&&e.forEach(t=>t.makeUnfocusable())},ss=function(i){k(this,M)?.forEach(e=>e.disabled=i)},as=function(i){k(this,M)?.forEach(e=>e.readonly=i)},xt=function(i=1,e=!0){if(!k(this,M)||k(this,M).length===0)return null;const t=k(this,M).length;let r=k(this,H)??0;for(let o=0;o<t+1;o++){if(!e||o>0){const n=k(this,M)[r];if(!n.disabled&&!n.readonly)return n}r=(r+i+t)%t}return null},su=function(){this.value=V(this,N,xt).call(this,-1)?.value??"",k(this,M)[k(this,H)??0]?.focus(),V(this,N,Qi).call(this)},au=function(){this.value=V(this,N,xt).call(this)?.value??"",k(this,M)[k(this,H)??0]?.focus(),V(this,N,Qi).call(this)},Qi=function(){this.pristine=!1,this.dispatchEvent(new Jn(Jn.CHANGE))},s.UUIRadioGroupElement.formAssociated=!0,s.UUIRadioGroupElement.styles=[b`
|
|
5163
5163
|
:host {
|
|
5164
5164
|
display: inline-block;
|
|
5165
5165
|
padding-right: 3px;
|
|
@@ -5176,7 +5176,7 @@
|
|
|
5176
5176
|
71
|
|
5177
5177
|
));
|
|
5178
5178
|
}
|
|
5179
|
-
`],Qn([l({type:Boolean,reflect:!0})],
|
|
5179
|
+
`],Qn([l({type:Boolean,reflect:!0})],s.UUIRadioGroupElement.prototype,"disabled",2),Qn([l({type:Boolean,reflect:!0})],s.UUIRadioGroupElement.prototype,"readonly",2),s.UUIRadioGroupElement=Qn([p("uui-radio-group")],s.UUIRadioGroupElement);let nt=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var Mm=Object.defineProperty,Tm=Object.getOwnPropertyDescriptor,lu=i=>{throw TypeError(i)},B=(i,e,t,r)=>{for(var o=r>1?void 0:r?Tm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Mm(e,t,o),o},uu=(i,e,t)=>e.has(i)||lu("Cannot "+t),Nm=(i,e,t)=>(uu(i,e,"read from private field"),t?t.call(i):e.get(i)),cu=(i,e,t)=>e.has(i)?lu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),hi=(i,e,t)=>(uu(i,e,"access private method"),t),st,It,ls;const us={TOP:3,CENTER:2},eo=18,di=3,Fe=12,Bm=24,cs=i=>{const e=i.toString().indexOf(".");return e>=0?i.toString().length-e-1:0};s.UUIRangeSliderElement=class extends we(g,""){constructor(){super(),cu(this,st),this.disabled=!1,this.readonly=!1,this._min=0,this._max=0,this.hideStepValues=!1,this._step=1,this._movement=!1,this.startPoint={mouse:0,low:0,high:0},this._lowInputValue=0,this._highInputValue=0,this._trackWidth=0,this._lowValuePercentStart=0,this._highValuePercentEnd=100,cu(this,ls,e=>{e.key=="Enter"&&this.submit()}),this._onTouchStart=e=>{if(this.disabled)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(e.touches[0].pageX);else{const r=this._getClickedValue(e.touches[0].pageX),o=Math.abs(this._lowInputValue-r),n=Math.abs(this._highInputValue-r);o<n?this.setValueLow(r):this.setValueHigh(r)}},this._onTouchMove=e=>{this._dragBothValuesByMousePos(e.touches[0].pageX)},this._onTouchEnd=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchcancel",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this._onMouseDown=e=>{if(this.disabled||this.readonly)return;const t=e.composedPath()[0];if(t!==this._outerTrack)if(t===this._innerColor||t===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(e.pageX);else{const r=this._getClickedValue(e.pageX),o=Math.abs(this._lowInputValue-r),n=Math.abs(this._highInputValue-r);o<n?this.setValueLow(r):this.setValueHigh(r)}},this._onMouseMove=e=>{e.preventDefault(),this._dragBothValuesByMousePos(e.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keydown",Nm(this,ls)),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack?.offsetWidth})}get min(){return this._min}set min(e){this._min=e,hi(this,st,It).call(this)}get max(){return this._max}set max(e){this._max=e,hi(this,st,It).call(this)}get step(){return this._step}set step(e){this._step=e,hi(this,st,It).call(this)}get minGap(){return this._minGap}set minGap(e){this._minGap=e,hi(this,st,It).call(this)}get maxGap(){return this._maxGap}set maxGap(e){this._maxGap=e,hi(this,st,It).call(this)}get value(){return super.value}set value(e){super.value=e,hi(this,st,It).call(this)}setValueLow(e){e=O(e,this.maxGap?this._highInputValue-this.maxGap>this.min?this._highInputValue-this.maxGap:this.min:this.min,this.minGap?this._highInputValue-this.minGap:this._highInputValue-this.step),this.setValue(e,this._highInputValue)}setValueHigh(e){e=O(e,this.minGap?this._lowInputValue+this.minGap:this._lowInputValue+this.step,this.maxGap?this.maxGap+this._lowInputValue<this.max?this.maxGap+this._lowInputValue:this.max:this.max),this.setValue(this._lowInputValue,e)}setValue(e,t,r){if(r){const o=this.startPoint.high-this.startPoint.low;e=O(e,this.min,this.max-o),t=O(t,this.min+o,this.max)}this._inputLow.value=e.toString(),this._inputHigh.value=t.toString(),this.value=`${e},${t}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}async focus(){await this.updateComplete,this.getFormElement().focus()}async blur(){await this.updateComplete,this.getFormElement().blur()}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(e){super.updated(e),this._trackWidth=this._outerTrack.offsetWidth,this._runPropertiesChecks()}_runPropertiesChecks(){if(new RegExp(/^-?\d+(\.\d+)?,-?\d+(\.\d+)?$/).test(this.value)||console.error("Range slider (Value error occurred): Bad input"),this._highInputValue===this._lowInputValue&&console.error("Range slider (Value error occurred): Low-end and high-end value should never be equal. Use <uui-slider></uui-slider> instead."),this._lowInputValue>this._highInputValue&&console.error("Range slider (Value error occurred): Low-end value should never be higher than high-end value."),(this._highInputValue>this._max||this._highInputValue<this._min)&&(this.setValueHigh(this._max),console.warn(`Conflict with the high-end value and max value. High-end value has been converted to the max value (${this._max})`)),(this._lowInputValue<this._min||this._lowInputValue>this._max)&&(this.setValueLow(this._min),console.warn(`Conflict with the low-end value and min value. Low-end value has been converted to the min value (${this._min})`)),this._step<=0&&(this._step=1,console.warn("Property step needs a value higher than 0. Converted the step value to 1 (default)")),(this._max-this._min)/this._step%1!==0&&console.error("Conflict with step value and the min and max values. May experience bad side effects"),this._minGap&&this._minGap<this._step&&(this._minGap=void 0,console.warn("Conflict with min-gap and step value. The min-gap needs to be higher than the step value. Removed the min-gap property.")),this._minGap&&this._maxGap&&this._minGap>this._maxGap&&(this._minGap=void 0,this._maxGap=void 0,console.warn("Conflict with min-gap and max-gap. Removed the min-gap and max-gap properties.")),this._minGap&&this._max-this._min<this._minGap&&(this._minGap=void 0,console.warn("Conflict with the min-gap and the total range. Removed the min-gap.")),this._maxGap&&this._highInputValue-this._lowInputValue>this._maxGap&&(this.setValueHigh(this._lowInputValue+this._maxGap),console.warn(`Conflict with value and max-gap. High-end value has been converted to the highest possible value based on the low-end value and the max gap value (${this._highInputValue})`)),this._minGap&&this._highInputValue-this._lowInputValue<this._minGap){const e=this._minGap;this._highInputValue-e<this._min?(this.setValueHigh(this._lowInputValue+e),console.warn(`Conflict with value and min gap. High-end value has been converted to the lowest possible value based on the low-end value and the min gap value (${this._highInputValue}).`)):(this.setValueLow(this._highInputValue-e),console.warn(`Conflict with value and min gap. Low-end value has been converted to the highest possible value based on the high-end value and the min gap value (${this._lowInputValue}).`))}}_updateInnerColor(){const e=this._max-this._min,t=this._lowInputValue-this._min,r=this._highInputValue-this._min,o=t/e*100,n=100-r/e*100;this._lowValuePercentStart=O(o,0,100),this._highValuePercentEnd=O(n,0,100)}_getClickedValue(e){const t=this._outerTrack.getBoundingClientRect().left,r=(e-t-Fe)/(this._trackWidth-Fe*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(e){this.startPoint={mouse:e,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(e){const t=this._outerTrack.offsetWidth,r=e-this.startPoint.mouse,o=this._max-this._min,n=r/(t+Fe*2),a=Math.round(n*o/this._step)*this._step,h=this.startPoint.low+a,u=this.startPoint.high+a;this.setValue(h,u,!0),this.dispatchEvent(new nt(nt.INPUT))}_onLowInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputLow;const t=Number(e.target.value);this.setValueLow(t),this.dispatchEvent(new nt(nt.INPUT))}_onHighInput(e){this.disabled&&e.preventDefault(),this.readonly&&e.preventDefault(),this._currentFocus=this._inputHigh;const t=Number(e.target.value);this.setValueHigh(t),this.dispatchEvent(new nt(nt.INPUT))}_onLowChange(){this.setValueLow(Number(this._inputLow.value)),this.onChanged()}_onHighChange(){this.setValueHigh(Number(this._inputHigh.value)),this.onChanged()}onChanged(){this.pristine=!1,this.dispatchEvent(new nt(nt.CHANGE))}render(){return c`
|
|
5180
5180
|
<div id="range-slider">
|
|
5181
5181
|
${this._renderNativeInputs()}
|
|
5182
5182
|
<div id="inner-track">
|
|
@@ -5201,7 +5201,7 @@
|
|
|
5201
5201
|
>${this._highInputValue.toFixed(cs(this._step))}</span
|
|
5202
5202
|
></span
|
|
5203
5203
|
>
|
|
5204
|
-
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Fe*2)/e;if(t<
|
|
5204
|
+
</div>`}_renderSteps(){const e=(this._max-this._min)/this._step,t=(this._trackWidth-Fe*2)/e;if(t<Bm||e%1!==0)return;let r=0;const o=new Array(e+1).fill(t).map(n=>n*r++);return c`<div class="step-wrapper">
|
|
5205
5205
|
<svg height="100%" width="100%">
|
|
5206
5206
|
<rect x="9" y="9" height="${di}" rx="2" />
|
|
5207
5207
|
${this._renderStepCircles(o)}
|
|
@@ -5209,7 +5209,7 @@
|
|
|
5209
5209
|
${this._renderStepValues(e)}
|
|
5210
5210
|
</div>`}_renderStepValues(e){if(this.hideStepValues||e>20)return;let t=0;const r=new Array(e+1).fill(this._step).map(o=>(this._min+o*t++).toFixed(cs(this._step)));return c`<div class="step-values">
|
|
5211
5211
|
${r.map(o=>c`<span><span>${o}</span></span>`)}
|
|
5212
|
-
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+Fe,
|
|
5212
|
+
</div>`}_renderStepCircles(e){const t=this._trackWidth/(this._max-this._min);return f`${e.map(r=>{const o=r+Fe,n=this._lowInputValue-this._min,a=this._highInputValue-this._min;return o/t>=n&&o/t<=a?f`<circle class="track-step filled" cx="${o}" cy="${di*2}" r="4.5" />`:f`<circle class="track-step regular" cx="${o}" cy="${di*2}" r="4.5" />`})}`}_renderNativeInputs(){return c` <div class="native-wrapper">
|
|
5213
5213
|
<input
|
|
5214
5214
|
id="inputLow"
|
|
5215
5215
|
class="${this._movement?"focus":""}"
|
|
@@ -5234,7 +5234,7 @@
|
|
|
5234
5234
|
?disabled="${this.disabled||this.readonly}"
|
|
5235
5235
|
@input=${this._onHighInput}
|
|
5236
5236
|
@change=${this._onHighChange} />
|
|
5237
|
-
</div>`}},st=new WeakSet,It=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},ls=new WeakMap,
|
|
5237
|
+
</div>`}},st=new WeakSet,It=function(){const i=this.value.split(",");let e=Number(i[0])||0,t=Number(i[1])||0;t=O(t,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,t=this._min+Math.round((t-this._min)/this._step)*this._step,this._lowInputValue=O(e,this._min,this._minGap?t-this._minGap:t-this._step),this._highInputValue=O(t,this._minGap?this._lowInputValue+this._minGap:this._lowInputValue+this._step,Math.min(this._maxGap?e+this._maxGap:this._max,this._max)),this._updateInnerColor(),this.requestUpdate()},ls=new WeakMap,s.UUIRangeSliderElement.formAssociated=!0,s.UUIRangeSliderElement.styles=[b`
|
|
5238
5238
|
:host {
|
|
5239
5239
|
--color-interactive: var(--uui-color-selected,#3544b1);
|
|
5240
5240
|
--color-hover: var(--uui-color-selected-emphasis,rgb(
|
|
@@ -5554,7 +5554,7 @@
|
|
|
5554
5554
|
inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
5555
5555
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
5556
5556
|
}
|
|
5557
|
-
`],B([l({type:String})],
|
|
5557
|
+
`],B([l({type:String})],s.UUIRangeSliderElement.prototype,"label",2),B([l({type:Boolean,reflect:!0})],s.UUIRangeSliderElement.prototype,"disabled",2),B([l({type:Boolean,reflect:!0})],s.UUIRangeSliderElement.prototype,"readonly",2),B([l({type:Number})],s.UUIRangeSliderElement.prototype,"min",1),B([l({type:Number})],s.UUIRangeSliderElement.prototype,"max",1),B([l({type:Boolean,attribute:"hide-step-values"})],s.UUIRangeSliderElement.prototype,"hideStepValues",2),B([l({type:Number})],s.UUIRangeSliderElement.prototype,"step",1),B([l({type:Number,attribute:"min-gap"})],s.UUIRangeSliderElement.prototype,"minGap",1),B([l({type:Number,attribute:"max-gap"})],s.UUIRangeSliderElement.prototype,"maxGap",1),B([l({type:String})],s.UUIRangeSliderElement.prototype,"value",1),B([$()],s.UUIRangeSliderElement.prototype,"_movement",2),B([$()],s.UUIRangeSliderElement.prototype,"_lowInputValue",2),B([$()],s.UUIRangeSliderElement.prototype,"_highInputValue",2),B([$()],s.UUIRangeSliderElement.prototype,"_trackWidth",2),B([$()],s.UUIRangeSliderElement.prototype,"_lowValuePercentStart",2),B([$()],s.UUIRangeSliderElement.prototype,"_highValuePercentEnd",2),B([S("#range-slider")],s.UUIRangeSliderElement.prototype,"_outerTrack",2),B([S("#inputLow")],s.UUIRangeSliderElement.prototype,"_inputLow",2),B([S("#inputHigh")],s.UUIRangeSliderElement.prototype,"_inputHigh",2),B([S(".color")],s.UUIRangeSliderElement.prototype,"_innerColor",2),B([S("#inner-color-thumb")],s.UUIRangeSliderElement.prototype,"_innerColorThumb",2),s.UUIRangeSliderElement=B([p("uui-range-slider")],s.UUIRangeSliderElement);var Dm=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIRefListElement=class extends g{render(){return c`<slot></slot>`}},s.UUIRefListElement.styles=[b`
|
|
5558
5558
|
:host {
|
|
5559
5559
|
display: block;
|
|
5560
5560
|
}
|
|
@@ -5570,7 +5570,7 @@
|
|
|
5570
5570
|
right: 0;
|
|
5571
5571
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
5572
5572
|
}
|
|
5573
|
-
`],
|
|
5573
|
+
`],s.UUIRefListElement=Dm([p("uui-ref-list")],s.UUIRefListElement);let to=class extends z{static{this.OPEN="open"}};var Vm=Object.defineProperty,Hm=Object.getOwnPropertyDescriptor,ar=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Vm(e,t,o),o};s.UUIRefElement=class extends fo(Dt(g)){constructor(){super(...arguments),this.disabled=!1,this.readonly=!1,this.error=!1}handleOpenClick(e){e.stopPropagation(),this.dispatchEvent(new to(to.OPEN))}handleOpenKeydown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),e.stopPropagation(),this.dispatchEvent(new to(to.OPEN)))}},s.UUIRefElement.styles=[b`
|
|
5574
5574
|
:host {
|
|
5575
5575
|
position: relative;
|
|
5576
5576
|
display: flex;
|
|
@@ -5747,7 +5747,7 @@
|
|
|
5747
5747
|
justify-content: flex-end;
|
|
5748
5748
|
align-items: center;
|
|
5749
5749
|
}
|
|
5750
|
-
`],ar([l({type:Boolean,reflect:!0})],
|
|
5750
|
+
`],ar([l({type:Boolean,reflect:!0})],s.UUIRefElement.prototype,"disabled",2),ar([l({type:Boolean,reflect:!0})],s.UUIRefElement.prototype,"readonly",2),ar([l({type:Boolean,reflect:!0})],s.UUIRefElement.prototype,"error",2),s.UUIRefElement=ar([p("uui-ref")],s.UUIRefElement);var jm=Object.defineProperty,Rm=Object.getOwnPropertyDescriptor,hu=i=>{throw TypeError(i)},at=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&jm(e,t,o),o},Fm=(i,e,t)=>e.has(i)||hu("Cannot "+t),Gm=(i,e,t)=>e.has(i)?hu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),lt=(i,e,t)=>(Fm(i,e,"access private method"),t),Ie,du,pu,lr,bu,mu,vu;s.UUIRefNodeElement=class extends s.UUIRefElement{constructor(){super(...arguments),Gm(this,Ie),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon=`<svg
|
|
5751
5751
|
xmlns="http://www.w3.org/2000/svg"
|
|
5752
5752
|
viewBox="0 0 24 24"
|
|
5753
5753
|
fill="none"
|
|
@@ -5798,7 +5798,7 @@
|
|
|
5798
5798
|
?disabled=${this.disabled}>
|
|
5799
5799
|
${lt(this,Ie,lr).call(this)}
|
|
5800
5800
|
</button>
|
|
5801
|
-
`},vu=function(){return this.readonly?c`${lt(this,Ie,lr).call(this)}`:this.href?lt(this,Ie,bu).call(this):lt(this,Ie,mu).call(this)},
|
|
5801
|
+
`},vu=function(){return this.readonly?c`${lt(this,Ie,lr).call(this)}`:this.href?lt(this,Ie,bu).call(this):lt(this,Ie,mu).call(this)},s.UUIRefNodeElement.styles=[...s.UUIRefElement.styles,b`
|
|
5802
5802
|
:host {
|
|
5803
5803
|
min-width: 250px;
|
|
5804
5804
|
padding: 1px;
|
|
@@ -5885,17 +5885,17 @@
|
|
|
5885
5885
|
:host([disabled]) #detail {
|
|
5886
5886
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
5887
5887
|
}
|
|
5888
|
-
`],at([l({type:String})],
|
|
5888
|
+
`],at([l({type:String})],s.UUIRefNodeElement.prototype,"name",2),at([l({type:String})],s.UUIRefNodeElement.prototype,"detail",2),at([l({type:String})],s.UUIRefNodeElement.prototype,"href",2),at([l({type:String})],s.UUIRefNodeElement.prototype,"target",2),at([l({type:String})],s.UUIRefNodeElement.prototype,"rel",2),at([S("#open-part")],s.UUIRefNodeElement.prototype,"_openPart",2),at([$()],s.UUIRefNodeElement.prototype,"_iconSlotHasContent",2),s.UUIRefNodeElement=at([p("uui-ref-node")],s.UUIRefNodeElement);var Wm=Object.defineProperty,qm=Object.getOwnPropertyDescriptor,gu=(i,e,t,r)=>{for(var o=r>1?void 0:r?qm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Wm(e,t,o),o};s.UUIRefNodeDataTypeElement=class extends s.UUIRefNodeElement{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 e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),c`<small id="detail"
|
|
5889
5889
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5890
|
-
></small>`}},
|
|
5890
|
+
></small>`}},s.UUIRefNodeDataTypeElement.styles=[...s.UUIRefNodeElement.styles],gu([l({type:String})],s.UUIRefNodeDataTypeElement.prototype,"alias",2),s.UUIRefNodeDataTypeElement=gu([p("uui-ref-node-data-type")],s.UUIRefNodeDataTypeElement);var Km=Object.defineProperty,Xm=Object.getOwnPropertyDescriptor,fu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Xm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Km(e,t,o),o};s.UUIRefNodeDocumentTypeElement=class extends s.UUIRefNodeElement{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 e=[];return this.alias!==""&&e.push(this.alias),this.detail!==""&&e.push(this.detail),c`<small id="detail"
|
|
5891
5891
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5892
|
-
></small>`}},
|
|
5892
|
+
></small>`}},s.UUIRefNodeDocumentTypeElement.styles=[...s.UUIRefNodeElement.styles],fu([l({type:String})],s.UUIRefNodeDocumentTypeElement.prototype,"alias",2),s.UUIRefNodeDocumentTypeElement=fu([p("uui-ref-node-document-type")],s.UUIRefNodeDocumentTypeElement);var Ym=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIRefNodeFormElement=class extends s.UUIRefNodeElement{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>'}},s.UUIRefNodeFormElement.styles=[...s.UUIRefNodeElement.styles],s.UUIRefNodeFormElement=Ym([p("uui-ref-node-form")],s.UUIRefNodeFormElement);var Zm=Object.defineProperty,Jm=Object.getOwnPropertyDescriptor,yu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Jm(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Zm(e,t,o),o};s.UUIRefNodeMemberElement=class extends s.UUIRefNodeElement{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 e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),c`<small id="detail"
|
|
5893
5893
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5894
|
-
></small>`}},
|
|
5894
|
+
></small>`}},s.UUIRefNodeMemberElement.styles=[...s.UUIRefNodeElement.styles],yu([l({type:String,attribute:"group-name"})],s.UUIRefNodeMemberElement.prototype,"groupName",2),s.UUIRefNodeMemberElement=yu([p("uui-ref-node-member")],s.UUIRefNodeMemberElement);var Qm=Object.defineProperty,ev=Object.getOwnPropertyDescriptor,hs=(i,e,t,r)=>{for(var o=r>1?void 0:r?ev(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Qm(e,t,o),o};s.UUIRefNodePackageElement=class extends s.UUIRefNodeElement{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 e=[];return this.detail!==""&&e.push(this.detail),this.version!==""&&e.push(this.version),this.author!==""&&e.push(this.author),c`<small id="detail"
|
|
5895
5895
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5896
|
-
></small>`}},
|
|
5896
|
+
></small>`}},s.UUIRefNodePackageElement.styles=[...s.UUIRefNodeElement.styles],hs([l({type:String})],s.UUIRefNodePackageElement.prototype,"version",2),hs([l({type:String})],s.UUIRefNodePackageElement.prototype,"author",2),s.UUIRefNodePackageElement=hs([p("uui-ref-node-package")],s.UUIRefNodePackageElement);var tv=Object.defineProperty,iv=Object.getOwnPropertyDescriptor,wu=(i,e,t,r)=>{for(var o=r>1?void 0:r?iv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&tv(e,t,o),o};s.UUIRefNodeUserElement=class extends s.UUIRefNodeElement{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 e=[];return this.detail!==""&&e.push(this.detail),this.groupName!==""&&e.push(this.groupName),c`<small id="detail"
|
|
5897
5897
|
>${e.join(" | ")}<slot name="detail"></slot
|
|
5898
|
-
></small>`}},
|
|
5898
|
+
></small>`}},s.UUIRefNodeUserElement.styles=[...s.UUIRefNodeElement.styles],wu([l({type:String,attribute:"group-name"})],s.UUIRefNodeUserElement.prototype,"groupName",2),s.UUIRefNodeUserElement=wu([p("uui-ref-node-user")],s.UUIRefNodeUserElement);let ds=class extends z{static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var ov=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,ge=(i,e,t,r)=>{for(var o=r>1?void 0:r?rv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&ov(e,t,o),o};s.UUISelectElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.error=!1,this.options=[],this._groups=[],this.disabledGroups="",this._disabledGroups=[],this._values=[],this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")})}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}_createDisabledGroups(){this.disabledGroups.length!==0&&(this._disabledGroups=this.disabledGroups.split(","))}_extractGroups(){this.options.length!==0&&(this._groups=Array.from(new Set(this.options.filter(e=>e.group).map(e=>e.group))))}willUpdate(e){if(e.has("options")){this._extractGroups(),this._values=this.options.map(r=>r.value);const t=this.options.find(r=>r.selected);this.value=t?t.value:""}e.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),e.has("disabledGroups")&&this._createDisabledGroups()}setValue(e){e.stopPropagation();const t=e.target;e.target&&(this.value=t.value),this.dispatchEvent(new ds(ds.CHANGE,{bubbles:!0,composed:!1}))}_renderOption(e,t,r,o){return c`<option
|
|
5899
5899
|
value="${t}"
|
|
5900
5900
|
?selected=${r}
|
|
5901
5901
|
?disabled=${o}>
|
|
@@ -5916,7 +5916,7 @@
|
|
|
5916
5916
|
<option disabled selected value="" hidden>${this.placeholder}</option>
|
|
5917
5917
|
${this._renderGrouped()}
|
|
5918
5918
|
${this.options.filter(e=>!e.group).map(e=>this._renderOption(e.name,e.value,e.selected,e.disabled))}
|
|
5919
|
-
</select>`}},
|
|
5919
|
+
</select>`}},s.UUISelectElement.styles=[b`
|
|
5920
5920
|
:host {
|
|
5921
5921
|
display: inline-block;
|
|
5922
5922
|
position: relative;
|
|
@@ -5994,7 +5994,7 @@
|
|
|
5994
5994
|
71
|
|
5995
5995
|
));
|
|
5996
5996
|
}
|
|
5997
|
-
`],ge([l({type:String})],
|
|
5997
|
+
`],ge([l({type:String})],s.UUISelectElement.prototype,"label",2),ge([l()],s.UUISelectElement.prototype,"placeholder",2),ge([l({type:Boolean,reflect:!0})],s.UUISelectElement.prototype,"disabled",2),ge([l({type:Boolean,reflect:!0})],s.UUISelectElement.prototype,"readonly",2),ge([l({type:Boolean,reflect:!0})],s.UUISelectElement.prototype,"error",2),ge([l({type:Array,attribute:!1})],s.UUISelectElement.prototype,"options",2),ge([$()],s.UUISelectElement.prototype,"_groups",2),ge([l()],s.UUISelectElement.prototype,"disabledGroups",2),ge([$()],s.UUISelectElement.prototype,"_disabledGroups",2),ge([S("#native")],s.UUISelectElement.prototype,"_input",2),s.UUISelectElement=ge([p("uui-select")],s.UUISelectElement);const nv=b`
|
|
5998
5998
|
input[type='range'] {
|
|
5999
5999
|
left: 0;
|
|
6000
6000
|
position: absolute;
|
|
@@ -6101,12 +6101,12 @@
|
|
|
6101
6101
|
input[type='range']:focus::-ms-fill-upper {
|
|
6102
6102
|
background: transparent;
|
|
6103
6103
|
}
|
|
6104
|
-
`;let io=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var
|
|
6104
|
+
`;let io=class extends z{static{this.INPUT="input"}static{this.CHANGE="change"}constructor(e,t={}){super(e,{bubbles:!0,...t})}};var sv=Object.defineProperty,av=Object.getOwnPropertyDescriptor,$u=i=>{throw TypeError(i)},Y=(i,e,t,r)=>{for(var o=r>1?void 0:r?av(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&sv(e,t,o),o},ps=(i,e,t)=>e.has(i)||$u("Cannot "+t),_u=(i,e,t)=>(ps(i,e,"read from private field"),t?t.call(i):e.get(i)),bs=(i,e,t)=>e.has(i)?$u("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),Uu=(i,e,t,r)=>(ps(i,e,"write to private field"),e.set(i,t),t),lv=(i,e,t)=>(ps(i,e,"access private method"),t),ur,cr,ms,ku;const oo=12,Eu=24,uv=(i,e,t)=>Array.from({length:(e-i)/t+1},(r,o)=>i+o*t),cv=i=>{const e=i.toString().indexOf(".");return e>=0?i.toString().length-e-1:0};s.UUISliderElement=class extends we(g,""){constructor(){super(),bs(this,ms),bs(this,ur,0),this.hideStepValues=!1,this.hideValueLabel=!1,this.min=0,this.max=100,bs(this,cr,1),this.disabled=!1,this.readonly=!1,this._stepWidth=0,this.onWindowResize=()=>{this._stepWidth=this._calculateStepWidth()},this._steps=[],this._sliderPosition="0%",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keydown",lv(this,ms,ku))}get step(){return _u(this,cr)}set step(e){Uu(this,cr,e),Uu(this,ur,(e.toString().split(".")[1]||[]).length)}get value(){return super.value}set value(e){if(e instanceof File)return;const t=super.value;let r=e?parseFloat(e):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),super.value=r.toFixed(_u(this,ur)).toString(),this._calculateSliderPosition(),this.requestUpdate("value",t)}async focus(){await this.updateComplete,this._input.focus()}async blur(){await this.updateComplete,this._input.blur()}async click(){await this.updateComplete,this._input.click()}getFormElement(){return this._input}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.onWindowResize),this.label||console.warn(this.tagName+" needs a `label`",this)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize),super.disconnectedCallback()}firstUpdated(){this._calculateSliderPosition(),this._updateSteps()}updated(e){super.updated(e),(e.get("max")||e.get("min")||e.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=uv(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-oo*2)/(this._steps.length-1)}_calculateSliderPosition(){const e=(parseFloat(super.value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(e*1e5)/1e3}%`}_onInput(e){e.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new io(io.INPUT))}_onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new io(io.CHANGE))}renderTrackSteps(){return f`
|
|
6105
6105
|
${this._steps.map(e=>{if(this._stepWidth>=Eu){const t=Math.round(oo+this._stepWidth*this._steps.indexOf(e));return f`<circle class="track-step" cx="${t}" cy="50%" r="4.5" />`}return f``})}
|
|
6106
6106
|
`}renderStepValues(){return this.hideStepValues?C:c`<div id="step-values">
|
|
6107
6107
|
${this._steps.map(e=>c` <span
|
|
6108
6108
|
><span>
|
|
6109
|
-
${this._steps.length<=20&&this._stepWidth>=Eu?e.toFixed(
|
|
6109
|
+
${this._steps.length<=20&&this._stepWidth>=Eu?e.toFixed(cv(this.step)):C}
|
|
6110
6110
|
</span></span
|
|
6111
6111
|
>`)}
|
|
6112
6112
|
</div>`}render(){return c`
|
|
@@ -6135,7 +6135,7 @@
|
|
|
6135
6135
|
</div>
|
|
6136
6136
|
</div>
|
|
6137
6137
|
${this.renderStepValues()}
|
|
6138
|
-
`}},ur=new WeakMap,cr=new WeakMap,ms=new WeakSet,ku=function(i){i.key=="Enter"&&this.submit()},
|
|
6138
|
+
`}},ur=new WeakMap,cr=new WeakMap,ms=new WeakSet,ku=function(i){i.key=="Enter"&&this.submit()},s.UUISliderElement.formAssociated=!0,s.UUISliderElement.styles=[Dh,nv,b`
|
|
6139
6139
|
:host {
|
|
6140
6140
|
display: inline-block;
|
|
6141
6141
|
width: 100%;
|
|
@@ -6296,7 +6296,7 @@
|
|
|
6296
6296
|
:host([readonly]) #thumb-label {
|
|
6297
6297
|
opacity: 1;
|
|
6298
6298
|
}
|
|
6299
|
-
`],Y([l({type:Boolean,attribute:"hide-step-values"})],
|
|
6299
|
+
`],Y([l({type:Boolean,attribute:"hide-step-values"})],s.UUISliderElement.prototype,"hideStepValues",2),Y([l({type:Boolean,attribute:"hide-value-label"})],s.UUISliderElement.prototype,"hideValueLabel",2),Y([l({type:Number})],s.UUISliderElement.prototype,"min",2),Y([l({type:Number})],s.UUISliderElement.prototype,"max",2),Y([l({type:Number})],s.UUISliderElement.prototype,"step",1),Y([l({type:String})],s.UUISliderElement.prototype,"value",1),Y([l({type:Boolean,reflect:!0})],s.UUISliderElement.prototype,"disabled",2),Y([l({type:Boolean,reflect:!0})],s.UUISliderElement.prototype,"readonly",2),Y([l({type:String})],s.UUISliderElement.prototype,"label",2),Y([S("#input")],s.UUISliderElement.prototype,"_input",2),Y([S("#track")],s.UUISliderElement.prototype,"_track",2),Y([$()],s.UUISliderElement.prototype,"_stepWidth",2),Y([$()],s.UUISliderElement.prototype,"_steps",2),Y([$()],s.UUISliderElement.prototype,"_sliderPosition",2),s.UUISliderElement=Y([p("uui-slider")],s.UUISliderElement);var hv=Object.defineProperty,dv=Object.getOwnPropertyDescriptor,xu=(i,e,t,r)=>{for(var o=r>1?void 0:r?dv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&hv(e,t,o),o};s.UUISymbolExpandElement=class extends g{constructor(){super(...arguments),this.open=!1}render(){return c`<svg
|
|
6300
6300
|
xmlns="http://www.w3.org/2000/svg"
|
|
6301
6301
|
viewBox="0 0 24 24"
|
|
6302
6302
|
fill="none"
|
|
@@ -6305,7 +6305,7 @@
|
|
|
6305
6305
|
stroke-linecap="round"
|
|
6306
6306
|
stroke-linejoin="round">
|
|
6307
6307
|
<path d="m4 9 8 8 8-8"></path>
|
|
6308
|
-
</svg>`}},
|
|
6308
|
+
</svg>`}},s.UUISymbolExpandElement.styles=[b`
|
|
6309
6309
|
:host {
|
|
6310
6310
|
display: inline-flex;
|
|
6311
6311
|
width: 12px;
|
|
@@ -6323,9 +6323,9 @@
|
|
|
6323
6323
|
:host([open]) svg {
|
|
6324
6324
|
transform: rotate(0deg);
|
|
6325
6325
|
}
|
|
6326
|
-
`],xu([l({type:Boolean,reflect:!0})],
|
|
6326
|
+
`],xu([l({type:Boolean,reflect:!0})],s.UUISymbolExpandElement.prototype,"open",2),s.UUISymbolExpandElement=xu([p("uui-symbol-expand")],s.UUISymbolExpandElement);var pv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,vs=(i,e,t,r)=>{for(var o=r>1?void 0:r?bv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&pv(e,t,o),o};s.UUISymbolFileThumbnailElement=class extends g{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),_(this,"uui-icon")}render(){return this.src?c`<img src=${this.src} alt=${this.alt} />`:c`<uui-icon
|
|
6327
6327
|
name="picture"
|
|
6328
|
-
.fallback=${
|
|
6328
|
+
.fallback=${jh.strings[0]}></uui-icon>`}},s.UUISymbolFileThumbnailElement.styles=[b`
|
|
6329
6329
|
:host {
|
|
6330
6330
|
display: block;
|
|
6331
6331
|
width: 100%;
|
|
@@ -6348,7 +6348,7 @@
|
|
|
6348
6348
|
color: var(--uui-color-surface,#fff);
|
|
6349
6349
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
6350
6350
|
}
|
|
6351
|
-
`],vs([l({type:String})],
|
|
6351
|
+
`],vs([l({type:String})],s.UUISymbolFileThumbnailElement.prototype,"src",2),vs([l({type:String})],s.UUISymbolFileThumbnailElement.prototype,"alt",2),s.UUISymbolFileThumbnailElement=vs([p("uui-symbol-file-thumbnail")],s.UUISymbolFileThumbnailElement);var mv=Object.defineProperty,vv=Object.getOwnPropertyDescriptor,Iu=(i,e,t,r)=>{for(var o=r>1?void 0:r?vv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&mv(e,t,o),o};s.UUISymbolFileElement=class extends g{constructor(){super(...arguments),this.type=""}render(){return c`
|
|
6352
6352
|
<svg
|
|
6353
6353
|
xmlns="http://www.w3.org/2000/svg"
|
|
6354
6354
|
viewBox="0 0 24 24"
|
|
@@ -6365,7 +6365,7 @@
|
|
|
6365
6365
|
${this.type?c`<small id="file-type" class="uui-small"
|
|
6366
6366
|
>${this.type.toUpperCase()}</small
|
|
6367
6367
|
>`:""}
|
|
6368
|
-
`}},
|
|
6368
|
+
`}},s.UUISymbolFileElement.styles=[Nt,b`
|
|
6369
6369
|
:host {
|
|
6370
6370
|
position: relative;
|
|
6371
6371
|
display: block;
|
|
@@ -6391,7 +6391,7 @@
|
|
|
6391
6391
|
width: 100%;
|
|
6392
6392
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6393
6393
|
}
|
|
6394
|
-
`],Iu([l({type:String})],
|
|
6394
|
+
`],Iu([l({type:String})],s.UUISymbolFileElement.prototype,"type",2),s.UUISymbolFileElement=Iu([p("uui-symbol-file")],s.UUISymbolFileElement);var gv=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUISymbolFolderElement=class extends g{render(){return c`<svg
|
|
6395
6395
|
xmlns="http://www.w3.org/2000/svg"
|
|
6396
6396
|
viewBox="0 0 24 24"
|
|
6397
6397
|
fill="none"
|
|
@@ -6402,7 +6402,7 @@
|
|
|
6402
6402
|
id="icon">
|
|
6403
6403
|
<path
|
|
6404
6404
|
d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
|
|
6405
|
-
</svg>`}},
|
|
6405
|
+
</svg>`}},s.UUISymbolFolderElement.styles=[b`
|
|
6406
6406
|
:host {
|
|
6407
6407
|
display: block;
|
|
6408
6408
|
position: relative;
|
|
@@ -6413,9 +6413,9 @@
|
|
|
6413
6413
|
width: 100%;
|
|
6414
6414
|
color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6415
6415
|
}
|
|
6416
|
-
`],
|
|
6416
|
+
`],s.UUISymbolFolderElement=gv([p("uui-symbol-folder")],s.UUISymbolFolderElement);var fv=Object.defineProperty,yv=Object.getOwnPropertyDescriptor,Cu=(i,e,t,r)=>{for(var o=r>1?void 0:r?yv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&fv(e,t,o),o};s.UUISymbolLockElement=class extends g{constructor(){super(...arguments),this.open=!1}render(){return f`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
6417
6417
|
${this.open===!0?f`<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"></path>`:f`<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"></path>`}
|
|
6418
|
-
</svg>`}},
|
|
6418
|
+
</svg>`}},s.UUISymbolLockElement.styles=[b`
|
|
6419
6419
|
:host {
|
|
6420
6420
|
display: inline-block;
|
|
6421
6421
|
vertical-align: middle;
|
|
@@ -6425,7 +6425,7 @@
|
|
|
6425
6425
|
svg {
|
|
6426
6426
|
fill: currentColor;
|
|
6427
6427
|
}
|
|
6428
|
-
`],Cu([l({type:Boolean,reflect:!0})],
|
|
6428
|
+
`],Cu([l({type:Boolean,reflect:!0})],s.UUISymbolLockElement.prototype,"open",2),s.UUISymbolLockElement=Cu([p("uui-symbol-lock")],s.UUISymbolLockElement);var wv=Object.defineProperty,$v=Object.getOwnPropertyDescriptor,Su=(i,e,t,r)=>{for(var o=r>1?void 0:r?$v(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&wv(e,t,o),o};s.UUISymbolSortElement=class extends xi(g){constructor(){super(...arguments),this.descending=!1}render(){return c` <svg
|
|
6429
6429
|
id="up"
|
|
6430
6430
|
xmlns="http://www.w3.org/2000/svg"
|
|
6431
6431
|
width="24"
|
|
@@ -6450,7 +6450,7 @@
|
|
|
6450
6450
|
stroke-linecap="round"
|
|
6451
6451
|
stroke-linejoin="round">
|
|
6452
6452
|
<path d="m4 9 8 8 8-8"></path>
|
|
6453
|
-
</svg>`}},
|
|
6453
|
+
</svg>`}},s.UUISymbolSortElement.styles=[b`
|
|
6454
6454
|
:host {
|
|
6455
6455
|
position: relative;
|
|
6456
6456
|
display: inline-block;
|
|
@@ -6509,7 +6509,7 @@
|
|
|
6509
6509
|
:host([active][descending]) #down {
|
|
6510
6510
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
6511
6511
|
}
|
|
6512
|
-
`],Su([l({type:Boolean,reflect:!0})],
|
|
6512
|
+
`],Su([l({type:Boolean,reflect:!0})],s.UUISymbolSortElement.prototype,"descending",2),s.UUISymbolSortElement=Su([p("uui-symbol-sort")],s.UUISymbolSortElement);var _v=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUITableElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return c`<slot></slot>`}},s.UUITableElement.styles=[b`
|
|
6513
6513
|
:host {
|
|
6514
6514
|
display: table;
|
|
6515
6515
|
width: 100%;
|
|
@@ -6517,7 +6517,7 @@
|
|
|
6517
6517
|
background-color: var(--uui-color-surface,#fff);
|
|
6518
6518
|
cursor: default;
|
|
6519
6519
|
}
|
|
6520
|
-
`],
|
|
6520
|
+
`],s.UUITableElement=_v([p("uui-table")],s.UUITableElement);var Uv=Object.defineProperty,kv=Object.getOwnPropertyDescriptor,hr=(i,e,t,r)=>{for(var o=r>1?void 0:r?kv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Uv(e,t,o),o};s.UUITableCellElement=class extends g{constructor(){super(...arguments),this.disableChildInteraction=!1,this.noPadding=!1,this.clipText=!1,this._observer=new ResizeObserver(()=>{this._detectOverflow()})}_detectOverflow(){this.scrollWidth>this.clientWidth?this.setAttribute("title",this.innerText):this.removeAttribute("title")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","cell")}disconnectedCallback(){super.disconnectedCallback(),this._observer.disconnect()}updated(e){super.updated(e),e.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return c` <slot @slotchange=${this._detectOverflow}></slot>`}},s.UUITableCellElement.styles=[b`
|
|
6521
6521
|
:host {
|
|
6522
6522
|
position: relative;
|
|
6523
6523
|
display: table-cell;
|
|
@@ -6551,20 +6551,20 @@
|
|
|
6551
6551
|
:host([no-padding]) {
|
|
6552
6552
|
padding: 0;
|
|
6553
6553
|
}
|
|
6554
|
-
`],hr([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],
|
|
6554
|
+
`],hr([l({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],s.UUITableCellElement.prototype,"disableChildInteraction",2),hr([l({type:Boolean,reflect:!0,attribute:"no-padding"})],s.UUITableCellElement.prototype,"noPadding",2),hr([l({type:Boolean,reflect:!0,attribute:"clip-text"})],s.UUITableCellElement.prototype,"clipText",2),s.UUITableCellElement=hr([p("uui-table-cell")],s.UUITableCellElement);var Ev=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUITableColumnElement=class extends g{},s.UUITableColumnElement.styles=[b`
|
|
6555
6555
|
:host {
|
|
6556
6556
|
display: table-column;
|
|
6557
6557
|
}
|
|
6558
|
-
`],
|
|
6558
|
+
`],s.UUITableColumnElement=Ev([p("uui-table-column")],s.UUITableColumnElement);var xv=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUITableHeadCellElement=class extends s.UUITableCellElement{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}},s.UUITableHeadCellElement.styles=[...s.UUITableCellElement.styles,b`
|
|
6559
6559
|
:host {
|
|
6560
6560
|
border-top: none;
|
|
6561
6561
|
}
|
|
6562
|
-
`],
|
|
6562
|
+
`],s.UUITableHeadCellElement=xv([p("uui-table-head-cell")],s.UUITableHeadCellElement);var Iv=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUITableHeadElement=class extends g{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return c`<slot></slot>`}},s.UUITableHeadElement.styles=[b`
|
|
6563
6563
|
:host {
|
|
6564
6564
|
display: table-header-group;
|
|
6565
6565
|
font-weight: bold;
|
|
6566
6566
|
}
|
|
6567
|
-
`],
|
|
6567
|
+
`],s.UUITableHeadElement=Iv([p("uui-table-head")],s.UUITableHeadElement);var Cv=Object.defineProperty,Sv=Object.getOwnPropertyDescriptor,Au=(i,e,t,r)=>{for(var o=r>1?void 0:r?Sv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Cv(e,t,o),o};s.UUITableRowElement=class extends fo(Dt(g)){constructor(){super();let e=!1;this.addEventListener("blur",()=>{e===!1&&this.style.setProperty("--uui-show-focus-outline","1"),e=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),e=!0}),this.addEventListener("mouseup",()=>{e=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(e){e.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(e=>{e.disableChildInteraction!==void 0&&(e.disableChildInteraction=this.selectOnly)})}render(){return c` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}},s.UUITableRowElement.styles=[b`
|
|
6568
6568
|
:host {
|
|
6569
6569
|
display: table-row;
|
|
6570
6570
|
position: relative;
|
|
@@ -6587,7 +6587,7 @@
|
|
|
6587
6587
|
:host([selected]:focus) {
|
|
6588
6588
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
6589
6589
|
}
|
|
6590
|
-
`],Au([Pe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],
|
|
6590
|
+
`],Au([Pe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],s.UUITableRowElement.prototype,"slotCellNodes",2),s.UUITableRowElement=Au([p("uui-table-row")],s.UUITableRowElement);var Av=Object.defineProperty,Pv=Object.getOwnPropertyDescriptor,pi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Pv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Av(e,t,o),o};s.UUITabElement=class extends xi(ye("",g)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(e){this.disabled&&(e.preventDefault(),e.stopImmediatePropagation())}render(){return this.href?c`
|
|
6591
6591
|
<a
|
|
6592
6592
|
id="button"
|
|
6593
6593
|
href=${w(this.disabled?void 0:this.href)}
|
|
@@ -6608,7 +6608,7 @@
|
|
|
6608
6608
|
${this.renderLabel()}
|
|
6609
6609
|
<slot name="extra"></slot>
|
|
6610
6610
|
</button>
|
|
6611
|
-
`}},
|
|
6611
|
+
`}},s.UUITabElement.styles=[b`
|
|
6612
6612
|
:host {
|
|
6613
6613
|
color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
|
|
6614
6614
|
font-family: inherit;
|
|
@@ -6738,10 +6738,10 @@
|
|
|
6738
6738
|
:host([orientation='vertical']) slot.label {
|
|
6739
6739
|
text-align: left;
|
|
6740
6740
|
}
|
|
6741
|
-
`],pi([l({type:Boolean,reflect:!0})],
|
|
6741
|
+
`],pi([l({type:Boolean,reflect:!0})],s.UUITabElement.prototype,"disabled",2),pi([l({type:String,reflect:!0})],s.UUITabElement.prototype,"href",2),pi([l({type:String,reflect:!0})],s.UUITabElement.prototype,"target",2),pi([l({type:String,reflect:!0})],s.UUITabElement.prototype,"rel",2),pi([l({type:String,reflect:!0})],s.UUITabElement.prototype,"orientation",2),s.UUITabElement=pi([p("uui-tab")],s.UUITabElement);var zv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,Pu=i=>{throw TypeError(i)},bi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Ov(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&zv(e,t,o),o},gs=(i,e,t)=>e.has(i)||Pu("Cannot "+t),A=(i,e,t)=>(gs(i,e,"read from private field"),t?t.call(i):e.get(i)),Ce=(i,e,t)=>e.has(i)?Pu("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,t),ro=(i,e,t,r)=>(gs(i,e,"write to private field"),e.set(i,t),t),Z=(i,e,t)=>(gs(i,e,"access private method"),t),dr,Se,Ge,Ct,mi,pr,no,so,q,zu,Ou,fs,Lu,vi,br,Mu,ys,mr,Tu;s.UUITabGroupElement=class extends g{constructor(){super(...arguments),Ce(this,q),Ce(this,dr,0),this.dropdownContentDirection="vertical",Ce(this,Se,[]),Ce(this,Ge,[]),Ce(this,Ct,new Map),Ce(this,mi,[]),Ce(this,pr,new ResizeObserver(Z(this,q,Ou).bind(this))),Ce(this,no,[]),Ce(this,so,!1),Ce(this,vi,e=>{const t=e.currentTarget,r=e.ctrlKey||e.metaKey;if(!(Z(this,q,Tu).call(this,t)&&r)){if(t.classList.contains("hidden-tab")&&Z(this,q,mr).call(this,t)){const o=A(this,Ct).get(t);o&&(o.click(),this._moreButtonElement.classList.add("active-inside"),this._popoverContainerElement.hidePopover());return}if(Z(this,q,mr).call(this,t)){t.active=!0;const o=A(this,Ct).get(t);o&&(o.active=!0),[...A(this,Se),...A(this,Ge)].filter(n=>n!==t&&n!==o).forEach(n=>{Z(this,q,mr).call(this,n)&&(n.active=!1)}),A(this,Ge).some(n=>n.active&&n!==o)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}}})}connectedCallback(){super.connectedCallback(),Z(this,q,zu).call(this)}disconnectedCallback(){super.disconnectedCallback(),A(this,pr).unobserve(this),Z(this,q,fs).call(this)}render(){return c`
|
|
6742
6742
|
<div id="main">
|
|
6743
6743
|
<div id="grid" role="tablist">
|
|
6744
|
-
<slot @slotchange=${
|
|
6744
|
+
<slot @slotchange=${Z(this,q,Lu)}></slot>
|
|
6745
6745
|
</div>
|
|
6746
6746
|
<uui-button
|
|
6747
6747
|
popovertarget="popover-container"
|
|
@@ -6760,7 +6760,7 @@
|
|
|
6760
6760
|
${wo(A(this,Ge),e=>c`${e}`)}
|
|
6761
6761
|
</div>
|
|
6762
6762
|
</uui-popover-container>
|
|
6763
|
-
`}},dr=new WeakMap,Se=new WeakMap,Ge=new WeakMap,Ct=new WeakMap,mi=new WeakMap,pr=new WeakMap,no=new WeakMap,so=new WeakMap,
|
|
6763
|
+
`}},dr=new WeakMap,Se=new WeakMap,Ge=new WeakMap,Ct=new WeakMap,mi=new WeakMap,pr=new WeakMap,no=new WeakMap,so=new WeakMap,q=new WeakSet,zu=async function(){_(this,"uui-button"),_(this,"uui-popover-container"),_(this,"uui-symbol-more"),await this.updateComplete,A(this,pr).observe(this._mainElement)},Ou=function(i){const e=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap"));(Number.isNaN(e)?0:e)!==A(this,dr)?Z(this,q,br).call(this):Z(this,q,ys).call(this,i[0].contentBoxSize[0].inlineSize)},fs=function(){A(this,Se).forEach(i=>{i.removeEventListener("click",A(this,vi)),A(this,no).forEach(e=>e.disconnect())}),A(this,no).length=0,A(this,mi).length=0},Lu=function(){Z(this,q,fs).call(this),Z(this,q,Mu).call(this),A(this,Se).forEach(i=>{i.addEventListener("click",A(this,vi));const e=new ResizeObserver(Z(this,q,br).bind(this));e.observe(i),A(this,no).push(e)})},vi=new WeakMap,br=async function(){if(A(this,so))return;ro(this,so,!0),requestAnimationFrame(()=>{ro(this,so,!1)}),await this.updateComplete;const i=Number.parseFloat(this.style.getPropertyValue("--uui-tab-group-gap")),e=Number.isNaN(i)?0:i;ro(this,dr,e);let t=0;for(let o=0;o<A(this,Se).length;o++)A(this,Se)[o].style.display="",t+=A(this,Se)[o].offsetWidth,A(this,mi)[o]=t,t+=e;const r=2;this._mainElement.style.width=t-e+r+"px",Z(this,q,ys).call(this,this._mainElement.offsetWidth)},Mu=function(){ro(this,Se,this._slottedNodes?this._slottedNodes:[]),Z(this,q,br).call(this)},ys=function(i){const e=this._moreButtonElement.offsetWidth,t=i-(e||0);A(this,Ge).forEach(n=>{n.removeEventListener("click",A(this,vi))}),ro(this,Ge,[]),A(this,Ct).clear();let r=!1;const o=A(this,mi).length;for(let n=0;n<o;n++){const a=A(this,mi)[n],h=A(this,Se)[n];if(a<=(n===o-1?i:t))h.style.display="";else{const u=h.cloneNode(!0);u.addEventListener("click",A(this,vi)),u.classList.add("hidden-tab"),u.style.display="",u.orientation=this.dropdownContentDirection,A(this,Ct).set(u,h),A(this,Ct).set(h,u),A(this,Ge).push(u),h.style.display="none",h.active&&(r=!0)}}A(this,Ge).length===0?(this._moreButtonElement.style.display="none",this._popoverContainerElement.hidePopover()):this._moreButtonElement.style.display="",r?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},mr=function(i){return typeof i=="object"&&"active"in i&&typeof i.active=="boolean"},Tu=function(i){return typeof i=="object"&&"href"in i&&typeof i.href=="string"&&i.href},s.UUITabGroupElement.styles=[b`
|
|
6764
6764
|
:host {
|
|
6765
6765
|
min-width: 0;
|
|
6766
6766
|
display: flex;
|
|
@@ -6848,7 +6848,7 @@
|
|
|
6848
6848
|
opacity 120ms,
|
|
6849
6849
|
height ease-out 120ms;
|
|
6850
6850
|
}
|
|
6851
|
-
`],bi([S("#more-button")],
|
|
6851
|
+
`],bi([S("#more-button")],s.UUITabGroupElement.prototype,"_moreButtonElement",2),bi([S("#popover-container")],s.UUITabGroupElement.prototype,"_popoverContainerElement",2),bi([S("#main")],s.UUITabGroupElement.prototype,"_mainElement",2),bi([Pe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],s.UUITabGroupElement.prototype,"_slottedNodes",2),bi([l({type:String,reflect:!0,attribute:"dropdown-content-direction"})],s.UUITabGroupElement.prototype,"dropdownContentDirection",2),s.UUITabGroupElement=bi([p("uui-tab-group")],s.UUITabGroupElement);class Lv extends z{}class Mv extends z{}var Tv=Object.defineProperty,Nv=Object.getOwnPropertyDescriptor,ws=(i,e,t,r)=>{for(var o=r>1?void 0:r?Nv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Tv(e,t,o),o};s.UUITagElement=class extends g{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return c`<slot></slot>`}},s.UUITagElement.styles=[b`
|
|
6852
6852
|
:host {
|
|
6853
6853
|
display: inline-block;
|
|
6854
6854
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -6938,7 +6938,7 @@
|
|
|
6938
6938
|
color: var(--color-standalone);
|
|
6939
6939
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
6940
6940
|
}
|
|
6941
|
-
`],ws([l({reflect:!0})],
|
|
6941
|
+
`],ws([l({reflect:!0})],s.UUITagElement.prototype,"color",2),ws([l({reflect:!0})],s.UUITagElement.prototype,"look",2),s.UUITagElement=ws([p("uui-tag")],s.UUITagElement);class $s extends z{static{this.CHANGE="change"}static{this.INPUT="input"}constructor(e,t={}){super(e,{bubbles:!0,...t})}}var Bv=Object.defineProperty,Dv=Object.getOwnPropertyDescriptor,X=(i,e,t,r)=>{for(var o=r>1?void 0:r?Dv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Bv(e,t,o),o};s.UUITextareaElement=class extends we(g,""){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage=e=>`${e} characters left`,this.maxlengthMessage=(e,t)=>`Maximum ${e} characters, ${t-e} too many.`,this.autoHeight=!1,this._autoHeightRafId=null,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>{const e=this.minlengthMessage;return typeof e=="function"?e(this.minlength?this.minlength-String(this.value).length:0):e},()=>!!this.minlength&&String(this.value).length<this.minlength),this.addValidator("tooLong",()=>{const e=this.maxlengthMessage;return typeof e=="function"?e(this.maxlength??0,String(this.value).length):e},()=>!!this.maxlength&&String(this.value).length>this.maxlength)}set value(e){const t=super.value;super.value=e,this.autoHeight&&this.isConnected&&t!==e&&(this._autoHeightRafId!==null&&cancelAnimationFrame(this._autoHeightRafId),this._autoHeightRafId=requestAnimationFrame(()=>{this._autoHeightRafId=null,this.autoUpdateHeight()}))}get value(){return String(super.value)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}async focus(){await this.updateComplete,this._textarea.focus()}async blur(){await this.updateComplete,this._textarea.blur()}async click(){await this.updateComplete,this._textarea.click()}getFormElement(){return this._textarea}onInput(e){this.value=e.target.value}onChange(e){e.stopPropagation(),this.pristine=!1,this.dispatchEvent(new $s($s.CHANGE))}autoUpdateHeight(){const e=this.shadowRoot.host,t=this._textarea,r=e.scrollTop,o=getComputedStyle(e).height;e.style.display="block",e.style.height=o,t.style.height="auto",t.scrollHeight+2>t.clientHeight?t.style.height=t.scrollHeight+2+"px":t.scrollHeight+2<t.clientHeight&&t.style.removeProperty("height"),e.style.removeProperty("display"),e.style.removeProperty("height"),e.scrollTop=r}render(){return c`
|
|
6942
6942
|
<textarea
|
|
6943
6943
|
id="textarea"
|
|
6944
6944
|
rows=${w(this.rows)}
|
|
@@ -6953,7 +6953,7 @@
|
|
|
6953
6953
|
@input=${this.onInput}
|
|
6954
6954
|
@change=${this.onChange}>
|
|
6955
6955
|
</textarea>
|
|
6956
|
-
`}},
|
|
6956
|
+
`}},s.UUITextareaElement.formAssociated=!0,s.UUITextareaElement.styles=[b`
|
|
6957
6957
|
:host {
|
|
6958
6958
|
position: relative;
|
|
6959
6959
|
}
|
|
@@ -7038,7 +7038,7 @@
|
|
|
7038
7038
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
7039
7039
|
var(--uui-color-focus,#3879ff);
|
|
7040
7040
|
}
|
|
7041
|
-
`],X([l()],
|
|
7041
|
+
`],X([l()],s.UUITextareaElement.prototype,"placeholder",2),X([l({type:Boolean,reflect:!0})],s.UUITextareaElement.prototype,"disabled",2),X([l({type:Boolean,reflect:!0})],s.UUITextareaElement.prototype,"readonly",2),X([l({type:String})],s.UUITextareaElement.prototype,"name",2),X([l({type:Boolean,reflect:!0})],s.UUITextareaElement.prototype,"error",2),X([l({type:Number})],s.UUITextareaElement.prototype,"minlength",2),X([l({attribute:"minlength-message"})],s.UUITextareaElement.prototype,"minlengthMessage",2),X([l({type:Number})],s.UUITextareaElement.prototype,"maxlength",2),X([l({attribute:"maxlength-message"})],s.UUITextareaElement.prototype,"maxlengthMessage",2),X([S("#textarea")],s.UUITextareaElement.prototype,"_textarea",2),X([l({type:Boolean,attribute:"auto-height",reflect:!0})],s.UUITextareaElement.prototype,"autoHeight",2),X([l({type:String})],s.UUITextareaElement.prototype,"label",2),X([l({type:Number})],s.UUITextareaElement.prototype,"rows",2),X([l({type:Number})],s.UUITextareaElement.prototype,"cols",2),X([l({type:String})],s.UUITextareaElement.prototype,"wrap",2),s.UUITextareaElement=X([p("uui-textarea")],s.UUITextareaElement);let fe=class extends z{static{this.OPENING="opening"}static{this.OPENED="opened"}static{this.CLOSING="closing"}static{this.CLOSED="closed"}};var Vv=Object.defineProperty,Hv=Object.getOwnPropertyDescriptor,gi=(i,e,t,r)=>{for(var o=r>1?void 0:r?Hv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Vv(e,t,o),o};s.UUIToastNotificationElement=class extends g{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",e=>{e.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,e!==null?(this._timer===null?this._timer=new Ph(this._onOpenTimerComplete,e):this._timer.setDuration(e),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):(this._timer?.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(e){e===!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 fe(fe.OPENING)),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&this._timer?.start(),this.dispatchEvent(new fe(fe.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){if(this._open===!1)return;const e=new fe(fe.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,this._timer?.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 fe(fe.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return c`
|
|
7042
7042
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
7043
7043
|
<div>
|
|
7044
7044
|
<div id="close">
|
|
@@ -7055,7 +7055,7 @@
|
|
|
7055
7055
|
<slot></slot>
|
|
7056
7056
|
</div>
|
|
7057
7057
|
</div>
|
|
7058
|
-
`}},
|
|
7058
|
+
`}},s.UUIToastNotificationElement.styles=[Nt,b`
|
|
7059
7059
|
:host {
|
|
7060
7060
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
7061
7061
|
|
|
@@ -7172,7 +7172,7 @@
|
|
|
7172
7172
|
71
|
|
7173
7173
|
));
|
|
7174
7174
|
}
|
|
7175
|
-
`],gi([l({reflect:!0})],
|
|
7175
|
+
`],gi([l({reflect:!0})],s.UUIToastNotificationElement.prototype,"color",2),gi([l({type:Number})],s.UUIToastNotificationElement.prototype,"autoClose",1),gi([S("#toast")],s.UUIToastNotificationElement.prototype,"_toastEl",2),gi([$()],s.UUIToastNotificationElement.prototype,"_animate",2),gi([l({type:Boolean,reflect:!0})],s.UUIToastNotificationElement.prototype,"open",1),s.UUIToastNotificationElement=gi([p("uui-toast-notification")],s.UUIToastNotificationElement);var jv=Object.defineProperty,Rv=Object.getOwnPropertyDescriptor,Nu=(i,e,t,r)=>{for(var o=r>1?void 0:r?Rv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&jv(e,t,o),o};s.UUIToastNotificationContainerElement=class extends g{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{this._autoClosePause=!0,this._toasts?.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,this._toasts?.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=e=>{this.removeToast(e.target)},this._toasts=[],this.onSlotChanged=e=>{const t=[...this._toasts];this._toasts=e.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),t.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(fe.CLOSED,this.onToastClosed),r.removeEventListener("mouseenter",this.pauseAutoClose),r.removeEventListener("mouseleave",this.resumeAutoClose),r.removeEventListener("focus",this.pauseAutoClose),r.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(r=>t.indexOf(r)===-1).forEach(r=>{r.addEventListener(fe.CLOSED,this.onToastClosed),r.addEventListener("mouseenter",this.pauseAutoClose),r.addEventListener("mouseleave",this.resumeAutoClose),r.addEventListener("focus",this.pauseAutoClose),r.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(r.autoClose=this._autoClose),this._autoClosePause===!0&&r.pauseAutoClose(),r.open=!0})}}get autoClose(){return this._autoClose}set autoClose(e){this._autoClose=e,this._toasts?.forEach(t=>t.autoClose=e)}removeToast(e){if(!e)e=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(e)===-1){console.warn("Toast-notification",e,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(e)}closeToast(e){let t=e;t||(t=this._toasts[this._toasts.length-1]),t.open=!1}render(){return c` <slot @slotchange=${this.onSlotChanged}></slot> `}},s.UUIToastNotificationContainerElement.styles=[b`
|
|
7176
7176
|
:host {
|
|
7177
7177
|
position: absolute;
|
|
7178
7178
|
overflow: hidden;
|
|
@@ -7200,7 +7200,7 @@
|
|
|
7200
7200
|
:host([left-align]) slot {
|
|
7201
7201
|
align-items: start;
|
|
7202
7202
|
}
|
|
7203
|
-
`],
|
|
7203
|
+
`],Nu([l({type:Number,reflect:!0,attribute:"auto-close"})],s.UUIToastNotificationContainerElement.prototype,"_autoClose",2),s.UUIToastNotificationContainerElement=Nu([p("uui-toast-notification-container")],s.UUIToastNotificationContainerElement);var Fv=Object.defineProperty,Gv=Object.getOwnPropertyDescriptor,_s=(i,e,t,r)=>{for(var o=r>1?void 0:r?Gv(e,t):e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=(r?a(e,t,o):a(o))||o);return r&&o&&Fv(e,t,o),o};s.UUIToastNotificationLayoutElement=class extends g{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=e=>{this._headlineSlotHasContent=e.target.assignedNodes({flatten:!0}).length>0}}render(){return c`
|
|
7204
7204
|
<div id="message" class="uui-text">
|
|
7205
7205
|
<h5
|
|
7206
7206
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -7210,7 +7210,7 @@
|
|
|
7210
7210
|
<slot></slot>
|
|
7211
7211
|
<slot id="actions" name="actions"></slot>
|
|
7212
7212
|
</div>
|
|
7213
|
-
`}},
|
|
7213
|
+
`}},s.UUIToastNotificationLayoutElement.styles=[Nt,b`
|
|
7214
7214
|
#message {
|
|
7215
7215
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
7216
7216
|
}
|
|
@@ -7231,12 +7231,12 @@
|
|
|
7231
7231
|
margin-top: var(--uui-size-space-4,12px);
|
|
7232
7232
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
7233
7233
|
}
|
|
7234
|
-
`],_s([l({type:String})],
|
|
7234
|
+
`],_s([l({type:String})],s.UUIToastNotificationLayoutElement.prototype,"headline",2),_s([$()],s.UUIToastNotificationLayoutElement.prototype,"_headlineSlotHasContent",2),s.UUIToastNotificationLayoutElement=_s([p("uui-toast-notification-layout")],s.UUIToastNotificationLayoutElement);var Wv=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIToggleElement=class extends ce{constructor(){super("switch")}renderCheckbox(){return c`
|
|
7235
7235
|
<div id="toggle">
|
|
7236
7236
|
<div id="icon-checked">${Uo}</div>
|
|
7237
7237
|
<div id="icon-unchecked">${Fr}</div>
|
|
7238
7238
|
</div>
|
|
7239
|
-
`}},
|
|
7239
|
+
`}},s.UUIToggleElement.formAssociated=!0,s.UUIToggleElement.styles=[...ce.styles,$o,b`
|
|
7240
7240
|
:host {
|
|
7241
7241
|
--uui-toggle-size: 18px;
|
|
7242
7242
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -7400,7 +7400,7 @@
|
|
|
7400
7400
|
71
|
|
7401
7401
|
));
|
|
7402
7402
|
}
|
|
7403
|
-
`],
|
|
7403
|
+
`],s.UUIToggleElement=Wv([p("uui-toggle")],s.UUIToggleElement);var qv=(i,e,t,r)=>{for(var o=e,n=i.length-1,a;n>=0;n--)(a=i[n])&&(o=a(o)||o);return o};s.UUIVisuallyHiddenElement=class extends g{render(){return c`<slot></slot>`}},s.UUIVisuallyHiddenElement.styles=[b`
|
|
7404
7404
|
:host(:not(:focus-within)) {
|
|
7405
7405
|
position: absolute !important;
|
|
7406
7406
|
width: 1px !important;
|
|
@@ -7412,5 +7412,5 @@
|
|
|
7412
7412
|
white-space: nowrap !important;
|
|
7413
7413
|
padding: 0 !important;
|
|
7414
7414
|
}
|
|
7415
|
-
`],
|
|
7415
|
+
`],s.UUIVisuallyHiddenElement=qv([p("uui-visually-hidden")],s.UUIVisuallyHiddenElement),s.ActiveMixin=xc,s.LabelMixin=Cc,s.PopoverTargetMixin=Xc,s.SelectOnlyMixin=Mc,s.SelectableMixin=Pc,s.Timer=Vc,s.UUIBlinkAnimationValue=yc,s.UUIBlinkKeyframes=fc,s.UUIBooleanInputElement=ce,s.UUIBooleanInputEvent=Hr,s.UUIButtonInlineCreateEvent=rn,s.UUICardEvent=Mi,s.UUIColorAreaEvent=gn,s.UUIColorPickerChangeEvent=Vi,s.UUIColorSliderEvent=xn,s.UUIColorSwatchesEvent=Ri,s.UUIComboboxEvent=ve,s.UUIComboboxListEvent=me,s.UUICopyTextEvent=Oi,s.UUIEvent=Dr,s.UUIFileDropzoneEvent=Re,s.UUIFormControlEvent=mt,s.UUIFormControlMixin=Dc,s.UUIHorizontalPulseAnimationValue=$c,s.UUIHorizontalPulseKeyframes=wc,s.UUIHorizontalShakeAnimationValue=Uc,s.UUIHorizontalShakeKeyframes=_c,s.UUIIconHost=Nn,s.UUIIconRegistry=Bn,s.UUIIconRegistryEssential=Bl,s.UUIIconRequestEvent=qi,s.UUIInputEvent=Ki,s.UUIInputLockEvent=Vn,s.UUIInterfaceColorValues=Jc,s.UUIInterfaceHeadingValues=Qc,s.UUIInterfaceLookValues=Zc,s.UUIMenuItemEvent=ni,s.UUIModalCloseEndEvent=Wl,s.UUIModalCloseEvent=ai,s.UUIModalElement=ue,s.UUIModalOpenEvent=Gl,s.UUIPaginationEvent=Et,s.UUIRadioEvent=Ji,s.UUIRadioGroupEvent=Jn,s.UUIRefEvent=to,s.UUISelectEvent=ds,s.UUISelectableEvent=Ei,s.UUISliderEvent=io,s.UUITabEvent=Lv,s.UUITabGroupEvent=Mv,s.UUITextStyles=Nt,s.UUITextareaEvent=$s,s.UUITimer=ia,s.UUIToastNotificationEvent=fe,s.UUI_VERSION=ra,s.clamp=Rc,s.defineElement=Yc,s.demandCustomElement=Hc,s.drag=jc,s.findAncestorByAttributeValue=oa,s.reverseNumberInRange=Fc,s.slotHasContent=Wc,s.toHex=Gc}));
|
|
7416
7416
|
//# sourceMappingURL=uui.min.js.map
|