@everymatrix/general-input 1.44.0 → 1.45.2
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/cjs/app-globals-3a1e7e63.js +5 -0
- package/dist/cjs/checkbox-group-input_10.cjs.entry.js +3873 -1756
- package/dist/cjs/general-input.cjs.entry.js +65 -63
- package/dist/cjs/general-input.cjs.js +17 -11
- package/dist/cjs/index-8cb018cb.js +1316 -0
- package/dist/cjs/index.cjs.js +13 -13
- package/dist/cjs/loader.cjs.js +7 -13
- package/dist/cjs/locale.utils-76c75c40.js +147 -0
- package/dist/cjs/toggle-checkbox-input.cjs.entry.js +77 -78
- package/dist/collection/collection-manifest.json +14 -14
- package/dist/collection/components/checkbox-group-input/checkbox-group-input.js +368 -353
- package/dist/collection/components/checkbox-input/checkbox-input.js +325 -315
- package/dist/collection/components/date-input/date-input.css +2 -2
- package/dist/collection/components/date-input/date-input.js +397 -376
- package/dist/collection/components/email-input/email-input.css +7 -11
- package/dist/collection/components/email-input/email-input.js +404 -385
- package/dist/collection/components/general-input/general-input.js +373 -368
- package/dist/collection/components/general-input/index.js +1 -0
- package/dist/collection/components/number-input/number-input.js +370 -352
- package/dist/collection/components/password-input/password-input.css +2 -4
- package/dist/collection/components/password-input/password-input.js +513 -540
- package/dist/collection/components/radio-input/radio-input.js +301 -286
- package/dist/collection/components/select-input/select-input.css +8 -9
- package/dist/collection/components/select-input/select-input.js +427 -414
- package/dist/collection/components/tel-input/tel-input.css +1 -1
- package/dist/collection/components/tel-input/tel-input.js +440 -422
- package/dist/collection/components/text-input/text-input.css +0 -1
- package/dist/collection/components/text-input/text-input.js +444 -429
- package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js +327 -340
- package/dist/collection/index.js +13 -13
- package/dist/collection/utils/locale.utils.js +133 -133
- package/dist/collection/utils/utils.js +3 -3
- package/dist/esm/app-globals-0f993ce5.js +3 -0
- package/dist/esm/checkbox-group-input_10.entry.js +3873 -1756
- package/dist/esm/general-input.entry.js +65 -63
- package/dist/esm/general-input.js +14 -11
- package/dist/esm/index-514fda47.js +1287 -0
- package/dist/esm/index.js +13 -13
- package/dist/esm/loader.js +7 -13
- package/dist/esm/locale.utils-ca41bf95.js +144 -0
- package/dist/esm/toggle-checkbox-input.entry.js +77 -78
- package/dist/general-input/general-input.esm.js +1 -1
- package/dist/general-input/p-03e81c11.js +2 -0
- package/dist/general-input/p-aec71434.js +1 -0
- package/dist/general-input/p-e1255160.js +1 -0
- package/dist/general-input/p-eb454344.entry.js +1 -0
- package/dist/general-input/p-ecdc294b.entry.js +5430 -0
- package/dist/general-input/p-f92ab852.entry.js +1 -0
- package/dist/stencil.config.dev.js +17 -0
- package/dist/stencil.config.js +14 -19
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/general-input/.stencil/packages/stencil/general-input/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts +68 -68
- package/dist/types/components/checkbox-input/checkbox-input.d.ts +61 -62
- package/dist/types/components/date-input/date-input.d.ts +78 -78
- package/dist/types/components/email-input/email-input.d.ts +77 -77
- package/dist/types/components/general-input/general-input.d.ts +72 -72
- package/dist/types/components/general-input/index.d.ts +1 -0
- package/dist/types/components/number-input/number-input.d.ts +71 -71
- package/dist/types/components/password-input/password-input.d.ts +87 -92
- package/dist/types/components/radio-input/radio-input.d.ts +55 -55
- package/dist/types/components/select-input/select-input.d.ts +79 -79
- package/dist/types/components/tel-input/tel-input.d.ts +85 -85
- package/dist/types/components/text-input/text-input.d.ts +81 -81
- package/dist/types/components/toggle-checkbox-input/toggle-checkbox-input.d.ts +63 -68
- package/dist/types/components.d.ts +201 -39
- package/dist/types/stencil-public-runtime.d.ts +142 -33
- package/dist/types/utils/locale.utils.d.ts +8 -8
- package/dist/types/utils/types.d.ts +54 -54
- package/loader/cdn.js +1 -3
- package/loader/index.cjs.js +1 -3
- package/loader/index.d.ts +13 -1
- package/loader/index.es2017.js +1 -3
- package/loader/index.js +1 -3
- package/loader/package.json +1 -0
- package/package.json +8 -1
- package/dist/cjs/index-132a0774.js +0 -1327
- package/dist/cjs/locale.utils-2fa6f747.js +0 -147
- package/dist/components/active-mixin.js +0 -975
- package/dist/components/checkbox-group-input.d.ts +0 -11
- package/dist/components/checkbox-group-input.js +0 -6
- package/dist/components/checkbox-group-input2.js +0 -1078
- package/dist/components/checkbox-input.d.ts +0 -11
- package/dist/components/checkbox-input.js +0 -6
- package/dist/components/checkbox-input2.js +0 -132
- package/dist/components/date-input.d.ts +0 -11
- package/dist/components/date-input.js +0 -6
- package/dist/components/date-input2.js +0 -11556
- package/dist/components/email-input.d.ts +0 -11
- package/dist/components/email-input.js +0 -6
- package/dist/components/email-input2.js +0 -171
- package/dist/components/field-mixin.js +0 -12426
- package/dist/components/general-input.d.ts +0 -11
- package/dist/components/general-input.js +0 -6
- package/dist/components/general-input2.js +0 -350
- package/dist/components/index.d.ts +0 -26
- package/dist/components/index.js +0 -18
- package/dist/components/input-field-shared-styles.js +0 -1211
- package/dist/components/number-input.d.ts +0 -11
- package/dist/components/number-input.js +0 -6
- package/dist/components/number-input2.js +0 -158
- package/dist/components/password-input.d.ts +0 -11
- package/dist/components/password-input.js +0 -6
- package/dist/components/password-input2.js +0 -1059
- package/dist/components/radio-input.d.ts +0 -11
- package/dist/components/radio-input.js +0 -6
- package/dist/components/radio-input2.js +0 -114
- package/dist/components/select-input.d.ts +0 -11
- package/dist/components/select-input.js +0 -6
- package/dist/components/select-input2.js +0 -183
- package/dist/components/tel-input.d.ts +0 -11
- package/dist/components/tel-input.js +0 -6
- package/dist/components/tel-input2.js +0 -197
- package/dist/components/text-input.d.ts +0 -11
- package/dist/components/text-input.js +0 -6
- package/dist/components/text-input2.js +0 -199
- package/dist/components/toggle-checkbox-input.d.ts +0 -11
- package/dist/components/toggle-checkbox-input.js +0 -6
- package/dist/components/tooltipIcon.js +0 -146
- package/dist/components/vaadin-button.js +0 -490
- package/dist/components/vaadin-combo-box.js +0 -4512
- package/dist/components/virtual-keyboard-controller.js +0 -2001
- package/dist/esm/index-db76d5b5.js +0 -1299
- package/dist/esm/locale.utils-30fb5289.js +0 -144
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/general-input/p-04d4b145.js +0 -1
- package/dist/general-input/p-a8221ce9.entry.js +0 -1
- package/dist/general-input/p-b408093e.js +0 -1
- package/dist/general-input/p-b64caafa.entry.js +0 -3646
- package/dist/general-input/p-c85c0e4d.entry.js +0 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/general-input/.stencil/packages/general-input/stencil.config.d.ts +0 -2
- /package/dist/cjs/{tooltipIcon-092a795f.js → tooltipIcon-7e9ee226.js} +0 -0
- /package/dist/esm/{tooltipIcon-99c1c7b7.js → tooltipIcon-0a5a06a2.js} +0 -0
- /package/dist/general-input/{p-f4f4ccda.js → p-2dccd0bf.js} +0 -0
|
@@ -1,3646 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-b408093e.js";import{t as r}from"./p-04d4b145.js";import{t as o}from"./p-f4f4ccda.js";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
5
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6
|
-
*/function n(t){const e=customElements.get(t.is);if(e){const i=e.version;i&&t.version&&i===t.version?console.warn(`The component ${t.is} has been loaded twice`):console.error(`Tried to define ${t.is} version ${t.version} when version ${e.version} is already in use. Something will probably break.`)}else customElements.define(t.is,t)}
|
|
7
|
-
/**
|
|
8
|
-
* @license
|
|
9
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
10
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
11
|
-
*/class a extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.5"}}n(a);
|
|
12
|
-
/**
|
|
13
|
-
* @license
|
|
14
|
-
* Copyright 2019 Google LLC
|
|
15
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
-
*/
|
|
17
|
-
const l=window,h=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,c=Symbol(),u=new WeakMap;class d{constructor(t,e,i){if(this._$cssResult$=!0,i!==c)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(h&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=u.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&u.set(e,t))}return t}toString(){return this.cssText}}const p=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1]),t[0]);return new d(i,t,c)},m=h?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new d("string"==typeof t?t:t+"",void 0,c))(e)})(t):t
|
|
18
|
-
/**
|
|
19
|
-
* @license
|
|
20
|
-
* Copyright 2017 Google LLC
|
|
21
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
-
*/;var f;const v=window,b=v.trustedTypes,g=b?b.emptyScript:"",y=v.reactiveElementPolyfillSupport,w={toAttribute(t,e){switch(e){case Boolean:t=t?g:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},_=(t,e)=>e!==t&&(e==e||t==t),x={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:_},k="finalized";class C extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Ep(i,e);void 0!==s&&(this._$Ev.set(s,i),t.push(s))})),t}static createProperty(t,e=x){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const r=this[t];this[e]=s,this.requestUpdate(t,r,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||x}static finalize(){if(this.hasOwnProperty(k))return!1;this[k]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(m(t))}else void 0!==t&&e.push(m(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{h?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),s=l.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=x){var s;const r=this.constructor._$Ep(t,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==(null===(s=i.converter)||void 0===s?void 0:s.toAttribute)?i.converter:w).toAttribute(e,i.type);this._$El=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,r=s._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=s.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:w;this._$El=r,this[r]=o.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||_)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
|
|
23
|
-
/**
|
|
24
|
-
* @license
|
|
25
|
-
* Copyright 2017 Google LLC
|
|
26
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/
|
|
28
|
-
var A;C[k]=!0,C.elementProperties=new Map,C.elementStyles=[],C.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:C}),(null!==(f=v.reactiveElementVersions)&&void 0!==f?f:v.reactiveElementVersions=[]).push("1.6.3");const T=window,E=T.trustedTypes,D=E?E.createPolicy("lit-html",{createHTML:t=>t}):void 0,S=`lit$${(Math.random()+"").slice(9)}$`,M="?"+S,z=`<${M}>`,I=document,P=()=>I.createComment(""),F=t=>null===t||"object"!=typeof t&&"function"!=typeof t,O=Array.isArray,N="[ \t\n\f\r]",B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,L=/-->/g,j=/>/g,$=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),q=/'/g,R=/"/g,V=/^(?:script|style|textarea|title)$/i,H=Symbol.for("lit-noChange"),W=Symbol.for("lit-nothing"),Y=new WeakMap,U=I.createTreeWalker(I,129,null,!1);function G(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==D?D.createHTML(e):e}const Q=(t,e)=>{const i=t.length-1,s=[];let r,o=2===e?"<svg>":"",n=B;for(let e=0;e<i;e++){const i=t[e];let a,l,h=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===B?"!--"===l[1]?n=L:void 0!==l[1]?n=j:void 0!==l[2]?(V.test(l[2])&&(r=RegExp("</"+l[2],"g")),n=$):void 0!==l[3]&&(n=$):n===$?">"===l[0]?(n=null!=r?r:B,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?$:'"'===l[3]?R:q):n===R||n===q?n=$:n===L||n===j?n=B:(n=$,r=void 0);const u=n===$&&t[e+1].startsWith("/>")?" ":"";o+=n===B?i+z:h>=0?(s.push(a),i.slice(0,h)+"$lit$"+i.slice(h)+S+u):i+S+(-2===h?(s.push(void 0),e):u)}return[G(t,o+(t[i]||"<?>")+(2===e?"</svg>":"")),s]};class X{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let r=0,o=0;const n=t.length-1,a=this.parts,[l,h]=Q(t,e);if(this.el=X.createElement(l,i),U.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=U.nextNode())&&a.length<n;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(S)){const i=h[o++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+"$lit$").split(S),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?et:"?"===e[1]?st:"@"===e[1]?rt:tt})}else a.push({type:6,index:r})}for(const e of t)s.removeAttribute(e)}if(V.test(s.tagName)){const t=s.textContent.split(S),e=t.length-1;if(e>0){s.textContent=E?E.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],P()),U.nextNode(),a.push({type:2,index:++r});s.append(t[e],P())}}}else if(8===s.nodeType)if(s.data===M)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=s.data.indexOf(S,t+1));)a.push({type:7,index:r}),t+=S.length-1}r++}}static createElement(t,e){const i=I.createElement("template");return i.innerHTML=t,i}}function J(t,e,i=t,s){var r,o,n,a;if(e===H)return e;let l=void 0!==s?null===(r=i._$Co)||void 0===r?void 0:r[s]:i._$Cl;const h=F(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(o=null==l?void 0:l._$AO)||void 0===o||o.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,i,s)),void 0!==s?(null!==(n=(a=i)._$Co)&&void 0!==n?n:a._$Co=[])[s]=l:i._$Cl=l),void 0!==l&&(e=J(t,l._$AS(t,e.values),l,s)),e}class K{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:I).importNode(i,!0);U.currentNode=r;let o=U.nextNode(),n=0,a=0,l=s[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new Z(o,o.nextSibling,this,t):1===l.type?e=new l.ctor(o,l.name,l.strings,this,t):6===l.type&&(e=new ot(o,this,t)),this._$AV.push(e),l=s[++a]}n!==(null==l?void 0:l.index)&&(o=U.nextNode(),n++)}return U.currentNode=I,r}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class Z{constructor(t,e,i,s){var r;this.type=2,this._$AH=W,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=null===(r=null==s?void 0:s.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=J(this,t,e),F(t)?t===W||null==t||""===t?(this._$AH!==W&&this._$AR(),this._$AH=W):t!==this._$AH&&t!==H&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>O(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==W&&F(this._$AH)?this._$AA.nextSibling.data=t:this.$(I.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,r="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=X.createElement(G(s.h,s.h[0]),this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(i);else{const t=new K(r,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=Y.get(t.strings);return void 0===e&&Y.set(t.strings,e=new X(t)),e}T(t){O(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const r of t)s===e.length?e.push(i=new Z(this.k(P()),this.k(P()),this,this.options)):i=e[s],i._$AI(r),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class tt{constructor(t,e,i,s,r){this.type=1,this._$AH=W,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=W}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const r=this.strings;let o=!1;if(void 0===r)t=J(this,t,e,0),o=!F(t)||t!==this._$AH&&t!==H,o&&(this._$AH=t);else{const s=t;let n,a;for(t=r[0],n=0;n<r.length-1;n++)a=J(this,s[i+n],e,n),a===H&&(a=this._$AH[n]),o||(o=!F(a)||a!==this._$AH[n]),a===W?t=W:t!==W&&(t+=(null!=a?a:"")+r[n+1]),this._$AH[n]=a}o&&!s&&this.j(t)}j(t){t===W?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class et extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===W?void 0:t}}const it=E?E.emptyScript:"";class st extends tt{constructor(){super(...arguments),this.type=4}j(t){t&&t!==W?this.element.setAttribute(this.name,it):this.element.removeAttribute(this.name)}}class rt extends tt{constructor(t,e,i,s,r){super(t,e,i,s,r),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=J(this,t,e,0))&&void 0!==i?i:W)===H)return;const s=this._$AH,r=t===W&&s!==W||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==W&&(s===W||r);r&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){J(this,t)}}const nt=T.litHtmlPolyfillSupport;
|
|
29
|
-
/**
|
|
30
|
-
* @license
|
|
31
|
-
* Copyright 2017 Google LLC
|
|
32
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/
|
|
34
|
-
var at,lt;null==nt||nt(X,Z),(null!==(A=T.litHtmlVersions)&&void 0!==A?A:T.litHtmlVersions=[]).push("2.8.0");class ht extends C{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{var s,r;const o=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let n=o._$litPart$;if(void 0===n){const t=null!==(r=null==i?void 0:i.renderBefore)&&void 0!==r?r:null;o._$litPart$=n=new Z(e.insertBefore(P(),t),t,void 0,null!=i?i:{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return H}}ht.finalized=!0,ht._$litElement$=!0,null===(at=globalThis.litElementHydrateSupport)||void 0===at||at.call(globalThis,{LitElement:ht});const ct=globalThis.litElementPolyfillSupport;null==ct||ct({LitElement:ht}),(null!==(lt=globalThis.litElementVersions)&&void 0!==lt?lt:globalThis.litElementVersions=[]).push("3.3.3");
|
|
35
|
-
/**
|
|
36
|
-
* @license
|
|
37
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
38
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
39
|
-
*/
|
|
40
|
-
const ut=t=>class extends t{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"theme"===t&&this._set_theme(i)}}
|
|
41
|
-
/**
|
|
42
|
-
* @license
|
|
43
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
44
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
45
|
-
*/,dt=[];function pt(t){return t&&Object.prototype.hasOwnProperty.call(t,"__themes")}function mt(t,e,i={}){t&&pt(customElements.get(t))&&console.warn(`The custom element definition for "${t}"\n was finalized before a style module was registered.\n Make sure to add component specific style modules before\n importing the corresponding custom element.`),e=function(t=[]){return[t].flat(1/0).filter((t=>t instanceof d||(console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`."),!1)))}(e),window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.registerStyles(t,e,i):dt.push({themeFor:t,styles:e,include:i.include,moduleId:i.moduleId})}function ft(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():dt}function vt(t=""){let e=0;return t.startsWith("lumo-")||t.startsWith("material-")?e=1:t.startsWith("vaadin-")&&(e=2),e}function bt(t){const e=[];return t.include&&[].concat(t.include).forEach((t=>{const i=ft().find((e=>e.moduleId===t));i?e.push(...bt(i),...i.styles):console.warn(`Included moduleId ${t} not found in style registry`)}),t.styles),e}function gt(t){const e=`${t}-default-theme`,i=ft().filter((i=>i.moduleId!==e&&function(t,e){return(t||"").split(" ").some((t=>new RegExp(`^${t.split("*").join(".*")}$`,"u").test(e)))}(i.themeFor,t))).map((t=>({...t,styles:[...bt(t),...t.styles],includePriority:vt(t.moduleId)}))).sort(((t,e)=>e.includePriority-t.includePriority));return i.length>0?i:ft().filter((t=>t.moduleId===e))}const yt=t=>class extends(ut(t)){static finalize(){if(super.finalize(),this.elementStyles)return;const t=this.prototype._template;t&&!pt(this)&&function(t,e){const i=document.createElement("style");i.innerHTML=t.map((t=>t.cssText)).join("\n"),e.content.appendChild(i)}(this.getStylesForThis(),t)}static finalizeStyles(t){const e=this.getStylesForThis();return t?[...super.finalizeStyles(t),...e]:e}static getStylesForThis(){const t=Object.getPrototypeOf(this.prototype);this.__themes=[...(t?t.constructor.__themes:[])||[],...gt(this.is)];const e=this.__themes.flatMap((t=>t.styles));return e.filter(((t,i)=>i===e.lastIndexOf(t)))}}
|
|
46
|
-
/**
|
|
47
|
-
* @license
|
|
48
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
49
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
50
|
-
*/,wt=(t,...e)=>{((t,...e)=>{const i=document.createElement("style");i.id=t,i.textContent=e.map((t=>t.toString())).join("\n").replace(":host","html"),document.head.insertAdjacentElement("afterbegin",i)})(`lumo-${t}`,e)};wt("color-props",p`
|
|
51
|
-
:host {
|
|
52
|
-
/* Base (background) */
|
|
53
|
-
--lumo-base-color: #fff;
|
|
54
|
-
|
|
55
|
-
/* Tint */
|
|
56
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
57
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
58
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
59
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
60
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
61
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
62
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
63
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
64
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
65
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
66
|
-
--lumo-tint: #fff;
|
|
67
|
-
|
|
68
|
-
/* Shade */
|
|
69
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
70
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
71
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
72
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
73
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
74
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
75
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
76
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
77
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
78
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
79
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
80
|
-
|
|
81
|
-
/* Contrast */
|
|
82
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
83
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
84
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
85
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
86
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
87
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
88
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
89
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
90
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
91
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
92
|
-
--lumo-contrast: var(--lumo-shade);
|
|
93
|
-
|
|
94
|
-
/* Text */
|
|
95
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
96
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
97
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
98
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
99
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
100
|
-
|
|
101
|
-
/* Primary */
|
|
102
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
103
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
104
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
105
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
106
|
-
--lumo-primary-contrast-color: #fff;
|
|
107
|
-
|
|
108
|
-
/* Error */
|
|
109
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
110
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
111
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
112
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
113
|
-
--lumo-error-contrast-color: #fff;
|
|
114
|
-
|
|
115
|
-
/* Success */
|
|
116
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
117
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
118
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
119
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
120
|
-
--lumo-success-contrast-color: #fff;
|
|
121
|
-
|
|
122
|
-
/* Warning */
|
|
123
|
-
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
124
|
-
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
125
|
-
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
126
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/* forced-colors mode adjustments */
|
|
130
|
-
@media (forced-colors: active) {
|
|
131
|
-
html {
|
|
132
|
-
--lumo-disabled-text-color: GrayText;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
`),mt("",p`
|
|
136
|
-
[theme~='dark'] {
|
|
137
|
-
/* Base (background) */
|
|
138
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
139
|
-
|
|
140
|
-
/* Tint */
|
|
141
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
142
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
143
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
144
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
145
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
146
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
147
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
148
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
149
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
150
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
151
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
152
|
-
|
|
153
|
-
/* Shade */
|
|
154
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
155
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
156
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
157
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
158
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
159
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
160
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
161
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
162
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
163
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
164
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
165
|
-
|
|
166
|
-
/* Contrast */
|
|
167
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
168
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
169
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
170
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
171
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
172
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
173
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
174
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
175
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
176
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
177
|
-
--lumo-contrast: var(--lumo-tint);
|
|
178
|
-
|
|
179
|
-
/* Text */
|
|
180
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
181
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
182
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
183
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
184
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
185
|
-
|
|
186
|
-
/* Primary */
|
|
187
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
188
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
189
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
190
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
191
|
-
--lumo-primary-contrast-color: #fff;
|
|
192
|
-
|
|
193
|
-
/* Error */
|
|
194
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
195
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
196
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
197
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
198
|
-
|
|
199
|
-
/* Success */
|
|
200
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
201
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
202
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
203
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
204
|
-
|
|
205
|
-
/* Warning */
|
|
206
|
-
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
207
|
-
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
208
|
-
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
209
|
-
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
html {
|
|
213
|
-
color: var(--lumo-body-text-color);
|
|
214
|
-
background-color: var(--lumo-base-color);
|
|
215
|
-
color-scheme: light;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
[theme~='dark'] {
|
|
219
|
-
color: var(--lumo-body-text-color);
|
|
220
|
-
background-color: var(--lumo-base-color);
|
|
221
|
-
color-scheme: dark;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
h1,
|
|
225
|
-
h2,
|
|
226
|
-
h3,
|
|
227
|
-
h4,
|
|
228
|
-
h5,
|
|
229
|
-
h6 {
|
|
230
|
-
color: var(--lumo-header-text-color);
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
a:where(:any-link) {
|
|
234
|
-
color: var(--lumo-primary-text-color);
|
|
235
|
-
}
|
|
236
|
-
|
|
237
|
-
a:not(:any-link) {
|
|
238
|
-
color: var(--lumo-disabled-text-color);
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
blockquote {
|
|
242
|
-
color: var(--lumo-secondary-text-color);
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
code,
|
|
246
|
-
pre {
|
|
247
|
-
background-color: var(--lumo-contrast-10pct);
|
|
248
|
-
border-radius: var(--lumo-border-radius-m);
|
|
249
|
-
}
|
|
250
|
-
`,{moduleId:"lumo-color"}),wt("font-icons",p`
|
|
251
|
-
@font-face {
|
|
252
|
-
font-family: 'lumo-icons';
|
|
253
|
-
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABEgAAsAAAAAIjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFZAIUuKY21hcAAAAYgAAAD4AAADrsCU8d5nbHlmAAACgAAAC2cAABeAWri7U2hlYWQAAA3oAAAAMAAAADZa/6SsaGhlYQAADhgAAAAdAAAAJAbpA35obXR4AAAOOAAAABAAAACspBAAAGxvY2EAAA5IAAAAWAAAAFh57oA4bWF4cAAADqAAAAAfAAAAIAFKAXBuYW1lAAAOwAAAATEAAAIuUUJZCHBvc3QAAA/0AAABKwAAAelm8SzVeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS+yDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+0mIO+p/FEMUcxDANKMwIkgMABn8MLQB4nO3SWW6DMABF0UtwCEnIPM/zhLK8LqhfXRybSP14XUYtHV9hGYQwQBNIo3cUIPkhQeM7rib1ekqnXg981XuC1qvy84lzojleh3puxL0hPjGjRU473teloEefAUNGjJkwZcacBUtWrNmwZceeA0dOnLlw5cadB09elPGhGf+j0NTI/65KfXerT6JhqKnpRKtgOpuqaTrtKjPUlqHmhto21I7pL6i6hlqY3q7qGWrfUAeGOjTUkaGODXViqFNDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUB+G+jTUl6GWRvkL24BkEXictVh9bFvVFb/nxvbz+7Rf/N6zHcd2bCfP+Wic1Z9N0jpNHCD9SNqqoVBgbQoMjY+pjA4hNnWa2pV1rHSIif0DGkyT2k10Kmu1Cag6huj4ZpqYBHSqJsTEJgZCG3TaVBFv595nO3ZIv4RIrPPuvefe884599zzO/cRF8G/tgn6CFFImNgkR0ggX8wlspbhSSWSdrC5ozd30s2dw5afzvgtyz9/zG9t1hV4RtF1pXolowvtzc2z6L2aYUQM45jKH9WDTvd1LRDoDASYWhfTzTyvboXz6uZX4ARX5wrF39y+HM2+CJ8d0pkyqBIqoze3D12ez4DrFoYzxI8dWwMrDlZ2DMqQAR9AROsJU+2smlTPaTTco52BVxXa2a2+I8vvqd2dVHm1LoPeTn/AZPRYGthDYOeZjBjKoFsVGulR3lGU95SeCK44oHU7MhWUGUKZDT3oSUcG2GWuh+EDDfUYA/jhIhl0TOsJNYSEu7mQmi3UzfXwZKA4BsVsHLXQYGgJW95qEtpJ1VcW9HiTriZBlFEqxsDjA09yCNUoQxxwd7KWSTt2y3GTKifkqHRCoWZc3m11Wa/dKdFgXD4kSYfkeJBKd8KMz7J8dZn/cGRCcLGDnA2Ge3bKzcvlnTDNthFWLH7Xt80ua5FMjA4WKelWv5Xo16vHuYzpRbJhhdVlftuRK0VlR27D9lu5TF0DPBi60OrHNO0AfP/uRWvhn/U3LXICE+nh+3IHPUJ8JE6GyBjZQLbjGchlrSgYngF8zyrIF4NJD3atUcgWsWunGN/UHX5B5/yg7uF87Nqp4Gf52F3gH73DjEZNRoqCKAr9giQJp5rGJABpiVE2htNhW9R8nw0jqYjCYcY4LIjwYNScf4WN06IZnZCEqsI4cFaQbo4Z1TsZBx40YhXkHOecaYE5oY37IIQ+iJJ+UsDYSun5MuRSBRZRUUhlY2DqOGajOR6zrSU/5My6l2DnusH1GQgnw5BZP7iuYM/ahcfQ7Z8y51ddfutvuwNqWQ0cBYr8fj0U0vsHpwerVaB2sWhXT2NExi2r1KUE2tUuVMnkepVQrxTmpQrZTG4iu8he8iPyM3KcPE/+RP5KPoE2CEAKclCBzXATxkYOtUY/o961PWRqsj0chRrHFBbtrjP9/P0ven5pcbRdpL94vfsy33e5+izuwz3nFLFPVNayPZx/jdG1fOChflFRvYzsW6L18efgLrSWIgvcqnGJYi4skO4xREURjbDuxKke5v0T3Mrzkt2fi31uyZlLLrqIpEuXXsMlgw442Jb0GAxjS1DM20kBoCzHLXm/jEm0IltdcvU0fEW24jgiwwRjVd9u4NJHcIyoHJcwvyVqgqj5hqBJ1ZWSJryh9p56UWhX1XbhRbW2ZopuZWsQd5y8mEQ8M+C6xjRYxZbDKWf5AgY+Qq/l6wSPk16zDFjowYuu+wjx13mfkxbyDDxadYT/LijZyI0THB+6yfLaWsRcO82zo9mWTNtpO18qlorZoIVMwSN40tky5DOQ1MCIAe24mvlsuwIIxPb10+uXDQ4uWz/9m3rj+ql7p6bufZARuPVq5tXtsn6KwfP8Jy0TeWOyNhUJN6mhX5rkUTtUppQWEMNTqEdaCGKFYKJaQrCE4JtDLYOlNEKmO5kBTPGY2A0N2sY3+dVlo1N9ycBsIGtOjQ2p/tlZvzo0ur4v6cOh8NTospB7U/X40KahoU3bGIH97dnwmtHlYffVG3R1YOwKM2vNhrPhCT5zk64sG53oS4b31aYjqe/B7+kQiXBN+b6h21hNUPMq29B8CU4elINdygMPKF1B+WBTG7Z9ZshpN/xwEuuDQZR+nuoo4CDaAiiwXmLpmukMQyPf/JMclqgL1ixZQ/nnP2VbdUODFGt2fgBvL123rlLYu/6A9ckb7F3K0/CyBMEu6aQoPscroCcacVehvyQyCZAsizsWWBkoLC+WAiWnOksLKaeuQDzGuqSk42aiYTiJ4zf9afl17SrqaTO1f+XlZAfIuYcq7/IqYMaMrksOJ6vHkOCPDq943xcCnHqVD9pHFRpMqSPXrIua1WNs+tOz1U+ciTCDpPk+c4QYJIHnYhxP/kVPAq+ahFpVhPcHp8qyarhiF+HsBU9Hrl+UZa876fbKipL0KqB6OdUveErgtOI97fZ63ae9SvWU6k2w1JfwqnUbHsYcFCJFrC/W12zIMMirWYEHxMPs6LGYSdkSZ5TsNP9PCpwnWC3HKZ1lydNjWHC2Mn3l6vL0dHn1ldP3LTSrX+vKrBqv7KmMr8p0SR6P1NqF63or6XRlIyO90f7+kf7+myOhvt4tq7f09oUiTc2/dycGgqFQcCDRLYmi1NL7fk0CknVMxEg/cdfs/TnpJMNkgqwj17B8beVazSrVbU4lG67IZYOCnWrYy3yBR9cyWcChywos3LJBEdhhFoAdYjiw0rLGm0xU5OzoGm5/ZfmHjVZpNNg6SznzGKDdwv2cCtVn6Eaxo12cfxLprpVtTcZ6hVx6dow7Yq7e8LXO8PY9Jgjoze9yCtU5FNbegcKkQMdCbt9au/te4Ebe0jkc0ukUL32eYnTpNs20h0KpUOhZPYwVcfhZnfdqeCvDfXiuCbAoYWcXERPc/mDQD3/hdF+wK4i/xv3kYfprIpAuMkk2kW3kdtS0kBIKpZwp8KxmsCyfM1MFzAss9LBkDxRyThiaqTLwKYKJVTwmWTudMyz+yks09346MDh4m72yOxCKrt1XMlQ1qPVlTEVVQ1ofdK/sCWjtZu9qGwZ8YZ9PPWlo1IV3eW3+U0aXblP39zrt+JPf6UhEQ1rUjNBULN+utyuaDNW34kpAVuSOeMTyWbSNWnooFu+QFNWQ4d/Ox4IPWx41fP/fB/Rjeoz08ezPA9TysMtmnOXfGN7Ui3xIYLDALrlDLOP09qtJuY2OeL0+QZXdRnR1nxRVBF/SOyKKPpcrn9mWzH4rH9IidE+PTNU2182+hOgSItrE1slByS24vaLvJpxOqe4Pduf3HJkZ+jLqUz9rRzB7p8gKcgWZwV1L8JtUS5Z2JxZSOCuBoMTQihMzLbCPA0KqGMAljRQjONklW/wjnXKy8vxT/Elvm3/KiMUMOoV0/vnDYlhec0SMKtt3/kKMyOt33tj2bqxQLsTjSGLl+EAsNhCnTyRGktW55EgCn/A4PlnWn+Mg8bgZrWqHxTbPwMuyy1u5YeZF2SUM7JRhddwRgiRuxpmgJmxn9ZW7XpcF3ViX/ar6ptRpGJ0S9Adg4qhb9sI3vbL7qNJV/y4i07t5TZBiho1imFoMz3gED+CtjYUxvP4SOxov4bFoNPg5aR1e+G4UgDPoedJTpogyCJ7oYvRqoVS0MQAy+CoNEdTDUjok5ZHZL/WtjV7rFj3PKQE3iKp7ou+rIxN3b9LB1dGjeT4cvKo3FrnWpYpuaFd/h3dtV8UeKN1Y9hpR3dt4p0H/zKuPQq0kZQUIIpuDfoiETsnIk+gCWMJZUXHtE8V9LkUc2TE8vOMbO4ax/MACabzyaGXc7u3FBr11ThBdB8SIeMAlCntG2KThHSPsaj2Dc9KNyY2a0KZ7ODaTHoRiFkeYz+shZBpCS4X6471KKKnuHd84edfk5F37d1XO5bbkcltu2ZLNbvnPXiUVAnVvprJrP+NObryjxrllS65md6Tm6wzFHRR4dY3QUUjb7MgxaIixU8hspi98fl/Xc+IB4iU66eCVL9YfAfahiSUt4TONS8x0D8W7u8vd3fGWx6OXlM/U1IoU/s61PGhpyXRFa3eReq2qG56lvmYtXavCC1iN7lbiBpWxXHU+cSlztVLVz0tVN600fVsLxaVDknhYioeoXP3t4lqV1r79MAw0GCI1FTL1YIGzPL1MMlJ9ZsN9P7lvA2yr9ZFUzwzPrVgxN/x/SS+chwB4nGNgZGBgAOLPrYdY4vltvjJwM78AijDUqG5oRND/XzNPZboF5HIwMIFEAU/lC+J4nGNgZGBgDvqfBSRfMAAB81QGRgZUoA0AVvYDbwAAAHicY2BgYGB+MTQwAM8EJo8AAAAAAE4AmgDoAQoBLAFOAXABmgHEAe4CGgKcAugEmgS8BNYE8gUOBSoFegXQBf4GRAZmBrYHGAeQCBgIUghqCP4JRgm+CdoKBAo+CoQKugr0C1QLmgvAeJxjYGRgYNBmTGEQZQABJiDmAkIGhv9gPgMAGJQBvAB4nG2RPU7DMBiG3/QP0UoIBGJh8QILavozdmRo9w7d09RpUzlx5LgVvQMn4BAcgoEzcAgOwVvzSZVQbcnf48fvFysJgGt8IcJxROiG9TgauODuj5ukG+EW+UG4jR4ehTv0Q+EunjER7uEWmk+IWpc0d3gVbuAKb8JN+nfhFvlDuI17fAp36L+Fu1jgR7iHp+jF7Arbz1Nb1nO93pnEncSJFtrVuS3VKB6e5EyX2iVer9TyoOr9eux9pjJnCzW1pdfGWFU5u9WpjzfeV5PBIBMfp7aAwQ4FLPrIkbKWqDHn+67pDRK4s4lzbsEux5qHvcIIMb/nueSMyTKkE3jWFdNLHLjW2PPmMa1Hxn3GjGW/wjT0HtOG09JU4WxLk9LH2ISuiv9twJn9y8fh9uIXI+BknAAAAHicbY7ZboMwEEW5CVBCSLrv+76kfJRjTwHFsdGAG+Xvy5JUfehIHp0rnxmNN/D6ir3/a4YBhvARIMQOIowQY4wEE0yxiz3s4wCHOMIxTnCKM5zjApe4wjVucIs73OMBj3jCM17wije84wMzfHqJ0EVmUkmmJo77oOmrHvfIRZbXsTCZplTZldlgb3TYGVHProwFs11t1A57tcON2rErR3PBqcwF1/6ctI6k0GSU4JHMSS6WghdJQ99sTbfuN7QLJ9vQ37dNrgyktnIxlDYLJNuqitpRbYWKFNuyDT6pog6oOYKHtKakeakqKjHXpPwlGRcsC+OqxLIiJpXqoqqDMreG2l5bv9Ri3TRX+c23DZna9WFFgmXuO6Ps1Jm/w6ErW8N3FbHn/QC444j0AA==)
|
|
254
|
-
format('woff');
|
|
255
|
-
font-weight: normal;
|
|
256
|
-
font-style: normal;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
html {
|
|
260
|
-
--lumo-icons-align-center: '\\ea01';
|
|
261
|
-
--lumo-icons-align-left: '\\ea02';
|
|
262
|
-
--lumo-icons-align-right: '\\ea03';
|
|
263
|
-
--lumo-icons-angle-down: '\\ea04';
|
|
264
|
-
--lumo-icons-angle-left: '\\ea05';
|
|
265
|
-
--lumo-icons-angle-right: '\\ea06';
|
|
266
|
-
--lumo-icons-angle-up: '\\ea07';
|
|
267
|
-
--lumo-icons-arrow-down: '\\ea08';
|
|
268
|
-
--lumo-icons-arrow-left: '\\ea09';
|
|
269
|
-
--lumo-icons-arrow-right: '\\ea0a';
|
|
270
|
-
--lumo-icons-arrow-up: '\\ea0b';
|
|
271
|
-
--lumo-icons-bar-chart: '\\ea0c';
|
|
272
|
-
--lumo-icons-bell: '\\ea0d';
|
|
273
|
-
--lumo-icons-calendar: '\\ea0e';
|
|
274
|
-
--lumo-icons-checkmark: '\\ea0f';
|
|
275
|
-
--lumo-icons-chevron-down: '\\ea10';
|
|
276
|
-
--lumo-icons-chevron-left: '\\ea11';
|
|
277
|
-
--lumo-icons-chevron-right: '\\ea12';
|
|
278
|
-
--lumo-icons-chevron-up: '\\ea13';
|
|
279
|
-
--lumo-icons-clock: '\\ea14';
|
|
280
|
-
--lumo-icons-cog: '\\ea15';
|
|
281
|
-
--lumo-icons-cross: '\\ea16';
|
|
282
|
-
--lumo-icons-download: '\\ea17';
|
|
283
|
-
--lumo-icons-dropdown: '\\ea18';
|
|
284
|
-
--lumo-icons-edit: '\\ea19';
|
|
285
|
-
--lumo-icons-error: '\\ea1a';
|
|
286
|
-
--lumo-icons-eye: '\\ea1b';
|
|
287
|
-
--lumo-icons-eye-disabled: '\\ea1c';
|
|
288
|
-
--lumo-icons-menu: '\\ea1d';
|
|
289
|
-
--lumo-icons-minus: '\\ea1e';
|
|
290
|
-
--lumo-icons-ordered-list: '\\ea1f';
|
|
291
|
-
--lumo-icons-phone: '\\ea20';
|
|
292
|
-
--lumo-icons-photo: '\\ea21';
|
|
293
|
-
--lumo-icons-play: '\\ea22';
|
|
294
|
-
--lumo-icons-plus: '\\ea23';
|
|
295
|
-
--lumo-icons-redo: '\\ea24';
|
|
296
|
-
--lumo-icons-reload: '\\ea25';
|
|
297
|
-
--lumo-icons-search: '\\ea26';
|
|
298
|
-
--lumo-icons-undo: '\\ea27';
|
|
299
|
-
--lumo-icons-unordered-list: '\\ea28';
|
|
300
|
-
--lumo-icons-upload: '\\ea29';
|
|
301
|
-
--lumo-icons-user: '\\ea2a';
|
|
302
|
-
}
|
|
303
|
-
`),wt("sizing-props",p`
|
|
304
|
-
:host {
|
|
305
|
-
--lumo-size-xs: 1.625rem;
|
|
306
|
-
--lumo-size-s: 1.875rem;
|
|
307
|
-
--lumo-size-m: 2.25rem;
|
|
308
|
-
--lumo-size-l: 2.75rem;
|
|
309
|
-
--lumo-size-xl: 3.5rem;
|
|
310
|
-
|
|
311
|
-
/* Icons */
|
|
312
|
-
--lumo-icon-size-s: 1.25em;
|
|
313
|
-
--lumo-icon-size-m: 1.5em;
|
|
314
|
-
--lumo-icon-size-l: 2.25em;
|
|
315
|
-
/* For backwards compatibility */
|
|
316
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
317
|
-
}
|
|
318
|
-
`),wt("spacing-props",p`
|
|
319
|
-
:host {
|
|
320
|
-
/* Square */
|
|
321
|
-
--lumo-space-xs: 0.25rem;
|
|
322
|
-
--lumo-space-s: 0.5rem;
|
|
323
|
-
--lumo-space-m: 1rem;
|
|
324
|
-
--lumo-space-l: 1.5rem;
|
|
325
|
-
--lumo-space-xl: 2.5rem;
|
|
326
|
-
|
|
327
|
-
/* Wide */
|
|
328
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
329
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
330
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
331
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
332
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
333
|
-
|
|
334
|
-
/* Tall */
|
|
335
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
336
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
337
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
338
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
339
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
340
|
-
}
|
|
341
|
-
`),p`
|
|
342
|
-
html {
|
|
343
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
344
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
345
|
-
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
346
|
-
}
|
|
347
|
-
`,wt("style-props",p`
|
|
348
|
-
:host {
|
|
349
|
-
/* Border radius */
|
|
350
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
351
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
352
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
353
|
-
|
|
354
|
-
/* Shadow */
|
|
355
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
356
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
357
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
358
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
359
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
360
|
-
|
|
361
|
-
/* Clickable element cursor */
|
|
362
|
-
--lumo-clickable-cursor: default;
|
|
363
|
-
}
|
|
364
|
-
`);
|
|
365
|
-
/**
|
|
366
|
-
* @license
|
|
367
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
368
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
369
|
-
*/
|
|
370
|
-
const _t=p`
|
|
371
|
-
:host {
|
|
372
|
-
/* prettier-ignore */
|
|
373
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
374
|
-
|
|
375
|
-
/* Font sizes */
|
|
376
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
377
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
378
|
-
--lumo-font-size-s: 0.875rem;
|
|
379
|
-
--lumo-font-size-m: 1rem;
|
|
380
|
-
--lumo-font-size-l: 1.125rem;
|
|
381
|
-
--lumo-font-size-xl: 1.375rem;
|
|
382
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
383
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
384
|
-
|
|
385
|
-
/* Line heights */
|
|
386
|
-
--lumo-line-height-xs: 1.25;
|
|
387
|
-
--lumo-line-height-s: 1.375;
|
|
388
|
-
--lumo-line-height-m: 1.625;
|
|
389
|
-
}
|
|
390
|
-
`;mt("",p`
|
|
391
|
-
body,
|
|
392
|
-
:host {
|
|
393
|
-
font-family: var(--lumo-font-family);
|
|
394
|
-
font-size: var(--lumo-font-size-m);
|
|
395
|
-
line-height: var(--lumo-line-height-m);
|
|
396
|
-
-webkit-text-size-adjust: 100%;
|
|
397
|
-
-webkit-font-smoothing: antialiased;
|
|
398
|
-
-moz-osx-font-smoothing: grayscale;
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
small,
|
|
402
|
-
[theme~='font-size-s'] {
|
|
403
|
-
font-size: var(--lumo-font-size-s);
|
|
404
|
-
line-height: var(--lumo-line-height-s);
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
[theme~='font-size-xs'] {
|
|
408
|
-
font-size: var(--lumo-font-size-xs);
|
|
409
|
-
line-height: var(--lumo-line-height-xs);
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
:where(h1, h2, h3, h4, h5, h6) {
|
|
413
|
-
font-weight: 600;
|
|
414
|
-
line-height: var(--lumo-line-height-xs);
|
|
415
|
-
margin-block: 0;
|
|
416
|
-
}
|
|
417
|
-
|
|
418
|
-
:where(h1) {
|
|
419
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
:where(h2) {
|
|
423
|
-
font-size: var(--lumo-font-size-xxl);
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
:where(h3) {
|
|
427
|
-
font-size: var(--lumo-font-size-xl);
|
|
428
|
-
}
|
|
429
|
-
|
|
430
|
-
:where(h4) {
|
|
431
|
-
font-size: var(--lumo-font-size-l);
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
:where(h5) {
|
|
435
|
-
font-size: var(--lumo-font-size-m);
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
:where(h6) {
|
|
439
|
-
font-size: var(--lumo-font-size-xs);
|
|
440
|
-
text-transform: uppercase;
|
|
441
|
-
letter-spacing: 0.03em;
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
p,
|
|
445
|
-
blockquote {
|
|
446
|
-
margin-top: 0.5em;
|
|
447
|
-
margin-bottom: 0.75em;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
a {
|
|
451
|
-
text-decoration: none;
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
a:where(:any-link):hover {
|
|
455
|
-
text-decoration: underline;
|
|
456
|
-
}
|
|
457
|
-
|
|
458
|
-
hr {
|
|
459
|
-
display: block;
|
|
460
|
-
align-self: stretch;
|
|
461
|
-
height: 1px;
|
|
462
|
-
border: 0;
|
|
463
|
-
padding: 0;
|
|
464
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
465
|
-
background-color: var(--lumo-contrast-10pct);
|
|
466
|
-
}
|
|
467
|
-
|
|
468
|
-
blockquote {
|
|
469
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
b,
|
|
473
|
-
strong {
|
|
474
|
-
font-weight: 600;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
/* RTL specific styles */
|
|
478
|
-
blockquote[dir='rtl'] {
|
|
479
|
-
border-left: none;
|
|
480
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
481
|
-
}
|
|
482
|
-
`,{moduleId:"lumo-typography"}),wt("typography-props",_t),mt("vaadin-checkbox",p`
|
|
483
|
-
:host {
|
|
484
|
-
color: var(--lumo-body-text-color);
|
|
485
|
-
font-size: var(--lumo-font-size-m);
|
|
486
|
-
font-family: var(--lumo-font-family);
|
|
487
|
-
line-height: var(--lumo-line-height-s);
|
|
488
|
-
-webkit-font-smoothing: antialiased;
|
|
489
|
-
-moz-osx-font-smoothing: grayscale;
|
|
490
|
-
-webkit-tap-highlight-color: transparent;
|
|
491
|
-
-webkit-user-select: none;
|
|
492
|
-
-moz-user-select: none;
|
|
493
|
-
user-select: none;
|
|
494
|
-
cursor: default;
|
|
495
|
-
outline: none;
|
|
496
|
-
--_checkbox-size: var(--vaadin-checkbox-size, calc(var(--lumo-size-m) / 2));
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
:host([has-label]) ::slotted(label) {
|
|
500
|
-
padding-block: var(--lumo-space-xs);
|
|
501
|
-
padding-inline: var(--lumo-space-xs) var(--lumo-space-s);
|
|
502
|
-
}
|
|
503
|
-
|
|
504
|
-
[part='checkbox'] {
|
|
505
|
-
width: var(--_checkbox-size);
|
|
506
|
-
height: var(--_checkbox-size);
|
|
507
|
-
margin: var(--lumo-space-xs);
|
|
508
|
-
position: relative;
|
|
509
|
-
border-radius: var(--lumo-border-radius-s);
|
|
510
|
-
background-color: var(--lumo-contrast-20pct);
|
|
511
|
-
transition: transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), background-color 0.15s;
|
|
512
|
-
cursor: var(--lumo-clickable-cursor);
|
|
513
|
-
/* Default field border color */
|
|
514
|
-
--_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
:host([indeterminate]),
|
|
518
|
-
:host([checked]) {
|
|
519
|
-
--vaadin-input-field-border-color: transparent;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
:host([indeterminate]) [part='checkbox'],
|
|
523
|
-
:host([checked]) [part='checkbox'] {
|
|
524
|
-
background-color: var(--lumo-primary-color);
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
/* Checkmark */
|
|
528
|
-
[part='checkbox']::after {
|
|
529
|
-
pointer-events: none;
|
|
530
|
-
font-family: 'lumo-icons';
|
|
531
|
-
content: var(--lumo-icons-checkmark);
|
|
532
|
-
color: var(--lumo-primary-contrast-color);
|
|
533
|
-
font-size: calc(var(--_checkbox-size) + 2px);
|
|
534
|
-
line-height: 1;
|
|
535
|
-
position: absolute;
|
|
536
|
-
top: -1px;
|
|
537
|
-
left: -1px;
|
|
538
|
-
contain: content;
|
|
539
|
-
opacity: 0;
|
|
540
|
-
}
|
|
541
|
-
|
|
542
|
-
:host([checked]) [part='checkbox']::after {
|
|
543
|
-
opacity: 1;
|
|
544
|
-
}
|
|
545
|
-
|
|
546
|
-
/* Indeterminate checkmark */
|
|
547
|
-
:host([indeterminate]) [part='checkbox']::after {
|
|
548
|
-
content: '';
|
|
549
|
-
opacity: 1;
|
|
550
|
-
top: 45%;
|
|
551
|
-
height: 10%;
|
|
552
|
-
left: 22%;
|
|
553
|
-
right: 22%;
|
|
554
|
-
width: auto;
|
|
555
|
-
border: 0;
|
|
556
|
-
background-color: var(--lumo-primary-contrast-color);
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
/* Focus ring */
|
|
560
|
-
:host([focus-ring]) [part='checkbox'] {
|
|
561
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct),
|
|
562
|
-
inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
/* Disabled */
|
|
566
|
-
:host([disabled]) {
|
|
567
|
-
pointer-events: none;
|
|
568
|
-
color: var(--lumo-disabled-text-color);
|
|
569
|
-
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
:host([disabled]) ::slotted(label) {
|
|
573
|
-
color: inherit;
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
:host([disabled]) [part='checkbox'] {
|
|
577
|
-
background-color: var(--lumo-contrast-10pct);
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
:host([disabled]) [part='checkbox']::after {
|
|
581
|
-
color: var(--lumo-contrast-30pct);
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
:host([indeterminate][disabled]) [part='checkbox']::after {
|
|
585
|
-
background-color: var(--lumo-contrast-30pct);
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
/* RTL specific styles */
|
|
589
|
-
:host([dir='rtl'][has-label]) ::slotted(label) {
|
|
590
|
-
padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
/* Used for activation "halo" */
|
|
594
|
-
[part='checkbox']::before {
|
|
595
|
-
pointer-events: none;
|
|
596
|
-
color: transparent;
|
|
597
|
-
width: 100%;
|
|
598
|
-
height: 100%;
|
|
599
|
-
line-height: var(--_checkbox-size);
|
|
600
|
-
border-radius: inherit;
|
|
601
|
-
background-color: inherit;
|
|
602
|
-
transform: scale(1.4);
|
|
603
|
-
opacity: 0;
|
|
604
|
-
transition: transform 0.1s, opacity 0.8s;
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
/* Hover */
|
|
608
|
-
:host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
|
|
609
|
-
background-color: var(--lumo-contrast-30pct);
|
|
610
|
-
}
|
|
611
|
-
|
|
612
|
-
/* Disable hover for touch devices */
|
|
613
|
-
@media (pointer: coarse) {
|
|
614
|
-
:host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
|
|
615
|
-
background-color: var(--lumo-contrast-20pct);
|
|
616
|
-
}
|
|
617
|
-
}
|
|
618
|
-
|
|
619
|
-
/* Active */
|
|
620
|
-
:host([active]) [part='checkbox'] {
|
|
621
|
-
transform: scale(0.9);
|
|
622
|
-
transition-duration: 0.05s;
|
|
623
|
-
}
|
|
624
|
-
|
|
625
|
-
:host([active][checked]) [part='checkbox'] {
|
|
626
|
-
transform: scale(1.1);
|
|
627
|
-
}
|
|
628
|
-
|
|
629
|
-
:host([active]:not([checked])) [part='checkbox']::before {
|
|
630
|
-
transition-duration: 0.01s, 0.01s;
|
|
631
|
-
transform: scale(0);
|
|
632
|
-
opacity: 0.4;
|
|
633
|
-
}
|
|
634
|
-
`,{moduleId:"lumo-checkbox"}),
|
|
635
|
-
/**
|
|
636
|
-
@license
|
|
637
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
638
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
639
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
640
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
641
|
-
Code distributed by Google as part of the polymer project is also
|
|
642
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
643
|
-
*/
|
|
644
|
-
window.JSCompiler_renameProperty=function(t){return t};
|
|
645
|
-
/**
|
|
646
|
-
@license
|
|
647
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
648
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
649
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
650
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
651
|
-
Code distributed by Google as part of the polymer project is also
|
|
652
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
653
|
-
*/
|
|
654
|
-
let xt,kt,Ct=/(url\()([^)]*)(\))/g,At=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/;function Tt(t,e){if(t&&At.test(t))return t;if("//"===t)return t;if(void 0===xt){xt=!1;try{const t=new URL("b","http://a");t.pathname="c%20d",xt="http://a/c%20d"===t.href}catch(t){}}if(e||(e=document.baseURI||window.location.href),xt)try{return new URL(t,e).href}catch(e){return t}return kt||(kt=document.implementation.createHTMLDocument("temp"),kt.base=kt.createElement("base"),kt.head.appendChild(kt.base),kt.anchor=kt.createElement("a"),kt.body.appendChild(kt.anchor)),kt.base.href=e,kt.anchor.href=t,kt.anchor.href||t}function Et(t,e){return t.replace(Ct,(function(t,i,s,r){return i+"'"+Tt(s.replace(/["']/g,""),e)+"'"+r}))}function Dt(t){return t.substring(0,t.lastIndexOf("/")+1)}
|
|
655
|
-
/**
|
|
656
|
-
@license
|
|
657
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
658
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
659
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
660
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
661
|
-
Code distributed by Google as part of the polymer project is also
|
|
662
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
663
|
-
*/const St=!window.ShadyDOM||!window.ShadyDOM.inUse,Mt=St&&"adoptedStyleSheets"in Document.prototype&&"replaceSync"in CSSStyleSheet.prototype&&(()=>{try{const t=new CSSStyleSheet;t.replaceSync("");const e=document.createElement("div");return e.attachShadow({mode:"open"}),e.shadowRoot.adoptedStyleSheets=[t],e.shadowRoot.adoptedStyleSheets[0]===t}catch(t){return!1}})();let zt=window.Polymer&&window.Polymer.rootPath||Dt(document.baseURI||window.location.href),It=window.Polymer&&window.Polymer.sanitizeDOMValue||void 0,Pt=window.Polymer&&window.Polymer.strictTemplatePolicy||!1,Ft=window.Polymer&&window.Polymer.allowTemplateFromDomModule||!1,Ot=window.Polymer&&window.Polymer.legacyOptimizations||!1,Nt=window.Polymer&&window.Polymer.legacyWarnings||!1,Bt=window.Polymer&&window.Polymer.syncInitialRender||!1,Lt=window.Polymer&&window.Polymer.legacyUndefined||!1,jt=window.Polymer&&window.Polymer.orderedComputed||!1,$t=window.Polymer&&window.Polymer.removeNestedTemplates||!1,qt=window.Polymer&&window.Polymer.fastDomIf||!1,Rt=window.Polymer&&window.Polymer.suppressTemplateNotifications||!1,Vt=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||!1,Ht=0;const Wt=function(t){let e=t.__mixinApplications;e||(e=new WeakMap,t.__mixinApplications=e);let i=Ht++;return function(s){let r=s.__mixinSet;if(r&&r[i])return s;let o=e,n=o.get(s);if(!n){n=t(s),o.set(s,n);let e=Object.create(n.__mixinSet||r||null);e[i]=!0,n.__mixinSet=e}return n}};
|
|
664
|
-
/**
|
|
665
|
-
@license
|
|
666
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
667
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
668
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
669
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
670
|
-
Code distributed by Google as part of the polymer project is also
|
|
671
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
672
|
-
*/let Yt={},Ut={};function Gt(t,e){Yt[t]=Ut[t.toLowerCase()]=e}function Qt(t){return Yt[t]||Ut[t.toLowerCase()]}class Xt extends HTMLElement{static get observedAttributes(){return["id"]}static import(t,e){if(t){let i=Qt(t);return i&&e?i.querySelector(e):i}return null}attributeChangedCallback(t,e,i,s){e!==i&&this.register()}get assetpath(){if(!this.__assetpath){const t=window.HTMLImports&&HTMLImports.importForElement?HTMLImports.importForElement(this)||document:this.ownerDocument,e=Tt(this.getAttribute("assetpath")||"",t.baseURI);this.__assetpath=Dt(e)}return this.__assetpath}register(t){if(t=t||this.id){if(Pt&&void 0!==Qt(t))throw Gt(t,null),new Error(`strictTemplatePolicy: dom-module ${t} re-registered`);this.id=t,Gt(t,this),(e=this).querySelector("style")&&console.warn("dom-module %s has style outside template",e.id)}var e}}function Jt(t){return Xt.import(t)}function Kt(t){const e=Et((t.body?t.body:t).textContent,t.baseURI),i=document.createElement("style");return i.textContent=e,i}function Zt(t){const e=t.trim().split(/\s+/),i=[];for(let t=0;t<e.length;t++)i.push(...te(e[t]));return i}function te(t){const e=Jt(t);if(!e)return console.warn("Could not find style data in module named",t),[];if(void 0===e._styles){const t=[];t.push(...ie(e));const i=e.querySelector("template");i&&t.push(...ee(i,e.assetpath)),e._styles=t}return e._styles}function ee(t,e){if(!t._styles){const i=[],s=t.content.querySelectorAll("style");for(let t=0;t<s.length;t++){let r=s[t],o=r.getAttribute("include");o&&i.push(...Zt(o).filter((function(t,e,i){return i.indexOf(t)===e}))),e&&(r.textContent=Et(r.textContent,e)),i.push(r)}t._styles=i}return t._styles}function ie(t){const e=[],i=t.querySelectorAll("link[rel=import][type~=css]");for(let t=0;t<i.length;t++){let s=i[t];if(s.import){const t=s.import,i=s.hasAttribute("shady-unscoped");if(i&&!t._unscopedStyle){const e=Kt(t);e.setAttribute("shady-unscoped",""),t._unscopedStyle=e}else t._style||(t._style=Kt(t));e.push(i?t._unscopedStyle:t._style)}}return e}
|
|
673
|
-
/**
|
|
674
|
-
@license
|
|
675
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
676
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
677
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
678
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
679
|
-
Code distributed by Google as part of the polymer project is also
|
|
680
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
681
|
-
*/Xt.prototype.modules=Yt,customElements.define("dom-module",Xt);const se=window.ShadyDOM&&window.ShadyDOM.noPatch&&window.ShadyDOM.wrap?window.ShadyDOM.wrap:window.ShadyDOM?t=>ShadyDOM.patch(t):t=>t;
|
|
682
|
-
/**
|
|
683
|
-
@license
|
|
684
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
685
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
686
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
687
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
688
|
-
Code distributed by Google as part of the polymer project is also
|
|
689
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
690
|
-
*/function re(t){return t.indexOf(".")>=0}function oe(t){let e=t.indexOf(".");return-1===e?t:t.slice(0,e)}function ne(t,e){return 0===t.indexOf(e+".")}function ae(t,e){return 0===e.indexOf(t+".")}function le(t,e,i){return e+i.slice(t.length)}function he(t){if(Array.isArray(t)){let e=[];for(let i=0;i<t.length;i++){let s=t[i].toString().split(".");for(let t=0;t<s.length;t++)e.push(s[t])}return e.join(".")}return t}function ce(t){return Array.isArray(t)?he(t).split("."):t.toString().split(".")}function ue(t,e,i){let s=t,r=ce(e);for(let t=0;t<r.length;t++){if(!s)return;s=s[r[t]]}return i&&(i.path=r.join(".")),s}function de(t,e,i){let s=t,r=ce(e),o=r[r.length-1];if(r.length>1){for(let t=0;t<r.length-1;t++)if(s=s[r[t]],!s)return;s[o]=i}else s[e]=i;return r.join(".")}
|
|
691
|
-
/**
|
|
692
|
-
@license
|
|
693
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
694
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
695
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
696
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
697
|
-
Code distributed by Google as part of the polymer project is also
|
|
698
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
699
|
-
*/const pe={},me=/-[a-z]/g,fe=/([A-Z])/g;function ve(t){return pe[t]||(pe[t]=t.indexOf("-")<0?t:t.replace(me,(t=>t[1].toUpperCase())))}function be(t){return pe[t]||(pe[t]=t.replace(fe,"-$1").toLowerCase())}
|
|
700
|
-
/**
|
|
701
|
-
@license
|
|
702
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
703
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
704
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
705
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
706
|
-
Code distributed by Google as part of the polymer project is also
|
|
707
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
708
|
-
*/let ge=0,ye=0,we=[],_e=0,xe=!1,ke=document.createTextNode("");new window.MutationObserver((function(){xe=!1;const t=we.length;for(let e=0;e<t;e++){let t=we[e];if(t)try{t()}catch(t){setTimeout((()=>{throw t}))}}we.splice(0,t),ye+=t})).observe(ke,{characterData:!0});const Ce={after:t=>({run:e=>window.setTimeout(e,t),cancel(t){window.clearTimeout(t)}}),run:(t,e)=>window.setTimeout(t,e),cancel(t){window.clearTimeout(t)}},Ae={run:t=>(xe||(xe=!0,ke.textContent=_e++),we.push(t),ge++),cancel(t){const e=t-ye;if(e>=0){if(!we[e])throw new Error("invalid async handle: "+t);we[e]=null}}},Te=Ae,Ee=Wt((t=>class extends t{static createProperties(t){const e=this.prototype;for(let i in t)i in e||e._createPropertyAccessor(i)}static attributeNameForProperty(t){return t.toLowerCase()}static typeForProperty(t){}_createPropertyAccessor(t,e){this._addPropertyToAttributeMap(t),this.hasOwnProperty(JSCompiler_renameProperty("__dataHasAccessor",this))||(this.__dataHasAccessor=Object.assign({},this.__dataHasAccessor)),this.__dataHasAccessor[t]||(this.__dataHasAccessor[t]=!0,this._definePropertyAccessor(t,e))}_addPropertyToAttributeMap(t){this.hasOwnProperty(JSCompiler_renameProperty("__dataAttributes",this))||(this.__dataAttributes=Object.assign({},this.__dataAttributes));let e=this.__dataAttributes[t];return e||(e=this.constructor.attributeNameForProperty(t),this.__dataAttributes[e]=t),e}_definePropertyAccessor(t,e){Object.defineProperty(this,t,{get(){return this.__data[t]},set:e?function(){}:function(e){this._setPendingProperty(t,e,!0)&&this._invalidateProperties()}})}constructor(){super(),this.__dataEnabled=!1,this.__dataReady=!1,this.__dataInvalid=!1,this.__data={},this.__dataPending=null,this.__dataOld=null,this.__dataInstanceProps=null,this.__dataCounter=0,this.__serializing=!1,this._initializeProperties()}ready(){this.__dataReady=!0,this._flushProperties()}_initializeProperties(){for(let t in this.__dataHasAccessor)this.hasOwnProperty(t)&&(this.__dataInstanceProps=this.__dataInstanceProps||{},this.__dataInstanceProps[t]=this[t],delete this[t])}_initializeInstanceProperties(t){Object.assign(this,t)}_setProperty(t,e){this._setPendingProperty(t,e)&&this._invalidateProperties()}_getProperty(t){return this.__data[t]}_setPendingProperty(t,e,i){let s=this.__data[t],r=this._shouldPropertyChange(t,e,s);return r&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),this.__dataOld&&!(t in this.__dataOld)&&(this.__dataOld[t]=s),this.__data[t]=e,this.__dataPending[t]=e),r}_isPropertyPending(t){return!(!this.__dataPending||!this.__dataPending.hasOwnProperty(t))}_invalidateProperties(){!this.__dataInvalid&&this.__dataReady&&(this.__dataInvalid=!0,Te.run((()=>{this.__dataInvalid&&(this.__dataInvalid=!1,this._flushProperties())})))}_enableProperties(){this.__dataEnabled||(this.__dataEnabled=!0,this.__dataInstanceProps&&(this._initializeInstanceProperties(this.__dataInstanceProps),this.__dataInstanceProps=null),this.ready())}_flushProperties(){this.__dataCounter++;const t=this.__data,e=this.__dataPending,i=this.__dataOld;this._shouldPropertiesChange(t,e,i)&&(this.__dataPending=null,this.__dataOld=null,this._propertiesChanged(t,e,i)),this.__dataCounter--}_shouldPropertiesChange(t,e,i){return Boolean(e)}_propertiesChanged(t,e,i){}_shouldPropertyChange(t,e,i){return i!==e&&(i==i||e==e)}attributeChangedCallback(t,e,i,s){e!==i&&this._attributeToProperty(t,i),super.attributeChangedCallback&&super.attributeChangedCallback(t,e,i,s)}_attributeToProperty(t,e,i){if(!this.__serializing){const s=this.__dataAttributes,r=s&&s[t]||t;this[r]=this._deserializeValue(e,i||this.constructor.typeForProperty(r))}}_propertyToAttribute(t,e,i){this.__serializing=!0,this._valueToNodeAttribute(this,i=arguments.length<3?this[t]:i,e||this.constructor.attributeNameForProperty(t)),this.__serializing=!1}_valueToNodeAttribute(t,e,i){const s=this._serializeValue(e);"class"!==i&&"name"!==i&&"slot"!==i||(t=se(t)),void 0===s?t.removeAttribute(i):t.setAttribute(i,""===s&&window.trustedTypes?window.trustedTypes.emptyScript:s)}_serializeValue(t){switch(typeof t){case"boolean":return t?"":void 0;default:return null!=t?t.toString():void 0}}_deserializeValue(t,e){switch(e){case Boolean:return null!==t;case Number:return Number(t);default:return t}}})),De={};let Se=HTMLElement.prototype;for(;Se;){let t=Object.getOwnPropertyNames(Se);for(let e=0;e<t.length;e++)De[t[e]]=!0;Se=Object.getPrototypeOf(Se)}const Me=window.trustedTypes?t=>trustedTypes.isHTML(t)||trustedTypes.isScript(t)||trustedTypes.isScriptURL(t):()=>!1,ze=Wt((t=>{const e=Ee(t);return class extends e{static createPropertiesForAttributes(){let t=this.observedAttributes;for(let e=0;e<t.length;e++)this.prototype._createPropertyAccessor(ve(t[e]))}static attributeNameForProperty(t){return be(t)}_initializeProperties(){this.__dataProto&&(this._initializeProtoProperties(this.__dataProto),this.__dataProto=null),super._initializeProperties()}_initializeProtoProperties(t){for(let e in t)this._setProperty(e,t[e])}_ensureAttribute(t,e){this.hasAttribute(t)||this._valueToNodeAttribute(this,e,t)}_serializeValue(t){switch(typeof t){case"object":if(t instanceof Date)return t.toString();if(t){if(Me(t))return t;try{return JSON.stringify(t)}catch(t){return""}}default:return super._serializeValue(t)}}_deserializeValue(t,e){let i;switch(e){case Object:try{i=JSON.parse(t)}catch(e){i=t}break;case Array:try{i=JSON.parse(t)}catch(e){i=null,console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${t}`)}break;case Date:i=isNaN(t)?String(t):Number(t),i=new Date(i);break;default:i=super._deserializeValue(t,e)}return i}_definePropertyAccessor(t,e){!function(t,e){if(!De[e]){let i=t[e];void 0!==i&&(t.__data?t._setPendingProperty(e,i):(t.__dataProto?t.hasOwnProperty(JSCompiler_renameProperty("__dataProto",t))||(t.__dataProto=Object.create(t.__dataProto)):t.__dataProto={},t.__dataProto[e]=i))}}(this,t),super._definePropertyAccessor(t,e)}_hasAccessor(t){return this.__dataHasAccessor&&this.__dataHasAccessor[t]}_isPropertyPending(t){return Boolean(this.__dataPending&&t in this.__dataPending)}}})),Ie={"dom-if":!0,"dom-repeat":!0};let Pe=!1,Fe=!1;const Oe=(()=>{const t=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:t=>t});return(e,i,s)=>{const r=i.getAttribute(s);t&&s.startsWith("on-")?e.setAttribute(s,t.createScript(r,s)):e.setAttribute(s,r)}})();function Ne(t){let e=t.getAttribute("is");if(e&&Ie[e]){let i=t;for(i.removeAttribute("is"),t=i.ownerDocument.createElement(e),i.parentNode.replaceChild(t,i),t.appendChild(i);i.attributes.length;){const{name:e}=i.attributes[0];Oe(t,i,e),i.removeAttribute(e)}}return t}function Be(t,e){let i=e.parentInfo&&Be(t,e.parentInfo);if(!i)return t;for(let t=i.firstChild,s=0;t;t=t.nextSibling)if(e.parentIndex===s++)return t}function Le(t,e,i,s){s.id&&(e[s.id]=i)}function je(t,e,i){if(i.events&&i.events.length)for(let s,r=0,o=i.events;r<o.length&&(s=o[r]);r++)t._addMethodEventListenerToNode(e,s.name,s.value,t)}function $e(t,e,i,s){i.templateInfo&&(e._templateInfo=i.templateInfo,e._parentTemplateInfo=s)}const qe=Wt((t=>class extends t{static _parseTemplate(t,e){if(!t._templateInfo){let i=t._templateInfo={};i.nodeInfoList=[],i.nestedTemplate=Boolean(e),i.stripWhiteSpace=e&&e.stripWhiteSpace||t.hasAttribute&&t.hasAttribute("strip-whitespace"),this._parseTemplateContent(t,i,{parent:null})}return t._templateInfo}static _parseTemplateContent(t,e,i){return this._parseTemplateNode(t.content,e,i)}static _parseTemplateNode(t,e,i){let s=!1,r=t;return"template"!=r.localName||r.hasAttribute("preserve-content")?"slot"===r.localName&&(e.hasInsertionPoint=!0):s=this._parseTemplateNestedTemplate(r,e,i)||s,function(t){(function(){if(!Pe){Pe=!0;const t=document.createElement("textarea");t.placeholder="a",Fe=t.placeholder===t.textContent}return Fe})()&&"textarea"===t.localName&&t.placeholder&&t.placeholder===t.textContent&&(t.textContent=null)}(r),r.firstChild&&this._parseTemplateChildNodes(r,e,i),r.hasAttributes&&r.hasAttributes()&&(s=this._parseTemplateNodeAttributes(r,e,i)||s),s||i.noted}static _parseTemplateChildNodes(t,e,i){if("script"!==t.localName&&"style"!==t.localName)for(let s,r=t.firstChild,o=0;r;r=s){if("template"==r.localName&&(r=Ne(r)),s=r.nextSibling,r.nodeType===Node.TEXT_NODE){let i=s;for(;i&&i.nodeType===Node.TEXT_NODE;)r.textContent+=i.textContent,s=i.nextSibling,t.removeChild(i),i=s;if(e.stripWhiteSpace&&!r.textContent.trim()){t.removeChild(r);continue}}let n={parentIndex:o,parentInfo:i};this._parseTemplateNode(r,e,n)&&(n.infoIndex=e.nodeInfoList.push(n)-1),r.parentNode&&o++}}static _parseTemplateNestedTemplate(t,e,i){let s=t,r=this._parseTemplate(s,e);return(r.content=s.content.ownerDocument.createDocumentFragment()).appendChild(s.content),i.templateInfo=r,!0}static _parseTemplateNodeAttributes(t,e,i){let s=!1,r=Array.from(t.attributes);for(let o,n=r.length-1;o=r[n];n--)s=this._parseTemplateNodeAttribute(t,e,i,o.name,o.value)||s;return s}static _parseTemplateNodeAttribute(t,e,i,s,r){return"on-"===s.slice(0,3)?(t.removeAttribute(s),i.events=i.events||[],i.events.push({name:s.slice(3),value:r}),!0):"id"===s&&(i.id=r,!0)}static _contentForTemplate(t){let e=t._templateInfo;return e&&e.content||t.content}_stampTemplate(t,e){t&&!t.content&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate&&HTMLTemplateElement.decorate(t);let i=(e=e||this.constructor._parseTemplate(t)).nodeInfoList,s=document.importNode(e.content||t.content,!0);s.__noInsertionPoint=!e.hasInsertionPoint;let r=s.nodeList=new Array(i.length);s.$={};for(let t,o=0,n=i.length;o<n&&(t=i[o]);o++){let i=r[o]=Be(s,t);Le(0,s.$,i,t),$e(0,i,t,e),je(this,i,t)}return s=s,s}_addMethodEventListenerToNode(t,e,i,s){let r=function(t,e,i){return t=t._methodHost||t,function(e){t[i]?t[i](e,e.detail):console.warn("listener method `"+i+"` not defined")}}(s=s||t,0,i);return this._addEventListenerToNode(t,e,r),r}_addEventListenerToNode(t,e,i){t.addEventListener(e,i)}_removeEventListenerFromNode(t,e,i){t.removeEventListener(e,i)}}));
|
|
709
|
-
/**
|
|
710
|
-
* @fileoverview
|
|
711
|
-
* @suppress {checkPrototypalTypes}
|
|
712
|
-
* @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
713
|
-
* This code may only be used under the BSD style license found at
|
|
714
|
-
* http://polymer.github.io/LICENSE.txt The complete set of authors may be found
|
|
715
|
-
* at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
|
|
716
|
-
* be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
|
|
717
|
-
* Google as part of the polymer project is also subject to an additional IP
|
|
718
|
-
* rights grant found at http://polymer.github.io/PATENTS.txt
|
|
719
|
-
*/let Re=0;const Ve=[],He={COMPUTE:"__computeEffects",REFLECT:"__reflectEffects",NOTIFY:"__notifyEffects",PROPAGATE:"__propagateEffects",OBSERVE:"__observeEffects",READ_ONLY:"__readOnly"},We=/[A-Z]/;function Ye(t,e,i){let s=t[e];if(s){if(!t.hasOwnProperty(e)&&(s=t[e]=Object.create(t[e]),i))for(let t in s){let e=s[t],i=s[t]=Array(e.length);for(let t=0;t<e.length;t++)i[t]=e[t]}}else s=t[e]={};return s}function Ue(t,e,i,s,r,o){if(e){let n=!1;const a=Re++;for(let l in i){let h=e[r?oe(l):l];if(h)for(let e,c=0,u=h.length;c<u&&(e=h[c]);c++)e.info&&e.info.lastRun===a||r&&!Qe(l,e.trigger)||(e.info&&(e.info.lastRun=a),e.fn(t,l,i,s,e.info,r,o),n=!0)}return n}return!1}function Ge(t,e,i,s,r,o,n,a){let l=!1,h=e[n?oe(s):s];if(h)for(let e,c=0,u=h.length;c<u&&(e=h[c]);c++)e.info&&e.info.lastRun===i||n&&!Qe(s,e.trigger)||(e.info&&(e.info.lastRun=i),e.fn(t,s,r,o,e.info,n,a),l=!0);return l}function Qe(t,e){if(e){let i=e.name;return i==t||!(!e.structured||!ne(i,t))||!(!e.wildcard||!ae(i,t))}return!0}function Xe(t,e,i,s,r){let o="string"==typeof r.method?t[r.method]:r.method,n=r.property;o?o.call(t,t.__data[n],s[n]):r.dynamicFn||console.warn("observer method `"+r.method+"` not defined")}function Je(t,e,i){let s=oe(e);return s!==e&&(Ke(t,be(s)+"-changed",i[e],e),!0)}function Ke(t,e,i,s){let r={value:i,queueProperty:!0};s&&(r.path=s),se(t).dispatchEvent(new CustomEvent(e,{detail:r}))}function Ze(t,e,i,s,r,o){let n=(o?oe(e):e)!=e?e:null,a=n?ue(t,n):t.__data[e];n&&void 0===a&&(a=i[e]),Ke(t,r.eventName,a,n)}function ti(t,e,i,s,r){let o=t.__data[e];It&&(o=It(o,r.attrName,"attribute",t)),t._propertyToAttribute(e,r.attrName,o)}const ei=(t,e,i)=>{let s=0,r=e.length-1,o=-1;for(;s<=r;){const n=s+r>>1,a=i.get(e[n].methodInfo)-i.get(t.methodInfo);if(a<0)s=n+1;else{if(!(a>0)){o=n;break}r=n-1}}o<0&&(o=r+1),e.splice(o,0,t)},ii=(t,e,i,s,r)=>{const o=e[r?oe(t):t];if(o)for(let e=0;e<o.length;e++){const n=o[e];n.info.lastRun===Re||r&&!Qe(t,n.trigger)||(n.info.lastRun=Re,ei(n.info,i,s))}};function si(t,e,i,s,r){let o=ci(t,e,i,0,r);if(o===Ve)return!1;let n=r.methodInfo;return t.__dataHasAccessor&&t.__dataHasAccessor[n]?t._setPendingProperty(n,o,!0):(t[n]=o,!1)}function ri(t,e,i,s,r,o,n){i.bindings=i.bindings||[];let a={kind:s,target:r,parts:o,literal:n,isCompound:1!==o.length};if(i.bindings.push(a),function(t){return Boolean(t.target)&&"attribute"!=t.kind&&"text"!=t.kind&&!t.isCompound&&"{"===t.parts[0].mode}(a)){let{event:t,negate:e}=a.parts[0];a.listenerEvent=t||be(r)+"-changed",a.listenerNegate=e}let l=e.nodeInfoList.length;for(let i=0;i<a.parts.length;i++){let s=a.parts[i];s.compoundIndex=i,oi(t,e,a,s,l)}}function oi(t,e,i,s,r){if(!s.literal)if("attribute"===i.kind&&"-"===i.target[0])console.warn("Cannot set attribute "+i.target+' because "-" is not a valid attribute starting character');else{let o=s.dependencies,n={index:r,binding:i,part:s,evaluator:t};for(let i=0;i<o.length;i++){let s=o[i];"string"==typeof s&&(s=fi(s),s.wildcard=!0),t._addTemplatePropertyEffect(e,s.rootProperty,{fn:ni,info:n,trigger:s})}}}function ni(t,e,i,s,r,o,n){let a=n[r.index],l=r.binding,h=r.part;if(o&&h.source&&e.length>h.source.length&&"property"==l.kind&&!l.isCompound&&a.__isPropertyEffectsClient&&a.__dataHasAccessor&&a.__dataHasAccessor[l.target]){let s=i[e];e=le(h.source,l.target,e),a._setPendingPropertyOrPath(e,s,!1,!0)&&t._enqueueClient(a)}else{let n=r.evaluator._evaluateBinding(t,h,e,i,s,o);n!==Ve&&function(t,e,i,s,r){if(r=function(t,e,i,s){if(i.isCompound){let r=t.__dataCompoundStorage[i.target];r[s.compoundIndex]=e,e=r.join("")}return"attribute"!==i.kind&&("textContent"!==i.target&&("value"!==i.target||"input"!==t.localName&&"textarea"!==t.localName)||(e=null==e?"":e)),e}(e,r,i,s),It&&(r=It(r,i.target,i.kind,e)),"attribute"==i.kind)t._valueToNodeAttribute(e,r,i.target);else{let s=i.target;e.__isPropertyEffectsClient&&e.__dataHasAccessor&&e.__dataHasAccessor[s]?e[He.READ_ONLY]&&e[He.READ_ONLY][s]||e._setPendingProperty(s,r)&&t._enqueueClient(e):t._setUnmanagedPropertyToNode(e,s,r)}}(t,a,l,h,n)}}function ai(t,e){if(e.isCompound){let i=t.__dataCompoundStorage||(t.__dataCompoundStorage={}),s=e.parts,r=new Array(s.length);for(let t=0;t<s.length;t++)r[t]=s[t].literal;let o=e.target;i[o]=r,e.literal&&"property"==e.kind&&("className"===o&&(t=se(t)),t[o]=e.literal)}}function li(t,e,i){if(i.listenerEvent){let s=i.parts[0];t.addEventListener(i.listenerEvent,(function(t){!function(t,e,i,s,r){let o,n=t.detail,a=n&&n.path;a?(s=le(i,s,a),o=n&&n.value):o=t.currentTarget[i],o=r?!o:o,e[He.READ_ONLY]&&e[He.READ_ONLY][s]||!e._setPendingPropertyOrPath(s,o,!0,Boolean(a))||n&&n.queueProperty||e._invalidateProperties()}(t,e,i.target,s.source,s.negate)}))}}function hi(t,e,i,s,r,o){let n={methodName:e.methodName,args:e.args,methodInfo:r,dynamicFn:o=e.static||o&&("object"!=typeof o||o[e.methodName])};for(let r,o=0;o<e.args.length&&(r=e.args[o]);o++)r.literal||t._addPropertyEffect(r.rootProperty,i,{fn:s,info:n,trigger:r});return o&&t._addPropertyEffect(e.methodName,i,{fn:s,info:n}),n}function ci(t,e,i,s,r){let o=t._methodHost||t,n=o[r.methodName];if(n){let s=t._marshalArgs(r.args,e,i);return s===Ve?Ve:n.apply(o,s)}r.dynamicFn||console.warn("method `"+r.methodName+"` not defined")}const ui=[],di=new RegExp("(\\[\\[|{{)\\s*(?:(!)\\s*)?((?:[a-zA-Z_$][\\w.:$\\-*]*)\\s*(?:\\(\\s*(?:(?:(?:((?:[a-zA-Z_$][\\w.:$\\-*]*)|(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\\\]|\\\\.)*')|(?:\"(?:[^\"\\\\]|\\\\.)*\")))\\s*)(?:,\\s*(?:((?:[a-zA-Z_$][\\w.:$\\-*]*)|(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\\\]|\\\\.)*')|(?:\"(?:[^\"\\\\]|\\\\.)*\")))\\s*))*)?)\\)\\s*)?)(?:]]|}})","g");function pi(t){let e="";for(let i=0;i<t.length;i++)e+=t[i].literal||"";return e}function mi(t){let e=t.match(/([^\s]+?)\(([\s\S]*)\)/);if(e){let t={methodName:e[1],static:!0,args:ui};return e[2].trim()?function(t,e){return e.args=t.map((function(t){let i=fi(t);return i.literal||(e.static=!1),i}),this),e}(e[2].replace(/\\,/g,",").split(","),t):t}return null}function fi(t){let e=t.trim().replace(/,/g,",").replace(/\\(.)/g,"$1"),i={name:e,value:"",literal:!1},s=e[0];switch("-"===s&&(s=e[1]),s>="0"&&s<="9"&&(s="#"),s){case"'":case'"':i.value=e.slice(1,-1),i.literal=!0;break;case"#":i.value=Number(e),i.literal=!0}return i.literal||(i.rootProperty=oe(e),i.structured=re(e),i.structured&&(i.wildcard=".*"==e.slice(-2),i.wildcard&&(i.name=e.slice(0,-2)))),i}function vi(t,e,i){let s=ue(t,i);return void 0===s&&(s=e[i]),s}function bi(t,e,i,s){const r={indexSplices:s};Lt&&!t._overrideLegacyUndefined&&(e.splices=r),t.notifyPath(i+".splices",r),t.notifyPath(i+".length",e.length),Lt&&!t._overrideLegacyUndefined&&(r.indexSplices=[])}function gi(t,e,i,s,r,o){bi(t,e,i,[{index:s,addedCount:r,removed:o,object:e,type:"splice"}])}const yi=Wt((t=>{const e=qe(ze(t));return class extends e{constructor(){super(),this.__isPropertyEffectsClient=!0}get PROPERTY_EFFECT_TYPES(){return He}_initializeProperties(){super._initializeProperties(),this._registerHost(),this.__dataClientsReady=!1,this.__dataPendingClients=null,this.__dataToNotify=null,this.__dataLinkedPaths=null,this.__dataHasPaths=!1,this.__dataCompoundStorage=this.__dataCompoundStorage||null,this.__dataHost=this.__dataHost||null,this.__dataTemp={},this.__dataClientsInitialized=!1}_registerHost(){if(wi.length){let t=wi[wi.length-1];t._enqueueClient(this),this.__dataHost=t}}_initializeProtoProperties(t){this.__data=Object.create(t),this.__dataPending=Object.create(t),this.__dataOld={}}_initializeInstanceProperties(t){let e=this[He.READ_ONLY];for(let i in t)e&&e[i]||(this.__dataPending=this.__dataPending||{},this.__dataOld=this.__dataOld||{},this.__data[i]=this.__dataPending[i]=t[i])}_addPropertyEffect(t,e,i){this._createPropertyAccessor(t,e==He.READ_ONLY);let s=Ye(this,e,!0)[t];s||(s=this[e][t]=[]),s.push(i)}_removePropertyEffect(t,e,i){let s=Ye(this,e,!0)[t],r=s.indexOf(i);r>=0&&s.splice(r,1)}_hasPropertyEffect(t,e){let i=this[e];return Boolean(i&&i[t])}_hasReadOnlyEffect(t){return this._hasPropertyEffect(t,He.READ_ONLY)}_hasNotifyEffect(t){return this._hasPropertyEffect(t,He.NOTIFY)}_hasReflectEffect(t){return this._hasPropertyEffect(t,He.REFLECT)}_hasComputedEffect(t){return this._hasPropertyEffect(t,He.COMPUTE)}_setPendingPropertyOrPath(t,e,i,s){if(s||oe(Array.isArray(t)?t[0]:t)!==t){if(!s){let i=ue(this,t);if(!(t=de(this,t,e))||!super._shouldPropertyChange(t,e,i))return!1}if(this.__dataHasPaths=!0,this._setPendingProperty(t,e,i))return function(t,e,i){let s=t.__dataLinkedPaths;if(s){let r;for(let o in s){let n=s[o];ae(o,e)?(r=le(o,n,e),t._setPendingPropertyOrPath(r,i,!0,!0)):ae(n,e)&&(r=le(n,o,e),t._setPendingPropertyOrPath(r,i,!0,!0))}}}(this,t,e),!0}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[t])return this._setPendingProperty(t,e,i);this[t]=e}return!1}_setUnmanagedPropertyToNode(t,e,i){i===t[e]&&"object"!=typeof i||("className"===e&&(t=se(t)),t[e]=i)}_setPendingProperty(t,e,i){let s=this.__dataHasPaths&&re(t);return!!this._shouldPropertyChange(t,e,(s?this.__dataTemp:this.__data)[t])&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),t in this.__dataOld||(this.__dataOld[t]=this.__data[t]),s?this.__dataTemp[t]=e:this.__data[t]=e,this.__dataPending[t]=e,(s||this[He.NOTIFY]&&this[He.NOTIFY][t])&&(this.__dataToNotify=this.__dataToNotify||{},this.__dataToNotify[t]=i),!0)}_setProperty(t,e){this._setPendingProperty(t,e,!0)&&this._invalidateProperties()}_invalidateProperties(){this.__dataReady&&this._flushProperties()}_enqueueClient(t){this.__dataPendingClients=this.__dataPendingClients||[],t!==this&&this.__dataPendingClients.push(t)}_flushClients(){this.__dataClientsReady?this.__enableOrFlushClients():(this.__dataClientsReady=!0,this._readyClients(),this.__dataReady=!0)}__enableOrFlushClients(){let t=this.__dataPendingClients;if(t){this.__dataPendingClients=null;for(let e=0;e<t.length;e++){let i=t[e];i.__dataEnabled?i.__dataPending&&i._flushProperties():i._enableProperties()}}}_readyClients(){this.__enableOrFlushClients()}setProperties(t,e){for(let i in t)!e&&this[He.READ_ONLY]&&this[He.READ_ONLY][i]||this._setPendingPropertyOrPath(i,t[i],!0);this._invalidateProperties()}ready(){this._flushProperties(),this.__dataClientsReady||this._flushClients(),this.__dataPending&&this._flushProperties()}_propertiesChanged(t,e,i){let s,r=this.__dataHasPaths;this.__dataHasPaths=!1,function(t,e,i,s){let r=t[He.COMPUTE];if(r)if(jt){Re++;const o=function(t){let e=t.constructor.__orderedComputedDeps;if(!e){e=new Map;const i=t[He.COMPUTE];let s,{counts:r,ready:o,total:n}=function(t){const e=t.__computeInfo,i={},s=t[He.COMPUTE],r=[];let o=0;for(let t in e){const s=e[t];o+=i[t]=s.args.filter((t=>!t.literal)).length+(s.dynamicFn?1:0)}for(let t in s)e[t]||r.push(t);return{counts:i,ready:r,total:o}}(t);for(;s=o.shift();){e.set(s,e.size);const t=i[s];t&&t.forEach((t=>{const e=t.info.methodInfo;--n,0==--r[e]&&o.push(e)}))}0!==n&&console.warn(`Computed graph for ${t.localName} incomplete; circular?`),t.constructor.__orderedComputedDeps=e}return e}(t),n=[];for(let t in e)ii(t,r,n,o,s);let a;for(;a=n.shift();)si(t,"",e,0,a)&&ii(a.methodInfo,r,n,o,s);Object.assign(i,t.__dataOld),Object.assign(e,t.__dataPending),t.__dataPending=null}else{let o=e;for(;Ue(t,r,o,i,s);)Object.assign(i,t.__dataOld),Object.assign(e,t.__dataPending),o=t.__dataPending,t.__dataPending=null}}(this,e,i,r),s=this.__dataToNotify,this.__dataToNotify=null,this._propagatePropertyChanges(e,i,r),this._flushClients(),Ue(this,this[He.REFLECT],e,i,r),Ue(this,this[He.OBSERVE],e,i,r),s&&function(t,e,i,s,r){let o,n,a=t[He.NOTIFY],l=Re++;for(let n in e)e[n]&&(a&&Ge(t,a,l,n,i,s,r)||r&&Je(t,n,i))&&(o=!0);o&&(n=t.__dataHost)&&n._invalidateProperties&&n._invalidateProperties()}(this,s,e,i,r),1==this.__dataCounter&&(this.__dataTemp={})}_propagatePropertyChanges(t,e,i){this[He.PROPAGATE]&&Ue(this,this[He.PROPAGATE],t,e,i),this.__templateInfo&&this._runEffectsForTemplate(this.__templateInfo,t,e,i)}_runEffectsForTemplate(t,e,i,s){const r=(e,s)=>{Ue(this,t.propertyEffects,e,i,s,t.nodeList);for(let r=t.firstChild;r;r=r.nextSibling)this._runEffectsForTemplate(r,e,i,s)};t.runEffects?t.runEffects(r,e,s):r(e,s)}linkPaths(t,e){t=he(t),e=he(e),this.__dataLinkedPaths=this.__dataLinkedPaths||{},this.__dataLinkedPaths[t]=e}unlinkPaths(t){t=he(t),this.__dataLinkedPaths&&delete this.__dataLinkedPaths[t]}notifySplices(t,e){let i={path:""};bi(this,ue(this,t,i),i.path,e)}get(t,e){return ue(e||this,t)}set(t,e,i){i?de(i,t,e):this[He.READ_ONLY]&&this[He.READ_ONLY][t]||this._setPendingPropertyOrPath(t,e,!0)&&this._invalidateProperties()}push(t,...e){let i={path:""},s=ue(this,t,i),r=s.length,o=s.push(...e);return e.length&&gi(this,s,i.path,r,e.length,[]),o}pop(t){let e={path:""},i=ue(this,t,e),s=Boolean(i.length),r=i.pop();return s&&gi(this,i,e.path,i.length,0,[r]),r}splice(t,e,i,...s){let r,o={path:""},n=ue(this,t,o);return e<0?e=n.length-Math.floor(-e):e&&(e=Math.floor(e)),r=2===arguments.length?n.splice(e):n.splice(e,i,...s),(s.length||r.length)&&gi(this,n,o.path,e,s.length,r),r}shift(t){let e={path:""},i=ue(this,t,e),s=Boolean(i.length),r=i.shift();return s&&gi(this,i,e.path,0,0,[r]),r}unshift(t,...e){let i={path:""},s=ue(this,t,i),r=s.unshift(...e);return e.length&&gi(this,s,i.path,0,e.length,[]),r}notifyPath(t,e){let i;if(1==arguments.length){let s={path:""};e=ue(this,t,s),i=s.path}else i=Array.isArray(t)?he(t):t;this._setPendingPropertyOrPath(i,e,!0,!0)&&this._invalidateProperties()}_createReadOnlyProperty(t,e){var i;this._addPropertyEffect(t,He.READ_ONLY),e&&(this["_set"+(i=t,i[0].toUpperCase()+i.substring(1))]=function(e){this._setProperty(t,e)})}_createPropertyObserver(t,e,i){let s={property:t,method:e,dynamicFn:Boolean(i)};this._addPropertyEffect(t,He.OBSERVE,{fn:Xe,info:s,trigger:{name:t}}),i&&this._addPropertyEffect(e,He.OBSERVE,{fn:Xe,info:s,trigger:{name:e}})}_createMethodObserver(t,e){let i=mi(t);if(!i)throw new Error("Malformed observer expression '"+t+"'");hi(this,i,He.OBSERVE,ci,null,e)}_createNotifyingProperty(t){this._addPropertyEffect(t,He.NOTIFY,{fn:Ze,info:{eventName:be(t)+"-changed",property:t}})}_createReflectedProperty(t){let e=this.constructor.attributeNameForProperty(t);"-"===e[0]?console.warn("Property "+t+" cannot be reflected to attribute "+e+' because "-" is not a valid starting attribute name. Use a lowercase first letter for the property instead.'):this._addPropertyEffect(t,He.REFLECT,{fn:ti,info:{attrName:e}})}_createComputedProperty(t,e,i){let s=mi(e);if(!s)throw new Error("Malformed computed expression '"+e+"'");const r=hi(this,s,He.COMPUTE,si,t,i);Ye(this,"__computeInfo")[t]=r}_marshalArgs(t,e,i){const s=this.__data,r=[];for(let o=0,n=t.length;o<n;o++){let{name:n,structured:a,wildcard:l,value:h,literal:c}=t[o];if(!c)if(l){const t=ae(n,e),r=vi(s,i,t?e:n);h={path:t?e:n,value:r,base:t?ue(s,n):r}}else h=a?vi(s,i,n):s[n];if(Lt&&!this._overrideLegacyUndefined&&void 0===h&&t.length>1)return Ve;r[o]=h}return r}static addPropertyEffect(t,e,i){this.prototype._addPropertyEffect(t,e,i)}static createPropertyObserver(t,e,i){this.prototype._createPropertyObserver(t,e,i)}static createMethodObserver(t,e){this.prototype._createMethodObserver(t,e)}static createNotifyingProperty(t){this.prototype._createNotifyingProperty(t)}static createReadOnlyProperty(t,e){this.prototype._createReadOnlyProperty(t,e)}static createReflectedProperty(t){this.prototype._createReflectedProperty(t)}static createComputedProperty(t,e,i){this.prototype._createComputedProperty(t,e,i)}static bindTemplate(t){return this.prototype._bindTemplate(t)}_bindTemplate(t,e){let i=this.constructor._parseTemplate(t),s=this.__preBoundTemplateInfo==i;if(!s)for(let t in i.propertyEffects)this._createPropertyAccessor(t);if(e)if(i=Object.create(i),i.wasPreBound=s,this.__templateInfo){const e=t._parentTemplateInfo||this.__templateInfo,s=e.lastChild;i.parent=e,e.lastChild=i,i.previousSibling=s,s?s.nextSibling=i:e.firstChild=i}else this.__templateInfo=i;else this.__preBoundTemplateInfo=i;return i}static _addTemplatePropertyEffect(t,e,i){(t.hostProps=t.hostProps||{})[e]=!0;let s=t.propertyEffects=t.propertyEffects||{};(s[e]=s[e]||[]).push(i)}_stampTemplate(t,e){e=e||this._bindTemplate(t,!0),wi.push(this);let i=super._stampTemplate(t,e);if(wi.pop(),e.nodeList=i.nodeList,!e.wasPreBound){let t=e.childNodes=[];for(let e=i.firstChild;e;e=e.nextSibling)t.push(e)}return i.templateInfo=e,function(t,e){let{nodeList:i,nodeInfoList:s}=e;if(s.length)for(let e=0;e<s.length;e++){let r=i[e],o=s[e].bindings;if(o)for(let e=0;e<o.length;e++){let i=o[e];ai(r,i),li(r,t,i)}r.__dataHost=t}}(this,e),this.__dataClientsReady&&(this._runEffectsForTemplate(e,this.__data,null,!1),this._flushClients()),i}_removeBoundDom(t){const e=t.templateInfo,{previousSibling:i,nextSibling:s,parent:r}=e;i?i.nextSibling=s:r&&(r.firstChild=s),s?s.previousSibling=i:r&&(r.lastChild=i),e.nextSibling=e.previousSibling=null;let o=e.childNodes;for(let t=0;t<o.length;t++){let e=o[t];se(se(e).parentNode).removeChild(e)}}static _parseTemplateNode(t,i,s){let r=e._parseTemplateNode.call(this,t,i,s);if(t.nodeType===Node.TEXT_NODE){let e=this._parseBindings(t.textContent,i);e&&(t.textContent=pi(e)||" ",ri(this,i,s,"text","textContent",e),r=!0)}return r}static _parseTemplateNodeAttribute(t,i,s,r,o){let n=this._parseBindings(o,i);if(n){let e=r,o="property";We.test(r)?o="attribute":"$"==r[r.length-1]&&(r=r.slice(0,-1),o="attribute");let a=pi(n);return a&&"attribute"==o&&("class"==r&&t.hasAttribute("class")&&(a+=" "+t.getAttribute(r)),t.setAttribute(r,a)),"attribute"==o&&"disable-upgrade$"==e&&t.setAttribute(r,""),"input"===t.localName&&"value"===e&&t.setAttribute(e,""),t.removeAttribute(e),"property"===o&&(r=ve(r)),ri(this,i,s,o,r,n,a),!0}return e._parseTemplateNodeAttribute.call(this,t,i,s,r,o)}static _parseTemplateNestedTemplate(t,i,s){let r=e._parseTemplateNestedTemplate.call(this,t,i,s);const o=t.parentNode,n=s.templateInfo,a="dom-if"===o.localName;$t&&(a||"dom-repeat"===o.localName)&&(o.removeChild(t),(s=s.parentInfo).templateInfo=n,s.noted=!0,r=!1);let l=n.hostProps;if(qt&&a)l&&(i.hostProps=Object.assign(i.hostProps||{},l),$t||(s.parentInfo.noted=!0));else{let t="{";for(let e in l)ri(this,i,s,"property","_host_"+e,[{mode:t,source:e,dependencies:[e],hostProp:!0}])}return r}static _parseBindings(t,e){let i,s=[],r=0;for(;null!==(i=di.exec(t));){i.index>r&&s.push({literal:t.slice(r,i.index)});let o=i[1][0],n=Boolean(i[2]),a=i[3].trim(),l=!1,h="",c=-1;"{"==o&&(c=a.indexOf("::"))>0&&(h=a.substring(c+2),a=a.substring(0,c),l=!0);let u=mi(a),d=[];if(u){let{args:t,methodName:i}=u;for(let e=0;e<t.length;e++){let i=t[e];i.literal||d.push(i)}let s=e.dynamicFns;(s&&s[i]||u.static)&&(d.push(i),u.dynamicFn=!0)}else d.push(a);s.push({source:a,mode:o,negate:n,customEvent:l,signature:u,dependencies:d,event:h}),r=di.lastIndex}if(r&&r<t.length){let e=t.substring(r);e&&s.push({literal:e})}return s.length?s:null}static _evaluateBinding(t,e,i,s,r,o){let n;return n=e.signature?ci(t,i,s,0,e.signature):i!=e.source?ue(t,e.source):o&&re(i)?ue(t,i):t.__data[i],e.negate&&(n=!n),n}}})),wi=[],_i=Wt((t=>{const e=Ee(t);function i(t){const e=Object.getPrototypeOf(t);return e.prototype instanceof r?e:null}function s(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",t))){let e=null;if(t.hasOwnProperty(JSCompiler_renameProperty("properties",t))){const i=t.properties;i&&(e=
|
|
720
|
-
/**
|
|
721
|
-
@license
|
|
722
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
723
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
724
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
725
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
726
|
-
Code distributed by Google as part of the polymer project is also
|
|
727
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
728
|
-
*/
|
|
729
|
-
function(t){const e={};for(let i in t){const s=t[i];e[i]="function"==typeof s?{type:s}:s}return e}(i))}t.__ownProperties=e}return t.__ownProperties}class r extends e{static get observedAttributes(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))){const t=this._properties;this.__observedAttributes=t?Object.keys(t).map((t=>this.prototype._addPropertyToAttributeMap(t))):[]}return this.__observedAttributes}static finalize(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__finalized",this))){const t=i(this);t&&t.finalize(),this.__finalized=!0,this._finalizeClass()}}static _finalizeClass(){const t=s(this);t&&this.createProperties(t)}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){const t=i(this);this.__properties=Object.assign({},t&&t._properties,s(this))}return this.__properties}static typeForProperty(t){const e=this._properties[t];return e&&e.type}_initializeProperties(){this.constructor.finalize(),super._initializeProperties()}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this._enableProperties()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback()}}return r})),xi=window.ShadyCSS&&window.ShadyCSS.cssBuild,ki=Wt((t=>{const e=_i(yi(t));function i(t,e,i,s){i.computed&&(i.readOnly=!0),i.computed&&(t._hasReadOnlyEffect(e)?console.warn(`Cannot redefine computed property '${e}'.`):t._createComputedProperty(e,i.computed,s)),i.readOnly&&!t._hasReadOnlyEffect(e)?t._createReadOnlyProperty(e,!i.computed):!1===i.readOnly&&t._hasReadOnlyEffect(e)&&console.warn(`Cannot make readOnly property '${e}' non-readOnly.`),i.reflectToAttribute&&!t._hasReflectEffect(e)?t._createReflectedProperty(e):!1===i.reflectToAttribute&&t._hasReflectEffect(e)&&console.warn(`Cannot make reflected property '${e}' non-reflected.`),i.notify&&!t._hasNotifyEffect(e)?t._createNotifyingProperty(e):!1===i.notify&&t._hasNotifyEffect(e)&&console.warn(`Cannot make notify property '${e}' non-notify.`),i.observer&&t._createPropertyObserver(e,i.observer,s[i.observer]),t._addPropertyToAttributeMap(e)}return class extends e{static get polymerElementVersion(){return"3.5.1"}static _finalizeClass(){e._finalizeClass.call(this);const t=((i=this).hasOwnProperty(JSCompiler_renameProperty("__ownObservers",i))||(i.__ownObservers=i.hasOwnProperty(JSCompiler_renameProperty("observers",i))?i.observers:null),i.__ownObservers);var i;t&&this.createObservers(t,this._properties),this._prepareTemplate()}static _prepareTemplate(){let t=this.template;t&&("string"==typeof t?(console.error("template getter must return HTMLTemplateElement"),t=null):Ot||(t=t.cloneNode(!0))),this.prototype._template=t}static createProperties(t){for(let e in t)i(this.prototype,e,t[e],t)}static createObservers(t,e){const i=this.prototype;for(let s=0;s<t.length;s++)i._createMethodObserver(t[s],e)}static get template(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_template",this))){let t=this.prototype.hasOwnProperty(JSCompiler_renameProperty("_template",this.prototype))?this.prototype._template:void 0;"function"==typeof t&&(t=t()),this._template=void 0!==t?t:this.hasOwnProperty(JSCompiler_renameProperty("is",this))&&function(t){let e=null;if(t&&(!Pt||Ft)&&(e=Xt.import(t,"template"),Pt&&!e))throw new Error(`strictTemplatePolicy: expecting dom-module or null template for ${t}`);return e}(this.is)||Object.getPrototypeOf(this.prototype).constructor.template}return this._template}static set template(t){this._template=t}static get importPath(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_importPath",this))){const t=this.importMeta;if(t)this._importPath=Dt(t.url);else{const t=Xt.import(this.is);this._importPath=t&&t.assetpath||Object.getPrototypeOf(this.prototype).constructor.importPath}}return this._importPath}constructor(){super()}_initializeProperties(){this.constructor.finalize(),this.constructor._finalizeTemplate(this.localName),super._initializeProperties(),this.rootPath=zt,this.importPath=this.constructor.importPath;let t=function(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__propertyDefaults",t))){t.__propertyDefaults=null;let e=t._properties;for(let i in e){let s=e[i];"value"in s&&(t.__propertyDefaults=t.__propertyDefaults||{},t.__propertyDefaults[i]=s)}}return t.__propertyDefaults}(this.constructor);if(t)for(let e in t){let i=t[e];if(this._canApplyPropertyDefault(e)){let t="function"==typeof i.value?i.value.call(this):i.value;this._hasAccessor(e)?this._setPendingProperty(e,t,!0):this[e]=t}}}_canApplyPropertyDefault(t){return!this.hasOwnProperty(t)}static _processStyleText(t,e){return Et(t,e)}static _finalizeTemplate(t){const e=this.prototype._template;if(e&&!e.__polymerFinalized){e.__polymerFinalized=!0;const i=this.importPath;(function(t,e,i,s){if(!xi){const r=e.content.querySelectorAll("style"),o=ee(e),n=function(t){let e=Jt(t);return e?ie(e):[]}(i),a=e.content.firstElementChild;for(let i=0;i<n.length;i++){let r=n[i];r.textContent=t._processStyleText(r.textContent,s),e.content.insertBefore(r,a)}let l=0;for(let e=0;e<o.length;e++){let i=o[e],n=r[l];n!==i?(i=i.cloneNode(!0),n.parentNode.insertBefore(i,n)):l++,i.textContent=t._processStyleText(i.textContent,s)}}if(window.ShadyCSS&&window.ShadyCSS.prepareTemplate(e,i),Vt&&xi&&Mt){const i=e.content.querySelectorAll("style");if(i){let e="";Array.from(i).forEach((t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t._styleSheet=new CSSStyleSheet,t._styleSheet.replaceSync(e)}}})(this,e,t,i?Tt(i):""),this.prototype._bindTemplate(e)}}connectedCallback(){window.ShadyCSS&&this._template&&window.ShadyCSS.styleElement(this),super.connectedCallback()}ready(){this._template&&(this.root=this._stampTemplate(this._template),this.$=this.root.$),super.ready()}_readyClients(){this._template&&(this.root=this._attachDom(this.root)),super._readyClients()}_attachDom(t){const e=se(this);if(e.attachShadow)return t?(e.shadowRoot||(e.attachShadow({mode:"open",shadyUpgradeFragment:t}),e.shadowRoot.appendChild(t),this.constructor._styleSheet&&(e.shadowRoot.adoptedStyleSheets=[this.constructor._styleSheet])),Bt&&window.ShadyDOM&&window.ShadyDOM.flushInitial(e.shadowRoot),e.shadowRoot):null;throw new Error("ShadowDOM not available. PolymerElement can create dom as children instead of in ShadowDOM by setting `this.root = this;` before `ready`.")}updateStyles(t){window.ShadyCSS&&window.ShadyCSS.styleSubtree(this,t)}resolveUrl(t,e){return!e&&this.importPath&&(e=Tt(this.importPath)),Tt(t,e)}static _parseTemplateContent(t,i,s){return i.dynamicFns=i.dynamicFns||this._properties,e._parseTemplateContent.call(this,t,i,s)}static _addTemplatePropertyEffect(t,i,s){return!Nt||i in this._properties||s.info.part.signature&&s.info.part.signature.static||s.info.part.hostProp||t.nestedTemplate||console.warn(`Property '${i}' used in template but not declared in 'properties'; attribute will not be observed.`),e._addTemplatePropertyEffect.call(this,t,i,s)}}})),Ci=window.trustedTypes&&trustedTypes.createPolicy("polymer-html-literal",{createHTML:t=>t});class Ai{constructor(t,e){Di(t,e);const i=e.reduce(((e,i,s)=>e+Ti(i)+t[s+1]),t[0]);this.value=i.toString()}toString(){return this.value}}function Ti(t){if(t instanceof Ai)return t.value;throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${t}`)}const Ei=function(t,...e){Di(t,e);const i=document.createElement("template");let s=e.reduce(((e,i,s)=>e+function(t){if(t instanceof HTMLTemplateElement)return t.innerHTML;if(t instanceof Ai)return Ti(t);throw new Error(`non-template value passed to Polymer's html function: ${t}`)}(i)+t[s+1]),t[0]);return Ci&&(s=Ci.createHTML(s)),i.innerHTML=s,i},Di=(t,e)=>{if(!Array.isArray(t)||!Array.isArray(t.raw)||e.length!==t.length-1)throw new TypeError("Invalid call to the html template tag")},Si=ki(HTMLElement),Mi=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,zi=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function Ii(t,e){if("function"!=typeof t)return;const i=Mi.exec(t.toString());if(i)try{t=new Function(i[1])}catch(t){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",t)}return t(e)}window.Vaadin=window.Vaadin||{};function Pi(){}void 0===window.Vaadin.developmentMode&&(window.Vaadin.developmentMode=function(){try{return!!localStorage.getItem("vaadin.developmentmode.force")||["localhost","127.0.0.1"].indexOf(window.location.hostname)>=0&&(zi?!(zi&&Object.keys(zi).map((t=>zi[t])).filter((t=>t.productionMode)).length>0):!Ii((function(){return!0})))}catch(t){return!1}}());
|
|
730
|
-
/**
|
|
731
|
-
* @license
|
|
732
|
-
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
733
|
-
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
734
|
-
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
735
|
-
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
736
|
-
* Code distributed by Google as part of the polymer project is also
|
|
737
|
-
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
738
|
-
*/
|
|
739
|
-
let Fi=0,Oi=0;const Ni=[];let Bi=!1;const Li={after:t=>({run:e=>window.setTimeout(e,t),cancel(t){window.clearTimeout(t)}}),run:(t,e)=>window.setTimeout(t,e),cancel(t){window.clearTimeout(t)}},ji={run:t=>window.requestAnimationFrame(t),cancel(t){window.cancelAnimationFrame(t)}},$i={run:t=>window.requestIdleCallback?window.requestIdleCallback(t):window.setTimeout(t,16),cancel(t){window.cancelIdleCallback?window.cancelIdleCallback(t):window.clearTimeout(t)}},qi={run(t){Bi||(Bi=!0,queueMicrotask((()=>function(){Bi=!1;const t=Ni.length;for(let e=0;e<t;e++){const t=Ni[e];if(t)try{t()}catch(t){setTimeout((()=>{throw t}))}}Ni.splice(0,t),Oi+=t}()))),Ni.push(t);const e=Fi;return Fi+=1,e},cancel(t){const e=t-Oi;if(e>=0){if(!Ni[e])throw new Error(`invalid async handle: ${t}`);Ni[e]=null}}},Ri=new Set;class Vi{static debounce(t,e,i){return t instanceof Vi?t._cancelAsync():t=new Vi,t.setConfig(e,i),t}constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(t,e){this._asyncModule=t,this._callback=e,this._timer=this._asyncModule.run((()=>{this._timer=null,Ri.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),Ri.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}}function Hi(t){Ri.add(t)}function Wi(){const t=Boolean(Ri.size);return Ri.forEach((t=>{try{t.flush()}catch(t){setTimeout((()=>{throw t}))}})),t}const Yi=()=>{let t;do{t=Wi()}while(t)},Ui=[];
|
|
740
|
-
/**
|
|
741
|
-
* @license
|
|
742
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
743
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
744
|
-
*/function Gi(t,e,i=t.getAttribute("dir")){e?t.setAttribute("dir",e):null!=i&&t.removeAttribute("dir")}function Qi(){return document.documentElement.getAttribute("dir")}new MutationObserver((function(){const t=Qi();Ui.forEach((e=>{Gi(e,t)}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const Xi=t=>class extends t{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:t=>t||"",toAttribute:t=>""===t?null:t}}}}get __isRTL(){return"rtl"===this.getAttribute("dir")}connectedCallback(){super.connectedCallback(),this.hasAttribute("dir")&&!this.__restoreSubscription||(this.__subscribe(),Gi(this,Qi(),null))}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),"dir"!==t)return;const s=Qi(),r=i===s&&-1===Ui.indexOf(this),o=!i&&e&&-1===Ui.indexOf(this),n=i!==s&&e===s;r||o?(this.__subscribe(),Gi(this,s,i)):n&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=Ui.includes(this),this.__unsubscribe()}_valueToNodeAttribute(t,e,i){("dir"!==i||""!==e||t.hasAttribute("dir"))&&super._valueToNodeAttribute(t,e,i)}_attributeToProperty(t,e,i){"dir"!==t||e?super._attributeToProperty(t,e,i):this.dir=""}__subscribe(){Ui.includes(this)||Ui.push(this)}__unsubscribe(){Ui.includes(this)&&Ui.splice(Ui.indexOf(this),1)}}
|
|
745
|
-
/**
|
|
746
|
-
* @license
|
|
747
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
748
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
749
|
-
*/;let Ji;window.Vaadin||(window.Vaadin={}),window.Vaadin.registrations||(window.Vaadin.registrations=[]),window.Vaadin.developmentModeCallback||(window.Vaadin.developmentModeCallback={}),window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]=function(){!function(t,e){if(window.Vaadin.developmentMode)Ii(t,e)}(Pi)};const Ki=new Set,Zi=t=>class extends(Xi(t)){static get version(){return"24.2.5"}static finalize(){super.finalize();const{is:t}=this;t&&!Ki.has(t)&&(window.Vaadin.registrations.push(this),Ki.add(t),window.Vaadin.developmentModeCallback&&(Ji=Vi.debounce(Ji,$i,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),Hi(Ji)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}
|
|
750
|
-
/**
|
|
751
|
-
* @license
|
|
752
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
753
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
754
|
-
*/;function ts(t){return t?new Set(t.split(" ")):new Set}function es(t){return t?[...t].join(" "):""}function is(t,e,i){const s=ts(t.getAttribute(e));s.add(i),t.setAttribute(e,es(s))}
|
|
755
|
-
/**
|
|
756
|
-
* @license
|
|
757
|
-
* Copyright (c) 2023 Vaadin Ltd.
|
|
758
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
759
|
-
*/
|
|
760
|
-
class ss{constructor(t,e){this.slot=t,this.callback=e,this._storedNodes=[],this._connected=!1,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){this.slot.addEventListener("slotchange",this._boundSchedule),this._connected=!0}disconnect(){this.slot.removeEventListener("slotchange",this._boundSchedule),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,queueMicrotask((()=>{this.flush()})))}flush(){this._connected&&(this._scheduled=!1,this._processNodes())}_processNodes(){const t=this.slot.assignedNodes({flatten:!0});let e=[];const i=[],s=[];t.length&&(e=t.filter((t=>!this._storedNodes.includes(t)))),this._storedNodes.length&&this._storedNodes.forEach(((e,r)=>{const o=t.indexOf(e);-1===o?i.push(e):o!==r&&s.push(e)})),(e.length||i.length||s.length)&&this.callback({addedNodes:e,movedNodes:s,removedNodes:i}),this._storedNodes=t}}
|
|
761
|
-
/**
|
|
762
|
-
* @license
|
|
763
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
764
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
765
|
-
*/let rs=0;function os(){return rs++}
|
|
766
|
-
/**
|
|
767
|
-
* @license
|
|
768
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
769
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
770
|
-
*/class ns extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${os()}`}constructor(t,e,i,s={}){super();const{initializer:r,multiple:o,observe:n,useUniqueId:a}=s;this.host=t,this.slotName=e,this.tagName=i,this.observe="boolean"!=typeof n||n,this.multiple="boolean"==typeof o&&o,this.slotInitializer=r,o&&(this.nodes=[]),a&&(this.defaultId=this.constructor.generateId(t,e))}hostConnected(){this.initialized||(this.multiple?this.initMultiple():this.initSingle(),this.observe&&this.observeSlot(),this.initialized=!0)}initSingle(){let t=this.getSlotChild();t?(this.node=t,this.initAddedNode(t)):(t=this.attachDefaultNode(),this.initNode(t))}initMultiple(){const t=this.getSlotChildren();if(0===t.length){const t=this.attachDefaultNode();t&&(this.nodes=[t],this.initNode(t))}else this.nodes=t,t.forEach((t=>{this.initAddedNode(t)}))}attachDefaultNode(){const{host:t,slotName:e,tagName:i}=this;let s=this.defaultNode;return!s&&i&&(s=document.createElement(i),s instanceof Element&&(""!==e&&s.setAttribute("slot",e),this.node=s,this.defaultNode=s)),s&&t.appendChild(s),s}getSlotChildren(){const{slotName:t}=this;return Array.from(this.host.childNodes).filter((e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t))}getSlotChild(){return this.getSlotChildren()[0]}initNode(t){const{slotInitializer:e}=this;e&&e(t,this.host)}initCustomNode(t){}teardownNode(t){}initAddedNode(t){t!==this.defaultNode&&(this.initCustomNode(t),this.initNode(t))}observeSlot(){const{slotName:t}=this,e=this.host.shadowRoot.querySelector(""===t?"slot:not([name])":`slot[name=${t}]`);this.__slotObserver=new ss(e,(({addedNodes:t,removedNodes:e})=>{const i=this.multiple?this.nodes:[this.node],s=t.filter((t=>!function(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}(t)&&!i.includes(t)));e.length&&(this.nodes=i.filter((t=>!e.includes(t))),e.forEach((t=>{this.teardownNode(t)}))),s&&s.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...i,...s].filter((t=>t!==this.defaultNode)),s.forEach((t=>{this.initAddedNode(t)}))):(this.node&&this.node.remove(),this.node=s[0],this.initAddedNode(this.node)))}))}}
|
|
771
|
-
/**
|
|
772
|
-
* @license
|
|
773
|
-
* Copyright (c) 2022 - 2023 Vaadin Ltd.
|
|
774
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
775
|
-
*/class as extends ns{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,void 0!==this.ariaTarget&&(t.ariaTarget=this.ariaTarget),void 0!==this.context&&(t.context=this.context),void 0!==this.manual&&(t.manual=this.manual),void 0!==this.opened&&(t.opened=this.opened),void 0!==this.position&&(t._position=this.position),void 0!==this.shouldShow&&(t.shouldShow=this.shouldShow),this.__notifyChange()}teardownNode(){this.__notifyChange()}setAriaTarget(t){this.ariaTarget=t;const e=this.node;e&&(e.ariaTarget=t)}setContext(t){this.context=t;const e=this.node;e&&(e.context=t)}setManual(t){this.manual=t;const e=this.node;e&&(e.manual=t)}setOpened(t){this.opened=t;const e=this.node;e&&(e.opened=t)}setPosition(t){this.position=t;const e=this.node;e&&(e._position=t)}setShouldShow(t){this.shouldShow=t;const e=this.node;e&&(e.shouldShow=t)}setTarget(t){this.target=t;const e=this.node;e&&(e.target=t)}__notifyChange(){this.dispatchEvent(new CustomEvent("tooltip-changed",{detail:{node:this.node}}))}}
|
|
776
|
-
/**
|
|
777
|
-
@license
|
|
778
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
779
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
780
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
781
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
782
|
-
Code distributed by Google as part of the polymer project is also
|
|
783
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
784
|
-
*/const ls="string"==typeof document.head.style.touchAction,hs="__polymerGesturesHandled",cs="__polymerGesturesTouchAction",us=["mousedown","mousemove","mouseup","click"],ds=[0,1,4,2],ps=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(t){return!1}}();function ms(t){return us.indexOf(t)>-1}let fs=!1;!function(){try{const t=Object.defineProperty({},"passive",{get(){fs=!0}});window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(t){}}();const vs=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u),bs={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function gs(t){const e=t.type;if(!ms(e))return!1;if("mousemove"===e){let e=void 0===t.buttons?1:t.buttons;return t instanceof window.MouseEvent&&!ps&&(e=ds[t.which]||0),Boolean(1&e)}return 0===(void 0===t.button?0:t.button)}const ys={mouse:{target:null,mouseIgnoreJob:null},touch:{x:0,y:0,id:-1,scrollDecided:!1}};function ws(t,e,i){t.movefn=e,t.upfn=i,document.addEventListener("mousemove",e),document.addEventListener("mouseup",i)}function _s(t){document.removeEventListener("mousemove",t.movefn),document.removeEventListener("mouseup",t.upfn),t.movefn=null,t.upfn=null}const xs=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:t=>t.composedPath&&t.composedPath()||[],ks={},Cs=[];function As(t){const e=xs(t);return e.length>0?e[0]:t.target}function Ts(t){const e=t.type,i=t.currentTarget.__polymerGestures;if(!i)return;const s=i[e];if(!s)return;if(!t[hs]&&(t[hs]={},e.startsWith("touch"))){const i=t.changedTouches[0];if("touchstart"===e&&1===t.touches.length&&(ys.touch.id=i.identifier),ys.touch.id!==i.identifier)return;ls||"touchstart"!==e&&"touchmove"!==e||function(t){const e=t.changedTouches[0],i=t.type;if("touchstart"===i)ys.touch.x=e.clientX,ys.touch.y=e.clientY,ys.touch.scrollDecided=!1;else if("touchmove"===i){if(ys.touch.scrollDecided)return;ys.touch.scrollDecided=!0;const i=function(t){let e="auto";const i=xs(t);for(let t,s=0;s<i.length;s++)if(t=i[s],t[cs]){e=t[cs];break}return e}(t);let s=!1;const r=Math.abs(ys.touch.x-e.clientX),o=Math.abs(ys.touch.y-e.clientY);t.cancelable&&("none"===i?s=!0:"pan-x"===i?s=o>r:"pan-y"===i&&(s=r>o)),s?t.preventDefault():zs("track")}}(t)}const r=t[hs];if(!r.skip){for(let e,i=0;i<Cs.length;i++)e=Cs[i],s[e.name]&&!r[e.name]&&e.flow&&e.flow.start.indexOf(t.type)>-1&&e.reset&&e.reset();for(let i,o=0;o<Cs.length;o++)i=Cs[o],s[i.name]&&!r[i.name]&&(r[i.name]=!0,i[e](t))}}function Es(t,e,i){return!!ks[e]&&(function(t,e,i){const s=ks[e],r=s.deps,o=s.name;let n=t.__polymerGestures;n||(t.__polymerGestures=n={});for(let e,i,s=0;s<r.length;s++)e=r[s],vs&&ms(e)&&"click"!==e||(i=n[e],i||(n[e]=i={_count:0}),0===i._count&&t.addEventListener(e,Ts,void ms(e)),i[o]=(i[o]||0)+1,i._count=(i._count||0)+1);t.addEventListener(e,i),s.touchAction&&Ss(t,s.touchAction)}(t,e,i),!0)}function Ds(t){Cs.push(t),t.emits.forEach((e=>{ks[e]=t}))}function Ss(t,e){ls&&t instanceof HTMLElement&&qi.run((()=>{t.style.touchAction=e})),t[cs]=e}function Ms(t,e,i){const s=new Event(e,{bubbles:!0,cancelable:!0,composed:!0});if(s.detail=i,t.dispatchEvent(s),s.defaultPrevented){const t=i.preventer||i.sourceEvent;t&&t.preventDefault&&t.preventDefault()}}function zs(t){const e=function(t){for(let e,i=0;i<Cs.length;i++){e=Cs[i];for(let i,s=0;s<e.emits.length;s++)if(i=e.emits[s],i===t)return e}return null}(t);e.info&&(e.info.prevent=!0)}function Is(t,e,i,s){e&&Ms(e,t,{x:i.clientX,y:i.clientY,sourceEvent:i,preventer:s,prevent:t=>zs(t)})}function Ps(t,e,i){if(t.prevent)return!1;if(t.started)return!0;const s=Math.abs(t.x-e),r=Math.abs(t.y-i);return s>=5||r>=5}function Fs(t,e,i){if(!e)return;const s=t.moves[t.moves.length-2],r=t.moves[t.moves.length-1];let o,n=0;s&&(o=r.x-s.x,n=r.y-s.y),Ms(e,"track",{state:t.state,x:i.clientX,y:i.clientY,dx:r.x-t.x,dy:r.y-t.y,ddx:o,ddy:n,sourceEvent:i,hover:()=>function(t,e){let i=document.elementFromPoint(t,e),s=i;for(;s&&s.shadowRoot&&!window.ShadyDOM;){const r=s;if(s=s.shadowRoot.elementFromPoint(t,e),r===s)break;s&&(i=s)}return i}(i.clientX,i.clientY)})}function Os(t,e,i){const s=Math.abs(e.clientX-t.x),r=Math.abs(e.clientY-t.y),o=As(i||e);!o||bs[o.localName]&&o.hasAttribute("disabled")||(isNaN(s)||isNaN(r)||s<=25&&r<=25||function(t){if("click"===t.type){if(0===t.detail)return!0;const e=As(t);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE)return!0;const i=e.getBoundingClientRect(),s=t.pageX,r=t.pageY;return!(s>=i.left&&s<=i.right&&r>=i.top&&r<=i.bottom)}return!1}(e))&&(t.prevent||Ms(o,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:i}))}
|
|
785
|
-
/**
|
|
786
|
-
* @license
|
|
787
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
788
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
789
|
-
*/Ds({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){_s(this.info)},mousedown(t){if(!gs(t))return;const e=As(t),i=this;ws(this.info,(t=>{gs(t)||(Is("up",e,t),_s(i.info))}),(t=>{gs(t)&&Is("up",e,t),_s(i.info)})),Is("down",e,t)},touchstart(t){Is("down",As(t),t.changedTouches[0],t)},touchend(t){Is("up",As(t),t.changedTouches[0],t)}}),Ds({name:"track",touchAction:"none",deps:["mousedown","touchstart","touchmove","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["track"],info:{x:0,y:0,state:"start",started:!1,moves:[],addMove(t){this.moves.length>2&&this.moves.shift(),this.moves.push(t)},movefn:null,upfn:null,prevent:!1},reset(){this.info.state="start",this.info.started=!1,this.info.moves=[],this.info.x=0,this.info.y=0,this.info.prevent=!1,_s(this.info)},mousedown(t){if(!gs(t))return;const e=As(t),i=this,s=t=>{const s=t.clientX,r=t.clientY;Ps(i.info,s,r)&&(i.info.state=i.info.started?"mouseup"===t.type?"end":"track":"start","start"===i.info.state&&zs("tap"),i.info.addMove({x:s,y:r}),gs(t)||(i.info.state="end",_s(i.info)),e&&Fs(i.info,e,t),i.info.started=!0)};ws(this.info,s,(t=>{i.info.started&&s(t),_s(i.info)})),this.info.x=t.clientX,this.info.y=t.clientY},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchmove(t){const e=As(t),i=t.changedTouches[0],s=i.clientX,r=i.clientY;Ps(this.info,s,r)&&("start"===this.info.state&&zs("tap"),this.info.addMove({x:s,y:r}),Fs(this.info,e,i),this.info.state="track",this.info.started=!0)},touchend(t){const e=As(t),i=t.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:i.clientX,y:i.clientY}),Fs(this.info,e,i))}}),Ds({name:"tap",deps:["mousedown","click","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["click","touchend"]},emits:["tap"],info:{x:NaN,y:NaN,prevent:!1},reset(){this.info.x=NaN,this.info.y=NaN,this.info.prevent=!1},mousedown(t){gs(t)&&(this.info.x=t.clientX,this.info.y=t.clientY)},click(t){gs(t)&&Os(this.info,t)},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchend(t){Os(this.info,t.changedTouches[0],t)}});const Ns=Wt((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}})),Bs=Wt((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}})),Ls=t=>class extends(Ns(Bs(t))){get _activeKeys(){return[" "]}ready(){super.ready(),Es(this,"down",(t=>{this._shouldSetActive(t)&&this._setActive(!0)})),Es(this,"up",(()=>{this._setActive(!1)}))}disconnectedCallback(){super.disconnectedCallback(),this._setActive(!1)}_shouldSetActive(t){return!this.disabled}_onKeyDown(t){super._onKeyDown(t),this._shouldSetActive(t)&&this._activeKeys.includes(t.key)&&(this._setActive(!0),document.addEventListener("keyup",(t=>{this._activeKeys.includes(t.key)&&this._setActive(!1)}),{once:!0}))}_setActive(t){this.toggleAttribute("active",t)}}
|
|
790
|
-
/**
|
|
791
|
-
* @license
|
|
792
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
793
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
794
|
-
*/;
|
|
795
|
-
/**
|
|
796
|
-
* @license
|
|
797
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
798
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
799
|
-
*/let js=!1;function $s(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function qs(t,e){const i=Math.max(t.tabIndex,0),s=Math.max(e.tabIndex,0);return 0===i||0===s?s>i:i>s}function Rs(t){const e=t.length;if(e<2)return t;const i=Math.ceil(e/2);return function(t,e){const i=[];for(;t.length>0&&e.length>0;)qs(t[0],e[0])?i.push(e.shift()):i.push(t.shift());return i.concat(t,e)}(Rs(t.slice(0,i)),Rs(t.slice(i)))}function Vs(t){return t.getRootNode().activeElement===t}function Hs(t,e){if(t.nodeType!==Node.ELEMENT_NODE||function(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const i=window.getComputedStyle(t);return"hidden"===i.visibility||"none"===i.display}(t))return!1;const i=t,s=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(i);let r=s>0;s>=0&&e.push(i);let o=[];return o="slot"===i.localName?i.assignedNodes({flatten:!0}):(i.shadowRoot||i).children,[...o].forEach((t=>{r=Hs(t,e)||r})),r}window.addEventListener("keydown",(()=>{js=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{js=!1}),{capture:!0});
|
|
800
|
-
/**
|
|
801
|
-
* @license
|
|
802
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
803
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
804
|
-
*/
|
|
805
|
-
const Ws=Wt((t=>class extends t{get _keyboardActive(){return js}ready(){this.addEventListener("focusin",(t=>{this._shouldSetFocus(t)&&this._setFocused(!0)})),this.addEventListener("focusout",(t=>{this._shouldRemoveFocus(t)&&this._setFocused(!1)})),super.ready()}disconnectedCallback(){super.disconnectedCallback(),this.hasAttribute("focused")&&this._setFocused(!1)}_setFocused(t){this.toggleAttribute("focused",t),this.toggleAttribute("focus-ring",t&&this._keyboardActive)}_shouldSetFocus(t){return!0}_shouldRemoveFocus(t){return!0}})),Ys=t=>class extends(Ns(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}
|
|
806
|
-
/**
|
|
807
|
-
* @license
|
|
808
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
809
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
810
|
-
*/,Us=Wt((t=>class extends(Ws(Ys(t))){static get properties(){return{autofocus:{type:Boolean},focusElement:{type:Object,readOnly:!0,observer:"_focusElementChanged"},_lastTabIndex:{value:0}}}constructor(){super(),this._boundOnBlur=this._onBlur.bind(this),this._boundOnFocus=this._onFocus.bind(this)}ready(){super.ready(),this.autofocus&&!this.disabled&&requestAnimationFrame((()=>{this.focus(),this.setAttribute("focus-ring","")}))}focus(){this.focusElement&&!this.disabled&&this.focusElement.focus()}blur(){this.focusElement&&this.focusElement.blur()}click(){this.focusElement&&!this.disabled&&this.focusElement.click()}_focusElementChanged(t,e){t?(t.disabled=this.disabled,this._addFocusListeners(t),this.__forwardTabIndex(this.tabindex)):e&&this._removeFocusListeners(e)}_addFocusListeners(t){t.addEventListener("blur",this._boundOnBlur),t.addEventListener("focus",this._boundOnFocus)}_removeFocusListeners(t){t.removeEventListener("blur",this._boundOnBlur),t.removeEventListener("focus",this._boundOnFocus)}_onFocus(t){t.stopPropagation(),this.dispatchEvent(new Event("focus"))}_onBlur(t){t.stopPropagation(),this.dispatchEvent(new Event("blur"))}_shouldSetFocus(t){return t.target===this.focusElement}_shouldRemoveFocus(t){return t.target===this.focusElement}_disabledChanged(t,e){super._disabledChanged(t,e),this.focusElement&&(this.focusElement.disabled=t),t&&this.blur()}_tabindexChanged(t){this.__forwardTabIndex(t)}__forwardTabIndex(t){void 0!==t&&this.focusElement&&(this.focusElement.tabIndex=t,-1!==t&&(this.tabindex=void 0)),this.disabled&&t&&(-1!==t&&(this._lastTabIndex=t),this.tabindex=void 0)}})),Gs=Wt((t=>class extends t{static get properties(){return{stateTarget:{type:Object,observer:"_stateTargetChanged"}}}static get delegateAttrs(){return[]}static get delegateProps(){return[]}ready(){super.ready(),this._createDelegateAttrsObserver(),this._createDelegatePropsObserver()}_stateTargetChanged(t){t&&(this._ensureAttrsDelegated(),this._ensurePropsDelegated())}_createDelegateAttrsObserver(){this._createMethodObserver(`_delegateAttrsChanged(${this.constructor.delegateAttrs.join(", ")})`)}_createDelegatePropsObserver(){this._createMethodObserver(`_delegatePropsChanged(${this.constructor.delegateProps.join(", ")})`)}_ensureAttrsDelegated(){this.constructor.delegateAttrs.forEach((t=>{this._delegateAttribute(t,this[t])}))}_ensurePropsDelegated(){this.constructor.delegateProps.forEach((t=>{this._delegateProperty(t,this[t])}))}_delegateAttrsChanged(...t){this.constructor.delegateAttrs.forEach(((e,i)=>{this._delegateAttribute(e,t[i])}))}_delegatePropsChanged(...t){this.constructor.delegateProps.forEach(((e,i)=>{this._delegateProperty(e,t[i])}))}_delegateAttribute(t,e){this.stateTarget&&("invalid"===t&&this._delegateAttribute("aria-invalid",!!e&&"true"),"boolean"==typeof e?this.stateTarget.toggleAttribute(t,e):e?this.stateTarget.setAttribute(t,e):this.stateTarget.removeAttribute(t))}_delegateProperty(t,e){this.stateTarget&&(this.stateTarget[t]=e)}})),Qs=Wt((t=>class extends t{static get properties(){return{inputElement:{type:Object,readOnly:!0,observer:"_inputElementChanged"},type:{type:String,readOnly:!0},value:{type:String,value:"",observer:"_valueChanged",notify:!0,sync:!0},_hasInputValue:{type:Boolean,value:!1,observer:"_hasInputValueChanged"}}}constructor(){super(),this._boundOnInput=this.__onInput.bind(this),this._boundOnChange=this._onChange.bind(this)}get _hasValue(){return null!=this.value&&""!==this.value}get _inputElementValueProperty(){return"value"}get _inputElementValue(){return this.inputElement?this.inputElement[this._inputElementValueProperty]:void 0}set _inputElementValue(t){this.inputElement&&(this.inputElement[this._inputElementValueProperty]=t)}clear(){this._hasInputValue=!1,this.value="",this._inputElementValue=""}_addInputListeners(t){t.addEventListener("input",this._boundOnInput),t.addEventListener("change",this._boundOnChange)}_removeInputListeners(t){t.removeEventListener("input",this._boundOnInput),t.removeEventListener("change",this._boundOnChange)}_forwardInputValue(t){this.inputElement&&(this._inputElementValue=null!=t?t:"")}_inputElementChanged(t,e){t?this._addInputListeners(t):e&&this._removeInputListeners(e)}_hasInputValueChanged(t,e){(t||e)&&this.dispatchEvent(new CustomEvent("has-input-value-changed"))}__onInput(t){this._setHasInputValue(t),this._onInput(t)}_onInput(t){const e=t.composedPath()[0];this.__userInput=t.isTrusted,this.value=e.value,this.__userInput=!1}_onChange(t){}_toggleHasValue(t){this.toggleAttribute("has-value",t)}_valueChanged(t,e){this._toggleHasValue(this._hasValue),""===t&&void 0===e||this.__userInput||this._forwardInputValue(t)}_setHasInputValue(t){const e=t.composedPath()[0];this._hasInputValue=e.value.length>0}})),Xs=Wt((t=>class extends(Gs(Ns(Qs(t)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(t){this._toggleChecked(t.target.checked)}_toggleChecked(t){this.checked=t}}));
|
|
811
|
-
/**
|
|
812
|
-
* @license
|
|
813
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
814
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
815
|
-
*/
|
|
816
|
-
/**
|
|
817
|
-
* @license
|
|
818
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
819
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
820
|
-
*/
|
|
821
|
-
class Js extends ns{constructor(t,e){super(t,"input","input",{initializer:(t,i)=>{i.value&&(t.value=i.value),i.type&&t.setAttribute("type",i.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}
|
|
822
|
-
/**
|
|
823
|
-
* @license
|
|
824
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
825
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
826
|
-
*/const Ks=Wt((t=>"function"==typeof t.prototype.addController?t:class extends t{constructor(){super(),this.__controllers=new Set}connectedCallback(){super.connectedCallback(),this.__controllers.forEach((t=>{t.hostConnected&&t.hostConnected()}))}disconnectedCallback(){super.disconnectedCallback(),this.__controllers.forEach((t=>{t.hostDisconnected&&t.hostDisconnected()}))}addController(t){this.__controllers.add(t),void 0!==this.$&&this.isConnected&&t.hostConnected&&t.hostConnected()}removeController(t){this.__controllers.delete(t)}}));
|
|
827
|
-
/**
|
|
828
|
-
* @license
|
|
829
|
-
* Copyright (c) 2022 - 2023 Vaadin Ltd.
|
|
830
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
831
|
-
*/class Zs extends ns{constructor(t,e,i,s={}){super(t,e,i,{...s,useUniqueId:!0})}initCustomNode(t){this.__updateNodeId(t),this.__notifyChange(t)}teardownNode(t){const e=this.getSlotChild();e&&e!==this.defaultNode?this.__notifyChange(e):(this.restoreDefaultNode(),this.updateDefaultNode(this.node))}attachDefaultNode(){const t=super.attachDefaultNode();return t&&this.__updateNodeId(t),t}restoreDefaultNode(){}updateDefaultNode(t){this.__notifyChange(t)}observeNode(t){this.__nodeObserver&&this.__nodeObserver.disconnect(),this.__nodeObserver=new MutationObserver((t=>{t.forEach((t=>{const e=t.target,i=e===this.node;"attributes"===t.type?i&&this.__updateNodeId(e):(i||e.parentElement===this.node)&&this.__notifyChange(this.node)}))})),this.__nodeObserver.observe(t,{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0,characterData:!0})}__hasContent(t){return!!t&&(t.nodeType===Node.ELEMENT_NODE&&(customElements.get(t.localName)||t.children.length>0)||t.textContent&&""!==t.textContent.trim())}__notifyChange(t){this.dispatchEvent(new CustomEvent("slot-content-changed",{detail:{hasContent:this.__hasContent(t),node:t}}))}__updateNodeId(t){t.nodeType!==Node.ELEMENT_NODE||this.multiple&&this.nodes&&t!==this.nodes[0]||t.id||(t.id=this.defaultId)}}
|
|
832
|
-
/**
|
|
833
|
-
* @license
|
|
834
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
835
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
836
|
-
*/class tr extends Zs{constructor(t){super(t,"label","label")}setLabel(t){this.label=t,this.getSlotChild()||this.restoreDefaultNode(),this.node===this.defaultNode&&this.updateDefaultNode(this.node)}restoreDefaultNode(){const{label:t}=this;if(t&&""!==t.trim()){const t=this.attachDefaultNode();this.observeNode(t)}}updateDefaultNode(t){t&&(t.textContent=this.label),super.updateDefaultNode(t)}initCustomNode(t){super.initCustomNode(t),this.observeNode(t)}}
|
|
837
|
-
/**
|
|
838
|
-
* @license
|
|
839
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
840
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
841
|
-
*/const er=Wt((t=>class extends(Ks(t)){static get properties(){return{label:{type:String,observer:"_labelChanged"}}}constructor(){super(),this._labelController=new tr(this),this._labelController.addEventListener("slot-content-changed",(t=>{this.toggleAttribute("has-label",t.detail.hasContent)}))}get _labelId(){const t=this._labelNode;return t&&t.id}get _labelNode(){return this._labelController.node}ready(){super.ready(),this.addController(this._labelController)}_labelChanged(t){this._labelController.setLabel(t)}}));
|
|
842
|
-
/**
|
|
843
|
-
* @license
|
|
844
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
845
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
846
|
-
*/class ir{constructor(t,e){this.input=t,this.__preventDuplicateLabelClick=this.__preventDuplicateLabelClick.bind(this),e.addEventListener("slot-content-changed",(t=>{this.__initLabel(t.detail.node)})),this.__initLabel(e.node)}__initLabel(t){t&&(t.addEventListener("click",this.__preventDuplicateLabelClick),this.input&&t.setAttribute("for",this.input.id))}__preventDuplicateLabelClick(){const t=e=>{e.stopImmediatePropagation(),this.input.removeEventListener("click",t)};this.input.addEventListener("click",t)}}
|
|
847
|
-
/**
|
|
848
|
-
* @license
|
|
849
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
850
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
851
|
-
*/const sr=t=>class extends(er(Xs(Us(Ls(t))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"indeterminate"]}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("checkbox"),this.value="on"}ready(){super.ready(),this.addController(new Js(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new ir(this.inputElement,this._labelController))}_shouldSetActive(t){return"a"!==t.target.localName&&super._shouldSetActive(t)}_toggleChecked(t){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(t)}}
|
|
852
|
-
/**
|
|
853
|
-
* @license
|
|
854
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
855
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
856
|
-
*/;
|
|
857
|
-
/**
|
|
858
|
-
* @license
|
|
859
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
860
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
861
|
-
*/
|
|
862
|
-
mt("vaadin-checkbox",p`
|
|
863
|
-
:host {
|
|
864
|
-
display: inline-block;
|
|
865
|
-
}
|
|
866
|
-
|
|
867
|
-
:host([hidden]) {
|
|
868
|
-
display: none !important;
|
|
869
|
-
}
|
|
870
|
-
|
|
871
|
-
:host([disabled]) {
|
|
872
|
-
-webkit-tap-highlight-color: transparent;
|
|
873
|
-
}
|
|
874
|
-
|
|
875
|
-
.vaadin-checkbox-container {
|
|
876
|
-
display: grid;
|
|
877
|
-
grid-template-columns: auto 1fr;
|
|
878
|
-
align-items: baseline;
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
[part='checkbox'],
|
|
882
|
-
::slotted(input),
|
|
883
|
-
::slotted(label) {
|
|
884
|
-
grid-row: 1;
|
|
885
|
-
}
|
|
886
|
-
|
|
887
|
-
[part='checkbox'],
|
|
888
|
-
::slotted(input) {
|
|
889
|
-
grid-column: 1;
|
|
890
|
-
}
|
|
891
|
-
|
|
892
|
-
[part='checkbox'] {
|
|
893
|
-
width: var(--vaadin-checkbox-size, 1em);
|
|
894
|
-
height: var(--vaadin-checkbox-size, 1em);
|
|
895
|
-
--_input-border-width: var(--vaadin-input-field-border-width, 0);
|
|
896
|
-
--_input-border-color: var(--vaadin-input-field-border-color, transparent);
|
|
897
|
-
box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
|
898
|
-
}
|
|
899
|
-
|
|
900
|
-
[part='checkbox']::before {
|
|
901
|
-
display: block;
|
|
902
|
-
content: '\\202F';
|
|
903
|
-
line-height: var(--vaadin-checkbox-size, 1em);
|
|
904
|
-
contain: paint;
|
|
905
|
-
}
|
|
906
|
-
|
|
907
|
-
/* visually hidden */
|
|
908
|
-
::slotted(input) {
|
|
909
|
-
opacity: 0;
|
|
910
|
-
cursor: inherit;
|
|
911
|
-
margin: 0;
|
|
912
|
-
align-self: stretch;
|
|
913
|
-
-webkit-appearance: none;
|
|
914
|
-
width: initial;
|
|
915
|
-
height: initial;
|
|
916
|
-
}
|
|
917
|
-
|
|
918
|
-
@media (forced-colors: active) {
|
|
919
|
-
[part='checkbox'] {
|
|
920
|
-
outline: 1px solid;
|
|
921
|
-
outline-offset: -1px;
|
|
922
|
-
}
|
|
923
|
-
|
|
924
|
-
:host([disabled]) [part='checkbox'],
|
|
925
|
-
:host([disabled]) [part='checkbox']::after {
|
|
926
|
-
outline-color: GrayText;
|
|
927
|
-
}
|
|
928
|
-
|
|
929
|
-
:host(:is([checked], [indeterminate])) [part='checkbox']::after {
|
|
930
|
-
outline: 1px solid;
|
|
931
|
-
outline-offset: -1px;
|
|
932
|
-
border-radius: inherit;
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
:host([focused]) [part='checkbox'],
|
|
936
|
-
:host([focused]) [part='checkbox']::after {
|
|
937
|
-
outline-width: 2px;
|
|
938
|
-
}
|
|
939
|
-
}
|
|
940
|
-
`,{moduleId:"vaadin-checkbox-styles"});class rr extends(sr(Zi(yt(Si)))){static get is(){return"vaadin-checkbox"}static get template(){return Ei`
|
|
941
|
-
<div class="vaadin-checkbox-container">
|
|
942
|
-
<div part="checkbox" aria-hidden="true"></div>
|
|
943
|
-
<slot name="input"></slot>
|
|
944
|
-
<slot name="label"></slot>
|
|
945
|
-
</div>
|
|
946
|
-
<slot name="tooltip"></slot>
|
|
947
|
-
`}ready(){super.ready(),this._tooltipController=new as(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}n(rr);
|
|
948
|
-
/**
|
|
949
|
-
* @license
|
|
950
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
951
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
952
|
-
*/
|
|
953
|
-
const or=p`
|
|
954
|
-
:host([has-helper]) [part='helper-text']::before {
|
|
955
|
-
content: '';
|
|
956
|
-
display: block;
|
|
957
|
-
height: 0.4em;
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
[part='helper-text'] {
|
|
961
|
-
display: block;
|
|
962
|
-
color: var(--lumo-secondary-text-color);
|
|
963
|
-
font-size: var(--lumo-font-size-xs);
|
|
964
|
-
line-height: var(--lumo-line-height-xs);
|
|
965
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
966
|
-
transition: color 0.2s;
|
|
967
|
-
}
|
|
968
|
-
|
|
969
|
-
:host(:hover:not([readonly])) [part='helper-text'] {
|
|
970
|
-
color: var(--lumo-body-text-color);
|
|
971
|
-
}
|
|
972
|
-
|
|
973
|
-
:host([disabled]) [part='helper-text'] {
|
|
974
|
-
color: var(--lumo-disabled-text-color);
|
|
975
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
976
|
-
}
|
|
977
|
-
|
|
978
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
|
|
979
|
-
display: none;
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
|
|
983
|
-
content: '';
|
|
984
|
-
display: block;
|
|
985
|
-
height: 0.4em;
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] {
|
|
989
|
-
order: 0;
|
|
990
|
-
padding-bottom: 0.4em;
|
|
991
|
-
}
|
|
992
|
-
|
|
993
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
|
|
994
|
-
order: 1;
|
|
995
|
-
}
|
|
996
|
-
|
|
997
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] + * {
|
|
998
|
-
order: 2;
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
|
-
:host([has-helper][theme~='helper-above-field']) [part='error-message'] {
|
|
1002
|
-
order: 3;
|
|
1003
|
-
}
|
|
1004
|
-
`
|
|
1005
|
-
/**
|
|
1006
|
-
* @license
|
|
1007
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1008
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1009
|
-
*/,nr=p`
|
|
1010
|
-
[part='label'] {
|
|
1011
|
-
align-self: flex-start;
|
|
1012
|
-
color: var(--lumo-secondary-text-color);
|
|
1013
|
-
font-weight: 500;
|
|
1014
|
-
font-size: var(--lumo-font-size-s);
|
|
1015
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
1016
|
-
transition: color 0.2s;
|
|
1017
|
-
line-height: 1;
|
|
1018
|
-
padding-right: 1em;
|
|
1019
|
-
padding-bottom: 0.5em;
|
|
1020
|
-
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
1021
|
-
negative margin to compensate */
|
|
1022
|
-
padding-top: 0.25em;
|
|
1023
|
-
margin-top: -0.25em;
|
|
1024
|
-
overflow: hidden;
|
|
1025
|
-
white-space: nowrap;
|
|
1026
|
-
text-overflow: ellipsis;
|
|
1027
|
-
position: relative;
|
|
1028
|
-
max-width: 100%;
|
|
1029
|
-
box-sizing: border-box;
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
:host([has-label])::before {
|
|
1033
|
-
margin-top: calc(var(--lumo-font-size-s) * 1.5);
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
:host([has-label][theme~='small'])::before {
|
|
1037
|
-
margin-top: calc(var(--lumo-font-size-xs) * 1.5);
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
:host([has-label]) {
|
|
1041
|
-
padding-top: var(--lumo-space-m);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
:host([has-label]) ::slotted([slot='tooltip']) {
|
|
1045
|
-
--vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
:host([required]) [part='required-indicator']::after {
|
|
1049
|
-
content: var(--lumo-required-field-indicator, '\\2022');
|
|
1050
|
-
transition: opacity 0.2s;
|
|
1051
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
1052
|
-
position: absolute;
|
|
1053
|
-
right: 0;
|
|
1054
|
-
width: 1em;
|
|
1055
|
-
text-align: center;
|
|
1056
|
-
}
|
|
1057
|
-
|
|
1058
|
-
:host([invalid]) [part='required-indicator']::after {
|
|
1059
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
|
|
1060
|
-
}
|
|
1061
|
-
|
|
1062
|
-
[part='error-message'] {
|
|
1063
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
1064
|
-
font-size: var(--lumo-font-size-xs);
|
|
1065
|
-
line-height: var(--lumo-line-height-xs);
|
|
1066
|
-
color: var(--lumo-error-text-color);
|
|
1067
|
-
will-change: max-height;
|
|
1068
|
-
transition: 0.4s max-height;
|
|
1069
|
-
max-height: 5em;
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
|
-
:host([has-error-message]) [part='error-message']::before,
|
|
1073
|
-
:host([has-error-message]) [part='error-message']::after {
|
|
1074
|
-
content: '';
|
|
1075
|
-
display: block;
|
|
1076
|
-
height: 0.4em;
|
|
1077
|
-
}
|
|
1078
|
-
|
|
1079
|
-
:host(:not([invalid])) [part='error-message'] {
|
|
1080
|
-
max-height: 0;
|
|
1081
|
-
overflow: hidden;
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
/* RTL specific styles */
|
|
1085
|
-
|
|
1086
|
-
:host([dir='rtl']) [part='label'] {
|
|
1087
|
-
margin-left: 0;
|
|
1088
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
:host([dir='rtl']) [part='label'] {
|
|
1092
|
-
padding-left: 1em;
|
|
1093
|
-
padding-right: 0;
|
|
1094
|
-
}
|
|
1095
|
-
|
|
1096
|
-
:host([dir='rtl']) [part='required-indicator']::after {
|
|
1097
|
-
right: auto;
|
|
1098
|
-
left: 0;
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
:host([dir='rtl']) [part='error-message'] {
|
|
1102
|
-
margin-left: 0;
|
|
1103
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
1104
|
-
}
|
|
1105
|
-
`;mt("",nr,{moduleId:"lumo-required-field"}),mt("vaadin-checkbox-group",[nr,or,p`
|
|
1106
|
-
:host {
|
|
1107
|
-
color: var(--lumo-body-text-color);
|
|
1108
|
-
font-size: var(--lumo-font-size-m);
|
|
1109
|
-
font-family: var(--lumo-font-family);
|
|
1110
|
-
-webkit-font-smoothing: antialiased;
|
|
1111
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1112
|
-
-webkit-tap-highlight-color: transparent;
|
|
1113
|
-
padding: var(--lumo-space-xs) 0;
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1116
|
-
:host::before {
|
|
1117
|
-
/* Effective height of vaadin-checkbox */
|
|
1118
|
-
height: var(--lumo-size-s);
|
|
1119
|
-
box-sizing: border-box;
|
|
1120
|
-
display: inline-flex;
|
|
1121
|
-
align-items: center;
|
|
1122
|
-
}
|
|
1123
|
-
|
|
1124
|
-
:host([theme~='vertical']) [part='group-field'] {
|
|
1125
|
-
flex-direction: column;
|
|
1126
|
-
}
|
|
1127
|
-
|
|
1128
|
-
:host([disabled]) [part='label'] {
|
|
1129
|
-
color: var(--lumo-disabled-text-color);
|
|
1130
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
1131
|
-
}
|
|
1132
|
-
|
|
1133
|
-
:host([focused]:not([disabled])) [part='label'] {
|
|
1134
|
-
color: var(--lumo-primary-text-color);
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
:host(:hover:not([disabled]):not([focused])) [part='label'],
|
|
1138
|
-
:host(:hover:not([disabled]):not([focused])) [part='helper-text'] {
|
|
1139
|
-
color: var(--lumo-body-text-color);
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
/* Touch device adjustment */
|
|
1143
|
-
@media (pointer: coarse) {
|
|
1144
|
-
:host(:hover:not([disabled]):not([focused])) [part='label'] {
|
|
1145
|
-
color: var(--lumo-secondary-text-color);
|
|
1146
|
-
}
|
|
1147
|
-
}
|
|
1148
|
-
`],{moduleId:"lumo-checkbox-group"});
|
|
1149
|
-
/**
|
|
1150
|
-
* @license
|
|
1151
|
-
* Copyright (c) 2023 Vaadin Ltd.
|
|
1152
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1153
|
-
*/
|
|
1154
|
-
const ar=new Map;function lr(t){return ar.has(t)||ar.set(t,new WeakMap),ar.get(t)}function hr(t,e){t&&t.removeAttribute(e)}function cr(t,e){if(!t||!e)return;const i=lr(e);if(i.has(t))return;const s=ts(t.getAttribute(e));i.set(t,new Set(s))}function ur(t,e,i={newId:null,oldId:null,fromUser:!1}){if(!t||!e)return;const{newId:s,oldId:r,fromUser:o}=i,n=lr(e),a=n.get(t);if(!o&&a)return r&&a.delete(r),void(s&&a.add(s));o&&(a?s||n.delete(t):cr(t,e),hr(t,e)),function(t,e,i){const s=ts(t.getAttribute(e));s.delete(i),0!==s.size?t.setAttribute(e,es(s)):t.removeAttribute(e)}(t,e,r);const l=s||es(a);l&&is(t,e,l)}
|
|
1155
|
-
/**
|
|
1156
|
-
* @license
|
|
1157
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1158
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1159
|
-
*/
|
|
1160
|
-
class dr{constructor(t){this.host=t,this.__required=!1}setTarget(t){this.__target=t,this.__setAriaRequiredAttribute(this.__required),this.__setLabelIdToAriaAttribute(this.__labelId,this.__labelId),null!=this.__labelIdFromUser&&this.__setLabelIdToAriaAttribute(this.__labelIdFromUser,this.__labelIdFromUser,!0),this.__setErrorIdToAriaAttribute(this.__errorId),this.__setHelperIdToAriaAttribute(this.__helperId),this.setAriaLabel(this.__label)}setRequired(t){this.__setAriaRequiredAttribute(t),this.__required=t}setAriaLabel(t){this.__setAriaLabelToAttribute(t),this.__label=t}setLabelId(t,e=!1){this.__setLabelIdToAriaAttribute(t,e?this.__labelIdFromUser:this.__labelId,e),e?this.__labelIdFromUser=t:this.__labelId=t}setErrorId(t){this.__setErrorIdToAriaAttribute(t,this.__errorId),this.__errorId=t}setHelperId(t){this.__setHelperIdToAriaAttribute(t,this.__helperId),this.__helperId=t}__setAriaLabelToAttribute(t){var e;this.__target&&(t?(cr(e=this.__target,"aria-labelledby"),hr(e,"aria-labelledby"),this.__target.setAttribute("aria-label",t)):this.__label&&(function(t,e){if(!t)return;const i=lr(e),s=i.get(t);s&&0!==s.size?is(t,e,es(s)):t.removeAttribute(e),i.delete(t)}(this.__target,"aria-labelledby"),this.__target.removeAttribute("aria-label")))}__setLabelIdToAriaAttribute(t,e,i){ur(this.__target,"aria-labelledby",{newId:t,oldId:e,fromUser:i})}__setErrorIdToAriaAttribute(t,e){ur(this.__target,"aria-describedby",{newId:t,oldId:e,fromUser:!1})}__setHelperIdToAriaAttribute(t,e){ur(this.__target,"aria-describedby",{newId:t,oldId:e,fromUser:!1})}__setAriaRequiredAttribute(t){this.__target&&(["input","textarea"].includes(this.__target.localName)||(t?this.__target.setAttribute("aria-required","true"):this.__target.removeAttribute("aria-required")))}}
|
|
1161
|
-
/**
|
|
1162
|
-
* @license
|
|
1163
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1164
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1165
|
-
*/class pr extends Zs{constructor(t){super(t,"error-message","div")}setErrorMessage(t){this.errorMessage=t,this.updateDefaultNode(this.node)}setInvalid(t){this.invalid=t,this.updateDefaultNode(this.node)}initAddedNode(t){t!==this.defaultNode&&this.initCustomNode(t)}initNode(t){this.updateDefaultNode(t)}initCustomNode(t){t.textContent&&!this.errorMessage&&(this.errorMessage=t.textContent.trim()),super.initCustomNode(t)}restoreDefaultNode(){this.attachDefaultNode()}updateDefaultNode(t){const{errorMessage:e,invalid:i}=this,s=Boolean(i&&e&&""!==e.trim());t&&(t.textContent=s?e:"",t.hidden=!s,s?t.setAttribute("role","alert"):t.removeAttribute("role")),super.updateDefaultNode(t)}}
|
|
1166
|
-
/**
|
|
1167
|
-
* @license
|
|
1168
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1169
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1170
|
-
*/class mr extends Zs{constructor(t){super(t,"helper",null)}setHelperText(t){this.helperText=t,this.getSlotChild()||this.restoreDefaultNode(),this.node===this.defaultNode&&this.updateDefaultNode(this.node)}restoreDefaultNode(){const{helperText:t}=this;if(t&&""!==t.trim()){this.tagName="div";const t=this.attachDefaultNode();this.observeNode(t)}}updateDefaultNode(t){t&&(t.textContent=this.helperText),super.updateDefaultNode(t)}initCustomNode(t){super.initCustomNode(t),this.observeNode(t)}}
|
|
1171
|
-
/**
|
|
1172
|
-
* @license
|
|
1173
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1174
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1175
|
-
*/const fr=Wt((t=>class extends t{static get properties(){return{invalid:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},required:{type:Boolean,reflectToAttribute:!0}}}validate(){const t=this.checkValidity();return this._setInvalid(!t),this.dispatchEvent(new CustomEvent("validated",{detail:{valid:t}})),t}checkValidity(){return!this.required||!!this.value}_setInvalid(t){this._shouldSetInvalid(t)&&(this.invalid=t)}_shouldSetInvalid(t){return!0}})),vr=t=>class extends(fr(er(Ks(t)))){static get properties(){return{ariaTarget:{type:Object,observer:"_ariaTargetChanged"},errorMessage:{type:String,observer:"_errorMessageChanged"},helperText:{type:String,observer:"_helperTextChanged"},accessibleName:{type:String,observer:"_accessibleNameChanged"},accessibleNameRef:{type:String,observer:"_accessibleNameRefChanged"}}}static get observers(){return["_invalidChanged(invalid)","_requiredChanged(required)"]}constructor(){super(),this._fieldAriaController=new dr(this),this._helperController=new mr(this),this._errorController=new pr(this),this._errorController.addEventListener("slot-content-changed",(t=>{this.toggleAttribute("has-error-message",t.detail.hasContent)})),this._labelController.addEventListener("slot-content-changed",(t=>{const{hasContent:e,node:i}=t.detail;this.__labelChanged(e,i)})),this._helperController.addEventListener("slot-content-changed",(t=>{const{hasContent:e,node:i}=t.detail;this.toggleAttribute("has-helper",e),this.__helperChanged(e,i)}))}get _errorNode(){return this._errorController.node}get _helperNode(){return this._helperController.node}ready(){super.ready(),this.addController(this._fieldAriaController),this.addController(this._helperController),this.addController(this._errorController)}__helperChanged(t,e){this._fieldAriaController.setHelperId(t?e.id:null)}_accessibleNameChanged(t){this._fieldAriaController.setAriaLabel(t)}_accessibleNameRefChanged(t){this._fieldAriaController.setLabelId(t,!0)}__labelChanged(t,e){this._fieldAriaController.setLabelId(t?e.id:null)}_errorMessageChanged(t){this._errorController.setErrorMessage(t)}_helperTextChanged(t){this._helperController.setHelperText(t)}_ariaTargetChanged(t){t&&this._fieldAriaController.setTarget(t)}_requiredChanged(t){this._fieldAriaController.setRequired(t)}_invalidChanged(t){this._errorController.setInvalid(t),setTimeout((()=>{if(t){const t=this._errorNode;this._fieldAriaController.setErrorId(t&&t.id)}else this._fieldAriaController.setErrorId(null)}))}}
|
|
1176
|
-
/**
|
|
1177
|
-
* @license
|
|
1178
|
-
* Copyright (c) 2018 - 2023 Vaadin Ltd.
|
|
1179
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1180
|
-
*/;
|
|
1181
|
-
/**
|
|
1182
|
-
* @license
|
|
1183
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1184
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1185
|
-
*/class br extends(vr(Ws(Ns(Zi(yt(Si)))))){static get is(){return"vaadin-checkbox-group"}static get template(){return Ei`
|
|
1186
|
-
<style>
|
|
1187
|
-
:host {
|
|
1188
|
-
display: inline-flex;
|
|
1189
|
-
}
|
|
1190
|
-
|
|
1191
|
-
:host::before {
|
|
1192
|
-
content: '\\2003';
|
|
1193
|
-
width: 0;
|
|
1194
|
-
display: inline-block;
|
|
1195
|
-
}
|
|
1196
|
-
|
|
1197
|
-
:host([hidden]) {
|
|
1198
|
-
display: none !important;
|
|
1199
|
-
}
|
|
1200
|
-
|
|
1201
|
-
.vaadin-group-field-container {
|
|
1202
|
-
display: flex;
|
|
1203
|
-
flex-direction: column;
|
|
1204
|
-
width: 100%;
|
|
1205
|
-
}
|
|
1206
|
-
|
|
1207
|
-
[part='group-field'] {
|
|
1208
|
-
display: flex;
|
|
1209
|
-
flex-wrap: wrap;
|
|
1210
|
-
}
|
|
1211
|
-
|
|
1212
|
-
:host(:not([has-label])) [part='label'] {
|
|
1213
|
-
display: none;
|
|
1214
|
-
}
|
|
1215
|
-
</style>
|
|
1216
|
-
|
|
1217
|
-
<div class="vaadin-group-field-container">
|
|
1218
|
-
<div part="label">
|
|
1219
|
-
<slot name="label"></slot>
|
|
1220
|
-
<span part="required-indicator" aria-hidden="true"></span>
|
|
1221
|
-
</div>
|
|
1222
|
-
|
|
1223
|
-
<div part="group-field">
|
|
1224
|
-
<slot></slot>
|
|
1225
|
-
</div>
|
|
1226
|
-
|
|
1227
|
-
<div part="helper-text">
|
|
1228
|
-
<slot name="helper"></slot>
|
|
1229
|
-
</div>
|
|
1230
|
-
|
|
1231
|
-
<div part="error-message">
|
|
1232
|
-
<slot name="error-message"></slot>
|
|
1233
|
-
</div>
|
|
1234
|
-
</div>
|
|
1235
|
-
|
|
1236
|
-
<slot name="tooltip"></slot>
|
|
1237
|
-
`}static get properties(){return{value:{type:Array,value:()=>[],notify:!0,observer:"__valueChanged"}}}constructor(){super(),this.__registerCheckbox=this.__registerCheckbox.bind(this),this.__unregisterCheckbox=this.__unregisterCheckbox.bind(this),this.__onCheckboxCheckedChanged=this.__onCheckboxCheckedChanged.bind(this),this._tooltipController=new as(this),this._tooltipController.addEventListener("tooltip-changed",(t=>{const e=t.detail.node;if(e&&e.isConnected){const t=this.__checkboxes.map((t=>t.inputElement));this._tooltipController.setAriaTarget(t)}else this._tooltipController.setAriaTarget([])}))}get __checkboxes(){return this.__filterCheckboxes([...this.children])}ready(){super.ready(),this.ariaTarget=this,this.setAttribute("role","group");const t=this.shadowRoot.querySelector("slot:not([name])");this._observer=new ss(t,(({addedNodes:t,removedNodes:e})=>{const i=this.__filterCheckboxes(t),s=this.__filterCheckboxes(e);i.forEach(this.__registerCheckbox),s.forEach(this.__unregisterCheckbox);const r=this.__checkboxes.map((t=>t.inputElement));this._tooltipController.setAriaTarget(r),this.__warnOfCheckboxesWithoutValue(i)})),this.addController(this._tooltipController)}checkValidity(){return!this.required||this.value.length>0}__filterCheckboxes(t){return t.filter((t=>t instanceof rr))}__warnOfCheckboxesWithoutValue(t){t.some((t=>{const{value:e}=t;return!(t.hasAttribute("value")||e&&"on"!==e)}))&&console.warn("Please provide the value attribute to all the checkboxes inside the checkbox group.")}__registerCheckbox(t){t.addEventListener("checked-changed",this.__onCheckboxCheckedChanged),this.disabled&&(t.disabled=!0),t.checked?this.__addCheckboxToValue(t.value):this.value.includes(t.value)&&(t.checked=!0)}__unregisterCheckbox(t){t.removeEventListener("checked-changed",this.__onCheckboxCheckedChanged),t.checked&&this.__removeCheckboxFromValue(t.value)}_disabledChanged(t,e){super._disabledChanged(t,e),(t||void 0!==e)&&e!==t&&this.__checkboxes.forEach((e=>{e.disabled=t}))}__addCheckboxToValue(t){this.value.includes(t)||(this.value=[...this.value,t])}__removeCheckboxFromValue(t){this.value.includes(t)&&(this.value=this.value.filter((e=>e!==t)))}__onCheckboxCheckedChanged(t){const e=t.target;e.checked?this.__addCheckboxToValue(e.value):this.__removeCheckboxFromValue(e.value)}__valueChanged(t,e){0===t.length&&void 0===e||(this.toggleAttribute("has-value",t.length>0),this.__checkboxes.forEach((e=>{e.checked=t.includes(e.value)})),void 0!==e&&this.validate())}_shouldRemoveFocus(t){return!this.contains(t.relatedTarget)}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}}n(br);const gr=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.selectedValues=[],this.value=null,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"checkboxgroup"})}setValue(){this.value=this.options.reduce(((t,e)=>(t[e.name]=this.selectedValues.includes(e.name),t)),{}),this.emitValueHandler(!0)}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"checkboxgroup"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.isValid=this.setValidity(),this.defaultValue&&(this.selectedValues=this.options.map((t=>t.name)),this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return r("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"checkboxgroup__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}handleParentCheckbox(t){this.selectedValues=t.target.checked?this.options.map((t=>t.name)):[]}renderLabel(){return i("label",{class:"checkbox__label",htmlFor:`${this.name}__input`,slot:"label"},i("div",{class:"checkbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}render(){return i("div",{class:`checkboxgroup__wrapper ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"checkboxgroup__wrapper--flex"},i("vaadin-checkbox",{class:"checkbox__input",checked:this.selectedValues.length===this.options.length||"true"===this.defaultValue,indeterminate:this.selectedValues.length>0&&this.selectedValues.length<this.options.length,onChange:t=>this.handleParentCheckbox(t)},this.renderLabel()),this.tooltip&&i("img",{class:"checkboxgroup__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("small",{class:"checkboxgroup__error-message"},this.errorMessage),i("vaadin-checkbox-group",{theme:"vertical",value:this.selectedValues,"on-value-changed":t=>{this.selectedValues=t.detail.value}},this.options.map((t=>i("vaadin-checkbox",{class:"checkbox__input",name:t.name,value:t.name,label:t.displayName})))))}get element(){return s(this)}static get watchers(){return{isValid:["validityChanged"],selectedValues:["setValue"],emitValue:["emitValueHandler"]}}};gr.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}vaadin-checkbox-group{margin-top:5px;margin-left:40px}.checkboxgroup{font-family:"Roboto";font-style:normal;font-size:15px}.checkboxgroup__wrapper{position:relative}.checkboxgroup__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.checkboxgroup__wrapper--relative{position:relative;display:inline}.checkboxgroup__input{vertical-align:baseline}.checkboxgroup__input[indeterminate]::part(checkbox)::after,.checkboxgroup__input[indeterminate]::part(checkbox),.checkboxgroup__input[checked]::part(checkbox){background-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkboxgroup__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));line-height:1.5;padding-left:10px;vertical-align:baseline}.checkboxgroup__label-text{font-size:16px}.checkboxgroup__label a{color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkboxgroup__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.checkboxgroup__tooltip-icon{width:16px;height:auto}.checkboxgroup__tooltip{position:absolute;top:0;right:0;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkboxgroup__tooltip.visible{opacity:1}.checkbox__input[indeterminate]::part(checkbox),.checkbox__input[checked]::part(checkbox){background-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}';const yr=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.handleLabelClick=t=>{t.stopPropagation()}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}handleClick(){this.value=this.inputReference.checked.toString(),this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return r("requiredError",this.language)}renderLabel(){return i("label",{class:"checkbox__label",htmlFor:`${this.name}__input`,onClick:this.handleLabelClick},i("div",{class:"checkbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?i("div",{class:"checkbox__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("div",{class:`checkbox__wrapper ${this.name}__input`,ref:t=>this.stylingContainer=t},i("input",{class:"checkbox__input",type:"checkbox",id:`${this.name}__input`,ref:t=>this.inputReference=t,name:this.name,checked:"true"===this.defaultValue,readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel(),i("small",{class:"checkbox__error-message"},this.errorMessage),i("div",{class:"checkbox__wrapper--relative"},this.tooltip&&i("img",{class:"checkbox__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()))}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};yr.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.checkbox{font-family:"Roboto";font-style:normal}.checkbox__wrapper{display:flex;gap:10px;position:relative;align-items:baseline}.checkbox__wrapper--relative{position:relative}.checkbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.checkbox__label-text{font-size:16px}.checkbox__label a{color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.checkbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.checkbox__tooltip-icon{width:16px;height:auto}.checkbox__tooltip{position:absolute;top:0;right:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.checkbox__tooltip.visible{opacity:1}',mt("vaadin-input-container",p`
|
|
1238
|
-
:host {
|
|
1239
|
-
background-color: var(--lumo-contrast-10pct);
|
|
1240
|
-
padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px);
|
|
1241
|
-
font-weight: 500;
|
|
1242
|
-
line-height: 1;
|
|
1243
|
-
position: relative;
|
|
1244
|
-
cursor: text;
|
|
1245
|
-
box-sizing: border-box;
|
|
1246
|
-
border-radius:
|
|
1247
|
-
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */
|
|
1248
|
-
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
|
1249
|
-
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
|
1250
|
-
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius))
|
|
1251
|
-
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius));
|
|
1252
|
-
/* Fallback */
|
|
1253
|
-
--_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));
|
|
1254
|
-
/* Default field border color */
|
|
1255
|
-
--_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
:host([dir='rtl']) {
|
|
1259
|
-
border-radius:
|
|
1260
|
-
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
|
1261
|
-
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
|
1262
|
-
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
|
1263
|
-
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius))
|
|
1264
|
-
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius));
|
|
1265
|
-
}
|
|
1266
|
-
|
|
1267
|
-
/* Used for hover and activation effects */
|
|
1268
|
-
:host::after {
|
|
1269
|
-
content: '';
|
|
1270
|
-
position: absolute;
|
|
1271
|
-
inset: 0;
|
|
1272
|
-
border-radius: inherit;
|
|
1273
|
-
pointer-events: none;
|
|
1274
|
-
background-color: var(--lumo-contrast-50pct);
|
|
1275
|
-
opacity: 0;
|
|
1276
|
-
transition: transform 0.15s, opacity 0.2s;
|
|
1277
|
-
transform-origin: 100% 0;
|
|
1278
|
-
}
|
|
1279
|
-
|
|
1280
|
-
::slotted(:not([slot$='fix'])) {
|
|
1281
|
-
cursor: inherit;
|
|
1282
|
-
min-height: var(--lumo-text-field-size, var(--lumo-size-m));
|
|
1283
|
-
padding: 0 0.25em;
|
|
1284
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
1285
|
-
-webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
1286
|
-
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
1287
|
-
}
|
|
1288
|
-
|
|
1289
|
-
/* Read-only */
|
|
1290
|
-
:host([readonly]) {
|
|
1291
|
-
color: var(--lumo-secondary-text-color);
|
|
1292
|
-
background-color: transparent;
|
|
1293
|
-
cursor: default;
|
|
1294
|
-
}
|
|
1295
|
-
|
|
1296
|
-
:host([readonly])::after {
|
|
1297
|
-
background-color: transparent;
|
|
1298
|
-
opacity: 1;
|
|
1299
|
-
border: 1px dashed var(--lumo-contrast-30pct);
|
|
1300
|
-
}
|
|
1301
|
-
|
|
1302
|
-
/* Disabled */
|
|
1303
|
-
:host([disabled]) {
|
|
1304
|
-
background-color: var(--lumo-contrast-5pct);
|
|
1305
|
-
}
|
|
1306
|
-
|
|
1307
|
-
:host([disabled]) ::slotted(*) {
|
|
1308
|
-
color: var(--lumo-disabled-text-color);
|
|
1309
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
1310
|
-
}
|
|
1311
|
-
|
|
1312
|
-
/* Invalid */
|
|
1313
|
-
:host([invalid]) {
|
|
1314
|
-
background-color: var(--lumo-error-color-10pct);
|
|
1315
|
-
}
|
|
1316
|
-
|
|
1317
|
-
:host([invalid])::after {
|
|
1318
|
-
background-color: var(--lumo-error-color-50pct);
|
|
1319
|
-
}
|
|
1320
|
-
|
|
1321
|
-
/* Slotted icons */
|
|
1322
|
-
::slotted(vaadin-icon) {
|
|
1323
|
-
color: var(--lumo-contrast-60pct);
|
|
1324
|
-
width: var(--lumo-icon-size-m);
|
|
1325
|
-
height: var(--lumo-icon-size-m);
|
|
1326
|
-
}
|
|
1327
|
-
|
|
1328
|
-
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
1329
|
-
::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
1330
|
-
padding: 0.25em;
|
|
1331
|
-
box-sizing: border-box !important;
|
|
1332
|
-
}
|
|
1333
|
-
|
|
1334
|
-
/* Text align */
|
|
1335
|
-
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1336
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
|
|
1337
|
-
}
|
|
1338
|
-
|
|
1339
|
-
@-moz-document url-prefix() {
|
|
1340
|
-
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1341
|
-
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
1342
|
-
}
|
|
1343
|
-
}
|
|
1344
|
-
|
|
1345
|
-
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
1346
|
-
text-align: start;
|
|
1347
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1348
|
-
}
|
|
1349
|
-
|
|
1350
|
-
:host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
|
|
1351
|
-
text-align: center;
|
|
1352
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1353
|
-
}
|
|
1354
|
-
|
|
1355
|
-
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
1356
|
-
text-align: end;
|
|
1357
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1358
|
-
}
|
|
1359
|
-
|
|
1360
|
-
@-moz-document url-prefix() {
|
|
1361
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
1362
|
-
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
1363
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
1364
|
-
}
|
|
1365
|
-
}
|
|
1366
|
-
|
|
1367
|
-
@-moz-document url-prefix() {
|
|
1368
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
1369
|
-
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
1370
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
1371
|
-
}
|
|
1372
|
-
}
|
|
1373
|
-
|
|
1374
|
-
/* RTL specific styles */
|
|
1375
|
-
:host([dir='rtl'])::after {
|
|
1376
|
-
transform-origin: 0% 0;
|
|
1377
|
-
}
|
|
1378
|
-
|
|
1379
|
-
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1380
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1381
|
-
}
|
|
1382
|
-
|
|
1383
|
-
:host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1384
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1385
|
-
}
|
|
1386
|
-
|
|
1387
|
-
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1388
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
1389
|
-
}
|
|
1390
|
-
|
|
1391
|
-
@-moz-document url-prefix() {
|
|
1392
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
1393
|
-
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1394
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
1395
|
-
}
|
|
1396
|
-
}
|
|
1397
|
-
|
|
1398
|
-
@-moz-document url-prefix() {
|
|
1399
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
1400
|
-
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
1401
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
1402
|
-
}
|
|
1403
|
-
}
|
|
1404
|
-
`,{moduleId:"lumo-input-container"});
|
|
1405
|
-
/**
|
|
1406
|
-
* @license
|
|
1407
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
1408
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1409
|
-
*/
|
|
1410
|
-
class wr extends(yt(Xi(Si))){static get is(){return"vaadin-input-container"}static get template(){return Ei`
|
|
1411
|
-
<style>
|
|
1412
|
-
:host {
|
|
1413
|
-
display: flex;
|
|
1414
|
-
align-items: center;
|
|
1415
|
-
flex: 0 1 auto;
|
|
1416
|
-
border-radius:
|
|
1417
|
-
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
|
|
1418
|
-
var(--vaadin-input-field-top-start-radius, var(--__border-radius))
|
|
1419
|
-
var(--vaadin-input-field-top-end-radius, var(--__border-radius))
|
|
1420
|
-
var(--vaadin-input-field-bottom-end-radius, var(--__border-radius))
|
|
1421
|
-
var(--vaadin-input-field-bottom-start-radius, var(--__border-radius));
|
|
1422
|
-
--_border-radius: var(--vaadin-input-field-border-radius, 0px);
|
|
1423
|
-
--_input-border-width: var(--vaadin-input-field-border-width, 0);
|
|
1424
|
-
--_input-border-color: var(--vaadin-input-field-border-color, transparent);
|
|
1425
|
-
box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
|
1426
|
-
}
|
|
1427
|
-
|
|
1428
|
-
:host([dir='rtl']) {
|
|
1429
|
-
border-radius:
|
|
1430
|
-
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
|
1431
|
-
var(--vaadin-input-field-top-end-radius, var(--_border-radius))
|
|
1432
|
-
var(--vaadin-input-field-top-start-radius, var(--_border-radius))
|
|
1433
|
-
var(--vaadin-input-field-bottom-start-radius, var(--_border-radius))
|
|
1434
|
-
var(--vaadin-input-field-bottom-end-radius, var(--_border-radius));
|
|
1435
|
-
}
|
|
1436
|
-
|
|
1437
|
-
:host([hidden]) {
|
|
1438
|
-
display: none !important;
|
|
1439
|
-
}
|
|
1440
|
-
|
|
1441
|
-
/* Reset the native input styles */
|
|
1442
|
-
::slotted(input) {
|
|
1443
|
-
-webkit-appearance: none;
|
|
1444
|
-
-moz-appearance: none;
|
|
1445
|
-
flex: auto;
|
|
1446
|
-
white-space: nowrap;
|
|
1447
|
-
overflow: hidden;
|
|
1448
|
-
width: 100%;
|
|
1449
|
-
height: 100%;
|
|
1450
|
-
outline: none;
|
|
1451
|
-
margin: 0;
|
|
1452
|
-
padding: 0;
|
|
1453
|
-
border: 0;
|
|
1454
|
-
border-radius: 0;
|
|
1455
|
-
min-width: 0;
|
|
1456
|
-
font: inherit;
|
|
1457
|
-
line-height: normal;
|
|
1458
|
-
color: inherit;
|
|
1459
|
-
background-color: transparent;
|
|
1460
|
-
/* Disable default invalid style in Firefox */
|
|
1461
|
-
box-shadow: none;
|
|
1462
|
-
}
|
|
1463
|
-
|
|
1464
|
-
::slotted(*) {
|
|
1465
|
-
flex: none;
|
|
1466
|
-
}
|
|
1467
|
-
|
|
1468
|
-
::slotted(:is(input, textarea))::placeholder {
|
|
1469
|
-
/* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
|
|
1470
|
-
/* because ::slotted(...)::placeholder does not work in Safari. */
|
|
1471
|
-
font: inherit;
|
|
1472
|
-
color: inherit;
|
|
1473
|
-
/* Override default opacity in Firefox */
|
|
1474
|
-
opacity: 1;
|
|
1475
|
-
}
|
|
1476
|
-
</style>
|
|
1477
|
-
<slot name="prefix"></slot>
|
|
1478
|
-
<slot></slot>
|
|
1479
|
-
<slot name="suffix"></slot>
|
|
1480
|
-
`}static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0}}}ready(){super.ready(),this.addEventListener("pointerdown",(t=>{t.target===this&&t.preventDefault()})),this.addEventListener("click",(t=>{t.target===this&&this.shadowRoot.querySelector("slot:not([name])").assignedNodes({flatten:!0}).forEach((t=>t.focus&&t.focus()))}))}}n(wr);
|
|
1481
|
-
/**
|
|
1482
|
-
* @license
|
|
1483
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1484
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1485
|
-
*/
|
|
1486
|
-
const _r=p`
|
|
1487
|
-
:host {
|
|
1488
|
-
top: var(--lumo-space-m);
|
|
1489
|
-
right: var(--lumo-space-m);
|
|
1490
|
-
bottom: var(--lumo-space-m);
|
|
1491
|
-
left: var(--lumo-space-m);
|
|
1492
|
-
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
1493
|
-
/* stylelint-disable-next-line */
|
|
1494
|
-
outline: 0px solid transparent;
|
|
1495
|
-
}
|
|
1496
|
-
|
|
1497
|
-
[part='overlay'] {
|
|
1498
|
-
background-color: var(--lumo-base-color);
|
|
1499
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
1500
|
-
border-radius: var(--lumo-border-radius-m);
|
|
1501
|
-
box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);
|
|
1502
|
-
color: var(--lumo-body-text-color);
|
|
1503
|
-
font-family: var(--lumo-font-family);
|
|
1504
|
-
font-size: var(--lumo-font-size-m);
|
|
1505
|
-
font-weight: 400;
|
|
1506
|
-
line-height: var(--lumo-line-height-m);
|
|
1507
|
-
letter-spacing: 0;
|
|
1508
|
-
text-transform: none;
|
|
1509
|
-
-webkit-text-size-adjust: 100%;
|
|
1510
|
-
-webkit-font-smoothing: antialiased;
|
|
1511
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1512
|
-
}
|
|
1513
|
-
|
|
1514
|
-
[part='content'] {
|
|
1515
|
-
padding: var(--lumo-space-xs);
|
|
1516
|
-
}
|
|
1517
|
-
|
|
1518
|
-
[part='backdrop'] {
|
|
1519
|
-
background-color: var(--lumo-shade-20pct);
|
|
1520
|
-
animation: 0.2s lumo-overlay-backdrop-enter both;
|
|
1521
|
-
will-change: opacity;
|
|
1522
|
-
}
|
|
1523
|
-
|
|
1524
|
-
@keyframes lumo-overlay-backdrop-enter {
|
|
1525
|
-
0% {
|
|
1526
|
-
opacity: 0;
|
|
1527
|
-
}
|
|
1528
|
-
}
|
|
1529
|
-
|
|
1530
|
-
:host([closing]) [part='backdrop'] {
|
|
1531
|
-
animation: 0.2s lumo-overlay-backdrop-exit both;
|
|
1532
|
-
}
|
|
1533
|
-
|
|
1534
|
-
@keyframes lumo-overlay-backdrop-exit {
|
|
1535
|
-
100% {
|
|
1536
|
-
opacity: 0;
|
|
1537
|
-
}
|
|
1538
|
-
}
|
|
1539
|
-
|
|
1540
|
-
@keyframes lumo-overlay-dummy-animation {
|
|
1541
|
-
0% {
|
|
1542
|
-
opacity: 1;
|
|
1543
|
-
}
|
|
1544
|
-
|
|
1545
|
-
100% {
|
|
1546
|
-
opacity: 1;
|
|
1547
|
-
}
|
|
1548
|
-
}
|
|
1549
|
-
`;mt("",_r,{moduleId:"lumo-overlay"});
|
|
1550
|
-
/**
|
|
1551
|
-
* @license
|
|
1552
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1553
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1554
|
-
*/
|
|
1555
|
-
const xr=p`
|
|
1556
|
-
:host([opening]),
|
|
1557
|
-
:host([closing]) {
|
|
1558
|
-
animation: 0.14s lumo-overlay-dummy-animation;
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
[part='overlay'] {
|
|
1562
|
-
will-change: opacity, transform;
|
|
1563
|
-
}
|
|
1564
|
-
|
|
1565
|
-
:host([opening]) [part='overlay'] {
|
|
1566
|
-
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
|
1567
|
-
}
|
|
1568
|
-
|
|
1569
|
-
@keyframes lumo-menu-overlay-enter {
|
|
1570
|
-
0% {
|
|
1571
|
-
opacity: 0;
|
|
1572
|
-
transform: translateY(-4px);
|
|
1573
|
-
}
|
|
1574
|
-
}
|
|
1575
|
-
|
|
1576
|
-
:host([closing]) [part='overlay'] {
|
|
1577
|
-
animation: 0.1s lumo-menu-overlay-exit both;
|
|
1578
|
-
}
|
|
1579
|
-
|
|
1580
|
-
@keyframes lumo-menu-overlay-exit {
|
|
1581
|
-
100% {
|
|
1582
|
-
opacity: 0;
|
|
1583
|
-
}
|
|
1584
|
-
}
|
|
1585
|
-
`;mt("",xr,{moduleId:"lumo-menu-overlay-core"});const kr=[_r,xr,p`
|
|
1586
|
-
/* Small viewport (bottom sheet) styles */
|
|
1587
|
-
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
|
1588
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
1589
|
-
:host {
|
|
1590
|
-
top: 0 !important;
|
|
1591
|
-
right: 0 !important;
|
|
1592
|
-
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
|
1593
|
-
left: 0 !important;
|
|
1594
|
-
align-items: stretch !important;
|
|
1595
|
-
justify-content: flex-end !important;
|
|
1596
|
-
}
|
|
1597
|
-
|
|
1598
|
-
[part='overlay'] {
|
|
1599
|
-
max-height: 50vh;
|
|
1600
|
-
width: 100vw;
|
|
1601
|
-
border-radius: 0;
|
|
1602
|
-
box-shadow: var(--lumo-box-shadow-xl);
|
|
1603
|
-
}
|
|
1604
|
-
|
|
1605
|
-
/* The content part scrolls instead of the overlay part, because of the gradient fade-out */
|
|
1606
|
-
[part='content'] {
|
|
1607
|
-
padding: 30px var(--lumo-space-m);
|
|
1608
|
-
max-height: inherit;
|
|
1609
|
-
box-sizing: border-box;
|
|
1610
|
-
-webkit-overflow-scrolling: touch;
|
|
1611
|
-
overflow: auto;
|
|
1612
|
-
-webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1613
|
-
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1614
|
-
}
|
|
1615
|
-
|
|
1616
|
-
[part='backdrop'] {
|
|
1617
|
-
display: block;
|
|
1618
|
-
}
|
|
1619
|
-
|
|
1620
|
-
/* Animations */
|
|
1621
|
-
|
|
1622
|
-
:host([opening]) [part='overlay'] {
|
|
1623
|
-
animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
1624
|
-
}
|
|
1625
|
-
|
|
1626
|
-
:host([closing]),
|
|
1627
|
-
:host([closing]) [part='backdrop'] {
|
|
1628
|
-
animation-delay: 0.14s;
|
|
1629
|
-
}
|
|
1630
|
-
|
|
1631
|
-
:host([closing]) [part='overlay'] {
|
|
1632
|
-
animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
|
|
1633
|
-
}
|
|
1634
|
-
}
|
|
1635
|
-
|
|
1636
|
-
@keyframes lumo-mobile-menu-overlay-enter {
|
|
1637
|
-
0% {
|
|
1638
|
-
transform: translateY(150%);
|
|
1639
|
-
}
|
|
1640
|
-
}
|
|
1641
|
-
|
|
1642
|
-
@keyframes lumo-mobile-menu-overlay-exit {
|
|
1643
|
-
100% {
|
|
1644
|
-
transform: translateY(150%);
|
|
1645
|
-
}
|
|
1646
|
-
}
|
|
1647
|
-
`];mt("",kr,{moduleId:"lumo-menu-overlay"}),mt("vaadin-date-picker-overlay",[kr,p`
|
|
1648
|
-
[part='overlay'] {
|
|
1649
|
-
/*
|
|
1650
|
-
Width:
|
|
1651
|
-
date cell widths
|
|
1652
|
-
+ month calendar side padding
|
|
1653
|
-
+ year scroller width
|
|
1654
|
-
*/
|
|
1655
|
-
/* prettier-ignore */
|
|
1656
|
-
width:
|
|
1657
|
-
calc(
|
|
1658
|
-
var(--lumo-size-m) * 7
|
|
1659
|
-
+ var(--lumo-space-xs) * 2
|
|
1660
|
-
+ 57px
|
|
1661
|
-
);
|
|
1662
|
-
height: 100%;
|
|
1663
|
-
max-height: calc(var(--lumo-size-m) * 14);
|
|
1664
|
-
overflow: hidden;
|
|
1665
|
-
-webkit-tap-highlight-color: transparent;
|
|
1666
|
-
}
|
|
1667
|
-
|
|
1668
|
-
[part='overlay'] {
|
|
1669
|
-
flex-direction: column;
|
|
1670
|
-
}
|
|
1671
|
-
|
|
1672
|
-
[part='content'] {
|
|
1673
|
-
padding: 0;
|
|
1674
|
-
height: 100%;
|
|
1675
|
-
overflow: hidden;
|
|
1676
|
-
-webkit-mask-image: none;
|
|
1677
|
-
mask-image: none;
|
|
1678
|
-
}
|
|
1679
|
-
|
|
1680
|
-
:host([top-aligned]) [part~='overlay'] {
|
|
1681
|
-
margin-top: var(--lumo-space-xs);
|
|
1682
|
-
}
|
|
1683
|
-
|
|
1684
|
-
:host([bottom-aligned]) [part~='overlay'] {
|
|
1685
|
-
margin-bottom: var(--lumo-space-xs);
|
|
1686
|
-
}
|
|
1687
|
-
|
|
1688
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
1689
|
-
[part='overlay'] {
|
|
1690
|
-
width: 100vw;
|
|
1691
|
-
height: 70vh;
|
|
1692
|
-
max-height: 70vh;
|
|
1693
|
-
}
|
|
1694
|
-
}
|
|
1695
|
-
`],{moduleId:"lumo-date-picker-overlay"});const Cr=p`
|
|
1696
|
-
:host {
|
|
1697
|
-
/* Sizing */
|
|
1698
|
-
--lumo-button-size: var(--lumo-size-m);
|
|
1699
|
-
min-width: calc(var(--lumo-button-size) * 2);
|
|
1700
|
-
height: var(--lumo-button-size);
|
|
1701
|
-
padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
|
|
1702
|
-
margin: var(--lumo-space-xs) 0;
|
|
1703
|
-
box-sizing: border-box;
|
|
1704
|
-
/* Style */
|
|
1705
|
-
font-family: var(--lumo-font-family);
|
|
1706
|
-
font-size: var(--lumo-font-size-m);
|
|
1707
|
-
font-weight: 500;
|
|
1708
|
-
color: var(--_lumo-button-color, var(--lumo-primary-text-color));
|
|
1709
|
-
background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
|
|
1710
|
-
border-radius: var(--lumo-border-radius-m);
|
|
1711
|
-
cursor: var(--lumo-clickable-cursor);
|
|
1712
|
-
-webkit-tap-highlight-color: transparent;
|
|
1713
|
-
-webkit-font-smoothing: antialiased;
|
|
1714
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1715
|
-
flex-shrink: 0;
|
|
1716
|
-
}
|
|
1717
|
-
|
|
1718
|
-
/* Set only for the internal parts so we don't affect the host vertical alignment */
|
|
1719
|
-
[part='label'],
|
|
1720
|
-
[part='prefix'],
|
|
1721
|
-
[part='suffix'] {
|
|
1722
|
-
line-height: var(--lumo-line-height-xs);
|
|
1723
|
-
}
|
|
1724
|
-
|
|
1725
|
-
[part='label'] {
|
|
1726
|
-
padding: calc(var(--lumo-button-size) / 6) 0;
|
|
1727
|
-
}
|
|
1728
|
-
|
|
1729
|
-
:host([theme~='small']) {
|
|
1730
|
-
font-size: var(--lumo-font-size-s);
|
|
1731
|
-
--lumo-button-size: var(--lumo-size-s);
|
|
1732
|
-
}
|
|
1733
|
-
|
|
1734
|
-
:host([theme~='large']) {
|
|
1735
|
-
font-size: var(--lumo-font-size-l);
|
|
1736
|
-
--lumo-button-size: var(--lumo-size-l);
|
|
1737
|
-
}
|
|
1738
|
-
|
|
1739
|
-
/* For interaction states */
|
|
1740
|
-
:host::before,
|
|
1741
|
-
:host::after {
|
|
1742
|
-
content: '';
|
|
1743
|
-
/* We rely on the host always being relative */
|
|
1744
|
-
position: absolute;
|
|
1745
|
-
z-index: 1;
|
|
1746
|
-
inset: 0;
|
|
1747
|
-
background-color: currentColor;
|
|
1748
|
-
border-radius: inherit;
|
|
1749
|
-
opacity: 0;
|
|
1750
|
-
pointer-events: none;
|
|
1751
|
-
}
|
|
1752
|
-
|
|
1753
|
-
/* Hover */
|
|
1754
|
-
|
|
1755
|
-
@media (any-hover: hover) {
|
|
1756
|
-
:host(:hover)::before {
|
|
1757
|
-
opacity: 0.02;
|
|
1758
|
-
}
|
|
1759
|
-
}
|
|
1760
|
-
|
|
1761
|
-
/* Active */
|
|
1762
|
-
|
|
1763
|
-
:host::after {
|
|
1764
|
-
transition: opacity 1.4s, transform 0.1s;
|
|
1765
|
-
filter: blur(8px);
|
|
1766
|
-
}
|
|
1767
|
-
|
|
1768
|
-
:host([active])::before {
|
|
1769
|
-
opacity: 0.05;
|
|
1770
|
-
transition-duration: 0s;
|
|
1771
|
-
}
|
|
1772
|
-
|
|
1773
|
-
:host([active])::after {
|
|
1774
|
-
opacity: 0.1;
|
|
1775
|
-
transition-duration: 0s, 0s;
|
|
1776
|
-
transform: scale(0);
|
|
1777
|
-
}
|
|
1778
|
-
|
|
1779
|
-
/* Keyboard focus */
|
|
1780
|
-
|
|
1781
|
-
:host([focus-ring]) {
|
|
1782
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
1783
|
-
}
|
|
1784
|
-
|
|
1785
|
-
:host([theme~='primary'][focus-ring]) {
|
|
1786
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
/* Types (primary, tertiary, tertiary-inline */
|
|
1790
|
-
|
|
1791
|
-
:host([theme~='tertiary']),
|
|
1792
|
-
:host([theme~='tertiary-inline']) {
|
|
1793
|
-
background-color: transparent !important;
|
|
1794
|
-
min-width: 0;
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
|
-
:host([theme~='tertiary']) {
|
|
1798
|
-
padding: 0 calc(var(--lumo-button-size) / 6);
|
|
1799
|
-
}
|
|
1800
|
-
|
|
1801
|
-
:host([theme~='tertiary-inline'])::before {
|
|
1802
|
-
display: none;
|
|
1803
|
-
}
|
|
1804
|
-
|
|
1805
|
-
:host([theme~='tertiary-inline']) {
|
|
1806
|
-
margin: 0;
|
|
1807
|
-
height: auto;
|
|
1808
|
-
padding: 0;
|
|
1809
|
-
line-height: inherit;
|
|
1810
|
-
font-size: inherit;
|
|
1811
|
-
}
|
|
1812
|
-
|
|
1813
|
-
:host([theme~='tertiary-inline']) [part='label'] {
|
|
1814
|
-
padding: 0;
|
|
1815
|
-
overflow: visible;
|
|
1816
|
-
line-height: inherit;
|
|
1817
|
-
}
|
|
1818
|
-
|
|
1819
|
-
:host([theme~='primary']) {
|
|
1820
|
-
background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
|
|
1821
|
-
color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
|
|
1822
|
-
font-weight: 600;
|
|
1823
|
-
min-width: calc(var(--lumo-button-size) * 2.5);
|
|
1824
|
-
}
|
|
1825
|
-
|
|
1826
|
-
:host([theme~='primary'])::before {
|
|
1827
|
-
background-color: black;
|
|
1828
|
-
}
|
|
1829
|
-
|
|
1830
|
-
@media (any-hover: hover) {
|
|
1831
|
-
:host([theme~='primary']:hover)::before {
|
|
1832
|
-
opacity: 0.05;
|
|
1833
|
-
}
|
|
1834
|
-
}
|
|
1835
|
-
|
|
1836
|
-
:host([theme~='primary'][active])::before {
|
|
1837
|
-
opacity: 0.1;
|
|
1838
|
-
}
|
|
1839
|
-
|
|
1840
|
-
:host([theme~='primary'][active])::after {
|
|
1841
|
-
opacity: 0.2;
|
|
1842
|
-
}
|
|
1843
|
-
|
|
1844
|
-
/* Colors (success, error, contrast) */
|
|
1845
|
-
|
|
1846
|
-
:host([theme~='success']) {
|
|
1847
|
-
color: var(--lumo-success-text-color);
|
|
1848
|
-
}
|
|
1849
|
-
|
|
1850
|
-
:host([theme~='success'][theme~='primary']) {
|
|
1851
|
-
background-color: var(--lumo-success-color);
|
|
1852
|
-
color: var(--lumo-success-contrast-color);
|
|
1853
|
-
}
|
|
1854
|
-
|
|
1855
|
-
:host([theme~='error']) {
|
|
1856
|
-
color: var(--lumo-error-text-color);
|
|
1857
|
-
}
|
|
1858
|
-
|
|
1859
|
-
:host([theme~='error'][theme~='primary']) {
|
|
1860
|
-
background-color: var(--lumo-error-color);
|
|
1861
|
-
color: var(--lumo-error-contrast-color);
|
|
1862
|
-
}
|
|
1863
|
-
|
|
1864
|
-
:host([theme~='contrast']) {
|
|
1865
|
-
color: var(--lumo-contrast);
|
|
1866
|
-
}
|
|
1867
|
-
|
|
1868
|
-
:host([theme~='contrast'][theme~='primary']) {
|
|
1869
|
-
background-color: var(--lumo-contrast);
|
|
1870
|
-
color: var(--lumo-base-color);
|
|
1871
|
-
}
|
|
1872
|
-
|
|
1873
|
-
/* Disabled state. Keep selectors after other color variants. */
|
|
1874
|
-
|
|
1875
|
-
:host([disabled]) {
|
|
1876
|
-
pointer-events: none;
|
|
1877
|
-
color: var(--lumo-disabled-text-color);
|
|
1878
|
-
}
|
|
1879
|
-
|
|
1880
|
-
:host([theme~='primary'][disabled]) {
|
|
1881
|
-
background-color: var(--lumo-contrast-30pct);
|
|
1882
|
-
color: var(--lumo-base-color);
|
|
1883
|
-
}
|
|
1884
|
-
|
|
1885
|
-
:host([theme~='primary'][disabled]) [part] {
|
|
1886
|
-
opacity: 0.7;
|
|
1887
|
-
}
|
|
1888
|
-
|
|
1889
|
-
/* Icons */
|
|
1890
|
-
|
|
1891
|
-
[part] ::slotted(vaadin-icon) {
|
|
1892
|
-
display: inline-block;
|
|
1893
|
-
width: var(--lumo-icon-size-m);
|
|
1894
|
-
height: var(--lumo-icon-size-m);
|
|
1895
|
-
}
|
|
1896
|
-
|
|
1897
|
-
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
1898
|
-
[part] ::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
1899
|
-
padding: 0.25em;
|
|
1900
|
-
box-sizing: border-box !important;
|
|
1901
|
-
}
|
|
1902
|
-
|
|
1903
|
-
[part='prefix'] {
|
|
1904
|
-
margin-left: -0.25em;
|
|
1905
|
-
margin-right: 0.25em;
|
|
1906
|
-
}
|
|
1907
|
-
|
|
1908
|
-
[part='suffix'] {
|
|
1909
|
-
margin-left: 0.25em;
|
|
1910
|
-
margin-right: -0.25em;
|
|
1911
|
-
}
|
|
1912
|
-
|
|
1913
|
-
/* Icon-only */
|
|
1914
|
-
|
|
1915
|
-
:host([theme~='icon']:not([theme~='tertiary-inline'])) {
|
|
1916
|
-
min-width: var(--lumo-button-size);
|
|
1917
|
-
padding-left: calc(var(--lumo-button-size) / 4);
|
|
1918
|
-
padding-right: calc(var(--lumo-button-size) / 4);
|
|
1919
|
-
}
|
|
1920
|
-
|
|
1921
|
-
:host([theme~='icon']) [part='prefix'],
|
|
1922
|
-
:host([theme~='icon']) [part='suffix'] {
|
|
1923
|
-
margin-left: 0;
|
|
1924
|
-
margin-right: 0;
|
|
1925
|
-
}
|
|
1926
|
-
|
|
1927
|
-
/* RTL specific styles */
|
|
1928
|
-
|
|
1929
|
-
:host([dir='rtl']) [part='prefix'] {
|
|
1930
|
-
margin-left: 0.25em;
|
|
1931
|
-
margin-right: -0.25em;
|
|
1932
|
-
}
|
|
1933
|
-
|
|
1934
|
-
:host([dir='rtl']) [part='suffix'] {
|
|
1935
|
-
margin-left: -0.25em;
|
|
1936
|
-
margin-right: 0.25em;
|
|
1937
|
-
}
|
|
1938
|
-
|
|
1939
|
-
:host([dir='rtl'][theme~='icon']) [part='prefix'],
|
|
1940
|
-
:host([dir='rtl'][theme~='icon']) [part='suffix'] {
|
|
1941
|
-
margin-left: 0;
|
|
1942
|
-
margin-right: 0;
|
|
1943
|
-
}
|
|
1944
|
-
`;mt("vaadin-button",Cr,{moduleId:"lumo-button"});
|
|
1945
|
-
/**
|
|
1946
|
-
* @license
|
|
1947
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1948
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1949
|
-
*/
|
|
1950
|
-
const Ar=p`
|
|
1951
|
-
:host {
|
|
1952
|
-
display: inline-block;
|
|
1953
|
-
position: relative;
|
|
1954
|
-
outline: none;
|
|
1955
|
-
white-space: nowrap;
|
|
1956
|
-
-webkit-user-select: none;
|
|
1957
|
-
-moz-user-select: none;
|
|
1958
|
-
user-select: none;
|
|
1959
|
-
}
|
|
1960
|
-
|
|
1961
|
-
:host([hidden]) {
|
|
1962
|
-
display: none !important;
|
|
1963
|
-
}
|
|
1964
|
-
|
|
1965
|
-
/* Aligns the button with form fields when placed on the same line.
|
|
1966
|
-
Note, to make it work, the form fields should have the same "::before" pseudo-element. */
|
|
1967
|
-
.vaadin-button-container::before {
|
|
1968
|
-
content: '\\2003';
|
|
1969
|
-
display: inline-block;
|
|
1970
|
-
width: 0;
|
|
1971
|
-
max-height: 100%;
|
|
1972
|
-
}
|
|
1973
|
-
|
|
1974
|
-
.vaadin-button-container {
|
|
1975
|
-
display: inline-flex;
|
|
1976
|
-
align-items: center;
|
|
1977
|
-
justify-content: center;
|
|
1978
|
-
text-align: center;
|
|
1979
|
-
width: 100%;
|
|
1980
|
-
height: 100%;
|
|
1981
|
-
min-height: inherit;
|
|
1982
|
-
text-shadow: inherit;
|
|
1983
|
-
}
|
|
1984
|
-
|
|
1985
|
-
[part='prefix'],
|
|
1986
|
-
[part='suffix'] {
|
|
1987
|
-
flex: none;
|
|
1988
|
-
}
|
|
1989
|
-
|
|
1990
|
-
[part='label'] {
|
|
1991
|
-
white-space: nowrap;
|
|
1992
|
-
overflow: hidden;
|
|
1993
|
-
text-overflow: ellipsis;
|
|
1994
|
-
}
|
|
1995
|
-
|
|
1996
|
-
@media (forced-colors: active) {
|
|
1997
|
-
:host {
|
|
1998
|
-
outline: 1px solid;
|
|
1999
|
-
outline-offset: -1px;
|
|
2000
|
-
}
|
|
2001
|
-
|
|
2002
|
-
:host([focused]) {
|
|
2003
|
-
outline-width: 2px;
|
|
2004
|
-
}
|
|
2005
|
-
|
|
2006
|
-
:host([disabled]) {
|
|
2007
|
-
outline-color: GrayText;
|
|
2008
|
-
}
|
|
2009
|
-
}
|
|
2010
|
-
`,Tr=t=>class extends(Ls(Ys(Ws(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}}
|
|
2011
|
-
/**
|
|
2012
|
-
* @license
|
|
2013
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2014
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2015
|
-
*/;mt("vaadin-button",Ar,{moduleId:"vaadin-button-styles"});class Er extends(Tr(Zi(yt(Ks(Si))))){static get is(){return"vaadin-button"}static get template(){return(t=>t`
|
|
2016
|
-
<div class="vaadin-button-container">
|
|
2017
|
-
<span part="prefix" aria-hidden="true">
|
|
2018
|
-
<slot name="prefix"></slot>
|
|
2019
|
-
</span>
|
|
2020
|
-
<span part="label">
|
|
2021
|
-
<slot></slot>
|
|
2022
|
-
</span>
|
|
2023
|
-
<span part="suffix" aria-hidden="true">
|
|
2024
|
-
<slot name="suffix"></slot>
|
|
2025
|
-
</span>
|
|
2026
|
-
</div>
|
|
2027
|
-
<slot name="tooltip"></slot>
|
|
2028
|
-
`
|
|
2029
|
-
/**
|
|
2030
|
-
* @license
|
|
2031
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2032
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2033
|
-
*/)(Ei)}ready(){super.ready(),this._tooltipController=new as(this),this.addController(this._tooltipController)}}n(Er),mt("vaadin-date-picker-year",p`
|
|
2034
|
-
:host([current]) [part='year-number'] {
|
|
2035
|
-
color: var(--lumo-primary-text-color);
|
|
2036
|
-
}
|
|
2037
|
-
|
|
2038
|
-
:host(:not([current])) [part='year-number'],
|
|
2039
|
-
[part='year-separator'] {
|
|
2040
|
-
opacity: var(--_lumo-date-picker-year-opacity, 0.7);
|
|
2041
|
-
transition: 0.2s opacity;
|
|
2042
|
-
}
|
|
2043
|
-
|
|
2044
|
-
[part='year-number'],
|
|
2045
|
-
[part='year-separator'] {
|
|
2046
|
-
display: flex;
|
|
2047
|
-
align-items: center;
|
|
2048
|
-
justify-content: center;
|
|
2049
|
-
height: 50%;
|
|
2050
|
-
transform: translateY(-50%);
|
|
2051
|
-
}
|
|
2052
|
-
|
|
2053
|
-
[part='year-separator']::after {
|
|
2054
|
-
color: var(--lumo-disabled-text-color);
|
|
2055
|
-
content: '\\2022';
|
|
2056
|
-
}
|
|
2057
|
-
`,{moduleId:"lumo-date-picker-year"}),mt("vaadin-date-picker-overlay-content",p`
|
|
2058
|
-
:host {
|
|
2059
|
-
position: relative;
|
|
2060
|
-
/* Background for the year scroller, placed here as we are using a mask image on the actual years part */
|
|
2061
|
-
background-image: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct));
|
|
2062
|
-
background-size: 57px 100%;
|
|
2063
|
-
background-position: top right;
|
|
2064
|
-
background-repeat: no-repeat;
|
|
2065
|
-
cursor: default;
|
|
2066
|
-
}
|
|
2067
|
-
|
|
2068
|
-
::slotted([slot='months']) {
|
|
2069
|
-
/* Month calendar height:
|
|
2070
|
-
header height + margin-bottom
|
|
2071
|
-
+ weekdays height + margin-bottom
|
|
2072
|
-
+ date cell heights
|
|
2073
|
-
+ small margin between month calendars
|
|
2074
|
-
*/
|
|
2075
|
-
/* prettier-ignore */
|
|
2076
|
-
--vaadin-infinite-scroller-item-height:
|
|
2077
|
-
calc(
|
|
2078
|
-
var(--lumo-font-size-l) + var(--lumo-space-m)
|
|
2079
|
-
+ var(--lumo-font-size-xs) + var(--lumo-space-s)
|
|
2080
|
-
+ var(--lumo-size-m) * 6
|
|
2081
|
-
+ var(--lumo-space-s)
|
|
2082
|
-
);
|
|
2083
|
-
--vaadin-infinite-scroller-buffer-offset: 10%;
|
|
2084
|
-
-webkit-mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
2085
|
-
mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
2086
|
-
position: relative;
|
|
2087
|
-
margin-right: 57px;
|
|
2088
|
-
}
|
|
2089
|
-
|
|
2090
|
-
::slotted([slot='years']) {
|
|
2091
|
-
/* TODO get rid of fixed magic number */
|
|
2092
|
-
--vaadin-infinite-scroller-buffer-width: 97px;
|
|
2093
|
-
width: 57px;
|
|
2094
|
-
height: auto;
|
|
2095
|
-
top: 0;
|
|
2096
|
-
bottom: 0;
|
|
2097
|
-
font-size: var(--lumo-font-size-s);
|
|
2098
|
-
box-shadow: inset 2px 0 4px 0 var(--lumo-shade-5pct);
|
|
2099
|
-
-webkit-mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
2100
|
-
mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
2101
|
-
cursor: var(--lumo-clickable-cursor);
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
::slotted([slot='years']:hover) {
|
|
2105
|
-
--_lumo-date-picker-year-opacity: 1;
|
|
2106
|
-
}
|
|
2107
|
-
|
|
2108
|
-
/* TODO unsupported selector */
|
|
2109
|
-
#scrollers {
|
|
2110
|
-
position: static;
|
|
2111
|
-
display: block;
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
|
-
/* TODO fix this in vaadin-date-picker that it adapts to the width of the year scroller */
|
|
2115
|
-
:host([desktop]) ::slotted([slot='months']) {
|
|
2116
|
-
right: auto;
|
|
2117
|
-
}
|
|
2118
|
-
|
|
2119
|
-
/* Year scroller position indicator */
|
|
2120
|
-
::slotted([slot='years'])::before {
|
|
2121
|
-
border: none;
|
|
2122
|
-
width: 1em;
|
|
2123
|
-
height: 1em;
|
|
2124
|
-
background-color: var(--lumo-base-color);
|
|
2125
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
2126
|
-
transform: translate(-75%, -50%) rotate(45deg);
|
|
2127
|
-
border-top-right-radius: var(--lumo-border-radius-s);
|
|
2128
|
-
box-shadow: 2px -2px 6px 0 var(--lumo-shade-5pct);
|
|
2129
|
-
z-index: 1;
|
|
2130
|
-
}
|
|
2131
|
-
|
|
2132
|
-
[part='toolbar'] {
|
|
2133
|
-
padding: var(--lumo-space-s);
|
|
2134
|
-
border-bottom-left-radius: var(--lumo-border-radius-l);
|
|
2135
|
-
margin-right: 57px;
|
|
2136
|
-
}
|
|
2137
|
-
|
|
2138
|
-
[part='toolbar'] ::slotted(vaadin-button) {
|
|
2139
|
-
margin: 0;
|
|
2140
|
-
}
|
|
2141
|
-
|
|
2142
|
-
/* Narrow viewport mode (fullscreen) */
|
|
2143
|
-
|
|
2144
|
-
:host([fullscreen]) [part='toolbar'] {
|
|
2145
|
-
order: -1;
|
|
2146
|
-
background-color: var(--lumo-base-color);
|
|
2147
|
-
}
|
|
2148
|
-
|
|
2149
|
-
:host([fullscreen]) [part='overlay-header'] {
|
|
2150
|
-
order: -2;
|
|
2151
|
-
height: var(--lumo-size-m);
|
|
2152
|
-
padding: var(--lumo-space-s);
|
|
2153
|
-
position: absolute;
|
|
2154
|
-
left: 0;
|
|
2155
|
-
right: 0;
|
|
2156
|
-
justify-content: center;
|
|
2157
|
-
}
|
|
2158
|
-
|
|
2159
|
-
:host([fullscreen]) [part='toggle-button'],
|
|
2160
|
-
:host([fullscreen]) [part='clear-button'],
|
|
2161
|
-
[part='overlay-header'] [part='label'] {
|
|
2162
|
-
display: none;
|
|
2163
|
-
}
|
|
2164
|
-
|
|
2165
|
-
/* Very narrow screen (year scroller initially hidden) */
|
|
2166
|
-
|
|
2167
|
-
[part='years-toggle-button'] {
|
|
2168
|
-
display: flex;
|
|
2169
|
-
align-items: center;
|
|
2170
|
-
height: var(--lumo-size-s);
|
|
2171
|
-
padding: 0 0.5em;
|
|
2172
|
-
border-radius: var(--lumo-border-radius-m);
|
|
2173
|
-
z-index: 3;
|
|
2174
|
-
color: var(--lumo-primary-text-color);
|
|
2175
|
-
font-weight: 500;
|
|
2176
|
-
-webkit-font-smoothing: antialiased;
|
|
2177
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2178
|
-
}
|
|
2179
|
-
|
|
2180
|
-
:host([years-visible]) [part='years-toggle-button'] {
|
|
2181
|
-
background-color: var(--lumo-primary-color);
|
|
2182
|
-
color: var(--lumo-primary-contrast-color);
|
|
2183
|
-
}
|
|
2184
|
-
|
|
2185
|
-
/* TODO magic number (same as used for media-query in vaadin-date-picker-overlay-content) */
|
|
2186
|
-
@media screen and (max-width: 374px) {
|
|
2187
|
-
:host {
|
|
2188
|
-
background-image: none;
|
|
2189
|
-
}
|
|
2190
|
-
|
|
2191
|
-
[part='toolbar'],
|
|
2192
|
-
::slotted([slot='months']) {
|
|
2193
|
-
margin-right: 0;
|
|
2194
|
-
}
|
|
2195
|
-
|
|
2196
|
-
/* TODO make date-picker adapt to the width of the years part */
|
|
2197
|
-
::slotted([slot='years']) {
|
|
2198
|
-
--vaadin-infinite-scroller-buffer-width: 90px;
|
|
2199
|
-
width: 50px;
|
|
2200
|
-
background-color: var(--lumo-shade-5pct);
|
|
2201
|
-
}
|
|
2202
|
-
|
|
2203
|
-
:host([years-visible]) ::slotted([slot='months']) {
|
|
2204
|
-
padding-left: 50px;
|
|
2205
|
-
}
|
|
2206
|
-
}
|
|
2207
|
-
`,{moduleId:"lumo-date-picker-overlay-content"}),mt("vaadin-month-calendar",p`
|
|
2208
|
-
:host {
|
|
2209
|
-
-moz-user-select: none;
|
|
2210
|
-
-webkit-user-select: none;
|
|
2211
|
-
-webkit-tap-highlight-color: transparent;
|
|
2212
|
-
user-select: none;
|
|
2213
|
-
font-size: var(--lumo-font-size-m);
|
|
2214
|
-
color: var(--lumo-body-text-color);
|
|
2215
|
-
text-align: center;
|
|
2216
|
-
padding: 0 var(--lumo-space-xs);
|
|
2217
|
-
}
|
|
2218
|
-
|
|
2219
|
-
/* Month header */
|
|
2220
|
-
|
|
2221
|
-
[part='month-header'] {
|
|
2222
|
-
color: var(--lumo-header-text-color);
|
|
2223
|
-
font-size: var(--lumo-font-size-l);
|
|
2224
|
-
line-height: 1;
|
|
2225
|
-
font-weight: 500;
|
|
2226
|
-
margin-bottom: var(--lumo-space-m);
|
|
2227
|
-
}
|
|
2228
|
-
|
|
2229
|
-
/* Week days and numbers */
|
|
2230
|
-
|
|
2231
|
-
[part='weekdays'],
|
|
2232
|
-
[part='weekday'],
|
|
2233
|
-
[part='week-number'] {
|
|
2234
|
-
font-size: var(--lumo-font-size-xxs);
|
|
2235
|
-
line-height: 1;
|
|
2236
|
-
color: var(--lumo-secondary-text-color);
|
|
2237
|
-
}
|
|
2238
|
-
|
|
2239
|
-
[part='weekdays'] {
|
|
2240
|
-
margin-bottom: var(--lumo-space-s);
|
|
2241
|
-
}
|
|
2242
|
-
|
|
2243
|
-
[part='weekday']:empty,
|
|
2244
|
-
[part='week-number'] {
|
|
2245
|
-
width: var(--lumo-size-xs);
|
|
2246
|
-
}
|
|
2247
|
-
|
|
2248
|
-
/* Date and week number cells */
|
|
2249
|
-
|
|
2250
|
-
[part~='date'],
|
|
2251
|
-
[part='week-number'] {
|
|
2252
|
-
box-sizing: border-box;
|
|
2253
|
-
display: inline-flex;
|
|
2254
|
-
align-items: center;
|
|
2255
|
-
justify-content: center;
|
|
2256
|
-
height: var(--lumo-size-m);
|
|
2257
|
-
position: relative;
|
|
2258
|
-
}
|
|
2259
|
-
|
|
2260
|
-
[part~='date'] {
|
|
2261
|
-
transition: color 0.1s;
|
|
2262
|
-
}
|
|
2263
|
-
|
|
2264
|
-
[part~='date']:not(:empty) {
|
|
2265
|
-
cursor: var(--lumo-clickable-cursor);
|
|
2266
|
-
}
|
|
2267
|
-
|
|
2268
|
-
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
2269
|
-
:host([week-numbers]) [part~='date'] {
|
|
2270
|
-
width: calc((100% - var(--lumo-size-xs)) / 7);
|
|
2271
|
-
}
|
|
2272
|
-
|
|
2273
|
-
/* Today date */
|
|
2274
|
-
|
|
2275
|
-
[part~='date'][part~='today'] {
|
|
2276
|
-
color: var(--lumo-primary-text-color);
|
|
2277
|
-
}
|
|
2278
|
-
|
|
2279
|
-
/* Focused date */
|
|
2280
|
-
|
|
2281
|
-
[part~='date']::before {
|
|
2282
|
-
content: '';
|
|
2283
|
-
position: absolute;
|
|
2284
|
-
z-index: -1;
|
|
2285
|
-
top: 50%;
|
|
2286
|
-
left: 50%;
|
|
2287
|
-
transform: translate(-50%, -50%);
|
|
2288
|
-
min-width: 2em;
|
|
2289
|
-
min-height: 2em;
|
|
2290
|
-
width: 80%;
|
|
2291
|
-
height: 80%;
|
|
2292
|
-
max-height: 100%;
|
|
2293
|
-
max-width: 100%;
|
|
2294
|
-
border-radius: var(--lumo-border-radius-m);
|
|
2295
|
-
}
|
|
2296
|
-
|
|
2297
|
-
[part~='date'][part~='focused']::before {
|
|
2298
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
2299
|
-
}
|
|
2300
|
-
|
|
2301
|
-
:host(:not([focused])) [part~='date'][part~='focused']::before {
|
|
2302
|
-
animation: vaadin-date-picker-month-calendar-focus-date 1.4s infinite;
|
|
2303
|
-
}
|
|
2304
|
-
|
|
2305
|
-
@keyframes vaadin-date-picker-month-calendar-focus-date {
|
|
2306
|
-
50% {
|
|
2307
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px transparent;
|
|
2308
|
-
}
|
|
2309
|
-
}
|
|
2310
|
-
|
|
2311
|
-
[part~='date']:not(:empty):not([part~='disabled']):not([part~='selected']):hover::before {
|
|
2312
|
-
background-color: var(--lumo-primary-color-10pct);
|
|
2313
|
-
}
|
|
2314
|
-
|
|
2315
|
-
[part~='date'][part~='selected'] {
|
|
2316
|
-
color: var(--lumo-primary-contrast-color);
|
|
2317
|
-
}
|
|
2318
|
-
|
|
2319
|
-
[part~='date'][part~='selected']::before {
|
|
2320
|
-
background-color: var(--lumo-primary-color);
|
|
2321
|
-
}
|
|
2322
|
-
|
|
2323
|
-
[part~='date'][part~='disabled'] {
|
|
2324
|
-
color: var(--lumo-disabled-text-color);
|
|
2325
|
-
}
|
|
2326
|
-
|
|
2327
|
-
@media (pointer: coarse) {
|
|
2328
|
-
[part~='date']:hover:not([part~='selected'])::before,
|
|
2329
|
-
[part~='focused']:not([part~='selected'])::before {
|
|
2330
|
-
display: none;
|
|
2331
|
-
}
|
|
2332
|
-
|
|
2333
|
-
[part~='date']:not(:empty):not([part~='disabled']):active::before {
|
|
2334
|
-
display: block;
|
|
2335
|
-
}
|
|
2336
|
-
|
|
2337
|
-
[part~='date'][part~='selected']::before {
|
|
2338
|
-
box-shadow: none;
|
|
2339
|
-
}
|
|
2340
|
-
}
|
|
2341
|
-
|
|
2342
|
-
/* Disabled */
|
|
2343
|
-
|
|
2344
|
-
:host([disabled]) * {
|
|
2345
|
-
color: var(--lumo-disabled-text-color) !important;
|
|
2346
|
-
}
|
|
2347
|
-
`,{moduleId:"lumo-month-calendar"});const Dr=document.createElement("template");Dr.innerHTML="\n <style>\n @keyframes vaadin-date-picker-month-calendar-focus-date {\n 50% {\n box-shadow: 0 0 0 2px transparent;\n }\n }\n </style>\n",document.head.appendChild(Dr.content);
|
|
2348
|
-
/**
|
|
2349
|
-
* @license
|
|
2350
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2351
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2352
|
-
*/
|
|
2353
|
-
const Sr=p`
|
|
2354
|
-
[part$='button'] {
|
|
2355
|
-
flex: none;
|
|
2356
|
-
width: 1em;
|
|
2357
|
-
height: 1em;
|
|
2358
|
-
line-height: 1;
|
|
2359
|
-
font-size: var(--lumo-icon-size-m);
|
|
2360
|
-
text-align: center;
|
|
2361
|
-
color: var(--lumo-contrast-60pct);
|
|
2362
|
-
transition: 0.2s color;
|
|
2363
|
-
cursor: var(--lumo-clickable-cursor);
|
|
2364
|
-
}
|
|
2365
|
-
|
|
2366
|
-
[part$='button']:hover {
|
|
2367
|
-
color: var(--lumo-contrast-90pct);
|
|
2368
|
-
}
|
|
2369
|
-
|
|
2370
|
-
:host([disabled]) [part$='button'],
|
|
2371
|
-
:host([readonly]) [part$='button'] {
|
|
2372
|
-
color: var(--lumo-contrast-20pct);
|
|
2373
|
-
cursor: default;
|
|
2374
|
-
}
|
|
2375
|
-
|
|
2376
|
-
[part$='button']::before {
|
|
2377
|
-
font-family: 'lumo-icons';
|
|
2378
|
-
display: block;
|
|
2379
|
-
}
|
|
2380
|
-
`;mt("",Sr,{moduleId:"lumo-field-button"});
|
|
2381
|
-
/**
|
|
2382
|
-
* @license
|
|
2383
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2384
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2385
|
-
*/
|
|
2386
|
-
const Mr=[nr,Sr,or,p`
|
|
2387
|
-
:host {
|
|
2388
|
-
--lumo-text-field-size: var(--lumo-size-m);
|
|
2389
|
-
color: var(--lumo-body-text-color);
|
|
2390
|
-
font-size: var(--lumo-font-size-m);
|
|
2391
|
-
font-family: var(--lumo-font-family);
|
|
2392
|
-
-webkit-font-smoothing: antialiased;
|
|
2393
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2394
|
-
-webkit-tap-highlight-color: transparent;
|
|
2395
|
-
padding: var(--lumo-space-xs) 0;
|
|
2396
|
-
}
|
|
2397
|
-
|
|
2398
|
-
:host::before {
|
|
2399
|
-
height: var(--lumo-text-field-size);
|
|
2400
|
-
box-sizing: border-box;
|
|
2401
|
-
display: inline-flex;
|
|
2402
|
-
align-items: center;
|
|
2403
|
-
}
|
|
2404
|
-
|
|
2405
|
-
:host([focused]:not([readonly])) [part='label'] {
|
|
2406
|
-
color: var(--lumo-primary-text-color);
|
|
2407
|
-
}
|
|
2408
|
-
|
|
2409
|
-
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
2410
|
-
-webkit-mask-image: none;
|
|
2411
|
-
mask-image: none;
|
|
2412
|
-
}
|
|
2413
|
-
|
|
2414
|
-
::slotted(:is(input, textarea):placeholder-shown) {
|
|
2415
|
-
color: var(--lumo-secondary-text-color);
|
|
2416
|
-
}
|
|
2417
|
-
|
|
2418
|
-
/* Hover */
|
|
2419
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
2420
|
-
color: var(--lumo-body-text-color);
|
|
2421
|
-
}
|
|
2422
|
-
|
|
2423
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2424
|
-
opacity: 0.1;
|
|
2425
|
-
}
|
|
2426
|
-
|
|
2427
|
-
/* Touch device adjustment */
|
|
2428
|
-
@media (pointer: coarse) {
|
|
2429
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
2430
|
-
color: var(--lumo-secondary-text-color);
|
|
2431
|
-
}
|
|
2432
|
-
|
|
2433
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2434
|
-
opacity: 0;
|
|
2435
|
-
}
|
|
2436
|
-
|
|
2437
|
-
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2438
|
-
opacity: 0.2;
|
|
2439
|
-
}
|
|
2440
|
-
}
|
|
2441
|
-
|
|
2442
|
-
/* Trigger when not focusing using the keyboard */
|
|
2443
|
-
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
|
2444
|
-
transform: scaleX(0);
|
|
2445
|
-
transition-duration: 0.15s, 1s;
|
|
2446
|
-
}
|
|
2447
|
-
|
|
2448
|
-
/* Focus-ring */
|
|
2449
|
-
:host([focus-ring]) [part='input-field'] {
|
|
2450
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
2451
|
-
}
|
|
2452
|
-
|
|
2453
|
-
/* Read-only and disabled */
|
|
2454
|
-
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
|
2455
|
-
opacity: 0;
|
|
2456
|
-
}
|
|
2457
|
-
|
|
2458
|
-
/* Read-only style */
|
|
2459
|
-
:host([readonly]) {
|
|
2460
|
-
--vaadin-input-field-border-color: transparent;
|
|
2461
|
-
}
|
|
2462
|
-
|
|
2463
|
-
/* Disabled style */
|
|
2464
|
-
:host([disabled]) {
|
|
2465
|
-
pointer-events: none;
|
|
2466
|
-
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
|
2467
|
-
}
|
|
2468
|
-
|
|
2469
|
-
:host([disabled]) [part='label'],
|
|
2470
|
-
:host([disabled]) [part='input-field'] ::slotted(*) {
|
|
2471
|
-
color: var(--lumo-disabled-text-color);
|
|
2472
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
2473
|
-
}
|
|
2474
|
-
|
|
2475
|
-
/* Invalid style */
|
|
2476
|
-
:host([invalid]) {
|
|
2477
|
-
--vaadin-input-field-border-color: var(--lumo-error-color);
|
|
2478
|
-
}
|
|
2479
|
-
|
|
2480
|
-
:host([invalid][focus-ring]) [part='input-field'] {
|
|
2481
|
-
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
|
2482
|
-
}
|
|
2483
|
-
|
|
2484
|
-
:host([input-prevented]) [part='input-field'] {
|
|
2485
|
-
animation: shake 0.15s infinite;
|
|
2486
|
-
}
|
|
2487
|
-
|
|
2488
|
-
@keyframes shake {
|
|
2489
|
-
25% {
|
|
2490
|
-
transform: translateX(4px);
|
|
2491
|
-
}
|
|
2492
|
-
75% {
|
|
2493
|
-
transform: translateX(-4px);
|
|
2494
|
-
}
|
|
2495
|
-
}
|
|
2496
|
-
|
|
2497
|
-
/* Small theme */
|
|
2498
|
-
:host([theme~='small']) {
|
|
2499
|
-
font-size: var(--lumo-font-size-s);
|
|
2500
|
-
--lumo-text-field-size: var(--lumo-size-s);
|
|
2501
|
-
}
|
|
2502
|
-
|
|
2503
|
-
:host([theme~='small']) [part='label'] {
|
|
2504
|
-
font-size: var(--lumo-font-size-xs);
|
|
2505
|
-
}
|
|
2506
|
-
|
|
2507
|
-
:host([theme~='small']) [part='error-message'] {
|
|
2508
|
-
font-size: var(--lumo-font-size-xxs);
|
|
2509
|
-
}
|
|
2510
|
-
|
|
2511
|
-
/* Slotted content */
|
|
2512
|
-
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
|
2513
|
-
color: var(--lumo-secondary-text-color);
|
|
2514
|
-
font-weight: 400;
|
|
2515
|
-
}
|
|
2516
|
-
|
|
2517
|
-
[part='clear-button']::before {
|
|
2518
|
-
content: var(--lumo-icons-cross);
|
|
2519
|
-
}
|
|
2520
|
-
`];mt("",Mr,{moduleId:"lumo-input-field-shared-styles"}),mt("vaadin-date-picker",[Mr,p`
|
|
2521
|
-
:host {
|
|
2522
|
-
outline: none;
|
|
2523
|
-
}
|
|
2524
|
-
|
|
2525
|
-
[part='toggle-button']::before {
|
|
2526
|
-
content: var(--lumo-icons-calendar);
|
|
2527
|
-
}
|
|
2528
|
-
|
|
2529
|
-
[part='clear-button']::before {
|
|
2530
|
-
content: var(--lumo-icons-cross);
|
|
2531
|
-
}
|
|
2532
|
-
|
|
2533
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
2534
|
-
[part='overlay-content'] {
|
|
2535
|
-
height: 70vh;
|
|
2536
|
-
}
|
|
2537
|
-
}
|
|
2538
|
-
|
|
2539
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input) {
|
|
2540
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
2541
|
-
}
|
|
2542
|
-
|
|
2543
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
|
|
2544
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
2545
|
-
}
|
|
2546
|
-
`],{moduleId:"lumo-date-picker"});
|
|
2547
|
-
/**
|
|
2548
|
-
@license
|
|
2549
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2550
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2551
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2552
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2553
|
-
Code distributed by Google as part of the polymer project is also
|
|
2554
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2555
|
-
*/
|
|
2556
|
-
let zr=!1,Ir=[],Pr=[];function Fr(t){const e=t[0],i=t[1],s=t[2];try{i.apply(e,s)}catch(t){setTimeout((()=>{throw t}))}}function Or(t,e,i){zr||(zr=!0,requestAnimationFrame((function(){zr=!1,function(t){for(;t.length;)Fr(t.shift())}(Ir),setTimeout((function(){!function(t){for(let e=0,i=t.length;e<i;e++)Fr(t.shift())}(Pr)}))}))),Pr.push([t,e,i])}
|
|
2557
|
-
/**
|
|
2558
|
-
* @license
|
|
2559
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2560
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2561
|
-
*/const Nr=t=>t.test(navigator.userAgent),Br=t=>t.test(navigator.platform);Nr(/Android/u),Nr(/Chrome/u)&&/Google Inc/u.test(navigator.vendor);const Lr=Nr(/Firefox/u),jr=Br(/^iPad/u)||Br(/^Mac/u)&&navigator.maxTouchPoints>1,$r=Br(/^iPhone/u)||jr,qr=Nr(/^((?!chrome|android).)*safari/iu),Rr=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})();
|
|
2562
|
-
/**
|
|
2563
|
-
* @license
|
|
2564
|
-
* Copyright (c) 2017 Anton Korzunov
|
|
2565
|
-
* SPDX-License-Identifier: MIT
|
|
2566
|
-
*/
|
|
2567
|
-
let Vr=new WeakMap,Hr=new WeakMap,Wr={},Yr=0;const Ur=t=>t&&t.nodeType===Node.ELEMENT_NODE,Gr=(...t)=>{console.error(`Error: ${t.join(" ")}. Skip setting aria-hidden.`)},Qr=(t,e=document.body,i="data-aria-hidden")=>{const s=Array.from(Array.isArray(t)?t:[t]);return e&&s.push(...Array.from(e.querySelectorAll("[aria-live]"))),((t,e,i,s)=>{const r=((t,e)=>Ur(t)?e.map((e=>{if(!Ur(e))return Gr(e,"is not a valid element"),null;let i=e;for(;i&&i!==t;){if(t.contains(i))return e;i=i.getRootNode().host}return Gr(e,"is not contained inside",t),null})).filter((t=>Boolean(t))):(Gr(t,"is not a valid element"),[]))(e,Array.isArray(t)?t:[t]);Wr[i]||(Wr[i]=new WeakMap);const o=Wr[i],n=[],a=new Set,l=new Set(r),h=t=>{if(!t||a.has(t))return;a.add(t);const e=t.assignedSlot;e&&h(e),h(t.parentNode||t.host)};r.forEach(h);const c=t=>{if(!t||l.has(t))return;const e=t.shadowRoot;(e?[...t.children,...e.children]:[...t.children]).forEach((t=>{if(!["template","script","style"].includes(t.localName))if(a.has(t))c(t);else{const e=t.getAttribute(s),r=null!==e&&"false"!==e,a=(Vr.get(t)||0)+1,l=(o.get(t)||0)+1;Vr.set(t,a),o.set(t,l),n.push(t),1===a&&r&&Hr.set(t,!0),1===l&&t.setAttribute(i,"true"),r||t.setAttribute(s,"true")}}))};return c(e),a.clear(),Yr+=1,()=>{n.forEach((t=>{const e=Vr.get(t)-1,r=o.get(t)-1;Vr.set(t,e),o.set(t,r),e||(Hr.has(t)?Hr.delete(t):t.removeAttribute(s)),r||t.removeAttribute(i)})),Yr-=1,Yr||(Vr=new WeakMap,Vr=new WeakMap,Hr=new WeakMap,Wr={})}})(s,e,i,"aria-hidden")};
|
|
2568
|
-
/**
|
|
2569
|
-
* @license
|
|
2570
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2571
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2572
|
-
*/
|
|
2573
|
-
class Xr{constructor(t,e){this.host=t,this.callback="function"==typeof e?e:()=>t}showModal(){const t=this.callback();this.__showOthers=Qr(t)}close(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null)}}
|
|
2574
|
-
/**
|
|
2575
|
-
* @license
|
|
2576
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2577
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2578
|
-
*/class Jr{saveFocus(t){this.focusNode=t||$s()}restoreFocus(){const t=this.focusNode;t&&($s()===document.body?setTimeout((()=>t.focus())):t.focus(),this.focusNode=null)}}
|
|
2579
|
-
/**
|
|
2580
|
-
* @license
|
|
2581
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2582
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2583
|
-
*/const Kr=[];class Zr{constructor(t){this.host=t,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){return function(t){const e=[];return Hs(t,e)?Rs(e):e}(this.__trapNode)}get __focusedElementIndex(){const t=this.__focusableElements;return t.indexOf(t.filter(Vs).pop())}hostConnected(){document.addEventListener("keydown",this.__onKeyDown)}hostDisconnected(){document.removeEventListener("keydown",this.__onKeyDown)}trapFocus(t){if(this.__trapNode=t,0===this.__focusableElements.length)throw this.__trapNode=null,new Error("The trap node should have at least one focusable descendant or be focusable itself.");Kr.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus()}releaseFocus(){this.__trapNode=null,Kr.pop()}__onKeyDown(t){this.__trapNode&&this===Array.from(Kr).pop()&&"Tab"===t.key&&(t.preventDefault(),this.__focusNextElement(t.shiftKey))}__focusNextElement(t=!1){const e=this.__focusableElements,i=e[(e.length+this.__focusedElementIndex+(t?-1:1))%e.length];i.focus(),"input"===i.localName&&i.select()}}
|
|
2584
|
-
/**
|
|
2585
|
-
* @license
|
|
2586
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2587
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2588
|
-
*/const to=t=>class extends(Ks(t)){static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__ariaModalController=new Xr(this),this.__focusTrapController=new Zr(this),this.__focusRestorationController=new Jr}ready(){super.ready(),this.addController(this.__ariaModalController),this.addController(this.__focusTrapController),this.addController(this.__focusRestorationController)}_resetFocus(){this.focusTrap&&(this.__ariaModalController.close(),this.__focusTrapController.releaseFocus()),this.restoreFocusOnClose&&this._shouldRestoreFocus()&&this.__focusRestorationController.restoreFocus()}_saveFocus(){this.restoreFocusOnClose&&this.__focusRestorationController.saveFocus(this.restoreFocusNode)}_trapFocus(){this.focusTrap&&(this.__ariaModalController.showModal(),this.__focusTrapController.trapFocus(this.$.overlay))}_shouldRestoreFocus(){const t=$s();return t===document.body||this._deepContains(t)}_deepContains(t){if(this.contains(t))return!0;let e=t;const i=t.ownerDocument;for(;e&&e!==i&&e!==this;)e=e.parentNode||e.host;return e===this}}
|
|
2589
|
-
/**
|
|
2590
|
-
* @license
|
|
2591
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2592
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2593
|
-
*/,eo=()=>Array.from(document.body.children).filter((t=>t instanceof HTMLElement&&t._hasOverlayStackMixin&&!t.hasAttribute("closing"))).sort(((t,e)=>t.__zIndex-e.__zIndex||0)),io=t=>class extends t{constructor(){super(),this._hasOverlayStackMixin=!0}get _last(){return(()=>this===eo().pop())()}bringToFront(){let t="";const e=eo().filter((t=>t!==this)).pop();e&&(t=e.__zIndex+1),this.style.zIndex=t,this.__zIndex=t||parseFloat(getComputedStyle(this).zIndex)}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),eo().forEach((t=>{t!==this&&(t.$.overlay.style.pointerEvents="none")}))}_exitModalState(){void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);const t=eo();let e;for(;(e=t.pop())&&(e===this||(e.$.overlay.style.removeProperty("pointer-events"),e.modeless)););}}
|
|
2594
|
-
/**
|
|
2595
|
-
* @license
|
|
2596
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2597
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2598
|
-
*/,so=t=>class extends(to(io(t))){static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0},owner:{type:Object},model:{type:Object},renderer:{type:Object},modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged"},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0}}}static get observers(){return["_rendererOrDataChanged(renderer, owner, model, opened)"]}constructor(){super(),this._boundMouseDownListener=this._mouseDownListener.bind(this),this._boundMouseUpListener=this._mouseUpListener.bind(this),this._boundOutsideClickListener=this._outsideClickListener.bind(this),this._boundKeydownListener=this._keydownListener.bind(this),$r&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}ready(){super.ready(),this.addEventListener("click",(()=>{})),this.$.backdrop.addEventListener("click",(()=>{}))}connectedCallback(){super.connectedCallback(),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))}disconnectedCallback(){super.disconnectedCallback(),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener)}requestContentUpdate(){this.renderer&&this.renderer.call(this.owner,this,this.owner,this.model)}close(t){const e=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),e.defaultPrevented||(this.opened=!1)}_detectIosNavbar(){if(!this.opened)return;const t=window.innerHeight,e=window.innerWidth,i=document.documentElement.clientHeight;this.style.setProperty("--vaadin-overlay-viewport-bottom",e>t&&i>t?i-t+"px":"0")}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0)}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0)}_rendererOrDataChanged(t,e,i,s){const r=this._oldOwner!==e||this._oldModel!==i;this._oldModel=i,this._oldOwner=e;const o=this._oldRenderer!==t;this._oldRenderer=t;const n=this._oldOpened!==s;this._oldOpened=s,o&&(this.innerHTML="",delete this._$litPart$),s&&t&&(o||n||r)&&this.requestContentUpdate()}_modelessChanged(t){t?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_openedChanged(t,e){t?(this._saveFocus(),this._animatedOpening(),Or(this,(()=>{this._trapFocus();const t=new CustomEvent("vaadin-overlay-open",{bubbles:!0});this.dispatchEvent(t)})),document.addEventListener("keydown",this._boundKeydownListener),this.modeless||this._addGlobalListeners()):e&&(this._resetFocus(),this._animatedClosing(),document.removeEventListener("keydown",this._boundKeydownListener),this.modeless||this._removeGlobalListeners())}_hiddenChanged(t){t&&this.hasAttribute("closing")&&this._flushAnimation("closing")}_shouldAnimate(){const t=getComputedStyle(this),e=t.getPropertyValue("animation-name");return!("none"===t.getPropertyValue("display"))&&e&&"none"!==e}_enqueueAnimation(t,e){const i=`__${t}Handler`,s=t=>{t&&t.target!==this||(e(),this.removeEventListener("animationend",s),delete this[i])};this[i]=s,this.addEventListener("animationend",s)}_flushAnimation(t){const e=`__${t}Handler`;"function"==typeof this[e]&&this[e]()}_animatedOpening(){this.parentNode===document.body&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this.modeless||this._enterModalState(),this.setAttribute("opening",""),this._shouldAnimate()?this._enqueueAnimation("opening",(()=>{this._finishOpening()})):this._finishOpening()}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder"),this.parentNode.insertBefore(this._placeholder,this),document.body.appendChild(this),this.bringToFront()}_finishOpening(){this.removeAttribute("opening")}_finishClosing(){this._detachOverlay(),this.$.overlay.style.removeProperty("pointer-events"),this.removeAttribute("closing"),this.dispatchEvent(new CustomEvent("vaadin-overlay-closed"))}_animatedClosing(){this.hasAttribute("opening")&&this._flushAnimation("opening"),this._placeholder&&(this._exitModalState(),this.setAttribute("closing",""),this.dispatchEvent(new CustomEvent("vaadin-overlay-closing")),this._shouldAnimate()?this._enqueueAnimation("closing",(()=>{this._finishClosing()})):this._finishClosing())}_detachOverlay(){this._placeholder.parentNode.insertBefore(this,this._placeholder),this._placeholder.parentNode.removeChild(this._placeholder)}_mouseDownListener(t){this._mouseDownInside=t.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(t){this._mouseUpInside=t.composedPath().indexOf(this.$.overlay)>=0}_shouldCloseOnOutsideClick(t){return this._last}_outsideClickListener(t){if(t.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside)return this._mouseDownInside=!1,void(this._mouseUpInside=!1);if(!this._shouldCloseOnOutsideClick(t))return;const e=new CustomEvent("vaadin-overlay-outside-click",{bubbles:!0,cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),this.opened&&!e.defaultPrevented&&this.close(t)}_keydownListener(t){if(this._last&&(!this.modeless||t.composedPath().includes(this.$.overlay))&&"Escape"===t.key){const e=new CustomEvent("vaadin-overlay-escape-press",{bubbles:!0,cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),this.opened&&!e.defaultPrevented&&this.close(t)}}}
|
|
2599
|
-
/**
|
|
2600
|
-
* @license
|
|
2601
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2602
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2603
|
-
*/,ro={start:"top",end:"bottom"},oo={start:"left",end:"right"},no=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),ao=t=>class extends t{static get properties(){return{positionTarget:{type:Object,value:null},horizontalAlign:{type:String,value:"start"},verticalAlign:{type:String,value:"top"},noHorizontalOverlap:{type:Boolean,value:!1},noVerticalOverlap:{type:Boolean,value:!1},requiredVerticalSpace:{type:Number,value:0}}}static get observers(){return["__positionSettingsChanged(horizontalAlign, verticalAlign, noHorizontalOverlap, noVerticalOverlap, requiredVerticalSpace)","__overlayOpenedChanged(opened, positionTarget)"]}constructor(){super(),this.__onScroll=this.__onScroll.bind(this),this._updatePosition=this._updatePosition.bind(this)}connectedCallback(){super.connectedCallback(),this.opened&&this.__addUpdatePositionEventListeners()}disconnectedCallback(){super.disconnectedCallback(),this.__removeUpdatePositionEventListeners()}__addUpdatePositionEventListeners(){window.addEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes=function(t){const e=[];for(;t;){if(t.nodeType===Node.DOCUMENT_NODE){e.push(t);break}t.nodeType!==Node.DOCUMENT_FRAGMENT_NODE?t=t.assignedSlot?t.assignedSlot:t.parentNode:(e.push(t),t=t.host)}return e}(this.positionTarget),this.__positionTargetAncestorRootNodes.forEach((t=>{t.addEventListener("scroll",this.__onScroll,!0)}))}__removeUpdatePositionEventListeners(){window.removeEventListener("resize",this._updatePosition),this.__positionTargetAncestorRootNodes&&(this.__positionTargetAncestorRootNodes.forEach((t=>{t.removeEventListener("scroll",this.__onScroll,!0)})),this.__positionTargetAncestorRootNodes=null)}__overlayOpenedChanged(t,e){if(this.__removeUpdatePositionEventListeners(),e&&(e.__overlay=null,no.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,no.observe(e))),t){const t=getComputedStyle(this);this.__margins||(this.__margins={},["top","bottom","left","right"].forEach((e=>{this.__margins[e]=parseInt(t[e],10)}))),this.setAttribute("dir",t.direction),this._updatePosition(),requestAnimationFrame((()=>this._updatePosition()))}}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const i=this.__isRTL,s=this.__shouldAlignStartHorizontally(t,i),r=!i&&s||i&&!s;this.style.alignItems=r?"flex-start":"flex-end";const o=this.getBoundingClientRect(),n=this.__calculatePositionInOneDimension(t,o,this.noVerticalOverlap,ro,this,e),a=this.__calculatePositionInOneDimension(t,o,this.noHorizontalOverlap,oo,this,s);Object.assign(this.style,n,a),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!r),this.toggleAttribute("start-aligned",r)}__shouldAlignStartHorizontally(t,e){const i=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const s=Math.min(window.innerWidth,document.documentElement.clientWidth);return this.__shouldAlignStart(t,i,s,this.__margins,!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign,this.noHorizontalOverlap,oo)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const i=Math.min(window.innerHeight,document.documentElement.clientHeight);return this.__shouldAlignStart(t,e,i,this.__margins,"top"===this.verticalAlign,this.noVerticalOverlap,ro)}__shouldAlignStart(t,e,i,s,r,o,n){const a=i-t[o?n.end:n.start]-s[n.end],l=t[o?n.start:n.end]-s[n.start],h=r?a:l;return r===(h>(r?l:a)||h>e)}__adjustBottomProperty(t,e,i){let s;if(t===e.end){if(e.end===ro.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);i>t&&this.__oldViewportHeight&&(s=i-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===oo.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);i>t&&this.__oldViewportWidth&&(s=i-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return s}__calculatePositionInOneDimension(t,e,i,s,r,o){const n=o?s.start:s.end,a=o?s.end:s.start,l=parseFloat(r.style[n]||getComputedStyle(r)[n]),h=this.__adjustBottomProperty(n,s,l);return{[n]:h?`${h}px`:`${l+(e[o?s.start:s.end]-t[i===o?s.end:s.start])*(o?-1:1)}px`,[a]:""}}}
|
|
2604
|
-
/**
|
|
2605
|
-
* @license
|
|
2606
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2607
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2608
|
-
*/,lo=p`
|
|
2609
|
-
:host {
|
|
2610
|
-
z-index: 200;
|
|
2611
|
-
position: fixed;
|
|
2612
|
-
|
|
2613
|
-
/* Despite of what the names say, <vaadin-overlay> is just a container
|
|
2614
|
-
for position/sizing/alignment. The actual overlay is the overlay part. */
|
|
2615
|
-
|
|
2616
|
-
/* Default position constraints: the entire viewport. Note: themes can
|
|
2617
|
-
override this to introduce gaps between the overlay and the viewport. */
|
|
2618
|
-
inset: 0;
|
|
2619
|
-
bottom: var(--vaadin-overlay-viewport-bottom);
|
|
2620
|
-
|
|
2621
|
-
/* Use flexbox alignment for the overlay part. */
|
|
2622
|
-
display: flex;
|
|
2623
|
-
flex-direction: column; /* makes dropdowns sizing easier */
|
|
2624
|
-
/* Align to center by default. */
|
|
2625
|
-
align-items: center;
|
|
2626
|
-
justify-content: center;
|
|
2627
|
-
|
|
2628
|
-
/* Allow centering when max-width/max-height applies. */
|
|
2629
|
-
margin: auto;
|
|
2630
|
-
|
|
2631
|
-
/* The host is not clickable, only the overlay part is. */
|
|
2632
|
-
pointer-events: none;
|
|
2633
|
-
|
|
2634
|
-
/* Remove tap highlight on touch devices. */
|
|
2635
|
-
-webkit-tap-highlight-color: transparent;
|
|
2636
|
-
|
|
2637
|
-
/* CSS API for host */
|
|
2638
|
-
--vaadin-overlay-viewport-bottom: 0;
|
|
2639
|
-
}
|
|
2640
|
-
|
|
2641
|
-
:host([hidden]),
|
|
2642
|
-
:host(:not([opened]):not([closing])) {
|
|
2643
|
-
display: none !important;
|
|
2644
|
-
}
|
|
2645
|
-
|
|
2646
|
-
[part='overlay'] {
|
|
2647
|
-
-webkit-overflow-scrolling: touch;
|
|
2648
|
-
overflow: auto;
|
|
2649
|
-
pointer-events: auto;
|
|
2650
|
-
|
|
2651
|
-
/* Prevent overflowing the host */
|
|
2652
|
-
max-width: 100%;
|
|
2653
|
-
box-sizing: border-box;
|
|
2654
|
-
|
|
2655
|
-
-webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
|
|
2656
|
-
}
|
|
2657
|
-
|
|
2658
|
-
[part='backdrop'] {
|
|
2659
|
-
z-index: -1;
|
|
2660
|
-
content: '';
|
|
2661
|
-
background: rgba(0, 0, 0, 0.5);
|
|
2662
|
-
position: fixed;
|
|
2663
|
-
inset: 0;
|
|
2664
|
-
pointer-events: auto;
|
|
2665
|
-
}
|
|
2666
|
-
`
|
|
2667
|
-
/**
|
|
2668
|
-
* @license
|
|
2669
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2670
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2671
|
-
*/;
|
|
2672
|
-
/**
|
|
2673
|
-
* @license
|
|
2674
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2675
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2676
|
-
*/
|
|
2677
|
-
mt("vaadin-date-picker-overlay",[lo,p`
|
|
2678
|
-
[part='overlay'] {
|
|
2679
|
-
display: flex;
|
|
2680
|
-
flex: auto;
|
|
2681
|
-
}
|
|
2682
|
-
|
|
2683
|
-
[part~='content'] {
|
|
2684
|
-
flex: auto;
|
|
2685
|
-
}
|
|
2686
|
-
|
|
2687
|
-
@media (forced-colors: active) {
|
|
2688
|
-
[part='overlay'] {
|
|
2689
|
-
outline: 3px solid;
|
|
2690
|
-
}
|
|
2691
|
-
}
|
|
2692
|
-
`],{moduleId:"vaadin-date-picker-overlay-styles"});class ho extends(ao(so(Xi(yt(Si))))){static get is(){return"vaadin-date-picker-overlay"}static get template(){return Ei`
|
|
2693
|
-
<div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
|
|
2694
|
-
<div part="overlay" id="overlay">
|
|
2695
|
-
<div part="content" id="content">
|
|
2696
|
-
<slot></slot>
|
|
2697
|
-
</div>
|
|
2698
|
-
</div>
|
|
2699
|
-
`}}function co(t,e){return t instanceof Date&&e instanceof Date&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function uo(t,e,i){return(!e||t>=e)&&(!i||t<=i)}function po(t,e){return e.filter((t=>void 0!==t)).reduce(((e,i)=>i?e?Math.abs(t.getTime()-i.getTime())<Math.abs(e.getTime()-t.getTime())?i:e:i:e))}function mo(t){return{day:t.getDate(),month:t.getMonth(),year:t.getFullYear()}}function fo(t){const e=new Date,i=new Date(e);return i.setDate(1),i.setMonth(parseInt(t)+e.getMonth()),i}function vo(t){const e=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(t);if(!e)return;const i=new Date(0,0);return i.setFullYear(parseInt(e[1],10)),i.setMonth(parseInt(e[2],10)-1),i.setDate(parseInt(e[3],10)),i}
|
|
2700
|
-
/**
|
|
2701
|
-
* @license
|
|
2702
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2703
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2704
|
-
*/n(ho);const bo=document.createElement("template");bo.innerHTML='\n <style>\n :host {\n display: block;\n overflow: hidden;\n height: 500px;\n }\n\n #scroller {\n position: relative;\n height: 100%;\n overflow: auto;\n outline: none;\n margin-right: -40px;\n -webkit-overflow-scrolling: touch;\n overflow-x: hidden;\n }\n\n #scroller.notouchscroll {\n -webkit-overflow-scrolling: auto;\n }\n\n #scroller::-webkit-scrollbar {\n display: none;\n }\n\n .buffer {\n position: absolute;\n width: var(--vaadin-infinite-scroller-buffer-width, 100%);\n box-sizing: border-box;\n padding-right: 40px;\n top: var(--vaadin-infinite-scroller-buffer-offset, 0);\n animation: fadein 0.2s;\n }\n\n @keyframes fadein {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n </style>\n\n <div id="scroller">\n <div class="buffer"></div>\n <div class="buffer"></div>\n <div id="fullHeight"></div>\n </div>\n';class go extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(bo.content.cloneNode(!0)),this.bufferSize=20,this._initialScroll=5e5,this._initialIndex=0,this._activated=!1}get active(){return this._activated}set active(t){t&&!this._activated&&(this._createPool(),this._activated=!0)}get bufferOffset(){return this._buffers[0].offsetTop}get itemHeight(){if(!this._itemHeightVal){const t=getComputedStyle(this).getPropertyValue("--vaadin-infinite-scroller-item-height"),e="background-position";this.$.fullHeight.style.setProperty(e,t);const i=getComputedStyle(this.$.fullHeight).getPropertyValue(e);this.$.fullHeight.style.removeProperty(e),this._itemHeightVal=parseFloat(i)}return this._itemHeightVal}get _bufferHeight(){return this.itemHeight*this.bufferSize}get position(){return(this.$.scroller.scrollTop-this._buffers[0].translateY)/this.itemHeight+this._firstIndex}set position(t){this._preventScrollEvent=!0,t>this._firstIndex&&t<this._firstIndex+2*this.bufferSize?this.$.scroller.scrollTop=this.itemHeight*(t-this._firstIndex)+this._buffers[0].translateY:(this._initialIndex=~~t,this._reset(),this._scrollDisabled=!0,this.$.scroller.scrollTop+=t%1*this.itemHeight,this._scrollDisabled=!1),this._mayHaveMomentum&&(this.$.scroller.classList.add("notouchscroll"),this._mayHaveMomentum=!1,setTimeout((()=>{this.$.scroller.classList.remove("notouchscroll")}),10))}connectedCallback(){this._ready||(this._ready=!0,this.$={},this.shadowRoot.querySelectorAll("[id]").forEach((t=>{this.$[t.id]=t})),this.$.scroller.addEventListener("scroll",(()=>this._scroll())),this._buffers=[...this.shadowRoot.querySelectorAll(".buffer")],this.$.fullHeight.style.height=2*this._initialScroll+"px",Lr&&(this.$.scroller.tabIndex=-1))}forceUpdate(){this._debouncerUpdateClones&&(this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(),this._debouncerUpdateClones.cancel())}_createElement(){}_updateElement(t,e){}_finishInit(){this._initDone||(this._buffers.forEach((t=>{[...t.children].forEach((t=>{this._ensureStampedInstance(t._itemWrapper)}))})),this._buffers[0].translateY||this._reset(),this._initDone=!0,this.dispatchEvent(new CustomEvent("init-done")))}_translateBuffer(t){const e=t?1:0;this._buffers[e].translateY=this._buffers[e?0:1].translateY+this._bufferHeight*(e?-1:1),this._buffers[e].style.transform=`translate3d(0, ${this._buffers[e].translateY}px, 0)`,this._buffers[e].updated=!1,this._buffers.reverse()}_scroll(){if(this._scrollDisabled)return;const t=this.$.scroller.scrollTop;(t<this._bufferHeight||t>2*this._initialScroll-this._bufferHeight)&&(this._initialIndex=~~this.position,this._reset());const e=this.itemHeight+this.bufferOffset,i=t<this._buffers[0].translateY+e;(t>this._buffers[1].translateY+e||i)&&(this._translateBuffer(i),this._updateClones()),this._preventScrollEvent||(this.dispatchEvent(new CustomEvent("custom-scroll",{bubbles:!1,composed:!0})),this._mayHaveMomentum=!0),this._preventScrollEvent=!1,this._debouncerScrollFinish=Vi.debounce(this._debouncerScrollFinish,Li.after(200),(()=>{const t=this.$.scroller.getBoundingClientRect();this._isVisible(this._buffers[0],t)||this._isVisible(this._buffers[1],t)||(this.position=this.position)}))}_reset(){this._scrollDisabled=!0,this.$.scroller.scrollTop=this._initialScroll,this._buffers[0].translateY=this._initialScroll-this._bufferHeight,this._buffers[1].translateY=this._initialScroll,this._buffers.forEach((t=>{t.style.transform=`translate3d(0, ${t.translateY}px, 0)`})),this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(!0),this._debouncerUpdateClones=Vi.debounce(this._debouncerUpdateClones,Li.after(200),(()=>{this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones()})),this._scrollDisabled=!1}_createPool(){const t=this.getBoundingClientRect();this._buffers.forEach((e=>{for(let i=0;i<this.bufferSize;i++){const i=document.createElement("div");i.style.height=`${this.itemHeight}px`,i.instance={};const s=`vaadin-infinite-scroller-item-content-${os()}`,r=document.createElement("slot");r.setAttribute("name",s),r._itemWrapper=i,e.appendChild(r),i.setAttribute("slot",s),this.appendChild(i),this._isVisible(i,t)&&this._ensureStampedInstance(i)}})),requestAnimationFrame((()=>{this._finishInit()}))}_ensureStampedInstance(t){if(t.firstElementChild)return;const e=t.instance;t.instance=this._createElement(),t.appendChild(t.instance),Object.keys(e).forEach((i=>{t.instance[i]=e[i]}))}_updateClones(t){this._firstIndex=~~((this._buffers[0].translateY-this._initialScroll)/this.itemHeight)+this._initialIndex;const e=t?this.$.scroller.getBoundingClientRect():void 0;this._buffers.forEach(((i,s)=>{if(!i.updated){const r=this._firstIndex+this.bufferSize*s;[...i.children].forEach(((i,s)=>{const o=i._itemWrapper;t&&!this._isVisible(o,e)||this._updateElement(o.instance,r+s)})),i.updated=!0}}))}_isVisible(t,e){const i=t.getBoundingClientRect();return i.bottom>e.top&&i.top<e.bottom}}
|
|
2705
|
-
/**
|
|
2706
|
-
* @license
|
|
2707
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2708
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2709
|
-
*/const yo=document.createElement("template");yo.innerHTML="\n <style>\n :host {\n --vaadin-infinite-scroller-item-height: 270px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100%;\n }\n </style>\n",n(class extends go{static get is(){return"vaadin-date-picker-month-scroller"}constructor(){super(),this.bufferSize=3,this.shadowRoot.appendChild(yo.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-month-calendar")}_updateElement(t,e){t.month=fo(e)}});
|
|
2710
|
-
/**
|
|
2711
|
-
* @license
|
|
2712
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2713
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2714
|
-
*/
|
|
2715
|
-
const wo=document.createElement("template");wo.innerHTML="\n <style>\n :host {\n --vaadin-infinite-scroller-item-height: 80px;\n width: 50px;\n display: block;\n height: 100%;\n position: absolute;\n right: 0;\n transform: translateX(100%);\n -webkit-tap-highlight-color: transparent;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n /* Center the year scroller position. */\n --vaadin-infinite-scroller-buffer-offset: 50%;\n }\n\n :host::before {\n content: '';\n display: block;\n background: transparent;\n width: 0;\n height: 0;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n border-width: 6px;\n border-style: solid;\n border-color: transparent;\n border-left-color: #000;\n }\n </style>\n",n(class extends go{static get is(){return"vaadin-date-picker-year-scroller"}constructor(){super(),this.bufferSize=12,this.shadowRoot.appendChild(wo.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-date-picker-year")}_updateElement(t,e){t.year=this._yearAfterXYears(e)}_yearAfterXYears(t){const e=new Date,i=new Date(e);return i.setFullYear(parseInt(t)+e.getFullYear()),i.getFullYear()}});
|
|
2716
|
-
/**
|
|
2717
|
-
* @license
|
|
2718
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2719
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2720
|
-
*/
|
|
2721
|
-
class _o extends(yt(Si)){static get is(){return"vaadin-date-picker-year"}static get template(){return Ei`
|
|
2722
|
-
<style>
|
|
2723
|
-
:host {
|
|
2724
|
-
display: block;
|
|
2725
|
-
height: 100%;
|
|
2726
|
-
}
|
|
2727
|
-
</style>
|
|
2728
|
-
<div part="year-number">[[year]]</div>
|
|
2729
|
-
<div part="year-separator" aria-hidden="true"></div>
|
|
2730
|
-
`}static get properties(){return{year:{type:String},selectedDate:{type:Object}}}static get observers(){return["__updateSelected(year, selectedDate)"]}__updateSelected(t,e){this.toggleAttribute("selected",e&&e.getFullYear()===t),this.toggleAttribute("current",t===(new Date).getFullYear())}}
|
|
2731
|
-
/**
|
|
2732
|
-
@license
|
|
2733
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2734
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2735
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2736
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2737
|
-
Code distributed by Google as part of the polymer project is also
|
|
2738
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2739
|
-
*/
|
|
2740
|
-
function xo(t,e,i,s,r){let o;r&&(o="object"==typeof i&&null!==i,o&&(s=t.__dataTemp[e]));let n=s!==i&&(s==s||i==i);return o&&n&&(t.__dataTemp[e]=i),n}n(_o);const ko=Wt((t=>class extends t{_shouldPropertyChange(t,e,i){return xo(this,t,e,i,!0)}})),Co=Wt((t=>class extends t{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(t,e,i){return xo(this,t,e,i,this.mutableData)}}));ko._mutablePropertyChange=xo;
|
|
2741
|
-
/**
|
|
2742
|
-
@license
|
|
2743
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2744
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2745
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2746
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2747
|
-
Code distributed by Google as part of the polymer project is also
|
|
2748
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2749
|
-
*/
|
|
2750
|
-
let Ao=null;function To(){return Ao}To.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:To,writable:!0}});const Eo=yi(To),Do=ko(Eo),So=yi(class{});class Mo extends So{constructor(t){super(),this._configureProperties(t),this.root=this._stampTemplate(this.__dataHost);let e=[];this.children=e;for(let t=this.root.firstChild;t;t=t.nextSibling)e.push(t),t.__templatizeInstance=this;this.__templatizeOwner&&this.__templatizeOwner.__hideTemplateChildren__&&this._showHideChildren(!0);let i=this.__templatizeOptions;(t&&i.instanceProps||!i.instanceProps)&&this._enableProperties()}_configureProperties(t){if(this.__templatizeOptions.forwardHostProp)for(let t in this.__hostProps)this._setPendingProperty(t,this.__dataHost["_host_"+t]);for(let e in t)this._setPendingProperty(e,t[e])}forwardHostProp(t,e){this._setPendingPropertyOrPath(t,e,!1,!0)&&this.__dataHost._enqueueClient(this)}_addEventListenerToNode(t,e,i){if(this._methodHost&&this.__templatizeOptions.parentModel)this._methodHost._addEventListenerToNode(t,e,(t=>{t.model=this,i(t)}));else{let s=this.__dataHost.__dataHost;s&&s._addEventListenerToNode(t,e,i)}}_showHideChildren(t){!function(t,e){for(let i=0;i<e.length;i++){let s=e[i];if(Boolean(t)!=Boolean(s.__hideTemplateChildren__))if(s.nodeType===Node.TEXT_NODE)t?(s.__polymerTextContent__=s.textContent,s.textContent=""):s.textContent=s.__polymerTextContent__;else if("slot"===s.localName)if(t)s.__polymerReplaced__=document.createComment("hidden-slot"),se(se(s).parentNode).replaceChild(s.__polymerReplaced__,s);else{const t=s.__polymerReplaced__;t&&se(se(t).parentNode).replaceChild(s,t)}else s.style&&(t?(s.__polymerDisplay__=s.style.display,s.style.display="none"):s.style.display=s.__polymerDisplay__);s.__hideTemplateChildren__=t,s._showHideChildren&&s._showHideChildren(t)}}(t,this.children)}_setUnmanagedPropertyToNode(t,e,i){t.__hideTemplateChildren__&&t.nodeType==Node.TEXT_NODE&&"textContent"==e?t.__polymerTextContent__=i:super._setUnmanagedPropertyToNode(t,e,i)}get parentModel(){let t=this.__parentModel;if(!t){let e;t=this;do{t=t.__dataHost.__dataHost}while((e=t.__templatizeOptions)&&!e.parentModel);this.__parentModel=t}return t}dispatchEvent(t){return!0}}const zo=ko(Mo);function Io(t){let e=t.__dataHost;return e&&e._methodHost||e}function Po(t,e){return function(t,i,s){e.call(t.__templatizeOwner,i.substring("_host_".length),s[i])}}function Fo(t,e){return function(t,i,s){e.call(t.__templatizeOwner,t,i,s[i])}}function Oo(t,e,i){if(Pt&&!Io(t))throw new Error("strictTemplatePolicy: template owner not trusted");if(i=i||{},t.__templatizeOwner)throw new Error("A <template> can only be templatized once");t.__templatizeOwner=e;let s=(e?e.constructor:Mo)._parseTemplate(t),r=s.templatizeInstanceClass;r||(r=function(t,e,i){let s=i.mutableData?zo:Mo;Oo.mixin&&(s=Oo.mixin(s));let r=class extends s{};return r.prototype.__templatizeOptions=i,r.prototype._bindTemplate(t),function(t,e,i,s){let r=i.hostProps||{};for(let e in s.instanceProps){delete r[e];let i=s.notifyInstanceProp;i&&t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:Fo(0,i)})}if(s.forwardHostProp&&e.__dataHost)for(let e in r)i.hasHostProps||(i.hasHostProps=!0),t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:function(t,e,i){t.__dataHost._setPendingPropertyOrPath("_host_"+e,i[e],!0,!0)}})}(r,t,e,i),r}(t,s,i),s.templatizeInstanceClass=r);const o=Io(t);!function(t,e,i,s){let r=i.forwardHostProp;if(r&&e.hasHostProps){const o="template"==t.localName;let n=e.templatizeTemplateClass;if(!n){if(o){let t=i.mutableData?Do:Eo;class s extends t{}n=e.templatizeTemplateClass=s}else{const i=t.constructor;class s extends i{}n=e.templatizeTemplateClass=s}let a=e.hostProps;for(let t in a)n.prototype._addPropertyEffect("_host_"+t,n.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:Po(0,r)}),n.prototype._createNotifyingProperty("_host_"+t);Nt&&s&&function(t,e,i){const s=i.constructor._properties,{propertyEffects:r}=t,{instanceProps:o}=e;for(let t in r)if(!(s[t]||o&&o[t])){const e=r[t];for(let i=0;i<e.length;i++){const{part:s}=e[i].info;if(!s.signature||!s.signature.static){console.warn(`Property '${t}' used in template but not declared in 'properties'; attribute will not be observed.`);break}}}}(e,i,s)}if(t.__dataProto&&Object.assign(t.__data,t.__dataProto),o)!function(t,e){Ao=t,Object.setPrototypeOf(t,e.prototype),new e,Ao=null}(t,n),t.__dataTemp={},t.__dataPending=null,t.__dataOld=null,t._enableProperties();else{Object.setPrototypeOf(t,n.prototype);const i=e.hostProps;for(let e in i)if(e="_host_"+e,e in t){const i=t[e];delete t[e],t.__data[e]=i}}}}(t,s,i,o);let n=class extends r{};return n.prototype._methodHost=o,n.prototype.__dataHost=t,n.prototype.__templatizeOwner=e,n.prototype.__hostProps=s.hostProps,n=n,n}
|
|
2751
|
-
/**
|
|
2752
|
-
@license
|
|
2753
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2754
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2755
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2756
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2757
|
-
Code distributed by Google as part of the polymer project is also
|
|
2758
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2759
|
-
*/
|
|
2760
|
-
class No{constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(t,e){this._asyncModule=t,this._callback=e,this._timer=this._asyncModule.run((()=>{this._timer=null,Bo.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),Bo.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}static debounce(t,e,i){return t instanceof No?t._cancelAsync():t=new No,t.setConfig(e,i),t}}let Bo=new Set;const Lo=function(){const t=Boolean(Bo.size);return Bo.forEach((t=>{try{t.flush()}catch(t){setTimeout((()=>{throw t}))}})),t},jo=function(){let t,e;do{t=window.ShadyDOM&&ShadyDOM.flush(),window.ShadyCSS&&window.ShadyCSS.ScopingShim&&window.ShadyCSS.ScopingShim.flush(),e=Lo()}while(t||e)};
|
|
2761
|
-
/**
|
|
2762
|
-
@license
|
|
2763
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2764
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2765
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2766
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2767
|
-
Code distributed by Google as part of the polymer project is also
|
|
2768
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2769
|
-
*/
|
|
2770
|
-
let $o=!1;
|
|
2771
|
-
/**
|
|
2772
|
-
@license
|
|
2773
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2774
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2775
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2776
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2777
|
-
Code distributed by Google as part of the polymer project is also
|
|
2778
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2779
|
-
*/
|
|
2780
|
-
const qo=Co(Si);class Ro extends qo{static get is(){return"dom-repeat"}static get template(){return null}static get properties(){return{items:{type:Array},as:{type:String,value:"item"},indexAs:{type:String,value:"index"},itemsIndexAs:{type:String,value:"itemsIndex"},sort:{type:Function,observer:"__sortChanged"},filter:{type:Function,observer:"__filterChanged"},observe:{type:String,observer:"__observeChanged"},delay:Number,renderedItemCount:{type:Number,notify:!Rt,readOnly:!0},initialCount:{type:Number},targetFramerate:{type:Number,value:20},_targetFrameTime:{type:Number,computed:"__computeFrameTime(targetFramerate)"},notifyDomChange:{type:Boolean},reuseChunkedInstances:{type:Boolean}}}static get observers(){return["__itemsChanged(items.*)"]}constructor(){super(),this.__instances=[],this.__renderDebouncer=null,this.__itemsIdxToInstIdx={},this.__chunkCount=null,this.__renderStartTime=null,this.__itemsArrayChanged=!1,this.__shouldMeasureChunk=!1,this.__shouldContinueChunking=!1,this.__chunkingId=0,this.__sortFn=null,this.__filterFn=null,this.__observePaths=null,this.__ctor=null,this.__isDetached=!0,this.template=null}disconnectedCallback(){super.disconnectedCallback(),this.__isDetached=!0;for(let t=0;t<this.__instances.length;t++)this.__detachInstance(t);this.__chunkingId&&cancelAnimationFrame(this.__chunkingId)}connectedCallback(){if(super.connectedCallback(),function(){if(Ot&&!St){if(!$o){$o=!0;const t=document.createElement("style");t.textContent="dom-bind,dom-if,dom-repeat{display:none;}",document.head.appendChild(t)}return!0}return!1}()||(this.style.display="none"),this.__isDetached){this.__isDetached=!1;let t=se(se(this).parentNode);for(let e=0;e<this.__instances.length;e++)this.__attachInstance(e,t);this.__chunkingId&&this.__render()}}__ensureTemplatized(){if(!this.__ctor){const t=this;let e=this.template=t._templateInfo?t:this.querySelector("template");if(!e){let t=new MutationObserver((()=>{if(!this.querySelector("template"))throw new Error("dom-repeat requires a <template> child");t.disconnect(),this.__render()}));return t.observe(this,{childList:!0}),!1}let i={};i[this.as]=!0,i[this.indexAs]=!0,i[this.itemsIndexAs]=!0,this.__ctor=Oo(e,this,{mutableData:this.mutableData,parentModel:!0,instanceProps:i,forwardHostProp:function(t,e){let i=this.__instances;for(let s,r=0;r<i.length&&(s=i[r]);r++)s.forwardHostProp(t,e)},notifyInstanceProp:function(t,e,i){if((s=this.as)===(r=e)||ne(s,r)||ae(s,r)){let s=t[this.itemsIndexAs];e==this.as&&(this.items[s]=i);let r=le(this.as,`${JSCompiler_renameProperty("items",this)}.${s}`,e);this.notifyPath(r,i)}var s,r}})}return!0}__getMethodHost(){return this.__dataHost._methodHost||this.__dataHost}__functionFromPropertyValue(t){if("string"==typeof t){let e=t,i=this.__getMethodHost();return function(){return i[e].apply(i,arguments)}}return t}__sortChanged(t){this.__sortFn=this.__functionFromPropertyValue(t),this.items&&this.__debounceRender(this.__render)}__filterChanged(t){this.__filterFn=this.__functionFromPropertyValue(t),this.items&&this.__debounceRender(this.__render)}__computeFrameTime(t){return Math.ceil(1e3/t)}__observeChanged(){this.__observePaths=this.observe&&this.observe.replace(".*",".").split(" ")}__handleObservedPaths(t){if(this.__sortFn||this.__filterFn)if(t){if(this.__observePaths){let e=this.__observePaths;for(let i=0;i<e.length;i++)0===t.indexOf(e[i])&&this.__debounceRender(this.__render,this.delay)}}else this.__debounceRender(this.__render,this.delay)}__itemsChanged(t){this.items&&!Array.isArray(this.items)&&console.warn("dom-repeat expected array for `items`, found",this.items),this.__handleItemPath(t.path,t.value)||("items"===t.path&&(this.__itemsArrayChanged=!0),this.__debounceRender(this.__render))}__debounceRender(t,e=0){this.__renderDebouncer=No.debounce(this.__renderDebouncer,e>0?Ce.after(e):Ae,t.bind(this)),Bo.add(this.__renderDebouncer)}render(){this.__debounceRender(this.__render),jo()}__render(){if(!this.__ensureTemplatized())return;let t=this.items||[];const e=this.__sortAndFilterItems(t),i=this.__calculateLimit(e.length);this.__updateInstances(t,i,e),this.initialCount&&(this.__shouldMeasureChunk||this.__shouldContinueChunking)&&(cancelAnimationFrame(this.__chunkingId),this.__chunkingId=requestAnimationFrame((()=>{this.__chunkingId=null,this.__continueChunking()}))),this._setRenderedItemCount(this.__instances.length),Rt&&!this.notifyDomChange||this.dispatchEvent(new CustomEvent("dom-change",{bubbles:!0,composed:!0}))}__sortAndFilterItems(t){let e=new Array(t.length);for(let i=0;i<t.length;i++)e[i]=i;return this.__filterFn&&(e=e.filter(((e,i,s)=>this.__filterFn(t[e],i,s)))),this.__sortFn&&e.sort(((e,i)=>this.__sortFn(t[e],t[i]))),e}__calculateLimit(t){let e=t;const i=this.__instances.length;if(this.initialCount){let s;!this.__chunkCount||this.__itemsArrayChanged&&!this.reuseChunkedInstances?(e=Math.min(t,this.initialCount),s=Math.max(e-i,0),this.__chunkCount=s||1):(s=Math.min(Math.max(t-i,0),this.__chunkCount),e=Math.min(i+s,t)),this.__shouldMeasureChunk=s===this.__chunkCount,this.__shouldContinueChunking=e<t,this.__renderStartTime=performance.now()}return this.__itemsArrayChanged=!1,e}__continueChunking(){if(this.__shouldMeasureChunk){const t=performance.now()-this.__renderStartTime;this.__chunkCount=Math.round(this.__chunkCount*(this._targetFrameTime/t))||1}this.__shouldContinueChunking&&this.__debounceRender(this.__render)}__updateInstances(t,e,i){const s=this.__itemsIdxToInstIdx={};let r;for(r=0;r<e;r++){let e=this.__instances[r],o=i[r],n=t[o];s[o]=r,e?(e._setPendingProperty(this.as,n),e._setPendingProperty(this.indexAs,r),e._setPendingProperty(this.itemsIndexAs,o),e._flushProperties()):this.__insertInstance(n,r,o)}for(let t=this.__instances.length-1;t>=r;t--)this.__detachAndRemoveInstance(t)}__detachInstance(t){let e=this.__instances[t];const i=se(e.root);for(let t=0;t<e.children.length;t++)i.appendChild(e.children[t]);return e}__attachInstance(t,e){e.insertBefore(this.__instances[t].root,this)}__detachAndRemoveInstance(t){this.__detachInstance(t),this.__instances.splice(t,1)}__stampInstance(t,e,i){let s={};return s[this.as]=t,s[this.indexAs]=e,s[this.itemsIndexAs]=i,new this.__ctor(s)}__insertInstance(t,e,i){const s=this.__stampInstance(t,e,i);let r=this.__instances[e+1],o=r?r.children[0]:this;return se(se(this).parentNode).insertBefore(s.root,o),this.__instances[e]=s,s}_showHideChildren(t){for(let e=0;e<this.__instances.length;e++)this.__instances[e]._showHideChildren(t)}__handleItemPath(t,e){let i=t.slice(6),s=i.indexOf("."),r=s<0?i:i.substring(0,s);if(r==parseInt(r,10)){let t=s<0?"":i.substring(s+1);this.__handleObservedPaths(t);let o=this.__instances[this.__itemsIdxToInstIdx[r]];return o&&(o._setPendingPropertyOrPath(this.as+(t?"."+t:""),e,!1,!0),o._flushProperties()),!0}}itemForElement(t){let e=this.modelForElement(t);return e&&e[this.as]}indexForElement(t){let e=this.modelForElement(t);return e&&e[this.indexAs]}modelForElement(t){return function(t,e){let i;for(;e;)if(i=e.__dataHost?e:e.__templatizeInstance){if(i.__dataHost==t)return i;e=i.__dataHost}else e=se(e).parentNode;return null}(this.template,t)}}customElements.define(Ro.is,Ro);
|
|
2781
|
-
/**
|
|
2782
|
-
* @license
|
|
2783
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2784
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2785
|
-
*/
|
|
2786
|
-
const Vo=t=>class extends(Ws(t)){static get properties(){return{month:{type:Object,value:new Date,sync:!0},selectedDate:{type:Object,notify:!0,sync:!0},focusedDate:{type:Object},showWeekNumbers:{type:Boolean,value:!1},i18n:{type:Object},ignoreTaps:{type:Boolean},minDate:{type:Date,value:null,sync:!0},maxDate:{type:Date,value:null,sync:!0},disabled:{type:Boolean,reflectToAttribute:!0},_days:{type:Array},_weeks:{type:Array},_notTapping:{type:Boolean}}}static get observers(){return["__focusedDateChanged(focusedDate, _days)"]}get focusableDateElement(){return[...this.shadowRoot.querySelectorAll("[part~=date]")].find((t=>co(t.date,this.focusedDate)))}ready(){super.ready(),Es(this.$.monthGrid,"tap",this._handleTap.bind(this))}_isDisabled(t,e,i){const s=new Date(0,0);s.setFullYear(t.getFullYear()),s.setMonth(t.getMonth()),s.setDate(1);const r=new Date(0,0);return r.setFullYear(t.getFullYear()),r.setMonth(t.getMonth()+1),r.setDate(0),!(e&&i&&e.getMonth()===i.getMonth()&&e.getMonth()===t.getMonth()&&i.getDate()-e.getDate()>=0||uo(s,e,i)||uo(r,e,i))}_getTitle(t,e){if(void 0!==t&&void 0!==e)return e.formatTitle(e.monthNames[t.getMonth()],t.getFullYear())}_onMonthGridTouchStart(){this._notTapping=!1,setTimeout((()=>{this._notTapping=!0}),300)}_dateAdd(t,e){t.setDate(t.getDate()+e)}_applyFirstDayOfWeek(t,e){if(void 0!==t&&void 0!==e)return t.slice(e).concat(t.slice(0,e))}_getWeekDayNames(t,e){if(void 0===t||void 0===e)return[];const{weekdays:i,weekdaysShort:s,firstDayOfWeek:r}=t,o=this._applyFirstDayOfWeek(s,r);return this._applyFirstDayOfWeek(i,r).map(((t,e)=>({weekDay:t,weekDayShort:o[e]})))}__focusedDateChanged(t,e){Array.isArray(e)&&e.some((e=>co(e,t)))?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")}_getDate(t){return t?t.getDate():""}_showWeekSeparator(t,e){return t&&e&&1===e.firstDayOfWeek}_isToday(t){return co(new Date,t)}_getDays(t,e){if(void 0===t||void 0===e)return[];const i=new Date(0,0);for(i.setFullYear(t.getFullYear()),i.setMonth(t.getMonth()),i.setDate(1);i.getDay()!==e.firstDayOfWeek;)this._dateAdd(i,-1);const s=[],r=i.getMonth(),o=t.getMonth();for(;i.getMonth()===o||i.getMonth()===r;)s.push(i.getMonth()===o?new Date(i.getTime()):null),this._dateAdd(i,1);return s}_getWeeks(t){return t.reduce(((t,e,i)=>(i%7==0&&t.push([]),t[t.length-1].push(e),t)),[])}_handleTap(t){this.ignoreTaps||this._notTapping||!t.target.date||t.target.hasAttribute("disabled")||(this.selectedDate=t.target.date,this.dispatchEvent(new CustomEvent("date-tap",{detail:{date:t.target.date},bubbles:!0,composed:!0})))}_preventDefault(t){t.preventDefault()}__getWeekNumber(t){
|
|
2787
|
-
/**
|
|
2788
|
-
* @license
|
|
2789
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2790
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2791
|
-
*/
|
|
2792
|
-
return function(t){let e=t.getDay();0===e&&(e=7);const i=4-e,s=new Date(t.getTime()+24*i*3600*1e3),r=new Date(0,0);r.setFullYear(s.getFullYear());const o=s.getTime()-r.getTime(),n=Math.round(o/864e5);return Math.floor(n/7+1)}(t.reduce(((t,e)=>!t&&e?e:t)))}__getDayAriaLabel(t){if(!t)return"";let e=`${this._getDate(t)} ${this.i18n.monthNames[t.getMonth()]} ${t.getFullYear()}, ${this.i18n.weekdays[t.getDay()]}`;return this._isToday(t)&&(e+=`, ${this.i18n.today}`),e}}
|
|
2793
|
-
/**
|
|
2794
|
-
* @license
|
|
2795
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2796
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2797
|
-
*/;
|
|
2798
|
-
/**
|
|
2799
|
-
* @license
|
|
2800
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2801
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2802
|
-
*/
|
|
2803
|
-
mt("vaadin-month-calendar",p`
|
|
2804
|
-
:host {
|
|
2805
|
-
display: block;
|
|
2806
|
-
}
|
|
2807
|
-
|
|
2808
|
-
#monthGrid {
|
|
2809
|
-
width: 100%;
|
|
2810
|
-
border-collapse: collapse;
|
|
2811
|
-
}
|
|
2812
|
-
|
|
2813
|
-
#days-container tr,
|
|
2814
|
-
#weekdays-container tr {
|
|
2815
|
-
display: flex;
|
|
2816
|
-
}
|
|
2817
|
-
|
|
2818
|
-
[part~='date'] {
|
|
2819
|
-
outline: none;
|
|
2820
|
-
}
|
|
2821
|
-
|
|
2822
|
-
[part~='disabled'] {
|
|
2823
|
-
pointer-events: none;
|
|
2824
|
-
}
|
|
2825
|
-
|
|
2826
|
-
[part='week-number'][hidden],
|
|
2827
|
-
[part='weekday'][hidden] {
|
|
2828
|
-
display: none;
|
|
2829
|
-
}
|
|
2830
|
-
|
|
2831
|
-
[part='weekday'],
|
|
2832
|
-
[part~='date'] {
|
|
2833
|
-
width: calc(100% / 7);
|
|
2834
|
-
padding: 0;
|
|
2835
|
-
font-weight: normal;
|
|
2836
|
-
}
|
|
2837
|
-
|
|
2838
|
-
[part='weekday']:empty,
|
|
2839
|
-
[part='week-number'] {
|
|
2840
|
-
width: 12.5%;
|
|
2841
|
-
flex-shrink: 0;
|
|
2842
|
-
padding: 0;
|
|
2843
|
-
}
|
|
2844
|
-
|
|
2845
|
-
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
2846
|
-
:host([week-numbers]) [part~='date'] {
|
|
2847
|
-
width: 12.5%;
|
|
2848
|
-
}
|
|
2849
|
-
|
|
2850
|
-
@media (forced-colors: active) {
|
|
2851
|
-
[part~='date'][part~='focused'] {
|
|
2852
|
-
outline: 1px solid;
|
|
2853
|
-
}
|
|
2854
|
-
|
|
2855
|
-
[part~='date'][part~='selected'] {
|
|
2856
|
-
outline: 3px solid;
|
|
2857
|
-
}
|
|
2858
|
-
}
|
|
2859
|
-
`,{moduleId:"vaadin-month-calendar-styles"});class Ho extends(Vo(yt(Si))){static get template(){return Ei`
|
|
2860
|
-
<div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n)]]</div>
|
|
2861
|
-
<table
|
|
2862
|
-
id="monthGrid"
|
|
2863
|
-
role="grid"
|
|
2864
|
-
aria-labelledby="month-header"
|
|
2865
|
-
on-touchend="_preventDefault"
|
|
2866
|
-
on-touchstart="_onMonthGridTouchStart"
|
|
2867
|
-
>
|
|
2868
|
-
<thead id="weekdays-container">
|
|
2869
|
-
<tr role="row" part="weekdays">
|
|
2870
|
-
<th part="weekday" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]"></th>
|
|
2871
|
-
<template is="dom-repeat" items="[[_getWeekDayNames(i18n, showWeekNumbers)]]">
|
|
2872
|
-
<th role="columnheader" part="weekday" scope="col" abbr$="[[item.weekDay]]" aria-hidden="true">
|
|
2873
|
-
[[item.weekDayShort]]
|
|
2874
|
-
</th>
|
|
2875
|
-
</template>
|
|
2876
|
-
</tr>
|
|
2877
|
-
</thead>
|
|
2878
|
-
<tbody id="days-container">
|
|
2879
|
-
<template is="dom-repeat" items="[[_weeks]]" as="week">
|
|
2880
|
-
<tr role="row">
|
|
2881
|
-
<td part="week-number" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]">
|
|
2882
|
-
[[__getWeekNumber(week)]]
|
|
2883
|
-
</td>
|
|
2884
|
-
<template is="dom-repeat" items="[[week]]">
|
|
2885
|
-
<td
|
|
2886
|
-
role="gridcell"
|
|
2887
|
-
part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate)]]"
|
|
2888
|
-
date="[[item]]"
|
|
2889
|
-
tabindex$="[[__getDayTabindex(item, focusedDate)]]"
|
|
2890
|
-
disabled$="[[__isDayDisabled(item, minDate, maxDate)]]"
|
|
2891
|
-
aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]"
|
|
2892
|
-
aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate)]]"
|
|
2893
|
-
aria-label$="[[__getDayAriaLabel(item)]]"
|
|
2894
|
-
>[[_getDate(item)]]</td
|
|
2895
|
-
>
|
|
2896
|
-
</template>
|
|
2897
|
-
</tr>
|
|
2898
|
-
</template>
|
|
2899
|
-
</tbody>
|
|
2900
|
-
</table>
|
|
2901
|
-
`}static get is(){return"vaadin-month-calendar"}static get properties(){return{_days:{type:Array,computed:"_getDays(month, i18n, minDate, maxDate)"},_weeks:{type:Array,computed:"_getWeeks(_days)"},disabled:{type:Boolean,reflectToAttribute:!0,computed:"_isDisabled(month, minDate, maxDate)"}}}static get observers(){return["_showWeekNumbersChanged(showWeekNumbers, i18n)"]}_showWeekNumbersChanged(t,e){t&&e&&1===e.firstDayOfWeek?this.setAttribute("week-numbers",""):this.removeAttribute("week-numbers")}__getDatePart(t,e,i,s,r){const o=["date"];return this.__isDayDisabled(t,s,r)&&o.push("disabled"),this.__isDayFocused(t,e)&&o.push("focused"),this.__isDaySelected(t,i)&&o.push("selected"),this._isToday(t)&&o.push("today"),o.join(" ")}__isDayFocused(t,e){return co(t,e)}__isDaySelected(t,e){return co(t,e)}__getDayAriaSelected(t,e){if(this.__isDaySelected(t,e))return"true"}__isDayDisabled(t,e,i){return!uo(t,e,i)}__getDayAriaDisabled(t,e,i){if(void 0!==t&&void 0!==e&&void 0!==i)return this.__isDayDisabled(t,e,i)?"true":void 0}__getDayTabindex(t,e){return this.__isDayFocused(t,e)?"0":"-1"}}n(Ho);
|
|
2902
|
-
/**
|
|
2903
|
-
* @license
|
|
2904
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2905
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2906
|
-
*/
|
|
2907
|
-
class Wo{constructor(t,e){this.query=t,this.callback=e,this._boundQueryHandler=this._queryHandler.bind(this)}hostConnected(){this._removeListener(),this._mediaQuery=window.matchMedia(this.query),this._addListener(),this._queryHandler(this._mediaQuery)}hostDisconnected(){this._removeListener()}_addListener(){this._mediaQuery&&this._mediaQuery.addListener(this._boundQueryHandler)}_removeListener(){this._mediaQuery&&this._mediaQuery.removeListener(this._boundQueryHandler),this._mediaQuery=null}_queryHandler(t){"function"==typeof this.callback&&this.callback(t.matches)}}
|
|
2908
|
-
/**
|
|
2909
|
-
* @license
|
|
2910
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2911
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2912
|
-
*/const Yo=t=>class extends t{static get properties(){return{scrollDuration:{type:Number,value:300},selectedDate:{type:Object,value:null,sync:!0},focusedDate:{type:Object,notify:!0,observer:"_focusedDateChanged",sync:!0},_focusedMonthDate:Number,initialPosition:{type:Object,observer:"_initialPositionChanged"},_originDate:{type:Object,value:new Date},_visibleMonthIndex:Number,_desktopMode:{type:Boolean,observer:"_desktopModeChanged"},_desktopMediaQuery:{type:String,value:"(min-width: 375px)"},_translateX:{observer:"_translateXChanged"},_yearScrollerWidth:{value:50},i18n:{type:Object},showWeekNumbers:{type:Boolean,value:!1},_ignoreTaps:Boolean,_notTapping:Boolean,minDate:{type:Object,sync:!0},maxDate:{type:Object,sync:!0},label:String,_cancelButton:{type:Object},_todayButton:{type:Object},calendars:{type:Array,value:()=>[]},years:{type:Array,value:()=>[]}}}static get observers(){return["__updateCalendars(calendars, i18n, minDate, maxDate, selectedDate, focusedDate, showWeekNumbers, _ignoreTaps, _theme)","__updateCancelButton(_cancelButton, i18n)","__updateTodayButton(_todayButton, i18n, minDate, maxDate)","__updateYears(years, selectedDate, _theme)"]}get __useSubMonthScrolling(){return this._monthScroller.clientHeight<this._monthScroller.itemHeight+this._monthScroller.bufferOffset}get focusableDateElement(){return this.calendars.map((t=>t.focusableDateElement)).find(Boolean)}_addListeners(){Ss(this.$.scrollers,"pan-y"),Es(this.$.scrollers,"track",this._track.bind(this)),Es(this.shadowRoot.querySelector('[part="clear-button"]'),"tap",this._clear.bind(this)),Es(this.shadowRoot.querySelector('[part="toggle-button"]'),"tap",this._cancel.bind(this)),Es(this.shadowRoot.querySelector('[part="years-toggle-button"]'),"tap",this._toggleYearScroller.bind(this))}_initControllers(){this.addController(new Wo(this._desktopMediaQuery,(t=>{this._desktopMode=t}))),this.addController(new ns(this,"today-button","vaadin-button",{observe:!1,initializer:t=>{t.setAttribute("theme","tertiary"),t.addEventListener("keydown",(t=>this.__onTodayButtonKeyDown(t))),Es(t,"tap",this._onTodayTap.bind(this)),this._todayButton=t}})),this.addController(new ns(this,"cancel-button","vaadin-button",{observe:!1,initializer:t=>{t.setAttribute("theme","tertiary"),t.addEventListener("keydown",(t=>this.__onCancelButtonKeyDown(t))),Es(t,"tap",this._cancel.bind(this)),this._cancelButton=t}})),this.__initMonthScroller(),this.__initYearScroller()}reset(){this._closeYearScroller(),this._toggleAnimateClass(!0)}focusCancel(){this._cancelButton.focus()}scrollToDate(t,e){const i=this.__useSubMonthScrolling?this._calculateWeekScrollOffset(t):0;this._scrollToPosition(this._differenceInMonths(t,this._originDate)+i,e),this._monthScroller.forceUpdate()}__initMonthScroller(){this.addController(new ns(this,"months","vaadin-date-picker-month-scroller",{observe:!1,initializer:t=>{t.addEventListener("custom-scroll",(()=>{this._onMonthScroll()})),t.addEventListener("touchstart",(()=>{this._onMonthScrollTouchStart()})),t.addEventListener("keydown",(t=>{this.__onMonthCalendarKeyDown(t)})),t.addEventListener("init-done",(()=>{const t=[...this.querySelectorAll("vaadin-month-calendar")];t.forEach((t=>{t.addEventListener("selected-date-changed",(t=>{this.selectedDate=t.detail.value}))})),this.calendars=t})),this._monthScroller=t}}))}__initYearScroller(){this.addController(new ns(this,"years","vaadin-date-picker-year-scroller",{observe:!1,initializer:t=>{t.setAttribute("aria-hidden","true"),Es(t,"tap",(t=>{this._onYearTap(t)})),t.addEventListener("custom-scroll",(()=>{this._onYearScroll()})),t.addEventListener("touchstart",(()=>{this._onYearScrollTouchStart()})),t.addEventListener("init-done",(()=>{this.years=[...this.querySelectorAll("vaadin-date-picker-year")]})),this._yearScroller=t}}))}__updateCancelButton(t,e){t&&(t.textContent=e&&e.cancel)}__updateTodayButton(t,e,i,s){t&&(t.textContent=e&&e.today,t.disabled=!this._isTodayAllowed(i,s))}__updateCalendars(t,e,i,s,r,o,n,a,l){t&&t.length&&t.forEach((t=>{t.i18n=e,t.minDate=i,t.maxDate=s,t.focusedDate=o,t.selectedDate=r,t.showWeekNumbers=n,t.ignoreTaps=a,l?t.setAttribute("theme",l):t.removeAttribute("theme")}))}__updateYears(t,e,i){t&&t.length&&t.forEach((t=>{t.selectedDate=e,i?t.setAttribute("theme",i):t.removeAttribute("theme")}))}_selectDate(t){this.selectedDate=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:t},bubbles:!0,composed:!0}))}_desktopModeChanged(t){this.toggleAttribute("desktop",t)}_focusedDateChanged(t){this.revealDate(t)}revealDate(t,e=!0){if(!t)return;const i=this._differenceInMonths(t,this._originDate);if(this.__useSubMonthScrolling){const s=this._calculateWeekScrollOffset(t);return void this._scrollToPosition(i+s,e)}const s=this._monthScroller.position>i,r=Math.max(this._monthScroller.itemHeight,this._monthScroller.clientHeight-2*this._monthScroller.bufferOffset)/this._monthScroller.itemHeight,o=this._monthScroller.position+r-1<i;s?this._scrollToPosition(i,e):o&&this._scrollToPosition(i-r+1,e)}_calculateWeekScrollOffset(t){const e=new Date(0,0);e.setFullYear(t.getFullYear()),e.setMonth(t.getMonth()),e.setDate(1);let i=0;for(;e.getDate()<t.getDate();)e.setDate(e.getDate()+1),e.getDay()===this.i18n.firstDayOfWeek&&(i+=1);return i/6}_initialPositionChanged(t){this._monthScroller&&this._yearScroller&&(this._monthScroller.active=!0,this._yearScroller.active=!0),this.scrollToDate(t)}_repositionYearScroller(){const t=this._monthScroller.position;this._visibleMonthIndex=Math.floor(t),this._yearScroller.position=(t+this._originDate.getMonth())/12}_repositionMonthScroller(){this._monthScroller.position=12*this._yearScroller.position-this._originDate.getMonth(),this._visibleMonthIndex=Math.floor(this._monthScroller.position)}_onMonthScroll(){this._repositionYearScroller(),this._doIgnoreTaps()}_onYearScroll(){this._repositionMonthScroller(),this._doIgnoreTaps()}_onYearScrollTouchStart(){this._notTapping=!1,setTimeout((()=>{this._notTapping=!0}),300),this._repositionMonthScroller()}_onMonthScrollTouchStart(){this._repositionYearScroller()}_doIgnoreTaps(){this._ignoreTaps=!0,this._debouncer=Vi.debounce(this._debouncer,Li.after(300),(()=>{this._ignoreTaps=!1}))}_formatDisplayed(t,e,i){return t&&e&&"function"==typeof e.formatDate?e.formatDate(mo(t)):i}_onTodayTap(){const t=new Date;Math.abs(this._monthScroller.position-this._differenceInMonths(t,this._originDate))<.001?(this._selectDate(t),this._close()):this._scrollToCurrentMonth()}_scrollToCurrentMonth(){this.focusedDate&&(this.focusedDate=new Date),this.scrollToDate(new Date,!0)}_onYearTap(t){if(!this._ignoreTaps&&!this._notTapping){const e=t.detail.y-(this._yearScroller.getBoundingClientRect().top+this._yearScroller.clientHeight/2);this._scrollToPosition(this._monthScroller.position+e/this._yearScroller.itemHeight*12,!0)}}_scrollToPosition(t,e){if(void 0!==this._targetPosition)return void(this._targetPosition=t);if(!e)return this._monthScroller.position=t,this._targetPosition=void 0,this._repositionYearScroller(),void this.__tryFocusDate();let i;this._targetPosition=t,this._revealPromise=new Promise((t=>{i=t}));let s=0;const r=this._monthScroller.position,o=t=>{s||(s=t);const e=t-s;if(e<this.scrollDuration){const t=((t,e,i)=>(t/=this.scrollDuration/2)<1?i/2*t*t+e:-i/2*((t-=1)*(t-2)-1)+e)(e,r,this._targetPosition-r);this._monthScroller.position=t,window.requestAnimationFrame(o)}else this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:!0,composed:!0,detail:{position:this._targetPosition,oldPosition:r}})),this._monthScroller.position=this._targetPosition,this._targetPosition=void 0,i(),this._revealPromise=void 0;setTimeout(this._repositionYearScroller.bind(this),1)};window.requestAnimationFrame(o)}_limit(t,e){return Math.min(e.max,Math.max(e.min,t))}_handleTrack(t){Math.abs(t.detail.dx)<10||Math.abs(t.detail.ddy)>10||(Math.abs(t.detail.ddx)>this._yearScrollerWidth/3&&this._toggleAnimateClass(!0),this._translateX=this._limit(this._translateX+t.detail.ddx,{min:0,max:this._yearScrollerWidth}))}_track(t){if(!this._desktopMode)switch(t.detail.state){case"start":this._toggleAnimateClass(!1);break;case"track":this._handleTrack(t);break;case"end":this._toggleAnimateClass(!0),this._translateX>=this._yearScrollerWidth/2?this._closeYearScroller():this._openYearScroller()}}_toggleAnimateClass(t){t?this.classList.add("animate"):this.classList.remove("animate")}_toggleYearScroller(){this._isYearScrollerVisible()?this._closeYearScroller():this._openYearScroller()}_openYearScroller(){this._translateX=0,this.setAttribute("years-visible","")}_closeYearScroller(){this.removeAttribute("years-visible"),this._translateX=this._yearScrollerWidth}_isYearScrollerVisible(){return this._translateX<this._yearScrollerWidth/2}_translateXChanged(t){this._desktopMode||(this._monthScroller.style.transform=`translateX(${t-this._yearScrollerWidth}px)`,this._yearScroller.style.transform=`translateX(${t}px)`)}_yearAfterXMonths(t){return fo(t).getFullYear()}_differenceInMonths(t,e){return 12*(t.getFullYear()-e.getFullYear())-e.getMonth()+t.getMonth()}_clear(){this._selectDate("")}_close(){this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}_cancel(){this.focusedDate=this.selectedDate,this._close()}_preventDefault(t){t.preventDefault()}__toggleDate(t){co(t,this.selectedDate)?(this._clear(),this.focusedDate=t):this._selectDate(t)}__onMonthCalendarKeyDown(t){let e=!1;switch(t.key){case"ArrowDown":this._moveFocusByDays(7),e=!0;break;case"ArrowUp":this._moveFocusByDays(-7),e=!0;break;case"ArrowRight":this._moveFocusByDays(this.__isRTL?-1:1),e=!0;break;case"ArrowLeft":this._moveFocusByDays(this.__isRTL?1:-1),e=!0;break;case"Enter":this._selectDate(this.focusedDate),this._close(),e=!0;break;case" ":this.__toggleDate(this.focusedDate),e=!0;break;case"Home":this._moveFocusInsideMonth(this.focusedDate,"minDate"),e=!0;break;case"End":this._moveFocusInsideMonth(this.focusedDate,"maxDate"),e=!0;break;case"PageDown":this._moveFocusByMonths(t.shiftKey?12:1),e=!0;break;case"PageUp":this._moveFocusByMonths(t.shiftKey?-12:-1),e=!0;break;case"Tab":this._onTabKeyDown(t,"calendar")}e&&(t.preventDefault(),t.stopPropagation())}_onTabKeyDown(t,e){switch(t.stopPropagation(),e){case"calendar":t.shiftKey&&(t.preventDefault(),this.hasAttribute("fullscreen")?this.focusCancel():this.__focusInput());break;case"today":t.shiftKey&&(t.preventDefault(),this.focusDateElement());break;case"cancel":t.shiftKey||(t.preventDefault(),this.hasAttribute("fullscreen")?this.focusDateElement():this.__focusInput())}}__onTodayButtonKeyDown(t){"Tab"===t.key&&this._onTabKeyDown(t,"today")}__onCancelButtonKeyDown(t){"Tab"===t.key&&this._onTabKeyDown(t,"cancel")}__focusInput(){this.dispatchEvent(new CustomEvent("focus-input",{bubbles:!0,composed:!0}))}__tryFocusDate(){if(this.__pendingDateFocus){const t=this.focusableDateElement;t&&co(t.date,this.__pendingDateFocus)&&(delete this.__pendingDateFocus,t.focus())}}async focusDate(t,e){const i=t||this.selectedDate||this.initialPosition||new Date;this.focusedDate=i,e||(this._focusedMonthDate=i.getDate()),await this.focusDateElement(!1)}async focusDateElement(t=!0){this.__pendingDateFocus=this.focusedDate,this.calendars.length||await new Promise((t=>{Or(this,(()=>{jo(),t()}))})),t&&this.revealDate(this.focusedDate),this._revealPromise&&await this._revealPromise,this.__tryFocusDate()}_focusClosestDate(t){this.focusDate(po(t,[this.minDate,this.maxDate]))}_focusAllowedDate(t,e,i){this._dateAllowed(t)?this.focusDate(t,i):this._dateAllowed(this.focusedDate)?this.focusDate(e>0?this.maxDate:this.minDate):this._focusClosestDate(this.focusedDate)}_getDateDiff(t,e){const i=new Date(0,0);return i.setFullYear(this.focusedDate.getFullYear()),i.setMonth(this.focusedDate.getMonth()+t),e&&i.setDate(this.focusedDate.getDate()+e),i}_moveFocusByDays(t){const e=this._getDateDiff(0,t);this._focusAllowedDate(e,t,!1)}_moveFocusByMonths(t){const e=this._getDateDiff(t),i=e.getMonth();this._focusedMonthDate||(this._focusedMonthDate=this.focusedDate.getDate()),e.setDate(this._focusedMonthDate),e.getMonth()!==i&&e.setDate(0),this._focusAllowedDate(e,t,!0)}_moveFocusInsideMonth(t,e){const i=new Date(0,0);i.setFullYear(t.getFullYear()),"minDate"===e?(i.setMonth(t.getMonth()),i.setDate(1)):(i.setMonth(t.getMonth()+1),i.setDate(0)),this._dateAllowed(i)?this.focusDate(i):this._dateAllowed(t)?this.focusDate(this[e]):this._focusClosestDate(t)}_dateAllowed(t,e=this.minDate,i=this.maxDate){return(!e||t>=e)&&(!i||t<=i)}_isTodayAllowed(t,e){const i=new Date,s=new Date(0,0);return s.setFullYear(i.getFullYear()),s.setMonth(i.getMonth()),s.setDate(i.getDate()),this._dateAllowed(s,t,e)}}
|
|
2913
|
-
/**
|
|
2914
|
-
* @license
|
|
2915
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2916
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2917
|
-
*/;
|
|
2918
|
-
/**
|
|
2919
|
-
* @license
|
|
2920
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
2921
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2922
|
-
*/
|
|
2923
|
-
mt("vaadin-date-picker-overlay-content",p`
|
|
2924
|
-
:host {
|
|
2925
|
-
display: flex;
|
|
2926
|
-
flex-direction: column;
|
|
2927
|
-
height: 100%;
|
|
2928
|
-
width: 100%;
|
|
2929
|
-
outline: none;
|
|
2930
|
-
}
|
|
2931
|
-
|
|
2932
|
-
[part='overlay-header'] {
|
|
2933
|
-
display: flex;
|
|
2934
|
-
flex-shrink: 0;
|
|
2935
|
-
flex-wrap: nowrap;
|
|
2936
|
-
align-items: center;
|
|
2937
|
-
}
|
|
2938
|
-
|
|
2939
|
-
:host(:not([fullscreen])) [part='overlay-header'] {
|
|
2940
|
-
display: none;
|
|
2941
|
-
}
|
|
2942
|
-
|
|
2943
|
-
[part='label'] {
|
|
2944
|
-
flex-grow: 1;
|
|
2945
|
-
}
|
|
2946
|
-
|
|
2947
|
-
[hidden] {
|
|
2948
|
-
display: none !important;
|
|
2949
|
-
}
|
|
2950
|
-
|
|
2951
|
-
[part='years-toggle-button'] {
|
|
2952
|
-
display: flex;
|
|
2953
|
-
}
|
|
2954
|
-
|
|
2955
|
-
#scrollers {
|
|
2956
|
-
display: flex;
|
|
2957
|
-
height: 100%;
|
|
2958
|
-
width: 100%;
|
|
2959
|
-
position: relative;
|
|
2960
|
-
overflow: hidden;
|
|
2961
|
-
}
|
|
2962
|
-
|
|
2963
|
-
:host([desktop]) ::slotted([slot='months']) {
|
|
2964
|
-
right: 50px;
|
|
2965
|
-
transform: none !important;
|
|
2966
|
-
}
|
|
2967
|
-
|
|
2968
|
-
:host([desktop]) ::slotted([slot='years']) {
|
|
2969
|
-
transform: none !important;
|
|
2970
|
-
}
|
|
2971
|
-
|
|
2972
|
-
:host(.animate) ::slotted([slot='months']),
|
|
2973
|
-
:host(.animate) ::slotted([slot='years']) {
|
|
2974
|
-
transition: all 200ms;
|
|
2975
|
-
}
|
|
2976
|
-
|
|
2977
|
-
[part='toolbar'] {
|
|
2978
|
-
display: flex;
|
|
2979
|
-
justify-content: space-between;
|
|
2980
|
-
z-index: 2;
|
|
2981
|
-
flex-shrink: 0;
|
|
2982
|
-
}
|
|
2983
|
-
`,{moduleId:"vaadin-date-picker-overlay-content-styles"});class Uo extends(Yo(Ks(yt(Xi(Si))))){static get template(){return Ei`
|
|
2984
|
-
<div part="overlay-header" on-touchend="_preventDefault" aria-hidden="true">
|
|
2985
|
-
<div part="label">[[_formatDisplayed(selectedDate, i18n, label)]]</div>
|
|
2986
|
-
<div part="clear-button" hidden$="[[!selectedDate]]"></div>
|
|
2987
|
-
<div part="toggle-button"></div>
|
|
2988
|
-
|
|
2989
|
-
<div part="years-toggle-button" hidden$="[[_desktopMode]]" aria-hidden="true">
|
|
2990
|
-
[[_yearAfterXMonths(_visibleMonthIndex)]]
|
|
2991
|
-
</div>
|
|
2992
|
-
</div>
|
|
2993
|
-
|
|
2994
|
-
<div id="scrollers">
|
|
2995
|
-
<slot name="months"></slot>
|
|
2996
|
-
<slot name="years"></slot>
|
|
2997
|
-
</div>
|
|
2998
|
-
|
|
2999
|
-
<div on-touchend="_preventDefault" role="toolbar" part="toolbar">
|
|
3000
|
-
<slot name="today-button"></slot>
|
|
3001
|
-
<slot name="cancel-button"></slot>
|
|
3002
|
-
</div>
|
|
3003
|
-
`}static get is(){return"vaadin-date-picker-overlay-content"}ready(){super.ready(),this.setAttribute("role","dialog"),this._addListeners(),this._initControllers()}}n(Uo);
|
|
3004
|
-
/**
|
|
3005
|
-
* @license
|
|
3006
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3007
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3008
|
-
*/
|
|
3009
|
-
const Go=new WeakMap,Qo=Wt((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return Go.has(t)||Go.set(t,new Set),Go.get(t)}(t);this.slotStyles.forEach((i=>{e.has(i)||(function(t,e){const i=document.createElement("style");i.textContent=t,e===document?document.head.appendChild(i):e.insertBefore(i,e.firstChild)}(i,t),e.add(i))}))}})),Xo=t=>class extends(Qs(Bs(t))){static get properties(){return{clearButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1}}}get clearElement(){return console.warn(`Please implement the 'clearElement' property in <${this.localName}>`),null}ready(){super.ready(),this.clearElement&&(this.clearElement.addEventListener("mousedown",(t=>this._onClearButtonMouseDown(t))),this.clearElement.addEventListener("click",(t=>this._onClearButtonClick(t))))}_onClearButtonClick(t){t.preventDefault(),this._onClearAction()}_onClearButtonMouseDown(t){t.preventDefault(),Rr||this.inputElement.focus()}_onEscape(t){super._onEscape(t),this.clearButtonVisible&&this.value&&(t.stopPropagation(),this._onClearAction())}_onClearAction(){this.clear(),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.inputElement.dispatchEvent(new Event("change",{bubbles:!0}))}}
|
|
3010
|
-
/**
|
|
3011
|
-
* @license
|
|
3012
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3013
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3014
|
-
*/,Jo=Wt((t=>class extends(Gs(fr(Qs(t)))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready(),this._createConstraintsObserver()}checkValidity(){return this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map((t=>this[t])))?this.inputElement.checkValidity():!this.invalid}_hasValidConstraints(t){return t.some((t=>this.__isValidConstraint(t)))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(t,...e){if(!t)return;const i=this._hasValidConstraints(e),s=this.__previousHasConstraints&&!i;(this._hasValue||this.invalid)&&i?this.validate():s&&this._setInvalid(!1),this.__previousHasConstraints=i}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__isValidConstraint(t){return Boolean(t)||0===t}})),Ko=t=>class extends(Qo(Us(Jo(vr(Xo(Bs(t))))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:!1},name:{type:String,reflectToAttribute:!0},placeholder:{type:String,reflectToAttribute:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},title:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name","type","placeholder","readonly","invalid","title"]}constructor(){super(),this._boundOnPaste=this._onPaste.bind(this),this._boundOnDrop=this._onDrop.bind(this),this._boundOnBeforeInput=this._onBeforeInput.bind(this)}get slotStyles(){return["\n :is(input[slot='input'], textarea[slot='textarea'])::placeholder {\n font: inherit;\n color: inherit;\n }\n "]}_onFocus(t){super._onFocus(t),this.autoselect&&this.inputElement&&this.inputElement.select()}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}_addInputListeners(t){super._addInputListeners(t),t.addEventListener("paste",this._boundOnPaste),t.addEventListener("drop",this._boundOnDrop),t.addEventListener("beforeinput",this._boundOnBeforeInput)}_removeInputListeners(t){super._removeInputListeners(t),t.removeEventListener("paste",this._boundOnPaste),t.removeEventListener("drop",this._boundOnDrop),t.removeEventListener("beforeinput",this._boundOnBeforeInput)}_onKeyDown(t){super._onKeyDown(t),this.allowedCharPattern&&!this.__shouldAcceptKey(t)&&(t.preventDefault(),this._markInputPrevented())}_markInputPrevented(){this.setAttribute("input-prevented",""),this._preventInputDebouncer=Vi.debounce(this._preventInputDebouncer,Li.after(200),(()=>{this.removeAttribute("input-prevented")}))}__shouldAcceptKey(t){return t.metaKey||t.ctrlKey||!t.key||1!==t.key.length||this.__allowedCharRegExp.test(t.key)}_onPaste(t){if(this.allowedCharPattern){const e=t.clipboardData.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onDrop(t){if(this.allowedCharPattern){const e=t.dataTransfer.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onBeforeInput(t){this.allowedCharPattern&&t.data&&!this.__allowedTextRegExp.test(t.data)&&(t.preventDefault(),this._markInputPrevented())}_allowedCharPatternChanged(t){if(t)try{this.__allowedCharRegExp=new RegExp(`^${t}$`,"u"),this.__allowedTextRegExp=new RegExp(`^${t}*$`,"u")}catch(t){console.error(t)}}}
|
|
3015
|
-
/**
|
|
3016
|
-
* @license
|
|
3017
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3018
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3019
|
-
*/,Zo=[p`
|
|
3020
|
-
:host {
|
|
3021
|
-
display: inline-flex;
|
|
3022
|
-
outline: none;
|
|
3023
|
-
}
|
|
3024
|
-
|
|
3025
|
-
:host::before {
|
|
3026
|
-
content: '\\2003';
|
|
3027
|
-
width: 0;
|
|
3028
|
-
display: inline-block;
|
|
3029
|
-
/* Size and position this element on the same vertical position as the input-field element
|
|
3030
|
-
to make vertical align for the host element work as expected */
|
|
3031
|
-
}
|
|
3032
|
-
|
|
3033
|
-
:host([hidden]) {
|
|
3034
|
-
display: none !important;
|
|
3035
|
-
}
|
|
3036
|
-
|
|
3037
|
-
:host(:not([has-label])) [part='label'] {
|
|
3038
|
-
display: none;
|
|
3039
|
-
}
|
|
3040
|
-
|
|
3041
|
-
@media (forced-colors: active) {
|
|
3042
|
-
:host(:not([readonly])) [part='input-field'] {
|
|
3043
|
-
outline: 1px solid;
|
|
3044
|
-
outline-offset: -1px;
|
|
3045
|
-
}
|
|
3046
|
-
:host([focused]) [part='input-field'] {
|
|
3047
|
-
outline-width: 2px;
|
|
3048
|
-
}
|
|
3049
|
-
:host([disabled]) [part='input-field'] {
|
|
3050
|
-
outline-color: GrayText;
|
|
3051
|
-
}
|
|
3052
|
-
}
|
|
3053
|
-
`
|
|
3054
|
-
/**
|
|
3055
|
-
* @license
|
|
3056
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3057
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3058
|
-
*/,p`
|
|
3059
|
-
[class$='container'] {
|
|
3060
|
-
display: flex;
|
|
3061
|
-
flex-direction: column;
|
|
3062
|
-
min-width: 100%;
|
|
3063
|
-
max-width: 100%;
|
|
3064
|
-
width: var(--vaadin-field-default-width, 12em);
|
|
3065
|
-
}
|
|
3066
|
-
`
|
|
3067
|
-
/**
|
|
3068
|
-
* @license
|
|
3069
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3070
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3071
|
-
*/,p`
|
|
3072
|
-
[part='clear-button'] {
|
|
3073
|
-
display: none;
|
|
3074
|
-
cursor: default;
|
|
3075
|
-
}
|
|
3076
|
-
|
|
3077
|
-
[part='clear-button']::before {
|
|
3078
|
-
content: '\\2715';
|
|
3079
|
-
}
|
|
3080
|
-
|
|
3081
|
-
:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
|
|
3082
|
-
display: block;
|
|
3083
|
-
}
|
|
3084
|
-
`
|
|
3085
|
-
/**
|
|
3086
|
-
* @license
|
|
3087
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3088
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3089
|
-
*/],tn=t=>class extends t{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(t,e){if(!e)return;if(void 0===t)return;const{classList:i}=e;if(this.__initialClasses||(this.__initialClasses=new Set(i)),Array.isArray(this.__previousClasses)){const t=this.__previousClasses.filter((t=>!this.__initialClasses.has(t)));t.length>0&&i.remove(...t)}const s="string"==typeof t?t.split(" "):[];s.length>0&&i.add(...s),this.__previousClasses=s}}
|
|
3090
|
-
/**
|
|
3091
|
-
* @license
|
|
3092
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3093
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3094
|
-
*/;class en{constructor(t){this.host=t,t.addEventListener("opened-changed",(()=>{t.opened||this.__setVirtualKeyboardEnabled(!1)})),t.addEventListener("blur",(()=>this.__setVirtualKeyboardEnabled(!0))),t.addEventListener("touchstart",(()=>this.__setVirtualKeyboardEnabled(!0)))}__setVirtualKeyboardEnabled(t){this.host.inputElement&&(this.host.inputElement.inputMode=t?"":"none")}}
|
|
3095
|
-
/**
|
|
3096
|
-
* @license
|
|
3097
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3098
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3099
|
-
*/const sn=t=>class extends(tn(Ks(Us(Jo(Bs(t)))))){static get properties(){return{_selectedDate:{type:Object,sync:!0},_focusedDate:{type:Object,sync:!0},value:{type:String,notify:!0,value:"",sync:!0},initialPosition:String,opened:{type:Boolean,reflectToAttribute:!0,notify:!0,observer:"_openedChanged",sync:!0},autoOpenDisabled:Boolean,showWeekNumbers:{type:Boolean,value:!1,sync:!0},_fullscreen:{type:Boolean,value:!1,sync:!0},_fullscreenMediaQuery:{value:"(max-width: 420px), (max-height: 420px)"},i18n:{type:Object,sync:!0,value:()=>({monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],firstDayOfWeek:0,today:"Today",cancel:"Cancel",referenceDate:"",formatDate(t){const e=String(t.year).replace(/\d+/u,(t=>"0000".substr(t.length)+t));return[t.month+1,t.day,e].join("/")},parseDate(t){const e=t.split("/"),i=new Date;let s,r=i.getMonth(),o=i.getFullYear();if(3===e.length?(r=parseInt(e[0])-1,s=parseInt(e[1]),o=parseInt(e[2]),e[2].length<3&&o>=0&&(o=function(t,e,i=0,s=1){if(e>99)throw new Error("The provided year cannot have more than 2 digits.");if(e<0)throw new Error("The provided year cannot be negative.");let r=e+100*Math.floor(t.getFullYear()/100);return t<new Date(r-50,i,s)?r-=100:t>new Date(r+50,i,s)&&(r+=100),r}(this.referenceDate?vo(this.referenceDate):new Date,o,r,s))):2===e.length?(r=parseInt(e[0])-1,s=parseInt(e[1])):1===e.length&&(s=parseInt(e[0])),void 0!==s)return{day:s,month:r,year:o}},formatTitle:(t,e)=>`${t} ${e}`})},min:{type:String,sync:!0},max:{type:String,sync:!0},_minDate:{type:Date,computed:"__computeMinOrMaxDate(min)",sync:!0},_maxDate:{type:Date,computed:"__computeMinOrMaxDate(max)",sync:!0},_noInput:{type:Boolean,computed:"_isNoInput(inputElement, _fullscreen, _ios, i18n, opened, autoOpenDisabled)"},_ios:{type:Boolean,value:$r},_focusOverlayOnOpen:Boolean,_overlayContent:{type:Object,sync:!0},_hasInputValue:{type:Boolean}}}static get observers(){return["_selectedDateChanged(_selectedDate, i18n)","_focusedDateChanged(_focusedDate, i18n)","__updateOverlayContent(_overlayContent, i18n, label, _minDate, _maxDate, _focusedDate, _selectedDate, showWeekNumbers)","__updateOverlayContentTheme(_overlayContent, _theme)","__updateOverlayContentFullScreen(_overlayContent, _fullscreen)"]}static get constraints(){return[...super.constraints,"min","max"]}constructor(){super(),this._boundOnClick=this._onClick.bind(this),this._boundOnScroll=this._onScroll.bind(this),this._boundOverlayRenderer=this._overlayRenderer.bind(this)}get _inputElementValue(){return super._inputElementValue}set _inputElementValue(t){super._inputElementValue=t,this._hasInputValue=!1}get clearElement(){return null}get _nativeInput(){return this.inputElement?this.inputElement.focusElement||this.inputElement:null}_onFocus(t){super._onFocus(t),this._noInput&&t.target.blur()}_onBlur(t){super._onBlur(t),this.opened||(this._selectParsedOrFocusedDate(),document.hasFocus()&&this.validate())}ready(){super.ready(),this.addEventListener("click",this._boundOnClick),this.addController(new Wo(this._fullscreenMediaQuery,(t=>{this._fullscreen=t}))),this.addController(new en(this));const t=this.$.overlay;this._overlayElement=t,t.renderer=this._boundOverlayRenderer,this.addEventListener("mousedown",(()=>this.__bringToFront())),this.addEventListener("touchstart",(()=>this.__bringToFront()))}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}open(){this.disabled||this.readonly||(this.opened=!0)}close(){this.$.overlay.close()}_overlayRenderer(t){if(t.firstChild)return;const e=document.createElement("vaadin-date-picker-overlay-content");t.appendChild(e),this._overlayContent=e,e.addEventListener("close",(()=>{this._close()})),e.addEventListener("focus-input",this._focusAndSelect.bind(this)),e.addEventListener("date-tap",(t=>{this.__userConfirmedDate=!0,this._selectDate(t.detail.date),this._close()})),e.addEventListener("date-selected",(t=>{this.__userConfirmedDate=!!t.detail.date,this._selectDate(t.detail.date)})),e.addEventListener("focusin",(()=>{this._keyboardActive&&this._setFocused(!0)})),e.addEventListener("focused-date-changed",(t=>{this._focusedDate=t.detail.value}))}__parseDate(t){if(!this.i18n.parseDate)return;let e=this.i18n.parseDate(t);return e&&(e=vo(`${e.year}-${e.month+1}-${e.day}`)),e&&!isNaN(e.getTime())?e:void 0}__formatDate(t){if(this.i18n.formatDate)return this.i18n.formatDate(mo(t))}checkValidity(){const t=this._inputElementValue,e=!t||!!this._selectedDate&&t===this.__formatDate(this._selectedDate),i=!this._selectedDate||uo(this._selectedDate,this._minDate,this._maxDate);let s=!0;return this.inputElement&&(this.inputElement.checkValidity?s=this.inputElement.checkValidity():this.inputElement.validate&&(s=this.inputElement.validate())),e&&i&&s}_shouldSetFocus(t){return!this._shouldKeepFocusRing}_shouldRemoveFocus(t){return!this.opened}_setFocused(t){super._setFocused(t),this._shouldKeepFocusRing=t&&this._keyboardActive}__dispatchChange(){this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}_selectDate(t){const e=this.value;this._selectedDate=t,e!==this.value&&this.__dispatchChange()}_close(){this._focus(),this.close()}__bringToFront(){requestAnimationFrame((()=>{this.$.overlay.bringToFront()}))}_isNoInput(t,e,i,s,r,o){return!t||e&&(!o||r)||i&&r||!s.parseDate}_formatISO(t){if(!(t instanceof Date))return"";const e=(t,e="00")=>(e+t).substr((e+t).length-e.length);let i="",s="0000",r=t.getFullYear();return r<0?(r=-r,i="-",s="000000"):t.getFullYear()>=1e4&&(i="+",s="000000"),[i+e(r,s),e(t.getMonth()+1),e(t.getDate())].join("-")}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.autocomplete="off",t.setAttribute("role","combobox"),t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",!!this.opened),this._applyInputValue(this._selectedDate))}_openedChanged(t){this.inputElement&&this.inputElement.setAttribute("aria-expanded",t)}_selectedDateChanged(t,e){void 0!==t&&void 0!==e&&(this.__keepInputValue||this._applyInputValue(t),this.value=this._formatISO(t),this._ignoreFocusedDateChange=!0,this._focusedDate=t,this._ignoreFocusedDateChange=!1)}_focusedDateChanged(t,e){void 0!==t&&void 0!==e&&(this._ignoreFocusedDateChange||this._noInput||this._applyInputValue(t))}_valueChanged(t,e){const i=vo(t);!t||i?(t?co(this._selectedDate,i)||(this._selectedDate=i,void 0!==e&&this.validate()):this._selectedDate=null,this._toggleHasValue(this._hasValue)):this.value=e}__updateOverlayContent(t,e,i,s,r,o,n,a){t&&(t.i18n=e,t.label=i,t.minDate=s,t.maxDate=r,t.focusedDate=o,t.selectedDate=n,t.showWeekNumbers=a)}__updateOverlayContentTheme(t,e){t&&(e?t.setAttribute("theme",e):t.removeAttribute("theme"))}__updateOverlayContentFullScreen(t,e){t&&t.toggleAttribute("fullscreen",e)}_onOverlayEscapePress(){this._focusedDate=this._selectedDate,this._close()}_onOverlayOpened(){const t=this._overlayContent;t.reset();const e=this._getInitialPosition();t.initialPosition=e;const i=t.focusedDate||e;t.scrollToDate(i),this._ignoreFocusedDateChange=!0,t.focusedDate=i,this._ignoreFocusedDateChange=!1,window.addEventListener("scroll",this._boundOnScroll,!0),this._focusOverlayOnOpen?(t.focusDateElement(),this._focusOverlayOnOpen=!1):this._focus();const s=this._nativeInput;this._noInput&&s&&(s.blur(),this._overlayContent.focusDateElement()),this.__showOthers=Qr(this._noInput?t:[s,t])}_getInitialPosition(){const t=vo(this.initialPosition),e=this._selectedDate||this._overlayContent.initialPosition||t||new Date;return t||uo(e,this._minDate,this._maxDate)?e:po(e,[this._minDate,this._maxDate])}_selectParsedOrFocusedDate(){if(this._ignoreFocusedDateChange=!0,this.i18n.parseDate){const t=this.__parseDate(this._inputElementValue||"");t?this._selectDate(t):(this.__keepInputValue=!0,this._selectDate(null),this._selectedDate=null,this.__keepInputValue=!1)}else this._focusedDate&&this._selectDate(this._focusedDate);this._ignoreFocusedDateChange=!1}_onOverlayClosed(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null),window.removeEventListener("scroll",this._boundOnScroll,!0),this.__userConfirmedDate?this.__userConfirmedDate=!1:this._selectParsedOrFocusedDate(),this._nativeInput&&this._nativeInput.selectionStart&&(this._nativeInput.selectionStart=this._nativeInput.selectionEnd),this.value||this._keyboardActive||this.validate()}_onScroll(t){t.target!==window&&this._overlayContent.contains(t.target)||this._overlayContent._repositionYearScroller()}_focus(){this._noInput||this.inputElement.focus()}_focusAndSelect(){this._focus(),this._setSelectionRange(0,this._inputElementValue.length)}_applyInputValue(t){this._inputElementValue=t?this.__formatDate(t):""}_setSelectionRange(t,e){this._nativeInput&&this._nativeInput.setSelectionRange&&this._nativeInput.setSelectionRange(t,e)}_onChange(t){t.stopPropagation()}_onClick(t){this._isClearButton(t)||this._onHostClick(t)}_onHostClick(t){this.autoOpenDisabled&&!this._noInput||(t.preventDefault(),this.open())}_onClearButtonClick(t){t.preventDefault(),this._inputElementValue="",this.value="",this.__dispatchChange()}_onKeyDown(t){switch(super._onKeyDown(t),this._noInput&&-1===[9].indexOf(t.keyCode)&&t.preventDefault(),t.key){case"ArrowDown":case"ArrowUp":t.preventDefault(),this.opened?this._overlayContent.focusDateElement():(this._focusOverlayOnOpen=!0,this.open());break;case"Tab":this.opened&&(t.preventDefault(),t.stopPropagation(),this._setSelectionRange(0,0),t.shiftKey?this._overlayContent.focusCancel():this._overlayContent.focusDateElement())}}_onEnter(t){const e=this.value;this.opened?this.close():this._selectParsedOrFocusedDate(),e===this.value&&this.validate()}_onEscape(t){if(!this.opened)return this.clearButtonVisible&&this.value?(t.stopPropagation(),void this._onClearButtonClick(t)):void(this.autoOpenDisabled?(""===this.inputElement.value&&this._selectDate(null),this._applyInputValue(this._selectedDate)):(this._focusedDate=this._selectedDate,this._selectParsedOrFocusedDate()))}_isClearButton(t){return t.composedPath()[0]===this.clearElement}_onInput(){if(this.opened||!this._inputElementValue||this.autoOpenDisabled||this.open(),this._inputElementValue){const t=this.__parseDate(this._inputElementValue);t&&(this._ignoreFocusedDateChange=!0,co(t,this._focusedDate)||(this._focusedDate=t),this._ignoreFocusedDateChange=!1)}}__computeMinOrMaxDate(t){return vo(t)}}
|
|
3100
|
-
/**
|
|
3101
|
-
* @license
|
|
3102
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3103
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3104
|
-
*/;
|
|
3105
|
-
/**
|
|
3106
|
-
* @license
|
|
3107
|
-
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3108
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3109
|
-
*/
|
|
3110
|
-
mt("vaadin-date-picker",[Zo,p`
|
|
3111
|
-
:host([opened]) {
|
|
3112
|
-
pointer-events: auto;
|
|
3113
|
-
}
|
|
3114
|
-
|
|
3115
|
-
:host([dir='rtl']) [part='input-field'] {
|
|
3116
|
-
direction: ltr;
|
|
3117
|
-
}
|
|
3118
|
-
|
|
3119
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
|
|
3120
|
-
direction: rtl;
|
|
3121
|
-
text-align: left;
|
|
3122
|
-
}
|
|
3123
|
-
`],{moduleId:"vaadin-date-picker-styles"});class rn extends(sn(Ko(yt(Zi(Si))))){static get is(){return"vaadin-date-picker"}static get template(){return Ei`
|
|
3124
|
-
<div class="vaadin-date-picker-container">
|
|
3125
|
-
<div part="label">
|
|
3126
|
-
<slot name="label"></slot>
|
|
3127
|
-
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
3128
|
-
</div>
|
|
3129
|
-
|
|
3130
|
-
<vaadin-input-container
|
|
3131
|
-
part="input-field"
|
|
3132
|
-
readonly="[[readonly]]"
|
|
3133
|
-
disabled="[[disabled]]"
|
|
3134
|
-
invalid="[[invalid]]"
|
|
3135
|
-
theme$="[[_theme]]"
|
|
3136
|
-
>
|
|
3137
|
-
<slot name="prefix" slot="prefix"></slot>
|
|
3138
|
-
<slot name="input"></slot>
|
|
3139
|
-
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
3140
|
-
<div part="toggle-button" slot="suffix" aria-hidden="true" on-click="_toggle"></div>
|
|
3141
|
-
</vaadin-input-container>
|
|
3142
|
-
|
|
3143
|
-
<div part="helper-text">
|
|
3144
|
-
<slot name="helper"></slot>
|
|
3145
|
-
</div>
|
|
3146
|
-
|
|
3147
|
-
<div part="error-message">
|
|
3148
|
-
<slot name="error-message"></slot>
|
|
3149
|
-
</div>
|
|
3150
|
-
</div>
|
|
3151
|
-
|
|
3152
|
-
<vaadin-date-picker-overlay
|
|
3153
|
-
id="overlay"
|
|
3154
|
-
fullscreen$="[[_fullscreen]]"
|
|
3155
|
-
theme$="[[_theme]]"
|
|
3156
|
-
opened="{{opened}}"
|
|
3157
|
-
on-vaadin-overlay-escape-press="_onOverlayEscapePress"
|
|
3158
|
-
on-vaadin-overlay-open="_onOverlayOpened"
|
|
3159
|
-
on-vaadin-overlay-closing="_onOverlayClosed"
|
|
3160
|
-
restore-focus-on-close
|
|
3161
|
-
restore-focus-node="[[inputElement]]"
|
|
3162
|
-
></vaadin-date-picker-overlay>
|
|
3163
|
-
|
|
3164
|
-
<slot name="tooltip"></slot>
|
|
3165
|
-
`}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new Js(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new ir(this.inputElement,this._labelController)),this._tooltipController=new as(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this.shadowRoot.querySelector('[part="toggle-button"]').addEventListener("mousedown",(t=>t.preventDefault())),this.$.overlay.addEventListener("vaadin-overlay-close",this._onVaadinOverlayClose.bind(this))}_onVaadinOverlayClose(t){t.detail.sourceEvent&&t.detail.sourceEvent.composedPath().includes(this)&&t.preventDefault()}_toggle(t){t.stopPropagation(),this.$.overlay.opened?this.close():this.open()}_openedChanged(t){super._openedChanged(t),this.$.overlay.positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this.$.overlay.noVerticalOverlap=!0}}function on(t){return(on="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function nn(t,e){if(e.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+e.length+" present")}function an(t){return nn(1,arguments),t instanceof Date||"object"===on(t)&&"[object Date]"===Object.prototype.toString.call(t)}function ln(t){nn(1,arguments);var e=Object.prototype.toString.call(t);return t instanceof Date||"object"===on(t)&&"[object Date]"===e?new Date(t.getTime()):"number"==typeof t||"[object Number]"===e?new Date(t):("string"!=typeof t&&"[object String]"!==e||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function hn(t){if(nn(1,arguments),!an(t)&&"number"!=typeof t)return!1;var e=ln(t);return!isNaN(Number(e))}function cn(t){if(null===t||!0===t||!1===t)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}function un(t,e){nn(2,arguments);var i=ln(t).getTime(),s=cn(e);return new Date(i+s)}function dn(t,e){nn(2,arguments);var i=cn(e);return un(t,-i)}function pn(t){nn(1,arguments);var e=1,i=ln(t),s=i.getUTCDay(),r=(s<e?7:0)+s-e;return i.setUTCDate(i.getUTCDate()-r),i.setUTCHours(0,0,0,0),i}function mn(t){nn(1,arguments);var e=ln(t),i=e.getUTCFullYear(),s=new Date(0);s.setUTCFullYear(i+1,0,4),s.setUTCHours(0,0,0,0);var r=pn(s),o=new Date(0);o.setUTCFullYear(i,0,4),o.setUTCHours(0,0,0,0);var n=pn(o);return e.getTime()>=r.getTime()?i+1:e.getTime()>=n.getTime()?i:i-1}function fn(t){nn(1,arguments);var e=mn(t),i=new Date(0);i.setUTCFullYear(e,0,4),i.setUTCHours(0,0,0,0);var s=pn(i);return s}function vn(t){nn(1,arguments);var e=ln(t),i=pn(e).getTime()-fn(e).getTime();return Math.round(i/6048e5)+1}n(rn);var bn={};function gn(){return bn}function yn(t,e){var i,s,r,o,n,a,l,h;nn(1,arguments);var c=gn(),u=cn(null!==(i=null!==(s=null!==(r=null!==(o=null==e?void 0:e.weekStartsOn)&&void 0!==o?o:null==e||null===(n=e.locale)||void 0===n||null===(a=n.options)||void 0===a?void 0:a.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==s?s:null===(l=c.locale)||void 0===l||null===(h=l.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==i?i:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var d=ln(t),p=d.getUTCDay(),m=(p<u?7:0)+p-u;return d.setUTCDate(d.getUTCDate()-m),d.setUTCHours(0,0,0,0),d}function wn(t,e){var i,s,r,o,n,a,l,h;nn(1,arguments);var c=ln(t),u=c.getUTCFullYear(),d=gn(),p=cn(null!==(i=null!==(s=null!==(r=null!==(o=null==e?void 0:e.firstWeekContainsDate)&&void 0!==o?o:null==e||null===(n=e.locale)||void 0===n||null===(a=n.options)||void 0===a?void 0:a.firstWeekContainsDate)&&void 0!==r?r:d.firstWeekContainsDate)&&void 0!==s?s:null===(l=d.locale)||void 0===l||null===(h=l.options)||void 0===h?void 0:h.firstWeekContainsDate)&&void 0!==i?i:1);if(!(p>=1&&p<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var m=new Date(0);m.setUTCFullYear(u+1,0,p),m.setUTCHours(0,0,0,0);var f=yn(m,e),v=new Date(0);v.setUTCFullYear(u,0,p),v.setUTCHours(0,0,0,0);var b=yn(v,e);return c.getTime()>=f.getTime()?u+1:c.getTime()>=b.getTime()?u:u-1}function _n(t,e){var i,s,r,o,n,a,l,h;nn(1,arguments);var c=gn(),u=cn(null!==(i=null!==(s=null!==(r=null!==(o=null==e?void 0:e.firstWeekContainsDate)&&void 0!==o?o:null==e||null===(n=e.locale)||void 0===n||null===(a=n.options)||void 0===a?void 0:a.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==s?s:null===(l=c.locale)||void 0===l||null===(h=l.options)||void 0===h?void 0:h.firstWeekContainsDate)&&void 0!==i?i:1),d=wn(t,e),p=new Date(0);p.setUTCFullYear(d,0,u),p.setUTCHours(0,0,0,0);var m=yn(p,e);return m}function xn(t,e){nn(1,arguments);var i=ln(t),s=yn(i,e).getTime()-_n(i,e).getTime();return Math.round(s/6048e5)+1}function kn(t,e){for(var i=t<0?"-":"",s=Math.abs(t).toString();s.length<e;)s="0"+s;return i+s}var Cn={G:function(t,e,i){var s=t.getUTCFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return i.era(s,{width:"abbreviated"});case"GGGGG":return i.era(s,{width:"narrow"});case"GGGG":default:return i.era(s,{width:"wide"})}},y:function(t,e,i){if("yo"===e){var s=t.getUTCFullYear();return i.ordinalNumber(s>0?s:1-s,{unit:"year"})}return function(t,e){var i=t.getUTCFullYear(),s=i>0?i:1-i;return kn("yy"===e?s%100:s,e.length)}(t,e)},Y:function(t,e,i,s){var r=wn(t,s),o=r>0?r:1-r;return"YY"===e?kn(o%100,2):"Yo"===e?i.ordinalNumber(o,{unit:"year"}):kn(o,e.length)},R:function(t,e){return kn(mn(t),e.length)},u:function(t,e){return kn(t.getUTCFullYear(),e.length)},Q:function(t,e,i){var s=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"Q":return String(s);case"QQ":return kn(s,2);case"Qo":return i.ordinalNumber(s,{unit:"quarter"});case"QQQ":return i.quarter(s,{width:"abbreviated",context:"formatting"});case"QQQQQ":return i.quarter(s,{width:"narrow",context:"formatting"});case"QQQQ":default:return i.quarter(s,{width:"wide",context:"formatting"})}},q:function(t,e,i){var s=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"q":return String(s);case"qq":return kn(s,2);case"qo":return i.ordinalNumber(s,{unit:"quarter"});case"qqq":return i.quarter(s,{width:"abbreviated",context:"standalone"});case"qqqqq":return i.quarter(s,{width:"narrow",context:"standalone"});case"qqqq":default:return i.quarter(s,{width:"wide",context:"standalone"})}},M:function(t,e,i){var s=t.getUTCMonth();switch(e){case"M":case"MM":return function(t,e){var i=t.getUTCMonth();return"M"===e?String(i+1):kn(i+1,2)}(t,e);case"Mo":return i.ordinalNumber(s+1,{unit:"month"});case"MMM":return i.month(s,{width:"abbreviated",context:"formatting"});case"MMMMM":return i.month(s,{width:"narrow",context:"formatting"});case"MMMM":default:return i.month(s,{width:"wide",context:"formatting"})}},L:function(t,e,i){var s=t.getUTCMonth();switch(e){case"L":return String(s+1);case"LL":return kn(s+1,2);case"Lo":return i.ordinalNumber(s+1,{unit:"month"});case"LLL":return i.month(s,{width:"abbreviated",context:"standalone"});case"LLLLL":return i.month(s,{width:"narrow",context:"standalone"});case"LLLL":default:return i.month(s,{width:"wide",context:"standalone"})}},w:function(t,e,i,s){var r=xn(t,s);return"wo"===e?i.ordinalNumber(r,{unit:"week"}):kn(r,e.length)},I:function(t,e,i){var s=vn(t);return"Io"===e?i.ordinalNumber(s,{unit:"week"}):kn(s,e.length)},d:function(t,e,i){return"do"===e?i.ordinalNumber(t.getUTCDate(),{unit:"date"}):function(t,e){return kn(t.getUTCDate(),e.length)}(t,e)},D:function(t,e,i){var s=function(t){nn(1,arguments);var e=ln(t),i=e.getTime();e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0);var s=e.getTime();return Math.floor((i-s)/864e5)+1}(t);return"Do"===e?i.ordinalNumber(s,{unit:"dayOfYear"}):kn(s,e.length)},E:function(t,e,i){var s=t.getUTCDay();switch(e){case"E":case"EE":case"EEE":return i.day(s,{width:"abbreviated",context:"formatting"});case"EEEEE":return i.day(s,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(s,{width:"short",context:"formatting"});case"EEEE":default:return i.day(s,{width:"wide",context:"formatting"})}},e:function(t,e,i,s){var r=t.getUTCDay(),o=(r-s.weekStartsOn+8)%7||7;switch(e){case"e":return String(o);case"ee":return kn(o,2);case"eo":return i.ordinalNumber(o,{unit:"day"});case"eee":return i.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return i.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(r,{width:"short",context:"formatting"});case"eeee":default:return i.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,i,s){var r=t.getUTCDay(),o=(r-s.weekStartsOn+8)%7||7;switch(e){case"c":return String(o);case"cc":return kn(o,e.length);case"co":return i.ordinalNumber(o,{unit:"day"});case"ccc":return i.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return i.day(r,{width:"narrow",context:"standalone"});case"cccccc":return i.day(r,{width:"short",context:"standalone"});case"cccc":default:return i.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,i){var s=t.getUTCDay(),r=0===s?7:s;switch(e){case"i":return String(r);case"ii":return kn(r,e.length);case"io":return i.ordinalNumber(r,{unit:"day"});case"iii":return i.day(s,{width:"abbreviated",context:"formatting"});case"iiiii":return i.day(s,{width:"narrow",context:"formatting"});case"iiiiii":return i.day(s,{width:"short",context:"formatting"});case"iiii":default:return i.day(s,{width:"wide",context:"formatting"})}},a:function(t,e,i){var s=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return i.dayPeriod(s,{width:"abbreviated",context:"formatting"});case"aaa":return i.dayPeriod(s,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return i.dayPeriod(s,{width:"narrow",context:"formatting"});case"aaaa":default:return i.dayPeriod(s,{width:"wide",context:"formatting"})}},b:function(t,e,i){var s,r=t.getUTCHours();switch(s=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",e){case"b":case"bb":return i.dayPeriod(s,{width:"abbreviated",context:"formatting"});case"bbb":return i.dayPeriod(s,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return i.dayPeriod(s,{width:"narrow",context:"formatting"});case"bbbb":default:return i.dayPeriod(s,{width:"wide",context:"formatting"})}},B:function(t,e,i){var s,r=t.getUTCHours();switch(s=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",e){case"B":case"BB":case"BBB":return i.dayPeriod(s,{width:"abbreviated",context:"formatting"});case"BBBBB":return i.dayPeriod(s,{width:"narrow",context:"formatting"});case"BBBB":default:return i.dayPeriod(s,{width:"wide",context:"formatting"})}},h:function(t,e,i){if("ho"===e){var s=t.getUTCHours()%12;return 0===s&&(s=12),i.ordinalNumber(s,{unit:"hour"})}return function(t,e){return kn(t.getUTCHours()%12||12,e.length)}(t,e)},H:function(t,e,i){return"Ho"===e?i.ordinalNumber(t.getUTCHours(),{unit:"hour"}):function(t,e){return kn(t.getUTCHours(),e.length)}(t,e)},K:function(t,e,i){var s=t.getUTCHours()%12;return"Ko"===e?i.ordinalNumber(s,{unit:"hour"}):kn(s,e.length)},k:function(t,e,i){var s=t.getUTCHours();return 0===s&&(s=24),"ko"===e?i.ordinalNumber(s,{unit:"hour"}):kn(s,e.length)},m:function(t,e,i){return"mo"===e?i.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):function(t,e){return kn(t.getUTCMinutes(),e.length)}(t,e)},s:function(t,e,i){return"so"===e?i.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):function(t,e){return kn(t.getUTCSeconds(),e.length)}(t,e)},S:function(t,e){return function(t,e){var i=e.length,s=t.getUTCMilliseconds();return kn(Math.floor(s*Math.pow(10,i-3)),e.length)}(t,e)},X:function(t,e,i,s){var r=(s._originalDate||t).getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return Tn(r);case"XXXX":case"XX":return En(r);case"XXXXX":case"XXX":default:return En(r,":")}},x:function(t,e,i,s){var r=(s._originalDate||t).getTimezoneOffset();switch(e){case"x":return Tn(r);case"xxxx":case"xx":return En(r);case"xxxxx":case"xxx":default:return En(r,":")}},O:function(t,e,i,s){var r=(s._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+An(r,":");case"OOOO":default:return"GMT"+En(r,":")}},z:function(t,e,i,s){var r=(s._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+An(r,":");case"zzzz":default:return"GMT"+En(r,":")}},t:function(t,e,i,s){return kn(Math.floor((s._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,i,s){return kn((s._originalDate||t).getTime(),e.length)}};function An(t,e){var i=t>0?"-":"+",s=Math.abs(t),r=Math.floor(s/60),o=s%60;if(0===o)return i+String(r);var n=e||"";return i+String(r)+n+kn(o,2)}function Tn(t,e){return t%60==0?(t>0?"-":"+")+kn(Math.abs(t)/60,2):En(t,e)}function En(t,e){var i=e||"",s=t>0?"-":"+",r=Math.abs(t);return s+kn(Math.floor(r/60),2)+i+kn(r%60,2)}var Dn=function(t,e){switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},Sn=function(t,e){switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},Mn={p:Sn,P:function(t,e){var i,s=t.match(/(P+)(p+)?/)||[],r=s[1],o=s[2];if(!o)return Dn(t,e);switch(r){case"P":i=e.dateTime({width:"short"});break;case"PP":i=e.dateTime({width:"medium"});break;case"PPP":i=e.dateTime({width:"long"});break;case"PPPP":default:i=e.dateTime({width:"full"})}return i.replace("{{date}}",Dn(r,e)).replace("{{time}}",Sn(o,e))}};function zn(t){var e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),t.getTime()-e.getTime()}var In=["D","DD"],Pn=["YY","YYYY"];function Fn(t){return-1!==In.indexOf(t)}function On(t){return-1!==Pn.indexOf(t)}function Nn(t,e,i){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e,"`) for formatting years to the input `").concat(i,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(i,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(e,"`) for formatting days of the month to the input `").concat(i,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(e,"`) for formatting days of the month to the input `").concat(i,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var Bn={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function Ln(t){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=e.width?String(e.width):t.defaultWidth,s=t.formats[i]||t.formats[t.defaultWidth];return s}}var jn={date:Ln({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:Ln({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:Ln({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},$n={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function qn(t){return function(e,i){var s;if("formatting"===(null!=i&&i.context?String(i.context):"standalone")&&t.formattingValues){var r=t.defaultFormattingWidth||t.defaultWidth,o=null!=i&&i.width?String(i.width):r;s=t.formattingValues[o]||t.formattingValues[r]}else{var n=t.defaultWidth,a=null!=i&&i.width?String(i.width):t.defaultWidth;s=t.values[a]||t.values[n]}return s[t.argumentCallback?t.argumentCallback(e):e]}}function Rn(t){return function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=i.width,r=s&&t.matchPatterns[s]||t.matchPatterns[t.defaultMatchWidth],o=e.match(r);if(!o)return null;var n,a=o[0],l=s&&t.parsePatterns[s]||t.parsePatterns[t.defaultParseWidth],h=Array.isArray(l)?Hn(l,(function(t){return t.test(a)})):Vn(l,(function(t){return t.test(a)}));n=t.valueCallback?t.valueCallback(h):h,n=i.valueCallback?i.valueCallback(n):n;var c=e.slice(a.length);return{value:n,rest:c}}}function Vn(t,e){for(var i in t)if(t.hasOwnProperty(i)&&e(t[i]))return i}function Hn(t,e){for(var i=0;i<t.length;i++)if(e(t[i]))return i}var Wn,Yn={code:"en-US",formatDistance:function(t,e,i){var s,r=Bn[t];return s="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),null!=i&&i.addSuffix?i.comparison&&i.comparison>0?"in "+s:s+" ago":s},formatLong:jn,formatRelative:function(t){return $n[t]},localize:{ordinalNumber:function(t){var e=Number(t),i=e%100;if(i>20||i<10)switch(i%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},era:qn({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:qn({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:qn({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:qn({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:qn({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(Wn={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.match(Wn.matchPattern);if(!i)return null;var s=i[0],r=t.match(Wn.parsePattern);if(!r)return null;var o=Wn.valueCallback?Wn.valueCallback(r[0]):r[0];o=e.valueCallback?e.valueCallback(o):o;var n=t.slice(s.length);return{value:o,rest:n}}),era:Rn({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:Rn({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:Rn({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:Rn({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:Rn({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}},Un=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Gn=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Qn=/^'([^]*?)'?$/,Xn=/''/g,Jn=/[a-zA-Z]/;function Kn(t){var e=t.match(Qn);return e?e[1].replace(Xn,"'"):t}function Zn(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=new Array(e);i<e;i++)s[i]=t[i];return s}function ta(t,e){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function(t,e){if(t){if("string"==typeof t)return Zn(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?Zn(t,e):void 0}}(t))||e&&t&&"number"==typeof t.length){i&&(t=i);var s=0,r=function(){};return{s:r,n:function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}},e:function(t){throw t},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,n=!0,a=!1;return{s:function(){i=i.call(t)},n:function(){var t=i.next();return n=t.done,t},e:function(t){a=!0,o=t},f:function(){try{n||null==i.return||i.return()}finally{if(a)throw o}}}}function ea(t,e){if(null==t)throw new TypeError("assign requires that input parameter not be null or undefined");for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}function ia(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function sa(t,e){return(sa=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t})(t,e)}function ra(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&sa(t,e)}function oa(t){return(oa=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function na(t,e){if(e&&("object"===on(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return ia(t)}function aa(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,s=oa(t);if(e){var r=oa(this).constructor;i=Reflect.construct(s,arguments,r)}else i=s.apply(this,arguments);return na(this,i)}}function la(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ha(t){var e=function(t,e){if("object"!==on(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e);if("object"!==on(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t,"string");return"symbol"===on(e)?e:String(e)}function ca(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,ha(s.key),s)}}function ua(t,e,i){return e&&ca(t.prototype,e),i&&ca(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t}function da(t,e,i){return(e=ha(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var pa=function(){function t(){la(this,t),da(this,"priority",void 0),da(this,"subPriority",0)}return ua(t,[{key:"validate",value:function(){return!0}}]),t}(),ma=function(){ra(e,pa);var t=aa(e);function e(i,s,r,o,n){var a;return la(this,e),(a=t.call(this)).value=i,a.validateValue=s,a.setValue=r,a.priority=o,n&&(a.subPriority=n),a}return ua(e,[{key:"validate",value:function(t,e){return this.validateValue(t,this.value,e)}},{key:"set",value:function(t,e,i){return this.setValue(t,e,this.value,i)}}]),e}(),fa=function(){ra(e,pa);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",10),da(ia(i),"subPriority",-1),i}return ua(e,[{key:"set",value:function(t,e){if(e.timestampIsSet)return t;var i=new Date(0);return i.setFullYear(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()),i.setHours(t.getUTCHours(),t.getUTCMinutes(),t.getUTCSeconds(),t.getUTCMilliseconds()),i}}]),e}(),va=function(){function t(){la(this,t),da(this,"incompatibleTokens",void 0),da(this,"priority",void 0),da(this,"subPriority",void 0)}return ua(t,[{key:"run",value:function(t,e,i,s){var r=this.parse(t,e,i,s);return r?{setter:new ma(r.value,this.validate,this.set,this.priority,this.subPriority),rest:r.rest}:null}},{key:"validate",value:function(){return!0}}]),t}(),ba=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",140),da(ia(i),"incompatibleTokens",["R","u","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"G":case"GG":case"GGG":return i.era(t,{width:"abbreviated"})||i.era(t,{width:"narrow"});case"GGGGG":return i.era(t,{width:"narrow"});case"GGGG":default:return i.era(t,{width:"wide"})||i.era(t,{width:"abbreviated"})||i.era(t,{width:"narrow"})}}},{key:"set",value:function(t,e,i){return e.era=i,t.setUTCFullYear(i,0,1),t.setUTCHours(0,0,0,0),t}}]),e}(),ga=/^(1[0-2]|0?\d)/,ya=/^(3[0-1]|[0-2]?\d)/,wa=/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,_a=/^(5[0-3]|[0-4]?\d)/,xa=/^(2[0-3]|[0-1]?\d)/,ka=/^(2[0-4]|[0-1]?\d)/,Ca=/^(1[0-1]|0?\d)/,Aa=/^(1[0-2]|0?\d)/,Ta=/^[0-5]?\d/,Ea=/^[0-5]?\d/,Da=/^\d/,Sa=/^\d{1,2}/,Ma=/^\d{1,3}/,za=/^\d{1,4}/,Ia=/^-?\d+/,Pa=/^-?\d/,Fa=/^-?\d{1,2}/,Oa=/^-?\d{1,3}/,Na=/^-?\d{1,4}/,Ba=/^([+-])(\d{2})(\d{2})?|Z/,La=/^([+-])(\d{2})(\d{2})|Z/,ja=/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,$a=/^([+-])(\d{2}):(\d{2})|Z/,qa=/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/;function Ra(t,e){return t?{value:e(t.value),rest:t.rest}:t}function Va(t,e){var i=e.match(t);return i?{value:parseInt(i[0],10),rest:e.slice(i[0].length)}:null}function Ha(t,e){var i=e.match(t);return i?"Z"===i[0]?{value:0,rest:e.slice(1)}:{value:("+"===i[1]?1:-1)*(36e5*(i[2]?parseInt(i[2],10):0)+6e4*(i[3]?parseInt(i[3],10):0)+1e3*(i[5]?parseInt(i[5],10):0)),rest:e.slice(i[0].length)}:null}function Wa(t){return Va(Ia,t)}function Ya(t,e){switch(t){case 1:return Va(Da,e);case 2:return Va(Sa,e);case 3:return Va(Ma,e);case 4:return Va(za,e);default:return Va(new RegExp("^\\d{1,"+t+"}"),e)}}function Ua(t,e){switch(t){case 1:return Va(Pa,e);case 2:return Va(Fa,e);case 3:return Va(Oa,e);case 4:return Va(Na,e);default:return Va(new RegExp("^-?\\d{1,"+t+"}"),e)}}function Ga(t){switch(t){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;case"am":case"midnight":case"night":default:return 0}}function Qa(t,e){var i,s=e>0,r=s?e:1-e;if(r<=50)i=t||100;else{var o=r+50;i=t+100*Math.floor(o/100)-(t>=o%100?100:0)}return s?i:1-i}function Xa(t){return t%400==0||t%4==0&&t%100!=0}var Ja=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",130),da(ia(i),"incompatibleTokens",["Y","R","u","w","I","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){var s=function(t){return{year:t,isTwoDigitYear:"yy"===e}};switch(e){case"y":return Ra(Ya(4,t),s);case"yo":return Ra(i.ordinalNumber(t,{unit:"year"}),s);default:return Ra(Ya(e.length,t),s)}}},{key:"validate",value:function(t,e){return e.isTwoDigitYear||e.year>0}},{key:"set",value:function(t,e,i){var s=t.getUTCFullYear();if(i.isTwoDigitYear){var r=Qa(i.year,s);return t.setUTCFullYear(r,0,1),t.setUTCHours(0,0,0,0),t}return t.setUTCFullYear("era"in e&&1!==e.era?1-i.year:i.year,0,1),t.setUTCHours(0,0,0,0),t}}]),e}(),Ka=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",130),da(ia(i),"incompatibleTokens",["y","R","u","Q","q","M","L","I","d","D","i","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){var s=function(t){return{year:t,isTwoDigitYear:"YY"===e}};switch(e){case"Y":return Ra(Ya(4,t),s);case"Yo":return Ra(i.ordinalNumber(t,{unit:"year"}),s);default:return Ra(Ya(e.length,t),s)}}},{key:"validate",value:function(t,e){return e.isTwoDigitYear||e.year>0}},{key:"set",value:function(t,e,i,s){var r=wn(t,s);if(i.isTwoDigitYear){var o=Qa(i.year,r);return t.setUTCFullYear(o,0,s.firstWeekContainsDate),t.setUTCHours(0,0,0,0),yn(t,s)}return t.setUTCFullYear("era"in e&&1!==e.era?1-i.year:i.year,0,s.firstWeekContainsDate),t.setUTCHours(0,0,0,0),yn(t,s)}}]),e}(),Za=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",130),da(ia(i),"incompatibleTokens",["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e){return Ua("R"===e?4:e.length,t)}},{key:"set",value:function(t,e,i){var s=new Date(0);return s.setUTCFullYear(i,0,4),s.setUTCHours(0,0,0,0),pn(s)}}]),e}(),tl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",130),da(ia(i),"incompatibleTokens",["G","y","Y","R","w","I","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e){return Ua("u"===e?4:e.length,t)}},{key:"set",value:function(t,e,i){return t.setUTCFullYear(i,0,1),t.setUTCHours(0,0,0,0),t}}]),e}(),el=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",120),da(ia(i),"incompatibleTokens",["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"Q":case"QQ":return Ya(e.length,t);case"Qo":return i.ordinalNumber(t,{unit:"quarter"});case"QQQ":return i.quarter(t,{width:"abbreviated",context:"formatting"})||i.quarter(t,{width:"narrow",context:"formatting"});case"QQQQQ":return i.quarter(t,{width:"narrow",context:"formatting"});case"QQQQ":default:return i.quarter(t,{width:"wide",context:"formatting"})||i.quarter(t,{width:"abbreviated",context:"formatting"})||i.quarter(t,{width:"narrow",context:"formatting"})}}},{key:"validate",value:function(t,e){return e>=1&&e<=4}},{key:"set",value:function(t,e,i){return t.setUTCMonth(3*(i-1),1),t.setUTCHours(0,0,0,0),t}}]),e}(),il=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",120),da(ia(i),"incompatibleTokens",["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"q":case"qq":return Ya(e.length,t);case"qo":return i.ordinalNumber(t,{unit:"quarter"});case"qqq":return i.quarter(t,{width:"abbreviated",context:"standalone"})||i.quarter(t,{width:"narrow",context:"standalone"});case"qqqqq":return i.quarter(t,{width:"narrow",context:"standalone"});case"qqqq":default:return i.quarter(t,{width:"wide",context:"standalone"})||i.quarter(t,{width:"abbreviated",context:"standalone"})||i.quarter(t,{width:"narrow",context:"standalone"})}}},{key:"validate",value:function(t,e){return e>=1&&e<=4}},{key:"set",value:function(t,e,i){return t.setUTCMonth(3*(i-1),1),t.setUTCHours(0,0,0,0),t}}]),e}(),sl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"incompatibleTokens",["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]),da(ia(i),"priority",110),i}return ua(e,[{key:"parse",value:function(t,e,i){var s=function(t){return t-1};switch(e){case"M":return Ra(Va(ga,t),s);case"MM":return Ra(Ya(2,t),s);case"Mo":return Ra(i.ordinalNumber(t,{unit:"month"}),s);case"MMM":return i.month(t,{width:"abbreviated",context:"formatting"})||i.month(t,{width:"narrow",context:"formatting"});case"MMMMM":return i.month(t,{width:"narrow",context:"formatting"});case"MMMM":default:return i.month(t,{width:"wide",context:"formatting"})||i.month(t,{width:"abbreviated",context:"formatting"})||i.month(t,{width:"narrow",context:"formatting"})}}},{key:"validate",value:function(t,e){return e>=0&&e<=11}},{key:"set",value:function(t,e,i){return t.setUTCMonth(i,1),t.setUTCHours(0,0,0,0),t}}]),e}(),rl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",110),da(ia(i),"incompatibleTokens",["Y","R","q","Q","M","w","I","D","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){var s=function(t){return t-1};switch(e){case"L":return Ra(Va(ga,t),s);case"LL":return Ra(Ya(2,t),s);case"Lo":return Ra(i.ordinalNumber(t,{unit:"month"}),s);case"LLL":return i.month(t,{width:"abbreviated",context:"standalone"})||i.month(t,{width:"narrow",context:"standalone"});case"LLLLL":return i.month(t,{width:"narrow",context:"standalone"});case"LLLL":default:return i.month(t,{width:"wide",context:"standalone"})||i.month(t,{width:"abbreviated",context:"standalone"})||i.month(t,{width:"narrow",context:"standalone"})}}},{key:"validate",value:function(t,e){return e>=0&&e<=11}},{key:"set",value:function(t,e,i){return t.setUTCMonth(i,1),t.setUTCHours(0,0,0,0),t}}]),e}(),ol=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",100),da(ia(i),"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","i","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"w":return Va(_a,t);case"wo":return i.ordinalNumber(t,{unit:"week"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=1&&e<=53}},{key:"set",value:function(t,e,i,s){return yn(function(t,e,i){nn(2,arguments);var s=ln(t),r=cn(e),o=xn(s,i)-r;return s.setUTCDate(s.getUTCDate()-7*o),s}(t,i,s),s)}}]),e}(),nl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",100),da(ia(i),"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"I":return Va(_a,t);case"Io":return i.ordinalNumber(t,{unit:"week"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=1&&e<=53}},{key:"set",value:function(t,e,i){return pn(function(t,e){nn(2,arguments);var i=ln(t),s=cn(e),r=vn(i)-s;return i.setUTCDate(i.getUTCDate()-7*r),i}(t,i))}}]),e}(),al=[31,28,31,30,31,30,31,31,30,31,30,31],ll=[31,29,31,30,31,30,31,31,30,31,30,31],hl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"subPriority",1),da(ia(i),"incompatibleTokens",["Y","R","q","Q","w","I","D","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"d":return Va(ya,t);case"do":return i.ordinalNumber(t,{unit:"date"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){var i=Xa(t.getUTCFullYear()),s=t.getUTCMonth();return i?e>=1&&e<=ll[s]:e>=1&&e<=al[s]}},{key:"set",value:function(t,e,i){return t.setUTCDate(i),t.setUTCHours(0,0,0,0),t}}]),e}(),cl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"subpriority",1),da(ia(i),"incompatibleTokens",["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"D":case"DD":return Va(wa,t);case"Do":return i.ordinalNumber(t,{unit:"date"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return Xa(t.getUTCFullYear())?e>=1&&e<=366:e>=1&&e<=365}},{key:"set",value:function(t,e,i){return t.setUTCMonth(0,i),t.setUTCHours(0,0,0,0),t}}]),e}();function ul(t,e,i){var s,r,o,n,a,l,h,c;nn(2,arguments);var u=gn(),d=cn(null!==(s=null!==(r=null!==(o=null!==(n=null==i?void 0:i.weekStartsOn)&&void 0!==n?n:null==i||null===(a=i.locale)||void 0===a||null===(l=a.options)||void 0===l?void 0:l.weekStartsOn)&&void 0!==o?o:u.weekStartsOn)&&void 0!==r?r:null===(h=u.locale)||void 0===h||null===(c=h.options)||void 0===c?void 0:c.weekStartsOn)&&void 0!==s?s:0);if(!(d>=0&&d<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=ln(t),m=cn(e),f=p.getUTCDay(),v=m%7,b=(v+7)%7,g=(b<d?7:0)+m-f;return p.setUTCDate(p.getUTCDate()+g),p}var dl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"incompatibleTokens",["D","i","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"E":case"EE":case"EEE":return i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"});case"EEEEE":return i.day(t,{width:"narrow",context:"formatting"});case"EEEEEE":return i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"});case"EEEE":default:return i.day(t,{width:"wide",context:"formatting"})||i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"})}}},{key:"validate",value:function(t,e){return e>=0&&e<=6}},{key:"set",value:function(t,e,i,s){return(t=ul(t,i,s)).setUTCHours(0,0,0,0),t}}]),e}(),pl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i,s){var r=function(t){var e=7*Math.floor((t-1)/7);return(t+s.weekStartsOn+6)%7+e};switch(e){case"e":case"ee":return Ra(Ya(e.length,t),r);case"eo":return Ra(i.ordinalNumber(t,{unit:"day"}),r);case"eee":return i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"});case"eeeee":return i.day(t,{width:"narrow",context:"formatting"});case"eeeeee":return i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"});case"eeee":default:return i.day(t,{width:"wide",context:"formatting"})||i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"})}}},{key:"validate",value:function(t,e){return e>=0&&e<=6}},{key:"set",value:function(t,e,i,s){return(t=ul(t,i,s)).setUTCHours(0,0,0,0),t}}]),e}(),ml=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i,s){var r=function(t){var e=7*Math.floor((t-1)/7);return(t+s.weekStartsOn+6)%7+e};switch(e){case"c":case"cc":return Ra(Ya(e.length,t),r);case"co":return Ra(i.ordinalNumber(t,{unit:"day"}),r);case"ccc":return i.day(t,{width:"abbreviated",context:"standalone"})||i.day(t,{width:"short",context:"standalone"})||i.day(t,{width:"narrow",context:"standalone"});case"ccccc":return i.day(t,{width:"narrow",context:"standalone"});case"cccccc":return i.day(t,{width:"short",context:"standalone"})||i.day(t,{width:"narrow",context:"standalone"});case"cccc":default:return i.day(t,{width:"wide",context:"standalone"})||i.day(t,{width:"abbreviated",context:"standalone"})||i.day(t,{width:"short",context:"standalone"})||i.day(t,{width:"narrow",context:"standalone"})}}},{key:"validate",value:function(t,e){return e>=0&&e<=6}},{key:"set",value:function(t,e,i,s){return(t=ul(t,i,s)).setUTCHours(0,0,0,0),t}}]),e}(),fl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",90),da(ia(i),"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){var s=function(t){return 0===t?7:t};switch(e){case"i":case"ii":return Ya(e.length,t);case"io":return i.ordinalNumber(t,{unit:"day"});case"iii":return Ra(i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"}),s);case"iiiii":return Ra(i.day(t,{width:"narrow",context:"formatting"}),s);case"iiiiii":return Ra(i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"}),s);case"iiii":default:return Ra(i.day(t,{width:"wide",context:"formatting"})||i.day(t,{width:"abbreviated",context:"formatting"})||i.day(t,{width:"short",context:"formatting"})||i.day(t,{width:"narrow",context:"formatting"}),s)}}},{key:"validate",value:function(t,e){return e>=1&&e<=7}},{key:"set",value:function(t,e,i){return(t=function(t,e){nn(2,arguments);var i=cn(e);i%7==0&&(i-=7);var s=1,r=ln(t),o=r.getUTCDay(),n=((i%7+7)%7<s?7:0)+i-o;return r.setUTCDate(r.getUTCDate()+n),r}(t,i)).setUTCHours(0,0,0,0),t}}]),e}(),vl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",80),da(ia(i),"incompatibleTokens",["b","B","H","k","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"a":case"aa":case"aaa":return i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaaa":return i.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaa":default:return i.dayPeriod(t,{width:"wide",context:"formatting"})||i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"})}}},{key:"set",value:function(t,e,i){return t.setUTCHours(Ga(i),0,0,0),t}}]),e}(),bl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",80),da(ia(i),"incompatibleTokens",["a","B","H","k","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"b":case"bb":case"bbb":return i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbbb":return i.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbb":default:return i.dayPeriod(t,{width:"wide",context:"formatting"})||i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"})}}},{key:"set",value:function(t,e,i){return t.setUTCHours(Ga(i),0,0,0),t}}]),e}(),gl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",80),da(ia(i),"incompatibleTokens",["a","b","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"B":case"BB":case"BBB":return i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBBB":return i.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBB":default:return i.dayPeriod(t,{width:"wide",context:"formatting"})||i.dayPeriod(t,{width:"abbreviated",context:"formatting"})||i.dayPeriod(t,{width:"narrow",context:"formatting"})}}},{key:"set",value:function(t,e,i){return t.setUTCHours(Ga(i),0,0,0),t}}]),e}(),yl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",70),da(ia(i),"incompatibleTokens",["H","K","k","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"h":return Va(Aa,t);case"ho":return i.ordinalNumber(t,{unit:"hour"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=1&&e<=12}},{key:"set",value:function(t,e,i){var s=t.getUTCHours()>=12;return t.setUTCHours(s&&i<12?i+12:s||12!==i?i:0,0,0,0),t}}]),e}(),wl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",70),da(ia(i),"incompatibleTokens",["a","b","h","K","k","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"H":return Va(xa,t);case"Ho":return i.ordinalNumber(t,{unit:"hour"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=0&&e<=23}},{key:"set",value:function(t,e,i){return t.setUTCHours(i,0,0,0),t}}]),e}(),_l=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",70),da(ia(i),"incompatibleTokens",["h","H","k","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"K":return Va(Ca,t);case"Ko":return i.ordinalNumber(t,{unit:"hour"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=0&&e<=11}},{key:"set",value:function(t,e,i){var s=t.getUTCHours()>=12;return t.setUTCHours(s&&i<12?i+12:i,0,0,0),t}}]),e}(),xl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",70),da(ia(i),"incompatibleTokens",["a","b","h","H","K","t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"k":return Va(ka,t);case"ko":return i.ordinalNumber(t,{unit:"hour"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=1&&e<=24}},{key:"set",value:function(t,e,i){return t.setUTCHours(i<=24?i%24:i,0,0,0),t}}]),e}(),kl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",60),da(ia(i),"incompatibleTokens",["t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"m":return Va(Ta,t);case"mo":return i.ordinalNumber(t,{unit:"minute"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=0&&e<=59}},{key:"set",value:function(t,e,i){return t.setUTCMinutes(i,0,0),t}}]),e}(),Cl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",50),da(ia(i),"incompatibleTokens",["t","T"]),i}return ua(e,[{key:"parse",value:function(t,e,i){switch(e){case"s":return Va(Ea,t);case"so":return i.ordinalNumber(t,{unit:"second"});default:return Ya(e.length,t)}}},{key:"validate",value:function(t,e){return e>=0&&e<=59}},{key:"set",value:function(t,e,i){return t.setUTCSeconds(i,0),t}}]),e}(),Al=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",30),da(ia(i),"incompatibleTokens",["t","T"]),i}return ua(e,[{key:"parse",value:function(t,e){return Ra(Ya(e.length,t),(function(t){return Math.floor(t*Math.pow(10,3-e.length))}))}},{key:"set",value:function(t,e,i){return t.setUTCMilliseconds(i),t}}]),e}(),Tl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",10),da(ia(i),"incompatibleTokens",["t","T","x"]),i}return ua(e,[{key:"parse",value:function(t,e){switch(e){case"X":return Ha(Ba,t);case"XX":return Ha(La,t);case"XXXX":return Ha(ja,t);case"XXXXX":return Ha(qa,t);case"XXX":default:return Ha($a,t)}}},{key:"set",value:function(t,e,i){return e.timestampIsSet?t:new Date(t.getTime()-i)}}]),e}(),El=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",10),da(ia(i),"incompatibleTokens",["t","T","X"]),i}return ua(e,[{key:"parse",value:function(t,e){switch(e){case"x":return Ha(Ba,t);case"xx":return Ha(La,t);case"xxxx":return Ha(ja,t);case"xxxxx":return Ha(qa,t);case"xxx":default:return Ha($a,t)}}},{key:"set",value:function(t,e,i){return e.timestampIsSet?t:new Date(t.getTime()-i)}}]),e}(),Dl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",40),da(ia(i),"incompatibleTokens","*"),i}return ua(e,[{key:"parse",value:function(t){return Wa(t)}},{key:"set",value:function(t,e,i){return[new Date(1e3*i),{timestampIsSet:!0}]}}]),e}(),Sl=function(){ra(e,va);var t=aa(e);function e(){var i;la(this,e);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return da(ia(i=t.call.apply(t,[this].concat(r))),"priority",20),da(ia(i),"incompatibleTokens","*"),i}return ua(e,[{key:"parse",value:function(t){return Wa(t)}},{key:"set",value:function(t,e,i){return[new Date(i),{timestampIsSet:!0}]}}]),e}(),Ml={G:new ba,y:new Ja,Y:new Ka,R:new Za,u:new tl,Q:new el,q:new il,M:new sl,L:new rl,w:new ol,I:new nl,d:new hl,D:new cl,E:new dl,e:new pl,c:new ml,i:new fl,a:new vl,b:new bl,B:new gl,h:new yl,H:new wl,K:new _l,k:new xl,m:new kl,s:new Cl,S:new Al,X:new Tl,x:new El,t:new Dl,T:new Sl},zl=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Il=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Pl=/^'([^]*?)'?$/,Fl=/''/g,Ol=/\S/,Nl=/[a-zA-Z]/;function Bl(t,e,i,s){var r,o,n,a,l,h,c,u,d,p,m,f,v,b,g,y,w,_;nn(3,arguments);var x=String(t),k=String(e),C=gn(),A=null!==(r=null!==(o=null==s?void 0:s.locale)&&void 0!==o?o:C.locale)&&void 0!==r?r:Yn;if(!A.match)throw new RangeError("locale must contain match property");var T=cn(null!==(n=null!==(a=null!==(l=null!==(h=null==s?void 0:s.firstWeekContainsDate)&&void 0!==h?h:null==s||null===(c=s.locale)||void 0===c||null===(u=c.options)||void 0===u?void 0:u.firstWeekContainsDate)&&void 0!==l?l:C.firstWeekContainsDate)&&void 0!==a?a:null===(d=C.locale)||void 0===d||null===(p=d.options)||void 0===p?void 0:p.firstWeekContainsDate)&&void 0!==n?n:1);if(!(T>=1&&T<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var E=cn(null!==(m=null!==(f=null!==(v=null!==(b=null==s?void 0:s.weekStartsOn)&&void 0!==b?b:null==s||null===(g=s.locale)||void 0===g||null===(y=g.options)||void 0===y?void 0:y.weekStartsOn)&&void 0!==v?v:C.weekStartsOn)&&void 0!==f?f:null===(w=C.locale)||void 0===w||null===(_=w.options)||void 0===_?void 0:_.weekStartsOn)&&void 0!==m?m:0);if(!(E>=0&&E<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(""===k)return""===x?ln(i):new Date(NaN);var D,S={firstWeekContainsDate:T,weekStartsOn:E,locale:A},M=[new fa],z=k.match(Il).map((function(t){var e=t[0];return e in Mn?(0,Mn[e])(t,A.formatLong):t})).join("").match(zl),I=[],P=ta(z);try{var F=function(){var e=D.value;null!=s&&s.useAdditionalWeekYearTokens||!On(e)||Nn(e,k,t),null!=s&&s.useAdditionalDayOfYearTokens||!Fn(e)||Nn(e,k,t);var i=e[0],r=Ml[i];if(r){var o=r.incompatibleTokens;if(Array.isArray(o)){var n=I.find((function(t){return o.includes(t.token)||t.token===i}));if(n)throw new RangeError("The format string mustn't contain `".concat(n.fullToken,"` and `").concat(e,"` at the same time"))}else if("*"===r.incompatibleTokens&&I.length>0)throw new RangeError("The format string mustn't contain `".concat(e,"` and any other token at the same time"));I.push({token:i,fullToken:e});var a=r.run(x,e,A.match,S);if(!a)return{v:new Date(NaN)};M.push(a.setter),x=a.rest}else{if(i.match(Nl))throw new RangeError("Format string contains an unescaped latin alphabet character `"+i+"`");if("''"===e?e="'":"'"===i&&(e=Ll(e)),0!==x.indexOf(e))return{v:new Date(NaN)};x=x.slice(e.length)}};for(P.s();!(D=P.n()).done;){var O=F();if("object"===on(O))return O.v}}catch(t){P.e(t)}finally{P.f()}if(x.length>0&&Ol.test(x))return new Date(NaN);var N=M.map((function(t){return t.priority})).sort((function(t,e){return e-t})).filter((function(t,e,i){return i.indexOf(t)===e})).map((function(t){return M.filter((function(e){return e.priority===t})).sort((function(t,e){return e.subPriority-t.subPriority}))})).map((function(t){return t[0]})),B=ln(i);if(isNaN(B.getTime()))return new Date(NaN);var L,j=dn(B,zn(B)),$={},q=ta(N);try{for(q.s();!(L=q.n()).done;){var R=L.value;if(!R.validate(j,S))return new Date(NaN);var V=R.set(j,$,S);Array.isArray(V)?(j=V[0],ea($,V[1])):j=V}}catch(t){q.e(t)}finally{q.f()}return j}function Ll(t){return t.match(Pl)[1].replace(Fl,"'")}function jl(t,e){nn(2,arguments);var i=ln(t),s=ln(e);return i.getTime()>s.getTime()}function $l(t,e){nn(2,arguments);var i=ln(t),s=ln(e);return i.getTime()<s.getTime()}const ql=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.touched=!1,this.formatDate=t=>{const{year:e,month:i,day:s}=t;return function(t,e,i){var s,r,o,n,a,l,h,c,u,d,p,m,f,v,b,g,y,w;nn(2,arguments);var _=String(e),x=gn(),k=null!==(s=null!==(r=null==i?void 0:i.locale)&&void 0!==r?r:x.locale)&&void 0!==s?s:Yn,C=cn(null!==(o=null!==(n=null!==(a=null!==(l=null==i?void 0:i.firstWeekContainsDate)&&void 0!==l?l:null==i||null===(h=i.locale)||void 0===h||null===(c=h.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==a?a:x.firstWeekContainsDate)&&void 0!==n?n:null===(u=x.locale)||void 0===u||null===(d=u.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==o?o:1);if(!(C>=1&&C<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var A=cn(null!==(p=null!==(m=null!==(f=null!==(v=null==i?void 0:i.weekStartsOn)&&void 0!==v?v:null==i||null===(b=i.locale)||void 0===b||null===(g=b.options)||void 0===g?void 0:g.weekStartsOn)&&void 0!==f?f:x.weekStartsOn)&&void 0!==m?m:null===(y=x.locale)||void 0===y||null===(w=y.options)||void 0===w?void 0:w.weekStartsOn)&&void 0!==p?p:0);if(!(A>=0&&A<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!k.localize)throw new RangeError("locale must contain localize property");if(!k.formatLong)throw new RangeError("locale must contain formatLong property");var T=ln(t);if(!hn(T))throw new RangeError("Invalid time value");var E=zn(T),D=dn(T,E),S={firstWeekContainsDate:C,weekStartsOn:A,locale:k,_originalDate:T};return _.match(Gn).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,Mn[e])(t,k.formatLong):t})).join("").match(Un).map((function(s){if("''"===s)return"'";var r=s[0];if("'"===r)return Kn(s);var o=Cn[r];if(o)return null!=i&&i.useAdditionalWeekYearTokens||!On(s)||Nn(s,e,String(t)),null!=i&&i.useAdditionalDayOfYearTokens||!Fn(s)||Nn(s,e,String(t)),o(D,s,k.localize,S);if(r.match(Jn))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return s})).join("")}(new Date(e,i,s),this.dateFormat||"yyyy-MM-dd")},this.parseDate=t=>{const e=Bl(t,this.dateFormat||"yyyy-MM-dd",new Date);return{year:e.getFullYear(),month:e.getMonth(),day:e.getDate()}},this.handleBlur=()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}connectedCallback(){var t,e;this.minDate=Bl((null===(t=this.validation.min)||void 0===t?void 0:t.toString())||"","yyyy-MM-dd",new Date),this.maxDate=Bl((null===(e=this.validation.max)||void 0===e?void 0:e.toString())||"","yyyy-MM-dd",new Date)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.datePicker=this.element.shadowRoot.querySelector("vaadin-date-picker"),this.inputReference=this.element.shadowRoot.querySelector("input"),this.datePicker.i18n=Object.assign(Object.assign({},this.datePicker.i18n),{formatDate:this.formatDate,parseDate:this.parseDate}),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}handleInput(t){this.value=t.target.value,this.touched=!0,this.valueAsDate=Bl(this.value||"","yyyy-MM-dd",new Date),this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return!$l(this.valueAsDate,this.minDate)&&!jl(this.valueAsDate,this.maxDate)&&this.inputReference.validity.valid}setErrorMessage(){return $l(this.valueAsDate,this.minDate)||jl(this.valueAsDate,this.maxDate)?r("dateError2",this.language):this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow?r("dateError",this.language,{values:{min:this.validation.min,max:this.validation.max}}):this.inputReference.validity.valueMissing?r("requiredError",this.language):void 0}renderTooltip(){return this.showTooltip?i("div",{class:"date__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{class:`date__wrapper ${this.autofilled?"date__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("label",{class:"date__label "+(this.validation.mandatory?"date__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("vaadin-date-picker",{id:`${this.name}__input`,type:"date",class:`date__input ${t}`,value:this.defaultValue,readOnly:this.autofilled,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onChange:t=>this.handleInput(t),onBlur:this.handleBlur}),i("small",{class:"date__error-message"},this.errorMessage),this.tooltip&&i("img",{class:"date__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}get element(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};ql.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.date{font-family:"Roboto";font-style:normal}.date__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.date__wrapper--autofilled{pointer-events:none}.date__wrapper--autofilled .date__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.date__wrapper--autofilled .date__input::part(input-field){color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.date__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.date__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.date__input{border:none;width:inherit;position:relative}.date__input[focused]::part(input-field){border:1px solid var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.date__input[invalid]::part(input-field){border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.date__input::part(input-field){border-radius:4px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));font-family:inherit;font-style:normal;font-size:16px;font-weight:300;line-height:1.5;padding:0;height:44px}.date__input>input{padding:5px 15px}.date__input::part(toggle-button){position:relative;right:10px}.date__error-message{position:absolute;top:calc(100% + 5px);left:0;color:#cc0000b3}.date__tooltip-icon{position:absolute;right:0;bottom:10px}.date__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.date__tooltip.visible{opacity:1}';const Rl=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.value=t.target.value,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value)}connectedCallback(){this.validationPattern=this.setPattern()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return r(`${i}`,this.language)?r(`${i}`,this.language):s}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return r("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return r("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return r(`${t}`,this.language)?r(`${t}`,this.language):e}}renderTooltip(){return this.showTooltip?i("div",{class:"email__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"email__input--invalid"),i("div",{class:`email__wrapper ${this.autofilled?"number__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"email__wrapper--flex"},i("label",{class:"email__label "+(this.validation.mandatory?"email__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"email__wrapper--relative"},this.tooltip&&i("img",{class:"email__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{id:`${this.name}__input`,type:"email",class:`email__input ${t}`,value:this.defaultValue,readOnly:this.autofilled,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,pattern:this.validationPattern,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{class:"email__error-message"},this.errorMessage))}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};Rl.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.email{font-family:"Roboto";font-style:normal}.email__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.email__wrapper--autofilled{pointer-events:none}.email__wrapper--autofilled .email__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.email__wrapper--autofilled .email__input::part(input-field){color:var(--emfe-w-color-black, #000000)}.email__wrapper--flex{display:flex;gap:5px}.email__wrapper--relative{position:relative}.email__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.email__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.email__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);background-color:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.email__input:focus{border:1px solid var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));outline-color:var(--emfe-w-color-primary, #D0046C)}.email__input--invalid{border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.email__input::placeholder{color:var(--emfe-w-color-gray-150, #828282)}.email__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.email__tooltip-icon{width:16px;height:auto}.email__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.email__tooltip.visible{opacity:1}';const Vl=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.value=t.target.value,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.touched=!0},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}))}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return r(`${i}`,this.language)?r(`${i}`,this.language):s}return this.inputReference.validity.rangeUnderflow||this.inputReference.validity.rangeOverflow?r("numberLengthError",this.language,{values:{min:this.validation.min,max:this.validation.max}}):this.inputReference.validity.valueMissing?r("requiredError",this.language):void 0}renderTooltip(){return this.showTooltip?i("div",{class:"number__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{class:`number__wrapper ${this.autofilled?"number__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"number__wrapper--flex"},i("label",{class:"number__label "+(this.validation.mandatory?"number__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"number__wrapper--relative"},this.tooltip&&i("img",{class:"number__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{ref:t=>this.inputReference=t,type:"number",value:this.defaultValue,readOnly:this.autofilled,id:`${this.name}__input`,class:`number__input ${t}`,pattern:this.validationPattern,placeholder:`${this.placeholder}`,required:this.validation.mandatory,max:this.validation.max,min:this.validation.min,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{class:"number__error-message"},this.errorMessage))}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};Vl.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.number{font-family:"Roboto";font-style:normal}.number__wrapper{position:relative;width:100%}.number__wrapper--autofilled{pointer-events:none}.number__wrapper--autofilled .number__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.number__wrapper--autofilled .number__input{color:var(--emfe-w-color-black, #000000)}.number__wrapper--flex{display:flex;gap:5px}.number__wrapper--relative{position:relative}.number__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.number__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.number__input{font-family:inherit;border-radius:5px;width:100%;height:44px;border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-color-black, #000000);border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;position:relative;-moz-appearance:textfield;}.number__input:focus{outline-color:#3E3E3E}.number__input::-webkit-outer-spin-button,.number__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number__input--invalid{border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.number__input::placeholder{color:#979797}.number__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.number__tooltip-icon{width:16px;height:auto}.number__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.number__tooltip.visible{opacity:1}',
|
|
3166
|
-
/**
|
|
3167
|
-
* @license
|
|
3168
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3169
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3170
|
-
*/
|
|
3171
|
-
mt("vaadin-text-field",Mr,{moduleId:"lumo-text-field-styles"});
|
|
3172
|
-
/**
|
|
3173
|
-
* @license
|
|
3174
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3175
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3176
|
-
*/
|
|
3177
|
-
const Hl=t=>class extends(Ko(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}
|
|
3178
|
-
/**
|
|
3179
|
-
* @license
|
|
3180
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3181
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3182
|
-
*/,Wl=t=>class extends(Hl(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new Js(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new ir(this.inputElement,this._labelController))}}
|
|
3183
|
-
/**
|
|
3184
|
-
* @license
|
|
3185
|
-
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3186
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3187
|
-
*/;mt("vaadin-text-field",Zo,{moduleId:"vaadin-text-field-styles"});class Yl extends(Wl(yt(Zi(Si)))){static get is(){return"vaadin-text-field"}static get template(){return Ei`
|
|
3188
|
-
<style>
|
|
3189
|
-
[part='input-field'] {
|
|
3190
|
-
flex-grow: 0;
|
|
3191
|
-
}
|
|
3192
|
-
</style>
|
|
3193
|
-
|
|
3194
|
-
<div class="vaadin-field-container">
|
|
3195
|
-
<div part="label">
|
|
3196
|
-
<slot name="label"></slot>
|
|
3197
|
-
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
3198
|
-
</div>
|
|
3199
|
-
|
|
3200
|
-
<vaadin-input-container
|
|
3201
|
-
part="input-field"
|
|
3202
|
-
readonly="[[readonly]]"
|
|
3203
|
-
disabled="[[disabled]]"
|
|
3204
|
-
invalid="[[invalid]]"
|
|
3205
|
-
theme$="[[_theme]]"
|
|
3206
|
-
>
|
|
3207
|
-
<slot name="prefix" slot="prefix"></slot>
|
|
3208
|
-
<slot name="input"></slot>
|
|
3209
|
-
<slot name="suffix" slot="suffix"></slot>
|
|
3210
|
-
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
3211
|
-
</vaadin-input-container>
|
|
3212
|
-
|
|
3213
|
-
<div part="helper-text">
|
|
3214
|
-
<slot name="helper"></slot>
|
|
3215
|
-
</div>
|
|
3216
|
-
|
|
3217
|
-
<div part="error-message">
|
|
3218
|
-
<slot name="error-message"></slot>
|
|
3219
|
-
</div>
|
|
3220
|
-
</div>
|
|
3221
|
-
<slot name="tooltip"></slot>
|
|
3222
|
-
`}static get properties(){return{maxlength:{type:Number},minlength:{type:Number}}}ready(){super.ready(),this._tooltipController=new as(this),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}n(Yl),mt("vaadin-password-field-button",[Cr,p`
|
|
3223
|
-
:host {
|
|
3224
|
-
position: absolute;
|
|
3225
|
-
right: 0;
|
|
3226
|
-
top: 0;
|
|
3227
|
-
margin: 0;
|
|
3228
|
-
padding: 0;
|
|
3229
|
-
width: 100%;
|
|
3230
|
-
height: 100%;
|
|
3231
|
-
min-width: auto;
|
|
3232
|
-
background: transparent;
|
|
3233
|
-
outline: none;
|
|
3234
|
-
}
|
|
3235
|
-
`],{moduleId:"lumo-password-field-button"}),mt("vaadin-password-field",[Mr,p`
|
|
3236
|
-
[part='reveal-button']::before {
|
|
3237
|
-
content: var(--lumo-icons-eye);
|
|
3238
|
-
}
|
|
3239
|
-
|
|
3240
|
-
:host([password-visible]) [part='reveal-button']::before {
|
|
3241
|
-
content: var(--lumo-icons-eye-disabled);
|
|
3242
|
-
}
|
|
3243
|
-
|
|
3244
|
-
/* Make it easy to hide the button across the whole app */
|
|
3245
|
-
[part='reveal-button'] {
|
|
3246
|
-
position: relative;
|
|
3247
|
-
display: var(--lumo-password-field-reveal-button-display, block);
|
|
3248
|
-
}
|
|
3249
|
-
|
|
3250
|
-
[part='reveal-button'][hidden] {
|
|
3251
|
-
display: none !important;
|
|
3252
|
-
}
|
|
3253
|
-
`],{moduleId:"lumo-password-field"}),n(
|
|
3254
|
-
/**
|
|
3255
|
-
* @license
|
|
3256
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3257
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3258
|
-
*/
|
|
3259
|
-
class extends Er{static get is(){return"vaadin-password-field-button"}static get template(){return Ei`
|
|
3260
|
-
<style>
|
|
3261
|
-
:host {
|
|
3262
|
-
display: block;
|
|
3263
|
-
}
|
|
3264
|
-
|
|
3265
|
-
:host([hidden]) {
|
|
3266
|
-
display: none !important;
|
|
3267
|
-
}
|
|
3268
|
-
</style>
|
|
3269
|
-
<slot name="tooltip"></slot>
|
|
3270
|
-
`}});
|
|
3271
|
-
/**
|
|
3272
|
-
* @license
|
|
3273
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3274
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3275
|
-
*/
|
|
3276
|
-
const Ul=Ei`
|
|
3277
|
-
<div part="reveal-button" slot="suffix">
|
|
3278
|
-
<slot name="reveal"></slot>
|
|
3279
|
-
</div>
|
|
3280
|
-
`;let Gl;n(class extends Yl{static get is(){return"vaadin-password-field"}static get template(){if(!Gl){Gl=super.template.cloneNode(!0);const t=Ul.content.querySelector('[part="reveal-button"]');Gl.content.querySelector('[part="input-field"]').appendChild(t)}return Gl}static get properties(){return{revealButtonHidden:{type:Boolean,observer:"_revealButtonHiddenChanged",value:!1},passwordVisible:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_passwordVisibleChanged",readOnly:!0},i18n:{type:Object,value:()=>({reveal:"Show password"})}}}static get observers(){return["__i18nChanged(i18n.*)"]}constructor(){super(),this._setType("password"),this.__boundRevealButtonClick=this._onRevealButtonClick.bind(this),this.__boundRevealButtonMouseDown=this._onRevealButtonMouseDown.bind(this),this.__lastChange=""}get slotStyles(){return[...super.slotStyles,`\n ${this.localName} [slot="input"]::-ms-reveal {\n display: none;\n }\n `]}get _revealNode(){return this._revealButtonController&&this._revealButtonController.node}ready(){super.ready(),this._revealPart=this.shadowRoot.querySelector('[part="reveal-button"]'),this._revealButtonController=new ns(this,"reveal","vaadin-password-field-button",{initializer:t=>{t.disabled=this.disabled,t.addEventListener("click",this.__boundRevealButtonClick),t.addEventListener("mousedown",this.__boundRevealButtonMouseDown)}}),this.addController(this._revealButtonController),this.__updateAriaLabel(this.i18n),this._updateToggleState(!1),this._toggleRevealHidden(this.revealButtonHidden),this.inputElement&&(this.inputElement.autocapitalize="off")}_onChange(t){super._onChange(t),this.__lastChange=this.inputElement.value}_shouldSetFocus(t){return t.target===this.inputElement||t.target===this._revealNode}_shouldRemoveFocus(t){return!(t.relatedTarget===this._revealNode||t.relatedTarget===this.inputElement&&t.target===this._revealNode)}_setFocused(t){if(super._setFocused(t),t){const t=this.getRootNode().activeElement===this._revealNode;this.toggleAttribute("focus-ring",this._keyboardActive&&!t)}else this._setPasswordVisible(!1),this.__lastChange!==this.inputElement.value&&(this.__lastChange=this.inputElement.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0})))}__updateAriaLabel(t){t.reveal&&this._revealNode&&this._revealNode.setAttribute("aria-label",t.reveal)}__i18nChanged(t){this.__updateAriaLabel(t.base)}_revealButtonHiddenChanged(t){this._toggleRevealHidden(t)}_togglePasswordVisibility(){this._setPasswordVisible(!this.passwordVisible)}_onRevealButtonClick(){this._togglePasswordVisibility()}_onRevealButtonMouseDown(t){t.preventDefault(),this.inputElement.focus()}_toggleRevealHidden(t){this._revealNode&&(t?(this._revealPart.setAttribute("hidden",""),this._revealNode.setAttribute("tabindex","-1"),this._revealNode.setAttribute("aria-hidden","true")):(this._revealPart.removeAttribute("hidden"),this._revealNode.setAttribute("tabindex","0"),this._revealNode.removeAttribute("aria-hidden")))}_updateToggleState(t){this._revealNode&&this._revealNode.setAttribute("aria-pressed",t?"true":"false")}_passwordVisibleChanged(t){this._setType(t?"text":"password"),this._updateToggleState(t)}_disabledChanged(t,e){super._disabledChanged(t,e),this._revealNode&&(this._revealNode.disabled=t)}});const Ql=class{constructor(i){t(this,i),this.sendOriginalValidityState=e(this,"sendOriginalValidityState",7),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.clientStyling="",this.clientStylingUrl="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.touched=!1,this.originalValid=!1,this.validationPattern="",this.duplicateInputValue=null,this.handleInput=t=>{this.value=t.target.value,this.calculateComplexity(this.value),0===this.validation.custom.length||(this.showPopup=!0),this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.showPopup=!1,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage()},this.handleFocus=()=>{0===this.validation.custom.length||(this.showPopup=!0),this.calculateComplexity(this.value)},this.setClientStyling=()=>{const t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{const t=new URL(this.clientStylingUrl),e=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{e.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(e)}),1)})).catch((t=>{console.error(t)}))}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}valueChanged(){this.isDuplicateInput||(this.calculateComplexity(this.value),this.sendOriginalValidityState.emit({name:this.name,valid:this.setValidity()}))}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"duplicate"})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}originalValidityChangedHandler(t){this.isDuplicateInput&&(t.detail.valid?(this.originalValid=!0,this.isValid=this.setValidity()):(this.originalValid=!1,this.isValid=!1,""!==this.value&&(this.errorMessage=this.setErrorMessage())))}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.passwordButton=this.element.shadowRoot.querySelector("vaadin-password-field-button"),this.passwordButton.tabIndex=-1,this.defaultValue&&(this.value=this.defaultValue,this.calculateComplexity(this.value),this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.duplicateInputValue=this.defaultValue,this.touched=!0)),this.isValid=this.setValidity()}calculateComplexity(t){this.passwordComplexity=this.validation.custom.filter((t=>"regex"===t.rule.toLowerCase())).map((e=>{const i=new RegExp(e.pattern).test(t);return{rule:e.displayName,ruleKey:e.errorKey,passed:i}}))}setValidity(){var t,e;return(!this.isDuplicateInput||this.duplicateInputValue===this.value)&&!!(null===(t=this.passwordComplexity)||void 0===t?void 0:t.every((t=>t.passed)))&&(null===(e=this.inputReference)||void 0===e?void 0:e.validity.valid)}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if(this.isDuplicateInput&&!this.originalValid)return r("invalidOriginalPasswordError",this.language);if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return r(`${i}`,this.language)?r(`${i}`,this.language):s}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return r("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return r("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return r(`${t}`,this.language)?r(`${t}`,this.language):e}}renderTooltip(){return this.showTooltip?i("div",{class:"password__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}renderComplexityPopup(){const t=this.passwordComplexity.length,e=this.passwordComplexity.filter((t=>t.passed)).length/t,s=this.passwordComplexity.every((t=>t.passed));return i("div",{class:"password__complexity "+(this.showPopup?"":"password__complexity--hidden")},i("div",{class:"password__complexity--strength"},i("p",{class:"password__complexity--text"},r("passwordStrength",this.language)," ",i("span",{class:"password__complexity--text-bold"},r(s?"passwordStrengthStrong":"passwordStrengthWeak",this.language))),i("meter",{value:e,min:"0",max:"1"})),i("div",null,this.passwordComplexity.map(((t,e)=>i("div",{key:e},i("input",{class:"password__complexity--checkbox",type:"checkbox",checked:t.passed,disabled:!0}),i("span",null,r(`${t.ruleKey}`,this.language)?r(`${t.ruleKey}`,this.language):t.rule))))))}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{class:`password__wrapper ${this.autofilled?"password__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"password__wrapper--flex"},i("label",{class:"password__label "+(this.validation.mandatory?"password__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"password__wrapper--relative"},this.tooltip&&i("img",{class:"password__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-password-field",{type:"password",id:`${this.name}__input`,class:`password__input ${t}`,name:this.name,readOnly:this.autofilled,value:this.defaultValue,required:this.validation.mandatory,maxlength:this.validation.maxLength,minlength:this.validation.minLength,pattern:this.validationPattern,placeholder:`${this.placeholder}`,onInput:this.handleInput,onBlur:this.handleBlur,onFocus:this.handleFocus}),i("small",{class:"password__error-message"},this.errorMessage),this.passwordComplexity&&this.showPopup&&!this.isDuplicateInput&&this.renderComplexityPopup())}get element(){return s(this)}static get watchers(){return{isValid:["validityChanged"],value:["valueChanged"],emitValue:["emitValueHandler"]}}};Ql.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.password{font-family:"Roboto";font-style:normal}.password__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.password__wrapper--autofilled{pointer-events:none}.password__wrapper--autofilled .password__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.password__wrapper--autofilled .password__input::part(input-field){color:var(--emfe-w-color-black, #000000)}.password__wrapper--flex{display:flex;gap:5px}.password__wrapper--relative{position:relative}.password__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.password__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.password__input{width:inherit;border:none}.password__input[focused]::part(input-field){border-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.password__input[invalid]::part(input-field){border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.password__input::part(input-field){border-radius:4px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-color-black, #000000);background-color:var(--emfe-w-color-white, #FFFFFF);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;position:relative;margin-bottom:unset;height:44px;padding:0;width:100%}.password__input::part(reveal-button){position:relative;right:10px}.password__input::part(reveal-button)::before{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.password__input>input{padding:5px 15px}.password__input>input:placeholder-shown{color:var(--emfe-w-color-gray-150, #828282)}.password__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.password__complexity{position:relative;padding:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;font-weight:300;background:var(--emfe-w-color-white, #FFFFFF);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;height:150px;border:1px solid #B0B0B0;}.password__complexity meter{border-color:transparent;}.password__complexity meter[value="1"]::-moz-meter-bar{background-color:var(--emfe-w-color-valid, #48952a)}.password__complexity meter[value="1"]::-webkit-meter-optimum-value{background-color:var(--emfe-w-color-valid, #48952a)}.password__complexity meter:not([value="1"])::-moz-meter-bar{background-color:var(--emfe-w-color-error, #FD2839)}.password__complexity meter:not([value="1"])::-webkit-meter-optimum-value{background-color:var(--emfe-w-color-error, #FD2839)}.password__complexity--strength{display:flex;justify-content:space-evenly;align-items:center}.password__complexity--strength meter::-moz-meter-bar{background:#B0B0B0}.password__complexity--hidden{display:none}.password__complexity--text-bold{font-weight:500}.password__complexity--checkbox{margin-right:5px}.password__complexity:after{content:"";position:absolute;width:25px;height:25px;border-top:1px solid var(--emfe-w-color-gray-150, #828282);border-right:0 solid var(--emfe-w-color-gray-150, #828282);border-left:1px solid var(--emfe-w-color-gray-150, #828282);border-bottom:0 solid var(--emfe-w-color-gray-150, #828282);bottom:92%;left:50%;margin-left:-25px;transform:rotate(45deg);margin-top:-25px;background-color:var(--emfe-w-color-white, #FFFFFF)}.password__tooltip-icon{width:16px;height:auto}.password__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-150, #828282);color:#2B2D3F;padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.password__tooltip.visible{opacity:1}';const Xl=class{constructor(i){t(this,i),this.sendInputValue=e(this,"sendInputValue",7),this.sendValidityState=e(this,"sendValidityState",7),this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}validityStateHandler(t){this.sendValidityState.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(t){this.value=t.target.value,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return r("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"radio__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("fieldset",{class:`radio__fieldset ${this.name}__input`,ref:t=>this.stylingContainer=t},i("legend",{class:"radio__legend"},this.displayName,":"),this.optionsGroup.map((t=>i("div",{class:"radio__wrapper"},i("input",{type:"radio",class:"radio__input",id:`${t.label}__input`,ref:t=>this.inputReference=t,value:t.value,name:this.name,required:this.validation.mandatory,onClick:t=>this.handleClick(t)}),i("label",{htmlFor:`${t.label}__input`},t.label)))),i("small",{class:"radio__error-message"},this.errorMessage),this.tooltip&&i("img",{class:"radio__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};Xl.style="*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.radio__fieldset{border:none;position:relative}.radio__wrapper{display:flex;gap:5px}.radio__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.radio__tooltip-icon{position:absolute;right:0;bottom:10px}.radio__tooltip{position:absolute;bottom:35px;right:10px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.radio__tooltip.visible{opacity:1}";const Jl=p`
|
|
3281
|
-
:host {
|
|
3282
|
-
display: flex;
|
|
3283
|
-
align-items: center;
|
|
3284
|
-
box-sizing: border-box;
|
|
3285
|
-
font-family: var(--lumo-font-family);
|
|
3286
|
-
font-size: var(--lumo-font-size-m);
|
|
3287
|
-
line-height: var(--lumo-line-height-xs);
|
|
3288
|
-
padding: 0.5em calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4) 0.5em
|
|
3289
|
-
var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4));
|
|
3290
|
-
min-height: var(--lumo-size-m);
|
|
3291
|
-
outline: none;
|
|
3292
|
-
border-radius: var(--lumo-border-radius-m);
|
|
3293
|
-
cursor: var(--lumo-clickable-cursor);
|
|
3294
|
-
-webkit-font-smoothing: antialiased;
|
|
3295
|
-
-moz-osx-font-smoothing: grayscale;
|
|
3296
|
-
-webkit-tap-highlight-color: var(--lumo-primary-color-10pct);
|
|
3297
|
-
}
|
|
3298
|
-
|
|
3299
|
-
/* Checkmark */
|
|
3300
|
-
[part='checkmark']::before {
|
|
3301
|
-
display: var(--_lumo-item-selected-icon-display, none);
|
|
3302
|
-
content: var(--lumo-icons-checkmark);
|
|
3303
|
-
font-family: lumo-icons;
|
|
3304
|
-
font-size: var(--lumo-icon-size-m);
|
|
3305
|
-
line-height: 1;
|
|
3306
|
-
font-weight: normal;
|
|
3307
|
-
width: 1em;
|
|
3308
|
-
height: 1em;
|
|
3309
|
-
margin: calc((1 - var(--lumo-line-height-xs)) * var(--lumo-font-size-m) / 2) 0;
|
|
3310
|
-
color: var(--lumo-primary-text-color);
|
|
3311
|
-
flex: none;
|
|
3312
|
-
opacity: 0;
|
|
3313
|
-
transition: transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), opacity 0.1s;
|
|
3314
|
-
}
|
|
3315
|
-
|
|
3316
|
-
:host([selected]) [part='checkmark']::before {
|
|
3317
|
-
opacity: 1;
|
|
3318
|
-
}
|
|
3319
|
-
|
|
3320
|
-
:host([active]:not([selected])) [part='checkmark']::before {
|
|
3321
|
-
transform: scale(0.8);
|
|
3322
|
-
opacity: 0;
|
|
3323
|
-
transition-duration: 0s;
|
|
3324
|
-
}
|
|
3325
|
-
|
|
3326
|
-
[part='content'] {
|
|
3327
|
-
flex: auto;
|
|
3328
|
-
}
|
|
3329
|
-
|
|
3330
|
-
/* Disabled */
|
|
3331
|
-
:host([disabled]) {
|
|
3332
|
-
color: var(--lumo-disabled-text-color);
|
|
3333
|
-
cursor: default;
|
|
3334
|
-
pointer-events: none;
|
|
3335
|
-
}
|
|
3336
|
-
|
|
3337
|
-
/* TODO a workaround until we have "focus-follows-mouse". After that, use the hover style for focus-ring as well */
|
|
3338
|
-
@media (any-hover: hover) {
|
|
3339
|
-
:host(:hover:not([disabled])) {
|
|
3340
|
-
background-color: var(--lumo-primary-color-10pct);
|
|
3341
|
-
}
|
|
3342
|
-
|
|
3343
|
-
:host([focus-ring]:not([disabled])) {
|
|
3344
|
-
box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
3345
|
-
}
|
|
3346
|
-
}
|
|
3347
|
-
|
|
3348
|
-
/* RTL specific styles */
|
|
3349
|
-
:host([dir='rtl']) {
|
|
3350
|
-
padding-left: calc(var(--lumo-space-l) + var(--lumo-border-radius-m) / 4);
|
|
3351
|
-
padding-right: var(--_lumo-list-box-item-padding-left, calc(var(--lumo-border-radius-m) / 4));
|
|
3352
|
-
}
|
|
3353
|
-
|
|
3354
|
-
/* Slotted icons */
|
|
3355
|
-
:host ::slotted(vaadin-icon) {
|
|
3356
|
-
width: var(--lumo-icon-size-m);
|
|
3357
|
-
height: var(--lumo-icon-size-m);
|
|
3358
|
-
}
|
|
3359
|
-
`;mt("vaadin-item",Jl,{moduleId:"lumo-item"}),mt("vaadin-combo-box-item",[Jl,p`
|
|
3360
|
-
:host {
|
|
3361
|
-
transition: background-color 100ms;
|
|
3362
|
-
overflow: hidden;
|
|
3363
|
-
--_lumo-item-selected-icon-display: block;
|
|
3364
|
-
}
|
|
3365
|
-
|
|
3366
|
-
@media (any-hover: hover) {
|
|
3367
|
-
:host([focused]:not([disabled])) {
|
|
3368
|
-
box-shadow: inset 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
3369
|
-
}
|
|
3370
|
-
}
|
|
3371
|
-
`],{moduleId:"lumo-combo-box-item"}),mt("vaadin-combo-box-overlay",[_r,xr,p`
|
|
3372
|
-
[part='content'] {
|
|
3373
|
-
padding: 0;
|
|
3374
|
-
}
|
|
3375
|
-
|
|
3376
|
-
/* When items are empty, the spinner needs some room */
|
|
3377
|
-
:host(:not([closing])) [part~='content'] {
|
|
3378
|
-
min-height: calc(2 * var(--lumo-space-s) + var(--lumo-icon-size-s));
|
|
3379
|
-
}
|
|
3380
|
-
|
|
3381
|
-
[part~='overlay'] {
|
|
3382
|
-
position: relative;
|
|
3383
|
-
}
|
|
3384
|
-
|
|
3385
|
-
:host([top-aligned]) [part~='overlay'] {
|
|
3386
|
-
margin-top: var(--lumo-space-xs);
|
|
3387
|
-
}
|
|
3388
|
-
|
|
3389
|
-
:host([bottom-aligned]) [part~='overlay'] {
|
|
3390
|
-
margin-bottom: var(--lumo-space-xs);
|
|
3391
|
-
}
|
|
3392
|
-
`,p`
|
|
3393
|
-
[part~='loader'] {
|
|
3394
|
-
box-sizing: border-box;
|
|
3395
|
-
width: var(--lumo-icon-size-s);
|
|
3396
|
-
height: var(--lumo-icon-size-s);
|
|
3397
|
-
border: 2px solid transparent;
|
|
3398
|
-
border-color: var(--lumo-primary-color-10pct) var(--lumo-primary-color-10pct) var(--lumo-primary-color)
|
|
3399
|
-
var(--lumo-primary-color);
|
|
3400
|
-
border-radius: calc(0.5 * var(--lumo-icon-size-s));
|
|
3401
|
-
opacity: 0;
|
|
3402
|
-
pointer-events: none;
|
|
3403
|
-
}
|
|
3404
|
-
|
|
3405
|
-
:host(:not([loading])) [part~='loader'] {
|
|
3406
|
-
display: none;
|
|
3407
|
-
}
|
|
3408
|
-
|
|
3409
|
-
:host([loading]) [part~='loader'] {
|
|
3410
|
-
animation: 1s linear infinite lumo-loader-rotate, 0.3s 0.1s lumo-loader-fade-in both;
|
|
3411
|
-
}
|
|
3412
|
-
|
|
3413
|
-
@keyframes lumo-loader-fade-in {
|
|
3414
|
-
0% {
|
|
3415
|
-
opacity: 0;
|
|
3416
|
-
}
|
|
3417
|
-
|
|
3418
|
-
100% {
|
|
3419
|
-
opacity: 1;
|
|
3420
|
-
}
|
|
3421
|
-
}
|
|
3422
|
-
|
|
3423
|
-
@keyframes lumo-loader-rotate {
|
|
3424
|
-
0% {
|
|
3425
|
-
transform: rotate(0deg);
|
|
3426
|
-
}
|
|
3427
|
-
|
|
3428
|
-
100% {
|
|
3429
|
-
transform: rotate(360deg);
|
|
3430
|
-
}
|
|
3431
|
-
}
|
|
3432
|
-
`,p`
|
|
3433
|
-
[part~='loader'] {
|
|
3434
|
-
position: absolute;
|
|
3435
|
-
z-index: 1;
|
|
3436
|
-
left: var(--lumo-space-s);
|
|
3437
|
-
right: var(--lumo-space-s);
|
|
3438
|
-
top: var(--lumo-space-s);
|
|
3439
|
-
margin-left: auto;
|
|
3440
|
-
margin-inline-start: auto;
|
|
3441
|
-
margin-inline-end: 0;
|
|
3442
|
-
}
|
|
3443
|
-
|
|
3444
|
-
:host([dir='rtl']) [part~='loader'] {
|
|
3445
|
-
left: auto;
|
|
3446
|
-
margin-left: 0;
|
|
3447
|
-
margin-right: auto;
|
|
3448
|
-
margin-inline-start: 0;
|
|
3449
|
-
margin-inline-end: auto;
|
|
3450
|
-
}
|
|
3451
|
-
`,p`
|
|
3452
|
-
:host {
|
|
3453
|
-
--_vaadin-combo-box-items-container-border-width: var(--lumo-space-xs);
|
|
3454
|
-
--_vaadin-combo-box-items-container-border-style: solid;
|
|
3455
|
-
}
|
|
3456
|
-
`],{moduleId:"lumo-combo-box-overlay"}),mt("vaadin-combo-box",[Mr,p`
|
|
3457
|
-
:host {
|
|
3458
|
-
outline: none;
|
|
3459
|
-
}
|
|
3460
|
-
|
|
3461
|
-
[part='toggle-button']::before {
|
|
3462
|
-
content: var(--lumo-icons-dropdown);
|
|
3463
|
-
}
|
|
3464
|
-
`],{moduleId:"lumo-combo-box"});
|
|
3465
|
-
/**
|
|
3466
|
-
* @license
|
|
3467
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3468
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3469
|
-
*/
|
|
3470
|
-
const Kl=t=>class extends t{static get properties(){return{index:{type:Number},item:{type:Object},label:{type:String},selected:{type:Boolean,value:!1,reflectToAttribute:!0},focused:{type:Boolean,value:!1,reflectToAttribute:!0},renderer:{type:Function}}}static get observers(){return["__rendererOrItemChanged(renderer, index, item.*, selected, focused)","__updateLabel(label, renderer)"]}static get observedAttributes(){return[...super.observedAttributes,"hidden"]}attributeChangedCallback(t,e,i){"hidden"===t&&null!==i?this.index=void 0:super.attributeChangedCallback(t,e,i)}connectedCallback(){super.connectedCallback(),this._owner=this.parentNode.owner;const t=this._owner.getAttribute("dir");t&&this.setAttribute("dir",t)}requestContentUpdate(){this.renderer&&this.renderer(this,this._owner,{index:this.index,item:this.item,focused:this.focused,selected:this.selected})}__rendererOrItemChanged(t,e,i){void 0!==i&&void 0!==e&&(this._oldRenderer!==t&&(this.innerHTML="",delete this._$litPart$),t&&(this._oldRenderer=t,this.requestContentUpdate()))}__updateLabel(t,e){e||(this.textContent=t)}}
|
|
3471
|
-
/**
|
|
3472
|
-
* @license
|
|
3473
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3474
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3475
|
-
*/;class Zl extends(Kl(yt(Xi(Si)))){static get template(){return Ei`
|
|
3476
|
-
<style>
|
|
3477
|
-
:host {
|
|
3478
|
-
display: block;
|
|
3479
|
-
}
|
|
3480
|
-
|
|
3481
|
-
:host([hidden]) {
|
|
3482
|
-
display: none;
|
|
3483
|
-
}
|
|
3484
|
-
</style>
|
|
3485
|
-
<span part="checkmark" aria-hidden="true"></span>
|
|
3486
|
-
<div part="content">
|
|
3487
|
-
<slot></slot>
|
|
3488
|
-
</div>
|
|
3489
|
-
`}static get is(){return"vaadin-combo-box-item"}}n(Zl);
|
|
3490
|
-
/**
|
|
3491
|
-
* @license
|
|
3492
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3493
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3494
|
-
*/
|
|
3495
|
-
const th=t=>class extends(ao(t)){static get observers(){return["_setOverlayWidth(positionTarget, opened)"]}constructor(){super(),this.requiredVerticalSpace=200}connectedCallback(){super.connectedCallback();const t=this._comboBox,e=t&&t.getAttribute("dir");e&&this.setAttribute("dir",e)}_shouldCloseOnOutsideClick(t){const e=t.composedPath();return!e.includes(this.positionTarget)&&!e.includes(this)}_setOverlayWidth(t,e){if(t&&e){const e=this.localName;this.style.setProperty(`--_${e}-default-width`,`${t.clientWidth}px`);const i=getComputedStyle(this._comboBox).getPropertyValue(`--${e}-width`);""===i?this.style.removeProperty(`--${e}-width`):this.style.setProperty(`--${e}-width`,i),this._updatePosition()}}}
|
|
3496
|
-
/**
|
|
3497
|
-
* @license
|
|
3498
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3499
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3500
|
-
*/;mt("vaadin-combo-box-overlay",[lo,p`
|
|
3501
|
-
#overlay {
|
|
3502
|
-
width: var(--vaadin-combo-box-overlay-width, var(--_vaadin-combo-box-overlay-default-width, auto));
|
|
3503
|
-
}
|
|
3504
|
-
|
|
3505
|
-
[part='content'] {
|
|
3506
|
-
display: flex;
|
|
3507
|
-
flex-direction: column;
|
|
3508
|
-
height: 100%;
|
|
3509
|
-
}
|
|
3510
|
-
`],{moduleId:"vaadin-combo-box-overlay-styles"});class eh extends(th(so(Xi(yt(Si))))){static get is(){return"vaadin-combo-box-overlay"}static get template(){return Ei`
|
|
3511
|
-
<div id="backdrop" part="backdrop" hidden></div>
|
|
3512
|
-
<div part="overlay" id="overlay">
|
|
3513
|
-
<div part="loader"></div>
|
|
3514
|
-
<div part="content" id="content"><slot></slot></div>
|
|
3515
|
-
</div>
|
|
3516
|
-
`}}
|
|
3517
|
-
/**
|
|
3518
|
-
* @license
|
|
3519
|
-
* Copyright (c) 2023 Vaadin Ltd.
|
|
3520
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3521
|
-
*/
|
|
3522
|
-
function ih(t,e){return t.split(".").reduce(((t,e)=>t?t[e]:void 0),e)}
|
|
3523
|
-
/**
|
|
3524
|
-
* @license
|
|
3525
|
-
* Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
|
|
3526
|
-
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3527
|
-
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3528
|
-
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3529
|
-
* Code distributed by Google as part of the polymer project is also
|
|
3530
|
-
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3531
|
-
*/n(eh);const sh=navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/u),rh=sh&&sh[1]>=8,oh={_ratio:.5,_scrollerPaddingTop:0,_scrollPosition:0,_physicalSize:0,_physicalAverage:0,_physicalAverageCount:0,_physicalTop:0,_virtualCount:0,_estScrollHeight:0,_scrollHeight:0,_viewportHeight:0,_viewportWidth:0,_physicalItems:null,_physicalSizes:null,_firstVisibleIndexVal:null,_lastVisibleIndexVal:null,_maxPages:2,_templateCost:0,get _physicalBottom(){return this._physicalTop+this._physicalSize},get _scrollBottom(){return this._scrollPosition+this._viewportHeight},get _virtualEnd(){return this._virtualStart+this._physicalCount-1},get _hiddenContentSize(){return this._physicalSize-this._viewportHeight},get _maxScrollTop(){return this._estScrollHeight-this._viewportHeight+this._scrollOffset},get _maxVirtualStart(){return Math.max(0,this._virtualCount-this._physicalCount)},get _virtualStart(){return this._virtualStartVal||0},set _virtualStart(t){t=this._clamp(t,0,this._maxVirtualStart),this._virtualStartVal=t},get _physicalStart(){return this._physicalStartVal||0},set _physicalStart(t){(t%=this._physicalCount)<0&&(t=this._physicalCount+t),this._physicalStartVal=t},get _physicalEnd(){return(this._physicalStart+this._physicalCount-1)%this._physicalCount},get _physicalCount(){return this._physicalCountVal||0},set _physicalCount(t){this._physicalCountVal=t},get _optPhysicalSize(){return 0===this._viewportHeight?1/0:this._viewportHeight*this._maxPages},get _isVisible(){return Boolean(this.offsetWidth||this.offsetHeight)},get firstVisibleIndex(){let t=this._firstVisibleIndexVal;if(null==t){let e=this._physicalTop+this._scrollOffset;t=this._iterateItems(((t,i)=>{if(e+=this._getPhysicalSizeIncrement(t),e>this._scrollPosition)return i}))||0,this._firstVisibleIndexVal=t}return t},get lastVisibleIndex(){let t=this._lastVisibleIndexVal;if(null==t){let e=this._physicalTop+this._scrollOffset;this._iterateItems(((i,s)=>{e<this._scrollBottom&&(t=s),e+=this._getPhysicalSizeIncrement(i)})),this._lastVisibleIndexVal=t}return t},get _scrollOffset(){return this._scrollerPaddingTop+this.scrollOffset},_scrollHandler(){const t=Math.max(0,Math.min(this._maxScrollTop,this._scrollTop));let e=t-this._scrollPosition;const i=e>=0;if(this._scrollPosition=t,this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,Math.abs(e)>this._physicalSize&&this._physicalSize>0){e-=this._scrollOffset;const t=Math.round(e/this._physicalAverage);this._virtualStart+=t,this._physicalStart+=t,this._physicalTop=Math.min(Math.floor(this._virtualStart)*this._physicalAverage,this._scrollPosition),this._update()}else if(this._physicalCount>0){const t=this._getReusables(i);i?(this._physicalTop=t.physicalTop,this._virtualStart+=t.indexes.length,this._physicalStart+=t.indexes.length):(this._virtualStart-=t.indexes.length,this._physicalStart-=t.indexes.length),this._update(t.indexes,i?null:t.indexes),this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,0),qi)}},_getReusables(t){let e,i,s;const r=[],o=this._hiddenContentSize*this._ratio,n=this._virtualStart,a=this._virtualEnd,l=this._physicalCount;let h=this._physicalTop+this._scrollOffset;const c=this._scrollPosition,u=this._scrollBottom;for(t?(e=this._physicalStart,i=c-h):(e=this._physicalEnd,i=this._physicalBottom+this._scrollOffset-u);s=this._getPhysicalSizeIncrement(e),i-=s,!(r.length>=l||i<=o);)if(t){if(a+r.length+1>=this._virtualCount)break;if(h+s>=c-this._scrollOffset)break;r.push(e),h+=s,e=(e+1)%l}else{if(n-r.length<=0)break;if(h+this._physicalSize-s<=u)break;r.push(e),h-=s,e=0===e?l-1:e-1}return{indexes:r,physicalTop:h-this._scrollOffset}},_update(t,e){if(!(t&&0===t.length||0===this._physicalCount)){if(this._assignModels(t),this._updateMetrics(t),e)for(;e.length;){const t=e.pop();this._physicalTop-=this._getPhysicalSizeIncrement(t)}this._positionItems(),this._updateScrollerSize()}},_isClientFull(){return 0!==this._scrollBottom&&this._physicalBottom-1>=this._scrollBottom&&this._physicalTop<=this._scrollPosition},_increasePoolIfNeeded(t){const e=this._clamp(this._physicalCount+t,3,this._virtualCount-this._virtualStart)-this._physicalCount;let i=Math.round(.5*this._physicalCount);if(!(e<0)){if(e>0){const t=window.performance.now();[].push.apply(this._physicalItems,this._createPool(e));for(let t=0;t<e;t++)this._physicalSizes.push(0);this._physicalCount+=e,this._physicalStart>this._physicalEnd&&this._isIndexRendered(this._focusedVirtualIndex)&&this._getPhysicalIndex(this._focusedVirtualIndex)<this._physicalEnd&&(this._physicalStart+=e),this._update(),this._templateCost=(window.performance.now()-t)/e,i=Math.round(.5*this._physicalCount)}this._virtualEnd>=this._virtualCount-1||0===i||(this._isClientFull()?this._physicalSize<this._optPhysicalSize&&this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,this._clamp(Math.round(50/this._templateCost),1,i)),$i):this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,i),qi))}},_render(){if(this.isAttached&&this._isVisible)if(0!==this._physicalCount){const t=this._getReusables(!0);this._physicalTop=t.physicalTop,this._virtualStart+=t.indexes.length,this._physicalStart+=t.indexes.length,this._update(t.indexes),this._update(),this._increasePoolIfNeeded(0)}else this._virtualCount>0&&(this.updateViewportBoundaries(),this._increasePoolIfNeeded(3))},_itemsChanged(t){"items"===t.path&&(this._virtualStart=0,this._physicalTop=0,this._virtualCount=this.items?this.items.length:0,this._physicalIndexForKey={},this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,this._physicalItems||(this._physicalItems=[]),this._physicalSizes||(this._physicalSizes=[]),this._physicalStart=0,this._scrollTop>this._scrollOffset&&this._resetScrollPosition(0),this._debounce("_render",this._render,ji))},_iterateItems(t,e){let i,s,r,o;if(2===arguments.length&&e){for(o=0;o<e.length;o++)if(i=e[o],s=this._computeVidx(i),null!=(r=t.call(this,i,s)))return r}else{for(i=this._physicalStart,s=this._virtualStart;i<this._physicalCount;i++,s++)if(null!=(r=t.call(this,i,s)))return r;for(i=0;i<this._physicalStart;i++,s++)if(null!=(r=t.call(this,i,s)))return r}},_computeVidx(t){return t>=this._physicalStart?this._virtualStart+(t-this._physicalStart):this._virtualStart+(this._physicalCount-this._physicalStart)+t},_positionItems(){this._adjustScrollPosition();let t=this._physicalTop;this._iterateItems((e=>{this.translate3d(0,`${t}px`,0,this._physicalItems[e]),t+=this._physicalSizes[e]}))},_getPhysicalSizeIncrement(t){return this._physicalSizes[t]},_adjustScrollPosition(){const t=0===this._virtualStart?this._physicalTop:Math.min(this._scrollPosition+this._physicalTop,0);if(0!==t){this._physicalTop-=t;const e=this._scrollPosition;!rh&&e>0&&this._resetScrollPosition(e-t)}},_resetScrollPosition(t){this.scrollTarget&&t>=0&&(this._scrollTop=t,this._scrollPosition=this._scrollTop)},_updateScrollerSize(t){const e=this._physicalBottom+Math.max(this._virtualCount-this._physicalCount-this._virtualStart,0)*this._physicalAverage;this._estScrollHeight=e,(t||0===this._scrollHeight||this._scrollPosition>=e-this._physicalSize||Math.abs(e-this._scrollHeight)>=this._viewportHeight)&&(this.$.items.style.height=`${e}px`,this._scrollHeight=e)},scrollToIndex(t){if("number"!=typeof t||t<0||t>this.items.length-1)return;if(Yi(),0===this._physicalCount)return;t=this._clamp(t,0,this._virtualCount-1),(!this._isIndexRendered(t)||t>=this._maxVirtualStart)&&(this._virtualStart=t-1),this._assignModels(),this._updateMetrics(),this._physicalTop=this._virtualStart*this._physicalAverage;let e=this._physicalStart,i=this._virtualStart,s=0;const r=this._hiddenContentSize;for(;i<t&&s<=r;)s+=this._getPhysicalSizeIncrement(e),e=(e+1)%this._physicalCount,i+=1;this._updateScrollerSize(!0),this._positionItems(),this._resetScrollPosition(this._physicalTop+this._scrollOffset+s),this._increasePoolIfNeeded(0),this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null},_resetAverage(){this._physicalAverage=0,this._physicalAverageCount=0},_resizeHandler(){this._debounce("_render",(()=>{this._firstVisibleIndexVal=null,this._lastVisibleIndexVal=null,this._isVisible?(this.updateViewportBoundaries(),this.toggleScrollListener(!0),this._resetAverage(),this._render()):this.toggleScrollListener(!1)}),ji)},_isIndexRendered(t){return t>=this._virtualStart&&t<=this._virtualEnd},_getPhysicalIndex(t){return(this._physicalStart+(t-this._virtualStart))%this._physicalCount},_clamp:(t,e,i)=>Math.min(i,Math.max(e,t)),_debounce(t,e,i){this._debouncers||(this._debouncers={}),this._debouncers[t]=Vi.debounce(this._debouncers[t],i,e.bind(this)),Hi(this._debouncers[t])}};class nh{constructor({createElements:t,updateElement:e,scrollTarget:i,scrollContainer:s,elementsContainer:r,reorderElements:o}){this.isAttached=!0,this._vidxOffset=0,this.createElements=t,this.updateElement=e,this.scrollTarget=i,this.scrollContainer=s,this.elementsContainer=r||s,this.reorderElements=o,this._maxPages=1.3,this.__placeholderHeight=200,this.__elementHeightQueue=Array(10),this.timeouts={SCROLL_REORDER:500,IGNORE_WHEEL:500,FIX_INVALID_ITEM_POSITIONING:100},this.__resizeObserver=new ResizeObserver((()=>this._resizeHandler())),"visible"===getComputedStyle(this.scrollTarget).overflow&&(this.scrollTarget.style.overflow="auto"),"static"===getComputedStyle(this.scrollContainer).position&&(this.scrollContainer.style.position="relative"),this.__resizeObserver.observe(this.scrollTarget),this.scrollTarget.addEventListener("scroll",(()=>this._scrollHandler())),this._scrollLineHeight=this._getScrollLineHeight(),this.scrollTarget.addEventListener("wheel",(t=>this.__onWheel(t))),this.reorderElements&&(this.scrollTarget.addEventListener("mousedown",(()=>{this.__mouseDown=!0})),this.scrollTarget.addEventListener("mouseup",(()=>{this.__mouseDown=!1,this.__pendingReorder&&this.__reorderElements()})))}get scrollOffset(){return 0}get adjustedFirstVisibleIndex(){return this.firstVisibleIndex+this._vidxOffset}get adjustedLastVisibleIndex(){return this.lastVisibleIndex+this._vidxOffset}scrollToIndex(t){if("number"!=typeof t||isNaN(t)||0===this.size||!this.scrollTarget.offsetHeight)return;t=this._clamp(t,0,this.size-1);const e=this.__getVisibleElements().length;let i=Math.floor(t/this.size*this._virtualCount);this._virtualCount-i<e?(i=this._virtualCount-(this.size-t),this._vidxOffset=this.size-this._virtualCount):i<e?t<1e3?(i=t,this._vidxOffset=0):(i=1e3,this._vidxOffset=t-i):this._vidxOffset=t-i,this.__skipNextVirtualIndexAdjust=!0,super.scrollToIndex(i),this.adjustedFirstVisibleIndex!==t&&this._scrollTop<this._maxScrollTop&&!this.grid&&(this._scrollTop-=this.__getIndexScrollOffset(t)||0),this._scrollHandler()}flush(){0!==this.scrollTarget.offsetHeight&&(this._resizeHandler(),Yi(),this._scrollHandler(),this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.flush(),this.__scrollReorderDebouncer&&this.__scrollReorderDebouncer.flush(),this.__debouncerWheelAnimationFrame&&this.__debouncerWheelAnimationFrame.flush())}update(t=0,e=this.size-1){const i=[];this.__getVisibleElements().forEach((s=>{s.__virtualIndex>=t&&s.__virtualIndex<=e&&(this.__updateElement(s,s.__virtualIndex,!0),i.push(s))})),this.__afterElementsUpdated(i)}_updateMetrics(t){Yi();let e=0,i=0;const s=this._physicalAverageCount,r=this._physicalAverage;this._iterateItems((t=>{i+=this._physicalSizes[t],this._physicalSizes[t]=Math.ceil(this.__getBorderBoxHeight(this._physicalItems[t])),e+=this._physicalSizes[t],this._physicalAverageCount+=this._physicalSizes[t]?1:0}),t),this._physicalSize=this._physicalSize+e-i,this._physicalAverageCount!==s&&(this._physicalAverage=Math.round((r*s+e)/this._physicalAverageCount))}__getBorderBoxHeight(t){const e=getComputedStyle(t),i=parseFloat(e.height)||0;return"border-box"===e.boxSizing?i:i+(parseFloat(e.paddingBottom)||0)+(parseFloat(e.paddingTop)||0)+(parseFloat(e.borderBottomWidth)||0)+(parseFloat(e.borderTopWidth)||0)}__updateElement(t,e,i){t.style.paddingTop&&(t.style.paddingTop=""),this.__preventElementUpdates||t.__lastUpdatedIndex===e&&!i||(this.updateElement(t,e),t.__lastUpdatedIndex=e)}__afterElementsUpdated(t){t.forEach((t=>{const e=t.offsetHeight;if(0===e)t.style.paddingTop=`${this.__placeholderHeight}px`,this.__placeholderClearDebouncer=Vi.debounce(this.__placeholderClearDebouncer,ji,(()=>this._resizeHandler()));else{this.__elementHeightQueue.push(e),this.__elementHeightQueue.shift();const t=this.__elementHeightQueue.filter((t=>void 0!==t));this.__placeholderHeight=Math.round(t.reduce(((t,e)=>t+e),0)/t.length)}}))}__getIndexScrollOffset(t){const e=this.__getVisibleElements().find((e=>e.__virtualIndex===t));return e?this.scrollTarget.getBoundingClientRect().top-e.getBoundingClientRect().top:void 0}get size(){return this.__size}set size(t){t!==this.size&&(this.__fixInvalidItemPositioningDebouncer&&this.__fixInvalidItemPositioningDebouncer.cancel(),this._debouncers&&this._debouncers._increasePoolIfNeeded&&this._debouncers._increasePoolIfNeeded.cancel(),this.__size=t,this._physicalItems?(this._updateScrollerSize(),this._virtualCount=this.items.length,this._render()):(this._itemsChanged({path:"items"}),this.__preventElementUpdates=!0,Yi(),this.__preventElementUpdates=!1),this._isVisible||this._assignModels(),this.elementsContainer.children.length||requestAnimationFrame((()=>this._resizeHandler())),this._resizeHandler(),Yi())}get _scrollTop(){return this.scrollTarget.scrollTop}set _scrollTop(t){this.scrollTarget.scrollTop=t}get items(){return{length:Math.min(this.size,1e5)}}get offsetHeight(){return this.scrollTarget.offsetHeight}get $(){return{items:this.scrollContainer}}updateViewportBoundaries(){const t=window.getComputedStyle(this.scrollTarget);this._scrollerPaddingTop=this.scrollTarget===this?0:parseInt(t["padding-top"],10),this._isRTL=Boolean("rtl"===t.direction),this._viewportWidth=this.elementsContainer.offsetWidth,this._viewportHeight=this.scrollTarget.offsetHeight,this._scrollPageHeight=this._viewportHeight-this._scrollLineHeight,this.grid&&this._updateGridMetrics()}setAttribute(){}_createPool(t){const e=this.createElements(t),i=document.createDocumentFragment();return e.forEach((t=>{t.style.position="absolute",i.appendChild(t),this.__resizeObserver.observe(t)})),this.elementsContainer.appendChild(i),e}_assignModels(t){const e=[];this._iterateItems(((t,i)=>{const s=this._physicalItems[t];s.hidden=i>=this.size,s.hidden?delete s.__lastUpdatedIndex:(s.__virtualIndex=i+(this._vidxOffset||0),this.__updateElement(s,s.__virtualIndex),e.push(s))}),t),this.__afterElementsUpdated(e)}_isClientFull(){return setTimeout((()=>{this.__clientFull=!0})),this.__clientFull||super._isClientFull()}translate3d(t,e,i,s){s.style.transform=`translateY(${e})`}toggleScrollListener(){}_scrollHandler(){if(0===this.scrollTarget.offsetHeight)return;this._adjustVirtualIndexOffset(this._scrollTop-(this.__previousScrollTop||0));const t=this.scrollTarget.scrollTop-this._scrollPosition;if(super._scrollHandler(),0!==this._physicalCount){const e=t>=0,i=this._getReusables(!e);i.indexes.length&&(this._physicalTop=i.physicalTop,e?(this._virtualStart-=i.indexes.length,this._physicalStart-=i.indexes.length):(this._virtualStart+=i.indexes.length,this._physicalStart+=i.indexes.length),this._resizeHandler())}t&&(this.__fixInvalidItemPositioningDebouncer=Vi.debounce(this.__fixInvalidItemPositioningDebouncer,Li.after(this.timeouts.FIX_INVALID_ITEM_POSITIONING),(()=>this.__fixInvalidItemPositioning()))),this.reorderElements&&(this.__scrollReorderDebouncer=Vi.debounce(this.__scrollReorderDebouncer,Li.after(this.timeouts.SCROLL_REORDER),(()=>this.__reorderElements()))),this.__previousScrollTop=this._scrollTop,0===this._scrollTop&&0!==this.firstVisibleIndex&&Math.abs(t)>0&&this.scrollToIndex(0)}__fixInvalidItemPositioning(){if(!this.scrollTarget.isConnected)return;const t=this._physicalBottom<this._scrollBottom;if(this._physicalTop>this._scrollTop&&0!==this.adjustedFirstVisibleIndex||t&&this.adjustedLastVisibleIndex!==this.size-1){const e=t,i=this._ratio;this._ratio=0,this._scrollPosition=this._scrollTop+(e?-1:1),this._scrollHandler(),this._ratio=i}}__onWheel(t){if(t.ctrlKey||this._hasScrolledAncestor(t.target,t.deltaX,t.deltaY))return;let e=t.deltaY;if(t.deltaMode===WheelEvent.DOM_DELTA_LINE?e*=this._scrollLineHeight:t.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(e*=this._scrollPageHeight),this._deltaYAcc||(this._deltaYAcc=0),this._wheelAnimationFrame)return this._deltaYAcc+=e,void t.preventDefault();e+=this._deltaYAcc,this._deltaYAcc=0,this._wheelAnimationFrame=!0,this.__debouncerWheelAnimationFrame=Vi.debounce(this.__debouncerWheelAnimationFrame,ji,(()=>{this._wheelAnimationFrame=!1}));const i=Math.abs(t.deltaX)+Math.abs(e);this._canScroll(this.scrollTarget,t.deltaX,e)?(t.preventDefault(),this.scrollTarget.scrollTop+=e,this.scrollTarget.scrollLeft+=t.deltaX,this._hasResidualMomentum=!0,this._ignoreNewWheel=!0,this._debouncerIgnoreNewWheel=Vi.debounce(this._debouncerIgnoreNewWheel,Li.after(this.timeouts.IGNORE_WHEEL),(()=>{this._ignoreNewWheel=!1}))):this._hasResidualMomentum&&i<=this._previousMomentum||this._ignoreNewWheel?t.preventDefault():i>this._previousMomentum&&(this._hasResidualMomentum=!1),this._previousMomentum=i}_hasScrolledAncestor(t,e,i){return t!==this.scrollTarget&&t!==this.scrollTarget.getRootNode().host&&(!(!this._canScroll(t,e,i)||-1===["auto","scroll"].indexOf(getComputedStyle(t).overflow))||(t!==this&&t.parentElement?this._hasScrolledAncestor(t.parentElement,e,i):void 0))}_canScroll(t,e,i){return i>0&&t.scrollTop<t.scrollHeight-t.offsetHeight||i<0&&t.scrollTop>0||e>0&&t.scrollLeft<t.scrollWidth-t.offsetWidth||e<0&&t.scrollLeft>0}_increasePoolIfNeeded(t){if(this._physicalCount>2&&t){const e=Math.ceil(this._optPhysicalSize/this._physicalAverage);super._increasePoolIfNeeded(Math.max(t,Math.min(100,e-this._physicalCount)))}else super._increasePoolIfNeeded(t)}_getScrollLineHeight(){const t=document.createElement("div");t.style.fontSize="initial",t.style.display="none",document.body.appendChild(t);const e=window.getComputedStyle(t).fontSize;return document.body.removeChild(t),e?window.parseInt(e):void 0}__getVisibleElements(){return Array.from(this.elementsContainer.children).filter((t=>!t.hidden))}__reorderElements(){if(this.__mouseDown)return void(this.__pendingReorder=!0);this.__pendingReorder=!1;const t=this._virtualStart+(this._vidxOffset||0),e=this.__getVisibleElements(),i=e.find((t=>t.contains(this.elementsContainer.getRootNode().activeElement)||t.contains(this.scrollTarget.getRootNode().activeElement)))||e[0];if(!i)return;const s=i.__virtualIndex-t,r=e.indexOf(i)-s;if(r>0)for(let t=0;t<r;t++)this.elementsContainer.appendChild(e[t]);else if(r<0)for(let t=e.length+r;t<e.length;t++)this.elementsContainer.insertBefore(e[t],e[0]);if(qr){const{transform:t}=this.scrollTarget.style;this.scrollTarget.style.transform="translateZ(0)",setTimeout((()=>{this.scrollTarget.style.transform=t}))}}_adjustVirtualIndexOffset(t){if(this._virtualCount>=this.size)this._vidxOffset=0;else if(this.__skipNextVirtualIndexAdjust)this.__skipNextVirtualIndexAdjust=!1;else if(Math.abs(t)>1e4){const t=this._scrollTop/(this.scrollTarget.scrollHeight-this.scrollTarget.offsetHeight);this._vidxOffset=Math.round(t*this.size-t*this._virtualCount)}else{const t=this._vidxOffset,e=1e3,i=100;0===this._scrollTop?(this._vidxOffset=0,t!==this._vidxOffset&&super.scrollToIndex(0)):this.firstVisibleIndex<e&&this._vidxOffset>0&&(this._vidxOffset-=Math.min(this._vidxOffset,i),super.scrollToIndex(this.firstVisibleIndex+(t-this._vidxOffset)));const s=this.size-this._virtualCount;this._scrollTop>=this._maxScrollTop&&this._maxScrollTop>0?(this._vidxOffset=s,t!==this._vidxOffset&&super.scrollToIndex(this._virtualCount-1)):this.firstVisibleIndex>this._virtualCount-e&&this._vidxOffset<s&&(this._vidxOffset+=Math.min(s-this._vidxOffset,i),super.scrollToIndex(this.firstVisibleIndex-(this._vidxOffset-t)))}}}Object.setPrototypeOf(nh.prototype,oh);class ah{constructor(t){this.__adapter=new nh(t)}get firstVisibleIndex(){return this.__adapter.adjustedFirstVisibleIndex}get lastVisibleIndex(){return this.__adapter.adjustedLastVisibleIndex}get size(){return this.__adapter.size}set size(t){this.__adapter.size=t}scrollToIndex(t){this.__adapter.scrollToIndex(t)}update(t=0,e=this.size-1){this.__adapter.update(t,e)}flush(){this.__adapter.flush()}}
|
|
3532
|
-
/**
|
|
3533
|
-
* @license
|
|
3534
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3535
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3536
|
-
*/const lh=class{toString(){return""}},hh=t=>class extends t{static get properties(){return{items:{type:Array,observer:"__itemsChanged"},focusedIndex:{type:Number,observer:"__focusedIndexChanged"},loading:{type:Boolean,observer:"__loadingChanged"},opened:{type:Boolean,observer:"__openedChanged"},selectedItem:{type:Object,observer:"__selectedItemChanged"},itemIdPath:{type:String},owner:{type:Object},getItemLabel:{type:Object},renderer:{type:Object,observer:"__rendererChanged"},theme:{type:String}}}constructor(){super(),this.__boundOnItemClick=this.__onItemClick.bind(this)}get _viewportTotalPaddingBottom(){if(void 0===this._cachedViewportTotalPaddingBottom){const t=window.getComputedStyle(this.$.selector);this._cachedViewportTotalPaddingBottom=[t.paddingBottom,t.borderBottomWidth].map((t=>parseInt(t,10))).reduce(((t,e)=>t+e))}return this._cachedViewportTotalPaddingBottom}ready(){super.ready(),this.setAttribute("role","listbox"),this.id=`${this.localName}-${os()}`,this.__hostTagName=this.constructor.is.replace("-scroller",""),this.addEventListener("click",(t=>t.stopPropagation())),this.__patchWheelOverScrolling(),this.__virtualizer=new ah({createElements:this.__createElements.bind(this),updateElement:this._updateElement.bind(this),elementsContainer:this,scrollTarget:this,scrollContainer:this.$.selector})}requestContentUpdate(){this.__virtualizer&&this.__virtualizer.update()}scrollIntoView(t){if(!(this.opened&&t>=0))return;const e=this._visibleItemsCount();let i=t;t>this.__virtualizer.lastVisibleIndex-1?(this.__virtualizer.scrollToIndex(t),i=t-e+1):t>this.__virtualizer.firstVisibleIndex&&(i=this.__virtualizer.firstVisibleIndex),this.__virtualizer.scrollToIndex(Math.max(0,i));const s=[...this.children].find((t=>!t.hidden&&t.index===this.__virtualizer.lastVisibleIndex));if(!s||t!==s.index)return;const r=s.getBoundingClientRect(),o=this.getBoundingClientRect(),n=r.bottom-o.bottom+this._viewportTotalPaddingBottom;n>0&&(this.scrollTop+=n)}_isItemSelected(t,e,i){return!(t instanceof lh)&&(i&&void 0!==t&&void 0!==e?ih(i,t)===ih(i,e):t===e)}__itemsChanged(t){this.__virtualizer&&t&&(this.__virtualizer.size=t.length,this.__virtualizer.flush(),this.requestContentUpdate())}__loadingChanged(){this.requestContentUpdate()}__openedChanged(t){t&&this.requestContentUpdate()}__selectedItemChanged(){this.requestContentUpdate()}__focusedIndexChanged(t,e){t!==e&&this.requestContentUpdate(),t>=0&&!this.loading&&this.scrollIntoView(t)}__rendererChanged(t,e){(t||e)&&this.requestContentUpdate()}__createElements(t){return[...Array(t)].map((()=>{const t=document.createElement(`${this.__hostTagName}-item`);return t.addEventListener("click",this.__boundOnItemClick),t.tabIndex="-1",t.style.width="100%",t}))}_updateElement(t,e){const i=this.items[e],s=this.focusedIndex,r=this._isItemSelected(i,this.selectedItem,this.itemIdPath);t.setProperties({item:i,index:e,label:this.getItemLabel(i),selected:r,renderer:this.renderer,focused:!this.loading&&s===e}),t.id=`${this.__hostTagName}-item-${e}`,t.setAttribute("role",void 0!==e&&"option"),t.setAttribute("aria-selected",r.toString()),t.setAttribute("aria-posinset",e+1),t.setAttribute("aria-setsize",this.items.length),this.theme?t.setAttribute("theme",this.theme):t.removeAttribute("theme"),i instanceof lh&&this.__requestItemByIndex(e)}__onItemClick(t){this.dispatchEvent(new CustomEvent("selection-changed",{detail:{item:t.currentTarget.item}}))}__patchWheelOverScrolling(){this.$.selector.addEventListener("wheel",(t=>{(0===this.scrollTop&&t.deltaY<0||this.scrollHeight-this.scrollTop-this.clientHeight<=1&&t.deltaY>0)&&t.preventDefault()}))}__requestItemByIndex(t){requestAnimationFrame((()=>{this.dispatchEvent(new CustomEvent("index-requested",{detail:{index:t,currentScrollerPos:this._oldScrollerPosition}}))}))}_visibleItemsCount(){return this.__virtualizer.scrollToIndex(this.__virtualizer.firstVisibleIndex),this.__virtualizer.size>0?this.__virtualizer.lastVisibleIndex-this.__virtualizer.firstVisibleIndex+1:0}}
|
|
3537
|
-
/**
|
|
3538
|
-
* @license
|
|
3539
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3540
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3541
|
-
*/;
|
|
3542
|
-
/**
|
|
3543
|
-
* @license
|
|
3544
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3545
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3546
|
-
*/class ch extends(hh(Si)){static get is(){return"vaadin-combo-box-scroller"}static get template(){return Ei`
|
|
3547
|
-
<style>
|
|
3548
|
-
:host {
|
|
3549
|
-
display: block;
|
|
3550
|
-
min-height: 1px;
|
|
3551
|
-
overflow: auto;
|
|
3552
|
-
|
|
3553
|
-
/* Fixes item background from getting on top of scrollbars on Safari */
|
|
3554
|
-
transform: translate3d(0, 0, 0);
|
|
3555
|
-
|
|
3556
|
-
/* Enable momentum scrolling on iOS */
|
|
3557
|
-
-webkit-overflow-scrolling: touch;
|
|
3558
|
-
|
|
3559
|
-
/* Fixes scrollbar disappearing when 'Show scroll bars: Always' enabled in Safari */
|
|
3560
|
-
box-shadow: 0 0 0 white;
|
|
3561
|
-
}
|
|
3562
|
-
|
|
3563
|
-
#selector {
|
|
3564
|
-
border-width: var(--_vaadin-combo-box-items-container-border-width);
|
|
3565
|
-
border-style: var(--_vaadin-combo-box-items-container-border-style);
|
|
3566
|
-
border-color: var(--_vaadin-combo-box-items-container-border-color, transparent);
|
|
3567
|
-
position: relative;
|
|
3568
|
-
}
|
|
3569
|
-
</style>
|
|
3570
|
-
<div id="selector">
|
|
3571
|
-
<slot></slot>
|
|
3572
|
-
</div>
|
|
3573
|
-
`}}n(ch);
|
|
3574
|
-
/**
|
|
3575
|
-
* @license
|
|
3576
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3577
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3578
|
-
*/
|
|
3579
|
-
const uh=t=>class extends(Jo(t)){static get properties(){return{pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"pattern"]}static get constraints(){return[...super.constraints,"pattern"]}}
|
|
3580
|
-
/**
|
|
3581
|
-
* @license
|
|
3582
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3583
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3584
|
-
*/,dh=t=>class extends t{static get properties(){return{pageSize:{type:Number,value:50,observer:"_pageSizeChanged"},size:{type:Number,observer:"_sizeChanged"},dataProvider:{type:Object,observer:"_dataProviderChanged"},_pendingRequests:{value:()=>({})},__placeHolder:{value:new lh},__previousDataProviderFilter:{type:String}}}static get observers(){return["_dataProviderFilterChanged(filter)","_warnDataProviderValue(dataProvider, value)","_ensureFirstPage(opened)"]}ready(){super.ready(),this._scroller.addEventListener("index-requested",(t=>{const e=t.detail.index,i=t.detail.currentScrollerPos,s=Math.floor(1.5*this.pageSize);if(!this._shouldSkipIndex(e,s,i)&&void 0!==e){const t=this._getPageForIndex(e);this._shouldLoadPage(t)&&this._loadPage(t)}}))}_dataProviderFilterChanged(t){void 0!==this.__previousDataProviderFilter||""!==t?this.__previousDataProviderFilter!==t&&(this.__previousDataProviderFilter=t,this._pendingRequests={},this.loading=this._shouldFetchData(),this.size=void 0,this.clearCache()):this.__previousDataProviderFilter=t}_shouldFetchData(){return!!this.dataProvider&&(this.opened||this.filter&&this.filter.length)}_ensureFirstPage(t){t&&this._shouldLoadPage(0)&&this._loadPage(0)}_shouldSkipIndex(t,e,i){return 0!==i&&t>=i-e&&t<=i+e}_shouldLoadPage(t){if(!this.filteredItems||this._forceNextRequest)return this._forceNextRequest=!1,!0;const e=this.filteredItems[t*this.pageSize];return void 0!==e?e instanceof lh:void 0===this.size}_loadPage(t){if(this._pendingRequests[t]||!this.dataProvider)return;const e={page:t,pageSize:this.pageSize,filter:this.filter},i=(s,r)=>{if(this._pendingRequests[t]!==i)return;const o=this.filteredItems?[...this.filteredItems]:[];o.splice(e.page*e.pageSize,s.length,...s),this.filteredItems=o,this.opened||this._isInputFocused()||this._commitValue(),void 0!==r&&(this.size=r),delete this._pendingRequests[t],0===Object.keys(this._pendingRequests).length&&(this.loading=!1)};this._pendingRequests[t]=i,this.loading=!0,this.dataProvider(e,i)}_getPageForIndex(t){return Math.floor(t/this.pageSize)}clearCache(){if(!this.dataProvider)return;this._pendingRequests={};const t=[];for(let e=0;e<(this.size||0);e++)t.push(this.__placeHolder);this.filteredItems=t,this._shouldFetchData()?(this._forceNextRequest=!1,this._loadPage(0)):this._forceNextRequest=!0}_sizeChanged(t=0){const e=(this.filteredItems||[]).slice(0,t);for(let i=0;i<t;i++)e[i]=void 0!==e[i]?e[i]:this.__placeHolder;this.filteredItems=e,this._flushPendingRequests(t)}_pageSizeChanged(t,e){if(Math.floor(t)!==t||t<1)throw this.pageSize=e,new Error("`pageSize` value must be an integer > 0");this.clearCache()}_dataProviderChanged(t,e){this._ensureItemsOrDataProvider((()=>{this.dataProvider=e})),this.clearCache()}_ensureItemsOrDataProvider(t){if(void 0!==this.items&&void 0!==this.dataProvider)throw t(),new Error("Using `items` and `dataProvider` together is not supported");this.dataProvider&&!this.filteredItems&&(this.filteredItems=[])}_warnDataProviderValue(t,e){if(t&&""!==e&&null==this.selectedItem){const t=this.__getItemIndexByValue(this.filteredItems,e);(t<0||!this._getItemLabel(this.filteredItems[t]))&&console.warn("Warning: unable to determine the label for the provided `value`. Nothing to display in the text field. This usually happens when setting an initial `value` before any items are returned from the `dataProvider` callback. Consider setting `selectedItem` instead of `value`")}}_flushPendingRequests(t){if(this._pendingRequests){const e=Math.ceil(t/this.pageSize);Object.entries(this._pendingRequests).forEach((([i,s])=>{parseInt(i)>=e&&s([],t)}))}}}
|
|
3585
|
-
/**
|
|
3586
|
-
* @license
|
|
3587
|
-
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3588
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3589
|
-
*/;
|
|
3590
|
-
/**
|
|
3591
|
-
* @license
|
|
3592
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3593
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3594
|
-
*/
|
|
3595
|
-
function ph(t){return null!=t}function mh(t,e){return t.findIndex((t=>!(t instanceof lh)&&e(t)))}const fh=t=>class extends(tn(Ks(fr(Ws(Bs(Qs(Ns(t)))))))){static get properties(){return{opened:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},autoOpenDisabled:{type:Boolean},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},renderer:Function,items:{type:Array,observer:"_itemsChanged"},allowCustomValue:{type:Boolean,value:!1},filteredItems:{type:Array,observer:"_filteredItemsChanged"},_lastCommittedValue:String,loading:{type:Boolean,value:!1,reflectToAttribute:!0},_focusedIndex:{type:Number,observer:"_focusedIndexChanged",value:-1},filter:{type:String,value:"",notify:!0},selectedItem:{type:Object,notify:!0},itemLabelPath:{type:String,value:"label",observer:"_itemLabelPathChanged"},itemValuePath:{type:String,value:"value"},itemIdPath:String,_toggleElement:{type:Object,observer:"_toggleElementChanged"},_dropdownItems:{type:Array},_closeOnBlurIsPrevented:Boolean,_scroller:Object,_overlayOpened:{type:Boolean,observer:"_overlayOpenedChanged"}}}static get observers(){return["_selectedItemChanged(selectedItem, itemValuePath, itemLabelPath)","_openedOrItemsChanged(opened, _dropdownItems, loading)","_updateScroller(_scroller, _dropdownItems, opened, loading, selectedItem, itemIdPath, _focusedIndex, renderer, theme)"]}constructor(){super(),this._boundOverlaySelectedItemChanged=this._overlaySelectedItemChanged.bind(this),this._boundOnClearButtonMouseDown=this.__onClearButtonMouseDown.bind(this),this._boundOnClick=this._onClick.bind(this),this._boundOnOverlayTouchAction=this._onOverlayTouchAction.bind(this),this._boundOnTouchend=this._onTouchend.bind(this)}get _tagNamePrefix(){return"vaadin-combo-box"}get _nativeInput(){return this.inputElement}_inputElementChanged(t){super._inputElementChanged(t);const e=this._nativeInput;e&&(e.autocomplete="off",e.autocapitalize="off",e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-expanded",!!this.opened),e.setAttribute("spellcheck","false"),e.setAttribute("autocorrect","off"),this._revertInputValueToValue(),this.clearElement&&this.clearElement.addEventListener("mousedown",this._boundOnClearButtonMouseDown))}ready(){super.ready(),this._initOverlay(),this._initScroller(),this._lastCommittedValue=this.value,this.addEventListener("click",this._boundOnClick),this.addEventListener("touchend",this._boundOnTouchend);const t=()=>{requestAnimationFrame((()=>{this._overlayElement.bringToFront()}))};var e;this.addEventListener("mousedown",t),this.addEventListener("touchstart",t),e=this,window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(e):e.querySelector("template")&&console.warn(`WARNING: <template> inside <${e.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`),this.addController(new en(this))}disconnectedCallback(){super.disconnectedCallback(),this.close()}requestContentUpdate(){this._scroller&&(this._scroller.requestContentUpdate(),this._getItemElements().forEach((t=>{t.requestContentUpdate()})))}open(){this.disabled||this.readonly||(this.opened=!0)}close(){this.opened=!1}_propertiesChanged(t,e,i){super._propertiesChanged(t,e,i),void 0!==e.filter&&this._filterChanged(e.filter)}_initOverlay(){const t=this.$.overlay;t._comboBox=this,t.addEventListener("touchend",this._boundOnOverlayTouchAction),t.addEventListener("touchmove",this._boundOnOverlayTouchAction),t.addEventListener("mousedown",(t=>t.preventDefault())),t.addEventListener("opened-changed",(t=>{this._overlayOpened=t.detail.value})),this._overlayElement=t}_initScroller(t){const e=`${this._tagNamePrefix}-scroller`,i=this._overlayElement;i.renderer=t=>{t.firstChild||t.appendChild(document.createElement(e))},i.requestContentUpdate();const s=i.querySelector(e);s.owner=t||this,s.getItemLabel=this._getItemLabel.bind(this),s.addEventListener("selection-changed",this._boundOverlaySelectedItemChanged),this._scroller=s}_updateScroller(t,e,i,s,r,o,n,a,l){t&&(i&&(t.style.maxHeight=getComputedStyle(this).getPropertyValue(`--${this._tagNamePrefix}-overlay-max-height`)||"65vh"),t.setProperties({items:i?e:[],opened:i,loading:s,selectedItem:r,itemIdPath:o,focusedIndex:n,renderer:a,theme:l}))}_openedOrItemsChanged(t,e,i){this._overlayOpened=!(!t||!(i||e&&e.length))}_overlayOpenedChanged(t,e){t?(this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-opened",{bubbles:!0,composed:!0})),this._onOpened()):e&&this._dropdownItems&&this._dropdownItems.length&&(this.close(),this.dispatchEvent(new CustomEvent("vaadin-combo-box-dropdown-closed",{bubbles:!0,composed:!0})))}_focusedIndexChanged(t,e){void 0!==e&&this._updateActiveDescendant(t)}_isInputFocused(){return this.inputElement&&Vs(this.inputElement)}_updateActiveDescendant(t){const e=this._nativeInput;if(!e)return;const i=this._getItemElements().find((e=>e.index===t));i?e.setAttribute("aria-activedescendant",i.id):e.removeAttribute("aria-activedescendant")}_openedChanged(t,e){if(void 0===e)return;t?(this._openedWithFocusRing=this.hasAttribute("focus-ring"),this._isInputFocused()||Rr||this.inputElement&&this.inputElement.focus(),this._overlayElement.restoreFocusOnClose=!0):(this._onClosed(),this._openedWithFocusRing&&this._isInputFocused()&&this.setAttribute("focus-ring",""));const i=this._nativeInput;i&&(i.setAttribute("aria-expanded",!!t),t?i.setAttribute("aria-controls",this._scroller.id):i.removeAttribute("aria-controls"))}_onOverlayTouchAction(){this._closeOnBlurIsPrevented=!0,this.inputElement.blur(),this._closeOnBlurIsPrevented=!1}_isClearButton(t){return t.composedPath()[0]===this.clearElement}__onClearButtonMouseDown(t){t.preventDefault(),this.inputElement.focus()}_onClearButtonClick(t){t.preventDefault(),this._onClearAction(),this.opened&&this.requestContentUpdate()}_onToggleButtonClick(t){t.preventDefault(),this.opened?this.close():this.open()}_onHostClick(t){this.autoOpenDisabled||(t.preventDefault(),this.open())}_onClick(t){this._isClearButton(t)?this._onClearButtonClick(t):t.composedPath().includes(this._toggleElement)?this._onToggleButtonClick(t):this._onHostClick(t)}_onKeyDown(t){super._onKeyDown(t),"Tab"===t.key?this._overlayElement.restoreFocusOnClose=!1:"ArrowDown"===t.key?(this._onArrowDown(),t.preventDefault()):"ArrowUp"===t.key&&(this._onArrowUp(),t.preventDefault())}_getItemLabel(t){let e=t&&this.itemLabelPath?ih(this.itemLabelPath,t):void 0;return null==e&&(e=t?t.toString():""),e}_getItemValue(t){let e=t&&this.itemValuePath?ih(this.itemValuePath,t):void 0;return void 0===e&&(e=t?t.toString():""),e}_onArrowDown(){if(this.opened){const t=this._dropdownItems;t&&(this._focusedIndex=Math.min(t.length-1,this._focusedIndex+1),this._prefillFocusedItemLabel())}else this.open()}_onArrowUp(){if(this.opened){if(this._focusedIndex>-1)this._focusedIndex=Math.max(0,this._focusedIndex-1);else{const t=this._dropdownItems;t&&(this._focusedIndex=t.length-1)}this._prefillFocusedItemLabel()}else this.open()}_prefillFocusedItemLabel(){this._focusedIndex>-1&&(this._inputElementValue=this._getItemLabel(this._dropdownItems[this._focusedIndex]),this._markAllSelectionRange())}_setSelectionRange(t,e){this._isInputFocused()&&this.inputElement.setSelectionRange&&this.inputElement.setSelectionRange(t,e)}_markAllSelectionRange(){void 0!==this._inputElementValue&&this._setSelectionRange(0,this._inputElementValue.length)}_clearSelectionRange(){if(void 0!==this._inputElementValue){const t=this._inputElementValue?this._inputElementValue.length:0;this._setSelectionRange(t,t)}}_closeOrCommit(){this.opened||this.loading?this.close():this._commitValue()}_onEnter(t){const e=this._focusedIndex<0&&""!==this._inputElementValue&&this._getItemLabel(this.selectedItem)!==this._inputElementValue;if(!this.allowCustomValue&&e)return t.preventDefault(),void t.stopPropagation();this.opened&&(t.preventDefault(),t.stopPropagation()),this._closeOrCommit()}_onEscape(t){this.autoOpenDisabled?this.opened||this.value!==this._inputElementValue&&this._inputElementValue.length>0?(t.stopPropagation(),this._focusedIndex=-1,this.cancel()):this.clearButtonVisible&&!this.opened&&this.value&&(t.stopPropagation(),this._onClearAction()):this.opened?(t.stopPropagation(),this._focusedIndex>-1?(this._focusedIndex=-1,this._revertInputValue()):this.cancel()):this.clearButtonVisible&&this.value&&(t.stopPropagation(),this._onClearAction())}_toggleElementChanged(t){t&&(t.addEventListener("mousedown",(t=>t.preventDefault())),t.addEventListener("click",(()=>{Rr&&!this._isInputFocused()&&document.activeElement.blur()})))}_onClearAction(){this.selectedItem=null,this.allowCustomValue&&(this.value=""),this._detectAndDispatchChange()}cancel(){this._revertInputValueToValue(),this._lastCommittedValue=this.value,this._closeOrCommit()}_onOpened(){this._lastCommittedValue=this.value}_onClosed(){this.loading&&!this.allowCustomValue||this._commitValue()}_commitValue(){if(this._focusedIndex>-1){const t=this._dropdownItems[this._focusedIndex];this.selectedItem!==t&&(this.selectedItem=t),this._inputElementValue=this._getItemLabel(this.selectedItem),this._focusedIndex=-1}else if(""===this._inputElementValue||void 0===this._inputElementValue)this.selectedItem=null,this.allowCustomValue&&(this.value="");else{const t=[this.selectedItem,...this._dropdownItems||[]],e=t[this.__getItemIndexByLabel(t,this._inputElementValue)];if(this.allowCustomValue&&!e){const t=this._inputElementValue;this._lastCustomValue=t;const e=new CustomEvent("custom-value-set",{detail:t,composed:!0,cancelable:!0,bubbles:!0});this.dispatchEvent(e),e.defaultPrevented||(this.value=t)}else this.allowCustomValue||this.opened||!e?this._inputElementValue=this.selectedItem?this._getItemLabel(this.selectedItem):this.value||"":this.value=this._getItemValue(e)}this._detectAndDispatchChange(),this._clearSelectionRange(),this.filter=""}_onInput(t){const e=this._inputElementValue,i={};this.filter===e?this._filterChanged(this.filter):i.filter=e,this.opened||this._isClearButton(t)||this.autoOpenDisabled||(i.opened=!0),this.setProperties(i)}_onChange(t){t.stopPropagation()}_itemLabelPathChanged(t){"string"!=typeof t&&console.error("You should set itemLabelPath to a valid string")}_filterChanged(t){this._scrollIntoView(0),this._focusedIndex=-1,this.items?this.filteredItems=this._filterItems(this.items,t):this._filteredItemsChanged(this.filteredItems)}_revertInputValue(){""!==this.filter?this._inputElementValue=this.filter:this._revertInputValueToValue(),this._clearSelectionRange()}_revertInputValueToValue(){this._inputElementValue=this.allowCustomValue&&!this.selectedItem?this.value:this._getItemLabel(this.selectedItem)}_selectedItemChanged(t){if(null==t)this.filteredItems&&(this.allowCustomValue||(this.value=""),this._toggleHasValue(this._hasValue),this._inputElementValue=this.value);else{const e=this._getItemValue(t);if(this.value!==e&&(this.value=e,this.value!==e))return;this._toggleHasValue(!0),this._inputElementValue=this._getItemLabel(t)}}_valueChanged(t,e){""===t&&void 0===e||(ph(t)?(this._getItemValue(this.selectedItem)!==t&&this._selectItemForValue(t),!this.selectedItem&&this.allowCustomValue&&(this._inputElementValue=t),this._toggleHasValue(this._hasValue)):this.selectedItem=null,this.filter="",this._lastCommittedValue=void 0)}_detectAndDispatchChange(){document.hasFocus()&&this.validate(),this.value!==this._lastCommittedValue&&(this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this._lastCommittedValue=this.value)}_itemsChanged(t,e){this._ensureItemsOrDataProvider((()=>{this.items=e})),t?this.filteredItems=t.slice(0):e&&(this.filteredItems=null)}_filteredItemsChanged(t,e){this._setDropdownItems(t);const i=e?e[this._focusedIndex]:null,s=this.__getItemIndexByValue(t,this.value);null==this.selectedItem&&s>=0&&(this.selectedItem=t[s]);const r=this.__getItemIndexByValue(t,this._getItemValue(i));this._focusedIndex=r>-1?r:this.__getItemIndexByLabel(this.filteredItems,this.filter)}_filterItems(t,e){return t?t.filter((t=>(e=e?e.toString().toLowerCase():"",this._getItemLabel(t).toString().toLowerCase().indexOf(e)>-1))):t}_selectItemForValue(t){const e=this.__getItemIndexByValue(this.filteredItems,t),i=this.selectedItem;this.selectedItem=e>=0?this.filteredItems[e]:this.dataProvider&&void 0===this.selectedItem?void 0:null,null===this.selectedItem&&null===i&&this._selectedItemChanged(this.selectedItem)}_setDropdownItems(t){this._dropdownItems=t}_getItemElements(){return Array.from(this._scroller.querySelectorAll(`${this._tagNamePrefix}-item`))}_scrollIntoView(t){this._scroller&&this._scroller.scrollIntoView(t)}__getItemIndexByValue(t,e){return t&&ph(e)?mh(t,(t=>this._getItemValue(t)===e)):-1}__getItemIndexByLabel(t,e){return t&&e?mh(t,(t=>this._getItemLabel(t).toString().toLowerCase()===e.toString().toLowerCase())):-1}_overlaySelectedItemChanged(t){t.stopPropagation(),t.detail.item instanceof lh||this.opened&&(this._focusedIndex=this.filteredItems.indexOf(t.detail.item),this.close())}_setFocused(t){if(super._setFocused(t),!t&&!this.readonly&&!this._closeOnBlurIsPrevented){if(!this.opened&&this.allowCustomValue&&this._inputElementValue===this._lastCustomValue)return void delete this._lastCustomValue;this._closeOrCommit()}}_shouldRemoveFocus(t){return!(t.relatedTarget&&t.relatedTarget.localName===`${this._tagNamePrefix}-item`||t.relatedTarget===this._overlayElement&&(t.composedPath()[0].focus(),1))}_onTouchend(t){this.clearElement&&t.composedPath()[0]===this.clearElement&&(t.preventDefault(),this._onClearAction())}}
|
|
3596
|
-
/**
|
|
3597
|
-
* @license
|
|
3598
|
-
* Copyright (c) 2015 - 2023 Vaadin Ltd.
|
|
3599
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3600
|
-
*/;mt("vaadin-combo-box",Zo,{moduleId:"vaadin-combo-box-styles"});class vh extends(dh(fh(uh(Ko(yt(Zi(Si))))))){static get is(){return"vaadin-combo-box"}static get template(){return Ei`
|
|
3601
|
-
<style>
|
|
3602
|
-
:host([opened]) {
|
|
3603
|
-
pointer-events: auto;
|
|
3604
|
-
}
|
|
3605
|
-
</style>
|
|
3606
|
-
|
|
3607
|
-
<div class="vaadin-combo-box-container">
|
|
3608
|
-
<div part="label">
|
|
3609
|
-
<slot name="label"></slot>
|
|
3610
|
-
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
3611
|
-
</div>
|
|
3612
|
-
|
|
3613
|
-
<vaadin-input-container
|
|
3614
|
-
part="input-field"
|
|
3615
|
-
readonly="[[readonly]]"
|
|
3616
|
-
disabled="[[disabled]]"
|
|
3617
|
-
invalid="[[invalid]]"
|
|
3618
|
-
theme$="[[_theme]]"
|
|
3619
|
-
>
|
|
3620
|
-
<slot name="prefix" slot="prefix"></slot>
|
|
3621
|
-
<slot name="input"></slot>
|
|
3622
|
-
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
3623
|
-
<div id="toggleButton" part="toggle-button" slot="suffix" aria-hidden="true"></div>
|
|
3624
|
-
</vaadin-input-container>
|
|
3625
|
-
|
|
3626
|
-
<div part="helper-text">
|
|
3627
|
-
<slot name="helper"></slot>
|
|
3628
|
-
</div>
|
|
3629
|
-
|
|
3630
|
-
<div part="error-message">
|
|
3631
|
-
<slot name="error-message"></slot>
|
|
3632
|
-
</div>
|
|
3633
|
-
</div>
|
|
3634
|
-
|
|
3635
|
-
<vaadin-combo-box-overlay
|
|
3636
|
-
id="overlay"
|
|
3637
|
-
opened="[[_overlayOpened]]"
|
|
3638
|
-
loading$="[[loading]]"
|
|
3639
|
-
theme$="[[_theme]]"
|
|
3640
|
-
position-target="[[_positionTarget]]"
|
|
3641
|
-
no-vertical-overlap
|
|
3642
|
-
restore-focus-node="[[inputElement]]"
|
|
3643
|
-
></vaadin-combo-box-overlay>
|
|
3644
|
-
|
|
3645
|
-
<slot name="tooltip"></slot>
|
|
3646
|
-
`}static get properties(){return{_positionTarget:{type:Object}}}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new Js(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new ir(this.inputElement,this._labelController)),this._tooltipController=new as(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setAriaTarget(this.inputElement),this._tooltipController.setShouldShow((t=>!t.opened)),this._positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this._toggleElement=this.$.toggleButton}_onClearButtonClick(t){t.stopPropagation(),super._onClearButtonClick(t)}_onHostClick(t){const e=t.composedPath();(e.includes(this._labelNode)||e.includes(this._positionTarget))&&super._onHostClick(t)}}n(vh);const bh=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.options=[],this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.touched=!1,this.handleChange=t=>{this.touched=!0;const e=t.target.value,i=this.options.find((t=>t.value.toLowerCase()===e.toLowerCase()));this.value=i?i.value:e,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}connectedCallback(){this.displayedOptions=this.options.map((t=>({label:t.label,value:t.value.toUpperCase()})))}componentWillLoad(){if(this.action&&!this.options.length&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getOptions(t).then((t=>{const e=Object.keys(t)[0];this.displayedOptions=t[e].map((t=>({label:t.Name,value:t.Alpha2Code})))}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.inputReference=this.element.shadowRoot.querySelector("input"),this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue.toUpperCase(),this.valueHandler({name:this.name,value:this.value}))}getOptions(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}setValidity(){return this.inputReference.validity.valid}setErrorMessage(){if(this.inputReference.validity.valueMissing)return r("requiredError",this.language)}renderTooltip(){return this.showTooltip?i("div",{class:"select__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"select__input--invalid"),i("div",{class:`select__wrapper ${this.autofilled?"select__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"select__wrapper--flex"},i("label",{class:"select__label "+(this.validation.mandatory?"select__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"select__wrapper--relative"},this.tooltip&&i("img",{class:"select__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("vaadin-combo-box",{name:this.name,id:`${this.name}__input`,class:`select__input ${t} ${this.autofilled?"select__input--autofilled":""}`,"item-label-path":"label","item-value-path":"value",readOnly:this.autofilled,required:this.validation.mandatory,value:this.defaultValue,placeholder:`${this.placeholder}`,items:this.displayedOptions,onChange:this.handleChange}),i("small",{class:"select__error-message"},this.errorMessage))}get element(){return s(this)}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};bh.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{height:100%}vaadin-combo-box>input{background-color:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));font-weight:300;font-size:16px;-webkit-font-smoothing:initial;}.select{font-family:"Roboto";font-style:normal}.select__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.select__wrapper--autofilled{pointer-events:none}.select__wrapper--autofilled .select__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.select__wrapper--autofilled .select__input::part(input-field){color:var(--emfe-w-color-black, #000000)}.select__wrapper--flex{display:flex;gap:5px}.select__wrapper--relative{position:relative}.select__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.select__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.select__input{border:none;width:inherit;position:relative}.select__input[focused]::part(input-field){border:1px solid var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.select__input[invalid]::part(input-field){border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.select__input vaadin-date-picker-overlay-content>vaadin-button{color:var(--emfe-w-color-black, #000000)}.select__input::part(input-field){font-family:inherit;width:100%;height:44px;border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);background-color:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5}.select__input::part(toggle-button){position:relative;right:10px}.select__input>input{padding:5px 15px}.select__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.select__tooltip-icon{width:16px;height:auto}.select__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.select__tooltip.visible{opacity:1}';const gh=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.validationPattern="",this.touched=!1,this.handleInput=t=>{this.phoneValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.emitValueHandler(!0)}),500)},this.handleBlur=()=>{this.isValid=this.setValidity(),this.touched=!0,this.errorMessage=this.setErrorMessage()},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}validityStateHandler(t){this.sendValidityState.emit(t)}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value,type:"tel"})}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}connectedCallback(){this.validationPattern=this.setPattern(),this.defaultValue&&(this.prefixValue=this.defaultValue.prefix?this.defaultValue.prefix:this.defaultValue,this.phoneValue=this.defaultValue.phone||null)}componentWillLoad(){if(this.action&&"GET"==this.action.split(" ")[0]){const t=this.action.split(" ")[1];return this.getPhoneCodes(t).then((t=>{this.phoneCodesOptions=t.phoneCodes.map((t=>({label:t.Prefix||t,value:t.Prefix||t})))}))}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.isValid=this.setValidity(),this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value,type:"tel"}))}getPhoneCodes(t){const e=new URL(t);return new Promise(((t,i)=>{fetch(e.href).then((t=>t.json())).then((e=>{t(e)})).catch((t=>{console.error(t),i(t)}))}))}handlePrefixInput(t){this.prefixValue=t.target.value,this.value={prefix:this.prefixValue,phone:this.phoneValue},this.emitValueHandler(!0)}setValidity(){return this.inputReference.validity.valid}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e;if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return r(`${i}`,this.language)?r(`${i}`,this.language):s}return this.inputReference.validity.tooShort||this.inputReference.validity.tooLong?r("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}}):this.inputReference.validity.valueMissing?r("requiredError",this.language):void 0}renderTooltip(){return this.showTooltip?i("div",{class:"tel__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"tel__wrapper--flex--invalid"),i("div",{class:`tel__wrapper ${this.autofilled?"tel__wrapper--autofilled":""} ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"tel__wrapper--flex-label"},i("label",{class:"tel__label "+(this.validation.mandatory?"tel__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"tel__wrapper--relative"},this.tooltip&&i("img",{class:"tel__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("div",{class:`tel__wrapper--flex ${t}`},i("vaadin-combo-box",{class:"tel__prefix",items:this.phoneCodesOptions,value:this.prefixValue,readOnly:this.autofilled,onChange:t=>this.handlePrefixInput(t)}),i("input",{type:"tel",ref:t=>this.inputReference=t,id:`${this.name}__input`,readOnly:this.autofilled,class:"tel__input",value:this.phoneValue,placeholder:`${this.placeholder||""}`,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,pattern:this.validationPattern,onInput:this.handleInput,onBlur:this.handleBlur})),i("small",{class:"tel__error-message"},this.errorMessage))}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};gh.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.tel{font-family:"Roboto";font-style:normal}.tel__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.tel__wrapper--autofilled{pointer-events:none}.tel__wrapper--autofilled .tel__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.tel__wrapper--autofilled .tel__input::part(input-field){color:var(--emfe-w-color-black, #000000)}.tel__wrapper--flex{width:inherit;display:flex;align-items:center;border-radius:4px;border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);background-color:var(--emfe-w-color-white, #FFFFFF);overflow:hidden}.tel__wrapper--flex:focus-within{border-color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C))}.tel__wrapper--flex--invalid{border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.tel__wrapper--flex-label{display:flex;gap:5px}.tel__wrapper--flex--relative{position:relative}.tel__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.tel__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.tel__prefix{--vaadin-field-default-width:90px}.tel__prefix[focus]{outline:none}.tel__prefix::part(input-field){border-radius:0 5px 5px 0;background-color:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black, #000000);font-family:inherit;font-style:normal;font-weight:300;font-size:16px;line-height:1.5;border:none;border-right:2px solid #DDE0EE;border-image-source:linear-gradient(to bottom, rgba(221, 224, 238, 0) 25%, #dde0ee 25%, #dde0ee 75%, rgba(221, 224, 238, 0) 75%);border-image-slice:1;border-image-repeat:round}.tel__prefix::part(input-field):hover{background-color:var(--emfe-w-color-white, #FFFFFF)}.tel__prefix::part(toggle-button){color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.tel__input{font-family:inherit;border-radius:5px;width:100%;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));background-color:var(--emfe-w-color-white, #FFFFFF);border:none;width:inherit;position:relative;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px;height:42px;-moz-appearance:textfield;}.tel__input:focus{outline:none}.tel__input::-webkit-outer-spin-button,.tel__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tel__input::placeholder{color:var(--emfe-w-color-gray-150, #979797)}.tel__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.tel__tooltip-icon{width:16px;height:auto}.tel__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.tel__tooltip.visible{opacity:1}';const yh=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.clientStyling="",this.errorMessage="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.validationPattern="",this.duplicateInputValue=null,this.touched=!1,this.handleInput=t=>{this.value=t.target.value,this.touched=!0,this.debounceTime&&clearTimeout(this.debounceTime),this.debounceTime=setTimeout((()=>{this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name}),this.emitValueHandler(!0)}),500)},this.handleBlur=t=>{this.value=t.target.value,this.touched=!0,this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage(),this.validityStateHandler({valid:this.isValid,name:this.name})},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityChanged(){this.validityStateHandler({valid:this.isValid,name:this.name}),1==this.emitValue&&this.valueHandler({name:this.name,value:this.value})}emitValueHandler(t){1==t&&this.isValid&&this.valueHandler({name:this.name,value:this.value})}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}valueChangedHandler(t){this.isDuplicateInput&&this.name===t.detail.name+"Duplicate"&&(this.duplicateInputValue=t.detail.value,this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())),this.name===t.detail.name+"Duplicate"&&this.name.replace("Duplicate","")===t.detail.name&&!0===this.touched&&(this.isValid=this.setValidity(),this.errorMessage=this.setErrorMessage())}connectedCallback(){this.validationPattern=this.setPattern()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}componentDidLoad(){this.defaultValue&&(this.value=this.defaultValue,this.valueHandler({name:this.name,value:this.value}),this.isDuplicateInput&&(this.touched=!0)),this.isValid=this.setValidity()}setValidity(){var t;return(!this.isDuplicateInput||this.duplicateInputValue===this.value)&&(null===(t=this.inputReference)||void 0===t?void 0:t.validity.valid)}setPattern(){var t,e;if((null===(t=this.validation.custom)||void 0===t?void 0:t.length)>0)return null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.pattern}setErrorMessage(){var t,e,i,s;if(this.inputReference.validity.patternMismatch){const i=null===(t=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===t?void 0:t.errorKey,s=null===(e=this.validation.custom.find((t=>"regex"===t.rule)))||void 0===e?void 0:e.errorMessage;return r(`${i}`,this.language)?r(`${i}`,this.language):s}if(this.inputReference.validity.tooShort||this.inputReference.validity.tooLong)return r("lengthError",this.language,{values:{minLength:this.validation.minLength,maxLength:this.validation.maxLength}});if(this.inputReference.validity.valueMissing)return r("requiredError",this.language);if(this.isDuplicateInput&&this.duplicateInputValue!==this.value){const t=null===(i=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===i?void 0:i.errorKey,e=null===(s=this.validation.custom.find((t=>"duplicate-input"===t.rule)))||void 0===s?void 0:s.errorMessage;return r(`${t}`,this.language)?r(`${t}`,this.language):e}}renderTooltip(){return this.showTooltip?i("div",{class:"text__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){let t="";return this.touched&&(t=1==this.isValid||null==this.isValid?"":"text__input--invalid"),i("div",{class:`text__wrapper ${this.name}__input ${this.autofilled?"text__wrapper--autofilled":""}`,ref:t=>this.stylingContainer=t},i("div",{class:"text__wrapper--flex"},i("label",{class:"text__label "+(this.validation.mandatory?"text__label--required":""),htmlFor:`${this.name}__input`},this.displayName),i("div",{class:"text__wrapper--relative"},this.tooltip&&i("img",{class:"text__tooltip-icon",src:o,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip())),i("input",{name:this.name,id:`${this.name}__input`,value:this.defaultValue,type:"text",class:`text__input ${t}`,placeholder:`${this.placeholder}`,ref:t=>this.inputReference=t,readOnly:this.autofilled,pattern:this.validationPattern,required:this.validation.mandatory,minlength:this.validation.minLength,maxlength:this.validation.maxLength,onInput:this.handleInput,onBlur:this.handleBlur}),i("small",{class:"text__error-message"},this.errorMessage))}static get watchers(){return{isValid:["validityChanged"],emitValue:["emitValueHandler"]}}};yh.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.text{font-family:"Roboto";font-style:normal}.text__wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:5px;height:100%}.text__wrapper--autofilled{pointer-events:none}.text__wrapper--autofilled .text__label{color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.text__wrapper--autofilled .text__input::part(input-field){color:var(--emfe-w-color-black, #000000)}.text__wrapper--flex{display:flex;gap:5px}.text__wrapper--relative{position:relative}.text__label{font-family:inherit;font-style:normal;font-weight:500;font-size:16px;line-height:20px;color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000))}.text__label--required::after{content:"*";font-family:inherit;color:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));margin-left:2px}.text__input{font-family:inherit;width:100%;height:44px;border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);background-color:var(--emfe-w-color-white, #FFFFFF);color:var(--emfe-w-color-black, #000000);border-radius:5px;font-size:16px;font-weight:300;line-height:1.5;padding:5px 15px}.text__input:focus{border:1px solid var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));outline-color:var(--emfe-w-color-primary, #D0046C)}.text__input--invalid{border:1px solid var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.text__input::placeholder{color:var(--emfe-w-color-gray-150, #828282)}.text__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emfe-w-color-error, var(--emfe-w-color-red, #ed0909))}.text__tooltip-icon{width:16px;height:auto}.text__tooltip{position:absolute;top:0;left:20px;background-color:var(--emfe-w-color-white, #FFFFFF);border:1px solid var(--emfe-w-color-gray-100, #E6E6E6);color:var(--emfe-w-registration-typography, var(--emfe-w-color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.text__tooltip.visible{opacity:1}';export{gr as checkbox_group_input,yr as checkbox_input,ql as date_input,Rl as email_input,Vl as number_input,Ql as password_input,Xl as radio_input,bh as select_input,gh as tel_input,yh as text_input}
|