@everymatrix/helper-filters 1.54.12 → 1.55.0
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/helper-filters.cjs.js +2 -2
- package/dist/cjs/helper-filters_2.cjs.entry.js +13631 -13597
- package/dist/cjs/{index-f886624e.js → index-2f1b6083.js} +68 -169
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/helper-filters/helper-filters.js +16 -67
- package/dist/esm/helper-filters.js +3 -3
- package/dist/esm/helper-filters_2.entry.js +13631 -13597
- package/dist/esm/{index-db278f52.js → index-92f953e8.js} +68 -169
- package/dist/esm/loader.js +2 -2
- package/dist/helper-filters/helper-filters.esm.js +1 -1
- package/dist/helper-filters/p-188cfbf7.js +2 -0
- package/dist/helper-filters/p-d692ab77.entry.js +4046 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/helper-filters/p-01cd08da.js +0 -2
- package/dist/helper-filters/p-cda4d350.entry.js +0 -3451
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/helper-filters/.stencil/packages/stencil/helper-filters/stencil.config.dev.d.ts +0 -2
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-filters/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-filters/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-filters/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{adrian.pripon/Documents/Work → maria.bumbar/Desktop}/widgets-monorepo/packages/stencil/helper-filters/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -0,0 +1,4046 @@
|
|
|
1
|
+
import{r as t,c as e,h as o}from"./p-188cfbf7.js";const i=["ro","en","hr"],s={en:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"},ro:{filterOpen:"Filtrare",filterClear:"Stergere",filterModalTicketTitle:"Rezultatele biletelor",filterModalDrawTitle:"Rezultatele draw-urilor",filterTicketPlaceholder:"Cauta ID bilet",filterDrawPlaceholder:"Cauta ID draw",filterModalButton:"Cauta",filterOrDate:"sau cauta dupa data"},fr:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"},ar:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"},hr:{filterOpen:"Filter",filterClear:"Očisti",filterModalTicketTitle:"Rezultati listića",filterModalDrawTitle:"Povijest rezultata Izvlačenja",filterTicketPlaceholder:"Pretraga ID listića",filterDrawPlaceholder:"Pretraga ID izvlačenja",filterModalButton:"Traži",filterFromCalendar:"Od",filterToCalendar:"Do",filterOrDate:"ili tražite po datumu"}},r=(t,e)=>{const o=e;return s[void 0!==o&&i.includes(o)?o:"en"][t]};
|
|
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
|
+
*/
|
|
7
|
+
function n(t){const e=customElements.get(t.is);if(e){const o=e.version;o&&t.version&&o===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)}
|
|
8
|
+
/**
|
|
9
|
+
* @license
|
|
10
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
11
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
12
|
+
*/class a extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.9"}}n(a);
|
|
13
|
+
/**
|
|
14
|
+
* @license
|
|
15
|
+
* Copyright 2019 Google LLC
|
|
16
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
+
*/
|
|
18
|
+
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,o){if(this._$cssResult$=!0,o!==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 o=void 0!==e&&1===e.length;o&&(t=u.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&u.set(e,t))}return t}toString(){return this.cssText}}const p=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>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.")})(o)+t[i+1]),t[0]);return new d(o,t,c)},m=h?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new d("string"==typeof t?t:t+"",void 0,c))(e)})(t):t
|
|
19
|
+
/**
|
|
20
|
+
* @license
|
|
21
|
+
* Copyright 2017 Google LLC
|
|
22
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
+
*/;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 o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},x=(t,e)=>e!==t&&(e==e||t==t),_={attribute:!0,type:String,converter:w,reflect:!1,hasChanged:x},k="finalized";class A 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,o)=>{const i=this._$Ep(o,e);void 0!==i&&(this._$Ev.set(i,o),t.push(i))})),t}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const o="symbol"==typeof t?Symbol():"__"+t,i=this.getPropertyDescriptor(t,o,e);void 0!==i&&Object.defineProperty(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){return{get(){return this[e]},set(i){const s=this[t];this[e]=i,this.requestUpdate(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||_}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 o of e)this.createProperty(o,t[o])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(m(t))}else void 0!==t&&e.push(m(t));return e}static _$Ep(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"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,o;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(o=t.hostConnected)||void 0===o||o.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 o=document.createElement("style"),i=l.litNonce;void 0!==i&&o.setAttribute("nonce",i),o.textContent=e.cssText,t.appendChild(o)}))})(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,o){this._$AK(t,o)}_$EO(t,e,o=_){var i;const s=this.constructor._$Ep(t,o);if(void 0!==s&&!0===o.reflect){const r=(void 0!==(null===(i=o.converter)||void 0===i?void 0:i.toAttribute)?o.converter:w).toAttribute(e,o.type);this._$El=t,null==r?this.removeAttribute(s):this.setAttribute(s,r),this._$El=null}}_$AK(t,e){var o;const i=this.constructor,s=i._$Ev.get(t);if(void 0!==s&&this._$El!==s){const t=i.getPropertyOptions(s),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(o=t.converter)||void 0===o?void 0:o.fromAttribute)?t.converter:w;this._$El=s,this[s]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,o){let i=!0;void 0!==t&&(((o=o||this.constructor.getPropertyOptions(t)).hasChanged||x)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,o))):i=!1),!this.isUpdatePending&&i&&(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 o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),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(o)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(o)}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){}}
|
|
24
|
+
/**
|
|
25
|
+
* @license
|
|
26
|
+
* Copyright 2017 Google LLC
|
|
27
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
+
*/
|
|
29
|
+
var C;A[k]=!0,A.elementProperties=new Map,A.elementStyles=[],A.shadowRootOptions={mode:"open"},null==y||y({ReactiveElement:A}),(null!==(f=v.reactiveElementVersions)&&void 0!==f?f:v.reactiveElementVersions=[]).push("1.6.3");const z=window,D=z.trustedTypes,T=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,S="$lit$",M=`lit$${(Math.random()+"").slice(9)}$`,E="?"+M,P=`<${E}>`,O=document,F=()=>O.createComment(""),N=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,B="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,W=/-->/g,R=/>/g,U=RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,H=/"/g,q=/^(?:script|style|textarea|title)$/i,$=Symbol.for("lit-noChange"),Y=Symbol.for("lit-nothing"),V=new WeakMap,G=O.createTreeWalker(O,129,null,!1);function J(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==T?T.createHTML(e):e}const K=(t,e)=>{const o=t.length-1,i=[];let s,r=2===e?"<svg>":"",n=j;for(let e=0;e<o;e++){const o=t[e];let a,l,h=-1,c=0;for(;c<o.length&&(n.lastIndex=c,l=n.exec(o),null!==l);)c=n.lastIndex,n===j?"!--"===l[1]?n=W:void 0!==l[1]?n=R:void 0!==l[2]?(q.test(l[2])&&(s=RegExp("</"+l[2],"g")),n=U):void 0!==l[3]&&(n=U):n===U?">"===l[0]?(n=null!=s?s:j,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?U:'"'===l[3]?H:L):n===H||n===L?n=U:n===W||n===R?n=j:(n=U,s=void 0);const u=n===U&&t[e+1].startsWith("/>")?" ":"";r+=n===j?o+P:h>=0?(i.push(a),o.slice(0,h)+S+o.slice(h)+M+u):o+M+(-2===h?(i.push(void 0),e):u)}return[J(t,r+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};class Z{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let s=0,r=0;const n=t.length-1,a=this.parts,[l,h]=K(t,e);if(this.el=Z.createElement(l,o),G.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=G.nextNode())&&a.length<n;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(S)||e.startsWith(M)){const o=h[r++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+S).split(M),e=/([.?@])?(.*)/.exec(o);a.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?ot:"?"===e[1]?st:"@"===e[1]?rt:et})}else a.push({type:6,index:s})}for(const e of t)i.removeAttribute(e)}if(q.test(i.tagName)){const t=i.textContent.split(M),e=t.length-1;if(e>0){i.textContent=D?D.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],F()),G.nextNode(),a.push({type:2,index:++s});i.append(t[e],F())}}}else if(8===i.nodeType)if(i.data===E)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=i.data.indexOf(M,t+1));)a.push({type:7,index:s}),t+=M.length-1}s++}}static createElement(t,e){const o=O.createElement("template");return o.innerHTML=t,o}}function X(t,e,o=t,i){var s,r,n,a;if(e===$)return e;let l=void 0!==i?null===(s=o._$Co)||void 0===s?void 0:s[i]:o._$Cl;const h=N(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==h&&(null===(r=null==l?void 0:l._$AO)||void 0===r||r.call(l,!1),void 0===h?l=void 0:(l=new h(t),l._$AT(t,o,i)),void 0!==i?(null!==(n=(a=o)._$Co)&&void 0!==n?n:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=X(t,l._$AS(t,e.values),l,i)),e}class Q{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:o},parts:i}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:O).importNode(o,!0);G.currentNode=s;let r=G.nextNode(),n=0,a=0,l=i[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new tt(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new nt(r,this,t)),this._$AV.push(e),l=i[++a]}n!==(null==l?void 0:l.index)&&(r=G.nextNode(),n++)}return G.currentNode=O,s}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class tt{constructor(t,e,o,i){var s;this.type=2,this._$AH=Y,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(s=null==i?void 0:i.isConnected)||void 0===s||s}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=X(this,t,e),N(t)?t===Y||null==t||""===t?(this._$AH!==Y&&this._$AR(),this._$AH=Y):t!==this._$AH&&t!==$&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>I(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!==Y&&N(this._$AH)?this._$AA.nextSibling.data=t:this.$(O.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,s="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=Z.createElement(J(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.v(o);else{const t=new Q(s,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=V.get(t.strings);return void 0===e&&V.set(t.strings,e=new Z(t)),e}T(t){I(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const s of t)i===e.length?e.push(o=new tt(this.k(F()),this.k(F()),this,this.options)):o=e[i],o._$AI(s),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.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 et{constructor(t,e,o,i,s){this.type=1,this._$AH=Y,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=Y}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const s=this.strings;let r=!1;if(void 0===s)t=X(this,t,e,0),r=!N(t)||t!==this._$AH&&t!==$,r&&(this._$AH=t);else{const i=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=X(this,i[o+n],e,n),a===$&&(a=this._$AH[n]),r||(r=!N(a)||a!==this._$AH[n]),a===Y?t=Y:t!==Y&&(t+=(null!=a?a:"")+s[n+1]),this._$AH[n]=a}r&&!i&&this.j(t)}j(t){t===Y?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class ot extends et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Y?void 0:t}}const it=D?D.emptyScript:"";class st extends et{constructor(){super(...arguments),this.type=4}j(t){t&&t!==Y?this.element.setAttribute(this.name,it):this.element.removeAttribute(this.name)}}class rt extends et{constructor(t,e,o,i,s){super(t,e,o,i,s),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=X(this,t,e,0))&&void 0!==o?o:Y)===$)return;const i=this._$AH,s=t===Y&&i!==Y||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==Y&&(i===Y||s);s&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class nt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){X(this,t)}}const at=z.litHtmlPolyfillSupport;
|
|
30
|
+
/**
|
|
31
|
+
* @license
|
|
32
|
+
* Copyright 2017 Google LLC
|
|
33
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
+
*/
|
|
35
|
+
var lt,ht;null==at||at(Z,tt),(null!==(C=z.litHtmlVersions)&&void 0!==C?C:z.litHtmlVersions=[]).push("2.8.0");class ct extends A{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const o=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=o.firstChild),o}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{var i,s;const r=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let n=r._$litPart$;if(void 0===n){const t=null!==(s=null==o?void 0:o.renderBefore)&&void 0!==s?s:null;r._$litPart$=n=new tt(e.insertBefore(F(),t),t,void 0,null!=o?o:{})}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 $}}ct.finalized=!0,ct._$litElement$=!0,null===(lt=globalThis.litElementHydrateSupport)||void 0===lt||lt.call(globalThis,{LitElement:ct});const ut=globalThis.litElementPolyfillSupport;null==ut||ut({LitElement:ct}),(null!==(ht=globalThis.litElementVersions)&&void 0!==ht?ht:globalThis.litElementVersions=[]).push("3.3.3");
|
|
36
|
+
/**
|
|
37
|
+
* @license
|
|
38
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
39
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
40
|
+
*/
|
|
41
|
+
const dt=t=>class extends t{static get properties(){return{_theme:{type:String,readOnly:!0}}}static get observedAttributes(){return[...super.observedAttributes,"theme"]}attributeChangedCallback(t,e,o){super.attributeChangedCallback(t,e,o),"theme"===t&&this._set_theme(o)}}
|
|
42
|
+
/**
|
|
43
|
+
* @license
|
|
44
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
45
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
46
|
+
*/,pt=[];function mt(t){return t&&Object.prototype.hasOwnProperty.call(t,"__themes")}function ft(t,e,o={}){t&&mt(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,o):pt.push({themeFor:t,styles:e,include:o.include,moduleId:o.moduleId})}function vt(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():pt}function bt(t=""){let e=0;return t.startsWith("lumo-")||t.startsWith("material-")?e=1:t.startsWith("vaadin-")&&(e=2),e}function gt(t){const e=[];return t.include&&[].concat(t.include).forEach((t=>{const o=vt().find((e=>e.moduleId===t));o?e.push(...gt(o),...o.styles):console.warn(`Included moduleId ${t} not found in style registry`)}),t.styles),e}function yt(t){const e=`${t}-default-theme`,o=vt().filter((o=>o.moduleId!==e&&function(t,e){return(t||"").split(" ").some((t=>new RegExp(`^${t.split("*").join(".*")}$`,"u").test(e)))}(o.themeFor,t))).map((t=>({...t,styles:[...gt(t),...t.styles],includePriority:bt(t.moduleId)}))).sort(((t,e)=>e.includePriority-t.includePriority));return o.length>0?o:vt().filter((t=>t.moduleId===e))}const wt=t=>class extends(dt(t)){static finalize(){if(super.finalize(),this.elementStyles)return;const t=this.prototype._template;t&&!mt(this)&&function(t,e){const o=document.createElement("style");o.innerHTML=t.map((t=>t.cssText)).join("\n"),e.content.appendChild(o)}(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:[])||[],...yt(this.is)];const e=this.__themes.flatMap((t=>t.styles));return e.filter(((t,o)=>o===e.lastIndexOf(t)))}}
|
|
47
|
+
/**
|
|
48
|
+
* @license
|
|
49
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
50
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
51
|
+
*/,xt=(t,...e)=>{const o=document.createElement("style");o.id=t,o.textContent=e.map((t=>t.toString())).join("\n").replace(":host","html"),document.head.insertAdjacentElement("afterbegin",o)},_t=(t,...e)=>{xt(`lumo-${t}`,e)};_t("color-props",p`
|
|
52
|
+
:host {
|
|
53
|
+
/* Base (background) */
|
|
54
|
+
--lumo-base-color: #fff;
|
|
55
|
+
|
|
56
|
+
/* Tint */
|
|
57
|
+
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
58
|
+
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
59
|
+
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
60
|
+
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
61
|
+
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
62
|
+
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
63
|
+
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
64
|
+
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
65
|
+
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
66
|
+
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
67
|
+
--lumo-tint: #fff;
|
|
68
|
+
|
|
69
|
+
/* Shade */
|
|
70
|
+
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
71
|
+
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
72
|
+
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
73
|
+
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
74
|
+
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
75
|
+
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
76
|
+
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
77
|
+
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
78
|
+
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
79
|
+
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
80
|
+
--lumo-shade: hsl(214, 35%, 15%);
|
|
81
|
+
|
|
82
|
+
/* Contrast */
|
|
83
|
+
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
84
|
+
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
85
|
+
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
86
|
+
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
87
|
+
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
88
|
+
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
89
|
+
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
90
|
+
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
91
|
+
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
92
|
+
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
93
|
+
--lumo-contrast: var(--lumo-shade);
|
|
94
|
+
|
|
95
|
+
/* Text */
|
|
96
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
97
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
98
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
99
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
100
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
101
|
+
|
|
102
|
+
/* Primary */
|
|
103
|
+
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
104
|
+
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
105
|
+
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
106
|
+
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
107
|
+
--lumo-primary-contrast-color: #fff;
|
|
108
|
+
|
|
109
|
+
/* Error */
|
|
110
|
+
--lumo-error-color: hsl(3, 85%, 48%);
|
|
111
|
+
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
112
|
+
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
113
|
+
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
114
|
+
--lumo-error-contrast-color: #fff;
|
|
115
|
+
|
|
116
|
+
/* Success */
|
|
117
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
118
|
+
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
119
|
+
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
120
|
+
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
121
|
+
--lumo-success-contrast-color: #fff;
|
|
122
|
+
|
|
123
|
+
/* Warning */
|
|
124
|
+
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
125
|
+
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
126
|
+
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
127
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
/* forced-colors mode adjustments */
|
|
131
|
+
@media (forced-colors: active) {
|
|
132
|
+
html {
|
|
133
|
+
--lumo-disabled-text-color: GrayText;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
`),ft("",p`
|
|
137
|
+
[theme~='dark'] {
|
|
138
|
+
/* Base (background) */
|
|
139
|
+
--lumo-base-color: hsl(214, 35%, 21%);
|
|
140
|
+
|
|
141
|
+
/* Tint */
|
|
142
|
+
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
143
|
+
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
144
|
+
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
145
|
+
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
146
|
+
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
147
|
+
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
148
|
+
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
149
|
+
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
150
|
+
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
151
|
+
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
152
|
+
--lumo-tint: hsl(214, 100%, 98%);
|
|
153
|
+
|
|
154
|
+
/* Shade */
|
|
155
|
+
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
156
|
+
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
157
|
+
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
158
|
+
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
159
|
+
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
160
|
+
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
161
|
+
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
162
|
+
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
163
|
+
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
164
|
+
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
165
|
+
--lumo-shade: hsl(214, 33%, 13%);
|
|
166
|
+
|
|
167
|
+
/* Contrast */
|
|
168
|
+
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
169
|
+
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
170
|
+
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
171
|
+
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
172
|
+
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
173
|
+
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
174
|
+
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
175
|
+
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
176
|
+
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
177
|
+
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
178
|
+
--lumo-contrast: var(--lumo-tint);
|
|
179
|
+
|
|
180
|
+
/* Text */
|
|
181
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
182
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
183
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
184
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
185
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
186
|
+
|
|
187
|
+
/* Primary */
|
|
188
|
+
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
189
|
+
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
190
|
+
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
191
|
+
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
192
|
+
--lumo-primary-contrast-color: #fff;
|
|
193
|
+
|
|
194
|
+
/* Error */
|
|
195
|
+
--lumo-error-color: hsl(3, 79%, 49%);
|
|
196
|
+
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
197
|
+
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
198
|
+
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
199
|
+
|
|
200
|
+
/* Success */
|
|
201
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
202
|
+
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
203
|
+
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
204
|
+
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
205
|
+
|
|
206
|
+
/* Warning */
|
|
207
|
+
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
208
|
+
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
209
|
+
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
210
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
html {
|
|
214
|
+
color: var(--lumo-body-text-color);
|
|
215
|
+
background-color: var(--lumo-base-color);
|
|
216
|
+
color-scheme: light;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
[theme~='dark'] {
|
|
220
|
+
color: var(--lumo-body-text-color);
|
|
221
|
+
background-color: var(--lumo-base-color);
|
|
222
|
+
color-scheme: dark;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
h1,
|
|
226
|
+
h2,
|
|
227
|
+
h3,
|
|
228
|
+
h4,
|
|
229
|
+
h5,
|
|
230
|
+
h6 {
|
|
231
|
+
color: var(--lumo-header-text-color);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
a:where(:any-link) {
|
|
235
|
+
color: var(--lumo-primary-text-color);
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
a:not(:any-link) {
|
|
239
|
+
color: var(--lumo-disabled-text-color);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
blockquote {
|
|
243
|
+
color: var(--lumo-secondary-text-color);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
code,
|
|
247
|
+
pre {
|
|
248
|
+
background-color: var(--lumo-contrast-10pct);
|
|
249
|
+
border-radius: var(--lumo-border-radius-m);
|
|
250
|
+
}
|
|
251
|
+
`,{moduleId:"lumo-color"}),_t("sizing-props",p`
|
|
252
|
+
:host {
|
|
253
|
+
--lumo-size-xs: 1.625rem;
|
|
254
|
+
--lumo-size-s: 1.875rem;
|
|
255
|
+
--lumo-size-m: 2.25rem;
|
|
256
|
+
--lumo-size-l: 2.75rem;
|
|
257
|
+
--lumo-size-xl: 3.5rem;
|
|
258
|
+
|
|
259
|
+
/* Icons */
|
|
260
|
+
--lumo-icon-size-s: 1.25em;
|
|
261
|
+
--lumo-icon-size-m: 1.5em;
|
|
262
|
+
--lumo-icon-size-l: 2.25em;
|
|
263
|
+
/* For backwards compatibility */
|
|
264
|
+
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
265
|
+
}
|
|
266
|
+
`),p`
|
|
267
|
+
html {
|
|
268
|
+
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
269
|
+
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
270
|
+
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
271
|
+
}
|
|
272
|
+
`,_t("style-props",p`
|
|
273
|
+
:host {
|
|
274
|
+
/* Border radius */
|
|
275
|
+
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
276
|
+
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
277
|
+
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
278
|
+
|
|
279
|
+
/* Shadow */
|
|
280
|
+
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
281
|
+
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
282
|
+
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
283
|
+
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
284
|
+
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
285
|
+
|
|
286
|
+
/* Clickable element cursor */
|
|
287
|
+
--lumo-clickable-cursor: default;
|
|
288
|
+
}
|
|
289
|
+
`);
|
|
290
|
+
/**
|
|
291
|
+
* @license
|
|
292
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
293
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
294
|
+
*/
|
|
295
|
+
const kt=p`
|
|
296
|
+
:host {
|
|
297
|
+
/* prettier-ignore */
|
|
298
|
+
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
299
|
+
|
|
300
|
+
/* Font sizes */
|
|
301
|
+
--lumo-font-size-xxs: 0.75rem;
|
|
302
|
+
--lumo-font-size-xs: 0.8125rem;
|
|
303
|
+
--lumo-font-size-s: 0.875rem;
|
|
304
|
+
--lumo-font-size-m: 1rem;
|
|
305
|
+
--lumo-font-size-l: 1.125rem;
|
|
306
|
+
--lumo-font-size-xl: 1.375rem;
|
|
307
|
+
--lumo-font-size-xxl: 1.75rem;
|
|
308
|
+
--lumo-font-size-xxxl: 2.5rem;
|
|
309
|
+
|
|
310
|
+
/* Line heights */
|
|
311
|
+
--lumo-line-height-xs: 1.25;
|
|
312
|
+
--lumo-line-height-s: 1.375;
|
|
313
|
+
--lumo-line-height-m: 1.625;
|
|
314
|
+
}
|
|
315
|
+
`;ft("",p`
|
|
316
|
+
body,
|
|
317
|
+
:host {
|
|
318
|
+
font-family: var(--lumo-font-family);
|
|
319
|
+
font-size: var(--lumo-font-size-m);
|
|
320
|
+
line-height: var(--lumo-line-height-m);
|
|
321
|
+
-webkit-text-size-adjust: 100%;
|
|
322
|
+
-webkit-font-smoothing: antialiased;
|
|
323
|
+
-moz-osx-font-smoothing: grayscale;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
small,
|
|
327
|
+
[theme~='font-size-s'] {
|
|
328
|
+
font-size: var(--lumo-font-size-s);
|
|
329
|
+
line-height: var(--lumo-line-height-s);
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
[theme~='font-size-xs'] {
|
|
333
|
+
font-size: var(--lumo-font-size-xs);
|
|
334
|
+
line-height: var(--lumo-line-height-xs);
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
|
338
|
+
font-weight: 600;
|
|
339
|
+
line-height: var(--lumo-line-height-xs);
|
|
340
|
+
margin-block: 0;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
:where(h1) {
|
|
344
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
:where(h2) {
|
|
348
|
+
font-size: var(--lumo-font-size-xxl);
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
:where(h3) {
|
|
352
|
+
font-size: var(--lumo-font-size-xl);
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
:where(h4) {
|
|
356
|
+
font-size: var(--lumo-font-size-l);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
:where(h5) {
|
|
360
|
+
font-size: var(--lumo-font-size-m);
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
:where(h6) {
|
|
364
|
+
font-size: var(--lumo-font-size-xs);
|
|
365
|
+
text-transform: uppercase;
|
|
366
|
+
letter-spacing: 0.03em;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
p,
|
|
370
|
+
blockquote {
|
|
371
|
+
margin-top: 0.5em;
|
|
372
|
+
margin-bottom: 0.75em;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
a {
|
|
376
|
+
text-decoration: none;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
a:where(:any-link):hover {
|
|
380
|
+
text-decoration: underline;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
hr {
|
|
384
|
+
display: block;
|
|
385
|
+
align-self: stretch;
|
|
386
|
+
height: 1px;
|
|
387
|
+
border: 0;
|
|
388
|
+
padding: 0;
|
|
389
|
+
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
390
|
+
background-color: var(--lumo-contrast-10pct);
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
blockquote {
|
|
394
|
+
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
b,
|
|
398
|
+
strong {
|
|
399
|
+
font-weight: 600;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
/* RTL specific styles */
|
|
403
|
+
blockquote[dir='rtl'] {
|
|
404
|
+
border-left: none;
|
|
405
|
+
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
406
|
+
}
|
|
407
|
+
`,{moduleId:"lumo-typography"}),_t("typography-props",kt),ft("vaadin-input-container",p`
|
|
408
|
+
:host {
|
|
409
|
+
background-color: var(--lumo-contrast-10pct);
|
|
410
|
+
padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px);
|
|
411
|
+
font-weight: 500;
|
|
412
|
+
line-height: 1;
|
|
413
|
+
position: relative;
|
|
414
|
+
cursor: text;
|
|
415
|
+
box-sizing: border-box;
|
|
416
|
+
border-radius:
|
|
417
|
+
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */
|
|
418
|
+
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
|
419
|
+
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
|
420
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius))
|
|
421
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius));
|
|
422
|
+
/* Fallback */
|
|
423
|
+
--_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));
|
|
424
|
+
/* Default field border color */
|
|
425
|
+
--_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
:host([dir='rtl']) {
|
|
429
|
+
border-radius:
|
|
430
|
+
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
|
431
|
+
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
|
432
|
+
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
|
433
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius))
|
|
434
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius));
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
/* Used for hover and activation effects */
|
|
438
|
+
:host::after {
|
|
439
|
+
content: '';
|
|
440
|
+
position: absolute;
|
|
441
|
+
inset: 0;
|
|
442
|
+
border-radius: inherit;
|
|
443
|
+
pointer-events: none;
|
|
444
|
+
background-color: var(--lumo-contrast-50pct);
|
|
445
|
+
opacity: 0;
|
|
446
|
+
transition: transform 0.15s, opacity 0.2s;
|
|
447
|
+
transform-origin: 100% 0;
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
::slotted(:not([slot$='fix'])) {
|
|
451
|
+
cursor: inherit;
|
|
452
|
+
min-height: var(--lumo-text-field-size, var(--lumo-size-m));
|
|
453
|
+
padding: 0 0.25em;
|
|
454
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
455
|
+
-webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
456
|
+
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
/* Read-only */
|
|
460
|
+
:host([readonly]) {
|
|
461
|
+
color: var(--lumo-secondary-text-color);
|
|
462
|
+
background-color: transparent;
|
|
463
|
+
cursor: default;
|
|
464
|
+
}
|
|
465
|
+
|
|
466
|
+
:host([readonly])::after {
|
|
467
|
+
background-color: transparent;
|
|
468
|
+
opacity: 1;
|
|
469
|
+
border: 1px dashed var(--lumo-contrast-30pct);
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
/* Disabled */
|
|
473
|
+
:host([disabled]) {
|
|
474
|
+
background-color: var(--lumo-contrast-5pct);
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
:host([disabled]) ::slotted(*) {
|
|
478
|
+
color: var(--lumo-disabled-text-color);
|
|
479
|
+
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
/* Invalid */
|
|
483
|
+
:host([invalid]) {
|
|
484
|
+
background-color: var(--lumo-error-color-10pct);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
:host([invalid])::after {
|
|
488
|
+
background-color: var(--lumo-error-color-50pct);
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
/* Slotted icons */
|
|
492
|
+
::slotted(vaadin-icon) {
|
|
493
|
+
color: var(--lumo-contrast-60pct);
|
|
494
|
+
width: var(--lumo-icon-size-m);
|
|
495
|
+
height: var(--lumo-icon-size-m);
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
499
|
+
::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
500
|
+
padding: 0.25em;
|
|
501
|
+
box-sizing: border-box !important;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
/* Text align */
|
|
505
|
+
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
506
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
|
|
507
|
+
}
|
|
508
|
+
|
|
509
|
+
@-moz-document url-prefix() {
|
|
510
|
+
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
511
|
+
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
|
|
515
|
+
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
516
|
+
text-align: start;
|
|
517
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
:host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
|
|
521
|
+
text-align: center;
|
|
522
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
526
|
+
text-align: end;
|
|
527
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
@-moz-document url-prefix() {
|
|
531
|
+
/* Firefox is smart enough to align overflowing text to right */
|
|
532
|
+
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
533
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
534
|
+
}
|
|
535
|
+
}
|
|
536
|
+
|
|
537
|
+
@-moz-document url-prefix() {
|
|
538
|
+
/* Firefox is smart enough to align overflowing text to right */
|
|
539
|
+
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
540
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
541
|
+
}
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
/* RTL specific styles */
|
|
545
|
+
:host([dir='rtl'])::after {
|
|
546
|
+
transform-origin: 0% 0;
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
550
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
:host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
554
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
558
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
@-moz-document url-prefix() {
|
|
562
|
+
/* Firefox is smart enough to align overflowing text to right */
|
|
563
|
+
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
564
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
@-moz-document url-prefix() {
|
|
569
|
+
/* Firefox is smart enough to align overflowing text to right */
|
|
570
|
+
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
571
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
`,{moduleId:"lumo-input-container"}),
|
|
575
|
+
/**
|
|
576
|
+
@license
|
|
577
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
578
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
579
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
580
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
581
|
+
Code distributed by Google as part of the polymer project is also
|
|
582
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
583
|
+
*/
|
|
584
|
+
window.JSCompiler_renameProperty=function(t){return t};
|
|
585
|
+
/**
|
|
586
|
+
@license
|
|
587
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
588
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
589
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
590
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
591
|
+
Code distributed by Google as part of the polymer project is also
|
|
592
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
593
|
+
*/
|
|
594
|
+
let At,Ct,zt=/(url\()([^)]*)(\))/g,Dt=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/;function Tt(t,e){if(t&&Dt.test(t))return t;if("//"===t)return t;if(void 0===At){At=!1;try{const t=new URL("b","http://a");t.pathname="c%20d",At="http://a/c%20d"===t.href}catch(t){}}if(e||(e=document.baseURI||window.location.href),At)try{return new URL(t,e).href}catch(e){return t}return Ct||(Ct=document.implementation.createHTMLDocument("temp"),Ct.base=Ct.createElement("base"),Ct.head.appendChild(Ct.base),Ct.anchor=Ct.createElement("a"),Ct.body.appendChild(Ct.anchor)),Ct.base.href=e,Ct.anchor.href=t,Ct.anchor.href||t}function St(t,e){return t.replace(zt,(function(t,o,i,s){return o+"'"+Tt(i.replace(/["']/g,""),e)+"'"+s}))}function Mt(t){return t.substring(0,t.lastIndexOf("/")+1)}
|
|
595
|
+
/**
|
|
596
|
+
@license
|
|
597
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
598
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
599
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
600
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
601
|
+
Code distributed by Google as part of the polymer project is also
|
|
602
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
603
|
+
*/const Et=!window.ShadyDOM||!window.ShadyDOM.inUse,Pt=Et&&"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 Ot=window.Polymer&&window.Polymer.rootPath||Mt(document.baseURI||window.location.href),Ft=window.Polymer&&window.Polymer.sanitizeDOMValue||void 0,Nt=window.Polymer&&window.Polymer.strictTemplatePolicy||!1,It=window.Polymer&&window.Polymer.allowTemplateFromDomModule||!1,Bt=window.Polymer&&window.Polymer.legacyOptimizations||!1,jt=window.Polymer&&window.Polymer.legacyWarnings||!1,Wt=window.Polymer&&window.Polymer.syncInitialRender||!1,Rt=window.Polymer&&window.Polymer.legacyUndefined||!1,Ut=window.Polymer&&window.Polymer.orderedComputed||!1,Lt=window.Polymer&&window.Polymer.removeNestedTemplates||!1,Ht=window.Polymer&&window.Polymer.fastDomIf||!1,qt=window.Polymer&&window.Polymer.suppressTemplateNotifications||!1,$t=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||!1,Yt=0;const Vt=function(t){let e=t.__mixinApplications;e||(e=new WeakMap,t.__mixinApplications=e);let o=Yt++;return function(i){let s=i.__mixinSet;if(s&&s[o])return i;let r=e,n=r.get(i);if(!n){n=t(i),r.set(i,n);let e=Object.create(n.__mixinSet||s||null);e[o]=!0,n.__mixinSet=e}return n}};
|
|
604
|
+
/**
|
|
605
|
+
@license
|
|
606
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
607
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
608
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
609
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
610
|
+
Code distributed by Google as part of the polymer project is also
|
|
611
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
612
|
+
*/let Gt={},Jt={};function Kt(t,e){Gt[t]=Jt[t.toLowerCase()]=e}function Zt(t){return Gt[t]||Jt[t.toLowerCase()]}class Xt extends HTMLElement{static get observedAttributes(){return["id"]}static import(t,e){if(t){let o=Zt(t);return o&&e?o.querySelector(e):o}return null}attributeChangedCallback(t,e,o,i){e!==o&&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=Mt(e)}return this.__assetpath}register(t){if(t=t||this.id){if(Nt&&void 0!==Zt(t))throw Kt(t,null),new Error(`strictTemplatePolicy: dom-module ${t} re-registered`);this.id=t,Kt(t,this),(e=this).querySelector("style")&&console.warn("dom-module %s has style outside template",e.id)}var e}}Xt.prototype.modules=Gt,customElements.define("dom-module",Xt);
|
|
613
|
+
/**
|
|
614
|
+
@license
|
|
615
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
616
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
617
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
618
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
619
|
+
Code distributed by Google as part of the polymer project is also
|
|
620
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
621
|
+
*/
|
|
622
|
+
const Qt="link[rel=import][type~=css]",te="include",ee="shady-unscoped";function oe(t){return Xt.import(t)}function ie(t){const e=St((t.body?t.body:t).textContent,t.baseURI),o=document.createElement("style");return o.textContent=e,o}function se(t){const e=t.trim().split(/\s+/),o=[];for(let t=0;t<e.length;t++)o.push(...re(e[t]));return o}function re(t){const e=oe(t);if(!e)return console.warn("Could not find style data in module named",t),[];if(void 0===e._styles){const t=[];t.push(...ae(e));const o=e.querySelector("template");o&&t.push(...ne(o,e.assetpath)),e._styles=t}return e._styles}function ne(t,e){if(!t._styles){const o=[],i=t.content.querySelectorAll("style");for(let t=0;t<i.length;t++){let s=i[t],r=s.getAttribute(te);r&&o.push(...se(r).filter((function(t,e,o){return o.indexOf(t)===e}))),e&&(s.textContent=St(s.textContent,e)),o.push(s)}t._styles=o}return t._styles}function ae(t){const e=[],o=t.querySelectorAll(Qt);for(let t=0;t<o.length;t++){let i=o[t];if(i.import){const t=i.import,o=i.hasAttribute(ee);if(o&&!t._unscopedStyle){const e=ie(t);e.setAttribute(ee,""),t._unscopedStyle=e}else t._style||(t._style=ie(t));e.push(o?t._unscopedStyle:t._style)}}return e}
|
|
623
|
+
/**
|
|
624
|
+
@license
|
|
625
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
626
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
627
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
628
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
629
|
+
Code distributed by Google as part of the polymer project is also
|
|
630
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
631
|
+
*/const le=window.ShadyDOM&&window.ShadyDOM.noPatch&&window.ShadyDOM.wrap?window.ShadyDOM.wrap:window.ShadyDOM?t=>ShadyDOM.patch(t):t=>t;
|
|
632
|
+
/**
|
|
633
|
+
@license
|
|
634
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
635
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
636
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
637
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
638
|
+
Code distributed by Google as part of the polymer project is also
|
|
639
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
640
|
+
*/function he(t){return t.indexOf(".")>=0}function ce(t){let e=t.indexOf(".");return-1===e?t:t.slice(0,e)}function ue(t,e){return 0===t.indexOf(e+".")}function de(t,e){return 0===e.indexOf(t+".")}function pe(t,e,o){return e+o.slice(t.length)}function me(t){if(Array.isArray(t)){let e=[];for(let o=0;o<t.length;o++){let i=t[o].toString().split(".");for(let t=0;t<i.length;t++)e.push(i[t])}return e.join(".")}return t}function fe(t){return Array.isArray(t)?me(t).split("."):t.toString().split(".")}function ve(t,e,o){let i=t,s=fe(e);for(let t=0;t<s.length;t++){if(!i)return;i=i[s[t]]}return o&&(o.path=s.join(".")),i}function be(t,e,o){let i=t,s=fe(e),r=s[s.length-1];if(s.length>1){for(let t=0;t<s.length-1;t++)if(i=i[s[t]],!i)return;i[r]=o}else i[e]=o;return s.join(".")}
|
|
641
|
+
/**
|
|
642
|
+
@license
|
|
643
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
644
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
645
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
646
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
647
|
+
Code distributed by Google as part of the polymer project is also
|
|
648
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
649
|
+
*/const ge={},ye=/-[a-z]/g,we=/([A-Z])/g;function xe(t){return ge[t]||(ge[t]=t.indexOf("-")<0?t:t.replace(ye,(t=>t[1].toUpperCase())))}function _e(t){return ge[t]||(ge[t]=t.replace(we,"-$1").toLowerCase())}
|
|
650
|
+
/**
|
|
651
|
+
@license
|
|
652
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
653
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
654
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
655
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
656
|
+
Code distributed by Google as part of the polymer project is also
|
|
657
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
658
|
+
*/let ke=0,Ae=0,Ce=[],ze=0,De=!1,Te=document.createTextNode("");new window.MutationObserver((function(){De=!1;const t=Ce.length;for(let e=0;e<t;e++){let t=Ce[e];if(t)try{t()}catch(t){setTimeout((()=>{throw t}))}}Ce.splice(0,t),Ae+=t})).observe(Te,{characterData:!0});const Se={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)}},Me={run:t=>(De||(De=!0,Te.textContent=ze++),Ce.push(t),ke++),cancel(t){const e=t-Ae;if(e>=0){if(!Ce[e])throw new Error("invalid async handle: "+t);Ce[e]=null}}},Ee=Me,Pe=Vt((t=>class extends t{static createProperties(t){const e=this.prototype;for(let o in t)o in e||e._createPropertyAccessor(o)}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,o){let i=this.__data[t],s=this._shouldPropertyChange(t,e,i);return s&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),this.__dataOld&&!(t in this.__dataOld)&&(this.__dataOld[t]=i),this.__data[t]=e,this.__dataPending[t]=e),s}_isPropertyPending(t){return!(!this.__dataPending||!this.__dataPending.hasOwnProperty(t))}_invalidateProperties(){!this.__dataInvalid&&this.__dataReady&&(this.__dataInvalid=!0,Ee.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,o=this.__dataOld;this._shouldPropertiesChange(t,e,o)&&(this.__dataPending=null,this.__dataOld=null,this._propertiesChanged(t,e,o)),this.__dataCounter--}_shouldPropertiesChange(t,e,o){return Boolean(e)}_propertiesChanged(t,e,o){}_shouldPropertyChange(t,e,o){return o!==e&&(o==o||e==e)}attributeChangedCallback(t,e,o,i){e!==o&&this._attributeToProperty(t,o),super.attributeChangedCallback&&super.attributeChangedCallback(t,e,o,i)}_attributeToProperty(t,e,o){if(!this.__serializing){const i=this.__dataAttributes,s=i&&i[t]||t;this[s]=this._deserializeValue(e,o||this.constructor.typeForProperty(s))}}_propertyToAttribute(t,e,o){this.__serializing=!0,this._valueToNodeAttribute(this,o=arguments.length<3?this[t]:o,e||this.constructor.attributeNameForProperty(t)),this.__serializing=!1}_valueToNodeAttribute(t,e,o){const i=this._serializeValue(e);"class"!==o&&"name"!==o&&"slot"!==o||(t=le(t)),void 0===i?t.removeAttribute(o):t.setAttribute(o,""===i&&window.trustedTypes?window.trustedTypes.emptyScript:i)}_serializeValue(t){return"boolean"==typeof t?t?"":void 0:null!=t?t.toString():void 0}_deserializeValue(t,e){switch(e){case Boolean:return null!==t;case Number:return Number(t);default:return t}}})),Oe={};let Fe=HTMLElement.prototype;for(;Fe;){let t=Object.getOwnPropertyNames(Fe);for(let e=0;e<t.length;e++)Oe[t[e]]=!0;Fe=Object.getPrototypeOf(Fe)}const Ne=window.trustedTypes?t=>trustedTypes.isHTML(t)||trustedTypes.isScript(t)||trustedTypes.isScriptURL(t):()=>!1,Ie=Vt((t=>{const e=Pe(t);return class extends e{static createPropertiesForAttributes(){let t=this.observedAttributes;for(let e=0;e<t.length;e++)this.prototype._createPropertyAccessor(xe(t[e]))}static attributeNameForProperty(t){return _e(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){if("object"==typeof t){if(t instanceof Date)return t.toString();if(t){if(Ne(t))return t;try{return JSON.stringify(t)}catch(t){return""}}}return super._serializeValue(t)}_deserializeValue(t,e){let o;switch(e){case Object:try{o=JSON.parse(t)}catch(e){o=t}break;case Array:try{o=JSON.parse(t)}catch(e){o=null,console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${t}`)}break;case Date:o=isNaN(t)?String(t):Number(t),o=new Date(o);break;default:o=super._deserializeValue(t,e)}return o}_definePropertyAccessor(t,e){!function(t,e){if(!Oe[e]){let o=t[e];void 0!==o&&(t.__data?t._setPendingProperty(e,o):(t.__dataProto?t.hasOwnProperty(JSCompiler_renameProperty("__dataProto",t))||(t.__dataProto=Object.create(t.__dataProto)):t.__dataProto={},t.__dataProto[e]=o))}}(this,t),super._definePropertyAccessor(t,e)}_hasAccessor(t){return this.__dataHasAccessor&&this.__dataHasAccessor[t]}_isPropertyPending(t){return Boolean(this.__dataPending&&t in this.__dataPending)}}})),Be={"dom-if":!0,"dom-repeat":!0};let je=!1,We=!1;const Re=(()=>{const t=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:t=>t});return(e,o,i)=>{const s=o.getAttribute(i);t&&i.startsWith("on-")?e.setAttribute(i,t.createScript(s,i)):e.setAttribute(i,s)}})();function Ue(t){let e=t.getAttribute("is");if(e&&Be[e]){let o=t;for(o.removeAttribute("is"),t=o.ownerDocument.createElement(e),o.parentNode.replaceChild(t,o),t.appendChild(o);o.attributes.length;){const{name:e}=o.attributes[0];Re(t,o,e),o.removeAttribute(e)}}return t}function Le(t,e){let o=e.parentInfo&&Le(t,e.parentInfo);if(!o)return t;for(let t=o.firstChild,i=0;t;t=t.nextSibling)if(e.parentIndex===i++)return t}function He(t,e,o,i){i.id&&(e[i.id]=o)}function qe(t,e,o){if(o.events&&o.events.length)for(let i,s=0,r=o.events;s<r.length&&(i=r[s]);s++)t._addMethodEventListenerToNode(e,i.name,i.value,t)}function $e(t,e,o,i){o.templateInfo&&(e._templateInfo=o.templateInfo,e._parentTemplateInfo=i)}const Ye=Vt((t=>class extends t{static _parseTemplate(t,e){if(!t._templateInfo){let o=t._templateInfo={};o.nodeInfoList=[],o.nestedTemplate=Boolean(e),o.stripWhiteSpace=e&&e.stripWhiteSpace||t.hasAttribute&&t.hasAttribute("strip-whitespace"),this._parseTemplateContent(t,o,{parent:null})}return t._templateInfo}static _parseTemplateContent(t,e,o){return this._parseTemplateNode(t.content,e,o)}static _parseTemplateNode(t,e,o){let i=!1,s=t;return"template"!=s.localName||s.hasAttribute("preserve-content")?"slot"===s.localName&&(e.hasInsertionPoint=!0):i=this._parseTemplateNestedTemplate(s,e,o)||i,function(t){(function(){if(!je){je=!0;const t=document.createElement("textarea");t.placeholder="a",We=t.placeholder===t.textContent}return We})()&&"textarea"===t.localName&&t.placeholder&&t.placeholder===t.textContent&&(t.textContent=null)}(s),s.firstChild&&this._parseTemplateChildNodes(s,e,o),s.hasAttributes&&s.hasAttributes()&&(i=this._parseTemplateNodeAttributes(s,e,o)||i),i||o.noted}static _parseTemplateChildNodes(t,e,o){if("script"!==t.localName&&"style"!==t.localName)for(let i,s=t.firstChild,r=0;s;s=i){if("template"==s.localName&&(s=Ue(s)),i=s.nextSibling,s.nodeType===Node.TEXT_NODE){let o=i;for(;o&&o.nodeType===Node.TEXT_NODE;)s.textContent+=o.textContent,i=o.nextSibling,t.removeChild(o),o=i;if(e.stripWhiteSpace&&!s.textContent.trim()){t.removeChild(s);continue}}let n={parentIndex:r,parentInfo:o};this._parseTemplateNode(s,e,n)&&(n.infoIndex=e.nodeInfoList.push(n)-1),s.parentNode&&r++}}static _parseTemplateNestedTemplate(t,e,o){let i=t,s=this._parseTemplate(i,e);return(s.content=i.content.ownerDocument.createDocumentFragment()).appendChild(i.content),o.templateInfo=s,!0}static _parseTemplateNodeAttributes(t,e,o){let i=!1,s=Array.from(t.attributes);for(let r,n=s.length-1;r=s[n];n--)i=this._parseTemplateNodeAttribute(t,e,o,r.name,r.value)||i;return i}static _parseTemplateNodeAttribute(t,e,o,i,s){return"on-"===i.slice(0,3)?(t.removeAttribute(i),o.events=o.events||[],o.events.push({name:i.slice(3),value:s}),!0):"id"===i&&(o.id=s,!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 o=(e=e||this.constructor._parseTemplate(t)).nodeInfoList,i=document.importNode(e.content||t.content,!0);i.__noInsertionPoint=!e.hasInsertionPoint;let s=i.nodeList=new Array(o.length);i.$={};for(let t,r=0,n=o.length;r<n&&(t=o[r]);r++){let o=s[r]=Le(i,t);He(0,i.$,o,t),$e(0,o,t,e),qe(this,o,t)}return i}_addMethodEventListenerToNode(t,e,o,i){let s=function(t,e,o){return t=t._methodHost||t,function(e){t[o]?t[o](e,e.detail):console.warn("listener method `"+o+"` not defined")}}(i=i||t,0,o);return this._addEventListenerToNode(t,e,s),s}_addEventListenerToNode(t,e,o){t.addEventListener(e,o)}_removeEventListenerFromNode(t,e,o){t.removeEventListener(e,o)}}));
|
|
659
|
+
/**
|
|
660
|
+
* @fileoverview
|
|
661
|
+
* @suppress {checkPrototypalTypes}
|
|
662
|
+
* @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
663
|
+
* This code may only be used under the BSD style license found at
|
|
664
|
+
* http://polymer.github.io/LICENSE.txt The complete set of authors may be found
|
|
665
|
+
* at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
|
|
666
|
+
* be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
|
|
667
|
+
* Google as part of the polymer project is also subject to an additional IP
|
|
668
|
+
* rights grant found at http://polymer.github.io/PATENTS.txt
|
|
669
|
+
*/let Ve=0;const Ge=[],Je={COMPUTE:"__computeEffects",REFLECT:"__reflectEffects",NOTIFY:"__notifyEffects",PROPAGATE:"__propagateEffects",OBSERVE:"__observeEffects",READ_ONLY:"__readOnly"},Ke="__computeInfo",Ze=/[A-Z]/;function Xe(t,e,o){let i=t[e];if(i){if(!t.hasOwnProperty(e)&&(i=t[e]=Object.create(t[e]),o))for(let t in i){let e=i[t],o=i[t]=Array(e.length);for(let t=0;t<e.length;t++)o[t]=e[t]}}else i=t[e]={};return i}function Qe(t,e,o,i,s,r){if(e){let n=!1;const a=Ve++;for(let l in o){let h=e[s?ce(l):l];if(h)for(let e,c=0,u=h.length;c<u&&(e=h[c]);c++)e.info&&e.info.lastRun===a||s&&!eo(l,e.trigger)||(e.info&&(e.info.lastRun=a),e.fn(t,l,o,i,e.info,s,r),n=!0)}return n}return!1}function to(t,e,o,i,s,r,n,a){let l=!1,h=e[n?ce(i):i];if(h)for(let e,c=0,u=h.length;c<u&&(e=h[c]);c++)e.info&&e.info.lastRun===o||n&&!eo(i,e.trigger)||(e.info&&(e.info.lastRun=o),e.fn(t,i,s,r,e.info,n,a),l=!0);return l}function eo(t,e){if(e){let o=e.name;return o==t||!(!e.structured||!ue(o,t))||!(!e.wildcard||!de(o,t))}return!0}function oo(t,e,o,i,s){let r="string"==typeof s.method?t[s.method]:s.method,n=s.property;r?r.call(t,t.__data[n],i[n]):s.dynamicFn||console.warn("observer method `"+s.method+"` not defined")}function io(t,e,o){let i=ce(e);return i!==e&&(so(t,_e(i)+"-changed",o[e],e),!0)}function so(t,e,o,i){let s={value:o,queueProperty:!0};i&&(s.path=i),le(t).dispatchEvent(new CustomEvent(e,{detail:s}))}function ro(t,e,o,i,s,r){let n=(r?ce(e):e)!=e?e:null,a=n?ve(t,n):t.__data[e];n&&void 0===a&&(a=o[e]),so(t,s.eventName,a,n)}function no(t,e,o,i,s){let r=t.__data[e];Ft&&(r=Ft(r,s.attrName,"attribute",t)),t._propertyToAttribute(e,s.attrName,r)}const ao=(t,e,o)=>{let i=0,s=e.length-1,r=-1;for(;i<=s;){const n=i+s>>1,a=o.get(e[n].methodInfo)-o.get(t.methodInfo);if(a<0)i=n+1;else{if(!(a>0)){r=n;break}s=n-1}}r<0&&(r=s+1),e.splice(r,0,t)},lo=(t,e,o,i,s)=>{const r=e[s?ce(t):t];if(r)for(let e=0;e<r.length;e++){const n=r[e];n.info.lastRun===Ve||s&&!eo(t,n.trigger)||(n.info.lastRun=Ve,ao(n.info,o,i))}};function ho(t,e,o,i,s){let r=bo(t,e,o,0,s);if(r===Ge)return!1;let n=s.methodInfo;return t.__dataHasAccessor&&t.__dataHasAccessor[n]?t._setPendingProperty(n,r,!0):(t[n]=r,!1)}function co(t,e,o,i,s,r,n){o.bindings=o.bindings||[];let a={kind:i,target:s,parts:r,literal:n,isCompound:1!==r.length};if(o.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||_e(s)+"-changed",a.listenerNegate=e}let l=e.nodeInfoList.length;for(let o=0;o<a.parts.length;o++){let i=a.parts[o];i.compoundIndex=o,uo(t,e,a,i,l)}}function uo(t,e,o,i,s){if(!i.literal)if("attribute"===o.kind&&"-"===o.target[0])console.warn("Cannot set attribute "+o.target+' because "-" is not a valid attribute starting character');else{let r=i.dependencies,n={index:s,binding:o,part:i,evaluator:t};for(let o=0;o<r.length;o++){let i=r[o];"string"==typeof i&&(i=Ao(i),i.wildcard=!0),t._addTemplatePropertyEffect(e,i.rootProperty,{fn:po,info:n,trigger:i})}}}function po(t,e,o,i,s,r,n){let a=n[s.index],l=s.binding,h=s.part;if(r&&h.source&&e.length>h.source.length&&"property"==l.kind&&!l.isCompound&&a.__isPropertyEffectsClient&&a.__dataHasAccessor&&a.__dataHasAccessor[l.target]){let i=o[e];e=pe(h.source,l.target,e),a._setPendingPropertyOrPath(e,i,!1,!0)&&t._enqueueClient(a)}else{let n=s.evaluator._evaluateBinding(t,h,e,o,i,r);n!==Ge&&function(t,e,o,i,s){if(s=function(t,e,o,i){if(o.isCompound){let s=t.__dataCompoundStorage[o.target];s[i.compoundIndex]=e,e=s.join("")}return"attribute"!==o.kind&&("textContent"!==o.target&&("value"!==o.target||"input"!==t.localName&&"textarea"!==t.localName)||(e=null==e?"":e)),e}(e,s,o,i),Ft&&(s=Ft(s,o.target,o.kind,e)),"attribute"==o.kind)t._valueToNodeAttribute(e,s,o.target);else{let i=o.target;e.__isPropertyEffectsClient&&e.__dataHasAccessor&&e.__dataHasAccessor[i]?e[Je.READ_ONLY]&&e[Je.READ_ONLY][i]||e._setPendingProperty(i,s)&&t._enqueueClient(e):t._setUnmanagedPropertyToNode(e,i,s)}}(t,a,l,h,n)}}function mo(t,e){if(e.isCompound){let o=t.__dataCompoundStorage||(t.__dataCompoundStorage={}),i=e.parts,s=new Array(i.length);for(let t=0;t<i.length;t++)s[t]=i[t].literal;let r=e.target;o[r]=s,e.literal&&"property"==e.kind&&("className"===r&&(t=le(t)),t[r]=e.literal)}}function fo(t,e,o){if(o.listenerEvent){let i=o.parts[0];t.addEventListener(o.listenerEvent,(function(t){!function(t,e,o,i,s){let r,n=t.detail,a=n&&n.path;a?(i=pe(o,i,a),r=n&&n.value):r=t.currentTarget[o],r=s?!r:r,e[Je.READ_ONLY]&&e[Je.READ_ONLY][i]||!e._setPendingPropertyOrPath(i,r,!0,Boolean(a))||n&&n.queueProperty||e._invalidateProperties()}(t,e,o.target,i.source,i.negate)}))}}function vo(t,e,o,i,s,r){let n={methodName:e.methodName,args:e.args,methodInfo:s,dynamicFn:r=e.static||r&&("object"!=typeof r||r[e.methodName])};for(let s,r=0;r<e.args.length&&(s=e.args[r]);r++)s.literal||t._addPropertyEffect(s.rootProperty,o,{fn:i,info:n,trigger:s});return r&&t._addPropertyEffect(e.methodName,o,{fn:i,info:n}),n}function bo(t,e,o,i,s){let r=t._methodHost||t,n=r[s.methodName];if(n){let i=t._marshalArgs(s.args,e,o);return i===Ge?Ge:n.apply(r,i)}s.dynamicFn||console.warn("method `"+s.methodName+"` not defined")}const go=[],yo="(?:[a-zA-Z_$][\\w.:$\\-*]*)",wo="(?:("+yo+"|(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\\\]|\\\\.)*')|(?:\"(?:[^\"\\\\]|\\\\.)*\")))\\s*)",xo=new RegExp("(\\[\\[|{{)\\s*(?:(!)\\s*)?("+yo+"\\s*(?:\\(\\s*(?:(?:"+wo+"(?:,\\s*"+wo+")*)?)\\)\\s*)?)(?:]]|}})","g");function _o(t){let e="";for(let o=0;o<t.length;o++)e+=t[o].literal||"";return e}function ko(t){let e=t.match(/([^\s]+?)\(([\s\S]*)\)/);if(e){let t={methodName:e[1],static:!0,args:go};return e[2].trim()?function(t,e){return e.args=t.map((function(t){let o=Ao(t);return o.literal||(e.static=!1),o}),this),e}(e[2].replace(/\\,/g,",").split(","),t):t}return null}function Ao(t){let e=t.trim().replace(/,/g,",").replace(/\\(.)/g,"$1"),o={name:e,value:"",literal:!1},i=e[0];switch("-"===i&&(i=e[1]),i>="0"&&i<="9"&&(i="#"),i){case"'":case'"':o.value=e.slice(1,-1),o.literal=!0;break;case"#":o.value=Number(e),o.literal=!0}return o.literal||(o.rootProperty=ce(e),o.structured=he(e),o.structured&&(o.wildcard=".*"==e.slice(-2),o.wildcard&&(o.name=e.slice(0,-2)))),o}function Co(t,e,o){let i=ve(t,o);return void 0===i&&(i=e[o]),i}function zo(t,e,o,i){const s={indexSplices:i};Rt&&!t._overrideLegacyUndefined&&(e.splices=s),t.notifyPath(o+".splices",s),t.notifyPath(o+".length",e.length),Rt&&!t._overrideLegacyUndefined&&(s.indexSplices=[])}function Do(t,e,o,i,s,r){zo(t,e,o,[{index:i,addedCount:s,removed:r,object:e,type:"splice"}])}const To=Vt((t=>{const e=Ye(Ie(t));return class extends e{constructor(){super(),this.__isPropertyEffectsClient=!0}get PROPERTY_EFFECT_TYPES(){return Je}_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(So.length){let t=So[So.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[Je.READ_ONLY];for(let o in t)e&&e[o]||(this.__dataPending=this.__dataPending||{},this.__dataOld=this.__dataOld||{},this.__data[o]=this.__dataPending[o]=t[o])}_addPropertyEffect(t,e,o){this._createPropertyAccessor(t,e==Je.READ_ONLY);let i=Xe(this,e,!0)[t];i||(i=this[e][t]=[]),i.push(o)}_removePropertyEffect(t,e,o){let i=Xe(this,e,!0)[t],s=i.indexOf(o);s>=0&&i.splice(s,1)}_hasPropertyEffect(t,e){let o=this[e];return Boolean(o&&o[t])}_hasReadOnlyEffect(t){return this._hasPropertyEffect(t,Je.READ_ONLY)}_hasNotifyEffect(t){return this._hasPropertyEffect(t,Je.NOTIFY)}_hasReflectEffect(t){return this._hasPropertyEffect(t,Je.REFLECT)}_hasComputedEffect(t){return this._hasPropertyEffect(t,Je.COMPUTE)}_setPendingPropertyOrPath(t,e,o,i){if(i||ce(Array.isArray(t)?t[0]:t)!==t){if(!i){let o=ve(this,t);if(!(t=be(this,t,e))||!super._shouldPropertyChange(t,e,o))return!1}if(this.__dataHasPaths=!0,this._setPendingProperty(t,e,o))return function(t,e,o){let i=t.__dataLinkedPaths;if(i){let s;for(let r in i){let n=i[r];de(r,e)?(s=pe(r,n,e),t._setPendingPropertyOrPath(s,o,!0,!0)):de(n,e)&&(s=pe(n,r,e),t._setPendingPropertyOrPath(s,o,!0,!0))}}}(this,t,e),!0}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[t])return this._setPendingProperty(t,e,o);this[t]=e}return!1}_setUnmanagedPropertyToNode(t,e,o){o===t[e]&&"object"!=typeof o||("className"===e&&(t=le(t)),t[e]=o)}_setPendingProperty(t,e,o){let i=this.__dataHasPaths&&he(t);return!!this._shouldPropertyChange(t,e,(i?this.__dataTemp:this.__data)[t])&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),t in this.__dataOld||(this.__dataOld[t]=this.__data[t]),i?this.__dataTemp[t]=e:this.__data[t]=e,this.__dataPending[t]=e,(i||this[Je.NOTIFY]&&this[Je.NOTIFY][t])&&(this.__dataToNotify=this.__dataToNotify||{},this.__dataToNotify[t]=o),!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 o=t[e];o.__dataEnabled?o.__dataPending&&o._flushProperties():o._enableProperties()}}}_readyClients(){this.__enableOrFlushClients()}setProperties(t,e){for(let o in t)!e&&this[Je.READ_ONLY]&&this[Je.READ_ONLY][o]||this._setPendingPropertyOrPath(o,t[o],!0);this._invalidateProperties()}ready(){this._flushProperties(),this.__dataClientsReady||this._flushClients(),this.__dataPending&&this._flushProperties()}_propertiesChanged(t,e,o){let i,s=this.__dataHasPaths;this.__dataHasPaths=!1,function(t,e,o,i){let s=t[Je.COMPUTE];if(s)if(Ut){Ve++;const r=function(t){let e=t.constructor.__orderedComputedDeps;if(!e){e=new Map;const o=t[Je.COMPUTE];let i,{counts:s,ready:r,total:n}=function(t){const e=t[Ke],o={},i=t[Je.COMPUTE],s=[];let r=0;for(let t in e){const i=e[t];r+=o[t]=i.args.filter((t=>!t.literal)).length+(i.dynamicFn?1:0)}for(let t in i)e[t]||s.push(t);return{counts:o,ready:s,total:r}}(t);for(;i=r.shift();){e.set(i,e.size);const t=o[i];t&&t.forEach((t=>{const e=t.info.methodInfo;--n,0==--s[e]&&r.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)lo(t,s,n,r,i);let a;for(;a=n.shift();)ho(t,"",e,0,a)&&lo(a.methodInfo,s,n,r,i);Object.assign(o,t.__dataOld),Object.assign(e,t.__dataPending),t.__dataPending=null}else{let r=e;for(;Qe(t,s,r,o,i);)Object.assign(o,t.__dataOld),Object.assign(e,t.__dataPending),r=t.__dataPending,t.__dataPending=null}}(this,e,o,s),i=this.__dataToNotify,this.__dataToNotify=null,this._propagatePropertyChanges(e,o,s),this._flushClients(),Qe(this,this[Je.REFLECT],e,o,s),Qe(this,this[Je.OBSERVE],e,o,s),i&&function(t,e,o,i,s){let r,n,a=t[Je.NOTIFY],l=Ve++;for(let n in e)e[n]&&(a&&to(t,a,l,n,o,i,s)||s&&io(t,n,o))&&(r=!0);r&&(n=t.__dataHost)&&n._invalidateProperties&&n._invalidateProperties()}(this,i,e,o,s),1==this.__dataCounter&&(this.__dataTemp={})}_propagatePropertyChanges(t,e,o){this[Je.PROPAGATE]&&Qe(this,this[Je.PROPAGATE],t,e,o),this.__templateInfo&&this._runEffectsForTemplate(this.__templateInfo,t,e,o)}_runEffectsForTemplate(t,e,o,i){const s=(e,i)=>{Qe(this,t.propertyEffects,e,o,i,t.nodeList);for(let s=t.firstChild;s;s=s.nextSibling)this._runEffectsForTemplate(s,e,o,i)};t.runEffects?t.runEffects(s,e,i):s(e,i)}linkPaths(t,e){t=me(t),e=me(e),this.__dataLinkedPaths=this.__dataLinkedPaths||{},this.__dataLinkedPaths[t]=e}unlinkPaths(t){t=me(t),this.__dataLinkedPaths&&delete this.__dataLinkedPaths[t]}notifySplices(t,e){let o={path:""};zo(this,ve(this,t,o),o.path,e)}get(t,e){return ve(e||this,t)}set(t,e,o){o?be(o,t,e):this[Je.READ_ONLY]&&this[Je.READ_ONLY][t]||this._setPendingPropertyOrPath(t,e,!0)&&this._invalidateProperties()}push(t,...e){let o={path:""},i=ve(this,t,o),s=i.length,r=i.push(...e);return e.length&&Do(this,i,o.path,s,e.length,[]),r}pop(t){let e={path:""},o=ve(this,t,e),i=Boolean(o.length),s=o.pop();return i&&Do(this,o,e.path,o.length,0,[s]),s}splice(t,e,o,...i){let s,r={path:""},n=ve(this,t,r);return e<0?e=n.length-Math.floor(-e):e&&(e=Math.floor(e)),s=2===arguments.length?n.splice(e):n.splice(e,o,...i),(i.length||s.length)&&Do(this,n,r.path,e,i.length,s),s}shift(t){let e={path:""},o=ve(this,t,e),i=Boolean(o.length),s=o.shift();return i&&Do(this,o,e.path,0,0,[s]),s}unshift(t,...e){let o={path:""},i=ve(this,t,o),s=i.unshift(...e);return e.length&&Do(this,i,o.path,0,e.length,[]),s}notifyPath(t,e){let o;if(1==arguments.length){let i={path:""};e=ve(this,t,i),o=i.path}else o=Array.isArray(t)?me(t):t;this._setPendingPropertyOrPath(o,e,!0,!0)&&this._invalidateProperties()}_createReadOnlyProperty(t,e){var o;this._addPropertyEffect(t,Je.READ_ONLY),e&&(this["_set"+(o=t,o[0].toUpperCase()+o.substring(1))]=function(e){this._setProperty(t,e)})}_createPropertyObserver(t,e,o){let i={property:t,method:e,dynamicFn:Boolean(o)};this._addPropertyEffect(t,Je.OBSERVE,{fn:oo,info:i,trigger:{name:t}}),o&&this._addPropertyEffect(e,Je.OBSERVE,{fn:oo,info:i,trigger:{name:e}})}_createMethodObserver(t,e){let o=ko(t);if(!o)throw new Error("Malformed observer expression '"+t+"'");vo(this,o,Je.OBSERVE,bo,null,e)}_createNotifyingProperty(t){this._addPropertyEffect(t,Je.NOTIFY,{fn:ro,info:{eventName:_e(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,Je.REFLECT,{fn:no,info:{attrName:e}})}_createComputedProperty(t,e,o){let i=ko(e);if(!i)throw new Error("Malformed computed expression '"+e+"'");const s=vo(this,i,Je.COMPUTE,ho,t,o);Xe(this,Ke)[t]=s}_marshalArgs(t,e,o){const i=this.__data,s=[];for(let r=0,n=t.length;r<n;r++){let{name:n,structured:a,wildcard:l,value:h,literal:c}=t[r];if(!c)if(l){const t=de(n,e),s=Co(i,o,t?e:n);h={path:t?e:n,value:s,base:t?ve(i,n):s}}else h=a?Co(i,o,n):i[n];if(Rt&&!this._overrideLegacyUndefined&&void 0===h&&t.length>1)return Ge;s[r]=h}return s}static addPropertyEffect(t,e,o){this.prototype._addPropertyEffect(t,e,o)}static createPropertyObserver(t,e,o){this.prototype._createPropertyObserver(t,e,o)}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,o){this.prototype._createComputedProperty(t,e,o)}static bindTemplate(t){return this.prototype._bindTemplate(t)}_bindTemplate(t,e){let o=this.constructor._parseTemplate(t),i=this.__preBoundTemplateInfo==o;if(!i)for(let t in o.propertyEffects)this._createPropertyAccessor(t);if(e)if(o=Object.create(o),o.wasPreBound=i,this.__templateInfo){const e=t._parentTemplateInfo||this.__templateInfo,i=e.lastChild;o.parent=e,e.lastChild=o,o.previousSibling=i,i?i.nextSibling=o:e.firstChild=o}else this.__templateInfo=o;else this.__preBoundTemplateInfo=o;return o}static _addTemplatePropertyEffect(t,e,o){(t.hostProps=t.hostProps||{})[e]=!0;let i=t.propertyEffects=t.propertyEffects||{};(i[e]=i[e]||[]).push(o)}_stampTemplate(t,e){e=e||this._bindTemplate(t,!0),So.push(this);let o=super._stampTemplate(t,e);if(So.pop(),e.nodeList=o.nodeList,!e.wasPreBound){let t=e.childNodes=[];for(let e=o.firstChild;e;e=e.nextSibling)t.push(e)}return o.templateInfo=e,function(t,e){let{nodeList:o,nodeInfoList:i}=e;if(i.length)for(let e=0;e<i.length;e++){let s=o[e],r=i[e].bindings;if(r)for(let e=0;e<r.length;e++){let o=r[e];mo(s,o),fo(s,t,o)}s.__dataHost=t}}(this,e),this.__dataClientsReady&&(this._runEffectsForTemplate(e,this.__data,null,!1),this._flushClients()),o}_removeBoundDom(t){const e=t.templateInfo,{previousSibling:o,nextSibling:i,parent:s}=e;o?o.nextSibling=i:s&&(s.firstChild=i),i?i.previousSibling=o:s&&(s.lastChild=o),e.nextSibling=e.previousSibling=null;let r=e.childNodes;for(let t=0;t<r.length;t++){let e=r[t];le(le(e).parentNode).removeChild(e)}}static _parseTemplateNode(t,o,i){let s=e._parseTemplateNode.call(this,t,o,i);if(t.nodeType===Node.TEXT_NODE){let e=this._parseBindings(t.textContent,o);e&&(t.textContent=_o(e)||" ",co(this,o,i,"text","textContent",e),s=!0)}return s}static _parseTemplateNodeAttribute(t,o,i,s,r){let n=this._parseBindings(r,o);if(n){let e=s,r="property";Ze.test(s)?r="attribute":"$"==s[s.length-1]&&(s=s.slice(0,-1),r="attribute");let a=_o(n);return a&&"attribute"==r&&("class"==s&&t.hasAttribute("class")&&(a+=" "+t.getAttribute(s)),t.setAttribute(s,a)),"attribute"==r&&"disable-upgrade$"==e&&t.setAttribute(s,""),"input"===t.localName&&"value"===e&&t.setAttribute(e,""),t.removeAttribute(e),"property"===r&&(s=xe(s)),co(this,o,i,r,s,n,a),!0}return e._parseTemplateNodeAttribute.call(this,t,o,i,s,r)}static _parseTemplateNestedTemplate(t,o,i){let s=e._parseTemplateNestedTemplate.call(this,t,o,i);const r=t.parentNode,n=i.templateInfo,a="dom-if"===r.localName;Lt&&(a||"dom-repeat"===r.localName)&&(r.removeChild(t),(i=i.parentInfo).templateInfo=n,i.noted=!0,s=!1);let l=n.hostProps;if(Ht&&a)l&&(o.hostProps=Object.assign(o.hostProps||{},l),Lt||(i.parentInfo.noted=!0));else{let t="{";for(let e in l)co(this,o,i,"property","_host_"+e,[{mode:t,source:e,dependencies:[e],hostProp:!0}])}return s}static _parseBindings(t,e){let o,i=[],s=0;for(;null!==(o=xo.exec(t));){o.index>s&&i.push({literal:t.slice(s,o.index)});let r=o[1][0],n=Boolean(o[2]),a=o[3].trim(),l=!1,h="",c=-1;"{"==r&&(c=a.indexOf("::"))>0&&(h=a.substring(c+2),a=a.substring(0,c),l=!0);let u=ko(a),d=[];if(u){let{args:t,methodName:o}=u;for(let e=0;e<t.length;e++){let o=t[e];o.literal||d.push(o)}let i=e.dynamicFns;(i&&i[o]||u.static)&&(d.push(o),u.dynamicFn=!0)}else d.push(a);i.push({source:a,mode:r,negate:n,customEvent:l,signature:u,dependencies:d,event:h}),s=xo.lastIndex}if(s&&s<t.length){let e=t.substring(s);e&&i.push({literal:e})}return i.length?i:null}static _evaluateBinding(t,e,o,i,s,r){let n;return n=e.signature?bo(t,o,i,0,e.signature):o!=e.source?ve(t,e.source):r&&he(o)?ve(t,o):t.__data[o],e.negate&&(n=!n),n}}})),So=[],Mo=Vt((t=>{const e=Pe(t);function o(t){const e=Object.getPrototypeOf(t);return e.prototype instanceof s?e:null}function i(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",t))){let e=null;if(t.hasOwnProperty(JSCompiler_renameProperty("properties",t))){const o=t.properties;o&&(e=
|
|
670
|
+
/**
|
|
671
|
+
@license
|
|
672
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
673
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
674
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
675
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
676
|
+
Code distributed by Google as part of the polymer project is also
|
|
677
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
678
|
+
*/
|
|
679
|
+
function(t){const e={};for(let o in t){const i=t[o];e[o]="function"==typeof i?{type:i}:i}return e}(o))}t.__ownProperties=e}return t.__ownProperties}class s 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=o(this);t&&t.finalize(),this.__finalized=!0,this._finalizeClass()}}static _finalizeClass(){const t=i(this);t&&this.createProperties(t)}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){const t=o(this);this.__properties=Object.assign({},t&&t._properties,i(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 s})),Eo=window.ShadyCSS&&window.ShadyCSS.cssBuild,Po=Vt((t=>{const e=Mo(To(t));function o(t,e,o,i){o.computed&&(o.readOnly=!0),o.computed&&(t._hasReadOnlyEffect(e)?console.warn(`Cannot redefine computed property '${e}'.`):t._createComputedProperty(e,o.computed,i)),o.readOnly&&!t._hasReadOnlyEffect(e)?t._createReadOnlyProperty(e,!o.computed):!1===o.readOnly&&t._hasReadOnlyEffect(e)&&console.warn(`Cannot make readOnly property '${e}' non-readOnly.`),o.reflectToAttribute&&!t._hasReflectEffect(e)?t._createReflectedProperty(e):!1===o.reflectToAttribute&&t._hasReflectEffect(e)&&console.warn(`Cannot make reflected property '${e}' non-reflected.`),o.notify&&!t._hasNotifyEffect(e)?t._createNotifyingProperty(e):!1===o.notify&&t._hasNotifyEffect(e)&&console.warn(`Cannot make notify property '${e}' non-notify.`),o.observer&&t._createPropertyObserver(e,o.observer,i[o.observer]),t._addPropertyToAttributeMap(e)}return class extends e{static get polymerElementVersion(){return"3.5.2"}static _finalizeClass(){e._finalizeClass.call(this);const t=((o=this).hasOwnProperty(JSCompiler_renameProperty("__ownObservers",o))||(o.__ownObservers=o.hasOwnProperty(JSCompiler_renameProperty("observers",o))?o.observers:null),o.__ownObservers);var o;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):Bt||(t=t.cloneNode(!0))),this.prototype._template=t}static createProperties(t){for(let e in t)o(this.prototype,e,t[e],t)}static createObservers(t,e){const o=this.prototype;for(let i=0;i<t.length;i++)o._createMethodObserver(t[i],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&&(!Nt||It)&&(e=Xt.import(t,"template"),Nt&&!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=Mt(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=Ot,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 o in e){let i=e[o];"value"in i&&(t.__propertyDefaults=t.__propertyDefaults||{},t.__propertyDefaults[o]=i)}}return t.__propertyDefaults}(this.constructor);if(t)for(let e in t){let o=t[e];if(this._canApplyPropertyDefault(e)){let t="function"==typeof o.value?o.value.call(this):o.value;this._hasAccessor(e)?this._setPendingProperty(e,t,!0):this[e]=t}}}_canApplyPropertyDefault(t){return!this.hasOwnProperty(t)}static _processStyleText(t,e){return St(t,e)}static _finalizeTemplate(t){const e=this.prototype._template;if(e&&!e.__polymerFinalized){e.__polymerFinalized=!0;const o=this.importPath;(function(t,e,o,i){if(!Eo){const s=e.content.querySelectorAll("style"),r=ne(e),n=function(t){let e=oe(t);return e?ae(e):[]}(o),a=e.content.firstElementChild;for(let o=0;o<n.length;o++){let s=n[o];s.textContent=t._processStyleText(s.textContent,i),e.content.insertBefore(s,a)}let l=0;for(let e=0;e<r.length;e++){let o=r[e],n=s[l];n!==o?(o=o.cloneNode(!0),n.parentNode.insertBefore(o,n)):l++,o.textContent=t._processStyleText(o.textContent,i)}}if(window.ShadyCSS&&window.ShadyCSS.prepareTemplate(e,o),$t&&Eo&&Pt){const o=e.content.querySelectorAll("style");if(o){let e="";Array.from(o).forEach((t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t._styleSheet=new CSSStyleSheet,t._styleSheet.replaceSync(e)}}})(this,e,t,o?Tt(o):""),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=le(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])),Wt&&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,o,i){return o.dynamicFns=o.dynamicFns||this._properties,e._parseTemplateContent.call(this,t,o,i)}static _addTemplatePropertyEffect(t,o,i){return!jt||o in this._properties||i.info.part.signature&&i.info.part.signature.static||i.info.part.hostProp||t.nestedTemplate||console.warn(`Property '${o}' used in template but not declared in 'properties'; attribute will not be observed.`),e._addTemplatePropertyEffect.call(this,t,o,i)}}})),Oo=window.trustedTypes&&trustedTypes.createPolicy("polymer-html-literal",{createHTML:t=>t});class Fo{constructor(t,e){Bo(t,e);const o=e.reduce(((e,o,i)=>e+No(o)+t[i+1]),t[0]);this.value=o.toString()}toString(){return this.value}}function No(t){if(t instanceof Fo)return t.value;throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${t}`)}const Io=function(t,...e){Bo(t,e);const o=document.createElement("template");let i=e.reduce(((e,o,i)=>e+function(t){if(t instanceof HTMLTemplateElement)return t.innerHTML;if(t instanceof Fo)return No(t);throw new Error(`non-template value passed to Polymer's html function: ${t}`)}(o)+t[i+1]),t[0]);return Oo&&(i=Oo.createHTML(i)),o.innerHTML=i,o},Bo=(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")},jo=Po(HTMLElement),Wo=[];function Ro(t,e,o=t.getAttribute("dir")){e?t.setAttribute("dir",e):null!=o&&t.removeAttribute("dir")}function Uo(){return document.documentElement.getAttribute("dir")}new MutationObserver((function(){const t=Uo();Wo.forEach((e=>{Ro(e,t)}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const Lo=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(),Ro(this,Uo(),null))}attributeChangedCallback(t,e,o){if(super.attributeChangedCallback(t,e,o),"dir"!==t)return;const i=Uo(),s=o===i&&-1===Wo.indexOf(this),r=!o&&e&&-1===Wo.indexOf(this),n=o!==i&&e===i;s||r?(this.__subscribe(),Ro(this,i,o)):n&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=Wo.includes(this),this.__unsubscribe()}_valueToNodeAttribute(t,e,o){("dir"!==o||""!==e||t.hasAttribute("dir"))&&super._valueToNodeAttribute(t,e,o)}_attributeToProperty(t,e,o){"dir"!==t||e?super._attributeToProperty(t,e,o):this.dir=""}__subscribe(){Wo.includes(this)||Wo.push(this)}__unsubscribe(){Wo.includes(this)&&Wo.splice(Wo.indexOf(this),1)}}
|
|
680
|
+
/**
|
|
681
|
+
* @license
|
|
682
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
683
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
684
|
+
*/;class Ho extends(wt(Lo(jo))){static get is(){return"vaadin-input-container"}static get template(){return Io`
|
|
685
|
+
<style>
|
|
686
|
+
:host {
|
|
687
|
+
display: flex;
|
|
688
|
+
align-items: center;
|
|
689
|
+
flex: 0 1 auto;
|
|
690
|
+
border-radius:
|
|
691
|
+
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
|
|
692
|
+
var(--vaadin-input-field-top-start-radius, var(--__border-radius))
|
|
693
|
+
var(--vaadin-input-field-top-end-radius, var(--__border-radius))
|
|
694
|
+
var(--vaadin-input-field-bottom-end-radius, var(--__border-radius))
|
|
695
|
+
var(--vaadin-input-field-bottom-start-radius, var(--__border-radius));
|
|
696
|
+
--_border-radius: var(--vaadin-input-field-border-radius, 0px);
|
|
697
|
+
--_input-border-width: var(--vaadin-input-field-border-width, 0);
|
|
698
|
+
--_input-border-color: var(--vaadin-input-field-border-color, transparent);
|
|
699
|
+
box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
:host([dir='rtl']) {
|
|
703
|
+
border-radius:
|
|
704
|
+
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
|
705
|
+
var(--vaadin-input-field-top-end-radius, var(--_border-radius))
|
|
706
|
+
var(--vaadin-input-field-top-start-radius, var(--_border-radius))
|
|
707
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_border-radius))
|
|
708
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_border-radius));
|
|
709
|
+
}
|
|
710
|
+
|
|
711
|
+
:host([hidden]) {
|
|
712
|
+
display: none !important;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
/* Reset the native input styles */
|
|
716
|
+
::slotted(input) {
|
|
717
|
+
-webkit-appearance: none;
|
|
718
|
+
-moz-appearance: none;
|
|
719
|
+
flex: auto;
|
|
720
|
+
white-space: nowrap;
|
|
721
|
+
overflow: hidden;
|
|
722
|
+
width: 100%;
|
|
723
|
+
height: 100%;
|
|
724
|
+
outline: none;
|
|
725
|
+
margin: 0;
|
|
726
|
+
padding: 0;
|
|
727
|
+
border: 0;
|
|
728
|
+
border-radius: 0;
|
|
729
|
+
min-width: 0;
|
|
730
|
+
font: inherit;
|
|
731
|
+
line-height: normal;
|
|
732
|
+
color: inherit;
|
|
733
|
+
background-color: transparent;
|
|
734
|
+
/* Disable default invalid style in Firefox */
|
|
735
|
+
box-shadow: none;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
::slotted(*) {
|
|
739
|
+
flex: none;
|
|
740
|
+
}
|
|
741
|
+
|
|
742
|
+
::slotted(:is(input, textarea))::placeholder {
|
|
743
|
+
/* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
|
|
744
|
+
/* because ::slotted(...)::placeholder does not work in Safari. */
|
|
745
|
+
font: inherit;
|
|
746
|
+
color: inherit;
|
|
747
|
+
/* Override default opacity in Firefox */
|
|
748
|
+
opacity: 1;
|
|
749
|
+
}
|
|
750
|
+
</style>
|
|
751
|
+
<slot name="prefix"></slot>
|
|
752
|
+
<slot></slot>
|
|
753
|
+
<slot name="suffix"></slot>
|
|
754
|
+
`}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(Ho);
|
|
755
|
+
/**
|
|
756
|
+
* @license
|
|
757
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
758
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
759
|
+
*/
|
|
760
|
+
class qo extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.5"}}n(qo);const $o=(t,...e)=>{xt(`lumo-${t}`,e)};
|
|
761
|
+
/**
|
|
762
|
+
* @license
|
|
763
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
764
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
765
|
+
*/$o("sizing-props",p`
|
|
766
|
+
:host {
|
|
767
|
+
--lumo-size-xs: 1.625rem;
|
|
768
|
+
--lumo-size-s: 1.875rem;
|
|
769
|
+
--lumo-size-m: 2.25rem;
|
|
770
|
+
--lumo-size-l: 2.75rem;
|
|
771
|
+
--lumo-size-xl: 3.5rem;
|
|
772
|
+
|
|
773
|
+
/* Icons */
|
|
774
|
+
--lumo-icon-size-s: 1.25em;
|
|
775
|
+
--lumo-icon-size-m: 1.5em;
|
|
776
|
+
--lumo-icon-size-l: 2.25em;
|
|
777
|
+
/* For backwards compatibility */
|
|
778
|
+
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
779
|
+
}
|
|
780
|
+
`),$o("spacing-props",p`
|
|
781
|
+
:host {
|
|
782
|
+
/* Square */
|
|
783
|
+
--lumo-space-xs: 0.25rem;
|
|
784
|
+
--lumo-space-s: 0.5rem;
|
|
785
|
+
--lumo-space-m: 1rem;
|
|
786
|
+
--lumo-space-l: 1.5rem;
|
|
787
|
+
--lumo-space-xl: 2.5rem;
|
|
788
|
+
|
|
789
|
+
/* Wide */
|
|
790
|
+
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
791
|
+
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
792
|
+
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
793
|
+
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
794
|
+
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
795
|
+
|
|
796
|
+
/* Tall */
|
|
797
|
+
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
798
|
+
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
799
|
+
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
800
|
+
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
801
|
+
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
802
|
+
}
|
|
803
|
+
`),p`
|
|
804
|
+
html {
|
|
805
|
+
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
806
|
+
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
807
|
+
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
808
|
+
}
|
|
809
|
+
`,$o("style-props",p`
|
|
810
|
+
:host {
|
|
811
|
+
/* Border radius */
|
|
812
|
+
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
813
|
+
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
814
|
+
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
815
|
+
|
|
816
|
+
/* Shadow */
|
|
817
|
+
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
818
|
+
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
819
|
+
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
820
|
+
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
821
|
+
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
822
|
+
|
|
823
|
+
/* Clickable element cursor */
|
|
824
|
+
--lumo-clickable-cursor: default;
|
|
825
|
+
}
|
|
826
|
+
`),$o("color-props",p`
|
|
827
|
+
:host {
|
|
828
|
+
/* Base (background) */
|
|
829
|
+
--lumo-base-color: #fff;
|
|
830
|
+
|
|
831
|
+
/* Tint */
|
|
832
|
+
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
833
|
+
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
834
|
+
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
835
|
+
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
836
|
+
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
837
|
+
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
838
|
+
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
839
|
+
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
840
|
+
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
841
|
+
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
842
|
+
--lumo-tint: #fff;
|
|
843
|
+
|
|
844
|
+
/* Shade */
|
|
845
|
+
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
846
|
+
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
847
|
+
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
848
|
+
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
849
|
+
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
850
|
+
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
851
|
+
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
852
|
+
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
853
|
+
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
854
|
+
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
855
|
+
--lumo-shade: hsl(214, 35%, 15%);
|
|
856
|
+
|
|
857
|
+
/* Contrast */
|
|
858
|
+
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
859
|
+
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
860
|
+
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
861
|
+
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
862
|
+
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
863
|
+
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
864
|
+
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
865
|
+
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
866
|
+
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
867
|
+
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
868
|
+
--lumo-contrast: var(--lumo-shade);
|
|
869
|
+
|
|
870
|
+
/* Text */
|
|
871
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
872
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
873
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
874
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
875
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
876
|
+
|
|
877
|
+
/* Primary */
|
|
878
|
+
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
879
|
+
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
880
|
+
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
881
|
+
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
882
|
+
--lumo-primary-contrast-color: #fff;
|
|
883
|
+
|
|
884
|
+
/* Error */
|
|
885
|
+
--lumo-error-color: hsl(3, 85%, 48%);
|
|
886
|
+
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
887
|
+
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
888
|
+
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
889
|
+
--lumo-error-contrast-color: #fff;
|
|
890
|
+
|
|
891
|
+
/* Success */
|
|
892
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
893
|
+
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
894
|
+
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
895
|
+
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
896
|
+
--lumo-success-contrast-color: #fff;
|
|
897
|
+
|
|
898
|
+
/* Warning */
|
|
899
|
+
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
900
|
+
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
901
|
+
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
902
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
903
|
+
}
|
|
904
|
+
|
|
905
|
+
/* forced-colors mode adjustments */
|
|
906
|
+
@media (forced-colors: active) {
|
|
907
|
+
html {
|
|
908
|
+
--lumo-disabled-text-color: GrayText;
|
|
909
|
+
}
|
|
910
|
+
}
|
|
911
|
+
`),ft("",p`
|
|
912
|
+
[theme~='dark'] {
|
|
913
|
+
/* Base (background) */
|
|
914
|
+
--lumo-base-color: hsl(214, 35%, 21%);
|
|
915
|
+
|
|
916
|
+
/* Tint */
|
|
917
|
+
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
918
|
+
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
919
|
+
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
920
|
+
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
921
|
+
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
922
|
+
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
923
|
+
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
924
|
+
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
925
|
+
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
926
|
+
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
927
|
+
--lumo-tint: hsl(214, 100%, 98%);
|
|
928
|
+
|
|
929
|
+
/* Shade */
|
|
930
|
+
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
931
|
+
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
932
|
+
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
933
|
+
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
934
|
+
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
935
|
+
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
936
|
+
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
937
|
+
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
938
|
+
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
939
|
+
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
940
|
+
--lumo-shade: hsl(214, 33%, 13%);
|
|
941
|
+
|
|
942
|
+
/* Contrast */
|
|
943
|
+
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
944
|
+
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
945
|
+
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
946
|
+
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
947
|
+
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
948
|
+
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
949
|
+
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
950
|
+
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
951
|
+
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
952
|
+
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
953
|
+
--lumo-contrast: var(--lumo-tint);
|
|
954
|
+
|
|
955
|
+
/* Text */
|
|
956
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
957
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
958
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
959
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
960
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
961
|
+
|
|
962
|
+
/* Primary */
|
|
963
|
+
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
964
|
+
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
965
|
+
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
966
|
+
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
967
|
+
--lumo-primary-contrast-color: #fff;
|
|
968
|
+
|
|
969
|
+
/* Error */
|
|
970
|
+
--lumo-error-color: hsl(3, 79%, 49%);
|
|
971
|
+
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
972
|
+
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
973
|
+
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
974
|
+
|
|
975
|
+
/* Success */
|
|
976
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
977
|
+
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
978
|
+
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
979
|
+
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
980
|
+
|
|
981
|
+
/* Warning */
|
|
982
|
+
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
983
|
+
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
984
|
+
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
985
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
html {
|
|
989
|
+
color: var(--lumo-body-text-color);
|
|
990
|
+
background-color: var(--lumo-base-color);
|
|
991
|
+
color-scheme: light;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
|
+
[theme~='dark'] {
|
|
995
|
+
color: var(--lumo-body-text-color);
|
|
996
|
+
background-color: var(--lumo-base-color);
|
|
997
|
+
color-scheme: dark;
|
|
998
|
+
}
|
|
999
|
+
|
|
1000
|
+
h1,
|
|
1001
|
+
h2,
|
|
1002
|
+
h3,
|
|
1003
|
+
h4,
|
|
1004
|
+
h5,
|
|
1005
|
+
h6 {
|
|
1006
|
+
color: var(--lumo-header-text-color);
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
a:where(:any-link) {
|
|
1010
|
+
color: var(--lumo-primary-text-color);
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
a:not(:any-link) {
|
|
1014
|
+
color: var(--lumo-disabled-text-color);
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
blockquote {
|
|
1018
|
+
color: var(--lumo-secondary-text-color);
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
code,
|
|
1022
|
+
pre {
|
|
1023
|
+
background-color: var(--lumo-contrast-10pct);
|
|
1024
|
+
border-radius: var(--lumo-border-radius-m);
|
|
1025
|
+
}
|
|
1026
|
+
`,{moduleId:"lumo-color"});
|
|
1027
|
+
/**
|
|
1028
|
+
* @license
|
|
1029
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1030
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1031
|
+
*/
|
|
1032
|
+
const Yo=p`
|
|
1033
|
+
:host {
|
|
1034
|
+
/* prettier-ignore */
|
|
1035
|
+
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
1036
|
+
|
|
1037
|
+
/* Font sizes */
|
|
1038
|
+
--lumo-font-size-xxs: 0.75rem;
|
|
1039
|
+
--lumo-font-size-xs: 0.8125rem;
|
|
1040
|
+
--lumo-font-size-s: 0.875rem;
|
|
1041
|
+
--lumo-font-size-m: 1rem;
|
|
1042
|
+
--lumo-font-size-l: 1.125rem;
|
|
1043
|
+
--lumo-font-size-xl: 1.375rem;
|
|
1044
|
+
--lumo-font-size-xxl: 1.75rem;
|
|
1045
|
+
--lumo-font-size-xxxl: 2.5rem;
|
|
1046
|
+
|
|
1047
|
+
/* Line heights */
|
|
1048
|
+
--lumo-line-height-xs: 1.25;
|
|
1049
|
+
--lumo-line-height-s: 1.375;
|
|
1050
|
+
--lumo-line-height-m: 1.625;
|
|
1051
|
+
}
|
|
1052
|
+
`;ft("",p`
|
|
1053
|
+
body,
|
|
1054
|
+
:host {
|
|
1055
|
+
font-family: var(--lumo-font-family);
|
|
1056
|
+
font-size: var(--lumo-font-size-m);
|
|
1057
|
+
line-height: var(--lumo-line-height-m);
|
|
1058
|
+
-webkit-text-size-adjust: 100%;
|
|
1059
|
+
-webkit-font-smoothing: antialiased;
|
|
1060
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1061
|
+
}
|
|
1062
|
+
|
|
1063
|
+
small,
|
|
1064
|
+
[theme~='font-size-s'] {
|
|
1065
|
+
font-size: var(--lumo-font-size-s);
|
|
1066
|
+
line-height: var(--lumo-line-height-s);
|
|
1067
|
+
}
|
|
1068
|
+
|
|
1069
|
+
[theme~='font-size-xs'] {
|
|
1070
|
+
font-size: var(--lumo-font-size-xs);
|
|
1071
|
+
line-height: var(--lumo-line-height-xs);
|
|
1072
|
+
}
|
|
1073
|
+
|
|
1074
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
|
1075
|
+
font-weight: 600;
|
|
1076
|
+
line-height: var(--lumo-line-height-xs);
|
|
1077
|
+
margin-block: 0;
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1080
|
+
:where(h1) {
|
|
1081
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1084
|
+
:where(h2) {
|
|
1085
|
+
font-size: var(--lumo-font-size-xxl);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
:where(h3) {
|
|
1089
|
+
font-size: var(--lumo-font-size-xl);
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
:where(h4) {
|
|
1093
|
+
font-size: var(--lumo-font-size-l);
|
|
1094
|
+
}
|
|
1095
|
+
|
|
1096
|
+
:where(h5) {
|
|
1097
|
+
font-size: var(--lumo-font-size-m);
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
:where(h6) {
|
|
1101
|
+
font-size: var(--lumo-font-size-xs);
|
|
1102
|
+
text-transform: uppercase;
|
|
1103
|
+
letter-spacing: 0.03em;
|
|
1104
|
+
}
|
|
1105
|
+
|
|
1106
|
+
p,
|
|
1107
|
+
blockquote {
|
|
1108
|
+
margin-top: 0.5em;
|
|
1109
|
+
margin-bottom: 0.75em;
|
|
1110
|
+
}
|
|
1111
|
+
|
|
1112
|
+
a {
|
|
1113
|
+
text-decoration: none;
|
|
1114
|
+
}
|
|
1115
|
+
|
|
1116
|
+
a:where(:any-link):hover {
|
|
1117
|
+
text-decoration: underline;
|
|
1118
|
+
}
|
|
1119
|
+
|
|
1120
|
+
hr {
|
|
1121
|
+
display: block;
|
|
1122
|
+
align-self: stretch;
|
|
1123
|
+
height: 1px;
|
|
1124
|
+
border: 0;
|
|
1125
|
+
padding: 0;
|
|
1126
|
+
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
1127
|
+
background-color: var(--lumo-contrast-10pct);
|
|
1128
|
+
}
|
|
1129
|
+
|
|
1130
|
+
blockquote {
|
|
1131
|
+
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
1132
|
+
}
|
|
1133
|
+
|
|
1134
|
+
b,
|
|
1135
|
+
strong {
|
|
1136
|
+
font-weight: 600;
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
/* RTL specific styles */
|
|
1140
|
+
blockquote[dir='rtl'] {
|
|
1141
|
+
border-left: none;
|
|
1142
|
+
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
1143
|
+
}
|
|
1144
|
+
`,{moduleId:"lumo-typography"}),$o("typography-props",Yo);
|
|
1145
|
+
/**
|
|
1146
|
+
* @license
|
|
1147
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1148
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1149
|
+
*/
|
|
1150
|
+
const Vo=p`
|
|
1151
|
+
:host {
|
|
1152
|
+
top: var(--lumo-space-m);
|
|
1153
|
+
right: var(--lumo-space-m);
|
|
1154
|
+
bottom: var(--lumo-space-m);
|
|
1155
|
+
left: var(--lumo-space-m);
|
|
1156
|
+
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
1157
|
+
/* stylelint-disable-next-line */
|
|
1158
|
+
outline: 0px solid transparent;
|
|
1159
|
+
}
|
|
1160
|
+
|
|
1161
|
+
[part='overlay'] {
|
|
1162
|
+
background-color: var(--lumo-base-color);
|
|
1163
|
+
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
1164
|
+
border-radius: var(--lumo-border-radius-m);
|
|
1165
|
+
box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);
|
|
1166
|
+
color: var(--lumo-body-text-color);
|
|
1167
|
+
font-family: var(--lumo-font-family);
|
|
1168
|
+
font-size: var(--lumo-font-size-m);
|
|
1169
|
+
font-weight: 400;
|
|
1170
|
+
line-height: var(--lumo-line-height-m);
|
|
1171
|
+
letter-spacing: 0;
|
|
1172
|
+
text-transform: none;
|
|
1173
|
+
-webkit-text-size-adjust: 100%;
|
|
1174
|
+
-webkit-font-smoothing: antialiased;
|
|
1175
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
[part='content'] {
|
|
1179
|
+
padding: var(--lumo-space-xs);
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
[part='backdrop'] {
|
|
1183
|
+
background-color: var(--lumo-shade-20pct);
|
|
1184
|
+
animation: 0.2s lumo-overlay-backdrop-enter both;
|
|
1185
|
+
will-change: opacity;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
@keyframes lumo-overlay-backdrop-enter {
|
|
1189
|
+
0% {
|
|
1190
|
+
opacity: 0;
|
|
1191
|
+
}
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
:host([closing]) [part='backdrop'] {
|
|
1195
|
+
animation: 0.2s lumo-overlay-backdrop-exit both;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1198
|
+
@keyframes lumo-overlay-backdrop-exit {
|
|
1199
|
+
100% {
|
|
1200
|
+
opacity: 0;
|
|
1201
|
+
}
|
|
1202
|
+
}
|
|
1203
|
+
|
|
1204
|
+
@keyframes lumo-overlay-dummy-animation {
|
|
1205
|
+
0% {
|
|
1206
|
+
opacity: 1;
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
100% {
|
|
1210
|
+
opacity: 1;
|
|
1211
|
+
}
|
|
1212
|
+
}
|
|
1213
|
+
`;ft("",Vo,{moduleId:"lumo-overlay"});
|
|
1214
|
+
/**
|
|
1215
|
+
* @license
|
|
1216
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1217
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1218
|
+
*/
|
|
1219
|
+
const Go=p`
|
|
1220
|
+
:host([opening]),
|
|
1221
|
+
:host([closing]) {
|
|
1222
|
+
animation: 0.14s lumo-overlay-dummy-animation;
|
|
1223
|
+
}
|
|
1224
|
+
|
|
1225
|
+
[part='overlay'] {
|
|
1226
|
+
will-change: opacity, transform;
|
|
1227
|
+
}
|
|
1228
|
+
|
|
1229
|
+
:host([opening]) [part='overlay'] {
|
|
1230
|
+
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
|
1231
|
+
}
|
|
1232
|
+
|
|
1233
|
+
@keyframes lumo-menu-overlay-enter {
|
|
1234
|
+
0% {
|
|
1235
|
+
opacity: 0;
|
|
1236
|
+
transform: translateY(-4px);
|
|
1237
|
+
}
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
:host([closing]) [part='overlay'] {
|
|
1241
|
+
animation: 0.1s lumo-menu-overlay-exit both;
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1244
|
+
@keyframes lumo-menu-overlay-exit {
|
|
1245
|
+
100% {
|
|
1246
|
+
opacity: 0;
|
|
1247
|
+
}
|
|
1248
|
+
}
|
|
1249
|
+
`;ft("",Go,{moduleId:"lumo-menu-overlay-core"});const Jo=[Vo,Go,p`
|
|
1250
|
+
/* Small viewport (bottom sheet) styles */
|
|
1251
|
+
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
|
1252
|
+
@media (max-width: 420px), (max-height: 420px) {
|
|
1253
|
+
:host {
|
|
1254
|
+
top: 0 !important;
|
|
1255
|
+
right: 0 !important;
|
|
1256
|
+
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
|
1257
|
+
left: 0 !important;
|
|
1258
|
+
align-items: stretch !important;
|
|
1259
|
+
justify-content: flex-end !important;
|
|
1260
|
+
}
|
|
1261
|
+
|
|
1262
|
+
[part='overlay'] {
|
|
1263
|
+
max-height: 50vh;
|
|
1264
|
+
width: 100vw;
|
|
1265
|
+
border-radius: 0;
|
|
1266
|
+
box-shadow: var(--lumo-box-shadow-xl);
|
|
1267
|
+
}
|
|
1268
|
+
|
|
1269
|
+
/* The content part scrolls instead of the overlay part, because of the gradient fade-out */
|
|
1270
|
+
[part='content'] {
|
|
1271
|
+
padding: 30px var(--lumo-space-m);
|
|
1272
|
+
max-height: inherit;
|
|
1273
|
+
box-sizing: border-box;
|
|
1274
|
+
-webkit-overflow-scrolling: touch;
|
|
1275
|
+
overflow: auto;
|
|
1276
|
+
-webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1277
|
+
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1278
|
+
}
|
|
1279
|
+
|
|
1280
|
+
[part='backdrop'] {
|
|
1281
|
+
display: block;
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
/* Animations */
|
|
1285
|
+
|
|
1286
|
+
:host([opening]) [part='overlay'] {
|
|
1287
|
+
animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
:host([closing]),
|
|
1291
|
+
:host([closing]) [part='backdrop'] {
|
|
1292
|
+
animation-delay: 0.14s;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
:host([closing]) [part='overlay'] {
|
|
1296
|
+
animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
|
|
1297
|
+
}
|
|
1298
|
+
}
|
|
1299
|
+
|
|
1300
|
+
@keyframes lumo-mobile-menu-overlay-enter {
|
|
1301
|
+
0% {
|
|
1302
|
+
transform: translateY(150%);
|
|
1303
|
+
}
|
|
1304
|
+
}
|
|
1305
|
+
|
|
1306
|
+
@keyframes lumo-mobile-menu-overlay-exit {
|
|
1307
|
+
100% {
|
|
1308
|
+
transform: translateY(150%);
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1311
|
+
`];ft("",Jo,{moduleId:"lumo-menu-overlay"}),ft("vaadin-date-picker-overlay",[Jo,p`
|
|
1312
|
+
[part='overlay'] {
|
|
1313
|
+
/*
|
|
1314
|
+
Width:
|
|
1315
|
+
date cell widths
|
|
1316
|
+
+ month calendar side padding
|
|
1317
|
+
+ year scroller width
|
|
1318
|
+
*/
|
|
1319
|
+
/* prettier-ignore */
|
|
1320
|
+
width:
|
|
1321
|
+
calc(
|
|
1322
|
+
var(--lumo-size-m) * 7
|
|
1323
|
+
+ var(--lumo-space-xs) * 2
|
|
1324
|
+
+ 57px
|
|
1325
|
+
);
|
|
1326
|
+
height: 100%;
|
|
1327
|
+
max-height: calc(var(--lumo-size-m) * 14);
|
|
1328
|
+
overflow: hidden;
|
|
1329
|
+
-webkit-tap-highlight-color: transparent;
|
|
1330
|
+
}
|
|
1331
|
+
|
|
1332
|
+
[part='overlay'] {
|
|
1333
|
+
flex-direction: column;
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
[part='content'] {
|
|
1337
|
+
padding: 0;
|
|
1338
|
+
height: 100%;
|
|
1339
|
+
overflow: hidden;
|
|
1340
|
+
-webkit-mask-image: none;
|
|
1341
|
+
mask-image: none;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
:host([top-aligned]) [part~='overlay'] {
|
|
1345
|
+
margin-top: var(--lumo-space-xs);
|
|
1346
|
+
}
|
|
1347
|
+
|
|
1348
|
+
:host([bottom-aligned]) [part~='overlay'] {
|
|
1349
|
+
margin-bottom: var(--lumo-space-xs);
|
|
1350
|
+
}
|
|
1351
|
+
|
|
1352
|
+
@media (max-width: 420px), (max-height: 420px) {
|
|
1353
|
+
[part='overlay'] {
|
|
1354
|
+
width: 100vw;
|
|
1355
|
+
height: 70vh;
|
|
1356
|
+
max-height: 70vh;
|
|
1357
|
+
}
|
|
1358
|
+
}
|
|
1359
|
+
`],{moduleId:"lumo-date-picker-overlay"});
|
|
1360
|
+
/**
|
|
1361
|
+
* @license
|
|
1362
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1363
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1364
|
+
*/
|
|
1365
|
+
class Ko extends HTMLElement{static get is(){return"vaadin-lumo-styles"}static get version(){return"24.2.9"}}n(Ko);const Zo=(t,...e)=>{xt(`lumo-${t}`,e)};
|
|
1366
|
+
/**
|
|
1367
|
+
* @license
|
|
1368
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1369
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1370
|
+
*/Zo("color-props",p`
|
|
1371
|
+
:host {
|
|
1372
|
+
/* Base (background) */
|
|
1373
|
+
--lumo-base-color: #fff;
|
|
1374
|
+
|
|
1375
|
+
/* Tint */
|
|
1376
|
+
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
1377
|
+
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
1378
|
+
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
1379
|
+
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
1380
|
+
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
1381
|
+
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
1382
|
+
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
1383
|
+
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
1384
|
+
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
1385
|
+
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
1386
|
+
--lumo-tint: #fff;
|
|
1387
|
+
|
|
1388
|
+
/* Shade */
|
|
1389
|
+
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
1390
|
+
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
1391
|
+
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
1392
|
+
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
1393
|
+
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
1394
|
+
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
1395
|
+
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
1396
|
+
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
1397
|
+
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
1398
|
+
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
1399
|
+
--lumo-shade: hsl(214, 35%, 15%);
|
|
1400
|
+
|
|
1401
|
+
/* Contrast */
|
|
1402
|
+
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
1403
|
+
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
1404
|
+
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
1405
|
+
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
1406
|
+
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
1407
|
+
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
1408
|
+
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
1409
|
+
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
1410
|
+
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
1411
|
+
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
1412
|
+
--lumo-contrast: var(--lumo-shade);
|
|
1413
|
+
|
|
1414
|
+
/* Text */
|
|
1415
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
1416
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
1417
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
1418
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
1419
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
1420
|
+
|
|
1421
|
+
/* Primary */
|
|
1422
|
+
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
1423
|
+
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
1424
|
+
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
1425
|
+
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
1426
|
+
--lumo-primary-contrast-color: #fff;
|
|
1427
|
+
|
|
1428
|
+
/* Error */
|
|
1429
|
+
--lumo-error-color: hsl(3, 85%, 48%);
|
|
1430
|
+
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
1431
|
+
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
1432
|
+
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
1433
|
+
--lumo-error-contrast-color: #fff;
|
|
1434
|
+
|
|
1435
|
+
/* Success */
|
|
1436
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
1437
|
+
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
1438
|
+
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
1439
|
+
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
1440
|
+
--lumo-success-contrast-color: #fff;
|
|
1441
|
+
|
|
1442
|
+
/* Warning */
|
|
1443
|
+
--lumo-warning-color: hsl(48, 100%, 50%);
|
|
1444
|
+
--lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
|
|
1445
|
+
--lumo-warning-text-color: hsl(32, 100%, 30%);
|
|
1446
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1449
|
+
/* forced-colors mode adjustments */
|
|
1450
|
+
@media (forced-colors: active) {
|
|
1451
|
+
html {
|
|
1452
|
+
--lumo-disabled-text-color: GrayText;
|
|
1453
|
+
}
|
|
1454
|
+
}
|
|
1455
|
+
`),ft("",p`
|
|
1456
|
+
[theme~='dark'] {
|
|
1457
|
+
/* Base (background) */
|
|
1458
|
+
--lumo-base-color: hsl(214, 35%, 21%);
|
|
1459
|
+
|
|
1460
|
+
/* Tint */
|
|
1461
|
+
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
1462
|
+
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
1463
|
+
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
1464
|
+
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
1465
|
+
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
1466
|
+
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
1467
|
+
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
1468
|
+
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
1469
|
+
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
1470
|
+
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
1471
|
+
--lumo-tint: hsl(214, 100%, 98%);
|
|
1472
|
+
|
|
1473
|
+
/* Shade */
|
|
1474
|
+
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
1475
|
+
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
1476
|
+
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
1477
|
+
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
1478
|
+
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
1479
|
+
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
1480
|
+
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
1481
|
+
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
1482
|
+
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
1483
|
+
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
1484
|
+
--lumo-shade: hsl(214, 33%, 13%);
|
|
1485
|
+
|
|
1486
|
+
/* Contrast */
|
|
1487
|
+
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
1488
|
+
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
1489
|
+
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
1490
|
+
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
1491
|
+
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
1492
|
+
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
1493
|
+
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
1494
|
+
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
1495
|
+
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
1496
|
+
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
1497
|
+
--lumo-contrast: var(--lumo-tint);
|
|
1498
|
+
|
|
1499
|
+
/* Text */
|
|
1500
|
+
--lumo-header-text-color: var(--lumo-contrast);
|
|
1501
|
+
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
1502
|
+
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
1503
|
+
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
1504
|
+
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
1505
|
+
|
|
1506
|
+
/* Primary */
|
|
1507
|
+
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
1508
|
+
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
1509
|
+
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
1510
|
+
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
1511
|
+
--lumo-primary-contrast-color: #fff;
|
|
1512
|
+
|
|
1513
|
+
/* Error */
|
|
1514
|
+
--lumo-error-color: hsl(3, 79%, 49%);
|
|
1515
|
+
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
1516
|
+
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
1517
|
+
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
1518
|
+
|
|
1519
|
+
/* Success */
|
|
1520
|
+
--lumo-success-color: hsl(145, 72%, 30%);
|
|
1521
|
+
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
1522
|
+
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
1523
|
+
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
1524
|
+
|
|
1525
|
+
/* Warning */
|
|
1526
|
+
--lumo-warning-color: hsl(43, 100%, 48%);
|
|
1527
|
+
--lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
|
|
1528
|
+
--lumo-warning-text-color: hsl(45, 100%, 60%);
|
|
1529
|
+
--lumo-warning-contrast-color: var(--lumo-shade-90pct);
|
|
1530
|
+
}
|
|
1531
|
+
|
|
1532
|
+
html {
|
|
1533
|
+
color: var(--lumo-body-text-color);
|
|
1534
|
+
background-color: var(--lumo-base-color);
|
|
1535
|
+
color-scheme: light;
|
|
1536
|
+
}
|
|
1537
|
+
|
|
1538
|
+
[theme~='dark'] {
|
|
1539
|
+
color: var(--lumo-body-text-color);
|
|
1540
|
+
background-color: var(--lumo-base-color);
|
|
1541
|
+
color-scheme: dark;
|
|
1542
|
+
}
|
|
1543
|
+
|
|
1544
|
+
h1,
|
|
1545
|
+
h2,
|
|
1546
|
+
h3,
|
|
1547
|
+
h4,
|
|
1548
|
+
h5,
|
|
1549
|
+
h6 {
|
|
1550
|
+
color: var(--lumo-header-text-color);
|
|
1551
|
+
}
|
|
1552
|
+
|
|
1553
|
+
a:where(:any-link) {
|
|
1554
|
+
color: var(--lumo-primary-text-color);
|
|
1555
|
+
}
|
|
1556
|
+
|
|
1557
|
+
a:not(:any-link) {
|
|
1558
|
+
color: var(--lumo-disabled-text-color);
|
|
1559
|
+
}
|
|
1560
|
+
|
|
1561
|
+
blockquote {
|
|
1562
|
+
color: var(--lumo-secondary-text-color);
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
code,
|
|
1566
|
+
pre {
|
|
1567
|
+
background-color: var(--lumo-contrast-10pct);
|
|
1568
|
+
border-radius: var(--lumo-border-radius-m);
|
|
1569
|
+
}
|
|
1570
|
+
`,{moduleId:"lumo-color"}),Zo("sizing-props",p`
|
|
1571
|
+
:host {
|
|
1572
|
+
--lumo-size-xs: 1.625rem;
|
|
1573
|
+
--lumo-size-s: 1.875rem;
|
|
1574
|
+
--lumo-size-m: 2.25rem;
|
|
1575
|
+
--lumo-size-l: 2.75rem;
|
|
1576
|
+
--lumo-size-xl: 3.5rem;
|
|
1577
|
+
|
|
1578
|
+
/* Icons */
|
|
1579
|
+
--lumo-icon-size-s: 1.25em;
|
|
1580
|
+
--lumo-icon-size-m: 1.5em;
|
|
1581
|
+
--lumo-icon-size-l: 2.25em;
|
|
1582
|
+
/* For backwards compatibility */
|
|
1583
|
+
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
1584
|
+
}
|
|
1585
|
+
`),Zo("spacing-props",p`
|
|
1586
|
+
:host {
|
|
1587
|
+
/* Square */
|
|
1588
|
+
--lumo-space-xs: 0.25rem;
|
|
1589
|
+
--lumo-space-s: 0.5rem;
|
|
1590
|
+
--lumo-space-m: 1rem;
|
|
1591
|
+
--lumo-space-l: 1.5rem;
|
|
1592
|
+
--lumo-space-xl: 2.5rem;
|
|
1593
|
+
|
|
1594
|
+
/* Wide */
|
|
1595
|
+
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
1596
|
+
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
1597
|
+
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
1598
|
+
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
1599
|
+
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
1600
|
+
|
|
1601
|
+
/* Tall */
|
|
1602
|
+
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
1603
|
+
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
1604
|
+
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
1605
|
+
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
1606
|
+
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
1607
|
+
}
|
|
1608
|
+
`),p`
|
|
1609
|
+
html {
|
|
1610
|
+
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
1611
|
+
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
1612
|
+
--vaadin-input-field-border-radius: var(--lumo-border-radius-m);
|
|
1613
|
+
}
|
|
1614
|
+
`,Zo("style-props",p`
|
|
1615
|
+
:host {
|
|
1616
|
+
/* Border radius */
|
|
1617
|
+
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
1618
|
+
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
1619
|
+
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
1620
|
+
|
|
1621
|
+
/* Shadow */
|
|
1622
|
+
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
1623
|
+
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
1624
|
+
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
1625
|
+
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
1626
|
+
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
1627
|
+
|
|
1628
|
+
/* Clickable element cursor */
|
|
1629
|
+
--lumo-clickable-cursor: default;
|
|
1630
|
+
}
|
|
1631
|
+
`);
|
|
1632
|
+
/**
|
|
1633
|
+
* @license
|
|
1634
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
1635
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1636
|
+
*/
|
|
1637
|
+
const Xo=p`
|
|
1638
|
+
:host {
|
|
1639
|
+
/* prettier-ignore */
|
|
1640
|
+
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
1641
|
+
|
|
1642
|
+
/* Font sizes */
|
|
1643
|
+
--lumo-font-size-xxs: 0.75rem;
|
|
1644
|
+
--lumo-font-size-xs: 0.8125rem;
|
|
1645
|
+
--lumo-font-size-s: 0.875rem;
|
|
1646
|
+
--lumo-font-size-m: 1rem;
|
|
1647
|
+
--lumo-font-size-l: 1.125rem;
|
|
1648
|
+
--lumo-font-size-xl: 1.375rem;
|
|
1649
|
+
--lumo-font-size-xxl: 1.75rem;
|
|
1650
|
+
--lumo-font-size-xxxl: 2.5rem;
|
|
1651
|
+
|
|
1652
|
+
/* Line heights */
|
|
1653
|
+
--lumo-line-height-xs: 1.25;
|
|
1654
|
+
--lumo-line-height-s: 1.375;
|
|
1655
|
+
--lumo-line-height-m: 1.625;
|
|
1656
|
+
}
|
|
1657
|
+
`;ft("",p`
|
|
1658
|
+
body,
|
|
1659
|
+
:host {
|
|
1660
|
+
font-family: var(--lumo-font-family);
|
|
1661
|
+
font-size: var(--lumo-font-size-m);
|
|
1662
|
+
line-height: var(--lumo-line-height-m);
|
|
1663
|
+
-webkit-text-size-adjust: 100%;
|
|
1664
|
+
-webkit-font-smoothing: antialiased;
|
|
1665
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1666
|
+
}
|
|
1667
|
+
|
|
1668
|
+
small,
|
|
1669
|
+
[theme~='font-size-s'] {
|
|
1670
|
+
font-size: var(--lumo-font-size-s);
|
|
1671
|
+
line-height: var(--lumo-line-height-s);
|
|
1672
|
+
}
|
|
1673
|
+
|
|
1674
|
+
[theme~='font-size-xs'] {
|
|
1675
|
+
font-size: var(--lumo-font-size-xs);
|
|
1676
|
+
line-height: var(--lumo-line-height-xs);
|
|
1677
|
+
}
|
|
1678
|
+
|
|
1679
|
+
:where(h1, h2, h3, h4, h5, h6) {
|
|
1680
|
+
font-weight: 600;
|
|
1681
|
+
line-height: var(--lumo-line-height-xs);
|
|
1682
|
+
margin-block: 0;
|
|
1683
|
+
}
|
|
1684
|
+
|
|
1685
|
+
:where(h1) {
|
|
1686
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
:where(h2) {
|
|
1690
|
+
font-size: var(--lumo-font-size-xxl);
|
|
1691
|
+
}
|
|
1692
|
+
|
|
1693
|
+
:where(h3) {
|
|
1694
|
+
font-size: var(--lumo-font-size-xl);
|
|
1695
|
+
}
|
|
1696
|
+
|
|
1697
|
+
:where(h4) {
|
|
1698
|
+
font-size: var(--lumo-font-size-l);
|
|
1699
|
+
}
|
|
1700
|
+
|
|
1701
|
+
:where(h5) {
|
|
1702
|
+
font-size: var(--lumo-font-size-m);
|
|
1703
|
+
}
|
|
1704
|
+
|
|
1705
|
+
:where(h6) {
|
|
1706
|
+
font-size: var(--lumo-font-size-xs);
|
|
1707
|
+
text-transform: uppercase;
|
|
1708
|
+
letter-spacing: 0.03em;
|
|
1709
|
+
}
|
|
1710
|
+
|
|
1711
|
+
p,
|
|
1712
|
+
blockquote {
|
|
1713
|
+
margin-top: 0.5em;
|
|
1714
|
+
margin-bottom: 0.75em;
|
|
1715
|
+
}
|
|
1716
|
+
|
|
1717
|
+
a {
|
|
1718
|
+
text-decoration: none;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
a:where(:any-link):hover {
|
|
1722
|
+
text-decoration: underline;
|
|
1723
|
+
}
|
|
1724
|
+
|
|
1725
|
+
hr {
|
|
1726
|
+
display: block;
|
|
1727
|
+
align-self: stretch;
|
|
1728
|
+
height: 1px;
|
|
1729
|
+
border: 0;
|
|
1730
|
+
padding: 0;
|
|
1731
|
+
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
1732
|
+
background-color: var(--lumo-contrast-10pct);
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1735
|
+
blockquote {
|
|
1736
|
+
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
1737
|
+
}
|
|
1738
|
+
|
|
1739
|
+
b,
|
|
1740
|
+
strong {
|
|
1741
|
+
font-weight: 600;
|
|
1742
|
+
}
|
|
1743
|
+
|
|
1744
|
+
/* RTL specific styles */
|
|
1745
|
+
blockquote[dir='rtl'] {
|
|
1746
|
+
border-left: none;
|
|
1747
|
+
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
1748
|
+
}
|
|
1749
|
+
`,{moduleId:"lumo-typography"}),Zo("typography-props",Xo),ft("vaadin-button",p`
|
|
1750
|
+
:host {
|
|
1751
|
+
/* Sizing */
|
|
1752
|
+
--lumo-button-size: var(--lumo-size-m);
|
|
1753
|
+
min-width: calc(var(--lumo-button-size) * 2);
|
|
1754
|
+
height: var(--lumo-button-size);
|
|
1755
|
+
padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
|
|
1756
|
+
margin: var(--lumo-space-xs) 0;
|
|
1757
|
+
box-sizing: border-box;
|
|
1758
|
+
/* Style */
|
|
1759
|
+
font-family: var(--lumo-font-family);
|
|
1760
|
+
font-size: var(--lumo-font-size-m);
|
|
1761
|
+
font-weight: 500;
|
|
1762
|
+
color: var(--_lumo-button-color, var(--lumo-primary-text-color));
|
|
1763
|
+
background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
|
|
1764
|
+
border-radius: var(--lumo-border-radius-m);
|
|
1765
|
+
cursor: var(--lumo-clickable-cursor);
|
|
1766
|
+
-webkit-tap-highlight-color: transparent;
|
|
1767
|
+
-webkit-font-smoothing: antialiased;
|
|
1768
|
+
-moz-osx-font-smoothing: grayscale;
|
|
1769
|
+
flex-shrink: 0;
|
|
1770
|
+
}
|
|
1771
|
+
|
|
1772
|
+
/* Set only for the internal parts so we don't affect the host vertical alignment */
|
|
1773
|
+
[part='label'],
|
|
1774
|
+
[part='prefix'],
|
|
1775
|
+
[part='suffix'] {
|
|
1776
|
+
line-height: var(--lumo-line-height-xs);
|
|
1777
|
+
}
|
|
1778
|
+
|
|
1779
|
+
[part='label'] {
|
|
1780
|
+
padding: calc(var(--lumo-button-size) / 6) 0;
|
|
1781
|
+
}
|
|
1782
|
+
|
|
1783
|
+
:host([theme~='small']) {
|
|
1784
|
+
font-size: var(--lumo-font-size-s);
|
|
1785
|
+
--lumo-button-size: var(--lumo-size-s);
|
|
1786
|
+
}
|
|
1787
|
+
|
|
1788
|
+
:host([theme~='large']) {
|
|
1789
|
+
font-size: var(--lumo-font-size-l);
|
|
1790
|
+
--lumo-button-size: var(--lumo-size-l);
|
|
1791
|
+
}
|
|
1792
|
+
|
|
1793
|
+
/* For interaction states */
|
|
1794
|
+
:host::before,
|
|
1795
|
+
:host::after {
|
|
1796
|
+
content: '';
|
|
1797
|
+
/* We rely on the host always being relative */
|
|
1798
|
+
position: absolute;
|
|
1799
|
+
z-index: 1;
|
|
1800
|
+
inset: 0;
|
|
1801
|
+
background-color: currentColor;
|
|
1802
|
+
border-radius: inherit;
|
|
1803
|
+
opacity: 0;
|
|
1804
|
+
pointer-events: none;
|
|
1805
|
+
}
|
|
1806
|
+
|
|
1807
|
+
/* Hover */
|
|
1808
|
+
|
|
1809
|
+
@media (any-hover: hover) {
|
|
1810
|
+
:host(:hover)::before {
|
|
1811
|
+
opacity: 0.02;
|
|
1812
|
+
}
|
|
1813
|
+
}
|
|
1814
|
+
|
|
1815
|
+
/* Active */
|
|
1816
|
+
|
|
1817
|
+
:host::after {
|
|
1818
|
+
transition: opacity 1.4s, transform 0.1s;
|
|
1819
|
+
filter: blur(8px);
|
|
1820
|
+
}
|
|
1821
|
+
|
|
1822
|
+
:host([active])::before {
|
|
1823
|
+
opacity: 0.05;
|
|
1824
|
+
transition-duration: 0s;
|
|
1825
|
+
}
|
|
1826
|
+
|
|
1827
|
+
:host([active])::after {
|
|
1828
|
+
opacity: 0.1;
|
|
1829
|
+
transition-duration: 0s, 0s;
|
|
1830
|
+
transform: scale(0);
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
/* Keyboard focus */
|
|
1834
|
+
|
|
1835
|
+
:host([focus-ring]) {
|
|
1836
|
+
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
1837
|
+
}
|
|
1838
|
+
|
|
1839
|
+
:host([theme~='primary'][focus-ring]) {
|
|
1840
|
+
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
1841
|
+
}
|
|
1842
|
+
|
|
1843
|
+
/* Types (primary, tertiary, tertiary-inline */
|
|
1844
|
+
|
|
1845
|
+
:host([theme~='tertiary']),
|
|
1846
|
+
:host([theme~='tertiary-inline']) {
|
|
1847
|
+
background-color: transparent !important;
|
|
1848
|
+
min-width: 0;
|
|
1849
|
+
}
|
|
1850
|
+
|
|
1851
|
+
:host([theme~='tertiary']) {
|
|
1852
|
+
padding: 0 calc(var(--lumo-button-size) / 6);
|
|
1853
|
+
}
|
|
1854
|
+
|
|
1855
|
+
:host([theme~='tertiary-inline'])::before {
|
|
1856
|
+
display: none;
|
|
1857
|
+
}
|
|
1858
|
+
|
|
1859
|
+
:host([theme~='tertiary-inline']) {
|
|
1860
|
+
margin: 0;
|
|
1861
|
+
height: auto;
|
|
1862
|
+
padding: 0;
|
|
1863
|
+
line-height: inherit;
|
|
1864
|
+
font-size: inherit;
|
|
1865
|
+
}
|
|
1866
|
+
|
|
1867
|
+
:host([theme~='tertiary-inline']) [part='label'] {
|
|
1868
|
+
padding: 0;
|
|
1869
|
+
overflow: visible;
|
|
1870
|
+
line-height: inherit;
|
|
1871
|
+
}
|
|
1872
|
+
|
|
1873
|
+
:host([theme~='primary']) {
|
|
1874
|
+
background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
|
|
1875
|
+
color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
|
|
1876
|
+
font-weight: 600;
|
|
1877
|
+
min-width: calc(var(--lumo-button-size) * 2.5);
|
|
1878
|
+
}
|
|
1879
|
+
|
|
1880
|
+
:host([theme~='primary'])::before {
|
|
1881
|
+
background-color: black;
|
|
1882
|
+
}
|
|
1883
|
+
|
|
1884
|
+
@media (any-hover: hover) {
|
|
1885
|
+
:host([theme~='primary']:hover)::before {
|
|
1886
|
+
opacity: 0.05;
|
|
1887
|
+
}
|
|
1888
|
+
}
|
|
1889
|
+
|
|
1890
|
+
:host([theme~='primary'][active])::before {
|
|
1891
|
+
opacity: 0.1;
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
:host([theme~='primary'][active])::after {
|
|
1895
|
+
opacity: 0.2;
|
|
1896
|
+
}
|
|
1897
|
+
|
|
1898
|
+
/* Colors (success, error, contrast) */
|
|
1899
|
+
|
|
1900
|
+
:host([theme~='success']) {
|
|
1901
|
+
color: var(--lumo-success-text-color);
|
|
1902
|
+
}
|
|
1903
|
+
|
|
1904
|
+
:host([theme~='success'][theme~='primary']) {
|
|
1905
|
+
background-color: var(--lumo-success-color);
|
|
1906
|
+
color: var(--lumo-success-contrast-color);
|
|
1907
|
+
}
|
|
1908
|
+
|
|
1909
|
+
:host([theme~='error']) {
|
|
1910
|
+
color: var(--lumo-error-text-color);
|
|
1911
|
+
}
|
|
1912
|
+
|
|
1913
|
+
:host([theme~='error'][theme~='primary']) {
|
|
1914
|
+
background-color: var(--lumo-error-color);
|
|
1915
|
+
color: var(--lumo-error-contrast-color);
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1918
|
+
:host([theme~='contrast']) {
|
|
1919
|
+
color: var(--lumo-contrast);
|
|
1920
|
+
}
|
|
1921
|
+
|
|
1922
|
+
:host([theme~='contrast'][theme~='primary']) {
|
|
1923
|
+
background-color: var(--lumo-contrast);
|
|
1924
|
+
color: var(--lumo-base-color);
|
|
1925
|
+
}
|
|
1926
|
+
|
|
1927
|
+
/* Disabled state. Keep selectors after other color variants. */
|
|
1928
|
+
|
|
1929
|
+
:host([disabled]) {
|
|
1930
|
+
pointer-events: none;
|
|
1931
|
+
color: var(--lumo-disabled-text-color);
|
|
1932
|
+
}
|
|
1933
|
+
|
|
1934
|
+
:host([theme~='primary'][disabled]) {
|
|
1935
|
+
background-color: var(--lumo-contrast-30pct);
|
|
1936
|
+
color: var(--lumo-base-color);
|
|
1937
|
+
}
|
|
1938
|
+
|
|
1939
|
+
:host([theme~='primary'][disabled]) [part] {
|
|
1940
|
+
opacity: 0.7;
|
|
1941
|
+
}
|
|
1942
|
+
|
|
1943
|
+
/* Icons */
|
|
1944
|
+
|
|
1945
|
+
[part] ::slotted(vaadin-icon) {
|
|
1946
|
+
display: inline-block;
|
|
1947
|
+
width: var(--lumo-icon-size-m);
|
|
1948
|
+
height: var(--lumo-icon-size-m);
|
|
1949
|
+
}
|
|
1950
|
+
|
|
1951
|
+
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
1952
|
+
[part] ::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
1953
|
+
padding: 0.25em;
|
|
1954
|
+
box-sizing: border-box !important;
|
|
1955
|
+
}
|
|
1956
|
+
|
|
1957
|
+
[part='prefix'] {
|
|
1958
|
+
margin-left: -0.25em;
|
|
1959
|
+
margin-right: 0.25em;
|
|
1960
|
+
}
|
|
1961
|
+
|
|
1962
|
+
[part='suffix'] {
|
|
1963
|
+
margin-left: 0.25em;
|
|
1964
|
+
margin-right: -0.25em;
|
|
1965
|
+
}
|
|
1966
|
+
|
|
1967
|
+
/* Icon-only */
|
|
1968
|
+
|
|
1969
|
+
:host([theme~='icon']:not([theme~='tertiary-inline'])) {
|
|
1970
|
+
min-width: var(--lumo-button-size);
|
|
1971
|
+
padding-left: calc(var(--lumo-button-size) / 4);
|
|
1972
|
+
padding-right: calc(var(--lumo-button-size) / 4);
|
|
1973
|
+
}
|
|
1974
|
+
|
|
1975
|
+
:host([theme~='icon']) [part='prefix'],
|
|
1976
|
+
:host([theme~='icon']) [part='suffix'] {
|
|
1977
|
+
margin-left: 0;
|
|
1978
|
+
margin-right: 0;
|
|
1979
|
+
}
|
|
1980
|
+
|
|
1981
|
+
/* RTL specific styles */
|
|
1982
|
+
|
|
1983
|
+
:host([dir='rtl']) [part='prefix'] {
|
|
1984
|
+
margin-left: 0.25em;
|
|
1985
|
+
margin-right: -0.25em;
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1988
|
+
:host([dir='rtl']) [part='suffix'] {
|
|
1989
|
+
margin-left: -0.25em;
|
|
1990
|
+
margin-right: 0.25em;
|
|
1991
|
+
}
|
|
1992
|
+
|
|
1993
|
+
:host([dir='rtl'][theme~='icon']) [part='prefix'],
|
|
1994
|
+
:host([dir='rtl'][theme~='icon']) [part='suffix'] {
|
|
1995
|
+
margin-left: 0;
|
|
1996
|
+
margin-right: 0;
|
|
1997
|
+
}
|
|
1998
|
+
`,{moduleId:"lumo-button"});
|
|
1999
|
+
/**
|
|
2000
|
+
* @license
|
|
2001
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2002
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2003
|
+
*/
|
|
2004
|
+
const Qo=Vt((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)}})),ti=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,ei=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function oi(t,e){if("function"!=typeof t)return;const o=ti.exec(t.toString());if(o)try{t=new Function(o[1])}catch(t){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",t)}return t(e)}window.Vaadin=window.Vaadin||{};function ii(){
|
|
2005
|
+
/*! vaadin-dev-mode:start
|
|
2006
|
+
(function () {
|
|
2007
|
+
'use strict';
|
|
2008
|
+
|
|
2009
|
+
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
|
|
2010
|
+
return typeof obj;
|
|
2011
|
+
} : function (obj) {
|
|
2012
|
+
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
2013
|
+
};
|
|
2014
|
+
|
|
2015
|
+
var classCallCheck = function (instance, Constructor) {
|
|
2016
|
+
if (!(instance instanceof Constructor)) {
|
|
2017
|
+
throw new TypeError("Cannot call a class as a function");
|
|
2018
|
+
}
|
|
2019
|
+
};
|
|
2020
|
+
|
|
2021
|
+
var createClass = function () {
|
|
2022
|
+
function defineProperties(target, props) {
|
|
2023
|
+
for (var i = 0; i < props.length; i++) {
|
|
2024
|
+
var descriptor = props[i];
|
|
2025
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
2026
|
+
descriptor.configurable = true;
|
|
2027
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
2028
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
2029
|
+
}
|
|
2030
|
+
}
|
|
2031
|
+
|
|
2032
|
+
return function (Constructor, protoProps, staticProps) {
|
|
2033
|
+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
|
2034
|
+
if (staticProps) defineProperties(Constructor, staticProps);
|
|
2035
|
+
return Constructor;
|
|
2036
|
+
};
|
|
2037
|
+
}();
|
|
2038
|
+
|
|
2039
|
+
var getPolymerVersion = function getPolymerVersion() {
|
|
2040
|
+
return window.Polymer && window.Polymer.version;
|
|
2041
|
+
};
|
|
2042
|
+
|
|
2043
|
+
var StatisticsGatherer = function () {
|
|
2044
|
+
function StatisticsGatherer(logger) {
|
|
2045
|
+
classCallCheck(this, StatisticsGatherer);
|
|
2046
|
+
|
|
2047
|
+
this.now = new Date().getTime();
|
|
2048
|
+
this.logger = logger;
|
|
2049
|
+
}
|
|
2050
|
+
|
|
2051
|
+
createClass(StatisticsGatherer, [{
|
|
2052
|
+
key: 'frameworkVersionDetectors',
|
|
2053
|
+
value: function frameworkVersionDetectors() {
|
|
2054
|
+
return {
|
|
2055
|
+
'Flow': function Flow() {
|
|
2056
|
+
if (window.Vaadin && window.Vaadin.Flow && window.Vaadin.Flow.clients) {
|
|
2057
|
+
var flowVersions = Object.keys(window.Vaadin.Flow.clients).map(function (key) {
|
|
2058
|
+
return window.Vaadin.Flow.clients[key];
|
|
2059
|
+
}).filter(function (client) {
|
|
2060
|
+
return client.getVersionInfo;
|
|
2061
|
+
}).map(function (client) {
|
|
2062
|
+
return client.getVersionInfo().flow;
|
|
2063
|
+
});
|
|
2064
|
+
if (flowVersions.length > 0) {
|
|
2065
|
+
return flowVersions[0];
|
|
2066
|
+
}
|
|
2067
|
+
}
|
|
2068
|
+
},
|
|
2069
|
+
'Vaadin Framework': function VaadinFramework() {
|
|
2070
|
+
if (window.vaadin && window.vaadin.clients) {
|
|
2071
|
+
var frameworkVersions = Object.values(window.vaadin.clients).filter(function (client) {
|
|
2072
|
+
return client.getVersionInfo;
|
|
2073
|
+
}).map(function (client) {
|
|
2074
|
+
return client.getVersionInfo().vaadinVersion;
|
|
2075
|
+
});
|
|
2076
|
+
if (frameworkVersions.length > 0) {
|
|
2077
|
+
return frameworkVersions[0];
|
|
2078
|
+
}
|
|
2079
|
+
}
|
|
2080
|
+
},
|
|
2081
|
+
'AngularJs': function AngularJs() {
|
|
2082
|
+
if (window.angular && window.angular.version && window.angular.version) {
|
|
2083
|
+
return window.angular.version.full;
|
|
2084
|
+
}
|
|
2085
|
+
},
|
|
2086
|
+
'Angular': function Angular() {
|
|
2087
|
+
if (window.ng) {
|
|
2088
|
+
var tags = document.querySelectorAll("[ng-version]");
|
|
2089
|
+
if (tags.length > 0) {
|
|
2090
|
+
return tags[0].getAttribute("ng-version");
|
|
2091
|
+
}
|
|
2092
|
+
return "Unknown";
|
|
2093
|
+
}
|
|
2094
|
+
},
|
|
2095
|
+
'Backbone.js': function BackboneJs() {
|
|
2096
|
+
if (window.Backbone) {
|
|
2097
|
+
return window.Backbone.VERSION;
|
|
2098
|
+
}
|
|
2099
|
+
},
|
|
2100
|
+
'React': function React() {
|
|
2101
|
+
var reactSelector = '[data-reactroot], [data-reactid]';
|
|
2102
|
+
if (!!document.querySelector(reactSelector)) {
|
|
2103
|
+
// React does not publish the version by default
|
|
2104
|
+
return "unknown";
|
|
2105
|
+
}
|
|
2106
|
+
},
|
|
2107
|
+
'Ember': function Ember() {
|
|
2108
|
+
if (window.Em && window.Em.VERSION) {
|
|
2109
|
+
return window.Em.VERSION;
|
|
2110
|
+
} else if (window.Ember && window.Ember.VERSION) {
|
|
2111
|
+
return window.Ember.VERSION;
|
|
2112
|
+
}
|
|
2113
|
+
},
|
|
2114
|
+
'jQuery': function (_jQuery) {
|
|
2115
|
+
function jQuery() {
|
|
2116
|
+
return _jQuery.apply(this, arguments);
|
|
2117
|
+
}
|
|
2118
|
+
|
|
2119
|
+
jQuery.toString = function () {
|
|
2120
|
+
return _jQuery.toString();
|
|
2121
|
+
};
|
|
2122
|
+
|
|
2123
|
+
return jQuery;
|
|
2124
|
+
}(function () {
|
|
2125
|
+
if (typeof jQuery === 'function' && jQuery.prototype.jquery !== undefined) {
|
|
2126
|
+
return jQuery.prototype.jquery;
|
|
2127
|
+
}
|
|
2128
|
+
}),
|
|
2129
|
+
'Polymer': function Polymer() {
|
|
2130
|
+
var version = getPolymerVersion();
|
|
2131
|
+
if (version) {
|
|
2132
|
+
return version;
|
|
2133
|
+
}
|
|
2134
|
+
},
|
|
2135
|
+
'LitElement': function LitElement() {
|
|
2136
|
+
var version = window.litElementVersions && window.litElementVersions[0];
|
|
2137
|
+
if (version) {
|
|
2138
|
+
return version;
|
|
2139
|
+
}
|
|
2140
|
+
},
|
|
2141
|
+
'LitHtml': function LitHtml() {
|
|
2142
|
+
var version = window.litHtmlVersions && window.litHtmlVersions[0];
|
|
2143
|
+
if (version) {
|
|
2144
|
+
return version;
|
|
2145
|
+
}
|
|
2146
|
+
},
|
|
2147
|
+
'Vue.js': function VueJs() {
|
|
2148
|
+
if (window.Vue) {
|
|
2149
|
+
return window.Vue.version;
|
|
2150
|
+
}
|
|
2151
|
+
}
|
|
2152
|
+
};
|
|
2153
|
+
}
|
|
2154
|
+
}, {
|
|
2155
|
+
key: 'getUsedVaadinElements',
|
|
2156
|
+
value: function getUsedVaadinElements(elements) {
|
|
2157
|
+
var version = getPolymerVersion();
|
|
2158
|
+
var elementClasses = void 0;
|
|
2159
|
+
// NOTE: In case you edit the code here, YOU MUST UPDATE any statistics reporting code in Flow.
|
|
2160
|
+
// Check all locations calling the method getEntries() in
|
|
2161
|
+
// https://github.com/vaadin/flow/blob/master/flow-server/src/main/java/com/vaadin/flow/internal/UsageStatistics.java#L106
|
|
2162
|
+
// Currently it is only used by BootstrapHandler.
|
|
2163
|
+
if (version && version.indexOf('2') === 0) {
|
|
2164
|
+
// Polymer 2: components classes are stored in window.Vaadin
|
|
2165
|
+
elementClasses = Object.keys(window.Vaadin).map(function (c) {
|
|
2166
|
+
return window.Vaadin[c];
|
|
2167
|
+
}).filter(function (c) {
|
|
2168
|
+
return c.is;
|
|
2169
|
+
});
|
|
2170
|
+
} else {
|
|
2171
|
+
// Polymer 3: components classes are stored in window.Vaadin.registrations
|
|
2172
|
+
elementClasses = window.Vaadin.registrations || [];
|
|
2173
|
+
}
|
|
2174
|
+
elementClasses.forEach(function (klass) {
|
|
2175
|
+
var version = klass.version ? klass.version : "0.0.0";
|
|
2176
|
+
elements[klass.is] = { version: version };
|
|
2177
|
+
});
|
|
2178
|
+
}
|
|
2179
|
+
}, {
|
|
2180
|
+
key: 'getUsedVaadinThemes',
|
|
2181
|
+
value: function getUsedVaadinThemes(themes) {
|
|
2182
|
+
['Lumo', 'Material'].forEach(function (themeName) {
|
|
2183
|
+
var theme;
|
|
2184
|
+
var version = getPolymerVersion();
|
|
2185
|
+
if (version && version.indexOf('2') === 0) {
|
|
2186
|
+
// Polymer 2: themes are stored in window.Vaadin
|
|
2187
|
+
theme = window.Vaadin[themeName];
|
|
2188
|
+
} else {
|
|
2189
|
+
// Polymer 3: themes are stored in custom element registry
|
|
2190
|
+
theme = customElements.get('vaadin-' + themeName.toLowerCase() + '-styles');
|
|
2191
|
+
}
|
|
2192
|
+
if (theme && theme.version) {
|
|
2193
|
+
themes[themeName] = { version: theme.version };
|
|
2194
|
+
}
|
|
2195
|
+
});
|
|
2196
|
+
}
|
|
2197
|
+
}, {
|
|
2198
|
+
key: 'getFrameworks',
|
|
2199
|
+
value: function getFrameworks(frameworks) {
|
|
2200
|
+
var detectors = this.frameworkVersionDetectors();
|
|
2201
|
+
Object.keys(detectors).forEach(function (framework) {
|
|
2202
|
+
var detector = detectors[framework];
|
|
2203
|
+
try {
|
|
2204
|
+
var version = detector();
|
|
2205
|
+
if (version) {
|
|
2206
|
+
frameworks[framework] = { version: version };
|
|
2207
|
+
}
|
|
2208
|
+
} catch (e) {}
|
|
2209
|
+
});
|
|
2210
|
+
}
|
|
2211
|
+
}, {
|
|
2212
|
+
key: 'gather',
|
|
2213
|
+
value: function gather(storage) {
|
|
2214
|
+
var storedStats = storage.read();
|
|
2215
|
+
var gatheredStats = {};
|
|
2216
|
+
var types = ["elements", "frameworks", "themes"];
|
|
2217
|
+
|
|
2218
|
+
types.forEach(function (type) {
|
|
2219
|
+
gatheredStats[type] = {};
|
|
2220
|
+
if (!storedStats[type]) {
|
|
2221
|
+
storedStats[type] = {};
|
|
2222
|
+
}
|
|
2223
|
+
});
|
|
2224
|
+
|
|
2225
|
+
var previousStats = JSON.stringify(storedStats);
|
|
2226
|
+
|
|
2227
|
+
this.getUsedVaadinElements(gatheredStats.elements);
|
|
2228
|
+
this.getFrameworks(gatheredStats.frameworks);
|
|
2229
|
+
this.getUsedVaadinThemes(gatheredStats.themes);
|
|
2230
|
+
|
|
2231
|
+
var now = this.now;
|
|
2232
|
+
types.forEach(function (type) {
|
|
2233
|
+
var keys = Object.keys(gatheredStats[type]);
|
|
2234
|
+
keys.forEach(function (key) {
|
|
2235
|
+
if (!storedStats[type][key] || _typeof(storedStats[type][key]) != _typeof({})) {
|
|
2236
|
+
storedStats[type][key] = { firstUsed: now };
|
|
2237
|
+
}
|
|
2238
|
+
// Discards any previously logged version number
|
|
2239
|
+
storedStats[type][key].version = gatheredStats[type][key].version;
|
|
2240
|
+
storedStats[type][key].lastUsed = now;
|
|
2241
|
+
});
|
|
2242
|
+
});
|
|
2243
|
+
|
|
2244
|
+
var newStats = JSON.stringify(storedStats);
|
|
2245
|
+
storage.write(newStats);
|
|
2246
|
+
if (newStats != previousStats && Object.keys(storedStats).length > 0) {
|
|
2247
|
+
this.logger.debug("New stats: " + newStats);
|
|
2248
|
+
}
|
|
2249
|
+
}
|
|
2250
|
+
}]);
|
|
2251
|
+
return StatisticsGatherer;
|
|
2252
|
+
}();
|
|
2253
|
+
|
|
2254
|
+
var StatisticsStorage = function () {
|
|
2255
|
+
function StatisticsStorage(key) {
|
|
2256
|
+
classCallCheck(this, StatisticsStorage);
|
|
2257
|
+
|
|
2258
|
+
this.key = key;
|
|
2259
|
+
}
|
|
2260
|
+
|
|
2261
|
+
createClass(StatisticsStorage, [{
|
|
2262
|
+
key: 'read',
|
|
2263
|
+
value: function read() {
|
|
2264
|
+
var localStorageStatsString = localStorage.getItem(this.key);
|
|
2265
|
+
try {
|
|
2266
|
+
return JSON.parse(localStorageStatsString ? localStorageStatsString : '{}');
|
|
2267
|
+
} catch (e) {
|
|
2268
|
+
return {};
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
}, {
|
|
2272
|
+
key: 'write',
|
|
2273
|
+
value: function write(data) {
|
|
2274
|
+
localStorage.setItem(this.key, data);
|
|
2275
|
+
}
|
|
2276
|
+
}, {
|
|
2277
|
+
key: 'clear',
|
|
2278
|
+
value: function clear() {
|
|
2279
|
+
localStorage.removeItem(this.key);
|
|
2280
|
+
}
|
|
2281
|
+
}, {
|
|
2282
|
+
key: 'isEmpty',
|
|
2283
|
+
value: function isEmpty() {
|
|
2284
|
+
var storedStats = this.read();
|
|
2285
|
+
var empty = true;
|
|
2286
|
+
Object.keys(storedStats).forEach(function (key) {
|
|
2287
|
+
if (Object.keys(storedStats[key]).length > 0) {
|
|
2288
|
+
empty = false;
|
|
2289
|
+
}
|
|
2290
|
+
});
|
|
2291
|
+
|
|
2292
|
+
return empty;
|
|
2293
|
+
}
|
|
2294
|
+
}]);
|
|
2295
|
+
return StatisticsStorage;
|
|
2296
|
+
}();
|
|
2297
|
+
|
|
2298
|
+
var StatisticsSender = function () {
|
|
2299
|
+
function StatisticsSender(url, logger) {
|
|
2300
|
+
classCallCheck(this, StatisticsSender);
|
|
2301
|
+
|
|
2302
|
+
this.url = url;
|
|
2303
|
+
this.logger = logger;
|
|
2304
|
+
}
|
|
2305
|
+
|
|
2306
|
+
createClass(StatisticsSender, [{
|
|
2307
|
+
key: 'send',
|
|
2308
|
+
value: function send(data, errorHandler) {
|
|
2309
|
+
var logger = this.logger;
|
|
2310
|
+
|
|
2311
|
+
if (navigator.onLine === false) {
|
|
2312
|
+
logger.debug("Offline, can't send");
|
|
2313
|
+
errorHandler();
|
|
2314
|
+
return;
|
|
2315
|
+
}
|
|
2316
|
+
logger.debug("Sending data to " + this.url);
|
|
2317
|
+
|
|
2318
|
+
var req = new XMLHttpRequest();
|
|
2319
|
+
req.withCredentials = true;
|
|
2320
|
+
req.addEventListener("load", function () {
|
|
2321
|
+
// Stats sent, nothing more to do
|
|
2322
|
+
logger.debug("Response: " + req.responseText);
|
|
2323
|
+
});
|
|
2324
|
+
req.addEventListener("error", function () {
|
|
2325
|
+
logger.debug("Send failed");
|
|
2326
|
+
errorHandler();
|
|
2327
|
+
});
|
|
2328
|
+
req.addEventListener("abort", function () {
|
|
2329
|
+
logger.debug("Send aborted");
|
|
2330
|
+
errorHandler();
|
|
2331
|
+
});
|
|
2332
|
+
req.open("POST", this.url);
|
|
2333
|
+
req.setRequestHeader("Content-Type", "application/json");
|
|
2334
|
+
req.send(data);
|
|
2335
|
+
}
|
|
2336
|
+
}]);
|
|
2337
|
+
return StatisticsSender;
|
|
2338
|
+
}();
|
|
2339
|
+
|
|
2340
|
+
var StatisticsLogger = function () {
|
|
2341
|
+
function StatisticsLogger(id) {
|
|
2342
|
+
classCallCheck(this, StatisticsLogger);
|
|
2343
|
+
|
|
2344
|
+
this.id = id;
|
|
2345
|
+
}
|
|
2346
|
+
|
|
2347
|
+
createClass(StatisticsLogger, [{
|
|
2348
|
+
key: '_isDebug',
|
|
2349
|
+
value: function _isDebug() {
|
|
2350
|
+
return localStorage.getItem("vaadin." + this.id + ".debug");
|
|
2351
|
+
}
|
|
2352
|
+
}, {
|
|
2353
|
+
key: 'debug',
|
|
2354
|
+
value: function debug(msg) {
|
|
2355
|
+
if (this._isDebug()) {
|
|
2356
|
+
console.info(this.id + ": " + msg);
|
|
2357
|
+
}
|
|
2358
|
+
}
|
|
2359
|
+
}]);
|
|
2360
|
+
return StatisticsLogger;
|
|
2361
|
+
}();
|
|
2362
|
+
|
|
2363
|
+
var UsageStatistics = function () {
|
|
2364
|
+
function UsageStatistics() {
|
|
2365
|
+
classCallCheck(this, UsageStatistics);
|
|
2366
|
+
|
|
2367
|
+
this.now = new Date();
|
|
2368
|
+
this.timeNow = this.now.getTime();
|
|
2369
|
+
this.gatherDelay = 10; // Delay between loading this file and gathering stats
|
|
2370
|
+
this.initialDelay = 24 * 60 * 60;
|
|
2371
|
+
|
|
2372
|
+
this.logger = new StatisticsLogger("statistics");
|
|
2373
|
+
this.storage = new StatisticsStorage("vaadin.statistics.basket");
|
|
2374
|
+
this.gatherer = new StatisticsGatherer(this.logger);
|
|
2375
|
+
this.sender = new StatisticsSender("https://tools.vaadin.com/usage-stats/submit", this.logger);
|
|
2376
|
+
}
|
|
2377
|
+
|
|
2378
|
+
createClass(UsageStatistics, [{
|
|
2379
|
+
key: 'maybeGatherAndSend',
|
|
2380
|
+
value: function maybeGatherAndSend() {
|
|
2381
|
+
var _this = this;
|
|
2382
|
+
|
|
2383
|
+
if (localStorage.getItem(UsageStatistics.optOutKey)) {
|
|
2384
|
+
return;
|
|
2385
|
+
}
|
|
2386
|
+
this.gatherer.gather(this.storage);
|
|
2387
|
+
setTimeout(function () {
|
|
2388
|
+
_this.maybeSend();
|
|
2389
|
+
}, this.gatherDelay * 1000);
|
|
2390
|
+
}
|
|
2391
|
+
}, {
|
|
2392
|
+
key: 'lottery',
|
|
2393
|
+
value: function lottery() {
|
|
2394
|
+
return true;
|
|
2395
|
+
}
|
|
2396
|
+
}, {
|
|
2397
|
+
key: 'currentMonth',
|
|
2398
|
+
value: function currentMonth() {
|
|
2399
|
+
return this.now.getYear() * 12 + this.now.getMonth();
|
|
2400
|
+
}
|
|
2401
|
+
}, {
|
|
2402
|
+
key: 'maybeSend',
|
|
2403
|
+
value: function maybeSend() {
|
|
2404
|
+
var firstUse = Number(localStorage.getItem(UsageStatistics.firstUseKey));
|
|
2405
|
+
var monthProcessed = Number(localStorage.getItem(UsageStatistics.monthProcessedKey));
|
|
2406
|
+
|
|
2407
|
+
if (!firstUse) {
|
|
2408
|
+
// Use a grace period to avoid interfering with tests, incognito mode etc
|
|
2409
|
+
firstUse = this.timeNow;
|
|
2410
|
+
localStorage.setItem(UsageStatistics.firstUseKey, firstUse);
|
|
2411
|
+
}
|
|
2412
|
+
|
|
2413
|
+
if (this.timeNow < firstUse + this.initialDelay * 1000) {
|
|
2414
|
+
this.logger.debug("No statistics will be sent until the initial delay of " + this.initialDelay + "s has passed");
|
|
2415
|
+
return;
|
|
2416
|
+
}
|
|
2417
|
+
if (this.currentMonth() <= monthProcessed) {
|
|
2418
|
+
this.logger.debug("This month has already been processed");
|
|
2419
|
+
return;
|
|
2420
|
+
}
|
|
2421
|
+
localStorage.setItem(UsageStatistics.monthProcessedKey, this.currentMonth());
|
|
2422
|
+
// Use random sampling
|
|
2423
|
+
if (this.lottery()) {
|
|
2424
|
+
this.logger.debug("Congratulations, we have a winner!");
|
|
2425
|
+
} else {
|
|
2426
|
+
this.logger.debug("Sorry, no stats from you this time");
|
|
2427
|
+
return;
|
|
2428
|
+
}
|
|
2429
|
+
|
|
2430
|
+
this.send();
|
|
2431
|
+
}
|
|
2432
|
+
}, {
|
|
2433
|
+
key: 'send',
|
|
2434
|
+
value: function send() {
|
|
2435
|
+
// Ensure we have the latest data
|
|
2436
|
+
this.gatherer.gather(this.storage);
|
|
2437
|
+
|
|
2438
|
+
// Read, send and clean up
|
|
2439
|
+
var data = this.storage.read();
|
|
2440
|
+
data["firstUse"] = Number(localStorage.getItem(UsageStatistics.firstUseKey));
|
|
2441
|
+
data["usageStatisticsVersion"] = UsageStatistics.version;
|
|
2442
|
+
var info = 'This request contains usage statistics gathered from the application running in development mode. \n\nStatistics gathering is automatically disabled and excluded from production builds.\n\nFor details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.\n\n\n\n';
|
|
2443
|
+
var self = this;
|
|
2444
|
+
this.sender.send(info + JSON.stringify(data), function () {
|
|
2445
|
+
// Revert the 'month processed' flag
|
|
2446
|
+
localStorage.setItem(UsageStatistics.monthProcessedKey, self.currentMonth() - 1);
|
|
2447
|
+
});
|
|
2448
|
+
}
|
|
2449
|
+
}], [{
|
|
2450
|
+
key: 'version',
|
|
2451
|
+
get: function get$1() {
|
|
2452
|
+
return '2.1.2';
|
|
2453
|
+
}
|
|
2454
|
+
}, {
|
|
2455
|
+
key: 'firstUseKey',
|
|
2456
|
+
get: function get$1() {
|
|
2457
|
+
return 'vaadin.statistics.firstuse';
|
|
2458
|
+
}
|
|
2459
|
+
}, {
|
|
2460
|
+
key: 'monthProcessedKey',
|
|
2461
|
+
get: function get$1() {
|
|
2462
|
+
return 'vaadin.statistics.monthProcessed';
|
|
2463
|
+
}
|
|
2464
|
+
}, {
|
|
2465
|
+
key: 'optOutKey',
|
|
2466
|
+
get: function get$1() {
|
|
2467
|
+
return 'vaadin.statistics.optout';
|
|
2468
|
+
}
|
|
2469
|
+
}]);
|
|
2470
|
+
return UsageStatistics;
|
|
2471
|
+
}();
|
|
2472
|
+
|
|
2473
|
+
try {
|
|
2474
|
+
window.Vaadin = window.Vaadin || {};
|
|
2475
|
+
window.Vaadin.usageStatsChecker = window.Vaadin.usageStatsChecker || new UsageStatistics();
|
|
2476
|
+
window.Vaadin.usageStatsChecker.maybeGatherAndSend();
|
|
2477
|
+
} catch (e) {
|
|
2478
|
+
// Intentionally ignored as this is not a problem in the app being developed
|
|
2479
|
+
}
|
|
2480
|
+
|
|
2481
|
+
}());
|
|
2482
|
+
|
|
2483
|
+
vaadin-dev-mode:end **/}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&&(ei?!(ei&&Object.keys(ei).map((t=>ei[t])).filter((t=>t.productionMode)).length>0):!oi((function(){return!0})))}catch(t){return!1}}());
|
|
2484
|
+
/**
|
|
2485
|
+
* @license
|
|
2486
|
+
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2487
|
+
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2488
|
+
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2489
|
+
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2490
|
+
* Code distributed by Google as part of the polymer project is also
|
|
2491
|
+
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2492
|
+
*/
|
|
2493
|
+
let si=0,ri=0;const ni=[];let ai=!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)}},hi={run:t=>window.requestIdleCallback?window.requestIdleCallback(t):window.setTimeout(t,16),cancel(t){window.cancelIdleCallback?window.cancelIdleCallback(t):window.clearTimeout(t)}},ci={run(t){ai||(ai=!0,queueMicrotask((()=>function(){ai=!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),ri+=t}()))),ni.push(t);const e=si;return si+=1,e},cancel(t){const e=t-ri;if(e>=0){if(!ni[e])throw new Error(`invalid async handle: ${t}`);ni[e]=null}}},ui=new Set;class di{static debounce(t,e,o){return t instanceof di?t._cancelAsync():t=new di,t.setConfig(e,o),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,ui.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),ui.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}}let pi;
|
|
2494
|
+
/**
|
|
2495
|
+
* @license
|
|
2496
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2497
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2498
|
+
*/
|
|
2499
|
+
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)oi(t,e)}(ii)};const mi=new Set,fi=t=>class extends(Lo(t)){static get version(){return"24.2.9"}static finalize(){super.finalize();const{is:t}=this;t&&!mi.has(t)&&(window.Vaadin.registrations.push(this),mi.add(t),window.Vaadin.developmentModeCallback&&(pi=di.debounce(pi,hi,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),ui.add(pi)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}
|
|
2500
|
+
/**
|
|
2501
|
+
* @license
|
|
2502
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2503
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2504
|
+
*/;function vi(t){return t?new Set(t.split(" ")):new Set}function bi(t){return t?[...t].join(" "):""}function gi(t,e,o){const i=vi(t.getAttribute(e));i.add(o),t.setAttribute(e,bi(i))}
|
|
2505
|
+
/**
|
|
2506
|
+
* @license
|
|
2507
|
+
* Copyright (c) 2023 Vaadin Ltd.
|
|
2508
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2509
|
+
*/
|
|
2510
|
+
class yi{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 o=[],i=[];t.length&&(e=t.filter((t=>!this._storedNodes.includes(t)))),this._storedNodes.length&&this._storedNodes.forEach(((e,s)=>{const r=t.indexOf(e);-1===r?o.push(e):r!==s&&i.push(e)})),(e.length||o.length||i.length)&&this.callback({addedNodes:e,movedNodes:i,removedNodes:o}),this._storedNodes=t}}
|
|
2511
|
+
/**
|
|
2512
|
+
* @license
|
|
2513
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2514
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2515
|
+
*/let wi=0;function xi(){return wi++}
|
|
2516
|
+
/**
|
|
2517
|
+
* @license
|
|
2518
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2519
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2520
|
+
*/class _i extends EventTarget{static generateId(t,e){return`${e||"default"}-${t.localName}-${xi()}`}constructor(t,e,o,i={}){super();const{initializer:s,multiple:r,observe:n,useUniqueId:a}=i;this.host=t,this.slotName=e,this.tagName=o,this.observe="boolean"!=typeof n||n,this.multiple="boolean"==typeof r&&r,this.slotInitializer=s,r&&(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:o}=this;let i=this.defaultNode;return!i&&o&&(i=document.createElement(o),i instanceof Element&&(""!==e&&i.setAttribute("slot",e),this.node=i,this.defaultNode=i)),i&&t.appendChild(i),i}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 yi(e,(({addedNodes:t,removedNodes:e})=>{const o=this.multiple?this.nodes:[this.node],i=t.filter((t=>!function(t){return t.nodeType===Node.TEXT_NODE&&""===t.textContent.trim()}(t)&&!o.includes(t)));e.length&&(this.nodes=o.filter((t=>!e.includes(t))),e.forEach((t=>{this.teardownNode(t)}))),i&&i.length>0&&(this.multiple?(this.defaultNode&&this.defaultNode.remove(),this.nodes=[...o,...i].filter((t=>t!==this.defaultNode)),i.forEach((t=>{this.initAddedNode(t)}))):(this.node&&this.node.remove(),this.node=i[0],this.initAddedNode(this.node)))}))}}
|
|
2521
|
+
/**
|
|
2522
|
+
* @license
|
|
2523
|
+
* Copyright (c) 2022 - 2023 Vaadin Ltd.
|
|
2524
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2525
|
+
*/class ki extends _i{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}}))}}
|
|
2526
|
+
/**
|
|
2527
|
+
* @license
|
|
2528
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2529
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2530
|
+
*/const Ai=p`
|
|
2531
|
+
:host {
|
|
2532
|
+
display: inline-block;
|
|
2533
|
+
position: relative;
|
|
2534
|
+
outline: none;
|
|
2535
|
+
white-space: nowrap;
|
|
2536
|
+
-webkit-user-select: none;
|
|
2537
|
+
-moz-user-select: none;
|
|
2538
|
+
user-select: none;
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
:host([hidden]) {
|
|
2542
|
+
display: none !important;
|
|
2543
|
+
}
|
|
2544
|
+
|
|
2545
|
+
/* Aligns the button with form fields when placed on the same line.
|
|
2546
|
+
Note, to make it work, the form fields should have the same "::before" pseudo-element. */
|
|
2547
|
+
.vaadin-button-container::before {
|
|
2548
|
+
content: '\\2003';
|
|
2549
|
+
display: inline-block;
|
|
2550
|
+
width: 0;
|
|
2551
|
+
max-height: 100%;
|
|
2552
|
+
}
|
|
2553
|
+
|
|
2554
|
+
.vaadin-button-container {
|
|
2555
|
+
display: inline-flex;
|
|
2556
|
+
align-items: center;
|
|
2557
|
+
justify-content: center;
|
|
2558
|
+
text-align: center;
|
|
2559
|
+
width: 100%;
|
|
2560
|
+
height: 100%;
|
|
2561
|
+
min-height: inherit;
|
|
2562
|
+
text-shadow: inherit;
|
|
2563
|
+
}
|
|
2564
|
+
|
|
2565
|
+
[part='prefix'],
|
|
2566
|
+
[part='suffix'] {
|
|
2567
|
+
flex: none;
|
|
2568
|
+
}
|
|
2569
|
+
|
|
2570
|
+
[part='label'] {
|
|
2571
|
+
white-space: nowrap;
|
|
2572
|
+
overflow: hidden;
|
|
2573
|
+
text-overflow: ellipsis;
|
|
2574
|
+
}
|
|
2575
|
+
|
|
2576
|
+
@media (forced-colors: active) {
|
|
2577
|
+
:host {
|
|
2578
|
+
outline: 1px solid;
|
|
2579
|
+
outline-offset: -1px;
|
|
2580
|
+
}
|
|
2581
|
+
|
|
2582
|
+
:host([focused]) {
|
|
2583
|
+
outline-width: 2px;
|
|
2584
|
+
}
|
|
2585
|
+
|
|
2586
|
+
:host([disabled]) {
|
|
2587
|
+
outline-color: GrayText;
|
|
2588
|
+
}
|
|
2589
|
+
}
|
|
2590
|
+
`,Ci=!1,zi=t=>t,Di="string"==typeof document.head.style.touchAction,Ti="__polymerGestures",Si="__polymerGesturesHandled",Mi="__polymerGesturesTouchAction",Ei=["mousedown","mousemove","mouseup","click"],Pi=[0,1,4,2],Oi=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(t){return!1}}();function Fi(t){return Ei.indexOf(t)>-1}let Ni=!1;function Ii(t){if(!Fi(t)&&"touchend"!==t)return Di&&Ni&&Ci?{passive:!0}:void 0}!function(){try{const t=Object.defineProperty({},"passive",{get(){Ni=!0}});window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(t){}}();const Bi=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/u),ji={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function Wi(t){const e=t.type;if(!Fi(e))return!1;if("mousemove"===e){let e=void 0===t.buttons?1:t.buttons;return t instanceof window.MouseEvent&&!Oi&&(e=Pi[t.which]||0),Boolean(1&e)}return 0===(void 0===t.button?0:t.button)}const Ri={mouse:{target:null,mouseIgnoreJob:null},touch:{x:0,y:0,id:-1,scrollDecided:!1}};function Ui(t,e,o){t.movefn=e,t.upfn=o,document.addEventListener("mousemove",e),document.addEventListener("mouseup",o)}function Li(t){document.removeEventListener("mousemove",t.movefn),document.removeEventListener("mouseup",t.upfn),t.movefn=null,t.upfn=null}const Hi=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:t=>t.composedPath&&t.composedPath()||[],qi={},$i=[];function Yi(t){const e=Hi(t);return e.length>0?e[0]:t.target}function Vi(t){const e=t.type,o=t.currentTarget[Ti];if(!o)return;const i=o[e];if(!i)return;if(!t[Si]&&(t[Si]={},e.startsWith("touch"))){const o=t.changedTouches[0];if("touchstart"===e&&1===t.touches.length&&(Ri.touch.id=o.identifier),Ri.touch.id!==o.identifier)return;Di||"touchstart"!==e&&"touchmove"!==e||function(t){const e=t.changedTouches[0],o=t.type;if("touchstart"===o)Ri.touch.x=e.clientX,Ri.touch.y=e.clientY,Ri.touch.scrollDecided=!1;else if("touchmove"===o){if(Ri.touch.scrollDecided)return;Ri.touch.scrollDecided=!0;const o=function(t){let e="auto";const o=Hi(t);for(let t,i=0;i<o.length;i++)if(t=o[i],t[Mi]){e=t[Mi];break}return e}(t);let i=!1;const s=Math.abs(Ri.touch.x-e.clientX),r=Math.abs(Ri.touch.y-e.clientY);t.cancelable&&("none"===o?i=!0:"pan-x"===o?i=r>s:"pan-y"===o&&(i=s>r)),i?t.preventDefault():Xi("track")}}(t)}const s=t[Si];if(!s.skip){for(let e,o=0;o<$i.length;o++)e=$i[o],i[e.name]&&!s[e.name]&&e.flow&&e.flow.start.indexOf(t.type)>-1&&e.reset&&e.reset();for(let o,r=0;r<$i.length;r++)o=$i[r],i[o.name]&&!s[o.name]&&(s[o.name]=!0,o[e](t))}}function Gi(t,e,o){return!!qi[e]&&(function(t,e,o){const i=qi[e],s=i.deps,r=i.name;let n=t[Ti];n||(t[Ti]=n={});for(let e,o,i=0;i<s.length;i++)e=s[i],Bi&&Fi(e)&&"click"!==e||(o=n[e],o||(n[e]=o={_count:0}),0===o._count&&t.addEventListener(e,Vi,Ii(e)),o[r]=(o[r]||0)+1,o._count=(o._count||0)+1);t.addEventListener(e,o),i.touchAction&&Ki(t,i.touchAction)}(t,e,o),!0)}function Ji(t){$i.push(t),t.emits.forEach((e=>{qi[e]=t}))}function Ki(t,e){Di&&t instanceof HTMLElement&&ci.run((()=>{t.style.touchAction=e})),t[Mi]=e}function Zi(t,e,o){const i=new Event(e,{bubbles:!0,cancelable:!0,composed:!0});if(i.detail=o,zi(t).dispatchEvent(i),i.defaultPrevented){const t=o.preventer||o.sourceEvent;t&&t.preventDefault&&t.preventDefault()}}function Xi(t){const e=function(t){for(let e,o=0;o<$i.length;o++){e=$i[o];for(let o,i=0;i<e.emits.length;i++)if(o=e.emits[i],o===t)return e}return null}(t);e.info&&(e.info.prevent=!0)}function Qi(t,e,o,i){e&&Zi(e,t,{x:o.clientX,y:o.clientY,sourceEvent:o,preventer:i,prevent:t=>Xi(t)})}function ts(t,e,o){if(t.prevent)return!1;if(t.started)return!0;const i=Math.abs(t.x-e),s=Math.abs(t.y-o);return i>=5||s>=5}function es(t,e,o){if(!e)return;const i=t.moves[t.moves.length-2],s=t.moves[t.moves.length-1];let r,n=0;i&&(r=s.x-i.x,n=s.y-i.y),Zi(e,"track",{state:t.state,x:o.clientX,y:o.clientY,dx:s.x-t.x,dy:s.y-t.y,ddx:r,ddy:n,sourceEvent:o,hover:()=>function(t,e){let o=document.elementFromPoint(t,e),i=o;for(;i&&i.shadowRoot&&!window.ShadyDOM;){const s=i;if(i=i.shadowRoot.elementFromPoint(t,e),s===i)break;i&&(o=i)}return o}(o.clientX,o.clientY)})}function os(t,e,o){const i=Math.abs(e.clientX-t.x),s=Math.abs(e.clientY-t.y),r=Yi(o||e);!r||ji[r.localName]&&r.hasAttribute("disabled")||(isNaN(i)||isNaN(s)||i<=25&&s<=25||function(t){if("click"===t.type){if(0===t.detail)return!0;const e=Yi(t);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE)return!0;const o=e.getBoundingClientRect(),i=t.pageX,s=t.pageY;return!(i>=o.left&&i<=o.right&&s>=o.top&&s<=o.bottom)}return!1}(e))&&(t.prevent||Zi(r,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:o}))}
|
|
2591
|
+
/**
|
|
2592
|
+
* @license
|
|
2593
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2594
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2595
|
+
*/Ji({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){Li(this.info)},mousedown(t){if(!Wi(t))return;const e=Yi(t),o=this;Ui(this.info,(t=>{Wi(t)||(Qi("up",e,t),Li(o.info))}),(t=>{Wi(t)&&Qi("up",e,t),Li(o.info)})),Qi("down",e,t)},touchstart(t){Qi("down",Yi(t),t.changedTouches[0],t)},touchend(t){Qi("up",Yi(t),t.changedTouches[0],t)}}),Ji({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,Li(this.info)},mousedown(t){if(!Wi(t))return;const e=Yi(t),o=this,i=t=>{const i=t.clientX,s=t.clientY;ts(o.info,i,s)&&(o.info.state=o.info.started?"mouseup"===t.type?"end":"track":"start","start"===o.info.state&&Xi("tap"),o.info.addMove({x:i,y:s}),Wi(t)||(o.info.state="end",Li(o.info)),e&&es(o.info,e,t),o.info.started=!0)};Ui(this.info,i,(t=>{o.info.started&&i(t),Li(o.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=Yi(t),o=t.changedTouches[0],i=o.clientX,s=o.clientY;ts(this.info,i,s)&&("start"===this.info.state&&Xi("tap"),this.info.addMove({x:i,y:s}),es(this.info,e,o),this.info.state="track",this.info.started=!0)},touchend(t){const e=Yi(t),o=t.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:o.clientX,y:o.clientY}),es(this.info,e,o))}}),Ji({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){Wi(t)&&(this.info.x=t.clientX,this.info.y=t.clientY)},click(t){Wi(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 is=Vt((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()}})),ss=Vt((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){}})),rs=t=>class extends(is(ss(t))){get _activeKeys(){return[" "]}ready(){super.ready(),Gi(this,"down",(t=>{this._shouldSetActive(t)&&this._setActive(!0)})),Gi(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)}}
|
|
2596
|
+
/**
|
|
2597
|
+
* @license
|
|
2598
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2599
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2600
|
+
*/;
|
|
2601
|
+
/**
|
|
2602
|
+
* @license
|
|
2603
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2604
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2605
|
+
*/let ns=!1;function as(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}function ls(t,e){const o=Math.max(t.tabIndex,0),i=Math.max(e.tabIndex,0);return 0===o||0===i?i>o:o>i}function hs(t){const e=t.length;if(e<2)return t;const o=Math.ceil(e/2);return function(t,e){const o=[];for(;t.length>0&&e.length>0;)ls(t[0],e[0])?o.push(e.shift()):o.push(t.shift());return o.concat(t,e)}(hs(t.slice(0,o)),hs(t.slice(o)))}function cs(t){return t.getRootNode().activeElement===t}function us(t,e){if(t.nodeType!==Node.ELEMENT_NODE||function(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const o=window.getComputedStyle(t);return"hidden"===o.visibility||"none"===o.display}(t))return!1;const o=t,i=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)}(o);let s=i>0;i>=0&&e.push(o);let r=[];return r="slot"===o.localName?o.assignedNodes({flatten:!0}):(o.shadowRoot||o).children,[...r].forEach((t=>{s=us(t,e)||s})),s}window.addEventListener("keydown",(()=>{ns=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{ns=!1}),{capture:!0});
|
|
2606
|
+
/**
|
|
2607
|
+
* @license
|
|
2608
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2609
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2610
|
+
*/
|
|
2611
|
+
const ds=Vt((t=>class extends t{get _keyboardActive(){return ns}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}})),ps=t=>class extends(is(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)}}
|
|
2612
|
+
/**
|
|
2613
|
+
* @license
|
|
2614
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2615
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2616
|
+
*/,ms=t=>class extends(rs(ps(ds(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())}}
|
|
2617
|
+
/**
|
|
2618
|
+
* @license
|
|
2619
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
2620
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2621
|
+
*/;
|
|
2622
|
+
/**
|
|
2623
|
+
* @license
|
|
2624
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
2625
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2626
|
+
*/ft("vaadin-button",Ai,{moduleId:"vaadin-button-styles"});class fs extends(ms(fi(wt(Qo(jo))))){static get is(){return"vaadin-button"}static get template(){return(t=>t`
|
|
2627
|
+
<div class="vaadin-button-container">
|
|
2628
|
+
<span part="prefix" aria-hidden="true">
|
|
2629
|
+
<slot name="prefix"></slot>
|
|
2630
|
+
</span>
|
|
2631
|
+
<span part="label">
|
|
2632
|
+
<slot></slot>
|
|
2633
|
+
</span>
|
|
2634
|
+
<span part="suffix" aria-hidden="true">
|
|
2635
|
+
<slot name="suffix"></slot>
|
|
2636
|
+
</span>
|
|
2637
|
+
</div>
|
|
2638
|
+
<slot name="tooltip"></slot>
|
|
2639
|
+
`
|
|
2640
|
+
/**
|
|
2641
|
+
@license
|
|
2642
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2643
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2644
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2645
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2646
|
+
Code distributed by Google as part of the polymer project is also
|
|
2647
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2648
|
+
*/)(Io)}ready(){super.ready(),this._tooltipController=new ki(this),this.addController(this._tooltipController)}}n(fs),ft("vaadin-date-picker-year",p`
|
|
2649
|
+
:host([current]) [part='year-number'] {
|
|
2650
|
+
color: var(--lumo-primary-text-color);
|
|
2651
|
+
}
|
|
2652
|
+
|
|
2653
|
+
:host(:not([current])) [part='year-number'],
|
|
2654
|
+
[part='year-separator'] {
|
|
2655
|
+
opacity: var(--_lumo-date-picker-year-opacity, 0.7);
|
|
2656
|
+
transition: 0.2s opacity;
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2659
|
+
[part='year-number'],
|
|
2660
|
+
[part='year-separator'] {
|
|
2661
|
+
display: flex;
|
|
2662
|
+
align-items: center;
|
|
2663
|
+
justify-content: center;
|
|
2664
|
+
height: 50%;
|
|
2665
|
+
transform: translateY(-50%);
|
|
2666
|
+
}
|
|
2667
|
+
|
|
2668
|
+
[part='year-separator']::after {
|
|
2669
|
+
color: var(--lumo-disabled-text-color);
|
|
2670
|
+
content: '\\2022';
|
|
2671
|
+
}
|
|
2672
|
+
`,{moduleId:"lumo-date-picker-year"}),ft("vaadin-date-picker-overlay-content",p`
|
|
2673
|
+
:host {
|
|
2674
|
+
position: relative;
|
|
2675
|
+
/* Background for the year scroller, placed here as we are using a mask image on the actual years part */
|
|
2676
|
+
background-image: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct));
|
|
2677
|
+
background-size: 57px 100%;
|
|
2678
|
+
background-position: top right;
|
|
2679
|
+
background-repeat: no-repeat;
|
|
2680
|
+
cursor: default;
|
|
2681
|
+
}
|
|
2682
|
+
|
|
2683
|
+
::slotted([slot='months']) {
|
|
2684
|
+
/* Month calendar height:
|
|
2685
|
+
header height + margin-bottom
|
|
2686
|
+
+ weekdays height + margin-bottom
|
|
2687
|
+
+ date cell heights
|
|
2688
|
+
+ small margin between month calendars
|
|
2689
|
+
*/
|
|
2690
|
+
/* prettier-ignore */
|
|
2691
|
+
--vaadin-infinite-scroller-item-height:
|
|
2692
|
+
calc(
|
|
2693
|
+
var(--lumo-font-size-l) + var(--lumo-space-m)
|
|
2694
|
+
+ var(--lumo-font-size-xs) + var(--lumo-space-s)
|
|
2695
|
+
+ var(--lumo-size-m) * 6
|
|
2696
|
+
+ var(--lumo-space-s)
|
|
2697
|
+
);
|
|
2698
|
+
--vaadin-infinite-scroller-buffer-offset: 10%;
|
|
2699
|
+
-webkit-mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
2700
|
+
mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
2701
|
+
position: relative;
|
|
2702
|
+
margin-right: 57px;
|
|
2703
|
+
}
|
|
2704
|
+
|
|
2705
|
+
::slotted([slot='years']) {
|
|
2706
|
+
/* TODO get rid of fixed magic number */
|
|
2707
|
+
--vaadin-infinite-scroller-buffer-width: 97px;
|
|
2708
|
+
width: 57px;
|
|
2709
|
+
height: auto;
|
|
2710
|
+
top: 0;
|
|
2711
|
+
bottom: 0;
|
|
2712
|
+
font-size: var(--lumo-font-size-s);
|
|
2713
|
+
box-shadow: inset 2px 0 4px 0 var(--lumo-shade-5pct);
|
|
2714
|
+
-webkit-mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
2715
|
+
mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
2716
|
+
cursor: var(--lumo-clickable-cursor);
|
|
2717
|
+
}
|
|
2718
|
+
|
|
2719
|
+
::slotted([slot='years']:hover) {
|
|
2720
|
+
--_lumo-date-picker-year-opacity: 1;
|
|
2721
|
+
}
|
|
2722
|
+
|
|
2723
|
+
/* TODO unsupported selector */
|
|
2724
|
+
#scrollers {
|
|
2725
|
+
position: static;
|
|
2726
|
+
display: block;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
/* TODO fix this in vaadin-date-picker that it adapts to the width of the year scroller */
|
|
2730
|
+
:host([desktop]) ::slotted([slot='months']) {
|
|
2731
|
+
right: auto;
|
|
2732
|
+
}
|
|
2733
|
+
|
|
2734
|
+
/* Year scroller position indicator */
|
|
2735
|
+
::slotted([slot='years'])::before {
|
|
2736
|
+
border: none;
|
|
2737
|
+
width: 1em;
|
|
2738
|
+
height: 1em;
|
|
2739
|
+
background-color: var(--lumo-base-color);
|
|
2740
|
+
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
2741
|
+
transform: translate(-75%, -50%) rotate(45deg);
|
|
2742
|
+
border-top-right-radius: var(--lumo-border-radius-s);
|
|
2743
|
+
box-shadow: 2px -2px 6px 0 var(--lumo-shade-5pct);
|
|
2744
|
+
z-index: 1;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
[part='toolbar'] {
|
|
2748
|
+
padding: var(--lumo-space-s);
|
|
2749
|
+
border-bottom-left-radius: var(--lumo-border-radius-l);
|
|
2750
|
+
margin-right: 57px;
|
|
2751
|
+
}
|
|
2752
|
+
|
|
2753
|
+
[part='toolbar'] ::slotted(vaadin-button) {
|
|
2754
|
+
margin: 0;
|
|
2755
|
+
}
|
|
2756
|
+
|
|
2757
|
+
/* Narrow viewport mode (fullscreen) */
|
|
2758
|
+
|
|
2759
|
+
:host([fullscreen]) [part='toolbar'] {
|
|
2760
|
+
order: -1;
|
|
2761
|
+
background-color: var(--lumo-base-color);
|
|
2762
|
+
}
|
|
2763
|
+
|
|
2764
|
+
:host([fullscreen]) [part='overlay-header'] {
|
|
2765
|
+
order: -2;
|
|
2766
|
+
height: var(--lumo-size-m);
|
|
2767
|
+
padding: var(--lumo-space-s);
|
|
2768
|
+
position: absolute;
|
|
2769
|
+
left: 0;
|
|
2770
|
+
right: 0;
|
|
2771
|
+
justify-content: center;
|
|
2772
|
+
}
|
|
2773
|
+
|
|
2774
|
+
:host([fullscreen]) [part='toggle-button'],
|
|
2775
|
+
:host([fullscreen]) [part='clear-button'],
|
|
2776
|
+
[part='overlay-header'] [part='label'] {
|
|
2777
|
+
display: none;
|
|
2778
|
+
}
|
|
2779
|
+
|
|
2780
|
+
/* Very narrow screen (year scroller initially hidden) */
|
|
2781
|
+
|
|
2782
|
+
[part='years-toggle-button'] {
|
|
2783
|
+
display: flex;
|
|
2784
|
+
align-items: center;
|
|
2785
|
+
height: var(--lumo-size-s);
|
|
2786
|
+
padding: 0 0.5em;
|
|
2787
|
+
border-radius: var(--lumo-border-radius-m);
|
|
2788
|
+
z-index: 3;
|
|
2789
|
+
color: var(--lumo-primary-text-color);
|
|
2790
|
+
font-weight: 500;
|
|
2791
|
+
-webkit-font-smoothing: antialiased;
|
|
2792
|
+
-moz-osx-font-smoothing: grayscale;
|
|
2793
|
+
}
|
|
2794
|
+
|
|
2795
|
+
:host([years-visible]) [part='years-toggle-button'] {
|
|
2796
|
+
background-color: var(--lumo-primary-color);
|
|
2797
|
+
color: var(--lumo-primary-contrast-color);
|
|
2798
|
+
}
|
|
2799
|
+
|
|
2800
|
+
/* TODO magic number (same as used for media-query in vaadin-date-picker-overlay-content) */
|
|
2801
|
+
@media screen and (max-width: 374px) {
|
|
2802
|
+
:host {
|
|
2803
|
+
background-image: none;
|
|
2804
|
+
}
|
|
2805
|
+
|
|
2806
|
+
[part='toolbar'],
|
|
2807
|
+
::slotted([slot='months']) {
|
|
2808
|
+
margin-right: 0;
|
|
2809
|
+
}
|
|
2810
|
+
|
|
2811
|
+
/* TODO make date-picker adapt to the width of the years part */
|
|
2812
|
+
::slotted([slot='years']) {
|
|
2813
|
+
--vaadin-infinite-scroller-buffer-width: 90px;
|
|
2814
|
+
width: 50px;
|
|
2815
|
+
background-color: var(--lumo-shade-5pct);
|
|
2816
|
+
}
|
|
2817
|
+
|
|
2818
|
+
:host([years-visible]) ::slotted([slot='months']) {
|
|
2819
|
+
padding-left: 50px;
|
|
2820
|
+
}
|
|
2821
|
+
}
|
|
2822
|
+
`,{moduleId:"lumo-date-picker-overlay-content"}),ft("vaadin-month-calendar",p`
|
|
2823
|
+
:host {
|
|
2824
|
+
-moz-user-select: none;
|
|
2825
|
+
-webkit-user-select: none;
|
|
2826
|
+
-webkit-tap-highlight-color: transparent;
|
|
2827
|
+
user-select: none;
|
|
2828
|
+
font-size: var(--lumo-font-size-m);
|
|
2829
|
+
color: var(--lumo-body-text-color);
|
|
2830
|
+
text-align: center;
|
|
2831
|
+
padding: 0 var(--lumo-space-xs);
|
|
2832
|
+
}
|
|
2833
|
+
|
|
2834
|
+
/* Month header */
|
|
2835
|
+
|
|
2836
|
+
[part='month-header'] {
|
|
2837
|
+
color: var(--lumo-header-text-color);
|
|
2838
|
+
font-size: var(--lumo-font-size-l);
|
|
2839
|
+
line-height: 1;
|
|
2840
|
+
font-weight: 500;
|
|
2841
|
+
margin-bottom: var(--lumo-space-m);
|
|
2842
|
+
}
|
|
2843
|
+
|
|
2844
|
+
/* Week days and numbers */
|
|
2845
|
+
|
|
2846
|
+
[part='weekdays'],
|
|
2847
|
+
[part='weekday'],
|
|
2848
|
+
[part='week-number'] {
|
|
2849
|
+
font-size: var(--lumo-font-size-xxs);
|
|
2850
|
+
line-height: 1;
|
|
2851
|
+
color: var(--lumo-secondary-text-color);
|
|
2852
|
+
}
|
|
2853
|
+
|
|
2854
|
+
[part='weekdays'] {
|
|
2855
|
+
margin-bottom: var(--lumo-space-s);
|
|
2856
|
+
}
|
|
2857
|
+
|
|
2858
|
+
[part='weekday']:empty,
|
|
2859
|
+
[part='week-number'] {
|
|
2860
|
+
width: var(--lumo-size-xs);
|
|
2861
|
+
}
|
|
2862
|
+
|
|
2863
|
+
/* Date and week number cells */
|
|
2864
|
+
|
|
2865
|
+
[part~='date'],
|
|
2866
|
+
[part='week-number'] {
|
|
2867
|
+
box-sizing: border-box;
|
|
2868
|
+
display: inline-flex;
|
|
2869
|
+
align-items: center;
|
|
2870
|
+
justify-content: center;
|
|
2871
|
+
height: var(--lumo-size-m);
|
|
2872
|
+
position: relative;
|
|
2873
|
+
}
|
|
2874
|
+
|
|
2875
|
+
[part~='date'] {
|
|
2876
|
+
transition: color 0.1s;
|
|
2877
|
+
}
|
|
2878
|
+
|
|
2879
|
+
[part~='date']:not(:empty) {
|
|
2880
|
+
cursor: var(--lumo-clickable-cursor);
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
2884
|
+
:host([week-numbers]) [part~='date'] {
|
|
2885
|
+
width: calc((100% - var(--lumo-size-xs)) / 7);
|
|
2886
|
+
}
|
|
2887
|
+
|
|
2888
|
+
/* Today date */
|
|
2889
|
+
|
|
2890
|
+
[part~='date'][part~='today'] {
|
|
2891
|
+
color: var(--lumo-primary-text-color);
|
|
2892
|
+
}
|
|
2893
|
+
|
|
2894
|
+
/* Focused date */
|
|
2895
|
+
|
|
2896
|
+
[part~='date']::before {
|
|
2897
|
+
content: '';
|
|
2898
|
+
position: absolute;
|
|
2899
|
+
z-index: -1;
|
|
2900
|
+
top: 50%;
|
|
2901
|
+
left: 50%;
|
|
2902
|
+
transform: translate(-50%, -50%);
|
|
2903
|
+
min-width: 2em;
|
|
2904
|
+
min-height: 2em;
|
|
2905
|
+
width: 80%;
|
|
2906
|
+
height: 80%;
|
|
2907
|
+
max-height: 100%;
|
|
2908
|
+
max-width: 100%;
|
|
2909
|
+
border-radius: var(--lumo-border-radius-m);
|
|
2910
|
+
}
|
|
2911
|
+
|
|
2912
|
+
[part~='date'][part~='focused']::before {
|
|
2913
|
+
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
2914
|
+
}
|
|
2915
|
+
|
|
2916
|
+
:host(:not([focused])) [part~='date'][part~='focused']::before {
|
|
2917
|
+
animation: vaadin-date-picker-month-calendar-focus-date 1.4s infinite;
|
|
2918
|
+
}
|
|
2919
|
+
|
|
2920
|
+
@keyframes vaadin-date-picker-month-calendar-focus-date {
|
|
2921
|
+
50% {
|
|
2922
|
+
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px transparent;
|
|
2923
|
+
}
|
|
2924
|
+
}
|
|
2925
|
+
|
|
2926
|
+
[part~='date']:not(:empty):not([part~='disabled']):not([part~='selected']):hover::before {
|
|
2927
|
+
background-color: var(--lumo-primary-color-10pct);
|
|
2928
|
+
}
|
|
2929
|
+
|
|
2930
|
+
[part~='date'][part~='selected'] {
|
|
2931
|
+
color: var(--lumo-primary-contrast-color);
|
|
2932
|
+
}
|
|
2933
|
+
|
|
2934
|
+
[part~='date'][part~='selected']::before {
|
|
2935
|
+
background-color: var(--lumo-primary-color);
|
|
2936
|
+
}
|
|
2937
|
+
|
|
2938
|
+
[part~='date'][part~='disabled'] {
|
|
2939
|
+
color: var(--lumo-disabled-text-color);
|
|
2940
|
+
}
|
|
2941
|
+
|
|
2942
|
+
@media (pointer: coarse) {
|
|
2943
|
+
[part~='date']:hover:not([part~='selected'])::before,
|
|
2944
|
+
[part~='focused']:not([part~='selected'])::before {
|
|
2945
|
+
display: none;
|
|
2946
|
+
}
|
|
2947
|
+
|
|
2948
|
+
[part~='date']:not(:empty):not([part~='disabled']):active::before {
|
|
2949
|
+
display: block;
|
|
2950
|
+
}
|
|
2951
|
+
|
|
2952
|
+
[part~='date'][part~='selected']::before {
|
|
2953
|
+
box-shadow: none;
|
|
2954
|
+
}
|
|
2955
|
+
}
|
|
2956
|
+
|
|
2957
|
+
/* Disabled */
|
|
2958
|
+
|
|
2959
|
+
:host([disabled]) * {
|
|
2960
|
+
color: var(--lumo-disabled-text-color) !important;
|
|
2961
|
+
}
|
|
2962
|
+
`,{moduleId:"lumo-month-calendar"});const vs=document.createElement("template");vs.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(vs.content),$o("font-icons",p`
|
|
2963
|
+
@font-face {
|
|
2964
|
+
font-family: 'lumo-icons';
|
|
2965
|
+
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==)
|
|
2966
|
+
format('woff');
|
|
2967
|
+
font-weight: normal;
|
|
2968
|
+
font-style: normal;
|
|
2969
|
+
}
|
|
2970
|
+
|
|
2971
|
+
html {
|
|
2972
|
+
--lumo-icons-align-center: '\\ea01';
|
|
2973
|
+
--lumo-icons-align-left: '\\ea02';
|
|
2974
|
+
--lumo-icons-align-right: '\\ea03';
|
|
2975
|
+
--lumo-icons-angle-down: '\\ea04';
|
|
2976
|
+
--lumo-icons-angle-left: '\\ea05';
|
|
2977
|
+
--lumo-icons-angle-right: '\\ea06';
|
|
2978
|
+
--lumo-icons-angle-up: '\\ea07';
|
|
2979
|
+
--lumo-icons-arrow-down: '\\ea08';
|
|
2980
|
+
--lumo-icons-arrow-left: '\\ea09';
|
|
2981
|
+
--lumo-icons-arrow-right: '\\ea0a';
|
|
2982
|
+
--lumo-icons-arrow-up: '\\ea0b';
|
|
2983
|
+
--lumo-icons-bar-chart: '\\ea0c';
|
|
2984
|
+
--lumo-icons-bell: '\\ea0d';
|
|
2985
|
+
--lumo-icons-calendar: '\\ea0e';
|
|
2986
|
+
--lumo-icons-checkmark: '\\ea0f';
|
|
2987
|
+
--lumo-icons-chevron-down: '\\ea10';
|
|
2988
|
+
--lumo-icons-chevron-left: '\\ea11';
|
|
2989
|
+
--lumo-icons-chevron-right: '\\ea12';
|
|
2990
|
+
--lumo-icons-chevron-up: '\\ea13';
|
|
2991
|
+
--lumo-icons-clock: '\\ea14';
|
|
2992
|
+
--lumo-icons-cog: '\\ea15';
|
|
2993
|
+
--lumo-icons-cross: '\\ea16';
|
|
2994
|
+
--lumo-icons-download: '\\ea17';
|
|
2995
|
+
--lumo-icons-dropdown: '\\ea18';
|
|
2996
|
+
--lumo-icons-edit: '\\ea19';
|
|
2997
|
+
--lumo-icons-error: '\\ea1a';
|
|
2998
|
+
--lumo-icons-eye: '\\ea1b';
|
|
2999
|
+
--lumo-icons-eye-disabled: '\\ea1c';
|
|
3000
|
+
--lumo-icons-menu: '\\ea1d';
|
|
3001
|
+
--lumo-icons-minus: '\\ea1e';
|
|
3002
|
+
--lumo-icons-ordered-list: '\\ea1f';
|
|
3003
|
+
--lumo-icons-phone: '\\ea20';
|
|
3004
|
+
--lumo-icons-photo: '\\ea21';
|
|
3005
|
+
--lumo-icons-play: '\\ea22';
|
|
3006
|
+
--lumo-icons-plus: '\\ea23';
|
|
3007
|
+
--lumo-icons-redo: '\\ea24';
|
|
3008
|
+
--lumo-icons-reload: '\\ea25';
|
|
3009
|
+
--lumo-icons-search: '\\ea26';
|
|
3010
|
+
--lumo-icons-undo: '\\ea27';
|
|
3011
|
+
--lumo-icons-unordered-list: '\\ea28';
|
|
3012
|
+
--lumo-icons-upload: '\\ea29';
|
|
3013
|
+
--lumo-icons-user: '\\ea2a';
|
|
3014
|
+
}
|
|
3015
|
+
`);
|
|
3016
|
+
/**
|
|
3017
|
+
* @license
|
|
3018
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3019
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3020
|
+
*/
|
|
3021
|
+
const bs=p`
|
|
3022
|
+
[part$='button'] {
|
|
3023
|
+
flex: none;
|
|
3024
|
+
width: 1em;
|
|
3025
|
+
height: 1em;
|
|
3026
|
+
line-height: 1;
|
|
3027
|
+
font-size: var(--lumo-icon-size-m);
|
|
3028
|
+
text-align: center;
|
|
3029
|
+
color: var(--lumo-contrast-60pct);
|
|
3030
|
+
transition: 0.2s color;
|
|
3031
|
+
cursor: var(--lumo-clickable-cursor);
|
|
3032
|
+
}
|
|
3033
|
+
|
|
3034
|
+
[part$='button']:hover {
|
|
3035
|
+
color: var(--lumo-contrast-90pct);
|
|
3036
|
+
}
|
|
3037
|
+
|
|
3038
|
+
:host([disabled]) [part$='button'],
|
|
3039
|
+
:host([readonly]) [part$='button'] {
|
|
3040
|
+
color: var(--lumo-contrast-20pct);
|
|
3041
|
+
cursor: default;
|
|
3042
|
+
}
|
|
3043
|
+
|
|
3044
|
+
[part$='button']::before {
|
|
3045
|
+
font-family: 'lumo-icons';
|
|
3046
|
+
display: block;
|
|
3047
|
+
}
|
|
3048
|
+
`;ft("",bs,{moduleId:"lumo-field-button"});
|
|
3049
|
+
/**
|
|
3050
|
+
* @license
|
|
3051
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3052
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3053
|
+
*/
|
|
3054
|
+
const gs=p`
|
|
3055
|
+
:host([has-helper]) [part='helper-text']::before {
|
|
3056
|
+
content: '';
|
|
3057
|
+
display: block;
|
|
3058
|
+
height: 0.4em;
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
[part='helper-text'] {
|
|
3062
|
+
display: block;
|
|
3063
|
+
color: var(--lumo-secondary-text-color);
|
|
3064
|
+
font-size: var(--lumo-font-size-xs);
|
|
3065
|
+
line-height: var(--lumo-line-height-xs);
|
|
3066
|
+
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
3067
|
+
transition: color 0.2s;
|
|
3068
|
+
}
|
|
3069
|
+
|
|
3070
|
+
:host(:hover:not([readonly])) [part='helper-text'] {
|
|
3071
|
+
color: var(--lumo-body-text-color);
|
|
3072
|
+
}
|
|
3073
|
+
|
|
3074
|
+
:host([disabled]) [part='helper-text'] {
|
|
3075
|
+
color: var(--lumo-disabled-text-color);
|
|
3076
|
+
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
3077
|
+
}
|
|
3078
|
+
|
|
3079
|
+
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
|
|
3080
|
+
display: none;
|
|
3081
|
+
}
|
|
3082
|
+
|
|
3083
|
+
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
|
|
3084
|
+
content: '';
|
|
3085
|
+
display: block;
|
|
3086
|
+
height: 0.4em;
|
|
3087
|
+
}
|
|
3088
|
+
|
|
3089
|
+
:host([has-helper][theme~='helper-above-field']) [part='label'] {
|
|
3090
|
+
order: 0;
|
|
3091
|
+
padding-bottom: 0.4em;
|
|
3092
|
+
}
|
|
3093
|
+
|
|
3094
|
+
:host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
|
|
3095
|
+
order: 1;
|
|
3096
|
+
}
|
|
3097
|
+
|
|
3098
|
+
:host([has-helper][theme~='helper-above-field']) [part='label'] + * {
|
|
3099
|
+
order: 2;
|
|
3100
|
+
}
|
|
3101
|
+
|
|
3102
|
+
:host([has-helper][theme~='helper-above-field']) [part='error-message'] {
|
|
3103
|
+
order: 3;
|
|
3104
|
+
}
|
|
3105
|
+
`
|
|
3106
|
+
/**
|
|
3107
|
+
* @license
|
|
3108
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3109
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3110
|
+
*/,ys=p`
|
|
3111
|
+
[part='label'] {
|
|
3112
|
+
align-self: flex-start;
|
|
3113
|
+
color: var(--lumo-secondary-text-color);
|
|
3114
|
+
font-weight: 500;
|
|
3115
|
+
font-size: var(--lumo-font-size-s);
|
|
3116
|
+
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
3117
|
+
transition: color 0.2s;
|
|
3118
|
+
line-height: 1;
|
|
3119
|
+
padding-right: 1em;
|
|
3120
|
+
padding-bottom: 0.5em;
|
|
3121
|
+
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
3122
|
+
negative margin to compensate */
|
|
3123
|
+
padding-top: 0.25em;
|
|
3124
|
+
margin-top: -0.25em;
|
|
3125
|
+
overflow: hidden;
|
|
3126
|
+
white-space: nowrap;
|
|
3127
|
+
text-overflow: ellipsis;
|
|
3128
|
+
position: relative;
|
|
3129
|
+
max-width: 100%;
|
|
3130
|
+
box-sizing: border-box;
|
|
3131
|
+
}
|
|
3132
|
+
|
|
3133
|
+
:host([has-label])::before {
|
|
3134
|
+
margin-top: calc(var(--lumo-font-size-s) * 1.5);
|
|
3135
|
+
}
|
|
3136
|
+
|
|
3137
|
+
:host([has-label][theme~='small'])::before {
|
|
3138
|
+
margin-top: calc(var(--lumo-font-size-xs) * 1.5);
|
|
3139
|
+
}
|
|
3140
|
+
|
|
3141
|
+
:host([has-label]) {
|
|
3142
|
+
padding-top: var(--lumo-space-m);
|
|
3143
|
+
}
|
|
3144
|
+
|
|
3145
|
+
:host([has-label]) ::slotted([slot='tooltip']) {
|
|
3146
|
+
--vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
|
|
3147
|
+
}
|
|
3148
|
+
|
|
3149
|
+
:host([required]) [part='required-indicator']::after {
|
|
3150
|
+
content: var(--lumo-required-field-indicator, '\\2022');
|
|
3151
|
+
transition: opacity 0.2s;
|
|
3152
|
+
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
3153
|
+
position: absolute;
|
|
3154
|
+
right: 0;
|
|
3155
|
+
width: 1em;
|
|
3156
|
+
text-align: center;
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3159
|
+
:host([invalid]) [part='required-indicator']::after {
|
|
3160
|
+
color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
|
|
3161
|
+
}
|
|
3162
|
+
|
|
3163
|
+
[part='error-message'] {
|
|
3164
|
+
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
3165
|
+
font-size: var(--lumo-font-size-xs);
|
|
3166
|
+
line-height: var(--lumo-line-height-xs);
|
|
3167
|
+
color: var(--lumo-error-text-color);
|
|
3168
|
+
will-change: max-height;
|
|
3169
|
+
transition: 0.4s max-height;
|
|
3170
|
+
max-height: 5em;
|
|
3171
|
+
}
|
|
3172
|
+
|
|
3173
|
+
:host([has-error-message]) [part='error-message']::before,
|
|
3174
|
+
:host([has-error-message]) [part='error-message']::after {
|
|
3175
|
+
content: '';
|
|
3176
|
+
display: block;
|
|
3177
|
+
height: 0.4em;
|
|
3178
|
+
}
|
|
3179
|
+
|
|
3180
|
+
:host(:not([invalid])) [part='error-message'] {
|
|
3181
|
+
max-height: 0;
|
|
3182
|
+
overflow: hidden;
|
|
3183
|
+
}
|
|
3184
|
+
|
|
3185
|
+
/* RTL specific styles */
|
|
3186
|
+
|
|
3187
|
+
:host([dir='rtl']) [part='label'] {
|
|
3188
|
+
margin-left: 0;
|
|
3189
|
+
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
3190
|
+
}
|
|
3191
|
+
|
|
3192
|
+
:host([dir='rtl']) [part='label'] {
|
|
3193
|
+
padding-left: 1em;
|
|
3194
|
+
padding-right: 0;
|
|
3195
|
+
}
|
|
3196
|
+
|
|
3197
|
+
:host([dir='rtl']) [part='required-indicator']::after {
|
|
3198
|
+
right: auto;
|
|
3199
|
+
left: 0;
|
|
3200
|
+
}
|
|
3201
|
+
|
|
3202
|
+
:host([dir='rtl']) [part='error-message'] {
|
|
3203
|
+
margin-left: 0;
|
|
3204
|
+
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
3205
|
+
}
|
|
3206
|
+
`;ft("",ys,{moduleId:"lumo-required-field"});
|
|
3207
|
+
/**
|
|
3208
|
+
* @license
|
|
3209
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3210
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3211
|
+
*/
|
|
3212
|
+
const ws=[ys,bs,gs,p`
|
|
3213
|
+
:host {
|
|
3214
|
+
--lumo-text-field-size: var(--lumo-size-m);
|
|
3215
|
+
color: var(--lumo-body-text-color);
|
|
3216
|
+
font-size: var(--lumo-font-size-m);
|
|
3217
|
+
font-family: var(--lumo-font-family);
|
|
3218
|
+
-webkit-font-smoothing: antialiased;
|
|
3219
|
+
-moz-osx-font-smoothing: grayscale;
|
|
3220
|
+
-webkit-tap-highlight-color: transparent;
|
|
3221
|
+
padding: var(--lumo-space-xs) 0;
|
|
3222
|
+
}
|
|
3223
|
+
|
|
3224
|
+
:host::before {
|
|
3225
|
+
height: var(--lumo-text-field-size);
|
|
3226
|
+
box-sizing: border-box;
|
|
3227
|
+
display: inline-flex;
|
|
3228
|
+
align-items: center;
|
|
3229
|
+
}
|
|
3230
|
+
|
|
3231
|
+
:host([focused]:not([readonly])) [part='label'] {
|
|
3232
|
+
color: var(--lumo-primary-text-color);
|
|
3233
|
+
}
|
|
3234
|
+
|
|
3235
|
+
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
3236
|
+
-webkit-mask-image: none;
|
|
3237
|
+
mask-image: none;
|
|
3238
|
+
}
|
|
3239
|
+
|
|
3240
|
+
::slotted(:is(input, textarea):placeholder-shown) {
|
|
3241
|
+
color: var(--lumo-secondary-text-color);
|
|
3242
|
+
}
|
|
3243
|
+
|
|
3244
|
+
/* Hover */
|
|
3245
|
+
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
3246
|
+
color: var(--lumo-body-text-color);
|
|
3247
|
+
}
|
|
3248
|
+
|
|
3249
|
+
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
3250
|
+
opacity: 0.1;
|
|
3251
|
+
}
|
|
3252
|
+
|
|
3253
|
+
/* Touch device adjustment */
|
|
3254
|
+
@media (pointer: coarse) {
|
|
3255
|
+
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
3256
|
+
color: var(--lumo-secondary-text-color);
|
|
3257
|
+
}
|
|
3258
|
+
|
|
3259
|
+
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
3260
|
+
opacity: 0;
|
|
3261
|
+
}
|
|
3262
|
+
|
|
3263
|
+
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
|
3264
|
+
opacity: 0.2;
|
|
3265
|
+
}
|
|
3266
|
+
}
|
|
3267
|
+
|
|
3268
|
+
/* Trigger when not focusing using the keyboard */
|
|
3269
|
+
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
|
3270
|
+
transform: scaleX(0);
|
|
3271
|
+
transition-duration: 0.15s, 1s;
|
|
3272
|
+
}
|
|
3273
|
+
|
|
3274
|
+
/* Focus-ring */
|
|
3275
|
+
:host([focus-ring]) [part='input-field'] {
|
|
3276
|
+
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
3277
|
+
}
|
|
3278
|
+
|
|
3279
|
+
/* Read-only and disabled */
|
|
3280
|
+
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
|
3281
|
+
opacity: 0;
|
|
3282
|
+
}
|
|
3283
|
+
|
|
3284
|
+
/* Read-only style */
|
|
3285
|
+
:host([readonly]) {
|
|
3286
|
+
--vaadin-input-field-border-color: transparent;
|
|
3287
|
+
}
|
|
3288
|
+
|
|
3289
|
+
/* Disabled style */
|
|
3290
|
+
:host([disabled]) {
|
|
3291
|
+
pointer-events: none;
|
|
3292
|
+
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
|
3293
|
+
}
|
|
3294
|
+
|
|
3295
|
+
:host([disabled]) [part='label'],
|
|
3296
|
+
:host([disabled]) [part='input-field'] ::slotted(*) {
|
|
3297
|
+
color: var(--lumo-disabled-text-color);
|
|
3298
|
+
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
3299
|
+
}
|
|
3300
|
+
|
|
3301
|
+
/* Invalid style */
|
|
3302
|
+
:host([invalid]) {
|
|
3303
|
+
--vaadin-input-field-border-color: var(--lumo-error-color);
|
|
3304
|
+
}
|
|
3305
|
+
|
|
3306
|
+
:host([invalid][focus-ring]) [part='input-field'] {
|
|
3307
|
+
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
|
3308
|
+
}
|
|
3309
|
+
|
|
3310
|
+
:host([input-prevented]) [part='input-field'] {
|
|
3311
|
+
animation: shake 0.15s infinite;
|
|
3312
|
+
}
|
|
3313
|
+
|
|
3314
|
+
@keyframes shake {
|
|
3315
|
+
25% {
|
|
3316
|
+
transform: translateX(4px);
|
|
3317
|
+
}
|
|
3318
|
+
75% {
|
|
3319
|
+
transform: translateX(-4px);
|
|
3320
|
+
}
|
|
3321
|
+
}
|
|
3322
|
+
|
|
3323
|
+
/* Small theme */
|
|
3324
|
+
:host([theme~='small']) {
|
|
3325
|
+
font-size: var(--lumo-font-size-s);
|
|
3326
|
+
--lumo-text-field-size: var(--lumo-size-s);
|
|
3327
|
+
}
|
|
3328
|
+
|
|
3329
|
+
:host([theme~='small']) [part='label'] {
|
|
3330
|
+
font-size: var(--lumo-font-size-xs);
|
|
3331
|
+
}
|
|
3332
|
+
|
|
3333
|
+
:host([theme~='small']) [part='error-message'] {
|
|
3334
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3335
|
+
}
|
|
3336
|
+
|
|
3337
|
+
/* Slotted content */
|
|
3338
|
+
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
|
3339
|
+
color: var(--lumo-secondary-text-color);
|
|
3340
|
+
font-weight: 400;
|
|
3341
|
+
}
|
|
3342
|
+
|
|
3343
|
+
[part='clear-button']::before {
|
|
3344
|
+
content: var(--lumo-icons-cross);
|
|
3345
|
+
}
|
|
3346
|
+
`];ft("",ws,{moduleId:"lumo-input-field-shared-styles"}),ft("vaadin-date-picker",[ws,p`
|
|
3347
|
+
:host {
|
|
3348
|
+
outline: none;
|
|
3349
|
+
}
|
|
3350
|
+
|
|
3351
|
+
[part='toggle-button']::before {
|
|
3352
|
+
content: var(--lumo-icons-calendar);
|
|
3353
|
+
}
|
|
3354
|
+
|
|
3355
|
+
[part='clear-button']::before {
|
|
3356
|
+
content: var(--lumo-icons-cross);
|
|
3357
|
+
}
|
|
3358
|
+
|
|
3359
|
+
@media (max-width: 420px), (max-height: 420px) {
|
|
3360
|
+
[part='overlay-content'] {
|
|
3361
|
+
height: 70vh;
|
|
3362
|
+
}
|
|
3363
|
+
}
|
|
3364
|
+
|
|
3365
|
+
:host([dir='rtl']) [part='input-field'] ::slotted(input) {
|
|
3366
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
3367
|
+
}
|
|
3368
|
+
|
|
3369
|
+
:host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
|
|
3370
|
+
--_lumo-text-field-overflow-mask-image: none;
|
|
3371
|
+
}
|
|
3372
|
+
`],{moduleId:"lumo-date-picker"});
|
|
3373
|
+
/**
|
|
3374
|
+
@license
|
|
3375
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3376
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3377
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3378
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3379
|
+
Code distributed by Google as part of the polymer project is also
|
|
3380
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3381
|
+
*/
|
|
3382
|
+
let xs=!1,_s=[],ks=[];function As(t){const e=t[0],o=t[1],i=t[2];try{o.apply(e,i)}catch(t){setTimeout((()=>{throw t}))}}function Cs(t,e,o){xs||(xs=!0,requestAnimationFrame((function(){xs=!1,function(t){for(;t.length;)As(t.shift())}(_s),setTimeout((function(){!function(t){for(let e=0,o=t.length;e<o;e++)As(t.shift())}(ks)}))}))),ks.push([t,e,o])}
|
|
3383
|
+
/**
|
|
3384
|
+
* @license
|
|
3385
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3386
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3387
|
+
*/const zs=t=>t.test(navigator.userAgent),Ds=t=>t.test(navigator.platform);zs(/Android/u),zs(/Chrome/u)&&/Google Inc/u.test(navigator.vendor);const Ts=zs(/Firefox/u),Ss=Ds(/^iPad/u)||Ds(/^Mac/u)&&navigator.maxTouchPoints>1,Ms=Ds(/^iPhone/u)||Ss;zs(/^((?!chrome|android).)*safari/iu);const Es=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})();
|
|
3388
|
+
/**
|
|
3389
|
+
* @license
|
|
3390
|
+
* Copyright (c) 2017 Anton Korzunov
|
|
3391
|
+
* SPDX-License-Identifier: MIT
|
|
3392
|
+
*/let Ps=new WeakMap,Os=new WeakMap,Fs={},Ns=0;const Is=t=>t&&t.nodeType===Node.ELEMENT_NODE,Bs=(...t)=>{console.error(`Error: ${t.join(" ")}. Skip setting aria-hidden.`)},js=(t,e=document.body,o="data-aria-hidden")=>{const i=Array.from(Array.isArray(t)?t:[t]);return e&&i.push(...Array.from(e.querySelectorAll("[aria-live]"))),((t,e,o,i)=>{const s=((t,e)=>Is(t)?e.map((e=>{if(!Is(e))return Bs(e,"is not a valid element"),null;let o=e;for(;o&&o!==t;){if(t.contains(o))return e;o=o.getRootNode().host}return Bs(e,"is not contained inside",t),null})).filter((t=>Boolean(t))):(Bs(t,"is not a valid element"),[]))(e,Array.isArray(t)?t:[t]);Fs[o]||(Fs[o]=new WeakMap);const r=Fs[o],n=[],a=new Set,l=new Set(s),h=t=>{if(!t||a.has(t))return;a.add(t);const e=t.assignedSlot;e&&h(e),h(t.parentNode||t.host)};s.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(i),s=null!==e&&"false"!==e,a=(Ps.get(t)||0)+1,l=(r.get(t)||0)+1;Ps.set(t,a),r.set(t,l),n.push(t),1===a&&s&&Os.set(t,!0),1===l&&t.setAttribute(o,"true"),s||t.setAttribute(i,"true")}}))};return c(e),a.clear(),Ns+=1,()=>{n.forEach((t=>{const e=Ps.get(t)-1,s=r.get(t)-1;Ps.set(t,e),r.set(t,s),e||(Os.has(t)?Os.delete(t):t.removeAttribute(i)),s||t.removeAttribute(o)})),Ns-=1,Ns||(Ps=new WeakMap,Ps=new WeakMap,Os=new WeakMap,Fs={})}})(i,e,o,"aria-hidden")};
|
|
3393
|
+
/**
|
|
3394
|
+
* @license
|
|
3395
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3396
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3397
|
+
*/
|
|
3398
|
+
class Ws{constructor(t,e){this.host=t,this.callback="function"==typeof e?e:()=>t}showModal(){const t=this.callback();this.__showOthers=js(t)}close(){this.__showOthers&&(this.__showOthers(),this.__showOthers=null)}}
|
|
3399
|
+
/**
|
|
3400
|
+
* @license
|
|
3401
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3402
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3403
|
+
*/class Rs{saveFocus(t){this.focusNode=t||as()}restoreFocus(){const t=this.focusNode;t&&(as()===document.body?setTimeout((()=>t.focus())):t.focus(),this.focusNode=null)}}
|
|
3404
|
+
/**
|
|
3405
|
+
* @license
|
|
3406
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3407
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3408
|
+
*/const Us=[];class Ls{constructor(t){this.host=t,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}get __focusableElements(){return function(t){const e=[];return us(t,e)?hs(e):e}(this.__trapNode)}get __focusedElementIndex(){const t=this.__focusableElements;return t.indexOf(t.filter(cs).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.");Us.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus()}releaseFocus(){this.__trapNode=null,Us.pop()}__onKeyDown(t){this.__trapNode&&this===Array.from(Us).pop()&&"Tab"===t.key&&(t.preventDefault(),this.__focusNextElement(t.shiftKey))}__focusNextElement(t=!1){const e=this.__focusableElements,o=e[(e.length+this.__focusedElementIndex+(t?-1:1))%e.length];o.focus(),"input"===o.localName&&o.select()}}
|
|
3409
|
+
/**
|
|
3410
|
+
* @license
|
|
3411
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3412
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3413
|
+
*/const Hs=t=>class extends(Qo(t)){static get properties(){return{focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement}}}constructor(){super(),this.__ariaModalController=new Ws(this),this.__focusTrapController=new Ls(this),this.__focusRestorationController=new Rs}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=as();return t===document.body||this._deepContains(t)}_deepContains(t){if(this.contains(t))return!0;let e=t;const o=t.ownerDocument;for(;e&&e!==o&&e!==this;)e=e.parentNode||e.host;return e===this}}
|
|
3414
|
+
/**
|
|
3415
|
+
* @license
|
|
3416
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3417
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3418
|
+
*/,qs=()=>Array.from(document.body.children).filter((t=>t instanceof HTMLElement&&t._hasOverlayStackMixin&&!t.hasAttribute("closing"))).sort(((t,e)=>t.__zIndex-e.__zIndex||0)),$s=t=>class extends t{constructor(){super(),this._hasOverlayStackMixin=!0}get _last(){return(()=>this===qs().pop())()}bringToFront(){let t="";const e=qs().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"),qs().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=qs();let e;for(;(e=t.pop())&&(e===this||(e.$.overlay.style.removeProperty("pointer-events"),e.modeless)););}}
|
|
3419
|
+
/**
|
|
3420
|
+
* @license
|
|
3421
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3422
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3423
|
+
*/,Ys=t=>class extends(Hs($s(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),Ms&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}ready(){super.ready(),this.addEventListener("click",(()=>{})),this.$.backdrop.addEventListener("click",(()=>{})),this.addEventListener("mouseup",(()=>{document.activeElement===document.body&&"0"===this.$.overlay.getAttribute("tabindex")&&this.$.overlay.focus()}))}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,o=document.documentElement.clientHeight;this.style.setProperty("--vaadin-overlay-viewport-bottom",e>t&&o>t?o-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,o,i){const s=this._oldOwner!==e||this._oldModel!==o;this._oldModel=o,this._oldOwner=e;const r=this._oldRenderer!==t;this._oldRenderer=t;const n=this._oldOpened!==i;this._oldOpened=i,r&&(this.innerHTML="",delete this._$litPart$),i&&t&&(r||n||s)&&this.requestContentUpdate()}_modelessChanged(t){t?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_openedChanged(t,e){t?(this._saveFocus(),this._animatedOpening(),Cs(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 o=`__${t}Handler`,i=t=>{t&&t.target!==this||(e(),this.removeEventListener("animationend",i),delete this[o])};this[o]=i,this.addEventListener("animationend",i)}_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)}}}
|
|
3424
|
+
/**
|
|
3425
|
+
* @license
|
|
3426
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3427
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3428
|
+
*/,Vs={start:"top",end:"bottom"},Gs={start:"left",end:"right"},Js=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),Ks=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,Js.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,Js.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 o=this.__isRTL,i=this.__shouldAlignStartHorizontally(t,o),s=!o&&i||o&&!i;this.style.alignItems=s?"flex-start":"flex-end";const r=this.getBoundingClientRect(),n=this.__calculatePositionInOneDimension(t,r,this.noVerticalOverlap,Vs,this,e),a=this.__calculatePositionInOneDimension(t,r,this.noHorizontalOverlap,Gs,this,i);Object.assign(this.style,n,a),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!s),this.toggleAttribute("start-aligned",s)}__shouldAlignStartHorizontally(t,e){const o=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const i=Math.min(window.innerWidth,document.documentElement.clientWidth);return this.__shouldAlignStart(t,o,i,this.__margins,!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign,this.noHorizontalOverlap,Gs)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const o=Math.min(window.innerHeight,document.documentElement.clientHeight);return this.__shouldAlignStart(t,e,o,this.__margins,"top"===this.verticalAlign,this.noVerticalOverlap,Vs)}__shouldAlignStart(t,e,o,i,s,r,n){const a=o-t[r?n.end:n.start]-i[n.end],l=t[r?n.start:n.end]-i[n.start],h=s?a:l;return s===(h>(s?l:a)||h>e)}__adjustBottomProperty(t,e,o){let i;if(t===e.end){if(e.end===Vs.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);o>t&&this.__oldViewportHeight&&(i=o-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===Gs.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);o>t&&this.__oldViewportWidth&&(i=o-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return i}__calculatePositionInOneDimension(t,e,o,i,s,r){const n=r?i.start:i.end,a=r?i.end:i.start,l=parseFloat(s.style[n]||getComputedStyle(s)[n]),h=this.__adjustBottomProperty(n,i,l),c=h?`${h}px`:`${l+(e[r?i.start:i.end]-t[o===r?i.end:i.start])*(r?-1:1)}px`;return{[n]:c,[a]:""}}}
|
|
3429
|
+
/**
|
|
3430
|
+
* @license
|
|
3431
|
+
* Copyright (c) 2017 - 2023 Vaadin Ltd.
|
|
3432
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3433
|
+
*/;
|
|
3434
|
+
/**
|
|
3435
|
+
* @license
|
|
3436
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3437
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3438
|
+
*/
|
|
3439
|
+
ft("vaadin-date-picker-overlay",[p`
|
|
3440
|
+
:host {
|
|
3441
|
+
z-index: 200;
|
|
3442
|
+
position: fixed;
|
|
3443
|
+
|
|
3444
|
+
/* Despite of what the names say, <vaadin-overlay> is just a container
|
|
3445
|
+
for position/sizing/alignment. The actual overlay is the overlay part. */
|
|
3446
|
+
|
|
3447
|
+
/* Default position constraints: the entire viewport. Note: themes can
|
|
3448
|
+
override this to introduce gaps between the overlay and the viewport. */
|
|
3449
|
+
inset: 0;
|
|
3450
|
+
bottom: var(--vaadin-overlay-viewport-bottom);
|
|
3451
|
+
|
|
3452
|
+
/* Use flexbox alignment for the overlay part. */
|
|
3453
|
+
display: flex;
|
|
3454
|
+
flex-direction: column; /* makes dropdowns sizing easier */
|
|
3455
|
+
/* Align to center by default. */
|
|
3456
|
+
align-items: center;
|
|
3457
|
+
justify-content: center;
|
|
3458
|
+
|
|
3459
|
+
/* Allow centering when max-width/max-height applies. */
|
|
3460
|
+
margin: auto;
|
|
3461
|
+
|
|
3462
|
+
/* The host is not clickable, only the overlay part is. */
|
|
3463
|
+
pointer-events: none;
|
|
3464
|
+
|
|
3465
|
+
/* Remove tap highlight on touch devices. */
|
|
3466
|
+
-webkit-tap-highlight-color: transparent;
|
|
3467
|
+
|
|
3468
|
+
/* CSS API for host */
|
|
3469
|
+
--vaadin-overlay-viewport-bottom: 0;
|
|
3470
|
+
}
|
|
3471
|
+
|
|
3472
|
+
:host([hidden]),
|
|
3473
|
+
:host(:not([opened]):not([closing])) {
|
|
3474
|
+
display: none !important;
|
|
3475
|
+
}
|
|
3476
|
+
|
|
3477
|
+
[part='overlay'] {
|
|
3478
|
+
-webkit-overflow-scrolling: touch;
|
|
3479
|
+
overflow: auto;
|
|
3480
|
+
pointer-events: auto;
|
|
3481
|
+
|
|
3482
|
+
/* Prevent overflowing the host */
|
|
3483
|
+
max-width: 100%;
|
|
3484
|
+
box-sizing: border-box;
|
|
3485
|
+
|
|
3486
|
+
-webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
|
|
3487
|
+
}
|
|
3488
|
+
|
|
3489
|
+
[part='backdrop'] {
|
|
3490
|
+
z-index: -1;
|
|
3491
|
+
content: '';
|
|
3492
|
+
background: rgba(0, 0, 0, 0.5);
|
|
3493
|
+
position: fixed;
|
|
3494
|
+
inset: 0;
|
|
3495
|
+
pointer-events: auto;
|
|
3496
|
+
}
|
|
3497
|
+
`
|
|
3498
|
+
/**
|
|
3499
|
+
* @license
|
|
3500
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3501
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3502
|
+
*/,p`
|
|
3503
|
+
[part='overlay'] {
|
|
3504
|
+
display: flex;
|
|
3505
|
+
flex: auto;
|
|
3506
|
+
}
|
|
3507
|
+
|
|
3508
|
+
[part~='content'] {
|
|
3509
|
+
flex: auto;
|
|
3510
|
+
}
|
|
3511
|
+
|
|
3512
|
+
@media (forced-colors: active) {
|
|
3513
|
+
[part='overlay'] {
|
|
3514
|
+
outline: 3px solid;
|
|
3515
|
+
}
|
|
3516
|
+
}
|
|
3517
|
+
`],{moduleId:"vaadin-date-picker-overlay-styles"});class Zs extends(Ks(Ys(Lo(wt(jo))))){static get is(){return"vaadin-date-picker-overlay"}static get template(){return Io`
|
|
3518
|
+
<div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
|
|
3519
|
+
<div part="overlay" id="overlay">
|
|
3520
|
+
<div part="content" id="content">
|
|
3521
|
+
<slot></slot>
|
|
3522
|
+
</div>
|
|
3523
|
+
</div>
|
|
3524
|
+
`}}function Xs(t,e){return t instanceof Date&&e instanceof Date&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function Qs(t,e,o){return(!e||t>=e)&&(!o||t<=o)}function tr(t,e){return e.filter((t=>void 0!==t)).reduce(((e,o)=>o?e?Math.abs(t.getTime()-o.getTime())<Math.abs(e.getTime()-t.getTime())?o:e:o:e))}function er(t){return{day:t.getDate(),month:t.getMonth(),year:t.getFullYear()}}function or(t){const e=new Date,o=new Date(e);return o.setDate(1),o.setMonth(parseInt(t)+e.getMonth()),o}function ir(t){const e=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/u.exec(t);if(!e)return;const o=new Date(0,0);return o.setFullYear(parseInt(e[1],10)),o.setMonth(parseInt(e[2],10)-1),o.setDate(parseInt(e[3],10)),o}
|
|
3525
|
+
/**
|
|
3526
|
+
* @license
|
|
3527
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3528
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3529
|
+
*/n(Zs);const sr=document.createElement("template");sr.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 rr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}).appendChild(sr.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 o=getComputedStyle(this.$.fullHeight).getPropertyValue(e);this.$.fullHeight.style.removeProperty(e),this._itemHeightVal=parseFloat(o)}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",Ts&&(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,o=t<this._buffers[0].translateY+e;(t>this._buffers[1].translateY+e||o)&&(this._translateBuffer(o),this._updateClones()),this._preventScrollEvent||(this.dispatchEvent(new CustomEvent("custom-scroll",{bubbles:!1,composed:!0})),this._mayHaveMomentum=!0),this._preventScrollEvent=!1,this._debouncerScrollFinish=di.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=di.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 o=0;o<this.bufferSize;o++){const o=document.createElement("div");o.style.height=`${this.itemHeight}px`,o.instance={};const i=`vaadin-infinite-scroller-item-content-${xi()}`,s=document.createElement("slot");s.setAttribute("name",i),s._itemWrapper=o,e.appendChild(s),o.setAttribute("slot",i),this.appendChild(o),this._isVisible(o,t)&&this._ensureStampedInstance(o)}})),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((o=>{t.instance[o]=e[o]}))}_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(((o,i)=>{if(!o.updated){const s=this._firstIndex+this.bufferSize*i;[...o.children].forEach(((o,i)=>{const r=o._itemWrapper;t&&!this._isVisible(r,e)||this._updateElement(r.instance,s+i)})),o.updated=!0}}))}_isVisible(t,e){const o=t.getBoundingClientRect();return o.bottom>e.top&&o.top<e.bottom}}
|
|
3530
|
+
/**
|
|
3531
|
+
* @license
|
|
3532
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3533
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3534
|
+
*/const nr=document.createElement("template");nr.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 rr{static get is(){return"vaadin-date-picker-month-scroller"}constructor(){super(),this.bufferSize=3,this.shadowRoot.appendChild(nr.content.cloneNode(!0))}_createElement(){return document.createElement("vaadin-month-calendar")}_updateElement(t,e){t.month=or(e)}});
|
|
3535
|
+
/**
|
|
3536
|
+
* @license
|
|
3537
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3538
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3539
|
+
*/
|
|
3540
|
+
const ar=document.createElement("template");ar.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 rr{static get is(){return"vaadin-date-picker-year-scroller"}constructor(){super(),this.bufferSize=12,this.shadowRoot.appendChild(ar.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,o=new Date(e);return o.setFullYear(parseInt(t)+e.getFullYear()),o.getFullYear()}});
|
|
3541
|
+
/**
|
|
3542
|
+
* @license
|
|
3543
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3544
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3545
|
+
*/
|
|
3546
|
+
class lr extends(wt(jo)){static get is(){return"vaadin-date-picker-year"}static get template(){return Io`
|
|
3547
|
+
<style>
|
|
3548
|
+
:host {
|
|
3549
|
+
display: block;
|
|
3550
|
+
height: 100%;
|
|
3551
|
+
}
|
|
3552
|
+
</style>
|
|
3553
|
+
<div part="year-number">[[year]]</div>
|
|
3554
|
+
<div part="year-separator" aria-hidden="true"></div>
|
|
3555
|
+
`}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())}}
|
|
3556
|
+
/**
|
|
3557
|
+
@license
|
|
3558
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3559
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3560
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3561
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3562
|
+
Code distributed by Google as part of the polymer project is also
|
|
3563
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3564
|
+
*/
|
|
3565
|
+
function hr(t,e,o,i,s){let r;s&&(r="object"==typeof o&&null!==o,r&&(i=t.__dataTemp[e]));let n=i!==o&&(i==i||o==o);return r&&n&&(t.__dataTemp[e]=o),n}n(lr);const cr=Vt((t=>class extends t{_shouldPropertyChange(t,e,o){return hr(this,t,e,o,!0)}})),ur=Vt((t=>class extends t{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(t,e,o){return hr(this,t,e,o,this.mutableData)}}));cr._mutablePropertyChange=hr;
|
|
3566
|
+
/**
|
|
3567
|
+
@license
|
|
3568
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3569
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3570
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3571
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3572
|
+
Code distributed by Google as part of the polymer project is also
|
|
3573
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3574
|
+
*/
|
|
3575
|
+
let dr=null;function pr(){return dr}pr.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:pr,writable:!0}});const mr=To(pr),fr=cr(mr),vr=To(class{});class br extends vr{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 o=this.__templatizeOptions;(t&&o.instanceProps||!o.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,o){if(this._methodHost&&this.__templatizeOptions.parentModel)this._methodHost._addEventListenerToNode(t,e,(t=>{t.model=this,o(t)}));else{let i=this.__dataHost.__dataHost;i&&i._addEventListenerToNode(t,e,o)}}_showHideChildren(t){!function(t,e){for(let o=0;o<e.length;o++){let i=e[o];if(Boolean(t)!=Boolean(i.__hideTemplateChildren__))if(i.nodeType===Node.TEXT_NODE)t?(i.__polymerTextContent__=i.textContent,i.textContent=""):i.textContent=i.__polymerTextContent__;else if("slot"===i.localName)if(t)i.__polymerReplaced__=document.createComment("hidden-slot"),le(le(i).parentNode).replaceChild(i.__polymerReplaced__,i);else{const t=i.__polymerReplaced__;t&&le(le(t).parentNode).replaceChild(i,t)}else i.style&&(t?(i.__polymerDisplay__=i.style.display,i.style.display="none"):i.style.display=i.__polymerDisplay__);i.__hideTemplateChildren__=t,i._showHideChildren&&i._showHideChildren(t)}}(t,this.children)}_setUnmanagedPropertyToNode(t,e,o){t.__hideTemplateChildren__&&t.nodeType==Node.TEXT_NODE&&"textContent"==e?t.__polymerTextContent__=o:super._setUnmanagedPropertyToNode(t,e,o)}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 gr=cr(br);function yr(t){let e=t.__dataHost;return e&&e._methodHost||e}function wr(t,e){return function(t,o,i){e.call(t.__templatizeOwner,o.substring(6),i[o])}}function xr(t,e){return function(t,o,i){e.call(t.__templatizeOwner,t,o,i[o])}}function _r(t,e,o){if(Nt&&!yr(t))throw new Error("strictTemplatePolicy: template owner not trusted");if(o=o||{},t.__templatizeOwner)throw new Error("A <template> can only be templatized once");t.__templatizeOwner=e;let i=(e?e.constructor:br)._parseTemplate(t),s=i.templatizeInstanceClass;s||(s=function(t,e,o){let i=o.mutableData?gr:br;_r.mixin&&(i=_r.mixin(i));let s=class extends i{};return s.prototype.__templatizeOptions=o,s.prototype._bindTemplate(t),function(t,e,o,i){let s=o.hostProps||{};for(let e in i.instanceProps){delete s[e];let o=i.notifyInstanceProp;o&&t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:xr(0,o)})}if(i.forwardHostProp&&e.__dataHost)for(let e in s)o.hasHostProps||(o.hasHostProps=!0),t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:function(t,e,o){t.__dataHost._setPendingPropertyOrPath("_host_"+e,o[e],!0,!0)}})}(s,t,e,o),s}(t,i,o),i.templatizeInstanceClass=s);const r=yr(t);!function(t,e,o,i){let s=o.forwardHostProp;if(s&&e.hasHostProps){const r="template"==t.localName;let n=e.templatizeTemplateClass;if(!n){if(r){let t=o.mutableData?fr:mr;class i extends t{}n=e.templatizeTemplateClass=i}else{const o=t.constructor;class i extends o{}n=e.templatizeTemplateClass=i}let a=e.hostProps;for(let t in a)n.prototype._addPropertyEffect("_host_"+t,n.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:wr(0,s)}),n.prototype._createNotifyingProperty("_host_"+t);jt&&i&&function(t,e,o){const i=o.constructor._properties,{propertyEffects:s}=t,{instanceProps:r}=e;for(let t in s)if(!(i[t]||r&&r[t])){const e=s[t];for(let o=0;o<e.length;o++){const{part:i}=e[o].info;if(!i.signature||!i.signature.static){console.warn(`Property '${t}' used in template but not declared in 'properties'; attribute will not be observed.`);break}}}}(e,o,i)}if(t.__dataProto&&Object.assign(t.__data,t.__dataProto),r)!function(t,e){dr=t,Object.setPrototypeOf(t,e.prototype),new e,dr=null}(t,n),t.__dataTemp={},t.__dataPending=null,t.__dataOld=null,t._enableProperties();else{Object.setPrototypeOf(t,n.prototype);const o=e.hostProps;for(let e in o)if(e="_host_"+e,e in t){const o=t[e];delete t[e],t.__data[e]=o}}}}(t,i,o,r);let n=class extends s{};return n.prototype._methodHost=r,n.prototype.__dataHost=t,n.prototype.__templatizeOwner=e,n.prototype.__hostProps=i.hostProps,n}
|
|
3576
|
+
/**
|
|
3577
|
+
@license
|
|
3578
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3579
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3580
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3581
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3582
|
+
Code distributed by Google as part of the polymer project is also
|
|
3583
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3584
|
+
*/
|
|
3585
|
+
class kr{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,Ar.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),Ar.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,o){return t instanceof kr?t._cancelAsync():t=new kr,t.setConfig(e,o),t}}let Ar=new Set;const Cr=function(){const t=Boolean(Ar.size);return Ar.forEach((t=>{try{t.flush()}catch(t){setTimeout((()=>{throw t}))}})),t},zr=function(){let t,e;do{t=window.ShadyDOM&&ShadyDOM.flush(),window.ShadyCSS&&window.ShadyCSS.ScopingShim&&window.ShadyCSS.ScopingShim.flush(),e=Cr()}while(t||e)};
|
|
3586
|
+
/**
|
|
3587
|
+
@license
|
|
3588
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3589
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3590
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3591
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3592
|
+
Code distributed by Google as part of the polymer project is also
|
|
3593
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3594
|
+
*/
|
|
3595
|
+
let Dr=!1;
|
|
3596
|
+
/**
|
|
3597
|
+
@license
|
|
3598
|
+
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
3599
|
+
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
3600
|
+
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
3601
|
+
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
3602
|
+
Code distributed by Google as part of the polymer project is also
|
|
3603
|
+
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
3604
|
+
*/
|
|
3605
|
+
const Tr=ur(jo);class Sr extends Tr{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:!qt,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(Bt&&!Et){if(!Dr){Dr=!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=le(le(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 o={};o[this.as]=!0,o[this.indexAs]=!0,o[this.itemsIndexAs]=!0,this.__ctor=_r(e,this,{mutableData:this.mutableData,parentModel:!0,instanceProps:o,forwardHostProp:function(t,e){let o=this.__instances;for(let i,s=0;s<o.length&&(i=o[s]);s++)i.forwardHostProp(t,e)},notifyInstanceProp:function(t,e,o){if((i=this.as)===(s=e)||ue(i,s)||de(i,s)){let i=t[this.itemsIndexAs];e==this.as&&(this.items[i]=o);let s=pe(this.as,`${JSCompiler_renameProperty("items",this)}.${i}`,e);this.notifyPath(s,o)}var i,s}})}return!0}__getMethodHost(){return this.__dataHost._methodHost||this.__dataHost}__functionFromPropertyValue(t){if("string"==typeof t){let e=t,o=this.__getMethodHost();return function(){return o[e].apply(o,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 o=0;o<e.length;o++)0===t.indexOf(e[o])&&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=kr.debounce(this.__renderDebouncer,e>0?Se.after(e):Me,t.bind(this)),Ar.add(this.__renderDebouncer)}render(){this.__debounceRender(this.__render),zr()}__render(){if(!this.__ensureTemplatized())return;let t=this.items||[];const e=this.__sortAndFilterItems(t),o=this.__calculateLimit(e.length);this.__updateInstances(t,o,e),this.initialCount&&(this.__shouldMeasureChunk||this.__shouldContinueChunking)&&(cancelAnimationFrame(this.__chunkingId),this.__chunkingId=requestAnimationFrame((()=>{this.__chunkingId=null,this.__continueChunking()}))),this._setRenderedItemCount(this.__instances.length),qt&&!this.notifyDomChange||this.dispatchEvent(new CustomEvent("dom-change",{bubbles:!0,composed:!0}))}__sortAndFilterItems(t){let e=new Array(t.length);for(let o=0;o<t.length;o++)e[o]=o;return this.__filterFn&&(e=e.filter(((e,o,i)=>this.__filterFn(t[e],o,i)))),this.__sortFn&&e.sort(((e,o)=>this.__sortFn(t[e],t[o]))),e}__calculateLimit(t){let e=t;const o=this.__instances.length;if(this.initialCount){let i;!this.__chunkCount||this.__itemsArrayChanged&&!this.reuseChunkedInstances?(e=Math.min(t,this.initialCount),i=Math.max(e-o,0),this.__chunkCount=i||1):(i=Math.min(Math.max(t-o,0),this.__chunkCount),e=Math.min(o+i,t)),this.__shouldMeasureChunk=i===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,o){const i=this.__itemsIdxToInstIdx={};let s;for(s=0;s<e;s++){let e=this.__instances[s],r=o[s],n=t[r];i[r]=s,e?(e._setPendingProperty(this.as,n),e._setPendingProperty(this.indexAs,s),e._setPendingProperty(this.itemsIndexAs,r),e._flushProperties()):this.__insertInstance(n,s,r)}for(let t=this.__instances.length-1;t>=s;t--)this.__detachAndRemoveInstance(t)}__detachInstance(t){let e=this.__instances[t];const o=le(e.root);for(let t=0;t<e.children.length;t++)o.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,o){let i={};return i[this.as]=t,i[this.indexAs]=e,i[this.itemsIndexAs]=o,new this.__ctor(i)}__insertInstance(t,e,o){const i=this.__stampInstance(t,e,o);let s=this.__instances[e+1],r=s?s.children[0]:this;return le(le(this).parentNode).insertBefore(i.root,r),this.__instances[e]=i,i}_showHideChildren(t){for(let e=0;e<this.__instances.length;e++)this.__instances[e]._showHideChildren(t)}__handleItemPath(t,e){let o=t.slice(6),i=o.indexOf("."),s=i<0?o:o.substring(0,i);if(s==parseInt(s,10)){let t=i<0?"":o.substring(i+1);this.__handleObservedPaths(t);let r=this.__instances[this.__itemsIdxToInstIdx[s]];return r&&(r._setPendingPropertyOrPath(this.as+(t?"."+t:""),e,!1,!0),r._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 o;for(;e;)if(o=e.__dataHost?e:e.__templatizeInstance){if(o.__dataHost==t)return o;e=o.__dataHost}else e=le(e).parentNode;return null}(this.template,t)}}customElements.define(Sr.is,Sr);
|
|
3606
|
+
/**
|
|
3607
|
+
* @license
|
|
3608
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3609
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3610
|
+
*/
|
|
3611
|
+
const Mr=t=>class extends(ds(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=>Xs(t.date,this.focusedDate)))}ready(){super.ready(),Gi(this.$.monthGrid,"tap",this._handleTap.bind(this))}_isDisabled(t,e,o){const i=new Date(0,0);i.setFullYear(t.getFullYear()),i.setMonth(t.getMonth()),i.setDate(1);const s=new Date(0,0);return s.setFullYear(t.getFullYear()),s.setMonth(t.getMonth()+1),s.setDate(0),!(e&&o&&e.getMonth()===o.getMonth()&&e.getMonth()===t.getMonth()&&o.getDate()-e.getDate()>=0||Qs(i,e,o)||Qs(s,e,o))}_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:o,weekdaysShort:i,firstDayOfWeek:s}=t,r=this._applyFirstDayOfWeek(i,s);return this._applyFirstDayOfWeek(o,s).map(((t,e)=>({weekDay:t,weekDayShort:r[e]})))}__focusedDateChanged(t,e){Array.isArray(e)&&e.some((e=>Xs(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 Xs(new Date,t)}_getDays(t,e){if(void 0===t||void 0===e)return[];const o=new Date(0,0);for(o.setFullYear(t.getFullYear()),o.setMonth(t.getMonth()),o.setDate(1);o.getDay()!==e.firstDayOfWeek;)this._dateAdd(o,-1);const i=[],s=o.getMonth(),r=t.getMonth();for(;o.getMonth()===r||o.getMonth()===s;)i.push(o.getMonth()===r?new Date(o.getTime()):null),this._dateAdd(o,1);return i}_getWeeks(t){return t.reduce(((t,e,o)=>(o%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){const e=t.reduce(((t,e)=>!t&&e?e:t));
|
|
3612
|
+
/**
|
|
3613
|
+
* @license
|
|
3614
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3615
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3616
|
+
*/
|
|
3617
|
+
return function(t){let e=t.getDay();0===e&&(e=7);const o=4-e,i=new Date(t.getTime()+24*o*3600*1e3),s=new Date(0,0);s.setFullYear(i.getFullYear());const r=i.getTime()-s.getTime(),n=Math.round(r/864e5);return Math.floor(n/7+1)}(e)}__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}}
|
|
3618
|
+
/**
|
|
3619
|
+
* @license
|
|
3620
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3621
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3622
|
+
*/;
|
|
3623
|
+
/**
|
|
3624
|
+
* @license
|
|
3625
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3626
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3627
|
+
*/
|
|
3628
|
+
ft("vaadin-month-calendar",p`
|
|
3629
|
+
:host {
|
|
3630
|
+
display: block;
|
|
3631
|
+
}
|
|
3632
|
+
|
|
3633
|
+
#monthGrid {
|
|
3634
|
+
width: 100%;
|
|
3635
|
+
border-collapse: collapse;
|
|
3636
|
+
}
|
|
3637
|
+
|
|
3638
|
+
#days-container tr,
|
|
3639
|
+
#weekdays-container tr {
|
|
3640
|
+
display: flex;
|
|
3641
|
+
}
|
|
3642
|
+
|
|
3643
|
+
[part~='date'] {
|
|
3644
|
+
outline: none;
|
|
3645
|
+
}
|
|
3646
|
+
|
|
3647
|
+
[part~='disabled'] {
|
|
3648
|
+
pointer-events: none;
|
|
3649
|
+
}
|
|
3650
|
+
|
|
3651
|
+
[part='week-number'][hidden],
|
|
3652
|
+
[part='weekday'][hidden] {
|
|
3653
|
+
display: none;
|
|
3654
|
+
}
|
|
3655
|
+
|
|
3656
|
+
[part='weekday'],
|
|
3657
|
+
[part~='date'] {
|
|
3658
|
+
width: calc(100% / 7);
|
|
3659
|
+
padding: 0;
|
|
3660
|
+
font-weight: normal;
|
|
3661
|
+
}
|
|
3662
|
+
|
|
3663
|
+
[part='weekday']:empty,
|
|
3664
|
+
[part='week-number'] {
|
|
3665
|
+
width: 12.5%;
|
|
3666
|
+
flex-shrink: 0;
|
|
3667
|
+
padding: 0;
|
|
3668
|
+
}
|
|
3669
|
+
|
|
3670
|
+
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
3671
|
+
:host([week-numbers]) [part~='date'] {
|
|
3672
|
+
width: 12.5%;
|
|
3673
|
+
}
|
|
3674
|
+
|
|
3675
|
+
@media (forced-colors: active) {
|
|
3676
|
+
[part~='date'][part~='focused'] {
|
|
3677
|
+
outline: 1px solid;
|
|
3678
|
+
}
|
|
3679
|
+
|
|
3680
|
+
[part~='date'][part~='selected'] {
|
|
3681
|
+
outline: 3px solid;
|
|
3682
|
+
}
|
|
3683
|
+
}
|
|
3684
|
+
`,{moduleId:"vaadin-month-calendar-styles"});class Er extends(Mr(wt(jo))){static get template(){return Io`
|
|
3685
|
+
<div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n)]]</div>
|
|
3686
|
+
<table
|
|
3687
|
+
id="monthGrid"
|
|
3688
|
+
role="grid"
|
|
3689
|
+
aria-labelledby="month-header"
|
|
3690
|
+
on-touchend="_preventDefault"
|
|
3691
|
+
on-touchstart="_onMonthGridTouchStart"
|
|
3692
|
+
>
|
|
3693
|
+
<thead id="weekdays-container">
|
|
3694
|
+
<tr role="row" part="weekdays">
|
|
3695
|
+
<th part="weekday" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]"></th>
|
|
3696
|
+
<template is="dom-repeat" items="[[_getWeekDayNames(i18n, showWeekNumbers)]]">
|
|
3697
|
+
<th role="columnheader" part="weekday" scope="col" abbr$="[[item.weekDay]]" aria-hidden="true">
|
|
3698
|
+
[[item.weekDayShort]]
|
|
3699
|
+
</th>
|
|
3700
|
+
</template>
|
|
3701
|
+
</tr>
|
|
3702
|
+
</thead>
|
|
3703
|
+
<tbody id="days-container">
|
|
3704
|
+
<template is="dom-repeat" items="[[_weeks]]" as="week">
|
|
3705
|
+
<tr role="row">
|
|
3706
|
+
<td part="week-number" aria-hidden="true" hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n)]]">
|
|
3707
|
+
[[__getWeekNumber(week)]]
|
|
3708
|
+
</td>
|
|
3709
|
+
<template is="dom-repeat" items="[[week]]">
|
|
3710
|
+
<td
|
|
3711
|
+
role="gridcell"
|
|
3712
|
+
part$="[[__getDatePart(item, focusedDate, selectedDate, minDate, maxDate)]]"
|
|
3713
|
+
date="[[item]]"
|
|
3714
|
+
tabindex$="[[__getDayTabindex(item, focusedDate)]]"
|
|
3715
|
+
disabled$="[[__isDayDisabled(item, minDate, maxDate)]]"
|
|
3716
|
+
aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]"
|
|
3717
|
+
aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate)]]"
|
|
3718
|
+
aria-label$="[[__getDayAriaLabel(item)]]"
|
|
3719
|
+
>[[_getDate(item)]]</td
|
|
3720
|
+
>
|
|
3721
|
+
</template>
|
|
3722
|
+
</tr>
|
|
3723
|
+
</template>
|
|
3724
|
+
</tbody>
|
|
3725
|
+
</table>
|
|
3726
|
+
`}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,o,i,s){const r=["date"];return this.__isDayDisabled(t,i,s)&&r.push("disabled"),this.__isDayFocused(t,e)&&r.push("focused"),this.__isDaySelected(t,o)&&r.push("selected"),this._isToday(t)&&r.push("today"),r.join(" ")}__isDayFocused(t,e){return Xs(t,e)}__isDaySelected(t,e){return Xs(t,e)}__getDayAriaSelected(t,e){if(this.__isDaySelected(t,e))return"true"}__isDayDisabled(t,e,o){return!Qs(t,e,o)}__getDayAriaDisabled(t,e,o){if(void 0!==t&&void 0!==e&&void 0!==o)return this.__isDayDisabled(t,e,o)?"true":void 0}__getDayTabindex(t,e){return this.__isDayFocused(t,e)?"0":"-1"}}n(Er);
|
|
3727
|
+
/**
|
|
3728
|
+
* @license
|
|
3729
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3730
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3731
|
+
*/
|
|
3732
|
+
class Pr{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)}}
|
|
3733
|
+
/**
|
|
3734
|
+
* @license
|
|
3735
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3736
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3737
|
+
*/const Or=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(){Ki(this.$.scrollers,"pan-y"),Gi(this.$.scrollers,"track",this._track.bind(this)),Gi(this.shadowRoot.querySelector('[part="clear-button"]'),"tap",this._clear.bind(this)),Gi(this.shadowRoot.querySelector('[part="toggle-button"]'),"tap",this._cancel.bind(this)),Gi(this.shadowRoot.querySelector('[part="years-toggle-button"]'),"tap",this._toggleYearScroller.bind(this))}_initControllers(){this.addController(new Pr(this._desktopMediaQuery,(t=>{this._desktopMode=t}))),this.addController(new _i(this,"today-button","vaadin-button",{observe:!1,initializer:t=>{t.setAttribute("theme","tertiary"),t.addEventListener("keydown",(t=>this.__onTodayButtonKeyDown(t))),Gi(t,"tap",this._onTodayTap.bind(this)),this._todayButton=t}})),this.addController(new _i(this,"cancel-button","vaadin-button",{observe:!1,initializer:t=>{t.setAttribute("theme","tertiary"),t.addEventListener("keydown",(t=>this.__onCancelButtonKeyDown(t))),Gi(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 o=this.__useSubMonthScrolling?this._calculateWeekScrollOffset(t):0;this._scrollToPosition(this._differenceInMonths(t,this._originDate)+o,e),this._monthScroller.forceUpdate()}__initMonthScroller(){this.addController(new _i(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 _i(this,"years","vaadin-date-picker-year-scroller",{observe:!1,initializer:t=>{t.setAttribute("aria-hidden","true"),Gi(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,o,i){t&&(t.textContent=e&&e.today,t.disabled=!this._isTodayAllowed(o,i))}__updateCalendars(t,e,o,i,s,r,n,a,l){t&&t.length&&t.forEach((t=>{t.i18n=e,t.minDate=o,t.maxDate=i,t.focusedDate=r,t.selectedDate=s,t.showWeekNumbers=n,t.ignoreTaps=a,l?t.setAttribute("theme",l):t.removeAttribute("theme")}))}__updateYears(t,e,o){t&&t.length&&t.forEach((t=>{t.selectedDate=e,o?t.setAttribute("theme",o):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 o=this._differenceInMonths(t,this._originDate);if(this.__useSubMonthScrolling){const i=this._calculateWeekScrollOffset(t);return void this._scrollToPosition(o+i,e)}const i=this._monthScroller.position>o,s=Math.max(this._monthScroller.itemHeight,this._monthScroller.clientHeight-2*this._monthScroller.bufferOffset)/this._monthScroller.itemHeight,r=this._monthScroller.position+s-1<o;i?this._scrollToPosition(o,e):r&&this._scrollToPosition(o-s+1,e)}_calculateWeekScrollOffset(t){const e=new Date(0,0);e.setFullYear(t.getFullYear()),e.setMonth(t.getMonth()),e.setDate(1);let o=0;for(;e.getDate()<t.getDate();)e.setDate(e.getDate()+1),e.getDay()===this.i18n.firstDayOfWeek&&(o+=1);return o/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=di.debounce(this._debouncer,li.after(300),(()=>{this._ignoreTaps=!1}))}_formatDisplayed(t,e,o){return t&&e&&"function"==typeof e.formatDate?e.formatDate(er(t)):o}_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 o;this._targetPosition=t,this._revealPromise=new Promise((t=>{o=t}));let i=0;const s=this._monthScroller.position,r=t=>{i||(i=t);const e=t-i;if(e<this.scrollDuration){const t=((t,e,o)=>(t/=this.scrollDuration/2)<1?o/2*t*t+e:-o/2*((t-=1)*(t-2)-1)+e)(e,s,this._targetPosition-s);this._monthScroller.position=t,window.requestAnimationFrame(r)}else this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:!0,composed:!0,detail:{position:this._targetPosition,oldPosition:s}})),this._monthScroller.position=this._targetPosition,this._targetPosition=void 0,o(),this._revealPromise=void 0;setTimeout(this._repositionYearScroller.bind(this),1)};window.requestAnimationFrame(r)}_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 or(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){Xs(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&&Xs(t.date,this.__pendingDateFocus)&&(delete this.__pendingDateFocus,t.focus())}}async focusDate(t,e){const o=t||this.selectedDate||this.initialPosition||new Date;this.focusedDate=o,e||(this._focusedMonthDate=o.getDate()),await this.focusDateElement(!1)}async focusDateElement(t=!0){this.__pendingDateFocus=this.focusedDate,this.calendars.length||await new Promise((t=>{Cs(this,(()=>{zr(),t()}))})),t&&this.revealDate(this.focusedDate),this._revealPromise&&await this._revealPromise,this.__tryFocusDate()}_focusClosestDate(t){this.focusDate(tr(t,[this.minDate,this.maxDate]))}_focusAllowedDate(t,e,o){this._dateAllowed(t)?this.focusDate(t,o):this._dateAllowed(this.focusedDate)?this.focusDate(e>0?this.maxDate:this.minDate):this._focusClosestDate(this.focusedDate)}_getDateDiff(t,e){const o=new Date(0,0);return o.setFullYear(this.focusedDate.getFullYear()),o.setMonth(this.focusedDate.getMonth()+t),e&&o.setDate(this.focusedDate.getDate()+e),o}_moveFocusByDays(t){const e=this._getDateDiff(0,t);this._focusAllowedDate(e,t,!1)}_moveFocusByMonths(t){const e=this._getDateDiff(t),o=e.getMonth();this._focusedMonthDate||(this._focusedMonthDate=this.focusedDate.getDate()),e.setDate(this._focusedMonthDate),e.getMonth()!==o&&e.setDate(0),this._focusAllowedDate(e,t,!0)}_moveFocusInsideMonth(t,e){const o=new Date(0,0);o.setFullYear(t.getFullYear()),"minDate"===e?(o.setMonth(t.getMonth()),o.setDate(1)):(o.setMonth(t.getMonth()+1),o.setDate(0)),this._dateAllowed(o)?this.focusDate(o):this._dateAllowed(t)?this.focusDate(this[e]):this._focusClosestDate(t)}_dateAllowed(t,e=this.minDate,o=this.maxDate){return(!e||t>=e)&&(!o||t<=o)}_isTodayAllowed(t,e){const o=new Date,i=new Date(0,0);return i.setFullYear(o.getFullYear()),i.setMonth(o.getMonth()),i.setDate(o.getDate()),this._dateAllowed(i,t,e)}}
|
|
3738
|
+
/**
|
|
3739
|
+
* @license
|
|
3740
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3741
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3742
|
+
*/;
|
|
3743
|
+
/**
|
|
3744
|
+
* @license
|
|
3745
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3746
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3747
|
+
*/
|
|
3748
|
+
ft("vaadin-date-picker-overlay-content",p`
|
|
3749
|
+
:host {
|
|
3750
|
+
display: flex;
|
|
3751
|
+
flex-direction: column;
|
|
3752
|
+
height: 100%;
|
|
3753
|
+
width: 100%;
|
|
3754
|
+
outline: none;
|
|
3755
|
+
}
|
|
3756
|
+
|
|
3757
|
+
[part='overlay-header'] {
|
|
3758
|
+
display: flex;
|
|
3759
|
+
flex-shrink: 0;
|
|
3760
|
+
flex-wrap: nowrap;
|
|
3761
|
+
align-items: center;
|
|
3762
|
+
}
|
|
3763
|
+
|
|
3764
|
+
:host(:not([fullscreen])) [part='overlay-header'] {
|
|
3765
|
+
display: none;
|
|
3766
|
+
}
|
|
3767
|
+
|
|
3768
|
+
[part='label'] {
|
|
3769
|
+
flex-grow: 1;
|
|
3770
|
+
}
|
|
3771
|
+
|
|
3772
|
+
[hidden] {
|
|
3773
|
+
display: none !important;
|
|
3774
|
+
}
|
|
3775
|
+
|
|
3776
|
+
[part='years-toggle-button'] {
|
|
3777
|
+
display: flex;
|
|
3778
|
+
}
|
|
3779
|
+
|
|
3780
|
+
#scrollers {
|
|
3781
|
+
display: flex;
|
|
3782
|
+
height: 100%;
|
|
3783
|
+
width: 100%;
|
|
3784
|
+
position: relative;
|
|
3785
|
+
overflow: hidden;
|
|
3786
|
+
}
|
|
3787
|
+
|
|
3788
|
+
:host([desktop]) ::slotted([slot='months']) {
|
|
3789
|
+
right: 50px;
|
|
3790
|
+
transform: none !important;
|
|
3791
|
+
}
|
|
3792
|
+
|
|
3793
|
+
:host([desktop]) ::slotted([slot='years']) {
|
|
3794
|
+
transform: none !important;
|
|
3795
|
+
}
|
|
3796
|
+
|
|
3797
|
+
:host(.animate) ::slotted([slot='months']),
|
|
3798
|
+
:host(.animate) ::slotted([slot='years']) {
|
|
3799
|
+
transition: all 200ms;
|
|
3800
|
+
}
|
|
3801
|
+
|
|
3802
|
+
[part='toolbar'] {
|
|
3803
|
+
display: flex;
|
|
3804
|
+
justify-content: space-between;
|
|
3805
|
+
z-index: 2;
|
|
3806
|
+
flex-shrink: 0;
|
|
3807
|
+
}
|
|
3808
|
+
`,{moduleId:"vaadin-date-picker-overlay-content-styles"});class Fr extends(Or(Qo(wt(Lo(jo))))){static get template(){return Io`
|
|
3809
|
+
<div part="overlay-header" on-touchend="_preventDefault" aria-hidden="true">
|
|
3810
|
+
<div part="label">[[_formatDisplayed(selectedDate, i18n, label)]]</div>
|
|
3811
|
+
<div part="clear-button" hidden$="[[!selectedDate]]"></div>
|
|
3812
|
+
<div part="toggle-button"></div>
|
|
3813
|
+
|
|
3814
|
+
<div part="years-toggle-button" hidden$="[[_desktopMode]]" aria-hidden="true">
|
|
3815
|
+
[[_yearAfterXMonths(_visibleMonthIndex)]]
|
|
3816
|
+
</div>
|
|
3817
|
+
</div>
|
|
3818
|
+
|
|
3819
|
+
<div id="scrollers">
|
|
3820
|
+
<slot name="months"></slot>
|
|
3821
|
+
<slot name="years"></slot>
|
|
3822
|
+
</div>
|
|
3823
|
+
|
|
3824
|
+
<div on-touchend="_preventDefault" role="toolbar" part="toolbar">
|
|
3825
|
+
<slot name="today-button"></slot>
|
|
3826
|
+
<slot name="cancel-button"></slot>
|
|
3827
|
+
</div>
|
|
3828
|
+
`}static get is(){return"vaadin-date-picker-overlay-content"}ready(){super.ready(),this.setAttribute("role","dialog"),this._addListeners(),this._initControllers()}}n(Fr);
|
|
3829
|
+
/**
|
|
3830
|
+
* @license
|
|
3831
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3832
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3833
|
+
*/
|
|
3834
|
+
const Nr=Vt((t=>class extends(ds(ps(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)}})),Ir=new WeakMap,Br=Vt((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return Ir.has(t)||Ir.set(t,new Set),Ir.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}})),jr=Vt((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}})),Wr=t=>class extends(jr(ss(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(),Es||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}))}}
|
|
3835
|
+
/**
|
|
3836
|
+
* @license
|
|
3837
|
+
* Copyright (c) 2023 Vaadin Ltd.
|
|
3838
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3839
|
+
*/,Rr=new Map;
|
|
3840
|
+
/**
|
|
3841
|
+
* @license
|
|
3842
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3843
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3844
|
+
*/function Ur(t){return Rr.has(t)||Rr.set(t,new WeakMap),Rr.get(t)}function Lr(t,e){t&&t.removeAttribute(e)}function Hr(t,e){if(!t||!e)return;const o=Ur(e);if(o.has(t))return;const i=vi(t.getAttribute(e));o.set(t,new Set(i))}function qr(t,e,o={newId:null,oldId:null,fromUser:!1}){if(!t||!e)return;const{newId:i,oldId:s,fromUser:r}=o,n=Ur(e),a=n.get(t);if(!r&&a)return s&&a.delete(s),void(i&&a.add(i));r&&(a?i||n.delete(t):Hr(t,e),Lr(t,e)),function(t,e,o){const i=vi(t.getAttribute(e));i.delete(o),0!==i.size?t.setAttribute(e,bi(i)):t.removeAttribute(e)}(t,e,s);const l=i||bi(a);l&&gi(t,e,l)}
|
|
3845
|
+
/**
|
|
3846
|
+
* @license
|
|
3847
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3848
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3849
|
+
*/
|
|
3850
|
+
class $r{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?(Hr(e=this.__target,"aria-labelledby"),Lr(e,"aria-labelledby"),this.__target.setAttribute("aria-label",t)):this.__label&&(function(t,e){if(!t)return;const o=Ur(e),i=o.get(t);i&&0!==i.size?gi(t,e,bi(i)):t.removeAttribute(e),o.delete(t)}(this.__target,"aria-labelledby"),this.__target.removeAttribute("aria-label")))}__setLabelIdToAriaAttribute(t,e,o){qr(this.__target,"aria-labelledby",{newId:t,oldId:e,fromUser:o})}__setErrorIdToAriaAttribute(t,e){qr(this.__target,"aria-describedby",{newId:t,oldId:e,fromUser:!1})}__setHelperIdToAriaAttribute(t,e){qr(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")))}}
|
|
3851
|
+
/**
|
|
3852
|
+
* @license
|
|
3853
|
+
* Copyright (c) 2022 - 2023 Vaadin Ltd.
|
|
3854
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3855
|
+
*/class Yr extends _i{constructor(t,e,o,i={}){super(t,e,o,{...i,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,o=e===this.node;"attributes"===t.type?o&&this.__updateNodeId(e):(o||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)}}
|
|
3856
|
+
/**
|
|
3857
|
+
* @license
|
|
3858
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3859
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3860
|
+
*/class Vr extends Yr{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:o}=this,i=Boolean(o&&e&&""!==e.trim());t&&(t.textContent=i?e:"",t.hidden=!i,i?t.setAttribute("role","alert"):t.removeAttribute("role")),super.updateDefaultNode(t)}}
|
|
3861
|
+
/**
|
|
3862
|
+
* @license
|
|
3863
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3864
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3865
|
+
*/class Gr extends Yr{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)}}
|
|
3866
|
+
/**
|
|
3867
|
+
* @license
|
|
3868
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3869
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3870
|
+
*/class Jr extends Yr{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)}}
|
|
3871
|
+
/**
|
|
3872
|
+
* @license
|
|
3873
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3874
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3875
|
+
*/const Kr=Vt((t=>class extends(Qo(t)){static get properties(){return{label:{type:String,observer:"_labelChanged"}}}constructor(){super(),this._labelController=new Jr(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)}})),Zr=Vt((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}})),Xr=t=>class extends(Zr(Kr(Qo(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 $r(this),this._helperController=new Gr(this),this._errorController=new Vr(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:o}=t.detail;this.__labelChanged(e,o)})),this._helperController.addEventListener("slot-content-changed",(t=>{const{hasContent:e,node:o}=t.detail;this.toggleAttribute("has-helper",e),this.__helperChanged(e,o)}))}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)}))}}
|
|
3876
|
+
/**
|
|
3877
|
+
* @license
|
|
3878
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3879
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3880
|
+
*/,Qr=Vt((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,o)=>{this._delegateAttribute(e,t[o])}))}_delegatePropsChanged(...t){this.constructor.delegateProps.forEach(((e,o)=>{this._delegateProperty(e,t[o])}))}_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)}})),tn=Vt((t=>class extends(Qr(Zr(jr(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 o=this._hasValidConstraints(e),i=this.__previousHasConstraints&&!o;(this._hasValue||this.invalid)&&o?this.validate():i&&this._setInvalid(!1),this.__previousHasConstraints=o}_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}})),en=t=>class extends(Br(Nr(tn(Xr(Wr(ss(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=di.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)}}}
|
|
3881
|
+
/**
|
|
3882
|
+
* @license
|
|
3883
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3884
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3885
|
+
*/;
|
|
3886
|
+
/**
|
|
3887
|
+
* @license
|
|
3888
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3889
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3890
|
+
*/class on extends _i{constructor(t,e){super(t,"input","input",{initializer:(t,o)=>{o.value&&(t.value=o.value),o.type&&t.setAttribute("type",o.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}
|
|
3891
|
+
/**
|
|
3892
|
+
* @license
|
|
3893
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3894
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3895
|
+
*/class sn{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)}}
|
|
3896
|
+
/**
|
|
3897
|
+
* @license
|
|
3898
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3899
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3900
|
+
*/const rn=[p`
|
|
3901
|
+
:host {
|
|
3902
|
+
display: inline-flex;
|
|
3903
|
+
outline: none;
|
|
3904
|
+
}
|
|
3905
|
+
|
|
3906
|
+
:host::before {
|
|
3907
|
+
content: '\\2003';
|
|
3908
|
+
width: 0;
|
|
3909
|
+
display: inline-block;
|
|
3910
|
+
/* Size and position this element on the same vertical position as the input-field element
|
|
3911
|
+
to make vertical align for the host element work as expected */
|
|
3912
|
+
}
|
|
3913
|
+
|
|
3914
|
+
:host([hidden]) {
|
|
3915
|
+
display: none !important;
|
|
3916
|
+
}
|
|
3917
|
+
|
|
3918
|
+
:host(:not([has-label])) [part='label'] {
|
|
3919
|
+
display: none;
|
|
3920
|
+
}
|
|
3921
|
+
|
|
3922
|
+
@media (forced-colors: active) {
|
|
3923
|
+
:host(:not([readonly])) [part='input-field'] {
|
|
3924
|
+
outline: 1px solid;
|
|
3925
|
+
outline-offset: -1px;
|
|
3926
|
+
}
|
|
3927
|
+
:host([focused]) [part='input-field'] {
|
|
3928
|
+
outline-width: 2px;
|
|
3929
|
+
}
|
|
3930
|
+
:host([disabled]) [part='input-field'] {
|
|
3931
|
+
outline-color: GrayText;
|
|
3932
|
+
}
|
|
3933
|
+
}
|
|
3934
|
+
`
|
|
3935
|
+
/**
|
|
3936
|
+
* @license
|
|
3937
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3938
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3939
|
+
*/,p`
|
|
3940
|
+
[class$='container'] {
|
|
3941
|
+
display: flex;
|
|
3942
|
+
flex-direction: column;
|
|
3943
|
+
min-width: 100%;
|
|
3944
|
+
max-width: 100%;
|
|
3945
|
+
width: var(--vaadin-field-default-width, 12em);
|
|
3946
|
+
}
|
|
3947
|
+
`
|
|
3948
|
+
/**
|
|
3949
|
+
* @license
|
|
3950
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3951
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3952
|
+
*/,p`
|
|
3953
|
+
[part='clear-button'] {
|
|
3954
|
+
display: none;
|
|
3955
|
+
cursor: default;
|
|
3956
|
+
}
|
|
3957
|
+
|
|
3958
|
+
[part='clear-button']::before {
|
|
3959
|
+
content: '\\2715';
|
|
3960
|
+
}
|
|
3961
|
+
|
|
3962
|
+
:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
|
|
3963
|
+
display: block;
|
|
3964
|
+
}
|
|
3965
|
+
`
|
|
3966
|
+
/**
|
|
3967
|
+
* @license
|
|
3968
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
|
3969
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3970
|
+
*/],nn=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:o}=e;if(this.__initialClasses||(this.__initialClasses=new Set(o)),Array.isArray(this.__previousClasses)){const t=this.__previousClasses.filter((t=>!this.__initialClasses.has(t)));t.length>0&&o.remove(...t)}const i="string"==typeof t?t.split(" "):[];i.length>0&&o.add(...i),this.__previousClasses=i}}
|
|
3971
|
+
/**
|
|
3972
|
+
* @license
|
|
3973
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd.
|
|
3974
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3975
|
+
*/;class an{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")}}
|
|
3976
|
+
/**
|
|
3977
|
+
* @license
|
|
3978
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3979
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3980
|
+
*/const ln=t=>class extends(nn(Qo(Nr(tn(ss(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("/"),o=new Date;let i,s=o.getMonth(),r=o.getFullYear();if(3===e.length?(s=parseInt(e[0])-1,i=parseInt(e[1]),r=parseInt(e[2]),e[2].length<3&&r>=0&&(r=function(t,e,o=0,i=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 s=e+100*Math.floor(t.getFullYear()/100);return t<new Date(s-50,o,i)?s-=100:t>new Date(s+50,o,i)&&(s+=100),s}(this.referenceDate?ir(this.referenceDate):new Date,r,s,i))):2===e.length?(s=parseInt(e[0])-1,i=parseInt(e[1])):1===e.length&&(i=parseInt(e[0])),void 0!==i)return{day:i,month:s,year:r}},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:Ms},_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 Pr(this._fullscreenMediaQuery,(t=>{this._fullscreen=t}))),this.addController(new an(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=ir(`${e.year}-${e.month+1}-${e.day}`)),e&&!isNaN(e.getTime())?e:void 0}__formatDate(t){if(this.i18n.formatDate)return this.i18n.formatDate(er(t))}checkValidity(){const t=this._inputElementValue,e=!t||!!this._selectedDate&&t===this.__formatDate(this._selectedDate),o=!this._selectedDate||Qs(this._selectedDate,this._minDate,this._maxDate);let i=!0;return this.inputElement&&(this.inputElement.checkValidity?i=this.inputElement.checkValidity():this.inputElement.validate&&(i=this.inputElement.validate())),e&&o&&i}_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,o,i,s,r){return!t||e&&(!r||s)||o&&s||!i.parseDate}_formatISO(t){if(!(t instanceof Date))return"";const e=(t,e="00")=>(e+t).substr((e+t).length-e.length);let o="",i="0000",s=t.getFullYear();return s<0?(s=-s,o="-",i="000000"):t.getFullYear()>=1e4&&(o="+",i="000000"),[o+e(s,i),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 o=ir(t);!t||o?(t?Xs(this._selectedDate,o)||(this._selectedDate=o,void 0!==e&&this.validate()):this._selectedDate=null,this._toggleHasValue(this._hasValue)):this.value=e}__updateOverlayContent(t,e,o,i,s,r,n,a){t&&(t.i18n=e,t.label=o,t.minDate=i,t.maxDate=s,t.focusedDate=r,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 o=t.focusedDate||e;t.scrollToDate(o),this._ignoreFocusedDateChange=!0,t.focusedDate=o,this._ignoreFocusedDateChange=!1,window.addEventListener("scroll",this._boundOnScroll,!0),this._focusOverlayOnOpen?(t.focusDateElement(),this._focusOverlayOnOpen=!1):this._focus();const i=this._nativeInput;this._noInput&&i&&(i.blur(),this._overlayContent.focusDateElement()),this.__showOthers=js(this._noInput?t:[i,t])}_getInitialPosition(){const t=ir(this.initialPosition),e=this._selectedDate||this._overlayContent.initialPosition||t||new Date;return t||Qs(e,this._minDate,this._maxDate)?e:tr(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,Xs(t,this._focusedDate)||(this._focusedDate=t),this._ignoreFocusedDateChange=!1)}}__computeMinOrMaxDate(t){return ir(t)}}
|
|
3981
|
+
/**
|
|
3982
|
+
* @license
|
|
3983
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3984
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3985
|
+
*/;
|
|
3986
|
+
/**
|
|
3987
|
+
* @license
|
|
3988
|
+
* Copyright (c) 2016 - 2023 Vaadin Ltd.
|
|
3989
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3990
|
+
*/
|
|
3991
|
+
ft("vaadin-date-picker",[rn,p`
|
|
3992
|
+
:host([opened]) {
|
|
3993
|
+
pointer-events: auto;
|
|
3994
|
+
}
|
|
3995
|
+
|
|
3996
|
+
:host([dir='rtl']) [part='input-field'] {
|
|
3997
|
+
direction: ltr;
|
|
3998
|
+
}
|
|
3999
|
+
|
|
4000
|
+
:host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
|
|
4001
|
+
direction: rtl;
|
|
4002
|
+
text-align: left;
|
|
4003
|
+
}
|
|
4004
|
+
`],{moduleId:"vaadin-date-picker-styles"});class hn extends(ln(en(wt(fi(jo))))){static get is(){return"vaadin-date-picker"}static get template(){return Io`
|
|
4005
|
+
<div class="vaadin-date-picker-container">
|
|
4006
|
+
<div part="label">
|
|
4007
|
+
<slot name="label"></slot>
|
|
4008
|
+
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
4009
|
+
</div>
|
|
4010
|
+
|
|
4011
|
+
<vaadin-input-container
|
|
4012
|
+
part="input-field"
|
|
4013
|
+
readonly="[[readonly]]"
|
|
4014
|
+
disabled="[[disabled]]"
|
|
4015
|
+
invalid="[[invalid]]"
|
|
4016
|
+
theme$="[[_theme]]"
|
|
4017
|
+
>
|
|
4018
|
+
<slot name="prefix" slot="prefix"></slot>
|
|
4019
|
+
<slot name="input"></slot>
|
|
4020
|
+
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
4021
|
+
<div part="toggle-button" slot="suffix" aria-hidden="true" on-click="_toggle"></div>
|
|
4022
|
+
</vaadin-input-container>
|
|
4023
|
+
|
|
4024
|
+
<div part="helper-text">
|
|
4025
|
+
<slot name="helper"></slot>
|
|
4026
|
+
</div>
|
|
4027
|
+
|
|
4028
|
+
<div part="error-message">
|
|
4029
|
+
<slot name="error-message"></slot>
|
|
4030
|
+
</div>
|
|
4031
|
+
</div>
|
|
4032
|
+
|
|
4033
|
+
<vaadin-date-picker-overlay
|
|
4034
|
+
id="overlay"
|
|
4035
|
+
fullscreen$="[[_fullscreen]]"
|
|
4036
|
+
theme$="[[_theme]]"
|
|
4037
|
+
opened="{{opened}}"
|
|
4038
|
+
on-vaadin-overlay-escape-press="_onOverlayEscapePress"
|
|
4039
|
+
on-vaadin-overlay-open="_onOverlayOpened"
|
|
4040
|
+
on-vaadin-overlay-closing="_onOverlayClosed"
|
|
4041
|
+
restore-focus-on-close
|
|
4042
|
+
restore-focus-node="[[inputElement]]"
|
|
4043
|
+
></vaadin-date-picker-overlay>
|
|
4044
|
+
|
|
4045
|
+
<slot name="tooltip"></slot>
|
|
4046
|
+
`}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new on(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new sn(this.inputElement,this._labelController)),this._tooltipController=new ki(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}}n(hn);const cn=class{constructor(o){t(this,o),this.filterDraw=e(this,"filterDraw",7),this.filterSelection=e(this,"filterSelection",7),this.filterSelectionReset=e(this,"filterSelectionReset",7),this.handleTicketDrawId=t=>{this.filterData.ticketDrawId=t.target.value},this.handleFilterFrom=t=>{let e=t.target.value.split("-");this.filterData.filterFromCalendar=new Date(Number(e[0]),Number(e[1])-1,Number(e[2]),0,0,0).toISOString()},this.handleFilterTo=t=>{let e=t.target.value.split("-");this.filterData.filterToCalendar=new Date(Number(e[0]),Number(e[1])-1,Number(e[2]),23,59,59).toISOString()},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(t)}),1)},this.showFilterId=!0,this.activateTicketSearch=!1,this.gameId="",this.playerId="",this.session="",this.postMessage=!1,this.language="en",this.quickFiltersActive=!1,this.clientStyling="",this.clientStylingUrlContent="",this.translationUrl=void 0,this.showFilterModal=!1,this.showClearButton=!1,this.filterData={},this.filterDataReset={ticketDrawId:"",filterFromCalendar:"",filterToCalendar:""},this.limitStylingAppends=!1}componentWillLoad(){var t;this.translationUrl&&(t=JSON.parse(this.translationUrl),Object.keys(t).forEach((e=>{for(let o in t[e])s[e][o]=t[e][o]})))}componentDidRender(){document.getElementById("#FilterById")&&(document.getElementById("#FilterById").value=""),!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}filterSelectionHandler(t){this.postMessage&&window.postMessage({type:"filterSelection",event:t},window.location.href),(this.filterData.ticketDrawId||this.filterData.filterFromCalendar||this.filterData.filterToCalendar)&&this.filterSelection.emit(t)}filterSelectionResetHandler(t){this.postMessage&&window.postMessage({type:"filterSelectionReset",event:t},window.location.href),this.filterSelectionReset.emit(t)}modalCloseEvent(){this.showFilterModal=!1}toggleFilterModal(){this.showFilterModal=!0}filterSearch(){this.modalCloseEvent(),this.showClearButton=!0,this.filterSelectionHandler(this.filterData)}resetSearch(){this.showClearButton=!1,this.filterSelectionResetHandler(this.filterDataReset),this.filterData={}}render(){return o("div",{key:"92b6e88d833f8fdc12d833636e80aff214a8eb9d",class:"HelperFilters",ref:t=>this.stylingContainer=t},o("div",{key:"fed2cf119553fc6d2b9ecaaf83e3c68ef040fd46",class:"FilterButtonsWrapper"},o("button",{key:"2ef40face6ef68541041994f263094d155aca23e",class:"FilterOpen",onClick:()=>this.toggleFilterModal()},r("filterOpen",this.language)),this.showClearButton||this.quickFiltersActive?o("button",{class:"FilterClear",onClick:()=>this.resetSearch()},r("filterClear",this.language)):null),o("helper-modal",{key:"7b6a634f3f1f4497d6d39aebcb8249d153e5c277","title-modal":"Filter Modal",visible:this.showFilterModal,"client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent},o("div",{key:"37c5aaabc27e32d24de1e3a50c8140c3674e07d5",class:"FilterModalHeader"},o("h3",{key:"50b10b90dffdff3edd5933278d3ab000ecc2a93a",class:"FilterModalTitle"},r(this.activateTicketSearch?"filterModalTicketTitle":"filterModalDrawTitle",this.language))),o("div",{key:"bf843f5003fe32555a949474b1fa7b966000cb83",class:"FilterModalBody"},this.showFilterId&&o("div",{key:"bd763dc296c986f1d3a2c04e30f2c4c8f02c9b7e"},o("input",{key:"d393e06b61d5f14e3a28330c15c3fb01257c8472",id:"FilterById",type:"text",value:this.filterData.ticketDrawId,onInput:this.handleTicketDrawId,class:"FilterModalSearch",placeholder:r(this.activateTicketSearch?"filterTicketPlaceholder":"filterDrawPlaceholder",this.language)}),o("p",{key:"f8a8afe9594f8f0cad7bf0654f23348341f08a3d"},r("filterOrDate",this.language))),o("div",{key:"a6b8fc4a3c424a1d56236c168e0298de3511cba5",class:"FilterCalendarWrapper"},o("vaadin-date-picker",{key:"06c32fbf0073a7097ec6a8c24b200868a0c525cb",value:this.filterData.filterFromCalendar,onChange:this.handleFilterFrom,placeholder:r("filterFromCalendar",this.language),class:"VaadinDatePicker"}),o("vaadin-date-picker",{key:"a4d4212b6107ce9cf572f40a4713d9d038c8b395",value:this.filterData.filterToCalendar,onChange:this.handleFilterTo,placeholder:r("filterToCalendar",this.language),class:"VaadinDatePicker"}))),o("div",{key:"7dec7662f1b093b6c443d0c194eb614aa608a342",class:"FilterModalFooter"},o("button",{key:"336d6f0a0fb88bff6c44f593a754afbc43cd1e03",class:"FilterModalButton",onClick:()=>this.filterSearch()},r("filterModalButton",this.language)))))}};cn.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;border:1px solid var(--emw--button-border-color, #00958f);background:var(--emw--button-background-color, #00958f);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:var(--emw--button-background-color, #00958f);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 15px;width:max-content;border:1px solid var(--emw--button-border-color, #00958f);background:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));color:var(--emw--button-text-color, #000);font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:var(--emw--button-background-color, #00958f);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:var(--emw--color-typography, #009993);text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:var(--emw--button-border-radius, 4px);background:var(--emw--color-gray-transparency-60, #e8ebef);color:var(--emw--color-secondary-variant, #263445);width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:var(--emw--color-typography, #009993)}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:var(--emw--button-border-radius, 4px);padding:8px 60px;width:max-content;margin:5px;border:1px solid var(--emw--button-border-color, #00958f);background:var(--emw--button-background-color, #00958f);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:var(--emw--button-background-color, #00958f);color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255))}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}';const un=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),dn=class{constructor(o){t(this,o),this.cancel=e(this,"modalCloseEvent",7),this.userAgent=window.navigator.userAgent,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(t)}),1)},this.titleModal=void 0,this.visible=!0,this.clientStyling="",this.clientStylingUrlContent="",this.limitStylingAppends=!1}handleHelperModalClose(){this.visible=!1,this.cancel.emit()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return this.visible&&o("div",{key:"ba2aed789565b37bfdbb34bdf3ccace827231653",class:this.visible?"HelperModalWrapper HelperModalVisible":"HelperModalWrapper",ref:t=>this.stylingContainer=t},o("div",{key:"151ca4cd80d259ac955b92b10bf6f0df2698a937",class:"HelperModalWrapper HelperModalVisible"},o("div",{key:"804cb1dea73321c4935e4a8ddb1136e98e89a070",class:"HelperModalContent"+(un(this.userAgent)?" HelperModalMobileContent":"")},o("span",{key:"30cf7928c1e4baa53f3514fc1930823db76c874c",class:"HelperModalClose"+(un(this.userAgent)?" HelperModalMobileClose":""),onClick:this.handleHelperModalClose.bind(this)},"X"),o("slot",{key:"5c1323a98cdcd09669020a00affe5673856e807e"}))))}};dn.style=":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px var(--emw--color-gray-transparency-40, #848e97);box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:var(--emw--color-gray-transparency-100, rgb(255, 255, 255));top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:var(--emw--button-text-color, #000)}";export{cn as helper_filters,dn as helper_modal}
|