@everymatrix/helper-filters 1.22.2 → 1.22.9
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_2.cjs.entry.js +9992 -9566
- package/dist/components/helper-filters.js +9994 -9568
- package/dist/esm/helper-filters_2.entry.js +9992 -9566
- package/dist/helper-filters/helper-filters.esm.js +1 -1
- package/dist/helper-filters/p-391cd938.entry.js +2800 -0
- package/package.json +2 -3
- package/dist/helper-filters/p-ccfba28d.entry.js +0 -2825
|
@@ -1,2825 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i}from"./p-6a46b66a.js";const s=["ro","en"],o={en:{filterOpen:"Filter",filterClear:"Clear",filterModalTicketTitle:"Ticket Results",filterModalDrawTitle:"Draws Results History",filterTicketPlaceholder:"Search for a ticket ID",filterDrawPlaceholder:"Search for a draw ID",filterDateRangePlaceholder:"Date Range",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",filterDateRangePlaceholder:"Perioada",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",filterDateRangePlaceholder:"Date Range",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",filterDateRangePlaceholder:"Date Range",filterModalButton:"Search",filterFromCalendar:"From",filterToCalendar:"To",filterOrDate:"or search by date"}},r=(t,e)=>{const i=e;return o[void 0!==i&&s.includes(i)?i:"en"][t]};
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
5
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
6
|
-
*/
|
|
7
|
-
class n extends HTMLElement{static get version(){return"23.3.27"}}customElements.define("vaadin-lumo-styles",n);
|
|
8
|
-
/**
|
|
9
|
-
* @license
|
|
10
|
-
* Copyright 2019 Google LLC
|
|
11
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/
|
|
13
|
-
const a=window,l=a.ShadowRoot&&(void 0===a.ShadyCSS||a.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,h=Symbol(),c=new WeakMap;class d{constructor(t,e,i){if(this._$cssResult$=!0,i!==h)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(l&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=c.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&c.set(e,t))}return t}toString(){return this.cssText}}const u=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,s)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[s+1]),t[0]);return new d(i,t,h)},p=l?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new d("string"==typeof t?t:t+"",void 0,h))(e)})(t):t
|
|
14
|
-
/**
|
|
15
|
-
* @license
|
|
16
|
-
* Copyright 2017 Google LLC
|
|
17
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
|
-
*/;var m;const f=window,v=f.trustedTypes,b=v?v.emptyScript:"",g=f.reactiveElementPolyfillSupport,y={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},w=(t,e)=>e!==t&&(e==e||t==t),_={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:w},x="finalized";class k extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),(null!==(e=this.h)&&void 0!==e?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const s=this._$Ep(i,e);void 0!==s&&(this._$Ev.set(s,i),t.push(s))})),t}static createProperty(t,e=_){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,s=this.getPropertyDescriptor(t,i,e);void 0!==s&&Object.defineProperty(this.prototype,t,s)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(s){const o=this[t];this[e]=s,this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||_}static finalize(){if(this.hasOwnProperty(x))return!1;this[x]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(p(t))}else void 0!==t&&e.push(p(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{l?t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):e.forEach((e=>{const i=document.createElement("style"),s=a.litNonce;void 0!==s&&i.setAttribute("nonce",s),i.textContent=e.cssText,t.appendChild(i)}))})(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=_){var s;const o=this.constructor._$Ep(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==(null===(s=i.converter)||void 0===s?void 0:s.toAttribute)?i.converter:y).toAttribute(e,i.type);this._$El=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$El=null}}_$AK(t,e){var i;const s=this.constructor,o=s._$Ev.get(t);if(void 0!==o&&this._$El!==o){const t=s.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(i=t.converter)||void 0===i?void 0:i.fromAttribute)?t.converter:y;this._$El=o,this[o]=r.fromAttribute(e,t.type),this._$El=null}}requestUpdate(t,e,i){let s=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||w)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):s=!1),!this.isUpdatePending&&s&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
|
|
19
|
-
/**
|
|
20
|
-
* @license
|
|
21
|
-
* Copyright 2017 Google LLC
|
|
22
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/
|
|
24
|
-
var A;k[x]=!0,k.elementProperties=new Map,k.elementStyles=[],k.shadowRootOptions={mode:"open"},null==g||g({ReactiveElement:k}),(null!==(m=f.reactiveElementVersions)&&void 0!==m?m:f.reactiveElementVersions=[]).push("1.6.3");const C=window,D=C.trustedTypes,T=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,S=`lit$${(Math.random()+"").slice(9)}$`,M="?"+S,z=`<${M}>`,F=document,P=()=>F.createComment(""),E=t=>null===t||"object"!=typeof t&&"function"!=typeof t,O=Array.isArray,I="[ \t\n\f\r]",B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,j=/>/g,R=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,L=/"/g,W=/^(?:script|style|textarea|title)$/i,$=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),Y=new WeakMap,q=F.createTreeWalker(F,129,null,!1);function V(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==T?T.createHTML(e):e}const G=(t,e)=>{const i=t.length-1,s=[];let o,r=2===e?"<svg>":"",n=B;for(let e=0;e<i;e++){const i=t[e];let a,l,h=-1,c=0;for(;c<i.length&&(n.lastIndex=c,l=n.exec(i),null!==l);)c=n.lastIndex,n===B?"!--"===l[1]?n=N:void 0!==l[1]?n=j:void 0!==l[2]?(W.test(l[2])&&(o=RegExp("</"+l[2],"g")),n=R):void 0!==l[3]&&(n=R):n===R?">"===l[0]?(n=null!=o?o:B,h=-1):void 0===l[1]?h=-2:(h=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?R:'"'===l[3]?L:H):n===L||n===H?n=R:n===N||n===j?n=B:(n=R,o=void 0);const d=n===R&&t[e+1].startsWith("/>")?" ":"";r+=n===B?i+z:h>=0?(s.push(a),i.slice(0,h)+"$lit$"+i.slice(h)+S+d):i+S+(-2===h?(s.push(void 0),e):d)}return[V(t,r+(t[i]||"<?>")+(2===e?"</svg>":"")),s]};class J{constructor({strings:t,_$litType$:e},i){let s;this.parts=[];let o=0,r=0;const n=t.length-1,a=this.parts,[l,h]=G(t,e);if(this.el=J.createElement(l,i),q.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(s=q.nextNode())&&a.length<n;){if(1===s.nodeType){if(s.hasAttributes()){const t=[];for(const e of s.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(S)){const i=h[r++];if(t.push(e),void 0!==i){const t=s.getAttribute(i.toLowerCase()+"$lit$").split(S),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?tt:"?"===e[1]?it:"@"===e[1]?st:Q})}else a.push({type:6,index:o})}for(const e of t)s.removeAttribute(e)}if(W.test(s.tagName)){const t=s.textContent.split(S),e=t.length-1;if(e>0){s.textContent=D?D.emptyScript:"";for(let i=0;i<e;i++)s.append(t[i],P()),q.nextNode(),a.push({type:2,index:++o});s.append(t[e],P())}}}else if(8===s.nodeType)if(s.data===M)a.push({type:2,index:o});else{let t=-1;for(;-1!==(t=s.data.indexOf(S,t+1));)a.push({type:7,index:o}),t+=S.length-1}o++}}static createElement(t,e){const i=F.createElement("template");return i.innerHTML=t,i}}function K(t,e,i=t,s){var o,r,n,a;if(e===$)return e;let l=void 0!==s?null===(o=i._$Co)||void 0===o?void 0:o[s]:i._$Cl;const h=E(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,i,s)),void 0!==s?(null!==(n=(a=i)._$Co)&&void 0!==n?n:a._$Co=[])[s]=l:i._$Cl=l),void 0!==l&&(e=K(t,l._$AS(t,e.values),l,s)),e}class Z{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:i},parts:s}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:F).importNode(i,!0);q.currentNode=o;let r=q.nextNode(),n=0,a=0,l=s[0];for(;void 0!==l;){if(n===l.index){let e;2===l.type?e=new X(r,r.nextSibling,this,t):1===l.type?e=new l.ctor(r,l.name,l.strings,this,t):6===l.type&&(e=new ot(r,this,t)),this._$AV.push(e),l=s[++a]}n!==(null==l?void 0:l.index)&&(r=q.nextNode(),n++)}return q.currentNode=F,o}v(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class X{constructor(t,e,i,s){var o;this.type=2,this._$AH=U,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=s,this._$Cp=null===(o=null==s?void 0:s.isConnected)||void 0===o||o}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=K(this,t,e),E(t)?t===U||null==t||""===t?(this._$AH!==U&&this._$AR(),this._$AH=U):t!==this._$AH&&t!==$&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>O(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==U&&E(this._$AH)?this._$AA.nextSibling.data=t:this.$(F.createTextNode(t)),this._$AH=t}g(t){var e;const{values:i,_$litType$:s}=t,o="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=J.createElement(V(s.h,s.h[0]),this.options)),s);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.v(i);else{const t=new Z(o,this),e=t.u(this.options);t.v(i),this.$(e),this._$AH=t}}_$AC(t){let e=Y.get(t.strings);return void 0===e&&Y.set(t.strings,e=new J(t)),e}T(t){O(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,s=0;for(const o of t)s===e.length?e.push(i=new X(this.k(P()),this.k(P()),this,this.options)):i=e[s],i._$AI(o),s++;s<e.length&&(this._$AR(i&&i._$AB.nextSibling,s),e.length=s)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Q{constructor(t,e,i,s,o){this.type=1,this._$AH=U,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=U}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,s){const o=this.strings;let r=!1;if(void 0===o)t=K(this,t,e,0),r=!E(t)||t!==this._$AH&&t!==$,r&&(this._$AH=t);else{const s=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=K(this,s[i+n],e,n),a===$&&(a=this._$AH[n]),r||(r=!E(a)||a!==this._$AH[n]),a===U?t=U:t!==U&&(t+=(null!=a?a:"")+o[n+1]),this._$AH[n]=a}r&&!s&&this.j(t)}j(t){t===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class tt extends Q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===U?void 0:t}}const et=D?D.emptyScript:"";class it extends Q{constructor(){super(...arguments),this.type=4}j(t){t&&t!==U?this.element.setAttribute(this.name,et):this.element.removeAttribute(this.name)}}class st extends Q{constructor(t,e,i,s,o){super(t,e,i,s,o),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=K(this,t,e,0))&&void 0!==i?i:U)===$)return;const s=this._$AH,o=t===U&&s!==U||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==U&&(s===U||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class ot{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){K(this,t)}}const rt=C.litHtmlPolyfillSupport;
|
|
25
|
-
/**
|
|
26
|
-
* @license
|
|
27
|
-
* Copyright 2017 Google LLC
|
|
28
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/
|
|
30
|
-
var nt,at;null==rt||rt(J,X),(null!==(A=C.litHtmlVersions)&&void 0!==A?A:C.litHtmlVersions=[]).push("2.8.0");class lt extends k{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{var s,o;const r=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:e;let n=r._$litPart$;if(void 0===n){const t=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:null;r._$litPart$=n=new X(e.insertBefore(P(),t),t,void 0,null!=i?i:{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1)}render(){return $}}lt.finalized=!0,lt._$litElement$=!0,null===(nt=globalThis.litElementHydrateSupport)||void 0===nt||nt.call(globalThis,{LitElement:lt});const ht=globalThis.litElementPolyfillSupport;null==ht||ht({LitElement:lt}),(null!==(at=globalThis.litElementVersions)&&void 0!==at?at:globalThis.litElementVersions=[]).push("3.3.3");
|
|
31
|
-
/**
|
|
32
|
-
* @license
|
|
33
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
34
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
35
|
-
*/
|
|
36
|
-
const ct=t=>class extends t{static get properties(){return{theme:{type:String,reflectToAttribute:!0,observer:"__deprecatedThemePropertyChanged"},_theme:{type:String,readOnly:!0}}}__deprecatedThemePropertyChanged(t){this._set_theme(t)}}
|
|
37
|
-
/**
|
|
38
|
-
* @license
|
|
39
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
40
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
41
|
-
*/,dt=[];function ut(t,e,i={}){t&&bt(customElements.get(t))&&console.warn(`The custom element definition for "${t}"\n was finalized before a style module was registered.\n Make sure to add component specific style modules before\n importing the corresponding custom element.`),e=function(t=[]){return[t].flat(1/0).filter((t=>t instanceof d||(console.warn("An item in styles is not of type CSSResult. Use `unsafeCSS` or `css`."),!1)))}(e),window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.registerStyles(t,e,i):dt.push({themeFor:t,styles:e,include:i.include,moduleId:i.moduleId})}function pt(){return window.Vaadin&&window.Vaadin.styleModules?window.Vaadin.styleModules.getAllThemes():dt}function mt(t=""){let e=0;return t.startsWith("lumo-")||t.startsWith("material-")?e=1:t.startsWith("vaadin-")&&(e=2),e}function ft(t){const e=[];return t.include&&[].concat(t.include).forEach((t=>{const i=pt().find((e=>e.moduleId===t));i?e.push(...ft(i),...i.styles):console.warn(`Included moduleId ${t} not found in style registry`)}),t.styles),e}function vt(t){const e=`${t}-default-theme`,i=pt().filter((i=>i.moduleId!==e&&function(t,e){return(t||"").split(" ").some((t=>new RegExp(`^${t.split("*").join(".*")}$`).test(e)))}(i.themeFor,t))).map((t=>({...t,styles:[...ft(t),...t.styles],includePriority:mt(t.moduleId)}))).sort(((t,e)=>e.includePriority-t.includePriority));return i.length>0?i:pt().filter((t=>t.moduleId===e))}function bt(t){return t&&Object.prototype.hasOwnProperty.call(t,"__themes")}const gt=t=>class extends(ct(t)){static finalize(){if(super.finalize(),this.elementStyles)return;const t=this.prototype._template;t&&!bt(this)&&function(t,e){const i=document.createElement("style");i.innerHTML=t.map((t=>t.cssText)).join("\n"),e.content.appendChild(i)}(this.getStylesForThis(),t)}static finalizeStyles(t){const e=this.getStylesForThis();return t?[...super.finalizeStyles(t),...e]:e}static getStylesForThis(){const t=Object.getPrototypeOf(this.prototype);this.__themes=[...(t?t.constructor.__themes:[])||[],...vt(this.is)];const e=this.__themes.flatMap((t=>t.styles));return e.filter(((t,i)=>i===e.lastIndexOf(t)))}}
|
|
42
|
-
/**
|
|
43
|
-
* @license
|
|
44
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
45
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
46
|
-
*/,yt=u`
|
|
47
|
-
:host {
|
|
48
|
-
/* Base (background) */
|
|
49
|
-
--lumo-base-color: #fff;
|
|
50
|
-
|
|
51
|
-
/* Tint */
|
|
52
|
-
--lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
|
|
53
|
-
--lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
|
|
54
|
-
--lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
|
|
55
|
-
--lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
|
|
56
|
-
--lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
|
|
57
|
-
--lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
|
|
58
|
-
--lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
|
|
59
|
-
--lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
|
|
60
|
-
--lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
|
|
61
|
-
--lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
|
|
62
|
-
--lumo-tint: #fff;
|
|
63
|
-
|
|
64
|
-
/* Shade */
|
|
65
|
-
--lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
|
|
66
|
-
--lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
|
|
67
|
-
--lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
|
|
68
|
-
--lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
|
|
69
|
-
--lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
|
|
70
|
-
--lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
|
|
71
|
-
--lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
|
|
72
|
-
--lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
|
|
73
|
-
--lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
|
|
74
|
-
--lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
|
|
75
|
-
--lumo-shade: hsl(214, 35%, 15%);
|
|
76
|
-
|
|
77
|
-
/* Contrast */
|
|
78
|
-
--lumo-contrast-5pct: var(--lumo-shade-5pct);
|
|
79
|
-
--lumo-contrast-10pct: var(--lumo-shade-10pct);
|
|
80
|
-
--lumo-contrast-20pct: var(--lumo-shade-20pct);
|
|
81
|
-
--lumo-contrast-30pct: var(--lumo-shade-30pct);
|
|
82
|
-
--lumo-contrast-40pct: var(--lumo-shade-40pct);
|
|
83
|
-
--lumo-contrast-50pct: var(--lumo-shade-50pct);
|
|
84
|
-
--lumo-contrast-60pct: var(--lumo-shade-60pct);
|
|
85
|
-
--lumo-contrast-70pct: var(--lumo-shade-70pct);
|
|
86
|
-
--lumo-contrast-80pct: var(--lumo-shade-80pct);
|
|
87
|
-
--lumo-contrast-90pct: var(--lumo-shade-90pct);
|
|
88
|
-
--lumo-contrast: var(--lumo-shade);
|
|
89
|
-
|
|
90
|
-
/* Text */
|
|
91
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
92
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
93
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
94
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
95
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
96
|
-
|
|
97
|
-
/* Primary */
|
|
98
|
-
--lumo-primary-color: hsl(214, 100%, 48%);
|
|
99
|
-
--lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
|
|
100
|
-
--lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
|
|
101
|
-
--lumo-primary-text-color: hsl(214, 100%, 43%);
|
|
102
|
-
--lumo-primary-contrast-color: #fff;
|
|
103
|
-
|
|
104
|
-
/* Error */
|
|
105
|
-
--lumo-error-color: hsl(3, 85%, 48%);
|
|
106
|
-
--lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
|
|
107
|
-
--lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
|
|
108
|
-
--lumo-error-text-color: hsl(3, 89%, 42%);
|
|
109
|
-
--lumo-error-contrast-color: #fff;
|
|
110
|
-
|
|
111
|
-
/* Success */
|
|
112
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
113
|
-
--lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
|
|
114
|
-
--lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
|
|
115
|
-
--lumo-success-text-color: hsl(145, 85%, 25%);
|
|
116
|
-
--lumo-success-contrast-color: #fff;
|
|
117
|
-
}
|
|
118
|
-
`,wt=document.createElement("template");wt.innerHTML=`<style>${yt.toString().replace(":host","html")}</style>`,document.head.appendChild(wt.content);const _t=u`
|
|
119
|
-
[theme~='dark'] {
|
|
120
|
-
/* Base (background) */
|
|
121
|
-
--lumo-base-color: hsl(214, 35%, 21%);
|
|
122
|
-
|
|
123
|
-
/* Tint */
|
|
124
|
-
--lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
|
|
125
|
-
--lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
|
|
126
|
-
--lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
|
|
127
|
-
--lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
|
|
128
|
-
--lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
|
|
129
|
-
--lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
|
|
130
|
-
--lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
|
|
131
|
-
--lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
|
|
132
|
-
--lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
|
|
133
|
-
--lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
|
|
134
|
-
--lumo-tint: hsl(214, 100%, 98%);
|
|
135
|
-
|
|
136
|
-
/* Shade */
|
|
137
|
-
--lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
|
|
138
|
-
--lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
|
|
139
|
-
--lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
|
|
140
|
-
--lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
|
|
141
|
-
--lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
|
|
142
|
-
--lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
|
|
143
|
-
--lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
|
|
144
|
-
--lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
|
|
145
|
-
--lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
|
|
146
|
-
--lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
|
|
147
|
-
--lumo-shade: hsl(214, 33%, 13%);
|
|
148
|
-
|
|
149
|
-
/* Contrast */
|
|
150
|
-
--lumo-contrast-5pct: var(--lumo-tint-5pct);
|
|
151
|
-
--lumo-contrast-10pct: var(--lumo-tint-10pct);
|
|
152
|
-
--lumo-contrast-20pct: var(--lumo-tint-20pct);
|
|
153
|
-
--lumo-contrast-30pct: var(--lumo-tint-30pct);
|
|
154
|
-
--lumo-contrast-40pct: var(--lumo-tint-40pct);
|
|
155
|
-
--lumo-contrast-50pct: var(--lumo-tint-50pct);
|
|
156
|
-
--lumo-contrast-60pct: var(--lumo-tint-60pct);
|
|
157
|
-
--lumo-contrast-70pct: var(--lumo-tint-70pct);
|
|
158
|
-
--lumo-contrast-80pct: var(--lumo-tint-80pct);
|
|
159
|
-
--lumo-contrast-90pct: var(--lumo-tint-90pct);
|
|
160
|
-
--lumo-contrast: var(--lumo-tint);
|
|
161
|
-
|
|
162
|
-
/* Text */
|
|
163
|
-
--lumo-header-text-color: var(--lumo-contrast);
|
|
164
|
-
--lumo-body-text-color: var(--lumo-contrast-90pct);
|
|
165
|
-
--lumo-secondary-text-color: var(--lumo-contrast-70pct);
|
|
166
|
-
--lumo-tertiary-text-color: var(--lumo-contrast-50pct);
|
|
167
|
-
--lumo-disabled-text-color: var(--lumo-contrast-30pct);
|
|
168
|
-
|
|
169
|
-
/* Primary */
|
|
170
|
-
--lumo-primary-color: hsl(214, 90%, 48%);
|
|
171
|
-
--lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
|
|
172
|
-
--lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
|
|
173
|
-
--lumo-primary-text-color: hsl(214, 90%, 77%);
|
|
174
|
-
--lumo-primary-contrast-color: #fff;
|
|
175
|
-
|
|
176
|
-
/* Error */
|
|
177
|
-
--lumo-error-color: hsl(3, 79%, 49%);
|
|
178
|
-
--lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
|
|
179
|
-
--lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
|
|
180
|
-
--lumo-error-text-color: hsl(3, 100%, 80%);
|
|
181
|
-
|
|
182
|
-
/* Success */
|
|
183
|
-
--lumo-success-color: hsl(145, 72%, 30%);
|
|
184
|
-
--lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
|
|
185
|
-
--lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
|
|
186
|
-
--lumo-success-text-color: hsl(145, 85%, 46%);
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
html {
|
|
190
|
-
color: var(--lumo-body-text-color);
|
|
191
|
-
background-color: var(--lumo-base-color);
|
|
192
|
-
color-scheme: light;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
[theme~='dark'] {
|
|
196
|
-
color: var(--lumo-body-text-color);
|
|
197
|
-
background-color: var(--lumo-base-color);
|
|
198
|
-
color-scheme: dark;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
h1,
|
|
202
|
-
h2,
|
|
203
|
-
h3,
|
|
204
|
-
h4,
|
|
205
|
-
h5,
|
|
206
|
-
h6 {
|
|
207
|
-
color: var(--lumo-header-text-color);
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
a:where(:any-link) {
|
|
211
|
-
color: var(--lumo-primary-text-color);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
a:not(:any-link) {
|
|
215
|
-
color: var(--lumo-disabled-text-color);
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
blockquote {
|
|
219
|
-
color: var(--lumo-secondary-text-color);
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
code,
|
|
223
|
-
pre {
|
|
224
|
-
background-color: var(--lumo-contrast-10pct);
|
|
225
|
-
border-radius: var(--lumo-border-radius-m);
|
|
226
|
-
}
|
|
227
|
-
`;ut("",_t,{moduleId:"lumo-color"}),ut("",[_t,u`
|
|
228
|
-
:host {
|
|
229
|
-
color: var(--lumo-body-text-color) !important;
|
|
230
|
-
background-color: var(--lumo-base-color) !important;
|
|
231
|
-
}
|
|
232
|
-
`],{moduleId:"lumo-color-legacy"});
|
|
233
|
-
/**
|
|
234
|
-
* @license
|
|
235
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
236
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
237
|
-
*/
|
|
238
|
-
const xt=u`
|
|
239
|
-
:host {
|
|
240
|
-
--lumo-size-xs: 1.625rem;
|
|
241
|
-
--lumo-size-s: 1.875rem;
|
|
242
|
-
--lumo-size-m: 2.25rem;
|
|
243
|
-
--lumo-size-l: 2.75rem;
|
|
244
|
-
--lumo-size-xl: 3.5rem;
|
|
245
|
-
|
|
246
|
-
/* Icons */
|
|
247
|
-
--lumo-icon-size-s: 1.25em;
|
|
248
|
-
--lumo-icon-size-m: 1.5em;
|
|
249
|
-
--lumo-icon-size-l: 2.25em;
|
|
250
|
-
/* For backwards compatibility */
|
|
251
|
-
--lumo-icon-size: var(--lumo-icon-size-m);
|
|
252
|
-
}
|
|
253
|
-
`,kt=document.createElement("template");kt.innerHTML=`<style>${xt.toString().replace(":host","html")}</style>`,document.head.appendChild(kt.content);
|
|
254
|
-
/**
|
|
255
|
-
* @license
|
|
256
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
257
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
258
|
-
*/
|
|
259
|
-
const At=u`
|
|
260
|
-
:host {
|
|
261
|
-
/* Border radius */
|
|
262
|
-
--lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
|
|
263
|
-
--lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
|
|
264
|
-
--lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
|
|
265
|
-
--lumo-border-radius: 0.25em; /* Deprecated */
|
|
266
|
-
|
|
267
|
-
/* Shadow */
|
|
268
|
-
--lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
|
|
269
|
-
--lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
|
|
270
|
-
--lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
|
|
271
|
-
--lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
|
|
272
|
-
--lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
|
|
273
|
-
|
|
274
|
-
/* Clickable element cursor */
|
|
275
|
-
--lumo-clickable-cursor: default;
|
|
276
|
-
}
|
|
277
|
-
`;u`
|
|
278
|
-
html {
|
|
279
|
-
--vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
|
|
280
|
-
--vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
|
|
281
|
-
}
|
|
282
|
-
`;const Ct=document.createElement("template");Ct.innerHTML=`<style>${At.toString().replace(":host","html")}$</style>`,document.head.appendChild(Ct.content);
|
|
283
|
-
/**
|
|
284
|
-
* @license
|
|
285
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
286
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
287
|
-
*/
|
|
288
|
-
const Dt=u`
|
|
289
|
-
:host {
|
|
290
|
-
/* prettier-ignore */
|
|
291
|
-
--lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
292
|
-
|
|
293
|
-
/* Font sizes */
|
|
294
|
-
--lumo-font-size-xxs: 0.75rem;
|
|
295
|
-
--lumo-font-size-xs: 0.8125rem;
|
|
296
|
-
--lumo-font-size-s: 0.875rem;
|
|
297
|
-
--lumo-font-size-m: 1rem;
|
|
298
|
-
--lumo-font-size-l: 1.125rem;
|
|
299
|
-
--lumo-font-size-xl: 1.375rem;
|
|
300
|
-
--lumo-font-size-xxl: 1.75rem;
|
|
301
|
-
--lumo-font-size-xxxl: 2.5rem;
|
|
302
|
-
|
|
303
|
-
/* Line heights */
|
|
304
|
-
--lumo-line-height-xs: 1.25;
|
|
305
|
-
--lumo-line-height-s: 1.375;
|
|
306
|
-
--lumo-line-height-m: 1.625;
|
|
307
|
-
}
|
|
308
|
-
`;ut("",u`
|
|
309
|
-
html,
|
|
310
|
-
:host {
|
|
311
|
-
font-family: var(--lumo-font-family);
|
|
312
|
-
font-size: var(--lumo-font-size, var(--lumo-font-size-m));
|
|
313
|
-
line-height: var(--lumo-line-height-m);
|
|
314
|
-
-webkit-text-size-adjust: 100%;
|
|
315
|
-
-webkit-font-smoothing: antialiased;
|
|
316
|
-
-moz-osx-font-smoothing: grayscale;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
small,
|
|
320
|
-
[theme~='font-size-s'] {
|
|
321
|
-
font-size: var(--lumo-font-size-s);
|
|
322
|
-
line-height: var(--lumo-line-height-s);
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
[theme~='font-size-xs'] {
|
|
326
|
-
font-size: var(--lumo-font-size-xs);
|
|
327
|
-
line-height: var(--lumo-line-height-xs);
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
h1,
|
|
331
|
-
h2,
|
|
332
|
-
h3,
|
|
333
|
-
h4,
|
|
334
|
-
h5,
|
|
335
|
-
h6 {
|
|
336
|
-
font-weight: 600;
|
|
337
|
-
line-height: var(--lumo-line-height-xs);
|
|
338
|
-
margin-top: 1.25em;
|
|
339
|
-
}
|
|
340
|
-
|
|
341
|
-
h1 {
|
|
342
|
-
font-size: var(--lumo-font-size-xxxl);
|
|
343
|
-
margin-bottom: 0.75em;
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
h2 {
|
|
347
|
-
font-size: var(--lumo-font-size-xxl);
|
|
348
|
-
margin-bottom: 0.5em;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
h3 {
|
|
352
|
-
font-size: var(--lumo-font-size-xl);
|
|
353
|
-
margin-bottom: 0.5em;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
h4 {
|
|
357
|
-
font-size: var(--lumo-font-size-l);
|
|
358
|
-
margin-bottom: 0.5em;
|
|
359
|
-
}
|
|
360
|
-
|
|
361
|
-
h5 {
|
|
362
|
-
font-size: var(--lumo-font-size-m);
|
|
363
|
-
margin-bottom: 0.25em;
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
h6 {
|
|
367
|
-
font-size: var(--lumo-font-size-xs);
|
|
368
|
-
margin-bottom: 0;
|
|
369
|
-
text-transform: uppercase;
|
|
370
|
-
letter-spacing: 0.03em;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
p,
|
|
374
|
-
blockquote {
|
|
375
|
-
margin-top: 0.5em;
|
|
376
|
-
margin-bottom: 0.75em;
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
a {
|
|
380
|
-
text-decoration: none;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
a:where(:any-link):hover {
|
|
384
|
-
text-decoration: underline;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
hr {
|
|
388
|
-
display: block;
|
|
389
|
-
align-self: stretch;
|
|
390
|
-
height: 1px;
|
|
391
|
-
border: 0;
|
|
392
|
-
padding: 0;
|
|
393
|
-
margin: var(--lumo-space-s) calc(var(--lumo-border-radius-m) / 2);
|
|
394
|
-
background-color: var(--lumo-contrast-10pct);
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
blockquote {
|
|
398
|
-
border-left: 2px solid var(--lumo-contrast-30pct);
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
b,
|
|
402
|
-
strong {
|
|
403
|
-
font-weight: 600;
|
|
404
|
-
}
|
|
405
|
-
|
|
406
|
-
/* RTL specific styles */
|
|
407
|
-
blockquote[dir='rtl'] {
|
|
408
|
-
border-left: none;
|
|
409
|
-
border-right: 2px solid var(--lumo-contrast-30pct);
|
|
410
|
-
}
|
|
411
|
-
`,{moduleId:"lumo-typography"});const Tt=document.createElement("template");Tt.innerHTML=`<style>${Dt.toString().replace(":host","html")}</style>`,document.head.appendChild(Tt.content),ut("vaadin-input-container",u`
|
|
412
|
-
:host {
|
|
413
|
-
border-radius: var(--lumo-border-radius-m);
|
|
414
|
-
background-color: var(--lumo-contrast-10pct);
|
|
415
|
-
padding: 0 calc(0.375em + var(--lumo-border-radius-m) / 4 - 1px);
|
|
416
|
-
font-weight: 500;
|
|
417
|
-
line-height: 1;
|
|
418
|
-
position: relative;
|
|
419
|
-
cursor: text;
|
|
420
|
-
box-sizing: border-box;
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
/* Used for hover and activation effects */
|
|
424
|
-
:host::after {
|
|
425
|
-
content: '';
|
|
426
|
-
position: absolute;
|
|
427
|
-
top: 0;
|
|
428
|
-
right: 0;
|
|
429
|
-
bottom: 0;
|
|
430
|
-
left: 0;
|
|
431
|
-
border-radius: inherit;
|
|
432
|
-
pointer-events: none;
|
|
433
|
-
background-color: var(--lumo-contrast-50pct);
|
|
434
|
-
opacity: 0;
|
|
435
|
-
transition: transform 0.15s, opacity 0.2s;
|
|
436
|
-
transform-origin: 100% 0;
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
::slotted(:not([slot$='fix'])) {
|
|
440
|
-
cursor: inherit;
|
|
441
|
-
min-height: var(--lumo-text-field-size, var(--lumo-size-m));
|
|
442
|
-
padding: 0 0.25em;
|
|
443
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
444
|
-
-webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
445
|
-
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
446
|
-
}
|
|
447
|
-
|
|
448
|
-
/* Read-only */
|
|
449
|
-
:host([readonly]) {
|
|
450
|
-
color: var(--lumo-secondary-text-color);
|
|
451
|
-
background-color: transparent;
|
|
452
|
-
cursor: default;
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
:host([readonly])::after {
|
|
456
|
-
background-color: transparent;
|
|
457
|
-
opacity: 1;
|
|
458
|
-
border: 1px dashed var(--lumo-contrast-30pct);
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
/* Disabled */
|
|
462
|
-
:host([disabled]) {
|
|
463
|
-
background-color: var(--lumo-contrast-5pct);
|
|
464
|
-
}
|
|
465
|
-
|
|
466
|
-
:host([disabled]) ::slotted(*) {
|
|
467
|
-
color: var(--lumo-disabled-text-color);
|
|
468
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
469
|
-
}
|
|
470
|
-
|
|
471
|
-
/* Invalid */
|
|
472
|
-
:host([invalid]) {
|
|
473
|
-
background-color: var(--lumo-error-color-10pct);
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
:host([invalid])::after {
|
|
477
|
-
background-color: var(--lumo-error-color-50pct);
|
|
478
|
-
}
|
|
479
|
-
|
|
480
|
-
/* Slotted icons */
|
|
481
|
-
::slotted(iron-icon),
|
|
482
|
-
::slotted(vaadin-icon) {
|
|
483
|
-
color: var(--lumo-contrast-60pct);
|
|
484
|
-
width: var(--lumo-icon-size-m);
|
|
485
|
-
height: var(--lumo-icon-size-m);
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
489
|
-
::slotted(iron-icon[icon^='vaadin:']),
|
|
490
|
-
::slotted(vaadin-icon[icon^='vaadin:']) {
|
|
491
|
-
padding: 0.25em;
|
|
492
|
-
box-sizing: border-box !important;
|
|
493
|
-
}
|
|
494
|
-
|
|
495
|
-
/* Text align */
|
|
496
|
-
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
497
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
@-moz-document url-prefix() {
|
|
501
|
-
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
502
|
-
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
|
503
|
-
}
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
507
|
-
text-align: start;
|
|
508
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
:host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
|
|
512
|
-
text-align: center;
|
|
513
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
517
|
-
text-align: end;
|
|
518
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
@-moz-document url-prefix() {
|
|
522
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
523
|
-
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
|
524
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
525
|
-
}
|
|
526
|
-
}
|
|
527
|
-
|
|
528
|
-
@-moz-document url-prefix() {
|
|
529
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
530
|
-
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
|
531
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
|
|
535
|
-
/* RTL specific styles */
|
|
536
|
-
:host([dir='rtl'])::after {
|
|
537
|
-
transform-origin: 0% 0;
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
541
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
542
|
-
}
|
|
543
|
-
|
|
544
|
-
:host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
545
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
546
|
-
}
|
|
547
|
-
|
|
548
|
-
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
549
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
@-moz-document url-prefix() {
|
|
553
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
554
|
-
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
555
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
|
556
|
-
}
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
@-moz-document url-prefix() {
|
|
560
|
-
/* Firefox is smart enough to align overflowing text to right */
|
|
561
|
-
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
|
562
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
`,{moduleId:"lumo-input-container"}),
|
|
566
|
-
/**
|
|
567
|
-
@license
|
|
568
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
569
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
570
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
571
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
572
|
-
Code distributed by Google as part of the polymer project is also
|
|
573
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
574
|
-
*/
|
|
575
|
-
window.JSCompiler_renameProperty=function(t){return t};
|
|
576
|
-
/**
|
|
577
|
-
@license
|
|
578
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
579
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
580
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
581
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
582
|
-
Code distributed by Google as part of the polymer project is also
|
|
583
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
584
|
-
*/
|
|
585
|
-
let St,Mt,zt=/(url\()([^)]*)(\))/g,Ft=/(^\/[^\/])|(^#)|(^[\w-\d]*:)/;function Pt(t,e){if(t&&Ft.test(t))return t;if("//"===t)return t;if(void 0===St){St=!1;try{const t=new URL("b","http://a");t.pathname="c%20d",St="http://a/c%20d"===t.href}catch(t){}}if(e||(e=document.baseURI||window.location.href),St)try{return new URL(t,e).href}catch(e){return t}return Mt||(Mt=document.implementation.createHTMLDocument("temp"),Mt.base=Mt.createElement("base"),Mt.head.appendChild(Mt.base),Mt.anchor=Mt.createElement("a"),Mt.body.appendChild(Mt.anchor)),Mt.base.href=e,Mt.anchor.href=t,Mt.anchor.href||t}function Et(t,e){return t.replace(zt,(function(t,i,s,o){return i+"'"+Pt(s.replace(/["']/g,""),e)+"'"+o}))}function Ot(t){return t.substring(0,t.lastIndexOf("/")+1)}
|
|
586
|
-
/**
|
|
587
|
-
@license
|
|
588
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
589
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
590
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
591
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
592
|
-
Code distributed by Google as part of the polymer project is also
|
|
593
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
594
|
-
*/const It=!window.ShadyDOM||!window.ShadyDOM.inUse,Bt=It&&"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 Nt=window.Polymer&&window.Polymer.rootPath||Ot(document.baseURI||window.location.href),jt=window.Polymer&&window.Polymer.sanitizeDOMValue||void 0,Rt=window.Polymer&&window.Polymer.strictTemplatePolicy||!1,Ht=window.Polymer&&window.Polymer.allowTemplateFromDomModule||!1,Lt=window.Polymer&&window.Polymer.legacyOptimizations||!1,Wt=window.Polymer&&window.Polymer.legacyWarnings||!1,$t=window.Polymer&&window.Polymer.syncInitialRender||!1,Ut=window.Polymer&&window.Polymer.legacyUndefined||!1,Yt=window.Polymer&&window.Polymer.orderedComputed||!1,qt=window.Polymer&&window.Polymer.removeNestedTemplates||!1,Vt=window.Polymer&&window.Polymer.fastDomIf||!1,Gt=window.Polymer&&window.Polymer.suppressTemplateNotifications||!1,Jt=window.Polymer&&window.Polymer.useAdoptedStyleSheetsWithBuiltCSS||!1,Kt=0;const Zt=function(t){let e=t.__mixinApplications;e||(e=new WeakMap,t.__mixinApplications=e);let i=Kt++;return function(s){let o=s.__mixinSet;if(o&&o[i])return s;let r=e,n=r.get(s);if(!n){n=t(s),r.set(s,n);let e=Object.create(n.__mixinSet||o||null);e[i]=!0,n.__mixinSet=e}return n}};
|
|
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
|
-
*/let Xt={},Qt={};function te(t,e){Xt[t]=Qt[t.toLowerCase()]=e}function ee(t){return Xt[t]||Qt[t.toLowerCase()]}class ie extends HTMLElement{static get observedAttributes(){return["id"]}static import(t,e){if(t){let i=ee(t);return i&&e?i.querySelector(e):i}return null}attributeChangedCallback(t,e,i,s){e!==i&&this.register()}get assetpath(){if(!this.__assetpath){const t=window.HTMLImports&&HTMLImports.importForElement?HTMLImports.importForElement(this)||document:this.ownerDocument,e=Pt(this.getAttribute("assetpath")||"",t.baseURI);this.__assetpath=Ot(e)}return this.__assetpath}register(t){if(t=t||this.id){if(Rt&&void 0!==ee(t))throw te(t,null),new Error(`strictTemplatePolicy: dom-module ${t} re-registered`);this.id=t,te(t,this),(e=this).querySelector("style")&&console.warn("dom-module %s has style outside template",e.id)}var e}}function se(t){return ie.import(t)}function oe(t){const e=Et((t.body?t.body:t).textContent,t.baseURI),i=document.createElement("style");return i.textContent=e,i}function re(t){const e=t.trim().split(/\s+/),i=[];for(let t=0;t<e.length;t++)i.push(...ne(e[t]));return i}function ne(t){const e=se(t);if(!e)return console.warn("Could not find style data in module named",t),[];if(void 0===e._styles){const t=[];t.push(...le(e));const i=e.querySelector("template");i&&t.push(...ae(i,e.assetpath)),e._styles=t}return e._styles}function ae(t,e){if(!t._styles){const i=[],s=t.content.querySelectorAll("style");for(let t=0;t<s.length;t++){let o=s[t],r=o.getAttribute("include");r&&i.push(...re(r).filter((function(t,e,i){return i.indexOf(t)===e}))),e&&(o.textContent=Et(o.textContent,e)),i.push(o)}t._styles=i}return t._styles}function le(t){const e=[],i=t.querySelectorAll("link[rel=import][type~=css]");for(let t=0;t<i.length;t++){let s=i[t];if(s.import){const t=s.import,i=s.hasAttribute("shady-unscoped");if(i&&!t._unscopedStyle){const e=oe(t);e.setAttribute("shady-unscoped",""),t._unscopedStyle=e}else t._style||(t._style=oe(t));e.push(i?t._unscopedStyle:t._style)}}return e}
|
|
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
|
-
*/ie.prototype.modules=Xt,customElements.define("dom-module",ie);const he=window.ShadyDOM&&window.ShadyDOM.noPatch&&window.ShadyDOM.wrap?window.ShadyDOM.wrap:window.ShadyDOM?t=>ShadyDOM.patch(t):t=>t;
|
|
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
|
-
*/function ce(t){return t.indexOf(".")>=0}function de(t){let e=t.indexOf(".");return-1===e?t:t.slice(0,e)}function ue(t,e){return 0===t.indexOf(e+".")}function pe(t,e){return 0===e.indexOf(t+".")}function me(t,e,i){return e+i.slice(t.length)}function fe(t){if(Array.isArray(t)){let e=[];for(let i=0;i<t.length;i++){let s=t[i].toString().split(".");for(let t=0;t<s.length;t++)e.push(s[t])}return e.join(".")}return t}function ve(t){return Array.isArray(t)?fe(t).split("."):t.toString().split(".")}function be(t,e,i){let s=t,o=ve(e);for(let t=0;t<o.length;t++){if(!s)return;s=s[o[t]]}return i&&(i.path=o.join(".")),s}function ge(t,e,i){let s=t,o=ve(e),r=o[o.length-1];if(o.length>1){for(let t=0;t<o.length-1;t++)if(s=s[o[t]],!s)return;s[r]=i}else s[e]=i;return o.join(".")}
|
|
622
|
-
/**
|
|
623
|
-
@license
|
|
624
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
625
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
626
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
627
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
628
|
-
Code distributed by Google as part of the polymer project is also
|
|
629
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
630
|
-
*/const ye={},we=/-[a-z]/g,_e=/([A-Z])/g;function xe(t){return ye[t]||(ye[t]=t.indexOf("-")<0?t:t.replace(we,(t=>t[1].toUpperCase())))}function ke(t){return ye[t]||(ye[t]=t.replace(_e,"-$1").toLowerCase())}
|
|
631
|
-
/**
|
|
632
|
-
@license
|
|
633
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
634
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
635
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
636
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
637
|
-
Code distributed by Google as part of the polymer project is also
|
|
638
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
639
|
-
*/let Ae=0,Ce=0,De=[],Te=0,Se=!1,Me=document.createTextNode("");new window.MutationObserver((function(){Se=!1;const t=De.length;for(let e=0;e<t;e++){let t=De[e];if(t)try{t()}catch(t){setTimeout((()=>{throw t}))}}De.splice(0,t),Ce+=t})).observe(Me,{characterData:!0});const ze={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)}},Fe={run:t=>(Se||(Se=!0,Me.textContent=Te++),De.push(t),Ae++),cancel(t){const e=t-Ce;if(e>=0){if(!De[e])throw new Error("invalid async handle: "+t);De[e]=null}}},Pe=Fe,Ee=Zt((t=>class extends t{static createProperties(t){const e=this.prototype;for(let i in t)i in e||e._createPropertyAccessor(i)}static attributeNameForProperty(t){return t.toLowerCase()}static typeForProperty(t){}_createPropertyAccessor(t,e){this._addPropertyToAttributeMap(t),this.hasOwnProperty(JSCompiler_renameProperty("__dataHasAccessor",this))||(this.__dataHasAccessor=Object.assign({},this.__dataHasAccessor)),this.__dataHasAccessor[t]||(this.__dataHasAccessor[t]=!0,this._definePropertyAccessor(t,e))}_addPropertyToAttributeMap(t){this.hasOwnProperty(JSCompiler_renameProperty("__dataAttributes",this))||(this.__dataAttributes=Object.assign({},this.__dataAttributes));let e=this.__dataAttributes[t];return e||(e=this.constructor.attributeNameForProperty(t),this.__dataAttributes[e]=t),e}_definePropertyAccessor(t,e){Object.defineProperty(this,t,{get(){return this.__data[t]},set:e?function(){}:function(e){this._setPendingProperty(t,e,!0)&&this._invalidateProperties()}})}constructor(){super(),this.__dataEnabled=!1,this.__dataReady=!1,this.__dataInvalid=!1,this.__data={},this.__dataPending=null,this.__dataOld=null,this.__dataInstanceProps=null,this.__dataCounter=0,this.__serializing=!1,this._initializeProperties()}ready(){this.__dataReady=!0,this._flushProperties()}_initializeProperties(){for(let t in this.__dataHasAccessor)this.hasOwnProperty(t)&&(this.__dataInstanceProps=this.__dataInstanceProps||{},this.__dataInstanceProps[t]=this[t],delete this[t])}_initializeInstanceProperties(t){Object.assign(this,t)}_setProperty(t,e){this._setPendingProperty(t,e)&&this._invalidateProperties()}_getProperty(t){return this.__data[t]}_setPendingProperty(t,e,i){let s=this.__data[t],o=this._shouldPropertyChange(t,e,s);return o&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),this.__dataOld&&!(t in this.__dataOld)&&(this.__dataOld[t]=s),this.__data[t]=e,this.__dataPending[t]=e),o}_isPropertyPending(t){return!(!this.__dataPending||!this.__dataPending.hasOwnProperty(t))}_invalidateProperties(){!this.__dataInvalid&&this.__dataReady&&(this.__dataInvalid=!0,Pe.run((()=>{this.__dataInvalid&&(this.__dataInvalid=!1,this._flushProperties())})))}_enableProperties(){this.__dataEnabled||(this.__dataEnabled=!0,this.__dataInstanceProps&&(this._initializeInstanceProperties(this.__dataInstanceProps),this.__dataInstanceProps=null),this.ready())}_flushProperties(){this.__dataCounter++;const t=this.__data,e=this.__dataPending,i=this.__dataOld;this._shouldPropertiesChange(t,e,i)&&(this.__dataPending=null,this.__dataOld=null,this._propertiesChanged(t,e,i)),this.__dataCounter--}_shouldPropertiesChange(t,e,i){return Boolean(e)}_propertiesChanged(t,e,i){}_shouldPropertyChange(t,e,i){return i!==e&&(i==i||e==e)}attributeChangedCallback(t,e,i,s){e!==i&&this._attributeToProperty(t,i),super.attributeChangedCallback&&super.attributeChangedCallback(t,e,i,s)}_attributeToProperty(t,e,i){if(!this.__serializing){const s=this.__dataAttributes,o=s&&s[t]||t;this[o]=this._deserializeValue(e,i||this.constructor.typeForProperty(o))}}_propertyToAttribute(t,e,i){this.__serializing=!0,this._valueToNodeAttribute(this,i=arguments.length<3?this[t]:i,e||this.constructor.attributeNameForProperty(t)),this.__serializing=!1}_valueToNodeAttribute(t,e,i){const s=this._serializeValue(e);"class"!==i&&"name"!==i&&"slot"!==i||(t=he(t)),void 0===s?t.removeAttribute(i):t.setAttribute(i,""===s&&window.trustedTypes?window.trustedTypes.emptyScript:s)}_serializeValue(t){switch(typeof t){case"boolean":return t?"":void 0;default:return null!=t?t.toString():void 0}}_deserializeValue(t,e){switch(e){case Boolean:return null!==t;case Number:return Number(t);default:return t}}})),Oe={};let Ie=HTMLElement.prototype;for(;Ie;){let t=Object.getOwnPropertyNames(Ie);for(let e=0;e<t.length;e++)Oe[t[e]]=!0;Ie=Object.getPrototypeOf(Ie)}const Be=window.trustedTypes?t=>trustedTypes.isHTML(t)||trustedTypes.isScript(t)||trustedTypes.isScriptURL(t):()=>!1,Ne=Zt((t=>{const e=Ee(t);return class extends e{static createPropertiesForAttributes(){let t=this.observedAttributes;for(let e=0;e<t.length;e++)this.prototype._createPropertyAccessor(xe(t[e]))}static attributeNameForProperty(t){return ke(t)}_initializeProperties(){this.__dataProto&&(this._initializeProtoProperties(this.__dataProto),this.__dataProto=null),super._initializeProperties()}_initializeProtoProperties(t){for(let e in t)this._setProperty(e,t[e])}_ensureAttribute(t,e){this.hasAttribute(t)||this._valueToNodeAttribute(this,e,t)}_serializeValue(t){switch(typeof t){case"object":if(t instanceof Date)return t.toString();if(t){if(Be(t))return t;try{return JSON.stringify(t)}catch(t){return""}}default:return super._serializeValue(t)}}_deserializeValue(t,e){let i;switch(e){case Object:try{i=JSON.parse(t)}catch(e){i=t}break;case Array:try{i=JSON.parse(t)}catch(e){i=null,console.warn(`Polymer::Attributes: couldn't decode Array as JSON: ${t}`)}break;case Date:i=isNaN(t)?String(t):Number(t),i=new Date(i);break;default:i=super._deserializeValue(t,e)}return i}_definePropertyAccessor(t,e){!function(t,e){if(!Oe[e]){let i=t[e];void 0!==i&&(t.__data?t._setPendingProperty(e,i):(t.__dataProto?t.hasOwnProperty(JSCompiler_renameProperty("__dataProto",t))||(t.__dataProto=Object.create(t.__dataProto)):t.__dataProto={},t.__dataProto[e]=i))}}(this,t),super._definePropertyAccessor(t,e)}_hasAccessor(t){return this.__dataHasAccessor&&this.__dataHasAccessor[t]}_isPropertyPending(t){return Boolean(this.__dataPending&&t in this.__dataPending)}}})),je={"dom-if":!0,"dom-repeat":!0};let Re=!1,He=!1;const Le=(()=>{const t=window.trustedTypes&&window.trustedTypes.createPolicy("polymer-template-event-attribute-policy",{createScript:t=>t});return(e,i,s)=>{const o=i.getAttribute(s);t&&s.startsWith("on-")?e.setAttribute(s,t.createScript(o,s)):e.setAttribute(s,o)}})();function We(t){let e=t.getAttribute("is");if(e&&je[e]){let i=t;for(i.removeAttribute("is"),t=i.ownerDocument.createElement(e),i.parentNode.replaceChild(t,i),t.appendChild(i);i.attributes.length;){const{name:e}=i.attributes[0];Le(t,i,e),i.removeAttribute(e)}}return t}function $e(t,e){let i=e.parentInfo&&$e(t,e.parentInfo);if(!i)return t;for(let t=i.firstChild,s=0;t;t=t.nextSibling)if(e.parentIndex===s++)return t}function Ue(t,e,i,s){s.id&&(e[s.id]=i)}function Ye(t,e,i){if(i.events&&i.events.length)for(let s,o=0,r=i.events;o<r.length&&(s=r[o]);o++)t._addMethodEventListenerToNode(e,s.name,s.value,t)}function qe(t,e,i,s){i.templateInfo&&(e._templateInfo=i.templateInfo,e._parentTemplateInfo=s)}const Ve=Zt((t=>class extends t{static _parseTemplate(t,e){if(!t._templateInfo){let i=t._templateInfo={};i.nodeInfoList=[],i.nestedTemplate=Boolean(e),i.stripWhiteSpace=e&&e.stripWhiteSpace||t.hasAttribute&&t.hasAttribute("strip-whitespace"),this._parseTemplateContent(t,i,{parent:null})}return t._templateInfo}static _parseTemplateContent(t,e,i){return this._parseTemplateNode(t.content,e,i)}static _parseTemplateNode(t,e,i){let s=!1,o=t;return"template"!=o.localName||o.hasAttribute("preserve-content")?"slot"===o.localName&&(e.hasInsertionPoint=!0):s=this._parseTemplateNestedTemplate(o,e,i)||s,function(t){(function(){if(!Re){Re=!0;const t=document.createElement("textarea");t.placeholder="a",He=t.placeholder===t.textContent}return He})()&&"textarea"===t.localName&&t.placeholder&&t.placeholder===t.textContent&&(t.textContent=null)}(o),o.firstChild&&this._parseTemplateChildNodes(o,e,i),o.hasAttributes&&o.hasAttributes()&&(s=this._parseTemplateNodeAttributes(o,e,i)||s),s||i.noted}static _parseTemplateChildNodes(t,e,i){if("script"!==t.localName&&"style"!==t.localName)for(let s,o=t.firstChild,r=0;o;o=s){if("template"==o.localName&&(o=We(o)),s=o.nextSibling,o.nodeType===Node.TEXT_NODE){let i=s;for(;i&&i.nodeType===Node.TEXT_NODE;)o.textContent+=i.textContent,s=i.nextSibling,t.removeChild(i),i=s;if(e.stripWhiteSpace&&!o.textContent.trim()){t.removeChild(o);continue}}let n={parentIndex:r,parentInfo:i};this._parseTemplateNode(o,e,n)&&(n.infoIndex=e.nodeInfoList.push(n)-1),o.parentNode&&r++}}static _parseTemplateNestedTemplate(t,e,i){let s=t,o=this._parseTemplate(s,e);return(o.content=s.content.ownerDocument.createDocumentFragment()).appendChild(s.content),i.templateInfo=o,!0}static _parseTemplateNodeAttributes(t,e,i){let s=!1,o=Array.from(t.attributes);for(let r,n=o.length-1;r=o[n];n--)s=this._parseTemplateNodeAttribute(t,e,i,r.name,r.value)||s;return s}static _parseTemplateNodeAttribute(t,e,i,s,o){return"on-"===s.slice(0,3)?(t.removeAttribute(s),i.events=i.events||[],i.events.push({name:s.slice(3),value:o}),!0):"id"===s&&(i.id=o,!0)}static _contentForTemplate(t){let e=t._templateInfo;return e&&e.content||t.content}_stampTemplate(t,e){t&&!t.content&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate&&HTMLTemplateElement.decorate(t);let i=(e=e||this.constructor._parseTemplate(t)).nodeInfoList,s=document.importNode(e.content||t.content,!0);s.__noInsertionPoint=!e.hasInsertionPoint;let o=s.nodeList=new Array(i.length);s.$={};for(let t,r=0,n=i.length;r<n&&(t=i[r]);r++){let i=o[r]=$e(s,t);Ue(0,s.$,i,t),qe(0,i,t,e),Ye(this,i,t)}return s=s,s}_addMethodEventListenerToNode(t,e,i,s){let o=function(t,e,i){return t=t._methodHost||t,function(e){t[i]?t[i](e,e.detail):console.warn("listener method `"+i+"` not defined")}}(s=s||t,0,i);return this._addEventListenerToNode(t,e,o),o}_addEventListenerToNode(t,e,i){t.addEventListener(e,i)}_removeEventListenerFromNode(t,e,i){t.removeEventListener(e,i)}}));
|
|
640
|
-
/**
|
|
641
|
-
* @fileoverview
|
|
642
|
-
* @suppress {checkPrototypalTypes}
|
|
643
|
-
* @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
644
|
-
* This code may only be used under the BSD style license found at
|
|
645
|
-
* http://polymer.github.io/LICENSE.txt The complete set of authors may be found
|
|
646
|
-
* at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
|
|
647
|
-
* be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
|
|
648
|
-
* Google as part of the polymer project is also subject to an additional IP
|
|
649
|
-
* rights grant found at http://polymer.github.io/PATENTS.txt
|
|
650
|
-
*/let Ge=0;const Je=[],Ke={COMPUTE:"__computeEffects",REFLECT:"__reflectEffects",NOTIFY:"__notifyEffects",PROPAGATE:"__propagateEffects",OBSERVE:"__observeEffects",READ_ONLY:"__readOnly"},Ze=/[A-Z]/;function Xe(t,e,i){let s=t[e];if(s){if(!t.hasOwnProperty(e)&&(s=t[e]=Object.create(t[e]),i))for(let t in s){let e=s[t],i=s[t]=Array(e.length);for(let t=0;t<e.length;t++)i[t]=e[t]}}else s=t[e]={};return s}function Qe(t,e,i,s,o,r){if(e){let n=!1;const a=Ge++;for(let l in i){let h=e[o?de(l):l];if(h)for(let e,c=0,d=h.length;c<d&&(e=h[c]);c++)e.info&&e.info.lastRun===a||o&&!ei(l,e.trigger)||(e.info&&(e.info.lastRun=a),e.fn(t,l,i,s,e.info,o,r),n=!0)}return n}return!1}function ti(t,e,i,s,o,r,n,a){let l=!1,h=e[n?de(s):s];if(h)for(let e,c=0,d=h.length;c<d&&(e=h[c]);c++)e.info&&e.info.lastRun===i||n&&!ei(s,e.trigger)||(e.info&&(e.info.lastRun=i),e.fn(t,s,o,r,e.info,n,a),l=!0);return l}function ei(t,e){if(e){let i=e.name;return i==t||!(!e.structured||!ue(i,t))||!(!e.wildcard||!pe(i,t))}return!0}function ii(t,e,i,s,o){let r="string"==typeof o.method?t[o.method]:o.method,n=o.property;r?r.call(t,t.__data[n],s[n]):o.dynamicFn||console.warn("observer method `"+o.method+"` not defined")}function si(t,e,i){let s=de(e);return s!==e&&(oi(t,ke(s)+"-changed",i[e],e),!0)}function oi(t,e,i,s){let o={value:i,queueProperty:!0};s&&(o.path=s),he(t).dispatchEvent(new CustomEvent(e,{detail:o}))}function ri(t,e,i,s,o,r){let n=(r?de(e):e)!=e?e:null,a=n?be(t,n):t.__data[e];n&&void 0===a&&(a=i[e]),oi(t,o.eventName,a,n)}function ni(t,e,i,s,o){let r=t.__data[e];jt&&(r=jt(r,o.attrName,"attribute",t)),t._propertyToAttribute(e,o.attrName,r)}const ai=(t,e,i)=>{let s=0,o=e.length-1,r=-1;for(;s<=o;){const n=s+o>>1,a=i.get(e[n].methodInfo)-i.get(t.methodInfo);if(a<0)s=n+1;else{if(!(a>0)){r=n;break}o=n-1}}r<0&&(r=o+1),e.splice(r,0,t)},li=(t,e,i,s,o)=>{const r=e[o?de(t):t];if(r)for(let e=0;e<r.length;e++){const n=r[e];n.info.lastRun===Ge||o&&!ei(t,n.trigger)||(n.info.lastRun=Ge,ai(n.info,i,s))}};function hi(t,e,i,s,o){let r=vi(t,e,i,0,o);if(r===Je)return!1;let n=o.methodInfo;return t.__dataHasAccessor&&t.__dataHasAccessor[n]?t._setPendingProperty(n,r,!0):(t[n]=r,!1)}function ci(t,e,i,s,o,r,n){i.bindings=i.bindings||[];let a={kind:s,target:o,parts:r,literal:n,isCompound:1!==r.length};if(i.bindings.push(a),function(t){return Boolean(t.target)&&"attribute"!=t.kind&&"text"!=t.kind&&!t.isCompound&&"{"===t.parts[0].mode}(a)){let{event:t,negate:e}=a.parts[0];a.listenerEvent=t||ke(o)+"-changed",a.listenerNegate=e}let l=e.nodeInfoList.length;for(let i=0;i<a.parts.length;i++){let s=a.parts[i];s.compoundIndex=i,di(t,e,a,s,l)}}function di(t,e,i,s,o){if(!s.literal)if("attribute"===i.kind&&"-"===i.target[0])console.warn("Cannot set attribute "+i.target+' because "-" is not a valid attribute starting character');else{let r=s.dependencies,n={index:o,binding:i,part:s,evaluator:t};for(let i=0;i<r.length;i++){let s=r[i];"string"==typeof s&&(s=_i(s),s.wildcard=!0),t._addTemplatePropertyEffect(e,s.rootProperty,{fn:ui,info:n,trigger:s})}}}function ui(t,e,i,s,o,r,n){let a=n[o.index],l=o.binding,h=o.part;if(r&&h.source&&e.length>h.source.length&&"property"==l.kind&&!l.isCompound&&a.__isPropertyEffectsClient&&a.__dataHasAccessor&&a.__dataHasAccessor[l.target]){let s=i[e];e=me(h.source,l.target,e),a._setPendingPropertyOrPath(e,s,!1,!0)&&t._enqueueClient(a)}else{let n=o.evaluator._evaluateBinding(t,h,e,i,s,r);n!==Je&&function(t,e,i,s,o){if(o=function(t,e,i,s){if(i.isCompound){let o=t.__dataCompoundStorage[i.target];o[s.compoundIndex]=e,e=o.join("")}return"attribute"!==i.kind&&("textContent"!==i.target&&("value"!==i.target||"input"!==t.localName&&"textarea"!==t.localName)||(e=null==e?"":e)),e}(e,o,i,s),jt&&(o=jt(o,i.target,i.kind,e)),"attribute"==i.kind)t._valueToNodeAttribute(e,o,i.target);else{let s=i.target;e.__isPropertyEffectsClient&&e.__dataHasAccessor&&e.__dataHasAccessor[s]?e[Ke.READ_ONLY]&&e[Ke.READ_ONLY][s]||e._setPendingProperty(s,o)&&t._enqueueClient(e):t._setUnmanagedPropertyToNode(e,s,o)}}(t,a,l,h,n)}}function pi(t,e){if(e.isCompound){let i=t.__dataCompoundStorage||(t.__dataCompoundStorage={}),s=e.parts,o=new Array(s.length);for(let t=0;t<s.length;t++)o[t]=s[t].literal;let r=e.target;i[r]=o,e.literal&&"property"==e.kind&&("className"===r&&(t=he(t)),t[r]=e.literal)}}function mi(t,e,i){if(i.listenerEvent){let s=i.parts[0];t.addEventListener(i.listenerEvent,(function(t){!function(t,e,i,s,o){let r,n=t.detail,a=n&&n.path;a?(s=me(i,s,a),r=n&&n.value):r=t.currentTarget[i],r=o?!r:r,e[Ke.READ_ONLY]&&e[Ke.READ_ONLY][s]||!e._setPendingPropertyOrPath(s,r,!0,Boolean(a))||n&&n.queueProperty||e._invalidateProperties()}(t,e,i.target,s.source,s.negate)}))}}function fi(t,e,i,s,o,r){let n={methodName:e.methodName,args:e.args,methodInfo:o,dynamicFn:r=e.static||r&&("object"!=typeof r||r[e.methodName])};for(let o,r=0;r<e.args.length&&(o=e.args[r]);r++)o.literal||t._addPropertyEffect(o.rootProperty,i,{fn:s,info:n,trigger:o});return r&&t._addPropertyEffect(e.methodName,i,{fn:s,info:n}),n}function vi(t,e,i,s,o){let r=t._methodHost||t,n=r[o.methodName];if(n){let s=t._marshalArgs(o.args,e,i);return s===Je?Je:n.apply(r,s)}o.dynamicFn||console.warn("method `"+o.methodName+"` not defined")}const bi=[],gi=new RegExp("(\\[\\[|{{)\\s*(?:(!)\\s*)?((?:[a-zA-Z_$][\\w.:$\\-*]*)\\s*(?:\\(\\s*(?:(?:(?:((?:[a-zA-Z_$][\\w.:$\\-*]*)|(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\\\]|\\\\.)*')|(?:\"(?:[^\"\\\\]|\\\\.)*\")))\\s*)(?:,\\s*(?:((?:[a-zA-Z_$][\\w.:$\\-*]*)|(?:[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?)|(?:(?:'(?:[^'\\\\]|\\\\.)*')|(?:\"(?:[^\"\\\\]|\\\\.)*\")))\\s*))*)?)\\)\\s*)?)(?:]]|}})","g");function yi(t){let e="";for(let i=0;i<t.length;i++)e+=t[i].literal||"";return e}function wi(t){let e=t.match(/([^\s]+?)\(([\s\S]*)\)/);if(e){let t={methodName:e[1],static:!0,args:bi};return e[2].trim()?function(t,e){return e.args=t.map((function(t){let i=_i(t);return i.literal||(e.static=!1),i}),this),e}(e[2].replace(/\\,/g,",").split(","),t):t}return null}function _i(t){let e=t.trim().replace(/,/g,",").replace(/\\(.)/g,"$1"),i={name:e,value:"",literal:!1},s=e[0];switch("-"===s&&(s=e[1]),s>="0"&&s<="9"&&(s="#"),s){case"'":case'"':i.value=e.slice(1,-1),i.literal=!0;break;case"#":i.value=Number(e),i.literal=!0}return i.literal||(i.rootProperty=de(e),i.structured=ce(e),i.structured&&(i.wildcard=".*"==e.slice(-2),i.wildcard&&(i.name=e.slice(0,-2)))),i}function xi(t,e,i){let s=be(t,i);return void 0===s&&(s=e[i]),s}function ki(t,e,i,s){const o={indexSplices:s};Ut&&!t._overrideLegacyUndefined&&(e.splices=o),t.notifyPath(i+".splices",o),t.notifyPath(i+".length",e.length),Ut&&!t._overrideLegacyUndefined&&(o.indexSplices=[])}function Ai(t,e,i,s,o,r){ki(t,e,i,[{index:s,addedCount:o,removed:r,object:e,type:"splice"}])}const Ci=Zt((t=>{const e=Ve(Ne(t));return class extends e{constructor(){super(),this.__isPropertyEffectsClient=!0}get PROPERTY_EFFECT_TYPES(){return Ke}_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(Di.length){let t=Di[Di.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[Ke.READ_ONLY];for(let i in t)e&&e[i]||(this.__dataPending=this.__dataPending||{},this.__dataOld=this.__dataOld||{},this.__data[i]=this.__dataPending[i]=t[i])}_addPropertyEffect(t,e,i){this._createPropertyAccessor(t,e==Ke.READ_ONLY);let s=Xe(this,e,!0)[t];s||(s=this[e][t]=[]),s.push(i)}_removePropertyEffect(t,e,i){let s=Xe(this,e,!0)[t],o=s.indexOf(i);o>=0&&s.splice(o,1)}_hasPropertyEffect(t,e){let i=this[e];return Boolean(i&&i[t])}_hasReadOnlyEffect(t){return this._hasPropertyEffect(t,Ke.READ_ONLY)}_hasNotifyEffect(t){return this._hasPropertyEffect(t,Ke.NOTIFY)}_hasReflectEffect(t){return this._hasPropertyEffect(t,Ke.REFLECT)}_hasComputedEffect(t){return this._hasPropertyEffect(t,Ke.COMPUTE)}_setPendingPropertyOrPath(t,e,i,s){if(s||de(Array.isArray(t)?t[0]:t)!==t){if(!s){let i=be(this,t);if(!(t=ge(this,t,e))||!super._shouldPropertyChange(t,e,i))return!1}if(this.__dataHasPaths=!0,this._setPendingProperty(t,e,i))return function(t,e,i){let s=t.__dataLinkedPaths;if(s){let o;for(let r in s){let n=s[r];pe(r,e)?(o=me(r,n,e),t._setPendingPropertyOrPath(o,i,!0,!0)):pe(n,e)&&(o=me(n,r,e),t._setPendingPropertyOrPath(o,i,!0,!0))}}}(this,t,e),!0}else{if(this.__dataHasAccessor&&this.__dataHasAccessor[t])return this._setPendingProperty(t,e,i);this[t]=e}return!1}_setUnmanagedPropertyToNode(t,e,i){i===t[e]&&"object"!=typeof i||("className"===e&&(t=he(t)),t[e]=i)}_setPendingProperty(t,e,i){let s=this.__dataHasPaths&&ce(t);return!!this._shouldPropertyChange(t,e,(s?this.__dataTemp:this.__data)[t])&&(this.__dataPending||(this.__dataPending={},this.__dataOld={}),t in this.__dataOld||(this.__dataOld[t]=this.__data[t]),s?this.__dataTemp[t]=e:this.__data[t]=e,this.__dataPending[t]=e,(s||this[Ke.NOTIFY]&&this[Ke.NOTIFY][t])&&(this.__dataToNotify=this.__dataToNotify||{},this.__dataToNotify[t]=i),!0)}_setProperty(t,e){this._setPendingProperty(t,e,!0)&&this._invalidateProperties()}_invalidateProperties(){this.__dataReady&&this._flushProperties()}_enqueueClient(t){this.__dataPendingClients=this.__dataPendingClients||[],t!==this&&this.__dataPendingClients.push(t)}_flushClients(){this.__dataClientsReady?this.__enableOrFlushClients():(this.__dataClientsReady=!0,this._readyClients(),this.__dataReady=!0)}__enableOrFlushClients(){let t=this.__dataPendingClients;if(t){this.__dataPendingClients=null;for(let e=0;e<t.length;e++){let i=t[e];i.__dataEnabled?i.__dataPending&&i._flushProperties():i._enableProperties()}}}_readyClients(){this.__enableOrFlushClients()}setProperties(t,e){for(let i in t)!e&&this[Ke.READ_ONLY]&&this[Ke.READ_ONLY][i]||this._setPendingPropertyOrPath(i,t[i],!0);this._invalidateProperties()}ready(){this._flushProperties(),this.__dataClientsReady||this._flushClients(),this.__dataPending&&this._flushProperties()}_propertiesChanged(t,e,i){let s,o=this.__dataHasPaths;this.__dataHasPaths=!1,function(t,e,i,s){let o=t[Ke.COMPUTE];if(o)if(Yt){Ge++;const r=function(t){let e=t.constructor.__orderedComputedDeps;if(!e){e=new Map;const i=t[Ke.COMPUTE];let s,{counts:o,ready:r,total:n}=function(t){const e=t.__computeInfo,i={},s=t[Ke.COMPUTE],o=[];let r=0;for(let t in e){const s=e[t];r+=i[t]=s.args.filter((t=>!t.literal)).length+(s.dynamicFn?1:0)}for(let t in s)e[t]||o.push(t);return{counts:i,ready:o,total:r}}(t);for(;s=r.shift();){e.set(s,e.size);const t=i[s];t&&t.forEach((t=>{const e=t.info.methodInfo;--n,0==--o[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)li(t,o,n,r,s);let a;for(;a=n.shift();)hi(t,"",e,0,a)&&li(a.methodInfo,o,n,r,s);Object.assign(i,t.__dataOld),Object.assign(e,t.__dataPending),t.__dataPending=null}else{let r=e;for(;Qe(t,o,r,i,s);)Object.assign(i,t.__dataOld),Object.assign(e,t.__dataPending),r=t.__dataPending,t.__dataPending=null}}(this,e,i,o),s=this.__dataToNotify,this.__dataToNotify=null,this._propagatePropertyChanges(e,i,o),this._flushClients(),Qe(this,this[Ke.REFLECT],e,i,o),Qe(this,this[Ke.OBSERVE],e,i,o),s&&function(t,e,i,s,o){let r,n,a=t[Ke.NOTIFY],l=Ge++;for(let n in e)e[n]&&(a&&ti(t,a,l,n,i,s,o)||o&&si(t,n,i))&&(r=!0);r&&(n=t.__dataHost)&&n._invalidateProperties&&n._invalidateProperties()}(this,s,e,i,o),1==this.__dataCounter&&(this.__dataTemp={})}_propagatePropertyChanges(t,e,i){this[Ke.PROPAGATE]&&Qe(this,this[Ke.PROPAGATE],t,e,i),this.__templateInfo&&this._runEffectsForTemplate(this.__templateInfo,t,e,i)}_runEffectsForTemplate(t,e,i,s){const o=(e,s)=>{Qe(this,t.propertyEffects,e,i,s,t.nodeList);for(let o=t.firstChild;o;o=o.nextSibling)this._runEffectsForTemplate(o,e,i,s)};t.runEffects?t.runEffects(o,e,s):o(e,s)}linkPaths(t,e){t=fe(t),e=fe(e),this.__dataLinkedPaths=this.__dataLinkedPaths||{},this.__dataLinkedPaths[t]=e}unlinkPaths(t){t=fe(t),this.__dataLinkedPaths&&delete this.__dataLinkedPaths[t]}notifySplices(t,e){let i={path:""};ki(this,be(this,t,i),i.path,e)}get(t,e){return be(e||this,t)}set(t,e,i){i?ge(i,t,e):this[Ke.READ_ONLY]&&this[Ke.READ_ONLY][t]||this._setPendingPropertyOrPath(t,e,!0)&&this._invalidateProperties()}push(t,...e){let i={path:""},s=be(this,t,i),o=s.length,r=s.push(...e);return e.length&&Ai(this,s,i.path,o,e.length,[]),r}pop(t){let e={path:""},i=be(this,t,e),s=Boolean(i.length),o=i.pop();return s&&Ai(this,i,e.path,i.length,0,[o]),o}splice(t,e,i,...s){let o,r={path:""},n=be(this,t,r);return e<0?e=n.length-Math.floor(-e):e&&(e=Math.floor(e)),o=2===arguments.length?n.splice(e):n.splice(e,i,...s),(s.length||o.length)&&Ai(this,n,r.path,e,s.length,o),o}shift(t){let e={path:""},i=be(this,t,e),s=Boolean(i.length),o=i.shift();return s&&Ai(this,i,e.path,0,0,[o]),o}unshift(t,...e){let i={path:""},s=be(this,t,i),o=s.unshift(...e);return e.length&&Ai(this,s,i.path,0,e.length,[]),o}notifyPath(t,e){let i;if(1==arguments.length){let s={path:""};e=be(this,t,s),i=s.path}else i=Array.isArray(t)?fe(t):t;this._setPendingPropertyOrPath(i,e,!0,!0)&&this._invalidateProperties()}_createReadOnlyProperty(t,e){var i;this._addPropertyEffect(t,Ke.READ_ONLY),e&&(this["_set"+(i=t,i[0].toUpperCase()+i.substring(1))]=function(e){this._setProperty(t,e)})}_createPropertyObserver(t,e,i){let s={property:t,method:e,dynamicFn:Boolean(i)};this._addPropertyEffect(t,Ke.OBSERVE,{fn:ii,info:s,trigger:{name:t}}),i&&this._addPropertyEffect(e,Ke.OBSERVE,{fn:ii,info:s,trigger:{name:e}})}_createMethodObserver(t,e){let i=wi(t);if(!i)throw new Error("Malformed observer expression '"+t+"'");fi(this,i,Ke.OBSERVE,vi,null,e)}_createNotifyingProperty(t){this._addPropertyEffect(t,Ke.NOTIFY,{fn:ri,info:{eventName:ke(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,Ke.REFLECT,{fn:ni,info:{attrName:e}})}_createComputedProperty(t,e,i){let s=wi(e);if(!s)throw new Error("Malformed computed expression '"+e+"'");const o=fi(this,s,Ke.COMPUTE,hi,t,i);Xe(this,"__computeInfo")[t]=o}_marshalArgs(t,e,i){const s=this.__data,o=[];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=pe(n,e),o=xi(s,i,t?e:n);h={path:t?e:n,value:o,base:t?be(s,n):o}}else h=a?xi(s,i,n):s[n];if(Ut&&!this._overrideLegacyUndefined&&void 0===h&&t.length>1)return Je;o[r]=h}return o}static addPropertyEffect(t,e,i){this.prototype._addPropertyEffect(t,e,i)}static createPropertyObserver(t,e,i){this.prototype._createPropertyObserver(t,e,i)}static createMethodObserver(t,e){this.prototype._createMethodObserver(t,e)}static createNotifyingProperty(t){this.prototype._createNotifyingProperty(t)}static createReadOnlyProperty(t,e){this.prototype._createReadOnlyProperty(t,e)}static createReflectedProperty(t){this.prototype._createReflectedProperty(t)}static createComputedProperty(t,e,i){this.prototype._createComputedProperty(t,e,i)}static bindTemplate(t){return this.prototype._bindTemplate(t)}_bindTemplate(t,e){let i=this.constructor._parseTemplate(t),s=this.__preBoundTemplateInfo==i;if(!s)for(let t in i.propertyEffects)this._createPropertyAccessor(t);if(e)if(i=Object.create(i),i.wasPreBound=s,this.__templateInfo){const e=t._parentTemplateInfo||this.__templateInfo,s=e.lastChild;i.parent=e,e.lastChild=i,i.previousSibling=s,s?s.nextSibling=i:e.firstChild=i}else this.__templateInfo=i;else this.__preBoundTemplateInfo=i;return i}static _addTemplatePropertyEffect(t,e,i){(t.hostProps=t.hostProps||{})[e]=!0;let s=t.propertyEffects=t.propertyEffects||{};(s[e]=s[e]||[]).push(i)}_stampTemplate(t,e){e=e||this._bindTemplate(t,!0),Di.push(this);let i=super._stampTemplate(t,e);if(Di.pop(),e.nodeList=i.nodeList,!e.wasPreBound){let t=e.childNodes=[];for(let e=i.firstChild;e;e=e.nextSibling)t.push(e)}return i.templateInfo=e,function(t,e){let{nodeList:i,nodeInfoList:s}=e;if(s.length)for(let e=0;e<s.length;e++){let o=i[e],r=s[e].bindings;if(r)for(let e=0;e<r.length;e++){let i=r[e];pi(o,i),mi(o,t,i)}o.__dataHost=t}}(this,e),this.__dataClientsReady&&(this._runEffectsForTemplate(e,this.__data,null,!1),this._flushClients()),i}_removeBoundDom(t){const e=t.templateInfo,{previousSibling:i,nextSibling:s,parent:o}=e;i?i.nextSibling=s:o&&(o.firstChild=s),s?s.previousSibling=i:o&&(o.lastChild=i),e.nextSibling=e.previousSibling=null;let r=e.childNodes;for(let t=0;t<r.length;t++){let e=r[t];he(he(e).parentNode).removeChild(e)}}static _parseTemplateNode(t,i,s){let o=e._parseTemplateNode.call(this,t,i,s);if(t.nodeType===Node.TEXT_NODE){let e=this._parseBindings(t.textContent,i);e&&(t.textContent=yi(e)||" ",ci(this,i,s,"text","textContent",e),o=!0)}return o}static _parseTemplateNodeAttribute(t,i,s,o,r){let n=this._parseBindings(r,i);if(n){let e=o,r="property";Ze.test(o)?r="attribute":"$"==o[o.length-1]&&(o=o.slice(0,-1),r="attribute");let a=yi(n);return a&&"attribute"==r&&("class"==o&&t.hasAttribute("class")&&(a+=" "+t.getAttribute(o)),t.setAttribute(o,a)),"attribute"==r&&"disable-upgrade$"==e&&t.setAttribute(o,""),"input"===t.localName&&"value"===e&&t.setAttribute(e,""),t.removeAttribute(e),"property"===r&&(o=xe(o)),ci(this,i,s,r,o,n,a),!0}return e._parseTemplateNodeAttribute.call(this,t,i,s,o,r)}static _parseTemplateNestedTemplate(t,i,s){let o=e._parseTemplateNestedTemplate.call(this,t,i,s);const r=t.parentNode,n=s.templateInfo,a="dom-if"===r.localName;qt&&(a||"dom-repeat"===r.localName)&&(r.removeChild(t),(s=s.parentInfo).templateInfo=n,s.noted=!0,o=!1);let l=n.hostProps;if(Vt&&a)l&&(i.hostProps=Object.assign(i.hostProps||{},l),qt||(s.parentInfo.noted=!0));else{let t="{";for(let e in l)ci(this,i,s,"property","_host_"+e,[{mode:t,source:e,dependencies:[e],hostProp:!0}])}return o}static _parseBindings(t,e){let i,s=[],o=0;for(;null!==(i=gi.exec(t));){i.index>o&&s.push({literal:t.slice(o,i.index)});let r=i[1][0],n=Boolean(i[2]),a=i[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 d=wi(a),u=[];if(d){let{args:t,methodName:i}=d;for(let e=0;e<t.length;e++){let i=t[e];i.literal||u.push(i)}let s=e.dynamicFns;(s&&s[i]||d.static)&&(u.push(i),d.dynamicFn=!0)}else u.push(a);s.push({source:a,mode:r,negate:n,customEvent:l,signature:d,dependencies:u,event:h}),o=gi.lastIndex}if(o&&o<t.length){let e=t.substring(o);e&&s.push({literal:e})}return s.length?s:null}static _evaluateBinding(t,e,i,s,o,r){let n;return n=e.signature?vi(t,i,s,0,e.signature):i!=e.source?be(t,e.source):r&&ce(i)?be(t,i):t.__data[i],e.negate&&(n=!n),n}}})),Di=[],Ti=Zt((t=>{const e=Ee(t);function i(t){const e=Object.getPrototypeOf(t);return e.prototype instanceof o?e:null}function s(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__ownProperties",t))){let e=null;if(t.hasOwnProperty(JSCompiler_renameProperty("properties",t))){const i=t.properties;i&&(e=
|
|
651
|
-
/**
|
|
652
|
-
@license
|
|
653
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
654
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
655
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
656
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
657
|
-
Code distributed by Google as part of the polymer project is also
|
|
658
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
659
|
-
*/
|
|
660
|
-
function(t){const e={};for(let i in t){const s=t[i];e[i]="function"==typeof s?{type:s}:s}return e}(i))}t.__ownProperties=e}return t.__ownProperties}class o extends e{static get observedAttributes(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__observedAttributes",this))){const t=this._properties;this.__observedAttributes=t?Object.keys(t).map((t=>this.prototype._addPropertyToAttributeMap(t))):[]}return this.__observedAttributes}static finalize(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__finalized",this))){const t=i(this);t&&t.finalize(),this.__finalized=!0,this._finalizeClass()}}static _finalizeClass(){const t=s(this);t&&this.createProperties(t)}static get _properties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("__properties",this))){const t=i(this);this.__properties=Object.assign({},t&&t._properties,s(this))}return this.__properties}static typeForProperty(t){const e=this._properties[t];return e&&e.type}_initializeProperties(){this.constructor.finalize(),super._initializeProperties()}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this._enableProperties()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback()}}return o})),Si=window.ShadyCSS&&window.ShadyCSS.cssBuild,Mi=Zt((t=>{const e=Ti(Ci(t));function i(t,e,i,s){i.computed&&(i.readOnly=!0),i.computed&&(t._hasReadOnlyEffect(e)?console.warn(`Cannot redefine computed property '${e}'.`):t._createComputedProperty(e,i.computed,s)),i.readOnly&&!t._hasReadOnlyEffect(e)?t._createReadOnlyProperty(e,!i.computed):!1===i.readOnly&&t._hasReadOnlyEffect(e)&&console.warn(`Cannot make readOnly property '${e}' non-readOnly.`),i.reflectToAttribute&&!t._hasReflectEffect(e)?t._createReflectedProperty(e):!1===i.reflectToAttribute&&t._hasReflectEffect(e)&&console.warn(`Cannot make reflected property '${e}' non-reflected.`),i.notify&&!t._hasNotifyEffect(e)?t._createNotifyingProperty(e):!1===i.notify&&t._hasNotifyEffect(e)&&console.warn(`Cannot make notify property '${e}' non-notify.`),i.observer&&t._createPropertyObserver(e,i.observer,s[i.observer]),t._addPropertyToAttributeMap(e)}return class extends e{static get polymerElementVersion(){return"3.5.1"}static _finalizeClass(){e._finalizeClass.call(this);const t=((i=this).hasOwnProperty(JSCompiler_renameProperty("__ownObservers",i))||(i.__ownObservers=i.hasOwnProperty(JSCompiler_renameProperty("observers",i))?i.observers:null),i.__ownObservers);var i;t&&this.createObservers(t,this._properties),this._prepareTemplate()}static _prepareTemplate(){let t=this.template;t&&("string"==typeof t?(console.error("template getter must return HTMLTemplateElement"),t=null):Lt||(t=t.cloneNode(!0))),this.prototype._template=t}static createProperties(t){for(let e in t)i(this.prototype,e,t[e],t)}static createObservers(t,e){const i=this.prototype;for(let s=0;s<t.length;s++)i._createMethodObserver(t[s],e)}static get template(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_template",this))){let t=this.prototype.hasOwnProperty(JSCompiler_renameProperty("_template",this.prototype))?this.prototype._template:void 0;"function"==typeof t&&(t=t()),this._template=void 0!==t?t:this.hasOwnProperty(JSCompiler_renameProperty("is",this))&&function(t){let e=null;if(t&&(!Rt||Ht)&&(e=ie.import(t,"template"),Rt&&!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=Ot(t.url);else{const t=ie.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=Nt,this.importPath=this.constructor.importPath;let t=function(t){if(!t.hasOwnProperty(JSCompiler_renameProperty("__propertyDefaults",t))){t.__propertyDefaults=null;let e=t._properties;for(let i in e){let s=e[i];"value"in s&&(t.__propertyDefaults=t.__propertyDefaults||{},t.__propertyDefaults[i]=s)}}return t.__propertyDefaults}(this.constructor);if(t)for(let e in t){let i=t[e];if(this._canApplyPropertyDefault(e)){let t="function"==typeof i.value?i.value.call(this):i.value;this._hasAccessor(e)?this._setPendingProperty(e,t,!0):this[e]=t}}}_canApplyPropertyDefault(t){return!this.hasOwnProperty(t)}static _processStyleText(t,e){return Et(t,e)}static _finalizeTemplate(t){const e=this.prototype._template;if(e&&!e.__polymerFinalized){e.__polymerFinalized=!0;const i=this.importPath;(function(t,e,i,s){if(!Si){const o=e.content.querySelectorAll("style"),r=ae(e),n=function(t){let e=se(t);return e?le(e):[]}(i),a=e.content.firstElementChild;for(let i=0;i<n.length;i++){let o=n[i];o.textContent=t._processStyleText(o.textContent,s),e.content.insertBefore(o,a)}let l=0;for(let e=0;e<r.length;e++){let i=r[e],n=o[l];n!==i?(i=i.cloneNode(!0),n.parentNode.insertBefore(i,n)):l++,i.textContent=t._processStyleText(i.textContent,s)}}if(window.ShadyCSS&&window.ShadyCSS.prepareTemplate(e,i),Jt&&Si&&Bt){const i=e.content.querySelectorAll("style");if(i){let e="";Array.from(i).forEach((t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t._styleSheet=new CSSStyleSheet,t._styleSheet.replaceSync(e)}}})(this,e,t,i?Pt(i):""),this.prototype._bindTemplate(e)}}connectedCallback(){window.ShadyCSS&&this._template&&window.ShadyCSS.styleElement(this),super.connectedCallback()}ready(){this._template&&(this.root=this._stampTemplate(this._template),this.$=this.root.$),super.ready()}_readyClients(){this._template&&(this.root=this._attachDom(this.root)),super._readyClients()}_attachDom(t){const e=he(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])),$t&&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=Pt(this.importPath)),Pt(t,e)}static _parseTemplateContent(t,i,s){return i.dynamicFns=i.dynamicFns||this._properties,e._parseTemplateContent.call(this,t,i,s)}static _addTemplatePropertyEffect(t,i,s){return!Wt||i in this._properties||s.info.part.signature&&s.info.part.signature.static||s.info.part.hostProp||t.nestedTemplate||console.warn(`Property '${i}' used in template but not declared in 'properties'; attribute will not be observed.`),e._addTemplatePropertyEffect.call(this,t,i,s)}}})),zi=window.trustedTypes&&trustedTypes.createPolicy("polymer-html-literal",{createHTML:t=>t});class Fi{constructor(t,e){Oi(t,e);const i=e.reduce(((e,i,s)=>e+Pi(i)+t[s+1]),t[0]);this.value=i.toString()}toString(){return this.value}}function Pi(t){if(t instanceof Fi)return t.value;throw new Error(`non-literal value passed to Polymer's htmlLiteral function: ${t}`)}const Ei=function(t,...e){Oi(t,e);const i=document.createElement("template");let s=e.reduce(((e,i,s)=>e+function(t){if(t instanceof HTMLTemplateElement)return t.innerHTML;if(t instanceof Fi)return Pi(t);throw new Error(`non-template value passed to Polymer's html function: ${t}`)}(i)+t[s+1]),t[0]);return zi&&(s=zi.createHTML(s)),i.innerHTML=s,i},Oi=(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")},Ii=Mi(HTMLElement);
|
|
661
|
-
/**
|
|
662
|
-
* @license
|
|
663
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
664
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
665
|
-
*/
|
|
666
|
-
class Bi{static detectScrollType(){const t=document.createElement("div");t.textContent="ABCD",t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t);let e="reverse";return t.scrollLeft>0?e="default":(t.scrollLeft=2,t.scrollLeft<2&&(e="negative")),document.body.removeChild(t),e}static getNormalizedScrollLeft(t,e,i){const{scrollLeft:s}=i;if("rtl"!==e||!t)return s;switch(t){case"negative":return i.scrollWidth-i.clientWidth+s;case"reverse":return i.scrollWidth-i.clientWidth-s;default:return s}}static setNormalizedScrollLeft(t,e,i,s){if("rtl"===e&&t)switch(t){case"negative":i.scrollLeft=i.clientWidth-i.scrollWidth+s;break;case"reverse":i.scrollLeft=i.scrollWidth-i.clientWidth-s;break;default:i.scrollLeft=s}else i.scrollLeft=s}}
|
|
667
|
-
/**
|
|
668
|
-
* @license
|
|
669
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
670
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
671
|
-
*/const Ni=[];let ji;function Ri(t,e,i=t.getAttribute("dir")){e?t.setAttribute("dir",e):null!=i&&t.removeAttribute("dir")}function Hi(){return document.documentElement.getAttribute("dir")}new MutationObserver((function(){const t=Hi();Ni.forEach((e=>{Ri(e,t)}))})).observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const Li=t=>class extends t{static get properties(){return{dir:{type:String,value:"",reflectToAttribute:!0,converter:{fromAttribute:t=>t||"",toAttribute:t=>""===t?null:t}}}}static finalize(){super.finalize(),ji||(ji=Bi.detectScrollType())}connectedCallback(){super.connectedCallback(),this.hasAttribute("dir")&&!this.__restoreSubscription||(this.__subscribe(),Ri(this,Hi(),null))}attributeChangedCallback(t,e,i){if(super.attributeChangedCallback(t,e,i),"dir"!==t)return;const s=Hi(),o=i===s&&-1===Ni.indexOf(this),r=!i&&e&&-1===Ni.indexOf(this),n=i!==s&&e===s;o||r?(this.__subscribe(),Ri(this,s,i)):n&&this.__unsubscribe()}disconnectedCallback(){super.disconnectedCallback(),this.__restoreSubscription=Ni.includes(this),this.__unsubscribe()}_valueToNodeAttribute(t,e,i){("dir"!==i||""!==e||t.hasAttribute("dir"))&&super._valueToNodeAttribute(t,e,i)}_attributeToProperty(t,e,i){"dir"!==t||e?super._attributeToProperty(t,e,i):this.dir=""}__subscribe(){Ni.includes(this)||Ni.push(this)}__unsubscribe(){Ni.includes(this)&&Ni.splice(Ni.indexOf(this),1)}__getNormalizedScrollLeft(t){return Bi.getNormalizedScrollLeft(ji,this.getAttribute("dir")||"ltr",t)}__setNormalizedScrollLeft(t,e){return Bi.setNormalizedScrollLeft(ji,this.getAttribute("dir")||"ltr",t,e)}}
|
|
672
|
-
/**
|
|
673
|
-
* @license
|
|
674
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
675
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
676
|
-
*/;class Wi extends(gt(Li(Ii))){static get is(){return"vaadin-input-container"}static get template(){return Ei`
|
|
677
|
-
<style>
|
|
678
|
-
:host {
|
|
679
|
-
display: flex;
|
|
680
|
-
align-items: center;
|
|
681
|
-
flex: 0 1 auto;
|
|
682
|
-
}
|
|
683
|
-
|
|
684
|
-
:host([hidden]) {
|
|
685
|
-
display: none !important;
|
|
686
|
-
}
|
|
687
|
-
|
|
688
|
-
/* Reset the native input styles */
|
|
689
|
-
::slotted(input) {
|
|
690
|
-
-webkit-appearance: none;
|
|
691
|
-
-moz-appearance: none;
|
|
692
|
-
flex: auto;
|
|
693
|
-
white-space: nowrap;
|
|
694
|
-
overflow: hidden;
|
|
695
|
-
width: 100%;
|
|
696
|
-
height: 100%;
|
|
697
|
-
outline: none;
|
|
698
|
-
margin: 0;
|
|
699
|
-
padding: 0;
|
|
700
|
-
border: 0;
|
|
701
|
-
border-radius: 0;
|
|
702
|
-
min-width: 0;
|
|
703
|
-
font: inherit;
|
|
704
|
-
line-height: normal;
|
|
705
|
-
color: inherit;
|
|
706
|
-
background-color: transparent;
|
|
707
|
-
/* Disable default invalid style in Firefox */
|
|
708
|
-
box-shadow: none;
|
|
709
|
-
}
|
|
710
|
-
|
|
711
|
-
::slotted(*) {
|
|
712
|
-
flex: none;
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
::slotted(:is(input, textarea))::placeholder {
|
|
716
|
-
/* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
|
|
717
|
-
/* because ::slotted(...)::placeholder does not work in Safari. */
|
|
718
|
-
font: inherit;
|
|
719
|
-
color: inherit;
|
|
720
|
-
/* Override default opacity in Firefox */
|
|
721
|
-
opacity: 1;
|
|
722
|
-
}
|
|
723
|
-
</style>
|
|
724
|
-
<slot name="prefix"></slot>
|
|
725
|
-
<slot></slot>
|
|
726
|
-
<slot name="suffix"></slot>
|
|
727
|
-
`}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()))}))}}customElements.define(Wi.is,Wi);
|
|
728
|
-
/**
|
|
729
|
-
* @license
|
|
730
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
731
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
732
|
-
*/
|
|
733
|
-
const $i=u`
|
|
734
|
-
:host {
|
|
735
|
-
/* Square */
|
|
736
|
-
--lumo-space-xs: 0.25rem;
|
|
737
|
-
--lumo-space-s: 0.5rem;
|
|
738
|
-
--lumo-space-m: 1rem;
|
|
739
|
-
--lumo-space-l: 1.5rem;
|
|
740
|
-
--lumo-space-xl: 2.5rem;
|
|
741
|
-
|
|
742
|
-
/* Wide */
|
|
743
|
-
--lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
|
|
744
|
-
--lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
|
|
745
|
-
--lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
|
|
746
|
-
--lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
|
|
747
|
-
--lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
|
|
748
|
-
|
|
749
|
-
/* Tall */
|
|
750
|
-
--lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
|
|
751
|
-
--lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
|
|
752
|
-
--lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
|
|
753
|
-
--lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
|
|
754
|
-
--lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
|
|
755
|
-
}
|
|
756
|
-
`,Ui=document.createElement("template");Ui.innerHTML=`<style>${$i.toString().replace(":host","html")}</style>`,document.head.appendChild(Ui.content);
|
|
757
|
-
/**
|
|
758
|
-
* @license
|
|
759
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
760
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
761
|
-
*/
|
|
762
|
-
const Yi=u`
|
|
763
|
-
:host {
|
|
764
|
-
top: var(--lumo-space-m);
|
|
765
|
-
right: var(--lumo-space-m);
|
|
766
|
-
bottom: var(--lumo-space-m);
|
|
767
|
-
left: var(--lumo-space-m);
|
|
768
|
-
/* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */
|
|
769
|
-
/* stylelint-disable-next-line */
|
|
770
|
-
outline: 0px solid transparent;
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
[part='overlay'] {
|
|
774
|
-
background-color: var(--lumo-base-color);
|
|
775
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
776
|
-
border-radius: var(--lumo-border-radius-m);
|
|
777
|
-
box-shadow: 0 0 0 1px var(--lumo-shade-5pct), var(--lumo-box-shadow-m);
|
|
778
|
-
color: var(--lumo-body-text-color);
|
|
779
|
-
font-family: var(--lumo-font-family);
|
|
780
|
-
font-size: var(--lumo-font-size-m);
|
|
781
|
-
font-weight: 400;
|
|
782
|
-
line-height: var(--lumo-line-height-m);
|
|
783
|
-
letter-spacing: 0;
|
|
784
|
-
text-transform: none;
|
|
785
|
-
-webkit-text-size-adjust: 100%;
|
|
786
|
-
-webkit-font-smoothing: antialiased;
|
|
787
|
-
-moz-osx-font-smoothing: grayscale;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
[part='content'] {
|
|
791
|
-
padding: var(--lumo-space-xs);
|
|
792
|
-
}
|
|
793
|
-
|
|
794
|
-
[part='backdrop'] {
|
|
795
|
-
background-color: var(--lumo-shade-20pct);
|
|
796
|
-
animation: 0.2s lumo-overlay-backdrop-enter both;
|
|
797
|
-
will-change: opacity;
|
|
798
|
-
}
|
|
799
|
-
|
|
800
|
-
@keyframes lumo-overlay-backdrop-enter {
|
|
801
|
-
0% {
|
|
802
|
-
opacity: 0;
|
|
803
|
-
}
|
|
804
|
-
}
|
|
805
|
-
|
|
806
|
-
:host([closing]) [part='backdrop'] {
|
|
807
|
-
animation: 0.2s lumo-overlay-backdrop-exit both;
|
|
808
|
-
}
|
|
809
|
-
|
|
810
|
-
@keyframes lumo-overlay-backdrop-exit {
|
|
811
|
-
100% {
|
|
812
|
-
opacity: 0;
|
|
813
|
-
}
|
|
814
|
-
}
|
|
815
|
-
|
|
816
|
-
@keyframes lumo-overlay-dummy-animation {
|
|
817
|
-
0% {
|
|
818
|
-
opacity: 1;
|
|
819
|
-
}
|
|
820
|
-
|
|
821
|
-
100% {
|
|
822
|
-
opacity: 1;
|
|
823
|
-
}
|
|
824
|
-
}
|
|
825
|
-
`;
|
|
826
|
-
/**
|
|
827
|
-
@license
|
|
828
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
829
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
830
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
831
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
832
|
-
Code distributed by Google as part of the polymer project is also
|
|
833
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
834
|
-
*/
|
|
835
|
-
function qi(t,e,i){return{index:t,removed:e,addedCount:i}}function Vi(t,e){return t===e}
|
|
836
|
-
/**
|
|
837
|
-
@license
|
|
838
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
839
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
840
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
841
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
842
|
-
Code distributed by Google as part of the polymer project is also
|
|
843
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
844
|
-
*/function Gi(t){return"slot"===t.localName}ut("",Yi,{moduleId:"lumo-overlay"}),ut("vaadin-overlay",Yi,{moduleId:"lumo-vaadin-overlay"});let Ji=class{static getFlattenedNodes(t){const e=he(t);return Gi(t)?(t=t,e.assignedNodes({flatten:!0})):Array.from(e.childNodes).map((t=>Gi(t)?he(t=t).assignedNodes({flatten:!0}):[t])).reduce(((t,e)=>t.concat(e)),[])}constructor(t,e){this._shadyChildrenObserver=null,this._nativeChildrenObserver=null,this._connected=!1,this._target=t,this.callback=e,this._effectiveNodes=[],this._observer=null,this._scheduled=!1,this._boundSchedule=()=>{this._schedule()},this.connect(),this._schedule()}connect(){Gi(this._target)?this._listenSlots([this._target]):he(this._target).children&&(this._listenSlots(he(this._target).children),window.ShadyDOM?this._shadyChildrenObserver=window.ShadyDOM.observeChildren(this._target,(t=>{this._processMutations(t)})):(this._nativeChildrenObserver=new MutationObserver((t=>{this._processMutations(t)})),this._nativeChildrenObserver.observe(this._target,{childList:!0}))),this._connected=!0}disconnect(){Gi(this._target)?this._unlistenSlots([this._target]):he(this._target).children&&(this._unlistenSlots(he(this._target).children),window.ShadyDOM&&this._shadyChildrenObserver?(window.ShadyDOM.unobserveChildren(this._shadyChildrenObserver),this._shadyChildrenObserver=null):this._nativeChildrenObserver&&(this._nativeChildrenObserver.disconnect(),this._nativeChildrenObserver=null)),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,Fe.run((()=>this.flush())))}_processMutations(t){this._processSlotMutations(t),this.flush()}_processSlotMutations(t){if(t)for(let e=0;e<t.length;e++){let i=t[e];i.addedNodes&&this._listenSlots(i.addedNodes),i.removedNodes&&this._unlistenSlots(i.removedNodes)}}flush(){if(!this._connected)return!1;window.ShadyDOM&&ShadyDOM.flush(),this._nativeChildrenObserver?this._processSlotMutations(this._nativeChildrenObserver.takeRecords()):this._shadyChildrenObserver&&this._processSlotMutations(this._shadyChildrenObserver.takeRecords()),this._scheduled=!1;let t={target:this._target,addedNodes:[],removedNodes:[]},e=this.constructor.getFlattenedNodes(this._target),i=function(t,e,i,s,o,r){let n,a=0,l=0,h=Math.min(i-e,r-o);if(0==e&&0==o&&(a=function(t,e,i){for(let s=0;s<i;s++)if(!Vi(t[s],e[s]))return s;return i}(t,s,h)),i==t.length&&r==s.length&&(l=function(t,e,i){let s=t.length,o=e.length,r=0;for(;r<i&&Vi(t[--s],e[--o]);)r++;return r}(t,s,h-a)),o+=a,r-=l,(i-=l)-(e+=a)==0&&r-o==0)return[];if(e==i){for(n=qi(e,[],0);o<r;)n.removed.push(s[o++]);return[n]}if(o==r)return[qi(e,[],i-e)];let c=function(t){let e=t.length-1,i=t[0].length-1,s=t[e][i],o=[];for(;e>0||i>0;){if(0==e){o.push(2),i--;continue}if(0==i){o.push(3),e--;continue}let r,n=t[e-1][i-1],a=t[e-1][i],l=t[e][i-1];r=a<l?a<n?a:n:l<n?l:n,r==n?(n==s?o.push(0):(o.push(1),s=n),e--,i--):r==a?(o.push(3),e--,s=a):(o.push(2),i--,s=l)}return o.reverse(),o}(function(t,e,i,s,o,r){let n=r-o+1,a=i-e+1,l=new Array(n);for(let t=0;t<n;t++)l[t]=new Array(a),l[t][0]=t;for(let t=0;t<a;t++)l[0][t]=t;for(let i=1;i<n;i++)for(let r=1;r<a;r++)if(Vi(t[e+r-1],s[o+i-1]))l[i][r]=l[i-1][r-1];else{let t=l[i-1][r]+1,e=l[i][r-1]+1;l[i][r]=t<e?t:e}return l}(t,e,i,s,o,r));n=void 0;let d=[],u=e,p=o;for(let t=0;t<c.length;t++)switch(c[t]){case 0:n&&(d.push(n),n=void 0),u++,p++;break;case 1:n||(n=qi(u,[],0)),n.addedCount++,u++,n.removed.push(s[p]),p++;break;case 2:n||(n=qi(u,[],0)),n.addedCount++,u++;break;case 3:n||(n=qi(u,[],0)),n.removed.push(s[p]),p++}return n&&d.push(n),d}(s=e,0,s.length,o=this._effectiveNodes,0,o.length);var s,o;for(let e,s=0;s<i.length&&(e=i[s]);s++)for(let i,s=0;s<e.removed.length&&(i=e.removed[s]);s++)t.removedNodes.push(i);for(let s,o=0;o<i.length&&(s=i[o]);o++)for(let i=s.index;i<s.index+s.addedCount;i++)t.addedNodes.push(e[i]);this._effectiveNodes=e;let r=!1;return(t.addedNodes.length||t.removedNodes.length)&&(r=!0,this.callback.call(this._target,t)),r}_listenSlots(t){for(let e=0;e<t.length;e++){let i=t[e];Gi(i)&&i.addEventListener("slotchange",this._boundSchedule)}}_unlistenSlots(t){for(let e=0;e<t.length;e++){let i=t[e];Gi(i)&&i.removeEventListener("slotchange",this._boundSchedule)}}},Ki=!1,Zi=[],Xi=[];
|
|
845
|
-
/**
|
|
846
|
-
@license
|
|
847
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
848
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
849
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
850
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
851
|
-
Code distributed by Google as part of the polymer project is also
|
|
852
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
853
|
-
*/function Qi(t){const e=t[0],i=t[1],s=t[2];try{i.apply(e,s)}catch(t){setTimeout((()=>{throw t}))}}function ts(t,e,i){Ki||(Ki=!0,requestAnimationFrame((function(){Ki=!1,function(t){for(;t.length;)Qi(t.shift())}(Zi),setTimeout((function(){!function(t){for(let e=0,i=t.length;e<i;e++)Qi(t.shift())}(Xi)}))}))),Xi.push([t,e,i])}
|
|
854
|
-
/**
|
|
855
|
-
@license
|
|
856
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
857
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
858
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
859
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
860
|
-
Code distributed by Google as part of the polymer project is also
|
|
861
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
862
|
-
*/function es(t,e,i,s,o){let r;o&&(r="object"==typeof i&&null!==i,r&&(s=t.__dataTemp[e]));let n=s!==i&&(s==s||i==i);return r&&n&&(t.__dataTemp[e]=i),n}const is=Zt((t=>class extends t{_shouldPropertyChange(t,e,i){return es(this,t,e,i,!0)}})),ss=Zt((t=>class extends t{static get properties(){return{mutableData:Boolean}}_shouldPropertyChange(t,e,i){return es(this,t,e,i,this.mutableData)}}));is._mutablePropertyChange=es;
|
|
863
|
-
/**
|
|
864
|
-
@license
|
|
865
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
866
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
867
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
868
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
869
|
-
Code distributed by Google as part of the polymer project is also
|
|
870
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
871
|
-
*/
|
|
872
|
-
let os=null;function rs(){return os}rs.prototype=Object.create(HTMLTemplateElement.prototype,{constructor:{value:rs,writable:!0}});const ns=Ci(rs),as=is(ns),ls=Ci(class{});class hs extends ls{constructor(t){super(),this._configureProperties(t),this.root=this._stampTemplate(this.__dataHost);let e=[];this.children=e;for(let t=this.root.firstChild;t;t=t.nextSibling)e.push(t),t.__templatizeInstance=this;this.__templatizeOwner&&this.__templatizeOwner.__hideTemplateChildren__&&this._showHideChildren(!0);let i=this.__templatizeOptions;(t&&i.instanceProps||!i.instanceProps)&&this._enableProperties()}_configureProperties(t){if(this.__templatizeOptions.forwardHostProp)for(let t in this.__hostProps)this._setPendingProperty(t,this.__dataHost["_host_"+t]);for(let e in t)this._setPendingProperty(e,t[e])}forwardHostProp(t,e){this._setPendingPropertyOrPath(t,e,!1,!0)&&this.__dataHost._enqueueClient(this)}_addEventListenerToNode(t,e,i){if(this._methodHost&&this.__templatizeOptions.parentModel)this._methodHost._addEventListenerToNode(t,e,(t=>{t.model=this,i(t)}));else{let s=this.__dataHost.__dataHost;s&&s._addEventListenerToNode(t,e,i)}}_showHideChildren(t){!function(t,e){for(let i=0;i<e.length;i++){let s=e[i];if(Boolean(t)!=Boolean(s.__hideTemplateChildren__))if(s.nodeType===Node.TEXT_NODE)t?(s.__polymerTextContent__=s.textContent,s.textContent=""):s.textContent=s.__polymerTextContent__;else if("slot"===s.localName)if(t)s.__polymerReplaced__=document.createComment("hidden-slot"),he(he(s).parentNode).replaceChild(s.__polymerReplaced__,s);else{const t=s.__polymerReplaced__;t&&he(he(t).parentNode).replaceChild(s,t)}else s.style&&(t?(s.__polymerDisplay__=s.style.display,s.style.display="none"):s.style.display=s.__polymerDisplay__);s.__hideTemplateChildren__=t,s._showHideChildren&&s._showHideChildren(t)}}(t,this.children)}_setUnmanagedPropertyToNode(t,e,i){t.__hideTemplateChildren__&&t.nodeType==Node.TEXT_NODE&&"textContent"==e?t.__polymerTextContent__=i:super._setUnmanagedPropertyToNode(t,e,i)}get parentModel(){let t=this.__parentModel;if(!t){let e;t=this;do{t=t.__dataHost.__dataHost}while((e=t.__templatizeOptions)&&!e.parentModel);this.__parentModel=t}return t}dispatchEvent(t){return!0}}const cs=is(hs);function ds(t){let e=t.__dataHost;return e&&e._methodHost||e}function us(t,e){return function(t,i,s){e.call(t.__templatizeOwner,i.substring("_host_".length),s[i])}}function ps(t,e){return function(t,i,s){e.call(t.__templatizeOwner,t,i,s[i])}}function ms(t,e,i){if(Rt&&!ds(t))throw new Error("strictTemplatePolicy: template owner not trusted");if(i=i||{},t.__templatizeOwner)throw new Error("A <template> can only be templatized once");t.__templatizeOwner=e;let s=(e?e.constructor:hs)._parseTemplate(t),o=s.templatizeInstanceClass;o||(o=function(t,e,i){let s=i.mutableData?cs:hs;ms.mixin&&(s=ms.mixin(s));let o=class extends s{};return o.prototype.__templatizeOptions=i,o.prototype._bindTemplate(t),function(t,e,i,s){let o=i.hostProps||{};for(let e in s.instanceProps){delete o[e];let i=s.notifyInstanceProp;i&&t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:ps(0,i)})}if(s.forwardHostProp&&e.__dataHost)for(let e in o)i.hasHostProps||(i.hasHostProps=!0),t.prototype._addPropertyEffect(e,t.prototype.PROPERTY_EFFECT_TYPES.NOTIFY,{fn:function(t,e,i){t.__dataHost._setPendingPropertyOrPath("_host_"+e,i[e],!0,!0)}})}(o,t,e,i),o}(t,s,i),s.templatizeInstanceClass=o);const r=ds(t);!function(t,e,i,s){let o=i.forwardHostProp;if(o&&e.hasHostProps){const r="template"==t.localName;let n=e.templatizeTemplateClass;if(!n){if(r){let t=i.mutableData?as:ns;class s extends t{}n=e.templatizeTemplateClass=s}else{const i=t.constructor;class s extends i{}n=e.templatizeTemplateClass=s}let a=e.hostProps;for(let t in a)n.prototype._addPropertyEffect("_host_"+t,n.prototype.PROPERTY_EFFECT_TYPES.PROPAGATE,{fn:us(0,o)}),n.prototype._createNotifyingProperty("_host_"+t);Wt&&s&&function(t,e,i){const s=i.constructor._properties,{propertyEffects:o}=t,{instanceProps:r}=e;for(let t in o)if(!(s[t]||r&&r[t])){const e=o[t];for(let i=0;i<e.length;i++){const{part:s}=e[i].info;if(!s.signature||!s.signature.static){console.warn(`Property '${t}' used in template but not declared in 'properties'; attribute will not be observed.`);break}}}}(e,i,s)}if(t.__dataProto&&Object.assign(t.__data,t.__dataProto),r)!function(t,e){os=t,Object.setPrototypeOf(t,e.prototype),new e,os=null}(t,n),t.__dataTemp={},t.__dataPending=null,t.__dataOld=null,t._enableProperties();else{Object.setPrototypeOf(t,n.prototype);const i=e.hostProps;for(let e in i)if(e="_host_"+e,e in t){const i=t[e];delete t[e],t.__data[e]=i}}}}(t,s,i,r);let n=class extends o{};return n.prototype._methodHost=r,n.prototype.__dataHost=t,n.prototype.__templatizeOwner=e,n.prototype.__hostProps=s.hostProps,n=n,n}
|
|
873
|
-
/**
|
|
874
|
-
* @license
|
|
875
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
876
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
877
|
-
*/
|
|
878
|
-
const fs=t=>t.test(navigator.userAgent),vs=t=>t.test(navigator.platform);fs(/Android/),fs(/Chrome/)&&/Google Inc/.test(navigator.vendor);const bs=fs(/Firefox/),gs=vs(/^iPad/)||vs(/^Mac/)&&navigator.maxTouchPoints>1,ys=vs(/^iPhone/)||gs;fs(/^((?!chrome|android).)*safari/i);const ws=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})(),_s=Zt((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)}}));
|
|
879
|
-
/**
|
|
880
|
-
* @license
|
|
881
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
882
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
883
|
-
*/
|
|
884
|
-
/**
|
|
885
|
-
* @license
|
|
886
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
887
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
888
|
-
*/
|
|
889
|
-
let xs=!1;function ks(t,e){const i=Math.max(t.tabIndex,0),s=Math.max(e.tabIndex,0);return 0===i||0===s?s>i:i>s}function As(t){const e=t.length;if(e<2)return t;const i=Math.ceil(e/2);return function(t,e){const i=[];for(;t.length>0&&e.length>0;)ks(t[0],e[0])?i.push(e.shift()):i.push(t.shift());return i.concat(t,e)}(As(t.slice(0,i)),As(t.slice(i)))}function Cs(t,e){if(t.nodeType!==Node.ELEMENT_NODE||function(t){const e=t.style;if("hidden"===e.visibility||"none"===e.display)return!0;const i=window.getComputedStyle(t);return"hidden"===i.visibility||"none"===i.display}(t))return!1;const i=t,s=function(t){if(!function(t){return!t.matches('[tabindex="-1"]')&&(t.matches("input, select, textarea, button, object")?t.matches(":not([disabled])"):t.matches("a[href], area[href], iframe, [tabindex], [contentEditable]"))}(t))return-1;const e=t.getAttribute("tabindex")||0;return Number(e)}(i);let o=s>0;s>=0&&e.push(i);let r=[];return r="slot"===i.localName?i.assignedNodes({flatten:!0}):(i.shadowRoot||i).children,[...r].forEach((t=>{o=Cs(t,e)||o})),o}function Ds(t){return t.getRootNode().activeElement===t}window.addEventListener("keydown",(()=>{xs=!0}),{capture:!0}),window.addEventListener("mousedown",(()=>{xs=!1}),{capture:!0});
|
|
890
|
-
/**
|
|
891
|
-
* @license
|
|
892
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
893
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
894
|
-
*/
|
|
895
|
-
const Ts=[];class Ss{constructor(t){this.host=t,this.__trapNode=null,this.__onKeyDown=this.__onKeyDown.bind(this)}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.");Ts.push(this),-1===this.__focusedElementIndex&&this.__focusableElements[0].focus()}releaseFocus(){this.__trapNode=null,Ts.pop()}__onKeyDown(t){this.__trapNode&&this===Array.from(Ts).pop()&&"Tab"===t.key&&(t.preventDefault(),this.__focusNextElement(t.shiftKey))}__focusNextElement(t=!1){const e=this.__focusableElements,i=e[(e.length+this.__focusedElementIndex+(t?-1:1))%e.length];i.focus(),"input"===i.localName&&i.select()}get __focusableElements(){return function(t){const e=[];return Cs(t,e)?As(e):e}(this.__trapNode)}get __focusedElementIndex(){const t=this.__focusableElements;return t.indexOf(t.filter(Ds).pop())}}
|
|
896
|
-
/**
|
|
897
|
-
* @license
|
|
898
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
899
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
900
|
-
*/class Ms extends(gt(Li(_s(Ii)))){static get template(){return Ei`
|
|
901
|
-
<style>
|
|
902
|
-
:host {
|
|
903
|
-
z-index: 200;
|
|
904
|
-
position: fixed;
|
|
905
|
-
|
|
906
|
-
/* Despite of what the names say, <vaadin-overlay> is just a container
|
|
907
|
-
for position/sizing/alignment. The actual overlay is the overlay part. */
|
|
908
|
-
|
|
909
|
-
/* Default position constraints: the entire viewport. Note: themes can
|
|
910
|
-
override this to introduce gaps between the overlay and the viewport. */
|
|
911
|
-
top: 0;
|
|
912
|
-
right: 0;
|
|
913
|
-
bottom: var(--vaadin-overlay-viewport-bottom);
|
|
914
|
-
left: 0;
|
|
915
|
-
|
|
916
|
-
/* Use flexbox alignment for the overlay part. */
|
|
917
|
-
display: flex;
|
|
918
|
-
flex-direction: column; /* makes dropdowns sizing easier */
|
|
919
|
-
/* Align to center by default. */
|
|
920
|
-
align-items: center;
|
|
921
|
-
justify-content: center;
|
|
922
|
-
|
|
923
|
-
/* Allow centering when max-width/max-height applies. */
|
|
924
|
-
margin: auto;
|
|
925
|
-
|
|
926
|
-
/* The host is not clickable, only the overlay part is. */
|
|
927
|
-
pointer-events: none;
|
|
928
|
-
|
|
929
|
-
/* Remove tap highlight on touch devices. */
|
|
930
|
-
-webkit-tap-highlight-color: transparent;
|
|
931
|
-
|
|
932
|
-
/* CSS API for host */
|
|
933
|
-
--vaadin-overlay-viewport-bottom: 0;
|
|
934
|
-
}
|
|
935
|
-
|
|
936
|
-
:host([hidden]),
|
|
937
|
-
:host(:not([opened]):not([closing])) {
|
|
938
|
-
display: none !important;
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
[part='overlay'] {
|
|
942
|
-
-webkit-overflow-scrolling: touch;
|
|
943
|
-
overflow: auto;
|
|
944
|
-
pointer-events: auto;
|
|
945
|
-
|
|
946
|
-
/* Prevent overflowing the host in MSIE 11 */
|
|
947
|
-
max-width: 100%;
|
|
948
|
-
box-sizing: border-box;
|
|
949
|
-
|
|
950
|
-
-webkit-tap-highlight-color: initial; /* reenable tap highlight inside */
|
|
951
|
-
}
|
|
952
|
-
|
|
953
|
-
[part='backdrop'] {
|
|
954
|
-
z-index: -1;
|
|
955
|
-
content: '';
|
|
956
|
-
background: rgba(0, 0, 0, 0.5);
|
|
957
|
-
position: fixed;
|
|
958
|
-
top: 0;
|
|
959
|
-
left: 0;
|
|
960
|
-
bottom: 0;
|
|
961
|
-
right: 0;
|
|
962
|
-
pointer-events: auto;
|
|
963
|
-
}
|
|
964
|
-
</style>
|
|
965
|
-
|
|
966
|
-
<div id="backdrop" part="backdrop" hidden$="[[!withBackdrop]]"></div>
|
|
967
|
-
<div part="overlay" id="overlay" tabindex="0">
|
|
968
|
-
<div part="content" id="content">
|
|
969
|
-
<slot></slot>
|
|
970
|
-
</div>
|
|
971
|
-
</div>
|
|
972
|
-
`}static get is(){return"vaadin-overlay"}static get properties(){return{opened:{type:Boolean,notify:!0,observer:"_openedChanged",reflectToAttribute:!0},owner:Element,renderer:Function,template:{type:Object,notify:!0},content:{type:Object,notify:!0},withBackdrop:{type:Boolean,value:!1,reflectToAttribute:!0},model:Object,modeless:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_modelessChanged"},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_hiddenChanged"},focusTrap:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!1},restoreFocusNode:{type:HTMLElement},_mouseDownInside:{type:Boolean},_mouseUpInside:{type:Boolean},_instance:{type:Object},_originalContentPart:Object,_contentNodes:Array,_oldOwner:Element,_oldModel:Object,_oldTemplate:Object,_oldRenderer:Object,_oldOpened:Boolean}}static get observers(){return["_templateOrRendererChanged(template, 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),this._observer=new Ji(this,(t=>{this._setTemplateFromNodes(t.addedNodes)})),this._boundIronOverlayCanceledListener=this._ironOverlayCanceled.bind(this),ys&&(this._boundIosResizeListener=()=>this._detectIosNavbar()),this.__focusTrapController=new Ss(this)}ready(){super.ready(),this._observer.flush(),this.addEventListener("click",(()=>{})),this.$.backdrop.addEventListener("click",(()=>{})),this.addController(this.__focusTrapController)}_detectIosNavbar(){if(!this.opened)return;const t=window.innerHeight,e=window.innerWidth,i=document.documentElement.clientHeight;this.style.setProperty("--vaadin-overlay-viewport-bottom",e>t&&i>t?i-t+"px":"0")}_setTemplateFromNodes(t){this.template=t.find((t=>t.localName&&"template"===t.localName))||this.template}close(t){const e=new CustomEvent("vaadin-overlay-close",{bubbles:!0,cancelable:!0,detail:{sourceEvent:t}});this.dispatchEvent(e),e.defaultPrevented||(this.opened=!1)}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.content,this.owner,this.model)}_ironOverlayCanceled(t){t.preventDefault()}_mouseDownListener(t){this._mouseDownInside=t.composedPath().indexOf(this.$.overlay)>=0}_mouseUpListener(t){this._mouseUpInside=t.composedPath().indexOf(this.$.overlay)>=0}_outsideClickListener(t){if(t.composedPath().includes(this.$.overlay)||this._mouseDownInside||this._mouseUpInside)return this._mouseDownInside=!1,void(this._mouseUpInside=!1);if(!this._last)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)}}_ensureTemplatized(){this._setTemplateFromNodes(Array.from(this.children))}_openedChanged(t,e){this._instance||this._ensureTemplatized(),t?(this.__restoreFocusNode=this._getActiveElement(),this._animatedOpening(),ts(this,(()=>{this.focusTrap&&this.__focusTrapController.trapFocus(this.$.overlay);const t=new CustomEvent("vaadin-overlay-open",{bubbles:!0});this.dispatchEvent(t)})),document.addEventListener("keydown",this._boundKeydownListener),this.modeless||this._addGlobalListeners()):e&&(this.focusTrap&&this.__focusTrapController.releaseFocus(),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).getPropertyValue("animation-name");return!("none"===getComputedStyle(this).getPropertyValue("display"))&&t&&"none"!==t}_enqueueAnimation(t,e){const i=`__${t}Handler`,s=t=>{t&&t.target!==this||(e(),this.removeEventListener("animationend",s),delete this[i])};this[i]=s,this.addEventListener("animationend",s)}_flushAnimation(t){const e=`__${t}Handler`;"function"==typeof this[e]&&this[e]()}_animatedOpening(){this.parentNode===document.body&&this.hasAttribute("closing")&&this._flushAnimation("closing"),this._attachOverlay(),this.modeless||this._enterModalState(),this.setAttribute("opening",""),this._shouldAnimate()?this._enqueueAnimation("opening",(()=>{this._finishOpening()})):this._finishOpening()}_attachOverlay(){this._placeholder=document.createComment("vaadin-overlay-placeholder"),this.parentNode.insertBefore(this._placeholder,this),document.body.appendChild(this),this.bringToFront()}_finishOpening(){document.addEventListener("iron-overlay-canceled",this._boundIronOverlayCanceledListener),this.removeAttribute("opening")}_finishClosing(){document.removeEventListener("iron-overlay-canceled",this._boundIronOverlayCanceledListener),this._detachOverlay(),this.$.overlay.style.removeProperty("pointer-events"),this.removeAttribute("closing")}_animatedClosing(){if(this.hasAttribute("opening")&&this._flushAnimation("opening"),this._placeholder){this._exitModalState();const t=this.restoreFocusNode||this.__restoreFocusNode;if(this.restoreFocusOnClose&&t){const e=this._getActiveElement();(e===document.body||this._deepContains(e))&&setTimeout((()=>t.focus())),this.__restoreFocusNode=null}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)}static get __attachedInstances(){return Array.from(document.body.children).filter((t=>t instanceof Ms&&!t.hasAttribute("closing"))).sort(((t,e)=>t.__zIndex-e.__zIndex||0))}get _last(){return this===Ms.__attachedInstances.pop()}_modelessChanged(t){t?(this._removeGlobalListeners(),this._exitModalState()):this.opened&&(this._addGlobalListeners(),this._enterModalState())}_addGlobalListeners(){document.addEventListener("mousedown",this._boundMouseDownListener),document.addEventListener("mouseup",this._boundMouseUpListener),document.documentElement.addEventListener("click",this._boundOutsideClickListener,!0)}_enterModalState(){"none"!==document.body.style.pointerEvents&&(this._previousDocumentPointerEvents=document.body.style.pointerEvents,document.body.style.pointerEvents="none"),Ms.__attachedInstances.forEach((t=>{t!==this&&(t.shadowRoot.querySelector('[part="overlay"]').style.pointerEvents="none")}))}_removeGlobalListeners(){document.removeEventListener("mousedown",this._boundMouseDownListener),document.removeEventListener("mouseup",this._boundMouseUpListener),document.documentElement.removeEventListener("click",this._boundOutsideClickListener,!0)}_exitModalState(){void 0!==this._previousDocumentPointerEvents&&(document.body.style.pointerEvents=this._previousDocumentPointerEvents,delete this._previousDocumentPointerEvents);const t=Ms.__attachedInstances;let e;for(;(e=t.pop())&&(e===this||(e.shadowRoot.querySelector('[part="overlay"]').style.removeProperty("pointer-events"),e.modeless)););}_removeOldContent(){this.content&&this._contentNodes&&(this._observer.disconnect(),this._contentNodes.forEach((t=>{t.parentNode===this.content&&this.content.removeChild(t)})),this._originalContentPart&&(this.$.content.parentNode.replaceChild(this._originalContentPart,this.$.content),this.$.content=this._originalContentPart,this._originalContentPart=void 0),this._observer.connect(),this._contentNodes=void 0,this.content=void 0)}_stampOverlayTemplate(t){this._removeOldContent(),t._Templatizer||(t._Templatizer=ms(t,this,{forwardHostProp(t,e){this._instance&&this._instance.forwardHostProp(t,e)}})),this._instance=new t._Templatizer({}),this._contentNodes=Array.from(this._instance.root.childNodes);const e=t._templateRoot||(t._templateRoot=t.getRootNode());if(e!==document){this.$.content.shadowRoot||this.$.content.attachShadow({mode:"open"});let t=Array.from(e.querySelectorAll("style")).reduce(((t,e)=>t+e.textContent),"");if(t=t.replace(/:host/g,":host-nomatch"),t){const e=document.createElement("style");e.textContent=t,this.$.content.shadowRoot.appendChild(e),this._contentNodes.unshift(e)}this.$.content.shadowRoot.appendChild(this._instance.root),this.content=this.$.content.shadowRoot}else this.appendChild(this._instance.root),this.content=this}_removeNewRendererOrTemplate(t,e,i,s){t!==e?this.template=void 0:i!==s&&(this.renderer=void 0)}_templateOrRendererChanged(t,e,i,s,o){if(t&&e)throw this._removeNewRendererOrTemplate(t,this._oldTemplate,e,this._oldRenderer),new Error("You should only use either a renderer or a template for overlay content");const r=this._oldOwner!==i||this._oldModel!==s;this._oldModel=s,this._oldOwner=i;const n=this._oldTemplate!==t;this._oldTemplate=t;const a=this._oldRenderer!==e;this._oldRenderer=e;const l=this._oldOpened!==o;this._oldOpened=o,a&&(this.content=this,this.content.innerHTML="",delete this.content._$litPart$),t&&n?this._stampOverlayTemplate(t):e&&(a||l||r)&&o&&this.requestContentUpdate()}_getActiveElement(){let t=document.activeElement||document.body;for(;t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}_deepContains(t){if(this.contains(t))return!0;let e=t;const i=t.ownerDocument;for(;e&&e!==i&&e!==this;)e=e.parentNode||e.host;return e===this}bringToFront(){let t="";const e=Ms.__attachedInstances.filter((t=>t!==this)).pop();e&&(t=e.__zIndex+1),this.style.zIndex=t,this.__zIndex=t||parseFloat(getComputedStyle(this).zIndex)}}customElements.define(Ms.is,Ms);
|
|
973
|
-
/**
|
|
974
|
-
* @license
|
|
975
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
976
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
977
|
-
*/
|
|
978
|
-
const zs=u`
|
|
979
|
-
:host([opening]),
|
|
980
|
-
:host([closing]) {
|
|
981
|
-
animation: 0.14s lumo-overlay-dummy-animation;
|
|
982
|
-
}
|
|
983
|
-
|
|
984
|
-
[part='overlay'] {
|
|
985
|
-
will-change: opacity, transform;
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
:host([opening]) [part='overlay'] {
|
|
989
|
-
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
|
990
|
-
}
|
|
991
|
-
|
|
992
|
-
@keyframes lumo-menu-overlay-enter {
|
|
993
|
-
0% {
|
|
994
|
-
opacity: 0;
|
|
995
|
-
transform: translateY(-4px);
|
|
996
|
-
}
|
|
997
|
-
}
|
|
998
|
-
|
|
999
|
-
:host([closing]) [part='overlay'] {
|
|
1000
|
-
animation: 0.1s lumo-menu-overlay-exit both;
|
|
1001
|
-
}
|
|
1002
|
-
|
|
1003
|
-
@keyframes lumo-menu-overlay-exit {
|
|
1004
|
-
100% {
|
|
1005
|
-
opacity: 0;
|
|
1006
|
-
}
|
|
1007
|
-
}
|
|
1008
|
-
`;ut("",zs,{moduleId:"lumo-menu-overlay-core"});const Fs=[Yi,zs,u`
|
|
1009
|
-
/* Small viewport (bottom sheet) styles */
|
|
1010
|
-
/* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */
|
|
1011
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
1012
|
-
:host {
|
|
1013
|
-
top: 0 !important;
|
|
1014
|
-
right: 0 !important;
|
|
1015
|
-
bottom: var(--vaadin-overlay-viewport-bottom, 0) !important;
|
|
1016
|
-
left: 0 !important;
|
|
1017
|
-
align-items: stretch !important;
|
|
1018
|
-
justify-content: flex-end !important;
|
|
1019
|
-
}
|
|
1020
|
-
|
|
1021
|
-
[part='overlay'] {
|
|
1022
|
-
max-height: 50vh;
|
|
1023
|
-
width: 100vw;
|
|
1024
|
-
border-radius: 0;
|
|
1025
|
-
box-shadow: var(--lumo-box-shadow-xl);
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
/* The content part scrolls instead of the overlay part, because of the gradient fade-out */
|
|
1029
|
-
[part='content'] {
|
|
1030
|
-
padding: 30px var(--lumo-space-m);
|
|
1031
|
-
max-height: inherit;
|
|
1032
|
-
box-sizing: border-box;
|
|
1033
|
-
-webkit-overflow-scrolling: touch;
|
|
1034
|
-
overflow: auto;
|
|
1035
|
-
-webkit-mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1036
|
-
mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);
|
|
1037
|
-
}
|
|
1038
|
-
|
|
1039
|
-
[part='backdrop'] {
|
|
1040
|
-
display: block;
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
|
-
/* Animations */
|
|
1044
|
-
|
|
1045
|
-
:host([opening]) [part='overlay'] {
|
|
1046
|
-
animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
1047
|
-
}
|
|
1048
|
-
|
|
1049
|
-
:host([closing]),
|
|
1050
|
-
:host([closing]) [part='backdrop'] {
|
|
1051
|
-
animation-delay: 0.14s;
|
|
1052
|
-
}
|
|
1053
|
-
|
|
1054
|
-
:host([closing]) [part='overlay'] {
|
|
1055
|
-
animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
|
|
1056
|
-
}
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
@keyframes lumo-mobile-menu-overlay-enter {
|
|
1060
|
-
0% {
|
|
1061
|
-
transform: translateY(150%);
|
|
1062
|
-
}
|
|
1063
|
-
}
|
|
1064
|
-
|
|
1065
|
-
@keyframes lumo-mobile-menu-overlay-exit {
|
|
1066
|
-
100% {
|
|
1067
|
-
transform: translateY(150%);
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1070
|
-
`];ut("",Fs,{moduleId:"lumo-menu-overlay"}),ut("vaadin-date-picker-overlay",[Fs,u`
|
|
1071
|
-
[part='overlay'] {
|
|
1072
|
-
/*
|
|
1073
|
-
Width:
|
|
1074
|
-
date cell widths
|
|
1075
|
-
+ month calendar side padding
|
|
1076
|
-
+ year scroller width
|
|
1077
|
-
*/
|
|
1078
|
-
/* prettier-ignore */
|
|
1079
|
-
width:
|
|
1080
|
-
calc(
|
|
1081
|
-
var(--lumo-size-m) * 7
|
|
1082
|
-
+ var(--lumo-space-xs) * 2
|
|
1083
|
-
+ 57px
|
|
1084
|
-
);
|
|
1085
|
-
height: 100%;
|
|
1086
|
-
max-height: calc(var(--lumo-size-m) * 14);
|
|
1087
|
-
overflow: hidden;
|
|
1088
|
-
-webkit-tap-highlight-color: transparent;
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
[part='overlay'] {
|
|
1092
|
-
flex-direction: column;
|
|
1093
|
-
}
|
|
1094
|
-
|
|
1095
|
-
[part='content'] {
|
|
1096
|
-
padding: 0;
|
|
1097
|
-
height: 100%;
|
|
1098
|
-
overflow: hidden;
|
|
1099
|
-
-webkit-mask-image: none;
|
|
1100
|
-
mask-image: none;
|
|
1101
|
-
}
|
|
1102
|
-
|
|
1103
|
-
:host([top-aligned]) [part~='overlay'] {
|
|
1104
|
-
margin-top: var(--lumo-space-xs);
|
|
1105
|
-
}
|
|
1106
|
-
|
|
1107
|
-
:host([bottom-aligned]) [part~='overlay'] {
|
|
1108
|
-
margin-bottom: var(--lumo-space-xs);
|
|
1109
|
-
}
|
|
1110
|
-
|
|
1111
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
1112
|
-
[part='overlay'] {
|
|
1113
|
-
width: 100vw;
|
|
1114
|
-
height: 70vh;
|
|
1115
|
-
max-height: 70vh;
|
|
1116
|
-
}
|
|
1117
|
-
}
|
|
1118
|
-
`],{moduleId:"lumo-date-picker-overlay"}),ut("vaadin-button",u`
|
|
1119
|
-
:host {
|
|
1120
|
-
/* Sizing */
|
|
1121
|
-
--lumo-button-size: var(--lumo-size-m);
|
|
1122
|
-
min-width: calc(var(--lumo-button-size) * 2);
|
|
1123
|
-
height: var(--lumo-button-size);
|
|
1124
|
-
padding: 0 calc(var(--lumo-button-size) / 3 + var(--lumo-border-radius-m) / 2);
|
|
1125
|
-
margin: var(--lumo-space-xs) 0;
|
|
1126
|
-
box-sizing: border-box;
|
|
1127
|
-
/* Style */
|
|
1128
|
-
font-family: var(--lumo-font-family);
|
|
1129
|
-
font-size: var(--lumo-font-size-m);
|
|
1130
|
-
font-weight: 500;
|
|
1131
|
-
color: var(--_lumo-button-color, var(--lumo-primary-text-color));
|
|
1132
|
-
background-color: var(--_lumo-button-background-color, var(--lumo-contrast-5pct));
|
|
1133
|
-
border-radius: var(--lumo-border-radius-m);
|
|
1134
|
-
cursor: var(--lumo-clickable-cursor);
|
|
1135
|
-
-webkit-tap-highlight-color: transparent;
|
|
1136
|
-
-webkit-font-smoothing: antialiased;
|
|
1137
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1138
|
-
}
|
|
1139
|
-
|
|
1140
|
-
/* Set only for the internal parts so we don't affect the host vertical alignment */
|
|
1141
|
-
[part='label'],
|
|
1142
|
-
[part='prefix'],
|
|
1143
|
-
[part='suffix'] {
|
|
1144
|
-
line-height: var(--lumo-line-height-xs);
|
|
1145
|
-
}
|
|
1146
|
-
|
|
1147
|
-
[part='label'] {
|
|
1148
|
-
padding: calc(var(--lumo-button-size) / 6) 0;
|
|
1149
|
-
}
|
|
1150
|
-
|
|
1151
|
-
:host([theme~='small']) {
|
|
1152
|
-
font-size: var(--lumo-font-size-s);
|
|
1153
|
-
--lumo-button-size: var(--lumo-size-s);
|
|
1154
|
-
}
|
|
1155
|
-
|
|
1156
|
-
:host([theme~='large']) {
|
|
1157
|
-
font-size: var(--lumo-font-size-l);
|
|
1158
|
-
--lumo-button-size: var(--lumo-size-l);
|
|
1159
|
-
}
|
|
1160
|
-
|
|
1161
|
-
/* For interaction states */
|
|
1162
|
-
:host::before,
|
|
1163
|
-
:host::after {
|
|
1164
|
-
content: '';
|
|
1165
|
-
/* We rely on the host always being relative */
|
|
1166
|
-
position: absolute;
|
|
1167
|
-
z-index: 1;
|
|
1168
|
-
top: 0;
|
|
1169
|
-
right: 0;
|
|
1170
|
-
bottom: 0;
|
|
1171
|
-
left: 0;
|
|
1172
|
-
background-color: currentColor;
|
|
1173
|
-
border-radius: inherit;
|
|
1174
|
-
opacity: 0;
|
|
1175
|
-
pointer-events: none;
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
/* Hover */
|
|
1179
|
-
|
|
1180
|
-
@media (any-hover: hover) {
|
|
1181
|
-
:host(:hover)::before {
|
|
1182
|
-
opacity: 0.02;
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
/* Active */
|
|
1187
|
-
|
|
1188
|
-
:host::after {
|
|
1189
|
-
transition: opacity 1.4s, transform 0.1s;
|
|
1190
|
-
filter: blur(8px);
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
:host([active])::before {
|
|
1194
|
-
opacity: 0.05;
|
|
1195
|
-
transition-duration: 0s;
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
:host([active])::after {
|
|
1199
|
-
opacity: 0.1;
|
|
1200
|
-
transition-duration: 0s, 0s;
|
|
1201
|
-
transform: scale(0);
|
|
1202
|
-
}
|
|
1203
|
-
|
|
1204
|
-
/* Keyboard focus */
|
|
1205
|
-
|
|
1206
|
-
:host([focus-ring]) {
|
|
1207
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
1208
|
-
}
|
|
1209
|
-
|
|
1210
|
-
:host([theme~='primary'][focus-ring]) {
|
|
1211
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
1212
|
-
}
|
|
1213
|
-
|
|
1214
|
-
/* Types (primary, tertiary, tertiary-inline */
|
|
1215
|
-
|
|
1216
|
-
:host([theme~='tertiary']),
|
|
1217
|
-
:host([theme~='tertiary-inline']) {
|
|
1218
|
-
background-color: transparent !important;
|
|
1219
|
-
min-width: 0;
|
|
1220
|
-
}
|
|
1221
|
-
|
|
1222
|
-
:host([theme~='tertiary']) {
|
|
1223
|
-
padding: 0 calc(var(--lumo-button-size) / 6);
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
:host([theme~='tertiary-inline'])::before {
|
|
1227
|
-
display: none;
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
:host([theme~='tertiary-inline']) {
|
|
1231
|
-
margin: 0;
|
|
1232
|
-
height: auto;
|
|
1233
|
-
padding: 0;
|
|
1234
|
-
line-height: inherit;
|
|
1235
|
-
font-size: inherit;
|
|
1236
|
-
}
|
|
1237
|
-
|
|
1238
|
-
:host([theme~='tertiary-inline']) [part='label'] {
|
|
1239
|
-
padding: 0;
|
|
1240
|
-
overflow: visible;
|
|
1241
|
-
line-height: inherit;
|
|
1242
|
-
}
|
|
1243
|
-
|
|
1244
|
-
:host([theme~='primary']) {
|
|
1245
|
-
background-color: var(--_lumo-button-primary-background-color, var(--lumo-primary-color));
|
|
1246
|
-
color: var(--_lumo-button-primary-color, var(--lumo-primary-contrast-color));
|
|
1247
|
-
font-weight: 600;
|
|
1248
|
-
min-width: calc(var(--lumo-button-size) * 2.5);
|
|
1249
|
-
}
|
|
1250
|
-
|
|
1251
|
-
:host([theme~='primary'])::before {
|
|
1252
|
-
background-color: black;
|
|
1253
|
-
}
|
|
1254
|
-
|
|
1255
|
-
@media (any-hover: hover) {
|
|
1256
|
-
:host([theme~='primary']:hover)::before {
|
|
1257
|
-
opacity: 0.05;
|
|
1258
|
-
}
|
|
1259
|
-
}
|
|
1260
|
-
|
|
1261
|
-
:host([theme~='primary'][active])::before {
|
|
1262
|
-
opacity: 0.1;
|
|
1263
|
-
}
|
|
1264
|
-
|
|
1265
|
-
:host([theme~='primary'][active])::after {
|
|
1266
|
-
opacity: 0.2;
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1269
|
-
/* Colors (success, error, contrast) */
|
|
1270
|
-
|
|
1271
|
-
:host([theme~='success']) {
|
|
1272
|
-
color: var(--lumo-success-text-color);
|
|
1273
|
-
}
|
|
1274
|
-
|
|
1275
|
-
:host([theme~='success'][theme~='primary']) {
|
|
1276
|
-
background-color: var(--lumo-success-color);
|
|
1277
|
-
color: var(--lumo-success-contrast-color);
|
|
1278
|
-
}
|
|
1279
|
-
|
|
1280
|
-
:host([theme~='error']) {
|
|
1281
|
-
color: var(--lumo-error-text-color);
|
|
1282
|
-
}
|
|
1283
|
-
|
|
1284
|
-
:host([theme~='error'][theme~='primary']) {
|
|
1285
|
-
background-color: var(--lumo-error-color);
|
|
1286
|
-
color: var(--lumo-error-contrast-color);
|
|
1287
|
-
}
|
|
1288
|
-
|
|
1289
|
-
:host([theme~='contrast']) {
|
|
1290
|
-
color: var(--lumo-contrast);
|
|
1291
|
-
}
|
|
1292
|
-
|
|
1293
|
-
:host([theme~='contrast'][theme~='primary']) {
|
|
1294
|
-
background-color: var(--lumo-contrast);
|
|
1295
|
-
color: var(--lumo-base-color);
|
|
1296
|
-
}
|
|
1297
|
-
|
|
1298
|
-
/* Disabled state. Keep selectors after other color variants. */
|
|
1299
|
-
|
|
1300
|
-
:host([disabled]) {
|
|
1301
|
-
pointer-events: none;
|
|
1302
|
-
color: var(--lumo-disabled-text-color);
|
|
1303
|
-
}
|
|
1304
|
-
|
|
1305
|
-
:host([theme~='primary'][disabled]) {
|
|
1306
|
-
background-color: var(--lumo-contrast-30pct);
|
|
1307
|
-
color: var(--lumo-base-color);
|
|
1308
|
-
}
|
|
1309
|
-
|
|
1310
|
-
:host([theme~='primary'][disabled]) [part] {
|
|
1311
|
-
opacity: 0.7;
|
|
1312
|
-
}
|
|
1313
|
-
|
|
1314
|
-
/* Icons */
|
|
1315
|
-
|
|
1316
|
-
[part] ::slotted(vaadin-icon),
|
|
1317
|
-
[part] ::slotted(iron-icon) {
|
|
1318
|
-
display: inline-block;
|
|
1319
|
-
width: var(--lumo-icon-size-m);
|
|
1320
|
-
height: var(--lumo-icon-size-m);
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
|
-
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
|
1324
|
-
[part] ::slotted(vaadin-icon[icon^='vaadin:']),
|
|
1325
|
-
[part] ::slotted(iron-icon[icon^='vaadin:']) {
|
|
1326
|
-
padding: 0.25em;
|
|
1327
|
-
box-sizing: border-box !important;
|
|
1328
|
-
}
|
|
1329
|
-
|
|
1330
|
-
[part='prefix'] {
|
|
1331
|
-
margin-left: -0.25em;
|
|
1332
|
-
margin-right: 0.25em;
|
|
1333
|
-
}
|
|
1334
|
-
|
|
1335
|
-
[part='suffix'] {
|
|
1336
|
-
margin-left: 0.25em;
|
|
1337
|
-
margin-right: -0.25em;
|
|
1338
|
-
}
|
|
1339
|
-
|
|
1340
|
-
/* Icon-only */
|
|
1341
|
-
|
|
1342
|
-
:host([theme~='icon']:not([theme~='tertiary-inline'])) {
|
|
1343
|
-
min-width: var(--lumo-button-size);
|
|
1344
|
-
padding-left: calc(var(--lumo-button-size) / 4);
|
|
1345
|
-
padding-right: calc(var(--lumo-button-size) / 4);
|
|
1346
|
-
}
|
|
1347
|
-
|
|
1348
|
-
:host([theme~='icon']) [part='prefix'],
|
|
1349
|
-
:host([theme~='icon']) [part='suffix'] {
|
|
1350
|
-
margin-left: 0;
|
|
1351
|
-
margin-right: 0;
|
|
1352
|
-
}
|
|
1353
|
-
|
|
1354
|
-
/* RTL specific styles */
|
|
1355
|
-
|
|
1356
|
-
:host([dir='rtl']) [part='prefix'] {
|
|
1357
|
-
margin-left: 0.25em;
|
|
1358
|
-
margin-right: -0.25em;
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
:host([dir='rtl']) [part='suffix'] {
|
|
1362
|
-
margin-left: -0.25em;
|
|
1363
|
-
margin-right: 0.25em;
|
|
1364
|
-
}
|
|
1365
|
-
|
|
1366
|
-
:host([dir='rtl'][theme~='icon']) [part='prefix'],
|
|
1367
|
-
:host([dir='rtl'][theme~='icon']) [part='suffix'] {
|
|
1368
|
-
margin-left: 0;
|
|
1369
|
-
margin-right: 0;
|
|
1370
|
-
}
|
|
1371
|
-
`,{moduleId:"lumo-button"});const Ps=/\/\*[\*!]\s+vaadin-dev-mode:start([\s\S]*)vaadin-dev-mode:end\s+\*\*\//i,Es=window.Vaadin&&window.Vaadin.Flow&&window.Vaadin.Flow.clients;function Os(t,e){if("function"!=typeof t)return;const i=Ps.exec(t.toString());if(i)try{t=new Function(i[1])}catch(t){console.log("vaadin-development-mode-detector: uncommentAndRun() failed",t)}return t(e)}window.Vaadin=window.Vaadin||{};function Is(){}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&&(Es?!(Es&&Object.keys(Es).map((t=>Es[t])).filter((t=>t.productionMode)).length>0):!Os((function(){return!0})))}catch(t){return!1}}());
|
|
1372
|
-
/**
|
|
1373
|
-
* @license
|
|
1374
|
-
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
1375
|
-
* This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
1376
|
-
* The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
1377
|
-
* The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
1378
|
-
* Code distributed by Google as part of the polymer project is also
|
|
1379
|
-
* subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
1380
|
-
*/
|
|
1381
|
-
let Bs=0,Ns=0;const js=[];let Rs=0,Hs=!1;const Ls=document.createTextNode("");new window.MutationObserver((function(){Hs=!1;const t=js.length;for(let e=0;e<t;e++){const t=js[e];if(t)try{t()}catch(t){setTimeout((()=>{throw t}))}}js.splice(0,t),Ns+=t})).observe(Ls,{characterData:!0});const Ws={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)}},$s={run:t=>window.requestIdleCallback?window.requestIdleCallback(t):window.setTimeout(t,16),cancel(t){window.cancelIdleCallback?window.cancelIdleCallback(t):window.clearTimeout(t)}},Us={run(t){Hs||(Hs=!0,Ls.textContent=Rs,Rs+=1),js.push(t);const e=Bs;return Bs+=1,e},cancel(t){const e=t-Ns;if(e>=0){if(!js[e])throw new Error(`invalid async handle: ${t}`);js[e]=null}}};
|
|
1382
|
-
/**
|
|
1383
|
-
@license
|
|
1384
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
1385
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
1386
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
1387
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
1388
|
-
Code distributed by Google as part of the polymer project is also
|
|
1389
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
1390
|
-
*/
|
|
1391
|
-
class Ys{static debounce(t,e,i){return t instanceof Ys?t._cancelAsync():t=new Ys,t.setConfig(e,i),t}constructor(){this._asyncModule=null,this._callback=null,this._timer=null}setConfig(t,e){this._asyncModule=t,this._callback=e,this._timer=this._asyncModule.run((()=>{this._timer=null,Vs.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),Vs.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 qs,Vs=new Set;
|
|
1392
|
-
/**
|
|
1393
|
-
* @license
|
|
1394
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1395
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1396
|
-
*/
|
|
1397
|
-
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)Os(t,e)}(Is)};const Gs=new Set,Js=t=>class extends(Li(t)){static get version(){return"23.3.27"}static finalize(){super.finalize();const{is:t}=this;t&&!Gs.has(t)&&(window.Vaadin.registrations.push(this),Gs.add(t),window.Vaadin.developmentModeCallback&&(qs=Ys.debounce(qs,$s,(()=>{window.Vaadin.developmentModeCallback["vaadin-usage-statistics"]()})),Vs.add(qs)))}constructor(){super(),null===document.doctype&&console.warn('Vaadin components require the "standards mode" declaration. Please add <!DOCTYPE html> to the HTML document.')}}
|
|
1398
|
-
/**
|
|
1399
|
-
* @license
|
|
1400
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1401
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1402
|
-
*/;let Ks=0;
|
|
1403
|
-
/**
|
|
1404
|
-
* @license
|
|
1405
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1406
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1407
|
-
*/
|
|
1408
|
-
class Zs extends EventTarget{static generateId(t,e){return`${t||"default"}-${e.localName}-${Ks++}`}constructor(t,e,i,s,o){super(),this.host=t,this.slotName=e,this.slotFactory=i,this.slotInitializer=s,o&&(this.defaultId=Zs.generateId(e,t))}hostConnected(){if(!this.initialized){let t=this.getSlotChild();t?(this.node=t,this.initCustomNode(t)):t=this.attachDefaultNode(),this.initNode(t),this.observe(),this.initialized=!0}}attachDefaultNode(){const{host:t,slotName:e,slotFactory:i}=this;let s=this.defaultNode;return!s&&i&&(s=i(t),s instanceof Element&&(""!==e&&s.setAttribute("slot",e),this.node=s,this.defaultNode=s)),s&&t.appendChild(s),s}getSlotChild(){const{slotName:t}=this;return Array.from(this.host.childNodes).find((e=>e.nodeType===Node.ELEMENT_NODE&&e.slot===t||e.nodeType===Node.TEXT_NODE&&e.textContent.trim()&&""===t))}initNode(t){const{slotInitializer:e}=this;e&&e(this.host,t)}initCustomNode(t){}teardownNode(t){}observe(){const{slotName:t}=this,e=this.host.shadowRoot.querySelector(""===t?"slot:not([name])":`slot[name=${t}]`);this.__slotObserver=new Ji(e,(t=>{const e=this.node,i=t.addedNodes.find((t=>t!==e));t.removedNodes.length&&t.removedNodes.forEach((t=>{this.teardownNode(t)})),i&&(e&&e.isConnected&&this.host.removeChild(e),this.node=i,i!==this.defaultNode&&(this.initCustomNode(i),this.initNode(i)))}))}}
|
|
1409
|
-
/**
|
|
1410
|
-
* @license
|
|
1411
|
-
* Copyright (c) 2022 Vaadin Ltd.
|
|
1412
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1413
|
-
*/class Xs extends Zs{constructor(t){super(t,"tooltip"),this.setTarget(t)}initCustomNode(t){t.target=this.target,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)}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)}}
|
|
1414
|
-
/**
|
|
1415
|
-
* @license
|
|
1416
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1417
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1418
|
-
*/const Qs=Zt((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()}})),to="string"==typeof document.head.style.touchAction,eo="__polymerGesturesHandled",io="__polymerGesturesTouchAction",so=["mousedown","mousemove","mouseup","click"],oo=[0,1,4,2],ro=function(){try{return 1===new MouseEvent("test",{buttons:1}).buttons}catch(t){return!1}}();
|
|
1419
|
-
/**
|
|
1420
|
-
@license
|
|
1421
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
1422
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
1423
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
1424
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
1425
|
-
Code distributed by Google as part of the polymer project is also
|
|
1426
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
1427
|
-
*/function no(t){return so.indexOf(t)>-1}let ao=!1;!function(){try{const t=Object.defineProperty({},"passive",{get(){ao=!0}});window.addEventListener("test",null,t),window.removeEventListener("test",null,t)}catch(t){}}();const lo=navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/),ho={button:!0,command:!0,fieldset:!0,input:!0,keygen:!0,optgroup:!0,option:!0,select:!0,textarea:!0};function co(t){const e=t.type;if(!no(e))return!1;if("mousemove"===e){let e=void 0===t.buttons?1:t.buttons;return t instanceof window.MouseEvent&&!ro&&(e=oo[t.which]||0),Boolean(1&e)}return 0===(void 0===t.button?0:t.button)}const uo={mouse:{target:null,mouseIgnoreJob:null},touch:{x:0,y:0,id:-1,scrollDecided:!1}};function po(t,e,i){t.movefn=e,t.upfn=i,document.addEventListener("mousemove",e),document.addEventListener("mouseup",i)}function mo(t){document.removeEventListener("mousemove",t.movefn),document.removeEventListener("mouseup",t.upfn),t.movefn=null,t.upfn=null}const fo=window.ShadyDOM&&window.ShadyDOM.noPatch?window.ShadyDOM.composedPath:t=>t.composedPath&&t.composedPath()||[],vo={},bo=[];function go(t){const e=fo(t);return e.length>0?e[0]:t.target}function yo(t){const e=t.type,i=t.currentTarget.__polymerGestures;if(!i)return;const s=i[e];if(!s)return;if(!t[eo]&&(t[eo]={},e.startsWith("touch"))){const i=t.changedTouches[0];if("touchstart"===e&&1===t.touches.length&&(uo.touch.id=i.identifier),uo.touch.id!==i.identifier)return;to||"touchstart"!==e&&"touchmove"!==e||function(t){const e=t.changedTouches[0],i=t.type;if("touchstart"===i)uo.touch.x=e.clientX,uo.touch.y=e.clientY,uo.touch.scrollDecided=!1;else if("touchmove"===i){if(uo.touch.scrollDecided)return;uo.touch.scrollDecided=!0;const i=function(t){let e="auto";const i=fo(t);for(let t,s=0;s<i.length;s++)if(t=i[s],t[io]){e=t[io];break}return e}(t);let s=!1;const o=Math.abs(uo.touch.x-e.clientX),r=Math.abs(uo.touch.y-e.clientY);t.cancelable&&("none"===i?s=!0:"pan-x"===i?s=r>o:"pan-y"===i&&(s=o>r)),s?t.preventDefault():Ao("track")}}(t)}const o=t[eo];if(!o.skip){for(let e,i=0;i<bo.length;i++)e=bo[i],s[e.name]&&!o[e.name]&&e.flow&&e.flow.start.indexOf(t.type)>-1&&e.reset&&e.reset();for(let i,r=0;r<bo.length;r++)i=bo[r],s[i.name]&&!o[i.name]&&(o[i.name]=!0,i[e](t))}}function wo(t,e,i){return!!vo[e]&&(function(t,e,i){const s=vo[e],o=s.deps,r=s.name;let n=t.__polymerGestures;n||(t.__polymerGestures=n={});for(let e,i,s=0;s<o.length;s++)e=o[s],lo&&no(e)&&"click"!==e||(i=n[e],i||(n[e]=i={_count:0}),0===i._count&&t.addEventListener(e,yo,void no(e)),i[r]=(i[r]||0)+1,i._count=(i._count||0)+1);t.addEventListener(e,i),s.touchAction&&xo(t,s.touchAction)}(t,e,i),!0)}function _o(t){bo.push(t);for(let e=0;e<t.emits.length;e++)vo[t.emits[e]]=t}function xo(t,e){to&&t instanceof HTMLElement&&Us.run((()=>{t.style.touchAction=e})),t[io]=e}function ko(t,e,i){const s=new Event(e,{bubbles:!0,cancelable:!0,composed:!0});if(s.detail=i,t.dispatchEvent(s),s.defaultPrevented){const t=i.preventer||i.sourceEvent;t&&t.preventDefault&&t.preventDefault()}}function Ao(t){const e=function(t){for(let e,i=0;i<bo.length;i++){e=bo[i];for(let i,s=0;s<e.emits.length;s++)if(i=e.emits[s],i===t)return e}return null}(t);e.info&&(e.info.prevent=!0)}function Co(t,e,i,s){e&&ko(e,t,{x:i.clientX,y:i.clientY,sourceEvent:i,preventer:s,prevent:t=>Ao(t)})}function Do(t,e,i){if(t.prevent)return!1;if(t.started)return!0;const s=Math.abs(t.x-e),o=Math.abs(t.y-i);return s>=5||o>=5}function To(t,e,i){if(!e)return;const s=t.moves[t.moves.length-2],o=t.moves[t.moves.length-1];let r,n=0;s&&(r=o.x-s.x,n=o.y-s.y),ko(e,"track",{state:t.state,x:i.clientX,y:i.clientY,dx:o.x-t.x,dy:o.y-t.y,ddx:r,ddy:n,sourceEvent:i,hover:()=>function(t,e){let i=document.elementFromPoint(t,e),s=i;for(;s&&s.shadowRoot&&!window.ShadyDOM;){const o=s;if(s=s.shadowRoot.elementFromPoint(t,e),o===s)break;s&&(i=s)}return i}(i.clientX,i.clientY)})}function So(t,e,i){const s=Math.abs(e.clientX-t.x),o=Math.abs(e.clientY-t.y),r=go(i||e);!r||ho[r.localName]&&r.hasAttribute("disabled")||(isNaN(s)||isNaN(o)||s<=25&&o<=25||function(t){if("click"===t.type){if(0===t.detail)return!0;const e=go(t);if(!e.nodeType||e.nodeType!==Node.ELEMENT_NODE)return!0;const i=e.getBoundingClientRect(),s=t.pageX,o=t.pageY;return!(s>=i.left&&s<=i.right&&o>=i.top&&o<=i.bottom)}return!1}(e))&&(t.prevent||ko(r,"tap",{x:e.clientX,y:e.clientY,sourceEvent:e,preventer:i}))}
|
|
1428
|
-
/**
|
|
1429
|
-
* @license
|
|
1430
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1431
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1432
|
-
*/_o({name:"downup",deps:["mousedown","touchstart","touchend"],flow:{start:["mousedown","touchstart"],end:["mouseup","touchend"]},emits:["down","up"],info:{movefn:null,upfn:null},reset(){mo(this.info)},mousedown(t){if(!co(t))return;const e=go(t),i=this;po(this.info,(t=>{co(t)||(Co("up",e,t),mo(i.info))}),(t=>{co(t)&&Co("up",e,t),mo(i.info)})),Co("down",e,t)},touchstart(t){Co("down",go(t),t.changedTouches[0],t)},touchend(t){Co("up",go(t),t.changedTouches[0],t)}}),_o({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,mo(this.info)},mousedown(t){if(!co(t))return;const e=go(t),i=this,s=t=>{const s=t.clientX,o=t.clientY;Do(i.info,s,o)&&(i.info.state=i.info.started?"mouseup"===t.type?"end":"track":"start","start"===i.info.state&&Ao("tap"),i.info.addMove({x:s,y:o}),co(t)||(i.info.state="end",mo(i.info)),e&&To(i.info,e,t),i.info.started=!0)};po(this.info,s,(t=>{i.info.started&&s(t),mo(i.info)})),this.info.x=t.clientX,this.info.y=t.clientY},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchmove(t){const e=go(t),i=t.changedTouches[0],s=i.clientX,o=i.clientY;Do(this.info,s,o)&&("start"===this.info.state&&Ao("tap"),this.info.addMove({x:s,y:o}),To(this.info,e,i),this.info.state="track",this.info.started=!0)},touchend(t){const e=go(t),i=t.changedTouches[0];this.info.started&&(this.info.state="end",this.info.addMove({x:i.clientX,y:i.clientY}),To(this.info,e,i))}}),_o({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){co(t)&&(this.info.x=t.clientX,this.info.y=t.clientY)},click(t){co(t)&&So(this.info,t)},touchstart(t){const e=t.changedTouches[0];this.info.x=e.clientX,this.info.y=e.clientY},touchend(t){So(this.info,t.changedTouches[0],t)}});const Mo=Zt((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){}})),zo=t=>class extends(Qs(Mo(t))){get _activeKeys(){return[" "]}ready(){super.ready(),wo(this,"down",(t=>{this._shouldSetActive(t)&&this._setActive(!0)})),wo(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)}}
|
|
1433
|
-
/**
|
|
1434
|
-
* @license
|
|
1435
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1436
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1437
|
-
*/,Fo=Zt((t=>class extends t{get _keyboardActive(){return xs}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}})),Po=t=>class extends(Qs(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)}}
|
|
1438
|
-
/**
|
|
1439
|
-
* @license
|
|
1440
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1441
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1442
|
-
*/,Eo=t=>class extends(zo(Po(Fo(t)))){static get properties(){return{tabindex:{value:0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}}
|
|
1443
|
-
/**
|
|
1444
|
-
* @license
|
|
1445
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1446
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1447
|
-
*/;
|
|
1448
|
-
/**
|
|
1449
|
-
* @license
|
|
1450
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
1451
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1452
|
-
*/class Oo extends(Eo(Js(gt(_s(Ii))))){static get is(){return"vaadin-button"}static get template(){return Ei`
|
|
1453
|
-
<style>
|
|
1454
|
-
:host {
|
|
1455
|
-
display: inline-block;
|
|
1456
|
-
position: relative;
|
|
1457
|
-
outline: none;
|
|
1458
|
-
white-space: nowrap;
|
|
1459
|
-
-webkit-user-select: none;
|
|
1460
|
-
-moz-user-select: none;
|
|
1461
|
-
user-select: none;
|
|
1462
|
-
}
|
|
1463
|
-
|
|
1464
|
-
:host([hidden]) {
|
|
1465
|
-
display: none !important;
|
|
1466
|
-
}
|
|
1467
|
-
|
|
1468
|
-
/* Aligns the button with form fields when placed on the same line.
|
|
1469
|
-
Note, to make it work, the form fields should have the same "::before" pseudo-element. */
|
|
1470
|
-
.vaadin-button-container::before {
|
|
1471
|
-
content: '\\2003';
|
|
1472
|
-
display: inline-block;
|
|
1473
|
-
width: 0;
|
|
1474
|
-
max-height: 100%;
|
|
1475
|
-
}
|
|
1476
|
-
|
|
1477
|
-
.vaadin-button-container {
|
|
1478
|
-
display: inline-flex;
|
|
1479
|
-
align-items: center;
|
|
1480
|
-
justify-content: center;
|
|
1481
|
-
text-align: center;
|
|
1482
|
-
width: 100%;
|
|
1483
|
-
height: 100%;
|
|
1484
|
-
min-height: inherit;
|
|
1485
|
-
text-shadow: inherit;
|
|
1486
|
-
}
|
|
1487
|
-
|
|
1488
|
-
[part='prefix'],
|
|
1489
|
-
[part='suffix'] {
|
|
1490
|
-
flex: none;
|
|
1491
|
-
}
|
|
1492
|
-
|
|
1493
|
-
[part='label'] {
|
|
1494
|
-
white-space: nowrap;
|
|
1495
|
-
overflow: hidden;
|
|
1496
|
-
text-overflow: ellipsis;
|
|
1497
|
-
}
|
|
1498
|
-
</style>
|
|
1499
|
-
<div class="vaadin-button-container">
|
|
1500
|
-
<span part="prefix" aria-hidden="true">
|
|
1501
|
-
<slot name="prefix"></slot>
|
|
1502
|
-
</span>
|
|
1503
|
-
<span part="label">
|
|
1504
|
-
<slot></slot>
|
|
1505
|
-
</span>
|
|
1506
|
-
<span part="suffix" aria-hidden="true">
|
|
1507
|
-
<slot name="suffix"></slot>
|
|
1508
|
-
</span>
|
|
1509
|
-
</div>
|
|
1510
|
-
<slot name="tooltip"></slot>
|
|
1511
|
-
`}ready(){super.ready(),this._tooltipController=new Xs(this),this.addController(this._tooltipController)}}customElements.define(Oo.is,Oo),ut("vaadin-date-picker-overlay-content",u`
|
|
1512
|
-
:host {
|
|
1513
|
-
position: relative;
|
|
1514
|
-
/* Background for the year scroller, placed here as we are using a mask image on the actual years part */
|
|
1515
|
-
background-image: linear-gradient(var(--lumo-shade-5pct), var(--lumo-shade-5pct));
|
|
1516
|
-
background-size: 57px 100%;
|
|
1517
|
-
background-position: top right;
|
|
1518
|
-
background-repeat: no-repeat;
|
|
1519
|
-
cursor: default;
|
|
1520
|
-
}
|
|
1521
|
-
|
|
1522
|
-
/* Month scroller */
|
|
1523
|
-
|
|
1524
|
-
[part='months'] {
|
|
1525
|
-
/* Month calendar height:
|
|
1526
|
-
header height + margin-bottom
|
|
1527
|
-
+ weekdays height + margin-bottom
|
|
1528
|
-
+ date cell heights
|
|
1529
|
-
+ small margin between month calendars
|
|
1530
|
-
*/
|
|
1531
|
-
/* prettier-ignore */
|
|
1532
|
-
--vaadin-infinite-scroller-item-height:
|
|
1533
|
-
calc(
|
|
1534
|
-
var(--lumo-font-size-l) + var(--lumo-space-m)
|
|
1535
|
-
+ var(--lumo-font-size-xs) + var(--lumo-space-s)
|
|
1536
|
-
+ var(--lumo-size-m) * 6
|
|
1537
|
-
+ var(--lumo-space-s)
|
|
1538
|
-
);
|
|
1539
|
-
--vaadin-infinite-scroller-buffer-offset: 10%;
|
|
1540
|
-
-webkit-mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
1541
|
-
mask-image: linear-gradient(transparent, #000 10%, #000 85%, transparent);
|
|
1542
|
-
position: relative;
|
|
1543
|
-
margin-right: 57px;
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
/* Year scroller */
|
|
1547
|
-
[part='years'] {
|
|
1548
|
-
/* TODO get rid of fixed magic number */
|
|
1549
|
-
--vaadin-infinite-scroller-buffer-width: 97px;
|
|
1550
|
-
width: 57px;
|
|
1551
|
-
height: auto;
|
|
1552
|
-
top: 0;
|
|
1553
|
-
bottom: 0;
|
|
1554
|
-
font-size: var(--lumo-font-size-s);
|
|
1555
|
-
box-shadow: inset 2px 0 4px 0 var(--lumo-shade-5pct);
|
|
1556
|
-
-webkit-mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
1557
|
-
mask-image: linear-gradient(transparent, #000 35%, #000 65%, transparent);
|
|
1558
|
-
cursor: var(--lumo-clickable-cursor);
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
[part='year-number']:not([current]),
|
|
1562
|
-
[part='year-separator'] {
|
|
1563
|
-
opacity: 0.7;
|
|
1564
|
-
transition: 0.2s opacity;
|
|
1565
|
-
}
|
|
1566
|
-
|
|
1567
|
-
[part='years']:hover [part='year-number'],
|
|
1568
|
-
[part='years']:hover [part='year-separator'] {
|
|
1569
|
-
opacity: 1;
|
|
1570
|
-
}
|
|
1571
|
-
|
|
1572
|
-
/* TODO unsupported selector */
|
|
1573
|
-
#scrollers {
|
|
1574
|
-
position: static;
|
|
1575
|
-
display: block;
|
|
1576
|
-
}
|
|
1577
|
-
|
|
1578
|
-
/* TODO unsupported selector, should fix this in vaadin-date-picker that it adapts to the
|
|
1579
|
-
* width of the year scroller */
|
|
1580
|
-
#scrollers[desktop] [part='months'] {
|
|
1581
|
-
right: auto;
|
|
1582
|
-
}
|
|
1583
|
-
|
|
1584
|
-
/* Year scroller position indicator */
|
|
1585
|
-
[part='years']::before {
|
|
1586
|
-
border: none;
|
|
1587
|
-
width: 1em;
|
|
1588
|
-
height: 1em;
|
|
1589
|
-
background-color: var(--lumo-base-color);
|
|
1590
|
-
background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));
|
|
1591
|
-
transform: translate(-75%, -50%) rotate(45deg);
|
|
1592
|
-
border-top-right-radius: var(--lumo-border-radius-s);
|
|
1593
|
-
box-shadow: 2px -2px 6px 0 var(--lumo-shade-5pct);
|
|
1594
|
-
z-index: 1;
|
|
1595
|
-
}
|
|
1596
|
-
|
|
1597
|
-
[part='year-number'],
|
|
1598
|
-
[part='year-separator'] {
|
|
1599
|
-
display: flex;
|
|
1600
|
-
align-items: center;
|
|
1601
|
-
justify-content: center;
|
|
1602
|
-
height: 50%;
|
|
1603
|
-
transform: translateY(-50%);
|
|
1604
|
-
}
|
|
1605
|
-
|
|
1606
|
-
[part='years'] [part='year-separator']::after {
|
|
1607
|
-
color: var(--lumo-disabled-text-color);
|
|
1608
|
-
content: '•';
|
|
1609
|
-
}
|
|
1610
|
-
|
|
1611
|
-
/* Current year */
|
|
1612
|
-
|
|
1613
|
-
[part='years'] [part='year-number'][current] {
|
|
1614
|
-
color: var(--lumo-primary-text-color);
|
|
1615
|
-
}
|
|
1616
|
-
|
|
1617
|
-
/* Toolbar (footer) */
|
|
1618
|
-
|
|
1619
|
-
[part='toolbar'] {
|
|
1620
|
-
padding: var(--lumo-space-s);
|
|
1621
|
-
border-bottom-left-radius: var(--lumo-border-radius-l);
|
|
1622
|
-
margin-right: 57px;
|
|
1623
|
-
}
|
|
1624
|
-
|
|
1625
|
-
/* Today and Cancel buttons */
|
|
1626
|
-
|
|
1627
|
-
[part='toolbar'] [part\$='button'] {
|
|
1628
|
-
margin: 0;
|
|
1629
|
-
}
|
|
1630
|
-
|
|
1631
|
-
/* Narrow viewport mode (fullscreen) */
|
|
1632
|
-
|
|
1633
|
-
:host([fullscreen]) [part='toolbar'] {
|
|
1634
|
-
order: -1;
|
|
1635
|
-
background-color: var(--lumo-base-color);
|
|
1636
|
-
}
|
|
1637
|
-
|
|
1638
|
-
:host([fullscreen]) [part='overlay-header'] {
|
|
1639
|
-
order: -2;
|
|
1640
|
-
height: var(--lumo-size-m);
|
|
1641
|
-
padding: var(--lumo-space-s);
|
|
1642
|
-
position: absolute;
|
|
1643
|
-
left: 0;
|
|
1644
|
-
right: 0;
|
|
1645
|
-
justify-content: center;
|
|
1646
|
-
}
|
|
1647
|
-
|
|
1648
|
-
:host([fullscreen]) [part='toggle-button'],
|
|
1649
|
-
:host([fullscreen]) [part='clear-button'],
|
|
1650
|
-
[part='overlay-header'] [part='label'] {
|
|
1651
|
-
display: none;
|
|
1652
|
-
}
|
|
1653
|
-
|
|
1654
|
-
/* Very narrow screen (year scroller initially hidden) */
|
|
1655
|
-
|
|
1656
|
-
[part='years-toggle-button'] {
|
|
1657
|
-
display: flex;
|
|
1658
|
-
align-items: center;
|
|
1659
|
-
height: var(--lumo-size-s);
|
|
1660
|
-
padding: 0 0.5em;
|
|
1661
|
-
border-radius: var(--lumo-border-radius-m);
|
|
1662
|
-
z-index: 3;
|
|
1663
|
-
color: var(--lumo-primary-text-color);
|
|
1664
|
-
font-weight: 500;
|
|
1665
|
-
-webkit-font-smoothing: antialiased;
|
|
1666
|
-
-moz-osx-font-smoothing: grayscale;
|
|
1667
|
-
}
|
|
1668
|
-
|
|
1669
|
-
:host([years-visible]) [part='years-toggle-button'] {
|
|
1670
|
-
background-color: var(--lumo-primary-color);
|
|
1671
|
-
color: var(--lumo-primary-contrast-color);
|
|
1672
|
-
}
|
|
1673
|
-
|
|
1674
|
-
/* TODO magic number (same as used for media-query in vaadin-date-picker-overlay-content) */
|
|
1675
|
-
@media screen and (max-width: 374px) {
|
|
1676
|
-
:host {
|
|
1677
|
-
background-image: none;
|
|
1678
|
-
}
|
|
1679
|
-
|
|
1680
|
-
[part='years'] {
|
|
1681
|
-
background-color: var(--lumo-shade-5pct);
|
|
1682
|
-
}
|
|
1683
|
-
|
|
1684
|
-
[part='toolbar'],
|
|
1685
|
-
[part='months'] {
|
|
1686
|
-
margin-right: 0;
|
|
1687
|
-
}
|
|
1688
|
-
|
|
1689
|
-
/* TODO make date-picker adapt to the width of the years part */
|
|
1690
|
-
[part='years'] {
|
|
1691
|
-
--vaadin-infinite-scroller-buffer-width: 90px;
|
|
1692
|
-
width: 50px;
|
|
1693
|
-
}
|
|
1694
|
-
|
|
1695
|
-
:host([years-visible]) [part='months'] {
|
|
1696
|
-
padding-left: 50px;
|
|
1697
|
-
}
|
|
1698
|
-
}
|
|
1699
|
-
`,{moduleId:"lumo-date-picker-overlay-content"}),ut("vaadin-month-calendar",u`
|
|
1700
|
-
:host {
|
|
1701
|
-
-moz-user-select: none;
|
|
1702
|
-
-webkit-user-select: none;
|
|
1703
|
-
-webkit-tap-highlight-color: transparent;
|
|
1704
|
-
user-select: none;
|
|
1705
|
-
font-size: var(--lumo-font-size-m);
|
|
1706
|
-
color: var(--lumo-body-text-color);
|
|
1707
|
-
text-align: center;
|
|
1708
|
-
padding: 0 var(--lumo-space-xs);
|
|
1709
|
-
}
|
|
1710
|
-
|
|
1711
|
-
/* Month header */
|
|
1712
|
-
|
|
1713
|
-
[part='month-header'] {
|
|
1714
|
-
color: var(--lumo-header-text-color);
|
|
1715
|
-
font-size: var(--lumo-font-size-l);
|
|
1716
|
-
line-height: 1;
|
|
1717
|
-
font-weight: 500;
|
|
1718
|
-
margin-bottom: var(--lumo-space-m);
|
|
1719
|
-
}
|
|
1720
|
-
|
|
1721
|
-
/* Week days and numbers */
|
|
1722
|
-
|
|
1723
|
-
[part='weekdays'],
|
|
1724
|
-
[part='weekday'],
|
|
1725
|
-
[part='week-number'] {
|
|
1726
|
-
font-size: var(--lumo-font-size-xxs);
|
|
1727
|
-
line-height: 1;
|
|
1728
|
-
color: var(--lumo-secondary-text-color);
|
|
1729
|
-
}
|
|
1730
|
-
|
|
1731
|
-
[part='weekdays'] {
|
|
1732
|
-
margin-bottom: var(--lumo-space-s);
|
|
1733
|
-
}
|
|
1734
|
-
|
|
1735
|
-
[part='weekday']:empty,
|
|
1736
|
-
[part='week-number'] {
|
|
1737
|
-
width: var(--lumo-size-xs);
|
|
1738
|
-
}
|
|
1739
|
-
|
|
1740
|
-
/* Date and week number cells */
|
|
1741
|
-
|
|
1742
|
-
[part='date'],
|
|
1743
|
-
[part='week-number'] {
|
|
1744
|
-
box-sizing: border-box;
|
|
1745
|
-
display: inline-flex;
|
|
1746
|
-
align-items: center;
|
|
1747
|
-
justify-content: center;
|
|
1748
|
-
height: var(--lumo-size-m);
|
|
1749
|
-
position: relative;
|
|
1750
|
-
}
|
|
1751
|
-
|
|
1752
|
-
[part='date'] {
|
|
1753
|
-
transition: color 0.1s;
|
|
1754
|
-
}
|
|
1755
|
-
|
|
1756
|
-
[part='date']:not(:empty) {
|
|
1757
|
-
cursor: var(--lumo-clickable-cursor);
|
|
1758
|
-
}
|
|
1759
|
-
|
|
1760
|
-
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
1761
|
-
:host([week-numbers]) [part='date'] {
|
|
1762
|
-
width: calc((100% - var(--lumo-size-xs)) / 7);
|
|
1763
|
-
}
|
|
1764
|
-
|
|
1765
|
-
/* Today date */
|
|
1766
|
-
|
|
1767
|
-
[part='date'][today] {
|
|
1768
|
-
color: var(--lumo-primary-text-color);
|
|
1769
|
-
}
|
|
1770
|
-
|
|
1771
|
-
/* Focused date */
|
|
1772
|
-
|
|
1773
|
-
[part='date']::before {
|
|
1774
|
-
content: '';
|
|
1775
|
-
position: absolute;
|
|
1776
|
-
z-index: -1;
|
|
1777
|
-
top: 50%;
|
|
1778
|
-
left: 50%;
|
|
1779
|
-
transform: translate(-50%, -50%);
|
|
1780
|
-
min-width: 2em;
|
|
1781
|
-
min-height: 2em;
|
|
1782
|
-
width: 80%;
|
|
1783
|
-
height: 80%;
|
|
1784
|
-
max-height: 100%;
|
|
1785
|
-
max-width: 100%;
|
|
1786
|
-
border-radius: var(--lumo-border-radius-m);
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
[part='date'][focused]::before {
|
|
1790
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
|
|
1791
|
-
}
|
|
1792
|
-
|
|
1793
|
-
:host(:not([focused])) [part='date'][focused]::before {
|
|
1794
|
-
animation: vaadin-date-picker-month-calendar-focus-date 1.4s infinite;
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
|
-
@keyframes vaadin-date-picker-month-calendar-focus-date {
|
|
1798
|
-
50% {
|
|
1799
|
-
box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px transparent;
|
|
1800
|
-
}
|
|
1801
|
-
}
|
|
1802
|
-
|
|
1803
|
-
[part='date']:not(:empty):not([disabled]):not([selected]):hover::before {
|
|
1804
|
-
background-color: var(--lumo-primary-color-10pct);
|
|
1805
|
-
}
|
|
1806
|
-
|
|
1807
|
-
[part='date'][selected] {
|
|
1808
|
-
color: var(--lumo-primary-contrast-color);
|
|
1809
|
-
}
|
|
1810
|
-
|
|
1811
|
-
[part='date'][selected]::before {
|
|
1812
|
-
background-color: var(--lumo-primary-color);
|
|
1813
|
-
}
|
|
1814
|
-
|
|
1815
|
-
[part='date'][disabled] {
|
|
1816
|
-
color: var(--lumo-disabled-text-color);
|
|
1817
|
-
}
|
|
1818
|
-
|
|
1819
|
-
@media (pointer: coarse) {
|
|
1820
|
-
[part='date']:hover:not([selected])::before,
|
|
1821
|
-
[part='date'][focused]:not([selected])::before {
|
|
1822
|
-
display: none;
|
|
1823
|
-
}
|
|
1824
|
-
|
|
1825
|
-
[part='date']:not(:empty):not([disabled]):active::before {
|
|
1826
|
-
display: block;
|
|
1827
|
-
}
|
|
1828
|
-
|
|
1829
|
-
[part='date'][selected]::before {
|
|
1830
|
-
box-shadow: none;
|
|
1831
|
-
}
|
|
1832
|
-
}
|
|
1833
|
-
|
|
1834
|
-
/* Disabled */
|
|
1835
|
-
|
|
1836
|
-
:host([disabled]) * {
|
|
1837
|
-
color: var(--lumo-disabled-text-color) !important;
|
|
1838
|
-
}
|
|
1839
|
-
`,{moduleId:"lumo-month-calendar"});const Io=document.createElement("template");Io.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(Io.content);
|
|
1840
|
-
/**
|
|
1841
|
-
* @license
|
|
1842
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1843
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1844
|
-
*/
|
|
1845
|
-
const Bo=document.createElement("template");Bo.innerHTML='\n <style>\n @font-face {\n font-family: \'lumo-icons\';\n 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==) format(\'woff\');\n font-weight: normal;\n font-style: normal;\n }\n\n html {\n --lumo-icons-align-center: "\\ea01";\n --lumo-icons-align-left: "\\ea02";\n --lumo-icons-align-right: "\\ea03";\n --lumo-icons-angle-down: "\\ea04";\n --lumo-icons-angle-left: "\\ea05";\n --lumo-icons-angle-right: "\\ea06";\n --lumo-icons-angle-up: "\\ea07";\n --lumo-icons-arrow-down: "\\ea08";\n --lumo-icons-arrow-left: "\\ea09";\n --lumo-icons-arrow-right: "\\ea0a";\n --lumo-icons-arrow-up: "\\ea0b";\n --lumo-icons-bar-chart: "\\ea0c";\n --lumo-icons-bell: "\\ea0d";\n --lumo-icons-calendar: "\\ea0e";\n --lumo-icons-checkmark: "\\ea0f";\n --lumo-icons-chevron-down: "\\ea10";\n --lumo-icons-chevron-left: "\\ea11";\n --lumo-icons-chevron-right: "\\ea12";\n --lumo-icons-chevron-up: "\\ea13";\n --lumo-icons-clock: "\\ea14";\n --lumo-icons-cog: "\\ea15";\n --lumo-icons-cross: "\\ea16";\n --lumo-icons-download: "\\ea17";\n --lumo-icons-dropdown: "\\ea18";\n --lumo-icons-edit: "\\ea19";\n --lumo-icons-error: "\\ea1a";\n --lumo-icons-eye: "\\ea1b";\n --lumo-icons-eye-disabled: "\\ea1c";\n --lumo-icons-menu: "\\ea1d";\n --lumo-icons-minus: "\\ea1e";\n --lumo-icons-ordered-list: "\\ea1f";\n --lumo-icons-phone: "\\ea20";\n --lumo-icons-photo: "\\ea21";\n --lumo-icons-play: "\\ea22";\n --lumo-icons-plus: "\\ea23";\n --lumo-icons-redo: "\\ea24";\n --lumo-icons-reload: "\\ea25";\n --lumo-icons-search: "\\ea26";\n --lumo-icons-undo: "\\ea27";\n --lumo-icons-unordered-list: "\\ea28";\n --lumo-icons-upload: "\\ea29";\n --lumo-icons-user: "\\ea2a";\n }\n </style>\n',document.head.appendChild(Bo.content);
|
|
1846
|
-
/**
|
|
1847
|
-
* @license
|
|
1848
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1849
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1850
|
-
*/
|
|
1851
|
-
const No=u`
|
|
1852
|
-
[part$='button'] {
|
|
1853
|
-
flex: none;
|
|
1854
|
-
width: 1em;
|
|
1855
|
-
height: 1em;
|
|
1856
|
-
line-height: 1;
|
|
1857
|
-
font-size: var(--lumo-icon-size-m);
|
|
1858
|
-
text-align: center;
|
|
1859
|
-
color: var(--lumo-contrast-60pct);
|
|
1860
|
-
transition: 0.2s color;
|
|
1861
|
-
cursor: var(--lumo-clickable-cursor);
|
|
1862
|
-
}
|
|
1863
|
-
|
|
1864
|
-
[part$='button']:hover {
|
|
1865
|
-
color: var(--lumo-contrast-90pct);
|
|
1866
|
-
}
|
|
1867
|
-
|
|
1868
|
-
:host([disabled]) [part$='button'],
|
|
1869
|
-
:host([readonly]) [part$='button'] {
|
|
1870
|
-
color: var(--lumo-contrast-20pct);
|
|
1871
|
-
cursor: default;
|
|
1872
|
-
}
|
|
1873
|
-
|
|
1874
|
-
[part$='button']::before {
|
|
1875
|
-
font-family: 'lumo-icons';
|
|
1876
|
-
display: block;
|
|
1877
|
-
}
|
|
1878
|
-
`;ut("",No,{moduleId:"lumo-field-button"});
|
|
1879
|
-
/**
|
|
1880
|
-
* @license
|
|
1881
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1882
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1883
|
-
*/
|
|
1884
|
-
const jo=u`
|
|
1885
|
-
:host([has-helper]) [part='helper-text']::before {
|
|
1886
|
-
content: '';
|
|
1887
|
-
display: block;
|
|
1888
|
-
height: 0.4em;
|
|
1889
|
-
}
|
|
1890
|
-
|
|
1891
|
-
[part='helper-text'] {
|
|
1892
|
-
display: block;
|
|
1893
|
-
color: var(--lumo-secondary-text-color);
|
|
1894
|
-
font-size: var(--lumo-font-size-xs);
|
|
1895
|
-
line-height: var(--lumo-line-height-xs);
|
|
1896
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
1897
|
-
transition: color 0.2s;
|
|
1898
|
-
}
|
|
1899
|
-
|
|
1900
|
-
:host(:hover:not([readonly])) [part='helper-text'] {
|
|
1901
|
-
color: var(--lumo-body-text-color);
|
|
1902
|
-
}
|
|
1903
|
-
|
|
1904
|
-
:host([disabled]) [part='helper-text'] {
|
|
1905
|
-
color: var(--lumo-disabled-text-color);
|
|
1906
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
1907
|
-
}
|
|
1908
|
-
|
|
1909
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::before {
|
|
1910
|
-
display: none;
|
|
1911
|
-
}
|
|
1912
|
-
|
|
1913
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text']::after {
|
|
1914
|
-
content: '';
|
|
1915
|
-
display: block;
|
|
1916
|
-
height: 0.4em;
|
|
1917
|
-
}
|
|
1918
|
-
|
|
1919
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] {
|
|
1920
|
-
order: 0;
|
|
1921
|
-
padding-bottom: 0.4em;
|
|
1922
|
-
}
|
|
1923
|
-
|
|
1924
|
-
:host([has-helper][theme~='helper-above-field']) [part='helper-text'] {
|
|
1925
|
-
order: 1;
|
|
1926
|
-
}
|
|
1927
|
-
|
|
1928
|
-
:host([has-helper][theme~='helper-above-field']) [part='label'] + * {
|
|
1929
|
-
order: 2;
|
|
1930
|
-
}
|
|
1931
|
-
|
|
1932
|
-
:host([has-helper][theme~='helper-above-field']) [part='error-message'] {
|
|
1933
|
-
order: 3;
|
|
1934
|
-
}
|
|
1935
|
-
`
|
|
1936
|
-
/**
|
|
1937
|
-
* @license
|
|
1938
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1939
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1940
|
-
*/,Ro=u`
|
|
1941
|
-
[part='label'] {
|
|
1942
|
-
align-self: flex-start;
|
|
1943
|
-
color: var(--lumo-secondary-text-color);
|
|
1944
|
-
font-weight: 500;
|
|
1945
|
-
font-size: var(--lumo-font-size-s);
|
|
1946
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
1947
|
-
transition: color 0.2s;
|
|
1948
|
-
line-height: 1;
|
|
1949
|
-
padding-right: 1em;
|
|
1950
|
-
padding-bottom: 0.5em;
|
|
1951
|
-
/* As a workaround for diacritics being cut off, add a top padding and a
|
|
1952
|
-
negative margin to compensate */
|
|
1953
|
-
padding-top: 0.25em;
|
|
1954
|
-
margin-top: -0.25em;
|
|
1955
|
-
overflow: hidden;
|
|
1956
|
-
white-space: nowrap;
|
|
1957
|
-
text-overflow: ellipsis;
|
|
1958
|
-
position: relative;
|
|
1959
|
-
max-width: 100%;
|
|
1960
|
-
box-sizing: border-box;
|
|
1961
|
-
}
|
|
1962
|
-
|
|
1963
|
-
:host([has-label])::before {
|
|
1964
|
-
margin-top: calc(var(--lumo-font-size-s) * 1.5);
|
|
1965
|
-
}
|
|
1966
|
-
|
|
1967
|
-
:host([has-label][theme~='small'])::before {
|
|
1968
|
-
margin-top: calc(var(--lumo-font-size-xs) * 1.5);
|
|
1969
|
-
}
|
|
1970
|
-
|
|
1971
|
-
:host([has-label]) {
|
|
1972
|
-
padding-top: var(--lumo-space-m);
|
|
1973
|
-
}
|
|
1974
|
-
|
|
1975
|
-
:host([has-label]) ::slotted([slot='tooltip']) {
|
|
1976
|
-
--vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);
|
|
1977
|
-
}
|
|
1978
|
-
|
|
1979
|
-
:host([required]) [part='required-indicator']::after {
|
|
1980
|
-
content: var(--lumo-required-field-indicator, '•');
|
|
1981
|
-
transition: opacity 0.2s;
|
|
1982
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color));
|
|
1983
|
-
position: absolute;
|
|
1984
|
-
right: 0;
|
|
1985
|
-
width: 1em;
|
|
1986
|
-
text-align: center;
|
|
1987
|
-
}
|
|
1988
|
-
|
|
1989
|
-
:host([invalid]) [part='required-indicator']::after {
|
|
1990
|
-
color: var(--lumo-required-field-indicator-color, var(--lumo-error-text-color));
|
|
1991
|
-
}
|
|
1992
|
-
|
|
1993
|
-
[part='error-message'] {
|
|
1994
|
-
margin-left: calc(var(--lumo-border-radius-m) / 4);
|
|
1995
|
-
font-size: var(--lumo-font-size-xs);
|
|
1996
|
-
line-height: var(--lumo-line-height-xs);
|
|
1997
|
-
color: var(--lumo-error-text-color);
|
|
1998
|
-
will-change: max-height;
|
|
1999
|
-
transition: 0.4s max-height;
|
|
2000
|
-
max-height: 5em;
|
|
2001
|
-
}
|
|
2002
|
-
|
|
2003
|
-
:host([has-error-message]) [part='error-message']::before,
|
|
2004
|
-
:host([has-error-message]) [part='error-message']::after {
|
|
2005
|
-
content: '';
|
|
2006
|
-
display: block;
|
|
2007
|
-
height: 0.4em;
|
|
2008
|
-
}
|
|
2009
|
-
|
|
2010
|
-
:host(:not([invalid])) [part='error-message'] {
|
|
2011
|
-
max-height: 0;
|
|
2012
|
-
overflow: hidden;
|
|
2013
|
-
}
|
|
2014
|
-
|
|
2015
|
-
/* RTL specific styles */
|
|
2016
|
-
|
|
2017
|
-
:host([dir='rtl']) [part='label'] {
|
|
2018
|
-
margin-left: 0;
|
|
2019
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
2020
|
-
}
|
|
2021
|
-
|
|
2022
|
-
:host([dir='rtl']) [part='label'] {
|
|
2023
|
-
padding-left: 1em;
|
|
2024
|
-
padding-right: 0;
|
|
2025
|
-
}
|
|
2026
|
-
|
|
2027
|
-
:host([dir='rtl']) [part='required-indicator']::after {
|
|
2028
|
-
right: auto;
|
|
2029
|
-
left: 0;
|
|
2030
|
-
}
|
|
2031
|
-
|
|
2032
|
-
:host([dir='rtl']) [part='error-message'] {
|
|
2033
|
-
margin-left: 0;
|
|
2034
|
-
margin-right: calc(var(--lumo-border-radius-m) / 4);
|
|
2035
|
-
}
|
|
2036
|
-
`;ut("",Ro,{moduleId:"lumo-required-field"});
|
|
2037
|
-
/**
|
|
2038
|
-
* @license
|
|
2039
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2040
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2041
|
-
*/
|
|
2042
|
-
const Ho=[Ro,No,jo,u`
|
|
2043
|
-
:host {
|
|
2044
|
-
--lumo-text-field-size: var(--lumo-size-m);
|
|
2045
|
-
color: var(--lumo-body-text-color);
|
|
2046
|
-
font-size: var(--lumo-font-size-m);
|
|
2047
|
-
font-family: var(--lumo-font-family);
|
|
2048
|
-
-webkit-font-smoothing: antialiased;
|
|
2049
|
-
-moz-osx-font-smoothing: grayscale;
|
|
2050
|
-
-webkit-tap-highlight-color: transparent;
|
|
2051
|
-
padding: var(--lumo-space-xs) 0;
|
|
2052
|
-
}
|
|
2053
|
-
|
|
2054
|
-
:host::before {
|
|
2055
|
-
height: var(--lumo-text-field-size);
|
|
2056
|
-
box-sizing: border-box;
|
|
2057
|
-
display: inline-flex;
|
|
2058
|
-
align-items: center;
|
|
2059
|
-
}
|
|
2060
|
-
|
|
2061
|
-
:host([focused]:not([readonly])) [part='label'] {
|
|
2062
|
-
color: var(--lumo-primary-text-color);
|
|
2063
|
-
}
|
|
2064
|
-
|
|
2065
|
-
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
|
2066
|
-
-webkit-mask-image: none;
|
|
2067
|
-
mask-image: none;
|
|
2068
|
-
}
|
|
2069
|
-
|
|
2070
|
-
::slotted(:is(input, textarea):placeholder-shown) {
|
|
2071
|
-
color: var(--lumo-secondary-text-color);
|
|
2072
|
-
}
|
|
2073
|
-
|
|
2074
|
-
/* Hover */
|
|
2075
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
2076
|
-
color: var(--lumo-body-text-color);
|
|
2077
|
-
}
|
|
2078
|
-
|
|
2079
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2080
|
-
opacity: 0.1;
|
|
2081
|
-
}
|
|
2082
|
-
|
|
2083
|
-
/* Touch device adjustment */
|
|
2084
|
-
@media (pointer: coarse) {
|
|
2085
|
-
:host(:hover:not([readonly]):not([focused])) [part='label'] {
|
|
2086
|
-
color: var(--lumo-secondary-text-color);
|
|
2087
|
-
}
|
|
2088
|
-
|
|
2089
|
-
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2090
|
-
opacity: 0;
|
|
2091
|
-
}
|
|
2092
|
-
|
|
2093
|
-
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
|
2094
|
-
opacity: 0.2;
|
|
2095
|
-
}
|
|
2096
|
-
}
|
|
2097
|
-
|
|
2098
|
-
/* Trigger when not focusing using the keyboard */
|
|
2099
|
-
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
|
2100
|
-
transform: scaleX(0);
|
|
2101
|
-
transition-duration: 0.15s, 1s;
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
/* Focus-ring */
|
|
2105
|
-
:host([focus-ring]) [part='input-field'] {
|
|
2106
|
-
box-shadow: 0 0 0 2px var(--lumo-primary-color-50pct);
|
|
2107
|
-
}
|
|
2108
|
-
|
|
2109
|
-
/* Read-only and disabled */
|
|
2110
|
-
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
|
2111
|
-
opacity: 0;
|
|
2112
|
-
}
|
|
2113
|
-
|
|
2114
|
-
/* Disabled style */
|
|
2115
|
-
:host([disabled]) {
|
|
2116
|
-
pointer-events: none;
|
|
2117
|
-
}
|
|
2118
|
-
|
|
2119
|
-
:host([disabled]) [part='label'],
|
|
2120
|
-
:host([disabled]) [part='input-field'] ::slotted(*) {
|
|
2121
|
-
color: var(--lumo-disabled-text-color);
|
|
2122
|
-
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
|
2123
|
-
}
|
|
2124
|
-
|
|
2125
|
-
/* Invalid style */
|
|
2126
|
-
:host([invalid][focus-ring]) [part='input-field'] {
|
|
2127
|
-
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
|
2128
|
-
}
|
|
2129
|
-
|
|
2130
|
-
:host([input-prevented]) [part='input-field'] {
|
|
2131
|
-
animation: shake 0.15s infinite;
|
|
2132
|
-
}
|
|
2133
|
-
|
|
2134
|
-
@keyframes shake {
|
|
2135
|
-
25% {
|
|
2136
|
-
transform: translateX(4px);
|
|
2137
|
-
}
|
|
2138
|
-
75% {
|
|
2139
|
-
transform: translateX(-4px);
|
|
2140
|
-
}
|
|
2141
|
-
}
|
|
2142
|
-
|
|
2143
|
-
/* Small theme */
|
|
2144
|
-
:host([theme~='small']) {
|
|
2145
|
-
font-size: var(--lumo-font-size-s);
|
|
2146
|
-
--lumo-text-field-size: var(--lumo-size-s);
|
|
2147
|
-
}
|
|
2148
|
-
|
|
2149
|
-
:host([theme~='small']) [part='label'] {
|
|
2150
|
-
font-size: var(--lumo-font-size-xs);
|
|
2151
|
-
}
|
|
2152
|
-
|
|
2153
|
-
:host([theme~='small']) [part='error-message'] {
|
|
2154
|
-
font-size: var(--lumo-font-size-xxs);
|
|
2155
|
-
}
|
|
2156
|
-
|
|
2157
|
-
/* Slotted content */
|
|
2158
|
-
[part='input-field'] ::slotted(:not(iron-icon):not(vaadin-icon):not(input):not(textarea)) {
|
|
2159
|
-
color: var(--lumo-secondary-text-color);
|
|
2160
|
-
font-weight: 400;
|
|
2161
|
-
}
|
|
2162
|
-
|
|
2163
|
-
[part='clear-button']::before {
|
|
2164
|
-
content: var(--lumo-icons-cross);
|
|
2165
|
-
}
|
|
2166
|
-
`];ut("",Ho,{moduleId:"lumo-input-field-shared-styles"}),ut("vaadin-date-picker",[Ho,u`
|
|
2167
|
-
:host {
|
|
2168
|
-
outline: none;
|
|
2169
|
-
}
|
|
2170
|
-
|
|
2171
|
-
[part='toggle-button']::before {
|
|
2172
|
-
content: var(--lumo-icons-calendar);
|
|
2173
|
-
}
|
|
2174
|
-
|
|
2175
|
-
[part='clear-button']::before {
|
|
2176
|
-
content: var(--lumo-icons-cross);
|
|
2177
|
-
}
|
|
2178
|
-
|
|
2179
|
-
@media (max-width: 420px), (max-height: 420px) {
|
|
2180
|
-
[part='overlay-content'] {
|
|
2181
|
-
height: 70vh;
|
|
2182
|
-
}
|
|
2183
|
-
}
|
|
2184
|
-
|
|
2185
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input) {
|
|
2186
|
-
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
|
2187
|
-
}
|
|
2188
|
-
|
|
2189
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input:placeholder-shown) {
|
|
2190
|
-
--_lumo-text-field-overflow-mask-image: none;
|
|
2191
|
-
}
|
|
2192
|
-
`],{moduleId:"lumo-date-picker"});
|
|
2193
|
-
/**
|
|
2194
|
-
* @fileoverview
|
|
2195
|
-
* @suppress {checkPrototypalTypes}
|
|
2196
|
-
* @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2197
|
-
* This code may only be used under the BSD style license found at
|
|
2198
|
-
* http://polymer.github.io/LICENSE.txt The complete set of authors may be found
|
|
2199
|
-
* at http://polymer.github.io/AUTHORS.txt The complete set of contributors may
|
|
2200
|
-
* be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by
|
|
2201
|
-
* Google as part of the polymer project is also subject to an additional IP
|
|
2202
|
-
* rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2203
|
-
*/
|
|
2204
|
-
const Lo=Zt((t=>{const e=Mi(t);let i=(t=>{for(;t;){const e=Object.getOwnPropertyDescriptor(t,"observedAttributes");if(e)return e.get;t=Object.getPrototypeOf(t.prototype).constructor}return()=>[]})(e);return class extends e{constructor(){super()}static get observedAttributes(){return i.call(this).concat("disable-upgrade")}_initializeProperties(){this.hasAttribute("disable-upgrade")?this.__isUpgradeDisabled=!0:super._initializeProperties()}_enableProperties(){this.__isUpgradeDisabled||super._enableProperties()}_canApplyPropertyDefault(t){return super._canApplyPropertyDefault(t)&&!(this.__isUpgradeDisabled&&this._isPropertyPending(t))}attributeChangedCallback(t,e,i,s){"disable-upgrade"==t?this.__isUpgradeDisabled&&null==i&&(super._initializeProperties(),this.__isUpgradeDisabled=!1,he(this).isConnected&&super.connectedCallback()):super.attributeChangedCallback(t,e,i,s)}connectedCallback(){this.__isUpgradeDisabled||super.connectedCallback()}disconnectedCallback(){this.__isUpgradeDisabled||super.disconnectedCallback()}}}));function Wo(t){return t?new Set(t.split(" ")):new Set}function $o(t){return[...t].join(" ")}
|
|
2205
|
-
/**
|
|
2206
|
-
* @license
|
|
2207
|
-
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2208
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2209
|
-
*/
|
|
2210
|
-
const Uo={start:"top",end:"bottom"},Yo={start:"left",end:"right"},qo=new ResizeObserver((t=>{setTimeout((()=>{t.forEach((t=>{t.target.__overlay&&t.target.__overlay._updatePosition()}))}))})),Vo=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=
|
|
2211
|
-
/**
|
|
2212
|
-
* @license
|
|
2213
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2214
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2215
|
-
*/
|
|
2216
|
-
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,qo.unobserve(e),t&&(this.__addUpdatePositionEventListeners(),e.__overlay=this,qo.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()))}}get __isRTL(){return"rtl"===this.getAttribute("dir")}__positionSettingsChanged(){this._updatePosition()}__onScroll(t){this.contains(t.target)||this._updatePosition()}_updatePosition(){if(!this.positionTarget||!this.opened)return;const t=this.positionTarget.getBoundingClientRect(),e=this.__shouldAlignStartVertically(t);this.style.justifyContent=e?"flex-start":"flex-end";const i=this.__shouldAlignStartHorizontally(t,this.__isRTL),s=!this.__isRTL&&i||this.__isRTL&&!i;this.style.alignItems=s?"flex-start":"flex-end";const o=this.getBoundingClientRect(),r=this.__calculatePositionInOneDimension(t,o,this.noVerticalOverlap,Uo,this,e),n=this.__calculatePositionInOneDimension(t,o,this.noHorizontalOverlap,Yo,this,i);Object.assign(this.style,r,n),this.toggleAttribute("bottom-aligned",!e),this.toggleAttribute("top-aligned",e),this.toggleAttribute("end-aligned",!s),this.toggleAttribute("start-aligned",s)}__shouldAlignStartHorizontally(t,e){const i=Math.max(this.__oldContentWidth||0,this.$.overlay.offsetWidth);this.__oldContentWidth=this.$.overlay.offsetWidth;const s=Math.min(window.innerWidth,document.documentElement.clientWidth);return this.__shouldAlignStart(t,i,s,this.__margins,!e&&"start"===this.horizontalAlign||e&&"end"===this.horizontalAlign,this.noHorizontalOverlap,Yo)}__shouldAlignStartVertically(t){const e=this.requiredVerticalSpace||Math.max(this.__oldContentHeight||0,this.$.overlay.offsetHeight);this.__oldContentHeight=this.$.overlay.offsetHeight;const i=Math.min(window.innerHeight,document.documentElement.clientHeight);return this.__shouldAlignStart(t,e,i,this.__margins,"top"===this.verticalAlign,this.noVerticalOverlap,Uo)}__shouldAlignStart(t,e,i,s,o,r,n){const a=i-t[r?n.end:n.start]-s[n.end],l=t[r?n.start:n.end]-s[n.start],h=o?a:l;return o===(h>(o?l:a)||h>e)}__adjustBottomProperty(t,e,i){let s;if(t===e.end){if(e.end===Uo.end){const t=Math.min(window.innerHeight,document.documentElement.clientHeight);i>t&&this.__oldViewportHeight&&(s=i-(this.__oldViewportHeight-t)),this.__oldViewportHeight=t}if(e.end===Yo.end){const t=Math.min(window.innerWidth,document.documentElement.clientWidth);i>t&&this.__oldViewportWidth&&(s=i-(this.__oldViewportWidth-t)),this.__oldViewportWidth=t}}return s}__calculatePositionInOneDimension(t,e,i,s,o,r){const n=r?s.start:s.end,a=r?s.end:s.start,l=parseFloat(o.style[n]||getComputedStyle(o)[n]),h=this.__adjustBottomProperty(n,s,l);return{[n]:h?`${h}px`:`${l+(e[r?s.start:s.end]-t[i===r?s.end:s.start])*(r?-1:1)}px`,[a]:""}}}
|
|
2217
|
-
/**
|
|
2218
|
-
* @license
|
|
2219
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2220
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2221
|
-
*/,Go=u`
|
|
2222
|
-
:host([dir='rtl']) [part='input-field'] {
|
|
2223
|
-
direction: ltr;
|
|
2224
|
-
}
|
|
2225
|
-
|
|
2226
|
-
:host([dir='rtl']) [part='input-field'] ::slotted(input)::placeholder {
|
|
2227
|
-
direction: rtl;
|
|
2228
|
-
text-align: left;
|
|
2229
|
-
}
|
|
2230
|
-
`;let Jo;
|
|
2231
|
-
/**
|
|
2232
|
-
* @license
|
|
2233
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2234
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2235
|
-
*/
|
|
2236
|
-
ut("vaadin-date-picker-overlay",u`
|
|
2237
|
-
[part='overlay'] {
|
|
2238
|
-
display: flex;
|
|
2239
|
-
flex: auto;
|
|
2240
|
-
}
|
|
2241
|
-
|
|
2242
|
-
[part~='content'] {
|
|
2243
|
-
flex: auto;
|
|
2244
|
-
}
|
|
2245
|
-
`,{moduleId:"vaadin-date-picker-overlay-styles"});class Ko extends(Lo(Vo(Ms))){static get is(){return"vaadin-date-picker-overlay"}static get template(){return Jo||(Jo=super.template.cloneNode(!0),Jo.content.querySelector('[part~="overlay"]').removeAttribute("tabindex")),Jo}}customElements.define(Ko.is,Ko);
|
|
2246
|
-
/**
|
|
2247
|
-
@license
|
|
2248
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2249
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2250
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2251
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2252
|
-
Code distributed by Google as part of the polymer project is also
|
|
2253
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2254
|
-
*/
|
|
2255
|
-
class Zo{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,Xo.delete(this),this._callback()}))}cancel(){this.isActive()&&(this._cancelAsync(),Xo.delete(this))}_cancelAsync(){this.isActive()&&(this._asyncModule.cancel(this._timer),this._timer=null)}flush(){this.isActive()&&(this.cancel(),this._callback())}isActive(){return null!=this._timer}static debounce(t,e,i){return t instanceof Zo?t._cancelAsync():t=new Zo,t.setConfig(e,i),t}}let Xo=new Set;const Qo=function(){const t=Boolean(Xo.size);return Xo.forEach((t=>{try{t.flush()}catch(t){setTimeout((()=>{throw t}))}})),t};
|
|
2256
|
-
/**
|
|
2257
|
-
@license
|
|
2258
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2259
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2260
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2261
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2262
|
-
Code distributed by Google as part of the polymer project is also
|
|
2263
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2264
|
-
*/
|
|
2265
|
-
let tr=!1;
|
|
2266
|
-
/**
|
|
2267
|
-
@license
|
|
2268
|
-
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
2269
|
-
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
|
2270
|
-
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
|
2271
|
-
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
|
2272
|
-
Code distributed by Google as part of the polymer project is also
|
|
2273
|
-
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
|
2274
|
-
*/
|
|
2275
|
-
const er=ss(Ii);class ir extends er{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:!Gt,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(Lt&&!It){if(!tr){tr=!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=he(he(this).parentNode);for(let e=0;e<this.__instances.length;e++)this.__attachInstance(e,t);this.__chunkingId&&this.__render()}}__ensureTemplatized(){if(!this.__ctor){const t=this;let e=this.template=t._templateInfo?t:this.querySelector("template");if(!e){let t=new MutationObserver((()=>{if(!this.querySelector("template"))throw new Error("dom-repeat requires a <template> child");t.disconnect(),this.__render()}));return t.observe(this,{childList:!0}),!1}let i={};i[this.as]=!0,i[this.indexAs]=!0,i[this.itemsIndexAs]=!0,this.__ctor=ms(e,this,{mutableData:this.mutableData,parentModel:!0,instanceProps:i,forwardHostProp:function(t,e){let i=this.__instances;for(let s,o=0;o<i.length&&(s=i[o]);o++)s.forwardHostProp(t,e)},notifyInstanceProp:function(t,e,i){if((s=this.as)===(o=e)||ue(s,o)||pe(s,o)){let s=t[this.itemsIndexAs];e==this.as&&(this.items[s]=i);let o=me(this.as,`${JSCompiler_renameProperty("items",this)}.${s}`,e);this.notifyPath(o,i)}var s,o}})}return!0}__getMethodHost(){return this.__dataHost._methodHost||this.__dataHost}__functionFromPropertyValue(t){if("string"==typeof t){let e=t,i=this.__getMethodHost();return function(){return i[e].apply(i,arguments)}}return t}__sortChanged(t){this.__sortFn=this.__functionFromPropertyValue(t),this.items&&this.__debounceRender(this.__render)}__filterChanged(t){this.__filterFn=this.__functionFromPropertyValue(t),this.items&&this.__debounceRender(this.__render)}__computeFrameTime(t){return Math.ceil(1e3/t)}__observeChanged(){this.__observePaths=this.observe&&this.observe.replace(".*",".").split(" ")}__handleObservedPaths(t){if(this.__sortFn||this.__filterFn)if(t){if(this.__observePaths){let e=this.__observePaths;for(let i=0;i<e.length;i++)0===t.indexOf(e[i])&&this.__debounceRender(this.__render,this.delay)}}else this.__debounceRender(this.__render,this.delay)}__itemsChanged(t){this.items&&!Array.isArray(this.items)&&console.warn("dom-repeat expected array for `items`, found",this.items),this.__handleItemPath(t.path,t.value)||("items"===t.path&&(this.__itemsArrayChanged=!0),this.__debounceRender(this.__render))}__debounceRender(t,e=0){this.__renderDebouncer=Zo.debounce(this.__renderDebouncer,e>0?ze.after(e):Fe,t.bind(this)),Xo.add(this.__renderDebouncer)}render(){this.__debounceRender(this.__render),function(){let t,e;do{t=window.ShadyDOM&&ShadyDOM.flush(),window.ShadyCSS&&window.ShadyCSS.ScopingShim&&window.ShadyCSS.ScopingShim.flush(),e=Qo()}while(t||e)}()}__render(){if(!this.__ensureTemplatized())return;let t=this.items||[];const e=this.__sortAndFilterItems(t),i=this.__calculateLimit(e.length);this.__updateInstances(t,i,e),this.initialCount&&(this.__shouldMeasureChunk||this.__shouldContinueChunking)&&(cancelAnimationFrame(this.__chunkingId),this.__chunkingId=requestAnimationFrame((()=>{this.__chunkingId=null,this.__continueChunking()}))),this._setRenderedItemCount(this.__instances.length),Gt&&!this.notifyDomChange||this.dispatchEvent(new CustomEvent("dom-change",{bubbles:!0,composed:!0}))}__sortAndFilterItems(t){let e=new Array(t.length);for(let i=0;i<t.length;i++)e[i]=i;return this.__filterFn&&(e=e.filter(((e,i,s)=>this.__filterFn(t[e],i,s)))),this.__sortFn&&e.sort(((e,i)=>this.__sortFn(t[e],t[i]))),e}__calculateLimit(t){let e=t;const i=this.__instances.length;if(this.initialCount){let s;!this.__chunkCount||this.__itemsArrayChanged&&!this.reuseChunkedInstances?(e=Math.min(t,this.initialCount),s=Math.max(e-i,0),this.__chunkCount=s||1):(s=Math.min(Math.max(t-i,0),this.__chunkCount),e=Math.min(i+s,t)),this.__shouldMeasureChunk=s===this.__chunkCount,this.__shouldContinueChunking=e<t,this.__renderStartTime=performance.now()}return this.__itemsArrayChanged=!1,e}__continueChunking(){if(this.__shouldMeasureChunk){const t=performance.now()-this.__renderStartTime;this.__chunkCount=Math.round(this.__chunkCount*(this._targetFrameTime/t))||1}this.__shouldContinueChunking&&this.__debounceRender(this.__render)}__updateInstances(t,e,i){const s=this.__itemsIdxToInstIdx={};let o;for(o=0;o<e;o++){let e=this.__instances[o],r=i[o],n=t[r];s[r]=o,e?(e._setPendingProperty(this.as,n),e._setPendingProperty(this.indexAs,o),e._setPendingProperty(this.itemsIndexAs,r),e._flushProperties()):this.__insertInstance(n,o,r)}for(let t=this.__instances.length-1;t>=o;t--)this.__detachAndRemoveInstance(t)}__detachInstance(t){let e=this.__instances[t];const i=he(e.root);for(let t=0;t<e.children.length;t++)i.appendChild(e.children[t]);return e}__attachInstance(t,e){e.insertBefore(this.__instances[t].root,this)}__detachAndRemoveInstance(t){this.__detachInstance(t),this.__instances.splice(t,1)}__stampInstance(t,e,i){let s={};return s[this.as]=t,s[this.indexAs]=e,s[this.itemsIndexAs]=i,new this.__ctor(s)}__insertInstance(t,e,i){const s=this.__stampInstance(t,e,i);let o=this.__instances[e+1],r=o?o.children[0]:this;return he(he(this).parentNode).insertBefore(s.root,r),this.__instances[e]=s,s}_showHideChildren(t){for(let e=0;e<this.__instances.length;e++)this.__instances[e]._showHideChildren(t)}__handleItemPath(t,e){let i=t.slice(6),s=i.indexOf("."),o=s<0?i:i.substring(0,s);if(o==parseInt(o,10)){let t=s<0?"":i.substring(s+1);this.__handleObservedPaths(t);let r=this.__instances[this.__itemsIdxToInstIdx[o]];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 i;for(;e;)if(i=e.__dataHost?e:e.__templatizeInstance){if(i.__dataHost==t)return i;e=i.__dataHost}else e=he(e).parentNode;return null}(this.template,t)}}function sr(t,e){return t instanceof Date&&e instanceof Date&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function or(t,e,i){return(!e||t>=e)&&(!i||t<=i)}function rr(t,e){return e.filter((t=>void 0!==t)).reduce(((e,i)=>i?e?Math.abs(t.getTime()-i.getTime())<Math.abs(e.getTime()-t.getTime())?i:e:i:e))}function nr(t){return{day:t.getDate(),month:t.getMonth(),year:t.getFullYear()}}function ar(t){const e=/^([-+]\d{1}|\d{2,4}|[-+]\d{6})-(\d{1,2})-(\d{1,2})$/.exec(t);if(!e)return;const i=new Date(0,0);return i.setFullYear(parseInt(e[1],10)),i.setMonth(parseInt(e[2],10)-1),i.setDate(parseInt(e[3],10)),i}
|
|
2276
|
-
/**
|
|
2277
|
-
* @license
|
|
2278
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2279
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2280
|
-
*/customElements.define(ir.is,ir);class lr extends(Fo(gt(Ii))){static get template(){return Ei`
|
|
2281
|
-
<style>
|
|
2282
|
-
:host {
|
|
2283
|
-
display: block;
|
|
2284
|
-
}
|
|
2285
|
-
|
|
2286
|
-
#monthGrid {
|
|
2287
|
-
width: 100%;
|
|
2288
|
-
border-collapse: collapse;
|
|
2289
|
-
}
|
|
2290
|
-
|
|
2291
|
-
#days-container tr,
|
|
2292
|
-
#weekdays-container tr {
|
|
2293
|
-
display: flex;
|
|
2294
|
-
}
|
|
2295
|
-
|
|
2296
|
-
[part='date'] {
|
|
2297
|
-
outline: none;
|
|
2298
|
-
}
|
|
2299
|
-
|
|
2300
|
-
[part='week-number'][hidden],
|
|
2301
|
-
[part='weekday'][hidden] {
|
|
2302
|
-
display: none;
|
|
2303
|
-
}
|
|
2304
|
-
|
|
2305
|
-
[part='weekday'],
|
|
2306
|
-
[part='date'] {
|
|
2307
|
-
width: calc(100% / 7);
|
|
2308
|
-
padding: 0;
|
|
2309
|
-
font-weight: normal;
|
|
2310
|
-
}
|
|
2311
|
-
|
|
2312
|
-
[part='weekday']:empty,
|
|
2313
|
-
[part='week-number'] {
|
|
2314
|
-
width: 12.5%;
|
|
2315
|
-
flex-shrink: 0;
|
|
2316
|
-
padding: 0;
|
|
2317
|
-
}
|
|
2318
|
-
|
|
2319
|
-
:host([week-numbers]) [part='weekday']:not(:empty),
|
|
2320
|
-
:host([week-numbers]) [part='date'] {
|
|
2321
|
-
width: 12.5%;
|
|
2322
|
-
}
|
|
2323
|
-
</style>
|
|
2324
|
-
|
|
2325
|
-
<div part="month-header" id="month-header" aria-hidden="true">[[_getTitle(month, i18n.monthNames)]]</div>
|
|
2326
|
-
<table
|
|
2327
|
-
id="monthGrid"
|
|
2328
|
-
role="grid"
|
|
2329
|
-
aria-labelledby="month-header"
|
|
2330
|
-
on-touchend="_preventDefault"
|
|
2331
|
-
on-touchstart="_onMonthGridTouchStart"
|
|
2332
|
-
>
|
|
2333
|
-
<thead id="weekdays-container">
|
|
2334
|
-
<tr role="row" part="weekdays">
|
|
2335
|
-
<th
|
|
2336
|
-
part="weekday"
|
|
2337
|
-
aria-hidden="true"
|
|
2338
|
-
hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n.firstDayOfWeek)]]"
|
|
2339
|
-
></th>
|
|
2340
|
-
<template
|
|
2341
|
-
is="dom-repeat"
|
|
2342
|
-
items="[[_getWeekDayNames(i18n.weekdays, i18n.weekdaysShort, showWeekNumbers, i18n.firstDayOfWeek)]]"
|
|
2343
|
-
>
|
|
2344
|
-
<th role="columnheader" part="weekday" scope="col" abbr$="[[item.weekDay]]" aria-hidden="true">
|
|
2345
|
-
[[item.weekDayShort]]
|
|
2346
|
-
</th>
|
|
2347
|
-
</template>
|
|
2348
|
-
</tr>
|
|
2349
|
-
</thead>
|
|
2350
|
-
<tbody id="days-container">
|
|
2351
|
-
<template is="dom-repeat" items="[[_weeks]]" as="week">
|
|
2352
|
-
<tr role="row">
|
|
2353
|
-
<td
|
|
2354
|
-
part="week-number"
|
|
2355
|
-
aria-hidden="true"
|
|
2356
|
-
hidden$="[[!_showWeekSeparator(showWeekNumbers, i18n.firstDayOfWeek)]]"
|
|
2357
|
-
>
|
|
2358
|
-
[[__getWeekNumber(week)]]
|
|
2359
|
-
</td>
|
|
2360
|
-
<template is="dom-repeat" items="[[week]]">
|
|
2361
|
-
<td
|
|
2362
|
-
role="gridcell"
|
|
2363
|
-
part="date"
|
|
2364
|
-
date="[[item]]"
|
|
2365
|
-
today$="[[_isToday(item)]]"
|
|
2366
|
-
focused$="[[__isDayFocused(item, focusedDate)]]"
|
|
2367
|
-
tabindex$="[[__getDayTabindex(item, focusedDate)]]"
|
|
2368
|
-
selected$="[[__isDaySelected(item, selectedDate)]]"
|
|
2369
|
-
disabled$="[[__isDayDisabled(item, minDate, maxDate)]]"
|
|
2370
|
-
aria-selected$="[[__getDayAriaSelected(item, selectedDate)]]"
|
|
2371
|
-
aria-disabled$="[[__getDayAriaDisabled(item, minDate, maxDate)]]"
|
|
2372
|
-
aria-label$="[[__getDayAriaLabel(item)]]"
|
|
2373
|
-
>[[_getDate(item)]]</td
|
|
2374
|
-
>
|
|
2375
|
-
</template>
|
|
2376
|
-
</tr>
|
|
2377
|
-
</template>
|
|
2378
|
-
</tbody>
|
|
2379
|
-
</table>
|
|
2380
|
-
`}static get is(){return"vaadin-month-calendar"}static get properties(){return{month:{type:Date,value:new Date},selectedDate:{type:Date,notify:!0},focusedDate:Date,showWeekNumbers:{type:Boolean,value:!1},i18n:{type:Object},ignoreTaps:Boolean,_notTapping:Boolean,minDate:{type:Date,value:null},maxDate:{type:Date,value:null},_days:{type:Array,computed:"_getDays(month, i18n.firstDayOfWeek, 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.firstDayOfWeek)","__focusedDateChanged(focusedDate, _days)"]}ready(){super.ready(),wo(this.$.monthGrid,"tap",this._handleTap.bind(this))}get focusableDateElement(){return[...this.shadowRoot.querySelectorAll("[part=date]")].find((t=>sr(t.date,this.focusedDate)))}_isDisabled(t,e,i){const s=new Date(0,0);s.setFullYear(t.getFullYear()),s.setMonth(t.getMonth()),s.setDate(1);const o=new Date(0,0);return o.setFullYear(t.getFullYear()),o.setMonth(t.getMonth()+1),o.setDate(0),!(e&&i&&e.getMonth()===i.getMonth()&&e.getMonth()===t.getMonth()&&i.getDate()-e.getDate()>=0||or(s,e,i)||or(o,e,i))}_getTitle(t,e){if(void 0!==t&&void 0!==e)return this.i18n.formatTitle(e[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,i,s){if(void 0!==t&&void 0!==e&&void 0!==i&&void 0!==s)return t=this._applyFirstDayOfWeek(t,s),e=this._applyFirstDayOfWeek(e,s),t.map(((t,i)=>({weekDay:t,weekDayShort:e[i]})))}__focusedDateChanged(t,e){e.some((e=>sr(e,t)))?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")}_getDate(t){return t?t.getDate():""}_showWeekNumbersChanged(t,e){t&&1===e?this.setAttribute("week-numbers",""):this.removeAttribute("week-numbers")}_showWeekSeparator(t,e){return t&&1===e}_isToday(t){return sr(new Date,t)}_getDays(t,e){if(void 0===t||void 0===e)return;const i=new Date(0,0);for(i.setFullYear(t.getFullYear()),i.setMonth(t.getMonth()),i.setDate(1);i.getDay()!==e;)this._dateAdd(i,-1);const s=[],o=i.getMonth(),r=t.getMonth();for(;i.getMonth()===r||i.getMonth()===o;)s.push(i.getMonth()===r?new Date(i.getTime()):null),this._dateAdd(i,1);return s}_getWeeks(t){return t.reduce(((t,e,i)=>(i%7==0&&t.push([]),t[t.length-1].push(e),t)),[])}_handleTap(t){this.ignoreTaps||this._notTapping||!t.target.date||t.target.hasAttribute("disabled")||(this.selectedDate=t.target.date,this.dispatchEvent(new CustomEvent("date-tap",{detail:{date:t.target.date},bubbles:!0,composed:!0})))}_preventDefault(t){t.preventDefault()}__getWeekNumber(t){
|
|
2381
|
-
/**
|
|
2382
|
-
* @license
|
|
2383
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2384
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2385
|
-
*/
|
|
2386
|
-
return function(t){let e=t.getDay();0===e&&(e=7);const i=4-e,s=new Date(t.getTime()+24*i*3600*1e3),o=new Date(0,0);o.setFullYear(s.getFullYear());const r=s.getTime()-o.getTime(),n=Math.round(r/864e5);return Math.floor(n/7+1)}(t.reduce(((t,e)=>!t&&e?e:t)))}__isDayFocused(t,e){return sr(t,e)}__isDaySelected(t,e){return sr(t,e)}__getDayAriaSelected(t,e){if(this.__isDaySelected(t,e))return"true"}__isDayDisabled(t,e,i){return!or(t,e,i)}__getDayAriaDisabled(t,e,i){if(void 0!==t&&void 0!==e&&void 0!==i)return this.__isDayDisabled(t,e,i)?"true":void 0}__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}__getDayTabindex(t,e){return this.__isDayFocused(t,e)?"0":"-1"}}customElements.define(lr.is,lr);
|
|
2387
|
-
/**
|
|
2388
|
-
* @license
|
|
2389
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2390
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2391
|
-
*/
|
|
2392
|
-
class hr extends Ii{static get template(){return Ei`
|
|
2393
|
-
<style>
|
|
2394
|
-
:host {
|
|
2395
|
-
display: block;
|
|
2396
|
-
overflow: hidden;
|
|
2397
|
-
height: 500px;
|
|
2398
|
-
}
|
|
2399
|
-
|
|
2400
|
-
#scroller {
|
|
2401
|
-
position: relative;
|
|
2402
|
-
height: 100%;
|
|
2403
|
-
overflow: auto;
|
|
2404
|
-
outline: none;
|
|
2405
|
-
margin-right: -40px;
|
|
2406
|
-
-webkit-overflow-scrolling: touch;
|
|
2407
|
-
overflow-x: hidden;
|
|
2408
|
-
}
|
|
2409
|
-
|
|
2410
|
-
#scroller.notouchscroll {
|
|
2411
|
-
-webkit-overflow-scrolling: auto;
|
|
2412
|
-
}
|
|
2413
|
-
|
|
2414
|
-
#scroller::-webkit-scrollbar {
|
|
2415
|
-
display: none;
|
|
2416
|
-
}
|
|
2417
|
-
|
|
2418
|
-
.buffer {
|
|
2419
|
-
position: absolute;
|
|
2420
|
-
width: var(--vaadin-infinite-scroller-buffer-width, 100%);
|
|
2421
|
-
box-sizing: border-box;
|
|
2422
|
-
padding-right: 40px;
|
|
2423
|
-
top: var(--vaadin-infinite-scroller-buffer-offset, 0);
|
|
2424
|
-
animation: fadein 0.2s;
|
|
2425
|
-
}
|
|
2426
|
-
|
|
2427
|
-
@keyframes fadein {
|
|
2428
|
-
from {
|
|
2429
|
-
opacity: 0;
|
|
2430
|
-
}
|
|
2431
|
-
to {
|
|
2432
|
-
opacity: 1;
|
|
2433
|
-
}
|
|
2434
|
-
}
|
|
2435
|
-
</style>
|
|
2436
|
-
|
|
2437
|
-
<div id="scroller" on-scroll="_scroll">
|
|
2438
|
-
<div class="buffer"></div>
|
|
2439
|
-
<div class="buffer"></div>
|
|
2440
|
-
<div id="fullHeight"></div>
|
|
2441
|
-
</div>
|
|
2442
|
-
`}static get is(){return"vaadin-infinite-scroller"}static get properties(){return{bufferSize:{type:Number,value:20},_initialScroll:{value:5e5},_initialIndex:{value:0},_buffers:Array,_preventScrollEvent:Boolean,_mayHaveMomentum:Boolean,_initialized:Boolean,active:{type:Boolean,observer:"_activated"}}}ready(){super.ready(),this._buffers=[...this.shadowRoot.querySelectorAll(".buffer")],this.$.fullHeight.style.height=2*this._initialScroll+"px";const t=this.querySelector("template");this._TemplateClass=ms(t,this,{forwardHostProp(t,e){"index"!==t&&this._buffers.forEach((i=>{[...i.children].forEach((i=>{i._itemWrapper.instance[t]=e}))}))}}),bs&&(this.$.scroller.tabIndex=-1)}forceUpdate(){this._debouncerUpdateClones&&(this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones(),this._debouncerUpdateClones.cancel())}_activated(t){t&&!this._initialized&&(this._createPool(),this._initialized=!0)}_finishInit(){this._initDone||(this._buffers.forEach((t=>{[...t.children].forEach((t=>{this._ensureStampedInstance(t._itemWrapper)}))})),this._buffers[0].translateY||this._reset(),this._initDone=!0)}_translateBuffer(t){const e=t?1:0;this._buffers[e].translateY=this._buffers[e?0:1].translateY+this._bufferHeight*(e?-1:1),this._buffers[e].style.transform=`translate3d(0, ${this._buffers[e].translateY}px, 0)`,this._buffers[e].updated=!1,this._buffers.reverse()}_scroll(){if(this._scrollDisabled)return;const t=this.$.scroller.scrollTop;(t<this._bufferHeight||t>2*this._initialScroll-this._bufferHeight)&&(this._initialIndex=~~this.position,this._reset());const e=this.itemHeight+this.bufferOffset,i=t<this._buffers[0].translateY+e;(t>this._buffers[1].translateY+e||i)&&(this._translateBuffer(i),this._updateClones()),this._preventScrollEvent||(this.dispatchEvent(new CustomEvent("custom-scroll",{bubbles:!1,composed:!0})),this._mayHaveMomentum=!0),this._preventScrollEvent=!1,this._debouncerScrollFinish=Ys.debounce(this._debouncerScrollFinish,Ws.after(200),(()=>{const t=this.$.scroller.getBoundingClientRect();this._isVisible(this._buffers[0],t)||this._isVisible(this._buffers[1],t)||(this.position=this.position)}))}get bufferOffset(){return this._buffers[0].offsetTop}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))}get itemHeight(){if(!this._itemHeightVal){const t=getComputedStyle(this).getPropertyValue("--vaadin-infinite-scroller-item-height"),e="background-position";this.$.fullHeight.style.setProperty(e,t);const i=getComputedStyle(this.$.fullHeight).getPropertyValue(e);this.$.fullHeight.style.removeProperty(e),this._itemHeightVal=parseFloat(i)}return this._itemHeightVal}get _bufferHeight(){return this.itemHeight*this.bufferSize}_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=Ys.debounce(this._debouncerUpdateClones,Ws.after(200),(()=>{this._buffers[0].updated=this._buffers[1].updated=!1,this._updateClones()})),this._scrollDisabled=!1}_createPool(){const t=this.getBoundingClientRect();this._buffers.forEach((e=>{for(let i=0;i<this.bufferSize;i++){const i=document.createElement("div");i.style.height=`${this.itemHeight}px`,i.instance={};const s=`vaadin-infinite-scroller-item-content-${hr._contentIndex=hr._contentIndex+1||0}`,o=document.createElement("slot");o.setAttribute("name",s),o._itemWrapper=i,e.appendChild(o),i.setAttribute("slot",s),this.appendChild(i),setTimeout((()=>{this._isVisible(i,t)&&this._ensureStampedInstance(i)}),1)}})),setTimeout((()=>{ts(this,this._finishInit.bind(this))}),1)}_ensureStampedInstance(t){if(t.firstElementChild)return;const e=t.instance;t.instance=new this._TemplateClass({}),t.appendChild(t.instance.root),Object.keys(e).forEach((i=>{t.instance.set(i,e[i])}))}_updateClones(t){this._firstIndex=~~((this._buffers[0].translateY-this._initialScroll)/this.itemHeight)+this._initialIndex;const e=t?this.$.scroller.getBoundingClientRect():void 0;this._buffers.forEach(((i,s)=>{if(!i.updated){const o=this._firstIndex+this.bufferSize*s;[...i.children].forEach(((i,s)=>{const r=i._itemWrapper;t&&!this._isVisible(r,e)||(r.instance.index=o+s)})),i.updated=!0}}))}_isVisible(t,e){const i=t.getBoundingClientRect();return i.bottom>e.top&&i.top<e.bottom}}customElements.define(hr.is,hr);
|
|
2443
|
-
/**
|
|
2444
|
-
* @license
|
|
2445
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2446
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2447
|
-
*/
|
|
2448
|
-
class cr{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)}}
|
|
2449
|
-
/**
|
|
2450
|
-
* @license
|
|
2451
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2452
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2453
|
-
*/class dr extends(_s(gt(Li(Ii)))){static get template(){return Ei`
|
|
2454
|
-
<style>
|
|
2455
|
-
:host {
|
|
2456
|
-
display: flex;
|
|
2457
|
-
flex-direction: column;
|
|
2458
|
-
height: 100%;
|
|
2459
|
-
width: 100%;
|
|
2460
|
-
outline: none;
|
|
2461
|
-
}
|
|
2462
|
-
|
|
2463
|
-
[part='overlay-header'] {
|
|
2464
|
-
display: flex;
|
|
2465
|
-
flex-shrink: 0;
|
|
2466
|
-
flex-wrap: nowrap;
|
|
2467
|
-
align-items: center;
|
|
2468
|
-
}
|
|
2469
|
-
|
|
2470
|
-
:host(:not([fullscreen])) [part='overlay-header'] {
|
|
2471
|
-
display: none;
|
|
2472
|
-
}
|
|
2473
|
-
|
|
2474
|
-
[part='label'] {
|
|
2475
|
-
flex-grow: 1;
|
|
2476
|
-
}
|
|
2477
|
-
|
|
2478
|
-
[hidden] {
|
|
2479
|
-
display: none !important;
|
|
2480
|
-
}
|
|
2481
|
-
|
|
2482
|
-
[part='years-toggle-button'] {
|
|
2483
|
-
display: flex;
|
|
2484
|
-
}
|
|
2485
|
-
|
|
2486
|
-
#scrollers {
|
|
2487
|
-
display: flex;
|
|
2488
|
-
height: 100%;
|
|
2489
|
-
width: 100%;
|
|
2490
|
-
position: relative;
|
|
2491
|
-
overflow: hidden;
|
|
2492
|
-
}
|
|
2493
|
-
|
|
2494
|
-
[part='months'],
|
|
2495
|
-
[part='years'] {
|
|
2496
|
-
height: 100%;
|
|
2497
|
-
}
|
|
2498
|
-
|
|
2499
|
-
[part='months'] {
|
|
2500
|
-
--vaadin-infinite-scroller-item-height: 270px;
|
|
2501
|
-
position: absolute;
|
|
2502
|
-
top: 0;
|
|
2503
|
-
left: 0;
|
|
2504
|
-
right: 0;
|
|
2505
|
-
bottom: 0;
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
#scrollers[desktop] [part='months'] {
|
|
2509
|
-
right: 50px;
|
|
2510
|
-
transform: none !important;
|
|
2511
|
-
}
|
|
2512
|
-
|
|
2513
|
-
[part='years'] {
|
|
2514
|
-
--vaadin-infinite-scroller-item-height: 80px;
|
|
2515
|
-
width: 50px;
|
|
2516
|
-
position: absolute;
|
|
2517
|
-
right: 0;
|
|
2518
|
-
transform: translateX(100%);
|
|
2519
|
-
-webkit-tap-highlight-color: transparent;
|
|
2520
|
-
-webkit-user-select: none;
|
|
2521
|
-
-moz-user-select: none;
|
|
2522
|
-
user-select: none;
|
|
2523
|
-
/* Center the year scroller position. */
|
|
2524
|
-
--vaadin-infinite-scroller-buffer-offset: 50%;
|
|
2525
|
-
}
|
|
2526
|
-
|
|
2527
|
-
#scrollers[desktop] [part='years'] {
|
|
2528
|
-
position: absolute;
|
|
2529
|
-
transform: none !important;
|
|
2530
|
-
}
|
|
2531
|
-
|
|
2532
|
-
[part='years']::before {
|
|
2533
|
-
content: '';
|
|
2534
|
-
display: block;
|
|
2535
|
-
background: transparent;
|
|
2536
|
-
width: 0;
|
|
2537
|
-
height: 0;
|
|
2538
|
-
position: absolute;
|
|
2539
|
-
left: 0;
|
|
2540
|
-
top: 50%;
|
|
2541
|
-
transform: translateY(-50%);
|
|
2542
|
-
border-width: 6px;
|
|
2543
|
-
border-style: solid;
|
|
2544
|
-
border-color: transparent;
|
|
2545
|
-
border-left-color: #000;
|
|
2546
|
-
}
|
|
2547
|
-
|
|
2548
|
-
:host(.animate) [part='months'],
|
|
2549
|
-
:host(.animate) [part='years'] {
|
|
2550
|
-
transition: all 200ms;
|
|
2551
|
-
}
|
|
2552
|
-
|
|
2553
|
-
[part='toolbar'] {
|
|
2554
|
-
display: flex;
|
|
2555
|
-
justify-content: space-between;
|
|
2556
|
-
z-index: 2;
|
|
2557
|
-
flex-shrink: 0;
|
|
2558
|
-
}
|
|
2559
|
-
</style>
|
|
2560
|
-
|
|
2561
|
-
<div part="overlay-header" on-touchend="_preventDefault" desktop$="[[_desktopMode]]" aria-hidden="true">
|
|
2562
|
-
<div part="label">[[_formatDisplayed(selectedDate, i18n.formatDate, label)]]</div>
|
|
2563
|
-
<div part="clear-button" hidden$="[[!selectedDate]]"></div>
|
|
2564
|
-
<div part="toggle-button"></div>
|
|
2565
|
-
|
|
2566
|
-
<div part="years-toggle-button" hidden$="[[_desktopMode]]" aria-hidden="true">
|
|
2567
|
-
[[_yearAfterXMonths(_visibleMonthIndex)]]
|
|
2568
|
-
</div>
|
|
2569
|
-
</div>
|
|
2570
|
-
|
|
2571
|
-
<div id="scrollers" desktop$="[[_desktopMode]]">
|
|
2572
|
-
<vaadin-infinite-scroller
|
|
2573
|
-
id="monthScroller"
|
|
2574
|
-
on-custom-scroll="_onMonthScroll"
|
|
2575
|
-
on-touchstart="_onMonthScrollTouchStart"
|
|
2576
|
-
buffer-size="3"
|
|
2577
|
-
active="[[initialPosition]]"
|
|
2578
|
-
part="months"
|
|
2579
|
-
>
|
|
2580
|
-
<template>
|
|
2581
|
-
<vaadin-month-calendar
|
|
2582
|
-
i18n="[[i18n]]"
|
|
2583
|
-
month="[[_dateAfterXMonths(index)]]"
|
|
2584
|
-
selected-date="{{selectedDate}}"
|
|
2585
|
-
focused-date="[[focusedDate]]"
|
|
2586
|
-
ignore-taps="[[_ignoreTaps]]"
|
|
2587
|
-
show-week-numbers="[[showWeekNumbers]]"
|
|
2588
|
-
min-date="[[minDate]]"
|
|
2589
|
-
max-date="[[maxDate]]"
|
|
2590
|
-
part="month"
|
|
2591
|
-
theme$="[[_theme]]"
|
|
2592
|
-
on-keydown="__onMonthCalendarKeyDown"
|
|
2593
|
-
>
|
|
2594
|
-
</vaadin-month-calendar>
|
|
2595
|
-
</template>
|
|
2596
|
-
</vaadin-infinite-scroller>
|
|
2597
|
-
<vaadin-infinite-scroller
|
|
2598
|
-
id="yearScroller"
|
|
2599
|
-
on-custom-scroll="_onYearScroll"
|
|
2600
|
-
on-touchstart="_onYearScrollTouchStart"
|
|
2601
|
-
buffer-size="12"
|
|
2602
|
-
active="[[initialPosition]]"
|
|
2603
|
-
part="years"
|
|
2604
|
-
aria-hidden="true"
|
|
2605
|
-
>
|
|
2606
|
-
<template>
|
|
2607
|
-
<div
|
|
2608
|
-
part="year-number"
|
|
2609
|
-
current$="[[_isCurrentYear(index)]]"
|
|
2610
|
-
selected$="[[_isSelectedYear(index, selectedDate)]]"
|
|
2611
|
-
>
|
|
2612
|
-
[[_yearAfterXYears(index)]]
|
|
2613
|
-
</div>
|
|
2614
|
-
<div part="year-separator" aria-hidden="true"></div>
|
|
2615
|
-
</template>
|
|
2616
|
-
</vaadin-infinite-scroller>
|
|
2617
|
-
</div>
|
|
2618
|
-
|
|
2619
|
-
<div on-touchend="_preventDefault" role="toolbar" part="toolbar">
|
|
2620
|
-
<vaadin-button
|
|
2621
|
-
id="todayButton"
|
|
2622
|
-
part="today-button"
|
|
2623
|
-
theme="tertiary"
|
|
2624
|
-
disabled="[[!_isTodayAllowed(minDate, maxDate)]]"
|
|
2625
|
-
on-keydown="__onTodayButtonKeyDown"
|
|
2626
|
-
>
|
|
2627
|
-
[[i18n.today]]
|
|
2628
|
-
</vaadin-button>
|
|
2629
|
-
<vaadin-button id="cancelButton" part="cancel-button" theme="tertiary" on-keydown="__onCancelButtonKeyDown">
|
|
2630
|
-
[[i18n.cancel]]
|
|
2631
|
-
</vaadin-button>
|
|
2632
|
-
</div>
|
|
2633
|
-
`}static get is(){return"vaadin-date-picker-overlay-content"}static get properties(){return{scrollDuration:{type:Number,value:300},selectedDate:{type:Date,value:null},focusedDate:{type:Date,notify:!0,observer:"_focusedDateChanged"},_focusedMonthDate:Number,initialPosition:{type:Date,observer:"_initialPositionChanged"},_originDate:{value:new Date},_visibleMonthIndex:Number,_desktopMode:Boolean,_desktopMediaQuery:{type:String,value:"(min-width: 375px)"},_translateX:{observer:"_translateXChanged"},_yearScrollerWidth:{value:50},i18n:{type:Object},showWeekNumbers:{type:Boolean},_ignoreTaps:Boolean,_notTapping:Boolean,minDate:Date,maxDate:Date,label:String}}get __isRTL(){return"rtl"===this.getAttribute("dir")}get __useSubMonthScrolling(){return this.$.monthScroller.clientHeight<this.$.monthScroller.itemHeight+this.$.monthScroller.bufferOffset}get calendars(){return[...this.shadowRoot.querySelectorAll("vaadin-month-calendar")]}get focusableDateElement(){return this.calendars.map((t=>t.focusableDateElement)).find(Boolean)}ready(){super.ready(),this.setAttribute("role","dialog"),wo(this.$.scrollers,"track",this._track.bind(this)),wo(this.shadowRoot.querySelector('[part="clear-button"]'),"tap",this._clear.bind(this)),wo(this.shadowRoot.querySelector('[part="today-button"]'),"tap",this._onTodayTap.bind(this)),wo(this.shadowRoot.querySelector('[part="cancel-button"]'),"tap",this._cancel.bind(this)),wo(this.shadowRoot.querySelector('[part="toggle-button"]'),"tap",this._cancel.bind(this)),wo(this.shadowRoot.querySelector('[part="years"]'),"tap",this._onYearTap.bind(this)),wo(this.shadowRoot.querySelector('[part="years-toggle-button"]'),"tap",this._toggleYearScroller.bind(this)),this.addController(new cr(this._desktopMediaQuery,(t=>{this._desktopMode=t})))}connectedCallback(){super.connectedCallback(),this._closeYearScroller(),this._toggleAnimateClass(!0),xo(this.$.scrollers,"pan-y")}focusCancel(){this.$.cancelButton.focus()}scrollToDate(t,e){const i=this.__useSubMonthScrolling?this._calculateWeekScrollOffset(t):0;this._scrollToPosition(this._differenceInMonths(t,this._originDate)+i,e),this.$.monthScroller.forceUpdate()}_selectDate(t){this.selectedDate=t,this.dispatchEvent(new CustomEvent("date-selected",{detail:{date:t},bubbles:!0,composed:!0}))}_focusedDateChanged(t){this.revealDate(t)}_isCurrentYear(t){return 0===t}_isSelectedYear(t,e){if(e)return e.getFullYear()===this._originDate.getFullYear()+t}revealDate(t,e=!0){if(!t)return;const i=this._differenceInMonths(t,this._originDate);if(this.__useSubMonthScrolling){const s=this._calculateWeekScrollOffset(t);return void this._scrollToPosition(i+s,e)}const s=this.$.monthScroller.position>i,o=Math.max(this.$.monthScroller.itemHeight,this.$.monthScroller.clientHeight-2*this.$.monthScroller.bufferOffset)/this.$.monthScroller.itemHeight,r=this.$.monthScroller.position+o-1<i;s?this._scrollToPosition(i,e):r&&this._scrollToPosition(i-o+1,e)}_calculateWeekScrollOffset(t){const e=new Date(0,0);e.setFullYear(t.getFullYear()),e.setMonth(t.getMonth()),e.setDate(1);let i=0;for(;e.getDate()<t.getDate();)e.setDate(e.getDate()+1),e.getDay()===this.i18n.firstDayOfWeek&&(i+=1);return i/6}_initialPositionChanged(t){this.scrollToDate(t)}_repositionYearScroller(){this._visibleMonthIndex=Math.floor(this.$.monthScroller.position),this.$.yearScroller.position=(this.$.monthScroller.position+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=Ys.debounce(this._debouncer,Ws.after(300),(()=>{this._ignoreTaps=!1}))}_formatDisplayed(t,e,i){return t?e(nr(t)):i}_onTodayTap(){const t=new Date;Math.abs(this.$.monthScroller.position-this._differenceInMonths(t,this._originDate))<.001?(this._selectDate(t),this._close()):this._scrollToCurrentMonth()}_scrollToCurrentMonth(){this.focusedDate&&(this.focusedDate=new Date),this.scrollToDate(new Date,!0)}_onYearTap(t){if(!this._ignoreTaps&&!this._notTapping){const e=t.detail.y-(this.$.yearScroller.getBoundingClientRect().top+this.$.yearScroller.clientHeight/2);this._scrollToPosition(this.$.monthScroller.position+e/this.$.yearScroller.itemHeight*12,!0)}}_scrollToPosition(t,e){if(void 0!==this._targetPosition)return void(this._targetPosition=t);if(!e)return this.$.monthScroller.position=t,this._targetPosition=void 0,this._repositionYearScroller(),void this.__tryFocusDate();let i;this._targetPosition=t,this._revealPromise=new Promise((t=>{i=t}));let s=0;const o=this.$.monthScroller.position,r=t=>{s=s||t;const e=t-s;if(e<this.scrollDuration){const t=((t,e,i)=>(t/=this.scrollDuration/2)<1?i/2*t*t+e:-i/2*((t-=1)*(t-2)-1)+e)(e,o,this._targetPosition-o);this.$.monthScroller.position=t,window.requestAnimationFrame(r)}else this.dispatchEvent(new CustomEvent("scroll-animation-finished",{bubbles:!0,composed:!0,detail:{position:this._targetPosition,oldPosition:o}})),this.$.monthScroller.position=this._targetPosition,this._targetPosition=void 0,i(),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)`)}_yearAfterXYears(t){const e=new Date(this._originDate);return e.setFullYear(parseInt(t)+this._originDate.getFullYear()),e.getFullYear()}_yearAfterXMonths(t){return this._dateAfterXMonths(t).getFullYear()}_dateAfterXMonths(t){const e=new Date(this._originDate);return e.setDate(1),e.setMonth(parseInt(t)+this._originDate.getMonth()),e}_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){sr(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.$.cancelButton.focus():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&&sr(t.date,this.__pendingDateFocus)&&(delete this.__pendingDateFocus,t.focus())}}async focusDate(t,e){const i=t||this.selectedDate||this.initialPosition||new Date;this.focusedDate=i,e||(this._focusedMonthDate=i.getDate()),await this.focusDateElement(!1)}async focusDateElement(t=!0){this.__pendingDateFocus=this.focusedDate,this.calendars.length||await new Promise((t=>{setTimeout(t)})),t&&this.revealDate(this.focusedDate),this._revealPromise&&await this._revealPromise,this.__tryFocusDate()}_focusClosestDate(t){this.focusDate(rr(t,[this.minDate,this.maxDate]))}_moveFocusByDays(t){const e=this.focusedDate,i=new Date(0,0);i.setFullYear(e.getFullYear()),i.setMonth(e.getMonth()),i.setDate(e.getDate()+t),this._dateAllowed(i,this.minDate,this.maxDate)?this.focusDate(i):this._dateAllowed(e,this.minDate,this.maxDate)?this.focusDate(t>0?this.maxDate:this.minDate):this._focusClosestDate(e)}_moveFocusByMonths(t){const e=this.focusedDate,i=new Date(0,0);i.setFullYear(e.getFullYear()),i.setMonth(e.getMonth()+t);const s=i.getMonth();i.setDate(this._focusedMonthDate||(this._focusedMonthDate=e.getDate())),i.getMonth()!==s&&i.setDate(0),this._dateAllowed(i,this.minDate,this.maxDate)?this.focusDate(i,!0):this._dateAllowed(e,this.minDate,this.maxDate)?this.focusDate(t>0?this.maxDate:this.minDate):this._focusClosestDate(e)}_moveFocusInsideMonth(t,e){const i=new Date(0,0);i.setFullYear(t.getFullYear()),"minDate"===e?(i.setMonth(t.getMonth()),i.setDate(1)):(i.setMonth(t.getMonth()+1),i.setDate(0)),this._dateAllowed(i,this.minDate,this.maxDate)?this.focusDate(i):this._dateAllowed(t,this.minDate,this.maxDate)?this.focusDate(this[e]):this._focusClosestDate(t)}_dateAllowed(t,e,i){return(!e||t>=e)&&(!i||t<=i)}_isTodayAllowed(t,e){const i=new Date,s=new Date(0,0);return s.setFullYear(i.getFullYear()),s.setMonth(i.getMonth()),s.setDate(i.getDate()),this._dateAllowed(s,t,e)}}customElements.define(dr.is,dr);
|
|
2634
|
-
/**
|
|
2635
|
-
* @license
|
|
2636
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2637
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2638
|
-
*/
|
|
2639
|
-
const ur=Zt((t=>class extends(Fo(Po(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(),this._setFocused(!0))}blur(){this.focusElement&&(this.focusElement.blur(),this._setFocused(!1))}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}_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)}}));
|
|
2640
|
-
/**
|
|
2641
|
-
* @license
|
|
2642
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2643
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2644
|
-
*/class pr extends Zs{constructor(t){super(t,"error-message",(()=>document.createElement("div")),((t,e)=>{this.__updateErrorId(e),this.__updateHasError()}),!0)}get errorId(){return this.node&&this.node.id}setErrorMessage(t){this.errorMessage=t,this.__updateHasError()}setInvalid(t){this.invalid=t,this.__updateHasError()}initCustomNode(t){this.__updateErrorId(t),t.textContent&&!this.errorMessage&&(this.errorMessage=t.textContent.trim()),this.__updateHasError()}teardownNode(t){let e=this.getSlotChild();e||t===this.defaultNode||(e=this.attachDefaultNode(),this.initNode(e)),this.__updateHasError()}__isNotEmpty(t){return Boolean(t&&""!==t.trim())}__updateHasError(){const t=this.node,e=Boolean(this.invalid&&this.__isNotEmpty(this.errorMessage));t&&(t.textContent=e?this.errorMessage:"",t.hidden=!e,e?t.setAttribute("role","alert"):t.removeAttribute("role")),this.host.toggleAttribute("has-error-message",e)}__updateErrorId(t){t.id||(t.id=this.defaultId)}}
|
|
2645
|
-
/**
|
|
2646
|
-
* @license
|
|
2647
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2648
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2649
|
-
*/class mr{constructor(t){this.host=t,this.__required=!1}setTarget(t){this.__target=t,this.__setAriaRequiredAttribute(this.__required),this.__setLabelIdToAriaAttribute(this.__labelId),this.__setErrorIdToAriaAttribute(this.__errorId),this.__setHelperIdToAriaAttribute(this.__helperId)}setRequired(t){this.__setAriaRequiredAttribute(t),this.__required=t}setLabelId(t){this.__setLabelIdToAriaAttribute(t,this.__labelId),this.__labelId=t}setErrorId(t){this.__setErrorIdToAriaAttribute(t,this.__errorId),this.__errorId=t}setHelperId(t){this.__setHelperIdToAriaAttribute(t,this.__helperId),this.__helperId=t}get __isGroupField(){return this.__target===this.host}__setLabelIdToAriaAttribute(t,e){this.__setAriaAttributeId("aria-labelledby",t,e)}__setErrorIdToAriaAttribute(t,e){this.__setAriaAttributeId(this.__isGroupField?"aria-labelledby":"aria-describedby",t,e)}__setHelperIdToAriaAttribute(t,e){this.__setAriaAttributeId(this.__isGroupField?"aria-labelledby":"aria-describedby",t,e)}__setAriaRequiredAttribute(t){this.__target&&(["input","textarea"].includes(this.__target.localName)||(t?this.__target.setAttribute("aria-required","true"):this.__target.removeAttribute("aria-required")))}__setAriaAttributeId(t,e,i){this.__target&&(i&&function(t,e,i){const s=Wo(t.getAttribute(e));s.delete(i),0!==s.size?t.setAttribute(e,$o(s)):t.removeAttribute(e)}(this.__target,t,i),e&&function(t,e,i){const s=Wo(t.getAttribute(e));s.add(i),t.setAttribute(e,$o(s))}(this.__target,t,e))}}
|
|
2650
|
-
/**
|
|
2651
|
-
* @license
|
|
2652
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2653
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2654
|
-
*/class fr extends Zs{constructor(t){super(t,"helper",null,null,!0)}get helperId(){return this.node&&this.node.id}initCustomNode(t){this.__updateHelperId(t),this.__observeHelper(t);const e=this.__hasHelper(t);this.__toggleHasHelper(e)}teardownNode(t){this.__helperIdObserver&&this.__helperIdObserver.disconnect();const e=this.getSlotChild();if(e&&e!==this.defaultNode){const t=this.__hasHelper(e);this.__toggleHasHelper(t)}else this.__applyDefaultHelper(this.helperText,e)}setHelperText(t){this.helperText=t;const e=this.getSlotChild();e&&e!==this.defaultNode||this.__applyDefaultHelper(t,e)}__hasHelper(t){return!!t&&(t.children.length>0||t.nodeType===Node.ELEMENT_NODE&&customElements.get(t.localName)||this.__isNotEmpty(t.textContent))}__isNotEmpty(t){return t&&""!==t.trim()}__applyDefaultHelper(t,e){const i=this.__isNotEmpty(t);i&&!e&&(this.slotFactory=()=>document.createElement("div"),e=this.attachDefaultNode(),this.__updateHelperId(e),this.__observeHelper(e)),e&&(e.textContent=t),this.__toggleHasHelper(i)}__observeHelper(t){this.__helperObserver=new MutationObserver((t=>{t.forEach((t=>{const e=t.target,i=e===this.node;if("attributes"===t.type)i&&e.id!==this.defaultId&&this.__updateHelperId(e);else if(i||e.parentElement===this.node){const t=this.__hasHelper(this.node);this.__toggleHasHelper(t)}}))})),this.__helperObserver.observe(t,{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0,characterData:!0})}__toggleHasHelper(t){this.host.toggleAttribute("has-helper",t),this.dispatchEvent(new CustomEvent("helper-changed",{detail:{hasHelper:t,node:this.node}}))}__updateHelperId(t){t.id||(t.id=this.defaultId)}}
|
|
2655
|
-
/**
|
|
2656
|
-
* @license
|
|
2657
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2658
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2659
|
-
*/class vr extends Zs{constructor(t){super(t,"label",(()=>document.createElement("label")),((t,e)=>{this.__updateLabelId(e),this.__updateDefaultLabel(this.label),this.__observeLabel(e)}),!0)}get labelId(){return this.node.id}initCustomNode(t){this.__updateLabelId(t);const e=this.__hasLabel(t);this.__toggleHasLabel(e)}teardownNode(t){this.__labelObserver&&this.__labelObserver.disconnect();let e=this.getSlotChild();e||t===this.defaultNode||(e=this.attachDefaultNode(),this.initNode(e));const i=this.__hasLabel(e);this.__toggleHasLabel(i)}setLabel(t){this.label=t,this.__updateDefaultLabel(t)}__hasLabel(t){return!!t&&(t.children.length>0||this.__isNotEmpty(t.textContent))}__isNotEmpty(t){return Boolean(t&&""!==t.trim())}__observeLabel(t){this.__labelObserver=new MutationObserver((t=>{t.forEach((t=>{const e=t.target,i=e===this.node;if("attributes"===t.type)i&&e.id!==this.defaultId&&this.__updateLabelId(e);else if(i||e.parentElement===this.node){const t=this.__hasLabel(this.node);this.__toggleHasLabel(t)}}))})),this.__labelObserver.observe(t,{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0,characterData:!0})}__toggleHasLabel(t){this.host.toggleAttribute("has-label",t),this.dispatchEvent(new CustomEvent("label-changed",{detail:{hasLabel:t,node:this.node}}))}__updateDefaultLabel(t){if(this.defaultNode&&(this.defaultNode.textContent=t,this.defaultNode===this.node)){const e=this.__isNotEmpty(t);this.__toggleHasLabel(e)}}__updateLabelId(t){t.id||(t.id=this.defaultId)}}
|
|
2660
|
-
/**
|
|
2661
|
-
* @license
|
|
2662
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2663
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2664
|
-
*/const br=Zt((t=>class extends(_s(t)){static get properties(){return{label:{type:String,observer:"_labelChanged"}}}get _labelId(){return this._labelController.labelId}get _labelNode(){return this._labelController.node}constructor(){super(),this._labelController=new vr(this)}ready(){super.ready(),this.addController(this._labelController)}_labelChanged(t){this._labelController.setLabel(t)}})),gr=Zt((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}})),yr=t=>class extends(gr(br(_s(t)))){static get properties(){return{ariaTarget:{type:Object,observer:"_ariaTargetChanged"},errorMessage:{type:String,observer:"_errorMessageChanged"},helperText:{type:String,observer:"_helperTextChanged"}}}static get observers(){return["_invalidChanged(invalid)","_requiredChanged(required)"]}get _errorId(){return this._errorController.errorId}get _errorNode(){return this._errorController.node}get _helperId(){return this._helperController.helperId}get _helperNode(){return this._helperController.node}constructor(){super(),this._fieldAriaController=new mr(this),this._helperController=new fr(this),this._errorController=new pr(this),this._labelController.addEventListener("label-changed",(t=>{const{hasLabel:e,node:i}=t.detail;this.__labelChanged(e,i)})),this._helperController.addEventListener("helper-changed",(t=>{const{hasHelper:e,node:i}=t.detail;this.__helperChanged(e,i)}))}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)}__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((()=>{this._fieldAriaController.setErrorId(t?this._errorController.errorId:null)}))}}
|
|
2665
|
-
/**
|
|
2666
|
-
* @license
|
|
2667
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2668
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2669
|
-
*/,wr=Zt((t=>class extends t{static get properties(){return{stateTarget:{type:Object,observer:"_stateTargetChanged"}}}static get delegateAttrs(){return[]}static get delegateProps(){return[]}ready(){super.ready(),this._createDelegateAttrsObserver(),this._createDelegatePropsObserver()}_stateTargetChanged(t){t&&(this._ensureAttrsDelegated(),this._ensurePropsDelegated())}_createDelegateAttrsObserver(){this._createMethodObserver(`_delegateAttrsChanged(${this.constructor.delegateAttrs.join(", ")})`)}_createDelegatePropsObserver(){this._createMethodObserver(`_delegatePropsChanged(${this.constructor.delegateProps.join(", ")})`)}_ensureAttrsDelegated(){this.constructor.delegateAttrs.forEach((t=>{this._delegateAttribute(t,this[t])}))}_ensurePropsDelegated(){this.constructor.delegateProps.forEach((t=>{this._delegateProperty(t,this[t])}))}_delegateAttrsChanged(...t){this.constructor.delegateAttrs.forEach(((e,i)=>{this._delegateAttribute(e,t[i])}))}_delegatePropsChanged(...t){this.constructor.delegateProps.forEach(((e,i)=>{this._delegateProperty(e,t[i])}))}_delegateAttribute(t,e){this.stateTarget&&("invalid"===t&&this._delegateAttribute("aria-invalid",!!e&&"true"),"boolean"==typeof e?this.stateTarget.toggleAttribute(t,e):e?this.stateTarget.setAttribute(t,e):this.stateTarget.removeAttribute(t))}_delegateProperty(t,e){this.stateTarget&&(this.stateTarget[t]=e)}})),_r=Zt((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},_hasInputValue:{type:Boolean,value:!1,observer:"_hasInputValueChanged"}}}constructor(){super(),this._boundOnInput=this.__onInput.bind(this),this._boundOnChange=this._onChange.bind(this)}clear(){this.value=""}_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.inputElement.value=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)}get _hasValue(){return null!=this.value&&""!==this.value}_setHasInputValue(t){const e=t.composedPath()[0];this._hasInputValue=e.value.length>0}})),xr=Zt((t=>class extends(wr(gr(_r(t)))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready(),this._createConstraintsObserver()}checkValidity(){return this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map((t=>this[t])))?this.inputElement.checkValidity():!this.invalid}_hasValidConstraints(t){return t.some((t=>this.__isValidConstraint(t)))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(t,...e){if(!t)return;const i=this._hasValidConstraints(e),s=this.__previousHasConstraints&&!i;(this._hasValue||this.invalid)&&i?this.validate():s&&this._setInvalid(!1),this.__previousHasConstraints=i}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__isValidConstraint(t){return Boolean(t)||0===t}})),kr=new WeakMap,Ar=Zt((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return kr.has(t)||kr.set(t,new Set),kr.get(t)}(t);this.slotStyles.forEach((i=>{e.has(i)||(function(t,e){const i=document.createElement("style");i.textContent=t,e===document?document.head.appendChild(i):e.insertBefore(i,e.firstChild)}(i,t),e.add(i))}))}})),Cr=t=>class extends(Ar(ur(xr(yr(Mo(t)))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:!1},clearButtonVisible:{type:Boolean,reflectToAttribute:!0,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 clearElement(){return console.warn(`Please implement the 'clearElement' property in <${this.localName}>`),null}get slotStyles(){return["\n :is(input[slot='input'], textarea[slot='textarea'])::placeholder {\n font: inherit;\n color: inherit;\n }\n "]}ready(){super.ready(),this.clearElement&&(this.clearElement.addEventListener("click",(t=>this._onClearButtonClick(t))),this.clearElement.addEventListener("mousedown",(t=>this._onClearButtonMouseDown(t))))}_onClearButtonClick(t){t.preventDefault(),this.__clear()}_onClearButtonMouseDown(t){t.preventDefault(),ws||this.inputElement.focus()}_onFocus(t){super._onFocus(t),this.autoselect&&this.inputElement&&this.inputElement.select()}_onEscape(t){super._onEscape(t),this.clearButtonVisible&&this.value&&(t.stopPropagation(),this.__clear())}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__clear(){this.clear(),this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.inputElement.dispatchEvent(new Event("change",{bubbles:!0}))}_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=Ys.debounce(this._preventInputDebouncer,Ws.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}$`),this.__allowedTextRegExp=new RegExp(`^${t}*$`)}catch(t){console.error(t)}}}
|
|
2670
|
-
/**
|
|
2671
|
-
* @license
|
|
2672
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2673
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2674
|
-
*/;
|
|
2675
|
-
/**
|
|
2676
|
-
* @license
|
|
2677
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2678
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2679
|
-
*/class Dr extends Zs{constructor(t,e){super(t,"input",(()=>document.createElement("input")),((t,i)=>{t.value&&(i.value=t.value),t.type&&i.setAttribute("type",t.type),i.id=this.defaultId,"function"==typeof e&&e(i)}),!0)}}
|
|
2680
|
-
/**
|
|
2681
|
-
* @license
|
|
2682
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2683
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2684
|
-
*/class Tr{constructor(t,e){this.input=t,this.__preventDuplicateLabelClick=this.__preventDuplicateLabelClick.bind(this),e.addEventListener("label-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)}}
|
|
2685
|
-
/**
|
|
2686
|
-
* @license
|
|
2687
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd..
|
|
2688
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2689
|
-
*/const Sr=[u`
|
|
2690
|
-
:host {
|
|
2691
|
-
display: inline-flex;
|
|
2692
|
-
outline: none;
|
|
2693
|
-
}
|
|
2694
|
-
|
|
2695
|
-
:host::before {
|
|
2696
|
-
content: '\\2003';
|
|
2697
|
-
width: 0;
|
|
2698
|
-
display: inline-block;
|
|
2699
|
-
/* Size and position this element on the same vertical position as the input-field element
|
|
2700
|
-
to make vertical align for the host element work as expected */
|
|
2701
|
-
}
|
|
2702
|
-
|
|
2703
|
-
:host([hidden]) {
|
|
2704
|
-
display: none !important;
|
|
2705
|
-
}
|
|
2706
|
-
|
|
2707
|
-
:host(:not([has-label])) [part='label'] {
|
|
2708
|
-
display: none;
|
|
2709
|
-
}
|
|
2710
|
-
`
|
|
2711
|
-
/**
|
|
2712
|
-
* @license
|
|
2713
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd..
|
|
2714
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2715
|
-
*/,u`
|
|
2716
|
-
[class$='container'] {
|
|
2717
|
-
display: flex;
|
|
2718
|
-
flex-direction: column;
|
|
2719
|
-
min-width: 100%;
|
|
2720
|
-
max-width: 100%;
|
|
2721
|
-
width: var(--vaadin-field-default-width, 12em);
|
|
2722
|
-
}
|
|
2723
|
-
`
|
|
2724
|
-
/**
|
|
2725
|
-
* @license
|
|
2726
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd..
|
|
2727
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2728
|
-
*/,u`
|
|
2729
|
-
[part='clear-button'] {
|
|
2730
|
-
display: none;
|
|
2731
|
-
cursor: default;
|
|
2732
|
-
}
|
|
2733
|
-
|
|
2734
|
-
[part='clear-button']::before {
|
|
2735
|
-
content: '✕';
|
|
2736
|
-
}
|
|
2737
|
-
|
|
2738
|
-
:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
|
|
2739
|
-
display: block;
|
|
2740
|
-
}
|
|
2741
|
-
`
|
|
2742
|
-
/**
|
|
2743
|
-
* @license
|
|
2744
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd..
|
|
2745
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2746
|
-
*/];
|
|
2747
|
-
/**
|
|
2748
|
-
* @license
|
|
2749
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
2750
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2751
|
-
*/
|
|
2752
|
-
class Mr{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")}}
|
|
2753
|
-
/**
|
|
2754
|
-
* @license
|
|
2755
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2756
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2757
|
-
*/const zr=t=>class extends(_s(ur(xr(Mo(t))))){static get properties(){return{_selectedDate:{type:Date},_focusedDate:Date,value:{type:String,notify:!0,value:""},initialPosition:String,opened:{type:Boolean,reflectToAttribute:!0,notify:!0,observer:"_openedChanged"},autoOpenDisabled:Boolean,showWeekNumbers:{type:Boolean},_fullscreen:{type:Boolean,value:!1},_fullscreenMediaQuery:{value:"(max-width: 420px), (max-height: 420px)"},i18n:{type:Object,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,week:"Week",calendar:"Calendar",today:"Today",cancel:"Cancel",referenceDate:"",formatDate(t){const e=String(t.year).replace(/\d+/,(t=>"0000".substr(t.length)+t));return[t.month+1,t.day,e].join("/")},parseDate(t){const e=t.split("/"),i=new Date;let s,o=i.getMonth(),r=i.getFullYear();if(3===e.length?(o=parseInt(e[0])-1,s=parseInt(e[1]),r=parseInt(e[2]),e[2].length<3&&r>=0&&(r=function(t,e,i=0,s=1){if(e>99)throw new Error("The provided year cannot have more than 2 digits.");if(e<0)throw new Error("The provided year cannot be negative.");let o=e+100*Math.floor(t.getFullYear()/100);return t<new Date(o-50,i,s)?o-=100:t>new Date(o+50,i,s)&&(o+=100),o}(this.referenceDate?ar(this.referenceDate):new Date,r,o,s))):2===e.length?(o=parseInt(e[0])-1,s=parseInt(e[1])):1===e.length&&(s=parseInt(e[0])),void 0!==s)return{day:s,month:o,year:r}},formatTitle:(t,e)=>`${t} ${e}`})},min:{type:String},max:{type:String},_minDate:{type:Date,computed:"__computeMinOrMaxDate(min)"},_maxDate:{type:Date,computed:"__computeMinOrMaxDate(max)"},_noInput:{type:Boolean,computed:"_isNoInput(inputElement, _fullscreen, _ios, i18n, opened, autoOpenDisabled)"},_ios:{type:Boolean,value:ys},_focusOverlayOnOpen:Boolean,_overlayInitialized:Boolean}}static get observers(){return["_selectedDateChanged(_selectedDate, i18n.formatDate)","_focusedDateChanged(_focusedDate, i18n.formatDate)"]}static get constraints(){return[...super.constraints,"min","max"]}get clearElement(){return null}get _inputValue(){return this.inputElement?this.inputElement.value:void 0}set _inputValue(t){this.inputElement&&(this.inputElement.value=t)}get _nativeInput(){return this.inputElement?this.inputElement.focusElement||this.inputElement:null}constructor(){super(),this._boundOnClick=this._onClick.bind(this),this._boundOnScroll=this._onScroll.bind(this)}_onFocus(t){super._onFocus(t),this._noInput&&t.target.blur()}_onBlur(t){super._onBlur(t),this.opened||(this.autoOpenDisabled&&this._selectParsedOrFocusedDate(),this.validate(),""===this._inputValue&&""!==this.value&&(this.value=""))}ready(){super.ready(),this.addEventListener("click",this._boundOnClick),this.addController(new cr(this._fullscreenMediaQuery,(t=>{this._fullscreen=t}))),this.addController(new Mr(this))}disconnectedCallback(){super.disconnectedCallback(),this.opened=!1}_propertiesChanged(t,e,i){super._propertiesChanged(t,e,i),"value"in e&&this.__dispatchChange&&(this.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this.__dispatchChange=!1)}open(){this.disabled||this.readonly||(this.opened=!0)}close(){(this._overlayInitialized||this.autoOpenDisabled)&&this.$.overlay.close()}_initOverlay(){this.$.overlay.removeAttribute("disable-upgrade"),this._overlayInitialized=!0,this.$.overlay.addEventListener("opened-changed",(t=>{this.opened=t.detail.value})),this.$.overlay.addEventListener("vaadin-overlay-escape-press",(()=>{this._focusedDate=this._selectedDate,this._close()})),this._overlayContent.addEventListener("close",(()=>{this._close()})),this._overlayContent.addEventListener("focus-input",this._focusAndSelect.bind(this)),this._overlayContent.addEventListener("date-tap",(t=>{this.__userConfirmedDate=!0,this._selectDate(t.detail.date),this._close()})),this._overlayContent.addEventListener("date-selected",(t=>{this.__userConfirmedDate=!!t.detail.date,this._selectDate(t.detail.date)})),this._overlayContent.addEventListener("focusin",(()=>{this._keyboardActive&&this._setFocused(!0)})),this.addEventListener("mousedown",(()=>this.__bringToFront())),this.addEventListener("touchstart",(()=>this.__bringToFront()))}checkValidity(){const t=!this._inputValue||!!this._selectedDate&&this._inputValue===this._getFormattedDate(this.i18n.formatDate,this._selectedDate),e=!this._selectedDate||or(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())),t&&e&&i}_shouldSetFocus(t){return!this._shouldKeepFocusRing}_shouldRemoveFocus(t){return!this.opened}_setFocused(t){super._setFocused(t),this._shouldKeepFocusRing=t&&this._keyboardActive}_selectDate(t){const e=this._formatISO(t);this.value!==e&&(this.__dispatchChange=!0),this._selectedDate=t}_close(){this._focus(),this.close()}__bringToFront(){requestAnimationFrame((()=>{this.$.overlay.bringToFront()}))}_isNoInput(t,e,i,s,o,r){return!t||e&&(!r||o)||i&&o||!s.parseDate}_formatISO(t){if(!(t instanceof Date))return"";const e=(t,e="00")=>(e+t).substr((e+t).length-e.length);let i="",s="0000",o=t.getFullYear();return o<0?(o=-o,i="-",s="000000"):t.getFullYear()>=1e4&&(i="+",s="000000"),[i+e(o,s),e(t.getMonth()+1),e(t.getDate())].join("-")}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.autocomplete="off",t.setAttribute("role","combobox"),t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",!!this.opened),this._applyInputValue(this._selectedDate))}_openedChanged(t){t&&!this._overlayInitialized&&this._initOverlay(),this._overlayInitialized&&(this.$.overlay.opened=t),this.inputElement&&this.inputElement.setAttribute("aria-expanded",t)}_selectedDateChanged(t,e){if(void 0===t||void 0===e)return;const i=this._formatISO(t);this.__keepInputValue||this._applyInputValue(t),i!==this.value&&(this.validate(),this.value=i),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))}__getOverlayTheme(t,e){if(e)return t}_valueChanged(t,e){const i=ar(t);!t||i?(t?sr(this._selectedDate,i)||(this._selectedDate=i,void 0!==e&&this.validate()):this._selectedDate=null,this._toggleHasValue(this._hasValue)):this.value=e}_onOverlayOpened(){const t=ar(this.initialPosition),e=this._selectedDate||this._overlayContent.initialPosition||t||new Date;this._overlayContent.initialPosition=t||or(e,this._minDate,this._maxDate)?e:rr(e,[this._minDate,this._maxDate]),this._overlayContent.scrollToDate(this._overlayContent.focusedDate||this._overlayContent.initialPosition),this._ignoreFocusedDateChange=!0,this._overlayContent.focusedDate=this._overlayContent.focusedDate||this._overlayContent.initialPosition,this._ignoreFocusedDateChange=!1,window.addEventListener("scroll",this._boundOnScroll,!0),this._focusOverlayOnOpen?(this._overlayContent.focusDateElement(),this._focusOverlayOnOpen=!1):this._focus(),this._noInput&&this.focusElement&&(this.focusElement.blur(),this._overlayContent.focusDateElement())}_selectParsedOrFocusedDate(){if(this._ignoreFocusedDateChange=!0,this.i18n.parseDate){const t=this._getParsedDate(this._inputValue||"");this._isValidDate(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(){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.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._inputValue.length)}_applyInputValue(t){this._inputValue=t?this._getFormattedDate(this.i18n.formatDate,t):""}_getFormattedDate(t,e){return t(nr(e))}_setSelectionRange(t,e){this._nativeInput&&this._nativeInput.setSelectionRange&&this._nativeInput.setSelectionRange(t,e)}_isValidDate(t){return t&&!isNaN(t.getTime())}_onChange(t){""===this._inputValue&&(this.__dispatchChange=!0),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.value="",this._inputValue="",this.validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}_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()))}_getParsedDate(t=this._inputValue){const e=this.i18n.parseDate&&this.i18n.parseDate(t);return e&&ar(`${e.year}-${e.month+1}-${e.day}`)}_isClearButton(t){return t.composedPath()[0]===this.clearElement}_onInput(){this.opened||!this.inputElement.value||this.autoOpenDisabled||this.open(),this._userInputValueChanged()}_userInputValueChanged(){if(this._inputValue){const t=this._getParsedDate();this._isValidDate(t)&&(this._ignoreFocusedDateChange=!0,sr(t,this._focusedDate)||(this._focusedDate=t),this._ignoreFocusedDateChange=!1)}}get _overlayContent(){return this.$.overlay.content.querySelector("#overlay-content")}__computeMinOrMaxDate(t){return ar(t)}}
|
|
2758
|
-
/**
|
|
2759
|
-
* @license
|
|
2760
|
-
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
2761
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2762
|
-
*/;ut("vaadin-date-picker",[Sr,Go],{moduleId:"vaadin-date-picker-styles"});class Fr extends(zr(Cr(gt(Js(Ii))))){static get is(){return"vaadin-date-picker"}static get template(){return Ei`
|
|
2763
|
-
<style>
|
|
2764
|
-
:host([opened]) {
|
|
2765
|
-
pointer-events: auto;
|
|
2766
|
-
}
|
|
2767
|
-
</style>
|
|
2768
|
-
|
|
2769
|
-
<div class="vaadin-date-picker-container">
|
|
2770
|
-
<div part="label">
|
|
2771
|
-
<slot name="label"></slot>
|
|
2772
|
-
<span part="required-indicator" aria-hidden="true" on-click="focus"></span>
|
|
2773
|
-
</div>
|
|
2774
|
-
|
|
2775
|
-
<vaadin-input-container
|
|
2776
|
-
part="input-field"
|
|
2777
|
-
readonly="[[readonly]]"
|
|
2778
|
-
disabled="[[disabled]]"
|
|
2779
|
-
invalid="[[invalid]]"
|
|
2780
|
-
theme$="[[_theme]]"
|
|
2781
|
-
>
|
|
2782
|
-
<slot name="prefix" slot="prefix"></slot>
|
|
2783
|
-
<slot name="input"></slot>
|
|
2784
|
-
<div id="clearButton" part="clear-button" slot="suffix" aria-hidden="true"></div>
|
|
2785
|
-
<div part="toggle-button" slot="suffix" aria-hidden="true" on-click="_toggle"></div>
|
|
2786
|
-
</vaadin-input-container>
|
|
2787
|
-
|
|
2788
|
-
<div part="helper-text">
|
|
2789
|
-
<slot name="helper"></slot>
|
|
2790
|
-
</div>
|
|
2791
|
-
|
|
2792
|
-
<div part="error-message">
|
|
2793
|
-
<slot name="error-message"></slot>
|
|
2794
|
-
</div>
|
|
2795
|
-
</div>
|
|
2796
|
-
|
|
2797
|
-
<vaadin-date-picker-overlay
|
|
2798
|
-
id="overlay"
|
|
2799
|
-
fullscreen$="[[_fullscreen]]"
|
|
2800
|
-
theme$="[[__getOverlayTheme(_theme, _overlayInitialized)]]"
|
|
2801
|
-
on-vaadin-overlay-open="_onOverlayOpened"
|
|
2802
|
-
on-vaadin-overlay-closing="_onOverlayClosed"
|
|
2803
|
-
restore-focus-on-close
|
|
2804
|
-
restore-focus-node="[[inputElement]]"
|
|
2805
|
-
disable-upgrade
|
|
2806
|
-
>
|
|
2807
|
-
<template>
|
|
2808
|
-
<vaadin-date-picker-overlay-content
|
|
2809
|
-
id="overlay-content"
|
|
2810
|
-
i18n="[[i18n]]"
|
|
2811
|
-
fullscreen$="[[_fullscreen]]"
|
|
2812
|
-
label="[[label]]"
|
|
2813
|
-
selected-date="[[_selectedDate]]"
|
|
2814
|
-
focused-date="{{_focusedDate}}"
|
|
2815
|
-
show-week-numbers="[[showWeekNumbers]]"
|
|
2816
|
-
min-date="[[_minDate]]"
|
|
2817
|
-
max-date="[[_maxDate]]"
|
|
2818
|
-
part="overlay-content"
|
|
2819
|
-
theme$="[[__getOverlayTheme(_theme, _overlayInitialized)]]"
|
|
2820
|
-
></vaadin-date-picker-overlay-content>
|
|
2821
|
-
</template>
|
|
2822
|
-
</vaadin-date-picker-overlay>
|
|
2823
|
-
|
|
2824
|
-
<slot name="tooltip"></slot>
|
|
2825
|
-
`}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new Dr(this,(t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t}))),this.addController(new Tr(this.inputElement,this._labelController)),this._tooltipController=new Xs(this),this.addController(this._tooltipController),this._tooltipController.setPosition("top"),this._tooltipController.setShouldShow((t=>!t.opened)),this.shadowRoot.querySelector('[part="toggle-button"]').addEventListener("mousedown",(t=>t.preventDefault()))}_initOverlay(){super._initOverlay(),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[this._overlayInitialized&&this.$.overlay.opened?"close":"open"]()}_openedChanged(t){super._openedChanged(t),this.$.overlay.positionTarget=this.shadowRoot.querySelector('[part="input-field"]'),this.$.overlay.noVerticalOverlap=!0}}customElements.define(Fr.is,Fr);const Pr=class{constructor(i){t(this,i),this.filterDraw=e(this,"filterDraw",7),this.filterSelection=e(this,"filterSelection",7),this.filterSelectionReset=e(this,"filterSelectionReset",7),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.showFilterModal=!1,this.showClearButton=!1,this.filterData={},this.filterDataReset={ticketDrawId:"",filterFromCalendar:"",filterToCalendar:""},this.limitStylingAppends=!1,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)}}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),console.log(this.showClearButton)}resetSearch(){this.showClearButton=!1,this.filterSelectionResetHandler(this.filterDataReset),this.filterData={}}handleTicketDrawId(t){this.filterData.ticketDrawId=t.target.value}handleFilterFrom(t){this.filterData.filterFromCalendar=new Date(t.target.value).toISOString()}handleFilterTo(t){this.filterData.filterToCalendar=new Date(t.target.value).toISOString()}render(){return i("div",{class:"HelperFilters",ref:t=>this.stylingContainer=t},i("div",{class:"FilterButtonsWrapper"},i("button",{class:"FilterOpen",onClick:()=>this.toggleFilterModal()},r("filterOpen",this.language)),console.log("in filter Open",this.showClearButton,this.quickFiltersActive),this.showClearButton||this.quickFiltersActive?i("button",{class:"FilterClear",onClick:()=>this.resetSearch()},r("filterClear",this.language)):null),i("helper-modal",{"title-modal":"Filter Modal",visible:this.showFilterModal,"client-styling":this.clientStyling,"client-styling-url-content":this.clientStylingUrlContent},i("div",{class:"FilterModalHeader"},i("h3",{class:"FilterModalTitle"},r(this.activateTicketSearch?"filterModalTicketTitle":"filterModalDrawTitle",this.language))),i("div",{class:"FilterModalBody"},i("input",{id:"FilterById",type:"text",value:this.filterData.ticketDrawId,onInput:t=>this.handleTicketDrawId(t),class:"FilterModalSearch",placeholder:r(this.activateTicketSearch?"filterTicketPlaceholder":"filterDrawPlaceholder",this.language)}),i("p",null,r("filterOrDate",this.language)),i("div",{class:"FilterCalendarWrapper"},i("vaadin-date-picker",{value:this.filterData.filterFromCalendar,onChange:t=>this.handleFilterFrom(t),placeholder:r("filterFromCalendar",this.language),class:"VaadinDatePicker"}),i("vaadin-date-picker",{value:this.filterData.filterToCalendar,onChange:t=>this.handleFilterTo(t),placeholder:r("filterToCalendar",this.language),class:"VaadinDatePicker"}))),i("div",{class:"FilterModalFooter"},i("button",{class:"FilterModalButton",onClick:()=>this.filterSearch()},r("filterModalButton",this.language)))))}};Pr.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:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#00958f;color:#FFF;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:#00958f;color:#FFF}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:#00958f;color:#FFF}.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:#009993;text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:4px;background:#e8ebef;color:#263445;width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:#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:4px;padding:8px 60px;width:max-content;margin:5px;border:1px solid #00958f;background:#00958f;color:#FFF;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:#00958f;color:#FFF}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}';const Er=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)),Or=class{constructor(i){t(this,i),this.cancel=e(this,"modalCloseEvent",7),this.visible=!0,this.clientStyling="",this.clientStylingUrlContent="",this.limitStylingAppends=!1,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)}}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&&i("div",{class:this.visible?"HelperModalWrapper HelperModalVisible":"HelperModalWrapper",ref:t=>this.stylingContainer=t},i("div",{class:"HelperModalWrapper HelperModalVisible"},i("div",{class:"HelperModalContent"+(Er(this.userAgent)?" HelperModalMobileContent":"")},i("span",{class:"HelperModalClose"+(Er(this.userAgent)?" HelperModalMobileClose":""),onClick:this.handleHelperModalClose.bind(this)},"X"),i("slot",null))))}};Or.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 #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;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:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";export{Pr as helper_filters,Or as helper_modal}
|