@umbraco-cms/backoffice 14.0.0-1c3e1277 → 14.0.0-1ebba150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist-cms/custom-elements.json +94 -35
- package/dist-cms/external/uui/index.js +210 -702
- package/dist-cms/mocks/data/template.data.d.ts +5 -23
- package/dist-cms/mocks/data/template.data.js +44 -21
- package/dist-cms/mocks/handlers/template.handlers.js +4 -0
- package/dist-cms/packages/core/components/button-with-dropdown/button-with-dropdown.element.d.ts +2 -0
- package/dist-cms/packages/core/components/button-with-dropdown/button-with-dropdown.element.js +4 -4
- package/dist-cms/packages/core/components/code-block/code-block.element.d.ts +6 -1
- package/dist-cms/packages/core/components/code-block/code-block.element.js +93 -19
- package/dist-cms/packages/core/components/index.d.ts +1 -0
- package/dist-cms/packages/core/components/index.js +1 -1
- package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.d.ts +0 -1
- package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.js +1 -2
- package/dist-cms/packages/core/tree/tree.context.js +8 -11
- package/dist-cms/packages/templating/components/insert-menu/templating-insert-menu.element.js +3 -31
- package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.d.ts +2 -4
- package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js +5 -27
- package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-input.element.js +1 -0
- package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.js +5 -4
- package/dist-cms/packages/templating/modals/manifests.d.ts +0 -1
- package/dist-cms/packages/templating/modals/manifests.js +0 -7
- package/dist-cms/packages/templating/templates/components/alias-input/alias-input.js +1 -1
- package/dist-cms/packages/templating/templates/index.d.ts +2 -0
- package/dist-cms/packages/templating/templates/index.js +2 -0
- package/dist-cms/packages/templating/templates/manifests.d.ts +1 -1
- package/dist-cms/packages/templating/templates/manifests.js +2 -0
- package/dist-cms/packages/templating/templates/modals/manifests.d.ts +3 -0
- package/dist-cms/packages/templating/templates/modals/manifests.js +10 -0
- package/dist-cms/packages/templating/templates/modals/modal-tokens.d.ts +3 -0
- package/dist-cms/packages/templating/templates/modals/modal-tokens.js +6 -0
- package/dist-cms/packages/templating/templates/modals/query-builder/query-builder-filter.element.d.ts +24 -0
- package/dist-cms/packages/templating/templates/modals/query-builder/query-builder-filter.element.js +156 -0
- package/dist-cms/packages/templating/templates/modals/query-builder/query-builder.element.d.ts +28 -0
- package/dist-cms/packages/templating/templates/modals/query-builder/query-builder.element.js +277 -0
- package/dist-cms/packages/templating/templates/repository/sources/template.query-builder.server.data.d.ts +33 -0
- package/dist-cms/packages/templating/templates/repository/sources/template.query-builder.server.data.js +37 -0
- package/dist-cms/packages/templating/templates/repository/template.repository.d.ts +11 -7
- package/dist-cms/packages/templating/templates/repository/template.repository.js +28 -14
- package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js +21 -3
- package/dist-cms/packages/templating/templates/workspace/template-workspace.context.js +2 -1
- package/dist-cms/packages/templating/templates/workspace/template-workspace.element.d.ts +1 -0
- package/dist-cms/packages/templating/templates/workspace/template-workspace.element.js +2 -1
- package/dist-cms/tinymce/langs/nb_NO.js +62 -62
- package/dist-cms/tinymce/langs/uz.js +406 -0
- package/dist-cms/tsconfig.tsbuildinfo +1 -1
- package/dist-cms/vscode-html-custom-data.json +40 -7
- package/package.json +3 -3
- package/dist-cms/packages/templating/modals/insert-value-sidebar.element.d.ts +0 -19
- package/dist-cms/packages/templating/modals/insert-value-sidebar.element.js +0 -135
|
@@ -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 Fr=window,Wi=Fr.ShadowRoot&&(Fr.ShadyCSS===void 0||Fr.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Ki=Symbol(),Zo=new WeakMap;let Qo=class{constructor(e,r,o){if(this._$cssResult$=!0,o!==Ki)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(Wi&&e===void 0){const o=r!==void 0&&r.length===1;o&&(e=Zo.get(r)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),o&&Zo.set(r,e))}return e}toString(){return this.cssText}};const Te=t=>new Qo(typeof t=="string"?t:t+"",void 0,Ki),h=(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 Qo(r,t,Ki)},Ol=(t,e)=>{Wi?t.adoptedStyleSheets=e.map(r=>r instanceof CSSStyleSheet?r:r.styleSheet):e.forEach(r=>{const o=document.createElement("style"),i=Fr.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=r.cssText,t.appendChild(o)})},Jo=Wi?t=>t:t=>t instanceof CSSStyleSheet?(e=>{let r="";for(const o of e.cssRules)r+=o.cssText;return Te(r)})(t):t;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/var
|
|
9
|
+
*/var Xi;const Gr=window,es=Gr.trustedTypes,Sl=es?es.emptyScript:"",ts=Gr.reactiveElementPolyfillSupport,Yi={toAttribute(t,e){switch(e){case Boolean:t=t?Sl: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}},rs=(t,e)=>e!==t&&(e==e||t==t),Zi={attribute:!0,type:String,converter:Yi,reflect:!1,hasChanged:rs};let $t=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=Zi){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)||Zi}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(Jo(i))}else e!==void 0&&r.push(Jo(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 Ol(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=Zi){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:Yi).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:Yi;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||rs)(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){}};$t.finalized=!0,$t.elementProperties=new Map,$t.elementStyles=[],$t.shadowRootOptions={mode:"open"},ts?.({ReactiveElement:$t}),((Xi=Gr.reactiveElementVersions)!==null&&Xi!==void 0?Xi:Gr.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 Qi;const qr=window,Et=qr.trustedTypes,is=Et?Et.createPolicy("lit-html",{createHTML:t=>t}):void 0,Wr="$lit$",Ee=`lit$${(Math.random()+"").slice(9)}$`,Ji="?"+Ee,kl=`<${Ji}>`,Qe=document,or=()=>Qe.createComment(""),sr=t=>t===null||typeof t!="object"&&typeof t!="function",os=Array.isArray,ss=t=>os(t)||typeof t?.[Symbol.iterator]=="function",eo=`[
|
|
14
|
+
\f\r]`,nr=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ns=/-->/g,as=/>/g,Je=RegExp(`>|${eo}(?:([^\\s"'>=/]+)(${eo}*=${eo}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ls=/'/g,us=/"/g,cs=/^(?:script|style|textarea|title)$/i,hs=t=>(e,...r)=>({_$litType$:t,strings:e,values:r}),l=hs(1),g=hs(2),F=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),ds=new WeakMap,et=Qe.createTreeWalker(Qe,129,null,!1),ps=(t,e)=>{const r=t.length-1,o=[];let i,s=e===2?"<svg>":"",n=nr;for(let c=0;c<r;c++){const d=t[c];let x,_,b=-1,y=0;for(;y<d.length&&(n.lastIndex=y,_=n.exec(d),_!==null);)y=n.lastIndex,n===nr?_[1]==="!--"?n=ns:_[1]!==void 0?n=as:_[2]!==void 0?(cs.test(_[2])&&(i=RegExp("</"+_[2],"g")),n=Je):_[3]!==void 0&&(n=Je):n===Je?_[0]===">"?(n=i??nr,b=-1):_[1]===void 0?b=-2:(b=n.lastIndex-_[2].length,x=_[1],n=_[3]===void 0?Je:_[3]==='"'?us:ls):n===us||n===ls?n=Je:n===ns||n===as?n=nr:(n=Je,i=void 0);const w=n===Je&&t[c+1].startsWith("/>")?" ":"";s+=n===nr?d+kl:b>=0?(o.push(x),d.slice(0,b)+Wr+d.slice(b)+Ee+w):d+Ee+(b===-2?(o.push(void 0),c):w)}const u=s+(t[r]||"<?>")+(e===2?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[is!==void 0?is.createHTML(u):u,o]};class jr{constructor({strings:e,_$litType$:r},o){let i;this.parts=[];let s=0,n=0;const u=e.length-1,c=this.parts,[d,x]=ps(e,r);if(this.el=jr.createElement(d,o),et.currentNode=this.el.content,r===2){const _=this.el.content,b=_.firstChild;b.remove(),_.append(...b.childNodes)}for(;(i=et.nextNode())!==null&&c.length<u;){if(i.nodeType===1){if(i.hasAttributes()){const _=[];for(const b of i.getAttributeNames())if(b.endsWith(Wr)||b.startsWith(Ee)){const y=x[n++];if(_.push(b),y!==void 0){const w=i.getAttribute(y.toLowerCase()+Wr).split(Ee),$=/([.?@])?(.*)/.exec(y);c.push({type:1,index:s,name:$[2],strings:w,ctor:$[1]==="."?fs:$[1]==="?"?bs:$[1]==="@"?gs:ar})}else c.push({type:6,index:s})}for(const b of _)i.removeAttribute(b)}if(cs.test(i.tagName)){const _=i.textContent.split(Ee),b=_.length-1;if(b>0){i.textContent=Et?Et.emptyScript:"";for(let y=0;y<b;y++)i.append(_[y],or()),et.nextNode(),c.push({type:2,index:++s});i.append(_[b],or())}}}else if(i.nodeType===8)if(i.data===Ji)c.push({type:2,index:s});else{let _=-1;for(;(_=i.data.indexOf(Ee,_+1))!==-1;)c.push({type:7,index:s}),_+=Ee.length-1}s++}}static createElement(e,r){const o=Qe.createElement("template");return o.innerHTML=e,o}}function tt(t,e,r=t,o){var i,s,n,u;if(e===F)return e;let c=o!==void 0?(i=r._$Co)===null||i===void 0?void 0:i[o]:r._$Cl;const d=sr(e)?void 0:e._$litDirective$;return c?.constructor!==d&&((s=c?._$AO)===null||s===void 0||s.call(c,!1),d===void 0?c=void 0:(c=new d(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=tt(t,c._$AS(t,e.values),c,o)),e}let vs=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:Qe).importNode(o,!0);et.currentNode=s;let n=et.nextNode(),u=0,c=0,d=i[0];for(;d!==void 0;){if(u===d.index){let x;d.type===2?x=new Kr(n,n.nextSibling,this,e):d.type===1?x=new d.ctor(n,d.name,d.strings,this,e):d.type===6&&(x=new ms(n,this,e)),this._$AV.push(x),d=i[++c]}u!==d?.index&&(n=et.nextNode(),u++)}return et.currentNode=Qe,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++}},Kr=class Pl{constructor(e,r,o,i){var s;this.type=2,this._$AH=E,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=tt(this,e,r),sr(e)?e===E||e==null||e===""?(this._$AH!==E&&this._$AR(),this._$AH=E):e!==this._$AH&&e!==F&&this._(e):e._$litType$!==void 0?this.g(e):e.nodeType!==void 0?this.$(e):ss(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!==E&&sr(this._$AH)?this._$AA.nextSibling.data=e:this.$(Qe.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=jr.createElement(i.h,this.options)),i);if(((r=this._$AH)===null||r===void 0?void 0:r._$AD)===s)this._$AH.v(o);else{const n=new vs(s,this),u=n.u(this.options);n.v(o),this.$(u),this._$AH=n}}_$AC(e){let r=ds.get(e.strings);return r===void 0&&ds.set(e.strings,r=new jr(e)),r}T(e){os(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 Pl(this.k(or()),this.k(or()),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))}};class ar{constructor(e,r,o,i,s){this.type=1,this._$AH=E,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=E}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=tt(this,e,r,0),n=!sr(e)||e!==this._$AH&&e!==F,n&&(this._$AH=e);else{const u=e;let c,d;for(e=s[0],c=0;c<s.length-1;c++)d=tt(this,u[o+c],r,c),d===F&&(d=this._$AH[c]),n||(n=!sr(d)||d!==this._$AH[c]),d===E?e=E:e!==E&&(e+=(d??"")+s[c+1]),this._$AH[c]=d}n&&!i&&this.j(e)}j(e){e===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}let fs=class extends ar{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===E?void 0:e}};const zl=Et?Et.emptyScript:"";class bs extends ar{constructor(){super(...arguments),this.type=4}j(e){e&&e!==E?this.element.setAttribute(this.name,zl):this.element.removeAttribute(this.name)}}class gs extends ar{constructor(e,r,o,i,s){super(e,r,o,i,s),this.type=5}_$AI(e,r=this){var o;if((e=(o=tt(this,e,r,0))!==null&&o!==void 0?o:E)===F)return;const i=this._$AH,s=e===E&&i!==E||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==E&&(i===E||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 ms{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){tt(this,e)}}const Il={O:Wr,P:Ee,A:Ji,C:1,M:ps,L:vs,D:ss,R:tt,I:Kr,V:ar,H:bs,N:gs,U:fs,F:ms},_s=qr.litHtmlPolyfillSupport;_s?.(jr,Kr),((Qi=qr.litHtmlVersions)!==null&&Qi!==void 0?Qi:qr.litHtmlVersions=[]).push("2.7.4");const Al=(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 Kr(e.insertBefore(or(),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 to,ro;let v=class extends $t{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=Al(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 F}};v.finalized=!0,v._$litElement$=!0,(to=globalThis.litElementHydrateSupport)===null||to===void 0||to.call(globalThis,{LitElement:v});const ys=globalThis.litElementPolyfillSupport;ys?.({LitElement:v}),((ro=globalThis.litElementVersions)!==null&&ro!==void 0?ro:globalThis.litElementVersions=[]).push("3.3.2");var Ul=`.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);
|
|
@@ -180,15 +180,15 @@
|
|
|
180
180
|
margin-top: var(--uui-size-layout-1,24px);
|
|
181
181
|
margin-bottom: var(--uui-size-layout-1,24px);
|
|
182
182
|
}
|
|
183
|
-
`;const
|
|
183
|
+
`;const Xr=Te(Ul);/**
|
|
184
184
|
* @license
|
|
185
185
|
* Copyright 2017 Google LLC
|
|
186
186
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
187
|
-
*/const io=t=>e=>typeof e=="function"?((
|
|
187
|
+
*/const io=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);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2017 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const Dl=(t,e)=>e.kind==="method"&&e.descriptor&&!("value"in e.descriptor)?{...e,finisher(
|
|
191
|
+
*/const Dl=(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):Dl(t,e)}/**
|
|
192
192
|
* @license
|
|
193
193
|
* Copyright 2017 Google LLC
|
|
194
194
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -196,19 +196,19 @@
|
|
|
196
196
|
* @license
|
|
197
197
|
* Copyright 2017 Google LLC
|
|
198
198
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
199
|
-
*/const
|
|
199
|
+
*/const oo=({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)}};/**
|
|
200
200
|
* @license
|
|
201
201
|
* Copyright 2017 Google LLC
|
|
202
202
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
203
|
-
*/function C(t,e){return
|
|
203
|
+
*/function C(t,e){return oo({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}})}/**
|
|
204
204
|
* @license
|
|
205
205
|
* Copyright 2017 Google LLC
|
|
206
206
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
207
|
-
*/function Ll(t){return
|
|
207
|
+
*/function Ll(t){return oo({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})})}/**
|
|
208
208
|
* @license
|
|
209
209
|
* Copyright 2021 Google LLC
|
|
210
210
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
211
|
-
*/var
|
|
211
|
+
*/var so;const Nl=((so=window.HTMLSlotElement)===null||so===void 0?void 0:so.prototype.assignedElements)!=null?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter(r=>r.nodeType===Node.ELEMENT_NODE);function je(t){const{slot:e,selector:r}=t??{};return oo({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?Nl(n,t):[];return r?u.filter(c=>c.matches(r)):u},enumerable:!0,configurable:!0})})}const Hl=h`
|
|
212
212
|
@keyframes uui-blink {
|
|
213
213
|
0%,
|
|
214
214
|
100% {
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
opacity: 1;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
-
`,
|
|
221
|
+
`,Ml=Te("uui-blink 0.9s infinite both"),Tl=h`
|
|
222
222
|
@keyframes pulse {
|
|
223
223
|
0% {
|
|
224
224
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
opacity: 0;
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
|
-
`,jl=
|
|
239
|
+
`,jl=Te("pulse 0.8s ease-in-out infinite both"),Vl=h`
|
|
240
240
|
@keyframes uui-horizontal-shake {
|
|
241
241
|
10%,
|
|
242
242
|
90% {
|
|
@@ -259,14 +259,14 @@
|
|
|
259
259
|
transform: translateX(2px);
|
|
260
260
|
}
|
|
261
261
|
}
|
|
262
|
-
`,Bl=
|
|
262
|
+
`,Bl=Te("uui-horizontal-shake 600ms ease backwards");var Rl=Object.defineProperty,ws=Object.getOwnPropertySymbols,Fl=Object.prototype.hasOwnProperty,Gl=Object.prototype.propertyIsEnumerable,xs=(t,e,r)=>e in t?Rl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ql=(t,e)=>{for(var r in e||(e={}))Fl.call(e,r)&&xs(t,r,e[r]);if(ws)for(var r of ws(e))Gl.call(e,r)&&xs(t,r,e[r]);return t};let no=class extends Event{constructor(e,r={}){super(e,ql({},r)),this.detail=r.detail||{}}};var Wl=Object.defineProperty,$s=Object.getOwnPropertySymbols,Kl=Object.prototype.hasOwnProperty,Xl=Object.prototype.propertyIsEnumerable,Es=(t,e,r)=>e in t?Wl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ps=(t,e)=>{for(var r in e||(e={}))Kl.call(e,r)&&Es(t,r,e[r]);if($s)for(var r of $s(e))Xl.call(e,r)&&Es(t,r,e[r]);return t};let rt=class extends no{constructor(e,r={}){super(e,Ps(Ps({},{bubbles:!0}),r))}};rt.VALID="valid",rt.INVALID="invalid";var Yl=Object.defineProperty,Cs=Object.getOwnPropertySymbols,Zl=Object.prototype.hasOwnProperty,Ql=Object.prototype.propertyIsEnumerable,Os=(t,e,r)=>e in t?Yl(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ss=(t,e)=>{for(var r in e||(e={}))Zl.call(e,r)&&Os(t,r,e[r]);if(Cs)for(var r of Cs(e))Ql.call(e,r)&&Os(t,r,e[r]);return t};let it=class extends no{constructor(e,r={}){super(e,Ss(Ss({},{bubbles:!0,cancelable:!0}),r))}};it.SELECTED="selected",it.DESELECTED="deselected";var Jl=Object.defineProperty,eu=Object.getOwnPropertyDescriptor,tu=(t,e,r,o)=>{for(var i=o>1?void 0:o?eu(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&&Jl(e,r,i),i};const ru=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return tu([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var iu=Object.defineProperty,ou=Object.getOwnPropertyDescriptor,ks=(t,e,r,o)=>{for(var i=o>1?void 0:o?ou(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&&iu(e,r,i),i};const su=(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`
|
|
263
263
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
264
264
|
<slot
|
|
265
265
|
class="label"
|
|
266
266
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
267
267
|
name=${t||""}
|
|
268
268
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
269
|
-
`}}return
|
|
269
|
+
`}}return ks([a({type:String})],r.prototype,"label",2),ks([f()],r.prototype,"_labelSlotHasContent",2),r};var nu=Object.defineProperty,au=Object.getOwnPropertyDescriptor,zs=(t,e,r,o)=>{for(var i=o>1?void 0:o?au(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&&nu(e,r,i),i};const lu=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,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.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_select(){if(!this.selectable)return;const o=new it(it.SELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!0)}_deselect(){if(!this.deselectable)return;const o=new it(it.DESELECTED);this.dispatchEvent(o),!o.defaultPrevented&&(this.selected=!1)}_handleClick(o){o.composedPath().indexOf(this.selectableTarget)!==-1&&this._toggleSelect()}_toggleSelect(){this.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return zs([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),zs([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var uu=Object.defineProperty,cu=Object.getOwnPropertyDescriptor,hu=(t,e,r,o)=>{for(var i=o>1?void 0:o?cu(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&&uu(e,r,i),i};const du=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 hu([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var pu=Object.defineProperty,vu=Object.getOwnPropertyDescriptor,ot=(t,e,r,o)=>{for(var i=o>1?void 0:o?vu(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&&pu(e,r,i),i};const fu=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 rt(rt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new rt(rt.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,ot([a({type:String})],e.prototype,"name",2),ot([a()],e.prototype,"value",1),ot([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),ot([a({type:Boolean,reflect:!0})],e.prototype,"required",2),ot([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),ot([a({type:Boolean,reflect:!0})],e.prototype,"error",2),ot([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};function bu(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 gu=["default","primary","secondary","outline","placeholder"],mu=["default","positive","warning","danger"];let _u=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 yu=(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)},wu=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.pageXOffset,c=s.top+n.pageYOffset,d=i.pageX-u,x=i.pageY-c;e?.onMove&&e.onMove(d,x)}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)},xu=(t,e,r)=>Math.min(Math.max(t,e),r),$u=(t,e,r)=>r+e-t,Eu=t=>{const e=Math.round(t).toString(16);return e.length===1?`0${e}`:e};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 Pu=Object.defineProperty,Cu=Object.getOwnPropertyDescriptor,Ou=(t,e,r,o)=>{for(var i=o>1?void 0:o?Cu(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&&Pu(e,r,i),i};let Pt=class extends v{render(){return l`<slot></slot>`}};Pt.styles=[h`
|
|
270
270
|
:host {
|
|
271
271
|
display: inline-flex;
|
|
272
272
|
align-items: stretch;
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
::slotted(*:hover) {
|
|
313
313
|
z-index: 1;
|
|
314
314
|
}
|
|
315
|
-
`],Pt=Ou([p("uui-button-group")],Pt);var
|
|
315
|
+
`],Pt=Ou([p("uui-button-group")],Pt);var Su=Object.defineProperty,ku=Object.getOwnPropertyDescriptor,zu=(t,e,r,o)=>{for(var i=o>1?void 0:o?ku(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&&Su(e,r,i),i};let Yr=class extends Pt{};Yr.styles=[...Pt.styles,h`
|
|
316
316
|
::slotted(*) {
|
|
317
317
|
--uui-button-padding-left-factor: 0.5;
|
|
318
318
|
--uui-button-padding-right-factor: 0.5;
|
|
@@ -354,7 +354,7 @@
|
|
|
354
354
|
--uui-button-padding-left-factor: 1.5;
|
|
355
355
|
--uui-button-padding-right-factor: 1.5;
|
|
356
356
|
}
|
|
357
|
-
`],
|
|
357
|
+
`],Yr=zu([p("uui-action-bar")],Yr);var Iu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Zr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Au(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&&Iu(e,r,i),i};let st=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`
|
|
358
358
|
<slot @slotchange=${this._onSlotChange}></slot>
|
|
359
359
|
${this._isLimitExceeded()?l`<small id="overflow-indication">+${this._avatarArray.length-this.limit}</small>`:""}
|
|
360
360
|
`}};st.styles=[h`
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
#overflow-indication {
|
|
375
375
|
margin-left: 6px;
|
|
376
376
|
}
|
|
377
|
-
`],
|
|
377
|
+
`],Zr([je({selector:"uui-avatar, [uui-avatar]",flatten:!0})],st.prototype,"_avatarNodes",2),Zr([f()],st.prototype,"_avatarArray",2),Zr([a({type:Number,attribute:!0})],st.prototype,"limit",2),st=Zr([p("uui-avatar-group")],st);var Uu=Object.defineProperty,Du=Object.getOwnPropertyDescriptor,Ct=(t,e,r,o)=>{for(var i=o>1?void 0:o?Du(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&&Uu(e,r,i),i};let Pe=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
|
|
378
378
|
src="${this.imgSrc}"
|
|
379
379
|
srcset="${this.imgSrcset}"
|
|
380
380
|
alt="${this.initials}"
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
${this.imgSrc?this.renderImage():""}
|
|
383
383
|
${this.imgSrc?"":this.initials}
|
|
384
384
|
<slot></slot>
|
|
385
|
-
`}};
|
|
385
|
+
`}};Pe.styles=[h`
|
|
386
386
|
:host {
|
|
387
387
|
display: inline-flex;
|
|
388
388
|
align-items: center;
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
overflow: hidden;
|
|
414
414
|
border-radius: 50%;
|
|
415
415
|
}
|
|
416
|
-
`],Ct([a({type:Boolean,attribute:!0,reflect:!0})],
|
|
416
|
+
`],Ct([a({type:Boolean,attribute:!0,reflect:!0})],Pe.prototype,"overflow",2),Ct([a({type:String,attribute:"img-src"})],Pe.prototype,"imgSrc",2),Ct([a({type:String,attribute:"img-srcset"})],Pe.prototype,"imgSrcset",2),Ct([a({type:String,reflect:!0})],Pe.prototype,"name",1),Ct([f()],Pe.prototype,"initials",2),Pe=Ct([p("uui-avatar")],Pe);var Lu=Object.defineProperty,Nu=Object.getOwnPropertyDescriptor,Qr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Nu(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&&Lu(e,r,i),i};let nt=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary",this.attention=!1}render(){return l` <slot></slot> `}};nt.styles=[h`
|
|
417
417
|
:host {
|
|
418
418
|
position: var(--uui-badge-position, absolute);
|
|
419
419
|
display: flex;
|
|
@@ -523,14 +523,14 @@
|
|
|
523
523
|
animation: none;
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
|
-
`],
|
|
526
|
+
`],Qr([a({reflect:!0})],nt.prototype,"color",2),Qr([a({reflect:!0})],nt.prototype,"look",2),Qr([a({type:Boolean,reflect:!0})],nt.prototype,"attention",2),nt=Qr([p("uui-badge")],nt);var Hu=Object.defineProperty,Mu=Object.getOwnPropertyDescriptor,Tu=(t,e,r,o)=>{for(var i=o>1?void 0:o?Mu(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&&Hu(e,r,i),i};const lr=t=>{class e extends t{constructor(){super(...arguments),this.active=!1}}return Tu([a({type:Boolean,reflect:!0})],e.prototype,"active",2),e};var ju=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,Is=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vu(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&&ju(e,r,i),i};const ve=(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`
|
|
527
527
|
${this._labelSlotHasContent===!1?l`<span class="label">${this.label}</span>`:""}
|
|
528
528
|
<slot
|
|
529
529
|
class="label"
|
|
530
530
|
style=${this._labelSlotHasContent?"":"visibility: hidden"}
|
|
531
531
|
name=${t||""}
|
|
532
532
|
@slotchange=${this.labelSlotChanged}></slot>
|
|
533
|
-
`}}return Ss([a({type:String})],i.prototype,"label",2),Ss([f()],i.prototype,"_labelSlotHasContent",2),i};var Bu=Object.defineProperty,Is=Object.getOwnPropertySymbols,Ru=Object.prototype.hasOwnProperty,Fu=Object.prototype.propertyIsEnumerable,As=(t,e,i)=>e in t?Bu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Gu=(t,e)=>{for(var i in e||(e={}))Ru.call(e,i)&&As(t,i,e[i]);if(Is)for(var i of Is(e))Fu.call(e,i)&&As(t,i,e[i]);return t};let qu=class extends Event{constructor(e,i={}){super(e,Gu({},i)),this.detail=i.detail||{}}};var Wu=Object.defineProperty,Us=Object.getOwnPropertySymbols,Ku=Object.prototype.hasOwnProperty,Xu=Object.prototype.propertyIsEnumerable,Ds=(t,e,i)=>e in t?Wu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Ls=(t,e)=>{for(var i in e||(e={}))Ku.call(e,i)&&Ds(t,i,e[i]);if(Us)for(var i of Us(e))Xu.call(e,i)&&Ds(t,i,e[i]);return t};let Ot=class extends qu{constructor(e,i={}){super(e,Ls(Ls({},{bubbles:!0,cancelable:!0}),i))}};Ot.SELECTED="selected",Ot.DESELECTED="deselected";var Yu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,Ns=(t,e,i,o)=>{for(var r=o>1?void 0:o?Zu(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Yu(e,i,r),r};const zt=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,this.addEventListener("click",this._handleClick),this.addEventListener("keydown",this.handleSelectKeydown)}get selectable(){return this._selectable}set selectable(o){const r=this._selectable;this._selectable=o,this.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",r)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_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.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return Ns([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Ns([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Qu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,ec=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ju(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Qu(e,i,r),r};const Qi=t=>{class e extends t{constructor(){super(...arguments),this._selectOnly=!1}get selectOnly(){return this._selectOnly}set selectOnly(o){const r=this._selectOnly;this._selectOnly=o,this.requestUpdate("selectOnly",r)}}return ec([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var tc=Object.defineProperty,Hs=Object.getOwnPropertySymbols,ic=Object.prototype.hasOwnProperty,rc=Object.prototype.propertyIsEnumerable,Ts=(t,e,i)=>e in t?tc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,oc=(t,e)=>{for(var i in e||(e={}))ic.call(e,i)&&Ts(t,i,e[i]);if(Hs)for(var i of Hs(e))rc.call(e,i)&&Ts(t,i,e[i]);return t};let Ms=class extends Event{constructor(e,i={}){super(e,oc({},i)),this.detail=i.detail||{}}};var sc=Object.defineProperty,js=Object.getOwnPropertySymbols,nc=Object.prototype.hasOwnProperty,ac=Object.prototype.propertyIsEnumerable,Vs=(t,e,i)=>e in t?sc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Bs=(t,e)=>{for(var i in e||(e={}))nc.call(e,i)&&Vs(t,i,e[i]);if(js)for(var i of js(e))ac.call(e,i)&&Vs(t,i,e[i]);return t};let kt=class extends Ms{constructor(e,i={}){super(e,Bs(Bs({},{bubbles:!0}),i))}};kt.VALID="valid",kt.INVALID="invalid";var lc=Object.defineProperty,Rs=Object.getOwnPropertySymbols,uc=Object.prototype.hasOwnProperty,cc=Object.prototype.propertyIsEnumerable,Fs=(t,e,i)=>e in t?lc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Gs=(t,e)=>{for(var i in e||(e={}))uc.call(e,i)&&Fs(t,i,e[i]);if(Rs)for(var i of Rs(e))cc.call(e,i)&&Fs(t,i,e[i]);return t};let qs=class extends Ms{constructor(e,i={}){super(e,Gs(Gs({},{bubbles:!0,cancelable:!0}),i))}};qs.SELECTED="selected",qs.DESELECTED="deselected";var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,at=(t,e,i,o)=>{for(var r=o>1?void 0:o?dc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&hc(e,i,r),r};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 r=this._value;this._value=o,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._value),this.requestUpdate("value",r)}hasValue(){return this.value!==""}disconnectedCallback(){super.disconnectedCallback(),this._removeFormListeners()}_removeFormListeners(){this._form&&this._form.removeEventListener("submit",this._onFormSubmit)}addValidator(o,r,s){const n={flagKey:o,getMessageMethod:r,checkMethod:s};return this._validators.push(n),n}removeValidator(o){const r=this._validators.indexOf(o);r!==-1&&this._validators.splice(r,1)}addFormControlElement(o){this._formCtrlElements.push(o)}setCustomValidity(o){this._customValidityObject&&this.removeValidator(this._customValidityObject),o!=null&&o!==""&&(this._customValidityObject=this.addValidator("customError",()=>o,()=>!0)),this._runValidators()}_runValidators(){this._validityState={},this._formCtrlElements.forEach(r=>{for(const s in r.validity)s!=="valid"&&r.validity[s]&&(this._validityState[s]=!0,this._internals.setValidity(this._validityState,r.validationMessage,r))}),this._validators.forEach(r=>{r.checkMethod()&&(this._validityState[r.flagKey]=!0,this._internals.setValidity(this._validityState,r.getMessageMethod(),this.getFormElement()))});const o=Object.values(this._validityState).includes(!0);this._validityState.valid=!o,o?this.dispatchEvent(new kt(kt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new kt(kt.VALID)))}updated(o){super.updated(o),this._runValidators()}submit(){var o;(o=this._form)==null||o.requestSubmit()}formAssociatedCallback(){this._removeFormListeners(),this._form=this._internals.form,this._form&&(this._form.hasAttribute("submit-invalid")&&(this.pristine=!1),this._form.addEventListener("submit",this._onFormSubmit))}formResetCallback(){this.pristine=!0,this.value=this.getAttribute("value")||""}checkValidity(){var o;for(const r in this._formCtrlElements)if(this._formCtrlElements[r].checkValidity()===!1)return!1;return(o=this._internals)==null?void 0:o.checkValidity()}get validity(){return this._validityState}get validationMessage(){var o;return(o=this._internals)==null?void 0:o.validationMessage}}return e.formAssociated=!0,at([a({type:String})],e.prototype,"name",2),at([a()],e.prototype,"value",1),at([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),at([a({type:Boolean,reflect:!0})],e.prototype,"required",2),at([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),at([a({type:Boolean,reflect:!0})],e.prototype,"error",2),at([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var pc=Object.defineProperty,Ws=Object.getOwnPropertySymbols,vc=Object.prototype.hasOwnProperty,fc=Object.prototype.propertyIsEnumerable,Ks=(t,e,i)=>e in t?pc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,bc=(t,e)=>{for(var i in e||(e={}))vc.call(e,i)&&Ks(t,i,e[i]);if(Ws)for(var i of Ws(e))fc.call(e,i)&&Ks(t,i,e[i]);return t};class O extends Event{constructor(e,i={}){super(e,bc({},i)),this.detail=i.detail||{}}}var gc=Object.defineProperty,Xs=Object.getOwnPropertySymbols,mc=Object.prototype.hasOwnProperty,_c=Object.prototype.propertyIsEnumerable,Ys=(t,e,i)=>e in t?gc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Zs=(t,e)=>{for(var i in e||(e={}))mc.call(e,i)&&Ys(t,i,e[i]);if(Xs)for(var i of Xs(e))_c.call(e,i)&&Ys(t,i,e[i]);return t};class St extends O{constructor(e,i={}){super(e,Zs(Zs({},{bubbles:!0}),i))}}St.VALID="valid",St.INVALID="invalid";var yc=Object.defineProperty,Qs=Object.getOwnPropertySymbols,xc=Object.prototype.hasOwnProperty,wc=Object.prototype.propertyIsEnumerable,Js=(t,e,i)=>e in t?yc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,en=(t,e)=>{for(var i in e||(e={}))xc.call(e,i)&&Js(t,i,e[i]);if(Qs)for(var i of Qs(e))wc.call(e,i)&&Js(t,i,e[i]);return t};class Ve extends O{constructor(e,i={}){super(e,en(en({},{bubbles:!0,cancelable:!0}),i))}}Ve.SELECTED="selected",Ve.DESELECTED="deselected";var $c=Object.defineProperty,tn=Object.getOwnPropertySymbols,Ec=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,rn=(t,e,i)=>e in t?$c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,on=(t,e)=>{for(var i in e||(e={}))Ec.call(e,i)&&rn(t,i,e[i]);if(tn)for(var i of tn(e))Pc.call(e,i)&&rn(t,i,e[i]);return t};class Ji extends O{constructor(e,i={}){super(e,on(on({},{bubbles:!0}),i))}}Ji.CHANGE="change";var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,er=(t,e,i,o)=>{for(var r=o>1?void 0:o?Oc(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Cc(e,i,r),r};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 i=this._value;this._value=e,"ElementInternals"in window&&"setFormValue"in window.ElementInternals.prototype&&this._internals.setFormValue(this._checked&&this.name!==""?this._value:null),this.requestUpdate("value",i)}get checked(){return this._checked}set checked(e){const i=this._checked;this._checked=e,this._internals.setFormValue(this._checked&&this.name!==""?this._value?this._value:"on":null),this.requestUpdate("checked",i)}getFormElement(){return this._input}_onKeypress(e){e.key=="Enter"&&this.submit()}hasValue(){return this.checked}formResetCallback(){super.formResetCallback(),this.checked=this.hasAttribute("checked")}firstUpdated(e){var i;super.firstUpdated(e);const o=(i=this.shadowRoot)==null?void 0:i.querySelector("label");let r=!1;this._input.addEventListener("blur",()=>{r===!1&&this.style.setProperty("--uui-show-focus-outline","1"),r=!1}),o.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0"),r=!0}),o.addEventListener("mouseup",()=>{r=!1})}focus(){this._input.focus()}click(){this._input.click()}_onInputChange(e){e.stopPropagation(),this.pristine=!1,this.checked=this._input.checked,this.dispatchEvent(new Ji(Ji.CHANGE))}render(){return l`
|
|
533
|
+
`}}return Is([a({type:String})],r.prototype,"label",2),Is([f()],r.prototype,"_labelSlotHasContent",2),r};var Bu=Object.defineProperty,As=Object.getOwnPropertySymbols,Ru=Object.prototype.hasOwnProperty,Fu=Object.prototype.propertyIsEnumerable,Us=(t,e,r)=>e in t?Bu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Gu=(t,e)=>{for(var r in e||(e={}))Ru.call(e,r)&&Us(t,r,e[r]);if(As)for(var r of As(e))Fu.call(e,r)&&Us(t,r,e[r]);return t};let qu=class extends Event{constructor(e,r={}){super(e,Gu({},r)),this.detail=r.detail||{}}};var Wu=Object.defineProperty,Ds=Object.getOwnPropertySymbols,Ku=Object.prototype.hasOwnProperty,Xu=Object.prototype.propertyIsEnumerable,Ls=(t,e,r)=>e in t?Wu(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ns=(t,e)=>{for(var r in e||(e={}))Ku.call(e,r)&&Ls(t,r,e[r]);if(Ds)for(var r of Ds(e))Xu.call(e,r)&&Ls(t,r,e[r]);return t};let Ot=class extends qu{constructor(e,r={}){super(e,Ns(Ns({},{bubbles:!0,cancelable:!0}),r))}};Ot.SELECTED="selected",Ot.DESELECTED="deselected";var Yu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,Hs=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zu(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&&Yu(e,r,i),i};const St=t=>{class e extends t{constructor(...o){super(...o),this._selectable=!1,this.deselectable=!0,this.selected=!1,this.selectableTarget=this,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.setAttribute("tabindex",`${o?"0":"-1"}`),this.requestUpdate("selected",i)}handleSelectKeydown(o){if(o.composedPath().indexOf(this.selectableTarget)!==-1){if(o.key!==" "&&o.key!=="Enter")return;this._toggleSelect()}}_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.deselectable===!1?this._select():this.selected?this._deselect():this._select()}}return Hs([a({type:Boolean,reflect:!0})],e.prototype,"selectable",1),Hs([a({type:Boolean,reflect:!0})],e.prototype,"selected",2),e};var Qu=Object.defineProperty,Ju=Object.getOwnPropertyDescriptor,ec=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ju(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&&Qu(e,r,i),i};const Jr=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 ec([a({type:Boolean,reflect:!0,attribute:"select-only"})],e.prototype,"selectOnly",1),e};var tc=Object.defineProperty,Ms=Object.getOwnPropertySymbols,rc=Object.prototype.hasOwnProperty,ic=Object.prototype.propertyIsEnumerable,Ts=(t,e,r)=>e in t?tc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,oc=(t,e)=>{for(var r in e||(e={}))rc.call(e,r)&&Ts(t,r,e[r]);if(Ms)for(var r of Ms(e))ic.call(e,r)&&Ts(t,r,e[r]);return t};let js=class extends Event{constructor(e,r={}){super(e,oc({},r)),this.detail=r.detail||{}}};var sc=Object.defineProperty,Vs=Object.getOwnPropertySymbols,nc=Object.prototype.hasOwnProperty,ac=Object.prototype.propertyIsEnumerable,Bs=(t,e,r)=>e in t?sc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Rs=(t,e)=>{for(var r in e||(e={}))nc.call(e,r)&&Bs(t,r,e[r]);if(Vs)for(var r of Vs(e))ac.call(e,r)&&Bs(t,r,e[r]);return t};let kt=class extends js{constructor(e,r={}){super(e,Rs(Rs({},{bubbles:!0}),r))}};kt.VALID="valid",kt.INVALID="invalid";var lc=Object.defineProperty,Fs=Object.getOwnPropertySymbols,uc=Object.prototype.hasOwnProperty,cc=Object.prototype.propertyIsEnumerable,Gs=(t,e,r)=>e in t?lc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,qs=(t,e)=>{for(var r in e||(e={}))uc.call(e,r)&&Gs(t,r,e[r]);if(Fs)for(var r of Fs(e))cc.call(e,r)&&Gs(t,r,e[r]);return t};let Ws=class extends js{constructor(e,r={}){super(e,qs(qs({},{bubbles:!0,cancelable:!0}),r))}};Ws.SELECTED="selected",Ws.DESELECTED="deselected";var hc=Object.defineProperty,dc=Object.getOwnPropertyDescriptor,at=(t,e,r,o)=>{for(var i=o>1?void 0:o?dc(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&&hc(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 kt(kt.INVALID)):(this._internals.setValidity({}),this.dispatchEvent(new kt(kt.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,at([a({type:String})],e.prototype,"name",2),at([a()],e.prototype,"value",1),at([a({type:Boolean,reflect:!0})],e.prototype,"pristine",2),at([a({type:Boolean,reflect:!0})],e.prototype,"required",2),at([a({type:String,attribute:"required-message"})],e.prototype,"requiredMessage",2),at([a({type:Boolean,reflect:!0})],e.prototype,"error",2),at([a({type:String,attribute:"error-message"})],e.prototype,"errorMessage",2),e};var pc=Object.defineProperty,Ks=Object.getOwnPropertySymbols,vc=Object.prototype.hasOwnProperty,fc=Object.prototype.propertyIsEnumerable,Xs=(t,e,r)=>e in t?pc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,bc=(t,e)=>{for(var r in e||(e={}))vc.call(e,r)&&Xs(t,r,e[r]);if(Ks)for(var r of Ks(e))fc.call(e,r)&&Xs(t,r,e[r]);return t};class O extends Event{constructor(e,r={}){super(e,bc({},r)),this.detail=r.detail||{}}}var gc=Object.defineProperty,Ys=Object.getOwnPropertySymbols,mc=Object.prototype.hasOwnProperty,_c=Object.prototype.propertyIsEnumerable,Zs=(t,e,r)=>e in t?gc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Qs=(t,e)=>{for(var r in e||(e={}))mc.call(e,r)&&Zs(t,r,e[r]);if(Ys)for(var r of Ys(e))_c.call(e,r)&&Zs(t,r,e[r]);return t};class zt extends O{constructor(e,r={}){super(e,Qs(Qs({},{bubbles:!0}),r))}}zt.VALID="valid",zt.INVALID="invalid";var yc=Object.defineProperty,Js=Object.getOwnPropertySymbols,wc=Object.prototype.hasOwnProperty,xc=Object.prototype.propertyIsEnumerable,en=(t,e,r)=>e in t?yc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,tn=(t,e)=>{for(var r in e||(e={}))wc.call(e,r)&&en(t,r,e[r]);if(Js)for(var r of Js(e))xc.call(e,r)&&en(t,r,e[r]);return t};class Ve extends O{constructor(e,r={}){super(e,tn(tn({},{bubbles:!0,cancelable:!0}),r))}}Ve.SELECTED="selected",Ve.DESELECTED="deselected";var $c=Object.defineProperty,rn=Object.getOwnPropertySymbols,Ec=Object.prototype.hasOwnProperty,Pc=Object.prototype.propertyIsEnumerable,on=(t,e,r)=>e in t?$c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,sn=(t,e)=>{for(var r in e||(e={}))Ec.call(e,r)&&on(t,r,e[r]);if(rn)for(var r of rn(e))Pc.call(e,r)&&on(t,r,e[r]);return t};class ei extends O{constructor(e,r={}){super(e,sn(sn({},{bubbles:!0}),r))}}ei.CHANGE="change";var Cc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,ti=(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};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 ei(ei.CHANGE))}render(){return l`
|
|
534
534
|
<label>
|
|
535
535
|
<input
|
|
536
536
|
id="input"
|
|
@@ -543,7 +543,7 @@
|
|
|
543
543
|
role="${this.inputRole}" />
|
|
544
544
|
${this.renderCheckbox()} ${this.renderLabel()}
|
|
545
545
|
</label>
|
|
546
|
-
`}}
|
|
546
|
+
`}}be.styles=[h`
|
|
547
547
|
:host {
|
|
548
548
|
display: inline-block;
|
|
549
549
|
}
|
|
@@ -583,171 +583,7 @@
|
|
|
583
583
|
:host([disabled]) .label {
|
|
584
584
|
opacity: 0.5;
|
|
585
585
|
}
|
|
586
|
-
`],
|
|
587
|
-
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
588
|
-
font-size: 15px;
|
|
589
|
-
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
590
|
-
-webkit-font-smoothing: antialiased;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
.uui-text h1,
|
|
594
|
-
.uui-text .uui-h1 {
|
|
595
|
-
font-size: var(--uui-type-h1-size,60px);
|
|
596
|
-
line-height: var(--uui-size-layout-4,66px);
|
|
597
|
-
font-weight: 300;
|
|
598
|
-
margin-left: -5px;
|
|
599
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
600
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
601
|
-
}
|
|
602
|
-
.uui-text p + h1,
|
|
603
|
-
.uui-text p + .uui-h1 {
|
|
604
|
-
margin-top: var(--uui-size-layout-4,66px);
|
|
605
|
-
}
|
|
606
|
-
.uui-text h1.--no-top-margin,
|
|
607
|
-
.uui-text h1:first-child,
|
|
608
|
-
.uui-text .uui-h1.--no-top-margin,
|
|
609
|
-
.uui-text .uui-h1:first-child {
|
|
610
|
-
margin-top: 0;
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
.uui-text h2,
|
|
614
|
-
.uui-text .uui-h2 {
|
|
615
|
-
font-size: var(--uui-type-h2-size,42px);
|
|
616
|
-
line-height: var(--uui-size-layout-3,42px);
|
|
617
|
-
font-weight: 300;
|
|
618
|
-
margin-left: -3px;
|
|
619
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
620
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
621
|
-
}
|
|
622
|
-
.uui-text p + h2,
|
|
623
|
-
.uui-text p + .uui-h2 {
|
|
624
|
-
margin-top: var(--uui-size-layout-3,42px);
|
|
625
|
-
}
|
|
626
|
-
.uui-text h2.--no-top-margin,
|
|
627
|
-
.uui-text h2:first-child,
|
|
628
|
-
.uui-text .uui-h2.--no-top-margin,
|
|
629
|
-
.uui-text .uui-h2:first-child {
|
|
630
|
-
margin-top: 0;
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
.uui-text h3,
|
|
634
|
-
.uui-text .uui-h3 {
|
|
635
|
-
font-size: var(--uui-type-h3-size,30px);
|
|
636
|
-
line-height: var(--uui-size-large);
|
|
637
|
-
font-weight: 300;
|
|
638
|
-
margin-left: -2px;
|
|
639
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
640
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
641
|
-
}
|
|
642
|
-
.uui-text h3.--no-top-margin,
|
|
643
|
-
.uui-text h3:first-child,
|
|
644
|
-
.uui-text .uui-h3.--no-top-margin,
|
|
645
|
-
.uui-text .uui-h3:first-child {
|
|
646
|
-
margin-top: 0;
|
|
647
|
-
}
|
|
648
|
-
|
|
649
|
-
.uui-text h4,
|
|
650
|
-
.uui-text .uui-h4 {
|
|
651
|
-
font-size: var(--uui-type-h4-size,21px);
|
|
652
|
-
line-height: 21px;
|
|
653
|
-
font-weight: 400;
|
|
654
|
-
margin-left: -1px;
|
|
655
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
656
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
657
|
-
}
|
|
658
|
-
.uui-text h4.--no-top-margin,
|
|
659
|
-
.uui-text h4:first-child,
|
|
660
|
-
.uui-text .uui-h4.--no-top-margin,
|
|
661
|
-
.uui-text .uui-h4:first-child {
|
|
662
|
-
margin-top: 0;
|
|
663
|
-
}
|
|
664
|
-
|
|
665
|
-
.uui-text h5,
|
|
666
|
-
.uui-text .uui-h5 {
|
|
667
|
-
font-size: var(--uui-type-h5-size,15px);
|
|
668
|
-
line-height: inherit;
|
|
669
|
-
font-weight: 700;
|
|
670
|
-
margin-left: 0;
|
|
671
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
672
|
-
margin-bottom: 0;
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
.uui-text h5.--no-top-margin,
|
|
676
|
-
.uui-text h5:first-child,
|
|
677
|
-
.uui-text .uui-h5.--no-top-margin,
|
|
678
|
-
.uui-text .uui-h5:first-child {
|
|
679
|
-
margin-top: 0;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.uui-text p {
|
|
683
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
684
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
685
|
-
}
|
|
686
|
-
.uui-text p.uui-lead {
|
|
687
|
-
font-size: var(--uui-size-6,18px);
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
.uui-text a:link,
|
|
691
|
-
.uui-text a:active {
|
|
692
|
-
color: var(--uui-color-interactive,#1b264f);
|
|
693
|
-
}
|
|
694
|
-
.uui-text a:hover {
|
|
695
|
-
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
696
|
-
}
|
|
697
|
-
|
|
698
|
-
.uui-text small {
|
|
699
|
-
display: inline-block;
|
|
700
|
-
font-size: var(--uui-type-small-size,12px);
|
|
701
|
-
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
702
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
703
|
-
}
|
|
704
|
-
|
|
705
|
-
.uui-text blockquote {
|
|
706
|
-
float: right;
|
|
707
|
-
font-size: 15px;
|
|
708
|
-
font-weight: 700;
|
|
709
|
-
font-style: italic;
|
|
710
|
-
margin-top: 0;
|
|
711
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
712
|
-
margin-right: -0.035em;
|
|
713
|
-
max-width: 16em;
|
|
714
|
-
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
715
|
-
line-height: inherit;
|
|
716
|
-
}
|
|
717
|
-
|
|
718
|
-
.uui-text blockquote:before {
|
|
719
|
-
content: open-quote;
|
|
720
|
-
margin-left: -0.4em;
|
|
721
|
-
margin-right: 0.08em;
|
|
722
|
-
vertical-align: bottom;
|
|
723
|
-
font-weight: 400;
|
|
724
|
-
font-size: 2em;
|
|
725
|
-
}
|
|
726
|
-
|
|
727
|
-
.uui-text blockquote:after {
|
|
728
|
-
content: close-quote;
|
|
729
|
-
margin-left: 0.04em;
|
|
730
|
-
margin-right: -0.4em;
|
|
731
|
-
vertical-align: bottom;
|
|
732
|
-
font-weight: 400;
|
|
733
|
-
font-size: 2em;
|
|
734
|
-
margin-bottom: -2px;
|
|
735
|
-
display: inline-block;
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
.uui-text ul {
|
|
739
|
-
list-style-type: square;
|
|
740
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
741
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
742
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
743
|
-
}
|
|
744
|
-
|
|
745
|
-
.uui-text ol {
|
|
746
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
747
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
748
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
749
|
-
}
|
|
750
|
-
`;const kc=ae(zc);var Sc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,tr=(t,e,i,o)=>{for(var r=o>1?void 0:o?Ic(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Sc(e,i,r),r};let lt=class extends v{constructor(){super(...arguments),this.headline=null,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}}renderHeader(){return l`<div
|
|
586
|
+
`],ti([a({type:String,attribute:"label-position",reflect:!0})],be.prototype,"labelPosition",2),ti([a({type:Boolean})],be.prototype,"checked",1),ti([a({type:Boolean,reflect:!0})],be.prototype,"disabled",2),ti([C("#input")],be.prototype,"_input",2);var Sc=Object.defineProperty,kc=Object.getOwnPropertyDescriptor,ri=(t,e,r,o)=>{for(var i=o>1?void 0:o?kc(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&&Sc(e,r,i),i};let lt=class extends v{constructor(){super(...arguments),this.headline=null,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}}renderHeader(){return l`<div
|
|
751
587
|
id="header"
|
|
752
588
|
class="uui-text"
|
|
753
589
|
style=${this._headerSlotHasContent||this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
@@ -761,7 +597,7 @@
|
|
|
761
597
|
</div>`}render(){return l`
|
|
762
598
|
${this.renderHeader()}
|
|
763
599
|
<slot></slot>
|
|
764
|
-
`}};lt.styles=[
|
|
600
|
+
`}};lt.styles=[Xr,h`
|
|
765
601
|
:host {
|
|
766
602
|
display: block;
|
|
767
603
|
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));
|
|
@@ -779,7 +615,7 @@
|
|
|
779
615
|
display: block;
|
|
780
616
|
padding: var(--uui-box-default-padding, var(--uui-size-space-5,18px));
|
|
781
617
|
}
|
|
782
|
-
`],
|
|
618
|
+
`],ri([a({type:String})],lt.prototype,"headline",2),ri([f()],lt.prototype,"_headlineSlotHasContent",2),ri([f()],lt.prototype,"_headerSlotHasContent",2),lt=ri([p("uui-box")],lt);var zc=Object.defineProperty,Ic=Object.getOwnPropertyDescriptor,ao=(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&&zc(e,r,i),i};let ut=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
|
|
783
619
|
><span part="separator"></span>`}renderCurrent(){return l`<span id="last-item"><slot></slot></span>`}render(){return l`${this.lastItem?this.renderCurrent():this.renderLinkAndSeparator()}`}};ut.styles=[h`
|
|
784
620
|
:host {
|
|
785
621
|
font-size: var(--uui-type-small-size,12px);
|
|
@@ -818,9 +654,9 @@
|
|
|
818
654
|
#link {
|
|
819
655
|
cursor: pointer;
|
|
820
656
|
}
|
|
821
|
-
`],
|
|
657
|
+
`],ao([a()],ut.prototype,"href",2),ao([a({type:Boolean,attribute:"last-item"})],ut.prototype,"lastItem",2),ut=ao([p("uui-breadcrumb-item")],ut);var Ac=Object.defineProperty,Uc=Object.getOwnPropertyDescriptor,nn=(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&&Ac(e,r,i),i};let ur=class extends v{elementIsBreadcrumbItem(t){return t instanceof ut}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">
|
|
822
658
|
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
823
|
-
</ol>`}};
|
|
659
|
+
</ol>`}};ur.styles=[h`
|
|
824
660
|
:host {
|
|
825
661
|
display: flex;
|
|
826
662
|
}
|
|
@@ -834,7 +670,7 @@
|
|
|
834
670
|
margin-inline-end: 0px;
|
|
835
671
|
padding-inline-start: 0px;
|
|
836
672
|
}
|
|
837
|
-
`],
|
|
673
|
+
`],nn([je({flatten:!0,selector:"uui-breadcrumb-item, [uui-breadcrumb-item], [role=listitem]"})],ur.prototype,"slotNodes",2),ur=nn([p("uui-breadcrumbs")],ur);const Dc=h`
|
|
838
674
|
@keyframes uui-blink {
|
|
839
675
|
0%,
|
|
840
676
|
100% {
|
|
@@ -844,7 +680,7 @@
|
|
|
844
680
|
opacity: 1;
|
|
845
681
|
}
|
|
846
682
|
}
|
|
847
|
-
`,
|
|
683
|
+
`,Lc=Te("uui-blink 0.9s infinite both"),an=h`
|
|
848
684
|
@keyframes pulse {
|
|
849
685
|
0% {
|
|
850
686
|
-webkit-transform: translate(-50%, -50%) scale(0.2);
|
|
@@ -862,7 +698,7 @@
|
|
|
862
698
|
opacity: 0;
|
|
863
699
|
}
|
|
864
700
|
}
|
|
865
|
-
`;
|
|
701
|
+
`;Te("pulse 0.8s ease-in-out infinite both");const ii=h`
|
|
866
702
|
@keyframes uui-horizontal-shake {
|
|
867
703
|
10%,
|
|
868
704
|
90% {
|
|
@@ -885,15 +721,15 @@
|
|
|
885
721
|
transform: translateX(2px);
|
|
886
722
|
}
|
|
887
723
|
}
|
|
888
|
-
`,
|
|
724
|
+
`,oi=Te("uui-horizontal-shake 600ms ease backwards");/**
|
|
889
725
|
* @license
|
|
890
726
|
* Copyright 2017 Google LLC
|
|
891
727
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
892
|
-
*/const
|
|
728
|
+
*/const ae={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},It=t=>(...e)=>({_$litDirective$:t,values:e});let At=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)}};/**
|
|
893
729
|
* @license
|
|
894
730
|
* Copyright 2018 Google LLC
|
|
895
731
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
896
|
-
*/const
|
|
732
|
+
*/const ln="important",Nc=" !"+ln,ge=It(class extends At{constructor(t){var e;if(super(t),t.type!==ae.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.ut===void 0){this.ut=new Set;for(const o in e)this.ut.add(o);return this.render(e)}this.ut.forEach(o=>{e[o]==null&&(this.ut.delete(o),o.includes("-")?r.removeProperty(o):r[o]="")});for(const o in e){const i=e[o];if(i!=null){this.ut.add(o);const s=typeof i=="string"&&i.endsWith(Nc);o.includes("-")||s?r.setProperty(o,s?i.slice(0,-11):i,s?ln:""):r[o]=i}}return F}});var Hc=Object.defineProperty,un=Object.getOwnPropertySymbols,Mc=Object.prototype.hasOwnProperty,Tc=Object.prototype.propertyIsEnumerable,cn=(t,e,r)=>e in t?Hc(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,hn=(t,e)=>{for(var r in e||(e={}))Mc.call(e,r)&&cn(t,r,e[r]);if(un)for(var r of un(e))Tc.call(e,r)&&cn(t,r,e[r]);return t};class si extends O{constructor(e,r={}){super(e,hn(hn({},{bubbles:!0,composed:!0}),r))}}si.CLICK="click";var jc=Object.defineProperty,Vc=Object.getOwnPropertyDescriptor,ni=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vc(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&&jc(e,r,i),i};let ct=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 si(si.CLICK))}render(){return l`
|
|
897
733
|
<button
|
|
898
734
|
id="button-wrapper"
|
|
899
735
|
@mousemove=${this._onMouseMove}
|
|
@@ -901,7 +737,7 @@
|
|
|
901
737
|
aria-label=${this.label?this.label:"create new element"}>
|
|
902
738
|
<div
|
|
903
739
|
id="plus"
|
|
904
|
-
style=${
|
|
740
|
+
style=${ge({left:this.vertical?"":this._position+"px",top:this.vertical?this._position+"px":""})}>
|
|
905
741
|
<svg
|
|
906
742
|
id="plus-icon"
|
|
907
743
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -911,7 +747,7 @@
|
|
|
911
747
|
</svg>
|
|
912
748
|
</div>
|
|
913
749
|
</button>
|
|
914
|
-
`}};ct.styles=[
|
|
750
|
+
`}};ct.styles=[Dc,h`
|
|
915
751
|
:host {
|
|
916
752
|
display: flex;
|
|
917
753
|
position: relative;
|
|
@@ -965,7 +801,7 @@
|
|
|
965
801
|
:host(:focus) #button-wrapper:before,
|
|
966
802
|
:host(:focus-within) #button-wrapper:before,
|
|
967
803
|
:host(:hover) #button-wrapper:before {
|
|
968
|
-
animation: ${
|
|
804
|
+
animation: ${Lc};
|
|
969
805
|
background-color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
970
806
|
border-color: var(--uui-color-surface,#fff) !important;
|
|
971
807
|
}
|
|
@@ -1061,19 +897,19 @@
|
|
|
1061
897
|
#button-wrapper:active #plus {
|
|
1062
898
|
transform: scale(1.1);
|
|
1063
899
|
}
|
|
1064
|
-
`],
|
|
900
|
+
`],ni([f()],ct.prototype,"_position",2),ni([a({type:String})],ct.prototype,"label",2),ni([a({type:Boolean,reflect:!0})],ct.prototype,"vertical",2),ct=ni([p("uui-button-inline-create")],ct);class Bc{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 m=(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)},dn=(t,e)=>{function r(i){const s=t.getBoundingClientRect(),n=t.ownerDocument.defaultView,u=s.left+n.pageXOffset,c=s.top+n.pageYOffset,d=i.pageX-u,x=i.pageY-c;e?.onMove&&e.onMove(d,x)}function o(){document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",o),e?.onStop&&e.onStop()}document.addEventListener("pointermove",r,{passive:!0}),document.addEventListener("pointerup",o),e?.initialEvent&&r(e.initialEvent)},D=(t,e,r)=>Math.min(Math.max(t,e),r),pn=(t,e,r)=>r+e-t,ai=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
1065
901
|
<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"/>
|
|
1066
|
-
</svg>`,
|
|
902
|
+
</svg>`,Rc=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>`,Fc=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>`,Gc=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>`,vn=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>`,qc=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>`,Wc=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>`,Kc=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>`,fn=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
1067
903
|
<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"/>
|
|
1068
904
|
</svg>`;/**
|
|
1069
905
|
* @license
|
|
1070
906
|
* Copyright 2018 Google LLC
|
|
1071
907
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1072
|
-
*/const L=t=>t??E;var
|
|
908
|
+
*/const L=t=>t??E;var Xc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,me=(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&&Xc(e,r,i),i};let W=class extends fe(ve("",v)){constructor(){super(),this.type="button",this.disabled=!1,this.look="default",this.color="default",this.compact=!1,this.state=void 0,this.addEventListener("click",this._onHostClick)}getFormElement(){return this._button}_onHostClick(t){var e;if(this.disabled){t.preventDefault(),t.stopImmediatePropagation();return}if((e=this._internals)!=null&&e.form)switch(this.type){case"reset":this._internals.form.reset();break;case"button":break;default:this._internals.form.requestSubmit?this._internals.form.requestSubmit():this._internals.form.dispatchEvent(new SubmitEvent("submit"));break}}updated(t){super.updated(t),t.has("state")&&(clearTimeout(this._resetStateTimeout),(this.state==="success"||this.state==="failed")&&(this._resetStateTimeout=setTimeout(()=>this.state=void 0,2e3)))}renderState(){let t=l``;switch(this.state){case"waiting":m(this,"uui-loader-circle"),t=l`<uui-loader-circle id="loader"></uui-loader-circle>`;break;case"success":m(this,"uui-icon"),t=l`<uui-icon
|
|
1073
909
|
name="check"
|
|
1074
|
-
.fallback=${
|
|
910
|
+
.fallback=${ai.strings[0]}></uui-icon>`;break;case"failed":m(this,"uui-icon"),t=l`<uui-icon
|
|
1075
911
|
name="wrong"
|
|
1076
|
-
.fallback=${
|
|
912
|
+
.fallback=${fn.strings[0]}></uui-icon>`;break;default:return""}return l`<div id="state">${t}</div>`}render(){return this.href?l`
|
|
1077
913
|
<a
|
|
1078
914
|
id="button"
|
|
1079
915
|
aria-label=${this.label}
|
|
@@ -1091,7 +927,7 @@
|
|
|
1091
927
|
${this.renderState()} ${this.renderLabel()}
|
|
1092
928
|
<slot name="extra"></slot>
|
|
1093
929
|
</button>
|
|
1094
|
-
`}};W.styles=[
|
|
930
|
+
`}};W.styles=[ii,h`
|
|
1095
931
|
:host {
|
|
1096
932
|
position: relative;
|
|
1097
933
|
display: inline-flex;
|
|
@@ -1179,7 +1015,7 @@
|
|
|
1179
1015
|
}
|
|
1180
1016
|
button[disabled]:active,
|
|
1181
1017
|
a:not([href]):active {
|
|
1182
|
-
animation: ${
|
|
1018
|
+
animation: ${oi};
|
|
1183
1019
|
}
|
|
1184
1020
|
#icon-check,
|
|
1185
1021
|
#icon-wrong {
|
|
@@ -1394,7 +1230,7 @@
|
|
|
1394
1230
|
var(--color-standalone)
|
|
1395
1231
|
);
|
|
1396
1232
|
}
|
|
1397
|
-
`],
|
|
1233
|
+
`],me([a({type:String,reflect:!0})],W.prototype,"type",2),me([a({type:Boolean,reflect:!0})],W.prototype,"disabled",2),me([a({reflect:!0})],W.prototype,"look",2),me([a({reflect:!0})],W.prototype,"color",2),me([a({type:Boolean,reflect:!0})],W.prototype,"compact",2),me([a({type:String,reflect:!0})],W.prototype,"state",2),me([a({type:String})],W.prototype,"href",2),me([a({type:String})],W.prototype,"target",2),me([C("#button")],W.prototype,"_button",2),W=me([p("uui-button")],W);class Ut extends O{}Ut.OPEN="open";var Zc=Object.defineProperty,Qc=Object.getOwnPropertyDescriptor,lo=(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 J=class extends Jr(St(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){this.disabled||(t.stopPropagation(),this.dispatchEvent(new Ut(Ut.OPEN)))}handleOpenKeydown(t){this.disabled||t.key==="Enter"&&(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Ut(Ut.OPEN)))}};J.styles=[h`
|
|
1398
1234
|
:host {
|
|
1399
1235
|
position: relative;
|
|
1400
1236
|
display: flex;
|
|
@@ -1473,7 +1309,7 @@
|
|
|
1473
1309
|
:host([select-only]) ::slotted(*) {
|
|
1474
1310
|
pointer-events: none;
|
|
1475
1311
|
}
|
|
1476
|
-
`],
|
|
1312
|
+
`],lo([a({type:Boolean,reflect:!0,attribute:"disabled"})],J.prototype,"disabled",2),lo([a({type:Boolean,reflect:!0})],J.prototype,"error",2),J=lo([p("uui-card")],J);var Jc=Object.defineProperty,eh=Object.getOwnPropertyDescriptor,uo=(t,e,r,o)=>{for(var i=o>1?void 0:o?eh(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&&Jc(e,r,i),i};let Dt=class extends J{constructor(){super(...arguments),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 m(this,"uui-icon"),l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
1477
1313
|
<div
|
|
1478
1314
|
id="open-part"
|
|
1479
1315
|
tabindex=${this.disabled?E:0}
|
|
@@ -1559,14 +1395,14 @@
|
|
|
1559
1395
|
#name {
|
|
1560
1396
|
margin-top: 4px;
|
|
1561
1397
|
}
|
|
1562
|
-
`],
|
|
1398
|
+
`],uo([a({type:String})],Dt.prototype,"name",2),uo([f()],Dt.prototype,"_iconSlotHasContent",2),Dt=uo([p("uui-card-content-node")],Dt);var th=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,ih=(t,e,r,o)=>{for(var i=o>1?void 0:o?rh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&th(e,r,i),i};let li=class extends v{render(){return l`<svg
|
|
1563
1399
|
xmlns="http://www.w3.org/2000/svg"
|
|
1564
1400
|
viewBox="0 0 512 512"
|
|
1565
1401
|
width="100%"
|
|
1566
1402
|
id="icon">
|
|
1567
1403
|
<path
|
|
1568
1404
|
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" />
|
|
1569
|
-
</svg> `}};
|
|
1405
|
+
</svg> `}};li.styles=[h`
|
|
1570
1406
|
:host {
|
|
1571
1407
|
display: block;
|
|
1572
1408
|
box-sizing: border-box;
|
|
@@ -1577,7 +1413,7 @@
|
|
|
1577
1413
|
#icon {
|
|
1578
1414
|
fill: var(--uui-color-border,#d8d7d9);
|
|
1579
1415
|
}
|
|
1580
|
-
`],
|
|
1416
|
+
`],li=ih([p("uui-symbol-folder")],li);var oh=Object.defineProperty,sh=Object.getOwnPropertyDescriptor,bn=(t,e,r,o)=>{for(var i=o>1?void 0:o?sh(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&&oh(e,r,i),i};let cr=class extends v{constructor(){super(...arguments),this.type=""}render(){return l`<svg
|
|
1581
1417
|
xmlns="http://www.w3.org/2000/svg"
|
|
1582
1418
|
viewBox="0 0 512 512"
|
|
1583
1419
|
width="100%"
|
|
@@ -1585,7 +1421,7 @@
|
|
|
1585
1421
|
<path
|
|
1586
1422
|
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" />
|
|
1587
1423
|
</svg>
|
|
1588
|
-
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};
|
|
1424
|
+
${this.type?l`<span id="file-type">${this.type.toUpperCase()}</span>`:""} `}};cr.styles=[h`
|
|
1589
1425
|
:host {
|
|
1590
1426
|
position: relative;
|
|
1591
1427
|
display: block;
|
|
@@ -1608,7 +1444,7 @@
|
|
|
1608
1444
|
#icon {
|
|
1609
1445
|
fill: var(--uui-color-border-standalone,#c2c2c2);
|
|
1610
1446
|
}
|
|
1611
|
-
`],
|
|
1447
|
+
`],bn([a({type:String})],cr.prototype,"type",2),cr=bn([p("uui-symbol-file")],cr);var nh=Object.defineProperty,ah=Object.getOwnPropertyDescriptor,ui=(t,e,r,o)=>{for(var i=o>1?void 0:o?ah(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};let ht=class extends J{constructor(){super(...arguments),this.name="",this.fileExt="",this.hasPreview=!1}connectedCallback(){super.connectedCallback(),m(this,"uui-symbol-folder"),m(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
|
|
1612
1448
|
id="file-symbol"
|
|
1613
1449
|
type="${this.fileExt}"></uui-symbol-file>`}render(){return l` ${this.renderMedia()}
|
|
1614
1450
|
<slot @slotchange=${this.queryPreviews}></slot>
|
|
@@ -1726,7 +1562,7 @@
|
|
|
1726
1562
|
height: var(--uui-size-8);
|
|
1727
1563
|
}
|
|
1728
1564
|
*/
|
|
1729
|
-
`],
|
|
1565
|
+
`],ui([a({type:String})],ht.prototype,"name",2),ui([a({type:String,attribute:"file-ext"})],ht.prototype,"fileExt",2),ui([f()],ht.prototype,"hasPreview",2),ht=ui([p("uui-card-media")],ht);var lh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,gn=(t,e,r,o)=>{for(var i=o>1?void 0:o?uh(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&lh(e,r,i),i};let hr=class extends J{constructor(){super(...arguments),this.name=""}connectedCallback(){super.connectedCallback(),m(this,"uui-avatar")}render(){return l`
|
|
1730
1566
|
<uui-avatar id="avatar" name=${this.name} size="m"></uui-avatar>
|
|
1731
1567
|
<div
|
|
1732
1568
|
id="open-part"
|
|
@@ -1738,7 +1574,7 @@
|
|
|
1738
1574
|
<slot></slot>
|
|
1739
1575
|
<slot name="tag"></slot>
|
|
1740
1576
|
<slot name="actions"></slot>
|
|
1741
|
-
`}};
|
|
1577
|
+
`}};hr.styles=[...J.styles,h`
|
|
1742
1578
|
:host {
|
|
1743
1579
|
min-width: 250px;
|
|
1744
1580
|
flex-direction: column;
|
|
@@ -1810,9 +1646,9 @@
|
|
|
1810
1646
|
text-decoration: underline;
|
|
1811
1647
|
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
1812
1648
|
}
|
|
1813
|
-
`],
|
|
1649
|
+
`],gn([a({type:String})],hr.prototype,"name",2),hr=gn([p("uui-card-user")],hr);var ch=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,mn=(t,e,r,o)=>{for(var i=o>1?void 0:o?hh(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&&ch(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">
|
|
1814
1650
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
1815
|
-
</svg>`}};
|
|
1651
|
+
</svg>`}};dr.styles=[h`
|
|
1816
1652
|
:host {
|
|
1817
1653
|
display: inline-block;
|
|
1818
1654
|
width: 12px;
|
|
@@ -1828,11 +1664,11 @@
|
|
|
1828
1664
|
:host([open]) svg {
|
|
1829
1665
|
transform: rotate(180deg);
|
|
1830
1666
|
}
|
|
1831
|
-
`],
|
|
1667
|
+
`],mn([a({type:Boolean,reflect:!0})],dr.prototype,"open",2),dr=mn([p("uui-caret")],dr);var dh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,vh=(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};let pr=class extends be{renderCheckbox(){return l`
|
|
1832
1668
|
<div id="ticker">
|
|
1833
|
-
<div id="icon-check">${
|
|
1669
|
+
<div id="icon-check">${ai}</div>
|
|
1834
1670
|
</div>
|
|
1835
|
-
`}};
|
|
1671
|
+
`}};pr.formAssociated=!0,pr.styles=[...be.styles,ii,h`
|
|
1836
1672
|
:host {
|
|
1837
1673
|
--uui-checkbox-size: 18px;
|
|
1838
1674
|
}
|
|
@@ -1968,32 +1804,32 @@
|
|
|
1968
1804
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1969
1805
|
}
|
|
1970
1806
|
:host([disabled]) label:active #ticker {
|
|
1971
|
-
animation: ${
|
|
1807
|
+
animation: ${oi};
|
|
1972
1808
|
}
|
|
1973
1809
|
:host([disabled]) input:checked + #ticker #icon-check {
|
|
1974
1810
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
1975
1811
|
}
|
|
1976
|
-
`],
|
|
1812
|
+
`],pr=vh([p("uui-checkbox")],pr);/**
|
|
1977
1813
|
* @license
|
|
1978
1814
|
* Copyright 2018 Google LLC
|
|
1979
1815
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1980
|
-
*/const
|
|
1816
|
+
*/const ci=It(class extends At{constructor(t){var e;if(super(t),t.type!==ae.ATTRIBUTE||t.name!=="class"||((e=t.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var r,o;if(this.it===void 0){this.it=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(s=>s!=="")));for(const s in e)e[s]&&!(!((r=this.nt)===null||r===void 0)&&r.has(s))&&this.it.add(s);return this.render(e)}const i=t.element.classList;this.it.forEach(s=>{s in e||(i.remove(s),this.it.delete(s))});for(const s in e){const n=!!e[s];n===this.it.has(s)||!((o=this.nt)===null||o===void 0)&&o.has(s)||(n?(i.add(s),this.it.add(s)):(i.remove(s),this.it.delete(s)))}return F}});var fh={grad:.9,turn:360,rad:360/(2*Math.PI)},Ce=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},N=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ee=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},_n=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},yn=function(t){return{r:ee(t.r,0,255),g:ee(t.g,0,255),b:ee(t.b,0,255),a:ee(t.a)}},co=function(t){return{r:N(t.r),g:N(t.g),b:N(t.b),a:N(t.a,3)}},bh=/^#([0-9a-f]{3,8})$/i,hi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},wn=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}},xn=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),d=s%6;return{r:255*[o,u,n,n,c,o][d],g:255*[c,o,o,u,n,n][d],b:255*[n,n,c,o,o,u][d],a:i}},$n=function(t){return{h:_n(t.h),s:ee(t.s,0,100),l:ee(t.l,0,100),a:ee(t.a)}},En=function(t){return{h:N(t.h),s:N(t.s),l:N(t.l),a:N(t.a,3)}},Pn=function(t){return xn((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=wn(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},gh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,mh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,_h=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,yh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Cn={string:[[function(t){var e=bh.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=_h.exec(t)||yh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:yn({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=gh.exec(t)||mh.exec(t);if(!e)return null;var r,o,i=$n({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(fh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Pn(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 Ce(e)&&Ce(r)&&Ce(o)?yn({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(!Ce(e)||!Ce(r)||!Ce(o))return null;var n=$n({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Pn(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!Ce(e)||!Ce(r)||!Ce(o))return null;var n=function(u){return{h:_n(u.h),s:ee(u.s,0,100),v:ee(u.v,0,100),a:ee(u.a)}}({h:Number(e),s:Number(r),v:Number(o),a:Number(s)});return xn(n)},"hsv"]]},On=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]},wh=function(t){return typeof t=="string"?On(t.trim(),Cn.string):typeof t=="object"&&t!==null?On(t,Cn.object):[null,void 0]},ho=function(t,e){var r=vr(t);return{h:r.h,s:ee(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},Sn=function(t,e){var r=vr(t);return{h:r.h,s:r.s,l:ee(r.l+100*e,0,100),a:r.a}},kn=function(){function t(e){this.parsed=wh(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(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=co(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?hi(N(255*s)):"","#"+hi(r)+hi(o)+hi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return co(this.rgba)},t.prototype.toRgbString=function(){return e=co(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 En(vr(this.rgba))},t.prototype.toHslString=function(){return e=En(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=wn(this.rgba),{h:N(e.h),s:N(e.s),v:N(e.v),a:N(e.a,3)};var e},t.prototype.invert=function(){return te({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),te(ho(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),te(ho(this.rgba,-e))},t.prototype.grayscale=function(){return te(ho(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),te(Sn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),te(Sn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?te({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):N(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=vr(this.rgba);return typeof e=="number"?te({h:e,s:r.s,l:r.l,a:r.a}):N(r.h)},t.prototype.isEqual=function(e){return this.toHex()===te(e).toHex()},t}(),te=function(t){return t instanceof kn?t:new kn(t)},xh=Object.defineProperty,zn=Object.getOwnPropertySymbols,$h=Object.prototype.hasOwnProperty,Eh=Object.prototype.propertyIsEnumerable,In=(t,e,r)=>e in t?xh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,An=(t,e)=>{for(var r in e||(e={}))$h.call(e,r)&&In(t,r,e[r]);if(zn)for(var r of zn(e))Eh.call(e,r)&&In(t,r,e[r]);return t};class di extends O{constructor(e,r={}){super(e,An(An({},{bubbles:!0}),r))}}di.CHANGE="change";var Ph=Object.defineProperty,Ch=Object.getOwnPropertyDescriptor,Oe=(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&&Ph(e,r,i),i};let re=class extends v{constructor(){super(...arguments),this.isDraggingGridHandle=!1,this.hue=0,this.saturation=0,this.lightness=0,this.brightness=0,this.alpha=100,this._value="#000",this.disabled=!1}get value(){return this._value}set value(t){const e=this._value;this._value=t,this.requestUpdate("value",e);try{const r=te(t);if(r.isValid()){const{h:o,s:i,l:s}=r.toHsl();this.hue=o,this.saturation=i,this.lightness=s,this.brightness=this.getBrightness(s)}}catch(r){console.error("Something went wrong parsing the color string.",r)}}handleGridDrag(t){if(this.disabled)return;const e=this.shadowRoot.querySelector(".color-area"),r=e.querySelector(".color-area__handle"),{width:o,height:i}=e.getBoundingClientRect();r.focus(),t.preventDefault(),t.stopPropagation(),this.isDraggingGridHandle=!0,dn(e,{onMove:(s,n)=>{this.saturation=D(s/o*100,0,100),this.brightness=D(100-n/i*100,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()},onStop:()=>this.isDraggingGridHandle=!1,initialEvent:t})}handleGridKeyDown(t){if(this.disabled)return;const e=t.shiftKey?10:1;t.key==="ArrowLeft"&&(t.preventDefault(),this.saturation=D(this.saturation-e,0,100),this.syncValues()),t.key==="ArrowRight"&&(t.preventDefault(),this.saturation=D(this.saturation+e,0,100),this.syncValues()),t.key==="ArrowUp"&&(t.preventDefault(),this.brightness=D(this.brightness+e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues()),t.key==="ArrowDown"&&(t.preventDefault(),this.brightness=D(this.brightness-e,0,100),this.lightness=this.getLightness(this.brightness),this.syncValues())}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}syncValues(){const t=te({h:this.hue,s:this.saturation,l:this.lightness,a:this.alpha/100});this._value=t.toRgbString(),this.dispatchEvent(new di(di.CHANGE))}getHexString(t,e,r,o=100){const i=te(`hsla(${t}, ${e}%, ${r}%, ${o/100})`);return i.isValid()?i.toHex():""}render(){const t=this.saturation,e=100-this.brightness;return l`
|
|
1981
1817
|
<div
|
|
1982
1818
|
part="grid"
|
|
1983
1819
|
class="color-area"
|
|
1984
|
-
style=${
|
|
1820
|
+
style=${ge({backgroundColor:this.getHexString(this.hue,100,50)})}
|
|
1985
1821
|
@mousedown=${this.handleGridDrag}
|
|
1986
1822
|
@touchstart=${this.handleGridDrag}>
|
|
1987
1823
|
<span
|
|
1988
1824
|
part="grid-handle"
|
|
1989
|
-
class=${
|
|
1990
|
-
style=${
|
|
1825
|
+
class=${ci({"color-area__handle":!0,"color-area__handle--dragging":this.isDraggingGridHandle})}
|
|
1826
|
+
style=${ge({top:`${e}%`,left:`${t}%`,backgroundColor:this.getHexString(this.hue,this.saturation,this.lightness,this.alpha)})}
|
|
1991
1827
|
role="application"
|
|
1992
1828
|
tabindex=${L(this.disabled?void 0:"0")}
|
|
1993
1829
|
aria-label="HSB"
|
|
1994
1830
|
@keydown=${this.handleGridKeyDown}></span>
|
|
1995
1831
|
</div>
|
|
1996
|
-
`}};
|
|
1832
|
+
`}};re.styles=[h`
|
|
1997
1833
|
:host {
|
|
1998
1834
|
display: inline-block;
|
|
1999
1835
|
width: 280px;
|
|
@@ -2043,17 +1879,17 @@
|
|
|
2043
1879
|
.color-area__handle--empty {
|
|
2044
1880
|
display: none;
|
|
2045
1881
|
}
|
|
2046
|
-
`],
|
|
1882
|
+
`],Oe([f()],re.prototype,"isDraggingGridHandle",2),Oe([a({type:Number})],re.prototype,"hue",2),Oe([a({type:Number})],re.prototype,"saturation",2),Oe([a({type:Number})],re.prototype,"lightness",2),Oe([a({type:Number})],re.prototype,"brightness",2),Oe([a({type:Number})],re.prototype,"alpha",2),Oe([a({type:String})],re.prototype,"value",1),Oe([a({type:Boolean,reflect:!0})],re.prototype,"disabled",2),re=Oe([p("uui-color-area")],re);/**
|
|
2047
1883
|
* @license
|
|
2048
1884
|
* Copyright 2020 Google LLC
|
|
2049
1885
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2050
|
-
*/const{I:
|
|
1886
|
+
*/const{I:Oh}=Il,Un=t=>t.strings===void 0,Dn=()=>document.createComment(""),fr=(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(Dn(),s),u=i.insertBefore(Dn(),s);r=new Oh(n,u,t,t.options)}else{const n=r._$AB.nextSibling,u=r._$AM,c=u!==t;if(c){let d;(o=r._$AQ)===null||o===void 0||o.call(r,t),r._$AM=t,r._$AP!==void 0&&(d=t._$AU)!==u._$AU&&r._$AP(d)}if(n!==s||c){let d=r._$AA;for(;d!==n;){const x=d.nextSibling;i.insertBefore(d,s),d=x}}}return r},dt=(t,e,r=t)=>(t._$AI(e,r),t),Sh={},Ln=(t,e=Sh)=>t._$AH=e,kh=t=>t._$AH,vo=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}};/**
|
|
2051
1887
|
* @license
|
|
2052
1888
|
* Copyright 2020 Google LLC
|
|
2053
1889
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2054
|
-
*/const Ah=It(class extends At{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(!An(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===E)return e;const i=t.element,o=t.name;if(t.type===le.PROPERTY){if(e===i[o])return F}else if(t.type===le.BOOLEAN_ATTRIBUTE){if(!!e===i.hasAttribute(o))return F}else if(t.type===le.ATTRIBUTE&&i.getAttribute(o)===e+"")return F;return Dn(t),e}});var Uh={grad:.9,turn:360,rad:360/(2*Math.PI)},ke=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=Math.pow(10,e)),Math.round(i*t)/i+0},re=function(t,e,i){return e===void 0&&(e=0),i===void 0&&(i=1),t>i?i:t>e?t:e},Ln=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Nn=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)}},vo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Dh=/^#([0-9a-f]{3,8})$/i,dr=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Hn=function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=Math.max(e,i,o),n=s-Math.min(e,i,o),u=n?s===e?(i-o)/n:s===i?2+(o-e)/n:4+(e-i)/n:0;return{h:60*(u<0?u+6:u),s:s?n/s*100:0,v:s/255*100,a:r}},Tn=function(t){var e=t.h,i=t.s,o=t.v,r=t.a;e=e/360*6,i/=100,o/=100;var s=Math.floor(e),n=o*(1-i),u=o*(1-(e-s)*i),c=o*(1-(1-e+s)*i),d=s%6;return{r:255*[o,u,n,n,c,o][d],g:255*[c,o,o,u,n,n][d],b:255*[n,n,c,o,o,u][d],a:r}},Mn=function(t){return{h:Ln(t.h),s:re(t.s,0,100),l:re(t.l,0,100),a:re(t.a)}},jn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Vn=function(t){return Tn((i=(e=t).s,{h:e.h,s:(i*=((o=e.l)<50?o:100-o)/100)>0?2*i/(o+i)*100:0,v:o+i,a:e.a}));var e,i,o},bi=function(t){return{h:(e=Hn(t)).h,s:(r=(200-(i=e.s))*(o=e.v)/100)>0&&r<200?i*o/100/(r<=100?r:200-r)*100:0,l:r/2,a:e.a};var e,i,o,r},Lh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Nh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Hh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Th=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,fo={string:[[function(t){var e=Dh.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Hh.exec(t)||Th.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Nn({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=Lh.exec(t)||Nh.exec(t);if(!e)return null;var i,o,r=Mn({h:(i=e[1],o=e[2],o===void 0&&(o="deg"),Number(i)*(Uh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Vn(r)},"hsl"]],object:[[function(t){var e=t.r,i=t.g,o=t.b,r=t.a,s=r===void 0?1:r;return ke(e)&&ke(i)&&ke(o)?Nn({r:Number(e),g:Number(i),b:Number(o),a:Number(s)}):null},"rgb"],[function(t){var e=t.h,i=t.s,o=t.l,r=t.a,s=r===void 0?1:r;if(!ke(e)||!ke(i)||!ke(o))return null;var n=Mn({h:Number(e),s:Number(i),l:Number(o),a:Number(s)});return Vn(n)},"hsl"],[function(t){var e=t.h,i=t.s,o=t.v,r=t.a,s=r===void 0?1:r;if(!ke(e)||!ke(i)||!ke(o))return null;var n=function(u){return{h:Ln(u.h),s:re(u.s,0,100),v:re(u.v,0,100),a:re(u.a)}}({h:Number(e),s:Number(i),v:Number(o),a:Number(s)});return Tn(n)},"hsv"]]},Bn=function(t,e){for(var i=0;i<e.length;i++){var o=e[i][0](t);if(o)return[o,e[i][1]]}return[null,void 0]},Mh=function(t){return typeof t=="string"?Bn(t.trim(),fo.string):typeof t=="object"&&t!==null?Bn(t,fo.object):[null,void 0]},bo=function(t,e){var i=bi(t);return{h:i.h,s:re(i.s+100*e,0,100),l:i.l,a:i.a}},go=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Rn=function(t,e){var i=bi(t);return{h:i.h,s:i.s,l:re(i.l+100*e,0,100),a:i.a}},pr=function(){function t(e){this.parsed=Mh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(go(this.rgba),2)},t.prototype.isDark=function(){return go(this.rgba)<.5},t.prototype.isLight=function(){return go(this.rgba)>=.5},t.prototype.toHex=function(){return e=vo(this.rgba),i=e.r,o=e.g,r=e.b,n=(s=e.a)<1?dr(H(255*s)):"","#"+dr(i)+dr(o)+dr(r)+n;var e,i,o,r,s,n},t.prototype.toRgb=function(){return vo(this.rgba)},t.prototype.toRgbString=function(){return e=vo(this.rgba),i=e.r,o=e.g,r=e.b,(s=e.a)<1?"rgba("+i+", "+o+", "+r+", "+s+")":"rgb("+i+", "+o+", "+r+")";var e,i,o,r,s},t.prototype.toHsl=function(){return jn(bi(this.rgba))},t.prototype.toHslString=function(){return e=jn(bi(this.rgba)),i=e.h,o=e.s,r=e.l,(s=e.a)<1?"hsla("+i+", "+o+"%, "+r+"%, "+s+")":"hsl("+i+", "+o+"%, "+r+"%)";var e,i,o,r,s},t.prototype.toHsv=function(){return e=Hn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return 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(bo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),ye(bo(this.rgba,-e))},t.prototype.grayscale=function(){return ye(bo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),ye(Rn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),ye(Rn(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:(i=this.rgba).r,g:i.g,b:i.b,a:e}):H(this.rgba.a,3);var i},t.prototype.hue=function(e){var i=bi(this.rgba);return typeof e=="number"?ye({h:e,s:i.s,l:i.l,a:i.a}):H(i.h)},t.prototype.isEqual=function(e){return this.toHex()===ye(e).toHex()},t}(),ye=function(t){return t instanceof pr?t:new pr(t)},Fn=[],jh=function(t){t.forEach(function(e){Fn.indexOf(e)<0&&(e(pr,fo),Fn.push(e))})};function Vh(t,e){var i={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},o={};for(var r in i)o[i[r]]=r;var s={};t.prototype.toName=function(n){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var u,c,d=o[this.toHex()];if(d)return d;if(n?.closest){var w=this.toRgb(),_=1/0,b="black";if(!s.length)for(var y in i)s[y]=new t(i[y]).toRgb();for(var x in i){var $=(u=w,c=s[x],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));$<_&&(_=$,b=x)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":i[u];return c?new t(c).toRgb():null},"name"])}var Bh=Object.defineProperty,Gn=Object.getOwnPropertySymbols,Rh=Object.prototype.hasOwnProperty,Fh=Object.prototype.propertyIsEnumerable,qn=(t,e,i)=>e in t?Bh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,Wn=(t,e)=>{for(var i in e||(e={}))Rh.call(e,i)&&qn(t,i,e[i]);if(Gn)for(var i of Gn(e))Fh.call(e,i)&&qn(t,i,e[i]);return t};class vr extends O{constructor(e,i={}){super(e,Wn(Wn({},{bubbles:!0}),i))}}vr.CHANGE="change";var Gh=Object.defineProperty,qh=Object.getOwnPropertyDescriptor,I=(t,e,i,o)=>{for(var r=o>1?void 0:o?qh(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Gh(e,i,r),r};jh([Vh]);const Kn="EyeDropper"in window;let S=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"),m(this,"uui-icon"),m(this,"uui-icon-registry-essential"),m(this,"uui-input"),m(this,"uui-button"),m(this,"uui-button-group"),m(this,"uui-popover"),m(this,"uui-color-swatches"),m(this,"uui-color-swatch"),m(this,"uui-color-area"),m(this,"uui-color-slider")}getFormattedValue(t){const e=this.opacity?`${t}a`:t,{h:i,l:o,s:r}=this._colord.toHsl(),{r:s,g:n,b:u}=this._colord.toRgb(),c=this.setLetterCase(this._colord.toHex()),d=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return d;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${i} ${r} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const i=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(i.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const i=t.target,o={h:this.hue,s:i.saturation,l:i.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const i=t.target;i.value?(this.setColor(i.value),i.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,i=e.nextElementSibling;i.open=!i?.open,e.setAttribute("aria-expanded",i.open.toString())}closeColorPicker(t){const i=t.target.previousElementSibling;i&&i.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!Kn)return;new EyeDropper().open().then(e=>this.setColor(e.sRGBHex)).catch(()=>{})}setColor(t){this._colord=new pr(t);const{h:e,l:i,s:o,a:r}=this._colord.toHsl();return this.hue=e,this.saturation=o,this.lightness=i,this.alpha=this.opacity?r*100:100,this._syncValues(),this.dispatchEvent(new vr(vr.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`
|
|
1890
|
+
*/const zh=It(class extends At{constructor(t){if(super(t),t.type!==ae.PROPERTY&&t.type!==ae.ATTRIBUTE&&t.type!==ae.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!Un(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===F||e===E)return e;const r=t.element,o=t.name;if(t.type===ae.PROPERTY){if(e===r[o])return F}else if(t.type===ae.BOOLEAN_ATTRIBUTE){if(!!e===r.hasAttribute(o))return F}else if(t.type===ae.ATTRIBUTE&&r.getAttribute(o)===e+"")return F;return Ln(t),e}});var Ih={grad:.9,turn:360,rad:360/(2*Math.PI)},Se=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},H=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=Math.pow(10,e)),Math.round(r*t)/r+0},ie=function(t,e,r){return e===void 0&&(e=0),r===void 0&&(r=1),t>r?r:t>e?t:e},Nn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},Hn=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)}},fo=function(t){return{r:H(t.r),g:H(t.g),b:H(t.b),a:H(t.a,3)}},Ah=/^#([0-9a-f]{3,8})$/i,pi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},Mn=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}},Tn=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),d=s%6;return{r:255*[o,u,n,n,c,o][d],g:255*[c,o,o,u,n,n][d],b:255*[n,n,c,o,o,u][d],a:i}},jn=function(t){return{h:Nn(t.h),s:ie(t.s,0,100),l:ie(t.l,0,100),a:ie(t.a)}},Vn=function(t){return{h:H(t.h),s:H(t.s),l:H(t.l),a:H(t.a,3)}},Bn=function(t){return Tn((r=(e=t).s,{h:e.h,s:(r*=((o=e.l)<50?o:100-o)/100)>0?2*r/(o+r)*100:0,v:o+r,a:e.a}));var e,r,o},br=function(t){return{h:(e=Mn(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},Uh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Dh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Lh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Nh=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,bo={string:[[function(t){var e=Ah.exec(t);return e?(t=e[1]).length<=4?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:t.length===4?H(parseInt(t[3]+t[3],16)/255,2):1}:t.length===6||t.length===8?{r:parseInt(t.substr(0,2),16),g:parseInt(t.substr(2,2),16),b:parseInt(t.substr(4,2),16),a:t.length===8?H(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=Lh.exec(t)||Nh.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:Hn({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=Uh.exec(t)||Dh.exec(t);if(!e)return null;var r,o,i=jn({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Ih[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return Bn(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)?Hn({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=jn({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return Bn(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:Nn(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 Tn(n)},"hsv"]]},Rn=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]},Hh=function(t){return typeof t=="string"?Rn(t.trim(),bo.string):typeof t=="object"&&t!==null?Rn(t,bo.object):[null,void 0]},go=function(t,e){var r=br(t);return{h:r.h,s:ie(r.s+100*e,0,100),l:r.l,a:r.a}},mo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},Fn=function(t,e){var r=br(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=Hh(e)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return t.prototype.isValid=function(){return this.parsed!==null},t.prototype.brightness=function(){return H(mo(this.rgba),2)},t.prototype.isDark=function(){return mo(this.rgba)<.5},t.prototype.isLight=function(){return mo(this.rgba)>=.5},t.prototype.toHex=function(){return e=fo(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?pi(H(255*s)):"","#"+pi(r)+pi(o)+pi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return fo(this.rgba)},t.prototype.toRgbString=function(){return e=fo(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 Vn(br(this.rgba))},t.prototype.toHslString=function(){return e=Vn(br(this.rgba)),r=e.h,o=e.s,i=e.l,(s=e.a)<1?"hsla("+r+", "+o+"%, "+i+"%, "+s+")":"hsl("+r+", "+o+"%, "+i+"%)";var e,r,o,i,s},t.prototype.toHsv=function(){return e=Mn(this.rgba),{h:H(e.h),s:H(e.s),v:H(e.v),a:H(e.a,3)};var e},t.prototype.invert=function(){return _e({r:255-(e=this.rgba).r,g:255-e.g,b:255-e.b,a:e.a});var e},t.prototype.saturate=function(e){return e===void 0&&(e=.1),_e(go(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),_e(go(this.rgba,-e))},t.prototype.grayscale=function(){return _e(go(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),_e(Fn(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),_e(Fn(this.rgba,-e))},t.prototype.rotate=function(e){return e===void 0&&(e=15),this.hue(this.hue()+e)},t.prototype.alpha=function(e){return typeof e=="number"?_e({r:(r=this.rgba).r,g:r.g,b:r.b,a:e}):H(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=br(this.rgba);return typeof e=="number"?_e({h:e,s:r.s,l:r.l,a:r.a}):H(r.h)},t.prototype.isEqual=function(e){return this.toHex()===_e(e).toHex()},t}(),_e=function(t){return t instanceof vi?t:new vi(t)},Gn=[],Mh=function(t){t.forEach(function(e){Gn.indexOf(e)<0&&(e(vi,bo),Gn.push(e))})};function Th(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,d=o[this.toHex()];if(d)return d;if(n?.closest){var x=this.toRgb(),_=1/0,b="black";if(!s.length)for(var y in r)s[y]=new t(r[y]).toRgb();for(var w in r){var $=(u=x,c=s[w],Math.pow(u.r-c.r,2)+Math.pow(u.g-c.g,2)+Math.pow(u.b-c.b,2));$<_&&(_=$,b=w)}return b}},e.string.push([function(n){var u=n.toLowerCase(),c=u==="transparent"?"#0000":r[u];return c?new t(c).toRgb():null},"name"])}var jh=Object.defineProperty,qn=Object.getOwnPropertySymbols,Vh=Object.prototype.hasOwnProperty,Bh=Object.prototype.propertyIsEnumerable,Wn=(t,e,r)=>e in t?jh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Kn=(t,e)=>{for(var r in e||(e={}))Vh.call(e,r)&&Wn(t,r,e[r]);if(qn)for(var r of qn(e))Bh.call(e,r)&&Wn(t,r,e[r]);return t};class fi extends O{constructor(e,r={}){super(e,Kn(Kn({},{bubbles:!0}),r))}}fi.CHANGE="change";var Rh=Object.defineProperty,Fh=Object.getOwnPropertyDescriptor,I=(t,e,r,o)=>{for(var i=o>1?void 0:o?Fh(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&&Rh(e,r,i),i};Mh([Th]);const Xn="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"),m(this,"uui-icon"),m(this,"uui-icon-registry-essential"),m(this,"uui-input"),m(this,"uui-button"),m(this,"uui-button-group"),m(this,"uui-popover"),m(this,"uui-color-swatches"),m(this,"uui-color-swatch"),m(this,"uui-color-area"),m(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()),d=this.setLetterCase(c.length>7?c.substring(0,c.length-2):c);switch(e){case"hex":return d;case"hexa":return c;case"rgb":return`rgb(${s} ${n} ${u})`;case"rgba":return this._colord.toRgbString();case"hsl":return`hsl(${r} ${i} ${o})`;case"hsla":return this._colord.toHslString();default:return""}}getBrightness(t){return D(-1*(200*t/(this.saturation-200)),0,100)}getLightness(t){return D((200-this.saturation)*t/100*5/10,0,100)}handleFormatToggle(){const t=["hex","rgb","hsl"],e=(t.indexOf(this.format)+1)%t.length;this.format=t[e],this._syncValues()}handleAlphaChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:this.saturation,l:this.lightness,a:Math.round(r.value)/100};this.setColor(o)}handleHueChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const o={h:t.target.value,s:this.saturation,l:this.lightness,a:this.alpha/100};this.setColor(o)}handleGridChange(t){var e;t.stopPropagation(),(e=this._swatches)==null||e.resetSelection();const r=t.target,o={h:this.hue,s:r.saturation,l:r.lightness,a:this.alpha/100};this.setColor(o)}handleInputChange(t){var e;(e=this._swatches)==null||e.resetSelection();const r=t.target;r.value?(this.setColor(r.value),r.value=this.value):this.setColor("#000"),t.stopPropagation()}handleInputKeyDown(t){var e;t.key==="Enter"&&(this.inputValue?(this.setColor(this.inputValue),(e=this._swatches)==null||e.resetSelection(),this.inputValue=this.value,setTimeout(()=>this._input.select())):this.setColor("#000"))}handleColorSwatchChange(t){t.stopImmediatePropagation();const e=t.target;e.value?this.setColor(e.value):this.setColor("#000")}handleCopy(){navigator.clipboard.writeText(this._input.value).then(()=>{this._previewButton.classList.add("color-picker__preview-color--copied"),this._previewButton.addEventListener("animationend",()=>{this._previewButton.classList.remove("color-picker__preview-color--copied")})})}openColorPicker(t){t.stopImmediatePropagation();const e=t.target,r=e.nextElementSibling;r.open=!r?.open,e.setAttribute("aria-expanded",r.open.toString())}closeColorPicker(t){const r=t.target.previousElementSibling;r&&r.setAttribute("aria-expanded","false")}handleEyeDropper(){if(!Xn)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`
|
|
2055
1891
|
<div
|
|
2056
|
-
class=${
|
|
1892
|
+
class=${ci({"color-picker":!0,"color-picker--inline":this.inline,"color-picker--disabled":this.disabled})}
|
|
2057
1893
|
aria-disabled=${this.disabled?"true":"false"}>
|
|
2058
1894
|
<uui-color-area .value="${this.value}" @change=${this.handleGridChange}>
|
|
2059
1895
|
</uui-color-area>
|
|
@@ -2082,7 +1918,7 @@
|
|
|
2082
1918
|
class="color-picker__preview color-picker__transparent-bg"
|
|
2083
1919
|
title="Copy"
|
|
2084
1920
|
aria-label="Copy"
|
|
2085
|
-
style=${
|
|
1921
|
+
style=${ge({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
2086
1922
|
@click=${this.handleCopy}></button>
|
|
2087
1923
|
</div>
|
|
2088
1924
|
<div class="color-picker__user-input" aria-live="polite">
|
|
@@ -2094,7 +1930,7 @@
|
|
|
2094
1930
|
autocomplete="off"
|
|
2095
1931
|
autocapitalize="off"
|
|
2096
1932
|
spellcheck="false"
|
|
2097
|
-
.value=${
|
|
1933
|
+
.value=${zh(this.inputValue)}
|
|
2098
1934
|
?disabled=${this.disabled}
|
|
2099
1935
|
@keydown=${this.handleInputKeyDown}
|
|
2100
1936
|
@change=${this.handleInputChange}>
|
|
@@ -2109,7 +1945,7 @@
|
|
|
2109
1945
|
<span>${this.format}</span>
|
|
2110
1946
|
</uui-button>
|
|
2111
1947
|
`}
|
|
2112
|
-
${
|
|
1948
|
+
${Xn?l` <uui-button
|
|
2113
1949
|
label="Select a color"
|
|
2114
1950
|
compact
|
|
2115
1951
|
@click=${this.handleEyeDropper}>
|
|
@@ -2132,14 +1968,14 @@
|
|
|
2132
1968
|
type="button"
|
|
2133
1969
|
slot="trigger"
|
|
2134
1970
|
aria-label="${this.label||"Open Color picker"}"
|
|
2135
|
-
class=${
|
|
2136
|
-
style=${
|
|
1971
|
+
class=${ci({"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})}
|
|
1972
|
+
style=${ge({"--preview-color":`hsla(${this.hue}deg, ${this.saturation}%, ${this.lightness}%, ${this.alpha/100})`})}
|
|
2137
1973
|
@click=${this.openColorPicker}
|
|
2138
1974
|
aria-haspopup="true"
|
|
2139
1975
|
aria-expanded="false"></button>
|
|
2140
1976
|
<uui-popover placement="bottom-start" @close=${this.closeColorPicker}>
|
|
2141
1977
|
<div slot="popover">${this._renderColorPicker()}</div>
|
|
2142
|
-
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};
|
|
1978
|
+
</uui-popover>`}render(){return this.inline?this._renderColorPicker():this._renderPreviewButton()}};z.styles=[h`
|
|
2143
1979
|
:host {
|
|
2144
1980
|
--uui-look-outline-border: #ddd;
|
|
2145
1981
|
--uui-look-outline-border-hover: #aaa;
|
|
@@ -2279,7 +2115,7 @@
|
|
|
2279
2115
|
uui-color-area {
|
|
2280
2116
|
width: 100%;
|
|
2281
2117
|
}
|
|
2282
|
-
`],I([C('[part="input"]')],
|
|
2118
|
+
`],I([C('[part="input"]')],z.prototype,"_input",2),I([C(".color-picker__preview")],z.prototype,"_previewButton",2),I([C("#swatches")],z.prototype,"_swatches",2),I([f()],z.prototype,"inputValue",2),I([f()],z.prototype,"hue",2),I([f()],z.prototype,"saturation",2),I([f()],z.prototype,"lightness",2),I([f()],z.prototype,"alpha",2),I([f()],z.prototype,"_colord",2),I([a()],z.prototype,"value",2),I([a()],z.prototype,"format",2),I([a()],z.prototype,"name",2),I([a()],z.prototype,"size",2),I([a({attribute:"no-format-toggle",type:Boolean})],z.prototype,"noFormatToggle",2),I([a({type:Boolean,reflect:!0})],z.prototype,"inline",2),I([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2),I([a({type:Boolean})],z.prototype,"opacity",2),I([a({type:Boolean})],z.prototype,"uppercase",2),I([a({attribute:!1})],z.prototype,"swatches",2),z=I([p("uui-color-picker")],z);var Gh=Object.defineProperty,Yn=Object.getOwnPropertySymbols,qh=Object.prototype.hasOwnProperty,Wh=Object.prototype.propertyIsEnumerable,Zn=(t,e,r)=>e in t?Gh(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Qn=(t,e)=>{for(var r in e||(e={}))qh.call(e,r)&&Zn(t,r,e[r]);if(Yn)for(var r of Yn(e))Wh.call(e,r)&&Zn(t,r,e[r]);return t};class bi extends O{constructor(e,r={}){super(e,Qn(Qn({},{bubbles:!0}),r))}}bi.CHANGE="change";var Kh=Object.defineProperty,Xh=Object.getOwnPropertyDescriptor,ke=(t,e,r,o)=>{for(var i=o>1?void 0:o?Xh(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&&Kh(e,r,i),i};let oe=class extends ve("label",v){constructor(){super(...arguments),this.type="hue",this.color="",this.min=0,this.max=100,this.precision=1,this.vertical=!1,this.value=0,this.disabled=!1}willUpdate(t){t.has("type")&&(this.type==="hue"?(this.max=360,this.precision=1):this.type==="opacity"&&(this.max=100,this.precision=1))}firstUpdated(){this.container=this.shadowRoot.querySelector("#color-slider"),this.handle=this.container.querySelector("#color-slider__handle")}handleDrag(t){if(this.disabled||!this.container||!this.handle)return;const{width:e,height:r}=this.container.getBoundingClientRect();this.handle.focus(),t.preventDefault(),dn(this.container,{onMove:(o,i)=>{this.vertical?this.value=pn(D(i/r*this.max,this.min,this.max),this.min,this.max):this.value=D(o/e*this.max,this.min,this.max),this.syncValues()},initialEvent:t})}handleClick(t){this.disabled||(this.value=this.getValueFromMousePosition(t),this.syncValues())}handleKeyDown(t){const e=t.shiftKey?10:1;t.key==="ArrowLeft"?(t.preventDefault(),this.value=D(this.value-e,this.min,this.max),this.syncValues()):t.key==="ArrowRight"?(t.preventDefault(),this.value=D(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowUp"?(t.preventDefault(),this.value=D(this.value+e,this.min,this.max),this.syncValues()):t.key==="ArrowDown"?(t.preventDefault(),this.value=D(this.value-e,this.min,this.max),this.syncValues()):t.key==="Home"?(t.preventDefault(),this.value=this.min,this.syncValues()):t.key==="End"&&(t.preventDefault(),this.value=this.max,this.syncValues())}getValueFromMousePosition(t){return this.vertical?this.getValueFromYCoordinate(t.clientY):this.getValueFromXCoordinate(t.clientX)}getValueFromTouchPosition(t){return this.vertical?this.getValueFromYCoordinate(t.touches[0].clientY):this.getValueFromXCoordinate(t.touches[0].clientX)}getValueFromXCoordinate(t){const{left:e,width:r}=this.container.getBoundingClientRect();return D(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}getValueFromYCoordinate(t){const{top:e,height:r}=this.container.getBoundingClientRect();return D(this.roundToPrecision((t-e)/r*this.max),this.min,this.max)}roundToPrecision(t){const e=1/this.precision;return Math.ceil(t*e)/e}syncValues(){this.dispatchEvent(new bi(bi.CHANGE))}get ccsPropCurrentValue(){return this.value===0?this.vertical?100:0:100/(this.vertical?this.max/pn(this.value,this.min,this.max):this.max/this.value)}render(){return l` <div
|
|
2283
2119
|
part="slider"
|
|
2284
2120
|
id="color-slider"
|
|
2285
2121
|
role="slider"
|
|
@@ -2294,7 +2130,7 @@
|
|
|
2294
2130
|
@keydown=${this.handleKeyDown}>
|
|
2295
2131
|
${this.type==="opacity"?l`<div
|
|
2296
2132
|
id="current-hue"
|
|
2297
|
-
style=${
|
|
2133
|
+
style=${ge({backgroundImage:`linear-gradient(to ${this.vertical?"top":"right"},
|
|
2298
2134
|
transparent 0%,
|
|
2299
2135
|
${this.color} 100%
|
|
2300
2136
|
)`})}></div>`:""}
|
|
@@ -2413,18 +2249,18 @@
|
|
|
2413
2249
|
position: absolute;
|
|
2414
2250
|
inset: 0 0 0 0;
|
|
2415
2251
|
}
|
|
2416
|
-
`],
|
|
2252
|
+
`],ke([a({reflect:!0})],oe.prototype,"type",2),ke([a()],oe.prototype,"color",2),ke([a({type:Number})],oe.prototype,"min",2),ke([a({type:Number})],oe.prototype,"max",2),ke([a({type:Number})],oe.prototype,"precision",2),ke([a({type:Boolean,reflect:!0})],oe.prototype,"vertical",2),ke([a()],oe.prototype,"value",2),ke([a({type:Boolean,reflect:!0})],oe.prototype,"disabled",2),oe=ke([p("uui-color-slider")],oe);var Yh={grad:.9,turn:360,rad:360/(2*Math.PI)},ze=function(t){return typeof t=="string"?t.length>0:typeof t=="number"},M=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},Jn=function(t){return(t=isFinite(t)?t%360:0)>0?t:t+360},ea=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)}},_o=function(t){return{r:M(t.r),g:M(t.g),b:M(t.b),a:M(t.a,3)}},Zh=/^#([0-9a-f]{3,8})$/i,gi=function(t){var e=t.toString(16);return e.length<2?"0"+e:e},ta=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}},ra=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),d=s%6;return{r:255*[o,u,n,n,c,o][d],g:255*[c,o,o,u,n,n][d],b:255*[n,n,c,o,o,u][d],a:i}},ia=function(t){return{h:Jn(t.h),s:se(t.s,0,100),l:se(t.l,0,100),a:se(t.a)}},oa=function(t){return{h:M(t.h),s:M(t.s),l:M(t.l),a:M(t.a,3)}},sa=function(t){return ra((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},gr=function(t){return{h:(e=ta(t)).h,s:(i=(200-(r=e.s))*(o=e.v)/100)>0&&i<200?r*o/100/(i<=100?i:200-i)*100:0,l:i/2,a:e.a};var e,r,o,i},Qh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,Jh=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,ed=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,td=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,na={string:[[function(t){var e=Zh.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?M(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?M(parseInt(t.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(t){var e=ed.exec(t)||td.exec(t);return e?e[2]!==e[4]||e[4]!==e[6]?null:ea({r:Number(e[1])/(e[2]?100/255:1),g:Number(e[3])/(e[4]?100/255:1),b:Number(e[5])/(e[6]?100/255:1),a:e[7]===void 0?1:Number(e[7])/(e[8]?100:1)}):null},"rgb"],[function(t){var e=Qh.exec(t)||Jh.exec(t);if(!e)return null;var r,o,i=ia({h:(r=e[1],o=e[2],o===void 0&&(o="deg"),Number(r)*(Yh[o]||1)),s:Number(e[3]),l:Number(e[4]),a:e[5]===void 0?1:Number(e[5])/(e[6]?100:1)});return sa(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 ze(e)&&ze(r)&&ze(o)?ea({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(!ze(e)||!ze(r)||!ze(o))return null;var n=ia({h:Number(e),s:Number(r),l:Number(o),a:Number(s)});return sa(n)},"hsl"],[function(t){var e=t.h,r=t.s,o=t.v,i=t.a,s=i===void 0?1:i;if(!ze(e)||!ze(r)||!ze(o))return null;var n=function(u){return{h:Jn(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 ra(n)},"hsv"]]},aa=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]},rd=function(t){return typeof t=="string"?aa(t.trim(),na.string):typeof t=="object"&&t!==null?aa(t,na.object):[null,void 0]},yo=function(t,e){var r=gr(t);return{h:r.h,s:se(r.s+100*e,0,100),l:r.l,a:r.a}},wo=function(t){return(299*t.r+587*t.g+114*t.b)/1e3/255},la=function(t,e){var r=gr(t);return{h:r.h,s:r.s,l:se(r.l+100*e,0,100),a:r.a}},xo=function(){function t(e){this.parsed=rd(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 M(wo(this.rgba),2)},t.prototype.isDark=function(){return wo(this.rgba)<.5},t.prototype.isLight=function(){return wo(this.rgba)>=.5},t.prototype.toHex=function(){return e=_o(this.rgba),r=e.r,o=e.g,i=e.b,n=(s=e.a)<1?gi(M(255*s)):"","#"+gi(r)+gi(o)+gi(i)+n;var e,r,o,i,s,n},t.prototype.toRgb=function(){return _o(this.rgba)},t.prototype.toRgbString=function(){return e=_o(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 oa(gr(this.rgba))},t.prototype.toHslString=function(){return e=oa(gr(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=ta(this.rgba),{h:M(e.h),s:M(e.s),v:M(e.v),a:M(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(yo(this.rgba,e))},t.prototype.desaturate=function(e){return e===void 0&&(e=.1),Ie(yo(this.rgba,-e))},t.prototype.grayscale=function(){return Ie(yo(this.rgba,-1))},t.prototype.lighten=function(e){return e===void 0&&(e=.1),Ie(la(this.rgba,e))},t.prototype.darken=function(e){return e===void 0&&(e=.1),Ie(la(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}):M(this.rgba.a,3);var r},t.prototype.hue=function(e){var r=gr(this.rgba);return typeof e=="number"?Ie({h:e,s:r.s,l:r.l,a:r.a}):M(r.h)},t.prototype.isEqual=function(e){return this.toHex()===Ie(e).toHex()},t}(),Ie=function(t){return t instanceof xo?t:new xo(t)},id=Object.defineProperty,od=Object.getOwnPropertyDescriptor,mi=(t,e,r,o)=>{for(var i=o>1?void 0:o?od(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&&id(e,r,i),i};let pt=class extends ve("label",St(lr(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 xo((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`
|
|
2417
2253
|
<button
|
|
2418
2254
|
id="swatch"
|
|
2419
2255
|
aria-label=${this.label}
|
|
2420
2256
|
aria-disabled="${this.disabled}"
|
|
2421
2257
|
title="${this.label}">
|
|
2422
2258
|
<div
|
|
2423
|
-
class=${
|
|
2259
|
+
class=${ci({"color-swatch":!0,"color-swatch--transparent-bg":!0,"color-swatch--light":this.isLight,"color-swatch--big":this.showLabel})}>
|
|
2424
2260
|
<div
|
|
2425
2261
|
class="color-swatch__color"
|
|
2426
|
-
style=${
|
|
2427
|
-
<div class="color-swatch__check">${
|
|
2262
|
+
style=${ge({backgroundColor:this.value})}></div>
|
|
2263
|
+
<div class="color-swatch__check">${ai}</div>
|
|
2428
2264
|
</div>
|
|
2429
2265
|
${this._renderWithLabel()}
|
|
2430
2266
|
</button>
|
|
@@ -2591,19 +2427,19 @@
|
|
|
2591
2427
|
white-space: nowrap;
|
|
2592
2428
|
box-sizing: border-box;
|
|
2593
2429
|
}
|
|
2594
|
-
`],
|
|
2430
|
+
`],mi([a()],pt.prototype,"value",1),mi([a({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),mi([a({type:Boolean,attribute:"show-label"})],pt.prototype,"showLabel",2),pt=mi([p("uui-color-swatch")],pt);var sd=Object.defineProperty,ua=Object.getOwnPropertySymbols,nd=Object.prototype.hasOwnProperty,ad=Object.prototype.propertyIsEnumerable,ca=(t,e,r)=>e in t?sd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ha=(t,e)=>{for(var r in e||(e={}))nd.call(e,r)&&ca(t,r,e[r]);if(ua)for(var r of ua(e))ad.call(e,r)&&ca(t,r,e[r]);return t};class Lt extends O{constructor(e,r={}){super(e,ha(ha({},{bubbles:!0}),r))}}Lt.CHANGE="change";var ld=Object.defineProperty,ud=Object.getOwnPropertyDescriptor,$o=(t,e,r,o)=>{for(var i=o>1?void 0:o?ud(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&&ld(e,r,i),i};let Nt=class extends ve("label",v){constructor(){super(),this.value="",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 Lt(Lt.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 Lt(Lt.CHANGE))))},this.addEventListener(Ve.SELECTED,this._onSelected),this.addEventListener(Ve.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("selectable","selectable"),t.setAttribute("aria-checked","false"),t.setAttribute("role","radio"),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=!0}),this._activeElement=void 0,this._selectedElement=void 0,this.value=""}render(){return l`<slot @slotchange=${this._handleSlotChange}></slot>`}};Nt.styles=[h`
|
|
2595
2431
|
:host {
|
|
2596
2432
|
display: flex;
|
|
2597
2433
|
flex-wrap: wrap;
|
|
2598
2434
|
gap: 0.4rem;
|
|
2599
2435
|
}
|
|
2600
|
-
`]
|
|
2436
|
+
`],$o([a()],Nt.prototype,"value",2),$o([je({selector:"uui-color-swatch"})],Nt.prototype,"swatches",2),Nt=$o([p("uui-color-swatches")],Nt);var cd=Object.defineProperty,da=Object.getOwnPropertySymbols,hd=Object.prototype.hasOwnProperty,dd=Object.prototype.propertyIsEnumerable,pa=(t,e,r)=>e in t?cd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,va=(t,e)=>{for(var r in e||(e={}))hd.call(e,r)&&pa(t,r,e[r]);if(da)for(var r of da(e))dd.call(e,r)&&pa(t,r,e[r]);return t};class le extends O{constructor(e,r={}){super(e,va(va({},{bubbles:!0}),r))}}le.CHANGE="change",le.INNER_SLOT_CHANGE="inner-slot-change";var pd=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,vt=(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 ye=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 le(le.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 le(le.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 le(le.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(Ve.SELECTED,this._onSelected),this.addEventListener(Ve.DESELECTED,this._onDeselected)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this._onKeyDown),this.removeEventListener(Ve.SELECTED,this._onSelected),this.removeEventListener(Ve.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> `}};ye.styles=[h`
|
|
2601
2437
|
:host {
|
|
2602
2438
|
display: flex;
|
|
2603
2439
|
flex-direction: column;
|
|
2604
2440
|
box-sizing: border-box;
|
|
2605
2441
|
}
|
|
2606
|
-
`],vt([a()],
|
|
2442
|
+
`],vt([a()],ye.prototype,"value",1),vt([a({type:String})],ye.prototype,"displayValue",2),vt([a({attribute:!1})],ye.prototype,"for",1),vt([je({flatten:!0,selector:"uui-combobox-list-option:not([disabled])"})],ye.prototype,"_options",2),vt([je({flatten:!0,selector:"uui-combobox-list-option[active]"})],ye.prototype,"_activeOptions",2),vt([f()],ye.prototype,"_value",2),ye=vt([p("uui-combobox-list")],ye);var fd=Object.defineProperty,bd=Object.getOwnPropertyDescriptor,Ht=(t,e,r,o)=>{for(var i=o>1?void 0:o?bd(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};let Ae=class extends St(lr(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>`}};Ae.styles=[h`
|
|
2607
2443
|
:host {
|
|
2608
2444
|
position: relative;
|
|
2609
2445
|
cursor: pointer;
|
|
@@ -2672,7 +2508,7 @@
|
|
|
2672
2508
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
2673
2509
|
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
2674
2510
|
}
|
|
2675
|
-
`],Ht([f()],
|
|
2511
|
+
`],Ht([f()],Ae.prototype,"_disabled",2),Ht([f()],Ae.prototype,"_displayValue",2),Ht([a({type:String})],Ae.prototype,"value",1),Ht([a({type:String,attribute:"display-value"})],Ae.prototype,"displayValue",1),Ht([a({type:Boolean,reflect:!0})],Ae.prototype,"disabled",1),Ae=Ht([p("uui-combobox-list-option")],Ae);var gd=Object.defineProperty,fa=Object.getOwnPropertySymbols,md=Object.prototype.hasOwnProperty,_d=Object.prototype.propertyIsEnumerable,ba=(t,e,r)=>e in t?gd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ga=(t,e)=>{for(var r in e||(e={}))md.call(e,r)&&ba(t,r,e[r]);if(fa)for(var r of fa(e))_d.call(e,r)&&ba(t,r,e[r]);return t};class K extends O{constructor(e,r={}){super(e,ga(ga({},{bubbles:!0}),r))}}K.SEARCH="search",K.CHANGE="change";var yd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,ue=(t,e,r,o)=>{for(var i=o>1?void 0:o?wd(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 G=class extends fe(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 K(K.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 K(K.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 K(K.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 K(K.SEARCH)),this.dispatchEvent(new K(K.CHANGE)))},this._renderInput=()=>l` <uui-input
|
|
2676
2512
|
slot="trigger"
|
|
2677
2513
|
id="combobox-input"
|
|
2678
2514
|
label="combobox-input"
|
|
@@ -2696,12 +2532,12 @@
|
|
|
2696
2532
|
slot="append"
|
|
2697
2533
|
compact
|
|
2698
2534
|
style="height: 100%;">
|
|
2699
|
-
<uui-icon name="remove" .fallback=${
|
|
2535
|
+
<uui-icon name="remove" .fallback=${vn.strings[0]}></uui-icon>
|
|
2700
2536
|
</uui-button>`:"",this._renderDropdown=()=>l`<div id="dropdown" slot="popover">
|
|
2701
2537
|
<uui-scroll-container tabindex="-1" id="scroll-container">
|
|
2702
2538
|
<slot></slot>
|
|
2703
2539
|
</uui-scroll-container>
|
|
2704
|
-
</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),m(this,"uui-icon"),m(this,"uui-input"),m(this,"uui-button"),m(this,"uui-combobox-list"),m(this,"uui-scroll-container"),m(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(
|
|
2540
|
+
</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),m(this,"uui-icon"),m(this,"uui-input"),m(this,"uui-button"),m(this,"uui-combobox-list"),m(this,"uui-scroll-container"),m(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(le.CHANGE,this._onChange),this._comboboxList.addEventListener(le.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">
|
|
2705
2541
|
<uui-button label="close" look="primary" @click=${this._onClose}>
|
|
2706
2542
|
${this.closeLabel}
|
|
2707
2543
|
</uui-button>
|
|
@@ -2781,12 +2617,12 @@
|
|
|
2781
2617
|
#phone-wrapper #scroll-container {
|
|
2782
2618
|
max-height: unset;
|
|
2783
2619
|
}
|
|
2784
|
-
`],
|
|
2620
|
+
`],ue([a({attribute:"value",reflect:!0})],G.prototype,"value",1),ue([a({type:String})],G.prototype,"search",1),ue([a({type:Boolean})],G.prototype,"open",2),ue([a({type:String})],G.prototype,"closeLabel",2),ue([a({type:Boolean,reflect:!0})],G.prototype,"disabled",2),ue([C("#combobox-input")],G.prototype,"_input",2),ue([je({flatten:!0,selector:"uui-combobox-list"})],G.prototype,"_comboboxListElements",2),ue([f()],G.prototype,"_displayValue",2),ue([f()],G.prototype,"_search",2),ue([f()],G.prototype,"_isPhone",2),G=ue([p("uui-combobox")],G);var xd=Object.defineProperty,$d=Object.getOwnPropertyDescriptor,Eo=(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 Mt=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
|
|
2785
2621
|
style=${this._headlineSlotHasContent||this.headline!==null?"":"display: none"}>
|
|
2786
2622
|
${this.headline}
|
|
2787
2623
|
<slot name="headline" @slotchange=${this._headlineSlotChanged}></slot>
|
|
2788
2624
|
</h3>`}renderContent(){return l`<slot></slot>`}renderActions(){return l`<slot id="actions" name="actions"></slot>`}render(){return l`${this.renderHeadline()} ${this.renderContent()}
|
|
2789
|
-
${this.renderActions()} `}};
|
|
2625
|
+
${this.renderActions()} `}};Mt.styles=[h`
|
|
2790
2626
|
:host {
|
|
2791
2627
|
display: block;
|
|
2792
2628
|
padding: var(--uui-size-10,30px) var(--uui-size-14,42px);
|
|
@@ -2799,7 +2635,7 @@
|
|
|
2799
2635
|
justify-content: end;
|
|
2800
2636
|
gap: var(--uui-size-4,12px);
|
|
2801
2637
|
}
|
|
2802
|
-
`]
|
|
2638
|
+
`],Eo([a({type:String})],Mt.prototype,"headline",2),Eo([f()],Mt.prototype,"_headlineSlotHasContent",2),Mt=Eo([p("uui-dialog-layout")],Mt);var Ed=Object.defineProperty,Pd=Object.getOwnPropertyDescriptor,Cd=(t,e,r,o)=>{for(var i=o>1?void 0:o?Pd(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&&Ed(e,r,i),i};let _i=class extends v{render(){return l`<slot></slot>`}};_i.styles=[h`
|
|
2803
2639
|
:host {
|
|
2804
2640
|
position: relative;
|
|
2805
2641
|
display: block;
|
|
@@ -2817,7 +2653,7 @@
|
|
|
2817
2653
|
calc(var(--uui-border-radius,3px) * 2)
|
|
2818
2654
|
);
|
|
2819
2655
|
}
|
|
2820
|
-
`],
|
|
2656
|
+
`],_i=Cd([p("uui-dialog")],_i);var Od=Object.defineProperty,ma=Object.getOwnPropertySymbols,Sd=Object.prototype.hasOwnProperty,kd=Object.prototype.propertyIsEnumerable,_a=(t,e,r)=>e in t?Od(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ya=(t,e)=>{for(var r in e||(e={}))Sd.call(e,r)&&_a(t,r,e[r]);if(ma)for(var r of ma(e))kd.call(e,r)&&_a(t,r,e[r]);return t};class Tt extends O{constructor(e,r={}){super(e,ya(ya({},{bubbles:!0}),r))}}Tt.CHANGE="change";var zd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,mr=(t,e,r,o)=>{for(var i=o>1?void 0:o?Id(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&zd(e,r,i),i};let Be=class extends ve("",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(),m(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){try{return await new Promise((e,r)=>{t.readEntries(e,r)})}catch(e){console.log(e)}}_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 Tt(Tt.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 Tt(Tt.CHANGE,{detail:{files:t}}))}render(){return l`
|
|
2821
2657
|
<div id="dropzone">
|
|
2822
2658
|
<uui-symbol-file-dropzone id="symbol"></uui-symbol-file-dropzone>
|
|
2823
2659
|
${this.renderLabel()}
|
|
@@ -2869,27 +2705,27 @@
|
|
|
2869
2705
|
opacity: 0;
|
|
2870
2706
|
display: none;
|
|
2871
2707
|
}
|
|
2872
|
-
`],
|
|
2708
|
+
`],mr([C("#input")],Be.prototype,"_input",2),mr([C("#dropzone")],Be.prototype,"_dropzone",2),mr([a({type:String})],Be.prototype,"accept",1),mr([a({type:Boolean})],Be.prototype,"multiple",2),Be=mr([p("uui-file-dropzone")],Be);class Ad{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 Ud=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,we=(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&&Ud(e,r,i),i};let X=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(),m(this,"uui-symbol-file-thumbnail"),m(this,"uui-symbol-folder"),m(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
|
|
2873
2709
|
.src=${this._src}
|
|
2874
2710
|
.alt=${this._name}
|
|
2875
2711
|
id="file-symbol"></uui-symbol-file-thumbnail>`:l`<uui-symbol-file
|
|
2876
2712
|
id="file-symbol"
|
|
2877
|
-
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),
|
|
2713
|
+
.type=${this._extension}></uui-symbol-file>`}_renderLongName(){const e=this._name.substring(0,this._name.length-6),r=this._name.substring(this._name.length-6,this._name.length);return l`
|
|
2878
2714
|
<span
|
|
2879
2715
|
id="file-name"
|
|
2880
2716
|
class=${this._url?"has-source":""}
|
|
2881
2717
|
@click=${()=>this._url?this._openSource():""}
|
|
2882
2718
|
@keydown=${()=>""}>
|
|
2883
2719
|
<span id="file-name-start">${e}</span>
|
|
2884
|
-
<span id="file-name-end">${
|
|
2720
|
+
<span id="file-name-end">${r}</span>
|
|
2885
2721
|
</span>
|
|
2886
|
-
`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const
|
|
2722
|
+
`}_isFileAnImage(t){return t?t.type.split("/")[0]==="image":!1}async _getThumbnail(t){return await new Promise(e=>{const r=new FileReader;r.readAsDataURL(t),r.onload=()=>{e(r.result)}})}render(){return l`
|
|
2887
2723
|
<slot id="actions" name="actions"></slot>
|
|
2888
2724
|
${this._fileTypeTemplate()}
|
|
2889
2725
|
<div id="file-info">
|
|
2890
2726
|
${this._renderLongName()}
|
|
2891
2727
|
<span id="file-size">
|
|
2892
|
-
${this._size&&!this._isDirectory?l`${
|
|
2728
|
+
${this._size&&!this._isDirectory?l`${Ad.humanFileSize(this._size,!0)}`:""}
|
|
2893
2729
|
</span>
|
|
2894
2730
|
</div>
|
|
2895
2731
|
`}};X.styles=[h`
|
|
@@ -2960,7 +2796,7 @@
|
|
|
2960
2796
|
text-decoration: underline;
|
|
2961
2797
|
cursor: pointer;
|
|
2962
2798
|
}
|
|
2963
|
-
`],we([f()],X.prototype,"_name",2),we([f()],X.prototype,"_url",2),we([f()],X.prototype,"_extension",2),we([f()],X.prototype,"_src",2),we([f()],X.prototype,"_size",2),we([f()],X.prototype,"_isDirectory",2),we([f()],X.prototype,"_file",2),we([f()],X.prototype,"_isImage",2),we([a({attribute:!1})],X.prototype,"file",1),X=we([p("uui-file-preview")],X);var
|
|
2799
|
+
`],we([f()],X.prototype,"_name",2),we([f()],X.prototype,"_url",2),we([f()],X.prototype,"_extension",2),we([f()],X.prototype,"_src",2),we([f()],X.prototype,"_size",2),we([f()],X.prototype,"_isDirectory",2),we([f()],X.prototype,"_file",2),we([f()],X.prototype,"_isImage",2),we([a({attribute:!1})],X.prototype,"file",1),X=we([p("uui-file-preview")],X);var Ld=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,yi=(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&&Ld(e,r,i),i};let ft=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(),m(this,"uui-form-validation-message")}render(){return l`
|
|
2964
2800
|
<div id="label" style=${this._labelSlotHasContent?"":"display: none"}>
|
|
2965
2801
|
<slot name="label" @slotchange=${this._labelSlotChanged}></slot>
|
|
2966
2802
|
</div>
|
|
@@ -2995,25 +2831,25 @@
|
|
|
2995
2831
|
margin-top: -8px;
|
|
2996
2832
|
min-height: 8px;
|
|
2997
2833
|
}
|
|
2998
|
-
`],
|
|
2834
|
+
`],yi([a({type:String})],ft.prototype,"description",2),yi([f()],ft.prototype,"_labelSlotHasContent",2),yi([f()],ft.prototype,"_descriptionSlotHasContent",2),ft=yi([p("uui-form-layout-item")],ft);/**
|
|
2999
2835
|
* @license
|
|
3000
2836
|
* Copyright 2017 Google LLC
|
|
3001
2837
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3002
|
-
*/const
|
|
2838
|
+
*/const wa=(t,e,r)=>{const o=new Map;for(let i=e;i<=r;i++)o.set(t[i],i);return o},xa=It(class extends At{constructor(t){if(super(t),t.type!==ae.CHILD)throw Error("repeat() can only be used in text expressions")}dt(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.dt(t,e,r).values}update(t,[e,r,o]){var i;const s=kh(t),{values:n,keys:u}=this.dt(e,r,o);if(!Array.isArray(s))return this.ht=u,n;const c=(i=this.ht)!==null&&i!==void 0?i:this.ht=[],d=[];let x,_,b=0,y=s.length-1,w=0,$=n.length-1;for(;b<=y&&w<=$;)if(s[b]===null)b++;else if(s[y]===null)y--;else if(c[b]===u[w])d[w]=dt(s[b],n[w]),b++,w++;else if(c[y]===u[$])d[$]=dt(s[y],n[$]),y--,$--;else if(c[b]===u[$])d[$]=dt(s[b],n[$]),fr(t,d[$+1],s[b]),b++,$--;else if(c[y]===u[w])d[w]=dt(s[y],n[w]),fr(t,s[b],s[y]),y--,w++;else if(x===void 0&&(x=wa(u,w,$),_=wa(c,b,y)),x.has(c[b]))if(x.has(c[y])){const q=_.get(u[w]),Ke=q!==void 0?s[q]:null;if(Ke===null){const yt=fr(t,s[b]);dt(yt,n[w]),d[w]=yt}else d[w]=dt(Ke,n[w]),fr(t,s[b],Ke),s[q]=null;w++}else vo(s[y]),y--;else vo(s[b]),b++;for(;w<=$;){const q=fr(t,d[$+1]);dt(q,n[w]),d[w++]=q}for(;b<=y;){const q=s[b++];q!==null&&vo(q)}return this.ht=u,Ln(t,d),F}});var Hd=Object.defineProperty,Md=Object.getOwnPropertyDescriptor,$a=(t,e,r,o)=>{for(var i=o>1?void 0:o?Md(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 _r=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(zt.INVALID,this._onControlInvalid),o.removeEventListener(zt.VALID,this._onControlValid)),this._for=r,this._for.addEventListener(zt.INVALID,this._onControlInvalid),this._for.addEventListener(zt.VALID,this._onControlValid))}render(){return l`
|
|
3003
2839
|
<slot></slot>
|
|
3004
2840
|
<div id="messages">
|
|
3005
2841
|
${xa(this._messages,t=>l`<div>${t[1]}</div>`)}
|
|
3006
2842
|
<slot name="message"></slot>
|
|
3007
2843
|
</div>
|
|
3008
|
-
`}};
|
|
2844
|
+
`}};_r.styles=[h`
|
|
3009
2845
|
#messages {
|
|
3010
2846
|
color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
3011
2847
|
}
|
|
3012
|
-
`]
|
|
2848
|
+
`],$a([a({reflect:!1,attribute:!0})],_r.prototype,"for",1),_r=$a([p("uui-form-validation-message")],_r);var Td=Object.defineProperty,jd=Object.getOwnPropertyDescriptor,Vd=(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&&Td(e,r,i),i};let Po=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>`}};Po=Vd([p("uui-form")],Po);/**
|
|
3013
2849
|
* @license
|
|
3014
2850
|
* Copyright 2017 Google LLC
|
|
3015
2851
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3016
|
-
*/class
|
|
2852
|
+
*/class Co extends At{constructor(e){if(super(e),this.et=E,e.type!==ae.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(e){if(e===E||e==null)return this.ft=void 0,this.et=e;if(e===F)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:[]}}}Co.directiveName="unsafeHTML",Co.resultType=1;const Oo=It(Co);var Bd=Object.defineProperty,Ea=Object.getOwnPropertySymbols,Rd=Object.prototype.hasOwnProperty,Fd=Object.prototype.propertyIsEnumerable,Pa=(t,e,r)=>e in t?Bd(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ca=(t,e)=>{for(var r in e||(e={}))Rd.call(e,r)&&Pa(t,r,e[r]);if(Ea)for(var r of Ea(e))Fd.call(e,r)&&Pa(t,r,e[r]);return t};class jt extends O{constructor(e,r={}){super(e,Ca(Ca({},{bubbles:!0,composed:!0}),r)),this.icon=null}acceptRequest(e){this.icon=e,this.stopImmediatePropagation()}}jt.ICON_REQUEST="icon-request";var Gd=Object.defineProperty,qd=Object.getOwnPropertyDescriptor,Vt=(t,e,r,o)=>{for(var i=o>1?void 0:o?qd(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&&Gd(e,r,i),i};let Ue=class extends v{constructor(){super(...arguments),this._name=null,this._retrievedNameIcon=!1,this._nameSvg=null,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 jt(jt.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()}render(){return this._useFallback===!0?this.fallback===null?l`<slot name="fallback"></slot>`:Oo(this.fallback):this._nameSvg!==null?Oo(this._nameSvg):this.svg!==null?Oo(this.svg):l`<slot></slot>`}};Ue.styles=[h`
|
|
3017
2853
|
:host {
|
|
3018
2854
|
display: inline-block;
|
|
3019
2855
|
vertical-align: bottom;
|
|
@@ -3033,17 +2869,17 @@
|
|
|
3033
2869
|
:host-context(div[slot='append']) {
|
|
3034
2870
|
margin-right: var(--uui-size-2, 6px);
|
|
3035
2871
|
}
|
|
3036
|
-
`],Vt([f()],
|
|
2872
|
+
`],Vt([f()],Ue.prototype,"_nameSvg",2),Vt([a()],Ue.prototype,"name",1),Vt([a({attribute:!1})],Ue.prototype,"svg",2),Vt([a({attribute:!1})],Ue.prototype,"fallback",2),Vt([f()],Ue.prototype,"_useFallback",2),Ue=Vt([p("uui-icon")],Ue);class So{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 ko{constructor(){this.icons={},this._onIconRequest=e=>{const r=this.getIcon(e.detail.iconName);r!==null&&e.acceptRequest(r)}}attach(e){e.addEventListener(jt.ICON_REQUEST,this._onIconRequest)}detach(e){e.removeEventListener(jt.ICON_REQUEST,this._onIconRequest)}defineIcon(e,r){if(this.icons[e]){this.icons[e].svg=r;return}this.icons[e]=new So(r)}getIcon(e){return this.icons[e]||this.acceptIcon(e)?this.icons[e].promise:null}provideIcon(e){return this.icons[e]=new So}acceptIcon(e){return!1}getIconNames(){return Object.keys(this.icons)}}var Wd=Object.defineProperty,Kd=Object.getOwnPropertyDescriptor,Oa=(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&&Wd(e,r,i),i};let yr=class extends v{constructor(){super(),this._icons={},this._registry=new ko,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>`}};Oa([a({attribute:!1})],yr.prototype,"_icons",2),yr=Oa([p("uui-icon-registry")],yr);const Xd=g`<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>`,Yd=g`<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>`,Zd=g`<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>`,Qd=g`<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>`,Jd=g`<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>`,ep=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
3037
2873
|
<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"/>
|
|
3038
|
-
</svg>`,rp=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>`,op=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>`,sp=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>`,np=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>`,ap=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>`,lp=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>`,up=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>`,cp=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>`,hp=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>`,dp=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>`,pp=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>`,vp=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>`,fp=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>`,bp=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>`,gp=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>`,mp=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>`,_p=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>`,yp=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>`,xp=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>`,wp=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>`,$p=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>`,Ep=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>`,Pp=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>`,Cp=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>`,Op=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>`,zp=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>`,kp=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
2874
|
+
</svg>`,tp=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>`,rp=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>`,ip=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>`,op=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>`,sp=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>`,np=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>`,ap=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>`,lp=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>`,up=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>`,cp=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>`,hp=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>`,dp=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>`,pp=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>`,vp=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>`,fp=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>`,bp=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>`,gp=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>`,mp=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>`,_p=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>`,yp=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>`,wp=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>`,xp=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>`,$p=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>`,Ep=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>`,Pp=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>`,Cp=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>`,Op=g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
3039
2875
|
<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"/>
|
|
3040
|
-
</svg>`;class
|
|
2876
|
+
</svg>`;class Sa extends ko{constructor(){super(),this.defineIcon("add",Xd.strings[0]),this.defineIcon("alert",Yd.strings[0]),this.defineIcon("attachment",Zd.strings[0]),this.defineIcon("book-alt",Qd.strings[0]),this.defineIcon("calendar",Jd.strings[0]),this.defineIcon("check",ep.strings[0]),this.defineIcon("clipboard",tp.strings[0]),this.defineIcon("code",rp.strings[0]),this.defineIcon("colorpicker",ip.strings[0]),this.defineIcon("copy",op.strings[0]),this.defineIcon("delete",sp.strings[0]),this.defineIcon("document",np.strings[0]),this.defineIcon("download",ap.strings[0]),this.defineIcon("edit",lp.strings[0]),this.defineIcon("favorite",up.strings[0]),this.defineIcon("folder",cp.strings[0]),this.defineIcon("forbidden",hp.strings[0]),this.defineIcon("info",dp.strings[0]),this.defineIcon("link",pp.strings[0]),this.defineIcon("lock",vp.strings[0]),this.defineIcon("pause",fp.strings[0]),this.defineIcon("picture",bp.strings[0]),this.defineIcon("play",gp.strings[0]),this.defineIcon("remove",mp.strings[0]),this.defineIcon("search",_p.strings[0]),this.defineIcon("see",yp.strings[0]),this.defineIcon("settings",wp.strings[0]),this.defineIcon("subtract",xp.strings[0]),this.defineIcon("sync",$p.strings[0]),this.defineIcon("unlock",Ep.strings[0]),this.defineIcon("unsee",Pp.strings[0]),this.defineIcon("wand",Cp.strings[0]),this.defineIcon("wrong",Op.strings[0])}}var Sp=Object.defineProperty,kp=Object.getOwnPropertyDescriptor,zp=(t,e,r,o)=>{for(var i=o>1?void 0:o?kp(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&&Sp(e,r,i),i};let zo=class extends yr{constructor(){super(),this.registry=new Sa}};zo=zp([p("uui-icon-registry-essential")],zo);var Ip=Object.defineProperty,Ap=Object.getOwnPropertyDescriptor,Bt=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ap(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&&Ip(e,r,i),i};let De=class extends fe(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(),m(this,"uui-icon"),m(this,"uui-file-dropzone"),m(this,"uui-button"),m(this,"uui-action-bar"),m(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}">
|
|
3041
2877
|
<uui-action-bar slot="actions">
|
|
3042
2878
|
<uui-button
|
|
3043
2879
|
@click=${()=>this._removeFile(e)}
|
|
3044
2880
|
color="danger"
|
|
3045
2881
|
label=${`Delete ${t.name}`}>
|
|
3046
|
-
<uui-icon name="delete" .fallback=${
|
|
2882
|
+
<uui-icon name="delete" .fallback=${Rc.strings[0]}></uui-icon>
|
|
3047
2883
|
</uui-button>
|
|
3048
2884
|
</uui-action-bar>
|
|
3049
2885
|
</uui-file-preview>`}_renderFiles(){return l`${xa(this._files,t=>t.name+t.size,(t,e)=>this._renderFileItem(t,e))}`}render(){return l`
|
|
@@ -3061,7 +2897,7 @@
|
|
|
3061
2897
|
look="placeholder"
|
|
3062
2898
|
label="Add"></uui-button>`:E}
|
|
3063
2899
|
</div>
|
|
3064
|
-
`}};
|
|
2900
|
+
`}};De.styles=[h`
|
|
3065
2901
|
:host {
|
|
3066
2902
|
width: 100%;
|
|
3067
2903
|
height: 100%;
|
|
@@ -3110,7 +2946,7 @@
|
|
|
3110
2946
|
justify-content: center;
|
|
3111
2947
|
align-items: stretch;
|
|
3112
2948
|
}
|
|
3113
|
-
`],Bt([C("#dropzone")],
|
|
2949
|
+
`],Bt([C("#dropzone")],De.prototype,"_dropzone",2),Bt([C("#dropzone")],De.prototype,"_dropZone",2),Bt([a({type:String})],De.prototype,"accept",2),Bt([a({type:Boolean})],De.prototype,"multiple",2),Bt([f()],De.prototype,"_files",2),De=Bt([p("uui-input-file")],De);var Up=Object.defineProperty,ka=Object.getOwnPropertySymbols,Dp=Object.prototype.hasOwnProperty,Lp=Object.prototype.propertyIsEnumerable,za=(t,e,r)=>e in t?Up(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ia=(t,e)=>{for(var r in e||(e={}))Dp.call(e,r)&&za(t,r,e[r]);if(ka)for(var r of ka(e))Lp.call(e,r)&&za(t,r,e[r]);return t};class bt extends O{constructor(e,r={}){super(e,Ia(Ia({},{bubbles:!0}),r))}}bt.CHANGE="change",bt.INPUT="input";var Np=Object.defineProperty,Hp=Object.getOwnPropertyDescriptor,j=(t,e,r,o)=>{for(var i=o>1?void 0:o?Hp(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&&Np(e,r,i),i};let k=class extends fe(ve("",v)){constructor(){super(),this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.disabled=!1,this.readonly=!1,this.placeholder="",this._type="text",this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addEventListener("keypress",this._onKeypress),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}get type(){return this._type}set type(t){this._type=t}firstUpdated(t){super.firstUpdated(t),this.addFormControlElement(this._input)}_onKeypress(t){this.type!=="color"&&t.key=="Enter"&&this.submit()}blur(){this._input.blur()}focus(){this._input.focus()}select(){this._input.select()}getFormElement(){return this._input}onInput(t){t.stopPropagation(),this.value=t.target.value,this.dispatchEvent(new bt(bt.INPUT))}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new bt(bt.CHANGE))}renderPrepend(){return l`<slot name="prepend"></slot>`}renderAppend(){return l`<slot name="append"></slot>`}render(){return l`
|
|
3114
2950
|
${this.renderPrepend()}
|
|
3115
2951
|
<input
|
|
3116
2952
|
id="input"
|
|
@@ -3235,16 +3071,16 @@
|
|
|
3235
3071
|
height: 100%;
|
|
3236
3072
|
--uui-input-border-width: 0;
|
|
3237
3073
|
}
|
|
3238
|
-
`],j([a()],k.prototype,"min",2),j([a({type:Number})],k.prototype,"minlength",2),j([a({type:String,attribute:"minlength-message"})],k.prototype,"minlengthMessage",2),j([a()],k.prototype,"max",2),j([a({type:Number})],k.prototype,"maxlength",2),j([a({type:String,attribute:"maxlength-message"})],k.prototype,"maxlengthMessage",2),j([a({type:Number})],k.prototype,"step",2),j([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2),j([a({type:Boolean,reflect:!0})],k.prototype,"readonly",2),j([a()],k.prototype,"placeholder",2),j([a()],k.prototype,"autocomplete",2),j([a({type:String})],k.prototype,"type",1),j([a({type:String})],k.prototype,"pattern",2),j([a({type:String})],k.prototype,"inputmode",2),j([C("#input")],k.prototype,"_input",2),k=j([p("uui-input")],k);var
|
|
3074
|
+
`],j([a()],k.prototype,"min",2),j([a({type:Number})],k.prototype,"minlength",2),j([a({type:String,attribute:"minlength-message"})],k.prototype,"minlengthMessage",2),j([a()],k.prototype,"max",2),j([a({type:Number})],k.prototype,"maxlength",2),j([a({type:String,attribute:"maxlength-message"})],k.prototype,"maxlengthMessage",2),j([a({type:Number})],k.prototype,"step",2),j([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2),j([a({type:Boolean,reflect:!0})],k.prototype,"readonly",2),j([a()],k.prototype,"placeholder",2),j([a()],k.prototype,"autocomplete",2),j([a({type:String})],k.prototype,"type",1),j([a({type:String})],k.prototype,"pattern",2),j([a({type:String})],k.prototype,"inputmode",2),j([C("#input")],k.prototype,"_input",2),k=j([p("uui-input")],k);var Mp=Object.defineProperty,Tp=Object.getOwnPropertyDescriptor,Aa=(t,e,r,o)=>{for(var i=o>1?void 0:o?Tp(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&&Mp(e,r,i),i};let wr=class extends k{constructor(){super(),this.locked=!0,this.readonly=!0}connectedCallback(){super.connectedCallback(),m(this,"uui-icon"),m(this,"uui-button")}_onLockToggle(){this.readonly=this.locked=!this.locked}renderIcon(){return this.locked===!0?l`<uui-icon name="lock" .fallback=${Fc.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3239
3075
|
name="unlock"
|
|
3240
|
-
.fallback=${
|
|
3076
|
+
.fallback=${Wc.strings[0]}></uui-icon>`}renderPrepend(){return l`<uui-button
|
|
3241
3077
|
.disabled=${this.disabled}
|
|
3242
3078
|
@click=${this._onLockToggle}
|
|
3243
3079
|
compact
|
|
3244
3080
|
id="lock"
|
|
3245
3081
|
label="${this.locked?"Unlock input":"Lock input"}">
|
|
3246
3082
|
${this.renderIcon()}
|
|
3247
|
-
</uui-button>`}};
|
|
3083
|
+
</uui-button>`}};wr.styles=[...k.styles,h`
|
|
3248
3084
|
#lock {
|
|
3249
3085
|
height: 100%;
|
|
3250
3086
|
|
|
@@ -3257,9 +3093,9 @@
|
|
|
3257
3093
|
cursor: not-allowed;
|
|
3258
3094
|
opacity: 0.55;
|
|
3259
3095
|
}
|
|
3260
|
-
`],
|
|
3096
|
+
`],Aa([a({type:Boolean,reflect:!0})],wr.prototype,"locked",2),wr=Aa([p("uui-input-lock")],wr);var jp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,Io=(t,e,r,o)=>{for(var i=o>1?void 0:o?Vp(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 Rt=class extends k{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(),m(this,"uui-icon"),m(this,"uui-button"),this.hasAttribute("spellcheck")||(this.spellcheck=!1)}renderIcon(){return this.passwordType==="password"?l`<uui-icon name="see" .fallback=${qc.strings[0]}></uui-icon>`:l`<uui-icon
|
|
3261
3097
|
name="unsee"
|
|
3262
|
-
.fallback=${
|
|
3098
|
+
.fallback=${Kc.strings[0]}></uui-icon>`}renderAppend(){return l`<uui-button
|
|
3263
3099
|
.disabled=${this.disabled}
|
|
3264
3100
|
@click=${this._onPasswordToggle}
|
|
3265
3101
|
compact
|
|
@@ -3275,7 +3111,7 @@
|
|
|
3275
3111
|
#clear:hover {
|
|
3276
3112
|
color: black;
|
|
3277
3113
|
}
|
|
3278
|
-
`],
|
|
3114
|
+
`],Io([f()],Rt.prototype,"passwordType",2),Io([a()],Rt.prototype,"type",1),Rt=Io([p("uui-input-password")],Rt);var Bp=Object.defineProperty,Rp=Object.getOwnPropertyDescriptor,Fp=(t,e,r,o)=>{for(var i=o>1?void 0:o?Rp(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&&Bp(e,r,i),i};let wi=class extends v{render(){return l`<slot></slot>`}};wi.styles=[h`
|
|
3279
3115
|
:host {
|
|
3280
3116
|
display: inline-block;
|
|
3281
3117
|
font-family: inherit;
|
|
@@ -3290,7 +3126,7 @@
|
|
|
3290
3126
|
::slotted(*:last-child)uui-key {
|
|
3291
3127
|
margin-right: 0px;
|
|
3292
3128
|
}
|
|
3293
|
-
`],
|
|
3129
|
+
`],wi=Fp([p("uui-keyboard-shortcut")],wi);var Gp=Object.defineProperty,qp=Object.getOwnPropertyDescriptor,Wp=(t,e,r,o)=>{for(var i=o>1?void 0:o?qp(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&Gp(e,r,i),i};let xi=class extends v{render(){return l`<slot></slot>`}};xi.styles=[h`
|
|
3294
3130
|
:host {
|
|
3295
3131
|
background: var(--uui-color-surface,#fff);
|
|
3296
3132
|
border: 1px solid var(--uui-color-border,#d8d7d9);
|
|
@@ -3304,7 +3140,7 @@
|
|
|
3304
3140
|
user-select: none;
|
|
3305
3141
|
text-transform: lowercase;
|
|
3306
3142
|
}
|
|
3307
|
-
`],
|
|
3143
|
+
`],xi=Wp([p("uui-key")],xi);var Kp=Object.defineProperty,Xp=Object.getOwnPropertyDescriptor,$i=(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 gt=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`
|
|
3308
3144
|
<slot></slot>
|
|
3309
3145
|
${this.required?l`<div id="required">*</div>`:""}
|
|
3310
3146
|
`}};gt.styles=[h`
|
|
@@ -3322,7 +3158,7 @@
|
|
|
3322
3158
|
color: var(--uui-color-danger,#d42054);
|
|
3323
3159
|
font-weight: 900;
|
|
3324
3160
|
}
|
|
3325
|
-
`]
|
|
3161
|
+
`],$i([a({type:Boolean,reflect:!0})],gt.prototype,"disabled",2),$i([a({reflect:!0,attribute:!0})],gt.prototype,"for",2),$i([a({type:Boolean,reflect:!0})],gt.prototype,"required",2),gt=$i([p("uui-label")],gt);var Yp=Object.defineProperty,Zp=Object.getOwnPropertyDescriptor,Ao=(t,e,r,o)=>{for(var i=o>1?void 0:o?Zp(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&&Yp(e,r,i),i};const Qp=(t,e,r)=>Math.min(Math.max(t,e),r);let Ft=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=Qp(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`
|
|
3326
3162
|
${this.progress?l`<div
|
|
3327
3163
|
id="bar"
|
|
3328
3164
|
style="max-width: ${this.progress.toString()}%;"></div>`:""}
|
|
@@ -3390,7 +3226,7 @@
|
|
|
3390
3226
|
transform-origin: 175% 0%;
|
|
3391
3227
|
}
|
|
3392
3228
|
}
|
|
3393
|
-
`],
|
|
3229
|
+
`],Ao([a({type:Number})],Ft.prototype,"progress",1),Ao([a({type:Number})],Ft.prototype,"animationDuration",1),Ft=Ao([p("uui-loader-bar")],Ft);var Jp=Object.defineProperty,e0=Object.getOwnPropertyDescriptor,Uo=(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 Gt=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`
|
|
3394
3230
|
<svg
|
|
3395
3231
|
id="spinner"
|
|
3396
3232
|
class=${this.progress?"":"animate"}
|
|
@@ -3403,7 +3239,7 @@
|
|
|
3403
3239
|
cx="50%"
|
|
3404
3240
|
cy="50%"
|
|
3405
3241
|
r="16"
|
|
3406
|
-
style=${
|
|
3242
|
+
style=${ge(this._circleStyle())} />
|
|
3407
3243
|
</g>
|
|
3408
3244
|
</svg>
|
|
3409
3245
|
${this.renderProgress()}
|
|
@@ -3492,11 +3328,11 @@
|
|
|
3492
3328
|
/* Center the text */
|
|
3493
3329
|
padding-top: 0.09em;
|
|
3494
3330
|
}
|
|
3495
|
-
`],
|
|
3331
|
+
`],Uo([a({type:Number})],Gt.prototype,"progress",2),Uo([a({type:Boolean,reflect:!0,attribute:"show-progress"})],Gt.prototype,"showProgress",2),Gt=Uo([p("uui-loader-circle")],Gt);var t0=Object.defineProperty,r0=Object.getOwnPropertyDescriptor,i0=(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 Ei=class extends v{render(){return l`
|
|
3496
3332
|
<div></div>
|
|
3497
3333
|
<div></div>
|
|
3498
3334
|
<div></div>
|
|
3499
|
-
`}}
|
|
3335
|
+
`}};Ei.styles=[h`
|
|
3500
3336
|
:host {
|
|
3501
3337
|
color: var(--uui-color-default,#1b264f);
|
|
3502
3338
|
}
|
|
@@ -3536,21 +3372,21 @@
|
|
|
3536
3372
|
background-color: currentColor;
|
|
3537
3373
|
}
|
|
3538
3374
|
}
|
|
3539
|
-
`]
|
|
3375
|
+
`],Ei=i0([p("uui-loader")],Ei);/**
|
|
3540
3376
|
* @license
|
|
3541
3377
|
* Copyright 2017 Google LLC
|
|
3542
3378
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3543
|
-
*/const
|
|
3379
|
+
*/const xr=(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),xr(s,e);return!0},Pi=t=>{let e,r;do{if((e=t._$AM)===void 0)break;r=e._$AN,r.delete(t),t=e}while(r?.size===0)},Ua=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),n0(e)}};function o0(t){this._$AN!==void 0?(Pi(this),this._$AM=t,Ua(this)):this._$AM=t}function s0(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++)xr(o[s],!1),Pi(o[s]);else o!=null&&(xr(o,!1),Pi(o));else xr(this,t)}const n0=t=>{var e,r,o,i;t.type==ae.CHILD&&((e=(o=t)._$AP)!==null&&e!==void 0||(o._$AP=s0),(r=(i=t)._$AQ)!==null&&r!==void 0||(i._$AQ=o0))};class a0 extends At{constructor(){super(...arguments),this._$AN=void 0}_$AT(e,r,o){super._$AT(e,r,o),Ua(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&&(xr(this,e),Pi(this))}setValue(e){if(Un(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 Do=new WeakMap,Lo=It(class extends a0{render(t){return E}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.ct=(r=t.options)===null||r===void 0?void 0:r.host,this.ot(this.lt=t.element)),E}ot(t){var e;if(typeof this.G=="function"){const r=(e=this.ct)!==null&&e!==void 0?e:globalThis;let o=Do.get(r);o===void 0&&(o=new WeakMap,Do.set(r,o)),o.get(this.G)!==void 0&&this.G.call(this.ct,void 0),o.set(this.G,t),t!==void 0&&this.G.call(this.ct,t)}else this.G.value=t}get rt(){var t,e,r;return typeof this.G=="function"?(e=Do.get((t=this.ct)!==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 Le extends O{}Le.SHOW_CHILDREN="show-children",Le.HIDE_CHILDREN="hide-children",Le.CLICK_LABEL="click-label";var l0=Object.defineProperty,u0=Object.getOwnPropertyDescriptor,Re=(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 ce=class extends Jr(St(lr(ve("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?Le.HIDE_CHILDREN:Le.SHOW_CHILDREN,e=new Le(t,{cancelable:!0});this.dispatchEvent(e),!e.defaultPrevented&&(this.showChildren=!this.showChildren)},this._onLabelClicked=()=>{const t=new Le(Le.CLICK_LABEL);this.dispatchEvent(t)}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","menu"),m(this,"uui-symbol-expand"),m(this,"uui-loader-bar")}_renderLabelInside(){return l` <slot
|
|
3544
3380
|
name="icon"
|
|
3545
3381
|
id="icon"
|
|
3546
3382
|
style=${this.iconSlotHasContent?"":"display: none;"}
|
|
3547
3383
|
@slotchange=${this._iconSlotChanged}></slot>
|
|
3548
3384
|
${this.renderLabel()}
|
|
3549
|
-
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${
|
|
3385
|
+
<slot name="badge" id="badge"> </slot>`}_renderLabelAsAnchor(){return this.disabled?l` <span id="label-button" ${Lo(this._labelButtonChanged)}>
|
|
3550
3386
|
${this._renderLabelInside()}
|
|
3551
3387
|
</span>`:l` <a
|
|
3552
3388
|
id="label-button"
|
|
3553
|
-
${
|
|
3389
|
+
${Lo(this._labelButtonChanged)}
|
|
3554
3390
|
href=${L(this.href)}
|
|
3555
3391
|
target=${L(this.target||void 0)}
|
|
3556
3392
|
rel=${L(this.target==="_blank"?"noopener noreferrer":void 0)}
|
|
@@ -3560,7 +3396,7 @@
|
|
|
3560
3396
|
${this._renderLabelInside()}
|
|
3561
3397
|
</a>`}_renderLabelAsButton(){return l` <button
|
|
3562
3398
|
id="label-button"
|
|
3563
|
-
${
|
|
3399
|
+
${Lo(this._labelButtonChanged)}
|
|
3564
3400
|
@click=${this._onLabelClicked}
|
|
3565
3401
|
?disabled=${this.disabled}
|
|
3566
3402
|
aria-label="${this.label}">
|
|
@@ -3577,7 +3413,7 @@
|
|
|
3577
3413
|
${this.loading?l`<uui-loader-bar id="loader"></uui-loader-bar>`:""}
|
|
3578
3414
|
</div>
|
|
3579
3415
|
${this.showChildren?l`<slot></slot>`:""}
|
|
3580
|
-
`}};
|
|
3416
|
+
`}};ce.styles=[h`
|
|
3581
3417
|
:host {
|
|
3582
3418
|
display: block;
|
|
3583
3419
|
--uui-menu-item-child-indent: calc(var(--uui-menu-item-indent, 0) + 1);
|
|
@@ -3749,7 +3585,7 @@
|
|
|
3749
3585
|
--uui-button-height: calc(var(--uui-size-base-unit) * 4);
|
|
3750
3586
|
margin-right: var(--uui-size-base-unit);
|
|
3751
3587
|
}
|
|
3752
|
-
`],Re([a({type:Boolean,reflect:!0})],
|
|
3588
|
+
`],Re([a({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),Re([a({type:Boolean,reflect:!0,attribute:"show-children"})],ce.prototype,"showChildren",2),Re([a({type:Boolean,attribute:"has-children"})],ce.prototype,"hasChildren",2),Re([a({type:Boolean,attribute:"loading"})],ce.prototype,"loading",2),Re([a({type:String})],ce.prototype,"href",2),Re([a({type:String})],ce.prototype,"target",2),Re([f()],ce.prototype,"iconSlotHasContent",2),ce=Re([p("uui-menu-item")],ce);var c0=Object.defineProperty,h0=Object.getOwnPropertyDescriptor,qt=(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};class Y 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",{bubbles:!0,cancelable:!0});this.dispatchEvent(r),!r.defaultPrevented&&this._openModal()},this.close=e=>{e?.preventDefault(),e?.stopImmediatePropagation();const r=new CustomEvent("close",{bubbles:!0,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.remove()}}Y.styles=[h`
|
|
3753
3589
|
dialog {
|
|
3754
3590
|
display: block;
|
|
3755
3591
|
margin: 0;
|
|
@@ -3774,9 +3610,9 @@
|
|
|
3774
3610
|
:host([index='0']) dialog::after {
|
|
3775
3611
|
opacity: 0;
|
|
3776
3612
|
}
|
|
3777
|
-
`],qt([C("dialog")],Y.prototype,"_dialogElement",2),qt([a({type:Boolean,reflect:!0,attribute:"is-open"})],Y.prototype,"isOpen",2),qt([a({type:Boolean,reflect:!0,attribute:"is-closing"})],Y.prototype,"isClosing",2),qt([a({type:Number,reflect:!0})],Y.prototype,"index",2),qt([a({type:Number,reflect:!0,attribute:"unique-index"})],Y.prototype,"uniqueIndex",2),qt([a()],Y.prototype,"transitionDuration",1);var
|
|
3613
|
+
`],qt([C("dialog")],Y.prototype,"_dialogElement",2),qt([a({type:Boolean,reflect:!0,attribute:"is-open"})],Y.prototype,"isOpen",2),qt([a({type:Boolean,reflect:!0,attribute:"is-closing"})],Y.prototype,"isClosing",2),qt([a({type:Number,reflect:!0})],Y.prototype,"index",2),qt([a({type:Number,reflect:!0,attribute:"unique-index"})],Y.prototype,"uniqueIndex",2),qt([a()],Y.prototype,"transitionDuration",1);var d0=Object.defineProperty,p0=Object.getOwnPropertyDescriptor,Da=(t,e,r,o)=>{for(var i=o>1?void 0:o?p0(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},La=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},Na=(t,e,r)=>(La(t,e,"read from private field"),r?r.call(t):e.get(t)),Ha=(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)},v0=(t,e,r)=>(La(t,e,"access private method"),r),Ci,No,Ho,Ma;let Wt=class extends Y{constructor(){super(),Ha(this,Ci),Ha(this,Ho),this.size="full",this.addEventListener("close",v0(this,Ho,Ma).bind(this))}firstUpdated(t){super.firstUpdated(t),this.style.setProperty("--uui-modal-offset",-Na(this,Ci,No)+"px")}updated(t){super.updated(t),this.uniqueIndex>10?this.setAttribute("hide",""):this.removeAttribute("hide")}render(){return l`<dialog>
|
|
3778
3614
|
<slot></slot>
|
|
3779
|
-
</dialog>`}};
|
|
3615
|
+
</dialog>`}};Ci=new WeakSet,No=function(){var t,e;return(e=(t=this._dialogElement)==null?void 0:t.getBoundingClientRect().width)!=null?e:0},Ho=new WeakSet,Ma=function(t){t.preventDefault(),!this.isClosing&&(this.isClosing=!0,this.style.setProperty("--uui-modal-offset",-Na(this,Ci,No)+"px"),setTimeout(()=>{this._closeModal()},this.transitionDuration))},Wt.styles=[...Y.styles,h`
|
|
3780
3616
|
:host {
|
|
3781
3617
|
--uui-modal-sidebar-left-gap: 24px;
|
|
3782
3618
|
}
|
|
@@ -3812,7 +3648,7 @@
|
|
|
3812
3648
|
:host([size='small']) dialog {
|
|
3813
3649
|
max-width: min(400px, calc(100% - var(--uui-modal-sidebar-left-gap)));
|
|
3814
3650
|
}
|
|
3815
|
-
`],
|
|
3651
|
+
`],Da([a({reflect:!0})],Wt.prototype,"size",2),Wt=Da([io("uui-modal-sidebar")],Wt);var f0=Object.defineProperty,b0=Object.getOwnPropertyDescriptor,Kt=(t,e,r,o)=>{for(var i=o>1?void 0:o?b0(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&&f0(e,r,i),i},Ta=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},ja=(t,e,r)=>(Ta(t,e,"read from private field"),r?r.call(t):e.get(t)),Oi=(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)},Si=(t,e,r)=>(Ta(t,e,"access private method"),r),Mo,To,ki,jo,zi,Vo;let Ne=class extends v{constructor(){super(),Oi(this,ki),Oi(this,zi),this.sidebarGap=64,this.transitionDurationMS=250,Oi(this,Mo,()=>{var t,e;if(this._modals=(e=(t=this.modalSlot)==null?void 0:t.assignedElements({flatten:!0}).filter(r=>r instanceof Y))!=null?e:[],this._sidebars=this._modals.filter(r=>r instanceof Wt),this._modals.length===0){this.removeAttribute("backdrop");return}Si(this,ki,jo).call(this),Si(this,zi,Vo).call(this)}),Oi(this,To,()=>{if(!this._modals||this._modals.length<=1){this.removeAttribute("backdrop");return}Si(this,ki,jo).call(this),Si(this,zi,Vo).call(this)}),this.addEventListener("close",ja(this,To)),this.style.setProperty("--uui-modal-transition-duration",this.transitionDurationMS+"ms")}render(){return l`<slot @slotchange=${ja(this,Mo)}></slot>`}};Mo=new WeakMap,To=new WeakMap,ki=new WeakSet,jo=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})},zi=new WeakSet,Vo=function(){requestAnimationFrame(()=>{var t,e,r,o,i,s,n,u;let c=0;const d=(e=(t=this._sidebars)==null?void 0:t.filter(x=>!x.isClosing).reverse())!=null?e:[];for(let x=0;x<d.length;x++){const _=d[x],b=d[x+1];if(_.style.setProperty("--uui-modal-offset",c+"px"),b?.hasAttribute("hide"))break;const y=(i=(o=(r=_.shadowRoot)==null?void 0:r.querySelector("dialog"))==null?void 0:o.getBoundingClientRect().width)!=null?i:0,w=(u=(n=(s=b?.shadowRoot)==null?void 0:s.querySelector("dialog"))==null?void 0:n.getBoundingClientRect().width)!=null?u:0,$=y+c+this.sidebarGap-w;c=$>0?$:0}})},Ne.styles=h`
|
|
3816
3652
|
:host {
|
|
3817
3653
|
position: fixed;
|
|
3818
3654
|
--uui-modal-color-backdrop: rgba(0, 0, 0, 0.5);
|
|
@@ -3829,11 +3665,11 @@
|
|
|
3829
3665
|
:host([backdrop])::after {
|
|
3830
3666
|
opacity: 1;
|
|
3831
3667
|
}
|
|
3832
|
-
`,Kt([C("slot")],
|
|
3668
|
+
`,Kt([C("slot")],Ne.prototype,"modalSlot",2),Kt([f()],Ne.prototype,"_modals",2),Kt([f()],Ne.prototype,"_sidebars",2),Kt([a({type:Number})],Ne.prototype,"sidebarGap",2),Kt([a({type:Number})],Ne.prototype,"transitionDurationMS",2),Ne=Kt([io("uui-modal-container")],Ne);var g0=Object.defineProperty,m0=Object.getOwnPropertyDescriptor,_0=(t,e,r,o)=>{for(var i=o>1?void 0:o?m0(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&&g0(e,r,i),i};let Ii=class extends Y{render(){return l`
|
|
3833
3669
|
<dialog>
|
|
3834
3670
|
<slot></slot>
|
|
3835
3671
|
</dialog>
|
|
3836
|
-
`}};
|
|
3672
|
+
`}};Ii.styles=[...Y.styles,h`
|
|
3837
3673
|
dialog {
|
|
3838
3674
|
margin: auto;
|
|
3839
3675
|
max-width: 100%;
|
|
@@ -3846,7 +3682,7 @@
|
|
|
3846
3682
|
:host(:not([index='0'])) dialog {
|
|
3847
3683
|
outline: 1px solid rgba(0, 0, 0, 0.1);
|
|
3848
3684
|
}
|
|
3849
|
-
`],
|
|
3685
|
+
`],Ii=_0([io("uui-modal-dialog")],Ii);var y0=Object.defineProperty,Va=Object.getOwnPropertySymbols,w0=Object.prototype.hasOwnProperty,x0=Object.prototype.propertyIsEnumerable,Ba=(t,e,r)=>e in t?y0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ra=(t,e)=>{for(var r in e||(e={}))w0.call(e,r)&&Ba(t,r,e[r]);if(Va)for(var r of Va(e))x0.call(e,r)&&Ba(t,r,e[r]);return t};class Fe extends O{constructor(e,r={}){super(e,Ra(Ra({},{bubbles:!0}),r))}}Fe.CHANGE="change";var $0=Object.defineProperty,E0=Object.getOwnPropertyDescriptor,He=(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};const P0=45,Bo=(t,e,r)=>Math.min(Math.max(t,e),r),C0=(t,e)=>Array.from({length:e-t+1},(r,o)=>t+o);let ne=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),m(this,"uui-button"),m(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)/P0/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 C0(Bo(e,1,this.total),Bo(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=Bo(t,1,this.total),this._visiblePages=this._generateVisiblePages(this._current),this.requestUpdate("current",e)}goToNextPage(){this.current++,this.dispatchEvent(new Fe(Fe.CHANGE))}goToPreviousPage(){this.current--,this.dispatchEvent(new Fe(Fe.CHANGE))}goToPage(t){this.current=t,this.dispatchEvent(new Fe(Fe.CHANGE))}focusActivePage(){requestAnimationFrame(()=>{const t=this.renderRoot.querySelector(".active");t&&t.focus()})}renderFirst(){return l`<uui-button
|
|
3850
3686
|
compact
|
|
3851
3687
|
look="outline"
|
|
3852
3688
|
class="nav"
|
|
@@ -3938,7 +3774,7 @@
|
|
|
3938
3774
|
.active {
|
|
3939
3775
|
pointer-events: none;
|
|
3940
3776
|
}
|
|
3941
|
-
`],
|
|
3777
|
+
`],He([Ll("uui-button.nav")],ne.prototype,"_navButtons",2),He([C("#pages")],ne.prototype,"_pagesGroup",2),He([a()],ne.prototype,"label",2),He([a({reflect:!0,attribute:"aria-label"})],ne.prototype,"ariaLabel",2),He([a({type:Number})],ne.prototype,"total",1),He([f()],ne.prototype,"_range",2),He([f()],ne.prototype,"_visiblePages",2),He([a({type:Number})],ne.prototype,"current",1),ne=He([p("uui-pagination")],ne);class Ro extends O{}Ro.CLOSE="close";var O0=Object.defineProperty,S0=Object.getOwnPropertyDescriptor,$r=(t,e,r,o)=>{for(var i=o>1?void 0:o?S0(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&&O0(e,r,i),i};function Ai(t,e,r){return t<e?e:t>r?r:t}let Ge=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 Ro(Ro.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(pe=>pe.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,d=this._currentPlacement.indexOf("right")!==-1;const x=this._currentPlacement.indexOf("-start")!==-1,_=this._currentPlacement.indexOf("-end")!==-1;let b=.5,y=.5,w=.5,$=.5,q=0,Ke=0;if(this.placement==="auto"){const pe=this._scrollParents[0],ir=pe.clientWidth,Ze=pe.clientHeight,wt=i.x-o.width,xt=ir-(i.x+i.width)-o.width,qi=i.y-o.height,Vr=Ze-(i.y+i.height)-o.height;let Br=.5,Rr=.5;const Cl=Math.max(wt,xt);let Yo=Math.max(qi,Vr);Vr>qi&&Vr>this.margin&&(Yo+=9999),Cl>Yo?(wt>xt?(Br=0,c=!0):(Br=1,d=!0),q=this.margin):(qi>Vr?(Rr=0,n=!0):(Rr=1,u=!0),Ke=this.margin),b=Br,y=Rr,w=1-Br,$=1-Rr}else n&&($=1,y=0),u&&($=0,y=1),(n||u)&&(Ke=this.margin,x&&(w=0,b=0),_&&(w=1,b=1)),c&&(w=1,b=0),d&&(w=0,b=1),(c||d)&&(q=this.margin,x&&($=0,y=0),_&&($=1,y=1));const yt=-o.width*w+i.width*b-q*(w*2-1),Gi=-o.height*$+i.height*y-Ke*($*2-1);let Xe=yt,Ye=Gi;n||u?(this._scrollParents.forEach((pe,ir)=>{const Ze=pe===document.body?0:s[ir].x,wt=-i.x+Ze,xt=pe.clientWidth-i.x-i.width+yt+Ze-(o.width-i.width)*(1-b);Xe=Ai(Xe,wt,xt)}),Xe=Ai(Xe,-o.width,i.width)):(c||d)&&(this._scrollParents.forEach((pe,ir)=>{const Ze=pe===document.body?0:s[ir].y,wt=-i.y+Ze,xt=pe.clientHeight-i.y-i.height+Gi+Ze-(o.height-i.height)*(1-y);Ye=Ai(Ye,wt,xt)}),Ye=Ai(Ye,-o.height,i.height)),(this._positionX!==Xe||this._positionY!==Ye)&&(this._positionX=Xe,this._positionY=Ye,yt===Xe&&Gi===Ye&&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,d)=>{const x=c===document.body?0:r[d].x,_=c===document.body?0:r[d].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<=x?(u="right",!0):s==="right"&&e.x+e.width+2>=c.clientWidth+x?(u="left",!0):!1}),u?(this._startScrollListener(),u+(n?`-${n}`:"")):t}render(){return l`
|
|
3942
3778
|
<slot
|
|
3943
3779
|
id="trigger"
|
|
3944
3780
|
name="trigger"
|
|
@@ -3973,9 +3809,9 @@
|
|
|
3973
3809
|
--uui-popover-toggle-slot-button-merge-border-left
|
|
3974
3810
|
);
|
|
3975
3811
|
}
|
|
3976
|
-
`],$
|
|
3977
|
-
<div id="bar" style=${
|
|
3978
|
-
`}};
|
|
3812
|
+
`],$r([C("#container")],Ge.prototype,"containerElement",2),$r([a({type:Number})],Ge.prototype,"margin",2),$r([a({type:String,reflect:!0})],Ge.prototype,"placement",1),$r([a({type:Boolean,reflect:!0})],Ge.prototype,"open",1),Ge=$r([p("uui-popover")],Ge);var k0=Object.defineProperty,z0=Object.getOwnPropertyDescriptor,Fa=(t,e,r,o)=>{for(var i=o>1?void 0:o?z0(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&&k0(e,r,i),i};const I0=(t,e,r)=>Math.min(Math.max(t,e),r);let Er=class extends v{constructor(){super(...arguments),this._progress=0}get progress(){return this._progress}set progress(t){const e=this._progress;this._progress=I0(t,0,100),this.requestUpdate("progress",e)}_getProgressStyle(){return{width:`${this._progress}%`}}render(){return l`
|
|
3813
|
+
<div id="bar" style=${ge(this._getProgressStyle())}></div>
|
|
3814
|
+
`}};Er.styles=[h`
|
|
3979
3815
|
:host {
|
|
3980
3816
|
width: 100%;
|
|
3981
3817
|
height: 4px;
|
|
@@ -3992,7 +3828,7 @@
|
|
|
3992
3828
|
height: 100%;
|
|
3993
3829
|
width: 0%;
|
|
3994
3830
|
}
|
|
3995
|
-
`],
|
|
3831
|
+
`],Fa([a({type:Number})],Er.prototype,"progress",1),Er=Fa([p("uui-progress-bar")],Er);var A0=Object.defineProperty,Ga=Object.getOwnPropertySymbols,U0=Object.prototype.hasOwnProperty,D0=Object.prototype.propertyIsEnumerable,qa=(t,e,r)=>e in t?A0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Wa=(t,e)=>{for(var r in e||(e={}))U0.call(e,r)&&qa(t,r,e[r]);if(Ga)for(var r of Ga(e))D0.call(e,r)&&qa(t,r,e[r]);return t};class Xt extends O{constructor(e,r={}){super(e,Wa(Wa({},{bubbles:!0}),r))}}Xt.CHANGE="change";var L0=Object.defineProperty,N0=Object.getOwnPropertyDescriptor,mt=(t,e,r,o)=>{for(var i=o>1?void 0:o?N0(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 he=class extends v{constructor(){super(),this.name="",this.value="",this.label="",this._checked=!1,this._disabled=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","1")})}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 Xt(Xt.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>
|
|
3996
3832
|
<input
|
|
3997
3833
|
id="input"
|
|
3998
3834
|
type="radio"
|
|
@@ -4005,7 +3841,7 @@
|
|
|
4005
3841
|
<div id="label">
|
|
4006
3842
|
${this.label?l`<span>${this.label}</span>`:l`<slot></slot>`}
|
|
4007
3843
|
</div>
|
|
4008
|
-
</label>`}};
|
|
3844
|
+
</label>`}};he.styles=[ii,h`
|
|
4009
3845
|
:host {
|
|
4010
3846
|
display: block;
|
|
4011
3847
|
box-sizing: border-box;
|
|
@@ -4110,7 +3946,7 @@
|
|
|
4110
3946
|
}
|
|
4111
3947
|
|
|
4112
3948
|
:host([disabled]:active) #button {
|
|
4113
|
-
animation: ${
|
|
3949
|
+
animation: ${oi};
|
|
4114
3950
|
}
|
|
4115
3951
|
|
|
4116
3952
|
@media (prefers-reduced-motion) {
|
|
@@ -4122,7 +3958,7 @@
|
|
|
4122
3958
|
transition: none;
|
|
4123
3959
|
}
|
|
4124
3960
|
}
|
|
4125
|
-
`],mt([C("#input")],
|
|
3961
|
+
`],mt([C("#input")],he.prototype,"inputElement",2),mt([a({type:String})],he.prototype,"name",2),mt([a({type:String})],he.prototype,"value",2),mt([a({type:String})],he.prototype,"label",2),mt([a({type:Boolean,reflect:!0})],he.prototype,"checked",1),mt([a({type:Boolean,reflect:!0})],he.prototype,"disabled",1),he=mt([p("uui-radio")],he);var H0=Object.defineProperty,Ka=Object.getOwnPropertySymbols,M0=Object.prototype.hasOwnProperty,T0=Object.prototype.propertyIsEnumerable,Xa=(t,e,r)=>e in t?H0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ya=(t,e)=>{for(var r in e||(e={}))M0.call(e,r)&&Xa(t,r,e[r]);if(Ka)for(var r of Ka(e))T0.call(e,r)&&Xa(t,r,e[r]);return t};class Ui extends O{constructor(e,r={}){super(e,Ya(Ya({},{bubbles:!0}),r))}}Ui.CHANGE="change";var j0=Object.defineProperty,V0=Object.getOwnPropertyDescriptor,Za=(t,e,r,o)=>{for(var i=o>1?void 0:o?V0(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&&j0(e,r,i),i};const B0="ArrowLeft",R0="ArrowUp",F0="ArrowRight",G0="ArrowDown",q0=" ";let Yt=class extends fe(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(Xt.CHANGE,this._handleSelectOnClick),o.removeEventListener("blur",this._onChildBlur)}),this._selected=null,this._radioElements=t.target.assignedElements({flatten:!0}).filter(o=>o instanceof he),this._radioElements.length===0)return;this._radioElements.forEach(o=>{o.addEventListener(Xt.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 B0:case R0:{t.preventDefault(),this._selectPreviousElement();break}case F0:case G0:{t.preventDefault(),this._selectNextElement();break}case q0: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 Ui(Ui.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> `}};Yt.formAssociated=!0,Yt.styles=[h`
|
|
4126
3962
|
:host {
|
|
4127
3963
|
display: inline-block;
|
|
4128
3964
|
padding-right: 3px;
|
|
@@ -4135,7 +3971,7 @@
|
|
|
4135
3971
|
:host(:not([pristine])[internals-invalid]) {
|
|
4136
3972
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4137
3973
|
}
|
|
4138
|
-
`],
|
|
3974
|
+
`],Za([a({type:Boolean,reflect:!0})],Yt.prototype,"disabled",2),Yt=Za([p("uui-radio-group")],Yt);var W0=Object.defineProperty,Qa=Object.getOwnPropertySymbols,K0=Object.prototype.hasOwnProperty,X0=Object.prototype.propertyIsEnumerable,Ja=(t,e,r)=>e in t?W0(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,el=(t,e)=>{for(var r in e||(e={}))K0.call(e,r)&&Ja(t,r,e[r]);if(Qa)for(var r of Qa(e))X0.call(e,r)&&Ja(t,r,e[r]);return t};class V extends O{constructor(e,r={}){super(e,el(el({},{bubbles:!0}),r))}}V.INPUT="input",V.CHANGE="change";var Y0=Object.defineProperty,Z0=Object.getOwnPropertyDescriptor,S=(t,e,r,o)=>{for(var i=o>1?void 0:o?Z0(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&&Y0(e,r,i),i},Q0=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},J0=(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)},e1=(t,e,r)=>(Q0(t,e,"access private method"),r),Fo,tl;const de=12,rl=24;let P=class extends fe(v){constructor(){super(),J0(this,Fo),this.disabled=!1,this.step=1,this.hideStepValues=!1,this.min=0,this.max=100,this._valueLow=0,this._valueHigh=100,this._trackWidth=0,this._currentThumbFocus="low",this._startPos=0,this._startLow=0,this._startHigh=0,this._onMouseDown=t=>{if(t.preventDefault(),this.disabled)return;window.addEventListener("mouseup",this._onMouseUp),window.addEventListener("mousemove",this._onMouseMove);const e=t.composedPath()[0],r=t.pageX;if(e==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(r,this.valueLow,this.valueHigh);return}this._moveThumb(r)},this._onMouseMove=t=>{t.preventDefault();const e=t.pageX,r=this._getValue(e);this._grabbingBoth?this._moveBoth(e):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(r)),this.dispatchEvent(new V(V.INPUT))},this._onMouseUp=()=>{this._stop(),window.removeEventListener("mouseup",this._onMouseUp),window.removeEventListener("mousemove",this._onMouseMove)},this._onTouchStart=t=>{if(t.preventDefault(),this.disabled)return;window.addEventListener("touchend",this._onTouchEnd),window.addEventListener("touchmove",this._onTouchMove);const e=t.composedPath()[0],r=t.touches[0].pageX;if(e==this._bothThumbsTarget?this._grabbingBoth=!0:this._grabbingBoth=!1,this._grabbingBoth){this._saveStartPoint(r,this.valueLow,this.valueHigh);return}this._moveThumb(r)},this._onTouchMove=t=>{const e=t.touches[0].pageX,r=this._getValue(e);this._grabbingBoth?this._moveBoth(e):this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(r)),this.dispatchEvent(new V(V.INPUT))},this._onTouchEnd=()=>{this._stop(),window.removeEventListener("touchend",this._onTouchEnd),window.removeEventListener("touchmove",this._onTouchMove)},this.addEventListener("keypress",this._onKeypress),this.addEventListener("mousedown",this._onMouseDown),this.addEventListener("touchstart",this._onTouchStart),this.addValidator("stepMismatch",()=>"Step property needs to be higher than 0",()=>this.step<=0),this.addValidator("stepMismatch",()=>"Maxmimum gap needs to be higher than minimum gap",()=>!!this.maxGap&&!!this.minGap&&this.maxGap<=this.minGap),this.addValidator("rangeUnderflow",()=>`The lower end value (${this.valueLow}) cannot be below the the minimum value setting (${this.min})`,()=>this.valueLow<this.min),this.addValidator("rangeOverflow",()=>`The higher end value (${this.valueHigh}) cannot be above the the maximum value setting (${this.max})`,()=>this.valueHigh>this.max)}get value(){return this._value}set value(t){if(t instanceof String){super.value=t;const e=t.split(",");this.valueLow=parseInt(e[0]),this.valueHigh=parseInt(e[1])}}set valueLow(t){const e=this._valueHigh;if(t<=this.min){this._valueLow=this.min,super.value=`${this.min},${this.valueHigh}`,this.requestUpdate("valueLow",e);return}if(t>=this.valueHigh-this.step){this._valueLow=this.valueHigh-this.step,super.value=`${this.valueHigh-this.step},${this.valueHigh}`,this.requestUpdate("valueLow",e);return}this._valueLow=t,super.value=`${t},${this.valueHigh}`,this.requestUpdate("valueLow",e)}get valueLow(){return this._valueLow}set valueHigh(t){const e=this._valueHigh;if(t>=this.max){this._valueHigh=this.max,super.value=`${this.valueLow},${this.max}`,this.requestUpdate("valueHigh",e);return}if(t<=this.valueLow+this.step){this._valueHigh=this.valueLow+this.step,super.value=`${this.valueLow},${this.valueLow+this.step}`,this.requestUpdate("valueHigh",e);return}this._valueHigh=t,super.value=`${this.valueLow},${t}`,this.requestUpdate("valueHigh",e)}get valueHigh(){return this._valueHigh}getFormElement(){return this._currentInputFocus?this._currentInputFocus:this._inputLow}focus(){this._currentInputFocus?this._currentInputFocus.focus():this._inputLow.focus()}_onKeypress(t){t.key=="Enter"&&this.submit()}_sliderLowThumbPosition(){const t=(this.valueLow-this.min)/(this.max-this.min);return`${Math.floor(t*1e5)/1e3}%`}_sliderHighThumbPosition(){const t=(this.valueHigh-this.min)/(this.max-this.min);return`${Math.floor(t*1e5)/1e3}%`}_fillColor(){const t=(this.valueLow-this.min)/(this.max-this.min)*100,e=(this.valueHigh-this.min)/(this.max-this.min)*100;this._innerColor.style.left=`${t}%`,this._innerColor.style.right=`${100-e}%`}_moveThumb(t){const e=this._getValue(t);e>=this.valueHigh&&this._setThumb(this._thumbHigh),e<=this.valueLow&&this._setThumb(this._thumbLow),this._setValueBasedOnCurrentThumb(this._validateValueBasedOnCurrentThumb(e))}_stop(){this._grabbingBoth=!1,this.pristine=!1,this.dispatchEvent(new V(V.CHANGE))}_setThumb(t){this._currentThumbFocus=t===this._thumbLow?"low":"high",this._currentThumbFocus==="low"?this._currentInputFocus=this._inputLow:this._currentInputFocus=this._inputHigh,this.focus()}_setValueBasedOnCurrentThumb(t){this._currentThumbFocus==="low"?this.valueLow=t:this.valueHigh=t}_getValue(t){const o=(t-this._innerTrack.getBoundingClientRect().left)/(this._trackWidth-de*2)*(this.max-this.min)+this.min;return Math.round(o/this.step)*this.step}_validateLowByMinGap(t){return!this.minGap||this.minGap<=this.step?t:t+this.minGap>=this.valueHigh?this.valueHigh-this.minGap:t}_validateLowByMaxGap(t){return this.maxGap&&this.valueHigh-t>=this.maxGap?this.valueHigh-this.maxGap:t}_validateHighByMinGap(t){return!this.minGap||this.minGap<=this.step?t:t<=this.valueLow+this.minGap?this.valueLow+this.minGap:t}_validateHighByMaxGap(t){return this.maxGap&&t>=this.valueLow+this.maxGap?this.valueLow+this.maxGap:t}_validateValueBasedOnCurrentThumb(t){if(this._currentThumbFocus=="low"){let r;return r=t<this.valueHigh-this.step?t:this.valueHigh-this.step,r=r>=this.min?r:this.min,r=this.minGap?this._validateLowByMinGap(r):r,r=this.maxGap?this._validateLowByMaxGap(r):r,r}let e;return e=t>this.valueLow+this.step?t:this.valueLow+this.step,e=e<=this.max?e:this.max,e=this.minGap?this._validateHighByMinGap(e):e,e=this.maxGap?this._validateHighByMaxGap(e):e,e}_saveStartPoint(t,e,r){this._startPos=t,this._startLow=e,this._startHigh=r}_moveBoth(t){const e=t-this._startPos,r=this.max-this.min,o=e/(this._trackWidth+de*2),i=Math.round(o*r/this.step)*this.step,s=this._startLow+i,n=this._startHigh+i,u=this._getValidatedValues(s,n);s===u.low&&n===u.high&&(this.valueLow=s,this.valueHigh=n,this.dispatchEvent(new V(V.INPUT)))}_getValidatedValues(t,e){const r=t>this.min?t:this.min,o=e<this.max?e:this.max;return{low:r,high:o}}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new V(V.CHANGE))}_onLowInput(t){t.stopPropagation();let e=parseInt(this._inputLow.value);e=this._validateLowByMinGap(e),e=this._validateLowByMaxGap(e),this._inputLow.value=String(e),this.valueLow=e,this.dispatchEvent(new V(V.INPUT))}_onHighInput(t){t.stopPropagation();let e=parseInt(this._inputHigh.value);e=this._validateHighByMinGap(e),e=this._validateHighByMaxGap(e),this._inputHigh.value=String(e),this.valueHigh=e,this.dispatchEvent(new V(V.INPUT))}connectedCallback(){super.connectedCallback(),e1(this,Fo,tl).call(this),window.addEventListener("resize",()=>{this._trackWidth=this._outerTrack.offsetWidth})}updated(t){super.updated(t),this._trackWidth=this._outerTrack.offsetWidth,this._fillColor()}render(){return l`
|
|
4139
3975
|
<div id="range-slider">
|
|
4140
3976
|
${this.renderNativeInputs()}
|
|
4141
3977
|
<div id="inner-track">
|
|
@@ -4183,8 +4019,8 @@
|
|
|
4183
4019
|
<rect x="9" y="9" height="3" rx="2" />
|
|
4184
4020
|
${this.renderSteps()}
|
|
4185
4021
|
</svg>
|
|
4186
|
-
</div>`}renderSteps(){const t=(this.max-this.min)/this.step,e=(this._trackWidth-
|
|
4187
|
-
${
|
|
4022
|
+
</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>=rl){let o=0;const i=[];for(o;o<=t;o++)i.push(o*e);const s=this.disabled==!1?"filled":"filled-disabled";return g`
|
|
4023
|
+
${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 E;const t=(this.max-this.min)/this.step;if((this._trackWidth-de*2)/t>=rl&&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 l``}};Fo=new WeakSet,tl=function(t){this._value=t||`${this.valueLow},${this.valueHigh}`},P.styles=[an,h`
|
|
4188
4024
|
:host {
|
|
4189
4025
|
display: block;
|
|
4190
4026
|
min-height: 50px;
|
|
@@ -4295,8 +4131,8 @@
|
|
|
4295
4131
|
position: absolute;
|
|
4296
4132
|
height: 3px;
|
|
4297
4133
|
background-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
4298
|
-
left: ${
|
|
4299
|
-
right: ${
|
|
4134
|
+
left: ${de}px; /* Match TRACK_MARGIN */
|
|
4135
|
+
right: ${de}px; /* Match TRACK_MARGIN */
|
|
4300
4136
|
}
|
|
4301
4137
|
|
|
4302
4138
|
#range-slider:hover #inner-track,
|
|
@@ -4324,8 +4160,8 @@
|
|
|
4324
4160
|
}
|
|
4325
4161
|
|
|
4326
4162
|
#step-values {
|
|
4327
|
-
margin: 0 ${
|
|
4328
|
-
padding-top: ${
|
|
4163
|
+
margin: 0 ${de}px; /* Match TRACK_MARGIN */
|
|
4164
|
+
padding-top: ${de+3}px;
|
|
4329
4165
|
display: flex;
|
|
4330
4166
|
align-items: flex-end;
|
|
4331
4167
|
box-sizing: border-box;
|
|
@@ -4350,13 +4186,13 @@
|
|
|
4350
4186
|
}
|
|
4351
4187
|
|
|
4352
4188
|
.svg-wrapper {
|
|
4353
|
-
margin: 0 ${-1*
|
|
4189
|
+
margin: 0 ${-1*de}px;
|
|
4354
4190
|
height: 18px;
|
|
4355
4191
|
transform: translateY(-75%);
|
|
4356
4192
|
}
|
|
4357
4193
|
|
|
4358
4194
|
.svg-wrapper svg {
|
|
4359
|
-
margin-top: ${
|
|
4195
|
+
margin-top: ${de/2}px;
|
|
4360
4196
|
}
|
|
4361
4197
|
|
|
4362
4198
|
/** FOCUS */
|
|
@@ -4522,7 +4358,7 @@
|
|
|
4522
4358
|
input[type='range']:disabled::-ms-thumb {
|
|
4523
4359
|
cursor: default;
|
|
4524
4360
|
}
|
|
4525
|
-
`],P.formAssociated=!0,
|
|
4361
|
+
`],P.formAssociated=!0,S([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2),S([a({type:String})],P.prototype,"label",2),S([a({type:Number})],P.prototype,"step",2),S([a({type:Boolean,attribute:"hide-step-values"})],P.prototype,"hideStepValues",2),S([a({type:Number})],P.prototype,"min",2),S([a({type:Number})],P.prototype,"max",2),S([a({type:Number,attribute:"min-gap"})],P.prototype,"minGap",2),S([a({type:Number,attribute:"max-gap"})],P.prototype,"maxGap",2),S([a({type:String})],P.prototype,"value",1),S([a({type:Number,attribute:"value-low"})],P.prototype,"valueLow",1),S([a({type:Number,attribute:"value-high"})],P.prototype,"valueHigh",1),S([f()],P.prototype,"_trackWidth",2),S([f()],P.prototype,"_currentInputFocus",2),S([f()],P.prototype,"_currentThumbFocus",2),S([f()],P.prototype,"_grabbingBoth",2),S([f()],P.prototype,"_startPos",2),S([f()],P.prototype,"_startLow",2),S([f()],P.prototype,"_startHigh",2),S([C("#low-input")],P.prototype,"_inputLow",2),S([C("#high-input")],P.prototype,"_inputHigh",2),S([C("#range-slider")],P.prototype,"_outerTrack",2),S([C("#inner-track")],P.prototype,"_innerTrack",2),S([C("#low-thumb")],P.prototype,"_thumbLow",2),S([C("#high-thumb")],P.prototype,"_thumbHigh",2),S([C(".color")],P.prototype,"_innerColor",2),S([C(".color-target")],P.prototype,"_bothThumbsTarget",2),P=S([p("uui-range-slider")],P);var t1=Object.defineProperty,r1=Object.getOwnPropertyDescriptor,i1=(t,e,r,o)=>{for(var i=o>1?void 0:o?r1(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 Di=class extends v{render(){return l`<slot></slot>`}};Di.styles=[h`
|
|
4526
4362
|
:host {
|
|
4527
4363
|
display: block;
|
|
4528
4364
|
}
|
|
@@ -4538,7 +4374,7 @@
|
|
|
4538
4374
|
right: 0;
|
|
4539
4375
|
border-top: 1px solid var(--uui-color-border,#d8d7d9);
|
|
4540
4376
|
}
|
|
4541
|
-
`],
|
|
4377
|
+
`],Di=i1([p("uui-ref-list")],Di);class Zt extends O{}Zt.OPEN="open";var o1=Object.defineProperty,s1=Object.getOwnPropertyDescriptor,Go=(t,e,r,o)=>{for(var i=o>1?void 0:o?s1(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&&o1(e,r,i),i};let qe=class extends Jr(St(v)){constructor(){super(...arguments),this.disabled=!1,this.error=!1}handleOpenClick(t){t.stopPropagation(),this.dispatchEvent(new Zt(Zt.OPEN))}handleOpenKeydown(t){t.key!==" "&&t.key!=="Enter"||(t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new Zt(Zt.OPEN)))}};qe.styles=[h`
|
|
4542
4378
|
:host {
|
|
4543
4379
|
position: relative;
|
|
4544
4380
|
display: flex;
|
|
@@ -4686,7 +4522,7 @@
|
|
|
4686
4522
|
justify-content: flex-end;
|
|
4687
4523
|
align-items: center;
|
|
4688
4524
|
}
|
|
4689
|
-
`],
|
|
4525
|
+
`],Go([a({type:Boolean,reflect:!0})],qe.prototype,"disabled",2),Go([a({type:Boolean,reflect:!0})],qe.prototype,"error",2),qe=Go([p("uui-ref")],qe);var n1=Object.defineProperty,a1=Object.getOwnPropertyDescriptor,Li=(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&&n1(e,r,i),i};let U=class extends qe{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(),m(this,"uui-icon")}_onSlotIconChange(t){this._iconSlotHasContent=t.target.assignedNodes({flatten:!0}).length>0}renderDetail(){return l`<small id="detail"
|
|
4690
4526
|
>${this.detail}<slot name="detail"></slot
|
|
4691
4527
|
></small>`}_renderFallbackIcon(){return l`<uui-icon .svg="${this.fallbackIcon}"></uui-icon>`}render(){return l`
|
|
4692
4528
|
<button
|
|
@@ -4770,17 +4606,17 @@
|
|
|
4770
4606
|
:host([disabled]) #detail {
|
|
4771
4607
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4772
4608
|
}
|
|
4773
|
-
`],
|
|
4609
|
+
`],Li([a({type:String})],U.prototype,"name",2),Li([a({type:String})],U.prototype,"detail",2),Li([f()],U.prototype,"_iconSlotHasContent",2),U=Li([p("uui-ref-node")],U);var l1=Object.defineProperty,u1=Object.getOwnPropertyDescriptor,il=(t,e,r,o)=>{for(var i=o>1?void 0:o?u1(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&l1(e,r,i),i};let Pr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M142.212 397.267l106.052-48.024L398.479 199.03l-26.405-26.442-90.519 90.517-15.843-15.891 90.484-90.486-16.204-16.217-150.246 150.243-47.534 106.513zm74.904-100.739l23.285-23.283 3.353 22.221 22.008 3.124-23.283 23.313-46.176 20.991 20.813-46.366zm257.6-173.71L416.188 64.3l-49.755 49.785 58.504 58.503 49.779-49.77zM357.357 300.227h82.826v116.445H68.929V300.227h88.719v-30.648H38.288v177.733h432.537V269.578H357.357v30.649z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4774
4610
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4775
|
-
></small>`}};
|
|
4611
|
+
></small>`}};Pr.styles=[...U.styles],il([a({type:String})],Pr.prototype,"alias",2),Pr=il([p("uui-ref-node-data-type")],Pr);var c1=Object.defineProperty,h1=Object.getOwnPropertyDescriptor,ol=(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&&c1(e,r,i),i};let Cr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M49.035 60.434h413.93v33.592H49.035zm0 82.005h86.578v86.577H49.035zm163.677 0h86.576v86.577h-86.576zm163.676 0h86.576v86.577h-86.576zM49.035 282.984h413.93v33.593H49.035zm0 82.006h86.578v86.576H49.035zm163.677 0h86.576v86.576h-86.576zm163.676 0h86.576v86.576h-86.576z"></path></svg>',this.alias=""}renderDetail(){const t=[];return this.alias!==""&&t.push(this.alias),this.detail!==""&&t.push(this.detail),l`<small id="detail"
|
|
4776
4612
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4777
|
-
></small>`}};
|
|
4613
|
+
></small>`}};Cr.styles=[...U.styles],ol([a({type:String})],Cr.prototype,"alias",2),Cr=ol([p("uui-ref-node-document-type")],Cr);var d1=Object.defineProperty,p1=Object.getOwnPropertyDescriptor,v1=(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&&d1(e,r,i),i};let Ni=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M444.72 215.28H67.28c-11.04 0-20-8.96-20-20V64.896c0-11.04 8.96-20 20-20h377.44c11.04 0 20 8.96 20 20V195.28c0 11.056-8.96 20-20 20zm-357.44-40h337.44V84.896H87.28v90.384zm185.504 215.696c0-6.848.704-13.504 1.936-20H87.28v-90.384h337.44v12.496a108.098 108.098 0 0140 31.36v-63.856c0-11.04-8.96-20-20-20H67.28c-11.04 0-20 8.96-20 20v130.384c0 11.04 8.96 20 20 20h207.44c-1.232-6.496-1.936-13.152-1.936-20zm107.552-76.128c-41.968 0-76.112 34.16-76.112 76.128s34.144 76.128 76.112 76.128 76.128-34.16 76.128-76.128-34.144-76.128-76.128-76.128zm46.016 80.464a7.293 7.293 0 01-7.296 7.296h-27.072v27.088a7.293 7.293 0 01-7.296 7.296H376a7.293 7.293 0 01-7.296-7.296v-27.088h-27.072a7.293 7.293 0 01-7.296-7.296v-8.672a7.293 7.293 0 017.296-7.296h27.072v-27.088A7.293 7.293 0 01376 344.96h8.688a7.293 7.293 0 017.296 7.296v27.088h27.072a7.293 7.293 0 017.296 7.296v8.672z"></path></svg>'}};Ni.styles=[...U.styles],Ni=v1([p("uui-ref-node-form")],Ni);var f1=Object.defineProperty,b1=Object.getOwnPropertyDescriptor,sl=(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&&f1(e,r,i),i};let Or=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"
|
|
4778
4614
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4779
|
-
></small>`}};
|
|
4615
|
+
></small>`}};Or.styles=[...U.styles],sl([a({type:String,attribute:"group-name"})],Or.prototype,"groupName",2),Or=sl([p("uui-ref-node-member")],Or);var g1=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,qo=(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 Qt=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.08 106.29l-70.073 40.452 165.498 95.545 70.076-40.453L161.08 106.29zm259.851 41.077L255.435 51.815l-63.578 36.709 165.499 95.542 63.575-36.699zm-150.11 122.19V459.43l164.966-95.238V174.32l-164.966 95.237zM75.082 364.191l164.959 95.234V268.32L75.082 173.09v191.101z"></path></svg>',this.version="",this.author=""}renderDetail(){const t=[];return this.detail!==""&&t.push(this.detail),this.version!==""&&t.push(this.version),this.author!==""&&t.push(this.author),l`<small id="detail"
|
|
4780
4616
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4781
|
-
></small>`}};Qt.styles=[...U.styles],
|
|
4617
|
+
></small>`}};Qt.styles=[...U.styles],qo([a({type:String})],Qt.prototype,"version",2),qo([a({type:String})],Qt.prototype,"author",2),Qt=qo([p("uui-ref-node-package")],Qt);var _1=Object.defineProperty,y1=Object.getOwnPropertyDescriptor,nl=(t,e,r,o)=>{for(var i=o>1?void 0:o?y1(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&&_1(e,r,i),i};let Sr=class extends U{constructor(){super(...arguments),this.fallbackIcon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="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"
|
|
4782
4618
|
>${t.join(" | ")}<slot name="detail"></slot
|
|
4783
|
-
></small>`}};
|
|
4619
|
+
></small>`}};Sr.styles=[...U.styles],nl([a({type:String,attribute:"group-name"})],Sr.prototype,"groupName",2),Sr=nl([p("uui-ref-node-user")],Sr);var w1=Object.defineProperty,x1=Object.getOwnPropertyDescriptor,al=(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&&w1(e,r,i),i};let kr=class extends v{constructor(){super(...arguments),this.enforceScroll=!1}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}render(){return l`<slot></slot>`}};kr.styles=[h`
|
|
4784
4620
|
:host {
|
|
4785
4621
|
display: block;
|
|
4786
4622
|
scrollbar-width: thin;
|
|
@@ -4806,9 +4642,9 @@
|
|
|
4806
4642
|
background-color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
4807
4643
|
border-radius: 3px;
|
|
4808
4644
|
}
|
|
4809
|
-
`],
|
|
4645
|
+
`],al([a({type:Boolean,reflect:!0,attribute:"enforce-scroll"})],kr.prototype,"enforceScroll",2),kr=al([p("uui-scroll-container")],kr);var $1=Object.defineProperty,ll=Object.getOwnPropertySymbols,E1=Object.prototype.hasOwnProperty,P1=Object.prototype.propertyIsEnumerable,ul=(t,e,r)=>e in t?$1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,cl=(t,e)=>{for(var r in e||(e={}))E1.call(e,r)&&ul(t,r,e[r]);if(ll)for(var r of ll(e))P1.call(e,r)&&ul(t,r,e[r]);return t};class Hi extends O{constructor(e,r={}){super(e,cl(cl({},{bubbles:!0}),r))}}Hi.CHANGE="change";var C1=Object.defineProperty,O1=Object.getOwnPropertyDescriptor,xe=(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 Z=class extends fe(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 Hi(Hi.CHANGE,{bubbles:!0,composed:!1}))}getFormElement(){return this._input}_renderOption(t,e,r,o){return l`<option
|
|
4810
4646
|
value="${e}"
|
|
4811
|
-
?selected=${
|
|
4647
|
+
?selected=${r}
|
|
4812
4648
|
?disabled=${o}>
|
|
4813
4649
|
${t}
|
|
4814
4650
|
</option>`}_renderGrouped(){return this._groups.length===0?l``:l`
|
|
@@ -4898,7 +4734,7 @@
|
|
|
4898
4734
|
:host([error]) #native[disabled] {
|
|
4899
4735
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
4900
4736
|
}
|
|
4901
|
-
`]
|
|
4737
|
+
`],xe([a({type:String})],Z.prototype,"label",2),xe([a()],Z.prototype,"placeholder",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"disabled",2),xe([a({type:Boolean,reflect:!0})],Z.prototype,"error",2),xe([a({type:Array,attribute:!1})],Z.prototype,"options",2),xe([f()],Z.prototype,"_groups",2),xe([a()],Z.prototype,"disabledGroups",2),xe([f()],Z.prototype,"_disabledGroups",2),xe([C("#native")],Z.prototype,"_input",2),Z=xe([p("uui-select")],Z);const S1=h`
|
|
4902
4738
|
input[type='range'] {
|
|
4903
4739
|
left: 0;
|
|
4904
4740
|
position: absolute;
|
|
@@ -5005,15 +4841,15 @@
|
|
|
5005
4841
|
input[type='range']:focus::-ms-fill-upper {
|
|
5006
4842
|
background: transparent;
|
|
5007
4843
|
}
|
|
5008
|
-
`;var
|
|
5009
|
-
${t.map(
|
|
5010
|
-
`,
|
|
4844
|
+
`;var k1=Object.defineProperty,hl=Object.getOwnPropertySymbols,z1=Object.prototype.hasOwnProperty,I1=Object.prototype.propertyIsEnumerable,dl=(t,e,r)=>e in t?k1(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,pl=(t,e)=>{for(var r in e||(e={}))z1.call(e,r)&&dl(t,r,e[r]);if(hl)for(var r of hl(e))I1.call(e,r)&&dl(t,r,e[r]);return t};class _t extends O{constructor(e,r={}){super(e,pl(pl({},{bubbles:!0}),r))}}_t.INPUT="input",_t.CHANGE="change";var A1=Object.defineProperty,U1=Object.getOwnPropertyDescriptor,Q=(t,e,r,o)=>{for(var i=o>1?void 0:o?U1(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&&A1(e,r,i),i};const zr=12,vl=24,D1=(t,e)=>g`
|
|
4845
|
+
${t.map(r=>{if(e>=vl){const o=Math.round(zr+e*t.indexOf(r));return g`<circle class="track-step" cx="${o}" cy="50%" r="4.5" />`}return g``})}
|
|
4846
|
+
`,L1=(t,e,r)=>r?l``:l`<div id="step-values">
|
|
5011
4847
|
${t.map(o=>l` <span
|
|
5012
4848
|
><span>
|
|
5013
|
-
${t.length<=20&&e>=
|
|
4849
|
+
${t.length<=20&&e>=vl?o.toFixed(0):E}
|
|
5014
4850
|
</span></span
|
|
5015
4851
|
>`)}
|
|
5016
|
-
</div>`,
|
|
4852
|
+
</div>`,N1=(t,e,r)=>Array.from({length:(e-t)/r+1},(o,i)=>t+i*r);let T=class extends fe(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=N1(this.min,this.max,this.step),this._stepWidth=this._calculateStepWidth()}_calculateStepWidth(){return(this._track.getBoundingClientRect().width-zr*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 _t(_t.INPUT))}_onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new _t(_t.CHANGE))}render(){return l`
|
|
5017
4853
|
<input
|
|
5018
4854
|
id="input"
|
|
5019
4855
|
type="range"
|
|
@@ -5028,17 +4864,17 @@
|
|
|
5028
4864
|
<div id="track" aria-hidden="true">
|
|
5029
4865
|
<svg height="100%" width="100%">
|
|
5030
4866
|
<rect x="9" y="9" height="3" rx="2" />
|
|
5031
|
-
${
|
|
4867
|
+
${D1(this._steps,this._stepWidth)}
|
|
5032
4868
|
</svg>
|
|
5033
4869
|
|
|
5034
4870
|
<div id="track-inner" aria-hidden="true">
|
|
5035
|
-
<div id="thumb" style=${
|
|
4871
|
+
<div id="thumb" style=${ge({left:this._sliderPosition})}>
|
|
5036
4872
|
<div id="thumb-label">${this.value}</div>
|
|
5037
4873
|
</div>
|
|
5038
4874
|
</div>
|
|
5039
4875
|
</div>
|
|
5040
|
-
${
|
|
5041
|
-
`}};
|
|
4876
|
+
${L1(this._steps,this._stepWidth,this.hideStepValues)}
|
|
4877
|
+
`}};T.formAssociated=!0,T.styles=[an,S1,h`
|
|
5042
4878
|
:host {
|
|
5043
4879
|
display: inline-block;
|
|
5044
4880
|
width: 100%;
|
|
@@ -5086,8 +4922,8 @@
|
|
|
5086
4922
|
|
|
5087
4923
|
#track-inner {
|
|
5088
4924
|
position: absolute;
|
|
5089
|
-
left: ${
|
|
5090
|
-
right: ${
|
|
4925
|
+
left: ${zr}px; /* Match TRACK_MARGIN */
|
|
4926
|
+
right: ${zr}px; /* Match TRACK_MARGIN */
|
|
5091
4927
|
}
|
|
5092
4928
|
|
|
5093
4929
|
#thumb {
|
|
@@ -5146,7 +4982,7 @@
|
|
|
5146
4982
|
}
|
|
5147
4983
|
|
|
5148
4984
|
#step-values {
|
|
5149
|
-
margin: 0 ${
|
|
4985
|
+
margin: 0 ${zr}px; /* Match TRACK_MARGIN */
|
|
5150
4986
|
margin-top: 6px;
|
|
5151
4987
|
display: flex;
|
|
5152
4988
|
align-items: flex-end;
|
|
@@ -5177,9 +5013,9 @@
|
|
|
5177
5013
|
:host(:not([pristine]):invalid) #thumb:after {
|
|
5178
5014
|
background-color: var(--uui-color-danger,#d42054);
|
|
5179
5015
|
}
|
|
5180
|
-
`],Q([a({type:Boolean,attribute:"hide-step-values"})],
|
|
5016
|
+
`],Q([a({type:Boolean,attribute:"hide-step-values"})],T.prototype,"hideStepValues",2),Q([a({type:Number})],T.prototype,"min",2),Q([a({type:Number})],T.prototype,"max",2),Q([a({type:Number})],T.prototype,"step",2),Q([a({type:String})],T.prototype,"value",1),Q([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2),Q([a({type:String})],T.prototype,"label",2),Q([C("#input")],T.prototype,"_input",2),Q([C("#track")],T.prototype,"_track",2),Q([f()],T.prototype,"_stepWidth",2),Q([f()],T.prototype,"_steps",2),Q([f()],T.prototype,"_sliderPosition",2),T=Q([p("uui-slider")],T);var H1=Object.defineProperty,M1=Object.getOwnPropertyDescriptor,fl=(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&&H1(e,r,i),i};let Ir=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">
|
|
5181
5017
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5182
|
-
</svg>`}};
|
|
5018
|
+
</svg>`}};Ir.styles=[h`
|
|
5183
5019
|
:host {
|
|
5184
5020
|
display: inline-block;
|
|
5185
5021
|
width: 12px;
|
|
@@ -5198,13 +5034,13 @@
|
|
|
5198
5034
|
:host([open]) svg {
|
|
5199
5035
|
transform: rotate(0deg);
|
|
5200
5036
|
}
|
|
5201
|
-
`],
|
|
5037
|
+
`],fl([a({type:Boolean,reflect:!0})],Ir.prototype,"open",2),Ir=fl([p("uui-symbol-expand")],Ir);var T1=Object.defineProperty,j1=Object.getOwnPropertyDescriptor,bl=(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&&T1(e,r,i),i};let Ar=class extends v{constructor(){super(...arguments),this.error=!1}render(){return l`<svg
|
|
5202
5038
|
xmlns="http://www.w3.org/2000/svg"
|
|
5203
5039
|
viewBox="0 0 512 512"
|
|
5204
5040
|
id="upload-icon">
|
|
5205
5041
|
<path
|
|
5206
5042
|
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"} />
|
|
5207
|
-
</svg> `}};
|
|
5043
|
+
</svg> `}};Ar.styles=[h`
|
|
5208
5044
|
:host {
|
|
5209
5045
|
display: flex;
|
|
5210
5046
|
flex-direction: column;
|
|
@@ -5223,9 +5059,9 @@
|
|
|
5223
5059
|
:host([error]) #upload-icon {
|
|
5224
5060
|
fill: var(--uui-color-danger,#d42054);
|
|
5225
5061
|
}
|
|
5226
|
-
`],
|
|
5062
|
+
`],bl([a({type:Boolean,reflect:!0})],Ar.prototype,"error",2),Ar=bl([p("uui-symbol-file-dropzone")],Ar);var V1=Object.defineProperty,B1=Object.getOwnPropertyDescriptor,Wo=(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&&V1(e,r,i),i};let Jt=class extends v{constructor(){super(...arguments),this.src="",this.alt=""}connectedCallback(){super.connectedCallback(),m(this,"uui-icon")}render(){return this.src?l`<img src=${this.src} alt=${this.alt} />`:l`<uui-icon
|
|
5227
5063
|
name="picture"
|
|
5228
|
-
.fallback=${
|
|
5064
|
+
.fallback=${Gc.strings[0]}></uui-icon>`}};Jt.styles=[h`
|
|
5229
5065
|
:host {
|
|
5230
5066
|
display: block;
|
|
5231
5067
|
width: 100%;
|
|
@@ -5248,9 +5084,9 @@
|
|
|
5248
5084
|
color: var(--uui-color-surface,#fff);
|
|
5249
5085
|
background: var(--uui-color-surface-alt,#f3f3f5);
|
|
5250
5086
|
}
|
|
5251
|
-
`],
|
|
5087
|
+
`],Wo([a({type:String})],Jt.prototype,"src",2),Wo([a({type:String})],Jt.prototype,"alt",2),Jt=Wo([p("uui-symbol-file-thumbnail")],Jt);var R1=Object.defineProperty,F1=Object.getOwnPropertyDescriptor,gl=(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&&R1(e,r,i),i};let Ur=class extends v{constructor(){super(...arguments),this.open=!1}render(){return g`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5252
5088
|
${this.open===!0?g`<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>`:g`<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>`}
|
|
5253
|
-
</svg>`}};
|
|
5089
|
+
</svg>`}};Ur.styles=[h`
|
|
5254
5090
|
:host {
|
|
5255
5091
|
display: inline-block;
|
|
5256
5092
|
vertical-align: middle;
|
|
@@ -5260,7 +5096,7 @@
|
|
|
5260
5096
|
svg {
|
|
5261
5097
|
fill: currentColor;
|
|
5262
5098
|
}
|
|
5263
|
-
`],
|
|
5099
|
+
`],gl([a({type:Boolean,reflect:!0})],Ur.prototype,"open",2),Ur=gl([p("uui-symbol-lock")],Ur);var G1=Object.defineProperty,q1=Object.getOwnPropertyDescriptor,W1=(t,e,r,o)=>{for(var i=o>1?void 0:o?q1(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 Mi=class extends v{render(){return l`•••`}};Mi.styles=[h`
|
|
5264
5100
|
:host {
|
|
5265
5101
|
display: inline-block;
|
|
5266
5102
|
font-size: 0.8em;
|
|
@@ -5269,7 +5105,7 @@
|
|
|
5269
5105
|
line-height: 1em;
|
|
5270
5106
|
user-select: none;
|
|
5271
5107
|
}
|
|
5272
|
-
`],
|
|
5108
|
+
`],Mi=W1([p("uui-symbol-more")],Mi);var K1=Object.defineProperty,X1=Object.getOwnPropertyDescriptor,ml=(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 Dr=class extends lr(v){constructor(){super(...arguments),this.descending=!1}render(){return l`<svg
|
|
5273
5109
|
id="up"
|
|
5274
5110
|
xmlns="http://www.w3.org/2000/svg"
|
|
5275
5111
|
viewBox="0 0 512 512">
|
|
@@ -5277,7 +5113,7 @@
|
|
|
5277
5113
|
</svg>
|
|
5278
5114
|
<svg id="down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
5279
5115
|
<path d="M 255.125 400.35 L 88.193 188.765 H 422.055 Z"></path>
|
|
5280
|
-
</svg>`}};
|
|
5116
|
+
</svg>`}};Dr.styles=[h`
|
|
5281
5117
|
:host {
|
|
5282
5118
|
position: relative;
|
|
5283
5119
|
display: inline-block;
|
|
@@ -5334,7 +5170,7 @@
|
|
|
5334
5170
|
:host([active][descending]) #down {
|
|
5335
5171
|
opacity: calc(0.25 * var(--uui-symbol-sort-hover, 0));
|
|
5336
5172
|
}
|
|
5337
|
-
`],
|
|
5173
|
+
`],ml([a({type:Boolean,reflect:!0})],Dr.prototype,"descending",2),Dr=ml([p("uui-symbol-sort")],Dr);var Y1=Object.defineProperty,Z1=Object.getOwnPropertyDescriptor,Q1=(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};let Ti=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","table")}render(){return l`<slot></slot>`}};Ti.styles=[h`
|
|
5338
5174
|
:host {
|
|
5339
5175
|
display: table;
|
|
5340
5176
|
width: 100%;
|
|
@@ -5342,7 +5178,7 @@
|
|
|
5342
5178
|
background-color: var(--uui-color-surface,#fff);
|
|
5343
5179
|
cursor: default;
|
|
5344
5180
|
}
|
|
5345
|
-
`],
|
|
5181
|
+
`],Ti=Q1([p("uui-table")],Ti);var J1=Object.defineProperty,ev=Object.getOwnPropertyDescriptor,ji=(t,e,r,o)=>{for(var i=o>1?void 0:o?ev(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 $e=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>`}};$e.styles=[h`
|
|
5346
5182
|
:host {
|
|
5347
5183
|
position: relative;
|
|
5348
5184
|
display: table-cell;
|
|
@@ -5376,20 +5212,20 @@
|
|
|
5376
5212
|
:host([no-padding]) {
|
|
5377
5213
|
padding: 0;
|
|
5378
5214
|
}
|
|
5379
|
-
`],
|
|
5215
|
+
`],ji([a({type:Boolean,reflect:!0,attribute:"disable-child-interaction"})],$e.prototype,"disableChildInteraction",2),ji([a({type:Boolean,reflect:!0,attribute:"no-padding"})],$e.prototype,"noPadding",2),ji([a({type:Boolean,reflect:!0,attribute:"clip-text"})],$e.prototype,"clipText",2),$e=ji([p("uui-table-cell")],$e);var tv=Object.defineProperty,rv=Object.getOwnPropertyDescriptor,iv=(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};let Vi=class extends v{};Vi.styles=[h`
|
|
5380
5216
|
:host {
|
|
5381
5217
|
display: table-column;
|
|
5382
5218
|
}
|
|
5383
|
-
`],
|
|
5219
|
+
`],Vi=iv([p("uui-table-column")],Vi);var ov=Object.defineProperty,sv=Object.getOwnPropertyDescriptor,nv=(t,e,r,o)=>{for(var i=o>1?void 0:o?sv(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&&ov(e,r,i),i};let Bi=class extends $e{connectedCallback(){super.connectedCallback(),this.setAttribute("role","columnheader")}};Bi.styles=[...$e.styles,h`
|
|
5384
5220
|
:host {
|
|
5385
5221
|
border-top: none;
|
|
5386
5222
|
}
|
|
5387
|
-
`],
|
|
5223
|
+
`],Bi=nv([p("uui-table-head-cell")],Bi);var av=Object.defineProperty,lv=Object.getOwnPropertyDescriptor,uv=(t,e,r,o)=>{for(var i=o>1?void 0:o?lv(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&&av(e,r,i),i};let Ri=class extends v{connectedCallback(){super.connectedCallback(),this.setAttribute("role","row")}render(){return l`<slot></slot>`}};Ri.styles=[h`
|
|
5388
5224
|
:host {
|
|
5389
5225
|
display: table-header-group;
|
|
5390
5226
|
font-weight: bold;
|
|
5391
5227
|
}
|
|
5392
|
-
`],
|
|
5228
|
+
`],Ri=uv([p("uui-table-head")],Ri);var cv=Object.defineProperty,hv=Object.getOwnPropertyDescriptor,_l=(t,e,r,o)=>{for(var i=o>1?void 0:o?hv(e,r):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(i=(o?n(e,r,i):n(i))||i);return o&&i&&cv(e,r,i),i};let Lr=class extends Jr(St(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 $e}render(){return l` <slot @slotchanged=${this.updateChildSelectOnly}></slot> `}};Lr.styles=[h`
|
|
5393
5229
|
:host {
|
|
5394
5230
|
display: table-row;
|
|
5395
5231
|
position: relative;
|
|
@@ -5411,7 +5247,7 @@
|
|
|
5411
5247
|
:host([selected]:focus) {
|
|
5412
5248
|
outline-color: var(--uui-color-focus,#3879ff);
|
|
5413
5249
|
}
|
|
5414
|
-
`],
|
|
5250
|
+
`],_l([je({flatten:!0,selector:"uui-table-cell, [uui-table-cell], [role=cell]"})],Lr.prototype,"slotCellNodes",2),Lr=_l([p("uui-table-row")],Lr);var dv=Object.defineProperty,pv=Object.getOwnPropertyDescriptor,Fi=(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&&dv(e,r,i),i};let We=class extends lr(ve("",v)){constructor(){super(),this.disabled=!1,this.addEventListener("click",this.onHostClick)}onHostClick(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}render(){return this.href?l`
|
|
5415
5251
|
<a
|
|
5416
5252
|
id="button"
|
|
5417
5253
|
href=${L(this.disabled?void 0:this.href)}
|
|
@@ -5510,7 +5346,7 @@
|
|
|
5510
5346
|
font-size: 20px;
|
|
5511
5347
|
margin-bottom: var(--uui-size-2,6px);
|
|
5512
5348
|
}
|
|
5513
|
-
`],
|
|
5349
|
+
`],Fi([a({type:Boolean,reflect:!0})],We.prototype,"disabled",2),Fi([a({type:String})],We.prototype,"href",2),Fi([a({type:String})],We.prototype,"target",2),We=Fi([p("uui-tab")],We);var vv=Object.defineProperty,fv=Object.getOwnPropertyDescriptor,yl=(t,e,r,o)=>{for(var i=o>1?void 0:o?fv(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&&vv(e,r,i),i};let Nr=class extends v{constructor(){super(...arguments),this._tabElements=[],this._onTabClicked=t=>{const e=t.currentTarget;this._elementIsTabLike(e)&&(e.active=!0,this._tabElements.filter(o=>o!==e).forEach(o=>{this._elementIsTabLike(o)&&(o.active=!1)}))}}_setTabArray(){this._tabElements=this._slottedNodes?this._slottedNodes:[]}_onSlotChange(){this._tabElements.forEach(t=>{t.removeEventListener("click",this._onTabClicked)}),this._setTabArray(),this._tabElements.forEach(t=>{t.addEventListener("click",this._onTabClicked)})}_elementIsTabLike(t){return t instanceof We||"active"in t}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","tablist")}render(){return l` <slot @slotchange=${this._onSlotChange}></slot> `}};Nr.styles=[h`
|
|
5514
5350
|
:host {
|
|
5515
5351
|
display: flex;
|
|
5516
5352
|
flex-wrap: wrap;
|
|
@@ -5523,7 +5359,7 @@
|
|
|
5523
5359
|
::slotted(*:not(:last-of-type)) {
|
|
5524
5360
|
border-right: 1px solid var(--uui-tab-divider, none);
|
|
5525
5361
|
}
|
|
5526
|
-
`],
|
|
5362
|
+
`],yl([je({flatten:!0,selector:"uui-tab, [uui-tab], [role=tab]"})],Nr.prototype,"_slottedNodes",2),Nr=yl([p("uui-tab-group")],Nr);class bv extends O{}class gv extends O{}var mv=Object.defineProperty,_v=Object.getOwnPropertyDescriptor,Ko=(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};let er=class extends v{constructor(){super(...arguments),this.color="default",this.look="primary"}render(){return l`<slot></slot>`}};er.styles=[h`
|
|
5527
5363
|
:host {
|
|
5528
5364
|
display: inline-block;
|
|
5529
5365
|
font-size: var(--uui-tag-font-size, var(--uui-type-small-size,12px));
|
|
@@ -5590,7 +5426,7 @@
|
|
|
5590
5426
|
color: var(--color-standalone);
|
|
5591
5427
|
border-color: var(--uui-color-border-standalone,#c2c2c2);
|
|
5592
5428
|
}
|
|
5593
|
-
`],
|
|
5429
|
+
`],Ko([a({reflect:!0})],er.prototype,"color",2),Ko([a({reflect:!0})],er.prototype,"look",2),er=Ko([p("uui-tag")],er);var yv=Object.defineProperty,wl=Object.getOwnPropertySymbols,wv=Object.prototype.hasOwnProperty,xv=Object.prototype.propertyIsEnumerable,xl=(t,e,r)=>e in t?yv(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,$l=(t,e)=>{for(var r in e||(e={}))wv.call(e,r)&&xl(t,r,e[r]);if(wl)for(var r of wl(e))xv.call(e,r)&&xl(t,r,e[r]);return t};class Hr extends O{constructor(e,r={}){super(e,$l($l({},{bubbles:!0}),r))}}Hr.CHANGE="change",Hr.INPUT="input";var $v=Object.defineProperty,Ev=Object.getOwnPropertyDescriptor,B=(t,e,r,o)=>{for(var i=o>1?void 0:o?Ev(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&&$v(e,r,i),i};let A=class extends fe(v){constructor(){super(),this.placeholder="",this.disabled=!1,this.readonly=!1,this.name="",this.error=!1,this.minlengthMessage="This field need more characters",this.maxlengthMessage="This field exceeds the allowed amount of characters",this.autoHeight=!1,this.addEventListener("mousedown",()=>{this.style.setProperty("--uui-show-focus-outline","0")}),this.addEventListener("blur",()=>{this.style.setProperty("--uui-show-focus-outline","")}),this.addValidator("tooShort",()=>this.minlengthMessage,()=>!!this.minlength&&this._value.length<this.minlength),this.addValidator("tooLong",()=>this.maxlengthMessage,()=>!!this.maxlength&&this._value.length>this.maxlength)}connectedCallback(){super.connectedCallback(),this.label||console.warn(this.tagName+" needs a `label`",this)}focus(){var t;(t=this._textarea)==null||t.focus()}getFormElement(){return this._textarea}onInput(t){this.value=t.target.value,this.autoHeight&&this.autoUpdateHeight()}onChange(t){t.stopPropagation(),this.pristine=!1,this.dispatchEvent(new Hr(Hr.CHANGE))}autoUpdateHeight(){const t=this.shadowRoot.host,e=this._textarea,r=t.scrollTop,o=getComputedStyle(t).height;t.style.display="block",t.style.height=o,e.style.height="auto",e.scrollHeight>e.clientHeight&&(e.style.height=e.scrollHeight+"px"),t.style.removeProperty("display"),t.style.removeProperty("height"),t.scrollTop=r}render(){return l`
|
|
5594
5430
|
<textarea
|
|
5595
5431
|
id="textarea"
|
|
5596
5432
|
.rows=${this.rows}
|
|
@@ -5688,171 +5524,7 @@
|
|
|
5688
5524
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
5689
5525
|
var(--uui-color-focus,#3879ff);
|
|
5690
5526
|
}
|
|
5691
|
-
`],B([a()],A.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],A.prototype,"readonly",2),B([a({type:String})],A.prototype,"name",2),B([a({type:Boolean,reflect:!0})],A.prototype,"error",2),B([a({type:Number})],A.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],A.prototype,"minlengthMessage",2),B([a({type:Number})],A.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],A.prototype,"maxlengthMessage",2),B([C("#textarea")],A.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],A.prototype,"autoHeight",2),B([a({type:String})],A.prototype,"label",2),B([a({type:Number})],A.prototype,"rows",2),B([a({type:Number})],A.prototype,"cols",2),B([a({type:String})],A.prototype,"wrap",2),A=B([p("uui-textarea")],A);var
|
|
5692
|
-
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
5693
|
-
font-size: 15px;
|
|
5694
|
-
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
5695
|
-
-webkit-font-smoothing: antialiased;
|
|
5696
|
-
}
|
|
5697
|
-
|
|
5698
|
-
.uui-text h1,
|
|
5699
|
-
.uui-text .uui-h1 {
|
|
5700
|
-
font-size: var(--uui-type-h1-size,60px);
|
|
5701
|
-
line-height: var(--uui-size-layout-4,66px);
|
|
5702
|
-
font-weight: 300;
|
|
5703
|
-
margin-left: -5px;
|
|
5704
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5705
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5706
|
-
}
|
|
5707
|
-
.uui-text p + h1,
|
|
5708
|
-
.uui-text p + .uui-h1 {
|
|
5709
|
-
margin-top: var(--uui-size-layout-4,66px);
|
|
5710
|
-
}
|
|
5711
|
-
.uui-text h1.--no-top-margin,
|
|
5712
|
-
.uui-text h1:first-child,
|
|
5713
|
-
.uui-text .uui-h1.--no-top-margin,
|
|
5714
|
-
.uui-text .uui-h1:first-child {
|
|
5715
|
-
margin-top: 0;
|
|
5716
|
-
}
|
|
5717
|
-
|
|
5718
|
-
.uui-text h2,
|
|
5719
|
-
.uui-text .uui-h2 {
|
|
5720
|
-
font-size: var(--uui-type-h2-size,42px);
|
|
5721
|
-
line-height: var(--uui-size-layout-3,42px);
|
|
5722
|
-
font-weight: 300;
|
|
5723
|
-
margin-left: -3px;
|
|
5724
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5725
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5726
|
-
}
|
|
5727
|
-
.uui-text p + h2,
|
|
5728
|
-
.uui-text p + .uui-h2 {
|
|
5729
|
-
margin-top: var(--uui-size-layout-3,42px);
|
|
5730
|
-
}
|
|
5731
|
-
.uui-text h2.--no-top-margin,
|
|
5732
|
-
.uui-text h2:first-child,
|
|
5733
|
-
.uui-text .uui-h2.--no-top-margin,
|
|
5734
|
-
.uui-text .uui-h2:first-child {
|
|
5735
|
-
margin-top: 0;
|
|
5736
|
-
}
|
|
5737
|
-
|
|
5738
|
-
.uui-text h3,
|
|
5739
|
-
.uui-text .uui-h3 {
|
|
5740
|
-
font-size: var(--uui-type-h3-size,30px);
|
|
5741
|
-
line-height: var(--uui-size-large);
|
|
5742
|
-
font-weight: 300;
|
|
5743
|
-
margin-left: -2px;
|
|
5744
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5745
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5746
|
-
}
|
|
5747
|
-
.uui-text h3.--no-top-margin,
|
|
5748
|
-
.uui-text h3:first-child,
|
|
5749
|
-
.uui-text .uui-h3.--no-top-margin,
|
|
5750
|
-
.uui-text .uui-h3:first-child {
|
|
5751
|
-
margin-top: 0;
|
|
5752
|
-
}
|
|
5753
|
-
|
|
5754
|
-
.uui-text h4,
|
|
5755
|
-
.uui-text .uui-h4 {
|
|
5756
|
-
font-size: var(--uui-type-h4-size,21px);
|
|
5757
|
-
line-height: 21px;
|
|
5758
|
-
font-weight: 400;
|
|
5759
|
-
margin-left: -1px;
|
|
5760
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5761
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5762
|
-
}
|
|
5763
|
-
.uui-text h4.--no-top-margin,
|
|
5764
|
-
.uui-text h4:first-child,
|
|
5765
|
-
.uui-text .uui-h4.--no-top-margin,
|
|
5766
|
-
.uui-text .uui-h4:first-child {
|
|
5767
|
-
margin-top: 0;
|
|
5768
|
-
}
|
|
5769
|
-
|
|
5770
|
-
.uui-text h5,
|
|
5771
|
-
.uui-text .uui-h5 {
|
|
5772
|
-
font-size: var(--uui-type-h5-size,15px);
|
|
5773
|
-
line-height: inherit;
|
|
5774
|
-
font-weight: 700;
|
|
5775
|
-
margin-left: 0;
|
|
5776
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5777
|
-
margin-bottom: 0;
|
|
5778
|
-
}
|
|
5779
|
-
|
|
5780
|
-
.uui-text h5.--no-top-margin,
|
|
5781
|
-
.uui-text h5:first-child,
|
|
5782
|
-
.uui-text .uui-h5.--no-top-margin,
|
|
5783
|
-
.uui-text .uui-h5:first-child {
|
|
5784
|
-
margin-top: 0;
|
|
5785
|
-
}
|
|
5786
|
-
|
|
5787
|
-
.uui-text p {
|
|
5788
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5789
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5790
|
-
}
|
|
5791
|
-
.uui-text p.uui-lead {
|
|
5792
|
-
font-size: var(--uui-size-6,18px);
|
|
5793
|
-
}
|
|
5794
|
-
|
|
5795
|
-
.uui-text a:link,
|
|
5796
|
-
.uui-text a:active {
|
|
5797
|
-
color: var(--uui-color-interactive,#1b264f);
|
|
5798
|
-
}
|
|
5799
|
-
.uui-text a:hover {
|
|
5800
|
-
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
5801
|
-
}
|
|
5802
|
-
|
|
5803
|
-
.uui-text small {
|
|
5804
|
-
display: inline-block;
|
|
5805
|
-
font-size: var(--uui-type-small-size,12px);
|
|
5806
|
-
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
5807
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5808
|
-
}
|
|
5809
|
-
|
|
5810
|
-
.uui-text blockquote {
|
|
5811
|
-
float: right;
|
|
5812
|
-
font-size: 15px;
|
|
5813
|
-
font-weight: 700;
|
|
5814
|
-
font-style: italic;
|
|
5815
|
-
margin-top: 0;
|
|
5816
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5817
|
-
margin-right: -0.035em;
|
|
5818
|
-
max-width: 16em;
|
|
5819
|
-
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
5820
|
-
line-height: inherit;
|
|
5821
|
-
}
|
|
5822
|
-
|
|
5823
|
-
.uui-text blockquote:before {
|
|
5824
|
-
content: open-quote;
|
|
5825
|
-
margin-left: -0.4em;
|
|
5826
|
-
margin-right: 0.08em;
|
|
5827
|
-
vertical-align: bottom;
|
|
5828
|
-
font-weight: 400;
|
|
5829
|
-
font-size: 2em;
|
|
5830
|
-
}
|
|
5831
|
-
|
|
5832
|
-
.uui-text blockquote:after {
|
|
5833
|
-
content: close-quote;
|
|
5834
|
-
margin-left: 0.04em;
|
|
5835
|
-
margin-right: -0.4em;
|
|
5836
|
-
vertical-align: bottom;
|
|
5837
|
-
font-weight: 400;
|
|
5838
|
-
font-size: 2em;
|
|
5839
|
-
margin-bottom: -2px;
|
|
5840
|
-
display: inline-block;
|
|
5841
|
-
}
|
|
5842
|
-
|
|
5843
|
-
.uui-text ul {
|
|
5844
|
-
list-style-type: square;
|
|
5845
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
5846
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5847
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5848
|
-
}
|
|
5849
|
-
|
|
5850
|
-
.uui-text ol {
|
|
5851
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
5852
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
5853
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
5854
|
-
}
|
|
5855
|
-
`;const zv=ae(Ov);class R extends O{}R.OPENING="opening",R.OPENED="opened",R.CLOSING="closing",R.CLOSED="closed";var kv=Object.defineProperty,Sv=Object.getOwnPropertyDescriptor,ti=(t,e,i,o)=>{for(var r=o>1?void 0:o?Sv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&kv(e,i,r),r};let Me=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 Fc(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(),m(this,"uui-button"),m(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new R(R.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new R(R.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new R(R.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new R(R.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
|
|
5527
|
+
`],B([a()],A.prototype,"placeholder",2),B([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2),B([a({type:Boolean,reflect:!0})],A.prototype,"readonly",2),B([a({type:String})],A.prototype,"name",2),B([a({type:Boolean,reflect:!0})],A.prototype,"error",2),B([a({type:Number})],A.prototype,"minlength",2),B([a({type:String,attribute:"minlength-message"})],A.prototype,"minlengthMessage",2),B([a({type:Number})],A.prototype,"maxlength",2),B([a({type:String,attribute:"maxlength-message"})],A.prototype,"maxlengthMessage",2),B([C("#textarea")],A.prototype,"_textarea",2),B([a({type:Boolean,attribute:"auto-height",reflect:!0})],A.prototype,"autoHeight",2),B([a({type:String})],A.prototype,"label",2),B([a({type:Number})],A.prototype,"rows",2),B([a({type:Number})],A.prototype,"cols",2),B([a({type:String})],A.prototype,"wrap",2),A=B([p("uui-textarea")],A);class R extends O{}R.OPENING="opening",R.OPENED="opened",R.CLOSING="closing",R.CLOSED="closed";var Pv=Object.defineProperty,Cv=Object.getOwnPropertyDescriptor,tr=(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&&Pv(e,r,i),i};let Me=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 Bc(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(),m(this,"uui-button"),m(this,"uui-icon")}_getAnimationDuration(){return parseInt(getComputedStyle(this).getPropertyValue("--uui-toast-notification-animation-duration"),10)||480}_makeOpen(){this._open!==!0&&(this._open=!0,this.updateComplete.then(()=>{this._open===!0&&(cancelAnimationFrame(this._requestAnimationUpdate),this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!0,this.setAttribute("is-open",""),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,this.dispatchEvent(new R(R.OPENING)),this._animationTimeout=window.setTimeout(()=>{var t;this.isOpen===!0&&(this.style.height="auto",this._animate=!1,this._pauseTimer===!1&&((t=this._timer)==null||t.start()),this.dispatchEvent(new R(R.OPENED)))},this._getAnimationDuration())}))}))}_makeClose(){var t;if(this._open===!1)return;const e=new R(R.CLOSING,{cancelable:!0});this.dispatchEvent(e),e.defaultPrevented!==!0&&(this._open=!1,(t=this._timer)==null||t.pause(),cancelAnimationFrame(this._requestAnimationUpdate),this.isOpen===!0&&(this._requestAnimationUpdate=requestAnimationFrame(()=>{clearTimeout(this._animationTimeout),this.isOpen=!1,this.removeAttribute("is-open"),this.style.height=this._toastEl.getBoundingClientRect().height+"px",this._animate=!0,requestAnimationFrame(()=>{this.style.height="0"}),this._animationTimeout=window.setTimeout(()=>{this.isOpen===!1&&(this._animate=!1,this.dispatchEvent(new R(R.CLOSED)),this.parentNode&&this.parentNode.removeChild(this))},this._getAnimationDuration())})))}render(){return l`
|
|
5856
5528
|
<div id="toast" class=${this._animate?"animate":""}>
|
|
5857
5529
|
<div>
|
|
5858
5530
|
<div id="close">
|
|
@@ -5863,13 +5535,13 @@
|
|
|
5863
5535
|
@click=${()=>this.open=!1}>
|
|
5864
5536
|
<uui-icon
|
|
5865
5537
|
name="remove"
|
|
5866
|
-
.fallback=${
|
|
5538
|
+
.fallback=${vn.strings[0]}></uui-icon>
|
|
5867
5539
|
</uui-button>
|
|
5868
5540
|
</div>
|
|
5869
5541
|
<slot></slot>
|
|
5870
5542
|
</div>
|
|
5871
5543
|
</div>
|
|
5872
|
-
`}};Me.styles=[
|
|
5544
|
+
`}};Me.styles=[Xr,h`
|
|
5873
5545
|
:host {
|
|
5874
5546
|
--uui-toast-notification-margin: var(--uui-size-space-2,6px);
|
|
5875
5547
|
|
|
@@ -5965,7 +5637,7 @@
|
|
|
5965
5637
|
color: var(--uui-color-danger-contrast,white);
|
|
5966
5638
|
border-color: var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
5967
5639
|
}
|
|
5968
|
-
`],
|
|
5640
|
+
`],tr([a({reflect:!0})],Me.prototype,"color",2),tr([a({type:Number})],Me.prototype,"autoClose",1),tr([C("#toast")],Me.prototype,"_toastEl",2),tr([f()],Me.prototype,"_animate",2),tr([a({type:Boolean,reflect:!0})],Me.prototype,"open",1),Me=tr([p("uui-toast-notification")],Me);var Ov=Object.defineProperty,Sv=Object.getOwnPropertyDescriptor,El=(t,e,r,o)=>{for(var i=o>1?void 0:o?Sv(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&&Ov(e,r,i),i};let Mr=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(R.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(R.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> `}};Mr.styles=[h`
|
|
5969
5641
|
:host {
|
|
5970
5642
|
position: absolute;
|
|
5971
5643
|
overflow: hidden;
|
|
@@ -5993,171 +5665,7 @@
|
|
|
5993
5665
|
:host([left-align]) slot {
|
|
5994
5666
|
align-items: start;
|
|
5995
5667
|
}
|
|
5996
|
-
`]
|
|
5997
|
-
font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
5998
|
-
font-size: 15px;
|
|
5999
|
-
line-height: calc(var(--uui-size-2,6px) * 4);
|
|
6000
|
-
-webkit-font-smoothing: antialiased;
|
|
6001
|
-
}
|
|
6002
|
-
|
|
6003
|
-
.uui-text h1,
|
|
6004
|
-
.uui-text .uui-h1 {
|
|
6005
|
-
font-size: var(--uui-type-h1-size,60px);
|
|
6006
|
-
line-height: var(--uui-size-layout-4,66px);
|
|
6007
|
-
font-weight: 300;
|
|
6008
|
-
margin-left: -5px;
|
|
6009
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6010
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6011
|
-
}
|
|
6012
|
-
.uui-text p + h1,
|
|
6013
|
-
.uui-text p + .uui-h1 {
|
|
6014
|
-
margin-top: var(--uui-size-layout-4,66px);
|
|
6015
|
-
}
|
|
6016
|
-
.uui-text h1.--no-top-margin,
|
|
6017
|
-
.uui-text h1:first-child,
|
|
6018
|
-
.uui-text .uui-h1.--no-top-margin,
|
|
6019
|
-
.uui-text .uui-h1:first-child {
|
|
6020
|
-
margin-top: 0;
|
|
6021
|
-
}
|
|
6022
|
-
|
|
6023
|
-
.uui-text h2,
|
|
6024
|
-
.uui-text .uui-h2 {
|
|
6025
|
-
font-size: var(--uui-type-h2-size,42px);
|
|
6026
|
-
line-height: var(--uui-size-layout-3,42px);
|
|
6027
|
-
font-weight: 300;
|
|
6028
|
-
margin-left: -3px;
|
|
6029
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6030
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6031
|
-
}
|
|
6032
|
-
.uui-text p + h2,
|
|
6033
|
-
.uui-text p + .uui-h2 {
|
|
6034
|
-
margin-top: var(--uui-size-layout-3,42px);
|
|
6035
|
-
}
|
|
6036
|
-
.uui-text h2.--no-top-margin,
|
|
6037
|
-
.uui-text h2:first-child,
|
|
6038
|
-
.uui-text .uui-h2.--no-top-margin,
|
|
6039
|
-
.uui-text .uui-h2:first-child {
|
|
6040
|
-
margin-top: 0;
|
|
6041
|
-
}
|
|
6042
|
-
|
|
6043
|
-
.uui-text h3,
|
|
6044
|
-
.uui-text .uui-h3 {
|
|
6045
|
-
font-size: var(--uui-type-h3-size,30px);
|
|
6046
|
-
line-height: var(--uui-size-large);
|
|
6047
|
-
font-weight: 300;
|
|
6048
|
-
margin-left: -2px;
|
|
6049
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6050
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6051
|
-
}
|
|
6052
|
-
.uui-text h3.--no-top-margin,
|
|
6053
|
-
.uui-text h3:first-child,
|
|
6054
|
-
.uui-text .uui-h3.--no-top-margin,
|
|
6055
|
-
.uui-text .uui-h3:first-child {
|
|
6056
|
-
margin-top: 0;
|
|
6057
|
-
}
|
|
6058
|
-
|
|
6059
|
-
.uui-text h4,
|
|
6060
|
-
.uui-text .uui-h4 {
|
|
6061
|
-
font-size: var(--uui-type-h4-size,21px);
|
|
6062
|
-
line-height: 21px;
|
|
6063
|
-
font-weight: 400;
|
|
6064
|
-
margin-left: -1px;
|
|
6065
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6066
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6067
|
-
}
|
|
6068
|
-
.uui-text h4.--no-top-margin,
|
|
6069
|
-
.uui-text h4:first-child,
|
|
6070
|
-
.uui-text .uui-h4.--no-top-margin,
|
|
6071
|
-
.uui-text .uui-h4:first-child {
|
|
6072
|
-
margin-top: 0;
|
|
6073
|
-
}
|
|
6074
|
-
|
|
6075
|
-
.uui-text h5,
|
|
6076
|
-
.uui-text .uui-h5 {
|
|
6077
|
-
font-size: var(--uui-type-h5-size,15px);
|
|
6078
|
-
line-height: inherit;
|
|
6079
|
-
font-weight: 700;
|
|
6080
|
-
margin-left: 0;
|
|
6081
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6082
|
-
margin-bottom: 0;
|
|
6083
|
-
}
|
|
6084
|
-
|
|
6085
|
-
.uui-text h5.--no-top-margin,
|
|
6086
|
-
.uui-text h5:first-child,
|
|
6087
|
-
.uui-text .uui-h5.--no-top-margin,
|
|
6088
|
-
.uui-text .uui-h5:first-child {
|
|
6089
|
-
margin-top: 0;
|
|
6090
|
-
}
|
|
6091
|
-
|
|
6092
|
-
.uui-text p {
|
|
6093
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6094
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6095
|
-
}
|
|
6096
|
-
.uui-text p.uui-lead {
|
|
6097
|
-
font-size: var(--uui-size-6,18px);
|
|
6098
|
-
}
|
|
6099
|
-
|
|
6100
|
-
.uui-text a:link,
|
|
6101
|
-
.uui-text a:active {
|
|
6102
|
-
color: var(--uui-color-interactive,#1b264f);
|
|
6103
|
-
}
|
|
6104
|
-
.uui-text a:hover {
|
|
6105
|
-
color: var(--uui-color-interactive-emphasis,#3544b1);
|
|
6106
|
-
}
|
|
6107
|
-
|
|
6108
|
-
.uui-text small {
|
|
6109
|
-
display: inline-block;
|
|
6110
|
-
font-size: var(--uui-type-small-size,12px);
|
|
6111
|
-
line-height: calc(var(--uui-size-2,6px) * 3);
|
|
6112
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6113
|
-
}
|
|
6114
|
-
|
|
6115
|
-
.uui-text blockquote {
|
|
6116
|
-
float: right;
|
|
6117
|
-
font-size: 15px;
|
|
6118
|
-
font-weight: 700;
|
|
6119
|
-
font-style: italic;
|
|
6120
|
-
margin-top: 0;
|
|
6121
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6122
|
-
margin-right: -0.035em;
|
|
6123
|
-
max-width: 16em;
|
|
6124
|
-
quotes: '\u201C' '\u201D' '\u2018' '\u2019';
|
|
6125
|
-
line-height: inherit;
|
|
6126
|
-
}
|
|
6127
|
-
|
|
6128
|
-
.uui-text blockquote:before {
|
|
6129
|
-
content: open-quote;
|
|
6130
|
-
margin-left: -0.4em;
|
|
6131
|
-
margin-right: 0.08em;
|
|
6132
|
-
vertical-align: bottom;
|
|
6133
|
-
font-weight: 400;
|
|
6134
|
-
font-size: 2em;
|
|
6135
|
-
}
|
|
6136
|
-
|
|
6137
|
-
.uui-text blockquote:after {
|
|
6138
|
-
content: close-quote;
|
|
6139
|
-
margin-left: 0.04em;
|
|
6140
|
-
margin-right: -0.4em;
|
|
6141
|
-
vertical-align: bottom;
|
|
6142
|
-
font-weight: 400;
|
|
6143
|
-
font-size: 2em;
|
|
6144
|
-
margin-bottom: -2px;
|
|
6145
|
-
display: inline-block;
|
|
6146
|
-
}
|
|
6147
|
-
|
|
6148
|
-
.uui-text ul {
|
|
6149
|
-
list-style-type: square;
|
|
6150
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
6151
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6152
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6153
|
-
}
|
|
6154
|
-
|
|
6155
|
-
.uui-text ol {
|
|
6156
|
-
padding-left: var(--uui-size-layout-1,24px);
|
|
6157
|
-
margin-top: var(--uui-size-layout-1,24px);
|
|
6158
|
-
margin-bottom: var(--uui-size-layout-1,24px);
|
|
6159
|
-
}
|
|
6160
|
-
`;const Dv=ae(Uv);var Lv=Object.defineProperty,Nv=Object.getOwnPropertyDescriptor,Ko=(t,e,i,o)=>{for(var r=o>1?void 0:o?Nv(e,i):e,s=t.length-1,n;s>=0;s--)(n=t[s])&&(r=(o?n(e,i,r):n(r))||r);return o&&r&&Lv(e,i,r),r};let ii=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`
|
|
5668
|
+
`],El([a({type:Number,reflect:!0,attribute:"auto-close"})],Mr.prototype,"_autoClose",2),Mr=El([p("uui-toast-notification-container")],Mr);var kv=Object.defineProperty,zv=Object.getOwnPropertyDescriptor,Xo=(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&&kv(e,r,i),i};let rr=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`
|
|
6161
5669
|
<div id="message" class="uui-text">
|
|
6162
5670
|
<h5
|
|
6163
5671
|
style=${this._headlineSlotHasContent||this.headline&&this.headline!==""?"":"display: none"}>
|
|
@@ -6167,7 +5675,7 @@
|
|
|
6167
5675
|
<slot></slot>
|
|
6168
5676
|
<slot id="actions" name="actions"></slot>
|
|
6169
5677
|
</div>
|
|
6170
|
-
`}};
|
|
5678
|
+
`}};rr.styles=[Xr,h`
|
|
6171
5679
|
#message {
|
|
6172
5680
|
margin-bottom: calc(var(--uui-size-space-1,3px) * -1);
|
|
6173
5681
|
}
|
|
@@ -6188,12 +5696,12 @@
|
|
|
6188
5696
|
margin-top: var(--uui-size-space-4,12px);
|
|
6189
5697
|
margin-bottom: calc(var(--uui-size-space-2,6px) * -1);
|
|
6190
5698
|
}
|
|
6191
|
-
`],
|
|
5699
|
+
`],Xo([a({type:String})],rr.prototype,"headline",2),Xo([f()],rr.prototype,"_headlineSlotHasContent",2),rr=Xo([p("uui-toast-notification-layout")],rr);var Iv=Object.defineProperty,Av=Object.getOwnPropertyDescriptor,Uv=(t,e,r,o)=>{for(var i=o>1?void 0:o?Av(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 Tr=class extends be{constructor(){super("switch")}renderCheckbox(){return l`
|
|
6192
5700
|
<div id="slider">
|
|
6193
|
-
<div id="icon-check">${
|
|
6194
|
-
<div id="icon-wrong">${
|
|
5701
|
+
<div id="icon-check">${ai}</div>
|
|
5702
|
+
<div id="icon-wrong">${fn}</div>
|
|
6195
5703
|
</div>
|
|
6196
|
-
`}};
|
|
5704
|
+
`}};Tr.formAssociated=!0,Tr.styles=[...be.styles,ii,h`
|
|
6197
5705
|
:host {
|
|
6198
5706
|
--uui-toggle-size: 18px;
|
|
6199
5707
|
--uui-toggle-switch-width: calc(2 * var(--uui-toggle-size));
|
|
@@ -6313,7 +5821,7 @@
|
|
|
6313
5821
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
6314
5822
|
}
|
|
6315
5823
|
:host([disabled]) label:active #slider {
|
|
6316
|
-
animation: ${
|
|
5824
|
+
animation: ${oi};
|
|
6317
5825
|
}
|
|
6318
5826
|
:host([disabled]) input:checked #slider #icon-check {
|
|
6319
5827
|
fill: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
@@ -6326,4 +5834,4 @@
|
|
|
6326
5834
|
:host(:not([pristine])[internals-invalid]) label:hover #slider {
|
|
6327
5835
|
border: 1px solid var(--uui-color-danger-standalone,rgb(191, 33, 78));
|
|
6328
5836
|
}
|
|
6329
|
-
`],
|
|
5837
|
+
`],Tr=Uv([p("uui-toggle")],Tr);export{ru as ActiveMixin,fu as FormControlMixin,mu as InterfaceColorValues,gu as InterfaceLookValues,su as LabelMixin,du as SelectOnlyMixin,lu as SelectableMixin,_u as Timer,Yr as UUIActionBarElement,Pe as UUIAvatarElement,st as UUIAvatarGroupElement,nt as UUIBadgeElement,Ml as UUIBlinkAnimationValue,Hl as UUIBlinkKeyframes,be as UUIBooleanInputElement,ei as UUIBooleanInputEvent,lt as UUIBoxElement,ut as UUIBreadcrumbItemElement,ur as UUIBreadcrumbsElement,W as UUIButtonElement,Pt as UUIButtonGroupElement,ct as UUIButtonInlineCreateElement,si as UUIButtonInlineCreateEvent,Dt as UUICardContentNodeElement,J as UUICardElement,Ut as UUICardEvent,ht as UUICardMediaElement,hr as UUICardUserElement,dr as UUICaretElement,pr as UUICheckboxElement,re as UUIColorAreaElement,di as UUIColorAreaEvent,fi as UUIColorPickerChangeEvent,z as UUIColorPickerElement,oe as UUIColorSliderElement,bi as UUIColorSliderEvent,pt as UUIColorSwatchElement,Nt as UUIColorSwatchesElement,Lt as UUIColorSwatchesEvent,G as UUIComboboxElement,K as UUIComboboxEvent,ye as UUIComboboxListElement,le as UUIComboboxListEvent,Ae as UUIComboboxListOptionElement,_i as UUIDialogElement,Mt as UUIDialogLayoutElement,no as UUIEvent,Be as UUIFileDropzoneElement,Tt as UUIFileDropzoneEvent,X as UUIFilePreviewElement,rt as UUIFormControlEvent,Po as UUIFormElement,ft as UUIFormLayoutItemElement,_r as UUIFormValidationMessageElement,jl as UUIHorizontalPulseAnimationValue,Tl as UUIHorizontalPulseKeyframes,Bl as UUIHorizontalShakeAnimationValue,Vl as UUIHorizontalShakeKeyframes,Ue as UUIIconElement,So as UUIIconHost,ko as UUIIconRegistry,yr as UUIIconRegistryElement,Sa as UUIIconRegistryEssential,zo as UUIIconRegistryEssentialElement,jt as UUIIconRequestEvent,k as UUIInputElement,bt as UUIInputEvent,De as UUIInputFileElement,wr as UUIInputLockElement,Rt as UUIInputPasswordElement,xi as UUIKeyElement,wi as UUIKeyboardShortcutElement,gt as UUILabelElement,Ft as UUILoaderBarElement,Gt as UUILoaderCircleElement,Ei as UUILoaderElement,ce as UUIMenuItemElement,Le as UUIMenuItemEvent,Ne as UUIModalContainerElement,Ii as UUIModalDialogElement,Y as UUIModalElement,Wt as UUIModalSidebarElement,ne as UUIPaginationElement,Fe as UUIPaginationEvent,Ge as UUIPopoverElement,Er as UUIProgressBarElement,he as UUIRadioElement,Xt as UUIRadioEvent,Yt as UUIRadioGroupElement,Ui as UUIRadioGroupEvent,P as UUIRangeSliderElement,qe as UUIRefElement,Zt as UUIRefEvent,Di as UUIRefListElement,Pr as UUIRefNodeDataTypeElement,Cr as UUIRefNodeDocumentTypeElement,U as UUIRefNodeElement,Ni as UUIRefNodeFormElement,Or as UUIRefNodeMemberElement,Qt as UUIRefNodePackageElement,Sr as UUIRefNodeUserElement,kr as UUIScrollContainerElement,Z as UUISelectElement,Hi as UUISelectEvent,it as UUISelectableEvent,T as UUISliderElement,_t as UUISliderEvent,Ir as UUISymbolExpandElement,Ar as UUISymbolFileDropzoneElement,cr as UUISymbolFileElement,Jt as UUISymbolFileThumbnailElement,li as UUISymbolFolderElement,Ur as UUISymbolLockElement,Mi as UUISymbolMoreElement,Dr as UUISymbolSortElement,We as UUITabElement,bv as UUITabEvent,Nr as UUITabGroupElement,gv as UUITabGroupEvent,$e as UUITableCellElement,Vi as UUITableColumnElement,Ti as UUITableElement,Bi as UUITableHeadCellElement,Ri as UUITableHeadElement,Lr as UUITableRowElement,er as UUITagElement,Xr as UUITextStyles,A as UUITextareaElement,Hr as UUITextareaEvent,Mr as UUIToastNotificationContainerElement,Me as UUIToastNotificationElement,R as UUIToastNotificationEvent,rr as UUIToastNotificationLayoutElement,Tr as UUIToggleElement,xu as clamp,bu as defineElement,yu as demandCustomElement,wu as drag,$u as reverseNumberInRange,Eu as toHex};
|