@umbraco-cms/backoffice 14.0.0--preview004-5d4a08ee → 14.0.0--preview004-9e566cf7
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 pi=window,xo=pi.ShadowRoot&&(pi.ShadyCSS===void 0||pi.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$o=Symbol(),Ws=new WeakMap;let qs=class{constructor(e,r,o){if(this._$cssResult$=!0,o!==$o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=r}get styleSheet(){let e=this.o;const r=this.t;if(xo&&e===void 0){const o=r!==void 0&&r.length===1;o&&(e=Ws.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Ws.set(r,e))}return e}toString(){return this.cssText}};const Ze=t=>new qs(typeof t=="string"?t:t+"",void 0,$o),d=(t,...e)=>{const r=t.length===1?t[0]:e.reduce((o,i,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.")})(i)+t[s+1],t[0]);return new qs(r,t,$o)},qu=(t,e)=>{xo?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{const o=document.createElement("style"),i=pi.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=r.cssText,t.appendChild(o)})},Ks=xo?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let r="";for(const o of e.cssRules)r+=o.cssText;return Ze(r)})(t):t;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var Eo;const vi=window,Xs=vi.trustedTypes,Ku=Xs?Xs.emptyScript:"",Ys=vi.reactiveElementPolyfillSupport,Po={toAttribute(t,e){switch(e){case Boolean:t=t?Ku:null;break;case Object:case Array:t=t==null?t:JSON.stringify(t)}return t},fromAttribute(t,e){let r=t;switch(e){case Boolean:r=t!==null;break;case Number:r=t===null?null:Number(t);break;case Object:case Array:try{r=JSON.parse(t)}catch{r=null}}return r}},Zs=(t,e)=>e!==t&&(e==e||t==t),Co={attribute:!0,type:String,converter:Po,reflect:!1,hasChanged:Zs};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 r;this.finalize(),((r=this.h)!==null&&r!==void 0?r:this.h=[]).push(e)}static get observedAttributes(){this.finalize();const e=[];return this.elementProperties.forEach((r,o)=>{const i=this._$Ep(o,r);i!==void 0&&(this._$Ev.set(i,o),e.push(i))}),e}static createProperty(e,r=Co){if(r.state&&(r.attribute=!1),this.finalize(),this.elementProperties.set(e,r),!r.noAccessor&&!this.prototype.hasOwnProperty(e)){const o=typeof e=="symbol"?Symbol():"__"+e,i=this.getPropertyDescriptor(e,o,r);i!==void 0&&Object.defineProperty(this.prototype,e,i)}}static getPropertyDescriptor(e,r,o){return{get(){return this[r]},set(i){const s=this[e];this[r]=i,this.requestUpdate(e,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)||Co}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 r=this.properties,o=[...Object.getOwnPropertyNames(r),...Object.getOwnPropertySymbols(r)];for(const i of o)this.createProperty(i,r[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(e){const r=[];if(Array.isArray(e)){const o=new Set(e.flat(1/0).reverse());for(const i of o)r.unshift(Ks(i))}else e!==void 0&&r.push(Ks(e));return r}static _$Ep(e,r){const o=r.attribute;return o===!1?void 0:typeof o=="string"?o:typeof e=="string"?e.toLowerCase():void 0}u(){var e;this._$E_=new Promise(r=>this.enableUpdating=r),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(e=this.constructor.h)===null||e===void 0||e.forEach(r=>r(this))}addController(e){var r,o;((r=this._$ES)!==null&&r!==void 0?r:this._$ES=[]).push(e),this.renderRoot!==void 0&&this.isConnected&&((o=e.hostConnected)===null||o===void 0||o.call(e))}removeController(e){var r;(r=this._$ES)===null||r===void 0||r.splice(this._$ES.indexOf(e)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((e,r)=>{this.hasOwnProperty(r)&&(this._$Ei.set(r,this[r]),delete this[r])})}createRenderRoot(){var e;const r=(e=this.shadowRoot)!==null&&e!==void 0?e:this.attachShadow(this.constructor.shadowRootOptions);return qu(r,this.constructor.elementStyles),r}connectedCallback(){var e;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostConnected)===null||o===void 0?void 0:o.call(r)})}enableUpdating(e){}disconnectedCallback(){var e;(e=this._$ES)===null||e===void 0||e.forEach(r=>{var o;return(o=r.hostDisconnected)===null||o===void 0?void 0:o.call(r)})}attributeChangedCallback(e,r,o){this._$AK(e,o)}_$EO(e,r,o=Co){var i;const s=this.constructor._$Ep(e,o);if(s!==void 0&&o.reflect===!0){const n=(((i=o.converter)===null||i===void 0?void 0:i.toAttribute)!==void 0?o.converter:Po).toAttribute(r,o.type);this._$El=e,n==null?this.removeAttribute(s):this.setAttribute(s,n),this._$El=null}}_$AK(e,r){var o;const i=this.constructor,s=i._$Ev.get(e);if(s!==void 0&&this._$El!==s){const n=i.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:Po;this._$El=s,this[s]=u.fromAttribute(r,n.type),this._$El=null}}requestUpdate(e,r,o){let i=!0;e!==void 0&&(((o=o||this.constructor.getPropertyOptions(e)).hasChanged||Zs)(this[e],r)?(this._$AL.has(e)||this._$AL.set(e,r),o.reflect===!0&&this._$El!==e&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(e,o))):i=!1),!this.isUpdatePending&&i&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(r){Promise.reject(r)}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((i,s)=>this[s]=i),this._$Ei=void 0);let r=!1;const o=this._$AL;try{r=this.shouldUpdate(o),r?(this.willUpdate(o),(e=this._$ES)===null||e===void 0||e.forEach(i=>{var s;return(s=i.hostUpdate)===null||s===void 0?void 0:s.call(i)}),this.update(o)):this._$Ek()}catch(i){throw r=!1,this._$Ek(),i}r&&this._$AE(o)}willUpdate(e){}_$AE(e){var r;(r=this._$ES)===null||r===void 0||r.forEach(o=>{var i;return(i=o.hostUpdated)===null||i===void 0?void 0:i.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((r,o)=>this._$EO(o,this[o],r)),this._$EC=void 0),this._$Ek()}updated(e){}firstUpdated(e){}};Vt.finalized=!0,Vt.elementProperties=new Map,Vt.elementStyles=[],Vt.shadowRootOptions={mode:"open"},Ys?.({ReactiveElement:Vt}),((Eo=vi.reactiveElementVersions)!==null&&Eo!==void 0?Eo:vi.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 Oo;const fi=window,Tt=fi.trustedTypes,Qs=Tt?Tt.createPolicy("lit-html",{createHTML:t=>t}):void 0,bi="$lit$",ze=`lit$${(Math.random()+"").slice(9)}$`,So="?"+ze,Xu=`<${So}>`,ut=document,Er=()=>ut.createComment(""),Pr=t=>t===null||typeof t!="object"&&typeof t!="function",Js=Array.isArray,en=t=>Js(t)||typeof t?.[Symbol.iterator]=="function",ko=`[
|
|
14
|
+
\f\r]`,Cr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,tn=/-->/g,rn=/>/g,ct=RegExp(`>|${ko}(?:([^\\s"'>=/]+)(${ko}*=${ko}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),on=/'/g,sn=/"/g,nn=/^(?:script|style|textarea|title)$/i,an=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),l=an(1),m=an(2),G=Symbol.for("lit-noChange"),$=Symbol.for("lit-nothing"),ln=new WeakMap,ht=ut.createTreeWalker(ut,129,null,!1);function un(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return Qs!==void 0?Qs.createHTML(e):e}const cn=(t,e)=>{const r=t.length-1,o=[];let i,s=e===2?"<svg>":"",n=Cr;for(let u=0;u<r;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===Cr?f[1]==="!--"?n=tn:f[1]!==void 0?n=rn:f[2]!==void 0?(nn.test(f[2])&&(i=RegExp("</"+f[2],"g")),n=ct):f[3]!==void 0&&(n=ct):n===ct?f[0]===">"?(n=i??Cr,_=-1):f[1]===void 0?_=-2:(_=n.lastIndex-f[2].length,h=f[1],n=f[3]===void 0?ct:f[3]==='"'?sn:on):n===sn||n===on?n=ct:n===tn||n===rn?n=Cr:(n=ct,i=void 0);const w=n===ct&&t[u+1].startsWith("/>")?" ":"";s+=n===Cr?c+Xu:_>=0?(o.push(h),c.slice(0,_)+bi+c.slice(_)+ze+w):c+ze+(_===-2?(o.push(void 0),u):w)}return[un(t,s+(t[r]||"<?>")+(e===2?"</svg>":"")),o]};let Io=class Gu{constructor({strings:e,_$litType$:r},o){let i;this.parts=[];let s=0,n=0;const u=e.length-1,c=this.parts,[h,f]=cn(e,r);if(this.el=Gu.createElement(h,o),ht.currentNode=this.el.content,r===2){const _=this.el.content,g=_.firstChild;g.remove(),_.append(...g.childNodes)}for(;(i=ht.nextNode())!==null&&c.length<u;){if(i.nodeType===1){if(i.hasAttributes()){const _=[];for(const g of i.getAttributeNames())if(g.endsWith(bi)||g.startsWith(ze)){const w=f[n++];if(_.push(g),w!==void 0){const x=i.getAttribute(w.toLowerCase()+bi).split(ze),E=/([.?@])?(.*)/.exec(w);c.push({type:1,index:s,name:E[2],strings:x,ctor:E[1]==="."?dn:E[1]==="?"?pn:E[1]==="@"?vn:Or})}else c.push({type:6,index:s})}for(const g of _)i.removeAttribute(g)}if(nn.test(i.tagName)){const _=i.textContent.split(ze),g=_.length-1;if(g>0){i.textContent=Tt?Tt.emptyScript:"";for(let w=0;w<g;w++)i.append(_[w],Er()),ht.nextNode(),c.push({type:2,index:++s});i.append(_[g],Er())}}}else if(i.nodeType===8)if(i.data===So)c.push({type:2,index:s});else{let _=-1;for(;(_=i.data.indexOf(ze,_+1))!==-1;)c.push({type:7,index:s}),_+=ze.length-1}s++}}static createElement(e,r){const o=ut.createElement("template");return o.innerHTML=e,o}};function dt(t,e,r=t,o){var i,s,n,u;if(e===G)return e;let c=o!==void 0?(i=r._$Co)===null||i===void 0?void 0:i[o]:r._$Cl;const h=Pr(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,r,o)),o!==void 0?((n=(u=r)._$Co)!==null&&n!==void 0?n:u._$Co=[])[o]=c:r._$Cl=c),c!==void 0&&(e=dt(t,c._$AS(t,e.values),c,o)),e}let hn=class{constructor(e,r){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=r}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){var r;const{el:{content:o},parts:i}=this._$AD,s=((r=e?.creationScope)!==null&&r!==void 0?r:ut).importNode(o,!0);ht.currentNode=s;let n=ht.nextNode(),u=0,c=0,h=i[0];for(;h!==void 0;){if(u===h.index){let f;h.type===2?f=new xr(n,n.nextSibling,this,e):h.type===1?f=new h.ctor(n,h.name,h.strings,this,e):h.type===6&&(f=new fn(n,this,e)),this._$AV.push(f),h=i[++c]}u!==h?.index&&(n=ht.nextNode(),u++)}return ht.currentNode=ut,s}v(e){let r=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(e,o,r),r+=o.strings.length-2):o._$AI(e[r])),r++}};class xr{constructor(e,r,o,i){var s;this.type=2,this._$AH=$,this._$AN=void 0,this._$AA=e,this._$AB=r,this._$AM=o,this.options=i,this._$Cp=(s=i?.isConnected)===null||s===void 0||s}get _$AU(){var e,r;return(r=(e=this._$AM)===null||e===void 0?void 0:e._$AU)!==null&&r!==void 0?r:this._$Cp}get parentNode(){let e=this._$AA.parentNode;const r=this._$AM;return r!==void 0&&e?.nodeType===11&&(e=r.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,r=this){e=dt(this,e,r),Pr(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):en(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!==$&&Pr(this._$AH)?this._$AA.nextSibling.data=e:this.$(ut.createTextNode(e)),this._$AH=e}g(e){var r;const{values:o,_$litType$:i}=e,s=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=Io.createElement(un(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)===null||r===void 0?void 0:r._$AD)===s)this._$AH.v(o);else{const n=new hn(s,this),u=n.u(this.options);n.v(o),this.$(u),this._$AH=n}}_$AC(e){let r=ln.get(e.strings);return r===void 0&&ln.set(e.strings,r=new Io(e)),r}T(e){Js(this._$AH)||(this._$AH=[],this._$AR());const r=this._$AH;let o,i=0;for(const s of e)i===r.length?r.push(o=new xr(this.k(Er()),this.k(Er()),this,this.options)):o=r[i],o._$AI(s),i++;i<r.length&&(this._$AR(o&&o._$AB.nextSibling,i),r.length=i)}_$AR(e=this._$AA.nextSibling,r){var o;for((o=this._$AP)===null||o===void 0||o.call(this,!1,!0,r);e&&e!==this._$AB;){const i=e.nextSibling;e.remove(),e=i}}setConnected(e){var r;this._$AM===void 0&&(this._$Cp=e,(r=this._$AP)===null||r===void 0||r.call(this,e))}}let Or=class{constructor(e,r,o,i,s){this.type=1,this._$AH=$,this._$AN=void 0,this.element=e,this.name=r,this._$AM=i,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,r=this,o,i){const s=this.strings;let n=!1;if(s===void 0)e=dt(this,e,r,0),n=!Pr(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],r,c),h===G&&(h=this._$AH[c]),n||(n=!Pr(h)||h!==this._$AH[c]),h===$?e=$:e!==$&&(e+=(h??"")+s[c+1]),this._$AH[c]=h}n&&!i&&this.j(e)}j(e){e===$?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}},dn=class extends Or{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===$?void 0:e}};const Yu=Tt?Tt.emptyScript:"";class pn extends Or{constructor(){super(...arguments),this.type=4}j(e){e&&e!==$?this.element.setAttribute(this.name,Yu):this.element.removeAttribute(this.name)}}class vn extends Or{constructor(e,r,o,i,s){super(e,r,o,i,s),this.type=5}_$AI(e,r=this){var o;if((e=(o=dt(this,e,r,0))!==null&&o!==void 0?o:$)===G)return;const i=this._$AH,s=e===$&&i!==$||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==$&&(i===$||s);s&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var r,o;typeof this._$AH=="function"?this._$AH.call((o=(r=this.options)===null||r===void 0?void 0:r.host)!==null&&o!==void 0?o:this.element,e):this._$AH.handleEvent(e)}}class fn{constructor(e,r,o){this.element=e,this.type=6,this._$AN=void 0,this._$AM=r,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(e){dt(this,e)}}const Zu={O:bi,P:ze,A:So,C:1,M:cn,L:hn,R:en,D:dt,I:xr,V:Or,H:pn,N:vn,U:dn,F:fn},bn=fi.litHtmlPolyfillSupport;bn?.(Io,xr),((Oo=fi.litHtmlVersions)!==null&&Oo!==void 0?Oo:fi.litHtmlVersions=[]).push("2.8.0");const Qu=(t,e,r)=>{var o,i;const s=(o=r?.renderBefore)!==null&&o!==void 0?o:e;let n=s._$litPart$;if(n===void 0){const u=(i=r?.renderBefore)!==null&&i!==void 0?i:null;s._$litPart$=n=new xr(e.insertBefore(Er(),u),u,void 0,r??{})}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 zo,Ao;let v=class extends Vt{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e,r;const o=super.createRenderRoot();return(e=(r=this.renderOptions).renderBefore)!==null&&e!==void 0||(r.renderBefore=o.firstChild),o}update(e){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Qu(r,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,(zo=globalThis.litElementHydrateSupport)===null||zo===void 0||zo.call(globalThis,{LitElement:v});const gn=globalThis.litElementPolyfillSupport;gn?.({LitElement:v}),((Ao=globalThis.litElementVersions)!==null&&Ao!==void 0?Ao:globalThis.litElementVersions=[]).push("3.3.2");var Ju=`.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,35 +184,35 @@
|
|
|
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 gi=Ze(Ju);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2017 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const
|
|
191
|
+
*/const Do=t=>e=>typeof e=="function"?((r,o)=>(customElements.define(r,o),o))(t,e):((r,o)=>{const{kind:i,elements:s}=o;return{kind:i,elements:s,finisher(n){customElements.define(r,n)}}})(t,e);/**
|
|
192
192
|
* @license
|
|
193
193
|
* Copyright 2017 Google LLC
|
|
194
194
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
195
|
-
*/const
|
|
195
|
+
*/const ec=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(r){r.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(r){r.createProperty(e.key,t)}};function a(t){return(e,r)=>r!==void 0?((o,i,s)=>{i.constructor.createProperty(s,o)})(t,e,r):ec(t,e)}/**
|
|
196
196
|
* @license
|
|
197
197
|
* Copyright 2017 Google LLC
|
|
198
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
199
|
-
*/function
|
|
199
|
+
*/function b(t){return a({...t,state:!0})}/**
|
|
200
200
|
* @license
|
|
201
201
|
* Copyright 2017 Google LLC
|
|
202
202
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
203
|
-
*/const
|
|
203
|
+
*/const Uo=({finisher:t,descriptor:e})=>(r,o)=>{var i;if(o===void 0){const s=(i=r.originalKey)!==null&&i!==void 0?i:r.key,n=e!=null?{kind:"method",placement:"prototype",key:s,descriptor:e(r.key)}:{...r,key:s};return t!=null&&(n.finisher=function(u){t(u,s)}),n}{const s=r.constructor;e!==void 0&&Object.defineProperty(r,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
|
|
207
|
+
*/function O(t,e){return Uo({descriptor:r=>{const o={get(){var i,s;return(s=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(t))!==null&&s!==void 0?s:null},enumerable:!0,configurable:!0};if(e){const i=typeof r=="symbol"?Symbol():"__"+r;o.get=function(){var s,n;return this[i]===void 0&&(this[i]=(n=(s=this.renderRoot)===null||s===void 0?void 0:s.querySelector(t))!==null&&n!==void 0?n:null),this[i]}}return o}})}/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2017 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/function
|
|
211
|
+
*/function tc(t){return Uo({descriptor:e=>({get(){var r,o;return(o=(r=this.renderRoot)===null||r===void 0?void 0:r.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 Lo;const rc=((Lo=window.HTMLSlotElement)===null||Lo===void 0?void 0:Lo.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(r=>r.nodeType===Node.ELEMENT_NODE);function Qe(t){const{slot:e,selector:r}=t??{};return Uo({descriptor:o=>({get(){var i;const s="slot"+(e?`[name=${e}]`:":not([name])"),n=(i=this.renderRoot)===null||i===void 0?void 0:i.querySelector(s),u=n!=null?rc(n,t):[];return r?u.filter(c=>c.matches(r)):u},enumerable:!0,configurable:!0})})}const ic=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
|
-
`,
|
|
225
|
+
`,oc=Ze("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
|
-
`,
|
|
243
|
+
`,nc=Ze("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
|
-
`,
|
|
266
|
+
`,lc=Ze("uui-horizontal-shake 600ms ease backwards");var uc=Object.defineProperty,mn=Object.getOwnPropertySymbols,cc=Object.prototype.hasOwnProperty,hc=Object.prototype.propertyIsEnumerable,_n=(t,e,r)=>e in t?uc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,dc=(t,e)=>{for(var r in e||(e={}))cc.call(e,r)&&_n(t,r,e[r]);if(mn)for(var r of mn(e))hc.call(e,r)&&_n(t,r,e[r]);return t};let Mo=class extends Event{constructor(e,r={}){super(e,dc({},r)),this.detail=r.detail||{}}};var pc=Object.defineProperty,yn=Object.getOwnPropertySymbols,vc=Object.prototype.hasOwnProperty,fc=Object.prototype.propertyIsEnumerable,wn=(t,e,r)=>e in t?pc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,xn=(t,e)=>{for(var r in e||(e={}))vc.call(e,r)&&wn(t,r,e[r]);if(yn)for(var r of yn(e))fc.call(e,r)&&wn(t,r,e[r]);return t};let pt=class extends Mo{constructor(e,r={}){super(e,xn(xn({},{bubbles:!0}),r))}};pt.VALID="valid",pt.INVALID="invalid";var bc=Object.defineProperty,$n=Object.getOwnPropertySymbols,gc=Object.prototype.hasOwnProperty,mc=Object.prototype.propertyIsEnumerable,En=(t,e,r)=>e in t?bc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Pn=(t,e)=>{for(var r in e||(e={}))gc.call(e,r)&&En(t,r,e[r]);if($n)for(var r of $n(e))mc.call(e,r)&&En(t,r,e[r]);return t};let vt=class extends Mo{constructor(e,r={}){super(e,Pn(Pn({},{bubbles:!0,cancelable:!0}),r))}};vt.SELECTED="selected",vt.DESELECTED="deselected";var _c=Object.defineProperty,yc=Object.getOwnPropertyDescriptor,wc=(t,e,r,o)=>{for(var i=o>1?void 0:o?yc(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&&_c(e,r,i),i};const xc=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return wc([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var $c=Object.defineProperty,Ec=Object.getOwnPropertyDescriptor,Cn=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ec(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&&$c(e,r,i),i};const Pc=(t,e)=>{class r extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(i){this._labelSlotHasContent=i.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 Cn([a({type:String})],r.prototype,"label",2),Cn([b()],r.prototype,"_labelSlotHasContent",2),r};var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,On=(t,e,r,o)=>{for(var i=o>1?void 0:o?Oc(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&&Cc(e,r,i),i};const Sc=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 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 On([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),On([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var kc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,zc=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ic(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&&kc(e,r,i),i};const Ac=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 zc([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Dc=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,ft=(t,e,r,o)=>{for(var i=o>1?void 0:o?Uc(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&&Dc(e,r,i),i};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 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 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 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,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,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}};const Nc=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},Vc=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const f=h.pageX-u,_=h.pageY-c;e?.onMove&&e.onMove(f,_)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},Tc=(t,e,r)=>Math.min(Math.max(t,e),r),Hc=(t,e,r)=>r+e-t,jc=t=>{const e=Math.round(t).toString(16);return e.length===1?`0${e}`:e},Sn=(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 Bc=Object.defineProperty,Rc=Object.getOwnPropertyDescriptor,Fc=(t,e,r,o)=>{for(var i=o>1?void 0:o?Rc(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&&Bc(e,r,i),i},kn=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},In=(t,e,r)=>(kn(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)},Gc=(t,e,r,o)=>(kn(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r);const Wc=t=>{var e,r;class o extends t{constructor(...s){super(...s),zn(this,e,!1),this._togglePopover=()=>{if(!this.popoverContainerElement)return;const n=Sn(this,"id",this.popoverContainerElement);n&&(In(this,e)?n.hidePopover():n.showPopover())},zn(this,r,n=>{requestAnimationFrame(()=>{Gc(this,e,n.detail.newState==="open")})}),this.addEventListener("uui-popover-before-toggle",In(this,r))}}return e=new WeakMap,r=new WeakMap,Fc([a({type:String,attribute:"popovertarget"})],o.prototype,"popoverContainerElement",2),o};function qc(t,e){return r=>{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,r,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 r=>{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,r,e)}}var Zc=Object.defineProperty,Qc=Object.getOwnPropertyDescriptor,Jc=(t,e,r,o)=>{for(var i=o>1?void 0:o?Qc(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&&Zc(e,r,i),i};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
|
-
`],
|
|
319
|
+
`],Ht=Jc([p("uui-button-group")],Ht);var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,rh=(t,e,r,o)=>{for(var i=o>1?void 0:o?th(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};let mi=class extends Ht{};mi.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,10 +358,10 @@
|
|
|
358
358
|
--uui-button-padding-left-factor: 1.5;
|
|
359
359
|
--uui-button-padding-right-factor: 1.5;
|
|
360
360
|
}
|
|
361
|
-
`],
|
|
361
|
+
`],mi=rh([p("uui-action-bar")],mi);var ih=Object.defineProperty,oh=Object.getOwnPropertyDescriptor,_i=(t,e,r,o)=>{for(var i=o>1?void 0:o?oh(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&&ih(e,r,i),i};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`
|
|
365
365
|
:host {
|
|
366
366
|
display: inline-flex;
|
|
367
367
|
align-items: center;
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
#overflow-indication {
|
|
379
379
|
margin-left: 6px;
|
|
380
380
|
}
|
|
381
|
-
`],
|
|
381
|
+
`],_i([Qe({selector:"uui-avatar, [uui-avatar]",flatten:!0})],bt.prototype,"_avatarNodes",2),_i([b()],bt.prototype,"_avatarArray",2),_i([a({type:Number,attribute:!0})],bt.prototype,"limit",2),bt=_i([p("uui-avatar-group")],bt);var sh=Object.defineProperty,nh=Object.getOwnPropertyDescriptor,jt=(t,e,r,o)=>{for(var i=o>1?void 0:o?nh(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&&sh(e,r,i),i};let Ae=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 r=t.match(/(\w+)/g);return r?.length?(e=r[0].substring(0,1),r.length>1&&(e+=r[r.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
|
+
`}};Ae.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
|
-
`],
|
|
420
|
+
`],jt([a({type:Boolean,attribute:!0,reflect:!0})],Ae.prototype,"overflow",2),jt([a({type:String,attribute:"img-src"})],Ae.prototype,"imgSrc",2),jt([a({type:String,attribute:"img-srcset"})],Ae.prototype,"imgSrcset",2),jt([a({type:String,reflect:!0})],Ae.prototype,"name",1),jt([b()],Ae.prototype,"initials",2),Ae=jt([p("uui-avatar")],Ae);var ah=Object.defineProperty,lh=Object.getOwnPropertyDescriptor,yi=(t,e,r,o)=>{for(var i=o>1?void 0:o?lh(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&&ah(e,r,i),i};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
|
+
`],yi([a({reflect:!0})],gt.prototype,"color",2),yi([a({reflect:!0})],gt.prototype,"look",2),yi([a({type:Boolean,reflect:!0})],gt.prototype,"attention",2),gt=yi([p("uui-badge")],gt);var uh=Object.defineProperty,ch=Object.getOwnPropertyDescriptor,hh=(t,e,r,o)=>{for(var i=o>1?void 0:o?ch(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&&uh(e,r,i),i};const Sr=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,An=(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&&dh(e,r,i),i};const fe=(t,e)=>{class r extends e{constructor(){super(...arguments),this._labelSlotHasContent=!1}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}labelSlotChanged(i){this._labelSlotHasContent=i.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 Vs([a({type:String})],r.prototype,"label",2),Vs([f()],r.prototype,"_labelSlotHasContent",2),r};var bc=Object.defineProperty,Bs=Object.getOwnPropertySymbols,gc=Object.prototype.hasOwnProperty,mc=Object.prototype.propertyIsEnumerable,Rs=(t,e,r)=>e in t?bc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_c=(t,e)=>{for(var r in e||(e={}))gc.call(e,r)&&Rs(t,r,e[r]);if(Bs)for(var r of Bs(e))mc.call(e,r)&&Rs(t,r,e[r]);return t};let yc=class extends Event{constructor(e,r={}){super(e,_c({},r)),this.detail=r.detail||{}}};var wc=Object.defineProperty,Fs=Object.getOwnPropertySymbols,xc=Object.prototype.hasOwnProperty,$c=Object.prototype.propertyIsEnumerable,Gs=(t,e,r)=>e in t?wc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,qs=(t,e)=>{for(var r in e||(e={}))xc.call(e,r)&&Gs(t,r,e[r]);if(Fs)for(var r of Fs(e))$c.call(e,r)&&Gs(t,r,e[r]);return t};let Ot=class extends yc{constructor(e,r={}){super(e,qs(qs({},{bubbles:!0,cancelable:!0}),r))}};Ot.SELECTED="selected",Ot.DESELECTED="deselected";var Ec=Object.defineProperty,Pc=Object.getOwnPropertyDescriptor,Ws=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pc(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&&Ec(e,r,i),i};const kt=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 Ot(Ot.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new Ot(Ot.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 Ws([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Ws([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,kc=(t,e,r,o)=>{for(var i=o>1?void 0:o?Oc(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&&Cc(e,r,i),i};const ei=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 kc([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var Sc=Object.defineProperty,Ks=Object.getOwnPropertySymbols,Ic=Object.prototype.hasOwnProperty,zc=Object.prototype.propertyIsEnumerable,Xs=(t,e,r)=>e in t?Sc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ac=(t,e)=>{for(var r in e||(e={}))Ic.call(e,r)&&Xs(t,r,e[r]);if(Ks)for(var r of Ks(e))zc.call(e,r)&&Xs(t,r,e[r]);return t};let Ys=class extends Event{constructor(e,r={}){super(e,Ac({},r)),this.detail=r.detail||{}}};var Uc=Object.defineProperty,Zs=Object.getOwnPropertySymbols,Dc=Object.prototype.hasOwnProperty,Lc=Object.prototype.propertyIsEnumerable,Qs=(t,e,r)=>e in t?Uc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Js=(t,e)=>{for(var r in e||(e={}))Dc.call(e,r)&&Qs(t,r,e[r]);if(Zs)for(var r of Zs(e))Lc.call(e,r)&&Qs(t,r,e[r]);return t};let St=class extends Ys{constructor(e,r={}){super(e,Js(Js({},{bubbles:!0}),r))}};St.VALID="valid",St.INVALID="invalid";var Nc=Object.defineProperty,en=Object.getOwnPropertySymbols,Tc=Object.prototype.hasOwnProperty,Hc=Object.prototype.propertyIsEnumerable,tn=(t,e,r)=>e in t?Nc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,rn=(t,e)=>{for(var r in e||(e={}))Tc.call(e,r)&&tn(t,r,e[r]);if(en)for(var r of en(e))Hc.call(e,r)&&tn(t,r,e[r]);return t};let on=class extends Ys{constructor(e,r={}){super(e,rn(rn({},{bubbles:!0,cancelable:!0}),r))}};on.SELECTED="selected",on.DESELECTED="deselected";var Mc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,lt=(t,e,r,o)=>{for(var i=o>1?void 0:o?jc(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&&Mc(e,r,i),i};const fe=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 St(St.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new St(St.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,lt([a({type:String})],e.prototype,"name",2),lt([a()],e.prototype,"value",1),lt([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),lt([a({type:Boolean,reflect:!0})],e.prototype,"required",2),lt([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),lt([a({type:Boolean,reflect:!0})],e.prototype,"error",2),lt([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var Vc=Object.defineProperty,sn=Object.getOwnPropertySymbols,Bc=Object.prototype.hasOwnProperty,Rc=Object.prototype.propertyIsEnumerable,nn=(t,e,r)=>e in t?Vc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Fc=(t,e)=>{for(var r in e||(e={}))Bc.call(e,r)&&nn(t,r,e[r]);if(sn)for(var r of sn(e))Rc.call(e,r)&&nn(t,r,e[r]);return t};class k extends Event{constructor(e,r={}){super(e,Fc({},r)),this.detail=r.detail||{}}}var Gc=Object.defineProperty,an=Object.getOwnPropertySymbols,qc=Object.prototype.hasOwnProperty,Wc=Object.prototype.propertyIsEnumerable,ln=(t,e,r)=>e in t?Gc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,un=(t,e)=>{for(var r in e||(e={}))qc.call(e,r)&&ln(t,r,e[r]);if(an)for(var r of an(e))Wc.call(e,r)&&ln(t,r,e[r]);return t};class It extends k{constructor(e,r={}){super(e,un(un({},{bubbles:!0}),r))}}It.VALID="valid",It.INVALID="invalid";var Kc=Object.defineProperty,cn=Object.getOwnPropertySymbols,Xc=Object.prototype.hasOwnProperty,Yc=Object.prototype.propertyIsEnumerable,hn=(t,e,r)=>e in t?Kc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,dn=(t,e)=>{for(var r in e||(e={}))Xc.call(e,r)&&hn(t,r,e[r]);if(cn)for(var r of cn(e))Yc.call(e,r)&&hn(t,r,e[r]);return t};class Re extends k{constructor(e,r={}){super(e,dn(dn({},{bubbles:!0,cancelable:!0}),r))}}Re.SELECTED="selected",Re.DESELECTED="deselected";var Zc=Object.defineProperty,pn=Object.getOwnPropertySymbols,Qc=Object.prototype.hasOwnProperty,Jc=Object.prototype.propertyIsEnumerable,vn=(t,e,r)=>e in t?Zc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,fn=(t,e)=>{for(var r in e||(e={}))Qc.call(e,r)&&vn(t,r,e[r]);if(pn)for(var r of pn(e))Jc.call(e,r)&&vn(t,r,e[r]);return t};class ti extends k{constructor(e,r={}){super(e,fn(fn({},{bubbles:!0}),r))}}ti.CHANGE="change";var eh=Object.defineProperty,th=Object.getOwnPropertyDescriptor,ri=(t,e,r,o)=>{for(var i=o>1?void 0:o?th(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};class be extends fe(ve("",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 ti(ti.CHANGE))}render(){return l`
|
|
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`
|
|
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
|
+
`}}ge.styles=[d`
|
|
551
551
|
:host {
|
|
552
552
|
display: inline-block;
|
|
553
553
|
}
|
|
@@ -587,12 +587,12 @@
|
|
|
587
587
|
:host([disabled]) .label {
|
|
588
588
|
opacity: 0.5;
|
|
589
589
|
}
|
|
590
|
-
`]
|
|
590
|
+
`],$i([a({type:String,attribute:"label-position",reflect:!0})],ge.prototype,"labelPosition",2),$i([a({type:Boolean})],ge.prototype,"checked",1),$i([a({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),$i([O("#input")],ge.prototype,"_input",2);/**
|
|
591
591
|
* @license
|
|
592
592
|
* Copyright 2020 Google LLC
|
|
593
593
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
594
|
-
*/const
|
|
595
|
-
take care to ensure page security.`)})(o)+t[i+1],t[0]),r:
|
|
594
|
+
*/const No=Symbol.for(""),nd=t=>{if(t?.r===No)return t?._$litStatic$},ad=t=>({_$litStatic$:t,r:No}),ua=(t,...e)=>({_$litStatic$:e.reduce((r,o,i)=>r+(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
|
|
595
|
+
take care to ensure page security.`)})(o)+t[i+1],t[0]),r:No}),ca=new Map,ld=t=>(e,...r)=>{const o=r.length;let i,s;const n=[],u=[];let c,h=0,f=!1;for(;h<o;){for(c=e[h];h<o&&(s=r[h],(i=nd(s))!==void 0);)c+=i+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=ca.get(_))===void 0&&(n.raw=n,ca.set(_,e=n)),r=u}return t(e,...r)},ha=ld(l);var ud=Object.defineProperty,cd=Object.getOwnPropertyDescriptor,Wt=(t,e,r,o)=>{for(var i=o>1?void 0:o?cd(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&&ud(e,r,i),i};let De=class extends v{constructor(){super(...arguments),this.headline=null,this._headlineVariantTag=ua`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=ad(t):this._headlineVariantTag=ua`h5`}renderHeader(){return ha`<div
|
|
596
596
|
id="header"
|
|
597
597
|
class="uui-text"
|
|
598
598
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -604,10 +604,10 @@
|
|
|
604
604
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
605
605
|
</${this._headlineVariantTag}>
|
|
606
606
|
<slot name="header" @slotchange=${this._headerSlotChanged}></slot>
|
|
607
|
-
</div>`}render(){return
|
|
607
|
+
</div>`}render(){return ha`
|
|
608
608
|
${this.renderHeader()}
|
|
609
609
|
<slot></slot>
|
|
610
|
-
`}};
|
|
610
|
+
`}};De.styles=[gi,d`
|
|
611
611
|
:host {
|
|
612
612
|
display: block;
|
|
613
613
|
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,8 +625,8 @@
|
|
|
625
625
|
display: block;
|
|
626
626
|
padding: var(--uui-box-default-padding, var(--uui-size-space-5,18px));
|
|
627
627
|
}
|
|
628
|
-
`],
|
|
629
|
-
><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};
|
|
628
|
+
`],Wt([a({type:String})],De.prototype,"headline",2),Wt([a({attribute:"headline-variant"})],De.prototype,"headlineVariant",1),Wt([b()],De.prototype,"_headlineVariantTag",2),Wt([b()],De.prototype,"_headlineSlotHasContent",2),Wt([b()],De.prototype,"_headerSlotHasContent",2),De=Wt([p("uui-box")],De);var hd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,Vo=(t,e,r,o)=>{for(var i=o>1?void 0:o?dd(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&&hd(e,r,i),i};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
|
+
><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
630
|
:host {
|
|
631
631
|
font-size: var(--uui-type-small-size,12px);
|
|
632
632
|
color: currentColor;
|
|
@@ -664,9 +664,9 @@
|
|
|
664
664
|
#link {
|
|
665
665
|
cursor: pointer;
|
|
666
666
|
}
|
|
667
|
-
`],
|
|
667
|
+
`],Vo([a()],_t.prototype,"href",2),Vo([a({type:Boolean,attribute:"last-item"})],_t.prototype,"lastItem",2),_t=Vo([p("uui-breadcrumb-item")],_t);var pd=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,da=(t,e,r,o)=>{for(var i=o>1?void 0:o?vd(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&&pd(e,r,i),i};let kr=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
668
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
669
|
-
</ol>`}};
|
|
669
|
+
</ol>`}};kr.styles=[d`
|
|
670
670
|
:host {
|
|
671
671
|
display: flex;
|
|
672
672
|
}
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
margin-inline-end: 0px;
|
|
681
681
|
padding-inline-start: 0px;
|
|
682
682
|
}
|
|
683
|
-
`],
|
|
683
|
+
`],da([Qe({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],kr.prototype,"slotNodes",2),kr=da([p("uui-breadcrumbs")],kr);const fd=d`
|
|
684
684
|
@keyframes uui-blink {
|
|
685
685
|
0%,
|
|
686
686
|
100% {
|
|
@@ -690,7 +690,7 @@
|
|
|
690
690
|
opacity: 1;
|
|
691
691
|
}
|
|
692
692
|
}
|
|
693
|
-
`,
|
|
693
|
+
`,bd=Ze("uui-blink 0.9s infinite both"),gd=d`
|
|
694
694
|
@keyframes pulse {
|
|
695
695
|
0% {
|
|
696
696
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -708,7 +708,7 @@
|
|
|
708
708
|
opacity: 0;
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
|
-
`;
|
|
711
|
+
`;Ze("pulse 0.8s ease-in-out infinite both");const Ei=d`
|
|
712
712
|
@keyframes uui-horizontal-shake {
|
|
713
713
|
10%,
|
|
714
714
|
90% {
|
|
@@ -731,15 +731,15 @@
|
|
|
731
731
|
transform: translateX(2px);
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
|
-
`,
|
|
734
|
+
`,Pi=Ze("uui-horizontal-shake 600ms ease backwards");/**
|
|
735
735
|
* @license
|
|
736
736
|
* Copyright 2017 Google LLC
|
|
737
737
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
738
|
-
*/const
|
|
738
|
+
*/const ce={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},qt=t=>(...e)=>({_$litDirective$:t,values:e});let Kt=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,o){this._$Ct=e,this._$AM=r,this._$Ci=o}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}};/**
|
|
739
739
|
* @license
|
|
740
740
|
* Copyright 2018 Google LLC
|
|
741
741
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
742
|
-
*/const
|
|
742
|
+
*/const pa="important",md=" !"+pa,me=qt(class extends Kt{constructor(t){var e;if(super(t),t.type!==ce.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,r)=>{const o=t[r];return o==null?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${o};`},"")}update(t,[e]){const{style:r}=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("-")?r.removeProperty(o):r[o]="")});for(const o in e){const i=e[o];if(i!=null){this.ht.add(o);const s=typeof i=="string"&&i.endsWith(md);o.includes("-")||s?r.setProperty(o,s?i.slice(0,-11):i,s?pa:""):r[o]=i}}return G}});var _d=Object.defineProperty,va=Object.getOwnPropertySymbols,yd=Object.prototype.hasOwnProperty,wd=Object.prototype.propertyIsEnumerable,fa=(t,e,r)=>e in t?_d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ba=(t,e)=>{for(var r in e||(e={}))yd.call(e,r)&&fa(t,r,e[r]);if(va)for(var r of va(e))wd.call(e,r)&&fa(t,r,e[r]);return t};class Ci extends S{constructor(e,r={}){super(e,ba(ba({},{bubbles:!0,composed:!0}),r))}}Ci.CLICK="click";var xd=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,Oi=(t,e,r,o)=>{for(var i=o>1?void 0:o?$d(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&&xd(e,r,i),i};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 Ci(Ci.CLICK))}render(){return l`
|
|
743
743
|
<button
|
|
744
744
|
id="button-wrapper"
|
|
745
745
|
@mousemove=${this._onMouseMove}
|
|
@@ -747,7 +747,7 @@
|
|
|
747
747
|
aria-label=${this.label?this.label:"create new element"}>
|
|
748
748
|
<div
|
|
749
749
|
id="plus"
|
|
750
|
-
style=${
|
|
750
|
+
style=${me({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
751
751
|
<svg
|
|
752
752
|
id="plus-icon"
|
|
753
753
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -757,7 +757,7 @@
|
|
|
757
757
|
</svg>
|
|
758
758
|
</div>
|
|
759
759
|
</button>
|
|
760
|
-
`}};
|
|
760
|
+
`}};yt.styles=[fd,d`
|
|
761
761
|
:host {
|
|
762
762
|
display: flex;
|
|
763
763
|
position: relative;
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
:host(:focus) #button-wrapper:before,
|
|
812
812
|
:host(:focus-within) #button-wrapper:before,
|
|
813
813
|
:host(:hover) #button-wrapper:before {
|
|
814
|
-
animation: ${
|
|
814
|
+
animation: ${bd};
|
|
815
815
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
816
816
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
817
817
|
}
|
|
@@ -907,25 +907,25 @@
|
|
|
907
907
|
#button-wrapper:active #plus {
|
|
908
908
|
transform: scale(1.1);
|
|
909
909
|
}
|
|
910
|
-
`],
|
|
910
|
+
`],Oi([b()],yt.prototype,"_position",2),Oi([a({type:String})],yt.prototype,"label",2),Oi([a({type:Boolean,reflect:!0})],yt.prototype,"vertical",2),yt=Oi([p("uui-button-inline-create")],yt);class Ed{constructor(e,r){this._callback=e,this._timerId=null,this._remaining=null,this._onComplete=()=>{this._remaining=null,this._callback()},this.setDuration(r)}setDuration(e){this._duration=e,this._timerId!==null&&this.restart()}start(){this._timerId===null&&this.resume()}restart(){this._remaining=this._duration,this.resume()}pause(){this._timerId!==null&&(window.clearTimeout(this._timerId),this._timerId=null,this._remaining!==null&&(this._remaining-=Date.now()-this._startTime))}resume(){this._timerId!==null&&window.clearTimeout(this._timerId),this._remaining===null&&(this._remaining=this._duration),this._startTime=Date.now(),this._timerId=window.setTimeout(this._onComplete,this._remaining)}destroy(){this.pause()}}const y=(t,e,r=`This element has to be present for ${t.nodeName} to work appropriate.`)=>{customElements.get(e)||console.warn(`%c ${t.nodeName} requires ${e} element to be registered!`,"font-weight: bold;",r,t)},ga=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.scrollX,c=s.top+n.scrollY;let h;i instanceof TouchEvent?h=i.touches[0]:h=i;const f=h.pageX-u,_=h.pageY-c;e?.onMove&&e.onMove(f,_)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},k=(t,e,r)=>Math.min(Math.max(t,e),r),ma=(t,e,r)=>r+e-t,Pd=(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},Si=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
911
911
|
<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>`,
|
|
912
|
+
</svg>`,Cd=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>`,Od=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>`,_a=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>`,kd=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>`,Id=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>`,zd=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>`,ya=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
913
913
|
<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
914
|
</svg>`;/**
|
|
915
915
|
* @license
|
|
916
916
|
* Copyright 2018 Google LLC
|
|
917
917
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
918
|
-
*/const
|
|
918
|
+
*/const P=t=>t??$;var Ad=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,_e=(t,e,r,o)=>{for(var i=o>1?void 0:o?Dd(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ad(e,r,i),i};let X=class extends be(fe("",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
919
|
name="check"
|
|
920
|
-
.fallback=${
|
|
920
|
+
.fallback=${Si.strings[0]}></uui-icon>`;break;case"failed":y(this,"uui-icon"),t=l`<uui-icon
|
|
921
921
|
name="wrong"
|
|
922
|
-
.fallback=${
|
|
922
|
+
.fallback=${ya.strings[0]}></uui-icon>`;break;default:return $}return l`<div id="state">${t}</div>`}render(){return this.href?l`
|
|
923
923
|
<a
|
|
924
924
|
id="button"
|
|
925
925
|
aria-label=${this.label}
|
|
926
|
-
href=${
|
|
927
|
-
target=${
|
|
928
|
-
rel=${
|
|
926
|
+
href=${P(this.disabled?void 0:this.href)}
|
|
927
|
+
target=${P(this.target||void 0)}
|
|
928
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
929
929
|
${this.renderState()} ${this.renderLabel()}
|
|
930
930
|
<slot name="extra"></slot>
|
|
931
931
|
</a>
|
|
@@ -937,7 +937,7 @@
|
|
|
937
937
|
${this.renderState()} ${this.renderLabel()}
|
|
938
938
|
<slot name="extra"></slot>
|
|
939
939
|
</button>
|
|
940
|
-
`}};
|
|
940
|
+
`}};X.styles=[Ei,d`
|
|
941
941
|
:host {
|
|
942
942
|
position: relative;
|
|
943
943
|
display: inline-flex;
|
|
@@ -1025,7 +1025,7 @@
|
|
|
1025
1025
|
}
|
|
1026
1026
|
button[disabled]:active,
|
|
1027
1027
|
a:not([href]):active {
|
|
1028
|
-
animation: ${
|
|
1028
|
+
animation: ${Pi};
|
|
1029
1029
|
}
|
|
1030
1030
|
#icon-check,
|
|
1031
1031
|
#icon-wrong {
|
|
@@ -1240,7 +1240,7 @@
|
|
|
1240
1240
|
var(--color-standalone)
|
|
1241
1241
|
);
|
|
1242
1242
|
}
|
|
1243
|
-
`],
|
|
1243
|
+
`],_e([a({type:String,reflect:!0})],X.prototype,"type",2),_e([a({type:Boolean,reflect:!0})],X.prototype,"disabled",2),_e([a({reflect:!0})],X.prototype,"look",2),_e([a({reflect:!0})],X.prototype,"color",2),_e([a({type:Boolean,reflect:!0})],X.prototype,"compact",2),_e([a({type:String,reflect:!0})],X.prototype,"state",2),_e([a({type:String})],X.prototype,"href",2),_e([a({type:String})],X.prototype,"target",2),_e([O("#button")],X.prototype,"_button",2),X=_e([p("uui-button")],X);class Xt extends S{}Xt.OPEN="open";var Ud=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,Ir=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ld(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Ud(e,r,i),i};let W=class extends wi(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>`}};W.styles=[d`
|
|
1244
1244
|
:host {
|
|
1245
1245
|
position: relative;
|
|
1246
1246
|
display: flex;
|
|
@@ -1324,17 +1324,17 @@
|
|
|
1324
1324
|
text-decoration: none;
|
|
1325
1325
|
color: inherit;
|
|
1326
1326
|
}
|
|
1327
|
-
`],
|
|
1328
|
-
${this.href?
|
|
1327
|
+
`],Ir([a({type:Boolean,reflect:!0,attribute:"disabled"})],W.prototype,"disabled",2),Ir([a({type:Boolean,reflect:!0})],W.prototype,"error",2),Ir([a({type:String})],W.prototype,"href",2),Ir([a({type:String})],W.prototype,"target",2),W=Ir([p("uui-card")],W);var Md=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,To=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nd(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&&Md(e,r,i),i},Vd=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},wa=(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)},xa=(t,e,r)=>(Vd(t,e,"access private method"),r),Ho,$a,jo,Ea;let Yt=class extends W{constructor(){super(...arguments),wa(this,Ho),wa(this,jo),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`
|
|
1328
|
+
${this.href?xa(this,jo,Ea).call(this):xa(this,Ho,$a).call(this)}
|
|
1329
1329
|
<!-- Select border must be right after #open-part -->
|
|
1330
1330
|
<div id="select-border"></div>
|
|
1331
1331
|
|
|
1332
1332
|
<slot></slot>
|
|
1333
1333
|
<slot name="tag"></slot>
|
|
1334
1334
|
<slot name="actions"></slot>
|
|
1335
|
-
`}};
|
|
1335
|
+
`}};Ho=new WeakSet,$a=function(){return l`<div
|
|
1336
1336
|
id="open-part"
|
|
1337
|
-
tabindex=${this.disabled
|
|
1337
|
+
tabindex=${this.disabled?$:0}
|
|
1338
1338
|
@click=${this.handleOpenClick}
|
|
1339
1339
|
@keydown=${this.handleOpenKeydown}>
|
|
1340
1340
|
<span id="icon">
|
|
@@ -1342,18 +1342,18 @@
|
|
|
1342
1342
|
${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}
|
|
1343
1343
|
</span>
|
|
1344
1344
|
<span id="name"> ${this.name} </span>
|
|
1345
|
-
</div>`},
|
|
1345
|
+
</div>`},jo=new WeakSet,Ea=function(){return l`<a
|
|
1346
1346
|
id="open-part"
|
|
1347
|
-
tabindex=${this.disabled
|
|
1348
|
-
href=${
|
|
1349
|
-
target=${
|
|
1350
|
-
rel=${
|
|
1347
|
+
tabindex=${this.disabled?$:0}
|
|
1348
|
+
href=${P(this.disabled?void 0:this.href)}
|
|
1349
|
+
target=${P(this.target||void 0)}
|
|
1350
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
1351
1351
|
<span id="icon">
|
|
1352
1352
|
<slot name="icon" @slotchange=${this._onSlotIconChange}></slot>
|
|
1353
1353
|
${this._iconSlotHasContent===!1?this._renderFallbackIcon():""}
|
|
1354
1354
|
</span>
|
|
1355
1355
|
<span id="name"> ${this.name} </span>
|
|
1356
|
-
</a>`},
|
|
1356
|
+
</a>`},Yt.styles=[...W.styles,d`
|
|
1357
1357
|
:host {
|
|
1358
1358
|
min-width: 250px;
|
|
1359
1359
|
flex-direction: column;
|
|
@@ -1421,14 +1421,14 @@
|
|
|
1421
1421
|
#name {
|
|
1422
1422
|
margin-top: 4px;
|
|
1423
1423
|
}
|
|
1424
|
-
`],
|
|
1424
|
+
`],To([a({type:String})],Yt.prototype,"name",2),To([b()],Yt.prototype,"_iconSlotHasContent",2),Yt=To([p("uui-card-content-node")],Yt);var Td=Object.defineProperty,Hd=Object.getOwnPropertyDescriptor,jd=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hd(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&&Td(e,r,i),i};let ki=class extends v{render(){return l`<svg
|
|
1425
1425
|
xmlns="http://www.w3.org/2000/svg"
|
|
1426
1426
|
viewBox="0 0 512 512"
|
|
1427
1427
|
width="100%"
|
|
1428
1428
|
id="icon">
|
|
1429
1429
|
<path
|
|
1430
1430
|
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> `}};
|
|
1431
|
+
</svg> `}};ki.styles=[d`
|
|
1432
1432
|
:host {
|
|
1433
1433
|
display: block;
|
|
1434
1434
|
box-sizing: border-box;
|
|
@@ -1439,7 +1439,7 @@
|
|
|
1439
1439
|
#icon {
|
|
1440
1440
|
fill: var(--uui-color-border,#d8d7d9);
|
|
1441
1441
|
}
|
|
1442
|
-
`],
|
|
1442
|
+
`],ki=jd([p("uui-symbol-folder")],ki);var Bd=Object.defineProperty,Rd=Object.getOwnPropertyDescriptor,Pa=(t,e,r,o)=>{for(var i=o>1?void 0:o?Rd(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&&Bd(e,r,i),i};let zr=class extends v{constructor(){super(...arguments),this.type=""}render(){return l`<svg
|
|
1443
1443
|
xmlns="http://www.w3.org/2000/svg"
|
|
1444
1444
|
viewBox="0 0 512 512"
|
|
1445
1445
|
width="100%"
|
|
@@ -1447,7 +1447,7 @@
|
|
|
1447
1447
|
<path
|
|
1448
1448
|
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
1449
|
</svg>
|
|
1450
|
-
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};
|
|
1450
|
+
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};zr.styles=[d`
|
|
1451
1451
|
:host {
|
|
1452
1452
|
position: relative;
|
|
1453
1453
|
display: block;
|
|
@@ -1470,19 +1470,19 @@
|
|
|
1470
1470
|
#icon {
|
|
1471
1471
|
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
1472
1472
|
}
|
|
1473
|
-
`],
|
|
1473
|
+
`],Pa([a({type:String})],zr.prototype,"type",2),zr=Pa([p("uui-symbol-file")],zr);var Fd=Object.defineProperty,Gd=Object.getOwnPropertyDescriptor,Ii=(t,e,r,o)=>{for(var i=o>1?void 0:o?Gd(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&&Fd(e,r,i),i},Wd=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Ca=(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)},Oa=(t,e,r)=>(Wd(t,e,"access private method"),r),Bo,Sa,Ro,ka;let wt=class extends W{constructor(){super(...arguments),Ca(this,Bo),Ca(this,Ro),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
1474
|
id="file-symbol"
|
|
1475
1475
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return l` ${this.renderMedia()}
|
|
1476
1476
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
1477
|
-
${this.href?
|
|
1477
|
+
${this.href?Oa(this,Ro,ka).call(this):Oa(this,Bo,Sa).call(this)}
|
|
1478
1478
|
<!-- Select border must be right after .open-part -->
|
|
1479
1479
|
<div id="select-border"></div>
|
|
1480
1480
|
|
|
1481
1481
|
<slot name="tag"></slot>
|
|
1482
|
-
<slot name="actions"></slot>`}};
|
|
1482
|
+
<slot name="actions"></slot>`}};Bo=new WeakSet,Sa=function(){return l`
|
|
1483
1483
|
<button
|
|
1484
1484
|
id="open-part"
|
|
1485
|
-
tabindex=${this.disabled
|
|
1485
|
+
tabindex=${this.disabled?$:"0"}
|
|
1486
1486
|
@click=${this.handleOpenClick}
|
|
1487
1487
|
@keydown=${this.handleOpenKeydown}>
|
|
1488
1488
|
<!--
|
|
@@ -1495,13 +1495,13 @@
|
|
|
1495
1495
|
-->
|
|
1496
1496
|
<span>${this.name}</span>
|
|
1497
1497
|
</button>
|
|
1498
|
-
`},
|
|
1498
|
+
`},Ro=new WeakSet,ka=function(){return l`
|
|
1499
1499
|
<a
|
|
1500
1500
|
id="open-part"
|
|
1501
|
-
tabindex=${this.disabled
|
|
1502
|
-
href=${
|
|
1503
|
-
target=${
|
|
1504
|
-
rel=${
|
|
1501
|
+
tabindex=${this.disabled?$:"0"}
|
|
1502
|
+
href=${P(this.disabled?void 0:this.href)}
|
|
1503
|
+
target=${P(this.target||void 0)}
|
|
1504
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
1505
1505
|
<!--
|
|
1506
1506
|
TODO: Implement when pop-out is ready
|
|
1507
1507
|
<uui-icon
|
|
@@ -1512,7 +1512,7 @@
|
|
|
1512
1512
|
-->
|
|
1513
1513
|
<span>${this.name}</span>
|
|
1514
1514
|
</a>
|
|
1515
|
-
`},
|
|
1515
|
+
`},wt.styles=[...W.styles,d`
|
|
1516
1516
|
#file-symbol,
|
|
1517
1517
|
#folder-symbol {
|
|
1518
1518
|
align-self: center;
|
|
@@ -1607,26 +1607,26 @@
|
|
|
1607
1607
|
height: var(--uui-size-8);
|
|
1608
1608
|
}
|
|
1609
1609
|
*/
|
|
1610
|
-
`],
|
|
1610
|
+
`],Ii([a({type:String})],wt.prototype,"name",2),Ii([a({type:String,attribute:"file-ext"})],wt.prototype,"fileExt",2),Ii([b()],wt.prototype,"hasPreview",2),wt=Ii([p("uui-card-media")],wt);var qd=Object.defineProperty,Kd=Object.getOwnPropertyDescriptor,Ia=(t,e,r,o)=>{for(var i=o>1?void 0:o?Kd(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&&qd(e,r,i),i},Xd=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},za=(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)},Aa=(t,e,r)=>(Xd(t,e,"access private method"),r),Fo,Da,Go,Ua;let Ar=class extends W{constructor(){super(...arguments),za(this,Fo),za(this,Go),this.name=""}connectedCallback(){super.connectedCallback(),y(this,"uui-avatar")}render(){return l`
|
|
1611
1611
|
<uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>
|
|
1612
|
-
${this.href?
|
|
1612
|
+
${this.href?Aa(this,Go,Ua).call(this):Aa(this,Fo,Da).call(this)}
|
|
1613
1613
|
<slot></slot>
|
|
1614
1614
|
<slot name="tag"></slot>
|
|
1615
1615
|
<slot name="actions"></slot>
|
|
1616
|
-
`}};
|
|
1616
|
+
`}};Fo=new WeakSet,Da=function(){return l`<div
|
|
1617
1617
|
id="open-part"
|
|
1618
|
-
tabindex=${this.disabled
|
|
1618
|
+
tabindex=${this.disabled?$:"0"}
|
|
1619
1619
|
@click=${this.handleOpenClick}
|
|
1620
1620
|
@keydown=${this.handleOpenKeydown}>
|
|
1621
1621
|
<span> ${this.name} </span>
|
|
1622
|
-
</div>`},
|
|
1622
|
+
</div>`},Go=new WeakSet,Ua=function(){return l`<a
|
|
1623
1623
|
id="open-part"
|
|
1624
|
-
tabindex=${this.disabled
|
|
1625
|
-
href=${
|
|
1626
|
-
target=${
|
|
1627
|
-
rel=${
|
|
1624
|
+
tabindex=${this.disabled?$:"0"}
|
|
1625
|
+
href=${P(this.disabled?void 0:this.href)}
|
|
1626
|
+
target=${P(this.target||void 0)}
|
|
1627
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}>
|
|
1628
1628
|
<span>${this.name}</span>
|
|
1629
|
-
</a>`},
|
|
1629
|
+
</a>`},Ar.styles=[...W.styles,d`
|
|
1630
1630
|
:host {
|
|
1631
1631
|
min-width: 250px;
|
|
1632
1632
|
flex-direction: column;
|
|
@@ -1698,9 +1698,9 @@
|
|
|
1698
1698
|
text-decoration: underline;
|
|
1699
1699
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1700
1700
|
}
|
|
1701
|
-
`],
|
|
1701
|
+
`],Ia([a({type:String})],Ar.prototype,"name",2),Ar=Ia([p("uui-card-user")],Ar);var Yd=Object.defineProperty,Zd=Object.getOwnPropertyDescriptor,La=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zd(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&&Yd(e,r,i),i};let Dr=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
1702
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
1703
|
-
</svg>`}};
|
|
1703
|
+
</svg>`}};Dr.styles=[d`
|
|
1704
1704
|
:host {
|
|
1705
1705
|
display: inline-block;
|
|
1706
1706
|
width: 12px;
|
|
@@ -1716,11 +1716,11 @@
|
|
|
1716
1716
|
:host([open]) svg {
|
|
1717
1717
|
transform: rotate(180deg);
|
|
1718
1718
|
}
|
|
1719
|
-
`],
|
|
1719
|
+
`],La([a({type:Boolean,reflect:!0})],Dr.prototype,"open",2),Dr=La([p("uui-caret")],Dr);var Qd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,ep=(t,e,r,o)=>{for(var i=o>1?void 0:o?Jd(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&&Qd(e,r,i),i};let Ur=class extends ge{renderCheckbox(){return l`
|
|
1720
1720
|
<div id="ticker">
|
|
1721
|
-
<div id="icon-check">${
|
|
1721
|
+
<div id="icon-check">${Si}</div>
|
|
1722
1722
|
</div>
|
|
1723
|
-
`}};
|
|
1723
|
+
`}};Ur.formAssociated=!0,Ur.styles=[...ge.styles,Ei,d`
|
|
1724
1724
|
:host {
|
|
1725
1725
|
--uui-checkbox-size: 18px;
|
|
1726
1726
|
}
|
|
@@ -1856,32 +1856,32 @@
|
|
|
1856
1856
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1857
1857
|
}
|
|
1858
1858
|
:host([disabled]) label:active #ticker {
|
|
1859
|
-
animation: ${
|
|
1859
|
+
animation: ${Pi};
|
|
1860
1860
|
}
|
|
1861
1861
|
:host([disabled]) input:checked + #ticker #icon-check {
|
|
1862
1862
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1863
1863
|
}
|
|
1864
|
-
`],
|
|
1864
|
+
`],Ur=ep([p("uui-checkbox")],Ur);/**
|
|
1865
1865
|
* @license
|
|
1866
1866
|
* Copyright 2018 Google LLC
|
|
1867
1867
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1868
|
-
*/const
|
|
1868
|
+
*/const zi=qt(class extends Kt{constructor(t){var e;if(super(t),t.type!==ce.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var r,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((r=this.nt)===null||r===void 0)&&r.has(s))&&this.it.add(s);return this.render(e)}const i=t.element.classList;this.it.forEach(s=>{s in e||(i.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.it.add(s)):(i.remove(s),this.it.delete(s)))}return G}});var tp={grad:.9,turn:360,rad:360/(2*Math.PI)},Ue=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},re=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Ma=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Na=function(t){return{r:re(t.r,0,255),g:re(t.g,0,255),b:re(t.b,0,255),a:re(t.a)}},Wo=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},rp=/^#([0-9a-f]{3,8})$/i,Ai=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Va=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}},Ta=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}},Ha=function(t){return{h:Ma(t.h),s:re(t.s,0,100),l:re(t.l,0,100),a:re(t.a)}},ja=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},Ba=function(t){return Ta((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},Lr=function(t){return{h:(e=Va(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},ip=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,op=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,sp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,np=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Ra={string:[[function(t){var e=rp.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=sp.exec(t)||np.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Na({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=ip.exec(t)||op.exec(t);if(!e)return null;var r,o,i=Ha({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(tp[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Ba(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 Ue(e)&&Ue(r)&&Ue(o)?Na({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(!Ue(e)||!Ue(r)||!Ue(o))return null;var n=Ha({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Ba(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Ue(e)||!Ue(r)||!Ue(o))return null;var n=function(u){return{h:Ma(u.h),s:re(u.s,0,100),v:re(u.v,0,100),a:re(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return Ta(n)},"hsv"]]},Fa=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]},ap=function(t){return typeof t=="string"?Fa(t.trim(),Ra.string):typeof t=="object"&&t!==null?Fa(t,Ra.object):[null,void 0]},qo=function(t,e){var r=Lr(t);return{h:r.h,s:re(r.s+100*e,0,100),l:r.l,a:r.a}},Ko=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Ga=function(t,e){var r=Lr(t);return{h:r.h,s:r.s,l:re(r.l+100*e,0,100),a:r.a}},Wa=function(){function t(e){this.parsed=ap(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(Ko(this.rgba),2)},t.prototype.isDark=function(){return Ko(this.rgba)<.5},t.prototype.isLight=function(){return Ko(this.rgba)>=.5},t.prototype.toHex=function(){return e=Wo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?Ai(N(255*s)):"","#"+Ai(r)+Ai(o)+Ai(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return Wo(this.rgba)},t.prototype.toRgbString=function(){return e=Wo(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 ja(Lr(this.rgba))},t.prototype.toHslString=function(){return e=ja(Lr(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=Va(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 ie({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),ie(qo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),ie(qo(this.rgba,-e))},t.prototype.grayscale=function(){return ie(qo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),ie(Ga(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),ie(Ga(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"?ie({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):N(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=Lr(this.rgba);return typeof e=="number"?ie({h:e,s:r.s,l:r.l,a:r.a}):N(r.h)},t.prototype.isEqual=function(e){return this.toHex()===ie(e).toHex()},t}(),ie=function(t){return t instanceof Wa?t:new Wa(t)},lp=Object.defineProperty,qa=Object.getOwnPropertySymbols,up=Object.prototype.hasOwnProperty,cp=Object.prototype.propertyIsEnumerable,Ka=(t,e,r)=>e in t?lp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Xa=(t,e)=>{for(var r in e||(e={}))up.call(e,r)&&Ka(t,r,e[r]);if(qa)for(var r of qa(e))cp.call(e,r)&&Ka(t,r,e[r]);return t};class Di extends S{constructor(e,r={}){super(e,Xa(Xa({},{bubbles:!0}),r))}}Di.CHANGE="change";var hp=Object.defineProperty,dp=Object.getOwnPropertyDescriptor,Le=(t,e,r,o)=>{for(var i=o>1?void 0:o?dp(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&&hp(e,r,i),i};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 r=ie(t);if(r.isValid()){const{h:o,s:i,l:s}=r.toHsl();this.hue=o,this.saturation=i,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:i}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,ga(e,{onMove:(s,n)=>{isNaN(s)||isNaN(n)||(this.saturation=k(s/o*100,0,100),this.brightness=k(100-n/i*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=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=ie({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new Di(Di.CHANGE))}getHexString(t,e,r,o=100){const i=ie(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return i.isValid()?i.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
|
|
1869
1869
|
<div
|
|
1870
1870
|
part="grid"
|
|
1871
1871
|
class="color-area"
|
|
1872
|
-
style=${
|
|
1872
|
+
style=${me({backgroundColor:this.getHexString(this.hue,100,50)})}
|
|
1873
1873
|
@mousedown=${this.handleGridDrag}
|
|
1874
1874
|
@touchstart=${this.handleGridDrag}>
|
|
1875
1875
|
<span
|
|
1876
1876
|
part="grid-handle"
|
|
1877
|
-
class=${
|
|
1878
|
-
style=${
|
|
1877
|
+
class=${zi({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
1878
|
+
style=${me({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
1879
1879
|
role="application"
|
|
1880
|
-
tabindex=${
|
|
1880
|
+
tabindex=${P(this.disabled?void 0:"0")}
|
|
1881
1881
|
aria-label="HSB"
|
|
1882
1882
|
@keydown=${this.handleGridKeyDown}></span>
|
|
1883
1883
|
</div>
|
|
1884
|
-
`}};
|
|
1884
|
+
`}};oe.styles=[d`
|
|
1885
1885
|
:host {
|
|
1886
1886
|
display: inline-block;
|
|
1887
1887
|
width: 280px;
|
|
@@ -1931,19 +1931,22 @@
|
|
|
1931
1931
|
.color-area__handle--empty {
|
|
1932
1932
|
display: none;
|
|
1933
1933
|
}
|
|
1934
|
-
`],
|
|
1934
|
+
`],Le([b()],oe.prototype,"isDraggingGridHandle",2),Le([a({type:Number})],oe.prototype,"hue",2),Le([a({type:Number})],oe.prototype,"saturation",2),Le([a({type:Number})],oe.prototype,"lightness",2),Le([a({type:Number})],oe.prototype,"brightness",2),Le([a({type:Number})],oe.prototype,"alpha",2),Le([a({type:String})],oe.prototype,"value",1),Le([a({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),oe=Le([p("uui-color-area")],oe);/**
|
|
1935
1935
|
* @license
|
|
1936
1936
|
* Copyright 2020 Google LLC
|
|
1937
1937
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1938
|
-
*/const{I:
|
|
1938
|
+
*/const{I:pp}=Zu,Ya=t=>t.strings===void 0,Za=()=>document.createComment(""),Mr=(t,e,r)=>{var o;const i=t._$AA.parentNode,s=e===void 0?t._$AB:e._$AA;if(r===void 0){const n=i.insertBefore(Za(),s),u=i.insertBefore(Za(),s);r=new pp(n,u,t,t.options)}else{const n=r._$AB.nextSibling,u=r._$AM,c=u!==t;if(c){let h;(o=r._$AQ)===null||o===void 0||o.call(r,t),r._$AM=t,r._$AP!==void 0&&(h=t._$AU)!==u._$AU&&r._$AP(h)}if(n!==s||c){let h=r._$AA;for(;h!==n;){const f=h.nextSibling;i.insertBefore(h,s),h=f}}}return r},xt=(t,e,r=t)=>(t._$AI(e,r),t),vp={},Qa=(t,e=vp)=>t._$AH=e,fp=t=>t._$AH,Xo=t=>{var e;(e=t._$AP)===null||e===void 0||e.call(t,!1,!0);let r=t._$AA;const o=t._$AB.nextSibling;for(;r!==o;){const i=r.nextSibling;r.remove(),r=i}};/**
|
|
1939
1939
|
* @license
|
|
1940
1940
|
* Copyright 2020 Google LLC
|
|
1941
1941
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1942
|
-
*/const cd=At(class extends Ut{constructor(t){if(super(t),t.type!==le.PROPERTY&&t.type!==le.ATTRIBUTE&&t.type!==le.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!oa(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===x)return e;const r=t.element,o=t.name;if(t.type===le.PROPERTY){if(e===r[o])return F}else if(t.type===le.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===le.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return na(t),e}});var hd={grad:.9,turn:360,rad:360/(2*Math.PI)},Se=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},T=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},aa=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},la=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)}},xo=function(t){return{r:T(t.r),g:T(t.g),b:T(t.b),a:T(t.a,3)}},dd=/^#([0-9a-f]{3,8})$/i,pi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},ua=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}},ca=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}},ha=function(t){return{h:aa(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},da=function(t){return{h:T(t.h),s:T(t.s),l:T(t.l),a:T(t.a,3)}},pa=function(t){return ca((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},_r=function(t){return{h:(e=ua(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},pd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,vd=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,fd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,bd=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$o={string:[[function(t){var e=dd.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=fd.exec(t)||bd.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:la({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=pd.exec(t)||vd.exec(t);if(!e)return null;var r,o,i=ha({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(hd[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return pa(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 Se(e)&&Se(r)&&Se(o)?la({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(!Se(e)||!Se(r)||!Se(o))return null;var n=ha({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return pa(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Se(e)||!Se(r)||!Se(o))return null;var n=function(u){return{h:aa(u.h),s:ie(u.s,0,100),v:ie(u.v,0,100),a:ie(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return ca(n)},"hsv"]]},va=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]},gd=function(t){return typeof t=="string"?va(t.trim(),$o.string):typeof t=="object"&&t!==null?va(t,$o.object):[null,void 0]},Eo=function(t,e){var r=_r(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},Po=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},fa=function(t,e){var r=_r(t);return{h:r.h,s:r.s,l:ie(r.l+100*e,0,100),a:r.a}},vi=function(){function t(e){this.parsed=gd(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(Po(this.rgba),2)},t.prototype.isDark=function(){return Po(this.rgba)<.5},t.prototype.isLight=function(){return Po(this.rgba)>=.5},t.prototype.toHex=function(){return e=xo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?pi(T(255*s)):"","#"+pi(r)+pi(o)+pi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return xo(this.rgba)},t.prototype.toRgbString=function(){return e=xo(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 da(_r(this.rgba))},t.prototype.toHslString=function(){return e=da(_r(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=ua(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 _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(Eo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(Eo(this.rgba,-e))},t.prototype.grayscale=function(){return _e(Eo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(fa(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(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"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):T(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=_r(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):T(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof vi?t:new vi(t)},ba=[],md=function(t){t.forEach(function(e){ba.indexOf(e)<0&&(e(vi,$o),ba.push(e))})};function _d(t,e){var r={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var i in r)o[r[i]]=i;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,h=o[this.toHex()];if(h)return h;if(n?.closest){var m=this.toRgb(),y=1/0,b="black";if(!s.length)for(var w in r)s[w]=new t(r[w]).toRgb();for(var $ in r){var E=(u=m,c=s[$],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));E<y&&(y=E,b=$)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var yd=Object.defineProperty,ga=Object.getOwnPropertySymbols,wd=Object.prototype.hasOwnProperty,xd=Object.prototype.propertyIsEnumerable,ma=(t,e,r)=>e in t?yd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_a=(t,e)=>{for(var r in e||(e={}))wd.call(e,r)&&ma(t,r,e[r]);if(ga)for(var r of ga(e))xd.call(e,r)&&ma(t,r,e[r]);return t};class fi extends k{constructor(e,r={}){super(e,_a(_a({},{bubbles:!0}),r))}}fi.CHANGE="change";var $d=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,A=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ed(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&&$d(e,r,i),i};md([_d]);const ya="EyeDropper"in window;let z=class extends ve("label",v){constructor(){super(...arguments),this.inputValue="",this.hue=0,this.saturation=0,this.lightness=0,this.alpha=100,this._colord=_e("hsl(0, 0%, 0%)"),this.value="",this.format="hex",this.name="",this.size="medium",this.noFormatToggle=!1,this.inline=!1,this.disabled=!1,this.opacity=!1,this.uppercase=!1,this.swatches=["#d0021b","#f5a623","#f8e71c","#8b572a","#7ed321","#417505","#bd10e0","#9013fe","#4a90e2","#50e3c2","#b8e986","#000","#444","#888","#ccc","#fff"]}connectedCallback(){super.connectedCallback(),this.value?this.setColor(this.value):this.setColor("#000"),_(this,"uui-icon"),_(this,"uui-icon-registry-essential"),_(this,"uui-input"),_(this,"uui-button"),_(this,"uui-button-group"),_(this,"uui-popover"),_(this,"uui-color-swatches"),_(this,"uui-color-swatch"),_(this,"uui-color-area"),_(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:r,l:o,s:i}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),h=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return h;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return L(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return L((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!ya)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new vi(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 fi(fi.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`
|
|
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`
|
|
1943
1943
|
<div
|
|
1944
|
-
class=${
|
|
1944
|
+
class=${zi({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
1945
1945
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
1946
|
-
<uui-color-area
|
|
1946
|
+
<uui-color-area
|
|
1947
|
+
.value="${this.value}"
|
|
1948
|
+
?disabled=${this.disabled}
|
|
1949
|
+
@change=${this.handleGridChange}>
|
|
1947
1950
|
</uui-color-area>
|
|
1948
1951
|
<div class="color-picker__controls">
|
|
1949
1952
|
<div class="color-picker__sliders">
|
|
@@ -1951,6 +1954,7 @@
|
|
|
1951
1954
|
label="hue"
|
|
1952
1955
|
class="hue-slider"
|
|
1953
1956
|
.value=${Math.round(this.hue)}
|
|
1957
|
+
?disabled=${this.disabled}
|
|
1954
1958
|
@change=${this.handleHueChange}>
|
|
1955
1959
|
</uui-color-slider>
|
|
1956
1960
|
${this.opacity?l`
|
|
@@ -1960,6 +1964,7 @@
|
|
|
1960
1964
|
.value=${Math.round(this.alpha)}
|
|
1961
1965
|
type="opacity"
|
|
1962
1966
|
.color=${this.value}
|
|
1967
|
+
?disabled=${this.disabled}
|
|
1963
1968
|
@change=${this.handleAlphaChange}>
|
|
1964
1969
|
</uui-color-slider>
|
|
1965
1970
|
`:""}
|
|
@@ -1970,7 +1975,7 @@
|
|
|
1970
1975
|
class="color-picker__preview color-picker__transparent-bg"
|
|
1971
1976
|
title="Copy"
|
|
1972
1977
|
aria-label="Copy"
|
|
1973
|
-
style=${
|
|
1978
|
+
style=${me({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
1974
1979
|
@click=${this.handleCopy}></button>
|
|
1975
1980
|
</div>
|
|
1976
1981
|
<div class="color-picker__user-input" aria-live="polite">
|
|
@@ -1982,25 +1987,25 @@
|
|
|
1982
1987
|
autocomplete="off"
|
|
1983
1988
|
autocapitalize="off"
|
|
1984
1989
|
spellcheck="false"
|
|
1985
|
-
.value=${
|
|
1990
|
+
.value=${bp(this.inputValue)}
|
|
1986
1991
|
?disabled=${this.disabled}
|
|
1987
1992
|
@keydown=${this.handleInputKeyDown}
|
|
1988
1993
|
@change=${this.handleInputChange}>
|
|
1989
1994
|
</uui-input>
|
|
1990
1995
|
<uui-button-group>
|
|
1991
|
-
${this.noFormatToggle?"":l
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
${ya?l` <uui-button
|
|
1996
|
+
${this.noFormatToggle?"":l`<uui-button
|
|
1997
|
+
label="Toggle color format"
|
|
1998
|
+
@click=${this.handleFormatToggle}
|
|
1999
|
+
class="color-picker__toggle-format"
|
|
2000
|
+
?disabled=${this.disabled}
|
|
2001
|
+
compact>
|
|
2002
|
+
<span>${this.format}</span>
|
|
2003
|
+
</uui-button>`}
|
|
2004
|
+
${dl?l`<uui-button
|
|
2001
2005
|
label="Select a color"
|
|
2002
|
-
|
|
2003
|
-
@click=${this.handleEyeDropper}
|
|
2006
|
+
?disabled=${this.disabled}
|
|
2007
|
+
@click=${this.handleEyeDropper}
|
|
2008
|
+
compact>
|
|
2004
2009
|
<uui-icon-registry-essential>
|
|
2005
2010
|
<uui-icon name="colorpicker"></uui-icon>
|
|
2006
2011
|
</uui-icon-registry-essential>
|
|
@@ -2012,22 +2017,26 @@
|
|
|
2012
2017
|
`}_renderSwatches(){return this.swatches?l`<uui-color-swatches
|
|
2013
2018
|
id="swatches"
|
|
2014
2019
|
class="color-picker__swatches"
|
|
2020
|
+
?disabled=${this.disabled}
|
|
2015
2021
|
@change=${this.handleColorSwatchChange}>
|
|
2016
|
-
${this.swatches.map(t=>l`<uui-color-swatch
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2022
|
+
${this.swatches.map(t=>l`<uui-color-swatch label="${t}" .value=${t}>
|
|
2023
|
+
</uui-color-swatch>`)}
|
|
2024
|
+
</uui-color-swatches>`:$}_renderPreviewButton(){return l`<uui-popover
|
|
2025
|
+
placement="bottom-start"
|
|
2026
|
+
@close=${this.closeColorPicker}>
|
|
2027
|
+
<button
|
|
2020
2028
|
type="button"
|
|
2029
|
+
part="trigger"
|
|
2021
2030
|
slot="trigger"
|
|
2022
2031
|
aria-label="${this.label||"Open Color picker"}"
|
|
2023
|
-
class=${
|
|
2024
|
-
style=${
|
|
2032
|
+
class=${zi({"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})}
|
|
2033
|
+
style=${me({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
2034
|
+
?disabled=${this.disabled}
|
|
2025
2035
|
@click=${this.openColorPicker}
|
|
2026
2036
|
aria-haspopup="true"
|
|
2027
2037
|
aria-expanded="false"></button>
|
|
2028
|
-
<
|
|
2029
|
-
|
|
2030
|
-
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};z.styles=[d`
|
|
2038
|
+
<div slot="popover">${this._renderColorPicker()}</div>
|
|
2039
|
+
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};A.styles=[d`
|
|
2031
2040
|
:host {
|
|
2032
2041
|
--uui-look-outline-border: #ddd;
|
|
2033
2042
|
--uui-look-outline-border-hover: #aaa;
|
|
@@ -2068,8 +2077,9 @@
|
|
|
2068
2077
|
margin-left: 0.75rem;
|
|
2069
2078
|
border-radius: 50%;
|
|
2070
2079
|
}
|
|
2071
|
-
color-picker__trigger {
|
|
2072
|
-
cursor:
|
|
2080
|
+
.color-picker__trigger[disabled] {
|
|
2081
|
+
cursor: not-allowed;
|
|
2082
|
+
opacity: 0.5;
|
|
2073
2083
|
}
|
|
2074
2084
|
.color-picker__preview::before,
|
|
2075
2085
|
.color-picker__trigger::before {
|
|
@@ -2167,7 +2177,7 @@
|
|
|
2167
2177
|
uui-color-area {
|
|
2168
2178
|
width: 100%;
|
|
2169
2179
|
}
|
|
2170
|
-
`],
|
|
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 zp=Object.defineProperty,pl=Object.getOwnPropertySymbols,Ap=Object.prototype.hasOwnProperty,Dp=Object.prototype.propertyIsEnumerable,vl=(t,e,r)=>e in t?zp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,fl=(t,e)=>{for(var r in e||(e={}))Ap.call(e,r)&&vl(t,r,e[r]);if(pl)for(var r of pl(e))Dp.call(e,r)&&vl(t,r,e[r]);return t};class Ni extends S{constructor(e,r={}){super(e,fl(fl({},{bubbles:!0}),r))}}Ni.CHANGE="change";var Up=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,Ne=(t,e,r,o)=>{for(var i=o>1?void 0:o?Lp(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&&Up(e,r,i),i};let ne=class extends fe("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),ga(this.container,{onMove:(o,i)=>{this.vertical?this.value=ma(k(i/r*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:r}=this.container.getBoundingClientRect();return k(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return k(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new Ni(Ni.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/ma(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
|
|
2171
2181
|
part="slider"
|
|
2172
2182
|
id="color-slider"
|
|
2173
2183
|
role="slider"
|
|
@@ -2182,7 +2192,7 @@
|
|
|
2182
2192
|
@keydown=${this.handleKeyDown}>
|
|
2183
2193
|
${this.type==="opacity"?l`<div
|
|
2184
2194
|
id="current-hue"
|
|
2185
|
-
style=${
|
|
2195
|
+
style=${me({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
2186
2196
|
transparent 0%,
|
|
2187
2197
|
${this.color} 100%
|
|
2188
2198
|
)`})}></div>`:""}
|
|
@@ -2190,9 +2200,9 @@
|
|
|
2190
2200
|
<span
|
|
2191
2201
|
id="color-slider__handle"
|
|
2192
2202
|
style="--current-value: ${this.ccsPropCurrentValue}%;"
|
|
2193
|
-
tabindex=${
|
|
2203
|
+
tabindex=${P(this.disabled?void 0:"0")}></span>
|
|
2194
2204
|
</div>
|
|
2195
|
-
${Math.round(this.value)}`}};
|
|
2205
|
+
${Math.round(this.value)}`}};ne.styles=[d`
|
|
2196
2206
|
:host {
|
|
2197
2207
|
--uui-slider-height: 15px;
|
|
2198
2208
|
--uui-slider-handle-size: 17px;
|
|
@@ -2301,25 +2311,25 @@
|
|
|
2301
2311
|
position: absolute;
|
|
2302
2312
|
inset: 0 0 0 0;
|
|
2303
2313
|
}
|
|
2304
|
-
`],
|
|
2314
|
+
`],Ne([a({reflect:!0})],ne.prototype,"type",2),Ne([a()],ne.prototype,"color",2),Ne([a({type:Number})],ne.prototype,"min",2),Ne([a({type:Number})],ne.prototype,"max",2),Ne([a({type:Number})],ne.prototype,"precision",2),Ne([a({type:Boolean,reflect:!0})],ne.prototype,"vertical",2),Ne([a()],ne.prototype,"value",2),Ne([a({type:Boolean,reflect:!0})],ne.prototype,"disabled",2),ne=Ne([p("uui-color-slider")],ne);var Mp={grad:.9,turn:360,rad:360/(2*Math.PI)},Ve=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},T=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ae=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},bl=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},gl=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)}},es=function(t){return{r:T(t.r),g:T(t.g),b:T(t.b),a:T(t.a,3)}},Np=/^#([0-9a-f]{3,8})$/i,Vi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},ml=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}},_l=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}},yl=function(t){return{h:bl(t.h),s:ae(t.s,0,100),l:ae(t.l,0,100),a:ae(t.a)}},wl=function(t){return{h:T(t.h),s:T(t.s),l:T(t.l),a:T(t.a,3)}},xl=function(t){return _l((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},Vr=function(t){return{h:(e=ml(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},Vp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Tp=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,jp=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,$l={string:[[function(t){var e=Np.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=Hp.exec(t)||jp.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:gl({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=Vp.exec(t)||Tp.exec(t);if(!e)return null;var r,o,i=yl({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Mp[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(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 Ve(e)&&Ve(r)&&Ve(o)?gl({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(!Ve(e)||!Ve(r)||!Ve(o))return null;var n=yl({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return xl(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Ve(e)||!Ve(r)||!Ve(o))return null;var n=function(u){return{h:bl(u.h),s:ae(u.s,0,100),v:ae(u.v,0,100),a:ae(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return _l(n)},"hsv"]]},El=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]},Bp=function(t){return typeof t=="string"?El(t.trim(),$l.string):typeof t=="object"&&t!==null?El(t,$l.object):[null,void 0]},ts=function(t,e){var r=Vr(t);return{h:r.h,s:ae(r.s+100*e,0,100),l:r.l,a:r.a}},rs=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Pl=function(t,e){var r=Vr(t);return{h:r.h,s:r.s,l:ae(r.l+100*e,0,100),a:r.a}},is=function(){function t(e){this.parsed=Bp(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(rs(this.rgba),2)},t.prototype.isDark=function(){return rs(this.rgba)<.5},t.prototype.isLight=function(){return rs(this.rgba)>=.5},t.prototype.toHex=function(){return e=es(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?Vi(T(255*s)):"","#"+Vi(r)+Vi(o)+Vi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return es(this.rgba)},t.prototype.toRgbString=function(){return e=es(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 wl(Vr(this.rgba))},t.prototype.toHslString=function(){return e=wl(Vr(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=ml(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 Te({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),Te(ts(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),Te(ts(this.rgba,-e))},t.prototype.grayscale=function(){return Te(ts(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),Te(Pl(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),Te(Pl(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?Te({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):T(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=Vr(this.rgba);return typeof e=="number"?Te({h:e,s:r.s,l:r.l,a:r.a}):T(r.h)},t.prototype.isEqual=function(e){return this.toHex()===Te(e).toHex()},t}(),Te=function(t){return t instanceof is?t:new is(t)},Rp=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Ti=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fp(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&&Rp(e,r,i),i};let $t=class extends fe("label",Rt(Sr(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`
|
|
2305
2315
|
<button
|
|
2306
2316
|
id="swatch"
|
|
2307
2317
|
aria-label=${this.label}
|
|
2308
2318
|
aria-disabled="${this.disabled}"
|
|
2309
2319
|
title="${this.label}">
|
|
2310
2320
|
<div
|
|
2311
|
-
class=${
|
|
2321
|
+
class=${zi({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}>
|
|
2312
2322
|
<div
|
|
2313
2323
|
class="color-swatch__color"
|
|
2314
|
-
style=${
|
|
2315
|
-
<div class="color-swatch__check">${
|
|
2324
|
+
style=${me({backgroundColor:this.value})}></div>
|
|
2325
|
+
<div class="color-swatch__check">${Si}</div>
|
|
2316
2326
|
</div>
|
|
2317
2327
|
${this._renderWithLabel()}
|
|
2318
2328
|
</button>
|
|
2319
2329
|
`}_renderWithLabel(){return this.showLabel?l`<div class="color-swatch__label">
|
|
2320
2330
|
<strong>${this.renderLabel()}</strong>
|
|
2321
2331
|
${this.value}
|
|
2322
|
-
</div
|
|
2332
|
+
</div>`:$}};$t.styles=[d`
|
|
2323
2333
|
:host {
|
|
2324
2334
|
position: relative;
|
|
2325
2335
|
display: inline-flex;
|
|
@@ -2354,9 +2364,11 @@
|
|
|
2354
2364
|
|
|
2355
2365
|
:host([disabled]) {
|
|
2356
2366
|
cursor: not-allowed;
|
|
2367
|
+
opacity: 0.5;
|
|
2357
2368
|
}
|
|
2358
2369
|
|
|
2359
2370
|
#swatch {
|
|
2371
|
+
cursor: inherit;
|
|
2360
2372
|
outline: none;
|
|
2361
2373
|
background: none;
|
|
2362
2374
|
border: none;
|
|
@@ -2479,19 +2491,19 @@
|
|
|
2479
2491
|
white-space: nowrap;
|
|
2480
2492
|
box-sizing: border-box;
|
|
2481
2493
|
}
|
|
2482
|
-
`],
|
|
2494
|
+
`],Ti([a()],$t.prototype,"value",1),Ti([a({type:Boolean,reflect:!0})],$t.prototype,"disabled",2),Ti([a({type:Boolean,attribute:"show-label"})],$t.prototype,"showLabel",2),$t=Ti([p("uui-color-swatch")],$t);var Gp=Object.defineProperty,Cl=Object.getOwnPropertySymbols,Wp=Object.prototype.hasOwnProperty,qp=Object.prototype.propertyIsEnumerable,Ol=(t,e,r)=>e in t?Gp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Sl=(t,e)=>{for(var r in e||(e={}))Wp.call(e,r)&&Ol(t,r,e[r]);if(Cl)for(var r of Cl(e))qp.call(e,r)&&Ol(t,r,e[r]);return t};class Zt extends S{constructor(e,r={}){super(e,Sl(Sl({},{bubbles:!0}),r))}}Zt.CHANGE="change";var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,Hi=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xp(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};let Et=class extends fe("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`
|
|
2483
2495
|
:host {
|
|
2484
2496
|
display: flex;
|
|
2485
2497
|
flex-wrap: wrap;
|
|
2486
2498
|
gap: 0.4rem;
|
|
2487
2499
|
}
|
|
2488
|
-
`],
|
|
2500
|
+
`],Hi([a()],Et.prototype,"value",2),Hi([a({type:Boolean,reflect:!0})],Et.prototype,"disabled",2),Hi([Qe({selector:"uui-color-swatch"})],Et.prototype,"swatches",2),Et=Hi([p("uui-color-swatches")],Et);var Yp=Object.defineProperty,kl=Object.getOwnPropertySymbols,Zp=Object.prototype.hasOwnProperty,Qp=Object.prototype.propertyIsEnumerable,Il=(t,e,r)=>e in t?Yp(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,zl=(t,e)=>{for(var r in e||(e={}))Zp.call(e,r)&&Il(t,r,e[r]);if(kl)for(var r of kl(e))Qp.call(e,r)&&Il(t,r,e[r]);return t};class he extends S{constructor(e,r={}){super(e,zl(zl({},{bubbles:!0}),r))}}he.CHANGE="change",he.INNER_SLOT_CHANGE="inner-slot-change";var Jp=Object.defineProperty,e0=Object.getOwnPropertyDescriptor,Pt=(t,e,r,o)=>{for(var i=o>1?void 0:o?e0(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&&Jp(e,r,i),i};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 he(he.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 he(he.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 he(he.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`
|
|
2489
2501
|
:host {
|
|
2490
2502
|
display: flex;
|
|
2491
2503
|
flex-direction: column;
|
|
2492
2504
|
box-sizing: border-box;
|
|
2493
2505
|
}
|
|
2494
|
-
`],
|
|
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 t0=Object.defineProperty,r0=Object.getOwnPropertyDescriptor,Qt=(t,e,r,o)=>{for(var i=o>1?void 0:o?r0(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&&t0(e,r,i),i};let He=class extends Rt(Sr(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>`}};He.styles=[d`
|
|
2495
2507
|
:host {
|
|
2496
2508
|
position: relative;
|
|
2497
2509
|
cursor: pointer;
|
|
@@ -2560,7 +2572,7 @@
|
|
|
2560
2572
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2561
2573
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
2562
2574
|
}
|
|
2563
|
-
`],
|
|
2575
|
+
`],Qt([b()],He.prototype,"_disabled",2),Qt([b()],He.prototype,"_displayValue",2),Qt([a({type:String})],He.prototype,"value",1),Qt([a({type:String,attribute:"display-value"})],He.prototype,"displayValue",1),Qt([a({type:Boolean,reflect:!0})],He.prototype,"disabled",1),He=Qt([p("uui-combobox-list-option")],He);var i0=Object.defineProperty,Al=Object.getOwnPropertySymbols,o0=Object.prototype.hasOwnProperty,s0=Object.prototype.propertyIsEnumerable,Dl=(t,e,r)=>e in t?i0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ul=(t,e)=>{for(var r in e||(e={}))o0.call(e,r)&&Dl(t,r,e[r]);if(Al)for(var r of Al(e))s0.call(e,r)&&Dl(t,r,e[r]);return t};class Y extends S{constructor(e,r={}){super(e,Ul(Ul({},{bubbles:!0}),r))}}Y.SEARCH="search",Y.CHANGE="change";var n0=Object.defineProperty,a0=Object.getOwnPropertyDescriptor,de=(t,e,r,o)=>{for(var i=o>1?void 0:o?a0(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&&n0(e,r,i),i};let q=class extends be(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
|
|
2564
2576
|
slot="trigger"
|
|
2565
2577
|
id="combobox-input"
|
|
2566
2578
|
label="combobox-input"
|
|
@@ -2584,12 +2596,12 @@
|
|
|
2584
2596
|
slot="append"
|
|
2585
2597
|
compact
|
|
2586
2598
|
style="height: 100%;">
|
|
2587
|
-
<uui-icon name="remove" .fallback=${
|
|
2599
|
+
<uui-icon name="remove" .fallback=${_a.strings[0]}></uui-icon>
|
|
2588
2600
|
</uui-button>`:"",this._renderDropdown=()=>l`<div id="dropdown" slot="popover">
|
|
2589
2601
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
2590
2602
|
<slot></slot>
|
|
2591
2603
|
</uui-scroll-container>
|
|
2592
|
-
</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),
|
|
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(he.CHANGE,this._onChange),this._comboboxList.addEventListener(he.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">
|
|
2593
2605
|
<uui-button label="close" look="primary" @click=${this._onClose}>
|
|
2594
2606
|
${this.closeLabel}
|
|
2595
2607
|
</uui-button>
|
|
@@ -2669,12 +2681,12 @@
|
|
|
2669
2681
|
#phone-wrapper #scroll-container {
|
|
2670
2682
|
max-height: unset;
|
|
2671
2683
|
}
|
|
2672
|
-
`],
|
|
2684
|
+
`],de([a({attribute:"value",reflect:!0})],q.prototype,"value",1),de([a({type:String})],q.prototype,"search",1),de([a({type:Boolean})],q.prototype,"open",2),de([a({type:String})],q.prototype,"closeLabel",2),de([a({type:Boolean,reflect:!0})],q.prototype,"disabled",2),de([O("#combobox-input")],q.prototype,"_input",2),de([Qe({flatten:!0,selector:"uui-combobox-list"})],q.prototype,"_comboboxListElements",2),de([b()],q.prototype,"_displayValue",2),de([b()],q.prototype,"_search",2),de([b()],q.prototype,"_isPhone",2),q=de([p("uui-combobox")],q);var l0=Object.defineProperty,u0=Object.getOwnPropertyDescriptor,os=(t,e,r,o)=>{for(var i=o>1?void 0:o?u0(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&&l0(e,r,i),i};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
|
|
2673
2685
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
2674
2686
|
${this.headline}
|
|
2675
2687
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
2676
2688
|
</h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()}
|
|
2677
|
-
${this.renderActions()} `}};
|
|
2689
|
+
${this.renderActions()} `}};Jt.styles=[d`
|
|
2678
2690
|
:host {
|
|
2679
2691
|
display: block;
|
|
2680
2692
|
padding: var(--uui-size-10,30px) var(--uui-size-14,42px);
|
|
@@ -2687,7 +2699,7 @@
|
|
|
2687
2699
|
justify-content: end;
|
|
2688
2700
|
gap: var(--uui-size-4,12px);
|
|
2689
2701
|
}
|
|
2690
|
-
`],
|
|
2702
|
+
`],os([a({type:String})],Jt.prototype,"headline",2),os([b()],Jt.prototype,"_headlineSlotHasContent",2),Jt=os([p("uui-dialog-layout")],Jt);var c0=Object.defineProperty,h0=Object.getOwnPropertyDescriptor,d0=(t,e,r,o)=>{for(var i=o>1?void 0:o?h0(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&&c0(e,r,i),i};let ji=class extends v{render(){return l`<slot></slot>`}};ji.styles=[d`
|
|
2691
2703
|
:host {
|
|
2692
2704
|
position: relative;
|
|
2693
2705
|
display: block;
|
|
@@ -2705,7 +2717,7 @@
|
|
|
2705
2717
|
calc(var(--uui-border-radius,3px) * 2)
|
|
2706
2718
|
);
|
|
2707
2719
|
}
|
|
2708
|
-
`],
|
|
2720
|
+
`],ji=d0([p("uui-dialog")],ji);var p0=Object.defineProperty,Ll=Object.getOwnPropertySymbols,v0=Object.prototype.hasOwnProperty,f0=Object.prototype.propertyIsEnumerable,Ml=(t,e,r)=>e in t?p0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Nl=(t,e)=>{for(var r in e||(e={}))v0.call(e,r)&&Ml(t,r,e[r]);if(Ll)for(var r of Ll(e))f0.call(e,r)&&Ml(t,r,e[r]);return t};class er extends S{constructor(e,r={}){super(e,Nl(Nl({},{bubbles:!0}),r))}}er.CHANGE="change";var b0=Object.defineProperty,g0=Object.getOwnPropertyDescriptor,Tr=(t,e,r,o)=>{for(var i=o>1?void 0:o?g0(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&&b0(e,r,i),i};let et=class extends fe("",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=[],r=[];t.split(",").forEach(o=>{o=o.trim().toLowerCase(),new RegExp("[a-z]+\\/[a-z*]","s").test(o)?e.push(o):r.push(o.replace(/^\./,""))}),this._acceptedMimeTypes=e,this._acceptedFileExtensions=r}else this._acceptedMimeTypes=[],this._acceptedFileExtensions=[]}browse(){this._input.click()}connectedCallback(){super.connectedCallback(),y(this,"uui-symbol-file-dropzone")}async _getAllFileEntries(t){const e=[],r=[...t];for(;r.length>0;){const o=r.shift();if(o.kind==="file"){const i=o.getAsFile();if(!i)continue;this._isAccepted(i)&&e.push(i)}else if(o.kind==="directory"){if(!("webkitGetAsEntry"in o))continue;const i=o.webkitGetAsEntry();r.push(...await this._readAllDirectoryEntries(i.createReader()))}}return e}async _readAllDirectoryEntries(t){const e=[];let r=await this._readEntriesPromise(t);for(;r.length>0;)e.push(...r),r=await this._readEntriesPromise(t);return e}async _readEntriesPromise(t){return new Promise((e,r)=>{try{t.readEntries(e,r)}catch(o){console.log(o),r(o)}})}_isAccepted(t){if(this._acceptedFileExtensions.length===0&&this._acceptedMimeTypes.length===0)return!0;const e=t.type.toLowerCase(),r=t.name.split(".").pop();if(r&&this._acceptedFileExtensions.includes(r.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 r=(e=t.dataTransfer)==null?void 0:e.items;if(r){let o=await this._getAllFileEntries(r);this.multiple===!1&&o.length&&(o=[o[0]]),this.dispatchEvent(new er(er.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 er(er.CHANGE,{detail:{files:t}}))}render(){return l`
|
|
2709
2721
|
<div id="dropzone">
|
|
2710
2722
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
2711
2723
|
${this.renderLabel()}
|
|
@@ -2719,7 +2731,7 @@
|
|
|
2719
2731
|
aria-label="${this.label}" />
|
|
2720
2732
|
<slot></slot>
|
|
2721
2733
|
</div>
|
|
2722
|
-
`}};
|
|
2734
|
+
`}};et.styles=[d`
|
|
2723
2735
|
#dropzone {
|
|
2724
2736
|
display: flex;
|
|
2725
2737
|
flex-direction: column;
|
|
@@ -2757,7 +2769,7 @@
|
|
|
2757
2769
|
opacity: 0;
|
|
2758
2770
|
display: none;
|
|
2759
2771
|
}
|
|
2760
|
-
`],
|
|
2772
|
+
`],Tr([O("#input")],et.prototype,"_input",2),Tr([O("#dropzone")],et.prototype,"_dropzone",2),Tr([a({type:String})],et.prototype,"accept",1),Tr([a({type:Boolean})],et.prototype,"multiple",2),et=Tr([p("uui-file-dropzone")],et);class m0{static humanFileSize(e,r=!1,o=1){const i=r?1e3:1024;if(Math.abs(e)<i)return e+" B";const s=r?["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/=i,++n;while(Math.round(Math.abs(e)*u)/u>=i&&n<s.length-1);return e.toFixed(o)+" "+s[n]}}var _0=Object.defineProperty,y0=Object.getOwnPropertyDescriptor,xe=(t,e,r,o)=>{for(var i=o>1?void 0:o?y0(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&&_0(e,r,i),i};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(r=>{this._src=r})),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
|
|
2761
2773
|
.src=${this._src}
|
|
2762
2774
|
.alt=${this._name}
|
|
2763
2775
|
id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file
|
|
@@ -2777,10 +2789,10 @@
|
|
|
2777
2789
|
<div id="file-info">
|
|
2778
2790
|
${this._renderLongName()}
|
|
2779
2791
|
<span id="file-size">
|
|
2780
|
-
${this._size&&!this._isDirectory?l`${
|
|
2792
|
+
${this._size&&!this._isDirectory?l`${m0.humanFileSize(this._size,!0)}`:""}
|
|
2781
2793
|
</span>
|
|
2782
2794
|
</div>
|
|
2783
|
-
`}};
|
|
2795
|
+
`}};Z.styles=[d`
|
|
2784
2796
|
:host {
|
|
2785
2797
|
position: relative;
|
|
2786
2798
|
display: grid;
|
|
@@ -2848,7 +2860,7 @@
|
|
|
2848
2860
|
text-decoration: underline;
|
|
2849
2861
|
cursor: pointer;
|
|
2850
2862
|
}
|
|
2851
|
-
`],
|
|
2863
|
+
`],xe([b()],Z.prototype,"_name",2),xe([b()],Z.prototype,"_url",2),xe([b()],Z.prototype,"_extension",2),xe([b()],Z.prototype,"_src",2),xe([b()],Z.prototype,"_size",2),xe([b()],Z.prototype,"_isDirectory",2),xe([b()],Z.prototype,"_file",2),xe([b()],Z.prototype,"_isImage",2),xe([a({attribute:!1})],Z.prototype,"file",1),Z=xe([p("uui-file-preview")],Z);var w0=Object.defineProperty,x0=Object.getOwnPropertyDescriptor,Bi=(t,e,r,o)=>{for(var i=o>1?void 0:o?x0(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&&w0(e,r,i),i};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`
|
|
2852
2864
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
2853
2865
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
2854
2866
|
</div>
|
|
@@ -2864,7 +2876,7 @@
|
|
|
2864
2876
|
<slot></slot>
|
|
2865
2877
|
<slot name="message" slot="message"></slot>
|
|
2866
2878
|
</uui-form-validation-message>
|
|
2867
|
-
`}};
|
|
2879
|
+
`}};Ct.styles=[d`
|
|
2868
2880
|
:host {
|
|
2869
2881
|
position: relative;
|
|
2870
2882
|
display: block;
|
|
@@ -2883,25 +2895,25 @@
|
|
|
2883
2895
|
margin-top: -8px;
|
|
2884
2896
|
min-height: 8px;
|
|
2885
2897
|
}
|
|
2886
|
-
`],
|
|
2898
|
+
`],Bi([a({type:String})],Ct.prototype,"description",2),Bi([b()],Ct.prototype,"_labelSlotHasContent",2),Bi([b()],Ct.prototype,"_descriptionSlotHasContent",2),Ct=Bi([p("uui-form-layout-item")],Ct);/**
|
|
2887
2899
|
* @license
|
|
2888
2900
|
* Copyright 2017 Google LLC
|
|
2889
2901
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2890
|
-
*/const
|
|
2902
|
+
*/const Vl=(t,e,r)=>{const o=new Map;for(let i=e;i<=r;i++)o.set(t[i],i);return o},ss=qt(class extends Kt{constructor(t){if(super(t),t.type!==ce.CHILD)throw Error("repeat() can only be used in text expressions")}ct(t,e,r){let o;r===void 0?r=e:e!==void 0&&(o=e);const i=[],s=[];let n=0;for(const u of t)i[n]=o?o(u,n):n,s[n]=r(u,n),n++;return{values:s,keys:i}}render(t,e,r){return this.ct(t,e,r).values}update(t,[e,r,o]){var i;const s=fp(t),{values:n,keys:u}=this.ct(e,r,o);if(!Array.isArray(s))return this.ut=u,n;const c=(i=this.ut)!==null&&i!==void 0?i:this.ut=[],h=[];let f,_,g=0,w=s.length-1,x=0,E=n.length-1;for(;g<=w&&x<=E;)if(s[g]===null)g++;else if(s[w]===null)w--;else if(c[g]===u[x])h[x]=xt(s[g],n[x]),g++,x++;else if(c[w]===u[E])h[E]=xt(s[w],n[E]),w--,E--;else if(c[g]===u[E])h[E]=xt(s[g],n[E]),Mr(t,h[E+1],s[g]),g++,E--;else if(c[w]===u[x])h[x]=xt(s[w],n[x]),Mr(t,s[g],s[w]),w--,x++;else if(f===void 0&&(f=Vl(u,x,E),_=Vl(c,g,w)),f.has(c[g]))if(f.has(c[w])){const R=_.get(u[x]),ke=R!==void 0?s[R]:null;if(ke===null){const Ie=Mr(t,s[g]);xt(Ie,n[x]),h[x]=Ie}else h[x]=xt(ke,n[x]),Mr(t,s[g],ke),s[R]=null;x++}else Xo(s[w]),w--;else Xo(s[g]),g++;for(;x<=E;){const R=Mr(t,h[E+1]);xt(R,n[x]),h[x++]=R}for(;g<=w;){const R=s[g++];R!==null&&Xo(R)}return this.ut=u,Qa(t,h),G}});var $0=Object.defineProperty,E0=Object.getOwnPropertyDescriptor,Tl=(t,e,r,o)=>{for(var i=o>1?void 0:o?E0(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&&$0(e,r,i),i};let Hr=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 i=this.getRootNode();e=i?.getElementById(t)}const r=e||this,o=this._for;o!==r&&(o!==null&&(o.removeEventListener(Gt.INVALID,this._onControlInvalid),o.removeEventListener(Gt.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(Gt.INVALID,this._onControlInvalid),this._for.addEventListener(Gt.VALID,this._onControlValid))}render(){return l`
|
|
2891
2903
|
<slot></slot>
|
|
2892
2904
|
<div id="messages">
|
|
2893
|
-
${
|
|
2905
|
+
${ss(this._messages,t=>l`<div>${t[1]}</div>`)}
|
|
2894
2906
|
<slot name="message"></slot>
|
|
2895
2907
|
</div>
|
|
2896
|
-
`}};
|
|
2908
|
+
`}};Hr.styles=[d`
|
|
2897
2909
|
#messages {
|
|
2898
2910
|
color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
2899
2911
|
}
|
|
2900
|
-
`],
|
|
2912
|
+
`],Tl([a({reflect:!1,attribute:!0})],Hr.prototype,"for",1),Hr=Tl([p("uui-form-validation-message")],Hr);var P0=Object.defineProperty,C0=Object.getOwnPropertyDescriptor,O0=(t,e,r,o)=>{for(var i=o>1?void 0:o?C0(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&&P0(e,r,i),i};let ns=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(r=>r 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>`}};ns=O0([p("uui-form")],ns);/**
|
|
2901
2913
|
* @license
|
|
2902
2914
|
* Copyright 2017 Google LLC
|
|
2903
2915
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2904
|
-
*/class
|
|
2916
|
+
*/class as extends Kt{constructor(e){if(super(e),this.et=$,e.type!==ce.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 r=[e];return r.raw=r,this.ft={_$litType$:this.constructor.resultType,strings:r,values:[]}}}as.directiveName="unsafeHTML",as.resultType=1;const ls=qt(as);var S0=Object.defineProperty,Hl=Object.getOwnPropertySymbols,k0=Object.prototype.hasOwnProperty,I0=Object.prototype.propertyIsEnumerable,jl=(t,e,r)=>e in t?S0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Bl=(t,e)=>{for(var r in e||(e={}))k0.call(e,r)&&jl(t,r,e[r]);if(Hl)for(var r of Hl(e))I0.call(e,r)&&jl(t,r,e[r]);return t};class tr extends S{constructor(e,r={}){super(e,Bl(Bl({},{bubbles:!0,composed:!0}),r)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}tr.ICON_REQUEST="icon-request";var z0=Object.defineProperty,A0=Object.getOwnPropertyDescriptor,Ot=(t,e,r,o)=>{for(var i=o>1?void 0:o?A0(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&&z0(e,r,i),i};let $e=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 tr(tr.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>`:ls(this.fallback):this._nameSvg!==null?ls(this._nameSvg):this.svg!==null?ls(this.svg):l`<slot></slot>`}};$e.styles=[d`
|
|
2905
2917
|
:host {
|
|
2906
2918
|
display: inline-block;
|
|
2907
2919
|
vertical-align: bottom;
|
|
@@ -2921,20 +2933,20 @@
|
|
|
2921
2933
|
:host-context(div[slot='append']) {
|
|
2922
2934
|
margin-right: var(--uui-size-2, 6px);
|
|
2923
2935
|
}
|
|
2924
|
-
`],
|
|
2936
|
+
`],Ot([b()],$e.prototype,"_nameSvg",2),Ot([a()],$e.prototype,"label",2),Ot([a()],$e.prototype,"name",1),Ot([a({attribute:!1})],$e.prototype,"svg",2),Ot([a({attribute:!1})],$e.prototype,"fallback",2),Ot([b()],$e.prototype,"_useFallback",2),$e=Ot([p("uui-icon")],$e);class us{constructor(e){this.promise=new Promise((r,o)=>{this.resolve=r,this.reject=o}),e&&this.resolve(e)}set svg(e){this.resolve(e)}}class cs{constructor(){this.icons={},this._onIconRequest=e=>{const r=this.getIcon(e.detail.iconName);r!==null&&e.acceptRequest(r)}}attach(e){e.addEventListener(tr.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(tr.ICON_REQUEST,this._onIconRequest)}defineIcon(e,r){if(this.icons[e]){this.icons[e].svg=r;return}this.icons[e]=new us(r)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new us}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var D0=Object.defineProperty,U0=Object.getOwnPropertyDescriptor,Rl=(t,e,r,o)=>{for(var i=o>1?void 0:o?U0(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&&D0(e,r,i),i};let jr=class extends v{constructor(){super(),this._icons={},this._registry=new cs,this._registry.attach(this)}get icons(){return this._icons}set icons(t){this._icons=t,this._registry&&Object.entries(this._icons).forEach(([e,r])=>this._registry.defineIcon(e,r))}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>`}};Rl([a({attribute:!1})],jr.prototype,"_icons",2),jr=Rl([p("uui-icon-registry")],jr);const L0=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>`,M0=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>`,N0=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>`,V0=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>`,T0=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>`,H0=m`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2925
2937
|
<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"/>
|
|
2926
|
-
</svg>`,Lp=g`<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>`,Np=g`<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>`,Tp=g`<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>`,Hp=g`<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>`,Mp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M122.844 475.519h263.145V195.703H122.844v279.816zm181.281-223.79c0-8.498 6.891-15.386 15.395-15.386 8.494 0 15.385 6.888 15.385 15.386v162.128c0 8.496-6.891 15.394-15.385 15.394-8.504 0-15.395-6.897-15.395-15.394V251.729zm-65.101.003c0-8.496 6.892-15.392 15.39-15.392 8.496 0 15.392 6.896 15.392 15.392v162.125c0 8.496-6.896 15.391-15.392 15.391-8.498 0-15.39-6.895-15.39-15.391V251.732zm-65.098 0c0-8.501 6.895-15.392 15.389-15.392 8.498 0 15.391 6.891 15.391 15.392v162.127c0 8.498-6.893 15.389-15.391 15.389-8.494 0-15.389-6.891-15.389-15.389V251.732zM399.02 90.23h-57.209v-9.36c-.004-24.942-20.209-45.145-45.148-45.152h-84.498c-24.941.007-45.145 20.209-45.153 45.152v9.36h-57.2c-11.744 0-21.273 9.526-21.273 21.275v56.348h331.756v-56.348c-.002-11.748-9.527-21.275-21.275-21.275zm-87.989 0H197.785l-.004-9.36c.023-7.938 6.445-14.359 14.383-14.372h84.498c7.929.013 14.359 6.433 14.369 14.372v9.36z"/></svg>`,jp=g`<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>`,Vp=g`<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>`,Bp=g`<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>`,Rp=g`<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>`,Fp=g`<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>`,Gp=g`<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>`,qp=g`<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>`,Wp=g`<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>`,Kp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M404.84 246.573h-22.084l-.002-73.603c0-36.675-13.921-70.311-36.917-94.892-22.91-24.584-55.547-40.367-91.539-40.336-36.003-.031-68.643 15.752-91.55 40.336-23.001 24.582-36.918 58.217-36.925 94.892v73.603h-22.082c-9.16 0-16.585 7.421-16.585 16.583v194.531c0 9.158 7.425 16.585 16.585 16.585H404.84c9.162 0 16.586-7.427 16.586-16.585V263.156c0-9.161-7.424-16.583-16.586-16.583zm-218.013-73.602c0-21.167 8.012-39.893 20.468-53.219 12.552-13.316 28.896-20.982 47.003-21.007 18.095.025 34.438 7.685 46.987 21.007 12.455 13.326 20.467 32.052 20.467 53.219v73.603H186.827v-73.603z"/></svg>`,Xp=g`<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>`,Yp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M451.056 72.576H60.944c-10.72 0-19.424 8.688-19.424 19.424v328c0 10.72 8.688 19.424 19.424 19.424h390.128c10.72 0 19.424-8.688 19.424-19.424V92c-.016-10.72-8.72-19.424-19.44-19.424zm-19.408 328H80.352V111.424h351.28v289.152zm-309.424-34.48h267.568c6.112 0 11.472-4.096 13.056-10a13.513 13.513 0 00-6.224-15.232l-111.488-65.36a13.514 13.514 0 00-15.68 1.424l-27.264 23.504-52.736-45.328c-2.944-2.528-6.816-3.616-10.656-3.152a13.58 13.58 0 00-9.424 5.888l-58.4 87.168a13.519 13.519 0 00-.688 13.92 13.518 13.518 0 0011.936 7.168zm197.968-167.84a41.056 41.056 0 1182.112 0 41.056 41.056 0 11-82.112 0z"/></svg>`,Zp=g`<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>`,Qp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M401.431 167.814l-58.757-58.76-88.029 88.026-88.028-88.026-58.76 58.76 88.026 88.027-88.026 88.024 58.76 58.768 88.028-88.031 88.029 88.031 58.757-58.768-88.027-88.024z"/></svg>`,Jp=g`<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>`,e0=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M254.867 214.401c-22.305 0-40.45 18.143-40.45 40.439 0 22.316 18.145 40.474 40.45 40.474 22.319 0 40.474-18.157 40.474-40.474 0-22.296-18.155-40.439-40.474-40.439zm0-74.942c-107.278 0-215.312 116.648-215.312 116.648s108.034 116.646 215.312 116.646c107.294 0 215.329-116.646 215.329-116.646S362.161 139.459 254.867 139.459zm0 197.952c-45.586 0-82.546-36.925-82.546-82.57 0-45.587 36.96-82.535 82.546-82.535 45.612 0 82.571 36.948 82.571 82.535 0 45.645-36.959 82.57-82.571 82.57z"/></svg>`,t0=g`<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>`,r0=g`<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>`,i0=g`<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>`,o0=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M457.915 242.222H269.053l-.004-78.416c0-33.277-12.63-63.824-33.538-86.175-20.82-22.357-50.579-36.756-83.391-36.731-32.814-.024-62.57 14.375-83.391 36.731-20.915 22.351-33.541 52.897-33.547 86.175v103.859H96.19v-13.476l-35.656-35.656H96.19v-54.728c0-17.765 6.717-33.406 17.084-44.502 10.463-11.09 23.927-17.37 38.845-17.394 14.916.024 28.375 6.304 38.837 17.394 10.375 11.096 17.092 26.738 17.087 44.502v78.416h-26.189c-9.159 0-16.582 7.426-16.582 16.585v194.53c0 9.158 7.423 16.583 16.582 16.583h276.06c9.164 0 16.587-7.425 16.587-16.583v-194.53c.001-9.159-7.422-16.584-16.586-16.584z"/></svg>`,s0=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><path d="M88.89 398.032 396.834 90.09l23.476 23.476-307.942 307.942zM388.5 187.9l-52.4 52.4c.8 4.7 1.3 9.6 1.3 14.6 0 45.6-37 82.6-82.6 82.6-5 0-9.9-.5-14.6-1.3l-30.4 30.4c14.8 4 29.9 6.3 45 6.3 107.3 0 215.3-116.6 215.3-116.6s-33.4-36.4-81.6-68.4zM174 271.6c-1.1-5.4-1.7-11-1.7-16.7 0-45.6 37-82.5 82.5-82.5 5.7 0 11.3.6 16.7 1.7l28.3-28.3c-14.8-4-29.9-6.3-45-6.3-107.3 0-215.3 116.6-215.3 116.6s33.5 36.2 81.7 68.2l52.8-52.7z"/></svg>`,n0=g`<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>`,a0=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
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">
|
|
2927
2939
|
<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"/>
|
|
2928
|
-
</svg>`;class
|
|
2940
|
+
</svg>`;class Fl extends cs{constructor(){super(),this.defineIcon("add",L0.strings[0]),this.defineIcon("alert",M0.strings[0]),this.defineIcon("attachment",N0.strings[0]),this.defineIcon("book-alt",V0.strings[0]),this.defineIcon("calendar",T0.strings[0]),this.defineIcon("check",H0.strings[0]),this.defineIcon("clipboard",j0.strings[0]),this.defineIcon("code",B0.strings[0]),this.defineIcon("colorpicker",R0.strings[0]),this.defineIcon("copy",F0.strings[0]),this.defineIcon("delete",G0.strings[0]),this.defineIcon("document",W0.strings[0]),this.defineIcon("download",q0.strings[0]),this.defineIcon("edit",K0.strings[0]),this.defineIcon("favorite",X0.strings[0]),this.defineIcon("folder",Y0.strings[0]),this.defineIcon("forbidden",Z0.strings[0]),this.defineIcon("info",Q0.strings[0]),this.defineIcon("link",J0.strings[0]),this.defineIcon("lock",e1.strings[0]),this.defineIcon("pause",t1.strings[0]),this.defineIcon("picture",r1.strings[0]),this.defineIcon("play",i1.strings[0]),this.defineIcon("remove",o1.strings[0]),this.defineIcon("search",s1.strings[0]),this.defineIcon("see",n1.strings[0]),this.defineIcon("settings",a1.strings[0]),this.defineIcon("subtract",l1.strings[0]),this.defineIcon("sync",u1.strings[0]),this.defineIcon("unlock",c1.strings[0]),this.defineIcon("unsee",h1.strings[0]),this.defineIcon("wand",d1.strings[0]),this.defineIcon("wrong",p1.strings[0])}}var v1=Object.defineProperty,f1=Object.getOwnPropertyDescriptor,b1=(t,e,r,o)=>{for(var i=o>1?void 0:o?f1(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&&v1(e,r,i),i};let hs=class extends jr{constructor(){super(),this.registry=new Fl}};hs=b1([p("uui-icon-registry-essential")],hs);var g1=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,rr=(t,e,r,o)=>{for(var i=o>1?void 0:o?m1(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&&g1(e,r,i),i};let je=class extends be(v){constructor(){super(),this.accept="",this.multiple=!1,this._files=[],this._updateFileWrappers=t=>{let e=[];for(const r of t)this.multiple?e.push(r):e=[r];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 r=t.detail.files.filter(i=>i instanceof File||i.isFile);if(!this.multiple){const i=r[0],n=i instanceof File?i:await this._getFile(i);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(r.length>0&&!(this.value instanceof FormData)&&(o=new FormData),o instanceof FormData)for(const i of r){const s=i instanceof File;o.append(this.name,s?i:await this._getFile(i))}this.value=o}async _getFile(t){return await new Promise((e,r)=>t.file(e,r))}_removeFile(t){const e=this._files[t];if(this.value instanceof FormData){const o=this.value.getAll(this.name).filter(i=>i!==e);if(o.length===0)this.value="";else{this.value.delete(this.name);for(const i of o)this.value.append(this.name,i)}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}">
|
|
2929
2941
|
<uui-action-bar slot="actions">
|
|
2930
2942
|
<uui-button
|
|
2931
2943
|
@click=${()=>this._removeFile(e)}
|
|
2932
2944
|
color="danger"
|
|
2933
2945
|
label=${`Delete ${t.name}`}>
|
|
2934
|
-
<uui-icon name="delete" .fallback=${
|
|
2946
|
+
<uui-icon name="delete" .fallback=${Cd.strings[0]}></uui-icon>
|
|
2935
2947
|
</uui-button>
|
|
2936
2948
|
</uui-action-bar>
|
|
2937
|
-
</uui-file-preview>`}_renderFiles(){return l`${
|
|
2949
|
+
</uui-file-preview>`}_renderFiles(){return l`${ss(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`
|
|
2938
2950
|
<uui-file-dropzone
|
|
2939
2951
|
id="dropzone"
|
|
2940
2952
|
?multiple=${this.multiple}
|
|
@@ -2947,9 +2959,9 @@
|
|
|
2947
2959
|
@click=${this._handleClick}
|
|
2948
2960
|
id="add-button"
|
|
2949
2961
|
look="placeholder"
|
|
2950
|
-
label="Add"></uui-button
|
|
2962
|
+
label="Add"></uui-button>`:$}
|
|
2951
2963
|
</div>
|
|
2952
|
-
`}};
|
|
2964
|
+
`}};je.styles=[d`
|
|
2953
2965
|
:host {
|
|
2954
2966
|
width: 100%;
|
|
2955
2967
|
height: 100%;
|
|
@@ -2998,26 +3010,26 @@
|
|
|
2998
3010
|
justify-content: center;
|
|
2999
3011
|
align-items: stretch;
|
|
3000
3012
|
}
|
|
3001
|
-
`],
|
|
3013
|
+
`],rr([O("#dropzone")],je.prototype,"_dropzone",2),rr([O("#dropzone")],je.prototype,"_dropZone",2),rr([a({type:String})],je.prototype,"accept",2),rr([a({type:Boolean})],je.prototype,"multiple",2),rr([b()],je.prototype,"_files",2),je=rr([p("uui-input-file")],je);var _1=Object.defineProperty,Gl=Object.getOwnPropertySymbols,y1=Object.prototype.hasOwnProperty,w1=Object.prototype.propertyIsEnumerable,Wl=(t,e,r)=>e in t?_1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ql=(t,e)=>{for(var r in e||(e={}))y1.call(e,r)&&Wl(t,r,e[r]);if(Gl)for(var r of Gl(e))w1.call(e,r)&&Wl(t,r,e[r]);return t};class St extends S{constructor(e,r={}){super(e,ql(ql({},{bubbles:!0}),r))}}St.CHANGE="change",St.INPUT="input";var x1=Object.defineProperty,$1=Object.getOwnPropertyDescriptor,H=(t,e,r,o)=>{for(var i=o>1?void 0:o?$1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&x1(e,r,i),i};let I=class extends be(fe("",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 St(St.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new St(St.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
|
|
3002
3014
|
${this.renderPrepend()}
|
|
3003
3015
|
${this.autoWidth?this.renderInputWithAutoWidth():this.renderInput()}
|
|
3004
3016
|
${this.renderAppend()}
|
|
3005
|
-
`}renderInputWithAutoWidth(){l`<div id="control">
|
|
3017
|
+
`}renderInputWithAutoWidth(){return l`<div id="control">
|
|
3006
3018
|
${this.renderInput()}${this.renderAutoWidthBackground()}
|
|
3007
3019
|
</div>`}renderInput(){return l`<input
|
|
3008
3020
|
id="input"
|
|
3009
3021
|
.type=${this.type}
|
|
3010
3022
|
.value=${this.value}
|
|
3011
3023
|
.name=${this.name}
|
|
3012
|
-
pattern=${
|
|
3013
|
-
min=${
|
|
3014
|
-
max=${
|
|
3015
|
-
step=${
|
|
3024
|
+
pattern=${P(this.pattern)}
|
|
3025
|
+
min=${P(this.min)}
|
|
3026
|
+
max=${P(this.max)}
|
|
3027
|
+
step=${P(this.step)}
|
|
3016
3028
|
spellcheck=${this.spellcheck}
|
|
3017
|
-
autocomplete=${
|
|
3018
|
-
placeholder=${
|
|
3019
|
-
aria-label=${
|
|
3020
|
-
inputmode=${
|
|
3029
|
+
autocomplete=${P(this.autocomplete)}
|
|
3030
|
+
placeholder=${P(this.placeholder)}
|
|
3031
|
+
aria-label=${P(this.label)}
|
|
3032
|
+
inputmode=${P(this.inputMode)}
|
|
3021
3033
|
?disabled=${this.disabled}
|
|
3022
3034
|
?autofocus=${this.autofocus}
|
|
3023
3035
|
?required=${this.required}
|
|
@@ -3039,6 +3051,8 @@
|
|
|
3039
3051
|
var(--uui-input-border-color, var(--uui-color-border,#d8d7d9));
|
|
3040
3052
|
|
|
3041
3053
|
--uui-button-height: 100%;
|
|
3054
|
+
--auto-width-text-margin-right: 0;
|
|
3055
|
+
--auto-width-text-margin-left: 0;
|
|
3042
3056
|
}
|
|
3043
3057
|
|
|
3044
3058
|
#control {
|
|
@@ -3056,6 +3070,8 @@
|
|
|
3056
3070
|
z-index: -1;
|
|
3057
3071
|
height: 0px;
|
|
3058
3072
|
padding: 0 var(--uui-size-space-3,9px);
|
|
3073
|
+
margin: 0 var(--auto-width-text-margin-right) 0
|
|
3074
|
+
var(--auto-width-text-margin-left);
|
|
3059
3075
|
}
|
|
3060
3076
|
|
|
3061
3077
|
:host([auto-width]) #input {
|
|
@@ -3135,6 +3151,11 @@
|
|
|
3135
3151
|
input::placeholder {
|
|
3136
3152
|
transition: opacity 120ms;
|
|
3137
3153
|
}
|
|
3154
|
+
|
|
3155
|
+
input[type='password']::-ms-reveal {
|
|
3156
|
+
display: none;
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3138
3159
|
:host(:not([readonly])) input:focus::placeholder {
|
|
3139
3160
|
opacity: 0;
|
|
3140
3161
|
}
|
|
@@ -3150,16 +3171,16 @@
|
|
|
3150
3171
|
height: 100%;
|
|
3151
3172
|
--uui-input-border-width: 0;
|
|
3152
3173
|
}
|
|
3153
|
-
`],
|
|
3174
|
+
`],H([a()],I.prototype,"min",2),H([a({type:Number})],I.prototype,"minlength",2),H([a({type:String,attribute:"minlength-message"})],I.prototype,"minlengthMessage",2),H([a()],I.prototype,"max",2),H([a({type:Number})],I.prototype,"maxlength",2),H([a({type:String,attribute:"maxlength-message"})],I.prototype,"maxlengthMessage",2),H([a({type:Number})],I.prototype,"step",2),H([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2),H([a({type:Boolean,reflect:!0})],I.prototype,"readonly",2),H([a()],I.prototype,"placeholder",2),H([a()],I.prototype,"autocomplete",2),H([a({type:Boolean,reflect:!0,attribute:"auto-width"})],I.prototype,"autoWidth",2),H([a({type:String})],I.prototype,"type",1),H([a({type:String})],I.prototype,"pattern",2),H([a({type:String})],I.prototype,"inputMode",2),H([O("#input")],I.prototype,"_input",2),I=H([p("uui-input")],I);var E1=Object.defineProperty,P1=Object.getOwnPropertyDescriptor,Kl=(t,e,r,o)=>{for(var i=o>1?void 0:o?P1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&E1(e,r,i),i};let Br=class extends I{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=${Od.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3154
3175
|
name="unlock"
|
|
3155
|
-
.fallback=${
|
|
3176
|
+
.fallback=${Id.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
|
|
3156
3177
|
.disabled=${this.disabled}
|
|
3157
3178
|
@click=${this._onLockToggle}
|
|
3158
3179
|
compact
|
|
3159
3180
|
id="lock"
|
|
3160
3181
|
label="${this.locked?"Unlock input":"Lock input"}">
|
|
3161
3182
|
${this.renderIcon()}
|
|
3162
|
-
</uui-button>`}};
|
|
3183
|
+
</uui-button>`}};Br.styles=[...I.styles,d`
|
|
3163
3184
|
#lock {
|
|
3164
3185
|
height: 100%;
|
|
3165
3186
|
|
|
@@ -3172,16 +3193,16 @@
|
|
|
3172
3193
|
cursor: not-allowed;
|
|
3173
3194
|
opacity: 0.55;
|
|
3174
3195
|
}
|
|
3175
|
-
`],
|
|
3196
|
+
`],Kl([a({type:Boolean,reflect:!0})],Br.prototype,"locked",2),Br=Kl([p("uui-input-lock")],Br);var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,ds=(t,e,r,o)=>{for(var i=o>1?void 0:o?O1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&C1(e,r,i),i};let ir=class extends I{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=${kd.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3176
3197
|
name="unsee"
|
|
3177
|
-
.fallback=${
|
|
3198
|
+
.fallback=${zd.strings[0]}></uui-icon>`}renderAppend(){return l`<uui-button
|
|
3178
3199
|
.disabled=${this.disabled}
|
|
3179
3200
|
@click=${this._onPasswordToggle}
|
|
3180
3201
|
compact
|
|
3181
3202
|
label="${this.passwordType==="password"?"Show password":"Hide password"}"
|
|
3182
3203
|
id="eye">
|
|
3183
3204
|
${this.renderIcon()}
|
|
3184
|
-
</uui-button>`}};
|
|
3205
|
+
</uui-button>`}};ir.styles=[...I.styles,d`
|
|
3185
3206
|
#eye {
|
|
3186
3207
|
height: 100%;
|
|
3187
3208
|
margin-left: -6px;
|
|
@@ -3190,7 +3211,7 @@
|
|
|
3190
3211
|
#clear:hover {
|
|
3191
3212
|
color: black;
|
|
3192
3213
|
}
|
|
3193
|
-
`],
|
|
3214
|
+
`],ds([b()],ir.prototype,"passwordType",2),ds([a()],ir.prototype,"type",1),ir=ds([p("uui-input-password")],ir);var S1=Object.defineProperty,k1=Object.getOwnPropertyDescriptor,I1=(t,e,r,o)=>{for(var i=o>1?void 0:o?k1(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&&S1(e,r,i),i};let Ri=class extends v{render(){return l`<slot></slot>`}};Ri.styles=[d`
|
|
3194
3215
|
:host {
|
|
3195
3216
|
display: inline-block;
|
|
3196
3217
|
font-family: inherit;
|
|
@@ -3205,7 +3226,7 @@
|
|
|
3205
3226
|
::slotted(*:last-child)uui-key {
|
|
3206
3227
|
margin-right: 0px;
|
|
3207
3228
|
}
|
|
3208
|
-
`],
|
|
3229
|
+
`],Ri=I1([p("uui-keyboard-shortcut")],Ri);var z1=Object.defineProperty,A1=Object.getOwnPropertyDescriptor,D1=(t,e,r,o)=>{for(var i=o>1?void 0:o?A1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&z1(e,r,i),i};let Fi=class extends v{render(){return l`<slot></slot>`}};Fi.styles=[d`
|
|
3209
3230
|
:host {
|
|
3210
3231
|
background: var(--uui-color-surface,#fff);
|
|
3211
3232
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -3219,10 +3240,10 @@
|
|
|
3219
3240
|
user-select: none;
|
|
3220
3241
|
text-transform: lowercase;
|
|
3221
3242
|
}
|
|
3222
|
-
`],
|
|
3243
|
+
`],Fi=D1([p("uui-key")],Fi);var U1=Object.defineProperty,L1=Object.getOwnPropertyDescriptor,Gi=(t,e,r,o)=>{for(var i=o>1?void 0:o?L1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&U1(e,r,i),i};let 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`
|
|
3223
3244
|
<slot></slot>
|
|
3224
3245
|
${this.required?l`<div id="required">*</div>`:""}
|
|
3225
|
-
`}};
|
|
3246
|
+
`}};kt.styles=[d`
|
|
3226
3247
|
:host {
|
|
3227
3248
|
font-weight: 700;
|
|
3228
3249
|
}
|
|
@@ -3237,7 +3258,7 @@
|
|
|
3237
3258
|
color: var(--uui-color-danger,#d42054);
|
|
3238
3259
|
font-weight: 900;
|
|
3239
3260
|
}
|
|
3240
|
-
`]
|
|
3261
|
+
`],Gi([a({type:Boolean,reflect:!0})],kt.prototype,"disabled",2),Gi([a({reflect:!0,attribute:!0})],kt.prototype,"for",2),Gi([a({type:Boolean,reflect:!0})],kt.prototype,"required",2),kt=Gi([p("uui-label")],kt);var M1=Object.defineProperty,N1=Object.getOwnPropertyDescriptor,ps=(t,e,r,o)=>{for(var i=o>1?void 0:o?N1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&M1(e,r,i),i};const V1=(t,e,r)=>Math.min(Math.max(t,e),r);let or=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=V1(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`
|
|
3241
3262
|
${this.progress?l`<div
|
|
3242
3263
|
id="bar"
|
|
3243
3264
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -3246,7 +3267,7 @@
|
|
|
3246
3267
|
class=${this.progress?"":"animate"}
|
|
3247
3268
|
style="animation-duration: ${this.animationDuration}s"></div>
|
|
3248
3269
|
<div id="bar-background"></div>
|
|
3249
|
-
`}};
|
|
3270
|
+
`}};or.styles=[d`
|
|
3250
3271
|
:host {
|
|
3251
3272
|
position: relative;
|
|
3252
3273
|
display: block;
|
|
@@ -3305,7 +3326,7 @@
|
|
|
3305
3326
|
transform-origin: 175% 0%;
|
|
3306
3327
|
}
|
|
3307
3328
|
}
|
|
3308
|
-
`],
|
|
3329
|
+
`],ps([a({type:Number})],or.prototype,"progress",1),ps([a({type:Number})],or.prototype,"animationDuration",1),or=ps([p("uui-loader-bar")],or);var T1=Object.defineProperty,H1=Object.getOwnPropertyDescriptor,vs=(t,e,r,o)=>{for(var i=o>1?void 0:o?H1(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&&T1(e,r,i),i};let sr=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`
|
|
3309
3330
|
<svg
|
|
3310
3331
|
id="spinner"
|
|
3311
3332
|
class=${this.progress?"":"animate"}
|
|
@@ -3318,11 +3339,11 @@
|
|
|
3318
3339
|
cx="50%"
|
|
3319
3340
|
cy="50%"
|
|
3320
3341
|
r="16"
|
|
3321
|
-
style=${
|
|
3342
|
+
style=${me(this._circleStyle())} />
|
|
3322
3343
|
</g>
|
|
3323
3344
|
</svg>
|
|
3324
3345
|
${this.renderProgress()}
|
|
3325
|
-
`}};
|
|
3346
|
+
`}};sr.styles=[d`
|
|
3326
3347
|
:host {
|
|
3327
3348
|
vertical-align: middle;
|
|
3328
3349
|
line-height: 0;
|
|
@@ -3407,11 +3428,11 @@
|
|
|
3407
3428
|
/* Center the text */
|
|
3408
3429
|
padding-top: 0.09em;
|
|
3409
3430
|
}
|
|
3410
|
-
`],
|
|
3431
|
+
`],vs([a({type:Number})],sr.prototype,"progress",2),vs([a({type:Boolean,reflect:!0,attribute:"show-progress"})],sr.prototype,"showProgress",2),sr=vs([p("uui-loader-circle")],sr);var j1=Object.defineProperty,B1=Object.getOwnPropertyDescriptor,R1=(t,e,r,o)=>{for(var i=o>1?void 0:o?B1(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&&j1(e,r,i),i};let Wi=class extends v{render(){return l`
|
|
3411
3432
|
<div></div>
|
|
3412
3433
|
<div></div>
|
|
3413
3434
|
<div></div>
|
|
3414
|
-
`}};
|
|
3435
|
+
`}};Wi.styles=[d`
|
|
3415
3436
|
:host {
|
|
3416
3437
|
color: var(--uui-color-default,#1b264f);
|
|
3417
3438
|
}
|
|
@@ -3451,31 +3472,31 @@
|
|
|
3451
3472
|
background-color: currentColor;
|
|
3452
3473
|
}
|
|
3453
3474
|
}
|
|
3454
|
-
`],
|
|
3475
|
+
`],Wi=R1([p("uui-loader")],Wi);/**
|
|
3455
3476
|
* @license
|
|
3456
3477
|
* Copyright 2017 Google LLC
|
|
3457
3478
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3458
|
-
*/const
|
|
3479
|
+
*/const Rr=(t,e)=>{var r,o;const i=t._$AN;if(i===void 0)return!1;for(const s of i)(o=(r=s)._$AO)===null||o===void 0||o.call(r,e,!1),Rr(s,e);return!0},qi=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},Xl=t=>{for(let e;e=t._$AM;t=e){let r=e._$AN;if(r===void 0)e._$AN=r=new Set;else if(r.has(t))break;r.add(t),W1(e)}};function F1(t){this._$AN!==void 0?(qi(this),this._$AM=t,Xl(this)):this._$AM=t}function G1(t,e=!1,r=0){const o=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(e)if(Array.isArray(o))for(let s=r;s<o.length;s++)Rr(o[s],!1),qi(o[s]);else o!=null&&(Rr(o,!1),qi(o));else Rr(this,t)}const W1=t=>{var e,r,o,i;t.type==ce.CHILD&&((e=(o=t)._$AP)!==null&&e!==void 0||(o._$AP=G1),(r=(i=t)._$AQ)!==null&&r!==void 0||(i._$AQ=F1))};class q1 extends Kt{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),Xl(this),this.isConnected=e._$AU}_$AO(e,r=!0){var o,i;e!==this.isConnected&&(this.isConnected=e,e?(o=this.reconnected)===null||o===void 0||o.call(this):(i=this.disconnected)===null||i===void 0||i.call(this)),r&&(Rr(this,e),qi(this))}setValue(e){if(Ya(this._$Ct))this._$Ct._$AI(e,this);else{const r=[...this._$Ct._$AH];r[this._$Ci]=e,this._$Ct._$AI(r,this,0)}}disconnected(){}reconnected(){}}const fs=new WeakMap,bs=qt(class extends q1{render(t){return $}update(t,[e]){var r;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=(r=t.options)===null||r===void 0?void 0:r.host,this.ot(this.lt=t.element)),$}ot(t){var e;if(typeof this.G=="function"){const r=(e=this.dt)!==null&&e!==void 0?e:globalThis;let o=fs.get(r);o===void 0&&(o=new WeakMap,fs.set(r,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,r;return typeof this.G=="function"?(e=fs.get((t=this.dt)!==null&&t!==void 0?t:globalThis))===null||e===void 0?void 0:e.get(this.G):(r=this.G)===null||r===void 0?void 0:r.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});class Be extends S{}Be.SHOW_CHILDREN="show-children",Be.HIDE_CHILDREN="hide-children",Be.CLICK_LABEL="click-label";var K1=Object.defineProperty,X1=Object.getOwnPropertyDescriptor,Re=(t,e,r,o)=>{for(var i=o>1?void 0:o?X1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&K1(e,r,i),i};let le=class extends wi(Rt(Sr(fe("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?Be.HIDE_CHILDREN:Be.SHOW_CHILDREN,e=new Be(t,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const t=new Be(Be.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
|
|
3459
3480
|
name="icon"
|
|
3460
3481
|
id="icon"
|
|
3461
3482
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
3462
3483
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
3463
3484
|
${this.renderLabel()}
|
|
3464
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${
|
|
3485
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${bs(this._labelButtonChanged)}>
|
|
3465
3486
|
${this._renderLabelInside()}
|
|
3466
3487
|
</span>`:l` <a
|
|
3467
3488
|
id="label-button"
|
|
3468
|
-
${
|
|
3469
|
-
href=${
|
|
3470
|
-
target=${
|
|
3471
|
-
rel=${
|
|
3489
|
+
${bs(this._labelButtonChanged)}
|
|
3490
|
+
href=${P(this.href)}
|
|
3491
|
+
target=${P(this.target||void 0)}
|
|
3492
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
3472
3493
|
@click=${this._onLabelClicked}
|
|
3473
3494
|
?disabled=${this.disabled}
|
|
3474
3495
|
aria-label="${this.label}">
|
|
3475
3496
|
${this._renderLabelInside()}
|
|
3476
3497
|
</a>`}_renderLabelAsButton(){return l` <button
|
|
3477
3498
|
id="label-button"
|
|
3478
|
-
${
|
|
3499
|
+
${bs(this._labelButtonChanged)}
|
|
3479
3500
|
@click=${this._onLabelClicked}
|
|
3480
3501
|
?disabled=${this.disabled}
|
|
3481
3502
|
aria-label="${this.label}">
|
|
@@ -3492,7 +3513,7 @@
|
|
|
3492
3513
|
${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
3493
3514
|
</div>
|
|
3494
3515
|
${this.showChildren?l`<slot></slot>`:""}
|
|
3495
|
-
`}};
|
|
3516
|
+
`}};le.styles=[d`
|
|
3496
3517
|
:host {
|
|
3497
3518
|
box-sizing: border-box;
|
|
3498
3519
|
display: block;
|
|
@@ -3803,7 +3824,7 @@
|
|
|
3803
3824
|
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
|
|
3804
3825
|
margin-right: var(--uui-size-base-unit);
|
|
3805
3826
|
}
|
|
3806
|
-
`],
|
|
3827
|
+
`],Re([a({type:Boolean,reflect:!0})],le.prototype,"disabled",2),Re([a({type:Boolean,reflect:!0,attribute:"show-children"})],le.prototype,"showChildren",2),Re([a({type:Boolean,attribute:"has-children"})],le.prototype,"hasChildren",2),Re([a({type:Boolean,attribute:"loading"})],le.prototype,"loading",2),Re([a({type:String})],le.prototype,"href",2),Re([a({type:String})],le.prototype,"target",2),Re([a({type:String,attribute:"select-mode",reflect:!0})],le.prototype,"selectMode",2),Re([b()],le.prototype,"iconSlotHasContent",2),le=Re([p("uui-menu-item")],le);var Y1=Object.defineProperty,Z1=Object.getOwnPropertyDescriptor,nr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Z1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Y1(e,r,i),i};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 r=new CustomEvent("open",{cancelable:!0});this.dispatchEvent(r),!r.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const r=new CustomEvent("close",{cancelable:!0});this.dispatchEvent(r),!r.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,r;this.isOpen=!0,(e=this._dialogElement)==null||e.showModal(),(r=this._dialogElement)==null||r.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`
|
|
3807
3828
|
dialog {
|
|
3808
3829
|
display: block;
|
|
3809
3830
|
margin: 0;
|
|
@@ -3829,9 +3850,9 @@
|
|
|
3829
3850
|
:host([index='0']) dialog::after {
|
|
3830
3851
|
opacity: 0;
|
|
3831
3852
|
}
|
|
3832
|
-
`],
|
|
3853
|
+
`],nr([O("dialog")],Q.prototype,"_dialogElement",2),nr([a({type:Boolean,reflect:!0,attribute:"is-open"})],Q.prototype,"isOpen",2),nr([a({type:Boolean,reflect:!0,attribute:"is-closing"})],Q.prototype,"isClosing",2),nr([a({type:Number,reflect:!0})],Q.prototype,"index",2),nr([a({type:Number,reflect:!0,attribute:"unique-index"})],Q.prototype,"uniqueIndex",2),nr([a({type:Number,attribute:"transition-duration"})],Q.prototype,"transitionDuration",1);var Q1=Object.defineProperty,J1=Object.getOwnPropertyDescriptor,Yl=(t,e,r,o)=>{for(var i=o>1?void 0:o?J1(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&&Q1(e,r,i),i},Zl=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Ql=(t,e,r)=>(Zl(t,e,"read from private field"),r?r.call(t):e.get(t)),Jl=(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)},ev=(t,e,r)=>(Zl(t,e,"access private method"),r),Ki,gs,ms,eu;let ar=class extends Q{constructor(){super(),Jl(this,Ki),Jl(this,ms),this.size="full",this.addEventListener("close",ev(this,ms,eu).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-Ql(this,Ki,gs)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog>
|
|
3833
3854
|
<slot></slot>
|
|
3834
|
-
</dialog>`}};
|
|
3855
|
+
</dialog>`}};Ki=new WeakSet,gs=function(){var t,e;return(e=(t=this._dialogElement)==null?void 0:t.getBoundingClientRect().width)!=null?e:0},ms=new WeakSet,eu=function(t){t.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Ql(this,Ki,gs)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},ar.styles=[...Q.styles,d`
|
|
3835
3856
|
:host {
|
|
3836
3857
|
--uui-modal-sidebar-left-gap: 24px;
|
|
3837
3858
|
}
|
|
@@ -3867,7 +3888,7 @@
|
|
|
3867
3888
|
:host([size='small']) dialog {
|
|
3868
3889
|
max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
3869
3890
|
}
|
|
3870
|
-
`],
|
|
3891
|
+
`],Yl([a({reflect:!0})],ar.prototype,"size",2),ar=Yl([Do("uui-modal-sidebar")],ar);var tv=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,lr=(t,e,r,o)=>{for(var i=o>1?void 0:o?rv(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&&tv(e,r,i),i},tu=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},ru=(t,e,r)=>(tu(t,e,"read from private field"),r?r.call(t):e.get(t)),Xi=(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)},Yi=(t,e,r)=>(tu(t,e,"access private method"),r),_s,ys,Zi,ws,Qi,xs;let Fe=class extends v{constructor(){super(),Xi(this,Zi),Xi(this,Qi),this.sidebarGap=64,this.transitionDurationMS=250,Xi(this,_s,()=>{var t,e;if(this._modals=(e=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(r=>r instanceof Q))!=null?e:[],this._sidebars=this._modals.filter(r=>r instanceof ar),this._modals.length===0){this.removeAttribute("backdrop");return}Yi(this,Zi,ws).call(this),Yi(this,Qi,xs).call(this)}),Xi(this,ys,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Yi(this,Zi,ws).call(this),Yi(this,Qi,xs).call(this)}),this.addEventListener("close",ru(this,ys))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange=${ru(this,_s)}></slot>`}};_s=new WeakMap,ys=new WeakMap,Zi=new WeakSet,ws=function(){var t,e;this.setAttribute("backdrop","");const r=(e=(t=this._modals)==null?void 0:t.filter(o=>!o.isClosing).reverse())!=null?e:[];r?.forEach((o,i)=>{o.index=i,o.transitionDuration=this.transitionDurationMS}),r?.forEach(o=>{var i;const s=r?.filter(n=>n.constructor.name===o.constructor.name);o.uniqueIndex=(i=s?.indexOf(o))!=null?i:0})},Qi=new WeakSet,xs=function(){requestAnimationFrame(()=>{var t,e,r,o,i,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 w=(i=(o=(r=_.shadowRoot)==null?void 0:r.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?i:0,x=(u=(n=(s=g?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:n.getBoundingClientRect().width)!=null?u:0,E=w+c+this.sidebarGap-x;c=E>0?E:0}})},Fe.styles=d`
|
|
3871
3892
|
:host {
|
|
3872
3893
|
position: fixed;
|
|
3873
3894
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -3884,11 +3905,11 @@
|
|
|
3884
3905
|
:host([backdrop])::after {
|
|
3885
3906
|
opacity: 1;
|
|
3886
3907
|
}
|
|
3887
|
-
`,
|
|
3908
|
+
`,lr([O("slot")],Fe.prototype,"modalSlot",2),lr([b()],Fe.prototype,"_modals",2),lr([b()],Fe.prototype,"_sidebars",2),lr([a({type:Number})],Fe.prototype,"sidebarGap",2),lr([a({type:Number})],Fe.prototype,"transitionDurationMS",2),Fe=lr([Do("uui-modal-container")],Fe);var iv=Object.defineProperty,ov=Object.getOwnPropertyDescriptor,sv=(t,e,r,o)=>{for(var i=o>1?void 0:o?ov(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&iv(e,r,i),i};let Ji=class extends Q{render(){return l`
|
|
3888
3909
|
<dialog>
|
|
3889
3910
|
<slot></slot>
|
|
3890
3911
|
</dialog>
|
|
3891
|
-
`}};
|
|
3912
|
+
`}};Ji.styles=[...Q.styles,d`
|
|
3892
3913
|
dialog {
|
|
3893
3914
|
margin: auto;
|
|
3894
3915
|
max-width: 100%;
|
|
@@ -3901,7 +3922,7 @@
|
|
|
3901
3922
|
:host(:not([index='0'])) dialog {
|
|
3902
3923
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
3903
3924
|
}
|
|
3904
|
-
`],
|
|
3925
|
+
`],Ji=sv([Do("uui-modal-dialog")],Ji);var nv=Object.defineProperty,iu=Object.getOwnPropertySymbols,av=Object.prototype.hasOwnProperty,lv=Object.prototype.propertyIsEnumerable,ou=(t,e,r)=>e in t?nv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,su=(t,e)=>{for(var r in e||(e={}))av.call(e,r)&&ou(t,r,e[r]);if(iu)for(var r of iu(e))lv.call(e,r)&&ou(t,r,e[r]);return t};class tt extends S{constructor(e,r={}){super(e,su(su({},{bubbles:!0}),r))}}tt.CHANGE="change";var uv=Object.defineProperty,cv=Object.getOwnPropertyDescriptor,Ge=(t,e,r,o)=>{for(var i=o>1?void 0:o?cv(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&&uv(e,r,i),i};const hv=45,$s=(t,e,r)=>Math.min(Math.max(t,e),r),dv=(t,e)=>Array.from({length:e-t+1},(r,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((i,s)=>i+s.getBoundingClientRect().width,0),o=(t-e)/hv/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,r=t<=this._range?this._range*2+1:t<this.total-this._range?t+this._range:this.total;return dv($s(e,1,this.total),$s(r,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=$s(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
|
|
3905
3926
|
compact
|
|
3906
3927
|
look="outline"
|
|
3907
3928
|
class="nav"
|
|
@@ -3963,7 +3984,7 @@
|
|
|
3963
3984
|
${this._visiblePages.map(t=>this.renderPage(t))}
|
|
3964
3985
|
${this.renderNavigationRight()}
|
|
3965
3986
|
</uui-button-group>
|
|
3966
|
-
`}};
|
|
3987
|
+
`}};ue.styles=[d`
|
|
3967
3988
|
uui-button-group {
|
|
3968
3989
|
width: 100%;
|
|
3969
3990
|
}
|
|
@@ -3993,7 +4014,7 @@
|
|
|
3993
4014
|
.active {
|
|
3994
4015
|
pointer-events: none;
|
|
3995
4016
|
}
|
|
3996
|
-
`],
|
|
4017
|
+
`],Ge([tc("uui-button.nav")],ue.prototype,"_navButtons",2),Ge([O("#pages")],ue.prototype,"_pagesGroup",2),Ge([a()],ue.prototype,"label",2),Ge([a({reflect:!0,attribute:"aria-label"})],ue.prototype,"ariaLabel",2),Ge([a({type:Number})],ue.prototype,"total",1),Ge([b()],ue.prototype,"_range",2),Ge([b()],ue.prototype,"_visiblePages",2),Ge([a({type:Number})],ue.prototype,"current",1),ue=Ge([p("uui-pagination")],ue);class Es extends S{}Es.CLOSE="close";var pv=Object.defineProperty,vv=Object.getOwnPropertyDescriptor,Fr=(t,e,r,o)=>{for(var i=o>1?void 0:o?vv(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&&pv(e,r,i),i};function eo(t,e,r){return t<e?e:t>r?r:t}let rt=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 Es(Es.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 r=e.position==="absolute",o=/(auto|scroll)/;let i=t;for(;i=i.parentElement;)if(e=getComputedStyle(i),!(r&&e.position==="static")&&(o.test(e.overflow+e.overflowY+e.overflowX)&&this._scrollParents.push(i),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 r=this.containerElement;if(!r)return;const o=(t=this.containerElement)==null?void 0:t.getBoundingClientRect(),i=(e=this._trigger)==null?void 0:e.getBoundingClientRect();if(i!=null&&o!=null){const s=this._scrollParents.map(ve=>ve.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,w=.5,x=.5,E=.5,R=0,ke=0;if(this.placement==="auto"){const ve=this._scrollParents[0],$r=ve.clientWidth,lt=ve.clientHeight,Mt=i.x-o.width,Nt=$r-(i.x+i.width)-o.width,wo=i.y-o.height,ci=lt-(i.y+i.height)-o.height;let hi=.5,di=.5;const Wu=Math.max(Mt,Nt);let Gs=Math.max(wo,ci);ci>wo&&ci>this.margin&&(Gs+=9999),Wu>Gs?(Mt>Nt?(hi=0,c=!0):(hi=1,h=!0),R=this.margin):(wo>ci?(di=0,n=!0):(di=1,u=!0),ke=this.margin),g=hi,w=di,x=1-hi,E=1-di}else n&&(E=1,w=0),u&&(E=0,w=1),(n||u)&&(ke=this.margin,f&&(x=0,g=0),_&&(x=1,g=1)),c&&(x=1,g=0),h&&(x=0,g=1),(c||h)&&(R=this.margin,f&&(E=0,w=0),_&&(E=1,w=1));const Ie=-o.width*x+i.width*g-R*(x*2-1),ui=-o.height*E+i.height*w-ke*(E*2-1);let nt=Ie,at=ui;n||u?(this._scrollParents.forEach((ve,$r)=>{const lt=ve===document.body?0:s[$r].x,Mt=-i.x+lt,Nt=ve.clientWidth-i.x-i.width+Ie+lt-(o.width-i.width)*(1-g);nt=eo(nt,Mt,Nt)}),nt=eo(nt,-o.width,i.width)):(c||h)&&(this._scrollParents.forEach((ve,$r)=>{const lt=ve===document.body?0:s[$r].y,Mt=-i.y+lt,Nt=ve.clientHeight-i.y-i.height+ui+lt-(o.height-i.height)*(1-w);at=eo(at,Mt,Nt)}),at=eo(at,-o.height,i.height)),(this._positionX!==nt||this._positionY!==at)&&(this._positionX=nt,this._positionY=at,Ie===nt&&ui===at&&this._stopScrollListener(),r.style.left=`${this._positionX}px`,r.style.top=`${this._positionY}px`)}}_managePlacementFlip(t,e,r){const i=t.split("-"),s=i[0],n=i[1]||null;let u;return this._scrollParents.some((c,h)=>{const f=c===document.body?0:r[h].x,_=c===document.body?0:r[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`
|
|
3997
4018
|
<slot
|
|
3998
4019
|
id="trigger"
|
|
3999
4020
|
name="trigger"
|
|
@@ -4001,7 +4022,7 @@
|
|
|
4001
4022
|
<div id="container">
|
|
4002
4023
|
${this._open?l`<slot name="popover"></slot>`:""}
|
|
4003
4024
|
</div>
|
|
4004
|
-
`}};
|
|
4025
|
+
`}};rt.styles=[d`
|
|
4005
4026
|
:host {
|
|
4006
4027
|
position: relative;
|
|
4007
4028
|
display: inline-block;
|
|
@@ -4028,9 +4049,21 @@
|
|
|
4028
4049
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
4029
4050
|
);
|
|
4030
4051
|
}
|
|
4031
|
-
`],
|
|
4032
|
-
|
|
4033
|
-
|
|
4052
|
+
`],Fr([O("#container")],rt.prototype,"containerElement",2),Fr([a({type:Number})],rt.prototype,"margin",2),Fr([a({type:String,reflect:!0})],rt.prototype,"placement",1),Fr([a({type:Boolean,reflect:!0})],rt.prototype,"open",1),rt=Fr([p("uui-popover")],rt);var fv=Object.defineProperty,bv=Object.getOwnPropertyDescriptor,It=(t,e,r,o)=>{for(var i=o>1?void 0:o?bv(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&&fv(e,r,i),i},Ps=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},K=(t,e,r)=>(Ps(t,e,"read from private field"),r?r.call(t):e.get(t)),zt=(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)},gv=(t,e,r,o)=>(Ps(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),nu=(t,e,r)=>(Ps(t,e,"access private method"),r),ur,Cs,to,cr,Gr,Os,ro,Ss;let Ee=class extends v{constructor(){super(...arguments),zt(this,ro),this.margin=0,this._placement="bottom-start",this._open=!1,this._actualPlacement=this._placement,zt(this,ur,null),zt(this,Cs,t=>{(!t.relatedTarget||!this.contains(t.relatedTarget))&&(this.hidePopover(),this._open=!1)}),zt(this,to,async t=>{var e;if(this._open=t.newState==="open",gv(this,ur,Pd(this,"popovertarget",this.id)),(e=K(this,ur))==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,cr));return}document.addEventListener("scroll",K(this,cr)),requestAnimationFrame(()=>{K(this,cr).call(this)})}),zt(this,cr,()=>{this._open&&(this._actualPlacement=this._placement,this.style.opacity="0",K(this,Gr).call(this,3))}),zt(this,Gr,t=>{if(K(this,Os).call(this),t--,K(this,ur)===null)return;const e=this._actualPlacement.indexOf("top")!==-1,r=this._actualPlacement.indexOf("bottom")!==-1,o=this._actualPlacement.indexOf("left")!==-1,i=this._actualPlacement.indexOf("right")!==-1,s=this._actualPlacement.indexOf("-start")!==-1,n=this._actualPlacement.indexOf("-end")!==-1,u=K(this,ur).getBoundingClientRect(),c=this.getBoundingClientRect();let h=0,f=0;r&&(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)),i&&(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,w=Math.min(0,u.top+u.height),x=Math.max(Math.min(h,g-c.height),u.top-c.height);if(Math.max(w,x)!==h&&(e||r)&&t>0){nu(this,ro,Ss).call(this),K(this,Gr).call(this,t);return}h=Math.max(w,x);const R=Math.min(0,u.left+u.width),ke=Math.max(Math.min(f,_-c.width),u.left-c.width),Ie=Math.max(R,ke);if(Ie!==f&&(o||i)&&t>0){nu(this,ro,Ss).call(this),K(this,Gr).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"}),zt(this,Os,()=>{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 r=`padding${e}`;this.style.padding="0",this.style[r]=`${this.margin}px`})}get open(){return this._open}get placement(){return this._placement}set placement(t){this._placement=t,this._actualPlacement=t,K(this,cr).call(this)}connectedCallback(){if(super.connectedCallback(),this.addEventListener("focusout",K(this,Cs)),!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,to))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("beforetoggle",K(this,to))}render(){return l`<slot></slot>`}};ur=new WeakMap,Cs=new WeakMap,to=new WeakMap,cr=new WeakMap,Gr=new WeakMap,Os=new WeakMap,ro=new WeakSet,Ss=function(){const[t,e]=this._actualPlacement.split("-"),r=t==="top"?"bottom":t==="bottom"?"top":t==="left"?"right":"left";this._actualPlacement=`${r}-${e}`},Ee.styles=[d`
|
|
4053
|
+
:host {
|
|
4054
|
+
margin: 0;
|
|
4055
|
+
width: fit-content;
|
|
4056
|
+
height: fit-content;
|
|
4057
|
+
border: none;
|
|
4058
|
+
border-radius: 0;
|
|
4059
|
+
padding: 0;
|
|
4060
|
+
background-color: none;
|
|
4061
|
+
background: none;
|
|
4062
|
+
overflow: visible;
|
|
4063
|
+
}
|
|
4064
|
+
`],It([a({type:Number})],Ee.prototype,"margin",2),It([a({type:Boolean})],Ee.prototype,"open",1),It([a({type:String,reflect:!0})],Ee.prototype,"placement",1),It([b()],Ee.prototype,"_placement",2),It([b()],Ee.prototype,"_open",2),It([b()],Ee.prototype,"_actualPlacement",2),Ee=It([p("uui-popover-container")],Ee);var mv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,au=(t,e,r,o)=>{for(var i=o>1?void 0:o?_v(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&mv(e,r,i),i};const yv=(t,e,r)=>Math.min(Math.max(t,e),r);let Wr=class extends v{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=yv(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`
|
|
4065
|
+
<div id="bar" style=${me(this._getProgressStyle())}></div>
|
|
4066
|
+
`}};Wr.styles=[d`
|
|
4034
4067
|
:host {
|
|
4035
4068
|
width: 100%;
|
|
4036
4069
|
height: 4px;
|
|
@@ -4047,7 +4080,7 @@
|
|
|
4047
4080
|
height: 100%;
|
|
4048
4081
|
width: 0%;
|
|
4049
4082
|
}
|
|
4050
|
-
`],
|
|
4083
|
+
`],au([a({type:Number})],Wr.prototype,"progress",1),Wr=au([p("uui-progress-bar")],Wr);var wv=Object.defineProperty,lu=Object.getOwnPropertySymbols,xv=Object.prototype.hasOwnProperty,$v=Object.prototype.propertyIsEnumerable,uu=(t,e,r)=>e in t?wv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,cu=(t,e)=>{for(var r in e||(e={}))xv.call(e,r)&&uu(t,r,e[r]);if(lu)for(var r of lu(e))$v.call(e,r)&&uu(t,r,e[r]);return t};class hr extends S{constructor(e,r={}){super(e,cu(cu({},{bubbles:!0}),r))}}hr.CHANGE="change";var Ev=Object.defineProperty,Pv=Object.getOwnPropertyDescriptor,At=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pv(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&&Ev(e,r,i),i},Cv=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},hu=(t,e,r)=>(Cv(t,e,"read from private field"),r?r.call(t):e.get(t)),du=(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)},ks,Is;let pe=class extends v{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,du(this,ks,()=>{this.style.setProperty("--uui-show-focus-outline","1")}),du(this,Is,()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("mousedown",hu(this,Is)),this.addEventListener("blur",hu(this,ks))}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 hr(hr.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>
|
|
4051
4084
|
<input
|
|
4052
4085
|
id="input"
|
|
4053
4086
|
type="radio"
|
|
@@ -4060,7 +4093,7 @@
|
|
|
4060
4093
|
<div id="label">
|
|
4061
4094
|
${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}
|
|
4062
4095
|
</div>
|
|
4063
|
-
</label>`}};
|
|
4096
|
+
</label>`}};ks=new WeakMap,Is=new WeakMap,pe.styles=[Ei,d`
|
|
4064
4097
|
:host {
|
|
4065
4098
|
display: block;
|
|
4066
4099
|
box-sizing: border-box;
|
|
@@ -4165,7 +4198,7 @@
|
|
|
4165
4198
|
}
|
|
4166
4199
|
|
|
4167
4200
|
:host([disabled]:active) #button {
|
|
4168
|
-
animation: ${
|
|
4201
|
+
animation: ${Pi};
|
|
4169
4202
|
}
|
|
4170
4203
|
|
|
4171
4204
|
@media (prefers-reduced-motion) {
|
|
@@ -4177,7 +4210,7 @@
|
|
|
4177
4210
|
transition: none;
|
|
4178
4211
|
}
|
|
4179
4212
|
}
|
|
4180
|
-
`],
|
|
4213
|
+
`],At([O("#input")],pe.prototype,"inputElement",2),At([a({type:String})],pe.prototype,"name",2),At([a({type:String})],pe.prototype,"value",2),At([a({type:String})],pe.prototype,"label",2),At([a({type:Boolean,reflect:!0})],pe.prototype,"checked",1),At([a({type:Boolean,reflect:!0})],pe.prototype,"disabled",1),pe=At([p("uui-radio")],pe);var Ov=Object.defineProperty,pu=Object.getOwnPropertySymbols,Sv=Object.prototype.hasOwnProperty,kv=Object.prototype.propertyIsEnumerable,vu=(t,e,r)=>e in t?Ov(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,fu=(t,e)=>{for(var r in e||(e={}))Sv.call(e,r)&&vu(t,r,e[r]);if(pu)for(var r of pu(e))kv.call(e,r)&&vu(t,r,e[r]);return t};class io extends S{constructor(e,r={}){super(e,fu(fu({},{bubbles:!0}),r))}}io.CHANGE="change";var Iv=Object.defineProperty,zv=Object.getOwnPropertyDescriptor,bu=(t,e,r,o)=>{for(var i=o>1?void 0:o?zv(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&&Iv(e,r,i),i};const Av="ArrowLeft",Dv="ArrowUp",Uv="ArrowRight",Lv="ArrowDown",Mv=" ";let dr=class extends be(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(r=>r.name=t)}_updateRadioElementsCheckedState(t){this._radioElements.forEach((e,r)=>{e.value===t?(e.checked=!0,this._selected=r):e.checked=!1})}_setDisableOnRadios(t){var e;(e=this._radioElements)==null||e.forEach(r=>r.disabled=t)}_handleSlotChange(t){var e;if(t.stopPropagation(),(e=this._radioElements)==null||e.forEach(o=>{o.removeEventListener(hr.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(o=>o instanceof pe),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(hr.CHANGE,this._handleSelectOnClick),o.addEventListener("blur",this._onChildBlur)}),this._setNameOnRadios(this.name),this.disabled&&this._setDisableOnRadios(!0);const r=this._radioElements.filter(o=>o.checked===!0);r.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)),r.length===1?(this.value=r[0].value,this._selected=this._radioElements.indexOf(r[0]),r[0].disabled===!1?(this._radioElements.forEach(o=>{o.makeUnfocusable()}),r[0].makeFocusable()):this._makeFirstEnabledFocusable()):this._makeFirstEnabledFocusable()}_makeFirstEnabledFocusable(){var t,e;this._selected=null,(t=this._radioElements)==null||t.forEach(r=>{r.makeUnfocusable()}),(e=this._findNextEnabledElement())==null||e.makeFocusable()}_findNextEnabledElement(t=1){if(!this._radioElements)return null;const e=this._selected||0,r=this._radioElements.length;let o=this._selected===null?0:1;for(;o<r;){let i=(e+o*t)%r;if(i<0&&(i+=r),this._radioElements[i].disabled===!1)return this._radioElements[i];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 Av:case Dv:{t.preventDefault(),this._selectPreviousElement();break}case Uv:case Lv:{t.preventDefault(),this._selectNextElement();break}case Mv: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> `}};dr.formAssociated=!0,dr.styles=[d`
|
|
4181
4214
|
:host {
|
|
4182
4215
|
display: inline-block;
|
|
4183
4216
|
padding-right: 3px;
|
|
@@ -4190,394 +4223,335 @@
|
|
|
4190
4223
|
:host(:not([pristine])[internals-invalid]) {
|
|
4191
4224
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4192
4225
|
}
|
|
4193
|
-
`],
|
|
4226
|
+
`],bu([a({type:Boolean,reflect:!0})],dr.prototype,"disabled",2),dr=bu([p("uui-radio-group")],dr);var Nv=Object.defineProperty,gu=Object.getOwnPropertySymbols,Vv=Object.prototype.hasOwnProperty,Tv=Object.prototype.propertyIsEnumerable,mu=(t,e,r)=>e in t?Nv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,_u=(t,e)=>{for(var r in e||(e={}))Vv.call(e,r)&&mu(t,r,e[r]);if(gu)for(var r of gu(e))Tv.call(e,r)&&mu(t,r,e[r]);return t};class Pe extends S{constructor(e,r={}){super(e,_u(_u({},{bubbles:!0}),r))}}Pe.INPUT="input",Pe.CHANGE="change";var Hv=Object.defineProperty,jv=Object.getOwnPropertyDescriptor,D=(t,e,r,o)=>{for(var i=o>1?void 0:o?jv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Hv(e,r,i),i},Bv=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Rv=(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)},pr=(t,e,r)=>(Bv(t,e,"access private method"),r),it,Dt;const zs={TOP:3,CENTER:2,BACK:1},qr=18,We=12,Fv=24;let z=class extends be(v){constructor(){super(),Rv(this,it),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 r=this._getClickedValue(t.touches[0].pageX),o=Math.abs(this._lowInputValue-r),i=Math.abs(this._highInputValue-r);o<i?this.setValueLow(r):this.setValueHigh(r)}},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 r=this._getClickedValue(t.pageX),o=Math.abs(this._lowInputValue-r),i=Math.abs(this._highInputValue-r);o<i?this.setValueLow(r):this.setValueHigh(r)}},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,pr(this,it,Dt).call(this)}get max(){return this._max}set max(t){this._max=t,pr(this,it,Dt).call(this)}get step(){return this._step}set step(t){this._step=t,pr(this,it,Dt).call(this)}get minGap(){return this._minGap}set minGap(t){this._minGap=t,pr(this,it,Dt).call(this)}get maxGap(){return this._maxGap}set maxGap(t){this._maxGap=t,pr(this,it,Dt).call(this)}get value(){return this._value}set value(t){super.value=t,pr(this,it,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,r){if(r){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,r=this._highInputValue-this._min,o=e/t*100,i=100-r/t*100;this._lowValuePercentStart=k(o,0,100),this._highValuePercentEnd=k(i,0,100)}_getClickedValue(t){const e=this._outerTrack.getBoundingClientRect().left,i=(t-e-We)/(this._trackWidth-We*2)*(this._max-this._min)+this._min;return Math.round(i/this._step)*this._step}_saveStartPoints(t){this.startPoint={mouse:t,low:this._lowInputValue,high:this._highInputValue}}_dragBothValuesByMousePos(t){const e=this._outerTrack.offsetWidth,r=t-this.startPoint.mouse,o=this._max-this._min,i=r/(e+We*2),s=Math.round(i*o/this._step)*this._step,n=this.startPoint.low+s,u=this.startPoint.high+s;this.setValue(n,u,!0),this.dispatchEvent(new Pe(Pe.INPUT))}_onLowInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputLow;const e=Number(t.target.value);this.setValueLow(e),this.dispatchEvent(new Pe(Pe.INPUT))}_onHighInput(t){this.disabled&&t.preventDefault(),this._currentFocus=this._inputHigh;const e=Number(t.target.value);this.setValueHigh(e),this.dispatchEvent(new Pe(Pe.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 Pe(Pe.CHANGE))}render(){return l`
|
|
4194
4227
|
<div id="range-slider">
|
|
4195
|
-
${this.
|
|
4228
|
+
${this._renderNativeInputs()}
|
|
4196
4229
|
<div id="inner-track">
|
|
4197
|
-
<
|
|
4198
|
-
|
|
4230
|
+
<div
|
|
4231
|
+
id="inner-color-thumb"
|
|
4232
|
+
class="${this._movement?"active":""}"
|
|
4233
|
+
style="left: ${this._lowValuePercentStart}%; right: ${this._highValuePercentEnd}%">
|
|
4234
|
+
${this._renderThumbValues()}
|
|
4235
|
+
<div class="${this._movement?"color active":"color"}"></div>
|
|
4236
|
+
</div>
|
|
4237
|
+
${this._renderSteps()}
|
|
4199
4238
|
</div>
|
|
4200
|
-
<div id="step-values">${this.renderStepValues()}</div>
|
|
4201
4239
|
</div>
|
|
4202
|
-
`}
|
|
4203
|
-
|
|
4204
|
-
|
|
4240
|
+
`}_renderThumbValues(){return l`<div class="thumb-values">
|
|
4241
|
+
<span><span>${this._lowInputValue}</span></span>
|
|
4242
|
+
<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<Fv||t%1!==0)return;let r=0;const o=new Array(t+1).fill(e).map(i=>i*r++);return l`<div class="step-wrapper">
|
|
4244
|
+
<svg height="100%" width="100%">
|
|
4245
|
+
<rect x="9" y="9" height="3" rx="2" />
|
|
4246
|
+
${this._renderStepCircles(o)}
|
|
4247
|
+
</svg>
|
|
4248
|
+
${this._renderStepValues(t)}
|
|
4249
|
+
</div>`}_renderStepValues(t){if(this.hideStepValues||t>20)return;let e=0;const r=new Array(t+1).fill(this._step).map(o=>this._min+o*e++);return l`<div class="step-values">
|
|
4250
|
+
${r.map(o=>l`<span><span>${o}</span></span>`)}
|
|
4251
|
+
</div>`}_renderStepCircles(t){const e=this._trackWidth/(this._max-this._min);return m`${t.map(r=>{const o=r+We,i=this._lowInputValue-this._min,s=this._highInputValue-this._min;return o/e>=i&&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
|
+
<input
|
|
4253
|
+
id="inputLow"
|
|
4254
|
+
class="${this._movement?"focus":""}"
|
|
4205
4255
|
type="range"
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
aria-label="${this.label} low value"
|
|
4256
|
+
min=${this._min}
|
|
4257
|
+
max=${this._max}
|
|
4258
|
+
step=${this._step}
|
|
4259
|
+
.value=${this._lowInputValue.toString()}
|
|
4260
|
+
aria-label="${this.label} low-end value"
|
|
4211
4261
|
?disabled="${this.disabled}"
|
|
4212
|
-
@
|
|
4213
|
-
@
|
|
4262
|
+
@input=${this._onLowInput}
|
|
4263
|
+
@change=${this._onLowChange} />
|
|
4214
4264
|
<input
|
|
4215
|
-
id="
|
|
4216
|
-
class="
|
|
4265
|
+
id="inputHigh"
|
|
4266
|
+
class="${this._movement?"focus":""}"
|
|
4217
4267
|
type="range"
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4221
|
-
|
|
4222
|
-
aria-label="${this.label} high value"
|
|
4268
|
+
min="${this._min}"
|
|
4269
|
+
max="${this._max}"
|
|
4270
|
+
step="${this._step}"
|
|
4271
|
+
.value=${this._highInputValue.toString()}
|
|
4272
|
+
aria-label="${this.label} high-end value"
|
|
4223
4273
|
?disabled="${this.disabled}"
|
|
4224
|
-
@
|
|
4225
|
-
@
|
|
4226
|
-
|
|
4227
|
-
class="thumb"
|
|
4228
|
-
style="left: ${this._sliderLowThumbPosition()}">
|
|
4229
|
-
<div class="value value-min">${this.valueLow}</div>
|
|
4230
|
-
</div>
|
|
4231
|
-
<div
|
|
4232
|
-
id="high-thumb"
|
|
4233
|
-
class="thumb"
|
|
4234
|
-
style="left: ${this._sliderHighThumbPosition()}">
|
|
4235
|
-
<div class="value value-max">${this.valueHigh}</div>
|
|
4236
|
-
</div>`}renderStepsOutput(){return l`<div class="svg-wrapper">
|
|
4237
|
-
<svg height="100%" width="100%">
|
|
4238
|
-
<rect x="9" y="9" height="3" rx="2" />
|
|
4239
|
-
${this.renderSteps()}
|
|
4240
|
-
</svg>
|
|
4241
|
-
</div>`}renderSteps(){const t=(this.max-this.min)/this.step,e=(this._trackWidth-de*2)/t,r=this._trackWidth/(this.max-this.min);if(e>=Sl){let o=0;const i=[];for(o;o<=t;o++)i.push(o*e);const s=this.disabled==!1?"filled":"filled-disabled";return g`
|
|
4242
|
-
${i.map(n=>{const u=n+de;return u/r>this.valueLow-this.min&&u/r<this.valueHigh-this.min?g`<circle class="track-step ${s}" cx="${u}" cy="50%" r="4.5" />`:g`<circle class="track-step" cx="${u}" cy="50%" r="4.5" />`})}`}else return g``}renderStepValues(){if(this.hideStepValues)return x;const t=(this.max-this.min)/this.step;if((this._trackWidth-de*2)/t>=Sl&&t<=20){let r=0;const o=[];for(r;r<=t;r++)o.push(r*this.step+this.min);return l` ${o.map(i=>l`<span><span>${i}</span></span>`)}`}else return x}};Jo=new WeakSet,kl=function(t){this._value=t||`${this.valueLow},${this.valueHigh}`},P.styles=[yn,d`
|
|
4274
|
+
@input=${this._onHighInput}
|
|
4275
|
+
@change=${this._onHighChange} />
|
|
4276
|
+
</div>`}};it=new WeakSet,Dt=function(){const t=this.value.split(",");let e=Number(t[0])||0,r=Number(t[1])||0;r=k(r,this._min,this._max),e=this._min+Math.round((e-this._min)/this._step)*this._step,r=this._min+Math.round((r-this._min)/this._step)*this._step,this._lowInputValue=k(e,this._min,this._minGap?r-this._minGap:r-this._step),this._highInputValue=k(r,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()},z.formAssociated=!0,z.styles=[d`
|
|
4243
4277
|
:host {
|
|
4244
|
-
|
|
4245
|
-
|
|
4246
|
-
|
|
4247
|
-
|
|
4248
|
-
-webkit-user-select: none; /* Safari */
|
|
4249
|
-
-moz-user-select: none; /* Firefox */
|
|
4250
|
-
-ms-user-select: none; /* IE10+/Edge */
|
|
4251
|
-
user-select: none;
|
|
4252
|
-
cursor: pointer;
|
|
4253
|
-
}
|
|
4254
|
-
|
|
4255
|
-
:host([disabled]) {
|
|
4256
|
-
cursor: default;
|
|
4278
|
+
--color-interactive: var(--uui-color-selected,#3544b1);
|
|
4279
|
+
--color-hover: var(--uui-color-selected-emphasis,rgb(70, 86, 200));
|
|
4280
|
+
--color-focus: var(--uui-color-focus,#3879ff);
|
|
4281
|
+
min-height: 30px;
|
|
4257
4282
|
}
|
|
4258
4283
|
|
|
4259
|
-
|
|
4260
|
-
|
|
4261
|
-
|
|
4262
|
-
-webkit-appearance: none;
|
|
4263
|
-
-moz-appearance: none;
|
|
4264
|
-
appearance: none;
|
|
4265
|
-
position: absolute;
|
|
4266
|
-
top: 0;
|
|
4267
|
-
background-color: transparent;
|
|
4268
|
-
pointer-events: none;
|
|
4269
|
-
left: 0;
|
|
4270
|
-
right: 0;
|
|
4271
|
-
border-radius: 20px;
|
|
4284
|
+
:host([error]) {
|
|
4285
|
+
--color-interactive: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4286
|
+
--color-hover: var(--uui-color-danger,#d42054);
|
|
4272
4287
|
}
|
|
4273
4288
|
|
|
4274
|
-
|
|
4275
|
-
|
|
4289
|
+
#range-slider {
|
|
4290
|
+
min-height: 30px;
|
|
4291
|
+
box-sizing: border-box;
|
|
4276
4292
|
position: relative;
|
|
4277
|
-
|
|
4278
|
-
|
|
4293
|
+
display: flex;
|
|
4294
|
+
align-items: center;
|
|
4279
4295
|
}
|
|
4280
4296
|
|
|
4281
|
-
|
|
4282
|
-
pointer-events: all;
|
|
4283
|
-
position: relative;
|
|
4284
|
-
z-index: 10;
|
|
4285
|
-
-moz-appearance: none;
|
|
4286
|
-
background: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
|
|
4287
|
-
width: 11px;
|
|
4288
|
-
}
|
|
4297
|
+
/** Track */
|
|
4289
4298
|
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4299
|
+
#inner-track {
|
|
4300
|
+
user-select: none;
|
|
4301
|
+
background-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
4302
|
+
position: absolute;
|
|
4303
|
+
height: 3px;
|
|
4304
|
+
left: ${We}px; /* Match TRACK_MARGIN */
|
|
4305
|
+
right: ${We}px; /* Match TRACK_MARGIN */
|
|
4295
4306
|
}
|
|
4296
4307
|
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
background:
|
|
4300
|
-
border: 0;
|
|
4308
|
+
:host(:not([disabled]):hover) #inner-track,
|
|
4309
|
+
:host(:not([disabled]):active) #inner-track {
|
|
4310
|
+
background-color: var(--uui-color-border-emphasis,#a1a1a1);
|
|
4301
4311
|
}
|
|
4302
4312
|
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
#inner-track .color-target {
|
|
4313
|
+
#inner-color-thumb {
|
|
4314
|
+
margin: -9px 0 0;
|
|
4306
4315
|
position: absolute;
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
height:
|
|
4311
|
-
|
|
4316
|
+
display: flex;
|
|
4317
|
+
flex-direction: column;
|
|
4318
|
+
justify-content: center;
|
|
4319
|
+
height: ${qr}px;
|
|
4320
|
+
cursor: grab;
|
|
4321
|
+
user-select: none;
|
|
4322
|
+
z-index: ${zs.CENTER};
|
|
4312
4323
|
}
|
|
4313
4324
|
|
|
4314
|
-
#inner-
|
|
4315
|
-
|
|
4316
|
-
position: absolute;
|
|
4317
|
-
transition: background-color 320ms ease-out;
|
|
4325
|
+
:host([disabled]) #inner-color-thumb {
|
|
4326
|
+
cursor: default;
|
|
4318
4327
|
}
|
|
4319
4328
|
|
|
4320
|
-
|
|
4321
|
-
#range-slider
|
|
4322
|
-
#inner-track
|
|
4323
|
-
.color:has(.color-target:hover),
|
|
4324
|
-
:host(:not([disabled]))
|
|
4325
|
-
#range-slider
|
|
4326
|
-
#inner-track
|
|
4327
|
-
.color:has(.color-target:active) {
|
|
4328
|
-
background-color: var(--uui-color-focus,#3879ff);
|
|
4329
|
-
}
|
|
4329
|
+
/** Colored part of track */
|
|
4330
4330
|
|
|
4331
|
-
:host(
|
|
4332
|
-
background-color: var(--uui-
|
|
4331
|
+
:host([disabled]) #range-slider #inner-color-thumb .color {
|
|
4332
|
+
background-color: var(--uui-palette-mine-grey,#3e3e3e) !important;
|
|
4333
4333
|
}
|
|
4334
4334
|
|
|
4335
|
-
|
|
4336
|
-
background-color:
|
|
4335
|
+
#inner-color-thumb:focus .color {
|
|
4336
|
+
background-color: var(--color-focus);
|
|
4337
4337
|
}
|
|
4338
|
-
|
|
4339
|
-
#
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
width: 100%;
|
|
4338
|
+
#inner-color-thumb:hover .color,
|
|
4339
|
+
#inner-color-thumb .color.active {
|
|
4340
|
+
background-color: var(--color-hover);
|
|
4341
|
+
}
|
|
4342
|
+
#inner-color-thumb:hover .color {
|
|
4343
|
+
height: 5px;
|
|
4344
|
+
background-color: var(--color-hover);
|
|
4346
4345
|
}
|
|
4347
4346
|
|
|
4348
|
-
|
|
4349
|
-
|
|
4347
|
+
.color {
|
|
4348
|
+
user-select: none;
|
|
4350
4349
|
position: absolute;
|
|
4350
|
+
inset-inline: 0;
|
|
4351
4351
|
height: 3px;
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4352
|
+
transform: translateY(2px);
|
|
4353
|
+
background-color: var(--color-interactive);
|
|
4354
|
+
transition: height 60ms;
|
|
4355
4355
|
}
|
|
4356
4356
|
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4357
|
+
:host([error]) .color {
|
|
4358
|
+
background-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4359
|
+
}
|
|
4360
|
+
:host([error]) #inner-color-thumb:hover ~ .color,
|
|
4361
|
+
:host([error]) #inner-color-thumb:focus ~ .color {
|
|
4362
|
+
background-color: var(--uui-color-danger-emphasis,rgb(226, 60, 107));
|
|
4360
4363
|
}
|
|
4361
4364
|
|
|
4362
|
-
/**
|
|
4365
|
+
/** Steps */
|
|
4366
|
+
.step-wrapper {
|
|
4367
|
+
margin: 0 ${-1*We}px;
|
|
4368
|
+
height: 11px;
|
|
4369
|
+
position: absolute;
|
|
4370
|
+
left: 0;
|
|
4371
|
+
right: 0;
|
|
4372
|
+
top: -10px;
|
|
4373
|
+
}
|
|
4363
4374
|
|
|
4375
|
+
/** Step circles */
|
|
4364
4376
|
.track-step {
|
|
4365
4377
|
fill: var(--uui-color-border,#d8d7d9);
|
|
4366
4378
|
}
|
|
4367
4379
|
|
|
4368
|
-
:host .track-step.
|
|
4369
|
-
|
|
4380
|
+
:host(:not([disabled]):hover) #inner-track .track-step.regular,
|
|
4381
|
+
:host(:not([disabled]):active) #inner-track .track-step.regular {
|
|
4382
|
+
fill: var(--uui-color-border-emphasis,#a1a1a1);
|
|
4370
4383
|
}
|
|
4371
4384
|
|
|
4372
|
-
:host .track-step.filled
|
|
4373
|
-
fill: var(--
|
|
4385
|
+
:host .track-step.filled {
|
|
4386
|
+
fill: var(--color-interactive);
|
|
4374
4387
|
}
|
|
4375
4388
|
|
|
4376
|
-
|
|
4377
|
-
|
|
4378
|
-
fill: #a1a1a1;
|
|
4389
|
+
:host([error]) .track-step.filled {
|
|
4390
|
+
fill: var(--uui-color-danger-emphasis,rgb(226, 60, 107));
|
|
4379
4391
|
}
|
|
4380
4392
|
|
|
4381
|
-
#step-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
display: flex;
|
|
4385
|
-
align-items: flex-end;
|
|
4386
|
-
box-sizing: border-box;
|
|
4393
|
+
:host #inner-color-thumb.active ~ .step-wrapper .track-step.filled,
|
|
4394
|
+
:host #inner-color-thumb:hover ~ .step-wrapper .track-step.filled {
|
|
4395
|
+
fill: var(--color-hover);
|
|
4387
4396
|
}
|
|
4388
4397
|
|
|
4389
|
-
#
|
|
4390
|
-
|
|
4391
|
-
flex-grow: 1;
|
|
4392
|
-
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4398
|
+
:host([disabled]) #range-slider .track-step.filled {
|
|
4399
|
+
fill: var(--uui-palette-mine-grey,#3e3e3e) !important;
|
|
4393
4400
|
}
|
|
4394
4401
|
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4402
|
+
/** Step values */
|
|
4403
|
+
|
|
4404
|
+
.step-values {
|
|
4405
|
+
box-sizing: border-box;
|
|
4406
|
+
margin: 0 ${We}px; /* Match TRACK_MARGIN */
|
|
4407
|
+
display: flex;
|
|
4408
|
+
justify-content: space-between;
|
|
4399
4409
|
font-size: var(--uui-type-small-size,12px);
|
|
4400
4410
|
}
|
|
4401
4411
|
|
|
4402
|
-
|
|
4403
|
-
|
|
4404
|
-
|
|
4412
|
+
.step-values > span {
|
|
4413
|
+
position: relative;
|
|
4414
|
+
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4405
4415
|
}
|
|
4406
4416
|
|
|
4407
|
-
.
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
transform: translateY(-75%);
|
|
4417
|
+
.step-values > span > span {
|
|
4418
|
+
position: absolute;
|
|
4419
|
+
transform: translateX(-50%);
|
|
4411
4420
|
}
|
|
4412
4421
|
|
|
4413
|
-
|
|
4414
|
-
margin-top: ${de/2}px;
|
|
4415
|
-
}
|
|
4422
|
+
/** Input */
|
|
4416
4423
|
|
|
4417
|
-
|
|
4424
|
+
.native-wrapper {
|
|
4425
|
+
position: relative;
|
|
4426
|
+
width: 100%;
|
|
4427
|
+
inset-inline: 0px;
|
|
4428
|
+
margin: -22px 5px 0 1px;
|
|
4429
|
+
}
|
|
4418
4430
|
|
|
4419
|
-
input
|
|
4431
|
+
input {
|
|
4432
|
+
-webkit-appearance: none;
|
|
4433
|
+
-moz-appearance: none;
|
|
4434
|
+
appearance: none;
|
|
4435
|
+
pointer-events: none;
|
|
4420
4436
|
position: absolute;
|
|
4421
|
-
|
|
4422
|
-
|
|
4423
|
-
|
|
4437
|
+
cursor: pointer;
|
|
4438
|
+
background-color: transparent;
|
|
4439
|
+
inset-inline: 0;
|
|
4440
|
+
width: 100%;
|
|
4441
|
+
border-radius: 20px;
|
|
4424
4442
|
}
|
|
4425
4443
|
|
|
4426
|
-
input
|
|
4444
|
+
input:focus-within {
|
|
4427
4445
|
outline: none;
|
|
4428
4446
|
}
|
|
4429
4447
|
|
|
4430
|
-
|
|
4431
|
-
|
|
4432
|
-
|
|
4433
|
-
|
|
4434
|
-
|
|
4435
|
-
|
|
4436
|
-
|
|
4437
|
-
|
|
4448
|
+
/** Thumb values */
|
|
4449
|
+
.thumb-values {
|
|
4450
|
+
box-sizing: border-box;
|
|
4451
|
+
display: flex;
|
|
4452
|
+
justify-content: space-between;
|
|
4453
|
+
color: var(--color-interactive);
|
|
4454
|
+
font-weight: bold;
|
|
4455
|
+
transition: 120ms opacity;
|
|
4456
|
+
opacity: 0;
|
|
4438
4457
|
}
|
|
4439
4458
|
|
|
4440
|
-
|
|
4441
|
-
|
|
4442
|
-
var(--uui-color-focus,#3879ff);
|
|
4459
|
+
.thumb-values > span {
|
|
4460
|
+
width: 0;
|
|
4443
4461
|
}
|
|
4444
4462
|
|
|
4445
|
-
|
|
4446
|
-
|
|
4447
|
-
|
|
4448
|
-
|
|
4449
|
-
~ #low-thumb,
|
|
4450
|
-
:host(:not([disabled]))
|
|
4451
|
-
#range-slider
|
|
4452
|
-
#inner-track
|
|
4453
|
-
.color:has(.color-target:active)
|
|
4454
|
-
~ #low-thumb,
|
|
4455
|
-
:host(:not([disabled]))
|
|
4456
|
-
#range-slider
|
|
4457
|
-
#inner-track
|
|
4458
|
-
.color:has(.color-target:hover)
|
|
4459
|
-
~ #high-thumb,
|
|
4460
|
-
:host(:not([disabled]))
|
|
4461
|
-
#range-slider
|
|
4462
|
-
#inner-track
|
|
4463
|
-
.color:has(.color-target:active)
|
|
4464
|
-
~ #high-thumb {
|
|
4465
|
-
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
4466
|
-
var(--uui-color-focus,#3879ff);
|
|
4463
|
+
.thumb-values > span > span {
|
|
4464
|
+
bottom: 15px;
|
|
4465
|
+
position: absolute;
|
|
4466
|
+
transform: translateX(-50%);
|
|
4467
4467
|
}
|
|
4468
4468
|
|
|
4469
|
-
|
|
4470
|
-
|
|
4471
|
-
.thumb {
|
|
4472
|
-
z-index: 3;
|
|
4473
|
-
transform: translateY(-50%);
|
|
4474
|
-
position: absolute;
|
|
4475
|
-
top: 2px;
|
|
4476
|
-
bottom: 0px;
|
|
4477
|
-
left: 0px;
|
|
4478
|
-
height: 17px;
|
|
4479
|
-
width: 17px;
|
|
4480
|
-
margin-left: -8px;
|
|
4481
|
-
margin-right: -8px;
|
|
4482
|
-
border-radius: 50%;
|
|
4483
|
-
box-sizing: border-box;
|
|
4484
|
-
background-color: var(--uui-color-surface, #fff);
|
|
4485
|
-
border: 2px solid var(--uui-color-selected, #3544b1);
|
|
4486
|
-
transition: left 120ms ease 0s;
|
|
4469
|
+
:host([disabled]) .thumb-values {
|
|
4470
|
+
color: var(--uui-palette-mine-grey,#3e3e3e);
|
|
4487
4471
|
}
|
|
4488
4472
|
|
|
4489
|
-
.thumb
|
|
4490
|
-
|
|
4491
|
-
position: absolute;
|
|
4492
|
-
top: 2px;
|
|
4493
|
-
left: 2px;
|
|
4494
|
-
height: 9px;
|
|
4495
|
-
width: 9px;
|
|
4496
|
-
border-radius: 50%;
|
|
4497
|
-
background-color: var(--uui-color-selected,#3544b1);
|
|
4473
|
+
#range-slider:hover .thumb-values {
|
|
4474
|
+
opacity: 1;
|
|
4498
4475
|
}
|
|
4499
4476
|
|
|
4500
|
-
|
|
4501
|
-
|
|
4502
|
-
|
|
4477
|
+
/** Native thumbs */
|
|
4478
|
+
/** Chrome */
|
|
4479
|
+
input::-webkit-slider-thumb {
|
|
4480
|
+
-webkit-appearance: none;
|
|
4481
|
+
pointer-events: all;
|
|
4482
|
+
cursor: grab;
|
|
4483
|
+
position: relative;
|
|
4484
|
+
z-index: ${zs.TOP};
|
|
4485
|
+
width: ${qr}px;
|
|
4486
|
+
height: ${qr}px;
|
|
4487
|
+
border-radius: 24px;
|
|
4488
|
+
border: none;
|
|
4489
|
+
background-color: var(--color-interactive);
|
|
4490
|
+
overflow: visible;
|
|
4491
|
+
box-shadow: inset 0 0 0 2px var(--color-interactive),
|
|
4492
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4503
4493
|
}
|
|
4504
|
-
:host([disabled])
|
|
4505
|
-
|
|
4494
|
+
:host([disabled]) input::-webkit-slider-thumb {
|
|
4495
|
+
cursor: default;
|
|
4506
4496
|
}
|
|
4507
4497
|
|
|
4508
|
-
|
|
4509
|
-
|
|
4510
|
-
|
|
4511
|
-
|
|
4512
|
-
|
|
4513
|
-
left: 50%;
|
|
4514
|
-
width: 40px;
|
|
4515
|
-
margin-left: -20px;
|
|
4516
|
-
text-align: center;
|
|
4517
|
-
opacity: 1;
|
|
4518
|
-
transition: 120ms opacity;
|
|
4519
|
-
color: var(--uui-color-selected,#3544b1);
|
|
4520
|
-
visibility: hidden;
|
|
4521
|
-
opacity: 0;
|
|
4498
|
+
input:focus-within::-webkit-slider-thumb,
|
|
4499
|
+
input.focus::-webkit-slider-thumb {
|
|
4500
|
+
background-color: var(--color-focus);
|
|
4501
|
+
box-shadow: inset 0 0 0 2px var(--color-focus),
|
|
4502
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
|
|
4522
4503
|
}
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4504
|
+
input::-webkit-slider-thumb:hover {
|
|
4505
|
+
background-color: var(--color-hover);
|
|
4506
|
+
box-shadow: inset 0 0 0 2px var(--color-hover),
|
|
4507
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4526
4508
|
}
|
|
4527
4509
|
|
|
4528
|
-
#range-slider
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
opacity: 1;
|
|
4510
|
+
:host([disabled]) #range-slider input::-webkit-slider-thumb {
|
|
4511
|
+
background-color: var(--uui-palette-mine-grey,#3e3e3e);
|
|
4512
|
+
box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
4513
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4533
4514
|
}
|
|
4534
4515
|
|
|
4535
|
-
/**
|
|
4516
|
+
/** Mozilla */
|
|
4536
4517
|
|
|
4537
|
-
input
|
|
4538
|
-
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4544
|
-
|
|
4545
|
-
|
|
4546
|
-
|
|
4518
|
+
input::-moz-range-thumb {
|
|
4519
|
+
-moz-appearance: none;
|
|
4520
|
+
pointer-events: all;
|
|
4521
|
+
cursor: grab;
|
|
4522
|
+
position: relative;
|
|
4523
|
+
z-index: ${zs.TOP};
|
|
4524
|
+
width: ${qr}px;
|
|
4525
|
+
height: ${qr}px;
|
|
4526
|
+
border-radius: 24px;
|
|
4527
|
+
border: none;
|
|
4528
|
+
background-color: var(--color-interactive);
|
|
4529
|
+
overflow: visible;
|
|
4530
|
+
box-shadow: inset 0 0 0 2px var(--color-interactive),
|
|
4531
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4547
4532
|
}
|
|
4548
|
-
|
|
4533
|
+
:host([disabled]) input::-moz-range-thumb {
|
|
4549
4534
|
cursor: default;
|
|
4550
4535
|
}
|
|
4551
4536
|
|
|
4552
|
-
input
|
|
4553
|
-
|
|
4554
|
-
|
|
4555
|
-
|
|
4556
|
-
|
|
4557
|
-
background-color: transparent;
|
|
4558
|
-
display: block;
|
|
4559
|
-
border-radius: 100%;
|
|
4560
|
-
pointer-events: auto;
|
|
4561
|
-
cursor: pointer;
|
|
4537
|
+
input:focus-within::-moz-range-thumb,
|
|
4538
|
+
input.focus::-moz-range-thumb {
|
|
4539
|
+
background-color: var(--color-focus);
|
|
4540
|
+
box-shadow: inset 0 0 0 2px var(--color-focus),
|
|
4541
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff), 0 0 0 2px var(--color-focus);
|
|
4562
4542
|
}
|
|
4563
|
-
input
|
|
4564
|
-
|
|
4543
|
+
input::-moz-range-thumb:hover {
|
|
4544
|
+
background-color: var(--color-hover);
|
|
4545
|
+
box-shadow: inset 0 0 0 2px var(--color-hover),
|
|
4546
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4565
4547
|
}
|
|
4566
4548
|
|
|
4567
|
-
|
|
4568
|
-
|
|
4569
|
-
|
|
4570
|
-
|
|
4571
|
-
background-color: transparent;
|
|
4572
|
-
display: block;
|
|
4573
|
-
border-radius: 100%;
|
|
4574
|
-
pointer-events: auto;
|
|
4575
|
-
cursor: pointer;
|
|
4576
|
-
}
|
|
4577
|
-
input[type='range']:disabled::-ms-thumb {
|
|
4578
|
-
cursor: default;
|
|
4549
|
+
:host([disabled]) #range-slider input::-moz-range-thumb {
|
|
4550
|
+
background-color: var(--uui-palette-mine-grey,#3e3e3e);
|
|
4551
|
+
box-shadow: inset 0 0 0 2px var(--uui-palette-mine-grey,#3e3e3e),
|
|
4552
|
+
inset 0 0 0 4px var(--uui-color-surface,#fff);
|
|
4579
4553
|
}
|
|
4580
|
-
`],
|
|
4554
|
+
`],D([a({type:String})],z.prototype,"label",2),D([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),D([a({type:Number})],z.prototype,"min",1),D([a({type:Number})],z.prototype,"max",1),D([a({type:Boolean,attribute:"hide-step-values"})],z.prototype,"hideStepValues",2),D([a({type:Number})],z.prototype,"step",1),D([a({type:Number,attribute:"min-gap"})],z.prototype,"minGap",1),D([a({type:Number,attribute:"max-gap"})],z.prototype,"maxGap",1),D([a({type:String})],z.prototype,"value",1),D([b()],z.prototype,"_movement",2),D([b()],z.prototype,"_lowInputValue",2),D([b()],z.prototype,"_highInputValue",2),D([b()],z.prototype,"_trackWidth",2),D([b()],z.prototype,"_lowValuePercentStart",2),D([b()],z.prototype,"_highValuePercentEnd",2),D([O("#range-slider")],z.prototype,"_outerTrack",2),D([O("#inputLow")],z.prototype,"_inputLow",2),D([O("#inputHigh")],z.prototype,"_inputHigh",2),D([O(".color")],z.prototype,"_innerColor",2),D([O("#inner-color-thumb")],z.prototype,"_innerColorThumb",2),z=D([p("uui-range-slider")],z);var Gv=Object.defineProperty,Wv=Object.getOwnPropertyDescriptor,qv=(t,e,r,o)=>{for(var i=o>1?void 0:o?Wv(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&&Gv(e,r,i),i};let oo=class extends v{render(){return l`<slot></slot>`}};oo.styles=[d`
|
|
4581
4555
|
:host {
|
|
4582
4556
|
display: block;
|
|
4583
4557
|
}
|
|
@@ -4593,7 +4567,7 @@
|
|
|
4593
4567
|
right: 0;
|
|
4594
4568
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
4595
4569
|
}
|
|
4596
|
-
`],
|
|
4570
|
+
`],oo=qv([p("uui-ref-list")],oo);class vr extends S{}vr.OPEN="open";var Kv=Object.defineProperty,Xv=Object.getOwnPropertyDescriptor,As=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xv(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&&Kv(e,r,i),i};let ot=class extends wi(Rt(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new vr(vr.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new vr(vr.OPEN)))}};ot.styles=[d`
|
|
4597
4571
|
:host {
|
|
4598
4572
|
position: relative;
|
|
4599
4573
|
display: flex;
|
|
@@ -4741,7 +4715,7 @@
|
|
|
4741
4715
|
justify-content: flex-end;
|
|
4742
4716
|
align-items: center;
|
|
4743
4717
|
}
|
|
4744
|
-
`],
|
|
4718
|
+
`],As([a({type:Boolean,reflect:!0})],ot.prototype,"disabled",2),As([a({type:Boolean,reflect:!0})],ot.prototype,"error",2),ot=As([p("uui-ref")],ot);var Yv=Object.defineProperty,Zv=Object.getOwnPropertyDescriptor,so=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zv(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&&Yv(e,r,i),i};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"
|
|
4745
4719
|
>${this.detail}<slot name="detail"></slot
|
|
4746
4720
|
></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
4747
4721
|
<button
|
|
@@ -4766,7 +4740,7 @@
|
|
|
4766
4740
|
<slot></slot>
|
|
4767
4741
|
<slot name="tag"></slot>
|
|
4768
4742
|
<slot name="actions" id="actions-container"></slot>
|
|
4769
|
-
`}};
|
|
4743
|
+
`}};M.styles=[...ot.styles,d`
|
|
4770
4744
|
:host {
|
|
4771
4745
|
min-width: 250px;
|
|
4772
4746
|
padding: calc(var(--uui-size-2,6px) + 1px);
|
|
@@ -4825,17 +4799,17 @@
|
|
|
4825
4799
|
:host([disabled]) #detail {
|
|
4826
4800
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4827
4801
|
}
|
|
4828
|
-
`],
|
|
4802
|
+
`],so([a({type:String})],M.prototype,"name",2),so([a({type:String})],M.prototype,"detail",2),so([b()],M.prototype,"_iconSlotHasContent",2),M=so([p("uui-ref-node")],M);var Qv=Object.defineProperty,Jv=Object.getOwnPropertyDescriptor,yu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Jv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Qv(e,r,i),i};let Kr=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"
|
|
4829
4803
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4830
|
-
></small>`}};
|
|
4804
|
+
></small>`}};Kr.styles=[...M.styles],yu([a({type:String})],Kr.prototype,"alias",2),Kr=yu([p("uui-ref-node-data-type")],Kr);var ef=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,wu=(t,e,r,o)=>{for(var i=o>1?void 0:o?tf(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&&ef(e,r,i),i};let Xr=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"
|
|
4831
4805
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4832
|
-
></small>`}};
|
|
4806
|
+
></small>`}};Xr.styles=[...M.styles],wu([a({type:String})],Xr.prototype,"alias",2),Xr=wu([p("uui-ref-node-document-type")],Xr);var rf=Object.defineProperty,of=Object.getOwnPropertyDescriptor,sf=(t,e,r,o)=>{for(var i=o>1?void 0:o?of(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&&rf(e,r,i),i};let no=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>'}};no.styles=[...M.styles],no=sf([p("uui-ref-node-form")],no);var nf=Object.defineProperty,af=Object.getOwnPropertyDescriptor,xu=(t,e,r,o)=>{for(var i=o>1?void 0:o?af(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&&nf(e,r,i),i};let Yr=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"
|
|
4833
4807
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4834
|
-
></small>`}};
|
|
4808
|
+
></small>`}};Yr.styles=[...M.styles],xu([a({type:String,attribute:"group-name"})],Yr.prototype,"groupName",2),Yr=xu([p("uui-ref-node-member")],Yr);var lf=Object.defineProperty,uf=Object.getOwnPropertyDescriptor,Ds=(t,e,r,o)=>{for(var i=o>1?void 0:o?uf(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&&lf(e,r,i),i};let fr=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"
|
|
4835
4809
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4836
|
-
></small>`}};
|
|
4810
|
+
></small>`}};fr.styles=[...M.styles],Ds([a({type:String})],fr.prototype,"version",2),Ds([a({type:String})],fr.prototype,"author",2),fr=Ds([p("uui-ref-node-package")],fr);var cf=Object.defineProperty,hf=Object.getOwnPropertyDescriptor,$u=(t,e,r,o)=>{for(var i=o>1?void 0:o?hf(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&&cf(e,r,i),i};let Zr=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"
|
|
4837
4811
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4838
|
-
></small>`}};
|
|
4812
|
+
></small>`}};Zr.styles=[...M.styles],$u([a({type:String,attribute:"group-name"})],Zr.prototype,"groupName",2),Zr=$u([p("uui-ref-node-user")],Zr);var df=Object.defineProperty,pf=Object.getOwnPropertyDescriptor,Eu=(t,e,r,o)=>{for(var i=o>1?void 0:o?pf(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&&df(e,r,i),i};let Qr=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};Qr.styles=[d`
|
|
4839
4813
|
:host {
|
|
4840
4814
|
display: block;
|
|
4841
4815
|
scrollbar-width: thin;
|
|
@@ -4861,12 +4835,12 @@
|
|
|
4861
4835
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4862
4836
|
border-radius: 3px;
|
|
4863
4837
|
}
|
|
4864
|
-
`],
|
|
4838
|
+
`],Eu([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],Qr.prototype,"enforceScroll",2),Qr=Eu([p("uui-scroll-container")],Qr);var vf=Object.defineProperty,Pu=Object.getOwnPropertySymbols,ff=Object.prototype.hasOwnProperty,bf=Object.prototype.propertyIsEnumerable,Cu=(t,e,r)=>e in t?vf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ou=(t,e)=>{for(var r in e||(e={}))ff.call(e,r)&&Cu(t,r,e[r]);if(Pu)for(var r of Pu(e))bf.call(e,r)&&Cu(t,r,e[r]);return t};class ao extends S{constructor(e,r={}){super(e,Ou(Ou({},{bubbles:!0}),r))}}ao.CHANGE="change";var gf=Object.defineProperty,mf=Object.getOwnPropertyDescriptor,Ce=(t,e,r,o)=>{for(var i=o>1?void 0:o?mf(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&&gf(e,r,i),i};let J=class extends be(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(r=>r.value);const e=this.options.find(r=>r.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 ao(ao.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option
|
|
4865
4839
|
value="${e}"
|
|
4866
4840
|
?selected=${r}
|
|
4867
4841
|
?disabled=${o}>
|
|
4868
4842
|
${t}
|
|
4869
|
-
</option>`}_renderGrouped(){return this._groups.length===0
|
|
4843
|
+
</option>`}_renderGrouped(){return this._groups.length===0?$:l`
|
|
4870
4844
|
${this._groups.map(t=>l`<optgroup
|
|
4871
4845
|
label=${t}
|
|
4872
4846
|
?disabled=${this._disabledGroups.some(e=>e.toLowerCase()===t.toLowerCase())}>
|
|
@@ -4882,7 +4856,7 @@
|
|
|
4882
4856
|
<option disabled selected value="" hidden>${this.placeholder}</option>
|
|
4883
4857
|
${this._renderGrouped()}
|
|
4884
4858
|
${this.options.filter(t=>!t.group).map(t=>this._renderOption(t.name,t.value,t.selected,t.disabled))}
|
|
4885
|
-
</select>`}};
|
|
4859
|
+
</select>`}};J.styles=[d`
|
|
4886
4860
|
:host {
|
|
4887
4861
|
position: relative;
|
|
4888
4862
|
font-family: inherit;
|
|
@@ -4953,7 +4927,7 @@
|
|
|
4953
4927
|
:host([error]) #native[disabled] {
|
|
4954
4928
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4955
4929
|
}
|
|
4956
|
-
`],
|
|
4930
|
+
`],Ce([a({type:String})],J.prototype,"label",2),Ce([a()],J.prototype,"placeholder",2),Ce([a({type:Boolean,reflect:!0})],J.prototype,"disabled",2),Ce([a({type:Boolean,reflect:!0})],J.prototype,"error",2),Ce([a({type:Array,attribute:!1})],J.prototype,"options",2),Ce([b()],J.prototype,"_groups",2),Ce([a()],J.prototype,"disabledGroups",2),Ce([b()],J.prototype,"_disabledGroups",2),Ce([O("#native")],J.prototype,"_input",2),J=Ce([p("uui-select")],J);const _f=d`
|
|
4957
4931
|
input[type='range'] {
|
|
4958
4932
|
left: 0;
|
|
4959
4933
|
position: absolute;
|
|
@@ -5060,15 +5034,15 @@
|
|
|
5060
5034
|
input[type='range']:focus::-ms-fill-upper {
|
|
5061
5035
|
background: transparent;
|
|
5062
5036
|
}
|
|
5063
|
-
`;var
|
|
5064
|
-
${t.map(r=>{if(e>=
|
|
5065
|
-
`,
|
|
5037
|
+
`;var yf=Object.defineProperty,Su=Object.getOwnPropertySymbols,wf=Object.prototype.hasOwnProperty,xf=Object.prototype.propertyIsEnumerable,ku=(t,e,r)=>e in t?yf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Iu=(t,e)=>{for(var r in e||(e={}))wf.call(e,r)&&ku(t,r,e[r]);if(Su)for(var r of Su(e))xf.call(e,r)&&ku(t,r,e[r]);return t};class Ut extends S{constructor(e,r={}){super(e,Iu(Iu({},{bubbles:!0}),r))}}Ut.INPUT="input",Ut.CHANGE="change";var $f=Object.defineProperty,Ef=Object.getOwnPropertyDescriptor,ee=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ef(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&&$f(e,r,i),i};const Jr=12,zu=24,Pf=(t,e)=>m`
|
|
5038
|
+
${t.map(r=>{if(e>=zu){const o=Math.round(Jr+e*t.indexOf(r));return m`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return m``})}
|
|
5039
|
+
`,Cf=(t,e,r)=>r?$:l`<div id="step-values">
|
|
5066
5040
|
${t.map(o=>l` <span
|
|
5067
5041
|
><span>
|
|
5068
|
-
${t.length<=20&&e>=
|
|
5042
|
+
${t.length<=20&&e>=zu?o.toFixed(0):$}
|
|
5069
5043
|
</span></span
|
|
5070
5044
|
>`)}
|
|
5071
|
-
</div>`,
|
|
5045
|
+
</div>`,Of=(t,e,r)=>Array.from({length:(e-t)/r+1},(o,i)=>t+i*r);let j=class extends be(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 r=t?parseFloat(t):0;r=Math.min(Math.max(r,this.min),this.max),this.step>0&&(r=Math.round(r/this.step)*this.step),this._value=r.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=Of(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-Jr*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`
|
|
5072
5046
|
<input
|
|
5073
5047
|
id="input"
|
|
5074
5048
|
type="range"
|
|
@@ -5083,17 +5057,17 @@
|
|
|
5083
5057
|
<div id="track" aria-hidden="true">
|
|
5084
5058
|
<svg height="100%" width="100%">
|
|
5085
5059
|
<rect x="9" y="9" height="3" rx="2" />
|
|
5086
|
-
${
|
|
5060
|
+
${Pf(this._steps,this._stepWidth)}
|
|
5087
5061
|
</svg>
|
|
5088
5062
|
|
|
5089
5063
|
<div id="track-inner" aria-hidden="true">
|
|
5090
|
-
<div id="thumb" style=${
|
|
5064
|
+
<div id="thumb" style=${me({left:this._sliderPosition})}>
|
|
5091
5065
|
<div id="thumb-label">${this.value}</div>
|
|
5092
5066
|
</div>
|
|
5093
5067
|
</div>
|
|
5094
5068
|
</div>
|
|
5095
|
-
${
|
|
5096
|
-
`}};j.formAssociated=!0,j.styles=[
|
|
5069
|
+
${Cf(this._steps,this._stepWidth,this.hideStepValues)}
|
|
5070
|
+
`}};j.formAssociated=!0,j.styles=[gd,_f,d`
|
|
5097
5071
|
:host {
|
|
5098
5072
|
display: inline-block;
|
|
5099
5073
|
width: 100%;
|
|
@@ -5141,8 +5115,8 @@
|
|
|
5141
5115
|
|
|
5142
5116
|
#track-inner {
|
|
5143
5117
|
position: absolute;
|
|
5144
|
-
left: ${
|
|
5145
|
-
right: ${
|
|
5118
|
+
left: ${Jr}px; /* Match TRACK_MARGIN */
|
|
5119
|
+
right: ${Jr}px; /* Match TRACK_MARGIN */
|
|
5146
5120
|
}
|
|
5147
5121
|
|
|
5148
5122
|
#thumb {
|
|
@@ -5201,7 +5175,7 @@
|
|
|
5201
5175
|
}
|
|
5202
5176
|
|
|
5203
5177
|
#step-values {
|
|
5204
|
-
margin: 0 ${
|
|
5178
|
+
margin: 0 ${Jr}px; /* Match TRACK_MARGIN */
|
|
5205
5179
|
margin-top: 6px;
|
|
5206
5180
|
display: flex;
|
|
5207
5181
|
align-items: flex-end;
|
|
@@ -5232,9 +5206,9 @@
|
|
|
5232
5206
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
5233
5207
|
background-color: var(--uui-color-danger,#d42054);
|
|
5234
5208
|
}
|
|
5235
|
-
`],
|
|
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,kf=Object.getOwnPropertyDescriptor,Au=(t,e,r,o)=>{for(var i=o>1?void 0:o?kf(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&&Sf(e,r,i),i};let ei=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">
|
|
5236
5210
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5237
|
-
</svg>`}};
|
|
5211
|
+
</svg>`}};ei.styles=[d`
|
|
5238
5212
|
:host {
|
|
5239
5213
|
display: inline-block;
|
|
5240
5214
|
width: 12px;
|
|
@@ -5253,13 +5227,13 @@
|
|
|
5253
5227
|
:host([open]) svg {
|
|
5254
5228
|
transform: rotate(0deg);
|
|
5255
5229
|
}
|
|
5256
|
-
`],
|
|
5230
|
+
`],Au([a({type:Boolean,reflect:!0})],ei.prototype,"open",2),ei=Au([p("uui-symbol-expand")],ei);var If=Object.defineProperty,zf=Object.getOwnPropertyDescriptor,Du=(t,e,r,o)=>{for(var i=o>1?void 0:o?zf(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&&If(e,r,i),i};let ti=class extends v{constructor(){super(...arguments),this.error=!1}render(){return l`<svg
|
|
5257
5231
|
xmlns="http://www.w3.org/2000/svg"
|
|
5258
5232
|
viewBox="0 0 512 512"
|
|
5259
5233
|
id="upload-icon">
|
|
5260
5234
|
<path
|
|
5261
5235
|
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"} />
|
|
5262
|
-
</svg> `}};
|
|
5236
|
+
</svg> `}};ti.styles=[d`
|
|
5263
5237
|
:host {
|
|
5264
5238
|
display: flex;
|
|
5265
5239
|
flex-direction: column;
|
|
@@ -5278,9 +5252,9 @@
|
|
|
5278
5252
|
:host([error]) #upload-icon {
|
|
5279
5253
|
fill: var(--uui-color-danger,#d42054);
|
|
5280
5254
|
}
|
|
5281
|
-
`],
|
|
5255
|
+
`],Du([a({type:Boolean,reflect:!0})],ti.prototype,"error",2),ti=Du([p("uui-symbol-file-dropzone")],ti);var Af=Object.defineProperty,Df=Object.getOwnPropertyDescriptor,Us=(t,e,r,o)=>{for(var i=o>1?void 0:o?Df(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&&Af(e,r,i),i};let br=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
|
|
5282
5256
|
name="picture"
|
|
5283
|
-
.fallback=${
|
|
5257
|
+
.fallback=${Sd.strings[0]}></uui-icon>`}};br.styles=[d`
|
|
5284
5258
|
:host {
|
|
5285
5259
|
display: block;
|
|
5286
5260
|
width: 100%;
|
|
@@ -5303,9 +5277,9 @@
|
|
|
5303
5277
|
color: var(--uui-color-surface,#fff);
|
|
5304
5278
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
5305
5279
|
}
|
|
5306
|
-
`],
|
|
5307
|
-
${this.open===!0?
|
|
5308
|
-
</svg>`}};
|
|
5280
|
+
`],Us([a({type:String})],br.prototype,"src",2),Us([a({type:String})],br.prototype,"alt",2),br=Us([p("uui-symbol-file-thumbnail")],br);var Uf=Object.defineProperty,Lf=Object.getOwnPropertyDescriptor,Uu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Lf(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&&Uf(e,r,i),i};let ri=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
|
+
${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>`}};ri.styles=[d`
|
|
5309
5283
|
:host {
|
|
5310
5284
|
display: inline-block;
|
|
5311
5285
|
vertical-align: middle;
|
|
@@ -5315,7 +5289,7 @@
|
|
|
5315
5289
|
svg {
|
|
5316
5290
|
fill: currentColor;
|
|
5317
5291
|
}
|
|
5318
|
-
`],
|
|
5292
|
+
`],Uu([a({type:Boolean,reflect:!0})],ri.prototype,"open",2),ri=Uu([p("uui-symbol-lock")],ri);var Mf=Object.defineProperty,Nf=Object.getOwnPropertyDescriptor,Vf=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nf(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&&Mf(e,r,i),i};let lo=class extends v{render(){return l`•••`}};lo.styles=[d`
|
|
5319
5293
|
:host {
|
|
5320
5294
|
display: inline-block;
|
|
5321
5295
|
font-size: 0.8em;
|
|
@@ -5324,7 +5298,7 @@
|
|
|
5324
5298
|
line-height: 1em;
|
|
5325
5299
|
user-select: none;
|
|
5326
5300
|
}
|
|
5327
|
-
`],
|
|
5301
|
+
`],lo=Vf([p("uui-symbol-more")],lo);var Tf=Object.defineProperty,Hf=Object.getOwnPropertyDescriptor,Lu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hf(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&&Tf(e,r,i),i};let ii=class extends Sr(v){constructor(){super(...arguments),this.descending=!1}render(){return l`<svg
|
|
5328
5302
|
id="up"
|
|
5329
5303
|
xmlns="http://www.w3.org/2000/svg"
|
|
5330
5304
|
viewBox="0 0 512 512">
|
|
@@ -5332,7 +5306,7 @@
|
|
|
5332
5306
|
</svg>
|
|
5333
5307
|
<svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5334
5308
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5335
|
-
</svg>`}};
|
|
5309
|
+
</svg>`}};ii.styles=[d`
|
|
5336
5310
|
:host {
|
|
5337
5311
|
position: relative;
|
|
5338
5312
|
display: inline-block;
|
|
@@ -5389,7 +5363,7 @@
|
|
|
5389
5363
|
:host([active][descending]) #down {
|
|
5390
5364
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
5391
5365
|
}
|
|
5392
|
-
`],
|
|
5366
|
+
`],Lu([a({type:Boolean,reflect:!0})],ii.prototype,"descending",2),ii=Lu([p("uui-symbol-sort")],ii);var jf=Object.defineProperty,Bf=Object.getOwnPropertyDescriptor,Rf=(t,e,r,o)=>{for(var i=o>1?void 0:o?Bf(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&&jf(e,r,i),i};let uo=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};uo.styles=[d`
|
|
5393
5367
|
:host {
|
|
5394
5368
|
display: table;
|
|
5395
5369
|
width: 100%;
|
|
@@ -5397,7 +5371,7 @@
|
|
|
5397
5371
|
background-color: var(--uui-color-surface,#fff);
|
|
5398
5372
|
cursor: default;
|
|
5399
5373
|
}
|
|
5400
|
-
`],
|
|
5374
|
+
`],uo=Rf([p("uui-table")],uo);var Ff=Object.defineProperty,Gf=Object.getOwnPropertyDescriptor,co=(t,e,r,o)=>{for(var i=o>1?void 0:o?Gf(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&&Ff(e,r,i),i};let Oe=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>`}};Oe.styles=[d`
|
|
5401
5375
|
:host {
|
|
5402
5376
|
position: relative;
|
|
5403
5377
|
display: table-cell;
|
|
@@ -5431,20 +5405,20 @@
|
|
|
5431
5405
|
:host([no-padding]) {
|
|
5432
5406
|
padding: 0;
|
|
5433
5407
|
}
|
|
5434
|
-
`],
|
|
5408
|
+
`],co([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],Oe.prototype,"disableChildInteraction",2),co([a({type:Boolean,reflect:!0,attribute:"no-padding"})],Oe.prototype,"noPadding",2),co([a({type:Boolean,reflect:!0,attribute:"clip-text"})],Oe.prototype,"clipText",2),Oe=co([p("uui-table-cell")],Oe);var Wf=Object.defineProperty,qf=Object.getOwnPropertyDescriptor,Kf=(t,e,r,o)=>{for(var i=o>1?void 0:o?qf(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&&Wf(e,r,i),i};let ho=class extends v{};ho.styles=[d`
|
|
5435
5409
|
:host {
|
|
5436
5410
|
display: table-column;
|
|
5437
5411
|
}
|
|
5438
|
-
`],
|
|
5412
|
+
`],ho=Kf([p("uui-table-column")],ho);var Xf=Object.defineProperty,Yf=Object.getOwnPropertyDescriptor,Zf=(t,e,r,o)=>{for(var i=o>1?void 0:o?Yf(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&&Xf(e,r,i),i};let po=class extends Oe{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};po.styles=[...Oe.styles,d`
|
|
5439
5413
|
:host {
|
|
5440
5414
|
border-top: none;
|
|
5441
5415
|
}
|
|
5442
|
-
`],
|
|
5416
|
+
`],po=Zf([p("uui-table-head-cell")],po);var Qf=Object.defineProperty,Jf=Object.getOwnPropertyDescriptor,eb=(t,e,r,o)=>{for(var i=o>1?void 0:o?Jf(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&&Qf(e,r,i),i};let vo=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};vo.styles=[d`
|
|
5443
5417
|
:host {
|
|
5444
5418
|
display: table-header-group;
|
|
5445
5419
|
font-weight: bold;
|
|
5446
5420
|
}
|
|
5447
|
-
`],
|
|
5421
|
+
`],vo=eb([p("uui-table-head")],vo);var tb=Object.defineProperty,rb=Object.getOwnPropertyDescriptor,Mu=(t,e,r,o)=>{for(var i=o>1?void 0:o?rb(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&&tb(e,r,i),i};let oi=class extends wi(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 Oe}render(){return l` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}};oi.styles=[d`
|
|
5448
5422
|
:host {
|
|
5449
5423
|
display: table-row;
|
|
5450
5424
|
position: relative;
|
|
@@ -5466,12 +5440,12 @@
|
|
|
5466
5440
|
:host([selected]:focus) {
|
|
5467
5441
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
5468
5442
|
}
|
|
5469
|
-
`],
|
|
5443
|
+
`],Mu([Qe({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],oi.prototype,"slotCellNodes",2),oi=Mu([p("uui-table-row")],oi);var ib=Object.defineProperty,ob=Object.getOwnPropertyDescriptor,si=(t,e,r,o)=>{for(var i=o>1?void 0:o?ob(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&&ib(e,r,i),i};let qe=class extends Sr(fe("",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`
|
|
5470
5444
|
<a
|
|
5471
5445
|
id="button"
|
|
5472
|
-
href=${
|
|
5473
|
-
target=${
|
|
5474
|
-
rel=${
|
|
5446
|
+
href=${P(this.disabled?void 0:this.href)}
|
|
5447
|
+
target=${P(this.target||void 0)}
|
|
5448
|
+
rel=${P(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
5475
5449
|
role="tab">
|
|
5476
5450
|
<slot name="icon"></slot>
|
|
5477
5451
|
${this.renderLabel()}
|
|
@@ -5487,26 +5461,28 @@
|
|
|
5487
5461
|
${this.renderLabel()}
|
|
5488
5462
|
<slot name="extra"></slot>
|
|
5489
5463
|
</button>
|
|
5490
|
-
`}};
|
|
5464
|
+
`}};qe.styles=[d`
|
|
5491
5465
|
:host {
|
|
5492
5466
|
color: var(--uui-tab-text, var(--uui-color-interactive,#1b264f));
|
|
5493
5467
|
font-family: inherit;
|
|
5468
|
+
width: fit-content;
|
|
5494
5469
|
}
|
|
5495
5470
|
|
|
5496
5471
|
#button {
|
|
5497
5472
|
position: relative;
|
|
5473
|
+
box-sizing: border-box;
|
|
5498
5474
|
display: flex;
|
|
5499
5475
|
flex-direction: column;
|
|
5500
5476
|
align-items: center;
|
|
5501
5477
|
justify-content: center;
|
|
5502
|
-
|
|
5503
|
-
padding: var(--uui-size-2,6px) var(--uui-size-4,12px);
|
|
5504
|
-
border: none;
|
|
5505
|
-
box-sizing: border-box;
|
|
5506
|
-
min-height: 32px;
|
|
5507
|
-
font-size: inherit;
|
|
5478
|
+
width: 100%;
|
|
5508
5479
|
height: 100%;
|
|
5480
|
+
min-height: var(--uui-size-12,36px);
|
|
5509
5481
|
min-width: 70px;
|
|
5482
|
+
padding: var(--uui-size-2,6px)
|
|
5483
|
+
var(--uui-tab-padding-horizontal, var(--uui-size-5,15px));
|
|
5484
|
+
border: none;
|
|
5485
|
+
font-size: inherit;
|
|
5510
5486
|
background: none;
|
|
5511
5487
|
color: inherit;
|
|
5512
5488
|
cursor: pointer;
|
|
@@ -5517,6 +5493,12 @@
|
|
|
5517
5493
|
line-height: normal;
|
|
5518
5494
|
}
|
|
5519
5495
|
|
|
5496
|
+
:host([orientation='vertical']) #button {
|
|
5497
|
+
min-height: var(--uui-size-14,42px);
|
|
5498
|
+
padding: var(--uui-size-2,6px)
|
|
5499
|
+
var(--uui-tab-padding-horizontal, var(--uui-size-5,15px));
|
|
5500
|
+
}
|
|
5501
|
+
|
|
5520
5502
|
:host(:not([active]):not([disabled])) #button:hover {
|
|
5521
5503
|
color: var(--uui-tab-text-hover, var(--uui-color-default-emphasis,#3544b1));
|
|
5522
5504
|
}
|
|
@@ -5537,26 +5519,49 @@
|
|
|
5537
5519
|
#button::before {
|
|
5538
5520
|
content: '';
|
|
5539
5521
|
position: absolute;
|
|
5540
|
-
height: 0px;
|
|
5541
|
-
/* max-width: 50px; */
|
|
5542
|
-
width: calc(100% - 16px);
|
|
5543
|
-
left: auto;
|
|
5544
|
-
right: auto;
|
|
5545
5522
|
background-color: var(--uui-color-current,#f5c1bc);
|
|
5546
|
-
bottom: 0;
|
|
5547
|
-
border-radius: 3px 3px 0 0;
|
|
5548
5523
|
opacity: 0;
|
|
5549
|
-
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
background-color: var(--uui-color-current-emphasis,rgb(248, 214, 211));
|
|
5524
|
+
--transitionDuration: 120ms;
|
|
5525
|
+
--barWidth: 4px;
|
|
5526
|
+
--borderRadius: 3px;
|
|
5553
5527
|
}
|
|
5554
5528
|
:host([active]) #button::before {
|
|
5555
5529
|
opacity: 1;
|
|
5556
|
-
height: 4px;
|
|
5557
|
-
transition: opacity 120ms, height ease-out 120ms;
|
|
5558
5530
|
}
|
|
5559
5531
|
|
|
5532
|
+
/* HORIZONTAL */
|
|
5533
|
+
:host([orientation='horizontal']) #button::before {
|
|
5534
|
+
left: auto;
|
|
5535
|
+
right: auto;
|
|
5536
|
+
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
|
|
5537
|
+
height: 0px;
|
|
5538
|
+
width: calc(100% - 15px);
|
|
5539
|
+
bottom: 0;
|
|
5540
|
+
transition: opacity ease-in-out var(--transitionDuration),
|
|
5541
|
+
height ease-in-out var(--transitionDuration);
|
|
5542
|
+
}
|
|
5543
|
+
:host([active][orientation='horizontal']) #button::before {
|
|
5544
|
+
height: var(--barWidth);
|
|
5545
|
+
}
|
|
5546
|
+
|
|
5547
|
+
/* VERTICAL */
|
|
5548
|
+
:host([orientation='vertical']) #button::before {
|
|
5549
|
+
top: auto;
|
|
5550
|
+
bottom: auto;
|
|
5551
|
+
border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
|
|
5552
|
+
height: calc(100% - 12px);
|
|
5553
|
+
width: 0px;
|
|
5554
|
+
left: 0;
|
|
5555
|
+
transition: opacity ease-in-out var(--transitionDuration),
|
|
5556
|
+
width ease-in-out var(--transitionDuration);
|
|
5557
|
+
}
|
|
5558
|
+
:host([active][orientation='vertical']) #button::before {
|
|
5559
|
+
width: var(--barWidth);
|
|
5560
|
+
}
|
|
5561
|
+
|
|
5562
|
+
#button:hover::before {
|
|
5563
|
+
background-color: var(--uui-color-current-emphasis,rgb(248, 214, 211));
|
|
5564
|
+
}
|
|
5560
5565
|
:host([disabled]) #button::before {
|
|
5561
5566
|
background-color: var(--uui-color-disabled-standalone,rgb(226, 226, 226));
|
|
5562
5567
|
}
|
|
@@ -5565,7 +5570,38 @@
|
|
|
5565
5570
|
font-size: 20px;
|
|
5566
5571
|
margin-bottom: var(--uui-size-2,6px);
|
|
5567
5572
|
}
|
|
5568
|
-
|
|
5573
|
+
|
|
5574
|
+
slot.label {
|
|
5575
|
+
/* TODO: Find a better selector */
|
|
5576
|
+
text-align: center;
|
|
5577
|
+
display: flex;
|
|
5578
|
+
width: 100%;
|
|
5579
|
+
flex-direction: column;
|
|
5580
|
+
}
|
|
5581
|
+
|
|
5582
|
+
:host([orientation='vertical']) slot.label {
|
|
5583
|
+
text-align: left;
|
|
5584
|
+
}
|
|
5585
|
+
`],si([a({type:Boolean,reflect:!0})],qe.prototype,"disabled",2),si([a({type:String})],qe.prototype,"href",2),si([a({type:String})],qe.prototype,"target",2),si([a({type:String,reflect:!0})],qe.prototype,"orientation",2),qe=si([p("uui-tab")],qe);var sb=Object.defineProperty,nb=Object.getOwnPropertyDescriptor,fo=(t,e,r,o)=>{for(var i=o>1?void 0:o?nb(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&&sb(e,r,i),i},Ls=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},C=(t,e,r)=>(Ls(t,e,"read from private field"),r?r.call(t):e.get(t)),te=(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)},Ms=(t,e,r,o)=>(Ls(t,e,"write to private field"),o?o.call(t,r):e.set(t,r),r),st=(t,e,r)=>(Ls(t,e,"access private method"),r),Ke,Xe,gr,Se,bo,go,Ns,Nu,Vs,Vu,mr,mo,Ts,Hs,Tu,js,Hu,_o,Bs;let Lt=class extends v{constructor(){super(...arguments),te(this,Ns),te(this,Vs),te(this,mo),te(this,Hs),te(this,js),te(this,_o),this.dropdownContentDirection="vertical",te(this,Ke,[]),te(this,Xe,[]),te(this,gr,new Map),te(this,Se,[]),te(this,bo,0),te(this,go,new ResizeObserver(st(this,Ns,Nu).bind(this))),te(this,mr,t=>{const e=t.currentTarget;if(st(this,_o,Bs).call(this,e)){e.active=!0;const r=C(this,gr).get(e);r&&(r.active=!0),[...C(this,Ke),...C(this,Xe)].filter(s=>s!==e&&s!==r).forEach(s=>{st(this,_o,Bs).call(this,s)&&(s.active=!1)}),C(this,Xe).some(s=>s.active&&s!==r)?this._moreButtonElement.classList.add("active-inside"):this._moreButtonElement.classList.remove("active-inside")}})}connectedCallback(){super.connectedCallback(),C(this,go).observe(this),this.hasAttribute("role")||this.setAttribute("role","tablist")}disconnectedCallback(){super.disconnectedCallback(),C(this,go).unobserve(this)}render(){return l`
|
|
5586
|
+
<slot @slotchange=${st(this,Vs,Vu)}></slot>
|
|
5587
|
+
<uui-button
|
|
5588
|
+
popovertarget="popover-container"
|
|
5589
|
+
style="display: none"
|
|
5590
|
+
id="more-button"
|
|
5591
|
+
label="More"
|
|
5592
|
+
compact>
|
|
5593
|
+
<uui-symbol-more></uui-symbol-more>
|
|
5594
|
+
</uui-button>
|
|
5595
|
+
<uui-popover-container
|
|
5596
|
+
id="popover-container"
|
|
5597
|
+
popover
|
|
5598
|
+
margin="10"
|
|
5599
|
+
placement="bottom-end">
|
|
5600
|
+
<div id="hidden-tabs-container">
|
|
5601
|
+
${ss(C(this,Xe),t=>l`${t}`)}
|
|
5602
|
+
</div>
|
|
5603
|
+
</uui-popover-container>
|
|
5604
|
+
`}};Ke=new WeakMap,Xe=new WeakMap,gr=new WeakMap,Se=new WeakMap,bo=new WeakMap,go=new WeakMap,Ns=new WeakSet,Nu=function(t){st(this,mo,Ts).call(this,t[0].contentBoxSize[0].inlineSize)},Vs=new WeakSet,Vu=function(){C(this,Ke).forEach(t=>{t.removeEventListener("click",C(this,mr))}),st(this,js,Hu).call(this),C(this,Ke).forEach(t=>{t.addEventListener("click",C(this,mr))})},mr=new WeakMap,mo=new WeakSet,Ts=function(t){const e=this._moreButtonElement.offsetWidth;if(C(this,Se).slice(-1)[0]<t&&C(this,Xe).length===0)return;let r=Number.MAX_VALUE;for(let i=C(this,Se).length-1;i>-1;i--){const s=C(this,Se)[i],n=t-(i!==C(this,Se).length-1?e:0);if(s<n){r=i;break}}if(r===C(this,bo))return;Ms(this,bo,r),C(this,Xe).forEach(i=>{i.removeEventListener("click",C(this,mr))}),Ms(this,Xe,[]),C(this,gr).clear();let o=!1;for(let i=0;i<C(this,Se).length;i++){const s=C(this,Se)[i],n=C(this,Ke)[i],u=t-(i!==C(this,Se).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,mr)),c.classList.add("hidden-tab"),c.style.display="",c.orientation=this.dropdownContentDirection,C(this,gr).set(c,n),C(this,gr).set(n,c),C(this,Xe).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()},Hs=new WeakSet,Tu=function(){let t=0;for(let e=0;e<C(this,Ke).length;e++)t+=C(this,Ke)[e].offsetWidth,C(this,Se)[e]=t;st(this,mo,Ts).call(this,this.offsetWidth)},js=new WeakSet,Hu=function(){Ms(this,Ke,this._slottedNodes?this._slottedNodes:[]),st(this,Hs,Tu).call(this)},_o=new WeakSet,Bs=function(t){return t instanceof qe||"active"in t},Lt.styles=[d`
|
|
5569
5605
|
:host {
|
|
5570
5606
|
display: flex;
|
|
5571
5607
|
flex-wrap: wrap;
|
|
@@ -5578,7 +5614,45 @@
|
|
|
5578
5614
|
::slotted(*:not(:last-of-type)) {
|
|
5579
5615
|
border-right: 1px solid var(--uui-tab-divider, none);
|
|
5580
5616
|
}
|
|
5581
|
-
|
|
5617
|
+
|
|
5618
|
+
.hidden-tab {
|
|
5619
|
+
width: 100%;
|
|
5620
|
+
}
|
|
5621
|
+
|
|
5622
|
+
#hidden-tabs-container {
|
|
5623
|
+
width: fit-content;
|
|
5624
|
+
display: flex;
|
|
5625
|
+
flex-direction: column;
|
|
5626
|
+
background: var(--uui-color-surface,#fff);
|
|
5627
|
+
border-radius: var(--uui-border-radius,3px);
|
|
5628
|
+
box-shadow: var(--uui-shadow-depth-3,0 10px 20px rgba(0,0,0,0.19) , 0 6px 6px rgba(0,0,0,0.23));
|
|
5629
|
+
overflow: hidden;
|
|
5630
|
+
}
|
|
5631
|
+
:host([dropdown-direction='horizontal']) #hidden-tabs-container {
|
|
5632
|
+
flex-direction: row;
|
|
5633
|
+
}
|
|
5634
|
+
|
|
5635
|
+
#more-button {
|
|
5636
|
+
margin-left: auto;
|
|
5637
|
+
position: relative;
|
|
5638
|
+
}
|
|
5639
|
+
#more-button::before {
|
|
5640
|
+
content: '';
|
|
5641
|
+
position: absolute;
|
|
5642
|
+
bottom: 0;
|
|
5643
|
+
width: 100%;
|
|
5644
|
+
background-color: var(--uui-color-current,#f5c1bc);
|
|
5645
|
+
height: 0px;
|
|
5646
|
+
border-radius: 3px 3px 0 0;
|
|
5647
|
+
opacity: 0;
|
|
5648
|
+
transition: opacity ease-in 120ms, height ease-in 120ms;
|
|
5649
|
+
}
|
|
5650
|
+
#more-button.active-inside::before {
|
|
5651
|
+
opacity: 1;
|
|
5652
|
+
height: 4px;
|
|
5653
|
+
transition: opacity 120ms, height ease-out 120ms;
|
|
5654
|
+
}
|
|
5655
|
+
`],fo([O("#more-button")],Lt.prototype,"_moreButtonElement",2),fo([Qe({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],Lt.prototype,"_slottedNodes",2),fo([a({type:String,reflect:!0,attribute:"dropdown-content-direction"})],Lt.prototype,"dropdownContentDirection",2),Lt=fo([p("uui-tab-group")],Lt);class ab extends S{}class lb extends S{}var ub=Object.defineProperty,cb=Object.getOwnPropertyDescriptor,Rs=(t,e,r,o)=>{for(var i=o>1?void 0:o?cb(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&&ub(e,r,i),i};let _r=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};_r.styles=[d`
|
|
5582
5656
|
:host {
|
|
5583
5657
|
display: inline-block;
|
|
5584
5658
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -5645,14 +5719,14 @@
|
|
|
5645
5719
|
color: var(--color-standalone);
|
|
5646
5720
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
5647
5721
|
}
|
|
5648
|
-
`],
|
|
5722
|
+
`],Rs([a({reflect:!0})],_r.prototype,"color",2),Rs([a({reflect:!0})],_r.prototype,"look",2),_r=Rs([p("uui-tag")],_r);var hb=Object.defineProperty,ju=Object.getOwnPropertySymbols,db=Object.prototype.hasOwnProperty,pb=Object.prototype.propertyIsEnumerable,Bu=(t,e,r)=>e in t?hb(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ru=(t,e)=>{for(var r in e||(e={}))db.call(e,r)&&Bu(t,r,e[r]);if(ju)for(var r of ju(e))pb.call(e,r)&&Bu(t,r,e[r]);return t};class ni extends S{constructor(e,r={}){super(e,Ru(Ru({},{bubbles:!0}),r))}}ni.CHANGE="change",ni.INPUT="input";var vb=Object.defineProperty,fb=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?fb(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&&vb(e,r,i),i};let L=class extends be(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 ni(ni.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight+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=r}render(){return l`
|
|
5649
5723
|
<textarea
|
|
5650
5724
|
id="textarea"
|
|
5651
|
-
|
|
5652
|
-
|
|
5725
|
+
rows=${P(this.rows)}
|
|
5726
|
+
cols=${P(this.cols)}
|
|
5653
5727
|
.value=${this.value}
|
|
5654
5728
|
.name=${this.name}
|
|
5655
|
-
wrap=${
|
|
5729
|
+
wrap=${P(this.wrap)}
|
|
5656
5730
|
placeholder=${this.placeholder}
|
|
5657
5731
|
aria-label=${this.label}
|
|
5658
5732
|
.disabled=${this.disabled}
|
|
@@ -5660,7 +5734,7 @@
|
|
|
5660
5734
|
@input=${this.onInput}
|
|
5661
5735
|
@change=${this.onChange}>
|
|
5662
5736
|
</textarea>
|
|
5663
|
-
`}};
|
|
5737
|
+
`}};L.formAssociated=!0,L.styles=[d`
|
|
5664
5738
|
:host {
|
|
5665
5739
|
position: relative;
|
|
5666
5740
|
}
|
|
@@ -5708,10 +5782,10 @@
|
|
|
5708
5782
|
box-sizing: border-box;
|
|
5709
5783
|
min-width: 100%;
|
|
5710
5784
|
max-width: 100%;
|
|
5711
|
-
font-size:
|
|
5785
|
+
font-size: inherit;
|
|
5712
5786
|
padding: var(--uui-size-2,6px);
|
|
5713
5787
|
border: 1px solid
|
|
5714
|
-
var(--uui-textarea-border-color, var(--uui-color-border,#d8d7d9));
|
|
5788
|
+
var(--uui-textarea-border-color, var(--uui-color-border,#d8d7d9)); /** Note: Specified border size is needed and hardcoded in autoUpdateHeight() */
|
|
5715
5789
|
border-radius: 0;
|
|
5716
5790
|
outline: none;
|
|
5717
5791
|
min-height: var(--uui-textarea-min-height);
|
|
@@ -5743,7 +5817,7 @@
|
|
|
5743
5817
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
5744
5818
|
var(--uui-color-focus,#3879ff);
|
|
5745
5819
|
}
|
|
5746
|
-
`],B([a()],
|
|
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);class F extends S{}F.OPENING="opening",F.OPENED="opened",F.CLOSING="closing",F.CLOSED="closed";var bb=Object.defineProperty,gb=Object.getOwnPropertyDescriptor,yr=(t,e,r,o)=>{for(var i=o>1?void 0:o?gb(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&&bb(e,r,i),i};let Ye=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 Ed(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`
|
|
5747
5821
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
5748
5822
|
<div>
|
|
5749
5823
|
<div id="close">
|
|
@@ -5754,13 +5828,13 @@
|
|
|
5754
5828
|
@click=${()=>this.open=!1}>
|
|
5755
5829
|
<uui-icon
|
|
5756
5830
|
name="remove"
|
|
5757
|
-
.fallback=${
|
|
5831
|
+
.fallback=${_a.strings[0]}></uui-icon>
|
|
5758
5832
|
</uui-button>
|
|
5759
5833
|
</div>
|
|
5760
5834
|
<slot></slot>
|
|
5761
5835
|
</div>
|
|
5762
5836
|
</div>
|
|
5763
|
-
`}};
|
|
5837
|
+
`}};Ye.styles=[gi,d`
|
|
5764
5838
|
:host {
|
|
5765
5839
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
5766
5840
|
|
|
@@ -5856,7 +5930,7 @@
|
|
|
5856
5930
|
color: var(--uui-color-danger-contrast,white);
|
|
5857
5931
|
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5858
5932
|
}
|
|
5859
|
-
`],
|
|
5933
|
+
`],yr([a({reflect:!0})],Ye.prototype,"color",2),yr([a({type:Number})],Ye.prototype,"autoClose",1),yr([O("#toast")],Ye.prototype,"_toastEl",2),yr([b()],Ye.prototype,"_animate",2),yr([a({type:Boolean,reflect:!0})],Ye.prototype,"open",1),Ye=yr([p("uui-toast-notification")],Ye);var mb=Object.defineProperty,_b=Object.getOwnPropertyDescriptor,Fu=(t,e,r,o)=>{for(var i=o>1?void 0:o?_b(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&&mb(e,r,i),i};let ai=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(i=>i.nodeName==="UUI-TOAST-NOTIFICATION"),e.filter(i=>this._toasts.indexOf(i)===-1).forEach(i=>{i.removeEventListener(F.CLOSED,this.onToastClosed),i.removeEventListener("mouseenter",this.pauseAutoClose),i.removeEventListener("mouseleave",this.resumeAutoClose),i.removeEventListener("focus",this.pauseAutoClose),i.removeEventListener("blur",this.resumeAutoClose)}),this._toasts.filter(i=>e.indexOf(i)===-1).forEach(i=>{i.addEventListener(F.CLOSED,this.onToastClosed),i.addEventListener("mouseenter",this.pauseAutoClose),i.addEventListener("mouseleave",this.resumeAutoClose),i.addEventListener("focus",this.pauseAutoClose),i.addEventListener("blur",this.resumeAutoClose),this._autoClose&&(i.autoClose=this._autoClose),this._autoClosePause===!0&&i.pauseAutoClose(),i.open=!0})}}get autoClose(){return this._autoClose}set autoClose(t){var e;this._autoClose=t,(e=this._toasts)==null||e.forEach(r=>r.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> `}};ai.styles=[d`
|
|
5860
5934
|
:host {
|
|
5861
5935
|
position: absolute;
|
|
5862
5936
|
overflow: hidden;
|
|
@@ -5884,7 +5958,7 @@
|
|
|
5884
5958
|
:host([left-align]) slot {
|
|
5885
5959
|
align-items: start;
|
|
5886
5960
|
}
|
|
5887
|
-
`],
|
|
5961
|
+
`],Fu([a({type:Number,reflect:!0,attribute:"auto-close"})],ai.prototype,"_autoClose",2),ai=Fu([p("uui-toast-notification-container")],ai);var yb=Object.defineProperty,wb=Object.getOwnPropertyDescriptor,Fs=(t,e,r,o)=>{for(var i=o>1?void 0:o?wb(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&&yb(e,r,i),i};let wr=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`
|
|
5888
5962
|
<div id="message" class="uui-text">
|
|
5889
5963
|
<h5
|
|
5890
5964
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -5894,7 +5968,7 @@
|
|
|
5894
5968
|
<slot></slot>
|
|
5895
5969
|
<slot id="actions" name="actions"></slot>
|
|
5896
5970
|
</div>
|
|
5897
|
-
`}};
|
|
5971
|
+
`}};wr.styles=[gi,d`
|
|
5898
5972
|
#message {
|
|
5899
5973
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
5900
5974
|
}
|
|
@@ -5915,12 +5989,12 @@
|
|
|
5915
5989
|
margin-top: var(--uui-size-space-4,12px);
|
|
5916
5990
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
5917
5991
|
}
|
|
5918
|
-
`],
|
|
5992
|
+
`],Fs([a({type:String})],wr.prototype,"headline",2),Fs([b()],wr.prototype,"_headlineSlotHasContent",2),wr=Fs([p("uui-toast-notification-layout")],wr);var xb=Object.defineProperty,$b=Object.getOwnPropertyDescriptor,Eb=(t,e,r,o)=>{for(var i=o>1?void 0:o?$b(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&&xb(e,r,i),i};let li=class extends ge{constructor(){super("switch")}renderCheckbox(){return l`
|
|
5919
5993
|
<div id="slider">
|
|
5920
|
-
<div id="icon-check">${
|
|
5921
|
-
<div id="icon-wrong">${
|
|
5994
|
+
<div id="icon-check">${Si}</div>
|
|
5995
|
+
<div id="icon-wrong">${ya}</div>
|
|
5922
5996
|
</div>
|
|
5923
|
-
`}};
|
|
5997
|
+
`}};li.formAssociated=!0,li.styles=[...ge.styles,Ei,d`
|
|
5924
5998
|
:host {
|
|
5925
5999
|
--uui-toggle-size: 18px;
|
|
5926
6000
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -6040,7 +6114,7 @@
|
|
|
6040
6114
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
6041
6115
|
}
|
|
6042
6116
|
:host([disabled]) label:active #slider {
|
|
6043
|
-
animation: ${
|
|
6117
|
+
animation: ${Pi};
|
|
6044
6118
|
}
|
|
6045
6119
|
:host([disabled]) input:checked #slider #icon-check {
|
|
6046
6120
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
@@ -6053,4 +6127,16 @@
|
|
|
6053
6127
|
:host(:not([pristine])[internals-invalid]) label:hover #slider {
|
|
6054
6128
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
6055
6129
|
}
|
|
6056
|
-
`],
|
|
6130
|
+
`],li=Eb([p("uui-toggle")],li);var Pb=Object.defineProperty,Cb=Object.getOwnPropertyDescriptor,Ob=(t,e,r,o)=>{for(var i=o>1?void 0:o?Cb(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&&Pb(e,r,i),i};let yo=class extends v{render(){return l`<slot></slot>`}};yo.styles=[d`
|
|
6131
|
+
:host(:not(:focus-within)) {
|
|
6132
|
+
position: absolute !important;
|
|
6133
|
+
width: 1px !important;
|
|
6134
|
+
height: 1px !important;
|
|
6135
|
+
clip: rect(0 0 0 0) !important;
|
|
6136
|
+
clip-path: inset(50%) !important;
|
|
6137
|
+
border: none !important;
|
|
6138
|
+
overflow: hidden !important;
|
|
6139
|
+
white-space: nowrap !important;
|
|
6140
|
+
padding: 0 !important;
|
|
6141
|
+
}
|
|
6142
|
+
`],yo=Ob([p("uui-visually-hidden")],yo);export{xc as ActiveMixin,Lc as FormControlMixin,Xc as InterfaceColorValues,Yc as InterfaceHeadingValues,Kc as InterfaceLookValues,Pc as LabelMixin,Wc as PopoverTargetMixin,Ac as SelectOnlyMixin,Sc as SelectableMixin,Mc as Timer,mi as UUIActionBarElement,Ae as UUIAvatarElement,bt as UUIAvatarGroupElement,gt as UUIBadgeElement,oc as UUIBlinkAnimationValue,ic as UUIBlinkKeyframes,ge as UUIBooleanInputElement,xi as UUIBooleanInputEvent,De as UUIBoxElement,_t as UUIBreadcrumbItemElement,kr as UUIBreadcrumbsElement,X as UUIButtonElement,Ht as UUIButtonGroupElement,yt as UUIButtonInlineCreateElement,Ci as UUIButtonInlineCreateEvent,Yt as UUICardContentNodeElement,W as UUICardElement,Xt as UUICardEvent,wt as UUICardMediaElement,Ar as UUICardUserElement,Dr as UUICaretElement,Ur as UUICheckboxElement,oe as UUIColorAreaElement,Di as UUIColorAreaEvent,Mi as UUIColorPickerChangeEvent,A as UUIColorPickerElement,ne as UUIColorSliderElement,Ni as UUIColorSliderEvent,$t as UUIColorSwatchElement,Et as UUIColorSwatchesElement,Zt as UUIColorSwatchesEvent,q as UUIComboboxElement,Y as UUIComboboxEvent,we as UUIComboboxListElement,he as UUIComboboxListEvent,He as UUIComboboxListOptionElement,ji as UUIDialogElement,Jt as UUIDialogLayoutElement,Mo as UUIEvent,et as UUIFileDropzoneElement,er as UUIFileDropzoneEvent,Z as UUIFilePreviewElement,pt as UUIFormControlEvent,ns as UUIFormElement,Ct as UUIFormLayoutItemElement,Hr as UUIFormValidationMessageElement,nc as UUIHorizontalPulseAnimationValue,sc as UUIHorizontalPulseKeyframes,lc as UUIHorizontalShakeAnimationValue,ac as UUIHorizontalShakeKeyframes,$e as UUIIconElement,us as UUIIconHost,cs as UUIIconRegistry,jr as UUIIconRegistryElement,Fl as UUIIconRegistryEssential,hs as UUIIconRegistryEssentialElement,tr as UUIIconRequestEvent,I as UUIInputElement,St as UUIInputEvent,je as UUIInputFileElement,Br as UUIInputLockElement,ir as UUIInputPasswordElement,Fi as UUIKeyElement,Ri as UUIKeyboardShortcutElement,kt as UUILabelElement,or as UUILoaderBarElement,sr as UUILoaderCircleElement,Wi as UUILoaderElement,le as UUIMenuItemElement,Be as UUIMenuItemEvent,Fe as UUIModalContainerElement,Ji as UUIModalDialogElement,Q as UUIModalElement,ar as UUIModalSidebarElement,ue as UUIPaginationElement,tt as UUIPaginationEvent,Ee as UUIPopoverContainerElement,rt as UUIPopoverElement,Wr as UUIProgressBarElement,pe as UUIRadioElement,hr as UUIRadioEvent,dr as UUIRadioGroupElement,io as UUIRadioGroupEvent,z as UUIRangeSliderElement,ot as UUIRefElement,vr as UUIRefEvent,oo as UUIRefListElement,Kr as UUIRefNodeDataTypeElement,Xr as UUIRefNodeDocumentTypeElement,M as UUIRefNodeElement,no as UUIRefNodeFormElement,Yr as UUIRefNodeMemberElement,fr as UUIRefNodePackageElement,Zr as UUIRefNodeUserElement,Qr as UUIScrollContainerElement,J as UUISelectElement,ao as UUISelectEvent,vt as UUISelectableEvent,j as UUISliderElement,Ut as UUISliderEvent,ei as UUISymbolExpandElement,ti as UUISymbolFileDropzoneElement,zr as UUISymbolFileElement,br as UUISymbolFileThumbnailElement,ki as UUISymbolFolderElement,ri as UUISymbolLockElement,lo as UUISymbolMoreElement,ii as UUISymbolSortElement,qe as UUITabElement,ab as UUITabEvent,Lt as UUITabGroupElement,lb as UUITabGroupEvent,Oe as UUITableCellElement,ho as UUITableColumnElement,uo as UUITableElement,po as UUITableHeadCellElement,vo as UUITableHeadElement,oi as UUITableRowElement,_r as UUITagElement,gi as UUITextStyles,L as UUITextareaElement,ni as UUITextareaEvent,ai as UUIToastNotificationContainerElement,Ye as UUIToastNotificationElement,F as UUIToastNotificationEvent,wr as UUIToastNotificationLayoutElement,li as UUIToggleElement,yo as UUIVisuallyHiddenElement,Tc as clamp,qc as defineElement,Nc as demandCustomElement,Vc as drag,Sn as findAncestorByAttributeValue,Hc as reverseNumberInRange,jc as toHex};
|