@umbraco-cms/backoffice 14.0.0--preview004-398beac5 → 14.0.0--preview004-fe149e14
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.
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const pr=window,xo=pr.ShadowRoot&&(pr.ShadyCSS===void 0||pr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,wo=Symbol(),Gs=new WeakMap;let qs=class{constructor(e,i,o){if(this._$cssResult$=!0,o!==wo)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=i}get styleSheet(){let e=this.o;const i=this.t;if(xo&&e===void 0){const o=i!==void 0&&i.length===1;o&&(e=Gs.get(i)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Gs.set(i,e))}return e}toString(){return this.cssText}};const ce=t=>new qs(typeof t=="string"?t:t+"",void 0,wo),d=(t,...e)=>{const i=t.length===1?t[0]:e.reduce((o,r,s)=>o+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+t[s+1],t[0]);return new qs(i,t,wo)},qu=(t,e)=>{xo?t.adoptedStyleSheets=e.map(i=>i instanceof CSSStyleSheet?i:i.styleSheet):e.forEach(i=>{const o=document.createElement("style"),r=pr.litNonce;r!==void 0&&o.setAttribute("nonce",r),o.textContent=i.cssText,t.appendChild(o)})},Ws=xo?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let i="";for(const o of e.cssRules)i+=o.cssText;return ce(i)})(t):t;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var $o;const vr=window,Ks=vr.trustedTypes,Wu=Ks?Ks.emptyScript:"",Xs=vr.reactiveElementPolyfillSupport,Eo={toAttribute(t,e){switch(e){case Boolean:t=t?Wu:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=t!==null;break;case Number:i=t===null?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch{i=null}}return i}},Ys=(t,e)=>e!==t&&(e==e||t==t),Po={attribute:!0,type:String,converter:Eo,reflect:!1,hasChanged:Ys};let Vt=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(e){var i;this.finalize(),((i=this.h)!==null&&i!==void 0?i:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((i,o)=>{const r=this._$Ep(o,i);r!==void 0&&(this._$Ev.set(r,o),e.push(r))}),e}static createProperty(e,i=Po){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(e,i),!i.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,r=this.getPropertyDescriptor(e,o,i);r!==void 0&&Object.defineProperty(this.prototype,e,r)}}static getPropertyDescriptor(e,i,o){return{get(){return this[i]},set(r){const s=this[e];this[i]=r,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Po}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!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 i=this.properties,o=[...Object.getOwnPropertyNames(i),...Object.getOwnPropertySymbols(i)];for(const r of o)this.createProperty(r,i[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const i=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const r of o)i.unshift(Ws(r))}else e!==void 0&&i.push(Ws(e));return i}static _$Ep(e,i){const o=i.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(i=>this.enableUpdating=i),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(i=>i(this))}addController(e){var i,o;((i=this._$ES)!==null&&i!==void 0?i:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var i;(i=this._$ES)===null||i===void 0||i.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i])})}createRenderRoot(){var e;const i=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return qu(i,this.constructor.elementStyles),i}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostConnected)===null||o===void 0?void 0:o.call(i)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var o;return(o=i.hostDisconnected)===null||o===void 0?void 0:o.call(i)})}attributeChangedCallback(e,i,o){this._$AK(e,o)}_$EO(e,i,o=Po){var r;const s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){const n=(((r=o.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?o.converter:Eo).toAttribute(i,o.type);this._$El=e,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(e,i){var o;const r=this.constructor,s=r._$Ev.get(e);if(s!==void 0&&this._$El!==s){const n=r.getPropertyOptions(s),u=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)===null||o===void 0?void 0:o.fromAttribute)!==void 0?n.converter:Eo;this._$El=s,this[s]=u.fromAttribute(i,n.type),this._$El=null}}requestUpdate(e,i,o){let r=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||Ys)(this[e],i)?(this._$AL.has(e)||this._$AL.set(e,i),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(i){Promise.reject(i)}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((r,s)=>this[s]=r),this._$Ei=void 0);let i=!1;const o=this._$AL;try{i=this.shouldUpdate(o),i?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(r=>{var s;return(s=r.hostUpdate)===null||s===void 0?void 0:s.call(r)}),this.update(o)):this._$Ek()}catch(r){throw i=!1,this._$Ek(),r}i&&this._$AE(o)}willUpdate(e){}_$AE(e){var i;(i=this._$ES)===null||i===void 0||i.forEach(o=>{var r;return(r=o.hostUpdated)===null||r===void 0?void 0:r.call(o)}),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((i,o)=>this._$EO(o,this[o],i)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};Vt.finalized=!0,Vt.elementProperties=new Map,Vt.elementStyles=[],Vt.shadowRootOptions={mode:"open"},Xs?.({ReactiveElement:Vt}),(($o=vr.reactiveElementVersions)!==null&&$o!==void 0?$o:vr.reactiveElementVersions=[]).push("1.6.1");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/var
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/var Co;const fr=window,Tt=fr.trustedTypes,Zs=Tt?Tt.createPolicy("lit-html",{createHTML:t=>t}):void 0,br="$lit$",Ae=`lit$${(Math.random()+"").slice(9)}$`,Oo="?"+Ae,Ku=`<${Oo}>`,ut=document,Ei=()=>ut.createComment(""),Pi=t=>t===null||typeof t!="object"&&typeof t!="function",Qs=Array.isArray,Js=t=>Qs(t)||typeof t?.[Symbol.iterator]=="function",zo=`[
|
|
14
|
+
\f\r]`,Ci=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,en=/-->/g,tn=/>/g,ct=RegExp(`>|${zo}(?:([^\\s"'>=/]+)(${zo}*=${zo}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),rn=/'/g,on=/"/g,sn=/^(?:script|style|textarea|title)$/i,nn=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),l=nn(1),m=nn(2),G=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),an=new WeakMap,ht=ut.createTreeWalker(ut,129,null,!1);function ln(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return Zs!==void 0?Zs.createHTML(e):e}const un=(t,e)=>{const i=t.length-1,o=[];let r,s=e===2?"<svg>":"",n=Ci;for(let u=0;u<i;u++){const c=t[u];let h,f,_=-1,g=0;for(;g<c.length&&(n.lastIndex=g,f=n.exec(c),f!==null);)g=n.lastIndex,n===Ci?f[1]==="!--"?n=en:f[1]!==void 0?n=tn:f[2]!==void 0?(sn.test(f[2])&&(r=RegExp("</"+f[2],"g")),n=ct):f[3]!==void 0&&(n=ct):n===ct?f[0]===">"?(n=r??Ci,_=-1):f[1]===void 0?_=-2:(_=n.lastIndex-f[2].length,h=f[1],n=f[3]===void 0?ct:f[3]==='"'?on:rn):n===on||n===rn?n=ct:n===en||n===tn?n=Ci:(n=ct,r=void 0);const x=n===ct&&t[u+1].startsWith("/>")?" ":"";s+=n===Ci?c+Ku:_>=0?(o.push(h),c.slice(0,_)+br+c.slice(_)+Ae+x):c+Ae+(_===-2?(o.push(void 0),u):x)}return[ln(t,s+(t[i]||"<?>")+(e===2?"</svg>":"")),o]};let ko=class Fu{constructor({strings:e,_$litType$:i},o){let r;this.parts=[];let s=0,n=0;const u=e.length-1,c=this.parts,[h,f]=un(e,i);if(this.el=Fu.createElement(h,o),ht.currentNode=this.el.content,i===2){const _=this.el.content,g=_.firstChild;g.remove(),_.append(...g.childNodes)}for(;(r=ht.nextNode())!==null&&c.length<u;){if(r.nodeType===1){if(r.hasAttributes()){const _=[];for(const g of r.getAttributeNames())if(g.endsWith(br)||g.startsWith(Ae)){const x=f[n++];if(_.push(g),x!==void 0){const w=r.getAttribute(x.toLowerCase()+br).split(Ae),E=/([.?@])?(.*)/.exec(x);c.push({type:1,index:s,name:E[2],strings:w,ctor:E[1]==="."?hn:E[1]==="?"?dn:E[1]==="@"?pn:Oi})}else c.push({type:6,index:s})}for(const g of _)r.removeAttribute(g)}if(sn.test(r.tagName)){const _=r.textContent.split(Ae),g=_.length-1;if(g>0){r.textContent=Tt?Tt.emptyScript:"";for(let x=0;x<g;x++)r.append(_[x],Ei()),ht.nextNode(),c.push({type:2,index:++s});r.append(_[g],Ei())}}}else if(r.nodeType===8)if(r.data===Oo)c.push({type:2,index:s});else{let _=-1;for(;(_=r.data.indexOf(Ae,_+1))!==-1;)c.push({type:7,index:s}),_+=Ae.length-1}s++}}static createElement(e,i){const o=ut.createElement("template");return o.innerHTML=e,o}};function dt(t,e,i=t,o){var r,s,n,u;if(e===G)return e;let c=o!==void 0?(r=i._$Co)===null||r===void 0?void 0:r[o]:i._$Cl;const h=Pi(e)?void 0:e._$litDirective$;return c?.constructor!==h&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),h===void 0?c=void 0:(c=new h(t),c._$AT(t,i,o)),o!==void 0?((n=(u=i)._$Co)!==null&&n!==void 0?n:u._$Co=[])[o]=c:i._$Cl=c),c!==void 0&&(e=dt(t,c._$AS(t,e.values),c,o)),e}let cn=class{constructor(e,i){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var i;const{el:{content:o},parts:r}=this._$AD,s=((i=e?.creationScope)!==null&&i!==void 0?i:ut).importNode(o,!0);ht.currentNode=s;let n=ht.nextNode(),u=0,c=0,h=r[0];for(;h!==void 0;){if(u===h.index){let f;h.type===2?f=new wi(n,n.nextSibling,this,e):h.type===1?f=new h.ctor(n,h.name,h.strings,this,e):h.type===6&&(f=new vn(n,this,e)),this._$AV.push(f),h=r[++c]}u!==h?.index&&(n=ht.nextNode(),u++)}return ht.currentNode=ut,s}v(e){let i=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,i),i+=o.strings.length-2):o._$AI(e[i])),i++}};class wi{constructor(e,i,o,r){var s;this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=i,this._$AM=o,this.options=r,this._$Cp=(s=r?.isConnected)===null||s===void 0||s}get _$AU(){var e,i;return(i=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&i!==void 0?i:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const i=this._$AM;return i!==void 0&&e?.nodeType===11&&(e=i.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,i=this){e=dt(this,e,i),Pi(e)?e===$||e==null||e===""?(this._$AH!==$&&this._$AR(),this._$AH=$):e!==this._$AH&&e!==G&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):Js(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!==$&&Pi(this._$AH)?this._$AA.nextSibling.data=e:this.$(ut.createTextNode(e)),this._$AH=e}g(e){var i;const{values:o,_$litType$:r}=e,s=typeof r=="number"?this._$AC(e):(r.el===void 0&&(r.el=ko.createElement(ln(r.h,r.h[0]),this.options)),r);if(((i=this._$AH)===null||i===void 0?void 0:i._$AD)===s)this._$AH.v(o);else{const n=new cn(s,this),u=n.u(this.options);n.v(o),this.$(u),this._$AH=n}}_$AC(e){let i=an.get(e.strings);return i===void 0&&an.set(e.strings,i=new ko(e)),i}T(e){Qs(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let o,r=0;for(const s of e)r===i.length?i.push(o=new wi(this.k(Ei()),this.k(Ei()),this,this.options)):o=i[r],o._$AI(s),r++;r<i.length&&(this._$AR(o&&o._$AB.nextSibling,r),i.length=r)}_$AR(e=this._$AA.nextSibling,i){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,i);e&&e!==this._$AB;){const r=e.nextSibling;e.remove(),e=r}}setConnected(e){var i;this._$AM===void 0&&(this._$Cp=e,(i=this._$AP)===null||i===void 0||i.call(this,e))}}let Oi=class{constructor(e,i,o,r,s){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=i,this._$AM=r,this.options=s,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=$}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(e,i=this,o,r){const s=this.strings;let n=!1;if(s===void 0)e=dt(this,e,i,0),n=!Pi(e)||e!==this._$AH&&e!==G,n&&(this._$AH=e);else{const u=e;let c,h;for(e=s[0],c=0;c<s.length-1;c++)h=dt(this,u[o+c],i,c),h===G&&(h=this._$AH[c]),n||(n=!Pi(h)||h!==this._$AH[c]),h===$?e=$:e!==$&&(e+=(h??"")+s[c+1]),this._$AH[c]=h}n&&!r&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},hn=class extends Oi{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}};const Xu=Tt?Tt.emptyScript:"";class dn extends Oi{constructor(){super(...arguments),this.type=4}j(e){e&&e!==$?this.element.setAttribute(this.name,Xu):this.element.removeAttribute(this.name)}}class pn extends Oi{constructor(e,i,o,r,s){super(e,i,o,r,s),this.type=5}_$AI(e,i=this){var o;if((e=(o=dt(this,e,i,0))!==null&&o!==void 0?o:$)===G)return;const r=this._$AH,s=e===$&&r!==$||e.capture!==r.capture||e.once!==r.once||e.passive!==r.passive,n=e!==$&&(r===$||s);s&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var i,o;typeof this._$AH=="function"?this._$AH.call((o=(i=this.options)===null||i===void 0?void 0:i.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class vn{constructor(e,i,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=i,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){dt(this,e)}}const Yu={O:br,P:Ae,A:Oo,C:1,M:un,L:cn,R:Js,D:dt,I:wi,V:Oi,H:dn,N:pn,U:hn,F:vn},fn=fr.litHtmlPolyfillSupport;fn?.(ko,wi),((Co=fr.litHtmlVersions)!==null&&Co!==void 0?Co:fr.litHtmlVersions=[]).push("2.8.0");const Zu=(t,e,i)=>{var o,r;const s=(o=i?.renderBefore)!==null&&o!==void 0?o:e;let n=s._$litPart$;if(n===void 0){const u=(r=i?.renderBefore)!==null&&r!==void 0?r:null;s._$litPart$=n=new wi(e.insertBefore(Ei(),u),u,void 0,i??{})}return n._$AI(t),n};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/var
|
|
19
|
+
*/var So,Io;let v=class extends Vt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,i;const o=super.createRenderRoot();return(e=(i=this.renderOptions).renderBefore)!==null&&e!==void 0||(i.renderBefore=o.firstChild),o}update(e){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Zu(i,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 G}};v.finalized=!0,v._$litElement$=!0,(So=globalThis.litElementHydrateSupport)===null||So===void 0||So.call(globalThis,{LitElement:v});const bn=globalThis.litElementPolyfillSupport;bn?.({LitElement:v}),((Io=globalThis.litElementVersions)!==null&&Io!==void 0?Io:globalThis.litElementVersions=[]).push("3.3.2");var Qu=`.uui-text {
|
|
20
20
|
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
21
21
|
font-size: 15px;
|
|
22
22
|
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
@@ -184,15 +184,15 @@
|
|
|
184
184
|
margin-top: var(--uui-size-layout-1,24px);
|
|
185
185
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
186
186
|
}
|
|
187
|
-
`;const
|
|
187
|
+
`;const Ju=ce(Qu);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2017 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const
|
|
191
|
+
*/const Ao=t=>e=>typeof e=="function"?((i,o)=>(customElements.define(i,o),o))(t,e):((i,o)=>{const{kind:r,elements:s}=o;return{kind:r,elements:s,finisher(n){customElements.define(i,n)}}})(t,e);/**
|
|
192
192
|
* @license
|
|
193
193
|
* Copyright 2017 Google LLC
|
|
194
194
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
195
|
-
*/const ec=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(
|
|
195
|
+
*/const ec=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(i){i.createProperty(e.key,t)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:e.key,initializer(){typeof e.initializer=="function"&&(this[e.key]=e.initializer.call(this))},finisher(i){i.createProperty(e.key,t)}};function a(t){return(e,i)=>i!==void 0?((o,r,s)=>{r.constructor.createProperty(s,o)})(t,e,i):ec(t,e)}/**
|
|
196
196
|
* @license
|
|
197
197
|
* Copyright 2017 Google LLC
|
|
198
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -200,19 +200,19 @@
|
|
|
200
200
|
* @license
|
|
201
201
|
* Copyright 2017 Google LLC
|
|
202
202
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
203
|
-
*/const
|
|
203
|
+
*/const Do=({finisher:t,descriptor:e})=>(i,o)=>{var r;if(o===void 0){const s=(r=i.originalKey)!==null&&r!==void 0?r:i.key,n=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(i.key)}:{...i,key:s};return t!=null&&(n.finisher=function(u){t(u,s)}),n}{const s=i.constructor;e!==void 0&&Object.defineProperty(i,o,e(o)),t?.(s,o)}};/**
|
|
204
204
|
* @license
|
|
205
205
|
* Copyright 2017 Google LLC
|
|
206
206
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
207
|
-
*/function O(t,e){return
|
|
207
|
+
*/function O(t,e){return Do({descriptor:i=>{const o={get(){var r,s;return(s=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(t))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const r=typeof i=="symbol"?Symbol():"__"+i;o.get=function(){var s,n;return this[r]===void 0&&(this[r]=(n=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(t))!==null&&n!==void 0?n:null),this[r]}}return o}})}/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2017 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/function tc(t){return
|
|
211
|
+
*/function tc(t){return Do({descriptor:e=>({get(){var i,o;return(o=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelectorAll(t))!==null&&o!==void 0?o:[]},enumerable:!0,configurable:!0})})}/**
|
|
212
212
|
* @license
|
|
213
213
|
* Copyright 2021 Google LLC
|
|
214
214
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
215
|
-
*/var
|
|
215
|
+
*/var Uo;const ic=((Uo=window.HTMLSlotElement)===null||Uo===void 0?void 0:Uo.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(i=>i.nodeType===Node.ELEMENT_NODE);function Qe(t){const{slot:e,selector:i}=t??{};return Do({descriptor:o=>({get(){var r;const s="slot"+(e?`[name=${e}]`:":not([name])"),n=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(s),u=n!=null?ic(n,t):[];return i?u.filter(c=>c.matches(i)):u},enumerable:!0,configurable:!0})})}const rc=d`
|
|
216
216
|
@keyframes uui-blink {
|
|
217
217
|
0%,
|
|
218
218
|
100% {
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
opacity: 1;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
`,oc=
|
|
225
|
+
`,oc=ce("uui-blink 0.9s infinite both"),sc=d`
|
|
226
226
|
@keyframes pulse {
|
|
227
227
|
0% {
|
|
228
228
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
opacity: 0;
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
|
-
`,nc=
|
|
243
|
+
`,nc=ce("pulse 0.8s ease-in-out infinite both"),ac=d`
|
|
244
244
|
@keyframes uui-horizontal-shake {
|
|
245
245
|
10%,
|
|
246
246
|
90% {
|
|
@@ -263,14 +263,14 @@
|
|
|
263
263
|
transform: translateX(2px);
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
`,lc=
|
|
266
|
+
`,lc=ce("uui-horizontal-shake 600ms ease backwards");var uc=Object.defineProperty,gn=Object.getOwnPropertySymbols,cc=Object.prototype.hasOwnProperty,hc=Object.prototype.propertyIsEnumerable,mn=(t,e,i)=>e in t?uc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,dc=(t,e)=>{for(var i in e||(e={}))cc.call(e,i)&&mn(t,i,e[i]);if(gn)for(var i of gn(e))hc.call(e,i)&&mn(t,i,e[i]);return t};let Lo=class extends Event{constructor(e,i={}){super(e,dc({},i)),this.detail=i.detail||{}}};var pc=Object.defineProperty,_n=Object.getOwnPropertySymbols,vc=Object.prototype.hasOwnProperty,fc=Object.prototype.propertyIsEnumerable,yn=(t,e,i)=>e in t?pc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,xn=(t,e)=>{for(var i in e||(e={}))vc.call(e,i)&&yn(t,i,e[i]);if(_n)for(var i of _n(e))fc.call(e,i)&&yn(t,i,e[i]);return t};let pt=class extends Lo{constructor(e,i={}){super(e,xn(xn({},{bubbles:!0}),i))}};pt.VALID="valid",pt.INVALID="invalid";var bc=Object.defineProperty,wn=Object.getOwnPropertySymbols,gc=Object.prototype.hasOwnProperty,mc=Object.prototype.propertyIsEnumerable,$n=(t,e,i)=>e in t?bc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,En=(t,e)=>{for(var i in e||(e={}))gc.call(e,i)&&$n(t,i,e[i]);if(wn)for(var i of wn(e))mc.call(e,i)&&$n(t,i,e[i]);return t};let vt=class extends Lo{constructor(e,i={}){super(e,En(En({},{bubbles:!0,cancelable:!0}),i))}};vt.SELECTED="selected",vt.DESELECTED="deselected";var _c=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,xc=(t,e,i,o)=>{for(var r=o>1?void 0:o?yc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&_c(e,i,r),r};const wc=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return xc([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var $c=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,Pn=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ec(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&$c(e,i,r),r};const Pc=(t,e)=>{class i extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
267
267
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
268
268
|
<slot
|
|
269
269
|
class="label"
|
|
270
270
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
271
271
|
name=${t||""}
|
|
272
272
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
273
|
-
`}}return
|
|
273
|
+
`}}return Pn([a({type:String})],i.prototype,"label",2),Pn([b()],i.prototype,"_labelSlotHasContent",2),i};var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,Cn=(t,e,i,o)=>{for(var r=o>1?void 0:o?Oc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Cc(e,i,r),r};const zc=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new vt(vt.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new vt(vt.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Cn([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Cn([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var kc=Object.defineProperty,Sc=Object.getOwnPropertyDescriptor,Ic=(t,e,i,o)=>{for(var r=o>1?void 0:o?Sc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&kc(e,i,r),r};const Ac=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return Ic([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Dc=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,ft=(t,e,i,o)=>{for(var r=o>1?void 0:o?Uc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Dc(e,i,r),r};const Lc=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,s){const n={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const s in r.validity)s!=="valid"&&r.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new pt(pt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new pt(pt.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,ft([a({type:String})],e.prototype,"name",2),ft([a()],e.prototype,"value",1),ft([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),ft([a({type:Boolean,reflect:!0})],e.prototype,"required",2),ft([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),ft([a({type:Boolean,reflect:!0})],e.prototype,"error",2),ft([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};let Mc=class{constructor(e,i){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}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 Nc=(t,e,i=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",i,t)},Vc=(t,e)=>{function i(r){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;r instanceof TouchEvent?h=r.touches[0]:h=r;const f=h.pageX-u,_=h.pageY-c;e?.onMove&&e.onMove(f,_)}function o(){document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",i,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&i(e.initialEvent)},Tc=(t,e,i)=>Math.min(Math.max(t,e),i),Hc=(t,e,i)=>i+e-t,jc=t=>{const e=Math.round(t).toString(16);return e.length===1?`0${e}`:e},On=(t,e,i)=>{let o=t;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(e)&&o.getAttribute(e)===i,s=o.querySelector(`[${e}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${e}="${i}"]`);o=o.parentElement||o.parentNode||null}return null};var Bc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,Fc=(t,e,i,o)=>{for(var r=o>1?void 0:o?Rc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Bc(e,i,r),r},zn=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},kn=(t,e,i)=>(zn(t,e,"read from private field"),i?i.call(t):e.get(t)),Sn=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Gc=(t,e,i,o)=>(zn(t,e,"write to private field"),o?o.call(t,i):e.set(t,i),i);const qc=t=>{var e,i;class o extends t{constructor(...s){super(...s),Sn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=On(this,"id",this.popoverContainerElement);n&&(kn(this,e)?n.hidePopover():n.showPopover())},Sn(this,i,n=>{requestAnimationFrame(()=>{Gc(this,e,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",kn(this,i))}}return e=new WeakMap,i=new WeakMap,Fc([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement",2),o};function Wc(t,e){return i=>{if(t.indexOf("-")>0===!1){console.error(`${t} 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(t)||window.customElements.define(t,i,e)}}const Kc=["default","primary","secondary","outline","placeholder"],Xc=["default","positive","warning","danger"],Yc=["h1","h2","h3","h4","h5","h6"];function p(t,e){return i=>{if(t.indexOf("-")>0===!1){console.error(`${t} 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(t)||window.customElements.define(t,i,e)}}var Zc=Object.defineProperty,Qc=Object.getOwnPropertyDescriptor,Jc=(t,e,i,o)=>{for(var r=o>1?void 0:o?Qc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Zc(e,i,r),r};let Ht=class extends v{render(){return l`<slot></slot>`}};Ht.styles=[d`
|
|
274
274
|
:host {
|
|
275
275
|
display: inline-flex;
|
|
276
276
|
align-items: stretch;
|
|
@@ -316,7 +316,7 @@
|
|
|
316
316
|
::slotted(*:hover) {
|
|
317
317
|
z-index: 1;
|
|
318
318
|
}
|
|
319
|
-
`],Ht=Jc([p("uui-button-group")],Ht);var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,
|
|
319
|
+
`],Ht=Jc([p("uui-button-group")],Ht);var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,ih=(t,e,i,o)=>{for(var r=o>1?void 0:o?th(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&eh(e,i,r),r};let gr=class extends Ht{};gr.styles=[...Ht.styles,d`
|
|
320
320
|
::slotted(*) {
|
|
321
321
|
--uui-button-padding-left-factor: 0.5;
|
|
322
322
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
--uui-button-padding-left-factor: 1.5;
|
|
359
359
|
--uui-button-padding-right-factor: 1.5;
|
|
360
360
|
}
|
|
361
|
-
`],
|
|
361
|
+
`],gr=ih([p("uui-action-bar")],gr);var rh=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,mr=(t,e,i,o)=>{for(var r=o>1?void 0:o?oh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rh(e,i,r),r};let bt=class extends v{constructor(){super(...arguments),this._avatarArray=[],this.limit=0}firstUpdated(){this._setAvatarArray()}_onSlotChange(){this._setAvatarArray(),this._updateAvatarVisibility()}_setAvatarArray(){this._avatarArray=this._avatarNodes?this._avatarNodes:[]}updated(t){t.has("limit")&&this._updateAvatarVisibility()}_updateAvatarVisibility(){this._avatarArray.forEach((t,e)=>{t.style.display=e<this.limit||this.limit===0?"":"none"})}_isLimitExceeded(){return this.limit!==0&&this._avatarArray.length>this.limit}render(){return l`
|
|
362
362
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
363
363
|
${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
364
364
|
`}};bt.styles=[d`
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
#overflow-indication {
|
|
379
379
|
margin-left: 6px;
|
|
380
380
|
}
|
|
381
|
-
`],
|
|
381
|
+
`],mr([Qe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],bt.prototype,"_avatarNodes",2),mr([b()],bt.prototype,"_avatarArray",2),mr([a({type:Number,attribute:!0})],bt.prototype,"limit",2),bt=mr([p("uui-avatar-group")],bt);var sh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,jt=(t,e,i,o)=>{for(var r=o>1?void 0:o?nh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&sh(e,i,r),r};let De=class extends v{constructor(){super(...arguments),this.overflow=!0,this.imgSrc="",this.imgSrcset="",this._name="",this.initials=""}get name(){return this._name}set name(t){const e=this._name;this._name=t,this.initials=this.createInitials(this._name),this.requestUpdate("title",e)}connectedCallback(){super.connectedCallback(),this.name||console.warn(this.tagName+" needs a `name`",this)}createInitials(t){let e="";if(!t)return e;const i=t.match(/(\w+)/g);return i?.length?(e=i[0].substring(0,1),i.length>1&&(e+=i[i.length-1].substring(0,1)),e.toUpperCase()):e}renderImage(){return l` <img
|
|
382
382
|
src="${this.imgSrc}"
|
|
383
383
|
srcset="${this.imgSrcset}"
|
|
384
384
|
alt="${this.initials}"
|
|
@@ -386,7 +386,7 @@
|
|
|
386
386
|
${this.imgSrc?this.renderImage():""}
|
|
387
387
|
${this.imgSrc?"":this.initials}
|
|
388
388
|
<slot></slot>
|
|
389
|
-
`}};
|
|
389
|
+
`}};De.styles=[d`
|
|
390
390
|
:host {
|
|
391
391
|
display: inline-flex;
|
|
392
392
|
align-items: center;
|
|
@@ -417,7 +417,7 @@
|
|
|
417
417
|
overflow: hidden;
|
|
418
418
|
border-radius: 50%;
|
|
419
419
|
}
|
|
420
|
-
`],jt([a({type:Boolean,attribute:!0,reflect:!0})],
|
|
420
|
+
`],jt([a({type:Boolean,attribute:!0,reflect:!0})],De.prototype,"overflow",2),jt([a({type:String,attribute:"img-src"})],De.prototype,"imgSrc",2),jt([a({type:String,attribute:"img-srcset"})],De.prototype,"imgSrcset",2),jt([a({type:String,reflect:!0})],De.prototype,"name",1),jt([b()],De.prototype,"initials",2),De=jt([p("uui-avatar")],De);var ah=Object.defineProperty,lh=Object.getOwnPropertyDescriptor,_r=(t,e,i,o)=>{for(var r=o>1?void 0:o?lh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ah(e,i,r),r};let gt=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l` <slot></slot> `}};gt.styles=[d`
|
|
421
421
|
:host {
|
|
422
422
|
position: var(--uui-badge-position, absolute);
|
|
423
423
|
display: flex;
|
|
@@ -527,14 +527,14 @@
|
|
|
527
527
|
animation: none;
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
|
-
`],
|
|
530
|
+
`],_r([a({reflect:!0})],gt.prototype,"color",2),_r([a({reflect:!0})],gt.prototype,"look",2),_r([a({type:Boolean,reflect:!0})],gt.prototype,"attention",2),gt=_r([p("uui-badge")],gt);var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,hh=(t,e,i,o)=>{for(var r=o>1?void 0:o?ch(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&uh(e,i,r),r};const zi=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return hh([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,In=(t,e,i,o)=>{for(var r=o>1?void 0:o?ph(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&dh(e,i,r),r};const be=(t,e)=>{class i extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(r){this._labelSlotHasContent=r.target.assignedNodes({flatten:!0}).length>0}renderLabel(){return l`
|
|
531
531
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
532
532
|
<slot
|
|
533
533
|
class="label"
|
|
534
534
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
535
535
|
name=${t||""}
|
|
536
536
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
537
|
-
`}}return An([a({type:String})],r.prototype,"label",2),An([b()],r.prototype,"_labelSlotHasContent",2),r};var vh=Object.defineProperty,Dn=Object.getOwnPropertySymbols,fh=Object.prototype.hasOwnProperty,bh=Object.prototype.propertyIsEnumerable,Un=(t,e,r)=>e in t?vh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,gh=(t,e)=>{for(var r in e||(e={}))fh.call(e,r)&&Un(t,r,e[r]);if(Dn)for(var r of Dn(e))bh.call(e,r)&&Un(t,r,e[r]);return t};let mh=class extends Event{constructor(e,r={}){super(e,gh({},r)),this.detail=r.detail||{}}};var _h=Object.defineProperty,Ln=Object.getOwnPropertySymbols,yh=Object.prototype.hasOwnProperty,wh=Object.prototype.propertyIsEnumerable,Mn=(t,e,r)=>e in t?_h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Nn=(t,e)=>{for(var r in e||(e={}))yh.call(e,r)&&Mn(t,r,e[r]);if(Ln)for(var r of Ln(e))wh.call(e,r)&&Mn(t,r,e[r]);return t};let Bt=class extends mh{constructor(e,r={}){super(e,Nn(Nn({},{bubbles:!0,cancelable:!0}),r))}};Bt.SELECTED="selected",Bt.DESELECTED="deselected";var xh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,Vn=(t,e,r,o)=>{for(var i=o>1?void 0:o?$h(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&xh(e,r,i),i};const Rt=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=i=>{if(this.selectableTarget===this){if(i.key!==" "&&i.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const i=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",i)}_select(){if(!this.selectable)return;const o=new Bt(Bt.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Bt(Bt.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Vn([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Vn([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Eh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Ch=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ph(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Eh(e,r,i),i};const wi=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const i=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",i)}}return Ch([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Oh=Object.defineProperty,Tn=Object.getOwnPropertySymbols,Sh=Object.prototype.hasOwnProperty,kh=Object.prototype.propertyIsEnumerable,Hn=(t,e,r)=>e in t?Oh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ih=(t,e)=>{for(var r in e||(e={}))Sh.call(e,r)&&Hn(t,r,e[r]);if(Tn)for(var r of Tn(e))kh.call(e,r)&&Hn(t,r,e[r]);return t};let jn=class extends Event{constructor(e,r={}){super(e,Ih({},r)),this.detail=r.detail||{}}};var zh=Object.defineProperty,Bn=Object.getOwnPropertySymbols,Ah=Object.prototype.hasOwnProperty,Dh=Object.prototype.propertyIsEnumerable,Rn=(t,e,r)=>e in t?zh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Fn=(t,e)=>{for(var r in e||(e={}))Ah.call(e,r)&&Rn(t,r,e[r]);if(Bn)for(var r of Bn(e))Dh.call(e,r)&&Rn(t,r,e[r]);return t};let Ft=class extends jn{constructor(e,r={}){super(e,Fn(Fn({},{bubbles:!0}),r))}};Ft.VALID="valid",Ft.INVALID="invalid";var Uh=Object.defineProperty,Gn=Object.getOwnPropertySymbols,Lh=Object.prototype.hasOwnProperty,Mh=Object.prototype.propertyIsEnumerable,Wn=(t,e,r)=>e in t?Uh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,qn=(t,e)=>{for(var r in e||(e={}))Lh.call(e,r)&&Wn(t,r,e[r]);if(Gn)for(var r of Gn(e))Mh.call(e,r)&&Wn(t,r,e[r]);return t};let Kn=class extends jn{constructor(e,r={}){super(e,qn(qn({},{bubbles:!0,cancelable:!0}),r))}};Kn.SELECTED="selected",Kn.DESELECTED="deselected";var Nh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,mt=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Nh(e,r,i),i};const be=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const i=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",i)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,i,s){const n={flagKey:o,getMessageMethod:i,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const i=this._validators.indexOf(o);i!==-1&&this._validators.splice(i,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(i=>{for(const s in i.validity)s!=="valid"&&i.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,i.validationMessage,i))}),this._validators.forEach(i=>{i.checkMethod()&&(this._validityState[i.flagKey]=!0,this._internals.setValidity(this._validityState,i.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new Ft(Ft.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ft(Ft.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const i in this._formCtrlElements)if(this._formCtrlElements[i].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,mt([a({type:String})],e.prototype,"name",2),mt([a()],e.prototype,"value",1),mt([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),mt([a({type:Boolean,reflect:!0})],e.prototype,"required",2),mt([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),mt([a({type:Boolean,reflect:!0})],e.prototype,"error",2),mt([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e},Th=(t,e,r)=>{let o=t;for(;o!==null;){const i=o instanceof HTMLElement&&o.hasAttribute(e)&&o.getAttribute(e)===r,s=o.querySelector(`[${e}="${r}"]`)!==null;if(i)return o;if(s)return o.querySelector(`[${e}="${r}"]`);o=o.parentElement||o.parentNode||null}return null};var Hh=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,Bh=(t,e,r,o)=>{for(var i=o>1?void 0:o?jh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hh(e,r,i),i},Xn=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Yn=(t,e,r)=>(Xn(t,e,"read from private field"),r?r.call(t):e.get(t)),Zn=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Rh=(t,e,r,o)=>(Xn(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r);const Fh=t=>{var e,r;class o extends t{constructor(...s){super(...s),Zn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=Th(this,"id",this.popoverContainerElement);n&&(Yn(this,e)?n.hidePopover():n.showPopover())},Zn(this,r,n=>{requestAnimationFrame(()=>{Rh(this,e,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Yn(this,r))}}return e=new WeakMap,r=new WeakMap,Bh([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement",2),o};var Gh=Object.defineProperty,Qn=Object.getOwnPropertySymbols,Wh=Object.prototype.hasOwnProperty,qh=Object.prototype.propertyIsEnumerable,Jn=(t,e,r)=>e in t?Gh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Kh=(t,e)=>{for(var r in e||(e={}))Wh.call(e,r)&&Jn(t,r,e[r]);if(Qn)for(var r of Qn(e))qh.call(e,r)&&Jn(t,r,e[r]);return t};class S extends Event{constructor(e,r={}){super(e,Kh({},r)),this.detail=r.detail||{}}}var Xh=Object.defineProperty,ea=Object.getOwnPropertySymbols,Yh=Object.prototype.hasOwnProperty,Zh=Object.prototype.propertyIsEnumerable,ta=(t,e,r)=>e in t?Xh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ra=(t,e)=>{for(var r in e||(e={}))Yh.call(e,r)&&ta(t,r,e[r]);if(ea)for(var r of ea(e))Zh.call(e,r)&&ta(t,r,e[r]);return t};class Gt extends S{constructor(e,r={}){super(e,ra(ra({},{bubbles:!0}),r))}}Gt.VALID="valid",Gt.INVALID="invalid";var Qh=Object.defineProperty,ia=Object.getOwnPropertySymbols,Jh=Object.prototype.hasOwnProperty,ed=Object.prototype.propertyIsEnumerable,oa=(t,e,r)=>e in t?Qh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sa=(t,e)=>{for(var r in e||(e={}))Jh.call(e,r)&&oa(t,r,e[r]);if(ia)for(var r of ia(e))ed.call(e,r)&&oa(t,r,e[r]);return t};class Je extends S{constructor(e,r={}){super(e,sa(sa({},{bubbles:!0,cancelable:!0}),r))}}Je.SELECTED="selected",Je.DESELECTED="deselected";var td=Object.defineProperty,na=Object.getOwnPropertySymbols,rd=Object.prototype.hasOwnProperty,id=Object.prototype.propertyIsEnumerable,aa=(t,e,r)=>e in t?td(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,la=(t,e)=>{for(var r in e||(e={}))rd.call(e,r)&&aa(t,r,e[r]);if(na)for(var r of na(e))id.call(e,r)&&aa(t,r,e[r]);return t};class xi extends S{constructor(e,r={}){super(e,la(la({},{bubbles:!0}),r))}}xi.CHANGE="change";var od=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,$i=(t,e,r,o)=>{for(var i=o>1?void 0:o?sd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&od(e,r,i),i};class ge extends be(fe("",v)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const r=this._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",r)}get checked(){return this._checked}set checked(e){const r=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",r)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var r;super.firstUpdated(e);const o=(r=this.shadowRoot)==null?void 0:r.querySelector("label");let i=!1;this._input.addEventListener("blur",()=>{i===!1&&this.style.setProperty("--uui-show-focus-outline","1"),i=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),i=!0}),o.addEventListener("mouseup",()=>{i=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new xi(xi.CHANGE))}render(){return l`
|
|
537
|
+
`}}return In([a({type:String})],i.prototype,"label",2),In([b()],i.prototype,"_labelSlotHasContent",2),i};var vh=Object.defineProperty,An=Object.getOwnPropertySymbols,fh=Object.prototype.hasOwnProperty,bh=Object.prototype.propertyIsEnumerable,Dn=(t,e,i)=>e in t?vh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,gh=(t,e)=>{for(var i in e||(e={}))fh.call(e,i)&&Dn(t,i,e[i]);if(An)for(var i of An(e))bh.call(e,i)&&Dn(t,i,e[i]);return t};let mh=class extends Event{constructor(e,i={}){super(e,gh({},i)),this.detail=i.detail||{}}};var _h=Object.defineProperty,Un=Object.getOwnPropertySymbols,yh=Object.prototype.hasOwnProperty,xh=Object.prototype.propertyIsEnumerable,Ln=(t,e,i)=>e in t?_h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Mn=(t,e)=>{for(var i in e||(e={}))yh.call(e,i)&&Ln(t,i,e[i]);if(Un)for(var i of Un(e))xh.call(e,i)&&Ln(t,i,e[i]);return t};let Bt=class extends mh{constructor(e,i={}){super(e,Mn(Mn({},{bubbles:!0,cancelable:!0}),i))}};Bt.SELECTED="selected",Bt.DESELECTED="deselected";var wh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,Nn=(t,e,i,o)=>{for(var r=o>1?void 0:o?$h(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&wh(e,i,r),r};const Rt=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.handleSelectKeydown=r=>{if(this.selectableTarget===this){if(r.key!==" "&&r.key!=="Enter")return;this._toggleSelect()}},this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.selectableTarget||this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selectable",r)}_select(){if(!this.selectable)return;const o=new Bt(Bt.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Bt(Bt.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.selectable&&(this.deselectable===!1?this._select():this.selected?this._deselect():this._select())}}return Nn([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Nn([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Eh=Object.defineProperty,Ph=Object.getOwnPropertyDescriptor,Ch=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ph(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Eh(e,i,r),r};const yr=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return Ch([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Oh=Object.defineProperty,Vn=Object.getOwnPropertySymbols,zh=Object.prototype.hasOwnProperty,kh=Object.prototype.propertyIsEnumerable,Tn=(t,e,i)=>e in t?Oh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Sh=(t,e)=>{for(var i in e||(e={}))zh.call(e,i)&&Tn(t,i,e[i]);if(Vn)for(var i of Vn(e))kh.call(e,i)&&Tn(t,i,e[i]);return t};let Hn=class extends Event{constructor(e,i={}){super(e,Sh({},i)),this.detail=i.detail||{}}};var Ih=Object.defineProperty,jn=Object.getOwnPropertySymbols,Ah=Object.prototype.hasOwnProperty,Dh=Object.prototype.propertyIsEnumerable,Bn=(t,e,i)=>e in t?Ih(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Rn=(t,e)=>{for(var i in e||(e={}))Ah.call(e,i)&&Bn(t,i,e[i]);if(jn)for(var i of jn(e))Dh.call(e,i)&&Bn(t,i,e[i]);return t};let Ft=class extends Hn{constructor(e,i={}){super(e,Rn(Rn({},{bubbles:!0}),i))}};Ft.VALID="valid",Ft.INVALID="invalid";var Uh=Object.defineProperty,Fn=Object.getOwnPropertySymbols,Lh=Object.prototype.hasOwnProperty,Mh=Object.prototype.propertyIsEnumerable,Gn=(t,e,i)=>e in t?Uh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,qn=(t,e)=>{for(var i in e||(e={}))Lh.call(e,i)&&Gn(t,i,e[i]);if(Fn)for(var i of Fn(e))Mh.call(e,i)&&Gn(t,i,e[i]);return t};let Wn=class extends Hn{constructor(e,i={}){super(e,qn(qn({},{bubbles:!0,cancelable:!0}),i))}};Wn.SELECTED="selected",Wn.DESELECTED="deselected";var Nh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,mt=(t,e,i,o)=>{for(var r=o>1?void 0:o?Vh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Nh(e,i,r),r};const ge=t=>{class e extends t{constructor(...o){super(...o),this.name="",this._validityState={},this.pristine=!0,this.required=!1,this.requiredMessage="This field is required",this.error=!1,this.errorMessage="This field is invalid",this._value="",this._form=null,this._validators=[],this._formCtrlElements=[],this._onFormSubmit=()=>{this.pristine=!1},this._internals=this.attachInternals(),this.addValidator("valueMissing",()=>this.requiredMessage,()=>this.hasAttribute("required")&&this.hasValue()===!1),this.addValidator("customError",()=>this.errorMessage,()=>this.error),this.addEventListener("blur",()=>{this.pristine=!1})}get value(){return this._value}set value(o){const r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,s){const n={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const s in r.validity)s!=="valid"&&r.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new Ft(Ft.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new Ft(Ft.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,mt([a({type:String})],e.prototype,"name",2),mt([a()],e.prototype,"value",1),mt([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),mt([a({type:Boolean,reflect:!0})],e.prototype,"required",2),mt([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),mt([a({type:Boolean,reflect:!0})],e.prototype,"error",2),mt([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e},Th=(t,e,i)=>{let o=t;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(e)&&o.getAttribute(e)===i,s=o.querySelector(`[${e}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${e}="${i}"]`);o=o.parentElement||o.parentNode||null}return null};var Hh=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,Bh=(t,e,i,o)=>{for(var r=o>1?void 0:o?jh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Hh(e,i,r),r},Kn=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},Xn=(t,e,i)=>(Kn(t,e,"read from private field"),i?i.call(t):e.get(t)),Yn=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Rh=(t,e,i,o)=>(Kn(t,e,"write to private field"),o?o.call(t,i):e.set(t,i),i);const Fh=t=>{var e,i;class o extends t{constructor(...s){super(...s),Yn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=Th(this,"id",this.popoverContainerElement);n&&(Xn(this,e)?n.hidePopover():n.showPopover())},Yn(this,i,n=>{requestAnimationFrame(()=>{Rh(this,e,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",Xn(this,i))}}return e=new WeakMap,i=new WeakMap,Bh([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement",2),o};var Gh=Object.defineProperty,Zn=Object.getOwnPropertySymbols,qh=Object.prototype.hasOwnProperty,Wh=Object.prototype.propertyIsEnumerable,Qn=(t,e,i)=>e in t?Gh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Kh=(t,e)=>{for(var i in e||(e={}))qh.call(e,i)&&Qn(t,i,e[i]);if(Zn)for(var i of Zn(e))Wh.call(e,i)&&Qn(t,i,e[i]);return t};class z extends Event{constructor(e,i={}){super(e,Kh({},i)),this.detail=i.detail||{}}}var Xh=Object.defineProperty,Jn=Object.getOwnPropertySymbols,Yh=Object.prototype.hasOwnProperty,Zh=Object.prototype.propertyIsEnumerable,ea=(t,e,i)=>e in t?Xh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,ta=(t,e)=>{for(var i in e||(e={}))Yh.call(e,i)&&ea(t,i,e[i]);if(Jn)for(var i of Jn(e))Zh.call(e,i)&&ea(t,i,e[i]);return t};class Gt extends z{constructor(e,i={}){super(e,ta(ta({},{bubbles:!0}),i))}}Gt.VALID="valid",Gt.INVALID="invalid";var Qh=Object.defineProperty,ia=Object.getOwnPropertySymbols,Jh=Object.prototype.hasOwnProperty,ed=Object.prototype.propertyIsEnumerable,ra=(t,e,i)=>e in t?Qh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,oa=(t,e)=>{for(var i in e||(e={}))Jh.call(e,i)&&ra(t,i,e[i]);if(ia)for(var i of ia(e))ed.call(e,i)&&ra(t,i,e[i]);return t};class Je extends z{constructor(e,i={}){super(e,oa(oa({},{bubbles:!0,cancelable:!0}),i))}}Je.SELECTED="selected",Je.DESELECTED="deselected";var td=Object.defineProperty,sa=Object.getOwnPropertySymbols,id=Object.prototype.hasOwnProperty,rd=Object.prototype.propertyIsEnumerable,na=(t,e,i)=>e in t?td(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,aa=(t,e)=>{for(var i in e||(e={}))id.call(e,i)&&na(t,i,e[i]);if(sa)for(var i of sa(e))rd.call(e,i)&&na(t,i,e[i]);return t};class xr extends z{constructor(e,i={}){super(e,aa(aa({},{bubbles:!0}),i))}}xr.CHANGE="change";var od=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,wr=(t,e,i,o)=>{for(var r=o>1?void 0:o?sd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&od(e,i,r),r};class me extends ge(be("",v)){constructor(e="checkbox"){super(),this.labelPosition="right",this._checked=!1,this.disabled=!1,this._value===""&&(this._value="on"),this.inputRole=e,this.addEventListener("keypress",this._onKeypress)}get value(){return this._value}set value(e){const i=this._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",i)}get checked(){return this._checked}set checked(e){const i=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var i;super.firstUpdated(e);const o=(i=this.shadowRoot)==null?void 0:i.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),o.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new xr(xr.CHANGE))}render(){return l`
|
|
538
538
|
<label>
|
|
539
539
|
<input
|
|
540
540
|
id="input"
|
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
role="${this.inputRole}" />
|
|
548
548
|
${this.renderCheckbox()} ${this.renderLabel()}
|
|
549
549
|
</label>
|
|
550
|
-
`}}
|
|
550
|
+
`}}me.styles=[d`
|
|
551
551
|
:host {
|
|
552
552
|
display: inline-block;
|
|
553
553
|
}
|
|
@@ -587,12 +587,180 @@
|
|
|
587
587
|
:host([disabled]) .label {
|
|
588
588
|
opacity: 0.5;
|
|
589
589
|
}
|
|
590
|
-
`]
|
|
590
|
+
`],wr([a({type:String,attribute:"label-position",reflect:!0})],me.prototype,"labelPosition",2),wr([a({type:Boolean})],me.prototype,"checked",1),wr([a({type:Boolean,reflect:!0})],me.prototype,"disabled",2),wr([O("#input")],me.prototype,"_input",2);var nd=`.uui-text {
|
|
591
|
+
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
592
|
+
font-size: 15px;
|
|
593
|
+
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
594
|
+
-webkit-font-smoothing: antialiased;
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
.uui-text h1,
|
|
598
|
+
.uui-text .uui-h1 {
|
|
599
|
+
font-size: var(--uui-type-h1-size,60px);
|
|
600
|
+
line-height: var(--uui-size-layout-4,66px);
|
|
601
|
+
font-weight: 300;
|
|
602
|
+
margin-left: -5px;
|
|
603
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
604
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
605
|
+
}
|
|
606
|
+
.uui-text p + h1,
|
|
607
|
+
.uui-text p + .uui-h1 {
|
|
608
|
+
margin-top: var(--uui-size-layout-4,66px);
|
|
609
|
+
}
|
|
610
|
+
.uui-text h1.--no-top-margin,
|
|
611
|
+
.uui-text h1:first-child,
|
|
612
|
+
.uui-text .uui-h1.--no-top-margin,
|
|
613
|
+
.uui-text .uui-h1:first-child {
|
|
614
|
+
margin-top: 0;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
.uui-text h2,
|
|
618
|
+
.uui-text .uui-h2 {
|
|
619
|
+
font-size: var(--uui-type-h2-size,42px);
|
|
620
|
+
line-height: var(--uui-size-layout-3,42px);
|
|
621
|
+
font-weight: 300;
|
|
622
|
+
margin-left: -3px;
|
|
623
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
624
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
625
|
+
}
|
|
626
|
+
.uui-text p + h2,
|
|
627
|
+
.uui-text p + .uui-h2 {
|
|
628
|
+
margin-top: var(--uui-size-layout-3,42px);
|
|
629
|
+
}
|
|
630
|
+
.uui-text h2.--no-top-margin,
|
|
631
|
+
.uui-text h2:first-child,
|
|
632
|
+
.uui-text .uui-h2.--no-top-margin,
|
|
633
|
+
.uui-text .uui-h2:first-child {
|
|
634
|
+
margin-top: 0;
|
|
635
|
+
}
|
|
636
|
+
|
|
637
|
+
.uui-text h3,
|
|
638
|
+
.uui-text .uui-h3 {
|
|
639
|
+
font-size: var(--uui-type-h3-size,30px);
|
|
640
|
+
line-height: var(--uui-size-large);
|
|
641
|
+
font-weight: 300;
|
|
642
|
+
margin-left: -2px;
|
|
643
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
644
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
645
|
+
}
|
|
646
|
+
.uui-text h3.--no-top-margin,
|
|
647
|
+
.uui-text h3:first-child,
|
|
648
|
+
.uui-text .uui-h3.--no-top-margin,
|
|
649
|
+
.uui-text .uui-h3:first-child {
|
|
650
|
+
margin-top: 0;
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
.uui-text h4,
|
|
654
|
+
.uui-text .uui-h4 {
|
|
655
|
+
font-size: var(--uui-type-h4-size,21px);
|
|
656
|
+
line-height: 21px;
|
|
657
|
+
font-weight: 400;
|
|
658
|
+
margin-left: -1px;
|
|
659
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
660
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
661
|
+
}
|
|
662
|
+
.uui-text h4.--no-top-margin,
|
|
663
|
+
.uui-text h4:first-child,
|
|
664
|
+
.uui-text .uui-h4.--no-top-margin,
|
|
665
|
+
.uui-text .uui-h4:first-child {
|
|
666
|
+
margin-top: 0;
|
|
667
|
+
}
|
|
668
|
+
|
|
669
|
+
.uui-text h5,
|
|
670
|
+
.uui-text .uui-h5 {
|
|
671
|
+
font-size: var(--uui-type-h5-size,15px);
|
|
672
|
+
line-height: inherit;
|
|
673
|
+
font-weight: 700;
|
|
674
|
+
margin-left: 0;
|
|
675
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
676
|
+
margin-bottom: 0;
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
.uui-text h5.--no-top-margin,
|
|
680
|
+
.uui-text h5:first-child,
|
|
681
|
+
.uui-text .uui-h5.--no-top-margin,
|
|
682
|
+
.uui-text .uui-h5:first-child {
|
|
683
|
+
margin-top: 0;
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.uui-text p {
|
|
687
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
688
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
689
|
+
}
|
|
690
|
+
.uui-text p.uui-lead {
|
|
691
|
+
font-size: var(--uui-size-6,18px);
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
.uui-text a {
|
|
695
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
696
|
+
}
|
|
697
|
+
|
|
698
|
+
.uui-text a:link,
|
|
699
|
+
.uui-text a:active {
|
|
700
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
701
|
+
}
|
|
702
|
+
.uui-text a:hover {
|
|
703
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.uui-text small {
|
|
707
|
+
display: inline-block;
|
|
708
|
+
font-size: var(--uui-type-small-size,12px);
|
|
709
|
+
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
710
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
.uui-text blockquote {
|
|
714
|
+
float: right;
|
|
715
|
+
font-size: 15px;
|
|
716
|
+
font-weight: 700;
|
|
717
|
+
font-style: italic;
|
|
718
|
+
margin-top: 0;
|
|
719
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
720
|
+
margin-right: -0.035em;
|
|
721
|
+
max-width: 16em;
|
|
722
|
+
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
723
|
+
line-height: inherit;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.uui-text blockquote:before {
|
|
727
|
+
content: open-quote;
|
|
728
|
+
margin-left: -0.4em;
|
|
729
|
+
margin-right: 0.08em;
|
|
730
|
+
vertical-align: bottom;
|
|
731
|
+
font-weight: 400;
|
|
732
|
+
font-size: 2em;
|
|
733
|
+
}
|
|
734
|
+
|
|
735
|
+
.uui-text blockquote:after {
|
|
736
|
+
content: close-quote;
|
|
737
|
+
margin-left: 0.04em;
|
|
738
|
+
margin-right: -0.4em;
|
|
739
|
+
vertical-align: bottom;
|
|
740
|
+
font-weight: 400;
|
|
741
|
+
font-size: 2em;
|
|
742
|
+
margin-bottom: -2px;
|
|
743
|
+
display: inline-block;
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
.uui-text ul {
|
|
747
|
+
list-style-type: square;
|
|
748
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
749
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
750
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.uui-text ol {
|
|
754
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
755
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
756
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
757
|
+
}
|
|
758
|
+
`;const ad=ce(nd);/**
|
|
591
759
|
* @license
|
|
592
760
|
* Copyright 2020 Google LLC
|
|
593
761
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
594
|
-
*/const
|
|
595
|
-
take care to ensure page security.`)})(o)+t[
|
|
762
|
+
*/const Mo=Symbol.for(""),ld=t=>{if(t?.r===Mo)return t?._$litStatic$},ud=t=>({_$litStatic$:t,r:Mo}),la=(t,...e)=>({_$litStatic$:e.reduce((i,o,r)=>i+(s=>{if(s._$litStatic$!==void 0)return s._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${s}. Use 'unsafeStatic' to pass non-literal values, but
|
|
763
|
+
take care to ensure page security.`)})(o)+t[r+1],t[0]),r:Mo}),ua=new Map,cd=t=>(e,...i)=>{const o=i.length;let r,s;const n=[],u=[];let c,h=0,f=!1;for(;h<o;){for(c=e[h];h<o&&(s=i[h],(r=ld(s))!==void 0);)c+=r+e[++h],f=!0;h!==o&&u.push(s),n.push(c),h++}if(h===o&&n.push(e[o]),f){const _=n.join("$$lit$$");(e=ua.get(_))===void 0&&(n.raw=n,ua.set(_,e=n)),i=u}return t(e,...i)},ca=cd(l);var hd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,qt=(t,e,i,o)=>{for(var r=o>1?void 0:o?dd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&hd(e,i,r),r};let Ue=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=la`h5`,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._headerSlotHasContent=!1,this._headerSlotChanged=t=>{this._headerSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}set headlineVariant(t){t?this._headlineVariantTag=ud(t):this._headlineVariantTag=la`h5`}renderHeader(){return ca`<div
|
|
596
764
|
id="header"
|
|
597
765
|
class="uui-text"
|
|
598
766
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -604,10 +772,10 @@
|
|
|
604
772
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
605
773
|
</${this._headlineVariantTag}>
|
|
606
774
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
607
|
-
</div>`}render(){return
|
|
775
|
+
</div>`}render(){return ca`
|
|
608
776
|
${this.renderHeader()}
|
|
609
777
|
<slot></slot>
|
|
610
|
-
`}};
|
|
778
|
+
`}};Ue.styles=[ad,d`
|
|
611
779
|
:host {
|
|
612
780
|
display: block;
|
|
613
781
|
box-shadow: var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24));
|
|
@@ -625,7 +793,7 @@
|
|
|
625
793
|
display: block;
|
|
626
794
|
padding: var(--uui-box-default-padding, var(--uui-size-space-5,18px));
|
|
627
795
|
}
|
|
628
|
-
`],
|
|
796
|
+
`],qt([a({type:String})],Ue.prototype,"headline",2),qt([a({attribute:"headline-variant"})],Ue.prototype,"headlineVariant",1),qt([b()],Ue.prototype,"_headlineVariantTag",2),qt([b()],Ue.prototype,"_headlineSlotHasContent",2),qt([b()],Ue.prototype,"_headerSlotHasContent",2),Ue=qt([p("uui-box")],Ue);var pd=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,No=(t,e,i,o)=>{for(var r=o>1?void 0:o?vd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&pd(e,i,r),r};let _t=class extends v{constructor(){super(...arguments),this.href="#",this.lastItem=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","listitem")}renderLinkAndSeparator(){return l`<a id="link" href=${this.href}><slot></slot></a
|
|
629
797
|
><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};_t.styles=[d`
|
|
630
798
|
:host {
|
|
631
799
|
font-size: var(--uui-type-small-size,12px);
|
|
@@ -664,9 +832,9 @@
|
|
|
664
832
|
#link {
|
|
665
833
|
cursor: pointer;
|
|
666
834
|
}
|
|
667
|
-
`],
|
|
835
|
+
`],No([a()],_t.prototype,"href",2),No([a({type:Boolean,attribute:"last-item"})],_t.prototype,"lastItem",2),_t=No([p("uui-breadcrumb-item")],_t);var fd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,ha=(t,e,i,o)=>{for(var r=o>1?void 0:o?bd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&fd(e,i,r),r};let ki=class extends v{elementIsBreadcrumbItem(t){return t instanceof _t}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-label","breadcrumb"),this.setAttribute("role","navigation")}handleSlotChange(){if(this.slotNodes.length>0){const t=this.slotNodes[this.slotNodes.length-1];t.setAttribute("aria-current","page"),this.elementIsBreadcrumbItem(t)&&(t.lastItem=!0)}}render(){return l`<ol id="breadcrumbs-list">
|
|
668
836
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
669
|
-
</ol>`}};
|
|
837
|
+
</ol>`}};ki.styles=[d`
|
|
670
838
|
:host {
|
|
671
839
|
display: flex;
|
|
672
840
|
}
|
|
@@ -680,7 +848,7 @@
|
|
|
680
848
|
margin-inline-end: 0px;
|
|
681
849
|
padding-inline-start: 0px;
|
|
682
850
|
}
|
|
683
|
-
`],
|
|
851
|
+
`],ha([Qe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],ki.prototype,"slotNodes",2),ki=ha([p("uui-breadcrumbs")],ki);const gd=d`
|
|
684
852
|
@keyframes uui-blink {
|
|
685
853
|
0%,
|
|
686
854
|
100% {
|
|
@@ -690,7 +858,7 @@
|
|
|
690
858
|
opacity: 1;
|
|
691
859
|
}
|
|
692
860
|
}
|
|
693
|
-
`,
|
|
861
|
+
`,md=ce("uui-blink 0.9s infinite both"),_d=d`
|
|
694
862
|
@keyframes pulse {
|
|
695
863
|
0% {
|
|
696
864
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -708,7 +876,7 @@
|
|
|
708
876
|
opacity: 0;
|
|
709
877
|
}
|
|
710
878
|
}
|
|
711
|
-
`;
|
|
879
|
+
`;ce("pulse 0.8s ease-in-out infinite both");const $r=d`
|
|
712
880
|
@keyframes uui-horizontal-shake {
|
|
713
881
|
10%,
|
|
714
882
|
90% {
|
|
@@ -731,15 +899,15 @@
|
|
|
731
899
|
transform: translateX(2px);
|
|
732
900
|
}
|
|
733
901
|
}
|
|
734
|
-
`,
|
|
902
|
+
`,Er=ce("uui-horizontal-shake 600ms ease backwards");/**
|
|
735
903
|
* @license
|
|
736
904
|
* Copyright 2017 Google LLC
|
|
737
905
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
738
|
-
*/const
|
|
906
|
+
*/const he={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Wt=t=>(...e)=>({_$litDirective$:t,values:e});let Kt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,i,o){this._$Ct=e,this._$AM=i,this._$Ci=o}_$AS(e,i){return this.update(e,i)}update(e,i){return this.render(...i)}};/**
|
|
739
907
|
* @license
|
|
740
908
|
* Copyright 2018 Google LLC
|
|
741
909
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
742
|
-
*/const
|
|
910
|
+
*/const da="important",yd=" !"+da,_e=Wt(class extends Kt{constructor(t){var e;if(super(t),t.type!==he.ATTRIBUTE||t.name!=="style"||((e=t.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(t){return Object.keys(t).reduce((e,i)=>{const o=t[i];return o==null?e:e+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:i}=t.element;if(this.ht===void 0){this.ht=new Set;for(const o in e)this.ht.add(o);return this.render(e)}this.ht.forEach(o=>{e[o]==null&&(this.ht.delete(o),o.includes("-")?i.removeProperty(o):i[o]="")});for(const o in e){const r=e[o];if(r!=null){this.ht.add(o);const s=typeof r=="string"&&r.endsWith(yd);o.includes("-")||s?i.setProperty(o,s?r.slice(0,-11):r,s?da:""):i[o]=r}}return G}});var xd=Object.defineProperty,pa=Object.getOwnPropertySymbols,wd=Object.prototype.hasOwnProperty,$d=Object.prototype.propertyIsEnumerable,va=(t,e,i)=>e in t?xd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,fa=(t,e)=>{for(var i in e||(e={}))wd.call(e,i)&&va(t,i,e[i]);if(pa)for(var i of pa(e))$d.call(e,i)&&va(t,i,e[i]);return t};class Pr extends z{constructor(e,i={}){super(e,fa(fa({},{bubbles:!0,composed:!0}),i))}}Pr.CLICK="click";var Ed=Object.defineProperty,Pd=Object.getOwnPropertyDescriptor,Cr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Pd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ed(e,i,r),r};let yt=class extends v{constructor(){super(...arguments),this._position=0,this.vertical=!1}_onMouseMove(t){this._position=this.vertical?t.offsetY:t.offsetX}_handleClick(t){t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new Pr(Pr.CLICK))}render(){return l`
|
|
743
911
|
<button
|
|
744
912
|
id="button-wrapper"
|
|
745
913
|
@mousemove=${this._onMouseMove}
|
|
@@ -747,7 +915,7 @@
|
|
|
747
915
|
aria-label=${this.label?this.label:"create new element"}>
|
|
748
916
|
<div
|
|
749
917
|
id="plus"
|
|
750
|
-
style=${
|
|
918
|
+
style=${_e({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
751
919
|
<svg
|
|
752
920
|
id="plus-icon"
|
|
753
921
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -757,7 +925,7 @@
|
|
|
757
925
|
</svg>
|
|
758
926
|
</div>
|
|
759
927
|
</button>
|
|
760
|
-
`}};yt.styles=[
|
|
928
|
+
`}};yt.styles=[gd,d`
|
|
761
929
|
:host {
|
|
762
930
|
display: flex;
|
|
763
931
|
position: relative;
|
|
@@ -811,7 +979,7 @@
|
|
|
811
979
|
:host(:focus) #button-wrapper:before,
|
|
812
980
|
:host(:focus-within) #button-wrapper:before,
|
|
813
981
|
:host(:hover) #button-wrapper:before {
|
|
814
|
-
animation: ${
|
|
982
|
+
animation: ${md};
|
|
815
983
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
816
984
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
817
985
|
}
|
|
@@ -907,19 +1075,19 @@
|
|
|
907
1075
|
#button-wrapper:active #plus {
|
|
908
1076
|
transform: scale(1.1);
|
|
909
1077
|
}
|
|
910
|
-
`],
|
|
1078
|
+
`],Cr([b()],yt.prototype,"_position",2),Cr([a({type:String})],yt.prototype,"label",2),Cr([a({type:Boolean,reflect:!0})],yt.prototype,"vertical",2),yt=Cr([p("uui-button-inline-create")],yt);class Cd{constructor(e,i){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(i)}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 y=(t,e,i=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",i,t)},ba=(t,e)=>{function i(r){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;r instanceof TouchEvent?h=r.touches[0]:h=r;const f=h.pageX-u,_=h.pageY-c;e?.onMove&&e.onMove(f,_)}function o(){document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",i,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&i(e.initialEvent)},k=(t,e,i)=>Math.min(Math.max(t,e),i),ga=(t,e,i)=>i+e-t,Od=(t,e,i)=>{let o=t;for(;o!==null;){const r=o instanceof HTMLElement&&o.hasAttribute(e)&&o.getAttribute(e)===i,s=o.querySelector(`[${e}="${i}"]`)!==null;if(r)return o;if(s)return o.querySelector(`[${e}="${i}"]`);o=o.parentElement||o.parentNode||null}return null},Or=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
911
1079
|
<path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
|
|
912
|
-
</svg>`,
|
|
1080
|
+
</svg>`,zd=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,kd=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,Sd=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,ma=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Id=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,Ad=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,Dd=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,_a=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
913
1081
|
<path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
|
|
914
1082
|
</svg>`;/**
|
|
915
1083
|
* @license
|
|
916
1084
|
* Copyright 2018 Google LLC
|
|
917
1085
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
918
|
-
*/const P=t=>t??$;var
|
|
1086
|
+
*/const P=t=>t??$;var Ud=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,ye=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ld(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ud(e,i,r),r};let X=class extends ge(be("",Fh(v))){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}this._togglePopover()}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t;switch(this.state){case"waiting":y(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":y(this,"uui-icon"),t=l`<uui-icon
|
|
919
1087
|
name="check"
|
|
920
|
-
.fallback=${
|
|
1088
|
+
.fallback=${Or.strings[0]}></uui-icon>`;break;case"failed":y(this,"uui-icon"),t=l`<uui-icon
|
|
921
1089
|
name="wrong"
|
|
922
|
-
.fallback=${
|
|
1090
|
+
.fallback=${_a.strings[0]}></uui-icon>`;break;default:return $}return l`<div id="state">${t}</div>`}render(){return this.href?l`
|
|
923
1091
|
<a
|
|
924
1092
|
id="button"
|
|
925
1093
|
aria-label=${this.label}
|
|
@@ -937,7 +1105,7 @@
|
|
|
937
1105
|
${this.renderState()} ${this.renderLabel()}
|
|
938
1106
|
<slot name="extra"></slot>
|
|
939
1107
|
</button>
|
|
940
|
-
`}};X.styles=[
|
|
1108
|
+
`}};X.styles=[$r,d`
|
|
941
1109
|
:host {
|
|
942
1110
|
position: relative;
|
|
943
1111
|
display: inline-flex;
|
|
@@ -1025,7 +1193,7 @@
|
|
|
1025
1193
|
}
|
|
1026
1194
|
button[disabled]:active,
|
|
1027
1195
|
a:not([href]):active {
|
|
1028
|
-
animation: ${
|
|
1196
|
+
animation: ${Er};
|
|
1029
1197
|
}
|
|
1030
1198
|
#icon-check,
|
|
1031
1199
|
#icon-wrong {
|
|
@@ -1240,7 +1408,7 @@
|
|
|
1240
1408
|
var(--color-standalone)
|
|
1241
1409
|
);
|
|
1242
1410
|
}
|
|
1243
|
-
`],
|
|
1411
|
+
`],ye([a({type:String,reflect:!0})],X.prototype,"type",2),ye([a({type:Boolean,reflect:!0})],X.prototype,"disabled",2),ye([a({reflect:!0})],X.prototype,"look",2),ye([a({reflect:!0})],X.prototype,"color",2),ye([a({type:Boolean,reflect:!0})],X.prototype,"compact",2),ye([a({type:String,reflect:!0})],X.prototype,"state",2),ye([a({type:String})],X.prototype,"href",2),ye([a({type:String})],X.prototype,"target",2),ye([O("#button")],X.prototype,"_button",2),X=ye([p("uui-button")],X);class Xt extends z{}Xt.OPEN="open";var Md=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Si=(t,e,i,o)=>{for(var r=o>1?void 0:o?Nd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Md(e,i,r),r};let q=class extends yr(Rt(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new Xt(Xt.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Xt(Xt.OPEN)))}render(){return l`<slot></slot>`}};q.styles=[d`
|
|
1244
1412
|
:host {
|
|
1245
1413
|
position: relative;
|
|
1246
1414
|
display: flex;
|
|
@@ -1324,15 +1492,15 @@
|
|
|
1324
1492
|
text-decoration: none;
|
|
1325
1493
|
color: inherit;
|
|
1326
1494
|
}
|
|
1327
|
-
`],
|
|
1328
|
-
${this.href?xa(this,
|
|
1495
|
+
`],Si([a({type:Boolean,reflect:!0,attribute:"disabled"})],q.prototype,"disabled",2),Si([a({type:Boolean,reflect:!0})],q.prototype,"error",2),Si([a({type:String})],q.prototype,"href",2),Si([a({type:String})],q.prototype,"target",2),q=Si([p("uui-card")],q);var Vd=Object.defineProperty,Td=Object.getOwnPropertyDescriptor,Vo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Td(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Vd(e,i,r),r},Hd=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},ya=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},xa=(t,e,i)=>(Hd(t,e,"access private method"),i),To,wa,Ho,$a;let Yt=class extends q{constructor(){super(...arguments),ya(this,To),ya(this,Ho),this.name="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}_renderFallbackIcon(){return y(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
1496
|
+
${this.href?xa(this,Ho,$a).call(this):xa(this,To,wa).call(this)}
|
|
1329
1497
|
<!-- Select border must be right after #open-part -->
|
|
1330
1498
|
<div id="select-border"></div>
|
|
1331
1499
|
|
|
1332
1500
|
<slot></slot>
|
|
1333
1501
|
<slot name="tag"></slot>
|
|
1334
1502
|
<slot name="actions"></slot>
|
|
1335
|
-
`}};
|
|
1503
|
+
`}};To=new WeakSet,wa=function(){return l`<div
|
|
1336
1504
|
id="open-part"
|
|
1337
1505
|
tabindex=${this.disabled?$:0}
|
|
1338
1506
|
@click=${this.handleOpenClick}
|
|
@@ -1342,7 +1510,7 @@
|
|
|
1342
1510
|
${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}
|
|
1343
1511
|
</span>
|
|
1344
1512
|
<span id="name"> ${this.name} </span>
|
|
1345
|
-
</div>`},
|
|
1513
|
+
</div>`},Ho=new WeakSet,$a=function(){return l`<a
|
|
1346
1514
|
id="open-part"
|
|
1347
1515
|
tabindex=${this.disabled?$:0}
|
|
1348
1516
|
href=${P(this.disabled?void 0:this.href)}
|
|
@@ -1353,7 +1521,7 @@
|
|
|
1353
1521
|
${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}
|
|
1354
1522
|
</span>
|
|
1355
1523
|
<span id="name"> ${this.name} </span>
|
|
1356
|
-
</a>`},Yt.styles=[...
|
|
1524
|
+
</a>`},Yt.styles=[...q.styles,d`
|
|
1357
1525
|
:host {
|
|
1358
1526
|
min-width: 250px;
|
|
1359
1527
|
flex-direction: column;
|
|
@@ -1421,14 +1589,14 @@
|
|
|
1421
1589
|
#name {
|
|
1422
1590
|
margin-top: 4px;
|
|
1423
1591
|
}
|
|
1424
|
-
`],
|
|
1592
|
+
`],Vo([a({type:String})],Yt.prototype,"name",2),Vo([b()],Yt.prototype,"_iconSlotHasContent",2),Yt=Vo([p("uui-card-content-node")],Yt);var jd=Object.defineProperty,Bd=Object.getOwnPropertyDescriptor,Rd=(t,e,i,o)=>{for(var r=o>1?void 0:o?Bd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&jd(e,i,r),r};let zr=class extends v{render(){return l`<svg
|
|
1425
1593
|
xmlns="http://www.w3.org/2000/svg"
|
|
1426
1594
|
viewBox="0 0 512 512"
|
|
1427
1595
|
width="100%"
|
|
1428
1596
|
id="icon">
|
|
1429
1597
|
<path
|
|
1430
1598
|
d="M450.962 169.833v-19.248c0-23.398-19.035-42.436-42.434-42.436H257.306c-5.885-16.926-21.99-29.1-40.885-29.1h-89.758c-20.545 0-37.795 14.391-42.191 33.623-13.891 7.016-23.486 21.45-23.486 37.912V169.897c-7.148 7.774-11.443 18.122-11.443 29.287v.956l.062.953c.045.704 4.639 70.713 5.469 95.492l3.137 93.62c.033 6.024.682 14.788 5.271 23.301 6.564 12.175 19.002 19.442 33.273 19.442h318.49c14.273 0 26.713-7.268 33.275-19.445 4.588-8.512 5.236-17.275 5.271-23.298l3.135-93.62c.832-24.782 5.424-94.788 5.471-95.492l.061-.953v-.956c0-11.203-4.314-21.574-11.496-29.351zM90.093 150.585c0-7.281 5.84-13.189 13.09-13.318h-.125c5.324 0 9.441-9.694 9.441-13.382l-.006-1.562c0-7.824 6.344-14.168 14.17-14.168h89.758c7.826 0 14.166 6.344 14.166 14.168v1.562c0 3.663 4.062 13.239 9.332 13.37h168.609c7.363 0 13.328 5.969 13.328 13.33v9.201H90.093v-9.201zm337.744 145.028c-.854 25.538-3.15 94.062-3.15 94.062 0 7.825-1.617 14.171-9.441 14.171H96.755c-7.822 0-9.439-6.346-9.439-14.171l-3.152-94.062c-.855-25.538-5.516-96.428-5.516-96.428 0-6.893 4.926-12.631 11.445-13.9l331.764-.009c6.547 1.251 11.494 6.998 11.494 13.909 0 .001-4.657 70.89-5.514 96.428z" />
|
|
1431
|
-
</svg> `}};
|
|
1599
|
+
</svg> `}};zr.styles=[d`
|
|
1432
1600
|
:host {
|
|
1433
1601
|
display: block;
|
|
1434
1602
|
box-sizing: border-box;
|
|
@@ -1439,7 +1607,7 @@
|
|
|
1439
1607
|
#icon {
|
|
1440
1608
|
fill: var(--uui-color-border,#d8d7d9);
|
|
1441
1609
|
}
|
|
1442
|
-
`],
|
|
1610
|
+
`],zr=Rd([p("uui-symbol-folder")],zr);var Fd=Object.defineProperty,Gd=Object.getOwnPropertyDescriptor,Ea=(t,e,i,o)=>{for(var r=o>1?void 0:o?Gd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Fd(e,i,r),r};let Ii=class extends v{constructor(){super(...arguments),this.type=""}render(){return l`<svg
|
|
1443
1611
|
xmlns="http://www.w3.org/2000/svg"
|
|
1444
1612
|
viewBox="0 0 512 512"
|
|
1445
1613
|
width="100%"
|
|
@@ -1447,7 +1615,7 @@
|
|
|
1447
1615
|
<path
|
|
1448
1616
|
d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z" />
|
|
1449
1617
|
</svg>
|
|
1450
|
-
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};
|
|
1618
|
+
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};Ii.styles=[d`
|
|
1451
1619
|
:host {
|
|
1452
1620
|
position: relative;
|
|
1453
1621
|
display: block;
|
|
@@ -1470,16 +1638,16 @@
|
|
|
1470
1638
|
#icon {
|
|
1471
1639
|
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
1472
1640
|
}
|
|
1473
|
-
`],
|
|
1641
|
+
`],Ea([a({type:String})],Ii.prototype,"type",2),Ii=Ea([p("uui-symbol-file")],Ii);var qd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,kr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Wd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&qd(e,i,r),r},Kd=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},Pa=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Ca=(t,e,i)=>(Kd(t,e,"access private method"),i),jo,Oa,Bo,za;let xt=class extends q{constructor(){super(...arguments),Pa(this,jo),Pa(this,Bo),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}queryPreviews(t){this.hasPreview=t.composedPath()[0].assignedElements({flatten:!0}).length>0}renderMedia(){return this.hasPreview===!0?"":this.fileExt===""?l`<uui-symbol-folder id="folder-symbol"></uui-symbol-folder>`:l`<uui-symbol-file
|
|
1474
1642
|
id="file-symbol"
|
|
1475
1643
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return l` ${this.renderMedia()}
|
|
1476
1644
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
1477
|
-
${this.href?
|
|
1645
|
+
${this.href?Ca(this,Bo,za).call(this):Ca(this,jo,Oa).call(this)}
|
|
1478
1646
|
<!-- Select border must be right after .open-part -->
|
|
1479
1647
|
<div id="select-border"></div>
|
|
1480
1648
|
|
|
1481
1649
|
<slot name="tag"></slot>
|
|
1482
|
-
<slot name="actions"></slot>`}};
|
|
1650
|
+
<slot name="actions"></slot>`}};jo=new WeakSet,Oa=function(){return l`
|
|
1483
1651
|
<button
|
|
1484
1652
|
id="open-part"
|
|
1485
1653
|
tabindex=${this.disabled?$:"0"}
|
|
@@ -1495,7 +1663,7 @@
|
|
|
1495
1663
|
-->
|
|
1496
1664
|
<span>${this.name}</span>
|
|
1497
1665
|
</button>
|
|
1498
|
-
`},
|
|
1666
|
+
`},Bo=new WeakSet,za=function(){return l`
|
|
1499
1667
|
<a
|
|
1500
1668
|
id="open-part"
|
|
1501
1669
|
tabindex=${this.disabled?$:"0"}
|
|
@@ -1512,7 +1680,7 @@
|
|
|
1512
1680
|
-->
|
|
1513
1681
|
<span>${this.name}</span>
|
|
1514
1682
|
</a>
|
|
1515
|
-
`},
|
|
1683
|
+
`},xt.styles=[...q.styles,d`
|
|
1516
1684
|
#file-symbol,
|
|
1517
1685
|
#folder-symbol {
|
|
1518
1686
|
align-self: center;
|
|
@@ -1607,26 +1775,26 @@
|
|
|
1607
1775
|
height: var(--uui-size-8);
|
|
1608
1776
|
}
|
|
1609
1777
|
*/
|
|
1610
|
-
`],
|
|
1778
|
+
`],kr([a({type:String})],xt.prototype,"name",2),kr([a({type:String,attribute:"file-ext"})],xt.prototype,"fileExt",2),kr([b()],xt.prototype,"hasPreview",2),xt=kr([p("uui-card-media")],xt);var Xd=Object.defineProperty,Yd=Object.getOwnPropertyDescriptor,ka=(t,e,i,o)=>{for(var r=o>1?void 0:o?Yd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Xd(e,i,r),r},Zd=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},Sa=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Ia=(t,e,i)=>(Zd(t,e,"access private method"),i),Ro,Aa,Fo,Da;let Ai=class extends q{constructor(){super(...arguments),Sa(this,Ro),Sa(this,Fo),this.name=""}connectedCallback(){super.connectedCallback(),y(this,"uui-avatar")}render(){return l`
|
|
1611
1779
|
<uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>
|
|
1612
|
-
${this.href?
|
|
1780
|
+
${this.href?Ia(this,Fo,Da).call(this):Ia(this,Ro,Aa).call(this)}
|
|
1613
1781
|
<slot></slot>
|
|
1614
1782
|
<slot name="tag"></slot>
|
|
1615
1783
|
<slot name="actions"></slot>
|
|
1616
|
-
`}};
|
|
1784
|
+
`}};Ro=new WeakSet,Aa=function(){return l`<div
|
|
1617
1785
|
id="open-part"
|
|
1618
1786
|
tabindex=${this.disabled?$:"0"}
|
|
1619
1787
|
@click=${this.handleOpenClick}
|
|
1620
1788
|
@keydown=${this.handleOpenKeydown}>
|
|
1621
1789
|
<span> ${this.name} </span>
|
|
1622
|
-
</div>`},
|
|
1790
|
+
</div>`},Fo=new WeakSet,Da=function(){return l`<a
|
|
1623
1791
|
id="open-part"
|
|
1624
1792
|
tabindex=${this.disabled?$:"0"}
|
|
1625
1793
|
href=${P(this.disabled?void 0:this.href)}
|
|
1626
1794
|
target=${P(this.target||void 0)}
|
|
1627
1795
|
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
1628
1796
|
<span>${this.name}</span>
|
|
1629
|
-
</a>`},
|
|
1797
|
+
</a>`},Ai.styles=[...q.styles,d`
|
|
1630
1798
|
:host {
|
|
1631
1799
|
min-width: 250px;
|
|
1632
1800
|
flex-direction: column;
|
|
@@ -1698,9 +1866,9 @@
|
|
|
1698
1866
|
text-decoration: underline;
|
|
1699
1867
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1700
1868
|
}
|
|
1701
|
-
`],
|
|
1869
|
+
`],ka([a({type:String})],Ai.prototype,"name",2),Ai=ka([p("uui-card-user")],Ai);var Qd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,Ua=(t,e,i,o)=>{for(var r=o>1?void 0:o?Jd(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Qd(e,i,r),r};let Di=class extends v{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 l`<svg viewBox="0 0 512 512">
|
|
1702
1870
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
1703
|
-
</svg>`}};
|
|
1871
|
+
</svg>`}};Di.styles=[d`
|
|
1704
1872
|
:host {
|
|
1705
1873
|
display: inline-block;
|
|
1706
1874
|
width: 12px;
|
|
@@ -1716,11 +1884,11 @@
|
|
|
1716
1884
|
:host([open]) svg {
|
|
1717
1885
|
transform: rotate(180deg);
|
|
1718
1886
|
}
|
|
1719
|
-
`],
|
|
1887
|
+
`],Ua([a({type:Boolean,reflect:!0})],Di.prototype,"open",2),Di=Ua([p("uui-caret")],Di);var ep=Object.defineProperty,tp=Object.getOwnPropertyDescriptor,ip=(t,e,i,o)=>{for(var r=o>1?void 0:o?tp(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ep(e,i,r),r};let Ui=class extends me{renderCheckbox(){return l`
|
|
1720
1888
|
<div id="ticker">
|
|
1721
|
-
<div id="icon-check">${
|
|
1889
|
+
<div id="icon-check">${Or}</div>
|
|
1722
1890
|
</div>
|
|
1723
|
-
`}};
|
|
1891
|
+
`}};Ui.formAssociated=!0,Ui.styles=[...me.styles,$r,d`
|
|
1724
1892
|
:host {
|
|
1725
1893
|
--uui-checkbox-size: 18px;
|
|
1726
1894
|
}
|
|
@@ -1856,26 +2024,26 @@
|
|
|
1856
2024
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1857
2025
|
}
|
|
1858
2026
|
:host([disabled]) label:active #ticker {
|
|
1859
|
-
animation: ${
|
|
2027
|
+
animation: ${Er};
|
|
1860
2028
|
}
|
|
1861
2029
|
:host([disabled]) input:checked + #ticker #icon-check {
|
|
1862
2030
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1863
2031
|
}
|
|
1864
|
-
`],
|
|
2032
|
+
`],Ui=ip([p("uui-checkbox")],Ui);/**
|
|
1865
2033
|
* @license
|
|
1866
2034
|
* Copyright 2018 Google LLC
|
|
1867
2035
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1868
|
-
*/const
|
|
2036
|
+
*/const Sr=Wt(class extends Kt{constructor(t){var e;if(super(t),t.type!==he.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var i,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((i=this.nt)===null||i===void 0)&&i.has(s))&&this.it.add(s);return this.render(e)}const r=t.element.classList;this.it.forEach(s=>{s in e||(r.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(r.add(s),this.it.add(s)):(r.remove(s),this.it.delete(s)))}return G}});var rp={grad:.9,turn:360,rad:360/(2*Math.PI)},Le=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=Math.pow(10,e)),Math.round(i*t)/i+0},ie=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=1),t>i?i:t>e?t:e},La=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Ma=function(t){return{r:ie(t.r,0,255),g:ie(t.g,0,255),b:ie(t.b,0,255),a:ie(t.a)}},Go=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},op=/^#([0-9a-f]{3,8})$/i,Ir=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Na=function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=Math.max(e,i,o),n=s-Math.min(e,i,o),u=n?s===e?(i-o)/n:s===i?2+(o-e)/n:4+(e-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},Va=function(t){var e=t.h,i=t.s,o=t.v,r=t.a;e=e/360*6,i/=100,o/=100;var s=Math.floor(e),n=o*(1-i),u=o*(1-(e-s)*i),c=o*(1-(1-e+s)*i),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:r}},Ta=function(t){return{h:La(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Ha=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},ja=function(t){return Va((i=(e=t).s,{h:e.h,s:(i*=((o=e.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:e.a}));var e,i,o},Li=function(t){return{h:(e=Na(t)).h,s:(r=(200-(i=e.s))*(o=e.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,i,o,r},sp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,np=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ap=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,lp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ba={string:[[function(t){var e=op.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?N(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?N(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=ap.exec(t)||lp.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ma({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=sp.exec(t)||np.exec(t);if(!e)return null;var i,o,r=Ta({h:(i=e[1],o=e[2],o===void 0&&(o="deg"),Number(i)*(rp[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ja(r)},"hsl"]],object:[[function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=r===void 0?1:r;return Le(e)&&Le(i)&&Le(o)?Ma({r:Number(e),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,i=t.s,o=t.l,r=t.a,s=r===void 0?1:r;if(!Le(e)||!Le(i)||!Le(o))return null;var n=Ta({h:Number(e),s:Number(i),l:Number(o),a:Number(s)});return ja(n)},"hsl"],[function(t){var e=t.h,i=t.s,o=t.v,r=t.a,s=r===void 0?1:r;if(!Le(e)||!Le(i)||!Le(o))return null;var n=function(u){return{h:La(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(i),v:Number(o),a:Number(s)});return Va(n)},"hsv"]]},Ra=function(t,e){for(var i=0;i<e.length;i++){var o=e[i][0](t);if(o)return[o,e[i][1]]}return[null,void 0]},up=function(t){return typeof t=="string"?Ra(t.trim(),Ba.string):typeof t=="object"&&t!==null?Ra(t,Ba.object):[null,void 0]},qo=function(t,e){var i=Li(t);return{h:i.h,s:ie(i.s+100*e,0,100),l:i.l,a:i.a}},Wo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Fa=function(t,e){var i=Li(t);return{h:i.h,s:i.s,l:ie(i.l+100*e,0,100),a:i.a}},Ga=function(){function t(e){this.parsed=up(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return N(Wo(this.rgba),2)},t.prototype.isDark=function(){return Wo(this.rgba)<.5},t.prototype.isLight=function(){return Wo(this.rgba)>=.5},t.prototype.toHex=function(){return e=Go(this.rgba),i=e.r,o=e.g,r=e.b,n=(s=e.a)<1?Ir(N(255*s)):"","#"+Ir(i)+Ir(o)+Ir(r)+n;var e,i,o,r,s,n},t.prototype.toRgb=function(){return Go(this.rgba)},t.prototype.toRgbString=function(){return e=Go(this.rgba),i=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var e,i,o,r,s},t.prototype.toHsl=function(){return Ha(Li(this.rgba))},t.prototype.toHslString=function(){return e=Ha(Li(this.rgba)),i=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var e,i,o,r,s},t.prototype.toHsv=function(){return e=Na(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},t.prototype.invert=function(){return re({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),re(qo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),re(qo(this.rgba,-e))},t.prototype.grayscale=function(){return re(qo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),re(Fa(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),re(Fa(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?re({r:(i=this.rgba).r,g:i.g,b:i.b,a:e}):N(this.rgba.a,3);var i},t.prototype.hue=function(e){var i=Li(this.rgba);return typeof e=="number"?re({h:e,s:i.s,l:i.l,a:i.a}):N(i.h)},t.prototype.isEqual=function(e){return this.toHex()===re(e).toHex()},t}(),re=function(t){return t instanceof Ga?t:new Ga(t)},cp=Object.defineProperty,qa=Object.getOwnPropertySymbols,hp=Object.prototype.hasOwnProperty,dp=Object.prototype.propertyIsEnumerable,Wa=(t,e,i)=>e in t?cp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ka=(t,e)=>{for(var i in e||(e={}))hp.call(e,i)&&Wa(t,i,e[i]);if(qa)for(var i of qa(e))dp.call(e,i)&&Wa(t,i,e[i]);return t};class Ar extends z{constructor(e,i={}){super(e,Ka(Ka({},{bubbles:!0}),i))}}Ar.CHANGE="change";var pp=Object.defineProperty,vp=Object.getOwnPropertyDescriptor,Me=(t,e,i,o)=>{for(var r=o>1?void 0:o?vp(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&pp(e,i,r),r};let oe=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const i=re(t);if(i.isValid()){const{h:o,s:r,l:s}=i.toHsl();this.hue=o,this.saturation=r,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(i){console.error("Something went wrong parsing the color string.",i)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),i=e.querySelector(".color-area__handle"),{width:o,height:r}=e.getBoundingClientRect();i.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,ba(e,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=k(s/o*100,0,100),this.brightness=k(100-n/r*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=k(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=k(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=k(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=k(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return k(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return k((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=re({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new Ar(Ar.CHANGE))}getHexString(t,e,i,o=100){const r=re(`hsla(${t}, ${e}%, ${i}%, ${o/100})`);return r.isValid()?r.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
|
|
1869
2037
|
<div
|
|
1870
2038
|
part="grid"
|
|
1871
2039
|
class="color-area"
|
|
1872
|
-
style=${
|
|
2040
|
+
style=${_e({backgroundColor:this.getHexString(this.hue,100,50)})}
|
|
1873
2041
|
@mousedown=${this.handleGridDrag}
|
|
1874
2042
|
@touchstart=${this.handleGridDrag}>
|
|
1875
2043
|
<span
|
|
1876
2044
|
part="grid-handle"
|
|
1877
|
-
class=${
|
|
1878
|
-
style=${
|
|
2045
|
+
class=${Sr({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
2046
|
+
style=${_e({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
1879
2047
|
role="application"
|
|
1880
2048
|
tabindex=${P(this.disabled?void 0:"0")}
|
|
1881
2049
|
aria-label="HSB"
|
|
@@ -1931,17 +2099,17 @@
|
|
|
1931
2099
|
.color-area__handle--empty {
|
|
1932
2100
|
display: none;
|
|
1933
2101
|
}
|
|
1934
|
-
`],
|
|
2102
|
+
`],Me([b()],oe.prototype,"isDraggingGridHandle",2),Me([a({type:Number})],oe.prototype,"hue",2),Me([a({type:Number})],oe.prototype,"saturation",2),Me([a({type:Number})],oe.prototype,"lightness",2),Me([a({type:Number})],oe.prototype,"brightness",2),Me([a({type:Number})],oe.prototype,"alpha",2),Me([a({type:String})],oe.prototype,"value",1),Me([a({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),oe=Me([p("uui-color-area")],oe);/**
|
|
1935
2103
|
* @license
|
|
1936
2104
|
* Copyright 2020 Google LLC
|
|
1937
2105
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1938
|
-
*/const{I:
|
|
2106
|
+
*/const{I:fp}=Yu,Xa=t=>t.strings===void 0,Ya=()=>document.createComment(""),Mi=(t,e,i)=>{var o;const r=t._$AA.parentNode,s=e===void 0?t._$AB:e._$AA;if(i===void 0){const n=r.insertBefore(Ya(),s),u=r.insertBefore(Ya(),s);i=new fp(n,u,t,t.options)}else{const n=i._$AB.nextSibling,u=i._$AM,c=u!==t;if(c){let h;(o=i._$AQ)===null||o===void 0||o.call(i,t),i._$AM=t,i._$AP!==void 0&&(h=t._$AU)!==u._$AU&&i._$AP(h)}if(n!==s||c){let h=i._$AA;for(;h!==n;){const f=h.nextSibling;r.insertBefore(h,s),h=f}}}return i},wt=(t,e,i=t)=>(t._$AI(e,i),t),bp={},Za=(t,e=bp)=>t._$AH=e,gp=t=>t._$AH,Ko=t=>{var e;(e=t._$AP)===null||e===void 0||e.call(t,!1,!0);let i=t._$AA;const o=t._$AB.nextSibling;for(;i!==o;){const r=i.nextSibling;i.remove(),i=r}};/**
|
|
1939
2107
|
* @license
|
|
1940
2108
|
* Copyright 2020 Google LLC
|
|
1941
2109
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1942
|
-
*/const bp=qt(class extends Kt{constructor(t){if(super(t),t.type!==ce.PROPERTY&&t.type!==ce.ATTRIBUTE&&t.type!==ce.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Ya(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===G||e===$)return e;const r=t.element,o=t.name;if(t.type===ce.PROPERTY){if(e===r[o])return G}else if(t.type===ce.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return G}else if(t.type===ce.ATTRIBUTE&&r.getAttribute(o)===e+"")return G;return Qa(t),e}});var gp={grad:.9,turn:360,rad:360/(2*Math.PI)},Me=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},V=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},se=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Ja=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},el=function(t){return{r:se(t.r,0,255),g:se(t.g,0,255),b:se(t.b,0,255),a:se(t.a)}},Yo=function(t){return{r:V(t.r),g:V(t.g),b:V(t.b),a:V(t.a,3)}},mp=/^#([0-9a-f]{3,8})$/i,Ui=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},tl=function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=Math.max(e,r,o),n=s-Math.min(e,r,o),u=n?s===e?(r-o)/n:s===r?2+(o-e)/n:4+(e-r)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:i}},rl=function(t){var e=t.h,r=t.s,o=t.v,i=t.a;e=e/360*6,r/=100,o/=100;var s=Math.floor(e),n=o*(1-r),u=o*(1-(e-s)*r),c=o*(1-(1-e+s)*r),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:i}},il=function(t){return{h:Ja(t.h),s:se(t.s,0,100),l:se(t.l,0,100),a:se(t.a)}},ol=function(t){return{h:V(t.h),s:V(t.s),l:V(t.l),a:V(t.a,3)}},sl=function(t){return rl((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},Nr=function(t){return{h:(e=tl(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},_p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,xp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Zo={string:[[function(t){var e=mp.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?V(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?V(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=wp.exec(t)||xp.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:el({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=_p.exec(t)||yp.exec(t);if(!e)return null;var r,o,i=il({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(gp[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return sl(i)},"hsl"]],object:[[function(t){var e=t.r,r=t.g,o=t.b,i=t.a,s=i===void 0?1:i;return Me(e)&&Me(r)&&Me(o)?el({r:Number(e),g:Number(r),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,r=t.s,o=t.l,i=t.a,s=i===void 0?1:i;if(!Me(e)||!Me(r)||!Me(o))return null;var n=il({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return sl(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Me(e)||!Me(r)||!Me(o))return null;var n=function(u){return{h:Ja(u.h),s:se(u.s,0,100),v:se(u.v,0,100),a:se(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return rl(n)},"hsv"]]},nl=function(t,e){for(var r=0;r<e.length;r++){var o=e[r][0](t);if(o)return[o,e[r][1]]}return[null,void 0]},$p=function(t){return typeof t=="string"?nl(t.trim(),Zo.string):typeof t=="object"&&t!==null?nl(t,Zo.object):[null,void 0]},Qo=function(t,e){var r=Nr(t);return{h:r.h,s:se(r.s+100*e,0,100),l:r.l,a:r.a}},Jo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},al=function(t,e){var r=Nr(t);return{h:r.h,s:r.s,l:se(r.l+100*e,0,100),a:r.a}},Li=function(){function t(e){this.parsed=$p(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return V(Jo(this.rgba),2)},t.prototype.isDark=function(){return Jo(this.rgba)<.5},t.prototype.isLight=function(){return Jo(this.rgba)>=.5},t.prototype.toHex=function(){return e=Yo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?Ui(V(255*s)):"","#"+Ui(r)+Ui(o)+Ui(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return Yo(this.rgba)},t.prototype.toRgbString=function(){return e=Yo(this.rgba),r=e.r,o=e.g,i=e.b,(s=e.a)<1?"rgba("+r+", "+o+", "+i+", "+s+")":"rgb("+r+", "+o+", "+i+")";var e,r,o,i,s},t.prototype.toHsl=function(){return ol(Nr(this.rgba))},t.prototype.toHslString=function(){return e=ol(Nr(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=tl(this.rgba),{h:V(e.h),s:V(e.s),v:V(e.v),a:V(e.a,3)};var e},t.prototype.invert=function(){return ye({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),ye(Qo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),ye(Qo(this.rgba,-e))},t.prototype.grayscale=function(){return ye(Qo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),ye(al(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),ye(al(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?ye({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):V(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=Nr(this.rgba);return typeof e=="number"?ye({h:e,s:r.s,l:r.l,a:r.a}):V(r.h)},t.prototype.isEqual=function(e){return this.toHex()===ye(e).toHex()},t}(),ye=function(t){return t instanceof Li?t:new Li(t)},ll=[],Ep=function(t){t.forEach(function(e){ll.indexOf(e)<0&&(e(Li,Zo),ll.push(e))})};function Pp(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var f=this.toRgb(),_=1/0,g="black";if(!s.length)for(var w in r)s[w]=new t(r[w]).toRgb();for(var x in r){var E=(u=f,c=s[x],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<_&&(_=E,g=x)}return g}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var Cp=Object.defineProperty,ul=Object.getOwnPropertySymbols,Op=Object.prototype.hasOwnProperty,Sp=Object.prototype.propertyIsEnumerable,cl=(t,e,r)=>e in t?Cp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,hl=(t,e)=>{for(var r in e||(e={}))Op.call(e,r)&&cl(t,r,e[r]);if(ul)for(var r of ul(e))Sp.call(e,r)&&cl(t,r,e[r]);return t};class Mi extends S{constructor(e,r={}){super(e,hl(hl({},{bubbles:!0}),r))}}Mi.CHANGE="change";var kp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,U=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ip(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&kp(e,r,i),i};Ep([Pp]);const dl="EyeDropper"in window;let A=class extends fe("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=ye("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),y(this,"uui-icon"),y(this,"uui-icon-registry-essential"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-button-group"),y(this,"uui-popover"),y(this,"uui-color-swatches"),y(this,"uui-color-swatch"),y(this,"uui-color-area"),y(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,r=this._colord.toHex(),o=r.length>7?r.substring(0,r.length-2):r,{r:i,g:s,b:n}=this._colord.toRgb(),{h:u,s:c,l:h}=this._colord.toHsl(),{v:f}=this._colord.toHsv(),_=this._colord.alpha();switch(e){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(r);case"rgb":return this.setLetterCase(`rgb(${i}, ${s}, ${n})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${c}%, ${h}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${c}%, ${h}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${c}%, ${f}%, ${_})`);default:return""}}getBrightness(t){return k(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return k((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl","hsv"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.parentElement;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.querySelector("button[part=trigger]");r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!dl)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new Li(t);const{h:e,l:r,s:o,a:i}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=r,this.alpha=this.opacity?i*100:100,this._syncValues(),this.dispatchEvent(new Mi(Mi.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
|
|
2110
|
+
*/const mp=Wt(class extends Kt{constructor(t){if(super(t),t.type!==he.PROPERTY&&t.type!==he.ATTRIBUTE&&t.type!==he.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Xa(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===G||e===$)return e;const i=t.element,o=t.name;if(t.type===he.PROPERTY){if(e===i[o])return G}else if(t.type===he.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(o))return G}else if(t.type===he.ATTRIBUTE&&i.getAttribute(o)===e+"")return G;return Za(t),e}});var _p={grad:.9,turn:360,rad:360/(2*Math.PI)},Ne=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},V=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=Math.pow(10,e)),Math.round(i*t)/i+0},se=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=1),t>i?i:t>e?t:e},Qa=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Ja=function(t){return{r:se(t.r,0,255),g:se(t.g,0,255),b:se(t.b,0,255),a:se(t.a)}},Xo=function(t){return{r:V(t.r),g:V(t.g),b:V(t.b),a:V(t.a,3)}},yp=/^#([0-9a-f]{3,8})$/i,Dr=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},el=function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=Math.max(e,i,o),n=s-Math.min(e,i,o),u=n?s===e?(i-o)/n:s===i?2+(o-e)/n:4+(e-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},tl=function(t){var e=t.h,i=t.s,o=t.v,r=t.a;e=e/360*6,i/=100,o/=100;var s=Math.floor(e),n=o*(1-i),u=o*(1-(e-s)*i),c=o*(1-(1-e+s)*i),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:r}},il=function(t){return{h:Qa(t.h),s:se(t.s,0,100),l:se(t.l,0,100),a:se(t.a)}},rl=function(t){return{h:V(t.h),s:V(t.s),l:V(t.l),a:V(t.a,3)}},ol=function(t){return tl((i=(e=t).s,{h:e.h,s:(i*=((o=e.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:e.a}));var e,i,o},Ni=function(t){return{h:(e=el(t)).h,s:(r=(200-(i=e.s))*(o=e.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,i,o,r},xp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$p=/^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,Yo={string:[[function(t){var e=yp.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?V(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?V(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=$p.exec(t)||Ep.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Ja({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=xp.exec(t)||wp.exec(t);if(!e)return null;var i,o,r=il({h:(i=e[1],o=e[2],o===void 0&&(o="deg"),Number(i)*(_p[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return ol(r)},"hsl"]],object:[[function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=r===void 0?1:r;return Ne(e)&&Ne(i)&&Ne(o)?Ja({r:Number(e),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,i=t.s,o=t.l,r=t.a,s=r===void 0?1:r;if(!Ne(e)||!Ne(i)||!Ne(o))return null;var n=il({h:Number(e),s:Number(i),l:Number(o),a:Number(s)});return ol(n)},"hsl"],[function(t){var e=t.h,i=t.s,o=t.v,r=t.a,s=r===void 0?1:r;if(!Ne(e)||!Ne(i)||!Ne(o))return null;var n=function(u){return{h:Qa(u.h),s:se(u.s,0,100),v:se(u.v,0,100),a:se(u.a)}}({h:Number(e),s:Number(i),v:Number(o),a:Number(s)});return tl(n)},"hsv"]]},sl=function(t,e){for(var i=0;i<e.length;i++){var o=e[i][0](t);if(o)return[o,e[i][1]]}return[null,void 0]},Pp=function(t){return typeof t=="string"?sl(t.trim(),Yo.string):typeof t=="object"&&t!==null?sl(t,Yo.object):[null,void 0]},Zo=function(t,e){var i=Ni(t);return{h:i.h,s:se(i.s+100*e,0,100),l:i.l,a:i.a}},Qo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},nl=function(t,e){var i=Ni(t);return{h:i.h,s:i.s,l:se(i.l+100*e,0,100),a:i.a}},Ur=function(){function t(e){this.parsed=Pp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return V(Qo(this.rgba),2)},t.prototype.isDark=function(){return Qo(this.rgba)<.5},t.prototype.isLight=function(){return Qo(this.rgba)>=.5},t.prototype.toHex=function(){return e=Xo(this.rgba),i=e.r,o=e.g,r=e.b,n=(s=e.a)<1?Dr(V(255*s)):"","#"+Dr(i)+Dr(o)+Dr(r)+n;var e,i,o,r,s,n},t.prototype.toRgb=function(){return Xo(this.rgba)},t.prototype.toRgbString=function(){return e=Xo(this.rgba),i=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var e,i,o,r,s},t.prototype.toHsl=function(){return rl(Ni(this.rgba))},t.prototype.toHslString=function(){return e=rl(Ni(this.rgba)),i=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var e,i,o,r,s},t.prototype.toHsv=function(){return e=el(this.rgba),{h:V(e.h),s:V(e.s),v:V(e.v),a:V(e.a,3)};var e},t.prototype.invert=function(){return xe({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),xe(Zo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),xe(Zo(this.rgba,-e))},t.prototype.grayscale=function(){return xe(Zo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),xe(nl(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),xe(nl(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?xe({r:(i=this.rgba).r,g:i.g,b:i.b,a:e}):V(this.rgba.a,3);var i},t.prototype.hue=function(e){var i=Ni(this.rgba);return typeof e=="number"?xe({h:e,s:i.s,l:i.l,a:i.a}):V(i.h)},t.prototype.isEqual=function(e){return this.toHex()===xe(e).toHex()},t}(),xe=function(t){return t instanceof Ur?t:new Ur(t)},al=[],Cp=function(t){t.forEach(function(e){al.indexOf(e)<0&&(e(Ur,Yo),al.push(e))})};function Op(t,e){var i={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in i)o[i[r]]=r;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var f=this.toRgb(),_=1/0,g="black";if(!s.length)for(var x in i)s[x]=new t(i[x]).toRgb();for(var w in i){var E=(u=f,c=s[w],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<_&&(_=E,g=w)}return g}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":i[u];return c?new t(c).toRgb():null},"name"])}var zp=Object.defineProperty,ll=Object.getOwnPropertySymbols,kp=Object.prototype.hasOwnProperty,Sp=Object.prototype.propertyIsEnumerable,ul=(t,e,i)=>e in t?zp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,cl=(t,e)=>{for(var i in e||(e={}))kp.call(e,i)&&ul(t,i,e[i]);if(ll)for(var i of ll(e))Sp.call(e,i)&&ul(t,i,e[i]);return t};class Lr extends z{constructor(e,i={}){super(e,cl(cl({},{bubbles:!0}),i))}}Lr.CHANGE="change";var Ip=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,U=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ap(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ip(e,i,r),r};Cp([Op]);const hl="EyeDropper"in window;let A=class extends be("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=xe("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),y(this,"uui-icon"),y(this,"uui-icon-registry-essential"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-button-group"),y(this,"uui-popover"),y(this,"uui-color-swatches"),y(this,"uui-color-swatch"),y(this,"uui-color-area"),y(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,i=this._colord.toHex(),o=i.length>7?i.substring(0,i.length-2):i,{r,g:s,b:n}=this._colord.toRgb(),{h:u,s:c,l:h}=this._colord.toHsl(),{v:f}=this._colord.toHsv(),_=this._colord.alpha();switch(e){case"hex":return this.setLetterCase(o);case"hexa":return this.setLetterCase(i);case"rgb":return this.setLetterCase(`rgb(${r}, ${s}, ${n})`);case"rgba":return this.setLetterCase(this._colord.toRgbString());case"hsl":return this.setLetterCase(`hsl(${u}, ${c}%, ${h}%)`);case"hsla":return this.setLetterCase(this._colord.toHslString());case"hsv":return this.setLetterCase(`hsv(${u}, ${c}%, ${h}%)`);case"hsva":return this.setLetterCase(`hsva(${u}, ${c}%, ${f}%, ${_})`);default:return""}}getBrightness(t){return k(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return k((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl","hsv"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const i=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(i.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const i=t.target,o={h:this.hue,s:i.saturation,l:i.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const i=t.target;i.value?(this.setColor(i.value),i.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,i=e.parentElement;i.open=!i?.open,e.setAttribute("aria-expanded",i.open.toString())}closeColorPicker(t){const i=t.target.querySelector("button[part=trigger]");i&&i.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!hl)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new Ur(t);const{h:e,l:i,s:o,a:r}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=i,this.alpha=this.opacity?r*100:100,this._syncValues(),this.dispatchEvent(new Lr(Lr.CHANGE)),!0}setLetterCase(t){return typeof t!="string"?"":this.uppercase?t.toUpperCase():t.toLowerCase()}_syncValues(){this.inputValue=this.getFormattedValue(this.format),this.value=this.inputValue}_renderColorPicker(){return l`
|
|
1943
2111
|
<div
|
|
1944
|
-
class=${
|
|
2112
|
+
class=${Sr({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
1945
2113
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
1946
2114
|
<uui-color-area
|
|
1947
2115
|
.value="${this.value}"
|
|
@@ -1975,7 +2143,7 @@
|
|
|
1975
2143
|
class="color-picker__preview color-picker__transparent-bg"
|
|
1976
2144
|
title="Copy"
|
|
1977
2145
|
aria-label="Copy"
|
|
1978
|
-
style=${
|
|
2146
|
+
style=${_e({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
1979
2147
|
@click=${this.handleCopy}></button>
|
|
1980
2148
|
</div>
|
|
1981
2149
|
<div class="color-picker__user-input" aria-live="polite">
|
|
@@ -1987,7 +2155,7 @@
|
|
|
1987
2155
|
autocomplete="off"
|
|
1988
2156
|
autocapitalize="off"
|
|
1989
2157
|
spellcheck="false"
|
|
1990
|
-
.value=${
|
|
2158
|
+
.value=${mp(this.inputValue)}
|
|
1991
2159
|
?disabled=${this.disabled}
|
|
1992
2160
|
@keydown=${this.handleInputKeyDown}
|
|
1993
2161
|
@change=${this.handleInputChange}>
|
|
@@ -2001,7 +2169,7 @@
|
|
|
2001
2169
|
compact>
|
|
2002
2170
|
<span>${this.format}</span>
|
|
2003
2171
|
</uui-button>`}
|
|
2004
|
-
${
|
|
2172
|
+
${hl?l`<uui-button
|
|
2005
2173
|
label="Select a color"
|
|
2006
2174
|
?disabled=${this.disabled}
|
|
2007
2175
|
@click=${this.handleEyeDropper}
|
|
@@ -2029,8 +2197,8 @@
|
|
|
2029
2197
|
part="trigger"
|
|
2030
2198
|
slot="trigger"
|
|
2031
2199
|
aria-label="${this.label||"Open Color picker"}"
|
|
2032
|
-
class=${
|
|
2033
|
-
style=${
|
|
2200
|
+
class=${Sr({"color-picker__trigger":!0,"color-dropdown__trigger--disabled":this.disabled,"color-dropdown__trigger--small":this.size==="small","color-dropdown__trigger--medium":this.size==="medium","color-dropdown__trigger--large":this.size==="large","color-picker__transparent-bg":!0})}
|
|
2201
|
+
style=${_e({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
2034
2202
|
?disabled=${this.disabled}
|
|
2035
2203
|
@click=${this.openColorPicker}
|
|
2036
2204
|
aria-haspopup="true"
|
|
@@ -2177,7 +2345,7 @@
|
|
|
2177
2345
|
uui-color-area {
|
|
2178
2346
|
width: 100%;
|
|
2179
2347
|
}
|
|
2180
|
-
`],U([O('[part="input"]')],A.prototype,"_input",2),U([O(".color-picker__preview")],A.prototype,"_previewButton",2),U([O("#swatches")],A.prototype,"_swatches",2),U([b()],A.prototype,"inputValue",2),U([b()],A.prototype,"hue",2),U([b()],A.prototype,"saturation",2),U([b()],A.prototype,"lightness",2),U([b()],A.prototype,"alpha",2),U([b()],A.prototype,"_colord",2),U([a()],A.prototype,"value",2),U([a()],A.prototype,"format",2),U([a()],A.prototype,"name",2),U([a()],A.prototype,"size",2),U([a({attribute:"no-format-toggle",type:Boolean})],A.prototype,"noFormatToggle",2),U([a({type:Boolean,reflect:!0})],A.prototype,"inline",2),U([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2),U([a({type:Boolean})],A.prototype,"opacity",2),U([a({type:Boolean})],A.prototype,"uppercase",2),U([a({attribute:!1})],A.prototype,"swatches",2),A=U([p("uui-color-picker")],A);var
|
|
2348
|
+
`],U([O('[part="input"]')],A.prototype,"_input",2),U([O(".color-picker__preview")],A.prototype,"_previewButton",2),U([O("#swatches")],A.prototype,"_swatches",2),U([b()],A.prototype,"inputValue",2),U([b()],A.prototype,"hue",2),U([b()],A.prototype,"saturation",2),U([b()],A.prototype,"lightness",2),U([b()],A.prototype,"alpha",2),U([b()],A.prototype,"_colord",2),U([a()],A.prototype,"value",2),U([a()],A.prototype,"format",2),U([a()],A.prototype,"name",2),U([a()],A.prototype,"size",2),U([a({attribute:"no-format-toggle",type:Boolean})],A.prototype,"noFormatToggle",2),U([a({type:Boolean,reflect:!0})],A.prototype,"inline",2),U([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2),U([a({type:Boolean})],A.prototype,"opacity",2),U([a({type:Boolean})],A.prototype,"uppercase",2),U([a({attribute:!1})],A.prototype,"swatches",2),A=U([p("uui-color-picker")],A);var Dp=Object.defineProperty,dl=Object.getOwnPropertySymbols,Up=Object.prototype.hasOwnProperty,Lp=Object.prototype.propertyIsEnumerable,pl=(t,e,i)=>e in t?Dp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,vl=(t,e)=>{for(var i in e||(e={}))Up.call(e,i)&&pl(t,i,e[i]);if(dl)for(var i of dl(e))Lp.call(e,i)&&pl(t,i,e[i]);return t};class Mr extends z{constructor(e,i={}){super(e,vl(vl({},{bubbles:!0}),i))}}Mr.CHANGE="change";var Mp=Object.defineProperty,Np=Object.getOwnPropertyDescriptor,Ve=(t,e,i,o)=>{for(var r=o>1?void 0:o?Np(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Mp(e,i,r),r};let ne=class extends be("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:i}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),ba(this.container,{onMove:(o,r)=>{this.vertical?this.value=ga(k(r/i*this.max,this.min,this.max),this.min,this.max):this.value=k(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=k(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=k(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=k(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=k(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:i}=this.container.getBoundingClientRect();return k(this.roundToPrecision((t-e)/i*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:i}=this.container.getBoundingClientRect();return k(this.roundToPrecision((t-e)/i*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new Mr(Mr.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/ga(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
|
|
2181
2349
|
part="slider"
|
|
2182
2350
|
id="color-slider"
|
|
2183
2351
|
role="slider"
|
|
@@ -2192,7 +2360,7 @@
|
|
|
2192
2360
|
@keydown=${this.handleKeyDown}>
|
|
2193
2361
|
${this.type==="opacity"?l`<div
|
|
2194
2362
|
id="current-hue"
|
|
2195
|
-
style=${
|
|
2363
|
+
style=${_e({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
2196
2364
|
transparent 0%,
|
|
2197
2365
|
${this.color} 100%
|
|
2198
2366
|
)`})}></div>`:""}
|
|
@@ -2311,18 +2479,18 @@
|
|
|
2311
2479
|
position: absolute;
|
|
2312
2480
|
inset: 0 0 0 0;
|
|
2313
2481
|
}
|
|
2314
|
-
`],
|
|
2482
|
+
`],Ve([a({reflect:!0})],ne.prototype,"type",2),Ve([a()],ne.prototype,"color",2),Ve([a({type:Number})],ne.prototype,"min",2),Ve([a({type:Number})],ne.prototype,"max",2),Ve([a({type:Number})],ne.prototype,"precision",2),Ve([a({type:Boolean,reflect:!0})],ne.prototype,"vertical",2),Ve([a()],ne.prototype,"value",2),Ve([a({type:Boolean,reflect:!0})],ne.prototype,"disabled",2),ne=Ve([p("uui-color-slider")],ne);var Vp={grad:.9,turn:360,rad:360/(2*Math.PI)},Te=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},T=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=Math.pow(10,e)),Math.round(i*t)/i+0},ae=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=1),t>i?i:t>e?t:e},fl=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},bl=function(t){return{r:ae(t.r,0,255),g:ae(t.g,0,255),b:ae(t.b,0,255),a:ae(t.a)}},Jo=function(t){return{r:T(t.r),g:T(t.g),b:T(t.b),a:T(t.a,3)}},Tp=/^#([0-9a-f]{3,8})$/i,Nr=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},gl=function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=Math.max(e,i,o),n=s-Math.min(e,i,o),u=n?s===e?(i-o)/n:s===i?2+(o-e)/n:4+(e-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},ml=function(t){var e=t.h,i=t.s,o=t.v,r=t.a;e=e/360*6,i/=100,o/=100;var s=Math.floor(e),n=o*(1-i),u=o*(1-(e-s)*i),c=o*(1-(1-e+s)*i),h=s%6;return{r:255*[o,u,n,n,c,o][h],g:255*[c,o,o,u,n,n][h],b:255*[n,n,c,o,o,u][h],a:r}},_l=function(t){return{h:fl(t.h),s:ae(t.s,0,100),l:ae(t.l,0,100),a:ae(t.a)}},yl=function(t){return{h:T(t.h),s:T(t.s),l:T(t.l),a:T(t.a,3)}},xl=function(t){return ml((i=(e=t).s,{h:e.h,s:(i*=((o=e.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:e.a}));var e,i,o},Vi=function(t){return{h:(e=gl(t)).h,s:(r=(200-(i=e.s))*(o=e.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,i,o,r},Hp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,jp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Bp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Rp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,wl={string:[[function(t){var e=Tp.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?T(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?T(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Bp.exec(t)||Rp.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:bl({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=Hp.exec(t)||jp.exec(t);if(!e)return null;var i,o,r=_l({h:(i=e[1],o=e[2],o===void 0&&(o="deg"),Number(i)*(Vp[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return xl(r)},"hsl"]],object:[[function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=r===void 0?1:r;return Te(e)&&Te(i)&&Te(o)?bl({r:Number(e),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,i=t.s,o=t.l,r=t.a,s=r===void 0?1:r;if(!Te(e)||!Te(i)||!Te(o))return null;var n=_l({h:Number(e),s:Number(i),l:Number(o),a:Number(s)});return xl(n)},"hsl"],[function(t){var e=t.h,i=t.s,o=t.v,r=t.a,s=r===void 0?1:r;if(!Te(e)||!Te(i)||!Te(o))return null;var n=function(u){return{h:fl(u.h),s:ae(u.s,0,100),v:ae(u.v,0,100),a:ae(u.a)}}({h:Number(e),s:Number(i),v:Number(o),a:Number(s)});return ml(n)},"hsv"]]},$l=function(t,e){for(var i=0;i<e.length;i++){var o=e[i][0](t);if(o)return[o,e[i][1]]}return[null,void 0]},Fp=function(t){return typeof t=="string"?$l(t.trim(),wl.string):typeof t=="object"&&t!==null?$l(t,wl.object):[null,void 0]},es=function(t,e){var i=Vi(t);return{h:i.h,s:ae(i.s+100*e,0,100),l:i.l,a:i.a}},ts=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},El=function(t,e){var i=Vi(t);return{h:i.h,s:i.s,l:ae(i.l+100*e,0,100),a:i.a}},is=function(){function t(e){this.parsed=Fp(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return T(ts(this.rgba),2)},t.prototype.isDark=function(){return ts(this.rgba)<.5},t.prototype.isLight=function(){return ts(this.rgba)>=.5},t.prototype.toHex=function(){return e=Jo(this.rgba),i=e.r,o=e.g,r=e.b,n=(s=e.a)<1?Nr(T(255*s)):"","#"+Nr(i)+Nr(o)+Nr(r)+n;var e,i,o,r,s,n},t.prototype.toRgb=function(){return Jo(this.rgba)},t.prototype.toRgbString=function(){return e=Jo(this.rgba),i=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var e,i,o,r,s},t.prototype.toHsl=function(){return yl(Vi(this.rgba))},t.prototype.toHslString=function(){return e=yl(Vi(this.rgba)),i=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var e,i,o,r,s},t.prototype.toHsv=function(){return e=gl(this.rgba),{h:T(e.h),s:T(e.s),v:T(e.v),a:T(e.a,3)};var e},t.prototype.invert=function(){return He({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),He(es(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),He(es(this.rgba,-e))},t.prototype.grayscale=function(){return He(es(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),He(El(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),He(El(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?He({r:(i=this.rgba).r,g:i.g,b:i.b,a:e}):T(this.rgba.a,3);var i},t.prototype.hue=function(e){var i=Vi(this.rgba);return typeof e=="number"?He({h:e,s:i.s,l:i.l,a:i.a}):T(i.h)},t.prototype.isEqual=function(e){return this.toHex()===He(e).toHex()},t}(),He=function(t){return t instanceof is?t:new is(t)},Gp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Vr=(t,e,i,o)=>{for(var r=o>1?void 0:o?qp(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Gp(e,i,r),r};let $t=class extends be("label",Rt(zi(v))){constructor(){super(),this._value="",this.disabled=!1,this.showLabel=!1,this._color=null,this.addEventListener("click",this._setAriaAttributes)}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get color(){return this._color}set color(t){}get isLight(){var t,e;return(e=(t=this.color)==null?void 0:t.isLight())!=null?e:!1}_initializeColor(){var t;this._color=new is((t=this.value)!=null?t:""),this._color.isValid()||(this.disabled=!0,console.error(`Invalid color provided to uui-color-swatch: ${this.value}`))}_setAriaAttributes(){this.selectable&&this.setAttribute("aria-checked",this.selected.toString())}firstUpdated(){this._initializeColor(),this._setAriaAttributes()}willUpdate(t){t.has("value")&&this._initializeColor(),t.has("disabled")&&this.selectable&&(this.selectable=!this.disabled,this.deselectable=!this.disabled),(t.has("selectable")||t.has("selected"))&&this._setAriaAttributes()}render(){return l`
|
|
2315
2483
|
<button
|
|
2316
2484
|
id="swatch"
|
|
2317
2485
|
aria-label=${this.label}
|
|
2318
2486
|
aria-disabled="${this.disabled}"
|
|
2319
2487
|
title="${this.label}">
|
|
2320
2488
|
<div
|
|
2321
|
-
class=${
|
|
2489
|
+
class=${Sr({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}>
|
|
2322
2490
|
<div
|
|
2323
2491
|
class="color-swatch__color"
|
|
2324
|
-
style=${
|
|
2325
|
-
<div class="color-swatch__check">${
|
|
2492
|
+
style=${_e({backgroundColor:this.value})}></div>
|
|
2493
|
+
<div class="color-swatch__check">${Or}</div>
|
|
2326
2494
|
</div>
|
|
2327
2495
|
${this._renderWithLabel()}
|
|
2328
2496
|
</button>
|
|
@@ -2491,19 +2659,19 @@
|
|
|
2491
2659
|
white-space: nowrap;
|
|
2492
2660
|
box-sizing: border-box;
|
|
2493
2661
|
}
|
|
2494
|
-
`],
|
|
2662
|
+
`],Vr([a()],$t.prototype,"value",1),Vr([a({type:Boolean,reflect:!0})],$t.prototype,"disabled",2),Vr([a({type:Boolean,attribute:"show-label"})],$t.prototype,"showLabel",2),$t=Vr([p("uui-color-swatch")],$t);var Wp=Object.defineProperty,Pl=Object.getOwnPropertySymbols,Kp=Object.prototype.hasOwnProperty,Xp=Object.prototype.propertyIsEnumerable,Cl=(t,e,i)=>e in t?Wp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ol=(t,e)=>{for(var i in e||(e={}))Kp.call(e,i)&&Cl(t,i,e[i]);if(Pl)for(var i of Pl(e))Xp.call(e,i)&&Cl(t,i,e[i]);return t};class Zt extends z{constructor(e,i={}){super(e,Ol(Ol({},{bubbles:!0}),i))}}Zt.CHANGE="change";var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Tr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Zp(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Yp(e,i,r),r};let Et=class extends be("label",v){constructor(){super(),this.value="",this.disabled=!1,this._onSelected=t=>{const e=t.target;this.swatches.includes(e)&&(this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=e,this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.dispatchEvent(new Zt(Zt.CHANGE)))},this._onDeselected=t=>{const e=t.target;this.swatches.includes(e)&&(this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0,this.value="",this.dispatchEvent(new Zt(Zt.CHANGE))))},this.addEventListener(Je.SELECTED,this._onSelected),this.addEventListener(Je.DESELECTED,this._onDeselected)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}willUpdate(t){t.has("label")&&this.setAttribute("aria-label",this.label)}_handleSlotChange(){!this.swatches||this.swatches.length===0||this.swatches.forEach(t=>{var e;t.setAttribute("aria-checked","false"),t.setAttribute("role","radio"),this.disabled?t.setAttribute("disabled",""):t.setAttribute("selectable","selectable"),this.value!==""&&((e=t.color)!=null&&e.isEqual(this.value))&&(t.selected=!0,t.setAttribute("aria-checked","true"),this._selectedElement=t,this._activeElement=this._selectedElement)})}resetSelection(){this.swatches.forEach(t=>{t.selected=!1,t.active=!1,t.selectable=!t.disabled}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange=${this._handleSlotChange}></slot>`}};Et.styles=[d`
|
|
2495
2663
|
:host {
|
|
2496
2664
|
display: flex;
|
|
2497
2665
|
flex-wrap: wrap;
|
|
2498
2666
|
gap: 0.4rem;
|
|
2499
2667
|
}
|
|
2500
|
-
`],
|
|
2668
|
+
`],Tr([a()],Et.prototype,"value",2),Tr([a({type:Boolean,reflect:!0})],Et.prototype,"disabled",2),Tr([Qe({selector:"uui-color-swatch"})],Et.prototype,"swatches",2),Et=Tr([p("uui-color-swatches")],Et);var Qp=Object.defineProperty,zl=Object.getOwnPropertySymbols,Jp=Object.prototype.hasOwnProperty,e0=Object.prototype.propertyIsEnumerable,kl=(t,e,i)=>e in t?Qp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Sl=(t,e)=>{for(var i in e||(e={}))Jp.call(e,i)&&kl(t,i,e[i]);if(zl)for(var i of zl(e))e0.call(e,i)&&kl(t,i,e[i]);return t};class de extends z{constructor(e,i={}){super(e,Sl(Sl({},{bubbles:!0}),i))}}de.CHANGE="change",de.INNER_SLOT_CHANGE="inner-slot-change";var t0=Object.defineProperty,i0=Object.getOwnPropertyDescriptor,Pt=(t,e,i,o)=>{for(var r=o>1?void 0:o?i0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&t0(e,i,r),r};let we=class extends v{constructor(){super(...arguments),this.displayValue="",this._value="",this._onSlotChange=()=>{this._activeElement=void 0;for(let t=0;t<this._activeOptions.length;t++)t===0?this._activeElement=this._activeOptions[t]:this._activeOptions[t].active=!1;this._updateSelection(),this.dispatchEvent(new de(de.INNER_SLOT_CHANGE))},this._onSelected=t=>{this._selectedElement&&(this._selectedElement.selected=!1,this._selectedElement.active=!1,this._selectedElement=void 0),this._selectedElement=t.composedPath()[0],this._activeElement=this._selectedElement,this.value=this._selectedElement.value||"",this.displayValue=this._selectedElement.displayValue||"",this.dispatchEvent(new de(de.CHANGE))},this._onDeselected=t=>{const e=t.composedPath()[0];this._activeElement===e&&(this._activeElement=void 0),this._selectedElement===e&&(this.value="",this.displayValue="",this.dispatchEvent(new de(de.CHANGE)))},this._moveIndex=t=>{const e=Math.min(Math.max(this._getActiveIndex()+t,0),this._options.length-1);this._goToIndex(e)},this._onKeyDown=t=>{var e;if(!(this._options.length<=0))switch(t.key){case"ArrowUp":t.preventDefault(),t.ctrlKey?this._moveIndex(-10):this._moveIndex(-1);break;case"ArrowDown":t.preventDefault(),t.ctrlKey?this._moveIndex(10):this._moveIndex(1);break;case"Home":{t.preventDefault(),this._goToIndex(0);break}case"Enter":{t.preventDefault(),(e=this._activeElement)==null||e.click();break}case"End":{t.preventDefault(),this._goToIndex(this._options.length-1);break}}}}get value(){return this._value}set value(t){if(this._value===t)return;const e=this._value;this._value=t,this._updateSelection(),this.requestUpdate("value",e)}get for(){return this._for}set for(t){this._for&&this._for.removeEventListener("keydown",this._onKeyDown),this._for=t,this._for&&this._for.addEventListener("keydown",this._onKeyDown)}get _activeElement(){return this.__activeElement}set _activeElement(t){this.__activeElement&&(this.__activeElement.active=!1),t&&(t.active=!0,this.__activeElement=t)}connectedCallback(){super.connectedCallback(),this._for||(this._for=this),this.addEventListener(Je.SELECTED,this._onSelected),this.addEventListener(Je.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Je.SELECTED,this._onSelected),this.removeEventListener(Je.DESELECTED,this._onDeselected)}_updateSelection(){this.displayValue="";for(const t of this._options)t.value===this._value?(this.displayValue=t.displayValue||"",t.selected=!0):t.selected=!1}_getActiveIndex(){return this._activeElement?this._options.indexOf(this._activeElement):-1}_goToIndex(t){t=Math.min(Math.max(t,0),this._options.length-1),this._activeElement=this._options[t],this._activeElement&&this._activeElement.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}render(){return l` <slot @slotchange=${this._onSlotChange}></slot> `}};we.styles=[d`
|
|
2501
2669
|
:host {
|
|
2502
2670
|
display: flex;
|
|
2503
2671
|
flex-direction: column;
|
|
2504
2672
|
box-sizing: border-box;
|
|
2505
2673
|
}
|
|
2506
|
-
`],Pt([a()],we.prototype,"value",1),Pt([a({type:String})],we.prototype,"displayValue",2),Pt([a({attribute:!1})],we.prototype,"for",1),Pt([Qe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],we.prototype,"_options",2),Pt([Qe({flatten:!0,selector:"uui-combobox-list-option[active]"})],we.prototype,"_activeOptions",2),Pt([b()],we.prototype,"_value",2),we=Pt([p("uui-combobox-list")],we);var
|
|
2674
|
+
`],Pt([a()],we.prototype,"value",1),Pt([a({type:String})],we.prototype,"displayValue",2),Pt([a({attribute:!1})],we.prototype,"for",1),Pt([Qe({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],we.prototype,"_options",2),Pt([Qe({flatten:!0,selector:"uui-combobox-list-option[active]"})],we.prototype,"_activeOptions",2),Pt([b()],we.prototype,"_value",2),we=Pt([p("uui-combobox-list")],we);var r0=Object.defineProperty,o0=Object.getOwnPropertyDescriptor,Qt=(t,e,i,o)=>{for(var r=o>1?void 0:o?o0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&r0(e,i,r),r};let je=class extends Rt(zi(v)){constructor(){super(),this._disabled=!1,this._displayValue="",this.selectable=!0,this.deselectable=!1}get value(){var t;return this._value?this._value:((t=this.textContent)==null?void 0:t.trim())||""}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e)}get displayValue(){var t;return this._displayValue?this._displayValue:((t=this.textContent)==null?void 0:t.trim())||""}set displayValue(t){const e=this._displayValue;this._displayValue=t,this.requestUpdate("displayValue",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.selectable=!this._disabled,this.requestUpdate("disabled",e)}render(){return l`<slot></slot>`}};je.styles=[d`
|
|
2507
2675
|
:host {
|
|
2508
2676
|
position: relative;
|
|
2509
2677
|
cursor: pointer;
|
|
@@ -2572,7 +2740,7 @@
|
|
|
2572
2740
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2573
2741
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
2574
2742
|
}
|
|
2575
|
-
`],Qt([b()],
|
|
2743
|
+
`],Qt([b()],je.prototype,"_disabled",2),Qt([b()],je.prototype,"_displayValue",2),Qt([a({type:String})],je.prototype,"value",1),Qt([a({type:String,attribute:"display-value"})],je.prototype,"displayValue",1),Qt([a({type:Boolean,reflect:!0})],je.prototype,"disabled",1),je=Qt([p("uui-combobox-list-option")],je);var s0=Object.defineProperty,Il=Object.getOwnPropertySymbols,n0=Object.prototype.hasOwnProperty,a0=Object.prototype.propertyIsEnumerable,Al=(t,e,i)=>e in t?s0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Dl=(t,e)=>{for(var i in e||(e={}))n0.call(e,i)&&Al(t,i,e[i]);if(Il)for(var i of Il(e))a0.call(e,i)&&Al(t,i,e[i]);return t};class Y extends z{constructor(e,i={}){super(e,Dl(Dl({},{bubbles:!0}),i))}}Y.SEARCH="search",Y.CHANGE="change";var l0=Object.defineProperty,u0=Object.getOwnPropertyDescriptor,pe=(t,e,i,o)=>{for(var r=o>1?void 0:o?u0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&l0(e,i,r),r};let W=class extends ge(v){constructor(){super(...arguments),this.open=!1,this.closeLabel="Close",this.disabled=!1,this._displayValue="",this._search="",this._isPhone=!1,this._onPhoneChange=()=>{this._isPhone=this.phoneMediaQuery.matches},this._onMouseDown=()=>requestAnimationFrame(()=>this._input.focus()),this._onBlur=()=>requestAnimationFrame(()=>{var t;(t=this.shadowRoot)!=null&&t.activeElement||this._onClose()}),this._onInput=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.search=t.target.value,this.dispatchEvent(new Y(Y.SEARCH)),this._open()},this._onSlotChange=()=>{var t;this.value&&this.value!==((t=this._comboboxList)==null?void 0:t.value)&&this._updateValue(this.value)},this._onChange=()=>{var t;this.value=((t=this._comboboxList)==null?void 0:t.value)||"",this.search=this.value?this.search:"",this._onClose(),this.dispatchEvent(new Y(Y.CHANGE))},this._open=()=>{this.open||(this.open=!0)},this._onClose=()=>{this.open&&(this.open=!1,this.search="",this._input.value=this._displayValue,this.dispatchEvent(new Y(Y.SEARCH)))},this._onKeyDown=t=>{this.open===!1&&t.key==="Enter"&&(t.preventDefault(),t.stopImmediatePropagation()),(t.key==="ArrowUp"||t.key==="ArrowDown")&&this._open(),(t.key==="Escape"||t.key==="Enter")&&this._onClose()},this._onClear=t=>{t.key&&t.key!=="Enter"||(t.preventDefault(),t.stopImmediatePropagation(),this.value="",this.search="",this._input.value=this._displayValue,this._input.focus(),this.dispatchEvent(new Y(Y.SEARCH)),this.dispatchEvent(new Y(Y.CHANGE)))},this._renderInput=()=>l` <uui-input
|
|
2576
2744
|
slot="trigger"
|
|
2577
2745
|
id="combobox-input"
|
|
2578
2746
|
label="combobox-input"
|
|
@@ -2596,12 +2764,12 @@
|
|
|
2596
2764
|
slot="append"
|
|
2597
2765
|
compact
|
|
2598
2766
|
style="height: 100%;">
|
|
2599
|
-
<uui-icon name="remove" .fallback=${
|
|
2767
|
+
<uui-icon name="remove" .fallback=${ma.strings[0]}></uui-icon>
|
|
2600
2768
|
</uui-button>`:"",this._renderDropdown=()=>l`<div id="dropdown" slot="popover">
|
|
2601
2769
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
2602
2770
|
<slot></slot>
|
|
2603
2771
|
</uui-scroll-container>
|
|
2604
|
-
</div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),y(this,"uui-icon"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-combobox-list"),y(this,"uui-scroll-container"),y(this,"uui-popover")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery.removeEventListener("change",this._onPhoneChange)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(
|
|
2772
|
+
</div>`}get value(){return this._value}set value(t){typeof t=="string"&&this._updateValue(t),super.value=t}get search(){return this._search}set search(t){if(this.search===t)return;const e=this._search;this._search=t,this.requestUpdate("search",e)}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",this._onBlur),this.addEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery=window.matchMedia("(max-width: 600px)"),this._onPhoneChange(),this.phoneMediaQuery.addEventListener("change",this._onPhoneChange),y(this,"uui-icon"),y(this,"uui-input"),y(this,"uui-button"),y(this,"uui-combobox-list"),y(this,"uui-scroll-container"),y(this,"uui-popover")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this._onBlur),this.removeEventListener("mousedown",this._onMouseDown),this.phoneMediaQuery.removeEventListener("change",this._onPhoneChange)}async firstUpdated(){var t;const e=(t=this._comboboxListElements)==null?void 0:t[0];e&&(this._comboboxList=e,this._comboboxList.for=this,this._comboboxList.addEventListener(de.CHANGE,this._onChange),this._comboboxList.addEventListener(de.INNER_SLOT_CHANGE,this._onSlotChange),await this.updateComplete,this._updateValue(this.value))}_updateValue(t){this._comboboxList&&(this._comboboxList.value=t,requestAnimationFrame(()=>this._displayValue=this._comboboxList.displayValue||""))}getFormElement(){return this._input}render(){return this._isPhone&&this.open?l` <div id="phone-wrapper">
|
|
2605
2773
|
<uui-button label="close" look="primary" @click=${this._onClose}>
|
|
2606
2774
|
${this.closeLabel}
|
|
2607
2775
|
</uui-button>
|
|
@@ -2613,7 +2781,7 @@
|
|
|
2613
2781
|
@close=${()=>this._onClose()}>
|
|
2614
2782
|
${this._renderInput()} ${this._renderDropdown()}
|
|
2615
2783
|
</uui-popover>
|
|
2616
|
-
`}};
|
|
2784
|
+
`}};W.styles=[d`
|
|
2617
2785
|
:host {
|
|
2618
2786
|
display: inline-block;
|
|
2619
2787
|
}
|
|
@@ -2681,7 +2849,7 @@
|
|
|
2681
2849
|
#phone-wrapper #scroll-container {
|
|
2682
2850
|
max-height: unset;
|
|
2683
2851
|
}
|
|
2684
|
-
`],
|
|
2852
|
+
`],pe([a({attribute:"value",reflect:!0})],W.prototype,"value",1),pe([a({type:String})],W.prototype,"search",1),pe([a({type:Boolean})],W.prototype,"open",2),pe([a({type:String})],W.prototype,"closeLabel",2),pe([a({type:Boolean,reflect:!0})],W.prototype,"disabled",2),pe([O("#combobox-input")],W.prototype,"_input",2),pe([Qe({flatten:!0,selector:"uui-combobox-list"})],W.prototype,"_comboboxListElements",2),pe([b()],W.prototype,"_displayValue",2),pe([b()],W.prototype,"_search",2),pe([b()],W.prototype,"_isPhone",2),W=pe([p("uui-combobox")],W);var c0=Object.defineProperty,h0=Object.getOwnPropertyDescriptor,rs=(t,e,i,o)=>{for(var r=o>1?void 0:o?h0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&c0(e,i,r),r};let Jt=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}renderHeadline(){return l` <h3
|
|
2685
2853
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
2686
2854
|
${this.headline}
|
|
2687
2855
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
@@ -2699,7 +2867,7 @@
|
|
|
2699
2867
|
justify-content: end;
|
|
2700
2868
|
gap: var(--uui-size-4,12px);
|
|
2701
2869
|
}
|
|
2702
|
-
`],
|
|
2870
|
+
`],rs([a({type:String})],Jt.prototype,"headline",2),rs([b()],Jt.prototype,"_headlineSlotHasContent",2),Jt=rs([p("uui-dialog-layout")],Jt);var d0=Object.defineProperty,p0=Object.getOwnPropertyDescriptor,v0=(t,e,i,o)=>{for(var r=o>1?void 0:o?p0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&d0(e,i,r),r};let Hr=class extends v{render(){return l`<slot></slot>`}};Hr.styles=[d`
|
|
2703
2871
|
:host {
|
|
2704
2872
|
position: relative;
|
|
2705
2873
|
display: block;
|
|
@@ -2717,7 +2885,7 @@
|
|
|
2717
2885
|
calc(var(--uui-border-radius,3px) * 2)
|
|
2718
2886
|
);
|
|
2719
2887
|
}
|
|
2720
|
-
`],
|
|
2888
|
+
`],Hr=v0([p("uui-dialog")],Hr);var f0=Object.defineProperty,Ul=Object.getOwnPropertySymbols,b0=Object.prototype.hasOwnProperty,g0=Object.prototype.propertyIsEnumerable,Ll=(t,e,i)=>e in t?f0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ml=(t,e)=>{for(var i in e||(e={}))b0.call(e,i)&&Ll(t,i,e[i]);if(Ul)for(var i of Ul(e))g0.call(e,i)&&Ll(t,i,e[i]);return t};class ei extends z{constructor(e,i={}){super(e,Ml(Ml({},{bubbles:!0}),i))}}ei.CHANGE="change";var m0=Object.defineProperty,_0=Object.getOwnPropertyDescriptor,Ti=(t,e,i,o)=>{for(var r=o>1?void 0:o?_0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&m0(e,i,r),r};let et=class extends be("",v){constructor(){super(),this._acceptedFileExtensions=[],this._acceptedMimeTypes=[],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(t){if(t){const e=[],i=[];t.split(",").forEach(o=>{o=o.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(o)?e.push(o):i.push(o.replace(/^\./,""))}),this._acceptedMimeTypes=e,this._acceptedFileExtensions=i}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[]}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(t){const e=[],i=[...t];for(;i.length>0;){const o=i.shift();if(o.kind==="file"){const r=o.getAsFile();if(!r)continue;this._isAccepted(r)&&e.push(r)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const r=o.webkitGetAsEntry();i.push(...await this._readAllDirectoryEntries(r.createReader()))}}return e}async _readAllDirectoryEntries(t){const e=[];let i=await this._readEntriesPromise(t);for(;i.length>0;)e.push(...i),i=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){return new Promise((e,i)=>{try{t.readEntries(e,i)}catch(o){console.log(o),i(o)}})}_isAccepted(t){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const e=t.type.toLowerCase(),i=t.name.split(".").pop();if(i&&this._acceptedFileExtensions.includes(i.toLowerCase()))return!0;for(const o in this._acceptedMimeTypes){if(e===o)return!0;if(o.endsWith("/*")&&e.startsWith(o.replace("/*","")))return!0}return!1}async _onDrop(t){var e;t.preventDefault(),this._dropzone.classList.remove("hover");const i=(e=t.dataTransfer)==null?void 0:e.items;if(i){let o=await this._getAllFileEntries(i);this.multiple===!1&&o.length&&(o=[o[0]]),this.dispatchEvent(new ei(ei.CHANGE,{detail:{files:o}}))}}_onDragOver(t){t.preventDefault()}_onDragEnter(t){this._dropzone.classList.add("hover"),t.preventDefault()}_onDragLeave(t){this._dropzone.classList.remove("hover"),t.preventDefault()}_onFileInputChange(){const t=this._input.files?Array.from(this._input.files):[];this.dispatchEvent(new ei(ei.CHANGE,{detail:{files:t}}))}render(){return l`
|
|
2721
2889
|
<div id="dropzone">
|
|
2722
2890
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
2723
2891
|
${this.renderLabel()}
|
|
@@ -2769,27 +2937,27 @@
|
|
|
2769
2937
|
opacity: 0;
|
|
2770
2938
|
display: none;
|
|
2771
2939
|
}
|
|
2772
|
-
`],
|
|
2940
|
+
`],Ti([O("#input")],et.prototype,"_input",2),Ti([O("#dropzone")],et.prototype,"_dropzone",2),Ti([a({type:String})],et.prototype,"accept",1),Ti([a({type:Boolean})],et.prototype,"multiple",2),et=Ti([p("uui-file-dropzone")],et);class y0{static humanFileSize(e,i=!1,o=1){const r=i?1e3:1024;if(Math.abs(e)<r)return e+" B";const s=i?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let n=-1;const u=10**o;do e/=r,++n;while(Math.round(Math.abs(e)*u)/u>=r&&n<s.length-1);return e.toFixed(o)+" "+s[n]}}var x0=Object.defineProperty,w0=Object.getOwnPropertyDescriptor,$e=(t,e,i,o)=>{for(var r=o>1?void 0:o?w0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&x0(e,i,r),r};let Z=class extends v{constructor(){super(...arguments),this._name="",this._url="",this._extension="",this._src="",this._size=0,this._isDirectory=!1}get file(){return this._file}set file(t){const e=this._file;t instanceof File&&(this._name=t.name.split(".")[0],this._extension=t.name.split(".")[1],this._isDirectory=!1,this._size=t.size,this._isFileAnImage(t)&&(this._isImage=!0,this._getThumbnail(t).then(i=>{this._src=i})),this.requestUpdate("file",e))}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-thumbnail"),y(this,"uui-symbol-folder"),y(this,"uui-symbol-file")}_openSource(){window.open(this._url,"_blank")}_fileTypeTemplate(){return this._isDirectory?l`<uui-symbol-folder id="file-symbol"></uui-symbol-folder>`:this._isImage?l`<uui-symbol-file-thumbnail
|
|
2773
2941
|
.src=${this._src}
|
|
2774
2942
|
.alt=${this._name}
|
|
2775
2943
|
id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file
|
|
2776
2944
|
id="file-symbol"
|
|
2777
|
-
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),
|
|
2945
|
+
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),i=this._name.substring(this._name.length-6,this._name.length);return l`
|
|
2778
2946
|
<span
|
|
2779
2947
|
id="file-name"
|
|
2780
2948
|
class=${this._url?"has-source":""}
|
|
2781
2949
|
@click=${()=>this._url?this._openSource():""}
|
|
2782
2950
|
@keydown=${()=>""}>
|
|
2783
2951
|
<span id="file-name-start">${e}</span>
|
|
2784
|
-
<span id="file-name-end">${
|
|
2952
|
+
<span id="file-name-end">${i}</span>
|
|
2785
2953
|
</span>
|
|
2786
|
-
`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const
|
|
2954
|
+
`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const i=new FileReader;i.readAsDataURL(t),i.onload=()=>{e(i.result)}})}render(){return l`
|
|
2787
2955
|
<slot id="actions" name="actions"></slot>
|
|
2788
2956
|
${this._fileTypeTemplate()}
|
|
2789
2957
|
<div id="file-info">
|
|
2790
2958
|
${this._renderLongName()}
|
|
2791
2959
|
<span id="file-size">
|
|
2792
|
-
${this._size&&!this._isDirectory?l`${
|
|
2960
|
+
${this._size&&!this._isDirectory?l`${y0.humanFileSize(this._size,!0)}`:""}
|
|
2793
2961
|
</span>
|
|
2794
2962
|
</div>
|
|
2795
2963
|
`}};Z.styles=[d`
|
|
@@ -2860,7 +3028,7 @@
|
|
|
2860
3028
|
text-decoration: underline;
|
|
2861
3029
|
cursor: pointer;
|
|
2862
3030
|
}
|
|
2863
|
-
`]
|
|
3031
|
+
`],$e([b()],Z.prototype,"_name",2),$e([b()],Z.prototype,"_url",2),$e([b()],Z.prototype,"_extension",2),$e([b()],Z.prototype,"_src",2),$e([b()],Z.prototype,"_size",2),$e([b()],Z.prototype,"_isDirectory",2),$e([b()],Z.prototype,"_file",2),$e([b()],Z.prototype,"_isImage",2),$e([a({attribute:!1})],Z.prototype,"file",1),Z=$e([p("uui-file-preview")],Z);var $0=Object.defineProperty,E0=Object.getOwnPropertyDescriptor,jr=(t,e,i,o)=>{for(var r=o>1?void 0:o?E0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&$0(e,i,r),r};let Ct=class extends v{constructor(){super(...arguments),this.description=null,this._labelSlotHasContent=!1,this._labelSlotChanged=t=>{this._labelSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._descriptionSlotHasContent=!1,this._descriptionSlotChanged=t=>{this._descriptionSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}connectedCallback(){super.connectedCallback(),y(this,"uui-form-validation-message")}render(){return l`
|
|
2864
3032
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
2865
3033
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
2866
3034
|
</div>
|
|
@@ -2895,25 +3063,25 @@
|
|
|
2895
3063
|
margin-top: -8px;
|
|
2896
3064
|
min-height: 8px;
|
|
2897
3065
|
}
|
|
2898
|
-
`],
|
|
3066
|
+
`],jr([a({type:String})],Ct.prototype,"description",2),jr([b()],Ct.prototype,"_labelSlotHasContent",2),jr([b()],Ct.prototype,"_descriptionSlotHasContent",2),Ct=jr([p("uui-form-layout-item")],Ct);/**
|
|
2899
3067
|
* @license
|
|
2900
3068
|
* Copyright 2017 Google LLC
|
|
2901
3069
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2902
|
-
*/const
|
|
3070
|
+
*/const Nl=(t,e,i)=>{const o=new Map;for(let r=e;r<=i;r++)o.set(t[r],r);return o},os=Wt(class extends Kt{constructor(t){if(super(t),t.type!==he.CHILD)throw Error("repeat() can only be used in text expressions")}ct(t,e,i){let o;i===void 0?i=e:e!==void 0&&(o=e);const r=[],s=[];let n=0;for(const u of t)r[n]=o?o(u,n):n,s[n]=i(u,n),n++;return{values:s,keys:r}}render(t,e,i){return this.ct(t,e,i).values}update(t,[e,i,o]){var r;const s=gp(t),{values:n,keys:u}=this.ct(e,i,o);if(!Array.isArray(s))return this.ut=u,n;const c=(r=this.ut)!==null&&r!==void 0?r:this.ut=[],h=[];let f,_,g=0,x=s.length-1,w=0,E=n.length-1;for(;g<=x&&w<=E;)if(s[g]===null)g++;else if(s[x]===null)x--;else if(c[g]===u[w])h[w]=wt(s[g],n[w]),g++,w++;else if(c[x]===u[E])h[E]=wt(s[x],n[E]),x--,E--;else if(c[g]===u[E])h[E]=wt(s[g],n[E]),Mi(t,h[E+1],s[g]),g++,E--;else if(c[x]===u[w])h[w]=wt(s[x],n[w]),Mi(t,s[g],s[x]),x--,w++;else if(f===void 0&&(f=Nl(u,w,E),_=Nl(c,g,x)),f.has(c[g]))if(f.has(c[x])){const R=_.get(u[w]),Se=R!==void 0?s[R]:null;if(Se===null){const Ie=Mi(t,s[g]);wt(Ie,n[w]),h[w]=Ie}else h[w]=wt(Se,n[w]),Mi(t,s[g],Se),s[R]=null;w++}else Ko(s[x]),x--;else Ko(s[g]),g++;for(;w<=E;){const R=Mi(t,h[E+1]);wt(R,n[w]),h[w++]=R}for(;g<=x;){const R=s[g++];R!==null&&Ko(R)}return this.ut=u,Za(t,h),G}});var P0=Object.defineProperty,C0=Object.getOwnPropertyDescriptor,Vl=(t,e,i,o)=>{for(var r=o>1?void 0:o?C0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&P0(e,i,r),r};let Hi=class extends v{constructor(){super(),this._for=null,this._messages=new Map,this._onControlInvalid=t=>{const e=t.composedPath()[0];e.pristine===!1?this._messages.set(e,e.validationMessage):this._messages.delete(e),this.requestUpdate()},this._onControlValid=t=>{const e=t.composedPath()[0];this._messages.delete(e),this.requestUpdate()},this.for===null&&(this.for=this)}get for(){return this._for}set for(t){let e=null;if(typeof t=="string"){const r=this.getRootNode();e=r?.getElementById(t)}const i=e||this,o=this._for;o!==i&&(o!==null&&(o.removeEventListener(Gt.INVALID,this._onControlInvalid),o.removeEventListener(Gt.VALID,this._onControlValid)),this._for=i,this._for.addEventListener(Gt.INVALID,this._onControlInvalid),this._for.addEventListener(Gt.VALID,this._onControlValid))}render(){return l`
|
|
2903
3071
|
<slot></slot>
|
|
2904
3072
|
<div id="messages">
|
|
2905
|
-
${
|
|
3073
|
+
${os(this._messages,t=>l`<div>${t[1]}</div>`)}
|
|
2906
3074
|
<slot name="message"></slot>
|
|
2907
3075
|
</div>
|
|
2908
|
-
`}};
|
|
3076
|
+
`}};Hi.styles=[d`
|
|
2909
3077
|
#messages {
|
|
2910
3078
|
color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
2911
3079
|
}
|
|
2912
|
-
`],
|
|
3080
|
+
`],Vl([a({reflect:!1,attribute:!0})],Hi.prototype,"for",1),Hi=Vl([p("uui-form-validation-message")],Hi);var O0=Object.defineProperty,z0=Object.getOwnPropertyDescriptor,k0=(t,e,i,o)=>{for(var r=o>1?void 0:o?z0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&O0(e,i,r),r};let ss=class extends v{constructor(){super(...arguments),this._formElement=null}getFormElement(){return this._formElement}_onSlotChanged(t){this._formElement&&(this._formElement.removeEventListener("submit",this._onSubmit),this._formElement.removeEventListener("reset",this._onReset));const e=t.target.assignedNodes({flatten:!0}).filter(i=>i instanceof HTMLFormElement);this._formElement=e.length>0?e[0]:null,this._formElement&&(this._formElement.setAttribute("novalidate",""),this._formElement.addEventListener("submit",this._onSubmit),this._formElement.addEventListener("reset",this._onReset))}_onSubmit(t){if(t.target===null)return;const e=t.target;if(!e.checkValidity()){e.setAttribute("submit-invalid","");return}e.removeAttribute("submit-invalid")}_onReset(t){t.target!==null&&t.target.removeAttribute("submit-invalid")}render(){return l`<slot @slotchange=${this._onSlotChanged}></slot>`}};ss=k0([p("uui-form")],ss);/**
|
|
2913
3081
|
* @license
|
|
2914
3082
|
* Copyright 2017 Google LLC
|
|
2915
3083
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2916
|
-
*/class
|
|
3084
|
+
*/class ns extends Kt{constructor(e){if(super(e),this.et=$,e.type!==he.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===$||e==null)return this.ft=void 0,this.et=e;if(e===G)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 i=[e];return i.raw=i,this.ft={_$litType$:this.constructor.resultType,strings:i,values:[]}}}ns.directiveName="unsafeHTML",ns.resultType=1;const as=Wt(ns);var S0=Object.defineProperty,Tl=Object.getOwnPropertySymbols,I0=Object.prototype.hasOwnProperty,A0=Object.prototype.propertyIsEnumerable,Hl=(t,e,i)=>e in t?S0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,jl=(t,e)=>{for(var i in e||(e={}))I0.call(e,i)&&Hl(t,i,e[i]);if(Tl)for(var i of Tl(e))A0.call(e,i)&&Hl(t,i,e[i]);return t};class ti extends z{constructor(e,i={}){super(e,jl(jl({},{bubbles:!0,composed:!0}),i)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}ti.ICON_REQUEST="icon-request";var D0=Object.defineProperty,U0=Object.getOwnPropertyDescriptor,Ot=(t,e,i,o)=>{for(var r=o>1?void 0:o?U0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&D0(e,i,r),r};let Ee=class extends v{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(t){this._name=t,this.shadowRoot&&this.requestIcon()}requestIcon(){if(this._name!==""&&this._name!==null){const t=new ti(ti.ICON_REQUEST,{detail:{iconName:this._name}});this.dispatchEvent(t),t.icon!==null?(this._retrievedNameIcon=!0,t.icon.then(e=>{this._useFallback=!1,this._nameSvg=e})):(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?l`<slot name="fallback"></slot>`:as(this.fallback):this._nameSvg!==null?as(this._nameSvg):this.svg!==null?as(this.svg):l`<slot></slot>`}};Ee.styles=[d`
|
|
2917
3085
|
:host {
|
|
2918
3086
|
display: inline-block;
|
|
2919
3087
|
vertical-align: bottom;
|
|
@@ -2933,20 +3101,20 @@
|
|
|
2933
3101
|
:host-context(div[slot='append']) {
|
|
2934
3102
|
margin-right: var(--uui-size-2, 6px);
|
|
2935
3103
|
}
|
|
2936
|
-
`],Ot([b()]
|
|
3104
|
+
`],Ot([b()],Ee.prototype,"_nameSvg",2),Ot([a()],Ee.prototype,"label",2),Ot([a()],Ee.prototype,"name",1),Ot([a({attribute:!1})],Ee.prototype,"svg",2),Ot([a({attribute:!1})],Ee.prototype,"fallback",2),Ot([b()],Ee.prototype,"_useFallback",2),Ee=Ot([p("uui-icon")],Ee);class ls{constructor(e){this.promise=new Promise((i,o)=>{this.resolve=i,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class us{constructor(){this.icons={},this._onIconRequest=e=>{const i=this.getIcon(e.detail.iconName);i!==null&&e.acceptRequest(i)}}attach(e){e.addEventListener(ti.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(ti.ICON_REQUEST,this._onIconRequest)}defineIcon(e,i){if(this.icons[e]){this.icons[e].svg=i;return}this.icons[e]=new ls(i)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new ls}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var L0=Object.defineProperty,M0=Object.getOwnPropertyDescriptor,Bl=(t,e,i,o)=>{for(var r=o>1?void 0:o?M0(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&L0(e,i,r),r};let ji=class extends v{constructor(){super(),this._icons={},this._registry=new us,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,i])=>this._registry.defineIcon(e,i))}get registry(){return this._registry}set registry(t){this.registry&&this.registry.detach(this),t.attach(this),this._registry=t}render(){return l`<slot></slot>`}};Bl([a({attribute:!1})],ji.prototype,"_icons",2),ji=Bl([p("uui-icon-registry")],ji);const N0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M420.592 214.291H296.104V89.804h-83.102v124.487H88.518v83.104h124.484v124.488h83.102V297.395h124.488z"/></svg>`,V0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M255.399 66.934L36.38 444.893h438.036L255.399 66.934zm22.094 331.988h-46.29v-44.743h46.29v44.743zm-11.458-63.166h-23.068l-12.849-106.419v-57.846h48.458v57.846l-12.541 106.419z"/></svg>`,T0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M127.286 449.816c-21.564.006-43.317-8.494-59.885-25.062-16.578-16.575-25.083-38.336-25.079-59.897-.029-20.296 7.623-40.755 23.034-56.14l3.539-3.539 212.559-212.57c20.227-20.255 47.082-30.304 73.852-30.267 28.454-.012 57.219 11.208 79.179 33.159 21.937 21.949 33.153 50.698 33.147 79.151.028 26.779-10.016 53.627-30.268 73.865l-178.45 178.453-13.28 13.277-26.56-26.559 191.738-191.733c12.842-12.871 19.229-29.708 19.259-47.303-.004-18.645-7.323-37.759-22.152-52.592-14.834-14.838-33.958-22.152-52.613-22.165-17.588.034-34.423 6.418-47.284 19.266L95.447 331.734l-3.536 3.537c-8.011 8.031-11.994 18.482-12.029 29.585.014 11.761 4.614 23.877 14.079 33.345 9.455 9.446 21.562 14.043 33.326 14.056 11.102-.034 21.551-4.014 29.587-12.026l150.412-150.404 12.596-12.595c3.018-3.04 4.521-6.906 4.549-11.331 0-4.666-1.817-9.57-5.722-13.476-3.914-3.916-8.819-5.726-13.48-5.739-4.425.038-8.283 1.542-11.328 4.564L155.27 349.882l-26.561-26.56L267.33 184.703c10.408-10.44 24.289-15.604 37.897-15.57 14.468-.012 29.01 5.704 40.049 16.739 11.007 11.025 16.72 25.554 16.72 40.029.029 13.599-5.129 27.479-15.559 37.89l-12.601 12.595-150.41 150.41c-15.365 15.377-35.768 23.025-56.022 23.021l-.118-.001z"/></svg>`,H0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M475.88 151.615c-.583-.961-10.257-17.833-29.675-35.154-19.305-17.239-49.226-35.216-88.641-35.21-39.424-.02-69.047 18.022-87.958 35.329a162.852 162.852 0 0 0-14.814 15.459 167.873 167.873 0 0 0-15.325-15.578c-19.302-17.239-49.225-35.216-88.635-35.21-39.428-.02-69.049 18.022-87.962 35.329-19.041 17.4-28.3 34.322-28.873 35.328l-1.991 7.796v254.56l30.49 7.78.066.039c.423-.818 8.621-14.927 23.664-28.167 15.169-13.298 36.324-25.537 64.605-25.557 29.166.006 51.354 13.121 66.996 26.975a134.425 134.425 0 0 1 17.578 19.031 110.554 110.554 0 0 1 4.313 6.109 52.672 52.672 0 0 1 1.176 1.876l.008.006.006-.002c2.808 4.888 8.066 8.192 14.113 8.192 6.155 0 11.507-3.421 14.271-8.464h.002l.025-.049.008-.014c.617-1.129 8.778-15.029 23.632-28.104 15.169-13.298 36.327-25.537 64.603-25.557 29.178.006 51.36 13.121 67.002 26.975 7.752 6.894 13.677 13.88 17.576 19.031a110.974 110.974 0 0 1 4.312 6.109c.463.707.792 1.241.984 1.562.092.155.163.263.192.314l.004.006.029-.012 30.37-8.081v-254.56l-2.151-8.087zM150.832 335.806h-.062c-38.245 0-67.258 16.996-86.213 33.819V164.279c3.311-5.068 10.654-15.229 21.67-24.919 15.169-13.31 36.324-25.539 64.605-25.559 29.166 0 51.354 13.122 66.996 26.974a134.046 134.046 0 0 1 17.578 19.03 108.111 108.111 0 0 1 3.338 4.655v205.933c-19.321-17.044-48.976-34.587-87.912-34.587zm294.652 34.57c-19.324-17.04-48.99-34.57-87.92-34.57-38.292-.018-67.307 17.006-86.275 33.849V164.289c3.305-5.058 10.639-15.217 21.673-24.929 15.169-13.31 36.327-25.539 64.603-25.559 29.178 0 51.36 13.122 67.002 26.974 7.752 6.891 13.677 13.875 17.576 19.03a110.27 110.27 0 0 1 3.342 4.651v205.92z"/></svg>`,j0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M342.391 352.428h-44.879v44.865h44.879v-44.865zm-63.234-120.071h-44.849v44.853h44.849v-44.853zm63.234 60.034h-44.879v44.859h44.879v-44.859zm63.174-60.034h-44.854v44.853h44.854v-44.853zm-126.408 60.034h-44.849v44.859h44.849v-44.859zm63.234-60.034h-44.879v44.853h44.879v-44.853zm63.174 60.034h-44.854v44.859h44.854v-44.859zm-252.803 60.037h-44.856v44.865h44.856v-44.865zm0-60.037h-44.856v44.859h44.856v-44.859zM394.024 74.208v19.691c7.737 6.847 12.642 16.825 12.642 27.969 0 20.634-16.732 37.367-37.369 37.367-20.642 0-37.367-16.733-37.367-37.367 0-11.147 4.903-21.124 12.643-27.969V74.208H169.97v19.691c7.739 6.847 12.643 16.825 12.643 27.969 0 20.634-16.732 37.367-37.369 37.367-20.64 0-37.367-16.733-37.367-37.367 0-11.147 4.904-21.124 12.642-27.969V74.208h-83.27v397.644h436.668V74.208h-79.893zm40.011 357.759H77.131V183.544h356.904v248.423zm-218.047-199.61h-44.881v44.853h44.881v-44.853zm0 120.071h-44.881v44.865h44.881v-44.865zm63.169 0h-44.849v44.865h44.849v-44.865zm-63.169-60.037h-44.881v44.859h44.881v-44.859zM145.245 143.64c10.273 0 18.603-8.326 18.603-18.599V58.035c0-10.267-8.329-18.6-18.603-18.6-10.274 0-18.602 8.333-18.602 18.6v67.006c0 10.272 8.328 18.599 18.602 18.599zm224.054 0c10.272 0 18.601-8.326 18.601-18.599V58.035c0-10.267-8.328-18.6-18.601-18.6-10.274 0-18.604 8.333-18.604 18.6v67.006c0 10.272 8.329 18.599 18.604 18.599z"/></svg>`,B0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2937
3105
|
<path d="M461.884 68.14c-132.601 81.297-228.817 183.87-272.048 235.345l-105.874-82.95-46.751 37.691 182.941 186.049c31.485-80.646 131.198-238.264 252.956-350.252L461.884 68.14z"/>
|
|
2938
|
-
</svg>`,j0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,B0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,R0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,F0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,G0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,W0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg>`,q0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,K0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,X0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,Y0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,Z0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"/></svg>`,Q0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,J0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,e1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,t1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,r1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,i1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,o1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,s1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,n1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,a1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,l1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,u1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,c1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,h1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,d1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,p1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
3106
|
+
</svg>`,R0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.295 95.092h-68.479a54.17 54.17 0 00.097-3.321c0-30.805-24.948-55.743-55.722-55.743-30.803 0-55.756 24.938-55.756 55.743 0 1.112.065 2.208.098 3.321h-68.446v57.766h248.208V95.092zm-124.104 21.76c-13.865-.033-25.049-11.232-25.079-25.081.03-13.862 11.214-25.081 25.079-25.1 13.834.019 25.083 11.237 25.083 25.1 0 13.848-11.249 25.047-25.083 25.081zm149.053 13.787v48.676H107.172v-48.676H79.537v345.078h353.307V130.639h-27.6z"/></svg>`,F0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M38.299 255.395l137.255-137.248 46.782 46.789-90.458 90.459 90.458 90.46-46.782 46.792L38.299 255.395zm248.467 90.46l90.466-90.46-72.028-72.026-18.431-18.433 46.788-46.791 18.436 18.438L470.81 255.395 333.561 392.647l-46.795-46.792z"/></svg>`,G0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.5 78.244l-26.472-26.473c-16.867-16.868-44.216-16.865-61.083.003l-61.466 61.468-29.702-29.699-58.764 58.763 24.501 24.499L79.748 334.573C68.761 345.557 62.6 359.972 61.767 374.81l-9.766 9.764c-20.867 20.881-20.863 54.838.002 75.704 10.106 10.108 23.548 15.679 37.85 15.679 14.297 0 27.733-5.568 37.847-15.67l9.758-9.765c15.211-.821 29.394-7.139 40.248-17.99l167.771-167.767 24.493 24.495 58.765-58.764-29.698-29.699 61.465-61.466c16.87-16.869 16.87-44.218-.002-61.087zM150.574 405.398a23.298 23.298 0 01-16.532 6.846c-3.501 0-7.007-.782-10.231-2.343v.007l-23.242 23.236a15.092 15.092 0 01-10.716 4.439 15.1 15.1 0 01-10.715-4.439c-5.919-5.922-5.919-15.516-.002-21.436l23.233-23.238.008-.004c-4.226-8.725-2.741-19.518 4.503-26.761l167.769-167.768 43.695 43.693-167.77 167.768z"></path></svg>`,q0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M243.47 64.86l-7.335-7.333H36.725V474.23h298.07V156.187l-7.332-7.335L243.47 64.86zm66.287 384.329H61.761V82.566h141.615c37.203 0 19.276 88.18 19.276 88.18s86-20.9 87.104 18.53v259.913zm157.051-330.866l-81.266-81.268H258.938l25.043 25.038h71.481c.063 0 .12.01.185.01-.006.286-.023.547-.023.837 11.174 0 16.69 9.045 19.118 20.95 4.358 22.959-2.312 55.826-2.312 55.826s.137-.031.341-.082c-.114.602-.181.933-.181.933s67.129-16.325 75.793 10.732c.077.294.161.585.225.887.083.302.14.612.207.921.154.928.26 1.889.287 2.904v228.807h-87.998l.002 25.037h113.037V125.66l-7.335-7.337z"/></svg>`,W0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,K0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"/></svg>`,X0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.3,297.9v92.3H103.9v-92.3H73.2v122.9H439V297.9H408.3z M374.2,189.1h-77.7V90.8h-82.8v98.3h-77.6l119,144.2L374.2,189.1L374.2,189.1z"/></svg>`,Y0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M412.656 38.477l-49.973 49.975 58.761 58.76 49.976-49.98-58.764-58.755zM177.421 338.155l-15.932-15.935 190.923-190.928-16.286-16.283L85.215 365.922l.186.185-47.919 106.778 106.309-48.383.182.182.482-.482.006-.003 250.424-250.432-26.537-26.537-190.927 190.925zm-39.26 59.052l-46.369 21.102 20.9-46.572 23.388-23.387 3.367 22.301 22.097 3.164-23.383 23.392z"/></svg>`,Z0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M408.908 86.358c-55.975-26.379-122.761-2.379-149.132 53.615-1.831 3.885-3.421 8.767-4.813 14.428-1.391-5.661-2.984-10.543-4.814-14.428-26.373-55.994-93.143-79.994-149.135-53.615-55.959 26.371-79.969 93.122-53.597 149.113 26.369 55.989 207.502 216.478 207.502 216.478s.018-.203.042-.515l.043.515S436.139 291.46 462.506 235.471c26.373-55.991 2.397-122.742-53.598-149.113z"/></svg>`,Q0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.211 169.501v-.316H52.564v.328c-7.956 1.548-13.959 8.547-13.959 16.955 0 0 5.683 86.463 6.726 117.611 1.045 31.147 3.844 114.728 3.844 114.728 0 9.544 1.973 17.281 11.514 17.281h388.458c9.543 0 11.514-7.737 11.514-17.281 0 0 2.804-83.58 3.845-114.728 1.044-31.147 6.727-117.611 6.727-117.611-.002-8.433-6.036-15.442-14.022-16.967zm0-42.313c0-8.98-7.277-16.256-16.258-16.256H235.305c-6.43-.161-11.384-11.842-11.384-16.311l.003-1.902c0-9.546-7.737-17.28-17.28-17.28H97.168c-9.544 0-17.281 7.734-17.281 17.28l.004 1.902c0 4.5-5.021 16.322-11.517 16.322h.155c-8.844.157-15.965 7.364-15.965 16.244v11.223h404.647v-11.222z"/></svg>`,J0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"/></svg>`,e1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 38.7C136 38.7 38.7 136 38.7 256S136 473.3 256 473.3 473.3 376 473.3 256 376 38.7 256 38.7zm18.1 326h-36.2V237.9h36.2v126.8zM256 192.6c-15 0-27.2-12.2-27.2-27.2s12.2-27.2 27.2-27.2 27.2 12.2 27.2 27.2-12.2 27.2-27.2 27.2z"/></svg>`,t1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.508 338.006c-27.316.03-54.696-10.671-75.323-31.318l-3.266-3.266 46.784-46.799 3.271 3.267c8.054 8.036 18.233 11.915 28.533 11.942 10.79-.043 21.088-3.93 29.123-11.942l76.701-76.701c8.024-8.05 11.909-18.306 11.945-28.895-.036-10.495-3.915-20.722-11.936-28.769l-3.268-3.266c-8.049-8.025-18.283-11.903-28.827-11.943-10.55.04-20.785 3.918-28.835 11.943l-31.537 31.543c-12.916 12.922-33.867 12.922-46.788 0-12.924-12.919-12.924-33.867-.005-46.789l31.542-31.544c20.794-20.821 48.361-31.36 75.623-31.327 27.256-.034 54.82 10.505 75.618 31.327l3.266 3.263a106.693 106.693 0 0131.319 75.561c.038 27.25-10.474 54.848-31.325 75.684l-76.704 76.7c-20.915 20.941-48.588 31.328-75.743 31.328l-.168.001zM163.966 468.393c-27.308.027-54.694-10.67-75.322-31.324l-3.264-3.26c-20.875-20.854-31.364-48.479-31.326-75.725-.033-27.27 10.556-54.782 31.326-75.518l76.704-76.707c20.794-20.821 48.361-31.366 75.623-31.327a106.798 106.798 0 0161.267 19.273 33.045 33.045 0 018.42 6.119l5.931 5.93 3.266 3.263h-.001l.001.003-46.781 46.798-.005-.006-3.266-3.266c-8.052-8.024-18.285-11.903-28.832-11.943-10.545.04-20.781 3.918-28.832 11.943l-76.711 76.712c-8.021 8.048-11.901 18.261-11.935 28.726.038 10.627 3.922 20.886 11.938 28.932l3.269 3.26c8.055 8.038 18.235 11.913 28.531 11.941 10.794-.043 21.092-3.928 29.13-11.941l33.051-33.051c12.923-12.915 33.872-12.915 46.788.006 12.921 12.917 12.921 33.863 0 46.787l-33.053 33.051c-20.914 20.938-48.592 31.324-75.745 31.324h-.172z"/></svg>`,i1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,r1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M289.335 420.379V90.8h83.103v329.579h-83.103zm-152.737-.002V90.804h83.101v329.573h-83.101z"/></svg>`,o1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,s1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M397.727 256.048l-286.7 166.932V89.114z"/></svg>`,n1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,a1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M470.704 407.906l-2.691-2.689.006-.002-107.514-107.523c14.938-25.733 23.616-55.565 23.82-87.451.626-97.615-77.99-177.243-175.599-177.857l-1.168-.002c-97.06.005-176.067 78.392-176.692 175.598-.618 97.609 77.999 177.236 175.597 177.859.389.002.766.004 1.155.004 32.442 0 62.846-8.79 88.998-24.075L404.035 469.2l.01-.01 2.686 2.686c8.125 8.124 21.293 8.117 29.414 0l34.56-34.554c8.115-8.117 8.121-21.293-.001-29.416zm-263.956-67.135c-72.589-.466-131.271-59.907-130.812-132.502C76.4 136.14 135.45 77.457 207.561 77.453l.88.002c35.167.22 68.144 14.124 92.851 39.148 24.705 25.025 38.188 58.178 37.962 93.352-.222 35.015-14.027 67.893-38.867 92.564-24.834 24.67-57.78 38.252-92.768 38.252h-.871z"/></svg>`,l1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,u1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M469.92 279.717v-48.898l-6.906-2.256-52.35-17.091-13.971-33.728 26.852-56.814-34.586-34.581-6.477 3.288-49.1 24.937-33.721-13.971-21.198-59.171h-48.899l-2.253 6.912-17.091 52.352-33.712 13.966-56.833-26.849-34.573 34.58 3.287 6.474 24.933 49.116-13.96 33.707-59.182 21.189v48.909l6.914 2.253 52.352 17.094 13.966 33.718-26.845 56.82 34.567 34.587 6.484-3.294 49.103-24.931 33.719 13.968 21.188 59.165h48.902l2.26-6.908 17.094-52.35 33.721-13.967 56.818 26.855 34.584-34.59-3.286-6.48-24.937-49.094 13.969-33.726 59.167-21.191zM255.054 324.78c-37.819 0-68.478-30.657-68.478-68.479 0-37.819 30.659-68.481 68.478-68.481 37.819 0 68.475 30.662 68.475 68.481 0 37.822-30.656 68.479-68.475 68.479z"/></svg>`,c1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M88.871 297.086v-83.1h332.084v83.1H88.871z"/></svg>`,h1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M203.447 202.931l-54.568-54.566c27.503-27.173 65.183-43.913 106.927-43.913 42.13.014 79.972 16.983 107.622 44.577 27.594 27.648 44.561 65.492 44.578 107.629h66.177c-.024-120.624-97.761-218.361-218.376-218.386-59.897 0-114.277 24.203-153.724 63.295l-50.36-50.36.003 151.725h151.721zM363.991 363.67c-27.605 27.918-65.809 45.184-108.183 45.176-42.139-.008-79.978-16.981-107.623-44.574-27.601-27.645-44.565-65.482-44.582-107.614H37.436c.017 120.614 97.751 218.347 218.373 218.374 60.54-.008 115.433-24.73 154.979-64.562l48.997 49V311.423H311.742l52.249 52.247z"/></svg>`,d1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,p1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,v1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M306.997 124.391c8.992 0 16.277-7.286 16.277-16.276V57.184c.002-8.989-7.285-16.276-16.277-16.276-8.983 0-16.271 7.287-16.273 16.276v50.932c0 8.989 7.29 16.278 16.273 16.275zm80.752 23.244l36.015-36.017c6.356-6.357 6.353-16.662 0-23.015-6.357-6.356-16.662-6.356-23.019 0l-36.013 36.014c-6.356 6.356-6.358 16.661 0 23.018 6.354 6.356 16.661 6.353 23.017 0zm-161.066 2.552c6.354 6.353 16.663 6.353 23.018 0 6.353-6.356 6.353-16.662 0-23.018l-36.018-36.018c-6.355-6.353-16.661-6.353-23.015 0-6.359 6.356-6.359 16.662 0 23.018l36.015 36.018zm159.5 113.463c-6.356-6.357-16.663-6.357-23.02 0-6.354 6.355-6.354 16.661 0 23.018l36.015 36.014c6.356 6.356 16.663 6.356 23.018 0 6.358-6.356 6.358-16.658 0-23.015l-36.013-36.017zm-70.019-131.061L37.625 411.125l58.761 58.76 278.541-278.533-58.763-58.763zm-65.195 99.172l67.606-67.608 24.787 24.788-67.606 67.608-24.787-24.788zm205.2-41.684h-50.934c-8.99 0-16.275 7.289-16.275 16.275-.004 8.985 7.285 16.275 16.275 16.275h50.934c8.988 0 16.273-7.29 16.273-16.275 0-8.99-7.285-16.275-16.273-16.275z"></path></svg>`,f1=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2939
3107
|
<path d="M422.952 371.305L307.064 255.418l115.884-115.887-51.722-51.723L255.34 203.693 139.457 87.812l-51.726 51.719 115.885 115.885L87.731 371.305l51.726 51.721L255.344 307.14l115.884 115.882z"/>
|
|
2940
|
-
</svg>`;class
|
|
3108
|
+
</svg>`;class Rl extends us{constructor(){super(),this.defineIcon("add",N0.strings[0]),this.defineIcon("alert",V0.strings[0]),this.defineIcon("attachment",T0.strings[0]),this.defineIcon("book-alt",H0.strings[0]),this.defineIcon("calendar",j0.strings[0]),this.defineIcon("check",B0.strings[0]),this.defineIcon("clipboard",R0.strings[0]),this.defineIcon("code",F0.strings[0]),this.defineIcon("colorpicker",G0.strings[0]),this.defineIcon("copy",q0.strings[0]),this.defineIcon("delete",W0.strings[0]),this.defineIcon("document",K0.strings[0]),this.defineIcon("download",X0.strings[0]),this.defineIcon("edit",Y0.strings[0]),this.defineIcon("favorite",Z0.strings[0]),this.defineIcon("folder",Q0.strings[0]),this.defineIcon("forbidden",J0.strings[0]),this.defineIcon("info",e1.strings[0]),this.defineIcon("link",t1.strings[0]),this.defineIcon("lock",i1.strings[0]),this.defineIcon("pause",r1.strings[0]),this.defineIcon("picture",o1.strings[0]),this.defineIcon("play",s1.strings[0]),this.defineIcon("remove",n1.strings[0]),this.defineIcon("search",a1.strings[0]),this.defineIcon("see",l1.strings[0]),this.defineIcon("settings",u1.strings[0]),this.defineIcon("subtract",c1.strings[0]),this.defineIcon("sync",h1.strings[0]),this.defineIcon("unlock",d1.strings[0]),this.defineIcon("unsee",p1.strings[0]),this.defineIcon("wand",v1.strings[0]),this.defineIcon("wrong",f1.strings[0])}}var b1=Object.defineProperty,g1=Object.getOwnPropertyDescriptor,m1=(t,e,i,o)=>{for(var r=o>1?void 0:o?g1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&b1(e,i,r),r};let cs=class extends ji{constructor(){super(),this.registry=new Rl}};cs=m1([p("uui-icon-registry-essential")],cs);var _1=Object.defineProperty,y1=Object.getOwnPropertyDescriptor,ii=(t,e,i,o)=>{for(var r=o>1?void 0:o?y1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&_1(e,i,r),r};let Be=class extends ge(v){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const i of t)this.multiple?e.push(i):e=[i];this._files=e},this.addEventListener("dragenter",()=>this._setShowDropzone(!0)),this.addEventListener("dragleave",()=>this._setShowDropzone(!1)),this.addEventListener("drop",()=>this._setShowDropzone(!1))}get value(){return this._value}set value(t){if(super.value=t,t instanceof FormData){const e=this.multiple?t.getAll(this.name):[t.get(this.name)];this._updateFileWrappers(e);return}if(t instanceof File){this._updateFileWrappers([t]);return}}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-file-dropzone"),y(this,"uui-button"),y(this,"uui-action-bar"),y(this,"uui-file-preview")}getFormElement(){return this._dropZone}_handleClick(t){t.stopImmediatePropagation(),this._dropzone.browse()}async _handleFilesChange(t){const i=t.detail.files.filter(r=>r instanceof File||r.isFile);if(!this.multiple){const r=i[0],n=r instanceof File?r:await this._getFile(r);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 o=this.value;if(i.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const r of i){const s=r instanceof File;o.append(this.name,s?r:await this._getFile(r))}this.value=o}async _getFile(t){return await new Promise((e,i)=>t.file(e,i))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(r=>r!==e);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const r of o)this.value.append(this.name,r)}this._updateFileWrappers(o)}this.value instanceof File&&(this.value="",this._updateFileWrappers([]))}_setShowDropzone(t){t?this._dropZone.style.display="flex":this._dropZone.style.display="none"}_renderFileItem(t,e){return l`<uui-file-preview .file="${t}">
|
|
2941
3109
|
<uui-action-bar slot="actions">
|
|
2942
3110
|
<uui-button
|
|
2943
3111
|
@click=${()=>this._removeFile(e)}
|
|
2944
3112
|
color="danger"
|
|
2945
3113
|
label=${`Delete ${t.name}`}>
|
|
2946
|
-
<uui-icon name="delete" .fallback=${
|
|
3114
|
+
<uui-icon name="delete" .fallback=${zd.strings[0]}></uui-icon>
|
|
2947
3115
|
</uui-button>
|
|
2948
3116
|
</uui-action-bar>
|
|
2949
|
-
</uui-file-preview>`}_renderFiles(){return l`${
|
|
3117
|
+
</uui-file-preview>`}_renderFiles(){return l`${os(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`
|
|
2950
3118
|
<uui-file-dropzone
|
|
2951
3119
|
id="dropzone"
|
|
2952
3120
|
?multiple=${this.multiple}
|
|
@@ -2961,7 +3129,7 @@
|
|
|
2961
3129
|
look="placeholder"
|
|
2962
3130
|
label="Add"></uui-button>`:$}
|
|
2963
3131
|
</div>
|
|
2964
|
-
`}};
|
|
3132
|
+
`}};Be.styles=[d`
|
|
2965
3133
|
:host {
|
|
2966
3134
|
width: 100%;
|
|
2967
3135
|
height: 100%;
|
|
@@ -3010,7 +3178,7 @@
|
|
|
3010
3178
|
justify-content: center;
|
|
3011
3179
|
align-items: stretch;
|
|
3012
3180
|
}
|
|
3013
|
-
`],
|
|
3181
|
+
`],ii([O("#dropzone")],Be.prototype,"_dropzone",2),ii([O("#dropzone")],Be.prototype,"_dropZone",2),ii([a({type:String})],Be.prototype,"accept",2),ii([a({type:Boolean})],Be.prototype,"multiple",2),ii([b()],Be.prototype,"_files",2),Be=ii([p("uui-input-file")],Be);var x1=Object.defineProperty,Fl=Object.getOwnPropertySymbols,w1=Object.prototype.hasOwnProperty,$1=Object.prototype.propertyIsEnumerable,Gl=(t,e,i)=>e in t?x1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,ql=(t,e)=>{for(var i in e||(e={}))w1.call(e,i)&&Gl(t,i,e[i]);if(Fl)for(var i of Fl(e))$1.call(e,i)&&Gl(t,i,e[i]);return t};class zt extends z{constructor(e,i={}){super(e,ql(ql({},{bubbles:!0}),i))}}zt.CHANGE="change",zt.INPUT="input";var E1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,H=(t,e,i,o)=>{for(var r=o>1?void 0:o?P1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&E1(e,i,r),r};let S=class extends ge(be("",v)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this.autoWidth=!1,this.inputMode="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&String(this._value).length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&String(this._value).length>this.maxlength)}get type(){return this._type}set type(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new zt(zt.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new zt(zt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
|
|
3014
3182
|
${this.renderPrepend()}
|
|
3015
3183
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3016
3184
|
${this.renderAppend()}
|
|
@@ -3035,7 +3203,7 @@
|
|
|
3035
3203
|
?required=${this.required}
|
|
3036
3204
|
?readonly=${this.readonly}
|
|
3037
3205
|
@input=${this.onInput}
|
|
3038
|
-
@change=${this.onChange} />`}renderAutoWidthBackground(){return l` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return l`${this.value.length>0?this.value:this.placeholder}`}};
|
|
3206
|
+
@change=${this.onChange} />`}renderAutoWidthBackground(){return l` <div id="auto" aria-hidden="true">${this.renderText()}</div>`}renderText(){return l`${this.value.length>0?this.value:this.placeholder}`}};S.formAssociated=!0,S.styles=[d`
|
|
3039
3207
|
:host {
|
|
3040
3208
|
position: relative;
|
|
3041
3209
|
display: inline-flex;
|
|
@@ -3171,16 +3339,16 @@
|
|
|
3171
3339
|
height: 100%;
|
|
3172
3340
|
--uui-input-border-width: 0;
|
|
3173
3341
|
}
|
|
3174
|
-
`],H([a()],
|
|
3342
|
+
`],H([a()],S.prototype,"min",2),H([a({type:Number})],S.prototype,"minlength",2),H([a({type:String,attribute:"minlength-message"})],S.prototype,"minlengthMessage",2),H([a()],S.prototype,"max",2),H([a({type:Number})],S.prototype,"maxlength",2),H([a({type:String,attribute:"maxlength-message"})],S.prototype,"maxlengthMessage",2),H([a({type:Number})],S.prototype,"step",2),H([a({type:Boolean,reflect:!0})],S.prototype,"disabled",2),H([a({type:Boolean,reflect:!0})],S.prototype,"readonly",2),H([a()],S.prototype,"placeholder",2),H([a()],S.prototype,"autocomplete",2),H([a({type:Boolean,reflect:!0,attribute:"auto-width"})],S.prototype,"autoWidth",2),H([a({type:String})],S.prototype,"type",1),H([a({type:String})],S.prototype,"pattern",2),H([a({type:String})],S.prototype,"inputMode",2),H([O("#input")],S.prototype,"_input",2),S=H([p("uui-input")],S);var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,Wl=(t,e,i,o)=>{for(var r=o>1?void 0:o?O1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&C1(e,i,r),r};let Bi=class extends S{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${kd.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3175
3343
|
name="unlock"
|
|
3176
|
-
.fallback=${
|
|
3344
|
+
.fallback=${Ad.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
|
|
3177
3345
|
.disabled=${this.disabled}
|
|
3178
3346
|
@click=${this._onLockToggle}
|
|
3179
3347
|
compact
|
|
3180
3348
|
id="lock"
|
|
3181
3349
|
label="${this.locked?"Unlock input":"Lock input"}">
|
|
3182
3350
|
${this.renderIcon()}
|
|
3183
|
-
</uui-button>`}};
|
|
3351
|
+
</uui-button>`}};Bi.styles=[...S.styles,d`
|
|
3184
3352
|
#lock {
|
|
3185
3353
|
height: 100%;
|
|
3186
3354
|
|
|
@@ -3193,16 +3361,16 @@
|
|
|
3193
3361
|
cursor: not-allowed;
|
|
3194
3362
|
opacity: 0.55;
|
|
3195
3363
|
}
|
|
3196
|
-
`],
|
|
3364
|
+
`],Wl([a({type:Boolean,reflect:!0})],Bi.prototype,"locked",2),Bi=Wl([p("uui-input-lock")],Bi);var z1=Object.defineProperty,k1=Object.getOwnPropertyDescriptor,hs=(t,e,i,o)=>{for(var r=o>1?void 0:o?k1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&z1(e,i,r),r};let ri=class extends S{constructor(){super(...arguments),this.passwordType="password"}get type(){return this.passwordType}set type(t){}_onPasswordToggle(){this.passwordType==="password"?this.passwordType="text":this.passwordType="password"}connectedCallback(){super.connectedCallback(),y(this,"uui-icon"),y(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback=${Id.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3197
3365
|
name="unsee"
|
|
3198
|
-
.fallback=${
|
|
3366
|
+
.fallback=${Dd.strings[0]}></uui-icon>`}renderAppend(){return l`<uui-button
|
|
3199
3367
|
.disabled=${this.disabled}
|
|
3200
3368
|
@click=${this._onPasswordToggle}
|
|
3201
3369
|
compact
|
|
3202
3370
|
label="${this.passwordType==="password"?"Show password":"Hide password"}"
|
|
3203
3371
|
id="eye">
|
|
3204
3372
|
${this.renderIcon()}
|
|
3205
|
-
</uui-button>`}};
|
|
3373
|
+
</uui-button>`}};ri.styles=[...S.styles,d`
|
|
3206
3374
|
#eye {
|
|
3207
3375
|
height: 100%;
|
|
3208
3376
|
margin-left: -6px;
|
|
@@ -3211,7 +3379,7 @@
|
|
|
3211
3379
|
#clear:hover {
|
|
3212
3380
|
color: black;
|
|
3213
3381
|
}
|
|
3214
|
-
`],
|
|
3382
|
+
`],hs([b()],ri.prototype,"passwordType",2),hs([a()],ri.prototype,"type",1),ri=hs([p("uui-input-password")],ri);var S1=Object.defineProperty,I1=Object.getOwnPropertyDescriptor,A1=(t,e,i,o)=>{for(var r=o>1?void 0:o?I1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&S1(e,i,r),r};let Br=class extends v{render(){return l`<slot></slot>`}};Br.styles=[d`
|
|
3215
3383
|
:host {
|
|
3216
3384
|
display: inline-block;
|
|
3217
3385
|
font-family: inherit;
|
|
@@ -3226,7 +3394,7 @@
|
|
|
3226
3394
|
::slotted(*:last-child)uui-key {
|
|
3227
3395
|
margin-right: 0px;
|
|
3228
3396
|
}
|
|
3229
|
-
`],
|
|
3397
|
+
`],Br=A1([p("uui-keyboard-shortcut")],Br);var D1=Object.defineProperty,U1=Object.getOwnPropertyDescriptor,L1=(t,e,i,o)=>{for(var r=o>1?void 0:o?U1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&D1(e,i,r),r};let Rr=class extends v{render(){return l`<slot></slot>`}};Rr.styles=[d`
|
|
3230
3398
|
:host {
|
|
3231
3399
|
background: var(--uui-color-surface,#fff);
|
|
3232
3400
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -3240,7 +3408,7 @@
|
|
|
3240
3408
|
user-select: none;
|
|
3241
3409
|
text-transform: lowercase;
|
|
3242
3410
|
}
|
|
3243
|
-
`],
|
|
3411
|
+
`],Rr=L1([p("uui-key")],Rr);var M1=Object.defineProperty,N1=Object.getOwnPropertyDescriptor,Fr=(t,e,i,o)=>{for(var r=o>1?void 0:o?N1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&M1(e,i,r),r};let kt=class extends v{constructor(){super(),this.disabled=!1,this.for=null,this.required=!1,this.addEventListener("click",this._onClick)}_onClick(){if(this.disabled)return;const t=this.getForElement();t&&(t.focus(),t.click())}getForElement(){if(typeof this.for=="string"){const t=this.getRootNode();return t?.getElementById(this.for)||null}return this.for||null}render(){return l`
|
|
3244
3412
|
<slot></slot>
|
|
3245
3413
|
${this.required?l`<div id="required">*</div>`:""}
|
|
3246
3414
|
`}};kt.styles=[d`
|
|
@@ -3258,7 +3426,7 @@
|
|
|
3258
3426
|
color: var(--uui-color-danger,#d42054);
|
|
3259
3427
|
font-weight: 900;
|
|
3260
3428
|
}
|
|
3261
|
-
`],
|
|
3429
|
+
`],Fr([a({type:Boolean,reflect:!0})],kt.prototype,"disabled",2),Fr([a({reflect:!0,attribute:!0})],kt.prototype,"for",2),Fr([a({type:Boolean,reflect:!0})],kt.prototype,"required",2),kt=Fr([p("uui-label")],kt);var V1=Object.defineProperty,T1=Object.getOwnPropertyDescriptor,ds=(t,e,i,o)=>{for(var r=o>1?void 0:o?T1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&V1(e,i,r),r};const H1=(t,e,i)=>Math.min(Math.max(t,e),i);let oi=class extends v{constructor(){super(...arguments),this._progress=0,this._animationDuration=1}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=H1(t,0,100),this.requestUpdate("progress",e)}get animationDuration(){return this._animationDuration}set animationDuration(t){const e=this._animationDuration;this._animationDuration=t>=0?t:1,this.requestUpdate("animationDuration",e)}render(){return l`
|
|
3262
3430
|
${this.progress?l`<div
|
|
3263
3431
|
id="bar"
|
|
3264
3432
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -3267,7 +3435,7 @@
|
|
|
3267
3435
|
class=${this.progress?"":"animate"}
|
|
3268
3436
|
style="animation-duration: ${this.animationDuration}s"></div>
|
|
3269
3437
|
<div id="bar-background"></div>
|
|
3270
|
-
`}};
|
|
3438
|
+
`}};oi.styles=[d`
|
|
3271
3439
|
:host {
|
|
3272
3440
|
position: relative;
|
|
3273
3441
|
display: block;
|
|
@@ -3326,7 +3494,7 @@
|
|
|
3326
3494
|
transform-origin: 175% 0%;
|
|
3327
3495
|
}
|
|
3328
3496
|
}
|
|
3329
|
-
`],
|
|
3497
|
+
`],ds([a({type:Number})],oi.prototype,"progress",1),ds([a({type:Number})],oi.prototype,"animationDuration",1),oi=ds([p("uui-loader-bar")],oi);var j1=Object.defineProperty,B1=Object.getOwnPropertyDescriptor,ps=(t,e,i,o)=>{for(var r=o>1?void 0:o?B1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&j1(e,i,r),r};let si=class extends v{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 t=this.clientHeight>=30;this._isLarge!=t&&(this._isLarge=t,this.requestUpdate())}renderProgress(){return this._isLarge&&this.progress&&this.showProgress?l`<span id="progress-display">${this.progress}</span>`:""}render(){return l`
|
|
3330
3498
|
<svg
|
|
3331
3499
|
id="spinner"
|
|
3332
3500
|
class=${this.progress?"":"animate"}
|
|
@@ -3339,11 +3507,11 @@
|
|
|
3339
3507
|
cx="50%"
|
|
3340
3508
|
cy="50%"
|
|
3341
3509
|
r="16"
|
|
3342
|
-
style=${
|
|
3510
|
+
style=${_e(this._circleStyle())} />
|
|
3343
3511
|
</g>
|
|
3344
3512
|
</svg>
|
|
3345
3513
|
${this.renderProgress()}
|
|
3346
|
-
`}};
|
|
3514
|
+
`}};si.styles=[d`
|
|
3347
3515
|
:host {
|
|
3348
3516
|
vertical-align: middle;
|
|
3349
3517
|
line-height: 0;
|
|
@@ -3428,11 +3596,11 @@
|
|
|
3428
3596
|
/* Center the text */
|
|
3429
3597
|
padding-top: 0.09em;
|
|
3430
3598
|
}
|
|
3431
|
-
`],
|
|
3599
|
+
`],ps([a({type:Number})],si.prototype,"progress",2),ps([a({type:Boolean,reflect:!0,attribute:"show-progress"})],si.prototype,"showProgress",2),si=ps([p("uui-loader-circle")],si);var R1=Object.defineProperty,F1=Object.getOwnPropertyDescriptor,G1=(t,e,i,o)=>{for(var r=o>1?void 0:o?F1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&R1(e,i,r),r};let Gr=class extends v{render(){return l`
|
|
3432
3600
|
<div></div>
|
|
3433
3601
|
<div></div>
|
|
3434
3602
|
<div></div>
|
|
3435
|
-
`}};
|
|
3603
|
+
`}};Gr.styles=[d`
|
|
3436
3604
|
:host {
|
|
3437
3605
|
color: var(--uui-color-default,#1b264f);
|
|
3438
3606
|
}
|
|
@@ -3472,21 +3640,21 @@
|
|
|
3472
3640
|
background-color: currentColor;
|
|
3473
3641
|
}
|
|
3474
3642
|
}
|
|
3475
|
-
`],
|
|
3643
|
+
`],Gr=G1([p("uui-loader")],Gr);/**
|
|
3476
3644
|
* @license
|
|
3477
3645
|
* Copyright 2017 Google LLC
|
|
3478
3646
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3479
|
-
*/const
|
|
3647
|
+
*/const Ri=(t,e)=>{var i,o;const r=t._$AN;if(r===void 0)return!1;for(const s of r)(o=(i=s)._$AO)===null||o===void 0||o.call(i,e,!1),Ri(s,e);return!0},qr=t=>{let e,i;do{if((e=t._$AM)===void 0)break;i=e._$AN,i.delete(t),t=e}while(i?.size===0)},Kl=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(i===void 0)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),K1(e)}};function q1(t){this._$AN!==void 0?(qr(this),this._$AM=t,Kl(this)):this._$AM=t}function W1(t,e=!1,i=0){const o=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(e)if(Array.isArray(o))for(let s=i;s<o.length;s++)Ri(o[s],!1),qr(o[s]);else o!=null&&(Ri(o,!1),qr(o));else Ri(this,t)}const K1=t=>{var e,i,o,r;t.type==he.CHILD&&((e=(o=t)._$AP)!==null&&e!==void 0||(o._$AP=W1),(i=(r=t)._$AQ)!==null&&i!==void 0||(r._$AQ=q1))};class X1 extends Kt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,i,o){super._$AT(e,i,o),Kl(this),this.isConnected=e._$AU}_$AO(e,i=!0){var o,r;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)===null||o===void 0||o.call(this):(r=this.disconnected)===null||r===void 0||r.call(this)),i&&(Ri(this,e),qr(this))}setValue(e){if(Xa(this._$Ct))this._$Ct._$AI(e,this);else{const i=[...this._$Ct._$AH];i[this._$Ci]=e,this._$Ct._$AI(i,this,0)}}disconnected(){}reconnected(){}}const vs=new WeakMap,fs=Wt(class extends X1{render(t){return $}update(t,[e]){var i;const o=e!==this.G;return o&&this.G!==void 0&&this.ot(void 0),(o||this.rt!==this.lt)&&(this.G=e,this.dt=(i=t.options)===null||i===void 0?void 0:i.host,this.ot(this.lt=t.element)),$}ot(t){var e;if(typeof this.G=="function"){const i=(e=this.dt)!==null&&e!==void 0?e:globalThis;let o=vs.get(i);o===void 0&&(o=new WeakMap,vs.set(i,o)),o.get(this.G)!==void 0&&this.G.call(this.dt,void 0),o.set(this.G,t),t!==void 0&&this.G.call(this.dt,t)}else this.G.value=t}get rt(){var t,e,i;return typeof this.G=="function"?(e=vs.get((t=this.dt)!==null&&t!==void 0?t:globalThis))===null||e===void 0?void 0:e.get(this.G):(i=this.G)===null||i===void 0?void 0:i.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});class Re extends z{}Re.SHOW_CHILDREN="show-children",Re.HIDE_CHILDREN="hide-children",Re.CLICK_LABEL="click-label";var Y1=Object.defineProperty,Z1=Object.getOwnPropertyDescriptor,Fe=(t,e,i,o)=>{for(var r=o>1?void 0:o?Z1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Y1(e,i,r),r};let le=class extends yr(Rt(zi(be("label",v)))){constructor(){super(...arguments),this.disabled=!1,this.showChildren=!1,this.hasChildren=!1,this.loading=!1,this.iconSlotHasContent=!1,this._labelButtonChanged=t=>{this.selectableTarget=t||this},this._iconSlotChanged=t=>{this.iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0},this._onCaretClicked=()=>{const t=this.showChildren?Re.HIDE_CHILDREN:Re.SHOW_CHILDREN,e=new Re(t,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const t=new Re(Re.CLICK_LABEL);this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),y(this,"uui-symbol-expand"),y(this,"uui-loader-bar")}_renderLabelInside(){return l` <slot
|
|
3480
3648
|
name="icon"
|
|
3481
3649
|
id="icon"
|
|
3482
3650
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
3483
3651
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
3484
3652
|
${this.renderLabel()}
|
|
3485
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${
|
|
3653
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${fs(this._labelButtonChanged)}>
|
|
3486
3654
|
${this._renderLabelInside()}
|
|
3487
3655
|
</span>`:l` <a
|
|
3488
3656
|
id="label-button"
|
|
3489
|
-
${
|
|
3657
|
+
${fs(this._labelButtonChanged)}
|
|
3490
3658
|
href=${P(this.href)}
|
|
3491
3659
|
target=${P(this.target||void 0)}
|
|
3492
3660
|
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
@@ -3496,7 +3664,7 @@
|
|
|
3496
3664
|
${this._renderLabelInside()}
|
|
3497
3665
|
</a>`}_renderLabelAsButton(){return l` <button
|
|
3498
3666
|
id="label-button"
|
|
3499
|
-
${
|
|
3667
|
+
${fs(this._labelButtonChanged)}
|
|
3500
3668
|
@click=${this._onLabelClicked}
|
|
3501
3669
|
?disabled=${this.disabled}
|
|
3502
3670
|
aria-label="${this.label}">
|
|
@@ -3824,7 +3992,7 @@
|
|
|
3824
3992
|
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
|
|
3825
3993
|
margin-right: var(--uui-size-base-unit);
|
|
3826
3994
|
}
|
|
3827
|
-
`],
|
|
3995
|
+
`],Fe([a({type:Boolean,reflect:!0})],le.prototype,"disabled",2),Fe([a({type:Boolean,reflect:!0,attribute:"show-children"})],le.prototype,"showChildren",2),Fe([a({type:Boolean,attribute:"has-children"})],le.prototype,"hasChildren",2),Fe([a({type:Boolean,attribute:"loading"})],le.prototype,"loading",2),Fe([a({type:String})],le.prototype,"href",2),Fe([a({type:String})],le.prototype,"target",2),Fe([a({type:String,attribute:"select-mode",reflect:!0})],le.prototype,"selectMode",2),Fe([b()],le.prototype,"iconSlotHasContent",2),le=Fe([p("uui-menu-item")],le);var Q1=Object.defineProperty,J1=Object.getOwnPropertyDescriptor,ni=(t,e,i,o)=>{for(var r=o>1?void 0:o?J1(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Q1(e,i,r),r};class Q extends v{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 i=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(i),!i.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const i=new CustomEvent("close",{cancelable:!0});this.dispatchEvent(i),!i.defaultPrevented&&this._closeModal()}}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(){var e,i;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(i=this._dialogElement)==null||i.addEventListener("cancel",this.close)}_closeModal(){var e;this.isClosing=!0,this.isOpen=!1,(e=this._dialogElement)==null||e.close(),this.dispatchEvent(new CustomEvent("close-end")),this.remove()}}Q.styles=[d`
|
|
3828
3996
|
dialog {
|
|
3829
3997
|
display: block;
|
|
3830
3998
|
margin: 0;
|
|
@@ -3850,9 +4018,9 @@
|
|
|
3850
4018
|
:host([index='0']) dialog::after {
|
|
3851
4019
|
opacity: 0;
|
|
3852
4020
|
}
|
|
3853
|
-
`],
|
|
4021
|
+
`],ni([O("dialog")],Q.prototype,"_dialogElement",2),ni([a({type:Boolean,reflect:!0,attribute:"is-open"})],Q.prototype,"isOpen",2),ni([a({type:Boolean,reflect:!0,attribute:"is-closing"})],Q.prototype,"isClosing",2),ni([a({type:Number,reflect:!0})],Q.prototype,"index",2),ni([a({type:Number,reflect:!0,attribute:"unique-index"})],Q.prototype,"uniqueIndex",2),ni([a({type:Number,attribute:"transition-duration"})],Q.prototype,"transitionDuration",1);var ev=Object.defineProperty,tv=Object.getOwnPropertyDescriptor,Xl=(t,e,i,o)=>{for(var r=o>1?void 0:o?tv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ev(e,i,r),r},Yl=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},Zl=(t,e,i)=>(Yl(t,e,"read from private field"),i?i.call(t):e.get(t)),Ql=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},iv=(t,e,i)=>(Yl(t,e,"access private method"),i),Wr,bs,gs,Jl;let ai=class extends Q{constructor(){super(),Ql(this,Wr),Ql(this,gs),this.size="full",this.addEventListener("close",iv(this,gs,Jl).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-Zl(this,Wr,bs)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog>
|
|
3854
4022
|
<slot></slot>
|
|
3855
|
-
</dialog>`}};
|
|
4023
|
+
</dialog>`}};Wr=new WeakSet,bs=function(){var t,e;return(e=(t=this._dialogElement)==null?void 0:t.getBoundingClientRect().width)!=null?e:0},gs=new WeakSet,Jl=function(t){t.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Zl(this,Wr,bs)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},ai.styles=[...Q.styles,d`
|
|
3856
4024
|
:host {
|
|
3857
4025
|
--uui-modal-sidebar-left-gap: 24px;
|
|
3858
4026
|
}
|
|
@@ -3888,7 +4056,7 @@
|
|
|
3888
4056
|
:host([size='small']) dialog {
|
|
3889
4057
|
max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
3890
4058
|
}
|
|
3891
|
-
`],
|
|
4059
|
+
`],Xl([a({reflect:!0})],ai.prototype,"size",2),ai=Xl([Ao("uui-modal-sidebar")],ai);var rv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,li=(t,e,i,o)=>{for(var r=o>1?void 0:o?ov(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rv(e,i,r),r},eu=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},tu=(t,e,i)=>(eu(t,e,"read from private field"),i?i.call(t):e.get(t)),Kr=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Xr=(t,e,i)=>(eu(t,e,"access private method"),i),ms,_s,Yr,ys,Zr,xs;let Ge=class extends v{constructor(){super(),Kr(this,Yr),Kr(this,Zr),this.sidebarGap=64,this.transitionDurationMS=250,Kr(this,ms,()=>{var t,e;if(this._modals=(e=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(i=>i instanceof Q))!=null?e:[],this._sidebars=this._modals.filter(i=>i instanceof ai),this._modals.length===0){this.removeAttribute("backdrop");return}Xr(this,Yr,ys).call(this),Xr(this,Zr,xs).call(this)}),Kr(this,_s,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Xr(this,Yr,ys).call(this),Xr(this,Zr,xs).call(this)}),this.addEventListener("close",tu(this,_s))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange=${tu(this,ms)}></slot>`}};ms=new WeakMap,_s=new WeakMap,Yr=new WeakSet,ys=function(){var t,e;this.setAttribute("backdrop","");const i=(e=(t=this._modals)==null?void 0:t.filter(o=>!o.isClosing).reverse())!=null?e:[];i?.forEach((o,r)=>{o.index=r,o.transitionDuration=this.transitionDurationMS}),i?.forEach(o=>{var r;const s=i?.filter(n=>n.constructor.name===o.constructor.name);o.uniqueIndex=(r=s?.indexOf(o))!=null?r:0})},Zr=new WeakSet,xs=function(){requestAnimationFrame(()=>{var t,e,i,o,r,s,n,u;let c=0;const h=(e=(t=this._sidebars)==null?void 0:t.filter(f=>!f.isClosing).reverse())!=null?e:[];for(let f=0;f<h.length;f++){const _=h[f],g=h[f+1];if(_.style.setProperty("--uui-modal-offset",c+"px"),g?.hasAttribute("hide"))break;const x=(r=(o=(i=_.shadowRoot)==null?void 0:i.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?r:0,w=(u=(n=(s=g?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:n.getBoundingClientRect().width)!=null?u:0,E=x+c+this.sidebarGap-w;c=E>0?E:0}})},Ge.styles=d`
|
|
3892
4060
|
:host {
|
|
3893
4061
|
position: fixed;
|
|
3894
4062
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -3905,11 +4073,11 @@
|
|
|
3905
4073
|
:host([backdrop])::after {
|
|
3906
4074
|
opacity: 1;
|
|
3907
4075
|
}
|
|
3908
|
-
`,
|
|
4076
|
+
`,li([O("slot")],Ge.prototype,"modalSlot",2),li([b()],Ge.prototype,"_modals",2),li([b()],Ge.prototype,"_sidebars",2),li([a({type:Number})],Ge.prototype,"sidebarGap",2),li([a({type:Number})],Ge.prototype,"transitionDurationMS",2),Ge=li([Ao("uui-modal-container")],Ge);var sv=Object.defineProperty,nv=Object.getOwnPropertyDescriptor,av=(t,e,i,o)=>{for(var r=o>1?void 0:o?nv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&sv(e,i,r),r};let Qr=class extends Q{render(){return l`
|
|
3909
4077
|
<dialog>
|
|
3910
4078
|
<slot></slot>
|
|
3911
4079
|
</dialog>
|
|
3912
|
-
`}};
|
|
4080
|
+
`}};Qr.styles=[...Q.styles,d`
|
|
3913
4081
|
dialog {
|
|
3914
4082
|
margin: auto;
|
|
3915
4083
|
max-width: 100%;
|
|
@@ -3922,7 +4090,7 @@
|
|
|
3922
4090
|
:host(:not([index='0'])) dialog {
|
|
3923
4091
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
3924
4092
|
}
|
|
3925
|
-
`],
|
|
4093
|
+
`],Qr=av([Ao("uui-modal-dialog")],Qr);var lv=Object.defineProperty,iu=Object.getOwnPropertySymbols,uv=Object.prototype.hasOwnProperty,cv=Object.prototype.propertyIsEnumerable,ru=(t,e,i)=>e in t?lv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,ou=(t,e)=>{for(var i in e||(e={}))uv.call(e,i)&&ru(t,i,e[i]);if(iu)for(var i of iu(e))cv.call(e,i)&&ru(t,i,e[i]);return t};class tt extends z{constructor(e,i={}){super(e,ou(ou({},{bubbles:!0}),i))}}tt.CHANGE="change";var hv=Object.defineProperty,dv=Object.getOwnPropertyDescriptor,qe=(t,e,i,o)=>{for(var r=o>1?void 0:o?dv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&hv(e,i,r),r};const pv=45,ws=(t,e,i)=>Math.min(Math.max(t,e),i),vv=(t,e)=>Array.from({length:e-t+1},(i,o)=>t+o);let ue=class extends v{constructor(){super(...arguments),this._observer=new ResizeObserver(this._calculateRange.bind(this)),this.label="",this.ariaLabel="",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),y(this,"uui-button"),y(this,"uui-button-group")}disconnectedCallback(){this._observer.disconnect()}firstUpdated(){this._observer.observe(this._pagesGroup),this.updateLabel(),this._calculateRange()}willUpdate(t){(t.has("current")||t.has("label"))&&this.updateLabel()}updateLabel(){this.ariaLabel=`${this.label||"Pagination navigation"}. Current page: ${this.current}.`}_calculateRange(){const t=this.offsetWidth,e=Array.from(this._navButtons).reduce((r,s)=>r+s.getBoundingClientRect().width,0),o=(t-e)/pv/2;this._range=Math.max(1,Math.floor(o)),this._visiblePages=this._generateVisiblePages(this.current)}_generateVisiblePages(t){const e=t<this._range?1:t<this.total-this._range?t-this._range:this.total-this._range*2,i=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return vv(ws(e,1,this.total),ws(i,1,this.total))}get total(){return this._total}set total(t){this._total=t,this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("total",t)}get current(){return this._current}set current(t){const e=this._current;this._current=ws(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new tt(tt.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new tt(tt.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new tt(tt.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<uui-button
|
|
3926
4094
|
compact
|
|
3927
4095
|
look="outline"
|
|
3928
4096
|
class="nav"
|
|
@@ -4014,7 +4182,7 @@
|
|
|
4014
4182
|
.active {
|
|
4015
4183
|
pointer-events: none;
|
|
4016
4184
|
}
|
|
4017
|
-
`],
|
|
4185
|
+
`],qe([tc("uui-button.nav")],ue.prototype,"_navButtons",2),qe([O("#pages")],ue.prototype,"_pagesGroup",2),qe([a()],ue.prototype,"label",2),qe([a({reflect:!0,attribute:"aria-label"})],ue.prototype,"ariaLabel",2),qe([a({type:Number})],ue.prototype,"total",1),qe([b()],ue.prototype,"_range",2),qe([b()],ue.prototype,"_visiblePages",2),qe([a({type:Number})],ue.prototype,"current",1),ue=qe([p("uui-pagination")],ue);class $s extends z{}$s.CLOSE="close";var fv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,Fi=(t,e,i,o)=>{for(var r=o>1?void 0:o?bv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&fv(e,i,r),r};function Jr(t,e,i){return t<e?e:t>i?i:t}let it=class extends v{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=t=>{this._trigger=t.target.assignedElements({flatten:!0})[0]},this._intersectionCallback=t=>{t.forEach(e=>{e.isIntersecting===!1&&(this._startScrollListener(),this._updatePlacement())})},this._onKeyUp=t=>{if(t.key==="Escape"){this._triggerPopoverClose();return}},this._onDocumentClick=t=>{t.composedPath().includes(this)||this._triggerPopoverClose()}}get placement(){return this._placement}set placement(t){const e=this._placement;this._placement=t||"bottom-start",this._currentPlacement=null,this._updatePlacement(),this.requestUpdate("placement",e)}get open(){return this._open}set open(t){const e=this._open;this._open=t,t?this._openPopover():this._closePopover(),this.requestUpdate("open",e)}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 t=new $s($s.CLOSE,{cancelable:!0});this.dispatchEvent(t),!t.defaultPrevented&&(this.open=!1)}_getScrollParents(){const t=this.shadowRoot.host;let e=getComputedStyle(t);if(e.position==="fixed")return;const i=e.position==="absolute",o=/(auto|scroll)/;let r=t;for(;r=r.parentElement;)if(e=getComputedStyle(r),!(i&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(r),e.position==="fixed"))return;this._scrollParents.push(document.body)}_createIntersectionObserver(){if(this.intersectionObserver)return;const t={root:null,rootMargin:"0px",threshold:1};this.intersectionObserver=new IntersectionObserver(this._intersectionCallback,t),this.intersectionObserver.observe(this.containerElement)}_startScrollListener(){this._scrollParents.forEach(t=>{t.addEventListener("scroll",this.scrollEventHandler)}),document.addEventListener("scroll",this.scrollEventHandler)}_stopScrollListener(){this._scrollParents.forEach(t=>{t.removeEventListener("scroll",this.scrollEventHandler)}),document.removeEventListener("scroll",this.scrollEventHandler)}_updatePlacement(){var t,e;if(!this.shadowRoot)return;const i=this.containerElement;if(!i)return;const o=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),r=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(r!=null&&o!=null){const s=this._scrollParents.map(fe=>fe.getBoundingClientRect());this._currentPlacement=this._currentPlacement||this._placement,this._placement!=="auto"&&(this._currentPlacement=this._managePlacementFlip(this._currentPlacement,o,s));let n=this._currentPlacement.indexOf("top")!==-1,u=this._currentPlacement.indexOf("bottom")!==-1,c=this._currentPlacement.indexOf("left")!==-1,h=this._currentPlacement.indexOf("right")!==-1;const f=this._currentPlacement.indexOf("-start")!==-1,_=this._currentPlacement.indexOf("-end")!==-1;let g=.5,x=.5,w=.5,E=.5,R=0,Se=0;if(this.placement==="auto"){const fe=this._scrollParents[0],$i=fe.clientWidth,lt=fe.clientHeight,Mt=r.x-o.width,Nt=$i-(r.x+r.width)-o.width,yo=r.y-o.height,cr=lt-(r.y+r.height)-o.height;let hr=.5,dr=.5;const Gu=Math.max(Mt,Nt);let Fs=Math.max(yo,cr);cr>yo&&cr>this.margin&&(Fs+=9999),Gu>Fs?(Mt>Nt?(hr=0,c=!0):(hr=1,h=!0),R=this.margin):(yo>cr?(dr=0,n=!0):(dr=1,u=!0),Se=this.margin),g=hr,x=dr,w=1-hr,E=1-dr}else n&&(E=1,x=0),u&&(E=0,x=1),(n||u)&&(Se=this.margin,f&&(w=0,g=0),_&&(w=1,g=1)),c&&(w=1,g=0),h&&(w=0,g=1),(c||h)&&(R=this.margin,f&&(E=0,x=0),_&&(E=1,x=1));const Ie=-o.width*w+r.width*g-R*(w*2-1),ur=-o.height*E+r.height*x-Se*(E*2-1);let nt=Ie,at=ur;n||u?(this._scrollParents.forEach((fe,$i)=>{const lt=fe===document.body?0:s[$i].x,Mt=-r.x+lt,Nt=fe.clientWidth-r.x-r.width+Ie+lt-(o.width-r.width)*(1-g);nt=Jr(nt,Mt,Nt)}),nt=Jr(nt,-o.width,r.width)):(c||h)&&(this._scrollParents.forEach((fe,$i)=>{const lt=fe===document.body?0:s[$i].y,Mt=-r.y+lt,Nt=fe.clientHeight-r.y-r.height+ur+lt-(o.height-r.height)*(1-x);at=Jr(at,Mt,Nt)}),at=Jr(at,-o.height,r.height)),(this._positionX!==nt||this._positionY!==at)&&(this._positionX=nt,this._positionY=at,Ie===nt&&ur===at&&this._stopScrollListener(),i.style.left=`${this._positionX}px`,i.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,i){const r=t.split("-"),s=r[0],n=r[1]||null;let u;return this._scrollParents.some((c,h)=>{const f=c===document.body?0:i[h].x,_=c===document.body?0:i[h].y;return s==="top"&&e.y-2<=_?(u="bottom",!0):s==="bottom"&&e.y+e.height+2>=c.clientHeight+_?(u="top",!0):s==="left"&&e.x-2<=f?(u="right",!0):s==="right"&&e.x+e.width+2>=c.clientWidth+f?(u="left",!0):!1}),u?(this._startScrollListener(),u+(n?`-${n}`:"")):t}render(){return l`
|
|
4018
4186
|
<slot
|
|
4019
4187
|
id="trigger"
|
|
4020
4188
|
name="trigger"
|
|
@@ -4022,7 +4190,7 @@
|
|
|
4022
4190
|
<div id="container">
|
|
4023
4191
|
${this._open?l`<slot name="popover"></slot>`:""}
|
|
4024
4192
|
</div>
|
|
4025
|
-
`}};
|
|
4193
|
+
`}};it.styles=[d`
|
|
4026
4194
|
:host {
|
|
4027
4195
|
position: relative;
|
|
4028
4196
|
display: inline-block;
|
|
@@ -4049,7 +4217,7 @@
|
|
|
4049
4217
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4050
4218
|
);
|
|
4051
4219
|
}
|
|
4052
|
-
`],
|
|
4220
|
+
`],Fi([O("#container")],it.prototype,"containerElement",2),Fi([a({type:Number})],it.prototype,"margin",2),Fi([a({type:String,reflect:!0})],it.prototype,"placement",1),Fi([a({type:Boolean,reflect:!0})],it.prototype,"open",1),it=Fi([p("uui-popover")],it);var gv=Object.defineProperty,mv=Object.getOwnPropertyDescriptor,St=(t,e,i,o)=>{for(var r=o>1?void 0:o?mv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&gv(e,i,r),r},Es=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},K=(t,e,i)=>(Es(t,e,"read from private field"),i?i.call(t):e.get(t)),It=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},_v=(t,e,i,o)=>(Es(t,e,"write to private field"),o?o.call(t,i):e.set(t,i),i),su=(t,e,i)=>(Es(t,e,"access private method"),i),ui,Ps,eo,ci,Gi,Cs,to,Os;let Pe=class extends v{constructor(){super(...arguments),It(this,to),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,It(this,ui,null),It(this,Ps,t=>{(!t.relatedTarget||!this.contains(t.relatedTarget))&&(this.hidePopover(),this._open=!1)}),It(this,eo,async t=>{var e;if(this._open=t.newState==="open",_v(this,ui,Od(this,"popovertarget",this.id)),(e=K(this,ui))==null||e.dispatchEvent(new CustomEvent("uui-popover-before-toggle",{bubbles:!1,composed:!1,detail:{oldState:t.oldState,newState:t.newState}})),!this._open){document.removeEventListener("scroll",K(this,ci));return}document.addEventListener("scroll",K(this,ci)),requestAnimationFrame(()=>{K(this,ci).call(this)})}),It(this,ci,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",K(this,Gi).call(this,3))}),It(this,Gi,t=>{if(K(this,Cs).call(this),t--,K(this,ui)===null)return;const e=this._actualPlacement.indexOf("top")!==-1,i=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,r=this._actualPlacement.indexOf("right")!==-1,s=this._actualPlacement.indexOf("-start")!==-1,n=this._actualPlacement.indexOf("-end")!==-1,u=K(this,ui).getBoundingClientRect(),c=this.getBoundingClientRect();let h=0,f=0;i&&(h=u.top+u.height,s&&(f=u.left),n&&(f=u.left+u.width-c.width),!s&&!n&&(f=u.left+u.width/2-c.width/2)),e&&(h=u.top-c.height,s&&(f=u.left),n&&(f=u.left+u.width-c.width),!s&&!n&&(f=u.left+u.width/2-c.width/2)),o&&(f=u.left-c.width,s&&(h=u.top),n&&(h=u.top+u.height-c.height),!s&&!n&&(h=u.top+u.height/2-c.height/2)),r&&(f=u.left+u.width,s&&(h=u.top),n&&(h=u.top+u.height-c.height),!s&&!n&&(h=u.top+u.height/2-c.height/2));const _=window.innerWidth,g=window.innerHeight,x=Math.min(0,u.top+u.height),w=Math.max(Math.min(h,g-c.height),u.top-c.height);if(Math.max(x,w)!==h&&(e||i)&&t>0){su(this,to,Os).call(this),K(this,Gi).call(this,t);return}h=Math.max(x,w);const R=Math.min(0,u.left+u.width),Se=Math.max(Math.min(f,_-c.width),u.left-c.width),Ie=Math.max(R,Se);if(Ie!==f&&(o||r)&&t>0){su(this,to,Os).call(this),K(this,Gi).call(this,t);return}f=Ie,(h+c.height<0||h>g||f+c.width<0||f>_)&&this.hidePopover(),this.style.transform=`translate(${f}px, ${h}px)`,this.style.opacity="1"}),It(this,Cs,()=>{const t={top:"bottom",bottom:"top",left:"right",right:"left"};let e=this._actualPlacement.split("-")[0];e=t[e]||e,e=e.charAt(0).toUpperCase()+e.slice(1);const i=`padding${e}`;this.style.padding="0",this.style[i]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(t){this._placement=t,this._actualPlacement=t,K(this,ci).call(this)}connectedCallback(){if(super.connectedCallback(),this.addEventListener("focusout",K(this,Ps)),!HTMLElement.prototype.hasOwnProperty("popover")){alert("Browser does not support popovers. Check the docs for info on how to enable: https://developer.mozilla.org/en-US/docs/Web/API/Popover_API");return}this.addEventListener("beforetoggle",K(this,eo))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",K(this,eo))}render(){return l`<slot></slot>`}};ui=new WeakMap,Ps=new WeakMap,eo=new WeakMap,ci=new WeakMap,Gi=new WeakMap,Cs=new WeakMap,to=new WeakSet,Os=function(){const[t,e]=this._actualPlacement.split("-"),i=t==="top"?"bottom":t==="bottom"?"top":t==="left"?"right":"left";this._actualPlacement=`${i}-${e}`},Pe.styles=[d`
|
|
4053
4221
|
:host {
|
|
4054
4222
|
margin: 0;
|
|
4055
4223
|
width: fit-content;
|
|
@@ -4061,9 +4229,9 @@
|
|
|
4061
4229
|
background: none;
|
|
4062
4230
|
overflow: visible;
|
|
4063
4231
|
}
|
|
4064
|
-
`],
|
|
4065
|
-
<div id="bar" style=${
|
|
4066
|
-
`}};
|
|
4232
|
+
`],St([a({type:Number})],Pe.prototype,"margin",2),St([a({type:Boolean})],Pe.prototype,"open",1),St([a({type:String,reflect:!0})],Pe.prototype,"placement",1),St([b()],Pe.prototype,"_placement",2),St([b()],Pe.prototype,"_open",2),St([b()],Pe.prototype,"_actualPlacement",2),Pe=St([p("uui-popover-container")],Pe);var yv=Object.defineProperty,xv=Object.getOwnPropertyDescriptor,nu=(t,e,i,o)=>{for(var r=o>1?void 0:o?xv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&yv(e,i,r),r};const wv=(t,e,i)=>Math.min(Math.max(t,e),i);let qi=class extends v{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=wv(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`
|
|
4233
|
+
<div id="bar" style=${_e(this._getProgressStyle())}></div>
|
|
4234
|
+
`}};qi.styles=[d`
|
|
4067
4235
|
:host {
|
|
4068
4236
|
width: 100%;
|
|
4069
4237
|
height: 4px;
|
|
@@ -4080,7 +4248,7 @@
|
|
|
4080
4248
|
height: 100%;
|
|
4081
4249
|
width: 0%;
|
|
4082
4250
|
}
|
|
4083
|
-
`],
|
|
4251
|
+
`],nu([a({type:Number})],qi.prototype,"progress",1),qi=nu([p("uui-progress-bar")],qi);var $v=Object.defineProperty,au=Object.getOwnPropertySymbols,Ev=Object.prototype.hasOwnProperty,Pv=Object.prototype.propertyIsEnumerable,lu=(t,e,i)=>e in t?$v(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,uu=(t,e)=>{for(var i in e||(e={}))Ev.call(e,i)&&lu(t,i,e[i]);if(au)for(var i of au(e))Pv.call(e,i)&&lu(t,i,e[i]);return t};class hi extends z{constructor(e,i={}){super(e,uu(uu({},{bubbles:!0}),i))}}hi.CHANGE="change";var Cv=Object.defineProperty,Ov=Object.getOwnPropertyDescriptor,At=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ov(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Cv(e,i,r),r},zv=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},cu=(t,e,i)=>(zv(t,e,"read from private field"),i?i.call(t):e.get(t)),hu=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},zs,ks;let ve=class extends v{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,hu(this,zs,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),hu(this,ks,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",cu(this,ks)),this.addEventListener("blur",cu(this,zs))}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,t===!0?(this.setAttribute("aria-checked",""),this.disabled||this.setAttribute("tabindex","0")):(this.setAttribute("tabindex","-1"),this.removeAttribute("aria-checked")),this.requestUpdate("checked",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.setAttribute("aria-hidden",t?"true":"false"),this.setAttribute("tabindex",t?"-1":"0"),this.requestUpdate("disabled",e)}focus(){this.inputElement.focus()}click(){this.inputElement.click()}_onChange(t){t.stopPropagation();const e=this.inputElement.checked;this.checked=e,e&&this.focus(),this.dispatchEvent(new hi(hi.CHANGE))}uncheck(){this.checked=!1}check(){this.checked=!0}makeFocusable(){this.disabled||this.setAttribute("tabindex","0")}makeUnfocusable(){this.disabled||this.setAttribute("tabindex","-1")}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("aria-checked")||this.removeAttribute("aria-checked")}render(){return l` <label>
|
|
4084
4252
|
<input
|
|
4085
4253
|
id="input"
|
|
4086
4254
|
type="radio"
|
|
@@ -4093,7 +4261,7 @@
|
|
|
4093
4261
|
<div id="label">
|
|
4094
4262
|
${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}
|
|
4095
4263
|
</div>
|
|
4096
|
-
</label>`}};
|
|
4264
|
+
</label>`}};zs=new WeakMap,ks=new WeakMap,ve.styles=[$r,d`
|
|
4097
4265
|
:host {
|
|
4098
4266
|
display: block;
|
|
4099
4267
|
box-sizing: border-box;
|
|
@@ -4198,7 +4366,7 @@
|
|
|
4198
4366
|
}
|
|
4199
4367
|
|
|
4200
4368
|
:host([disabled]:active) #button {
|
|
4201
|
-
animation: ${
|
|
4369
|
+
animation: ${Er};
|
|
4202
4370
|
}
|
|
4203
4371
|
|
|
4204
4372
|
@media (prefers-reduced-motion) {
|
|
@@ -4210,7 +4378,7 @@
|
|
|
4210
4378
|
transition: none;
|
|
4211
4379
|
}
|
|
4212
4380
|
}
|
|
4213
|
-
`],At([O("#input")],
|
|
4381
|
+
`],At([O("#input")],ve.prototype,"inputElement",2),At([a({type:String})],ve.prototype,"name",2),At([a({type:String})],ve.prototype,"value",2),At([a({type:String})],ve.prototype,"label",2),At([a({type:Boolean,reflect:!0})],ve.prototype,"checked",1),At([a({type:Boolean,reflect:!0})],ve.prototype,"disabled",1),ve=At([p("uui-radio")],ve);var kv=Object.defineProperty,du=Object.getOwnPropertySymbols,Sv=Object.prototype.hasOwnProperty,Iv=Object.prototype.propertyIsEnumerable,pu=(t,e,i)=>e in t?kv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,vu=(t,e)=>{for(var i in e||(e={}))Sv.call(e,i)&&pu(t,i,e[i]);if(du)for(var i of du(e))Iv.call(e,i)&&pu(t,i,e[i]);return t};class io extends z{constructor(e,i={}){super(e,vu(vu({},{bubbles:!0}),i))}}io.CHANGE="change";var Av=Object.defineProperty,Dv=Object.getOwnPropertyDescriptor,fu=(t,e,i,o)=>{for(var r=o>1?void 0:o?Dv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Av(e,i,r),r};const Uv="ArrowLeft",Lv="ArrowUp",Mv="ArrowRight",Nv="ArrowDown",Vv=" ";let di=class extends ge(v){constructor(){super(),this.disabled=!1,this._selected=null,this._radioElements=[],this._onChildBlur=()=>{this.pristine=!1},this._handleSelectOnClick=t=>{t.target.checked===!0&&(this.value=t.target.value,this._fireChangeEvent())},this.addEventListener("keydown",this._onKeydown),this.addEventListener("keypress",this._onKeypress),this.updateComplete.then(()=>{this._updateRadioElementsCheckedState(this.value)})}get value(){return this._value}set value(t){super.value=t,(t===null||t==="")&&this._makeFirstEnabledFocusable(),this._updateRadioElementsCheckedState(t)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","radiogroup")}focus(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.focus():(e=this._findNextEnabledElement())==null||e.focus()}click(){var t,e;this._selected!==null?(t=this._radioElements[this._selected])==null||t.click():(e=this._findNextEnabledElement())==null||e.click()}getFormElement(){if(this._radioElements&&this._selected)return this._radioElements[this._selected]}_setNameOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.name=t)}_updateRadioElementsCheckedState(t){this._radioElements.forEach((e,i)=>{e.value===t?(e.checked=!0,this._selected=i):e.checked=!1})}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(i=>i.disabled=t)}_handleSlotChange(t){var e;if(t.stopPropagation(),(e=this._radioElements)==null||e.forEach(o=>{o.removeEventListener(hi.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(o=>o instanceof ve),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(hi.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const i=this._radioElements.filter(o=>o.checked===!0);i.length>1&&(this._radioElements.forEach(o=>{o.checked=!1}),this.value="",console.error("There can only be one checked radio among the <"+this.nodeName+"> children",this)),i.length===1?(this.value=i[0].value,this._selected=this._radioElements.indexOf(i[0]),i[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),i[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(i=>{i.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,i=this._radioElements.length;let o=this._selected===null?0:1;for(;o<i;){let r=(e+o*t)%i;if(r<0&&(r+=i),this._radioElements[r].disabled===!1)return this._radioElements[r];o++}return null}_selectPreviousElement(){var t,e;this.value=((t=this._findNextEnabledElement(-1))==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_selectNextElement(){var t,e;this.value=((t=this._findNextEnabledElement())==null?void 0:t.value)||"",(e=this._radioElements[this._selected||0])==null||e.focus(),this._fireChangeEvent()}_onKeydown(t){var e;switch(t.key){case Uv:case Lv:{t.preventDefault(),this._selectPreviousElement();break}case Mv:case Nv:{t.preventDefault(),this._selectNextElement();break}case Vv:this._selected===null&&(this.value=(e=this._findNextEnabledElement())==null?void 0:e.value,this._fireChangeEvent())}}_onKeypress(t){t.key=="Enter"&&this.submit()}_fireChangeEvent(){this.pristine=!1,this.dispatchEvent(new io(io.CHANGE))}updated(t){super.updated(t),t.has("disabled")&&this._setDisableOnRadios(this.disabled),t.has("name")&&this._setNameOnRadios(t.get("name"))}render(){return l` <slot @slotchange=${this._handleSlotChange}></slot> `}};di.formAssociated=!0,di.styles=[d`
|
|
4214
4382
|
:host {
|
|
4215
4383
|
display: inline-block;
|
|
4216
4384
|
padding-right: 3px;
|
|
@@ -4223,7 +4391,7 @@
|
|
|
4223
4391
|
:host(:not([pristine])[internals-invalid]) {
|
|
4224
4392
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4225
4393
|
}
|
|
4226
|
-
`],
|
|
4394
|
+
`],fu([a({type:Boolean,reflect:!0})],di.prototype,"disabled",2),di=fu([p("uui-radio-group")],di);var Tv=Object.defineProperty,bu=Object.getOwnPropertySymbols,Hv=Object.prototype.hasOwnProperty,jv=Object.prototype.propertyIsEnumerable,gu=(t,e,i)=>e in t?Tv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,mu=(t,e)=>{for(var i in e||(e={}))Hv.call(e,i)&&gu(t,i,e[i]);if(bu)for(var i of bu(e))jv.call(e,i)&&gu(t,i,e[i]);return t};class Ce extends z{constructor(e,i={}){super(e,mu(mu({},{bubbles:!0}),i))}}Ce.INPUT="input",Ce.CHANGE="change";var Bv=Object.defineProperty,Rv=Object.getOwnPropertyDescriptor,D=(t,e,i,o)=>{for(var r=o>1?void 0:o?Rv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Bv(e,i,r),r},Fv=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},Gv=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},pi=(t,e,i)=>(Fv(t,e,"access private method"),i),rt,Dt;const Ss={TOP:3,CENTER:2,BACK:1},Wi=18,We=12,qv=24;let I=class extends ge(v){constructor(){super(),Gv(this,rt),this.disabled=!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,this._onKeypress=t=>{t.key=="Enter"&&this.submit()},this._onTouchStart=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchcancel",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove),this._movement=!0,this._saveStartPoints(t.touches[0].pageX);else{const i=this._getClickedValue(t.touches[0].pageX),o=Math.abs(this._lowInputValue-i),r=Math.abs(this._highInputValue-i);o<r?this.setValueLow(i):this.setValueHigh(i)}},this._onTouchMove=t=>{this._dragBothValuesByMousePos(t.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=t=>{if(this.disabled)return;const e=t.composedPath()[0];if(e!==this._outerTrack)if(e===this._innerColor||e===this._innerColorThumb)window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove),this._movement=!0,this._saveStartPoints(t.pageX);else{const i=this._getClickedValue(t.pageX),o=Math.abs(this._lowInputValue-i),r=Math.abs(this._highInputValue-i);o<r?this.setValueLow(i):this.setValueHigh(i)}},this._onMouseMove=t=>{t.preventDefault(),this._dragBothValuesByMousePos(t.pageX)},this._onMouseUp=()=>{this._movement=!1,this.onChanged(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),window.addEventListener("resize",()=>{var t;this._trackWidth=(t=this._outerTrack)==null?void 0:t.offsetWidth})}get min(){return this._min}set min(t){this._min=t,pi(this,rt,Dt).call(this)}get max(){return this._max}set max(t){this._max=t,pi(this,rt,Dt).call(this)}get step(){return this._step}set step(t){this._step=t,pi(this,rt,Dt).call(this)}get minGap(){return this._minGap}set minGap(t){this._minGap=t,pi(this,rt,Dt).call(this)}get maxGap(){return this._maxGap}set maxGap(t){this._maxGap=t,pi(this,rt,Dt).call(this)}get value(){return this._value}set value(t){super.value=t,pi(this,rt,Dt).call(this)}setValueLow(t){t=k(t,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(t,this._highInputValue)}setValueHigh(t){t=k(t,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,t)}setValue(t,e,i){if(i){const o=this.startPoint.high-this.startPoint.low;t=k(t,this.min,this.max-o),e=k(e,this.min+o,this.max)}this._inputLow.value=t.toString(),this._inputHigh.value=e.toString(),this.value=`${t},${e}`}getFormElement(){return this._currentFocus?this._currentFocus:this._inputLow}connectedCallback(){super.connectedCallback(),this.value||(this.value=`${this._min},${this._max}`)}firstUpdated(t){super.updated(t),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 t=this._max-this._min,e=this._lowInputValue-this._min,i=this._highInputValue-this._min,o=e/t*100,r=100-i/t*100;this._lowValuePercentStart=k(o,0,100),this._highValuePercentEnd=k(r,0,100)}_getClickedValue(t){const e=this._outerTrack.getBoundingClientRect().left,r=(t-e-We)/(this._trackWidth-We*2)*(this._max-this._min)+this._min;return Math.round(r/this._step)*this._step}_saveStartPoints(t){this.startPoint={mouse:t,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(t){const e=this._outerTrack.offsetWidth,i=t-this.startPoint.mouse,o=this._max-this._min,r=i/(e+We*2),s=Math.round(r*o/this._step)*this._step,n=this.startPoint.low+s,u=this.startPoint.high+s;this.setValue(n,u,!0),this.dispatchEvent(new Ce(Ce.INPUT))}_onLowInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputLow;const e=Number(t.target.value);this.setValueLow(e),this.dispatchEvent(new Ce(Ce.INPUT))}_onHighInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputHigh;const e=Number(t.target.value);this.setValueHigh(e),this.dispatchEvent(new Ce(Ce.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 Ce(Ce.CHANGE))}render(){return l`
|
|
4227
4395
|
<div id="range-slider">
|
|
4228
4396
|
${this._renderNativeInputs()}
|
|
4229
4397
|
<div id="inner-track">
|
|
@@ -4240,15 +4408,15 @@
|
|
|
4240
4408
|
`}_renderThumbValues(){return l`<div class="thumb-values">
|
|
4241
4409
|
<span><span>${this._lowInputValue}</span></span>
|
|
4242
4410
|
<span><span>${this._highInputValue}</span></span>
|
|
4243
|
-
</div>`}_renderSteps(){const t=(this._max-this._min)/this._step,e=(this._trackWidth-We*2)/t;if(e<
|
|
4411
|
+
</div>`}_renderSteps(){const t=(this._max-this._min)/this._step,e=(this._trackWidth-We*2)/t;if(e<qv||t%1!==0)return;let i=0;const o=new Array(t+1).fill(e).map(r=>r*i++);return l`<div class="step-wrapper">
|
|
4244
4412
|
<svg height="100%" width="100%">
|
|
4245
4413
|
<rect x="9" y="9" height="3" rx="2" />
|
|
4246
4414
|
${this._renderStepCircles(o)}
|
|
4247
4415
|
</svg>
|
|
4248
4416
|
${this._renderStepValues(t)}
|
|
4249
|
-
</div>`}_renderStepValues(t){if(this.hideStepValues||t>20)return;let e=0;const
|
|
4250
|
-
${
|
|
4251
|
-
</div>`}_renderStepCircles(t){const e=this._trackWidth/(this._max-this._min);return m`${t.map(
|
|
4417
|
+
</div>`}_renderStepValues(t){if(this.hideStepValues||t>20)return;let e=0;const i=new Array(t+1).fill(this._step).map(o=>this._min+o*e++);return l`<div class="step-values">
|
|
4418
|
+
${i.map(o=>l`<span><span>${o}</span></span>`)}
|
|
4419
|
+
</div>`}_renderStepCircles(t){const e=this._trackWidth/(this._max-this._min);return m`${t.map(i=>{const o=i+We,r=this._lowInputValue-this._min,s=this._highInputValue-this._min;return o/e>=r&&o/e<=s?m`<circle class="track-step filled" cx="${o}" cy="5" r="4.5" />`:m`<circle class="track-step regular" cx="${o}" cy="5" r="4.5" />`})}`}_renderNativeInputs(){return l` <div class="native-wrapper">
|
|
4252
4420
|
<input
|
|
4253
4421
|
id="inputLow"
|
|
4254
4422
|
class="${this._movement?"focus":""}"
|
|
@@ -4273,7 +4441,7 @@
|
|
|
4273
4441
|
?disabled="${this.disabled}"
|
|
4274
4442
|
@input=${this._onHighInput}
|
|
4275
4443
|
@change=${this._onHighChange} />
|
|
4276
|
-
</div>`}};
|
|
4444
|
+
</div>`}};rt=new WeakSet,Dt=function(){const t=this.value.split(",");let e=Number(t[0])||0,i=Number(t[1])||0;i=k(i,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,i=this._min+Math.round((i-this._min)/this._step)*this._step,this._lowInputValue=k(e,this._min,this._minGap?i-this._minGap:i-this._step),this._highInputValue=k(i,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()},I.formAssociated=!0,I.styles=[d`
|
|
4277
4445
|
:host {
|
|
4278
4446
|
--color-interactive: var(--uui-color-selected,#3544b1);
|
|
4279
4447
|
--color-hover: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
|
|
@@ -4316,10 +4484,10 @@
|
|
|
4316
4484
|
display: flex;
|
|
4317
4485
|
flex-direction: column;
|
|
4318
4486
|
justify-content: center;
|
|
4319
|
-
height: ${
|
|
4487
|
+
height: ${Wi}px;
|
|
4320
4488
|
cursor: grab;
|
|
4321
4489
|
user-select: none;
|
|
4322
|
-
z-index: ${
|
|
4490
|
+
z-index: ${Ss.CENTER};
|
|
4323
4491
|
}
|
|
4324
4492
|
|
|
4325
4493
|
:host([disabled]) #inner-color-thumb {
|
|
@@ -4481,9 +4649,9 @@
|
|
|
4481
4649
|
pointer-events: all;
|
|
4482
4650
|
cursor: grab;
|
|
4483
4651
|
position: relative;
|
|
4484
|
-
z-index: ${
|
|
4485
|
-
width: ${
|
|
4486
|
-
height: ${
|
|
4652
|
+
z-index: ${Ss.TOP};
|
|
4653
|
+
width: ${Wi}px;
|
|
4654
|
+
height: ${Wi}px;
|
|
4487
4655
|
border-radius: 24px;
|
|
4488
4656
|
border: none;
|
|
4489
4657
|
background-color: var(--color-interactive);
|
|
@@ -4520,9 +4688,9 @@
|
|
|
4520
4688
|
pointer-events: all;
|
|
4521
4689
|
cursor: grab;
|
|
4522
4690
|
position: relative;
|
|
4523
|
-
z-index: ${
|
|
4524
|
-
width: ${
|
|
4525
|
-
height: ${
|
|
4691
|
+
z-index: ${Ss.TOP};
|
|
4692
|
+
width: ${Wi}px;
|
|
4693
|
+
height: ${Wi}px;
|
|
4526
4694
|
border-radius: 24px;
|
|
4527
4695
|
border: none;
|
|
4528
4696
|
background-color: var(--color-interactive);
|
|
@@ -4551,7 +4719,7 @@
|
|
|
4551
4719
|
box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
4552
4720
|
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4553
4721
|
}
|
|
4554
|
-
`],D([a({type:String})],
|
|
4722
|
+
`],D([a({type:String})],I.prototype,"label",2),D([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2),D([a({type:Number})],I.prototype,"min",1),D([a({type:Number})],I.prototype,"max",1),D([a({type:Boolean,attribute:"hide-step-values"})],I.prototype,"hideStepValues",2),D([a({type:Number})],I.prototype,"step",1),D([a({type:Number,attribute:"min-gap"})],I.prototype,"minGap",1),D([a({type:Number,attribute:"max-gap"})],I.prototype,"maxGap",1),D([a({type:String})],I.prototype,"value",1),D([b()],I.prototype,"_movement",2),D([b()],I.prototype,"_lowInputValue",2),D([b()],I.prototype,"_highInputValue",2),D([b()],I.prototype,"_trackWidth",2),D([b()],I.prototype,"_lowValuePercentStart",2),D([b()],I.prototype,"_highValuePercentEnd",2),D([O("#range-slider")],I.prototype,"_outerTrack",2),D([O("#inputLow")],I.prototype,"_inputLow",2),D([O("#inputHigh")],I.prototype,"_inputHigh",2),D([O(".color")],I.prototype,"_innerColor",2),D([O("#inner-color-thumb")],I.prototype,"_innerColorThumb",2),I=D([p("uui-range-slider")],I);var Wv=Object.defineProperty,Kv=Object.getOwnPropertyDescriptor,Xv=(t,e,i,o)=>{for(var r=o>1?void 0:o?Kv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Wv(e,i,r),r};let ro=class extends v{render(){return l`<slot></slot>`}};ro.styles=[d`
|
|
4555
4723
|
:host {
|
|
4556
4724
|
display: block;
|
|
4557
4725
|
}
|
|
@@ -4567,7 +4735,7 @@
|
|
|
4567
4735
|
right: 0;
|
|
4568
4736
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
4569
4737
|
}
|
|
4570
|
-
`],
|
|
4738
|
+
`],ro=Xv([p("uui-ref-list")],ro);class vi extends z{}vi.OPEN="open";var Yv=Object.defineProperty,Zv=Object.getOwnPropertyDescriptor,Is=(t,e,i,o)=>{for(var r=o>1?void 0:o?Zv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Yv(e,i,r),r};let ot=class extends yr(Rt(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new vi(vi.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new vi(vi.OPEN)))}};ot.styles=[d`
|
|
4571
4739
|
:host {
|
|
4572
4740
|
position: relative;
|
|
4573
4741
|
display: flex;
|
|
@@ -4715,7 +4883,7 @@
|
|
|
4715
4883
|
justify-content: flex-end;
|
|
4716
4884
|
align-items: center;
|
|
4717
4885
|
}
|
|
4718
|
-
`],
|
|
4886
|
+
`],Is([a({type:Boolean,reflect:!0})],ot.prototype,"disabled",2),Is([a({type:Boolean,reflect:!0})],ot.prototype,"error",2),ot=Is([p("uui-ref")],ot);var Qv=Object.defineProperty,Jv=Object.getOwnPropertyDescriptor,oo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Jv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Qv(e,i,r),r};let M=class extends ot{constructor(){super(...arguments),this.name="",this.detail="",this._iconSlotHasContent=!1,this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M396.441 138.878l-83.997-83.993-7.331-7.333H105.702v416.701h298.071V146.214l-7.332-7.336zM130.74 439.217V72.591h141.613c37.201 0 19.274 88.18 19.274 88.18s86-20.901 87.104 18.534v259.912H130.74z"></path></svg>'}connectedCallback(){super.connectedCallback(),y(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail"
|
|
4719
4887
|
>${this.detail}<slot name="detail"></slot
|
|
4720
4888
|
></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
4721
4889
|
<button
|
|
@@ -4799,17 +4967,17 @@
|
|
|
4799
4967
|
:host([disabled]) #detail {
|
|
4800
4968
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4801
4969
|
}
|
|
4802
|
-
`],
|
|
4970
|
+
`],oo([a({type:String})],M.prototype,"name",2),oo([a({type:String})],M.prototype,"detail",2),oo([b()],M.prototype,"_iconSlotHasContent",2),M=oo([p("uui-ref-node")],M);var ef=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,_u=(t,e,i,o)=>{for(var r=o>1?void 0:o?tf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ef(e,i,r),r};let Ki=class extends M{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4803
4971
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4804
|
-
></small>`}};
|
|
4972
|
+
></small>`}};Ki.styles=[...M.styles],_u([a({type:String})],Ki.prototype,"alias",2),Ki=_u([p("uui-ref-node-data-type")],Ki);var rf=Object.defineProperty,of=Object.getOwnPropertyDescriptor,yu=(t,e,i,o)=>{for(var r=o>1?void 0:o?of(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rf(e,i,r),r};let Xi=class extends M{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4805
4973
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4806
|
-
></small>`}};
|
|
4974
|
+
></small>`}};Xi.styles=[...M.styles],yu([a({type:String})],Xi.prototype,"alias",2),Xi=yu([p("uui-ref-node-document-type")],Xi);var sf=Object.defineProperty,nf=Object.getOwnPropertyDescriptor,af=(t,e,i,o)=>{for(var r=o>1?void 0:o?nf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&sf(e,i,r),r};let so=class extends M{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>'}};so.styles=[...M.styles],so=af([p("uui-ref-node-form")],so);var lf=Object.defineProperty,uf=Object.getOwnPropertyDescriptor,xu=(t,e,i,o)=>{for(var r=o>1?void 0:o?uf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&lf(e,i,r),r};let Yi=class extends M{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
|
|
4807
4975
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4808
|
-
></small>`}};
|
|
4976
|
+
></small>`}};Yi.styles=[...M.styles],xu([a({type:String,attribute:"group-name"})],Yi.prototype,"groupName",2),Yi=xu([p("uui-ref-node-member")],Yi);var cf=Object.defineProperty,hf=Object.getOwnPropertyDescriptor,As=(t,e,i,o)=>{for(var r=o>1?void 0:o?hf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&cf(e,i,r),r};let fi=class extends M{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail"
|
|
4809
4977
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4810
|
-
></small>`}};
|
|
4978
|
+
></small>`}};fi.styles=[...M.styles],As([a({type:String})],fi.prototype,"version",2),As([a({type:String})],fi.prototype,"author",2),fi=As([p("uui-ref-node-package")],fi);var df=Object.defineProperty,pf=Object.getOwnPropertyDescriptor,wu=(t,e,i,o)=>{for(var r=o>1?void 0:o?pf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&df(e,i,r),r};let Zi=class extends M{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M331.135 98.375c3.677 14.798 4.045 16.031 3.702 31.225-.138 5.855-3.5 32.936-2.586 41.242.751 6.851 2.46 7.395 5.162 13.041 4.705 9.824 3.13 23.376 1.325 33.282-.988 5.42-3.076 13.136-6.248 17.561-3.497 4.876-10.498 4.913-13.592 10.602-4.459 8.195-1.941 19.692-4.752 28.54-3.193 10.033-11.325 10.738-11.938 23.867 3.986.562 7.962 1.134 11.938 1.703 3.99 8.484 11.297 25.552 18.759 30.688 6.25 1.705 12.505 3.411 18.752 5.113 21.907 8.982 46.251 19.732 68.204 28.987 19.991 8.434 43.927 11.439 51.151 32.396 0 14.229 1.343 47.849.976 66.497H36.514c-.367-18.648.974-52.268.974-66.497 7.226-20.957 31.16-23.963 51.151-32.396 21.953-9.255 46.297-20.005 68.201-28.987 6.25-1.702 12.506-3.408 18.754-5.113 7.461-5.136 14.77-22.203 18.76-30.688l8.877-2.158c-2.017-11.206-8.954-12.078-11.845-20.01a91882.59 91882.59 0 00-3.408-35.806c.055.563-8.163-1.497-9.238-2.171-11.58-7.256-11.816-36.723-12.931-48.978-.508-5.603 7.283-10.193 5.118-20.465-12.69-60.138 5.486-88.282 34.229-97.614 19.95-8.083 57.198-23.074 91.941-1.703l8.621 7.991 13.952 2.405c7 4.041 11.465 17.446 11.465 17.446z"></path></svg>',this.groupName=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.groupName!==""&&t.push(this.groupName),l`<small id="detail"
|
|
4811
4979
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4812
|
-
></small>`}};
|
|
4980
|
+
></small>`}};Zi.styles=[...M.styles],wu([a({type:String,attribute:"group-name"})],Zi.prototype,"groupName",2),Zi=wu([p("uui-ref-node-user")],Zi);var vf=Object.defineProperty,ff=Object.getOwnPropertyDescriptor,$u=(t,e,i,o)=>{for(var r=o>1?void 0:o?ff(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&vf(e,i,r),r};let Qi=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Qi.styles=[d`
|
|
4813
4981
|
:host {
|
|
4814
4982
|
display: block;
|
|
4815
4983
|
scrollbar-width: thin;
|
|
@@ -4835,9 +5003,9 @@
|
|
|
4835
5003
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4836
5004
|
border-radius: 3px;
|
|
4837
5005
|
}
|
|
4838
|
-
`]
|
|
5006
|
+
`],$u([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],Qi.prototype,"enforceScroll",2),Qi=$u([p("uui-scroll-container")],Qi);var bf=Object.defineProperty,Eu=Object.getOwnPropertySymbols,gf=Object.prototype.hasOwnProperty,mf=Object.prototype.propertyIsEnumerable,Pu=(t,e,i)=>e in t?bf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Cu=(t,e)=>{for(var i in e||(e={}))gf.call(e,i)&&Pu(t,i,e[i]);if(Eu)for(var i of Eu(e))mf.call(e,i)&&Pu(t,i,e[i]);return t};class no extends z{constructor(e,i={}){super(e,Cu(Cu({},{bubbles:!0}),i))}}no.CHANGE="change";var _f=Object.defineProperty,yf=Object.getOwnPropertyDescriptor,Oe=(t,e,i,o)=>{for(var r=o>1?void 0:o?yf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&_f(e,i,r),r};let J=class extends ge(v){constructor(){super(),this.placeholder="",this.disabled=!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","")})}focus(){this._input.focus()}click(){this._input.click()}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(t=>t.group).map(t=>t.group))))}willUpdate(t){if(t.has("options")){this._extractGroups(),this._values=this.options.map(i=>i.value);const e=this.options.find(i=>i.selected);this.value=e?e.value:""}t.has("value")&&(this.value=this._values.includes(this.value)?this.value:""),t.has("disabledGroups")&&this._createDisabledGroups()}setValue(t){t.stopPropagation();const e=t.target;t.target&&(this.value=e.value),this.dispatchEvent(new no(no.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,i,o){return l`<option
|
|
4839
5007
|
value="${e}"
|
|
4840
|
-
?selected=${
|
|
5008
|
+
?selected=${i}
|
|
4841
5009
|
?disabled=${o}>
|
|
4842
5010
|
${t}
|
|
4843
5011
|
</option>`}_renderGrouped(){return this._groups.length===0?$:l`
|
|
@@ -4927,7 +5095,7 @@
|
|
|
4927
5095
|
:host([error]) #native[disabled] {
|
|
4928
5096
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4929
5097
|
}
|
|
4930
|
-
`],
|
|
5098
|
+
`],Oe([a({type:String})],J.prototype,"label",2),Oe([a()],J.prototype,"placeholder",2),Oe([a({type:Boolean,reflect:!0})],J.prototype,"disabled",2),Oe([a({type:Boolean,reflect:!0})],J.prototype,"error",2),Oe([a({type:Array,attribute:!1})],J.prototype,"options",2),Oe([b()],J.prototype,"_groups",2),Oe([a()],J.prototype,"disabledGroups",2),Oe([b()],J.prototype,"_disabledGroups",2),Oe([O("#native")],J.prototype,"_input",2),J=Oe([p("uui-select")],J);const xf=d`
|
|
4931
5099
|
input[type='range'] {
|
|
4932
5100
|
left: 0;
|
|
4933
5101
|
position: absolute;
|
|
@@ -5034,15 +5202,15 @@
|
|
|
5034
5202
|
input[type='range']:focus::-ms-fill-upper {
|
|
5035
5203
|
background: transparent;
|
|
5036
5204
|
}
|
|
5037
|
-
`;var
|
|
5038
|
-
${t.map(
|
|
5039
|
-
`,
|
|
5205
|
+
`;var wf=Object.defineProperty,Ou=Object.getOwnPropertySymbols,$f=Object.prototype.hasOwnProperty,Ef=Object.prototype.propertyIsEnumerable,zu=(t,e,i)=>e in t?wf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,ku=(t,e)=>{for(var i in e||(e={}))$f.call(e,i)&&zu(t,i,e[i]);if(Ou)for(var i of Ou(e))Ef.call(e,i)&&zu(t,i,e[i]);return t};class Ut extends z{constructor(e,i={}){super(e,ku(ku({},{bubbles:!0}),i))}}Ut.INPUT="input",Ut.CHANGE="change";var Pf=Object.defineProperty,Cf=Object.getOwnPropertyDescriptor,ee=(t,e,i,o)=>{for(var r=o>1?void 0:o?Cf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Pf(e,i,r),r};const Ji=12,Su=24,Of=(t,e)=>m`
|
|
5206
|
+
${t.map(i=>{if(e>=Su){const o=Math.round(Ji+e*t.indexOf(i));return m`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return m``})}
|
|
5207
|
+
`,zf=(t,e,i)=>i?$:l`<div id="step-values">
|
|
5040
5208
|
${t.map(o=>l` <span
|
|
5041
5209
|
><span>
|
|
5042
|
-
${t.length<=20&&e>=
|
|
5210
|
+
${t.length<=20&&e>=Su?o.toFixed(0):$}
|
|
5043
5211
|
</span></span
|
|
5044
5212
|
>`)}
|
|
5045
|
-
</div>`,
|
|
5213
|
+
</div>`,kf=(t,e,i)=>Array.from({length:(e-t)/i+1},(o,r)=>t+r*i);let j=class extends ge(v){constructor(){super(),this.hideStepValues=!1,this.min=0,this.max=100,this.step=1,this.disabled=!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("keypress",this._onKeypress)}get value(){return this._value}set value(t){if(t instanceof File)return;const e=this._value;let i=t?parseFloat(t):0;i=Math.min(Math.max(i,this.min),this.max),this.step>0&&(i=Math.round(i/this.step)*this.step),this._value=i.toString(),this._calculateSliderPosition(),"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",e)}focus(){this._input.focus()}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(t){super.updated(t),(t.get("max")||t.get("min")||t.get("step"))&&(this.value=this.value,this._updateSteps())}_updateSteps(){this._steps=kf(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Ji*2)/(this._steps.length-1)}_onKeypress(t){t.key=="Enter"&&this.submit()}_calculateSliderPosition(){const t=(parseFloat(this._value||"0")-this.min)/(this.max-this.min);this._sliderPosition=`${Math.floor(t*1e5)/1e3}%`}_onInput(t){t.stopPropagation(),this.value=this._input.value,this.dispatchEvent(new Ut(Ut.INPUT))}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Ut(Ut.CHANGE))}render(){return l`
|
|
5046
5214
|
<input
|
|
5047
5215
|
id="input"
|
|
5048
5216
|
type="range"
|
|
@@ -5057,17 +5225,17 @@
|
|
|
5057
5225
|
<div id="track" aria-hidden="true">
|
|
5058
5226
|
<svg height="100%" width="100%">
|
|
5059
5227
|
<rect x="9" y="9" height="3" rx="2" />
|
|
5060
|
-
${
|
|
5228
|
+
${Of(this._steps,this._stepWidth)}
|
|
5061
5229
|
</svg>
|
|
5062
5230
|
|
|
5063
5231
|
<div id="track-inner" aria-hidden="true">
|
|
5064
|
-
<div id="thumb" style=${
|
|
5232
|
+
<div id="thumb" style=${_e({left:this._sliderPosition})}>
|
|
5065
5233
|
<div id="thumb-label">${this.value}</div>
|
|
5066
5234
|
</div>
|
|
5067
5235
|
</div>
|
|
5068
5236
|
</div>
|
|
5069
|
-
${
|
|
5070
|
-
`}};j.formAssociated=!0,j.styles=[
|
|
5237
|
+
${zf(this._steps,this._stepWidth,this.hideStepValues)}
|
|
5238
|
+
`}};j.formAssociated=!0,j.styles=[_d,xf,d`
|
|
5071
5239
|
:host {
|
|
5072
5240
|
display: inline-block;
|
|
5073
5241
|
width: 100%;
|
|
@@ -5115,8 +5283,8 @@
|
|
|
5115
5283
|
|
|
5116
5284
|
#track-inner {
|
|
5117
5285
|
position: absolute;
|
|
5118
|
-
left: ${
|
|
5119
|
-
right: ${
|
|
5286
|
+
left: ${Ji}px; /* Match TRACK_MARGIN */
|
|
5287
|
+
right: ${Ji}px; /* Match TRACK_MARGIN */
|
|
5120
5288
|
}
|
|
5121
5289
|
|
|
5122
5290
|
#thumb {
|
|
@@ -5175,7 +5343,7 @@
|
|
|
5175
5343
|
}
|
|
5176
5344
|
|
|
5177
5345
|
#step-values {
|
|
5178
|
-
margin: 0 ${
|
|
5346
|
+
margin: 0 ${Ji}px; /* Match TRACK_MARGIN */
|
|
5179
5347
|
margin-top: 6px;
|
|
5180
5348
|
display: flex;
|
|
5181
5349
|
align-items: flex-end;
|
|
@@ -5206,9 +5374,9 @@
|
|
|
5206
5374
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
5207
5375
|
background-color: var(--uui-color-danger,#d42054);
|
|
5208
5376
|
}
|
|
5209
|
-
`],ee([a({type:Boolean,attribute:"hide-step-values"})],j.prototype,"hideStepValues",2),ee([a({type:Number})],j.prototype,"min",2),ee([a({type:Number})],j.prototype,"max",2),ee([a({type:Number})],j.prototype,"step",2),ee([a({type:String})],j.prototype,"value",1),ee([a({type:Boolean,reflect:!0})],j.prototype,"disabled",2),ee([a({type:String})],j.prototype,"label",2),ee([O("#input")],j.prototype,"_input",2),ee([O("#track")],j.prototype,"_track",2),ee([b()],j.prototype,"_stepWidth",2),ee([b()],j.prototype,"_steps",2),ee([b()],j.prototype,"_sliderPosition",2),j=ee([p("uui-slider")],j);var Sf=Object.defineProperty,
|
|
5377
|
+
`],ee([a({type:Boolean,attribute:"hide-step-values"})],j.prototype,"hideStepValues",2),ee([a({type:Number})],j.prototype,"min",2),ee([a({type:Number})],j.prototype,"max",2),ee([a({type:Number})],j.prototype,"step",2),ee([a({type:String})],j.prototype,"value",1),ee([a({type:Boolean,reflect:!0})],j.prototype,"disabled",2),ee([a({type:String})],j.prototype,"label",2),ee([O("#input")],j.prototype,"_input",2),ee([O("#track")],j.prototype,"_track",2),ee([b()],j.prototype,"_stepWidth",2),ee([b()],j.prototype,"_steps",2),ee([b()],j.prototype,"_sliderPosition",2),j=ee([p("uui-slider")],j);var Sf=Object.defineProperty,If=Object.getOwnPropertyDescriptor,Iu=(t,e,i,o)=>{for(var r=o>1?void 0:o?If(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Sf(e,i,r),r};let er=class extends v{constructor(){super(...arguments),this.open=!1}render(){return l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5210
5378
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5211
|
-
</svg>`}};
|
|
5379
|
+
</svg>`}};er.styles=[d`
|
|
5212
5380
|
:host {
|
|
5213
5381
|
display: inline-block;
|
|
5214
5382
|
width: 12px;
|
|
@@ -5227,13 +5395,13 @@
|
|
|
5227
5395
|
:host([open]) svg {
|
|
5228
5396
|
transform: rotate(0deg);
|
|
5229
5397
|
}
|
|
5230
|
-
`],
|
|
5398
|
+
`],Iu([a({type:Boolean,reflect:!0})],er.prototype,"open",2),er=Iu([p("uui-symbol-expand")],er);var Af=Object.defineProperty,Df=Object.getOwnPropertyDescriptor,Au=(t,e,i,o)=>{for(var r=o>1?void 0:o?Df(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Af(e,i,r),r};let tr=class extends v{constructor(){super(...arguments),this.error=!1}render(){return l`<svg
|
|
5231
5399
|
xmlns="http://www.w3.org/2000/svg"
|
|
5232
5400
|
viewBox="0 0 512 512"
|
|
5233
5401
|
id="upload-icon">
|
|
5234
5402
|
<path
|
|
5235
5403
|
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"} />
|
|
5236
|
-
</svg> `}};
|
|
5404
|
+
</svg> `}};tr.styles=[d`
|
|
5237
5405
|
:host {
|
|
5238
5406
|
display: flex;
|
|
5239
5407
|
flex-direction: column;
|
|
@@ -5252,9 +5420,9 @@
|
|
|
5252
5420
|
:host([error]) #upload-icon {
|
|
5253
5421
|
fill: var(--uui-color-danger,#d42054);
|
|
5254
5422
|
}
|
|
5255
|
-
`],
|
|
5423
|
+
`],Au([a({type:Boolean,reflect:!0})],tr.prototype,"error",2),tr=Au([p("uui-symbol-file-dropzone")],tr);var Uf=Object.defineProperty,Lf=Object.getOwnPropertyDescriptor,Ds=(t,e,i,o)=>{for(var r=o>1?void 0:o?Lf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Uf(e,i,r),r};let bi=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),y(this,"uui-icon")}render(){return this.src?l`<img src=${this.src} alt=${this.alt} />`:l`<uui-icon
|
|
5256
5424
|
name="picture"
|
|
5257
|
-
.fallback=${Sd.strings[0]}></uui-icon>`}};
|
|
5425
|
+
.fallback=${Sd.strings[0]}></uui-icon>`}};bi.styles=[d`
|
|
5258
5426
|
:host {
|
|
5259
5427
|
display: block;
|
|
5260
5428
|
width: 100%;
|
|
@@ -5277,9 +5445,9 @@
|
|
|
5277
5445
|
color: var(--uui-color-surface,#fff);
|
|
5278
5446
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
5279
5447
|
}
|
|
5280
|
-
`],
|
|
5448
|
+
`],Ds([a({type:String})],bi.prototype,"src",2),Ds([a({type:String})],bi.prototype,"alt",2),bi=Ds([p("uui-symbol-file-thumbnail")],bi);var Mf=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,Du=(t,e,i,o)=>{for(var r=o>1?void 0:o?Nf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Mf(e,i,r),r};let ir=class extends v{constructor(){super(...arguments),this.open=!1}render(){return m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5281
5449
|
${this.open===!0?m`<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>`:m`<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>`}
|
|
5282
|
-
</svg>`}};
|
|
5450
|
+
</svg>`}};ir.styles=[d`
|
|
5283
5451
|
:host {
|
|
5284
5452
|
display: inline-block;
|
|
5285
5453
|
vertical-align: middle;
|
|
@@ -5289,7 +5457,7 @@
|
|
|
5289
5457
|
svg {
|
|
5290
5458
|
fill: currentColor;
|
|
5291
5459
|
}
|
|
5292
|
-
`],
|
|
5460
|
+
`],Du([a({type:Boolean,reflect:!0})],ir.prototype,"open",2),ir=Du([p("uui-symbol-lock")],ir);var Vf=Object.defineProperty,Tf=Object.getOwnPropertyDescriptor,Hf=(t,e,i,o)=>{for(var r=o>1?void 0:o?Tf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Vf(e,i,r),r};let ao=class extends v{render(){return l`•••`}};ao.styles=[d`
|
|
5293
5461
|
:host {
|
|
5294
5462
|
display: inline-block;
|
|
5295
5463
|
font-size: 0.8em;
|
|
@@ -5298,7 +5466,7 @@
|
|
|
5298
5466
|
line-height: 1em;
|
|
5299
5467
|
user-select: none;
|
|
5300
5468
|
}
|
|
5301
|
-
`],
|
|
5469
|
+
`],ao=Hf([p("uui-symbol-more")],ao);var jf=Object.defineProperty,Bf=Object.getOwnPropertyDescriptor,Uu=(t,e,i,o)=>{for(var r=o>1?void 0:o?Bf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&jf(e,i,r),r};let rr=class extends zi(v){constructor(){super(...arguments),this.descending=!1}render(){return l`<svg
|
|
5302
5470
|
id="up"
|
|
5303
5471
|
xmlns="http://www.w3.org/2000/svg"
|
|
5304
5472
|
viewBox="0 0 512 512">
|
|
@@ -5306,7 +5474,7 @@
|
|
|
5306
5474
|
</svg>
|
|
5307
5475
|
<svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5308
5476
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5309
|
-
</svg>`}};
|
|
5477
|
+
</svg>`}};rr.styles=[d`
|
|
5310
5478
|
:host {
|
|
5311
5479
|
position: relative;
|
|
5312
5480
|
display: inline-block;
|
|
@@ -5363,7 +5531,7 @@
|
|
|
5363
5531
|
:host([active][descending]) #down {
|
|
5364
5532
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
5365
5533
|
}
|
|
5366
|
-
`],
|
|
5534
|
+
`],Uu([a({type:Boolean,reflect:!0})],rr.prototype,"descending",2),rr=Uu([p("uui-symbol-sort")],rr);var Rf=Object.defineProperty,Ff=Object.getOwnPropertyDescriptor,Gf=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ff(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Rf(e,i,r),r};let lo=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};lo.styles=[d`
|
|
5367
5535
|
:host {
|
|
5368
5536
|
display: table;
|
|
5369
5537
|
width: 100%;
|
|
@@ -5371,7 +5539,7 @@
|
|
|
5371
5539
|
background-color: var(--uui-color-surface,#fff);
|
|
5372
5540
|
cursor: default;
|
|
5373
5541
|
}
|
|
5374
|
-
`],
|
|
5542
|
+
`],lo=Gf([p("uui-table")],lo);var qf=Object.defineProperty,Wf=Object.getOwnPropertyDescriptor,uo=(t,e,i,o)=>{for(var r=o>1?void 0:o?Wf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&qf(e,i,r),r};let ze=class extends v{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(t){super.updated(t),t.has("clipText")&&(this.clipText?(this._detectOverflow(),this._observer.observe(this)):this._observer.disconnect())}render(){return l` <slot @slotchange=${this._detectOverflow}></slot>`}};ze.styles=[d`
|
|
5375
5543
|
:host {
|
|
5376
5544
|
position: relative;
|
|
5377
5545
|
display: table-cell;
|
|
@@ -5405,20 +5573,20 @@
|
|
|
5405
5573
|
:host([no-padding]) {
|
|
5406
5574
|
padding: 0;
|
|
5407
5575
|
}
|
|
5408
|
-
`],
|
|
5576
|
+
`],uo([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],ze.prototype,"disableChildInteraction",2),uo([a({type:Boolean,reflect:!0,attribute:"no-padding"})],ze.prototype,"noPadding",2),uo([a({type:Boolean,reflect:!0,attribute:"clip-text"})],ze.prototype,"clipText",2),ze=uo([p("uui-table-cell")],ze);var Kf=Object.defineProperty,Xf=Object.getOwnPropertyDescriptor,Yf=(t,e,i,o)=>{for(var r=o>1?void 0:o?Xf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Kf(e,i,r),r};let co=class extends v{};co.styles=[d`
|
|
5409
5577
|
:host {
|
|
5410
5578
|
display: table-column;
|
|
5411
5579
|
}
|
|
5412
|
-
`],
|
|
5580
|
+
`],co=Yf([p("uui-table-column")],co);var Zf=Object.defineProperty,Qf=Object.getOwnPropertyDescriptor,Jf=(t,e,i,o)=>{for(var r=o>1?void 0:o?Qf(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Zf(e,i,r),r};let ho=class extends ze{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};ho.styles=[...ze.styles,d`
|
|
5413
5581
|
:host {
|
|
5414
5582
|
border-top: none;
|
|
5415
5583
|
}
|
|
5416
|
-
`],
|
|
5584
|
+
`],ho=Jf([p("uui-table-head-cell")],ho);var eb=Object.defineProperty,tb=Object.getOwnPropertyDescriptor,ib=(t,e,i,o)=>{for(var r=o>1?void 0:o?tb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&eb(e,i,r),r};let po=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};po.styles=[d`
|
|
5417
5585
|
:host {
|
|
5418
5586
|
display: table-header-group;
|
|
5419
5587
|
font-weight: bold;
|
|
5420
5588
|
}
|
|
5421
|
-
`],
|
|
5589
|
+
`],po=ib([p("uui-table-head")],po);var rb=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,Lu=(t,e,i,o)=>{for(var r=o>1?void 0:o?ob(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&rb(e,i,r),r};let or=class extends yr(Rt(v)){constructor(){super();let t=!1;this.addEventListener("blur",()=>{t===!1&&this.style.setProperty("--uui-show-focus-outline","1"),t=!1}),this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),t=!0}),this.addEventListener("mouseup",()=>{t=!1})}connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}updated(t){t.has("selectOnly")&&this.updateChildSelectOnly()}updateChildSelectOnly(){this.slotCellNodes&&this.slotCellNodes.forEach(t=>{this.elementIsTableCell(t)&&(t.disableChildInteraction=this.selectOnly)})}elementIsTableCell(t){return t instanceof ze}render(){return l` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}};or.styles=[d`
|
|
5422
5590
|
:host {
|
|
5423
5591
|
display: table-row;
|
|
5424
5592
|
position: relative;
|
|
@@ -5440,7 +5608,7 @@
|
|
|
5440
5608
|
:host([selected]:focus) {
|
|
5441
5609
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
5442
5610
|
}
|
|
5443
|
-
`],
|
|
5611
|
+
`],Lu([Qe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],or.prototype,"slotCellNodes",2),or=Lu([p("uui-table-row")],or);var sb=Object.defineProperty,nb=Object.getOwnPropertyDescriptor,sr=(t,e,i,o)=>{for(var r=o>1?void 0:o?nb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&sb(e,i,r),r};let Ke=class extends zi(be("",v)){constructor(){super(),this.disabled=!1,this.orientation="horizontal",this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`
|
|
5444
5612
|
<a
|
|
5445
5613
|
id="button"
|
|
5446
5614
|
href=${P(this.disabled?void 0:this.href)}
|
|
@@ -5461,7 +5629,7 @@
|
|
|
5461
5629
|
${this.renderLabel()}
|
|
5462
5630
|
<slot name="extra"></slot>
|
|
5463
5631
|
</button>
|
|
5464
|
-
`}};
|
|
5632
|
+
`}};Ke.styles=[d`
|
|
5465
5633
|
:host {
|
|
5466
5634
|
color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
|
|
5467
5635
|
font-family: inherit;
|
|
@@ -5582,8 +5750,8 @@
|
|
|
5582
5750
|
:host([orientation='vertical']) slot.label {
|
|
5583
5751
|
text-align: left;
|
|
5584
5752
|
}
|
|
5585
|
-
`],
|
|
5586
|
-
<slot @slotchange=${st(this,
|
|
5753
|
+
`],sr([a({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),sr([a({type:String})],Ke.prototype,"href",2),sr([a({type:String})],Ke.prototype,"target",2),sr([a({type:String,reflect:!0})],Ke.prototype,"orientation",2),Ke=sr([p("uui-tab")],Ke);var ab=Object.defineProperty,lb=Object.getOwnPropertyDescriptor,vo=(t,e,i,o)=>{for(var r=o>1?void 0:o?lb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&ab(e,i,r),r},Us=(t,e,i)=>{if(!e.has(t))throw TypeError("Cannot "+i)},C=(t,e,i)=>(Us(t,e,"read from private field"),i?i.call(t):e.get(t)),te=(t,e,i)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,i)},Ls=(t,e,i,o)=>(Us(t,e,"write to private field"),o?o.call(t,i):e.set(t,i),i),st=(t,e,i)=>(Us(t,e,"access private method"),i),Xe,Ye,gi,ke,fo,bo,Ms,Mu,Ns,Nu,mi,go,Vs,Ts,Vu,Hs,Tu,mo,js;let Lt=class extends v{constructor(){super(...arguments),te(this,Ms),te(this,Ns),te(this,go),te(this,Ts),te(this,Hs),te(this,mo),this.dropdownContentDirection="vertical",te(this,Xe,[]),te(this,Ye,[]),te(this,gi,new Map),te(this,ke,[]),te(this,fo,0),te(this,bo,new ResizeObserver(st(this,Ms,Mu).bind(this))),te(this,mi,t=>{const e=t.currentTarget;if(st(this,mo,js).call(this,e)){e.active=!0;const i=C(this,gi).get(e);i&&(i.active=!0),[...C(this,Xe),...C(this,Ye)].filter(s=>s!==e&&s!==i).forEach(s=>{st(this,mo,js).call(this,s)&&(s.active=!1)}),C(this,Ye).some(s=>s.active&&s!==i)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),C(this,bo).observe(this),this.hasAttribute("role")||this.setAttribute("role","tablist")}disconnectedCallback(){super.disconnectedCallback(),C(this,bo).unobserve(this)}render(){return l`
|
|
5754
|
+
<slot @slotchange=${st(this,Ns,Nu)}></slot>
|
|
5587
5755
|
<uui-button
|
|
5588
5756
|
popovertarget="popover-container"
|
|
5589
5757
|
style="display: none"
|
|
@@ -5598,10 +5766,10 @@
|
|
|
5598
5766
|
margin="10"
|
|
5599
5767
|
placement="bottom-end">
|
|
5600
5768
|
<div id="hidden-tabs-container">
|
|
5601
|
-
${
|
|
5769
|
+
${os(C(this,Ye),t=>l`${t}`)}
|
|
5602
5770
|
</div>
|
|
5603
5771
|
</uui-popover-container>
|
|
5604
|
-
`}};
|
|
5772
|
+
`}};Xe=new WeakMap,Ye=new WeakMap,gi=new WeakMap,ke=new WeakMap,fo=new WeakMap,bo=new WeakMap,Ms=new WeakSet,Mu=function(t){st(this,go,Vs).call(this,t[0].contentBoxSize[0].inlineSize)},Ns=new WeakSet,Nu=function(){C(this,Xe).forEach(t=>{t.removeEventListener("click",C(this,mi))}),st(this,Hs,Tu).call(this),C(this,Xe).forEach(t=>{t.addEventListener("click",C(this,mi))})},mi=new WeakMap,go=new WeakSet,Vs=function(t){const e=this._moreButtonElement.offsetWidth;if(C(this,ke).slice(-1)[0]<t&&C(this,Ye).length===0)return;let i=Number.MAX_VALUE;for(let r=C(this,ke).length-1;r>-1;r--){const s=C(this,ke)[r],n=t-(r!==C(this,ke).length-1?e:0);if(s<n){i=r;break}}if(i===C(this,fo))return;Ls(this,fo,i),C(this,Ye).forEach(r=>{r.removeEventListener("click",C(this,mi))}),Ls(this,Ye,[]),C(this,gi).clear();let o=!1;for(let r=0;r<C(this,ke).length;r++){const s=C(this,ke)[r],n=C(this,Xe)[r],u=t-(r!==C(this,ke).length-1?e:0);if(s<u)n.style.display="",this._moreButtonElement.style.display="none";else{const c=n.cloneNode(!0);c.addEventListener("click",C(this,mi)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,C(this,gi).set(c,n),C(this,gi).set(n,c),C(this,Ye).push(c),n.style.display="none",this._moreButtonElement.style.display="",n.active&&(o=!0)}}o?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside"),this.requestUpdate()},Ts=new WeakSet,Vu=function(){let t=0;for(let e=0;e<C(this,Xe).length;e++)t+=C(this,Xe)[e].offsetWidth,C(this,ke)[e]=t;st(this,go,Vs).call(this,this.offsetWidth)},Hs=new WeakSet,Tu=function(){Ls(this,Xe,this._slottedNodes?this._slottedNodes:[]),st(this,Ts,Vu).call(this)},mo=new WeakSet,js=function(t){return t instanceof Ke||"active"in t},Lt.styles=[d`
|
|
5605
5773
|
:host {
|
|
5606
5774
|
display: flex;
|
|
5607
5775
|
flex-wrap: wrap;
|
|
@@ -5652,7 +5820,7 @@
|
|
|
5652
5820
|
height: 4px;
|
|
5653
5821
|
transition: opacity 120ms, height ease-out 120ms;
|
|
5654
5822
|
}
|
|
5655
|
-
`],
|
|
5823
|
+
`],vo([O("#more-button")],Lt.prototype,"_moreButtonElement",2),vo([Qe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],Lt.prototype,"_slottedNodes",2),vo([a({type:String,reflect:!0,attribute:"dropdown-content-direction"})],Lt.prototype,"dropdownContentDirection",2),Lt=vo([p("uui-tab-group")],Lt);class ub extends z{}class cb extends z{}var hb=Object.defineProperty,db=Object.getOwnPropertyDescriptor,Bs=(t,e,i,o)=>{for(var r=o>1?void 0:o?db(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&hb(e,i,r),r};let _i=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};_i.styles=[d`
|
|
5656
5824
|
:host {
|
|
5657
5825
|
display: inline-block;
|
|
5658
5826
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -5719,7 +5887,7 @@
|
|
|
5719
5887
|
color: var(--color-standalone);
|
|
5720
5888
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
5721
5889
|
}
|
|
5722
|
-
`],
|
|
5890
|
+
`],Bs([a({reflect:!0})],_i.prototype,"color",2),Bs([a({reflect:!0})],_i.prototype,"look",2),_i=Bs([p("uui-tag")],_i);var pb=Object.defineProperty,Hu=Object.getOwnPropertySymbols,vb=Object.prototype.hasOwnProperty,fb=Object.prototype.propertyIsEnumerable,ju=(t,e,i)=>e in t?pb(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Bu=(t,e)=>{for(var i in e||(e={}))vb.call(e,i)&&ju(t,i,e[i]);if(Hu)for(var i of Hu(e))fb.call(e,i)&&ju(t,i,e[i]);return t};class nr extends z{constructor(e,i={}){super(e,Bu(Bu({},{bubbles:!0}),i))}}nr.CHANGE="change",nr.INPUT="input";var bb=Object.defineProperty,gb=Object.getOwnPropertyDescriptor,B=(t,e,i,o)=>{for(var r=o>1?void 0:o?gb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&bb(e,i,r),r};let L=class extends ge(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this),this.autoHeight&&requestAnimationFrame(()=>{this.autoUpdateHeight()})}focus(){var t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new nr(nr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,i=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight+2>e.clientHeight?e.style.height=e.scrollHeight+2+"px":e.scrollHeight+2<e.clientHeight&&e.style.removeProperty("height"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=i}render(){return l`
|
|
5723
5891
|
<textarea
|
|
5724
5892
|
id="textarea"
|
|
5725
5893
|
rows=${P(this.rows)}
|
|
@@ -5817,7 +5985,175 @@
|
|
|
5817
5985
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
5818
5986
|
var(--uui-color-focus,#3879ff);
|
|
5819
5987
|
}
|
|
5820
|
-
`],B([a()],L.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],L.prototype,"readonly",2),B([a({type:String})],L.prototype,"name",2),B([a({type:Boolean,reflect:!0})],L.prototype,"error",2),B([a({type:Number})],L.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],L.prototype,"minlengthMessage",2),B([a({type:Number})],L.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],L.prototype,"maxlengthMessage",2),B([O("#textarea")],L.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],L.prototype,"autoHeight",2),B([a({type:String})],L.prototype,"label",2),B([a({type:Number})],L.prototype,"rows",2),B([a({type:Number})],L.prototype,"cols",2),B([a({type:String})],L.prototype,"wrap",2),L=B([p("uui-textarea")],L);
|
|
5988
|
+
`],B([a()],L.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],L.prototype,"readonly",2),B([a({type:String})],L.prototype,"name",2),B([a({type:Boolean,reflect:!0})],L.prototype,"error",2),B([a({type:Number})],L.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],L.prototype,"minlengthMessage",2),B([a({type:Number})],L.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],L.prototype,"maxlengthMessage",2),B([O("#textarea")],L.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],L.prototype,"autoHeight",2),B([a({type:String})],L.prototype,"label",2),B([a({type:Number})],L.prototype,"rows",2),B([a({type:Number})],L.prototype,"cols",2),B([a({type:String})],L.prototype,"wrap",2),L=B([p("uui-textarea")],L);var mb=`.uui-text {
|
|
5989
|
+
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
5990
|
+
font-size: 15px;
|
|
5991
|
+
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
5992
|
+
-webkit-font-smoothing: antialiased;
|
|
5993
|
+
}
|
|
5994
|
+
|
|
5995
|
+
.uui-text h1,
|
|
5996
|
+
.uui-text .uui-h1 {
|
|
5997
|
+
font-size: var(--uui-type-h1-size,60px);
|
|
5998
|
+
line-height: var(--uui-size-layout-4,66px);
|
|
5999
|
+
font-weight: 300;
|
|
6000
|
+
margin-left: -5px;
|
|
6001
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6002
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6003
|
+
}
|
|
6004
|
+
.uui-text p + h1,
|
|
6005
|
+
.uui-text p + .uui-h1 {
|
|
6006
|
+
margin-top: var(--uui-size-layout-4,66px);
|
|
6007
|
+
}
|
|
6008
|
+
.uui-text h1.--no-top-margin,
|
|
6009
|
+
.uui-text h1:first-child,
|
|
6010
|
+
.uui-text .uui-h1.--no-top-margin,
|
|
6011
|
+
.uui-text .uui-h1:first-child {
|
|
6012
|
+
margin-top: 0;
|
|
6013
|
+
}
|
|
6014
|
+
|
|
6015
|
+
.uui-text h2,
|
|
6016
|
+
.uui-text .uui-h2 {
|
|
6017
|
+
font-size: var(--uui-type-h2-size,42px);
|
|
6018
|
+
line-height: var(--uui-size-layout-3,42px);
|
|
6019
|
+
font-weight: 300;
|
|
6020
|
+
margin-left: -3px;
|
|
6021
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6022
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6023
|
+
}
|
|
6024
|
+
.uui-text p + h2,
|
|
6025
|
+
.uui-text p + .uui-h2 {
|
|
6026
|
+
margin-top: var(--uui-size-layout-3,42px);
|
|
6027
|
+
}
|
|
6028
|
+
.uui-text h2.--no-top-margin,
|
|
6029
|
+
.uui-text h2:first-child,
|
|
6030
|
+
.uui-text .uui-h2.--no-top-margin,
|
|
6031
|
+
.uui-text .uui-h2:first-child {
|
|
6032
|
+
margin-top: 0;
|
|
6033
|
+
}
|
|
6034
|
+
|
|
6035
|
+
.uui-text h3,
|
|
6036
|
+
.uui-text .uui-h3 {
|
|
6037
|
+
font-size: var(--uui-type-h3-size,30px);
|
|
6038
|
+
line-height: var(--uui-size-large);
|
|
6039
|
+
font-weight: 300;
|
|
6040
|
+
margin-left: -2px;
|
|
6041
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6042
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6043
|
+
}
|
|
6044
|
+
.uui-text h3.--no-top-margin,
|
|
6045
|
+
.uui-text h3:first-child,
|
|
6046
|
+
.uui-text .uui-h3.--no-top-margin,
|
|
6047
|
+
.uui-text .uui-h3:first-child {
|
|
6048
|
+
margin-top: 0;
|
|
6049
|
+
}
|
|
6050
|
+
|
|
6051
|
+
.uui-text h4,
|
|
6052
|
+
.uui-text .uui-h4 {
|
|
6053
|
+
font-size: var(--uui-type-h4-size,21px);
|
|
6054
|
+
line-height: 21px;
|
|
6055
|
+
font-weight: 400;
|
|
6056
|
+
margin-left: -1px;
|
|
6057
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6058
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6059
|
+
}
|
|
6060
|
+
.uui-text h4.--no-top-margin,
|
|
6061
|
+
.uui-text h4:first-child,
|
|
6062
|
+
.uui-text .uui-h4.--no-top-margin,
|
|
6063
|
+
.uui-text .uui-h4:first-child {
|
|
6064
|
+
margin-top: 0;
|
|
6065
|
+
}
|
|
6066
|
+
|
|
6067
|
+
.uui-text h5,
|
|
6068
|
+
.uui-text .uui-h5 {
|
|
6069
|
+
font-size: var(--uui-type-h5-size,15px);
|
|
6070
|
+
line-height: inherit;
|
|
6071
|
+
font-weight: 700;
|
|
6072
|
+
margin-left: 0;
|
|
6073
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6074
|
+
margin-bottom: 0;
|
|
6075
|
+
}
|
|
6076
|
+
|
|
6077
|
+
.uui-text h5.--no-top-margin,
|
|
6078
|
+
.uui-text h5:first-child,
|
|
6079
|
+
.uui-text .uui-h5.--no-top-margin,
|
|
6080
|
+
.uui-text .uui-h5:first-child {
|
|
6081
|
+
margin-top: 0;
|
|
6082
|
+
}
|
|
6083
|
+
|
|
6084
|
+
.uui-text p {
|
|
6085
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6086
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6087
|
+
}
|
|
6088
|
+
.uui-text p.uui-lead {
|
|
6089
|
+
font-size: var(--uui-size-6,18px);
|
|
6090
|
+
}
|
|
6091
|
+
|
|
6092
|
+
.uui-text a {
|
|
6093
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
6094
|
+
}
|
|
6095
|
+
|
|
6096
|
+
.uui-text a:link,
|
|
6097
|
+
.uui-text a:active {
|
|
6098
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
6099
|
+
}
|
|
6100
|
+
.uui-text a:hover {
|
|
6101
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
6102
|
+
}
|
|
6103
|
+
|
|
6104
|
+
.uui-text small {
|
|
6105
|
+
display: inline-block;
|
|
6106
|
+
font-size: var(--uui-type-small-size,12px);
|
|
6107
|
+
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
6108
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6109
|
+
}
|
|
6110
|
+
|
|
6111
|
+
.uui-text blockquote {
|
|
6112
|
+
float: right;
|
|
6113
|
+
font-size: 15px;
|
|
6114
|
+
font-weight: 700;
|
|
6115
|
+
font-style: italic;
|
|
6116
|
+
margin-top: 0;
|
|
6117
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6118
|
+
margin-right: -0.035em;
|
|
6119
|
+
max-width: 16em;
|
|
6120
|
+
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
6121
|
+
line-height: inherit;
|
|
6122
|
+
}
|
|
6123
|
+
|
|
6124
|
+
.uui-text blockquote:before {
|
|
6125
|
+
content: open-quote;
|
|
6126
|
+
margin-left: -0.4em;
|
|
6127
|
+
margin-right: 0.08em;
|
|
6128
|
+
vertical-align: bottom;
|
|
6129
|
+
font-weight: 400;
|
|
6130
|
+
font-size: 2em;
|
|
6131
|
+
}
|
|
6132
|
+
|
|
6133
|
+
.uui-text blockquote:after {
|
|
6134
|
+
content: close-quote;
|
|
6135
|
+
margin-left: 0.04em;
|
|
6136
|
+
margin-right: -0.4em;
|
|
6137
|
+
vertical-align: bottom;
|
|
6138
|
+
font-weight: 400;
|
|
6139
|
+
font-size: 2em;
|
|
6140
|
+
margin-bottom: -2px;
|
|
6141
|
+
display: inline-block;
|
|
6142
|
+
}
|
|
6143
|
+
|
|
6144
|
+
.uui-text ul {
|
|
6145
|
+
list-style-type: square;
|
|
6146
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
6147
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6148
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6149
|
+
}
|
|
6150
|
+
|
|
6151
|
+
.uui-text ol {
|
|
6152
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
6153
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6154
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6155
|
+
}
|
|
6156
|
+
`;const _b=ce(mb);class F extends z{}F.OPENING="opening",F.OPENED="opened",F.CLOSING="closing",F.CLOSED="closed";var yb=Object.defineProperty,xb=Object.getOwnPropertyDescriptor,yi=(t,e,i,o)=>{for(var r=o>1?void 0:o?xb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&yb(e,i,r),r};let Ze=class extends v{constructor(){super(),this.color="",this._autoClose=null,this._onOpenTimerComplete=()=>{this._open&&(this.open=!1)},this._timer=null,this._pauseTimer=!1,this.isOpen=!1,this._open=!1,this._animate=!1,this._requestAnimationUpdate=0,this.addEventListener("keyup",t=>{t.key==="Escape"&&(this.open=!1)})}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,t!==null?(this._timer===null?this._timer=new Cd(this._onOpenTimerComplete,t):this._timer.setDuration(t),this._pauseTimer===!1&&this.isOpen===!0&&this._animate===!1&&this._timer.start()):((e=this._timer)==null||e.destroy(),this._timer=null)}pauseAutoClose(){this._pauseTimer=!0,this._timer!==null&&this._timer.pause()}resumeAutoClose(){this._pauseTimer=!1,this._timer!==null&&this.isOpen===!0&&this._animate===!1&&this._timer.restart()}get open(){return this._open}set open(t){t===!0?this._makeOpen():this._makeClose()}connectedCallback(){super.connectedCallback(),y(this,"uui-button"),y(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 F(F.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new F(F.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new F(F.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new F(F.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
|
|
5821
6157
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
5822
6158
|
<div>
|
|
5823
6159
|
<div id="close">
|
|
@@ -5828,13 +6164,13 @@
|
|
|
5828
6164
|
@click=${()=>this.open=!1}>
|
|
5829
6165
|
<uui-icon
|
|
5830
6166
|
name="remove"
|
|
5831
|
-
.fallback=${
|
|
6167
|
+
.fallback=${ma.strings[0]}></uui-icon>
|
|
5832
6168
|
</uui-button>
|
|
5833
6169
|
</div>
|
|
5834
6170
|
<slot></slot>
|
|
5835
6171
|
</div>
|
|
5836
6172
|
</div>
|
|
5837
|
-
`}};
|
|
6173
|
+
`}};Ze.styles=[_b,d`
|
|
5838
6174
|
:host {
|
|
5839
6175
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
5840
6176
|
|
|
@@ -5930,7 +6266,7 @@
|
|
|
5930
6266
|
color: var(--uui-color-danger-contrast,white);
|
|
5931
6267
|
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5932
6268
|
}
|
|
5933
|
-
`],
|
|
6269
|
+
`],yi([a({reflect:!0})],Ze.prototype,"color",2),yi([a({type:Number})],Ze.prototype,"autoClose",1),yi([O("#toast")],Ze.prototype,"_toastEl",2),yi([b()],Ze.prototype,"_animate",2),yi([a({type:Boolean,reflect:!0})],Ze.prototype,"open",1),Ze=yi([p("uui-toast-notification")],Ze);var wb=Object.defineProperty,$b=Object.getOwnPropertyDescriptor,Ru=(t,e,i,o)=>{for(var r=o>1?void 0:o?$b(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&wb(e,i,r),r};let ar=class extends v{constructor(){super(...arguments),this._autoClose=null,this._autoClosePause=!1,this.pauseAutoClose=()=>{var t;this._autoClosePause=!0,(t=this._toasts)==null||t.forEach(e=>e.pauseAutoClose())},this.resumeAutoClose=()=>{var t;this.matches(":focus-within:not(:focus)")===!1&&(this._autoClosePause=!1,(t=this._toasts)==null||t.forEach(e=>e.resumeAutoClose()))},this.onToastClosed=t=>{this.removeToast(t.target)},this._toasts=[],this.onSlotChanged=t=>{const e=[...this._toasts];this._toasts=t.target.assignedElements({flatten:!0}).filter(r=>r.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(r=>this._toasts.indexOf(r)===-1).forEach(r=>{r.removeEventListener(F.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=>e.indexOf(r)===-1).forEach(r=>{r.addEventListener(F.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(t){var e;this._autoClose=t,(e=this._toasts)==null||e.forEach(i=>i.autoClose=t)}removeToast(t){if(!t)t=this._toasts[this._toasts.length-1];else if(this._toasts.indexOf(t)===-1){console.warn("Toast-notification",t,"could not be removed as it is not a child of this toast-notification-container",this);return}this.removeChild(t)}closeToast(t){let e=t;e||(e=this._toasts[this._toasts.length-1]),e.open=!1}render(){return l` <slot @slotchange=${this.onSlotChanged}></slot> `}};ar.styles=[d`
|
|
5934
6270
|
:host {
|
|
5935
6271
|
position: absolute;
|
|
5936
6272
|
overflow: hidden;
|
|
@@ -5958,7 +6294,175 @@
|
|
|
5958
6294
|
:host([left-align]) slot {
|
|
5959
6295
|
align-items: start;
|
|
5960
6296
|
}
|
|
5961
|
-
`],
|
|
6297
|
+
`],Ru([a({type:Number,reflect:!0,attribute:"auto-close"})],ar.prototype,"_autoClose",2),ar=Ru([p("uui-toast-notification-container")],ar);var Eb=`.uui-text {
|
|
6298
|
+
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
6299
|
+
font-size: 15px;
|
|
6300
|
+
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
6301
|
+
-webkit-font-smoothing: antialiased;
|
|
6302
|
+
}
|
|
6303
|
+
|
|
6304
|
+
.uui-text h1,
|
|
6305
|
+
.uui-text .uui-h1 {
|
|
6306
|
+
font-size: var(--uui-type-h1-size,60px);
|
|
6307
|
+
line-height: var(--uui-size-layout-4,66px);
|
|
6308
|
+
font-weight: 300;
|
|
6309
|
+
margin-left: -5px;
|
|
6310
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6311
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6312
|
+
}
|
|
6313
|
+
.uui-text p + h1,
|
|
6314
|
+
.uui-text p + .uui-h1 {
|
|
6315
|
+
margin-top: var(--uui-size-layout-4,66px);
|
|
6316
|
+
}
|
|
6317
|
+
.uui-text h1.--no-top-margin,
|
|
6318
|
+
.uui-text h1:first-child,
|
|
6319
|
+
.uui-text .uui-h1.--no-top-margin,
|
|
6320
|
+
.uui-text .uui-h1:first-child {
|
|
6321
|
+
margin-top: 0;
|
|
6322
|
+
}
|
|
6323
|
+
|
|
6324
|
+
.uui-text h2,
|
|
6325
|
+
.uui-text .uui-h2 {
|
|
6326
|
+
font-size: var(--uui-type-h2-size,42px);
|
|
6327
|
+
line-height: var(--uui-size-layout-3,42px);
|
|
6328
|
+
font-weight: 300;
|
|
6329
|
+
margin-left: -3px;
|
|
6330
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6331
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6332
|
+
}
|
|
6333
|
+
.uui-text p + h2,
|
|
6334
|
+
.uui-text p + .uui-h2 {
|
|
6335
|
+
margin-top: var(--uui-size-layout-3,42px);
|
|
6336
|
+
}
|
|
6337
|
+
.uui-text h2.--no-top-margin,
|
|
6338
|
+
.uui-text h2:first-child,
|
|
6339
|
+
.uui-text .uui-h2.--no-top-margin,
|
|
6340
|
+
.uui-text .uui-h2:first-child {
|
|
6341
|
+
margin-top: 0;
|
|
6342
|
+
}
|
|
6343
|
+
|
|
6344
|
+
.uui-text h3,
|
|
6345
|
+
.uui-text .uui-h3 {
|
|
6346
|
+
font-size: var(--uui-type-h3-size,30px);
|
|
6347
|
+
line-height: var(--uui-size-large);
|
|
6348
|
+
font-weight: 300;
|
|
6349
|
+
margin-left: -2px;
|
|
6350
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6351
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6352
|
+
}
|
|
6353
|
+
.uui-text h3.--no-top-margin,
|
|
6354
|
+
.uui-text h3:first-child,
|
|
6355
|
+
.uui-text .uui-h3.--no-top-margin,
|
|
6356
|
+
.uui-text .uui-h3:first-child {
|
|
6357
|
+
margin-top: 0;
|
|
6358
|
+
}
|
|
6359
|
+
|
|
6360
|
+
.uui-text h4,
|
|
6361
|
+
.uui-text .uui-h4 {
|
|
6362
|
+
font-size: var(--uui-type-h4-size,21px);
|
|
6363
|
+
line-height: 21px;
|
|
6364
|
+
font-weight: 400;
|
|
6365
|
+
margin-left: -1px;
|
|
6366
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6367
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6368
|
+
}
|
|
6369
|
+
.uui-text h4.--no-top-margin,
|
|
6370
|
+
.uui-text h4:first-child,
|
|
6371
|
+
.uui-text .uui-h4.--no-top-margin,
|
|
6372
|
+
.uui-text .uui-h4:first-child {
|
|
6373
|
+
margin-top: 0;
|
|
6374
|
+
}
|
|
6375
|
+
|
|
6376
|
+
.uui-text h5,
|
|
6377
|
+
.uui-text .uui-h5 {
|
|
6378
|
+
font-size: var(--uui-type-h5-size,15px);
|
|
6379
|
+
line-height: inherit;
|
|
6380
|
+
font-weight: 700;
|
|
6381
|
+
margin-left: 0;
|
|
6382
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6383
|
+
margin-bottom: 0;
|
|
6384
|
+
}
|
|
6385
|
+
|
|
6386
|
+
.uui-text h5.--no-top-margin,
|
|
6387
|
+
.uui-text h5:first-child,
|
|
6388
|
+
.uui-text .uui-h5.--no-top-margin,
|
|
6389
|
+
.uui-text .uui-h5:first-child {
|
|
6390
|
+
margin-top: 0;
|
|
6391
|
+
}
|
|
6392
|
+
|
|
6393
|
+
.uui-text p {
|
|
6394
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6395
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6396
|
+
}
|
|
6397
|
+
.uui-text p.uui-lead {
|
|
6398
|
+
font-size: var(--uui-size-6,18px);
|
|
6399
|
+
}
|
|
6400
|
+
|
|
6401
|
+
.uui-text a {
|
|
6402
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
6403
|
+
}
|
|
6404
|
+
|
|
6405
|
+
.uui-text a:link,
|
|
6406
|
+
.uui-text a:active {
|
|
6407
|
+
color: var(--uui-color-interactive,#1b264f);
|
|
6408
|
+
}
|
|
6409
|
+
.uui-text a:hover {
|
|
6410
|
+
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
6411
|
+
}
|
|
6412
|
+
|
|
6413
|
+
.uui-text small {
|
|
6414
|
+
display: inline-block;
|
|
6415
|
+
font-size: var(--uui-type-small-size,12px);
|
|
6416
|
+
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
6417
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6418
|
+
}
|
|
6419
|
+
|
|
6420
|
+
.uui-text blockquote {
|
|
6421
|
+
float: right;
|
|
6422
|
+
font-size: 15px;
|
|
6423
|
+
font-weight: 700;
|
|
6424
|
+
font-style: italic;
|
|
6425
|
+
margin-top: 0;
|
|
6426
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6427
|
+
margin-right: -0.035em;
|
|
6428
|
+
max-width: 16em;
|
|
6429
|
+
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
6430
|
+
line-height: inherit;
|
|
6431
|
+
}
|
|
6432
|
+
|
|
6433
|
+
.uui-text blockquote:before {
|
|
6434
|
+
content: open-quote;
|
|
6435
|
+
margin-left: -0.4em;
|
|
6436
|
+
margin-right: 0.08em;
|
|
6437
|
+
vertical-align: bottom;
|
|
6438
|
+
font-weight: 400;
|
|
6439
|
+
font-size: 2em;
|
|
6440
|
+
}
|
|
6441
|
+
|
|
6442
|
+
.uui-text blockquote:after {
|
|
6443
|
+
content: close-quote;
|
|
6444
|
+
margin-left: 0.04em;
|
|
6445
|
+
margin-right: -0.4em;
|
|
6446
|
+
vertical-align: bottom;
|
|
6447
|
+
font-weight: 400;
|
|
6448
|
+
font-size: 2em;
|
|
6449
|
+
margin-bottom: -2px;
|
|
6450
|
+
display: inline-block;
|
|
6451
|
+
}
|
|
6452
|
+
|
|
6453
|
+
.uui-text ul {
|
|
6454
|
+
list-style-type: square;
|
|
6455
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
6456
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6457
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6458
|
+
}
|
|
6459
|
+
|
|
6460
|
+
.uui-text ol {
|
|
6461
|
+
padding-left: var(--uui-size-layout-1,24px);
|
|
6462
|
+
margin-top: var(--uui-size-layout-1,24px);
|
|
6463
|
+
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6464
|
+
}
|
|
6465
|
+
`;const Pb=ce(Eb);var Cb=Object.defineProperty,Ob=Object.getOwnPropertyDescriptor,Rs=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ob(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Cb(e,i,r),r};let xi=class extends v{constructor(){super(...arguments),this.headline="",this._headlineSlotHasContent=!1,this._headlineSlotChanged=t=>{this._headlineSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}}render(){return l`
|
|
5962
6466
|
<div id="message" class="uui-text">
|
|
5963
6467
|
<h5
|
|
5964
6468
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -5968,7 +6472,7 @@
|
|
|
5968
6472
|
<slot></slot>
|
|
5969
6473
|
<slot id="actions" name="actions"></slot>
|
|
5970
6474
|
</div>
|
|
5971
|
-
`}};
|
|
6475
|
+
`}};xi.styles=[Pb,d`
|
|
5972
6476
|
#message {
|
|
5973
6477
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
5974
6478
|
}
|
|
@@ -5989,12 +6493,12 @@
|
|
|
5989
6493
|
margin-top: var(--uui-size-space-4,12px);
|
|
5990
6494
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
5991
6495
|
}
|
|
5992
|
-
`],
|
|
6496
|
+
`],Rs([a({type:String})],xi.prototype,"headline",2),Rs([b()],xi.prototype,"_headlineSlotHasContent",2),xi=Rs([p("uui-toast-notification-layout")],xi);var zb=Object.defineProperty,kb=Object.getOwnPropertyDescriptor,Sb=(t,e,i,o)=>{for(var r=o>1?void 0:o?kb(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&zb(e,i,r),r};let lr=class extends me{constructor(){super("switch")}renderCheckbox(){return l`
|
|
5993
6497
|
<div id="slider">
|
|
5994
|
-
<div id="icon-check">${
|
|
5995
|
-
<div id="icon-wrong">${
|
|
6498
|
+
<div id="icon-check">${Or}</div>
|
|
6499
|
+
<div id="icon-wrong">${_a}</div>
|
|
5996
6500
|
</div>
|
|
5997
|
-
`}};
|
|
6501
|
+
`}};lr.formAssociated=!0,lr.styles=[...me.styles,$r,d`
|
|
5998
6502
|
:host {
|
|
5999
6503
|
--uui-toggle-size: 18px;
|
|
6000
6504
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -6114,7 +6618,7 @@
|
|
|
6114
6618
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
6115
6619
|
}
|
|
6116
6620
|
:host([disabled]) label:active #slider {
|
|
6117
|
-
animation: ${
|
|
6621
|
+
animation: ${Er};
|
|
6118
6622
|
}
|
|
6119
6623
|
:host([disabled]) input:checked #slider #icon-check {
|
|
6120
6624
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
@@ -6127,7 +6631,7 @@
|
|
|
6127
6631
|
:host(:not([pristine])[internals-invalid]) label:hover #slider {
|
|
6128
6632
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
6129
6633
|
}
|
|
6130
|
-
`],
|
|
6634
|
+
`],lr=Sb([p("uui-toggle")],lr);var Ib=Object.defineProperty,Ab=Object.getOwnPropertyDescriptor,Db=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ab(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Ib(e,i,r),r};let _o=class extends v{render(){return l`<slot></slot>`}};_o.styles=[d`
|
|
6131
6635
|
:host(:not(:focus-within)) {
|
|
6132
6636
|
position: absolute !important;
|
|
6133
6637
|
width: 1px !important;
|
|
@@ -6139,4 +6643,4 @@
|
|
|
6139
6643
|
white-space: nowrap !important;
|
|
6140
6644
|
padding: 0 !important;
|
|
6141
6645
|
}
|
|
6142
|
-
`],
|
|
6646
|
+
`],_o=Db([p("uui-visually-hidden")],_o);export{wc as ActiveMixin,Lc as FormControlMixin,Xc as InterfaceColorValues,Yc as InterfaceHeadingValues,Kc as InterfaceLookValues,Pc as LabelMixin,qc as PopoverTargetMixin,Ac as SelectOnlyMixin,zc as SelectableMixin,Mc as Timer,gr as UUIActionBarElement,De as UUIAvatarElement,bt as UUIAvatarGroupElement,gt as UUIBadgeElement,oc as UUIBlinkAnimationValue,rc as UUIBlinkKeyframes,me as UUIBooleanInputElement,xr as UUIBooleanInputEvent,Ue as UUIBoxElement,_t as UUIBreadcrumbItemElement,ki as UUIBreadcrumbsElement,X as UUIButtonElement,Ht as UUIButtonGroupElement,yt as UUIButtonInlineCreateElement,Pr as UUIButtonInlineCreateEvent,Yt as UUICardContentNodeElement,q as UUICardElement,Xt as UUICardEvent,xt as UUICardMediaElement,Ai as UUICardUserElement,Di as UUICaretElement,Ui as UUICheckboxElement,oe as UUIColorAreaElement,Ar as UUIColorAreaEvent,Lr as UUIColorPickerChangeEvent,A as UUIColorPickerElement,ne as UUIColorSliderElement,Mr as UUIColorSliderEvent,$t as UUIColorSwatchElement,Et as UUIColorSwatchesElement,Zt as UUIColorSwatchesEvent,W as UUIComboboxElement,Y as UUIComboboxEvent,we as UUIComboboxListElement,de as UUIComboboxListEvent,je as UUIComboboxListOptionElement,Hr as UUIDialogElement,Jt as UUIDialogLayoutElement,Lo as UUIEvent,et as UUIFileDropzoneElement,ei as UUIFileDropzoneEvent,Z as UUIFilePreviewElement,pt as UUIFormControlEvent,ss as UUIFormElement,Ct as UUIFormLayoutItemElement,Hi as UUIFormValidationMessageElement,nc as UUIHorizontalPulseAnimationValue,sc as UUIHorizontalPulseKeyframes,lc as UUIHorizontalShakeAnimationValue,ac as UUIHorizontalShakeKeyframes,Ee as UUIIconElement,ls as UUIIconHost,us as UUIIconRegistry,ji as UUIIconRegistryElement,Rl as UUIIconRegistryEssential,cs as UUIIconRegistryEssentialElement,ti as UUIIconRequestEvent,S as UUIInputElement,zt as UUIInputEvent,Be as UUIInputFileElement,Bi as UUIInputLockElement,ri as UUIInputPasswordElement,Rr as UUIKeyElement,Br as UUIKeyboardShortcutElement,kt as UUILabelElement,oi as UUILoaderBarElement,si as UUILoaderCircleElement,Gr as UUILoaderElement,le as UUIMenuItemElement,Re as UUIMenuItemEvent,Ge as UUIModalContainerElement,Qr as UUIModalDialogElement,Q as UUIModalElement,ai as UUIModalSidebarElement,ue as UUIPaginationElement,tt as UUIPaginationEvent,Pe as UUIPopoverContainerElement,it as UUIPopoverElement,qi as UUIProgressBarElement,ve as UUIRadioElement,hi as UUIRadioEvent,di as UUIRadioGroupElement,io as UUIRadioGroupEvent,I as UUIRangeSliderElement,ot as UUIRefElement,vi as UUIRefEvent,ro as UUIRefListElement,Ki as UUIRefNodeDataTypeElement,Xi as UUIRefNodeDocumentTypeElement,M as UUIRefNodeElement,so as UUIRefNodeFormElement,Yi as UUIRefNodeMemberElement,fi as UUIRefNodePackageElement,Zi as UUIRefNodeUserElement,Qi as UUIScrollContainerElement,J as UUISelectElement,no as UUISelectEvent,vt as UUISelectableEvent,j as UUISliderElement,Ut as UUISliderEvent,er as UUISymbolExpandElement,tr as UUISymbolFileDropzoneElement,Ii as UUISymbolFileElement,bi as UUISymbolFileThumbnailElement,zr as UUISymbolFolderElement,ir as UUISymbolLockElement,ao as UUISymbolMoreElement,rr as UUISymbolSortElement,Ke as UUITabElement,ub as UUITabEvent,Lt as UUITabGroupElement,cb as UUITabGroupEvent,ze as UUITableCellElement,co as UUITableColumnElement,lo as UUITableElement,ho as UUITableHeadCellElement,po as UUITableHeadElement,or as UUITableRowElement,_i as UUITagElement,Ju as UUITextStyles,L as UUITextareaElement,nr as UUITextareaEvent,ar as UUIToastNotificationContainerElement,Ze as UUIToastNotificationElement,F as UUIToastNotificationEvent,xi as UUIToastNotificationLayoutElement,lr as UUIToggleElement,_o as UUIVisuallyHiddenElement,Tc as clamp,Wc as defineElement,Nc as demandCustomElement,Vc as drag,On as findAncestorByAttributeValue,Hc as reverseNumberInRange,jc as toHex};
|