@fluid-topics/ft-filter 0.1.10 → 0.1.11
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/build/ft-filter-level.d.ts +0 -2
- package/build/ft-filter-level.js +5 -14
- package/build/ft-filter-option.d.ts +1 -0
- package/build/ft-filter-option.js +7 -4
- package/build/ft-filter.d.ts +3 -1
- package/build/ft-filter.js +32 -18
- package/build/ft-filter.light.js +20 -19
- package/build/ft-filter.min.js +39 -38
- package/package.json +7 -7
|
@@ -38,9 +38,7 @@ export declare class FtFilterLevel extends FtLitElement {
|
|
|
38
38
|
private goBackOnClick;
|
|
39
39
|
private displayMore;
|
|
40
40
|
private buildMultiValuedOption;
|
|
41
|
-
private toggleMultiValuedOption;
|
|
42
41
|
private buildMonoValuedOption;
|
|
43
|
-
private toggleMonoValuedOption;
|
|
44
42
|
private optionsChanged;
|
|
45
43
|
private displayLevel;
|
|
46
44
|
}
|
package/build/ft-filter-level.js
CHANGED
|
@@ -214,19 +214,14 @@ let FtFilterLevel = class FtFilterLevel extends FtLitElement {
|
|
|
214
214
|
<mwc-formfield label="${option.label}">
|
|
215
215
|
<mwc-checkbox
|
|
216
216
|
reducedTouchTarget
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
@change=${(e) => this.
|
|
217
|
+
.checked=${option.selected}
|
|
218
|
+
.disabled=${this.disabled}
|
|
219
|
+
.indeterminate=${flatDeep((_a = option.subOptions) !== null && _a !== void 0 ? _a : [], o => { var _a; return (_a = o.subOptions) !== null && _a !== void 0 ? _a : []; }).some(o => o.selected)}
|
|
220
|
+
@change=${(e) => this.optionsChanged(e, option)}
|
|
221
221
|
></mwc-checkbox>
|
|
222
222
|
</mwc-formfield>
|
|
223
223
|
`;
|
|
224
224
|
}
|
|
225
|
-
toggleMultiValuedOption(e, option) {
|
|
226
|
-
var _a;
|
|
227
|
-
flatDeep((_a = option.subOptions) !== null && _a !== void 0 ? _a : [], o => { var _a; return (_a = o.subOptions) !== null && _a !== void 0 ? _a : []; }).forEach(o => o.selected = false);
|
|
228
|
-
this.optionsChanged(e, option);
|
|
229
|
-
}
|
|
230
225
|
buildMonoValuedOption(option) {
|
|
231
226
|
return html `
|
|
232
227
|
<mwc-formfield label="${option.label}">
|
|
@@ -235,17 +230,13 @@ let FtFilterLevel = class FtFilterLevel extends FtLitElement {
|
|
|
235
230
|
name="${this.id}"
|
|
236
231
|
?checked=${option.selected}
|
|
237
232
|
?disabled=${this.disabled}
|
|
238
|
-
@click=${(e) => this.
|
|
233
|
+
@click=${(e) => this.optionsChanged(e, option)}
|
|
239
234
|
></mwc-radio>
|
|
240
235
|
</mwc-formfield>
|
|
241
236
|
`;
|
|
242
237
|
}
|
|
243
|
-
toggleMonoValuedOption(e, option) {
|
|
244
|
-
this.optionsChanged(e, option);
|
|
245
|
-
}
|
|
246
238
|
optionsChanged(e, option) {
|
|
247
239
|
e.stopPropagation();
|
|
248
|
-
option.selected = !option.selected;
|
|
249
240
|
this.dispatchEvent(new CustomEvent("change", { detail: option }));
|
|
250
241
|
}
|
|
251
242
|
displayLevel(option) {
|
|
@@ -12,6 +12,7 @@ export declare class FtFilterOption extends FtLitElement implements FtFilterOpti
|
|
|
12
12
|
value: any;
|
|
13
13
|
selected: boolean;
|
|
14
14
|
subOptions: Array<FtFilterOptionProperties>;
|
|
15
|
+
private slotElement;
|
|
15
16
|
protected getTemplate(): import("lit-html").TemplateResult<1>;
|
|
16
17
|
private updateSubOptionsFromSlot;
|
|
17
18
|
protected updated(changedProperties: PropertyValues): void;
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { customElement, FtLitElement } from "@fluid-topics/ft-wc-utils";
|
|
8
|
-
import { property } from "lit/decorators.js";
|
|
8
|
+
import { property, query } from "lit/decorators.js";
|
|
9
9
|
import { html } from "lit";
|
|
10
10
|
let FtFilterOption = class FtFilterOption extends FtLitElement {
|
|
11
11
|
constructor() {
|
|
@@ -17,12 +17,12 @@ let FtFilterOption = class FtFilterOption extends FtLitElement {
|
|
|
17
17
|
}
|
|
18
18
|
getTemplate() {
|
|
19
19
|
return html `
|
|
20
|
-
<slot @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
20
|
+
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
21
21
|
`;
|
|
22
22
|
}
|
|
23
23
|
updateSubOptionsFromSlot(e) {
|
|
24
|
-
|
|
25
|
-
this.subOptions =
|
|
24
|
+
e.stopPropagation();
|
|
25
|
+
this.subOptions = this.slotElement.assignedElements().map(n => n);
|
|
26
26
|
}
|
|
27
27
|
updated(changedProperties) {
|
|
28
28
|
super.updated(changedProperties);
|
|
@@ -45,6 +45,9 @@ __decorate([
|
|
|
45
45
|
__decorate([
|
|
46
46
|
property({ type: Object })
|
|
47
47
|
], FtFilterOption.prototype, "subOptions", void 0);
|
|
48
|
+
__decorate([
|
|
49
|
+
query(".ft-filter-option--slot")
|
|
50
|
+
], FtFilterOption.prototype, "slotElement", void 0);
|
|
48
51
|
FtFilterOption = __decorate([
|
|
49
52
|
customElement("ft-filter-option")
|
|
50
53
|
], FtFilterOption);
|
package/build/ft-filter.d.ts
CHANGED
|
@@ -39,6 +39,7 @@ export declare class FtFilter extends FtLitElement implements FtFilterProperties
|
|
|
39
39
|
disabled: boolean;
|
|
40
40
|
raiseSelectedOptions: boolean;
|
|
41
41
|
displayedValuesLimit: number;
|
|
42
|
+
private slotElement;
|
|
42
43
|
private container?;
|
|
43
44
|
private valuesContainer?;
|
|
44
45
|
private levelsContainer?;
|
|
@@ -59,8 +60,9 @@ export declare class FtFilter extends FtLitElement implements FtFilterProperties
|
|
|
59
60
|
private renderLevel;
|
|
60
61
|
private goBack;
|
|
61
62
|
private onDisplayLevel;
|
|
62
|
-
|
|
63
|
+
clear(): void;
|
|
63
64
|
private onChange;
|
|
65
|
+
private changeDebouncer;
|
|
64
66
|
private optionsChanged;
|
|
65
67
|
private updateOptionsFromSlot;
|
|
66
68
|
private onFilterChange;
|
package/build/ft-filter.js
CHANGED
|
@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { css, html } from "lit";
|
|
8
8
|
import { property, query, queryAll, state } from "lit/decorators.js";
|
|
9
|
-
import { customElement, Debouncer, designSystemVariables, FtCssVariable, FtLitElement, setVariable } from "@fluid-topics/ft-wc-utils";
|
|
9
|
+
import { customElement, Debouncer, designSystemVariables, FtCssVariable, FtLitElement, jsonProperty, setVariable } from "@fluid-topics/ft-wc-utils";
|
|
10
10
|
import { FtTypography, FtTypographyCaption, FtTypographyCssVariables } from "@fluid-topics/ft-typography";
|
|
11
11
|
import { flatDeep } from "./utils";
|
|
12
12
|
import { FtFilterLevel } from "./ft-filter-level";
|
|
@@ -45,6 +45,7 @@ let FtFilter = class FtFilter extends FtLitElement {
|
|
|
45
45
|
this.displayedLevels = [];
|
|
46
46
|
this.scrollResizeObserver = new ResizeObserver(() => this.updateScroll());
|
|
47
47
|
this.levelsScrollDebouncer = new Debouncer(300);
|
|
48
|
+
this.changeDebouncer = new Debouncer(10);
|
|
48
49
|
}
|
|
49
50
|
// language=CSS
|
|
50
51
|
getStyles() {
|
|
@@ -190,8 +191,9 @@ let FtFilter = class FtFilter extends FtLitElement {
|
|
|
190
191
|
<div class="ft-filter--values">
|
|
191
192
|
${this.renderLevels()}
|
|
192
193
|
</div>
|
|
193
|
-
<slot
|
|
194
|
-
@
|
|
194
|
+
<slot class="ft-filter--slot"
|
|
195
|
+
@slotchange=${this.updateOptionsFromSlot}
|
|
196
|
+
@option-change=${this.optionsChanged}></slot>
|
|
195
197
|
</div>
|
|
196
198
|
`;
|
|
197
199
|
}
|
|
@@ -308,29 +310,38 @@ let FtFilter = class FtFilter extends FtLitElement {
|
|
|
308
310
|
this.optionsChanged();
|
|
309
311
|
}
|
|
310
312
|
onChange(e) {
|
|
313
|
+
var _a;
|
|
311
314
|
e.stopPropagation();
|
|
315
|
+
const option = this.flatOptions.find(o => o.value === e.detail.value);
|
|
316
|
+
option.selected = !option.selected;
|
|
317
|
+
const clearOption = (o) => {
|
|
318
|
+
var _a;
|
|
319
|
+
if (o !== option) {
|
|
320
|
+
o.selected = false;
|
|
321
|
+
}
|
|
322
|
+
(_a = o.subOptions) === null || _a === void 0 ? void 0 : _a.forEach(clearOption);
|
|
323
|
+
};
|
|
312
324
|
if (!this.multivalued) {
|
|
313
|
-
const clearOption = (o) => {
|
|
314
|
-
var _a;
|
|
315
|
-
if (o.value !== e.detail.value) {
|
|
316
|
-
o.selected = false;
|
|
317
|
-
}
|
|
318
|
-
(_a = o.subOptions) === null || _a === void 0 ? void 0 : _a.forEach(clearOption);
|
|
319
|
-
};
|
|
320
325
|
this.options.forEach(clearOption);
|
|
321
326
|
}
|
|
327
|
+
else {
|
|
328
|
+
(_a = option.subOptions) === null || _a === void 0 ? void 0 : _a.forEach(clearOption);
|
|
329
|
+
}
|
|
322
330
|
this.optionsChanged();
|
|
323
331
|
}
|
|
324
332
|
optionsChanged() {
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
333
|
+
this.changeDebouncer.run(() => {
|
|
334
|
+
var _a;
|
|
335
|
+
const selectedValues = this.flatOptions.filter(o => o.selected).map(o => o.value);
|
|
336
|
+
this.dispatchEvent(new FtFilterChangeEvent(selectedValues));
|
|
337
|
+
this.requestUpdate();
|
|
338
|
+
(_a = this.levels) === null || _a === void 0 ? void 0 : _a.forEach(l => l.requestUpdate());
|
|
339
|
+
});
|
|
330
340
|
}
|
|
331
341
|
updateOptionsFromSlot(e) {
|
|
332
|
-
|
|
333
|
-
this.options =
|
|
342
|
+
e.stopPropagation();
|
|
343
|
+
this.options = this.slotElement.assignedElements().map(n => n);
|
|
344
|
+
this.optionsChanged();
|
|
334
345
|
}
|
|
335
346
|
onFilterChange(e) {
|
|
336
347
|
const input = e.composedPath()[0];
|
|
@@ -364,7 +375,7 @@ __decorate([
|
|
|
364
375
|
property({ type: String })
|
|
365
376
|
], FtFilter.prototype, "moreValuesButtonLabel", void 0);
|
|
366
377
|
__decorate([
|
|
367
|
-
|
|
378
|
+
jsonProperty([])
|
|
368
379
|
], FtFilter.prototype, "options", void 0);
|
|
369
380
|
__decorate([
|
|
370
381
|
property({ type: Boolean })
|
|
@@ -378,6 +389,9 @@ __decorate([
|
|
|
378
389
|
__decorate([
|
|
379
390
|
property({ type: Number })
|
|
380
391
|
], FtFilter.prototype, "displayedValuesLimit", void 0);
|
|
392
|
+
__decorate([
|
|
393
|
+
query(".ft-filter--slot")
|
|
394
|
+
], FtFilter.prototype, "slotElement", void 0);
|
|
381
395
|
__decorate([
|
|
382
396
|
query(".ft-filter--container")
|
|
383
397
|
], FtFilter.prototype, "container", void 0);
|
package/build/ft-filter.light.js
CHANGED
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
* Copyright 2017 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
var n;const s=globalThis.trustedTypes,d=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,l=`lit$${(Math.random()+"").slice(9)}$`,p="?"+l,h=`<${p}>`,m=document,u=(t="")=>m.createComment(t),f=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,g=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,y=/>/g,k=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,x=/'/g,_=/"/g,w=/^(?:script|style|textarea|title)$/i,$=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),z=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),O=new WeakMap,T=m.createTreeWalker(m,129,null,!1),A=(t,e)=>{const i=t.length-1,r=[];let o,c=2===e?"<svg>":"",a=g;for(let e=0;e<i;e++){const i=t[e];let n,s,d=-1,p=0;for(;p<i.length&&(a.lastIndex=p,s=a.exec(i),null!==s);)p=a.lastIndex,a===g?"!--"===s[1]?a=v:void 0!==s[1]?a=y:void 0!==s[2]?(w.test(s[2])&&(o=RegExp("</"+s[2],"g")),a=k):void 0!==s[3]&&(a=k):a===k?">"===s[0]?(a=null!=o?o:g,d=-1):void 0===s[1]?d=-2:(d=a.lastIndex-s[2].length,n=s[1],a=void 0===s[3]?k:'"'===s[3]?_:x):a===_||a===x?a=k:a===v||a===y?a=g:(a=k,o=void 0);const m=a===k&&t[e+1].startsWith("/>")?" ":"";c+=a===g?i+h:d>=0?(r.push(n),i.slice(0,d)+"$lit$"+i.slice(d)+l+m):i+l+(-2===d?(r.push(void 0),e):m)}const n=c+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==d?d.createHTML(n):n,r]};class C{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,c=0;const a=t.length-1,n=this.parts,[d,h]=A(t,e);if(this.el=C.createElement(d,i),T.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=T.nextNode())&&n.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(l)){const i=h[c++];if(t.push(e),void 0!==i){const t=r.getAttribute(i.toLowerCase()+"$lit$").split(l),e=/([.?@])?(.*)/.exec(i);n.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?D:"?"===e[1]?j:"@"===e[1]?
|
|
7
|
+
var n;const s=globalThis.trustedTypes,d=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,l=`lit$${(Math.random()+"").slice(9)}$`,p="?"+l,h=`<${p}>`,m=document,u=(t="")=>m.createComment(t),f=t=>null===t||"object"!=typeof t&&"function"!=typeof t,b=Array.isArray,g=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,y=/>/g,k=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,x=/'/g,_=/"/g,w=/^(?:script|style|textarea|title)$/i,$=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),z=Symbol.for("lit-noChange"),S=Symbol.for("lit-nothing"),O=new WeakMap,T=m.createTreeWalker(m,129,null,!1),A=(t,e)=>{const i=t.length-1,r=[];let o,c=2===e?"<svg>":"",a=g;for(let e=0;e<i;e++){const i=t[e];let n,s,d=-1,p=0;for(;p<i.length&&(a.lastIndex=p,s=a.exec(i),null!==s);)p=a.lastIndex,a===g?"!--"===s[1]?a=v:void 0!==s[1]?a=y:void 0!==s[2]?(w.test(s[2])&&(o=RegExp("</"+s[2],"g")),a=k):void 0!==s[3]&&(a=k):a===k?">"===s[0]?(a=null!=o?o:g,d=-1):void 0===s[1]?d=-2:(d=a.lastIndex-s[2].length,n=s[1],a=void 0===s[3]?k:'"'===s[3]?_:x):a===_||a===x?a=k:a===v||a===y?a=g:(a=k,o=void 0);const m=a===k&&t[e+1].startsWith("/>")?" ":"";c+=a===g?i+h:d>=0?(r.push(n),i.slice(0,d)+"$lit$"+i.slice(d)+l+m):i+l+(-2===d?(r.push(void 0),e):m)}const n=c+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==d?d.createHTML(n):n,r]};class C{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,c=0;const a=t.length-1,n=this.parts,[d,h]=A(t,e);if(this.el=C.createElement(d,i),T.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=T.nextNode())&&n.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(l)){const i=h[c++];if(t.push(e),void 0!==i){const t=r.getAttribute(i.toLowerCase()+"$lit$").split(l),e=/([.?@])?(.*)/.exec(i);n.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?D:"?"===e[1]?j:"@"===e[1]?L:F})}else n.push({type:6,index:o})}for(const e of t)r.removeAttribute(e)}if(w.test(r.tagName)){const t=r.textContent.split(l),e=t.length-1;if(e>0){r.textContent=s?s.emptyScript:"";for(let i=0;i<e;i++)r.append(t[i],u()),T.nextNode(),n.push({type:2,index:++o});r.append(t[e],u())}}}else if(8===r.nodeType)if(r.data===p)n.push({type:2,index:o});else{let t=-1;for(;-1!==(t=r.data.indexOf(l,t+1));)n.push({type:7,index:o}),t+=l.length-1}o++}}static createElement(t,e){const i=m.createElement("template");return i.innerHTML=t,i}}function B(t,e,i=t,r){var o,c,a,n;if(e===z)return e;let s=void 0!==r?null===(o=i._$Cl)||void 0===o?void 0:o[r]:i._$Cu;const d=f(e)?void 0:e._$litDirective$;return(null==s?void 0:s.constructor)!==d&&(null===(c=null==s?void 0:s._$AO)||void 0===c||c.call(s,!1),void 0===d?s=void 0:(s=new d(t),s._$AT(t,i,r)),void 0!==r?(null!==(a=(n=i)._$Cl)&&void 0!==a?a:n._$Cl=[])[r]=s:i._$Cu=s),void 0!==s&&(e=B(t,s._$AS(t,e.values),s,r)),e}class R{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:r}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:m).importNode(i,!0);T.currentNode=o;let c=T.nextNode(),a=0,n=0,s=r[0];for(;void 0!==s;){if(a===s.index){let e;2===s.type?e=new E(c,c.nextSibling,this,t):1===s.type?e=new s.ctor(c,s.name,s.strings,this,t):6===s.type&&(e=new M(c,this,t)),this.v.push(e),s=r[++n]}a!==(null==s?void 0:s.index)&&(c=T.nextNode(),a++)}return o}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class E{constructor(t,e,i,r){var o;this.type=2,this._$AH=S,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cg=null===(o=null==r?void 0:r.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._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=B(this,t,e),f(t)?t===S||null==t||""===t?(this._$AH!==S&&this._$AR(),this._$AH=S):t!==this._$AH&&t!==z&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):(t=>{var e;return b(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])})(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==S&&f(this._$AH)?this._$AA.nextSibling.data=t:this.S(m.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=C.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(i);else{const t=new R(o,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=O.get(t.strings);return void 0===e&&O.set(t.strings,e=new C(t)),e}A(t){b(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new E(this.M(u()),this.M(u()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$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._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class F{constructor(t,e,i,r,o){this.type=1,this._$AH=S,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=S}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const o=this.strings;let c=!1;if(void 0===o)t=B(this,t,e,0),c=!f(t)||t!==this._$AH&&t!==z,c&&(this._$AH=t);else{const r=t;let a,n;for(t=o[0],a=0;a<o.length-1;a++)n=B(this,r[i+a],e,a),n===z&&(n=this._$AH[a]),c||(c=!f(n)||n!==this._$AH[a]),n===S?t=S:t!==S&&(t+=(null!=n?n:"")+o[a+1]),this._$AH[a]=n}c&&!r&&this.k(t)}k(t){t===S?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class D extends F{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===S?void 0:t}}const I=s?s.emptyScript:"";class j extends F{constructor(){super(...arguments),this.type=4}k(t){t&&t!==S?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name)}}class L extends F{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=B(this,t,e,0))&&void 0!==i?i:S)===z)return;const r=this._$AH,o=t===S&&r!==S||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,c=t!==S&&(r===S||o);o&&this.element.removeEventListener(this.name,this,r),c&&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 M{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){B(this,t)}}const N=window.litHtmlPolyfillSupport;null==N||N(C,E),(null!==(n=globalThis.litHtmlVersions)&&void 0!==n?n:globalThis.litHtmlVersions=[]).push("2.1.3");
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2020 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
12
|
*/
|
|
13
|
-
const H=t=>({_$litStatic$:t}),P=new Map,V=(t=>(e,...i)=>{var r;const o=i.length;let c,a;const n=[],s=[];let d,l=0,p=!1;for(;l<o;){for(d=e[l];l<o&&void 0!==(a=i[l],c=null===(r=a)||void 0===r?void 0:r._$litStatic$);)d+=c+e[++l],p=!0;s.push(a),n.push(d),l++}if(l===o&&n.push(e[o]),p){const t=n.join("$$lit$$");void 0===(e=P.get(t))&&(n.raw=n,P.set(t,e=n)),i=s}return t(e,...i)})($);var G,U=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(G||(G={}));const W=r.FtCssVariable.extend("--ft-typography-font-family",r.designSystemVariables.titleFont),Z=r.FtCssVariable.extend("--ft-typography-font-family",r.designSystemVariables.contentFont),q={fontFamily:Z,fontSize:r.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:r.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:r.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:r.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:r.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},X=r.FtCssVariable.extend("--ft-typography-title-font-family",W),K=r.FtCssVariable.extend("--ft-typography-title-font-size",q.fontSize,"20px"),Y=r.FtCssVariable.extend("--ft-typography-title-font-weight",q.fontWeight,"normal"),J=r.FtCssVariable.extend("--ft-typography-title-letter-spacing",q.letterSpacing,"0.15px"),Q=r.FtCssVariable.extend("--ft-typography-title-line-height",q.lineHeight,"24px"),tt=r.FtCssVariable.extend("--ft-typography-title-text-transform",q.textTransform,"inherit"),et=r.FtCssVariable.extend("--ft-typography-title-dense-font-family",W),it=r.FtCssVariable.extend("--ft-typography-title-dense-font-size",q.fontSize,"14px"),rt=r.FtCssVariable.extend("--ft-typography-title-dense-font-weight",q.fontWeight,"normal"),ot=r.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",q.letterSpacing,"0.105px"),ct=r.FtCssVariable.extend("--ft-typography-title-dense-line-height",q.lineHeight,"24px"),at=r.FtCssVariable.extend("--ft-typography-title-dense-text-transform",q.textTransform,"inherit"),nt=r.FtCssVariable.extend("--ft-typography-subtitle1-font-family",Z),st=r.FtCssVariable.extend("--ft-typography-subtitle1-font-size",q.fontSize,"16px"),dt=r.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",q.fontWeight,"600"),lt=r.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",q.letterSpacing,"0.144px"),pt=r.FtCssVariable.extend("--ft-typography-subtitle1-line-height",q.lineHeight,"24px"),ht=r.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",q.textTransform,"inherit"),mt=r.FtCssVariable.extend("--ft-typography-subtitle2-font-family",Z),ut=r.FtCssVariable.extend("--ft-typography-subtitle2-font-size",q.fontSize,"14px"),ft=r.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",q.fontWeight,"normal"),bt=r.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",q.letterSpacing,"0.098px"),gt=r.FtCssVariable.extend("--ft-typography-subtitle2-line-height",q.lineHeight,"24px"),vt=r.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",q.textTransform,"inherit"),yt=r.FtCssVariable.extend("--ft-typography-body1-font-family",Z),kt=r.FtCssVariable.extend("--ft-typography-body1-font-size",q.fontSize,"16px"),xt=r.FtCssVariable.extend("--ft-typography-body1-font-weight",q.fontWeight,"normal"),_t=r.FtCssVariable.extend("--ft-typography-body1-letter-spacing",q.letterSpacing,"0.496px"),wt=r.FtCssVariable.extend("--ft-typography-body1-line-height",q.lineHeight,"24px"),$t=r.FtCssVariable.extend("--ft-typography-body1-text-transform",q.textTransform,"inherit"),zt={fontFamily:r.FtCssVariable.extend("--ft-typography-body2-font-family",Z),fontSize:r.FtCssVariable.extend("--ft-typography-body2-font-size",q.fontSize,"14px"),fontWeight:r.FtCssVariable.extend("--ft-typography-body2-font-weight",q.fontWeight,"normal"),letterSpacing:r.FtCssVariable.extend("--ft-typography-body2-letter-spacing",q.letterSpacing,"0.252px"),lineHeight:r.FtCssVariable.extend("--ft-typography-body2-line-height",q.lineHeight,"20px"),textTransform:r.FtCssVariable.extend("--ft-typography-body2-text-transform",q.textTransform,"inherit")},St=r.FtCssVariable.extend("--ft-typography-caption-font-family",Z),Ot=r.FtCssVariable.extend("--ft-typography-caption-font-size",q.fontSize,"12px"),Tt=r.FtCssVariable.extend("--ft-typography-caption-font-weight",q.fontWeight,"normal"),At=r.FtCssVariable.extend("--ft-typography-caption-letter-spacing",q.letterSpacing,"0.396px"),Ct=r.FtCssVariable.extend("--ft-typography-caption-line-height",q.lineHeight,"16px"),Bt=r.FtCssVariable.extend("--ft-typography-caption-text-transform",q.textTransform,"inherit"),Rt=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",Z),Et=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",q.fontSize,"10px"),Ft=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",q.fontWeight,"normal"),Dt=r.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",q.letterSpacing,"0.33px"),It=r.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",q.lineHeight,"16px"),jt=r.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",q.textTransform,"inherit"),
|
|
13
|
+
const H=t=>({_$litStatic$:t}),P=new Map,V=(t=>(e,...i)=>{var r;const o=i.length;let c,a;const n=[],s=[];let d,l=0,p=!1;for(;l<o;){for(d=e[l];l<o&&void 0!==(a=i[l],c=null===(r=a)||void 0===r?void 0:r._$litStatic$);)d+=c+e[++l],p=!0;s.push(a),n.push(d),l++}if(l===o&&n.push(e[o]),p){const t=n.join("$$lit$$");void 0===(e=P.get(t))&&(n.raw=n,P.set(t,e=n)),i=s}return t(e,...i)})($);var G,U=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(G||(G={}));const W=r.FtCssVariable.extend("--ft-typography-font-family",r.designSystemVariables.titleFont),Z=r.FtCssVariable.extend("--ft-typography-font-family",r.designSystemVariables.contentFont),q={fontFamily:Z,fontSize:r.FtCssVariable.create("--ft-typography-font-size","SIZE","16px"),fontWeight:r.FtCssVariable.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:r.FtCssVariable.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:r.FtCssVariable.create("--ft-typography-line-height","SIZE","24px"),textTransform:r.FtCssVariable.create("--ft-typography-text-transform","UNKNOWN","inherit")},X=r.FtCssVariable.extend("--ft-typography-title-font-family",W),K=r.FtCssVariable.extend("--ft-typography-title-font-size",q.fontSize,"20px"),Y=r.FtCssVariable.extend("--ft-typography-title-font-weight",q.fontWeight,"normal"),J=r.FtCssVariable.extend("--ft-typography-title-letter-spacing",q.letterSpacing,"0.15px"),Q=r.FtCssVariable.extend("--ft-typography-title-line-height",q.lineHeight,"24px"),tt=r.FtCssVariable.extend("--ft-typography-title-text-transform",q.textTransform,"inherit"),et=r.FtCssVariable.extend("--ft-typography-title-dense-font-family",W),it=r.FtCssVariable.extend("--ft-typography-title-dense-font-size",q.fontSize,"14px"),rt=r.FtCssVariable.extend("--ft-typography-title-dense-font-weight",q.fontWeight,"normal"),ot=r.FtCssVariable.extend("--ft-typography-title-dense-letter-spacing",q.letterSpacing,"0.105px"),ct=r.FtCssVariable.extend("--ft-typography-title-dense-line-height",q.lineHeight,"24px"),at=r.FtCssVariable.extend("--ft-typography-title-dense-text-transform",q.textTransform,"inherit"),nt=r.FtCssVariable.extend("--ft-typography-subtitle1-font-family",Z),st=r.FtCssVariable.extend("--ft-typography-subtitle1-font-size",q.fontSize,"16px"),dt=r.FtCssVariable.extend("--ft-typography-subtitle1-font-weight",q.fontWeight,"600"),lt=r.FtCssVariable.extend("--ft-typography-subtitle1-letter-spacing",q.letterSpacing,"0.144px"),pt=r.FtCssVariable.extend("--ft-typography-subtitle1-line-height",q.lineHeight,"24px"),ht=r.FtCssVariable.extend("--ft-typography-subtitle1-text-transform",q.textTransform,"inherit"),mt=r.FtCssVariable.extend("--ft-typography-subtitle2-font-family",Z),ut=r.FtCssVariable.extend("--ft-typography-subtitle2-font-size",q.fontSize,"14px"),ft=r.FtCssVariable.extend("--ft-typography-subtitle2-font-weight",q.fontWeight,"normal"),bt=r.FtCssVariable.extend("--ft-typography-subtitle2-letter-spacing",q.letterSpacing,"0.098px"),gt=r.FtCssVariable.extend("--ft-typography-subtitle2-line-height",q.lineHeight,"24px"),vt=r.FtCssVariable.extend("--ft-typography-subtitle2-text-transform",q.textTransform,"inherit"),yt=r.FtCssVariable.extend("--ft-typography-body1-font-family",Z),kt=r.FtCssVariable.extend("--ft-typography-body1-font-size",q.fontSize,"16px"),xt=r.FtCssVariable.extend("--ft-typography-body1-font-weight",q.fontWeight,"normal"),_t=r.FtCssVariable.extend("--ft-typography-body1-letter-spacing",q.letterSpacing,"0.496px"),wt=r.FtCssVariable.extend("--ft-typography-body1-line-height",q.lineHeight,"24px"),$t=r.FtCssVariable.extend("--ft-typography-body1-text-transform",q.textTransform,"inherit"),zt={fontFamily:r.FtCssVariable.extend("--ft-typography-body2-font-family",Z),fontSize:r.FtCssVariable.extend("--ft-typography-body2-font-size",q.fontSize,"14px"),fontWeight:r.FtCssVariable.extend("--ft-typography-body2-font-weight",q.fontWeight,"normal"),letterSpacing:r.FtCssVariable.extend("--ft-typography-body2-letter-spacing",q.letterSpacing,"0.252px"),lineHeight:r.FtCssVariable.extend("--ft-typography-body2-line-height",q.lineHeight,"20px"),textTransform:r.FtCssVariable.extend("--ft-typography-body2-text-transform",q.textTransform,"inherit")},St=r.FtCssVariable.extend("--ft-typography-caption-font-family",Z),Ot=r.FtCssVariable.extend("--ft-typography-caption-font-size",q.fontSize,"12px"),Tt=r.FtCssVariable.extend("--ft-typography-caption-font-weight",q.fontWeight,"normal"),At=r.FtCssVariable.extend("--ft-typography-caption-letter-spacing",q.letterSpacing,"0.396px"),Ct=r.FtCssVariable.extend("--ft-typography-caption-line-height",q.lineHeight,"16px"),Bt=r.FtCssVariable.extend("--ft-typography-caption-text-transform",q.textTransform,"inherit"),Rt=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-family",Z),Et=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-size",q.fontSize,"10px"),Ft=r.FtCssVariable.extend("--ft-typography-breadcrumb-font-weight",q.fontWeight,"normal"),Dt=r.FtCssVariable.extend("--ft-typography-breadcrumb-letter-spacing",q.letterSpacing,"0.33px"),It=r.FtCssVariable.extend("--ft-typography-breadcrumb-line-height",q.lineHeight,"16px"),jt=r.FtCssVariable.extend("--ft-typography-breadcrumb-text-transform",q.textTransform,"inherit"),Lt=r.FtCssVariable.extend("--ft-typography-overline-font-family",Z),Mt=r.FtCssVariable.extend("--ft-typography-overline-font-size",q.fontSize,"10px"),Nt=r.FtCssVariable.extend("--ft-typography-overline-font-weight",q.fontWeight,"normal"),Ht=r.FtCssVariable.extend("--ft-typography-overline-letter-spacing",q.letterSpacing,"1.5px"),Pt=r.FtCssVariable.extend("--ft-typography-overline-line-height",q.lineHeight,"16px"),Vt=r.FtCssVariable.extend("--ft-typography-overline-text-transform",q.textTransform,"uppercase"),Gt={fontFamily:r.FtCssVariable.extend("--ft-typography-button-font-family",Z),fontSize:r.FtCssVariable.extend("--ft-typography-button-font-size",q.fontSize,"14px"),fontWeight:r.FtCssVariable.extend("--ft-typography-button-font-weight",q.fontWeight,"600"),letterSpacing:r.FtCssVariable.extend("--ft-typography-button-letter-spacing",q.letterSpacing,"1.246px"),lineHeight:r.FtCssVariable.extend("--ft-typography-button-line-height",q.lineHeight,"16px"),textTransform:r.FtCssVariable.extend("--ft-typography-button-text-transform",q.textTransform,"uppercase")},Ut=e.css`
|
|
14
14
|
.ft-typography--title {
|
|
15
15
|
font-family: ${X};
|
|
16
16
|
font-size: ${K};
|
|
@@ -85,8 +85,8 @@ const H=t=>({_$litStatic$:t}),P=new Map,V=(t=>(e,...i)=>{var r;const o=i.length;
|
|
|
85
85
|
}
|
|
86
86
|
`,Qt=e.css`
|
|
87
87
|
.ft-typography--overline {
|
|
88
|
-
font-family: ${
|
|
89
|
-
font-size: ${
|
|
88
|
+
font-family: ${Lt};
|
|
89
|
+
font-size: ${Mt};
|
|
90
90
|
font-weight: ${Nt};
|
|
91
91
|
letter-spacing: ${Ht};
|
|
92
92
|
line-height: ${Pt};
|
|
@@ -357,7 +357,7 @@ const Ie=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
|
|
|
357
357
|
* @license
|
|
358
358
|
* Copyright 2018 Google LLC
|
|
359
359
|
* SPDX-License-Identifier: Apache-2.0
|
|
360
|
-
*/;let je=class extends e.LitElement{render(){return e.html`<span><slot></slot></span>`}};je.styles=[Ie],je=ae([i.customElement("mwc-icon")],je);var
|
|
360
|
+
*/;let je=class extends e.LitElement{render(){return e.html`<span><slot></slot></span>`}};je.styles=[Ie],je=ae([i.customElement("mwc-icon")],je);var Le=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};const Me=r.FtCssVariable.create("--ft-tooltip-distance","SIZE","4px"),Ne=r.FtCssVariable.create("--ft-tooltip-color","COLOR","#FFFFFF"),He=r.FtCssVariable.create("--ft-tooltip-background-color","COLOR","#666666"),Pe=r.FtCssVariable.create("--ft-tooltip-z-index","NUMBER","1"),Ve=r.FtCssVariable.external(r.designSystemVariables.borderRadiusS,"Design system");let Ge=class extends r.FtLitElement{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new r.Debouncer,this.revealDebouncer=new r.Debouncer}getStyles(){return e.css`
|
|
361
361
|
.ft-tooltip--container {
|
|
362
362
|
display: block;
|
|
363
363
|
position: relative;
|
|
@@ -375,7 +375,7 @@ const Ie=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
|
|
|
375
375
|
width: max-content;
|
|
376
376
|
max-width: 150px;
|
|
377
377
|
text-align: center;
|
|
378
|
-
padding: ${
|
|
378
|
+
padding: ${Me};
|
|
379
379
|
z-index: ${Pe};
|
|
380
380
|
}
|
|
381
381
|
|
|
@@ -404,7 +404,7 @@ const Ie=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
|
|
|
404
404
|
</div>
|
|
405
405
|
<slot></slot>
|
|
406
406
|
</div>
|
|
407
|
-
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,r=(e.width-this.tooltip.clientWidth)/2,o=this.tooltip.style;switch(this.position){case"top":o.top=-this.tooltip.clientHeight+"px",o.left=r+"px";break;case"bottom":o.top=e.height+"px",o.left=r+"px";break;case"left":o.top=i+"px",o.left=-this.tooltip.clientWidth+"px";break;case"right":o.top=i+"px",o.left=e.width+"px"}o.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}};Ge.elementDefinitions={"ft-typography":ee},
|
|
407
|
+
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,r=(e.width-this.tooltip.clientWidth)/2,o=this.tooltip.style;switch(this.position){case"top":o.top=-this.tooltip.clientHeight+"px",o.left=r+"px";break;case"bottom":o.top=e.height+"px",o.left=r+"px";break;case"left":o.top=i+"px",o.left=-this.tooltip.clientWidth+"px";break;case"right":o.top=i+"px",o.left=e.width+"px"}o.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}};Ge.elementDefinitions={"ft-typography":ee},Le([i.property()],Ge.prototype,"text",void 0),Le([i.property({type:Boolean})],Ge.prototype,"manual",void 0),Le([i.property({type:Boolean})],Ge.prototype,"inline",void 0),Le([i.property({type:Number})],Ge.prototype,"delay",void 0),Le([i.property()],Ge.prototype,"position",void 0),Le([i.queryAssignedNodes("",!0)],Ge.prototype,"slotNodes",void 0),Le([i.query(".ft-tooltip--container")],Ge.prototype,"container",void 0),Le([i.query("slot")],Ge.prototype,"target",void 0),Le([i.query(".ft-tooltip")],Ge.prototype,"tooltip",void 0),Le([i.query(".ft-tooltip--content")],Ge.prototype,"tooltipContent",void 0),Le([i.state()],Ge.prototype,"visible",void 0),Ge=Le([r.customElement("ft-tooltip")],Ge);var Ue=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};const We={color:r.FtCssVariable.extend("--ft-loader-color",r.designSystemVariables.colorPrimary),size:r.FtCssVariable.create("--ft-loader-size","SIZE","80px")};let Ze=class extends r.FtLitElement{getStyles(){return e.css`
|
|
408
408
|
:host {
|
|
409
409
|
line-height: 0;
|
|
410
410
|
}
|
|
@@ -878,23 +878,23 @@ const bi=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
878
878
|
<mwc-formfield label="${t.label}">
|
|
879
879
|
<mwc-checkbox
|
|
880
880
|
reducedTouchTarget
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
@change=${e=>this.
|
|
881
|
+
.checked=${t.selected}
|
|
882
|
+
.disabled=${this.disabled}
|
|
883
|
+
.indeterminate=${ie(null!==(i=t.subOptions)&&void 0!==i?i:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
|
|
884
|
+
@change=${e=>this.optionsChanged(e,t)}
|
|
885
885
|
></mwc-checkbox>
|
|
886
886
|
</mwc-formfield>
|
|
887
|
-
`}
|
|
887
|
+
`}buildMonoValuedOption(t){return e.html`
|
|
888
888
|
<mwc-formfield label="${t.label}">
|
|
889
889
|
<mwc-radio
|
|
890
890
|
reducedTouchTarget
|
|
891
891
|
name="${this.id}"
|
|
892
892
|
?checked=${t.selected}
|
|
893
893
|
?disabled=${this.disabled}
|
|
894
|
-
@click=${e=>this.
|
|
894
|
+
@click=${e=>this.optionsChanged(e,t)}
|
|
895
895
|
></mwc-radio>
|
|
896
896
|
</mwc-formfield>
|
|
897
|
-
`}
|
|
897
|
+
`}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}};ki.elementDefinitions={"ft-button":ei,"ft-ripple":De,"ft-typography":ee,"mwc-checkbox":Re,"mwc-formfield":si,"mwc-icon":je,"mwc-radio":gi},vi([i.property({type:String})],ki.prototype,"id",void 0),vi([i.property({type:Object})],ki.prototype,"parent",void 0),vi([i.property({type:Array})],ki.prototype,"options",void 0),vi([i.property({type:Boolean})],ki.prototype,"multivalued",void 0),vi([i.property({type:Boolean})],ki.prototype,"disabled",void 0),vi([i.property({type:Boolean})],ki.prototype,"hideSelectedOptions",void 0),vi([i.property({type:Boolean})],ki.prototype,"preventNavigation",void 0),vi([i.property({type:String})],ki.prototype,"filter",void 0),vi([i.property({type:String})],ki.prototype,"moreValuesButtonLabel",void 0),vi([i.property({type:Number})],ki.prototype,"displayedValuesLimit",void 0),vi([i.query(".ft-filter-level--container")],ki.prototype,"container",void 0),vi([i.state()],ki.prototype,"displayedPages",void 0),ki=vi([r.customElement("ft-filter-level")],ki);var xi=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};const _i={buttonsColor:r.FtCssVariable.extend("--ft-snap-scroll-buttons-color",r.designSystemVariables.colorPrimary),buttonsZIndex:r.FtCssVariable.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:r.FtCssVariable.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:r.FtCssVariable.external(r.designSystemVariables.colorSurface,"Design system")};class wi extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}let $i=class extends r.FtLitElement{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new r.Debouncer(200),this.updateScrollDebouncer=new r.Debouncer(100)}getStyles(){return e.css`
|
|
898
898
|
.ft-snap-scroll {
|
|
899
899
|
box-sizing: border-box;
|
|
900
900
|
position: relative;
|
|
@@ -1044,8 +1044,8 @@ const bi=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1044
1044
|
></ft-button>
|
|
1045
1045
|
</div>
|
|
1046
1046
|
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new wi(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}};$i.elementDefinitions={"ft-button":ei},xi([i.property({type:Boolean})],$i.prototype,"horizontal",void 0),xi([i.property({type:Boolean})],$i.prototype,"hideScrollbar",void 0),xi([i.property({type:Boolean})],$i.prototype,"controls",void 0),xi([i.property({type:Boolean})],$i.prototype,"limitSize",void 0),xi([i.state()],$i.prototype,"elements",void 0),xi([i.state()],$i.prototype,"currentElement",void 0),xi([i.state()],$i.prototype,"withScroll",void 0),xi([i.state()],$i.prototype,"startReached",void 0),xi([i.state()],$i.prototype,"endReached",void 0),xi([i.query(".ft-snap-scroll--content")],$i.prototype,"contentSlot",void 0),$i=xi([r.customElement("ft-snap-scroll")],$i);var zi=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};t.FtFilterOption=class extends r.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}getTemplate(){return e.html`
|
|
1047
|
-
<slot @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1048
|
-
`}updateSubOptionsFromSlot(t){
|
|
1047
|
+
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1048
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}},t.FtFilterOption.elementDefinitions={},zi([i.property({type:String})],t.FtFilterOption.prototype,"label",void 0),zi([i.property({type:Object,converter:t=>t})],t.FtFilterOption.prototype,"value",void 0),zi([i.property({type:Boolean,reflect:!0})],t.FtFilterOption.prototype,"selected",void 0),zi([i.property({type:Object})],t.FtFilterOption.prototype,"subOptions",void 0),zi([i.query(".ft-filter-option--slot")],t.FtFilterOption.prototype,"slotElement",void 0),t.FtFilterOption=zi([r.customElement("ft-filter-option")],t.FtFilterOption);var Si=function(t,e,i,r){for(var o,c=arguments.length,a=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(o=t[n])&&(a=(c<3?o(a):c>3?o(e,i,a):o(e,i))||a);return c>3&&a&&Object.defineProperty(e,i,a),a};const Oi={colorOutline:r.FtCssVariable.external(r.designSystemVariables.colorOutline,"Design system"),colorOnSurface:r.FtCssVariable.external(r.designSystemVariables.colorOnSurface,"Design system"),colorOnSurfaceMedium:r.FtCssVariable.external(r.designSystemVariables.colorOnSurfaceMedium,"Design system"),colorPrimary:r.FtCssVariable.external(r.designSystemVariables.colorPrimary,"Design system"),colorSurface:r.FtCssVariable.external(r.designSystemVariables.colorSurface,"Design system"),transitionDuration:r.FtCssVariable.external(r.designSystemVariables.transitionDuration,"Design system"),transitionTimingFunction:r.FtCssVariable.external(r.designSystemVariables.transitionTimingFunction,"Design system")};class Ti extends CustomEvent{constructor(t){super("change",{detail:t})}}t.FtFilter=class extends r.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new r.Debouncer(300),this.changeDebouncer=new r.Debouncer(10)}getStyles(){return[Yt,e.css`
|
|
1049
1049
|
:host {
|
|
1050
1050
|
display: flex;
|
|
1051
1051
|
max-height: 100%;
|
|
@@ -1175,8 +1175,9 @@ const bi=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1175
1175
|
<div class="ft-filter--values">
|
|
1176
1176
|
${this.renderLevels()}
|
|
1177
1177
|
</div>
|
|
1178
|
-
<slot
|
|
1179
|
-
@
|
|
1178
|
+
<slot class="ft-filter--slot"
|
|
1179
|
+
@slotchange=${this.updateOptionsFromSlot}
|
|
1180
|
+
@option-change=${this.optionsChanged}></slot>
|
|
1180
1181
|
</div>
|
|
1181
1182
|
`}update(t){if(super.update(t),t.has("options")){const t=new Set(this.flatOptions.map((t=>t.value)));this.displayedLevels=this.displayedLevels.filter((e=>t.has(e)))}}contentAvailableCallback(t){var e,i;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),null===(e=this.levelsContainer)||void 0===e||e.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout((()=>{var t;null===(t=this.levelsContainer)||void 0===t||t.next(),this.slideIn=void 0}),0),t.has("slideOut")&&this.slideOut&&(null===(i=this.levelsContainer)||void 0===i||i.previous(),setTimeout((()=>{this.displayedLevels.pop(),this.slideOut=void 0}),300))}renderLevels(){const t=this.flatOptions,i=t.filter((t=>t.selected)),r=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,o=r<0?"ft-filter--level-center":"ft-filter--level-left";return e.html`
|
|
1182
1183
|
${this.raiseSelectedOptions&&i.length>0?e.html`
|
|
@@ -1214,4 +1215,4 @@ const bi=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1214
1215
|
@display-level=${this.onDisplayLevel}
|
|
1215
1216
|
part="values"
|
|
1216
1217
|
></ft-filter-level>
|
|
1217
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){
|
|
1218
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const r=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(r)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(r):this.options.forEach(r),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new Ti(e)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(t){const e=t.composedPath()[0];this.filter=e.value}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}},t.FtFilter.elementDefinitions={"ft-button":ei,"ft-filter-level":ki,"ft-snap-scroll":$i,"ft-typography":ee},Si([i.property({type:String})],t.FtFilter.prototype,"id",void 0),Si([i.property({type:String})],t.FtFilter.prototype,"label",void 0),Si([i.property({type:String})],t.FtFilter.prototype,"filterPlaceHolder",void 0),Si([i.property({type:String})],t.FtFilter.prototype,"clearButtonLabel",void 0),Si([i.property({type:String})],t.FtFilter.prototype,"moreValuesButtonLabel",void 0),Si([r.jsonProperty([])],t.FtFilter.prototype,"options",void 0),Si([i.property({type:Boolean})],t.FtFilter.prototype,"multivalued",void 0),Si([i.property({type:Boolean})],t.FtFilter.prototype,"disabled",void 0),Si([i.property({type:Boolean})],t.FtFilter.prototype,"raiseSelectedOptions",void 0),Si([i.property({type:Number})],t.FtFilter.prototype,"displayedValuesLimit",void 0),Si([i.query(".ft-filter--slot")],t.FtFilter.prototype,"slotElement",void 0),Si([i.query(".ft-filter--container")],t.FtFilter.prototype,"container",void 0),Si([i.query(".ft-filter--values")],t.FtFilter.prototype,"valuesContainer",void 0),Si([i.query(".ft-filter--levels")],t.FtFilter.prototype,"levelsContainer",void 0),Si([i.query(".ft-filter--levels ft-filter-level:last-child")],t.FtFilter.prototype,"lastLevel",void 0),Si([i.queryAll(".ft-filter--levels ft-filter-level")],t.FtFilter.prototype,"levels",void 0),Si([i.state()],t.FtFilter.prototype,"withScroll",void 0),Si([i.state()],t.FtFilter.prototype,"filter",void 0),Si([i.state()],t.FtFilter.prototype,"slideIn",void 0),Si([i.state()],t.FtFilter.prototype,"slideOut",void 0),t.FtFilter=Si([r.customElement("ft-filter")],t.FtFilter),t.FtFilterChangeEvent=Ti,t.FtFilterCssVariables=Oi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.wcUtils,ftGlobals.litRepeat,ftGlobals.litClassMap,ftGlobals.litStyleMap);
|
package/build/ft-filter.min.js
CHANGED
|
@@ -15,7 +15,7 @@ const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
|
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
17
|
*/
|
|
18
|
-
var v;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:b}),(null!==(d=globalThis.reactiveElementVersions)&&void 0!==d?d:globalThis.reactiveElementVersions=[]).push("1.2.2");const g=globalThis.trustedTypes,y=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,x=`lit$${(Math.random()+"").slice(9)}$`,k="?"+x,_=`<${k}>`,w=document,$=(t="")=>w.createComment(t),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,S=Array.isArray,z=t=>{var e;return S(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,C=/-->/g,E=/>/g,T=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,
|
|
18
|
+
var v;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==h||h({ReactiveElement:b}),(null!==(d=globalThis.reactiveElementVersions)&&void 0!==d?d:globalThis.reactiveElementVersions=[]).push("1.2.2");const g=globalThis.trustedTypes,y=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,x=`lit$${(Math.random()+"").slice(9)}$`,k="?"+x,_=`<${k}>`,w=document,$=(t="")=>w.createComment(t),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,S=Array.isArray,z=t=>{var e;return S(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,C=/-->/g,E=/>/g,T=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,N=/'/g,F=/"/g,A=/^(?:script|style|textarea|title)$/i,M=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),B=Symbol.for("lit-noChange"),j=Symbol.for("lit-nothing"),D=new WeakMap,L=w.createTreeWalker(w,129,null,!1),U=(t,e)=>{const i=t.length-1,r=[];let o,c=2===e?"<svg>":"",n=R;for(let e=0;e<i;e++){const i=t[e];let a,s,d=-1,l=0;for(;l<i.length&&(n.lastIndex=l,s=n.exec(i),null!==s);)l=n.lastIndex,n===R?"!--"===s[1]?n=C:void 0!==s[1]?n=E:void 0!==s[2]?(A.test(s[2])&&(o=RegExp("</"+s[2],"g")),n=T):void 0!==s[3]&&(n=T):n===T?">"===s[0]?(n=null!=o?o:R,d=-1):void 0===s[1]?d=-2:(d=n.lastIndex-s[2].length,a=s[1],n=void 0===s[3]?T:'"'===s[3]?F:N):n===F||n===N?n=T:n===C||n===E?n=R:(n=T,o=void 0);const p=n===T&&t[e+1].startsWith("/>")?" ":"";c+=n===R?i+_:d>=0?(r.push(a),i.slice(0,d)+"$lit$"+i.slice(d)+x+p):i+x+(-2===d?(r.push(void 0),e):p)}const a=c+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==y?y.createHTML(a):a,r]};class I{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,c=0;const n=t.length-1,a=this.parts,[s,d]=U(t,e);if(this.el=I.createElement(s,i),L.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=L.nextNode())&&a.length<n;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(x)){const i=d[c++];if(t.push(e),void 0!==i){const t=r.getAttribute(i.toLowerCase()+"$lit$").split(x),e=/([.?@])?(.*)/.exec(i);a.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?G:"?"===e[1]?Z:"@"===e[1]?q:W})}else a.push({type:6,index:o})}for(const e of t)r.removeAttribute(e)}if(A.test(r.tagName)){const t=r.textContent.split(x),e=t.length-1;if(e>0){r.textContent=g?g.emptyScript:"";for(let i=0;i<e;i++)r.append(t[i],$()),L.nextNode(),a.push({type:2,index:++o});r.append(t[e],$())}}}else if(8===r.nodeType)if(r.data===k)a.push({type:2,index:o});else{let t=-1;for(;-1!==(t=r.data.indexOf(x,t+1));)a.push({type:7,index:o}),t+=x.length-1}o++}}static createElement(t,e){const i=w.createElement("template");return i.innerHTML=t,i}}function P(t,e,i=t,r){var o,c,n,a;if(e===B)return e;let s=void 0!==r?null===(o=i._$Cl)||void 0===o?void 0:o[r]:i._$Cu;const d=O(e)?void 0:e._$litDirective$;return(null==s?void 0:s.constructor)!==d&&(null===(c=null==s?void 0:s._$AO)||void 0===c||c.call(s,!1),void 0===d?s=void 0:(s=new d(t),s._$AT(t,i,r)),void 0!==r?(null!==(n=(a=i)._$Cl)&&void 0!==n?n:a._$Cl=[])[r]=s:i._$Cu=s),void 0!==s&&(e=P(t,s._$AS(t,e.values),s,r)),e}class H{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:r}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:w).importNode(i,!0);L.currentNode=o;let c=L.nextNode(),n=0,a=0,s=r[0];for(;void 0!==s;){if(n===s.index){let e;2===s.type?e=new V(c,c.nextSibling,this,t):1===s.type?e=new s.ctor(c,s.name,s.strings,this,t):6===s.type&&(e=new X(c,this,t)),this.v.push(e),s=r[++a]}n!==(null==s?void 0:s.index)&&(c=L.nextNode(),n++)}return o}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class V{constructor(t,e,i,r){var o;this.type=2,this._$AH=j,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cg=null===(o=null==r?void 0:r.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._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),O(t)?t===j||null==t||""===t?(this._$AH!==j&&this._$AR(),this._$AH=j):t!==this._$AH&&t!==B&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):z(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==j&&O(this._$AH)?this._$AA.nextSibling.data=t:this.S(w.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=I.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(i);else{const t=new H(o,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=D.get(t.strings);return void 0===e&&D.set(t.strings,e=new I(t)),e}A(t){S(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new V(this.M($()),this.M($()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$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._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class W{constructor(t,e,i,r,o){this.type=1,this._$AH=j,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=j}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const o=this.strings;let c=!1;if(void 0===o)t=P(this,t,e,0),c=!O(t)||t!==this._$AH&&t!==B,c&&(this._$AH=t);else{const r=t;let n,a;for(t=o[0],n=0;n<o.length-1;n++)a=P(this,r[i+n],e,n),a===B&&(a=this._$AH[n]),c||(c=!O(a)||a!==this._$AH[n]),a===j?t=j:t!==j&&(t+=(null!=a?a:"")+o[n+1]),this._$AH[n]=a}c&&!r&&this.k(t)}k(t){t===j?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class G extends W{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===j?void 0:t}}const K=g?g.emptyScript:"";class Z extends W{constructor(){super(...arguments),this.type=4}k(t){t&&t!==j?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class q extends W{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=P(this,t,e,0))&&void 0!==i?i:j)===B)return;const r=this._$AH,o=t===j&&r!==j||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,c=t!==j&&(r===j||o);o&&this.element.removeEventListener(this.name,this,r),c&&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 X{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){P(this,t)}}const J={P:"$lit$",V:x,L:k,I:1,N:U,R:H,D:z,j:P,H:V,O:W,F:Z,B:q,W:G,Z:X},Y=window.litHtmlPolyfillSupport;
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
@@ -74,7 +74,7 @@ function lt(t){return at({descriptor:e=>({async get(){var e;return await this.up
|
|
|
74
74
|
* Copyright 2017 Google LLC
|
|
75
75
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
76
76
|
*/
|
|
77
|
-
function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return at({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),c=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),n=null!=c?ht(c,t):[];return i?n.filter((t=>t.matches(i))):n},enumerable:!0,configurable:!0})})}({slot:o,flatten:e,selector:i}):at({descriptor:t=>({get(){var t,e;const i="slot"+(o?`[name=${o}]`:":not([name])"),c=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==c?void 0:c.assignedNodes(r))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}(function(){function t(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}function e(e){var i="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator];return i?i.call(e):{next:t(e)}}function i(t){if(!(t instanceof Array)){t=e(t);for(var i,r=[];!(i=t.next()).done;)r.push(i.value);t=r}return t}var r="function"==typeof Object.create?Object.create:function(t){function e(){}return e.prototype=t,new e};var o,c=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var e=0;e<t.length;++e){var i=t[e];if(i&&i.Math==Math)return i}throw Error("Cannot find global object")}(this),n=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(e,i,r){return e=t(e,i),r&&Reflect.setPrototypeOf(e,r.prototype),e}}return function(t,e,i){return void 0===i&&(i=t),i=r(i.prototype||Object.prototype),Function.prototype.apply.call(t,i,e)||i}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var a;t:{var s={};try{s.__proto__={a:!0},a=s.a;break t}catch(t){}a=!1}o=a?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var d=o;if(!ShadowRoot.prototype.createElement){var l,p=window.HTMLElement,h=window.customElements.define,u=window.customElements.get,f=window.customElements,m=new WeakMap,b=new WeakMap,v=new WeakMap,g=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,i){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var r=i.prototype.attributeChangedCallback,o=new Set(i.observedAttributes||[]);if(x(i,o,r),r={g:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,r),this.o.set(i,r),(o=u.call(f,t))||(o=y(t),h.call(f,t,o)),this===window.customElements&&(v.set(i,r),r.s=o),o=this.h.get(t)){this.h.delete(t);for(var c=(o=e(o)).next();!c.done;c=o.next())c=c.value,b.delete(c),_(c,r,!0)}return void 0!==(r=this.i.get(t))&&(r.resolve(i),this.i.delete(t)),i},window.CustomElementRegistry.prototype.upgrade=function(){$.push(this),f.upgrade.apply(f,arguments),$.pop()},window.CustomElementRegistry.prototype.get=function(t){var e;return null==(e=this.l.get(t))?void 0:e.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var e=this.j(t);if(void 0!==e)return Promise.resolve(e.g);var i=this.i.get(t);return void 0===i&&((i={}).promise=new Promise((function(t){return i.resolve=t})),this.i.set(t,i)),i.promise},window.CustomElementRegistry.prototype.m=function(t,e,i){var r=this.h.get(e);r||this.h.set(e,r=new Set),i?r.add(t):r.delete(t)},window.HTMLElement=function(){var t=l;if(t)return l=void 0,t;var e=v.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(p,[],e.s),Object.setPrototypeOf(t,this.constructor.prototype),m.set(t,e),t},window.HTMLElement.prototype=p.prototype;var y=function(t){function e(){var e=Reflect.construct(p,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);t:{var i=e.getRootNode();if(!(i===document||i instanceof ShadowRoot)){if((i=$[$.length-1])instanceof CustomElementRegistry){var r=i;break t}(i=i.getRootNode())===document||i instanceof ShadowRoot||(i=(null==(r=g.get(i))?void 0:r.getRootNode())||document)}r=i.customElements}return(i=(r=r||window.customElements).j(t))?_(e,i):b.set(e,r),e}return c.Object.defineProperty(e,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),e.prototype.connectedCallback=function(){var e=m.get(this);e?e.connectedCallback&&e.connectedCallback.apply(this,arguments):b.get(this).m(this,t,!0)},e.prototype.disconnectedCallback=function(){var e=m.get(this);e?e.disconnectedCallback&&e.disconnectedCallback.apply(this,arguments):b.get(this).m(this,t,!1)},e.prototype.adoptedCallback=function(){var t,e;null==(t=m.get(this))||null==(e=t.adoptedCallback)||e.apply(this,arguments)},e.prototype.formAssociatedCallback=function(){var t,e=m.get(this);e&&e.formAssociated&&(null==e||null==(t=e.formAssociatedCallback)||t.apply(this,arguments))},e.prototype.formDisabledCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formDisabledCallback)||t.apply(this,arguments))},e.prototype.formResetCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formResetCallback)||t.apply(this,arguments))},e.prototype.formStateRestoreCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formStateRestoreCallback)||t.apply(this,arguments))},e},x=function(t,e,i){if(0!==e.size&&void 0!==i){var r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),e.has(t)){var c=this.getAttribute(t);r.call(this,t,o),i.call(this,t,c,o)}else r.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),e.has(t)){var r=this.getAttribute(t);o.call(this,t),i.call(this,t,r,null)}else o.call(this,t)})}},k=function(t){var e=Object.getPrototypeOf(t);if(e!==window.HTMLElement)return e===p?Object.setPrototypeOf(t,window.HTMLElement):k(e)},_=function(t,e,i){i=void 0!==i&&i,Object.setPrototypeOf(t,e.g.prototype),m.set(t,e),l=t;try{new e.g}catch(t){k(e.g),new e.g}e.observedAttributes.forEach((function(i){t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},w=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var e=w.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};var $=[document],O=function(t,e,i){var r=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){$.push(this);var t=r.apply(i||this,arguments);return void 0!==t&&g.set(t,this),$.pop(),t}};O(ShadowRoot,"createElement",document),O(ShadowRoot,"importNode",document),O(Element,"insertAdjacentHTML");var S=function(t){var e=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},e,{set:function(t){$.push(this),e.set.call(this,t),$.pop()}}))};if(S(Element),S(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var z=new WeakMap,R=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var e=[],r=0;r<arguments.length;++r)e[r]=arguments[r];return e=R.call.apply(R,[this].concat(i(e))),z.set(e,this),e},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var e=window.ElementInternals.prototype,r=e[t];e[t]=function(t){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];if(o=z.get(this),!0!==m.get(o).formAssociated)throw new DOMException("Failed to execute "+r+" on 'ElementInternals': The target element is not a form-associated custom element.");null==r||r.call.apply(r,[this].concat(i(e)))}}));var C=function(t){var e=n(Array,[].concat(i(t)),this.constructor);return e.h=t,e},E=C,T=Array;if(E.prototype=r(T.prototype),E.prototype.constructor=E,d)d(E,T);else for(var F in T)if("prototype"!=F)if(Object.defineProperties){var A=Object.getOwnPropertyDescriptor(T,F);A&&Object.defineProperty(E,F,A)}else E[F]=T[F];E.u=T.prototype,c.Object.defineProperty(C.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var N=function(t){var e=this,i=new Map;t.forEach((function(t,r){var o=t.getAttribute("name"),c=i.get(o)||[];e[+r]=t,c.push(t),i.set(o,c)})),this.length=t.length,i.forEach((function(t,i){t&&(e[i]=1===t.length?t[0]:new C(t))}))};N.prototype.namedItem=function(t){return this[t]};var M=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=M.get.call(this,[]),i=[],r=(t=e(t)).next();!r.done;r=t.next()){r=r.value;var o=m.get(r);o&&!0!==o.formAssociated||i.push(r)}return new N(i)}})}}}).call(self);try{window.customElements.define("custom-element",null)}catch(Ge){const t=window.customElements.define;window.customElements.define=(e,i,r)=>{try{t.bind(window.customElements)(e,i,r)}catch(t){console.warn(e,i,r,t)}}}class ft{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}const mt=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};class bt{constructor(t,e,i,r,o){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=r,this.context=o,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new bt(t,e,void 0,i)}static extend(t,e,i){return new bt(t,e.category,e,i)}static external(t,e){return new bt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return n`var(${c(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):c(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function vt(t,e){return c(`${t.name}: ${e}`)}const gt={colorPrimary:bt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:bt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:bt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:bt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:bt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:bt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:bt.create("--ft-color-error","COLOR","#B00020"),colorOutline:bt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:bt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:bt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:bt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:bt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:bt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:bt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:bt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:bt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:bt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:bt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:bt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:bt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:bt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:bt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:bt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:bt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:bt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:bt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:bt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:bt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:bt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:bt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:bt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:bt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:bt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:bt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:bt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:bt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:bt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:bt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:bt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:bt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:bt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:bt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:bt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:bt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:bt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:bt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:bt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:bt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:bt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:bt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:bt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:bt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:bt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:bt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:bt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:bt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:bt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:bt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:bt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:bt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:bt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:bt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
77
|
+
function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return at({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),c=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),n=null!=c?ht(c,t):[];return i?n.filter((t=>t.matches(i))):n},enumerable:!0,configurable:!0})})}({slot:o,flatten:e,selector:i}):at({descriptor:t=>({get(){var t,e;const i="slot"+(o?`[name=${o}]`:":not([name])"),c=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==c?void 0:c.assignedNodes(r))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}(function(){function t(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}function e(e){var i="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator];return i?i.call(e):{next:t(e)}}function i(t){if(!(t instanceof Array)){t=e(t);for(var i,r=[];!(i=t.next()).done;)r.push(i.value);t=r}return t}var r="function"==typeof Object.create?Object.create:function(t){function e(){}return e.prototype=t,new e};var o,c=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var e=0;e<t.length;++e){var i=t[e];if(i&&i.Math==Math)return i}throw Error("Cannot find global object")}(this),n=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(e,i,r){return e=t(e,i),r&&Reflect.setPrototypeOf(e,r.prototype),e}}return function(t,e,i){return void 0===i&&(i=t),i=r(i.prototype||Object.prototype),Function.prototype.apply.call(t,i,e)||i}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var a;t:{var s={};try{s.__proto__={a:!0},a=s.a;break t}catch(t){}a=!1}o=a?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var d=o;if(!ShadowRoot.prototype.createElement){var l,p=window.HTMLElement,h=window.customElements.define,u=window.customElements.get,f=window.customElements,m=new WeakMap,b=new WeakMap,v=new WeakMap,g=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,i){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var r=i.prototype.attributeChangedCallback,o=new Set(i.observedAttributes||[]);if(x(i,o,r),r={g:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,r),this.o.set(i,r),(o=u.call(f,t))||(o=y(t),h.call(f,t,o)),this===window.customElements&&(v.set(i,r),r.s=o),o=this.h.get(t)){this.h.delete(t);for(var c=(o=e(o)).next();!c.done;c=o.next())c=c.value,b.delete(c),_(c,r,!0)}return void 0!==(r=this.i.get(t))&&(r.resolve(i),this.i.delete(t)),i},window.CustomElementRegistry.prototype.upgrade=function(){$.push(this),f.upgrade.apply(f,arguments),$.pop()},window.CustomElementRegistry.prototype.get=function(t){var e;return null==(e=this.l.get(t))?void 0:e.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var e=this.j(t);if(void 0!==e)return Promise.resolve(e.g);var i=this.i.get(t);return void 0===i&&((i={}).promise=new Promise((function(t){return i.resolve=t})),this.i.set(t,i)),i.promise},window.CustomElementRegistry.prototype.m=function(t,e,i){var r=this.h.get(e);r||this.h.set(e,r=new Set),i?r.add(t):r.delete(t)},window.HTMLElement=function(){var t=l;if(t)return l=void 0,t;var e=v.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(p,[],e.s),Object.setPrototypeOf(t,this.constructor.prototype),m.set(t,e),t},window.HTMLElement.prototype=p.prototype;var y=function(t){function e(){var e=Reflect.construct(p,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);t:{var i=e.getRootNode();if(!(i===document||i instanceof ShadowRoot)){if((i=$[$.length-1])instanceof CustomElementRegistry){var r=i;break t}(i=i.getRootNode())===document||i instanceof ShadowRoot||(i=(null==(r=g.get(i))?void 0:r.getRootNode())||document)}r=i.customElements}return(i=(r=r||window.customElements).j(t))?_(e,i):b.set(e,r),e}return c.Object.defineProperty(e,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),e.prototype.connectedCallback=function(){var e=m.get(this);e?e.connectedCallback&&e.connectedCallback.apply(this,arguments):b.get(this).m(this,t,!0)},e.prototype.disconnectedCallback=function(){var e=m.get(this);e?e.disconnectedCallback&&e.disconnectedCallback.apply(this,arguments):b.get(this).m(this,t,!1)},e.prototype.adoptedCallback=function(){var t,e;null==(t=m.get(this))||null==(e=t.adoptedCallback)||e.apply(this,arguments)},e.prototype.formAssociatedCallback=function(){var t,e=m.get(this);e&&e.formAssociated&&(null==e||null==(t=e.formAssociatedCallback)||t.apply(this,arguments))},e.prototype.formDisabledCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formDisabledCallback)||t.apply(this,arguments))},e.prototype.formResetCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formResetCallback)||t.apply(this,arguments))},e.prototype.formStateRestoreCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formStateRestoreCallback)||t.apply(this,arguments))},e},x=function(t,e,i){if(0!==e.size&&void 0!==i){var r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),e.has(t)){var c=this.getAttribute(t);r.call(this,t,o),i.call(this,t,c,o)}else r.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),e.has(t)){var r=this.getAttribute(t);o.call(this,t),i.call(this,t,r,null)}else o.call(this,t)})}},k=function(t){var e=Object.getPrototypeOf(t);if(e!==window.HTMLElement)return e===p?Object.setPrototypeOf(t,window.HTMLElement):k(e)},_=function(t,e,i){i=void 0!==i&&i,Object.setPrototypeOf(t,e.g.prototype),m.set(t,e),l=t;try{new e.g}catch(t){k(e.g),new e.g}e.observedAttributes.forEach((function(i){t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},w=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var e=w.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};var $=[document],O=function(t,e,i){var r=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){$.push(this);var t=r.apply(i||this,arguments);return void 0!==t&&g.set(t,this),$.pop(),t}};O(ShadowRoot,"createElement",document),O(ShadowRoot,"importNode",document),O(Element,"insertAdjacentHTML");var S=function(t){var e=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},e,{set:function(t){$.push(this),e.set.call(this,t),$.pop()}}))};if(S(Element),S(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var z=new WeakMap,R=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var e=[],r=0;r<arguments.length;++r)e[r]=arguments[r];return e=R.call.apply(R,[this].concat(i(e))),z.set(e,this),e},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var e=window.ElementInternals.prototype,r=e[t];e[t]=function(t){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];if(o=z.get(this),!0!==m.get(o).formAssociated)throw new DOMException("Failed to execute "+r+" on 'ElementInternals': The target element is not a form-associated custom element.");null==r||r.call.apply(r,[this].concat(i(e)))}}));var C=function(t){var e=n(Array,[].concat(i(t)),this.constructor);return e.h=t,e},E=C,T=Array;if(E.prototype=r(T.prototype),E.prototype.constructor=E,d)d(E,T);else for(var N in T)if("prototype"!=N)if(Object.defineProperties){var F=Object.getOwnPropertyDescriptor(T,N);F&&Object.defineProperty(E,N,F)}else E[N]=T[N];E.u=T.prototype,c.Object.defineProperty(C.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var A=function(t){var e=this,i=new Map;t.forEach((function(t,r){var o=t.getAttribute("name"),c=i.get(o)||[];e[+r]=t,c.push(t),i.set(o,c)})),this.length=t.length,i.forEach((function(t,i){t&&(e[i]=1===t.length?t[0]:new C(t))}))};A.prototype.namedItem=function(t){return this[t]};var M=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=M.get.call(this,[]),i=[],r=(t=e(t)).next();!r.done;r=t.next()){r=r.value;var o=m.get(r);o&&!0!==o.formAssociated||i.push(r)}return new A(i)}})}}}).call(self);try{window.customElements.define("custom-element",null)}catch(Ge){const t=window.customElements.define;window.customElements.define=(e,i,r)=>{try{t.bind(window.customElements)(e,i,r)}catch(t){console.warn(e,i,r,t)}}}class ft{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}const mt=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};class bt{constructor(t,e,i,r,o){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=r,this.context=o,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new bt(t,e,void 0,i)}static extend(t,e,i){return new bt(t,e.category,e,i)}static external(t,e){return new bt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return n`var(${c(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):c(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function vt(t,e){return c(`${t.name}: ${e}`)}const gt={colorPrimary:bt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:bt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:bt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:bt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:bt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:bt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:bt.create("--ft-color-error","COLOR","#B00020"),colorOutline:bt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:bt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:bt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:bt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:bt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:bt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:bt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:bt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:bt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:bt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:bt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:bt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:bt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:bt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:bt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:bt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:bt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:bt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:bt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:bt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:bt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:bt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:bt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:bt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:bt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:bt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:bt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:bt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:bt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:bt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:bt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:bt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:bt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:bt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:bt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:bt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:bt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:bt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:bt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:bt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:bt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:bt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:bt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:bt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:bt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:bt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:bt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:bt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:bt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:bt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:bt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:bt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:bt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:bt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:bt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
78
78
|
/**
|
|
79
79
|
* @license
|
|
80
80
|
* Copyright 2021 Google LLC
|
|
@@ -98,10 +98,10 @@ function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
98
98
|
* @license
|
|
99
99
|
* Copyright 2020 Google LLC
|
|
100
100
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
101
|
-
*/var Rt,Ct=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Rt||(Rt={}));const Et=bt.extend("--ft-typography-font-family",gt.titleFont),Tt=bt.extend("--ft-typography-font-family",gt.contentFont),
|
|
101
|
+
*/var Rt,Ct=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Rt||(Rt={}));const Et=bt.extend("--ft-typography-font-family",gt.titleFont),Tt=bt.extend("--ft-typography-font-family",gt.contentFont),Nt={fontFamily:Tt,fontSize:bt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:bt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:bt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:bt.create("--ft-typography-line-height","SIZE","24px"),textTransform:bt.create("--ft-typography-text-transform","UNKNOWN","inherit")},Ft=bt.extend("--ft-typography-title-font-family",Et),At=bt.extend("--ft-typography-title-font-size",Nt.fontSize,"20px"),Mt=bt.extend("--ft-typography-title-font-weight",Nt.fontWeight,"normal"),Bt=bt.extend("--ft-typography-title-letter-spacing",Nt.letterSpacing,"0.15px"),jt=bt.extend("--ft-typography-title-line-height",Nt.lineHeight,"24px"),Dt=bt.extend("--ft-typography-title-text-transform",Nt.textTransform,"inherit"),Lt=bt.extend("--ft-typography-title-dense-font-family",Et),Ut=bt.extend("--ft-typography-title-dense-font-size",Nt.fontSize,"14px"),It=bt.extend("--ft-typography-title-dense-font-weight",Nt.fontWeight,"normal"),Pt=bt.extend("--ft-typography-title-dense-letter-spacing",Nt.letterSpacing,"0.105px"),Ht=bt.extend("--ft-typography-title-dense-line-height",Nt.lineHeight,"24px"),Vt=bt.extend("--ft-typography-title-dense-text-transform",Nt.textTransform,"inherit"),Wt=bt.extend("--ft-typography-subtitle1-font-family",Tt),Gt=bt.extend("--ft-typography-subtitle1-font-size",Nt.fontSize,"16px"),Kt=bt.extend("--ft-typography-subtitle1-font-weight",Nt.fontWeight,"600"),Zt=bt.extend("--ft-typography-subtitle1-letter-spacing",Nt.letterSpacing,"0.144px"),qt=bt.extend("--ft-typography-subtitle1-line-height",Nt.lineHeight,"24px"),Xt=bt.extend("--ft-typography-subtitle1-text-transform",Nt.textTransform,"inherit"),Jt=bt.extend("--ft-typography-subtitle2-font-family",Tt),Yt=bt.extend("--ft-typography-subtitle2-font-size",Nt.fontSize,"14px"),Qt=bt.extend("--ft-typography-subtitle2-font-weight",Nt.fontWeight,"normal"),te=bt.extend("--ft-typography-subtitle2-letter-spacing",Nt.letterSpacing,"0.098px"),ee=bt.extend("--ft-typography-subtitle2-line-height",Nt.lineHeight,"24px"),ie=bt.extend("--ft-typography-subtitle2-text-transform",Nt.textTransform,"inherit"),re=bt.extend("--ft-typography-body1-font-family",Tt),oe=bt.extend("--ft-typography-body1-font-size",Nt.fontSize,"16px"),ce=bt.extend("--ft-typography-body1-font-weight",Nt.fontWeight,"normal"),ne=bt.extend("--ft-typography-body1-letter-spacing",Nt.letterSpacing,"0.496px"),ae=bt.extend("--ft-typography-body1-line-height",Nt.lineHeight,"24px"),se=bt.extend("--ft-typography-body1-text-transform",Nt.textTransform,"inherit"),de={fontFamily:bt.extend("--ft-typography-body2-font-family",Tt),fontSize:bt.extend("--ft-typography-body2-font-size",Nt.fontSize,"14px"),fontWeight:bt.extend("--ft-typography-body2-font-weight",Nt.fontWeight,"normal"),letterSpacing:bt.extend("--ft-typography-body2-letter-spacing",Nt.letterSpacing,"0.252px"),lineHeight:bt.extend("--ft-typography-body2-line-height",Nt.lineHeight,"20px"),textTransform:bt.extend("--ft-typography-body2-text-transform",Nt.textTransform,"inherit")},le=bt.extend("--ft-typography-caption-font-family",Tt),pe=bt.extend("--ft-typography-caption-font-size",Nt.fontSize,"12px"),he=bt.extend("--ft-typography-caption-font-weight",Nt.fontWeight,"normal"),ue=bt.extend("--ft-typography-caption-letter-spacing",Nt.letterSpacing,"0.396px"),fe=bt.extend("--ft-typography-caption-line-height",Nt.lineHeight,"16px"),me=bt.extend("--ft-typography-caption-text-transform",Nt.textTransform,"inherit"),be=bt.extend("--ft-typography-breadcrumb-font-family",Tt),ve=bt.extend("--ft-typography-breadcrumb-font-size",Nt.fontSize,"10px"),ge=bt.extend("--ft-typography-breadcrumb-font-weight",Nt.fontWeight,"normal"),ye=bt.extend("--ft-typography-breadcrumb-letter-spacing",Nt.letterSpacing,"0.33px"),xe=bt.extend("--ft-typography-breadcrumb-line-height",Nt.lineHeight,"16px"),ke=bt.extend("--ft-typography-breadcrumb-text-transform",Nt.textTransform,"inherit"),_e=bt.extend("--ft-typography-overline-font-family",Tt),we=bt.extend("--ft-typography-overline-font-size",Nt.fontSize,"10px"),$e=bt.extend("--ft-typography-overline-font-weight",Nt.fontWeight,"normal"),Oe=bt.extend("--ft-typography-overline-letter-spacing",Nt.letterSpacing,"1.5px"),Se=bt.extend("--ft-typography-overline-line-height",Nt.lineHeight,"16px"),ze=bt.extend("--ft-typography-overline-text-transform",Nt.textTransform,"uppercase"),Re={fontFamily:bt.extend("--ft-typography-button-font-family",Tt),fontSize:bt.extend("--ft-typography-button-font-size",Nt.fontSize,"14px"),fontWeight:bt.extend("--ft-typography-button-font-weight",Nt.fontWeight,"600"),letterSpacing:bt.extend("--ft-typography-button-letter-spacing",Nt.letterSpacing,"1.246px"),lineHeight:bt.extend("--ft-typography-button-line-height",Nt.lineHeight,"16px"),textTransform:bt.extend("--ft-typography-button-text-transform",Nt.textTransform,"uppercase")},Ce=n`
|
|
102
102
|
.ft-typography--title {
|
|
103
|
-
font-family: ${
|
|
104
|
-
font-size: ${
|
|
103
|
+
font-family: ${Ft};
|
|
104
|
+
font-size: ${At};
|
|
105
105
|
font-weight: ${Mt};
|
|
106
106
|
letter-spacing: ${Bt};
|
|
107
107
|
line-height: ${jt};
|
|
@@ -125,7 +125,7 @@ function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
125
125
|
line-height: ${qt};
|
|
126
126
|
text-transform: ${Xt};
|
|
127
127
|
}
|
|
128
|
-
`,
|
|
128
|
+
`,Ne=n`
|
|
129
129
|
.ft-typography--subtitle2 {
|
|
130
130
|
font-family: ${Jt};
|
|
131
131
|
font-size: ${Yt};
|
|
@@ -135,7 +135,7 @@ function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
135
135
|
text-transform: ${ie};
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
`,
|
|
138
|
+
`,Fe=n`
|
|
139
139
|
.ft-typography--body1 {
|
|
140
140
|
font-family: ${re};
|
|
141
141
|
font-size: ${oe};
|
|
@@ -144,7 +144,7 @@ function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
144
144
|
line-height: ${ae};
|
|
145
145
|
text-transform: ${se};
|
|
146
146
|
}
|
|
147
|
-
`,
|
|
147
|
+
`,Ae=n`
|
|
148
148
|
.ft-typography--body2 {
|
|
149
149
|
font-family: ${de.fontFamily};
|
|
150
150
|
font-size: ${de.fontSize};
|
|
@@ -189,7 +189,7 @@ function ut(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
189
189
|
line-height: ${Re.lineHeight};
|
|
190
190
|
text-transform: ${Re.textTransform};
|
|
191
191
|
}
|
|
192
|
-
`;let Le=class extends yt{constructor(){super(...arguments),this.variant=Rt.body1}getStyles(){return[Ce,Ee,Te,Fe,Ae,
|
|
192
|
+
`;let Le=class extends yt{constructor(){super(...arguments),this.variant=Rt.body1}getStyles(){return[Ce,Ee,Te,Ne,Fe,Ae,Me,Be,je,De,n`
|
|
193
193
|
.ft-typography {
|
|
194
194
|
vertical-align: inherit;
|
|
195
195
|
}
|
|
@@ -434,24 +434,24 @@ const Ci=n`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc
|
|
|
434
434
|
* @license
|
|
435
435
|
* Copyright 2018 Google LLC
|
|
436
436
|
* SPDX-License-Identifier: Apache-2.0
|
|
437
|
-
*/;let Ei=class extends Ri{};Ei.styles=[Ci],Ei=ii([rt("mwc-checkbox")],Ei);var Ti=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};const
|
|
437
|
+
*/;let Ei=class extends Ri{};Ei.styles=[Ci],Ei=ii([rt("mwc-checkbox")],Ei);var Ti=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};const Ni={color:bt.extend("--ft-ripple-color",gt.colorContent),primaryColor:bt.extend("--ft-ripple-primary-color",bt.extend("--ft-ripple-color",gt.colorPrimary)),secondaryColor:bt.extend("--ft-ripple-secondary-color",bt.extend("--ft-ripple-color",gt.colorSecondary)),opacityContentOnSurfacePressed:bt.external(gt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:bt.external(gt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:bt.external(gt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:bt.external(gt.opacityContentOnSurfaceSelected,"Design system"),opacityContentOnSurfaceDragged:bt.external(gt.opacityContentOnSurfaceDragged,"Design system")};let Fi=class extends yt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1}getStyles(){return n`
|
|
438
438
|
:host {
|
|
439
439
|
display: contents;
|
|
440
440
|
|
|
441
|
-
--mdc-ripple-color: ${
|
|
442
|
-
--mdc-ripple-press-opacity: ${
|
|
443
|
-
--mdc-ripple-hover-opacity: ${
|
|
444
|
-
--mdc-ripple-focus-opacity: ${
|
|
445
|
-
--mdc-ripple-selected-opacity: ${
|
|
446
|
-
--mdc-ripple-activated-opacity: ${
|
|
441
|
+
--mdc-ripple-color: ${Ni.color};
|
|
442
|
+
--mdc-ripple-press-opacity: ${Ni.opacityContentOnSurfacePressed};
|
|
443
|
+
--mdc-ripple-hover-opacity: ${Ni.opacityContentOnSurfaceHover};
|
|
444
|
+
--mdc-ripple-focus-opacity: ${Ni.opacityContentOnSurfaceFocused};
|
|
445
|
+
--mdc-ripple-selected-opacity: ${Ni.opacityContentOnSurfaceSelected};
|
|
446
|
+
--mdc-ripple-activated-opacity: ${Ni.opacityContentOnSurfaceDragged};
|
|
447
447
|
}
|
|
448
448
|
|
|
449
449
|
mwc-ripple.ft-ripple--secondary {
|
|
450
|
-
--mdc-ripple-color: ${
|
|
450
|
+
--mdc-ripple-color: ${Ni.secondaryColor};
|
|
451
451
|
}
|
|
452
452
|
|
|
453
453
|
mwc-ripple.ft-ripple--primary {
|
|
454
|
-
--mdc-ripple-color: ${
|
|
454
|
+
--mdc-ripple-color: ${Ni.primaryColor};
|
|
455
455
|
}
|
|
456
456
|
`}getTemplate(){return M`
|
|
457
457
|
<mwc-ripple
|
|
@@ -461,18 +461,18 @@ const Ci=n`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc
|
|
|
461
461
|
?selected=${this.selected}
|
|
462
462
|
?disabled=${this.disabled}
|
|
463
463
|
></mwc-ripple>
|
|
464
|
-
`}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple()}endRipple(){var t,e,i;null===(t=this.rippleHandlers)||void 0===t||t.endHover(),null===(e=this.rippleHandlers)||void 0===e||e.endFocus(),null===(i=this.rippleHandlers)||void 0===i||i.endPress()}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentNode;if(e){const t=new Si((async()=>this.mwcRipple)),i=(...e)=>i=>{e.forEach((e=>window.addEventListener(e,t.endPress,{once:!0}))),t.startPress(i)},r=i("mouseup"),o=i("touchend","touchcancel"),c=t=>{["Enter"," "].includes(t.key)&&i("keyup")()};e.addEventListener("mouseenter",t.startHover),e.addEventListener("mouseleave",t.endHover),e.addEventListener("mousedown",r),e.addEventListener("touchstart",o),e.addEventListener("keydown",c),e.addEventListener("focus",t.startFocus),e.addEventListener("blur",t.endFocus),this.onDisconnect=()=>{e.removeEventListener("mouseenter",t.startHover),e.removeEventListener("mouseleave",t.endHover),e.removeEventListener("mousedown",r),e.removeEventListener("touchstart",o),e.removeEventListener("keydown",c),e.removeEventListener("focus",t.startFocus),e.removeEventListener("blur",t.endFocus)},this.rippleHandlers=t}}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};
|
|
464
|
+
`}updated(t){super.updated(t),t.has("disabled")&&this.disabled&&this.endRipple()}endRipple(){var t,e,i;null===(t=this.rippleHandlers)||void 0===t||t.endHover(),null===(e=this.rippleHandlers)||void 0===e||e.endFocus(),null===(i=this.rippleHandlers)||void 0===i||i.endPress()}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentNode;if(e){const t=new Si((async()=>this.mwcRipple)),i=(...e)=>i=>{e.forEach((e=>window.addEventListener(e,t.endPress,{once:!0}))),t.startPress(i)},r=i("mouseup"),o=i("touchend","touchcancel"),c=t=>{["Enter"," "].includes(t.key)&&i("keyup")()};e.addEventListener("mouseenter",t.startHover),e.addEventListener("mouseleave",t.endHover),e.addEventListener("mousedown",r),e.addEventListener("touchstart",o),e.addEventListener("keydown",c),e.addEventListener("focus",t.startFocus),e.addEventListener("blur",t.endFocus),this.onDisconnect=()=>{e.removeEventListener("mouseenter",t.startHover),e.removeEventListener("mouseleave",t.endHover),e.removeEventListener("mousedown",r),e.removeEventListener("touchstart",o),e.removeEventListener("keydown",c),e.removeEventListener("focus",t.startFocus),e.removeEventListener("blur",t.endFocus)},this.rippleHandlers=t}}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}};Fi.elementDefinitions={"mwc-ripple":xi},Ti([ct({type:Boolean})],Fi.prototype,"primary",void 0),Ti([ct({type:Boolean})],Fi.prototype,"secondary",void 0),Ti([ct({type:Boolean})],Fi.prototype,"unbounded",void 0),Ti([ct({type:Boolean})],Fi.prototype,"activated",void 0),Ti([ct({type:Boolean})],Fi.prototype,"selected",void 0),Ti([ct({type:Boolean})],Fi.prototype,"disabled",void 0),Ti([dt("mwc-ripple")],Fi.prototype,"mwcRipple",void 0),Fi=Ti([mt("ft-ripple")],Fi);
|
|
465
465
|
/**
|
|
466
466
|
* @license
|
|
467
467
|
* Copyright 2021 Google LLC
|
|
468
468
|
* SPDX-LIcense-Identifier: Apache-2.0
|
|
469
469
|
*/
|
|
470
|
-
const
|
|
470
|
+
const Ai=n`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`
|
|
471
471
|
/**
|
|
472
472
|
* @license
|
|
473
473
|
* Copyright 2018 Google LLC
|
|
474
474
|
* SPDX-License-Identifier: Apache-2.0
|
|
475
|
-
*/;let Mi=class extends et{render(){return M`<span><slot></slot></span>`}};Mi.styles=[
|
|
475
|
+
*/;let Mi=class extends et{render(){return M`<span><slot></slot></span>`}};Mi.styles=[Ai],Mi=ii([rt("mwc-icon")],Mi);var Bi=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};const ji=bt.create("--ft-tooltip-distance","SIZE","4px"),Di=bt.create("--ft-tooltip-color","COLOR","#FFFFFF"),Li=bt.create("--ft-tooltip-background-color","COLOR","#666666"),Ui=bt.create("--ft-tooltip-z-index","NUMBER","1"),Ii=bt.external(gt.borderRadiusS,"Design system");let Pi=class extends yt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new ft,this.revealDebouncer=new ft}getStyles(){return n`
|
|
476
476
|
.ft-tooltip--container {
|
|
477
477
|
display: block;
|
|
478
478
|
position: relative;
|
|
@@ -638,7 +638,7 @@ const Ni=n`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
|
|
|
638
638
|
--mdc-icon-size: ${Zi.iconSize};
|
|
639
639
|
--ft-button-internal-vertical-padding: 6px;
|
|
640
640
|
--ft-button-internal-horizontal-padding: 8px;
|
|
641
|
-
${vt(
|
|
641
|
+
${vt(Ni.color,Zi.rippleColor)};
|
|
642
642
|
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), var(--mdc-icon-size));
|
|
643
643
|
|
|
644
644
|
border-radius: ${Zi.borderRadius};
|
|
@@ -746,7 +746,7 @@ const Ni=n`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
|
|
|
746
746
|
</ft-tooltip>
|
|
747
747
|
`}resolveIcon(){return this.loading?M`
|
|
748
748
|
<ft-loader></ft-loader> `:this.icon?M`
|
|
749
|
-
<mwc-icon>${this.icon}</mwc-icon> `:j}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Qi.elementDefinitions={"ft-ripple":
|
|
749
|
+
<mwc-icon>${this.icon}</mwc-icon> `:j}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Qi.elementDefinitions={"ft-ripple":Fi,"ft-tooltip":Pi,"ft-typography":Le,"mwc-icon":Mi,"ft-loader":Wi},Gi([ct({type:Boolean})],Qi.prototype,"primary",void 0),Gi([ct({type:Boolean})],Qi.prototype,"outlined",void 0),Gi([ct({type:Boolean})],Qi.prototype,"disabled",void 0),Gi([ct({type:Boolean})],Qi.prototype,"dense",void 0),Gi([ct({type:Boolean})],Qi.prototype,"round",void 0),Gi([ct({type:String})],Qi.prototype,"label",void 0),Gi([ct({type:String})],Qi.prototype,"icon",void 0),Gi([ct({type:Boolean})],Qi.prototype,"trailingIcon",void 0),Gi([ct({type:Boolean})],Qi.prototype,"loading",void 0),Gi([ct({type:String})],Qi.prototype,"tooltipPosition",void 0),Gi([dt(".ft-button")],Qi.prototype,"button",void 0),Gi([dt(".ft-button--label slot")],Qi.prototype,"slottedContent",void 0),Qi=Gi([mt("ft-button")],Qi);
|
|
750
750
|
/**
|
|
751
751
|
* @license
|
|
752
752
|
* Copyright 2017 Google Inc.
|
|
@@ -993,23 +993,23 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
993
993
|
<mwc-formfield label="${t.label}">
|
|
994
994
|
<mwc-checkbox
|
|
995
995
|
reducedTouchTarget
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
@change=${e=>this.
|
|
996
|
+
.checked=${t.selected}
|
|
997
|
+
.disabled=${this.disabled}
|
|
998
|
+
.indeterminate=${Ue(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
|
|
999
|
+
@change=${e=>this.optionsChanged(e,t)}
|
|
1000
1000
|
></mwc-checkbox>
|
|
1001
1001
|
</mwc-formfield>
|
|
1002
|
-
`}
|
|
1002
|
+
`}buildMonoValuedOption(t){return M`
|
|
1003
1003
|
<mwc-formfield label="${t.label}">
|
|
1004
1004
|
<mwc-radio
|
|
1005
1005
|
reducedTouchTarget
|
|
1006
1006
|
name="${this.id}"
|
|
1007
1007
|
?checked=${t.selected}
|
|
1008
1008
|
?disabled=${this.disabled}
|
|
1009
|
-
@click=${e=>this.
|
|
1009
|
+
@click=${e=>this.optionsChanged(e,t)}
|
|
1010
1010
|
></mwc-radio>
|
|
1011
1011
|
</mwc-formfield>
|
|
1012
|
-
`}
|
|
1012
|
+
`}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}};gr.elementDefinitions={"ft-button":Qi,"ft-ripple":Fi,"ft-typography":Le,"mwc-checkbox":Ei,"mwc-formfield":nr,"mwc-icon":Mi,"mwc-radio":mr},br([ct({type:String})],gr.prototype,"id",void 0),br([ct({type:Object})],gr.prototype,"parent",void 0),br([ct({type:Array})],gr.prototype,"options",void 0),br([ct({type:Boolean})],gr.prototype,"multivalued",void 0),br([ct({type:Boolean})],gr.prototype,"disabled",void 0),br([ct({type:Boolean})],gr.prototype,"hideSelectedOptions",void 0),br([ct({type:Boolean})],gr.prototype,"preventNavigation",void 0),br([ct({type:String})],gr.prototype,"filter",void 0),br([ct({type:String})],gr.prototype,"moreValuesButtonLabel",void 0),br([ct({type:Number})],gr.prototype,"displayedValuesLimit",void 0),br([dt(".ft-filter-level--container")],gr.prototype,"container",void 0),br([nt()],gr.prototype,"displayedPages",void 0),gr=br([mt("ft-filter-level")],gr);var yr=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};const xr={buttonsColor:bt.extend("--ft-snap-scroll-buttons-color",gt.colorPrimary),buttonsZIndex:bt.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:bt.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:bt.external(gt.colorSurface,"Design system")};class kr extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}let _r=class extends yt{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new ft(200),this.updateScrollDebouncer=new ft(100)}getStyles(){return n`
|
|
1013
1013
|
.ft-snap-scroll {
|
|
1014
1014
|
box-sizing: border-box;
|
|
1015
1015
|
position: relative;
|
|
@@ -1159,8 +1159,8 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1159
1159
|
></ft-button>
|
|
1160
1160
|
</div>
|
|
1161
1161
|
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new kr(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}};_r.elementDefinitions={"ft-button":Qi},yr([ct({type:Boolean})],_r.prototype,"horizontal",void 0),yr([ct({type:Boolean})],_r.prototype,"hideScrollbar",void 0),yr([ct({type:Boolean})],_r.prototype,"controls",void 0),yr([ct({type:Boolean})],_r.prototype,"limitSize",void 0),yr([nt()],_r.prototype,"elements",void 0),yr([nt()],_r.prototype,"currentElement",void 0),yr([nt()],_r.prototype,"withScroll",void 0),yr([nt()],_r.prototype,"startReached",void 0),yr([nt()],_r.prototype,"endReached",void 0),yr([dt(".ft-snap-scroll--content")],_r.prototype,"contentSlot",void 0),_r=yr([mt("ft-snap-scroll")],_r);var wr=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};t.FtFilterOption=class extends yt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}getTemplate(){return M`
|
|
1162
|
-
<slot @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1163
|
-
`}updateSubOptionsFromSlot(t){
|
|
1162
|
+
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1163
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}},t.FtFilterOption.elementDefinitions={},wr([ct({type:String})],t.FtFilterOption.prototype,"label",void 0),wr([ct({type:Object,converter:t=>t})],t.FtFilterOption.prototype,"value",void 0),wr([ct({type:Boolean,reflect:!0})],t.FtFilterOption.prototype,"selected",void 0),wr([ct({type:Object})],t.FtFilterOption.prototype,"subOptions",void 0),wr([dt(".ft-filter-option--slot")],t.FtFilterOption.prototype,"slotElement",void 0),t.FtFilterOption=wr([mt("ft-filter-option")],t.FtFilterOption);var $r=function(t,e,i,r){for(var o,c=arguments.length,n=c<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,a=t.length-1;a>=0;a--)(o=t[a])&&(n=(c<3?o(n):c>3?o(e,i,n):o(e,i))||n);return c>3&&n&&Object.defineProperty(e,i,n),n};const Or={colorOutline:bt.external(gt.colorOutline,"Design system"),colorOnSurface:bt.external(gt.colorOnSurface,"Design system"),colorOnSurfaceMedium:bt.external(gt.colorOnSurfaceMedium,"Design system"),colorPrimary:bt.external(gt.colorPrimary,"Design system"),colorSurface:bt.external(gt.colorSurface,"Design system"),transitionDuration:bt.external(gt.transitionDuration,"Design system"),transitionTimingFunction:bt.external(gt.transitionTimingFunction,"Design system")};class Sr extends CustomEvent{constructor(t){super("change",{detail:t})}}t.FtFilter=class extends yt{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new ft(300),this.changeDebouncer=new ft(10)}getStyles(){return[Me,n`
|
|
1164
1164
|
:host {
|
|
1165
1165
|
display: flex;
|
|
1166
1166
|
max-height: 100%;
|
|
@@ -1184,7 +1184,7 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1184
1184
|
flex-shrink: 0;
|
|
1185
1185
|
padding: 0 10px;
|
|
1186
1186
|
margin-bottom: 8px;
|
|
1187
|
-
${vt(
|
|
1187
|
+
${vt(Nt.fontSize,"14px")};
|
|
1188
1188
|
}
|
|
1189
1189
|
|
|
1190
1190
|
.ft-filter--header ft-button {
|
|
@@ -1198,8 +1198,8 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1198
1198
|
flex-shrink: 1;
|
|
1199
1199
|
flex-grow: 1;
|
|
1200
1200
|
word-break: break-word;
|
|
1201
|
-
${vt(
|
|
1202
|
-
${vt(
|
|
1201
|
+
${vt(Nt.lineHeight,"22px")};
|
|
1202
|
+
${vt(Nt.fontWeight,"bold")};
|
|
1203
1203
|
}
|
|
1204
1204
|
|
|
1205
1205
|
.ft-filter--filter {
|
|
@@ -1290,8 +1290,9 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1290
1290
|
<div class="ft-filter--values">
|
|
1291
1291
|
${this.renderLevels()}
|
|
1292
1292
|
</div>
|
|
1293
|
-
<slot
|
|
1294
|
-
@
|
|
1293
|
+
<slot class="ft-filter--slot"
|
|
1294
|
+
@slotchange=${this.updateOptionsFromSlot}
|
|
1295
|
+
@option-change=${this.optionsChanged}></slot>
|
|
1295
1296
|
</div>
|
|
1296
1297
|
`}update(t){if(super.update(t),t.has("options")){const t=new Set(this.flatOptions.map((t=>t.value)));this.displayedLevels=this.displayedLevels.filter((e=>t.has(e)))}}contentAvailableCallback(t){var e,i;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),null===(e=this.levelsContainer)||void 0===e||e.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout((()=>{var t;null===(t=this.levelsContainer)||void 0===t||t.next(),this.slideIn=void 0}),0),t.has("slideOut")&&this.slideOut&&(null===(i=this.levelsContainer)||void 0===i||i.previous(),setTimeout((()=>{this.displayedLevels.pop(),this.slideOut=void 0}),300))}renderLevels(){const t=this.flatOptions,e=t.filter((t=>t.selected)),i=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,r=i<0?"ft-filter--level-center":"ft-filter--level-left";return M`
|
|
1297
1298
|
${this.raiseSelectedOptions&&e.length>0?M`
|
|
@@ -1329,4 +1330,4 @@ const fr=n`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1329
1330
|
@display-level=${this.onDisplayLevel}
|
|
1330
1331
|
part="values"
|
|
1331
1332
|
></ft-filter-level>
|
|
1332
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){
|
|
1333
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const r=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(r)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(r):this.options.forEach(r),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new Sr(e)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(t){const e=t.composedPath()[0];this.filter=e.value}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}},t.FtFilter.elementDefinitions={"ft-button":Qi,"ft-filter-level":gr,"ft-snap-scroll":_r,"ft-typography":Le},$r([ct({type:String})],t.FtFilter.prototype,"id",void 0),$r([ct({type:String})],t.FtFilter.prototype,"label",void 0),$r([ct({type:String})],t.FtFilter.prototype,"filterPlaceHolder",void 0),$r([ct({type:String})],t.FtFilter.prototype,"clearButtonLabel",void 0),$r([ct({type:String})],t.FtFilter.prototype,"moreValuesButtonLabel",void 0),$r([function(t,e){const i=()=>JSON.parse(JSON.stringify(t));return ct({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],t.FtFilter.prototype,"options",void 0),$r([ct({type:Boolean})],t.FtFilter.prototype,"multivalued",void 0),$r([ct({type:Boolean})],t.FtFilter.prototype,"disabled",void 0),$r([ct({type:Boolean})],t.FtFilter.prototype,"raiseSelectedOptions",void 0),$r([ct({type:Number})],t.FtFilter.prototype,"displayedValuesLimit",void 0),$r([dt(".ft-filter--slot")],t.FtFilter.prototype,"slotElement",void 0),$r([dt(".ft-filter--container")],t.FtFilter.prototype,"container",void 0),$r([dt(".ft-filter--values")],t.FtFilter.prototype,"valuesContainer",void 0),$r([dt(".ft-filter--levels")],t.FtFilter.prototype,"levelsContainer",void 0),$r([dt(".ft-filter--levels ft-filter-level:last-child")],t.FtFilter.prototype,"lastLevel",void 0),$r([function(t){return at({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],t.FtFilter.prototype,"levels",void 0),$r([nt()],t.FtFilter.prototype,"withScroll",void 0),$r([nt()],t.FtFilter.prototype,"filter",void 0),$r([nt()],t.FtFilter.prototype,"slideIn",void 0),$r([nt()],t.FtFilter.prototype,"slideOut",void 0),t.FtFilter=$r([mt("ft-filter")],t.FtFilter),t.FtFilterChangeEvent=Sr,t.FtFilterCssVariables=Or,Object.defineProperty(t,"t",{value:!0})}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-filter",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.11",
|
|
4
4
|
"description": "Flat selector for multivalued or monovalued filters",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,16 +19,16 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-button": "^0.1.
|
|
23
|
-
"@fluid-topics/ft-ripple": "^0.1.
|
|
24
|
-
"@fluid-topics/ft-snap-scroll": "^0.1.
|
|
25
|
-
"@fluid-topics/ft-typography": "^0.1.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "^0.1.
|
|
22
|
+
"@fluid-topics/ft-button": "^0.1.11",
|
|
23
|
+
"@fluid-topics/ft-ripple": "^0.1.11",
|
|
24
|
+
"@fluid-topics/ft-snap-scroll": "^0.1.11",
|
|
25
|
+
"@fluid-topics/ft-typography": "^0.1.11",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "^0.1.11",
|
|
27
27
|
"@material/mwc-checkbox": "^0.25.3",
|
|
28
28
|
"@material/mwc-formfield": "^0.25.3",
|
|
29
29
|
"@material/mwc-icon": "^0.25.3",
|
|
30
30
|
"@material/mwc-radio": "^0.25.3",
|
|
31
31
|
"lit": "^2.0.2"
|
|
32
32
|
},
|
|
33
|
-
"gitHead": "
|
|
33
|
+
"gitHead": "58da96e373802fca9767059a895dc5e525f743ae"
|
|
34
34
|
}
|