@awc-ui/core 1.0.0-beta.6 → 1.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/md-segmented-button-set.cjs.entry.js +20 -2
- package/dist/cjs/md-segmented-button-set.cjs.entry.js.map +1 -1
- package/dist/collection/components/md-segmented-button-set/md-segmented-button-set.js +20 -2
- package/dist/collection/components/md-segmented-button-set/md-segmented-button-set.js.map +1 -1
- package/dist/components/md-segmented-button-set.js +1 -1
- package/dist/components/md-segmented-button-set.js.map +1 -1
- package/dist/components-csr/md-segmented-button-set.js +1 -1
- package/dist/components-csr/md-segmented-button-set.js.map +1 -1
- package/dist/esm/md-segmented-button-set.entry.js +20 -2
- package/dist/esm/md-segmented-button-set.entry.js.map +1 -1
- package/dist/md3/md3.esm.js +1 -1
- package/dist/md3/p-91df971f.entry.js +2 -0
- package/dist/md3/p-91df971f.entry.js.map +1 -0
- package/dist/types/components/md-segmented-button-set/md-segmented-button-set.d.ts +16 -0
- package/hydrate/index.js +20 -2
- package/hydrate/index.mjs +20 -2
- package/package.json +2 -2
- package/dist/md3/p-56ea09a4.entry.js +0 -2
- package/dist/md3/p-56ea09a4.entry.js.map +0 -1
|
@@ -12,6 +12,24 @@ const MdSegmentedButtonSet = class {
|
|
|
12
12
|
this.multiselect = false;
|
|
13
13
|
/** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */
|
|
14
14
|
this.density = 0;
|
|
15
|
+
/**
|
|
16
|
+
* Re-assign positions whenever the slotted segments change.
|
|
17
|
+
*
|
|
18
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
19
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
20
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
21
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
22
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
23
|
+
* and nothing about it looks like a stale index.
|
|
24
|
+
*
|
|
25
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
26
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
27
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
28
|
+
* re-render after navigation.
|
|
29
|
+
*/
|
|
30
|
+
this.handleSlotChange = () => {
|
|
31
|
+
this.syncSegments();
|
|
32
|
+
};
|
|
15
33
|
}
|
|
16
34
|
onPropsChange() {
|
|
17
35
|
this.syncSegments();
|
|
@@ -58,10 +76,10 @@ const MdSegmentedButtonSet = class {
|
|
|
58
76
|
}
|
|
59
77
|
}
|
|
60
78
|
render() {
|
|
61
|
-
return (index.h(index.Host, { key: '
|
|
79
|
+
return (index.h(index.Host, { key: '2a8bf244149352d69dfb03dd32ef0dcc24487dc4', class: {
|
|
62
80
|
'md-segmented-button-set': true,
|
|
63
81
|
[`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,
|
|
64
|
-
}, role: this.multiselect ? 'group' : 'radiogroup' }, index.h("slot", { key: '
|
|
82
|
+
}, role: this.multiselect ? 'group' : 'radiogroup' }, index.h("slot", { key: '2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46', onSlotchange: this.handleSlotChange })));
|
|
65
83
|
}
|
|
66
84
|
get el() { return index.getElement(this); }
|
|
67
85
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"md-segmented-button-set.cjs.entry.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,wRAAwR,CAAC;;MCQnT,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK;;AAGX,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;
|
|
1
|
+
{"file":"md-segmented-button-set.cjs.entry.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,wRAAwR,CAAC;;MCQnT,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK;;AAGX,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;AAgD3D;;;;;;;;;;;;;;AAcG;AACK,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAK;YAC9B,IAAI,CAAC,YAAY,EAAE;AACrB,SAAC;AA4BF;IAtFC,aAAa,GAAA;QACX,IAAI,CAAC,YAAY,EAAE;;IAGrB,gBAAgB,GAAA;QACd,IAAI,CAAC,YAAY,EAAE;;AAIrB,IAAA,kBAAkB,CAAC,KAAwD,EAAA;QACzE,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;;;;;;;;AAQnC,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAA+B;AACrD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAEjC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ;;aACtB;AACL,YAAA,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;AAC1B,gBAAA,GAAG,CAAC,QAAQ,GAAG,GAAG,KAAK,OAAO;;;AAIlC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAChB,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACnD;;IAGK,WAAW,GAAA;AACjB,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAgC;;IAsB3F,YAAY,GAAA;AAClB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM;AAE7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;AACvB,YAAA,GAAG,CAAC,YAAY,GAAG,CAAC;AACpB,YAAA,GAAG,CAAC,YAAY,GAAG,KAAK;AACxB,YAAA,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;AACjC,YAAA,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW;;;IAI7C,MAAM,GAAA;QACJ,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,IAAI;AAC/B,gBAAA,CAAC,oCAAoC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA,CAAE,GAAG,IAAI,CAAC,OAAO,KAAK,CAAC;AACnF,aAAA,EACD,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,OAAO,GAAG,YAAY,EAAA,EAE/CD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAS,CAC7C;;;;;;;;;;;;;;;;","names":["h","Host"],"sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -5,6 +5,24 @@ export class MdSegmentedButtonSet {
|
|
|
5
5
|
this.multiselect = false;
|
|
6
6
|
/** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */
|
|
7
7
|
this.density = 0;
|
|
8
|
+
/**
|
|
9
|
+
* Re-assign positions whenever the slotted segments change.
|
|
10
|
+
*
|
|
11
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
12
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
13
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
14
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
15
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
16
|
+
* and nothing about it looks like a stale index.
|
|
17
|
+
*
|
|
18
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
19
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
20
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
21
|
+
* re-render after navigation.
|
|
22
|
+
*/
|
|
23
|
+
this.handleSlotChange = () => {
|
|
24
|
+
this.syncSegments();
|
|
25
|
+
};
|
|
8
26
|
}
|
|
9
27
|
onPropsChange() {
|
|
10
28
|
this.syncSegments();
|
|
@@ -51,10 +69,10 @@ export class MdSegmentedButtonSet {
|
|
|
51
69
|
}
|
|
52
70
|
}
|
|
53
71
|
render() {
|
|
54
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: '2a8bf244149352d69dfb03dd32ef0dcc24487dc4', class: {
|
|
55
73
|
'md-segmented-button-set': true,
|
|
56
74
|
[`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,
|
|
57
|
-
}, role: this.multiselect ? 'group' : 'radiogroup' }, h("slot", { key: '
|
|
75
|
+
}, role: this.multiselect ? 'group' : 'radiogroup' }, h("slot", { key: '2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46', onSlotchange: this.handleSlotChange })));
|
|
58
76
|
}
|
|
59
77
|
static get is() { return "md-segmented-button-set"; }
|
|
60
78
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"md-segmented-button-set.js","sourceRoot":"","sources":["../../../src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQtG,MAAM,OAAO,oBAAoB;IALjC;QAQE,yCAAyC;QACjC,gBAAW,GAAY,KAAK,CAAC;QAErC,oEAAoE;QAC3C,YAAO,GAA0B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"md-segmented-button-set.js","sourceRoot":"","sources":["../../../src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQtG,MAAM,OAAO,oBAAoB;IALjC;QAQE,yCAAyC;QACjC,gBAAW,GAAY,KAAK,CAAC;QAErC,oEAAoE;QAC3C,YAAO,GAA0B,CAAC,CAAC;QAgD5D;;;;;;;;;;;;;;WAcG;QACK,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC;KA4BH;IAtFC,aAAa;QACX,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAGD,kBAAkB,CAAC,KAAwD;QACzE,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,gEAAgE;QAChE,qEAAqE;QACrE,kEAAkE;QAClE,iEAAiE;QACjE,+DAA+D;QAC/D,+DAA+D;QAC/D,+CAA+C;QAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,MAA+B,CAAC;QACtD,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAElC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC3B,GAAG,CAAC,QAAQ,GAAG,GAAG,KAAK,OAAO,CAAC;YACjC,CAAC;QACH,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAChB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CACnD,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAgC,CAAC;IACpG,CAAC;IAqBO,YAAY;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAE9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YAC/B,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YACxB,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC;YACrB,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC;YACzB,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YAClC,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI;gBAC/B,CAAC,oCAAoC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,OAAO,KAAK,CAAC;aACnF,EACD,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY;YAE/C,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAC7C,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,c as s,h as n,d as o,t as i}from"./p-CB5yqdO-.js";const
|
|
1
|
+
import{p as t,H as e,c as s,h as n,d as o,t as i}from"./p-CB5yqdO-.js";const d=()=>`:host{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;box-sizing:border-box;vertical-align:middle}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([hidden]){display:none !important}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=s(this,"mdChange",7);this.multiselect=false;this.density=0;this.handleSlotChange=()=>{this.syncSegments()}}onPropsChange(){this.syncSegments()}componentDidLoad(){this.syncSegments()}handleSegmentClick(t){t.stopPropagation();const e=this.getSegments();const s=t.target;if(!s)return;const{selected:n}=t.detail;if(this.multiselect){s.selected=n}else{for(const t of e){t.selected=t===s}}this.mdChange.emit(e.filter((t=>t.selected)).map((t=>t.value)))}getSegments(){return Array.from(this.el.querySelectorAll("md-segmented-button"))}syncSegments(){const t=this.getSegments();const e=t.length;for(let s=0;s<e;s++){const n=t[s];n.segmentIndex=s;n.segmentTotal=e;n.segmentDensity=this.density;n.segmentMultiselect=this.multiselect}}render(){return n(o,{key:"2a8bf244149352d69dfb03dd32ef0dcc24487dc4",class:{"md-segmented-button-set":true,[`md-segmented-button-set--density-${Math.abs(this.density)}`]:this.density!==0},role:this.multiselect?"group":"radiogroup"},n("slot",{key:"2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46",onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}}static get style(){return d()}},[257,"md-segmented-button-set",{multiselect:[4],density:[514]},[[0,"mdSegmentClick","handleSegmentClick"]],{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-segmented-button-set"];t.forEach((t=>{switch(t){case"md-segmented-button-set":if(!customElements.get(i(t))){customElements.define(i(t),r)}break}}))}c();const a=r;const h=c;export{a as MdSegmentedButtonSet,h as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=md-segmented-button-set.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","multiselect","density","
|
|
1
|
+
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","multiselect","density","handleSlotChange","syncSegments","onPropsChange","componentDidLoad","handleSegmentClick","event","stopPropagation","segments","getSegments","clicked","target","selected","detail","seg","mdChange","emit","filter","s","map","value","Array","from","el","querySelectorAll","total","length","i","segmentIndex","segmentTotal","segmentDensity","segmentMultiselect","render","h","Host","key","class","Math","abs","role","onSlotchange"],"sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"],"mappings":"uEAAA,MAAMA,EAA0B,IAAM,2R,MCQzBC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,qGASUC,KAAAC,YAAuB,MAGND,KAAAE,QAAiC,EA+DlDF,KAAAG,iBAAmB,KACzBH,KAAKI,cAAc,CA6BtB,CAtFC,aAAAC,GACEL,KAAKI,c,CAGP,gBAAAE,GACEN,KAAKI,c,CAIP,kBAAAG,CAAmBC,GACjBA,EAAMC,kBACN,MAAMC,EAAWV,KAAKW,cAQtB,MAAMC,EAAUJ,EAAMK,OACtB,IAAKD,EAAS,OAEd,MAAME,SAAEA,GAAaN,EAAMO,OAE3B,GAAIf,KAAKC,YAAa,CACpBW,EAAQE,SAAWA,C,KACd,CACL,IAAK,MAAME,KAAON,EAAU,CAC1BM,EAAIF,SAAWE,IAAQJ,C,EAI3BZ,KAAKiB,SAASC,KACZR,EAASS,QAAOC,GAAKA,EAAEN,WAAUO,KAAID,GAAKA,EAAEE,Q,CAIxC,WAAAX,GACN,OAAOY,MAAMC,KAAKxB,KAAKyB,GAAGC,iBAAiB,uB,CAsBrC,YAAAtB,GACN,MAAMM,EAAWV,KAAKW,cACtB,MAAMgB,EAAQjB,EAASkB,OAEvB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAOE,IAAK,CAC9B,MAAMb,EAAMN,EAASmB,GACrBb,EAAIc,aAAeD,EACnBb,EAAIe,aAAeJ,EACnBX,EAAIgB,eAAiBhC,KAAKE,QAC1Bc,EAAIiB,mBAAqBjC,KAAKC,W,EAIlC,MAAAiC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,0BAA2B,KAC3B,CAAC,oCAAoCC,KAAKC,IAAIxC,KAAKE,YAAaF,KAAKE,UAAY,GAEnFuC,KAAMzC,KAAKC,YAAc,QAAU,cAEnCkC,EAAA,QAAAE,IAAA,2CAAMK,aAAc1C,KAAKG,mB","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,H as e,c as s,h as n,d as o,t as i}from"./p-B7GMP_JD.js";const
|
|
1
|
+
import{p as t,H as e,c as s,h as n,d as o,t as i}from"./p-B7GMP_JD.js";const d=()=>`:host{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;box-sizing:border-box;vertical-align:middle}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([hidden]){display:none !important}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.mdChange=s(this,"mdChange",7);this.multiselect=false;this.density=0;this.handleSlotChange=()=>{this.syncSegments()}}onPropsChange(){this.syncSegments()}componentDidLoad(){this.syncSegments()}handleSegmentClick(t){t.stopPropagation();const e=this.getSegments();const s=t.target;if(!s)return;const{selected:n}=t.detail;if(this.multiselect){s.selected=n}else{for(const t of e){t.selected=t===s}}this.mdChange.emit(e.filter((t=>t.selected)).map((t=>t.value)))}getSegments(){return Array.from(this.el.querySelectorAll("md-segmented-button"))}syncSegments(){const t=this.getSegments();const e=t.length;for(let s=0;s<e;s++){const n=t[s];n.segmentIndex=s;n.segmentTotal=e;n.segmentDensity=this.density;n.segmentMultiselect=this.multiselect}}render(){return n(o,{key:"2a8bf244149352d69dfb03dd32ef0dcc24487dc4",class:{"md-segmented-button-set":true,[`md-segmented-button-set--density-${Math.abs(this.density)}`]:this.density!==0},role:this.multiselect?"group":"radiogroup"},n("slot",{key:"2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46",onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}}static get style(){return d()}},[257,"md-segmented-button-set",{multiselect:[4],density:[514]},[[0,"mdSegmentClick","handleSegmentClick"]],{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}]);function c(){if(typeof customElements==="undefined"){return}const t=["md-segmented-button-set"];t.forEach((t=>{switch(t){case"md-segmented-button-set":if(!customElements.get(i(t))){customElements.define(i(t),r)}break}}))}c();const a=r;const h=c;export{a as MdSegmentedButtonSet,h as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=md-segmented-button-set.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","multiselect","density","
|
|
1
|
+
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","multiselect","density","handleSlotChange","syncSegments","onPropsChange","componentDidLoad","handleSegmentClick","event","stopPropagation","segments","getSegments","clicked","target","selected","detail","seg","mdChange","emit","filter","s","map","value","Array","from","el","querySelectorAll","total","length","i","segmentIndex","segmentTotal","segmentDensity","segmentMultiselect","render","h","Host","key","class","Math","abs","role","onSlotchange"],"sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"],"mappings":"uEAAA,MAAMA,EAA0B,IAAM,2R,MCQzBC,EAAoBC,EAAA,MAAAD,UAAAE,EALjC,WAAAC,CAAAC,G,qGASUC,KAAAC,YAAuB,MAGND,KAAAE,QAAiC,EA+DlDF,KAAAG,iBAAmB,KACzBH,KAAKI,cAAc,CA6BtB,CAtFC,aAAAC,GACEL,KAAKI,c,CAGP,gBAAAE,GACEN,KAAKI,c,CAIP,kBAAAG,CAAmBC,GACjBA,EAAMC,kBACN,MAAMC,EAAWV,KAAKW,cAQtB,MAAMC,EAAUJ,EAAMK,OACtB,IAAKD,EAAS,OAEd,MAAME,SAAEA,GAAaN,EAAMO,OAE3B,GAAIf,KAAKC,YAAa,CACpBW,EAAQE,SAAWA,C,KACd,CACL,IAAK,MAAME,KAAON,EAAU,CAC1BM,EAAIF,SAAWE,IAAQJ,C,EAI3BZ,KAAKiB,SAASC,KACZR,EAASS,QAAOC,GAAKA,EAAEN,WAAUO,KAAID,GAAKA,EAAEE,Q,CAIxC,WAAAX,GACN,OAAOY,MAAMC,KAAKxB,KAAKyB,GAAGC,iBAAiB,uB,CAsBrC,YAAAtB,GACN,MAAMM,EAAWV,KAAKW,cACtB,MAAMgB,EAAQjB,EAASkB,OAEvB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAOE,IAAK,CAC9B,MAAMb,EAAMN,EAASmB,GACrBb,EAAIc,aAAeD,EACnBb,EAAIe,aAAeJ,EACnBX,EAAIgB,eAAiBhC,KAAKE,QAC1Bc,EAAIiB,mBAAqBjC,KAAKC,W,EAIlC,MAAAiC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,0BAA2B,KAC3B,CAAC,oCAAoCC,KAAKC,IAAIxC,KAAKE,YAAaF,KAAKE,UAAY,GAEnFuC,KAAMzC,KAAKC,YAAc,QAAU,cAEnCkC,EAAA,QAAAE,IAAA,2CAAMK,aAAc1C,KAAKG,mB","ignoreList":[]}
|
|
@@ -10,6 +10,24 @@ const MdSegmentedButtonSet = class {
|
|
|
10
10
|
this.multiselect = false;
|
|
11
11
|
/** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */
|
|
12
12
|
this.density = 0;
|
|
13
|
+
/**
|
|
14
|
+
* Re-assign positions whenever the slotted segments change.
|
|
15
|
+
*
|
|
16
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
17
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
18
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
19
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
20
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
21
|
+
* and nothing about it looks like a stale index.
|
|
22
|
+
*
|
|
23
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
24
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
25
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
26
|
+
* re-render after navigation.
|
|
27
|
+
*/
|
|
28
|
+
this.handleSlotChange = () => {
|
|
29
|
+
this.syncSegments();
|
|
30
|
+
};
|
|
13
31
|
}
|
|
14
32
|
onPropsChange() {
|
|
15
33
|
this.syncSegments();
|
|
@@ -56,10 +74,10 @@ const MdSegmentedButtonSet = class {
|
|
|
56
74
|
}
|
|
57
75
|
}
|
|
58
76
|
render() {
|
|
59
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: '2a8bf244149352d69dfb03dd32ef0dcc24487dc4', class: {
|
|
60
78
|
'md-segmented-button-set': true,
|
|
61
79
|
[`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,
|
|
62
|
-
}, role: this.multiselect ? 'group' : 'radiogroup' }, h("slot", { key: '
|
|
80
|
+
}, role: this.multiselect ? 'group' : 'radiogroup' }, h("slot", { key: '2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46', onSlotchange: this.handleSlotChange })));
|
|
63
81
|
}
|
|
64
82
|
get el() { return getElement(this); }
|
|
65
83
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"md-segmented-button-set.entry.js","sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,wRAAwR,CAAC;;MCQnT,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK;;AAGX,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"md-segmented-button-set.entry.js","sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,wRAAwR,CAAC;;MCQnT,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAA,CAAA,WAAW,GAAY,KAAK;;AAGX,QAAA,IAAA,CAAA,OAAO,GAA0B,CAAC;AAgD3D;;;;;;;;;;;;;;AAcG;AACK,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAK;YAC9B,IAAI,CAAC,YAAY,EAAE;AACrB,SAAC;AA4BF;IAtFC,aAAa,GAAA;QACX,IAAI,CAAC,YAAY,EAAE;;IAGrB,gBAAgB,GAAA;QACd,IAAI,CAAC,YAAY,EAAE;;AAIrB,IAAA,kBAAkB,CAAC,KAAwD,EAAA;QACzE,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;;;;;;;;AAQnC,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAA+B;AACrD,QAAA,IAAI,CAAC,OAAO;YAAE;AAEd,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,MAAM;AAEjC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ;;aACtB;AACL,YAAA,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE;AAC1B,gBAAA,GAAG,CAAC,QAAQ,GAAG,GAAG,KAAK,OAAO;;;AAIlC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAChB,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACnD;;IAGK,WAAW,GAAA;AACjB,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAgC;;IAsB3F,YAAY,GAAA;AAClB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE;AACnC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM;AAE7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,YAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;AACvB,YAAA,GAAG,CAAC,YAAY,GAAG,CAAC;AACpB,YAAA,GAAG,CAAC,YAAY,GAAG,KAAK;AACxB,YAAA,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO;AACjC,YAAA,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW;;;IAI7C,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,yBAAyB,EAAE,IAAI;AAC/B,gBAAA,CAAC,oCAAoC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA,CAAE,GAAG,IAAI,CAAC,OAAO,KAAK,CAAC;AACnF,aAAA,EACD,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,OAAO,GAAG,YAAY,EAAA,EAE/C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,CAAS,CAC7C;;;;;;;;;;;;;;;;"}
|
package/dist/md3/md3.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-C5Hg-PUP.js";export{s as setNonce}from"./p-C5Hg-PUP.js";import{g as n}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};o().then((async e=>{await n();return a(JSON.parse('[["p-fb5d73c4",[[321,"md-autocomplete",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"density":[514],"options":[1],"multiple":[516],"chipPosition":[513,"chip-position"],"value":[1025],"inputValue":[1025,"input-value"],"freeSolo":[516,"free-solo"],"maxSelected":[2,"max-selected"],"loading":[516],"noOptionsText":[1,"no-options-text"],"noResultsText":[1,"no-results-text"],"loadingText":[1,"loading-text"],"statusTemplate":[1,"status-template"],"disableCloseOnSelect":[516,"disable-close-on-select"],"clearOnBlur":[516,"clear-on-blur"],"clearable":[516],"clearIcon":[1,"clear-icon"],"dropdownIcon":[1,"dropdown-icon"],"limitResults":[2,"limit-results"],"open":[1540],"filterer":[16],"virtualize":[1],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"placement":[1],"matchTriggerWidth":[4,"match-trigger-width"],"maxHeight":[2,"max-height"],"name":[513],"triggerId":[32],"focused":[32],"optionsData":[32],"labelMap":[32],"packing":[32],"focusInput":[64],"showMenu":[64],"closeMenu":[64],"loadOptions":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"]],{"options":[{"refreshOptions":0}],"value":[{"syncFormValue":0}],"multiple":[{"onMultipleFlip":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}],"open":[{"syncMenu":0}]}]]],["p-e9591e78",[[321,"md-date-picker",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"value":[1537],"label":[1],"placeholder":[1],"min":[1],"max":[1],"open":[1540],"disabled":[516],"required":[516],"clearable":[516],"clearLabel":[1,"clear-label"],"error":[1540],"errorText":[1025,"error-text"],"supportingText":[1,"supporting-text"],"locale":[1],"dateSeparator":[1,"date-separator"],"fieldVariant":[1,"field-variant"],"firstDayOfWeek":[2,"first-day-of-week"],"headline":[1],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"selectDateLabel":[1,"select-date-label"],"enterDatesLabel":[1,"enter-dates-label"],"invalidDateLabel":[1,"invalid-date-label"],"previousMonthLabel":[1,"previous-month-label"],"nextMonthLabel":[1,"next-month-label"],"previousYearLabel":[1,"previous-year-label"],"nextYearLabel":[1,"next-year-label"],"chooseMonthLabel":[1,"choose-month-label"],"chooseYearLabel":[1,"choose-year-label"],"chooseMonthYearLabel":[1,"choose-month-year-label"],"chooseMonthAndYearLabel":[1,"choose-month-and-year-label"],"toggleCalendarLabel":[1,"toggle-calendar-label"],"toggleTextLabel":[1,"toggle-text-label"],"openCalendarLabel":[1,"open-calendar-label"],"closeCalendarLabel":[1,"close-calendar-label"],"calendarIcon":[1,"calendar-icon"],"yearGridLabel":[1,"year-grid-label"],"scrimDismissible":[4,"scrim-dismissible"],"outsideClickDismissible":[4,"outside-click-dismissible"],"commitOnSelect":[516,"commit-on-select"],"name":[1],"isDateDisabled":[16],"density":[514],"focused":[32],"inputDraft":[32],"viewYear":[32],"viewMonth":[32],"viewMode":[32],"inputMode":[32],"focusedDate":[32],"pendingDate":[32],"hasSlottedHeader":[32],"hasSlottedActions":[32],"hasSlottedLeading":[32],"hasSlottedCalendarIcon":[32],"monthMenuOpen":[32],"yearMenuOpen":[32],"selectionMenuClosing":[32],"dockedCalendarBloom":[32],"gridSlideDirection":[32],"yearViewClosing":[32],"modalCalendarBloom":[32],"panelClosing":[32],"dockedPanelAlign":[32],"dockedPanelPlacement":[32],"dockedPanelMaxBlockSize":[32],"show":[64],"close":[64],"clear":[64],"focusInput":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[6,"keydown","handleDocumentKeyDown"],[7,"pointerdown","handleDocumentPointerDown"],[2,"keydown","handleHostKeyDown"],[0,"mdOpen","swallowNestedMdOpen"],[0,"mdClose","swallowNestedMdClose"]],{"value":[{"onBoundsChange":0},{"syncFormValue":0}],"min":[{"onBoundsChange":0}],"max":[{"onBoundsChange":0}],"dateSeparator":[{"onDateSeparatorChange":0}],"open":[{"onOpenChange":0}],"required":[{"syncFormValue":0}],"valueMissingLabel":[{"syncFormValue":0}]}]]],["p-91655aab",[[321,"md-multi-select",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"density":[514],"options":[1],"virtualize":[1],"filterable":[4],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"value":[1040],"maxSelected":[2,"max-selected"],"showSelectAll":[516,"show-select-all"],"selectAllLabel":[1,"select-all-label"],"placement":[1],"maxHeight":[2,"max-height"],"matchTriggerWidth":[516,"match-trigger-width"],"displayMode":[513,"display-mode"],"chipOverflow":[513,"chip-overflow"],"chipPosition":[513,"chip-position"],"trigger":[513],"triggerIcon":[1,"trigger-icon"],"triggerLabel":[1,"trigger-label"],"countFormatter":[16],"searchPlaceholder":[1,"search-placeholder"],"filterLabel":[1,"filter-label"],"noResultsText":[1,"no-results-text"],"noOptionsText":[1,"no-options-text"],"searchingLabel":[1,"searching-label"],"loadingText":[1,"loading-text"],"loading":[516],"clearable":[516],"clearIcon":[1,"clear-icon"],"clearLabel":[1,"clear-label"],"dropdownIcon":[1,"dropdown-icon"],"name":[513],"open":[1540],"optionsData":[32],"triggerId":[32],"hasTriggerLeading":[32],"hasTriggerTrailing":[32],"liveMessage":[32],"hasSlottedTrigger":[32],"query":[32],"inlineVisibleCount":[32],"inlineOverflowCount":[32],"show":[64],"close":[64],"focusTrigger":[64],"reset":[64],"loadOptions":[64],"setQuery":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormValue":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}],"options":[{"refreshOptions":0}],"open":[{"syncMenu":0}]}]]],["p-ee5bc6e4",[[257,"md-table-pagination",{"count":[2],"page":[1538],"rowsPerPage":[1538,"rows-per-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"showFirstLast":[516,"show-first-last"],"labelDisplayedRows":[1,"label-displayed-rows"],"labelRowsPerPage":[1,"label-rows-per-page"],"labelFirstPage":[1,"label-first-page"],"labelPreviousPage":[1,"label-previous-page"],"labelNextPage":[1,"label-next-page"],"labelLastPage":[1,"label-last-page"],"labelAll":[1,"label-all"],"compact":[516],"disabled":[516],"density":[514],"goToPage":[64],"setRowsPerPage":[64]},[[0,"mdClick","onInternalChrome"],[0,"mdChange","onInternalChrome"],[0,"mdOpen","onInternalChrome"],[0,"mdClose","onInternalChrome"]],{"count":[{"clampPage":0}],"rowsPerPage":[{"clampPage":0}]}]]],["p-991749f7",[[257,"md-list-item",{"type":[513],"headline":[1],"overline":[1],"supportingText":[1,"supporting-text"],"trailingSupportingText":[1,"trailing-supporting-text"],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"leadingAvatar":[1,"leading-avatar"],"leadingAvatarAlt":[1,"leading-avatar-alt"],"leadingAvatarName":[1,"leading-avatar-name"],"leadingAvatarLabel":[1,"leading-avatar-label"],"leadingImage":[1,"leading-image"],"leadingImageAlt":[1,"leading-image-alt"],"lines":[2],"href":[1],"target":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"selected":[1540],"expandable":[516],"expanded":[1540],"tabbable":[1028],"rovingFocusVisible":[1028,"roving-focus-visible"],"selectionMode":[1025,"selection-mode"],"interactionMode":[1025,"interaction-mode"],"containerRole":[1025,"container-role"],"reorderable":[1028],"density":[514],"hasSlottedLeading":[32],"hasSlottedTrailing":[32],"hasSlottedHeadline":[32],"hasSlottedOverline":[32],"hasSlottedSupportingText":[32],"hasSlottedTrailingSupportingText":[32],"hasSlottedExpandedContent":[32],"hasExpandedListItemChildren":[32],"hasLeadingVideo":[32],"pressed":[32],"hostedByList":[32],"setFocus":[64],"focusItem":[64],"toggle":[64],"expand":[64],"collapse":[64]},[[0,"mdItemClick","onExpandedChildItemClick"]],{"selected":[{"onSelectedChange":0}],"expandable":[{"onExpandableChange":0}],"selectionMode":[{"onSelectionModeChange":0}],"expanded":[{"onExpandedChange":0}],"headline":[{"onHeadlineChange":0}],"supportingText":[{"onSupportingTextChange":0}]}]]],["p-9fb63170",[[257,"md-navigation-rail",{"variant":[1537],"modal":[516],"fullHeight":[516,"full-height"],"alignment":[513],"expandable":[516],"toggleLabel":[1,"toggle-label"],"labelVisibility":[513,"label-visibility"],"activeIndex":[1538,"active-index"],"label":[1],"disableFocusManagement":[4,"disable-focus-management"],"density":[514],"orientation":[513],"maxVisible":[2,"max-visible"],"overflowLabel":[1,"overflow-label"],"overflowIcon":[1,"overflow-icon"],"hasLogo":[32],"hasLogoExpanded":[32],"hasHeader":[32],"hasFab":[32],"hasFooter":[32],"hasLinkDestinations":[32],"overflowCount":[32],"submenuOpen":[32],"tabsExpanded":[32],"expand":[64],"collapse":[64],"toggle":[64],"focusTab":[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{"variant":[{"onVariantChange":0}],"labelVisibility":[{"onLabelVisibilityChange":0}],"activeIndex":[{"onActiveIndexChange":0}],"maxVisible":[{"onMaxVisibleChange":0}]}]]],["p-dbb3ab82",[[257,"md-organization-chart",{"nodes":[1],"selectionMode":[513,"selection-mode"],"selectedIds":[1040],"collapsible":[4],"orientation":[513],"label":[1],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"density":[514],"collapsed":[32],"selection":[32],"activeId":[32]},null,{"nodes":[{"onNodesChange":0}],"selectedIds":[{"onSelectedIdsChange":0}]}]]],["p-91f52841",[[65,"md-time-picker",{"variant":[1],"format":[1],"value":[1537],"name":[513],"min":[1],"max":[1],"required":[516],"label":[1],"headline":[1],"headlineInputLabel":[1,"headline-input-label"],"headlineDialLabel":[1,"headline-dial-label"],"valueMissingLabel":[1,"value-missing-label"],"rangeUnderflowLabel":[1,"range-underflow-label"],"rangeOverflowLabel":[1,"range-overflow-label"],"rangeOutsideLabel":[1,"range-outside-label"],"disabled":[516],"open":[1540],"minuteStep":[2,"minute-step"],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"hideTrigger":[516,"hide-trigger"],"amLabel":[1,"am-label"],"pmLabel":[1,"pm-label"],"hourLabel":[1,"hour-label"],"minuteLabel":[1,"minute-label"],"toggleDialLabel":[1,"toggle-dial-label"],"toggleInputLabel":[1,"toggle-input-label"],"periodLabel":[1,"period-label"],"periodLayout":[1,"period-layout"],"orientation":[1],"responsive":[4],"density":[514],"isOpen":[32],"mode":[32],"selecting":[32],"draftHours":[32],"draftMinutes":[32],"hourInputValue":[32],"minuteInputValue":[32],"hourInputError":[32],"minuteInputError":[32],"viewportWidth":[32],"viewportHeight":[32],"formDisabled":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidity":[64]},null,{"variant":[{"handleVariantChange":0}],"value":[{"handleValueChange":0}],"min":[{"handleConstraintChange":0}],"max":[{"handleConstraintChange":0}],"required":[{"handleConstraintChange":0}],"valueMissingLabel":[{"handleConstraintChange":0}],"rangeUnderflowLabel":[{"handleConstraintChange":0}],"rangeOverflowLabel":[{"handleConstraintChange":0}],"rangeOutsideLabel":[{"handleConstraintChange":0}],"disabled":[{"handleDisabledChange":0}],"responsive":[{"handleResponsiveChange":0}],"open":[{"handleOpenPropChange":0}]}]]],["p-6d3dd904",[[1,"md-transfer-list",{"items":[1],"value":[1040],"sourceTitle":[1,"source-title"],"targetTitle":[1,"target-title"],"searchable":[516],"sourceSearchPlaceholder":[1,"source-search-placeholder"],"targetSearchPlaceholder":[1,"target-search-placeholder"],"showSelectAll":[516,"show-select-all"],"searchIcon":[1,"search-icon"],"moveRightIcon":[1,"move-right-icon"],"moveLeftIcon":[1,"move-left-icon"],"moveAllRightIcon":[1,"move-all-right-icon"],"moveAllLeftIcon":[1,"move-all-left-icon"],"emptyIcon":[1,"empty-icon"],"emptyText":[1,"empty-text"],"countTemplate":[1,"count-template"],"density":[514],"disabled":[516],"singleStepOnly":[516,"single-step-only"],"moveRightLabel":[1,"move-right-label"],"moveLeftLabel":[1,"move-left-label"],"moveAllRightLabel":[1,"move-all-right-label"],"moveAllLeftLabel":[1,"move-all-left-label"],"sourceChecked":[32],"targetChecked":[32],"sourceQuery":[32],"targetQuery":[32],"moveSelectedRight":[64],"moveSelectedLeft":[64]},null,{"value":[{"syncCheckedSets":0}]}]]],["p-8d04d3c1",[[65,"md-number-field",{"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"readOnly":[4,"readonly"],"required":[516],"name":[513],"density":[514],"value":[1026],"locale":[1],"formatOptions":[1,"format-options"],"min":[2],"max":[2],"step":[2],"smallStep":[2,"small-step"],"largeStep":[2,"large-step"],"snapOnStep":[4,"snap-on-step"],"allowOutOfRange":[4,"allow-out-of-range"],"allowWheelScrub":[4,"allow-wheel-scrub"],"steppers":[1],"incrementLabel":[1,"increment-label"],"decrementLabel":[1,"decrement-label"],"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"inputValue":[32],"focused":[32],"formDisabled":[32],"setFocus":[64],"select":[64],"stepUp":[64],"stepDown":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"value":[{"onValueChange":0}],"locale":[{"onFormatChange":0}],"formatOptions":[{"onFormatChange":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}]}]]],["p-5a021497",[[257,"md-app-bar",{"variant":[513],"titleAlignment":[513,"title-alignment"],"searchPlaceholder":[1,"search-placeholder"],"searchValue":[1537,"search-value"],"searchAriaLabel":[1,"search-aria-label"],"searchDisabled":[516,"search-disabled"],"headline":[513],"subtitle":[513],"scrolled":[516],"density":[514],"leadingIcon":[1,"leading-icon"],"leadingIconLabel":[1,"leading-icon-label"],"hasSlottedLeading":[32],"hasSlottedHeadline":[32],"hasSlottedSubtitle":[32],"hasSlottedSearch":[32],"hasSlottedSearchTrailing":[32],"searchFocused":[32],"searchKeyboardModality":[32]}]]],["p-afa8fbae",[[257,"md-area-chart",{"label":[1],"subtitle":[1],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"curve":[1],"stack":[1],"connectNulls":[4,"connect-nulls"],"showMarks":[4,"show-marks"],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"legend":[513],"tooltip":[1],"zoom":[1],"locale":[1],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"fillOpacity":[2,"fill-opacity"],"showLine":[4,"show-line"],"grid":[1],"inverted":[4],"seriesLabels":[4,"series-labels"],"summary":[1],"tableLabels":[16],"labelEmpty":[1,"label-empty"],"loading":[4],"loadingLabel":[1,"loading-label"],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"axisTicks":[4,"axis-ticks"],"showLabels":[4,"show-labels"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"zoom":[{"onAnyPropChange":0}],"connectNulls":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"fillOpacity":[{"onAnyPropChange":0}],"showLine":[{"onAnyPropChange":0}],"grid":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"inverted":[{"onAnyPropChange":0}],"loading":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}]}]]],["p-7e390c89",[[257,"md-bar-chart",{"label":[1],"subtitle":[1],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"yAxis2":[16],"layout":[513],"stack":[1],"categoryGap":[8,"category-gap"],"barGap":[8,"bar-gap"],"barWidth":[2,"bar-width"],"cornerRadius":[2,"corner-radius"],"legend":[513],"tooltip":[1],"zoom":[1],"locale":[1],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"showLabels":[4,"show-labels"],"showTotals":[4,"show-totals"],"chevron":[4],"polar":[516],"polarHole":[2,"polar-hole"],"polarSweep":[2,"polar-sweep"],"axisTicks":[4,"axis-ticks"],"clickable":[4],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"loading":[516],"loadingLabel":[1,"loading-label"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"drill":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"yAxis2":[{"onAnyPropChange":0}],"layout":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"categoryGap":[{"onAnyPropChange":0}],"barGap":[{"onAnyPropChange":0}],"barWidth":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"zoom":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"showTotals":[{"onAnyPropChange":0}],"chevron":[{"onAnyPropChange":0}],"polar":[{"onAnyPropChange":0}],"polarHole":[{"onAnyPropChange":0}],"polarSweep":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}],"locale":[{"onAnyPropChange":0}],"noAnimation":[{"onAnyPropChange":0}],"clickable":[{"onAnyPropChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-16f3f495",[[257,"md-bottom-sheet",{"open":[1540],"variant":[513],"headline":[1],"showDragHandle":[516,"show-drag-handle"],"closeable":[516],"scrimDismissible":[4,"scrim-dismissible"],"topDivider":[516,"top-divider"],"bottomDivider":[516,"bottom-divider"],"sheetAriaLabel":[1,"aria-label"],"scrollShadow":[516,"scroll-shadow"],"headlineAlign":[513,"headline-align"],"contentAlign":[513,"content-align"],"density":[514],"hasSlottedClose":[32],"hasActions":[32],"dragging":[32],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["p-e2c69ac8",[[257,"md-dialog",{"open":[1540],"headline":[1],"icon":[1],"fullscreen":[516],"scrimDismissible":[4,"scrim-dismissible"],"locale":[1],"closeLabel":[1,"close-label"],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"divider":[516],"headerDivider":[516,"header-divider"],"density":[514],"animating":[32],"hasSlottedIcon":[32],"hasSlottedHeadline":[32],"hasSlottedActions":[32],"show":[64],"close":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChanged":0}]}]]],["p-16a9cb71",[[257,"md-line-chart",{"label":[1],"subtitle":[1],"markLines":[16],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"yAxes":[16],"curve":[1],"stack":[1],"connectNulls":[4,"connect-nulls"],"showMarks":[4,"show-marks"],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"area":[4],"showLine":[4,"show-line"],"legend":[513],"tooltip":[1],"grid":[1],"axisTicks":[4,"axis-ticks"],"inverted":[4],"showLabels":[4,"show-labels"],"seriesLabels":[4,"series-labels"],"zoom":[1],"locale":[1],"labelEmpty":[1,"label-empty"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"summary":[1],"tableLabels":[16],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"loading":[516],"loadingLabel":[1,"loading-label"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"yAxes":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"area":[{"onAnyPropChange":0}],"showLine":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"grid":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"inverted":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"seriesLabels":[{"onAnyPropChange":0}],"connectNulls":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"markLines":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-ab867d02",[[257,"md-search",{"variant":[513],"layout":[513],"trigger":[513],"triggerIcon":[1,"trigger-icon"],"triggerFor":[1,"trigger-for"],"triggerElement":[16],"fullWidth":[516,"full-width"],"value":[1537],"placeholder":[1],"open":[1540],"disabled":[516],"elevation":[514],"leadingIcon":[1,"leading-icon"],"openLeadingIcon":[1,"open-leading-icon"],"showClearButton":[4,"show-clear-button"],"voiceSearch":[4,"voice-search"],"escapeCloses":[4,"escape-closes"],"dismissOnOutsideClick":[4,"dismiss-on-outside-click"],"scrollShadow":[516,"scroll-shadow"],"maxBlockSize":[1,"max-block-size"],"inputAriaLabel":[1,"input-aria-label"],"initialFocus":[1,"initial-focus"],"announceResults":[4,"announce-results"],"resultsLabel":[1,"results-label"],"noResultsLabel":[1,"no-results-label"],"loading":[1540],"debounce":[2],"throttle":[2],"loadingLabel":[1,"loading-label"],"density":[514],"focused":[32],"hasSlottedLeading":[32],"hasSlottedTrailing":[32],"hasSlottedTrigger":[32],"resultsStatus":[32],"barExpanded":[32],"panelVisible":[32],"showFocusRing":[32],"listening":[32],"loadingMorphMounted":[32],"loadingMorphIn":[32],"show":[64],"close":[64],"toggle":[64],"focusInput":[64],"startVoice":[64],"stopVoice":[64]},[[8,"keydown","handleWindowKeyDown"]],{"triggerFor":[{"onExternalTriggerChange":0}],"triggerElement":[{"onExternalTriggerChange":0}],"open":[{"onOpenChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-65c863dc",[[257,"md-side-sheet",{"open":[1540],"variant":[513],"side":[513],"headline":[1],"closeable":[516],"showBack":[516,"show-back"],"scrimDismissible":[4,"scrim-dismissible"],"topDivider":[516,"top-divider"],"bottomDivider":[516,"bottom-divider"],"detached":[516],"sheetAriaLabel":[1,"aria-label"],"density":[514],"hasSlottedClose":[32],"hasSlottedBack":[32],"hasActions":[32],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["p-6fe4917d",[[257,"md-step",{"label":[1],"description":[1],"completed":[516],"active":[1540],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"optional":[516],"editable":[516],"icon":[1],"completedIcon":[1,"completed-icon"],"errorIcon":[1,"error-icon"],"accessibleName":[1,"accessible-name"],"hideActions":[516,"hide-actions"],"density":[514],"hasSlottedContent":[32]},[[0,"mdClick","onInternalMdClick"]]]]],["p-d8382d82",[[257,"md-stepper",{"orientation":[513],"indicator":[513],"variant":[513],"mode":[513],"active":[1538],"autoComplete":[4,"auto-complete"],"nav":[4],"nextDisabled":[4,"next-disabled"],"loading":[4],"lazy":[4],"label":[1],"stepWord":[1,"step-word"],"ofWord":[1,"of-word"],"completedWord":[1,"completed-word"],"currentWord":[1,"current-word"],"errorWord":[1,"error-word"],"optionalWord":[1,"optional-word"],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"density":[514],"stepCount":[32],"liveMessage":[32],"errorMessage":[32],"next":[64],"prev":[64],"goTo":[64],"reset":[64]},[[0,"mdStepClick","onStepClick"],[0,"mdStepNext","onStepNext"],[0,"mdStepBack","onStepBack"],[0,"mdClick","onInternalMdClick"]],{"active":[{"onActiveChange":0}],"orientation":[{"onConfigChange":0}],"indicator":[{"onConfigChange":0}],"mode":[{"onConfigChange":0}],"nav":[{"onConfigChange":0}],"variant":[{"onConfigChange":0}],"lazy":[{"onConfigChange":0}],"loading":[{"onConfigChange":0}],"nextDisabled":[{"onConfigChange":0}],"stepWord":[{"onConfigChange":0}],"ofWord":[{"onConfigChange":0}],"completedWord":[{"onConfigChange":0}],"currentWord":[{"onConfigChange":0}],"errorWord":[{"onConfigChange":0}],"optionalWord":[{"onConfigChange":0}],"nextLabel":[{"onConfigChange":0}],"backLabel":[{"onConfigChange":0}],"finishLabel":[{"onConfigChange":0}]}]]],["p-c5b7a636",[[1,"md-table-expand-toggle",{"buttonLabel":[1,"button-label"],"icon":[1],"expanded":[32]}]]],["p-f3620edf",[[257,"md-accordion-item",{"headline":[1],"supportingText":[1,"supporting-text"],"icon":[1],"expanded":[1540],"disabled":[516],"headingLevel":[2,"heading-level"],"collapsible":[4],"regionRole":[1025,"region-role"],"contentMaxHeight":[1,"content-max-height"],"density":[514],"hasSlottedHeadline":[32],"hasSlottedTrailingIcon":[32],"hasSlottedLeadingIcon":[32],"toggle":[64],"focusHeader":[64]},null,{"expanded":[{"onExpandedChange":0}]}]]],["p-4e900357",[[257,"md-breadcrumb-item",{"href":[1],"target":[1],"rel":[1],"current":[516],"icon":[1],"disabled":[516],"collapsed":[516],"itemIndex":[2,"item-index"],"itemTotal":[2,"item-total"],"density":[514],"hasSlottedIcon":[32],"hasSlottedLabel":[32]}]]],["p-07074908",[[257,"md-fab",{"variant":[1],"size":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"lowered":[516],"ripple":[4],"icon":[1],"label":[1],"extended":[1540],"density":[514],"hasSlottedIcon":[32]},null,{"label":[{"onLabelChange":0}]}]]],["p-da13aa62",[[257,"md-fab-menu-item",{"icon":[1],"label":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"rovingFocusVisible":[1028,"roving-focus-visible"],"density":[514],"hasSlottedIcon":[32]}]]],["p-999880ec",[[257,"md-navigation-rail-tab",{"icon":[1],"label":[1],"active":[1540],"disabled":[516],"badge":[4],"badgeValue":[1,"badge-value"],"href":[1],"target":[1],"value":[1],"labelVisibility":[513,"label-visibility"],"expanded":[516],"density":[514],"submenuOpen":[32],"hasSubmenu":[32],"submenuHasSelection":[32],"clearSubmenuSelection":[64]},null,{"expanded":[{"onExpandedChange":0}]}]]],["p-bc843e9d",[[257,"md-navigation-tab",{"active":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"label":[1],"icon":[1],"activeIcon":[1,"active-icon"],"badge":[516],"badgeValue":[1,"badge-value"],"badgeMax":[2,"badge-max"],"href":[1],"target":[1],"labelBehavior":[1025,"label-behavior"],"density":[514],"focusVisible":[32],"focusEl":[64]},null,{"active":[{"onActiveChange":0}],"disabled":[{"onDisabledChange":0}],"softDisabled":[{"onSoftDisabledChange":0}]}]]],["p-cbea9c1b",[[257,"md-pie-chart",{"label":[1],"titleAlign":[1,"title-align"],"data":[16],"innerRadius":[8,"inner-radius"],"outerRadius":[8,"outer-radius"],"startAngle":[2,"start-angle"],"endAngle":[2,"end-angle"],"paddingAngle":[2,"padding-angle"],"cornerRadius":[2,"corner-radius"],"showLabels":[4,"show-labels"],"labelMode":[1,"label-mode"],"monochrome":[1],"gradient":[4],"highlight":[1],"legend":[513],"tooltip":[1],"locale":[1],"subtitle":[1],"summary":[1],"tableLabels":[16],"labelEmpty":[1,"label-empty"],"loading":[4],"loadingLabel":[1,"loading-label"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"tooltipRenderer":[16],"valueFormatter":[16],"ringWidths":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"drill":[64],"toDataURL":[64],"getInstance":[64]},null,{"data":[{"onAnyPropChange":0}],"innerRadius":[{"onAnyPropChange":0}],"outerRadius":[{"onAnyPropChange":0}],"startAngle":[{"onAnyPropChange":0}],"endAngle":[{"onAnyPropChange":0}],"paddingAngle":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"labelMode":[{"onAnyPropChange":0}],"monochrome":[{"onAnyPropChange":0}],"gradient":[{"onAnyPropChange":0}],"highlight":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"ringWidths":[{"onAnyPropChange":0}],"locale":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"loading":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}]}]]],["p-58f0d6e7",[[257,"md-segmented-button",{"value":[1],"selected":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"label":[1],"noCheckmark":[4,"no-checkmark"],"ripple":[4],"segmentIndex":[2,"segment-index"],"segmentTotal":[2,"segment-total"],"segmentDensity":[2,"segment-density"],"segmentMultiselect":[4,"segment-multiselect"],"density":[514],"hasSlottedLabel":[32]}]]],["p-a09505d5",[[257,"md-split-button",{"variant":[1],"size":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"label":[1],"trailingIcon":[1,"trailing-icon"],"trailingChecked":[1540,"trailing-checked"],"menuLabel":[1,"menu-label"],"haspopup":[1],"controls":[1],"fullWidth":[516,"full-width"],"ripple":[4],"density":[514]}]]],["p-fc6c9bac",[[257,"md-sub-menu-item",{"headline":[1],"supportingText":[1,"supporting-text"],"disabled":[516],"divider":[516],"gap":[516],"badge":[1],"density":[514],"submenuOpen":[32],"hasLeadingIcon":[32],"collapse":[64]}]]],["p-4b48c500",[[257,"md-tab",{"label":[1],"icon":[1],"active":[1540],"disabled":[516],"inlineIcon":[516,"inline-icon"],"variant":[513],"badge":[1],"controls":[1],"density":[514],"hasSlottedIcon":[32]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-c32087f1",[[257,"md-table",{"density":[520],"columnTemplate":[1,"column-template"],"columns":[2],"minWidth":[1,"min-width"],"stickyHeader":[516,"sticky-header"],"frozenHeader":[516,"frozen-header"],"keepHeight":[516,"keep-height"],"scrollbar":[513],"pinMode":[513,"pin-mode"],"pinIcon":[1,"pin-icon"],"stickyFooter":[516,"sticky-footer"],"striped":[516],"noDividers":[516,"no-dividers"],"hoverable":[516],"motion":[513],"selection":[513],"sortBy":[1537,"sort-by"],"sortOrder":[1537,"sort-order"],"loading":[516],"loadingMode":[513,"loading-mode"],"loadingRows":[2,"loading-rows"],"empty":[516],"label":[1],"caption":[1],"summary":[1],"rowOffset":[2,"row-offset"],"rowCount":[2,"row-count"],"srAnnouncement":[32],"hasExpandableRow":[32],"getSelection":[64],"selectAll":[64],"deselectAll":[64],"toggleSelectAll":[64],"setSort":[64],"pinColumn":[64],"setColumnVisibility":[64],"animateNextChange":[64]},[[0,"mdMotionArm","handleMotionArm"],[0,"mdSortRequest","handleSortRequest"],[0,"mdChange","handleSlottedCheckboxChange"],[0,"mdRowgroupSlotChange","handleRowgroupSlotChange"],[0,"mdRowSelectionChange","handleRowSelectionChange"]],{"pinIcon":[{"onPinIconChange":0}],"pinMode":[{"onPinModeChange":0}],"selection":[{"onSelectionModeChange":0}],"empty":[{"onEmptyChange":0}],"frozenHeader":[{"onStickyHeaderChange":0}],"stickyHeader":[{"onStickyHeaderChange":0},{"onLayoutChange":0}],"density":[{"onLayoutChange":0}],"striped":[{"onLayoutChange":0}],"stickyFooter":[{"onLayoutChange":0}],"columns":[{"onLayoutChange":0}],"columnTemplate":[{"onLayoutChange":0}],"sortBy":[{"onSortStateChange":0}],"sortOrder":[{"onSortStateChange":0}]}]]],["p-1a7a8246",[[257,"md-accordion",{"variant":[513],"density":[514],"elevation":[514],"reorderable":[516],"floating":[516],"initialX":[2,"initial-x"],"initialY":[2,"initial-y"],"bringToFront":[4,"bring-to-front"],"exclusive":[516],"keepOneExpanded":[516,"keep-one-expanded"],"headingLevel":[2,"heading-level"],"region":[513],"regionThreshold":[2,"region-threshold"],"transition":[513],"defaultExpanded":[1,"default-expanded"],"chassisX":[32],"chassisY":[32],"chassisDragging":[32],"dropPlaceholder":[32]},[[0,"mdItemToggle","onChildToggle"],[0,"mdItemRequestFocus","onChildRequestFocus"]],{"floating":[{"onFloatingChange":0}],"exclusive":[{"onExclusiveChange":0}],"headingLevel":[{"onHeadingLevelChange":0}],"region":[{"onRegionChange":0}],"regionThreshold":[{"onRegionThresholdChange":0}],"keepOneExpanded":[{"onKeepOneExpandedChange":0}]}]]],["p-88c516c5",[[257,"md-badge",{"variant":[513],"value":[1],"max":[2],"icon":[1],"density":[514],"hasSlottedIcon":[32]}]]],["p-b1f51176",[[257,"md-breadcrumbs",{"label":[1],"expandLabel":[1,"expand-label"],"separator":[1],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"],"density":[514],"expanded":[32],"itemCount":[32],"expand":[64],"collapse":[64]},null,{"maxItems":[{"onCollapseConfigChange":0}],"itemsBeforeCollapse":[{"onCollapseConfigChange":0}],"itemsAfterCollapse":[{"onCollapseConfigChange":0}]}]]],["p-80ee360c",[[257,"md-button-group",{"variant":[1],"size":[1],"shape":[1],"selectionMode":[1,"selection-mode"],"required":[4],"fullWidth":[516,"full-width"],"density":[514]},null,{"variant":[{"onPropsChange":0}],"size":[{"onPropsChange":0}],"shape":[{"onPropsChange":0}],"selectionMode":[{"onPropsChange":0}],"required":[{"onPropsChange":0}]}]]],["p-a9d19e78",[[257,"md-color-picker",{"variant":[513],"value":[1537],"format":[513],"alpha":[516],"showHex":[4,"show-hex"],"showInputs":[4,"show-inputs"],"disabled":[516],"presets":[1],"ariaLabelProp":[1,"aria-label"],"open":[1540],"dismissOnOutsideClick":[4,"dismiss-on-outside-click"],"density":[514],"hsva":[32],"hexInput":[32],"hexInvalid":[32],"hasSlottedTrigger":[32],"show":[64],"close":[64]},[[8,"keydown","onGlobalKeyDown"]],{"value":[{"onValueChange":0}],"open":[{"onOpenChange":0}],"variant":[{"onVariantChange":0}],"dismissOnOutsideClick":[{"onDismissOnOutsideClickChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-8b04cf56",[[1,"md-divider",{"inset":[516],"insetStart":[516,"inset-start"],"insetEnd":[516,"inset-end"],"vertical":[516]}]]],["p-85eb7e6d",[[257,"md-fab-menu",{"open":[1540],"anchor":[1],"variant":[513],"placement":[513],"quick":[4],"menuLabel":[1,"menu-label"],"density":[514],"closing":[32],"effectivePlacement":[32],"show":[64],"close":[64]},[[0,"focusin","handleFocusIn"]],{"anchor":[{"onAnchorChange":0}],"placement":[{"onPlacementChange":0}],"open":[{"onOpenChange":0}]}]]],["p-5a96189a",[[257,"md-list",{"listStyle":[1,"list-style"],"selectionMode":[1,"selection-mode"],"interactionMode":[1,"interaction-mode"],"reorderable":[516],"label":[1],"labelledby":[1],"roleOverride":[1,"role-override"],"density":[514],"activeIndex":[32],"dropPlaceholder":[32],"activateNext":[64],"activatePrevious":[64],"selectItem":[64],"getSelectedIndices":[64]},[[0,"mdItemClick","onItemClick"],[0,"mdRequestActivation","onRequestActivation"],[1,"pointerdown","onHostPointerDown"],[0,"mdItemRequestReorder","onItemRequestReorder"],[0,"keydown","handleKeyDown"],[0,"focusout","onFocusOut"]],{"selectionMode":[{"onSelectionModeChange":0}],"interactionMode":[{"onInteractionModeChange":0}],"reorderable":[{"onReorderableChange":0}],"roleOverride":[{"onRoleOverrideChange":0}]}]]],["p-13fb824a",[[1,"md-loading-indicator",{"variant":[513],"label":[1],"density":[514]}]]],["p-d8313da8",[[257,"md-menu-item-group",{"label":[1],"density":[514]}]]],["p-acc30817",[[1,"md-meter",{"value":[2],"min":[2],"max":[2],"label":[1],"showLabel":[4,"show-label"],"showValue":[4,"show-value"],"valueText":[1,"value-text"],"locale":[1],"formatOptions":[16],"color":[513],"variant":[513],"size":[2],"thickness":[2],"density":[514]}]]],["p-178e1666",[[257,"md-navigation-bar",{"activeIndex":[1538,"active-index"],"labelBehavior":[1,"label-behavior"],"manualActivation":[4,"manual-activation"],"density":[514],"select":[64],"focusTab":[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{"activeIndex":[{"onActiveIndexChange":0}],"labelBehavior":[{"onLabelBehaviorChange":0}]}]]],["p-17a03b35",[[321,"md-otp-field",{"length":[2],"value":[1025],"validationType":[1,"validation-type"],"transform":[1],"mask":[4],"autoSubmit":[4,"auto-submit"],"groupSize":[2,"group-size"],"inputMode":[1,"inputmode"],"name":[513],"disabled":[516],"readOnly":[4,"readonly"],"required":[4],"error":[4],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"label":[1],"cellLabelTemplate":[1,"cell-label-template"],"valueMissingLabel":[1,"value-missing-label"],"incompleteLabel":[1,"incomplete-label"],"density":[514],"reserveSupportingSpace":[4,"reserve-supporting-space"],"formDisabled":[32],"setFocus":[64],"clear":[64],"getValidity":[64],"setCustomValidity":[64],"checkValidity":[64],"reportValidity":[64]},null,{"value":[{"onValueChanged":0}],"length":[{"onPipelineChanged":0}],"validationType":[{"onPipelineChanged":0}],"transform":[{"onPipelineChanged":0}],"required":[{"onValidityInputsChanged":0}],"valueMissingLabel":[{"onValidityInputsChanged":0}],"incompleteLabel":[{"onValidityInputsChanged":0}]}]]],["p-ee14bb95",[[65,"md-rating",{"value":[1538],"defaultValue":[2,"default-value"],"max":[514],"precision":[514],"size":[513],"readonly":[516],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"emptyIcon":[1,"empty-icon"],"outlineEmpty":[516,"outline-empty"],"getLabel":[16],"showValueLabel":[516,"show-value-label"],"ratingLabel":[1,"rating-label"],"name":[513],"hover":[513],"density":[514],"hoveredValue":[32],"focused":[32],"focusRating":[64]},null,{"value":[{"validateValue":0}],"max":[{"onMaxChange":0}]}]]],["p-56ea09a4",[[257,"md-segmented-button-set",{"multiselect":[4],"density":[514]},[[0,"mdSegmentClick","handleSegmentClick"]],{"multiselect":[{"onPropsChange":0}],"density":[{"onPropsChange":0}]}]]],["p-2d47df95",[[257,"md-select-option",{"value":[1],"label":[1],"disabled":[516],"selected":[516],"icon":[1],"iconColor":[1,"icon-color"],"supportingText":[1,"supporting-text"]},null,{"value":[{"onDataChange":0}],"label":[{"onDataChange":0}],"disabled":[{"onDataChange":0}],"selected":[{"onDataChange":0}],"icon":[{"onDataChange":0}],"iconColor":[{"onDataChange":0}],"supportingText":[{"onDataChange":0}]}]]],["p-159974c4",[[1,"md-skeleton",{"variant":[513],"animation":[513],"lines":[514],"width":[1],"height":[1],"fullWidth":[516,"full-width"],"fullHeight":[516,"full-height"],"ariaLabelProp":[1,"aria-label"],"announce":[4],"density":[514],"prefersReducedMotion":[32]}]]],["p-ea68040c",[[1,"md-sparkline",{"data":[16],"labels":[16],"variant":[513],"color":[1],"curve":[1],"showTooltip":[4,"show-tooltip"],"showMarks":[1,"show-marks"],"referenceAreas":[16],"valueFormatter":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"cornerRadius":[2,"corner-radius"],"min":[2],"max":[2],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"barWidth":[2,"bar-width"],"mounted":[32],"refreshTheme":[64],"resize":[64],"getInstance":[64]},null,{"data":[{"onAnyPropChange":0}],"labels":[{"onAnyPropChange":0}],"variant":[{"onAnyPropChange":0}],"color":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"showTooltip":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"referenceAreas":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"min":[{"onAnyPropChange":0}],"max":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"barWidth":[{"onAnyPropChange":0}]}]]],["p-9673da44",[[1,"md-status-dot",{"state":[513],"size":[513],"inline":[516],"live":[516],"label":[1],"density":[514]}]]],["p-3df9d39f",[[321,"md-switch",{"valueMissingLabel":[1,"value-missing-label"],"selected":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[513],"value":[1],"icons":[4],"showOnlySelectedIcon":[4,"show-only-selected-icon"],"selectedIcon":[1,"selected-icon"],"unselectedIcon":[1,"unselected-icon"],"density":[514],"pressed":[32],"programmaticFocus":[32],"setFocus":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"selected":[{"onValueChange":0}],"value":[{"onValueChange":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}]}]]],["p-dabaeadb",[[257,"md-tab-panel",{"active":[516]}]]],["p-d32207dc",[[257,"md-tab-panels",{"for":[1],"sizing":[513]},null,{"for":[{"onForChange":0}]}]]],["p-249bfe00",[[257,"md-table-body",{"presentational":[516]}]]],["p-cc0ba3e0",[[257,"md-table-cell",{"align":[513],"numeric":[516],"padding":[513],"head":[516],"scope":[513],"sticky":[513],"colSpan":[2,"colspan"],"rowSpan":[2,"rowspan"],"ellipsis":[516],"variant":[513],"noPinIndicator":[516,"no-pin-indicator"],"pinIcon":[1,"pin-icon"],"density":[514]}]]],["p-420a0cd5",[[257,"md-table-container",{"variant":[513],"shape":[513],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"vibrant":[516],"elevation":[514]},[[2,"mdPageChange","handlePaginationChange"],[2,"mdRowsPerPageChange","handlePaginationChange"]]]]],["p-724c071e",[[257,"md-table-foot",{"presentational":[516]}]]],["p-72b054ce",[[257,"md-table-head"]]],["p-716f479d",[[257,"md-table-row",{"rowgroup":[513],"selected":[1540],"disabled":[516],"selectable":[4],"clickable":[516],"value":[1],"expandable":[516],"expanded":[1540],"highlight":[516],"_hasExpandedSlot":[32],"toggle":[64]},null,{"selected":[{"onSelectedChange":0}],"expanded":[{"onExpandedChange":0}]}]]],["p-af8fc898",[[257,"md-table-sort-label",{"column":[1],"disabled":[516],"defaultOrder":[1,"default-order"],"iconPosition":[513,"icon-position"],"icon":[1],"inactiveIcon":[513,"inactive-icon"],"active":[1540],"order":[1537],"density":[514]}]]],["p-3d603f68",[[257,"md-table-toolbar",{"headline":[1],"supportingText":[1,"supporting-text"],"numSelected":[1538,"num-selected"],"autoBind":[4,"auto-bind"],"labelSelected":[1,"label-selected"],"compact":[516],"density":[514],"hasSelectionActions":[32],"hasActions":[32],"hasLeading":[32]}]]],["p-a82dd371",[[257,"md-tabs",{"activeTabIndex":[1026,"active-tab-index"],"variant":[513],"divider":[513],"ariaLabelProp":[1,"aria-label"],"tabWidth":[1,"tab-width"],"width":[1],"tabCount":[32],"selectTab":[64]},[[0,"keydown","handleKeyDown"],[0,"mdTabDisabledChange","handleTabDisabledChange"]],{"tabWidth":[{"onTabWidthChange":0}],"activeTabIndex":[{"onActiveChange":0}],"variant":[{"onVariantChange":0}]}]]],["p-bb4419c9",[[257,"md-toolbar",{"variant":[513],"color":[513],"layout":[513],"alignment":[513],"containerSemantics":[513,"container-semantics"],"ariaLabelProp":[1,"aria-label"],"ariaLabelledby":[1,"aria-labelledby"],"density":[514],"hasFab":[32],"setFocus":[64]},null,{"containerSemantics":[{"onNavPropChange":0}],"variant":[{"onNavPropChange":0}],"layout":[{"onNavPropChange":0}]}]]],["p-8f1b2f48",[[321,"md-select",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"value":[1537],"disabled":[516],"required":[516],"error":[516],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"density":[514],"clearable":[516],"matchTriggerWidth":[516,"match-trigger-width"],"placement":[1],"maxHeight":[8,"max-height"],"options":[1],"virtualize":[1],"filterable":[4],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"name":[513],"searchPlaceholder":[1,"search-placeholder"],"filterLabel":[1,"filter-label"],"noResultsText":[1,"no-results-text"],"noOptionsText":[1,"no-options-text"],"clearLabel":[1,"clear-label"],"searchingLabel":[1,"searching-label"],"loadingText":[1,"loading-text"],"clearIcon":[1,"clear-icon"],"dropdownIcon":[1,"dropdown-icon"],"loading":[516],"fullWidth":[516,"full-width"],"open":[1540],"optionsData":[32],"triggerId":[32],"query":[32],"show":[64],"close":[64],"focusTrigger":[64],"reset":[64],"loadOptions":[64],"setQuery":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormValue":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}],"options":[{"refreshOptions":0}],"open":[{"syncMenu":0}]}]]],["p-1e14883e",[[65,"md-checkbox",{"valueMissingLabel":[1,"value-missing-label"],"error":[516],"errorText":[1025,"error-text"],"supportingText":[1,"supporting-text"],"checked":[1540],"indeterminate":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[1],"value":[1],"density":[514],"invalid":[32],"prevChecked":[32],"prevIndeterminate":[32],"pressed":[32],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"checked":[{"onStateChange":0}],"indeterminate":[{"onStateChange":0}],"value":[{"onValueChange":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}]}]]],["p-5e1e2e77",[[257,"md-chip",{"variant":[513],"icon":[1],"trailingIcon":[1,"trailing-icon"],"selected":[1540],"selectable":[4],"appearance":[513],"color":[513],"elevated":[516],"disabled":[516],"softDisabled":[516,"soft-disabled"],"removable":[516],"label":[1],"density":[514],"hasSlottedLeadingIcon":[32],"hasSlottedTrailingIcon":[32]}]]],["p-b36fd0bd",[[321,"md-slider",{"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[516],"name":[513],"nameStart":[1,"name-start"],"nameEnd":[1,"name-end"],"variant":[513],"range":[516],"stops":[516],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"size":[513],"orientation":[513],"fullHeight":[516,"full-height"],"valueIndicator":[516,"value-indicator"],"labeled":[516],"insetIcon":[516,"inset-icon"],"icon":[1],"sliderAriaLabel":[1,"aria-label"],"ariaLabelStart":[1,"label-start"],"ariaLabelEnd":[1,"label-end"],"valueText":[1,"value-text"],"valueStartText":[1,"value-start-text"],"valueEndText":[1,"value-end-text"],"controlled":[516],"density":[514],"keyFocusedThumb":[32],"pressingThumb":[32],"_liveValue":[32],"_liveStart":[32],"_liveEnd":[32]},null,{"value":[{"onValuePropChange":0}],"valueStart":[{"onValueStartPropChange":0}],"valueEnd":[{"onValueEndPropChange":0}],"name":[{"onFormIdentityChange":0}],"nameStart":[{"onFormIdentityChange":0}],"nameEnd":[{"onFormIdentityChange":0}],"range":[{"onFormIdentityChange":0},{"onLayoutDeps":0}],"variant":[{"onLayoutDeps":0}],"min":[{"onBoundsChange":0}],"max":[{"onBoundsChange":0}]}]]],["p-fa9fafd4",[[257,"md-avatar",{"src":[1],"alt":[1],"name":[1],"initials":[1],"size":[513],"shape":[513],"label":[1],"colorFromName":[516,"color-from-name"],"loading":[1],"crossorigin":[1],"density":[514],"imageFailed":[32]},null,{"src":[{"onSrcChange":0}]}],[257,"md-tooltip",{"text":[1],"subhead":[1],"variant":[513],"position":[1],"autoPosition":[4,"auto-position"],"offset":[2],"crossOffset":[2,"cross-offset"],"open":[1540],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"disabled":[516],"density":[514],"isVisible":[32],"resolvedPlacement":[32],"hasSlottedActions":[32],"hasSlottedSubhead":[32],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}],"disabled":[{"onDisabledChange":0}],"text":[{"onDescriptionChange":0}],"subhead":[{"onDescriptionChange":0}]}]]],["p-9eb52036",[[337,"md-text-field",{"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[1],"label":[1],"value":[1025],"placeholder":[1],"type":[1],"name":[513],"pattern":[1],"minLength":[1026,"min-length"],"min":[8],"max":[8],"step":[8],"autocomplete":[1],"inputMode":[1,"inputmode"],"enterKeyHint":[1,"enterkeyhint"],"autoCapitalize":[1,"autocapitalize"],"spellcheck":[4],"disabled":[516],"readOnly":[4,"readonly"],"required":[4],"error":[4],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"maxLength":[1026,"max-length"],"clearable":[1032],"passwordToggle":[1032,"password-toggle"],"density":[514],"multiline":[8],"rows":[2],"speechToText":[1032,"speech-to-text"],"speechLang":[1,"speech-lang"],"restrict":[1],"formatter":[1040],"parser":[1040],"formatOn":[1,"format-on"],"focusBorderWidth":[514,"focus-border-width"],"appearFocused":[516,"appear-focused"],"chipsWrap":[516,"chips-wrap"],"debounce":[514],"throttle":[514],"inputRole":[1,"input-role"],"inputExpanded":[4,"input-expanded"],"inputAriaAutocomplete":[1,"input-aria-autocomplete"],"focused":[32],"formDisabled":[32],"autofilled":[32],"hostAriaLabel":[32],"passwordVisible":[32],"hasSlottedLeading":[32],"hasSlottedChips":[32],"hasSlottedTrailing":[32],"hasTrailingIconButton":[32],"listening":[32],"displayValue":[32],"formatterEpoch":[32],"setFocus":[64],"select":[64],"getInputElement":[64],"getValidity":[64],"setCustomValidity":[64],"checkValidity":[64],"reportValidity":[64]},null,{"value":[{"onValueChange":0}],"type":[{"onTypeChange":0}]}]]],["p-0a046274",[[1,"md-progress-indicator",{"variant":[1],"value":[2],"max":[2],"indeterminate":[516],"thickness":[2],"wave":[516],"waveAmplitude":[2,"wave-amplitude"],"waveLength":[2,"wave-length"],"waveSpeed":[2,"wave-speed"],"size":[2],"fourColor":[516,"four-color"],"label":[1],"complete":[4],"density":[514],"reducedMotion":[32],"_completing":[32],"_completed":[32],"_completedTrack":[32],"_fillComplete":[32]},null,{"thickness":[{"onDimensionChange":0}],"size":[{"onDimensionChange":0}],"wave":[{"onDimensionChange":0},{"onAmplitudeInputChange":0}],"waveAmplitude":[{"onDimensionChange":0}],"waveLength":[{"onDimensionChange":0}],"variant":[{"onDimensionChange":0}],"value":[{"onAmplitudeInputChange":0}],"max":[{"onAmplitudeInputChange":0}],"indeterminate":[{"onAmplitudeInputChange":0}],"reducedMotion":[{"onAmplitudeInputChange":0}],"complete":[{"onCompleteChange":0}]}]]],["p-e661754b",[[257,"md-snackbar",{"open":[1540],"message":[1],"action":[1],"closeable":[516],"autoHide":[4,"auto-hide"],"autoHideDuration":[2,"auto-hide-duration"],"position":[513],"stacked":[516],"politeness":[513],"dismissLabel":[1,"dismiss-label"],"density":[514],"hasSlottedAction":[32],"hasSlottedClose":[32],"hasSlottedDefault":[32],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}]}],[257,"md-card",{"variant":[1],"interactive":[516],"dragEnabled":[516,"drag-enabled"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"ripple":[4],"fullWidth":[516,"full-width"],"fullHeight":[516,"full-height"],"density":[514],"dragging":[32],"hasInteractiveContent":[32]},null,{"dragEnabled":[{"onDragEnabledChange":0}]}],[65,"md-radio",{"valueMissingLabel":[1,"value-missing-label"],"checked":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[513],"value":[513],"density":[514],"invalid":[32],"pressed":[32],"focused":[32],"programmaticFocus":[32],"managedTabIndex":[32],"syncValidityFromGroup":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64],"setFocus":[64],"setBlur":[64],"select":[64]},null,{"checked":[{"onCheckedChange":0}],"required":[{"onValidityInputChange":0}],"name":[{"onValidityInputChange":0}],"valueMissingLabel":[{"onValidityInputChange":0}],"disabled":[{"onDisabledChange":0}]}],[321,"md-button",{"type":[513],"variant":[1],"size":[1],"shape":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"ripple":[4],"loading":[4],"icon":[1],"trailingIcon":[1,"trailing-icon"],"href":[1],"target":[1],"toggle":[4],"selected":[1028],"shapeMorph":[4,"shape-morph"],"mirrorIcon":[516,"mirror-icon"],"suppressExpandIconFlip":[516,"suppress-expand-icon-flip"],"fullWidth":[516,"full-width"],"connectedLeft":[516,"connected-left"],"connectedRight":[516,"connected-right"],"value":[1],"groupTabindex":[1026,"group-tabindex"],"roleOverride":[1,"role-override"],"density":[514],"hasSlottedLeadingIcon":[32],"hasSlottedTrailingIcon":[32],"pressed":[32]}],[257,"md-icon-button",{"variant":[1],"size":[1],"shape":[1],"buttonWidth":[1,"button-width"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"toggle":[4],"selected":[1028],"shapeMorph":[4,"shape-morph"],"ripple":[4],"icon":[1],"selectedIcon":[1,"selected-icon"],"href":[1],"target":[1],"connectedLeft":[516,"connected-left"],"connectedRight":[516,"connected-right"],"value":[1],"groupTabindex":[1026,"group-tabindex"],"density":[514],"hasSlottedIcon":[32],"hasSlottedBadge":[32],"hasSlottedSelected":[32],"pressed":[32]}],[1,"md-ripple",{"disabled":[4],"whenSettled":[64],"trigger":[64]}]]],["p-448995f5",[[257,"md-menu-item",{"headline":[1],"supportingText":[1,"supporting-text"],"trailingText":[1,"trailing-text"],"disabled":[516],"selected":[1540],"indeterminate":[1540],"keepOpen":[4,"keep-open"],"divider":[516],"gap":[516],"badge":[1],"type":[1],"checkPosition":[513,"check-position"],"presentation":[513],"roleOverride":[1,"role-override"],"density":[514],"hasLeadingIcon":[32],"hasTrailingIcon":[32]}],[257,"md-menu",{"open":[1540],"anchor":[1],"placement":[513],"quick":[4],"variant":[513],"layout":[513],"useGap":[516,"use-gap"],"emptyText":[1,"empty-text"],"matchAnchorWidth":[516,"match-anchor-width"],"responsive":[516],"persistent":[516],"autoFocus":[516,"auto-focus"],"maxHeight":[8,"max-height"],"listLabel":[1,"list-label"],"listbox":[516],"density":[514],"closing":[32],"sectioned":[32],"empty":[32],"hasSubmenu":[32],"listboxMode":[32],"setComboboxElement":[64],"setVirtualProvider":[64],"getScrollViewport":[64],"show":[64],"reposition":[64],"close":[64]},[[0,"focusin","handleFocusIn"],[0,"keydown","handleKeyDown"]],{"emptyText":[{"onEmptyTextChange":0}],"variant":[{"onVariantChange":0}],"useGap":[{"onVariantChange":0}],"open":[{"onOpenChange":0}]}]]]]'),e)}));
|
|
1
|
+
import{p as e,b as a}from"./p-C5Hg-PUP.js";export{s as setNonce}from"./p-C5Hg-PUP.js";import{g as n}from"./p-DQuL1Twl.js";var o=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};o().then((async e=>{await n();return a(JSON.parse('[["p-fb5d73c4",[[321,"md-autocomplete",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"density":[514],"options":[1],"multiple":[516],"chipPosition":[513,"chip-position"],"value":[1025],"inputValue":[1025,"input-value"],"freeSolo":[516,"free-solo"],"maxSelected":[2,"max-selected"],"loading":[516],"noOptionsText":[1,"no-options-text"],"noResultsText":[1,"no-results-text"],"loadingText":[1,"loading-text"],"statusTemplate":[1,"status-template"],"disableCloseOnSelect":[516,"disable-close-on-select"],"clearOnBlur":[516,"clear-on-blur"],"clearable":[516],"clearIcon":[1,"clear-icon"],"dropdownIcon":[1,"dropdown-icon"],"limitResults":[2,"limit-results"],"open":[1540],"filterer":[16],"virtualize":[1],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"placement":[1],"matchTriggerWidth":[4,"match-trigger-width"],"maxHeight":[2,"max-height"],"name":[513],"triggerId":[32],"focused":[32],"optionsData":[32],"labelMap":[32],"packing":[32],"focusInput":[64],"showMenu":[64],"closeMenu":[64],"loadOptions":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"]],{"options":[{"refreshOptions":0}],"value":[{"syncFormValue":0}],"multiple":[{"onMultipleFlip":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}],"open":[{"syncMenu":0}]}]]],["p-e9591e78",[[321,"md-date-picker",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"value":[1537],"label":[1],"placeholder":[1],"min":[1],"max":[1],"open":[1540],"disabled":[516],"required":[516],"clearable":[516],"clearLabel":[1,"clear-label"],"error":[1540],"errorText":[1025,"error-text"],"supportingText":[1,"supporting-text"],"locale":[1],"dateSeparator":[1,"date-separator"],"fieldVariant":[1,"field-variant"],"firstDayOfWeek":[2,"first-day-of-week"],"headline":[1],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"selectDateLabel":[1,"select-date-label"],"enterDatesLabel":[1,"enter-dates-label"],"invalidDateLabel":[1,"invalid-date-label"],"previousMonthLabel":[1,"previous-month-label"],"nextMonthLabel":[1,"next-month-label"],"previousYearLabel":[1,"previous-year-label"],"nextYearLabel":[1,"next-year-label"],"chooseMonthLabel":[1,"choose-month-label"],"chooseYearLabel":[1,"choose-year-label"],"chooseMonthYearLabel":[1,"choose-month-year-label"],"chooseMonthAndYearLabel":[1,"choose-month-and-year-label"],"toggleCalendarLabel":[1,"toggle-calendar-label"],"toggleTextLabel":[1,"toggle-text-label"],"openCalendarLabel":[1,"open-calendar-label"],"closeCalendarLabel":[1,"close-calendar-label"],"calendarIcon":[1,"calendar-icon"],"yearGridLabel":[1,"year-grid-label"],"scrimDismissible":[4,"scrim-dismissible"],"outsideClickDismissible":[4,"outside-click-dismissible"],"commitOnSelect":[516,"commit-on-select"],"name":[1],"isDateDisabled":[16],"density":[514],"focused":[32],"inputDraft":[32],"viewYear":[32],"viewMonth":[32],"viewMode":[32],"inputMode":[32],"focusedDate":[32],"pendingDate":[32],"hasSlottedHeader":[32],"hasSlottedActions":[32],"hasSlottedLeading":[32],"hasSlottedCalendarIcon":[32],"monthMenuOpen":[32],"yearMenuOpen":[32],"selectionMenuClosing":[32],"dockedCalendarBloom":[32],"gridSlideDirection":[32],"yearViewClosing":[32],"modalCalendarBloom":[32],"panelClosing":[32],"dockedPanelAlign":[32],"dockedPanelPlacement":[32],"dockedPanelMaxBlockSize":[32],"show":[64],"close":[64],"clear":[64],"focusInput":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[6,"keydown","handleDocumentKeyDown"],[7,"pointerdown","handleDocumentPointerDown"],[2,"keydown","handleHostKeyDown"],[0,"mdOpen","swallowNestedMdOpen"],[0,"mdClose","swallowNestedMdClose"]],{"value":[{"onBoundsChange":0},{"syncFormValue":0}],"min":[{"onBoundsChange":0}],"max":[{"onBoundsChange":0}],"dateSeparator":[{"onDateSeparatorChange":0}],"open":[{"onOpenChange":0}],"required":[{"syncFormValue":0}],"valueMissingLabel":[{"syncFormValue":0}]}]]],["p-91655aab",[[321,"md-multi-select",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"density":[514],"options":[1],"virtualize":[1],"filterable":[4],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"value":[1040],"maxSelected":[2,"max-selected"],"showSelectAll":[516,"show-select-all"],"selectAllLabel":[1,"select-all-label"],"placement":[1],"maxHeight":[2,"max-height"],"matchTriggerWidth":[516,"match-trigger-width"],"displayMode":[513,"display-mode"],"chipOverflow":[513,"chip-overflow"],"chipPosition":[513,"chip-position"],"trigger":[513],"triggerIcon":[1,"trigger-icon"],"triggerLabel":[1,"trigger-label"],"countFormatter":[16],"searchPlaceholder":[1,"search-placeholder"],"filterLabel":[1,"filter-label"],"noResultsText":[1,"no-results-text"],"noOptionsText":[1,"no-options-text"],"searchingLabel":[1,"searching-label"],"loadingText":[1,"loading-text"],"loading":[516],"clearable":[516],"clearIcon":[1,"clear-icon"],"clearLabel":[1,"clear-label"],"dropdownIcon":[1,"dropdown-icon"],"name":[513],"open":[1540],"optionsData":[32],"triggerId":[32],"hasTriggerLeading":[32],"hasTriggerTrailing":[32],"liveMessage":[32],"hasSlottedTrigger":[32],"query":[32],"inlineVisibleCount":[32],"inlineOverflowCount":[32],"show":[64],"close":[64],"focusTrigger":[64],"reset":[64],"loadOptions":[64],"setQuery":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormValue":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}],"options":[{"refreshOptions":0}],"open":[{"syncMenu":0}]}]]],["p-ee5bc6e4",[[257,"md-table-pagination",{"count":[2],"page":[1538],"rowsPerPage":[1538,"rows-per-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"showFirstLast":[516,"show-first-last"],"labelDisplayedRows":[1,"label-displayed-rows"],"labelRowsPerPage":[1,"label-rows-per-page"],"labelFirstPage":[1,"label-first-page"],"labelPreviousPage":[1,"label-previous-page"],"labelNextPage":[1,"label-next-page"],"labelLastPage":[1,"label-last-page"],"labelAll":[1,"label-all"],"compact":[516],"disabled":[516],"density":[514],"goToPage":[64],"setRowsPerPage":[64]},[[0,"mdClick","onInternalChrome"],[0,"mdChange","onInternalChrome"],[0,"mdOpen","onInternalChrome"],[0,"mdClose","onInternalChrome"]],{"count":[{"clampPage":0}],"rowsPerPage":[{"clampPage":0}]}]]],["p-991749f7",[[257,"md-list-item",{"type":[513],"headline":[1],"overline":[1],"supportingText":[1,"supporting-text"],"trailingSupportingText":[1,"trailing-supporting-text"],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"leadingAvatar":[1,"leading-avatar"],"leadingAvatarAlt":[1,"leading-avatar-alt"],"leadingAvatarName":[1,"leading-avatar-name"],"leadingAvatarLabel":[1,"leading-avatar-label"],"leadingImage":[1,"leading-image"],"leadingImageAlt":[1,"leading-image-alt"],"lines":[2],"href":[1],"target":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"selected":[1540],"expandable":[516],"expanded":[1540],"tabbable":[1028],"rovingFocusVisible":[1028,"roving-focus-visible"],"selectionMode":[1025,"selection-mode"],"interactionMode":[1025,"interaction-mode"],"containerRole":[1025,"container-role"],"reorderable":[1028],"density":[514],"hasSlottedLeading":[32],"hasSlottedTrailing":[32],"hasSlottedHeadline":[32],"hasSlottedOverline":[32],"hasSlottedSupportingText":[32],"hasSlottedTrailingSupportingText":[32],"hasSlottedExpandedContent":[32],"hasExpandedListItemChildren":[32],"hasLeadingVideo":[32],"pressed":[32],"hostedByList":[32],"setFocus":[64],"focusItem":[64],"toggle":[64],"expand":[64],"collapse":[64]},[[0,"mdItemClick","onExpandedChildItemClick"]],{"selected":[{"onSelectedChange":0}],"expandable":[{"onExpandableChange":0}],"selectionMode":[{"onSelectionModeChange":0}],"expanded":[{"onExpandedChange":0}],"headline":[{"onHeadlineChange":0}],"supportingText":[{"onSupportingTextChange":0}]}]]],["p-9fb63170",[[257,"md-navigation-rail",{"variant":[1537],"modal":[516],"fullHeight":[516,"full-height"],"alignment":[513],"expandable":[516],"toggleLabel":[1,"toggle-label"],"labelVisibility":[513,"label-visibility"],"activeIndex":[1538,"active-index"],"label":[1],"disableFocusManagement":[4,"disable-focus-management"],"density":[514],"orientation":[513],"maxVisible":[2,"max-visible"],"overflowLabel":[1,"overflow-label"],"overflowIcon":[1,"overflow-icon"],"hasLogo":[32],"hasLogoExpanded":[32],"hasHeader":[32],"hasFab":[32],"hasFooter":[32],"hasLinkDestinations":[32],"overflowCount":[32],"submenuOpen":[32],"tabsExpanded":[32],"expand":[64],"collapse":[64],"toggle":[64],"focusTab":[64]},[[0,"mdTabClick","handleTabClick"],[0,"mdSubmenuToggle","onDescendantSubmenuToggle"]],{"variant":[{"onVariantChange":0}],"labelVisibility":[{"onLabelVisibilityChange":0}],"activeIndex":[{"onActiveIndexChange":0}],"maxVisible":[{"onMaxVisibleChange":0}]}]]],["p-dbb3ab82",[[257,"md-organization-chart",{"nodes":[1],"selectionMode":[513,"selection-mode"],"selectedIds":[1040],"collapsible":[4],"orientation":[513],"label":[1],"expandLabel":[1,"expand-label"],"collapseLabel":[1,"collapse-label"],"density":[514],"collapsed":[32],"selection":[32],"activeId":[32]},null,{"nodes":[{"onNodesChange":0}],"selectedIds":[{"onSelectedIdsChange":0}]}]]],["p-91f52841",[[65,"md-time-picker",{"variant":[1],"format":[1],"value":[1537],"name":[513],"min":[1],"max":[1],"required":[516],"label":[1],"headline":[1],"headlineInputLabel":[1,"headline-input-label"],"headlineDialLabel":[1,"headline-dial-label"],"valueMissingLabel":[1,"value-missing-label"],"rangeUnderflowLabel":[1,"range-underflow-label"],"rangeOverflowLabel":[1,"range-overflow-label"],"rangeOutsideLabel":[1,"range-outside-label"],"disabled":[516],"open":[1540],"minuteStep":[2,"minute-step"],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"hideTrigger":[516,"hide-trigger"],"amLabel":[1,"am-label"],"pmLabel":[1,"pm-label"],"hourLabel":[1,"hour-label"],"minuteLabel":[1,"minute-label"],"toggleDialLabel":[1,"toggle-dial-label"],"toggleInputLabel":[1,"toggle-input-label"],"periodLabel":[1,"period-label"],"periodLayout":[1,"period-layout"],"orientation":[1],"responsive":[4],"density":[514],"isOpen":[32],"mode":[32],"selecting":[32],"draftHours":[32],"draftMinutes":[32],"hourInputValue":[32],"minuteInputValue":[32],"hourInputError":[32],"minuteInputError":[32],"viewportWidth":[32],"viewportHeight":[32],"formDisabled":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidity":[64]},null,{"variant":[{"handleVariantChange":0}],"value":[{"handleValueChange":0}],"min":[{"handleConstraintChange":0}],"max":[{"handleConstraintChange":0}],"required":[{"handleConstraintChange":0}],"valueMissingLabel":[{"handleConstraintChange":0}],"rangeUnderflowLabel":[{"handleConstraintChange":0}],"rangeOverflowLabel":[{"handleConstraintChange":0}],"rangeOutsideLabel":[{"handleConstraintChange":0}],"disabled":[{"handleDisabledChange":0}],"responsive":[{"handleResponsiveChange":0}],"open":[{"handleOpenPropChange":0}]}]]],["p-6d3dd904",[[1,"md-transfer-list",{"items":[1],"value":[1040],"sourceTitle":[1,"source-title"],"targetTitle":[1,"target-title"],"searchable":[516],"sourceSearchPlaceholder":[1,"source-search-placeholder"],"targetSearchPlaceholder":[1,"target-search-placeholder"],"showSelectAll":[516,"show-select-all"],"searchIcon":[1,"search-icon"],"moveRightIcon":[1,"move-right-icon"],"moveLeftIcon":[1,"move-left-icon"],"moveAllRightIcon":[1,"move-all-right-icon"],"moveAllLeftIcon":[1,"move-all-left-icon"],"emptyIcon":[1,"empty-icon"],"emptyText":[1,"empty-text"],"countTemplate":[1,"count-template"],"density":[514],"disabled":[516],"singleStepOnly":[516,"single-step-only"],"moveRightLabel":[1,"move-right-label"],"moveLeftLabel":[1,"move-left-label"],"moveAllRightLabel":[1,"move-all-right-label"],"moveAllLeftLabel":[1,"move-all-left-label"],"sourceChecked":[32],"targetChecked":[32],"sourceQuery":[32],"targetQuery":[32],"moveSelectedRight":[64],"moveSelectedLeft":[64]},null,{"value":[{"syncCheckedSets":0}]}]]],["p-8d04d3c1",[[65,"md-number-field",{"variant":[513],"label":[1],"placeholder":[1],"supportingText":[1,"supporting-text"],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"readOnly":[4,"readonly"],"required":[516],"name":[513],"density":[514],"value":[1026],"locale":[1],"formatOptions":[1,"format-options"],"min":[2],"max":[2],"step":[2],"smallStep":[2,"small-step"],"largeStep":[2,"large-step"],"snapOnStep":[4,"snap-on-step"],"allowOutOfRange":[4,"allow-out-of-range"],"allowWheelScrub":[4,"allow-wheel-scrub"],"steppers":[1],"incrementLabel":[1,"increment-label"],"decrementLabel":[1,"decrement-label"],"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"inputValue":[32],"focused":[32],"formDisabled":[32],"setFocus":[64],"select":[64],"stepUp":[64],"stepDown":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"value":[{"onValueChange":0}],"locale":[{"onFormatChange":0}],"formatOptions":[{"onFormatChange":0}],"required":[{"updateValidity":0}],"valueMissingLabel":[{"updateValidity":0}]}]]],["p-5a021497",[[257,"md-app-bar",{"variant":[513],"titleAlignment":[513,"title-alignment"],"searchPlaceholder":[1,"search-placeholder"],"searchValue":[1537,"search-value"],"searchAriaLabel":[1,"search-aria-label"],"searchDisabled":[516,"search-disabled"],"headline":[513],"subtitle":[513],"scrolled":[516],"density":[514],"leadingIcon":[1,"leading-icon"],"leadingIconLabel":[1,"leading-icon-label"],"hasSlottedLeading":[32],"hasSlottedHeadline":[32],"hasSlottedSubtitle":[32],"hasSlottedSearch":[32],"hasSlottedSearchTrailing":[32],"searchFocused":[32],"searchKeyboardModality":[32]}]]],["p-afa8fbae",[[257,"md-area-chart",{"label":[1],"subtitle":[1],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"curve":[1],"stack":[1],"connectNulls":[4,"connect-nulls"],"showMarks":[4,"show-marks"],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"legend":[513],"tooltip":[1],"zoom":[1],"locale":[1],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"fillOpacity":[2,"fill-opacity"],"showLine":[4,"show-line"],"grid":[1],"inverted":[4],"seriesLabels":[4,"series-labels"],"summary":[1],"tableLabels":[16],"labelEmpty":[1,"label-empty"],"loading":[4],"loadingLabel":[1,"loading-label"],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"axisTicks":[4,"axis-ticks"],"showLabels":[4,"show-labels"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"zoom":[{"onAnyPropChange":0}],"connectNulls":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"fillOpacity":[{"onAnyPropChange":0}],"showLine":[{"onAnyPropChange":0}],"grid":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"inverted":[{"onAnyPropChange":0}],"loading":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}]}]]],["p-7e390c89",[[257,"md-bar-chart",{"label":[1],"subtitle":[1],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"yAxis2":[16],"layout":[513],"stack":[1],"categoryGap":[8,"category-gap"],"barGap":[8,"bar-gap"],"barWidth":[2,"bar-width"],"cornerRadius":[2,"corner-radius"],"legend":[513],"tooltip":[1],"zoom":[1],"locale":[1],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"showLabels":[4,"show-labels"],"showTotals":[4,"show-totals"],"chevron":[4],"polar":[516],"polarHole":[2,"polar-hole"],"polarSweep":[2,"polar-sweep"],"axisTicks":[4,"axis-ticks"],"clickable":[4],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"loading":[516],"loadingLabel":[1,"loading-label"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"drill":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"yAxis2":[{"onAnyPropChange":0}],"layout":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"categoryGap":[{"onAnyPropChange":0}],"barGap":[{"onAnyPropChange":0}],"barWidth":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"zoom":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"showTotals":[{"onAnyPropChange":0}],"chevron":[{"onAnyPropChange":0}],"polar":[{"onAnyPropChange":0}],"polarHole":[{"onAnyPropChange":0}],"polarSweep":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}],"locale":[{"onAnyPropChange":0}],"noAnimation":[{"onAnyPropChange":0}],"clickable":[{"onAnyPropChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-16f3f495",[[257,"md-bottom-sheet",{"open":[1540],"variant":[513],"headline":[1],"showDragHandle":[516,"show-drag-handle"],"closeable":[516],"scrimDismissible":[4,"scrim-dismissible"],"topDivider":[516,"top-divider"],"bottomDivider":[516,"bottom-divider"],"sheetAriaLabel":[1,"aria-label"],"scrollShadow":[516,"scroll-shadow"],"headlineAlign":[513,"headline-align"],"contentAlign":[513,"content-align"],"density":[514],"hasSlottedClose":[32],"hasActions":[32],"dragging":[32],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["p-e2c69ac8",[[257,"md-dialog",{"open":[1540],"headline":[1],"icon":[1],"fullscreen":[516],"scrimDismissible":[4,"scrim-dismissible"],"locale":[1],"closeLabel":[1,"close-label"],"cancelLabel":[1,"cancel-label"],"okLabel":[1,"ok-label"],"divider":[516],"headerDivider":[516,"header-divider"],"density":[514],"animating":[32],"hasSlottedIcon":[32],"hasSlottedHeadline":[32],"hasSlottedActions":[32],"show":[64],"close":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"openChanged":0}]}]]],["p-16a9cb71",[[257,"md-line-chart",{"label":[1],"subtitle":[1],"markLines":[16],"titleAlign":[1,"title-align"],"series":[16],"xAxis":[16],"yAxis":[16],"yAxes":[16],"curve":[1],"stack":[1],"connectNulls":[4,"connect-nulls"],"showMarks":[4,"show-marks"],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"area":[4],"showLine":[4,"show-line"],"legend":[513],"tooltip":[1],"grid":[1],"axisTicks":[4,"axis-ticks"],"inverted":[4],"showLabels":[4,"show-labels"],"seriesLabels":[4,"series-labels"],"zoom":[1],"locale":[1],"labelEmpty":[1,"label-empty"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"labelZoomStart":[1,"label-zoom-start"],"labelZoomEnd":[1,"label-zoom-end"],"summary":[1],"tableLabels":[16],"valueFormatter":[16],"tooltipRenderer":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"loading":[516],"loadingLabel":[1,"loading-label"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"zoomWin":[32],"dragBand":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"toDataURL":[64],"getInstance":[64],"setZoom":[64],"resetZoom":[64]},null,{"series":[{"onAnyPropChange":0}],"xAxis":[{"onAnyPropChange":0}],"yAxis":[{"onAnyPropChange":0}],"yAxes":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"stack":[{"onAnyPropChange":0}],"area":[{"onAnyPropChange":0}],"showLine":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"grid":[{"onAnyPropChange":0}],"axisTicks":[{"onAnyPropChange":0}],"inverted":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"seriesLabels":[{"onAnyPropChange":0}],"connectNulls":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"markLines":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"tooltipRenderer":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-ab867d02",[[257,"md-search",{"variant":[513],"layout":[513],"trigger":[513],"triggerIcon":[1,"trigger-icon"],"triggerFor":[1,"trigger-for"],"triggerElement":[16],"fullWidth":[516,"full-width"],"value":[1537],"placeholder":[1],"open":[1540],"disabled":[516],"elevation":[514],"leadingIcon":[1,"leading-icon"],"openLeadingIcon":[1,"open-leading-icon"],"showClearButton":[4,"show-clear-button"],"voiceSearch":[4,"voice-search"],"escapeCloses":[4,"escape-closes"],"dismissOnOutsideClick":[4,"dismiss-on-outside-click"],"scrollShadow":[516,"scroll-shadow"],"maxBlockSize":[1,"max-block-size"],"inputAriaLabel":[1,"input-aria-label"],"initialFocus":[1,"initial-focus"],"announceResults":[4,"announce-results"],"resultsLabel":[1,"results-label"],"noResultsLabel":[1,"no-results-label"],"loading":[1540],"debounce":[2],"throttle":[2],"loadingLabel":[1,"loading-label"],"density":[514],"focused":[32],"hasSlottedLeading":[32],"hasSlottedTrailing":[32],"hasSlottedTrigger":[32],"resultsStatus":[32],"barExpanded":[32],"panelVisible":[32],"showFocusRing":[32],"listening":[32],"loadingMorphMounted":[32],"loadingMorphIn":[32],"show":[64],"close":[64],"toggle":[64],"focusInput":[64],"startVoice":[64],"stopVoice":[64]},[[8,"keydown","handleWindowKeyDown"]],{"triggerFor":[{"onExternalTriggerChange":0}],"triggerElement":[{"onExternalTriggerChange":0}],"open":[{"onOpenChange":0}],"loading":[{"onLoadingChange":0}]}]]],["p-65c863dc",[[257,"md-side-sheet",{"open":[1540],"variant":[513],"side":[513],"headline":[1],"closeable":[516],"showBack":[516,"show-back"],"scrimDismissible":[4,"scrim-dismissible"],"topDivider":[516,"top-divider"],"bottomDivider":[516,"bottom-divider"],"detached":[516],"sheetAriaLabel":[1,"aria-label"],"density":[514],"hasSlottedClose":[32],"hasSlottedBack":[32],"hasActions":[32],"show":[64],"close":[64]},null,{"open":[{"onOpenChange":0}]}]]],["p-6fe4917d",[[257,"md-step",{"label":[1],"description":[1],"completed":[516],"active":[1540],"error":[516],"errorText":[1,"error-text"],"disabled":[516],"optional":[516],"editable":[516],"icon":[1],"completedIcon":[1,"completed-icon"],"errorIcon":[1,"error-icon"],"accessibleName":[1,"accessible-name"],"hideActions":[516,"hide-actions"],"density":[514],"hasSlottedContent":[32]},[[0,"mdClick","onInternalMdClick"]]]]],["p-d8382d82",[[257,"md-stepper",{"orientation":[513],"indicator":[513],"variant":[513],"mode":[513],"active":[1538],"autoComplete":[4,"auto-complete"],"nav":[4],"nextDisabled":[4,"next-disabled"],"loading":[4],"lazy":[4],"label":[1],"stepWord":[1,"step-word"],"ofWord":[1,"of-word"],"completedWord":[1,"completed-word"],"currentWord":[1,"current-word"],"errorWord":[1,"error-word"],"optionalWord":[1,"optional-word"],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"density":[514],"stepCount":[32],"liveMessage":[32],"errorMessage":[32],"next":[64],"prev":[64],"goTo":[64],"reset":[64]},[[0,"mdStepClick","onStepClick"],[0,"mdStepNext","onStepNext"],[0,"mdStepBack","onStepBack"],[0,"mdClick","onInternalMdClick"]],{"active":[{"onActiveChange":0}],"orientation":[{"onConfigChange":0}],"indicator":[{"onConfigChange":0}],"mode":[{"onConfigChange":0}],"nav":[{"onConfigChange":0}],"variant":[{"onConfigChange":0}],"lazy":[{"onConfigChange":0}],"loading":[{"onConfigChange":0}],"nextDisabled":[{"onConfigChange":0}],"stepWord":[{"onConfigChange":0}],"ofWord":[{"onConfigChange":0}],"completedWord":[{"onConfigChange":0}],"currentWord":[{"onConfigChange":0}],"errorWord":[{"onConfigChange":0}],"optionalWord":[{"onConfigChange":0}],"nextLabel":[{"onConfigChange":0}],"backLabel":[{"onConfigChange":0}],"finishLabel":[{"onConfigChange":0}]}]]],["p-c5b7a636",[[1,"md-table-expand-toggle",{"buttonLabel":[1,"button-label"],"icon":[1],"expanded":[32]}]]],["p-f3620edf",[[257,"md-accordion-item",{"headline":[1],"supportingText":[1,"supporting-text"],"icon":[1],"expanded":[1540],"disabled":[516],"headingLevel":[2,"heading-level"],"collapsible":[4],"regionRole":[1025,"region-role"],"contentMaxHeight":[1,"content-max-height"],"density":[514],"hasSlottedHeadline":[32],"hasSlottedTrailingIcon":[32],"hasSlottedLeadingIcon":[32],"toggle":[64],"focusHeader":[64]},null,{"expanded":[{"onExpandedChange":0}]}]]],["p-4e900357",[[257,"md-breadcrumb-item",{"href":[1],"target":[1],"rel":[1],"current":[516],"icon":[1],"disabled":[516],"collapsed":[516],"itemIndex":[2,"item-index"],"itemTotal":[2,"item-total"],"density":[514],"hasSlottedIcon":[32],"hasSlottedLabel":[32]}]]],["p-07074908",[[257,"md-fab",{"variant":[1],"size":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"lowered":[516],"ripple":[4],"icon":[1],"label":[1],"extended":[1540],"density":[514],"hasSlottedIcon":[32]},null,{"label":[{"onLabelChange":0}]}]]],["p-da13aa62",[[257,"md-fab-menu-item",{"icon":[1],"label":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"rovingFocusVisible":[1028,"roving-focus-visible"],"density":[514],"hasSlottedIcon":[32]}]]],["p-999880ec",[[257,"md-navigation-rail-tab",{"icon":[1],"label":[1],"active":[1540],"disabled":[516],"badge":[4],"badgeValue":[1,"badge-value"],"href":[1],"target":[1],"value":[1],"labelVisibility":[513,"label-visibility"],"expanded":[516],"density":[514],"submenuOpen":[32],"hasSubmenu":[32],"submenuHasSelection":[32],"clearSubmenuSelection":[64]},null,{"expanded":[{"onExpandedChange":0}]}]]],["p-bc843e9d",[[257,"md-navigation-tab",{"active":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"label":[1],"icon":[1],"activeIcon":[1,"active-icon"],"badge":[516],"badgeValue":[1,"badge-value"],"badgeMax":[2,"badge-max"],"href":[1],"target":[1],"labelBehavior":[1025,"label-behavior"],"density":[514],"focusVisible":[32],"focusEl":[64]},null,{"active":[{"onActiveChange":0}],"disabled":[{"onDisabledChange":0}],"softDisabled":[{"onSoftDisabledChange":0}]}]]],["p-cbea9c1b",[[257,"md-pie-chart",{"label":[1],"titleAlign":[1,"title-align"],"data":[16],"innerRadius":[8,"inner-radius"],"outerRadius":[8,"outer-radius"],"startAngle":[2,"start-angle"],"endAngle":[2,"end-angle"],"paddingAngle":[2,"padding-angle"],"cornerRadius":[2,"corner-radius"],"showLabels":[4,"show-labels"],"labelMode":[1,"label-mode"],"monochrome":[1],"gradient":[4],"highlight":[1],"legend":[513],"tooltip":[1],"locale":[1],"subtitle":[1],"summary":[1],"tableLabels":[16],"labelEmpty":[1,"label-empty"],"loading":[4],"loadingLabel":[1,"loading-label"],"labelPlot":[1,"label-plot"],"labelPoint":[1,"label-point"],"tooltipRenderer":[16],"valueFormatter":[16],"ringWidths":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"animation":[1],"animationDuration":[2,"animation-duration"],"density":[514],"mounted":[32],"kbIndex":[32],"announcement":[32],"refreshTheme":[64],"resize":[64],"replay":[64],"drill":[64],"toDataURL":[64],"getInstance":[64]},null,{"data":[{"onAnyPropChange":0}],"innerRadius":[{"onAnyPropChange":0}],"outerRadius":[{"onAnyPropChange":0}],"startAngle":[{"onAnyPropChange":0}],"endAngle":[{"onAnyPropChange":0}],"paddingAngle":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"showLabels":[{"onAnyPropChange":0}],"labelMode":[{"onAnyPropChange":0}],"monochrome":[{"onAnyPropChange":0}],"gradient":[{"onAnyPropChange":0}],"highlight":[{"onAnyPropChange":0}],"legend":[{"onAnyPropChange":0}],"tooltip":[{"onAnyPropChange":0}],"label":[{"onAnyPropChange":0}],"titleAlign":[{"onAnyPropChange":0}],"animation":[{"onAnyPropChange":0}],"animationDuration":[{"onAnyPropChange":0}],"ringWidths":[{"onAnyPropChange":0}],"locale":[{"onAnyPropChange":0}],"subtitle":[{"onAnyPropChange":0}],"loading":[{"onAnyPropChange":0}],"valueFormatter":[{"onAnyPropChange":0}]}]]],["p-58f0d6e7",[[257,"md-segmented-button",{"value":[1],"selected":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"label":[1],"noCheckmark":[4,"no-checkmark"],"ripple":[4],"segmentIndex":[2,"segment-index"],"segmentTotal":[2,"segment-total"],"segmentDensity":[2,"segment-density"],"segmentMultiselect":[4,"segment-multiselect"],"density":[514],"hasSlottedLabel":[32]}]]],["p-a09505d5",[[257,"md-split-button",{"variant":[1],"size":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"label":[1],"trailingIcon":[1,"trailing-icon"],"trailingChecked":[1540,"trailing-checked"],"menuLabel":[1,"menu-label"],"haspopup":[1],"controls":[1],"fullWidth":[516,"full-width"],"ripple":[4],"density":[514]}]]],["p-fc6c9bac",[[257,"md-sub-menu-item",{"headline":[1],"supportingText":[1,"supporting-text"],"disabled":[516],"divider":[516],"gap":[516],"badge":[1],"density":[514],"submenuOpen":[32],"hasLeadingIcon":[32],"collapse":[64]}]]],["p-4b48c500",[[257,"md-tab",{"label":[1],"icon":[1],"active":[1540],"disabled":[516],"inlineIcon":[516,"inline-icon"],"variant":[513],"badge":[1],"controls":[1],"density":[514],"hasSlottedIcon":[32]},null,{"disabled":[{"onDisabledChange":0}]}]]],["p-c32087f1",[[257,"md-table",{"density":[520],"columnTemplate":[1,"column-template"],"columns":[2],"minWidth":[1,"min-width"],"stickyHeader":[516,"sticky-header"],"frozenHeader":[516,"frozen-header"],"keepHeight":[516,"keep-height"],"scrollbar":[513],"pinMode":[513,"pin-mode"],"pinIcon":[1,"pin-icon"],"stickyFooter":[516,"sticky-footer"],"striped":[516],"noDividers":[516,"no-dividers"],"hoverable":[516],"motion":[513],"selection":[513],"sortBy":[1537,"sort-by"],"sortOrder":[1537,"sort-order"],"loading":[516],"loadingMode":[513,"loading-mode"],"loadingRows":[2,"loading-rows"],"empty":[516],"label":[1],"caption":[1],"summary":[1],"rowOffset":[2,"row-offset"],"rowCount":[2,"row-count"],"srAnnouncement":[32],"hasExpandableRow":[32],"getSelection":[64],"selectAll":[64],"deselectAll":[64],"toggleSelectAll":[64],"setSort":[64],"pinColumn":[64],"setColumnVisibility":[64],"animateNextChange":[64]},[[0,"mdMotionArm","handleMotionArm"],[0,"mdSortRequest","handleSortRequest"],[0,"mdChange","handleSlottedCheckboxChange"],[0,"mdRowgroupSlotChange","handleRowgroupSlotChange"],[0,"mdRowSelectionChange","handleRowSelectionChange"]],{"pinIcon":[{"onPinIconChange":0}],"pinMode":[{"onPinModeChange":0}],"selection":[{"onSelectionModeChange":0}],"empty":[{"onEmptyChange":0}],"frozenHeader":[{"onStickyHeaderChange":0}],"stickyHeader":[{"onStickyHeaderChange":0},{"onLayoutChange":0}],"density":[{"onLayoutChange":0}],"striped":[{"onLayoutChange":0}],"stickyFooter":[{"onLayoutChange":0}],"columns":[{"onLayoutChange":0}],"columnTemplate":[{"onLayoutChange":0}],"sortBy":[{"onSortStateChange":0}],"sortOrder":[{"onSortStateChange":0}]}]]],["p-1a7a8246",[[257,"md-accordion",{"variant":[513],"density":[514],"elevation":[514],"reorderable":[516],"floating":[516],"initialX":[2,"initial-x"],"initialY":[2,"initial-y"],"bringToFront":[4,"bring-to-front"],"exclusive":[516],"keepOneExpanded":[516,"keep-one-expanded"],"headingLevel":[2,"heading-level"],"region":[513],"regionThreshold":[2,"region-threshold"],"transition":[513],"defaultExpanded":[1,"default-expanded"],"chassisX":[32],"chassisY":[32],"chassisDragging":[32],"dropPlaceholder":[32]},[[0,"mdItemToggle","onChildToggle"],[0,"mdItemRequestFocus","onChildRequestFocus"]],{"floating":[{"onFloatingChange":0}],"exclusive":[{"onExclusiveChange":0}],"headingLevel":[{"onHeadingLevelChange":0}],"region":[{"onRegionChange":0}],"regionThreshold":[{"onRegionThresholdChange":0}],"keepOneExpanded":[{"onKeepOneExpandedChange":0}]}]]],["p-88c516c5",[[257,"md-badge",{"variant":[513],"value":[1],"max":[2],"icon":[1],"density":[514],"hasSlottedIcon":[32]}]]],["p-b1f51176",[[257,"md-breadcrumbs",{"label":[1],"expandLabel":[1,"expand-label"],"separator":[1],"maxItems":[2,"max-items"],"itemsBeforeCollapse":[2,"items-before-collapse"],"itemsAfterCollapse":[2,"items-after-collapse"],"density":[514],"expanded":[32],"itemCount":[32],"expand":[64],"collapse":[64]},null,{"maxItems":[{"onCollapseConfigChange":0}],"itemsBeforeCollapse":[{"onCollapseConfigChange":0}],"itemsAfterCollapse":[{"onCollapseConfigChange":0}]}]]],["p-80ee360c",[[257,"md-button-group",{"variant":[1],"size":[1],"shape":[1],"selectionMode":[1,"selection-mode"],"required":[4],"fullWidth":[516,"full-width"],"density":[514]},null,{"variant":[{"onPropsChange":0}],"size":[{"onPropsChange":0}],"shape":[{"onPropsChange":0}],"selectionMode":[{"onPropsChange":0}],"required":[{"onPropsChange":0}]}]]],["p-a9d19e78",[[257,"md-color-picker",{"variant":[513],"value":[1537],"format":[513],"alpha":[516],"showHex":[4,"show-hex"],"showInputs":[4,"show-inputs"],"disabled":[516],"presets":[1],"ariaLabelProp":[1,"aria-label"],"open":[1540],"dismissOnOutsideClick":[4,"dismiss-on-outside-click"],"density":[514],"hsva":[32],"hexInput":[32],"hexInvalid":[32],"hasSlottedTrigger":[32],"show":[64],"close":[64]},[[8,"keydown","onGlobalKeyDown"]],{"value":[{"onValueChange":0}],"open":[{"onOpenChange":0}],"variant":[{"onVariantChange":0}],"dismissOnOutsideClick":[{"onDismissOnOutsideClickChange":0}],"disabled":[{"onDisabledChange":0}]}]]],["p-8b04cf56",[[1,"md-divider",{"inset":[516],"insetStart":[516,"inset-start"],"insetEnd":[516,"inset-end"],"vertical":[516]}]]],["p-85eb7e6d",[[257,"md-fab-menu",{"open":[1540],"anchor":[1],"variant":[513],"placement":[513],"quick":[4],"menuLabel":[1,"menu-label"],"density":[514],"closing":[32],"effectivePlacement":[32],"show":[64],"close":[64]},[[0,"focusin","handleFocusIn"]],{"anchor":[{"onAnchorChange":0}],"placement":[{"onPlacementChange":0}],"open":[{"onOpenChange":0}]}]]],["p-5a96189a",[[257,"md-list",{"listStyle":[1,"list-style"],"selectionMode":[1,"selection-mode"],"interactionMode":[1,"interaction-mode"],"reorderable":[516],"label":[1],"labelledby":[1],"roleOverride":[1,"role-override"],"density":[514],"activeIndex":[32],"dropPlaceholder":[32],"activateNext":[64],"activatePrevious":[64],"selectItem":[64],"getSelectedIndices":[64]},[[0,"mdItemClick","onItemClick"],[0,"mdRequestActivation","onRequestActivation"],[1,"pointerdown","onHostPointerDown"],[0,"mdItemRequestReorder","onItemRequestReorder"],[0,"keydown","handleKeyDown"],[0,"focusout","onFocusOut"]],{"selectionMode":[{"onSelectionModeChange":0}],"interactionMode":[{"onInteractionModeChange":0}],"reorderable":[{"onReorderableChange":0}],"roleOverride":[{"onRoleOverrideChange":0}]}]]],["p-13fb824a",[[1,"md-loading-indicator",{"variant":[513],"label":[1],"density":[514]}]]],["p-d8313da8",[[257,"md-menu-item-group",{"label":[1],"density":[514]}]]],["p-acc30817",[[1,"md-meter",{"value":[2],"min":[2],"max":[2],"label":[1],"showLabel":[4,"show-label"],"showValue":[4,"show-value"],"valueText":[1,"value-text"],"locale":[1],"formatOptions":[16],"color":[513],"variant":[513],"size":[2],"thickness":[2],"density":[514]}]]],["p-178e1666",[[257,"md-navigation-bar",{"activeIndex":[1538,"active-index"],"labelBehavior":[1,"label-behavior"],"manualActivation":[4,"manual-activation"],"density":[514],"select":[64],"focusTab":[64]},[[0,"mdTabClick","handleTabClick"],[0,"keydown","handleKeyDown"]],{"activeIndex":[{"onActiveIndexChange":0}],"labelBehavior":[{"onLabelBehaviorChange":0}]}]]],["p-17a03b35",[[321,"md-otp-field",{"length":[2],"value":[1025],"validationType":[1,"validation-type"],"transform":[1],"mask":[4],"autoSubmit":[4,"auto-submit"],"groupSize":[2,"group-size"],"inputMode":[1,"inputmode"],"name":[513],"disabled":[516],"readOnly":[4,"readonly"],"required":[4],"error":[4],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"label":[1],"cellLabelTemplate":[1,"cell-label-template"],"valueMissingLabel":[1,"value-missing-label"],"incompleteLabel":[1,"incomplete-label"],"density":[514],"reserveSupportingSpace":[4,"reserve-supporting-space"],"formDisabled":[32],"setFocus":[64],"clear":[64],"getValidity":[64],"setCustomValidity":[64],"checkValidity":[64],"reportValidity":[64]},null,{"value":[{"onValueChanged":0}],"length":[{"onPipelineChanged":0}],"validationType":[{"onPipelineChanged":0}],"transform":[{"onPipelineChanged":0}],"required":[{"onValidityInputsChanged":0}],"valueMissingLabel":[{"onValidityInputsChanged":0}],"incompleteLabel":[{"onValidityInputsChanged":0}]}]]],["p-ee14bb95",[[65,"md-rating",{"value":[1538],"defaultValue":[2,"default-value"],"max":[514],"precision":[514],"size":[513],"readonly":[516],"disabled":[516],"softDisabled":[516,"soft-disabled"],"icon":[1],"emptyIcon":[1,"empty-icon"],"outlineEmpty":[516,"outline-empty"],"getLabel":[16],"showValueLabel":[516,"show-value-label"],"ratingLabel":[1,"rating-label"],"name":[513],"hover":[513],"density":[514],"hoveredValue":[32],"focused":[32],"focusRating":[64]},null,{"value":[{"validateValue":0}],"max":[{"onMaxChange":0}]}]]],["p-91df971f",[[257,"md-segmented-button-set",{"multiselect":[4],"density":[514]},[[0,"mdSegmentClick","handleSegmentClick"]],{"multiselect":[{"onPropsChange":0}],"density":[{"onPropsChange":0}]}]]],["p-2d47df95",[[257,"md-select-option",{"value":[1],"label":[1],"disabled":[516],"selected":[516],"icon":[1],"iconColor":[1,"icon-color"],"supportingText":[1,"supporting-text"]},null,{"value":[{"onDataChange":0}],"label":[{"onDataChange":0}],"disabled":[{"onDataChange":0}],"selected":[{"onDataChange":0}],"icon":[{"onDataChange":0}],"iconColor":[{"onDataChange":0}],"supportingText":[{"onDataChange":0}]}]]],["p-159974c4",[[1,"md-skeleton",{"variant":[513],"animation":[513],"lines":[514],"width":[1],"height":[1],"fullWidth":[516,"full-width"],"fullHeight":[516,"full-height"],"ariaLabelProp":[1,"aria-label"],"announce":[4],"density":[514],"prefersReducedMotion":[32]}]]],["p-ea68040c",[[1,"md-sparkline",{"data":[16],"labels":[16],"variant":[513],"color":[1],"curve":[1],"showTooltip":[4,"show-tooltip"],"showMarks":[1,"show-marks"],"referenceAreas":[16],"valueFormatter":[16],"heightProp":[1,"height"],"noAnimation":[4,"no-animation"],"cornerRadius":[2,"corner-radius"],"min":[2],"max":[2],"lineWidth":[2,"line-width"],"markSize":[2,"mark-size"],"barWidth":[2,"bar-width"],"mounted":[32],"refreshTheme":[64],"resize":[64],"getInstance":[64]},null,{"data":[{"onAnyPropChange":0}],"labels":[{"onAnyPropChange":0}],"variant":[{"onAnyPropChange":0}],"color":[{"onAnyPropChange":0}],"curve":[{"onAnyPropChange":0}],"showTooltip":[{"onAnyPropChange":0}],"showMarks":[{"onAnyPropChange":0}],"referenceAreas":[{"onAnyPropChange":0}],"cornerRadius":[{"onAnyPropChange":0}],"min":[{"onAnyPropChange":0}],"max":[{"onAnyPropChange":0}],"lineWidth":[{"onAnyPropChange":0}],"markSize":[{"onAnyPropChange":0}],"barWidth":[{"onAnyPropChange":0}]}]]],["p-9673da44",[[1,"md-status-dot",{"state":[513],"size":[513],"inline":[516],"live":[516],"label":[1],"density":[514]}]]],["p-3df9d39f",[[321,"md-switch",{"valueMissingLabel":[1,"value-missing-label"],"selected":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[513],"value":[1],"icons":[4],"showOnlySelectedIcon":[4,"show-only-selected-icon"],"selectedIcon":[1,"selected-icon"],"unselectedIcon":[1,"unselected-icon"],"density":[514],"pressed":[32],"programmaticFocus":[32],"setFocus":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"selected":[{"onValueChange":0}],"value":[{"onValueChange":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}]}]]],["p-dabaeadb",[[257,"md-tab-panel",{"active":[516]}]]],["p-d32207dc",[[257,"md-tab-panels",{"for":[1],"sizing":[513]},null,{"for":[{"onForChange":0}]}]]],["p-249bfe00",[[257,"md-table-body",{"presentational":[516]}]]],["p-cc0ba3e0",[[257,"md-table-cell",{"align":[513],"numeric":[516],"padding":[513],"head":[516],"scope":[513],"sticky":[513],"colSpan":[2,"colspan"],"rowSpan":[2,"rowspan"],"ellipsis":[516],"variant":[513],"noPinIndicator":[516,"no-pin-indicator"],"pinIcon":[1,"pin-icon"],"density":[514]}]]],["p-420a0cd5",[[257,"md-table-container",{"variant":[513],"shape":[513],"maxHeight":[1,"max-height"],"minHeight":[1,"min-height"],"vibrant":[516],"elevation":[514]},[[2,"mdPageChange","handlePaginationChange"],[2,"mdRowsPerPageChange","handlePaginationChange"]]]]],["p-724c071e",[[257,"md-table-foot",{"presentational":[516]}]]],["p-72b054ce",[[257,"md-table-head"]]],["p-716f479d",[[257,"md-table-row",{"rowgroup":[513],"selected":[1540],"disabled":[516],"selectable":[4],"clickable":[516],"value":[1],"expandable":[516],"expanded":[1540],"highlight":[516],"_hasExpandedSlot":[32],"toggle":[64]},null,{"selected":[{"onSelectedChange":0}],"expanded":[{"onExpandedChange":0}]}]]],["p-af8fc898",[[257,"md-table-sort-label",{"column":[1],"disabled":[516],"defaultOrder":[1,"default-order"],"iconPosition":[513,"icon-position"],"icon":[1],"inactiveIcon":[513,"inactive-icon"],"active":[1540],"order":[1537],"density":[514]}]]],["p-3d603f68",[[257,"md-table-toolbar",{"headline":[1],"supportingText":[1,"supporting-text"],"numSelected":[1538,"num-selected"],"autoBind":[4,"auto-bind"],"labelSelected":[1,"label-selected"],"compact":[516],"density":[514],"hasSelectionActions":[32],"hasActions":[32],"hasLeading":[32]}]]],["p-a82dd371",[[257,"md-tabs",{"activeTabIndex":[1026,"active-tab-index"],"variant":[513],"divider":[513],"ariaLabelProp":[1,"aria-label"],"tabWidth":[1,"tab-width"],"width":[1],"tabCount":[32],"selectTab":[64]},[[0,"keydown","handleKeyDown"],[0,"mdTabDisabledChange","handleTabDisabledChange"]],{"tabWidth":[{"onTabWidthChange":0}],"activeTabIndex":[{"onActiveChange":0}],"variant":[{"onVariantChange":0}]}]]],["p-bb4419c9",[[257,"md-toolbar",{"variant":[513],"color":[513],"layout":[513],"alignment":[513],"containerSemantics":[513,"container-semantics"],"ariaLabelProp":[1,"aria-label"],"ariaLabelledby":[1,"aria-labelledby"],"density":[514],"hasFab":[32],"setFocus":[64]},null,{"containerSemantics":[{"onNavPropChange":0}],"variant":[{"onNavPropChange":0}],"layout":[{"onNavPropChange":0}]}]]],["p-8f1b2f48",[[321,"md-select",{"valueMissingLabel":[1,"value-missing-label"],"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[513],"label":[1],"placeholder":[1],"value":[1537],"disabled":[516],"required":[516],"error":[516],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"density":[514],"clearable":[516],"matchTriggerWidth":[516,"match-trigger-width"],"placement":[1],"maxHeight":[8,"max-height"],"options":[1],"virtualize":[1],"filterable":[4],"filterMode":[1,"filter-mode"],"rowHeight":[2,"row-height"],"name":[513],"searchPlaceholder":[1,"search-placeholder"],"filterLabel":[1,"filter-label"],"noResultsText":[1,"no-results-text"],"noOptionsText":[1,"no-options-text"],"clearLabel":[1,"clear-label"],"searchingLabel":[1,"searching-label"],"loadingText":[1,"loading-text"],"clearIcon":[1,"clear-icon"],"dropdownIcon":[1,"dropdown-icon"],"loading":[516],"fullWidth":[516,"full-width"],"open":[1540],"optionsData":[32],"triggerId":[32],"query":[32],"show":[64],"close":[64],"focusTrigger":[64],"reset":[64],"loadOptions":[64],"setQuery":[64],"getLabels":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},[[0,"mdSelectOptionChange","onOptionChange"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormValue":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}],"options":[{"refreshOptions":0}],"open":[{"syncMenu":0}]}]]],["p-1e14883e",[[65,"md-checkbox",{"valueMissingLabel":[1,"value-missing-label"],"error":[516],"errorText":[1025,"error-text"],"supportingText":[1,"supporting-text"],"checked":[1540],"indeterminate":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[1],"value":[1],"density":[514],"invalid":[32],"prevChecked":[32],"prevIndeterminate":[32],"pressed":[32],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64]},null,{"checked":[{"onStateChange":0}],"indeterminate":[{"onStateChange":0}],"value":[{"onValueChange":0}],"required":[{"syncValidity":0}],"valueMissingLabel":[{"syncValidity":0}]}]]],["p-5e1e2e77",[[257,"md-chip",{"variant":[513],"icon":[1],"trailingIcon":[1,"trailing-icon"],"selected":[1540],"selectable":[4],"appearance":[513],"color":[513],"elevated":[516],"disabled":[516],"softDisabled":[516,"soft-disabled"],"removable":[516],"label":[1],"density":[514],"hasSlottedLeadingIcon":[32],"hasSlottedTrailingIcon":[32]}]]],["p-b36fd0bd",[[321,"md-slider",{"min":[2],"max":[2],"value":[1026],"step":[2],"disabled":[516],"name":[513],"nameStart":[1,"name-start"],"nameEnd":[1,"name-end"],"variant":[513],"range":[516],"stops":[516],"valueStart":[1026,"value-start"],"valueEnd":[1026,"value-end"],"size":[513],"orientation":[513],"fullHeight":[516,"full-height"],"valueIndicator":[516,"value-indicator"],"labeled":[516],"insetIcon":[516,"inset-icon"],"icon":[1],"sliderAriaLabel":[1,"aria-label"],"ariaLabelStart":[1,"label-start"],"ariaLabelEnd":[1,"label-end"],"valueText":[1,"value-text"],"valueStartText":[1,"value-start-text"],"valueEndText":[1,"value-end-text"],"controlled":[516],"density":[514],"keyFocusedThumb":[32],"pressingThumb":[32],"_liveValue":[32],"_liveStart":[32],"_liveEnd":[32]},null,{"value":[{"onValuePropChange":0}],"valueStart":[{"onValueStartPropChange":0}],"valueEnd":[{"onValueEndPropChange":0}],"name":[{"onFormIdentityChange":0}],"nameStart":[{"onFormIdentityChange":0}],"nameEnd":[{"onFormIdentityChange":0}],"range":[{"onFormIdentityChange":0},{"onLayoutDeps":0}],"variant":[{"onLayoutDeps":0}],"min":[{"onBoundsChange":0}],"max":[{"onBoundsChange":0}]}]]],["p-fa9fafd4",[[257,"md-avatar",{"src":[1],"alt":[1],"name":[1],"initials":[1],"size":[513],"shape":[513],"label":[1],"colorFromName":[516,"color-from-name"],"loading":[1],"crossorigin":[1],"density":[514],"imageFailed":[32]},null,{"src":[{"onSrcChange":0}]}],[257,"md-tooltip",{"text":[1],"subhead":[1],"variant":[513],"position":[1],"autoPosition":[4,"auto-position"],"offset":[2],"crossOffset":[2,"cross-offset"],"open":[1540],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"disabled":[516],"density":[514],"isVisible":[32],"resolvedPlacement":[32],"hasSlottedActions":[32],"hasSlottedSubhead":[32],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}],"disabled":[{"onDisabledChange":0}],"text":[{"onDescriptionChange":0}],"subhead":[{"onDescriptionChange":0}]}]]],["p-9eb52036",[[337,"md-text-field",{"reserveSupportingSpace":[4,"reserve-supporting-space"],"variant":[1],"label":[1],"value":[1025],"placeholder":[1],"type":[1],"name":[513],"pattern":[1],"minLength":[1026,"min-length"],"min":[8],"max":[8],"step":[8],"autocomplete":[1],"inputMode":[1,"inputmode"],"enterKeyHint":[1,"enterkeyhint"],"autoCapitalize":[1,"autocapitalize"],"spellcheck":[4],"disabled":[516],"readOnly":[4,"readonly"],"required":[4],"error":[4],"errorText":[1,"error-text"],"supportingText":[1,"supporting-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"maxLength":[1026,"max-length"],"clearable":[1032],"passwordToggle":[1032,"password-toggle"],"density":[514],"multiline":[8],"rows":[2],"speechToText":[1032,"speech-to-text"],"speechLang":[1,"speech-lang"],"restrict":[1],"formatter":[1040],"parser":[1040],"formatOn":[1,"format-on"],"focusBorderWidth":[514,"focus-border-width"],"appearFocused":[516,"appear-focused"],"chipsWrap":[516,"chips-wrap"],"debounce":[514],"throttle":[514],"inputRole":[1,"input-role"],"inputExpanded":[4,"input-expanded"],"inputAriaAutocomplete":[1,"input-aria-autocomplete"],"focused":[32],"formDisabled":[32],"autofilled":[32],"hostAriaLabel":[32],"passwordVisible":[32],"hasSlottedLeading":[32],"hasSlottedChips":[32],"hasSlottedTrailing":[32],"hasTrailingIconButton":[32],"listening":[32],"displayValue":[32],"formatterEpoch":[32],"setFocus":[64],"select":[64],"getInputElement":[64],"getValidity":[64],"setCustomValidity":[64],"checkValidity":[64],"reportValidity":[64]},null,{"value":[{"onValueChange":0}],"type":[{"onTypeChange":0}]}]]],["p-0a046274",[[1,"md-progress-indicator",{"variant":[1],"value":[2],"max":[2],"indeterminate":[516],"thickness":[2],"wave":[516],"waveAmplitude":[2,"wave-amplitude"],"waveLength":[2,"wave-length"],"waveSpeed":[2,"wave-speed"],"size":[2],"fourColor":[516,"four-color"],"label":[1],"complete":[4],"density":[514],"reducedMotion":[32],"_completing":[32],"_completed":[32],"_completedTrack":[32],"_fillComplete":[32]},null,{"thickness":[{"onDimensionChange":0}],"size":[{"onDimensionChange":0}],"wave":[{"onDimensionChange":0},{"onAmplitudeInputChange":0}],"waveAmplitude":[{"onDimensionChange":0}],"waveLength":[{"onDimensionChange":0}],"variant":[{"onDimensionChange":0}],"value":[{"onAmplitudeInputChange":0}],"max":[{"onAmplitudeInputChange":0}],"indeterminate":[{"onAmplitudeInputChange":0}],"reducedMotion":[{"onAmplitudeInputChange":0}],"complete":[{"onCompleteChange":0}]}]]],["p-e661754b",[[257,"md-snackbar",{"open":[1540],"message":[1],"action":[1],"closeable":[516],"autoHide":[4,"auto-hide"],"autoHideDuration":[2,"auto-hide-duration"],"position":[513],"stacked":[516],"politeness":[513],"dismissLabel":[1,"dismiss-label"],"density":[514],"hasSlottedAction":[32],"hasSlottedClose":[32],"hasSlottedDefault":[32],"show":[64],"hide":[64]},null,{"open":[{"onOpenChange":0}]}],[257,"md-card",{"variant":[1],"interactive":[516],"dragEnabled":[516,"drag-enabled"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"ripple":[4],"fullWidth":[516,"full-width"],"fullHeight":[516,"full-height"],"density":[514],"dragging":[32],"hasInteractiveContent":[32]},null,{"dragEnabled":[{"onDragEnabledChange":0}]}],[65,"md-radio",{"valueMissingLabel":[1,"value-missing-label"],"checked":[1540],"disabled":[516],"softDisabled":[516,"soft-disabled"],"required":[516],"name":[513],"value":[513],"density":[514],"invalid":[32],"pressed":[32],"focused":[32],"programmaticFocus":[32],"managedTabIndex":[32],"syncValidityFromGroup":[64],"getValidity":[64],"checkValidity":[64],"reportValidity":[64],"setCustomValidity":[64],"setFocus":[64],"setBlur":[64],"select":[64]},null,{"checked":[{"onCheckedChange":0}],"required":[{"onValidityInputChange":0}],"name":[{"onValidityInputChange":0}],"valueMissingLabel":[{"onValidityInputChange":0}],"disabled":[{"onDisabledChange":0}]}],[321,"md-button",{"type":[513],"variant":[1],"size":[1],"shape":[1],"disabled":[516],"softDisabled":[516,"soft-disabled"],"ripple":[4],"loading":[4],"icon":[1],"trailingIcon":[1,"trailing-icon"],"href":[1],"target":[1],"toggle":[4],"selected":[1028],"shapeMorph":[4,"shape-morph"],"mirrorIcon":[516,"mirror-icon"],"suppressExpandIconFlip":[516,"suppress-expand-icon-flip"],"fullWidth":[516,"full-width"],"connectedLeft":[516,"connected-left"],"connectedRight":[516,"connected-right"],"value":[1],"groupTabindex":[1026,"group-tabindex"],"roleOverride":[1,"role-override"],"density":[514],"hasSlottedLeadingIcon":[32],"hasSlottedTrailingIcon":[32],"pressed":[32]}],[257,"md-icon-button",{"variant":[1],"size":[1],"shape":[1],"buttonWidth":[1,"button-width"],"disabled":[516],"softDisabled":[516,"soft-disabled"],"toggle":[4],"selected":[1028],"shapeMorph":[4,"shape-morph"],"ripple":[4],"icon":[1],"selectedIcon":[1,"selected-icon"],"href":[1],"target":[1],"connectedLeft":[516,"connected-left"],"connectedRight":[516,"connected-right"],"value":[1],"groupTabindex":[1026,"group-tabindex"],"density":[514],"hasSlottedIcon":[32],"hasSlottedBadge":[32],"hasSlottedSelected":[32],"pressed":[32]}],[1,"md-ripple",{"disabled":[4],"whenSettled":[64],"trigger":[64]}]]],["p-448995f5",[[257,"md-menu-item",{"headline":[1],"supportingText":[1,"supporting-text"],"trailingText":[1,"trailing-text"],"disabled":[516],"selected":[1540],"indeterminate":[1540],"keepOpen":[4,"keep-open"],"divider":[516],"gap":[516],"badge":[1],"type":[1],"checkPosition":[513,"check-position"],"presentation":[513],"roleOverride":[1,"role-override"],"density":[514],"hasLeadingIcon":[32],"hasTrailingIcon":[32]}],[257,"md-menu",{"open":[1540],"anchor":[1],"placement":[513],"quick":[4],"variant":[513],"layout":[513],"useGap":[516,"use-gap"],"emptyText":[1,"empty-text"],"matchAnchorWidth":[516,"match-anchor-width"],"responsive":[516],"persistent":[516],"autoFocus":[516,"auto-focus"],"maxHeight":[8,"max-height"],"listLabel":[1,"list-label"],"listbox":[516],"density":[514],"closing":[32],"sectioned":[32],"empty":[32],"hasSubmenu":[32],"listboxMode":[32],"setComboboxElement":[64],"setVirtualProvider":[64],"getScrollViewport":[64],"show":[64],"reposition":[64],"close":[64]},[[0,"focusin","handleFocusIn"],[0,"keydown","handleKeyDown"]],{"emptyText":[{"onEmptyTextChange":0}],"variant":[{"onVariantChange":0}],"useGap":[{"onVariantChange":0}],"open":[{"onOpenChange":0}]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=md3.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as o,g as n}from"./p-C5Hg-PUP.js";const i=()=>`:host{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;box-sizing:border-box;vertical-align:middle}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([hidden]){display:none !important}`;const r=class{constructor(s){t(this,s);this.mdChange=e(this,"mdChange",7);this.multiselect=false;this.density=0;this.handleSlotChange=()=>{this.syncSegments()}}onPropsChange(){this.syncSegments()}componentDidLoad(){this.syncSegments()}handleSegmentClick(t){t.stopPropagation();const e=this.getSegments();const s=t.target;if(!s)return;const{selected:o}=t.detail;if(this.multiselect){s.selected=o}else{for(const t of e){t.selected=t===s}}this.mdChange.emit(e.filter((t=>t.selected)).map((t=>t.value)))}getSegments(){return Array.from(this.el.querySelectorAll("md-segmented-button"))}syncSegments(){const t=this.getSegments();const e=t.length;for(let s=0;s<e;s++){const o=t[s];o.segmentIndex=s;o.segmentTotal=e;o.segmentDensity=this.density;o.segmentMultiselect=this.multiselect}}render(){return s(o,{key:"2a8bf244149352d69dfb03dd32ef0dcc24487dc4",class:{"md-segmented-button-set":true,[`md-segmented-button-set--density-${Math.abs(this.density)}`]:this.density!==0},role:this.multiselect?"group":"radiogroup"},s("slot",{key:"2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46",onSlotchange:this.handleSlotChange}))}get el(){return n(this)}static get watchers(){return{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}}};r.style=i();export{r as md_segmented_button_set};
|
|
2
|
+
//# sourceMappingURL=p-91df971f.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","constructor","hostRef","this","multiselect","density","handleSlotChange","syncSegments","onPropsChange","componentDidLoad","handleSegmentClick","event","stopPropagation","segments","getSegments","clicked","target","selected","detail","seg","mdChange","emit","filter","s","map","value","Array","from","el","querySelectorAll","total","length","i","segmentIndex","segmentTotal","segmentDensity","segmentMultiselect","render","h","Host","key","class","Math","abs","role","onSlotchange"],"sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n /**\n * Re-assign positions whenever the slotted segments change.\n *\n * `componentDidLoad` alone is not enough, and the gap is visible rather than\n * theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,\n * which makes it BOTH first and last — so an unsynced segment renders fully\n * rounded on every edge. Replace a set's children after it has loaded and\n * every segment in it becomes a lone pill: the joined bar visibly falls apart,\n * and nothing about it looks like a stale index.\n *\n * Any consumer that renders segments dynamically hits this — a set whose\n * options come from state, a framework re-render, or `replaceChildren()`. The\n * showcase dock rebuilds its controls that way and shows the bug on the first\n * re-render after navigation.\n */\n private handleSlotChange = () => {\n this.syncSegments();\n };\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot onSlotchange={this.handleSlotChange}></slot>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAA0B,IAAM,2R,MCQzBC,EAAoB,MALjC,WAAAC,CAAAC,G,6CASUC,KAAAC,YAAuB,MAGND,KAAAE,QAAiC,EA+DlDF,KAAAG,iBAAmB,KACzBH,KAAKI,cAAc,CA6BtB,CAtFC,aAAAC,GACEL,KAAKI,c,CAGP,gBAAAE,GACEN,KAAKI,c,CAIP,kBAAAG,CAAmBC,GACjBA,EAAMC,kBACN,MAAMC,EAAWV,KAAKW,cAQtB,MAAMC,EAAUJ,EAAMK,OACtB,IAAKD,EAAS,OAEd,MAAME,SAAEA,GAAaN,EAAMO,OAE3B,GAAIf,KAAKC,YAAa,CACpBW,EAAQE,SAAWA,C,KACd,CACL,IAAK,MAAME,KAAON,EAAU,CAC1BM,EAAIF,SAAWE,IAAQJ,C,EAI3BZ,KAAKiB,SAASC,KACZR,EAASS,QAAOC,GAAKA,EAAEN,WAAUO,KAAID,GAAKA,EAAEE,Q,CAIxC,WAAAX,GACN,OAAOY,MAAMC,KAAKxB,KAAKyB,GAAGC,iBAAiB,uB,CAsBrC,YAAAtB,GACN,MAAMM,EAAWV,KAAKW,cACtB,MAAMgB,EAAQjB,EAASkB,OAEvB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAOE,IAAK,CAC9B,MAAMb,EAAMN,EAASmB,GACrBb,EAAIc,aAAeD,EACnBb,EAAIe,aAAeJ,EACnBX,EAAIgB,eAAiBhC,KAAKE,QAC1Bc,EAAIiB,mBAAqBjC,KAAKC,W,EAIlC,MAAAiC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,0BAA2B,KAC3B,CAAC,oCAAoCC,KAAKC,IAAIxC,KAAKE,YAAaF,KAAKE,UAAY,GAEnFuC,KAAMzC,KAAKC,YAAc,QAAU,cAEnCkC,EAAA,QAAAE,IAAA,2CAAMK,aAAc1C,KAAKG,mB","ignoreList":[]}
|
|
@@ -14,6 +14,22 @@ export declare class MdSegmentedButtonSet {
|
|
|
14
14
|
selected: boolean;
|
|
15
15
|
}>): void;
|
|
16
16
|
private getSegments;
|
|
17
|
+
/**
|
|
18
|
+
* Re-assign positions whenever the slotted segments change.
|
|
19
|
+
*
|
|
20
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
21
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
22
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
23
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
24
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
25
|
+
* and nothing about it looks like a stale index.
|
|
26
|
+
*
|
|
27
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
28
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
29
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
30
|
+
* re-render after navigation.
|
|
31
|
+
*/
|
|
32
|
+
private handleSlotChange;
|
|
17
33
|
private syncSegments;
|
|
18
34
|
render(): any;
|
|
19
35
|
}
|
package/hydrate/index.js
CHANGED
|
@@ -42757,6 +42757,24 @@ class MdSegmentedButtonSet {
|
|
|
42757
42757
|
this.multiselect = false;
|
|
42758
42758
|
/** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */
|
|
42759
42759
|
this.density = 0;
|
|
42760
|
+
/**
|
|
42761
|
+
* Re-assign positions whenever the slotted segments change.
|
|
42762
|
+
*
|
|
42763
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
42764
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
42765
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
42766
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
42767
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
42768
|
+
* and nothing about it looks like a stale index.
|
|
42769
|
+
*
|
|
42770
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
42771
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
42772
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
42773
|
+
* re-render after navigation.
|
|
42774
|
+
*/
|
|
42775
|
+
this.handleSlotChange = () => {
|
|
42776
|
+
this.syncSegments();
|
|
42777
|
+
};
|
|
42760
42778
|
}
|
|
42761
42779
|
onPropsChange() {
|
|
42762
42780
|
this.syncSegments();
|
|
@@ -42803,10 +42821,10 @@ class MdSegmentedButtonSet {
|
|
|
42803
42821
|
}
|
|
42804
42822
|
}
|
|
42805
42823
|
render() {
|
|
42806
|
-
return (hAsync(Host, { key: '
|
|
42824
|
+
return (hAsync(Host, { key: '2a8bf244149352d69dfb03dd32ef0dcc24487dc4', class: {
|
|
42807
42825
|
'md-segmented-button-set': true,
|
|
42808
42826
|
[`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,
|
|
42809
|
-
}, role: this.multiselect ? 'group' : 'radiogroup' }, hAsync("slot", { key: '
|
|
42827
|
+
}, role: this.multiselect ? 'group' : 'radiogroup' }, hAsync("slot", { key: '2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46', onSlotchange: this.handleSlotChange })));
|
|
42810
42828
|
}
|
|
42811
42829
|
get el() { return getElement(this); }
|
|
42812
42830
|
static get watchers() { return {
|
package/hydrate/index.mjs
CHANGED
|
@@ -42755,6 +42755,24 @@ class MdSegmentedButtonSet {
|
|
|
42755
42755
|
this.multiselect = false;
|
|
42756
42756
|
/** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */
|
|
42757
42757
|
this.density = 0;
|
|
42758
|
+
/**
|
|
42759
|
+
* Re-assign positions whenever the slotted segments change.
|
|
42760
|
+
*
|
|
42761
|
+
* `componentDidLoad` alone is not enough, and the gap is visible rather than
|
|
42762
|
+
* theoretical. A segment defaults to `segmentIndex: 0` of `segmentTotal: 1`,
|
|
42763
|
+
* which makes it BOTH first and last — so an unsynced segment renders fully
|
|
42764
|
+
* rounded on every edge. Replace a set's children after it has loaded and
|
|
42765
|
+
* every segment in it becomes a lone pill: the joined bar visibly falls apart,
|
|
42766
|
+
* and nothing about it looks like a stale index.
|
|
42767
|
+
*
|
|
42768
|
+
* Any consumer that renders segments dynamically hits this — a set whose
|
|
42769
|
+
* options come from state, a framework re-render, or `replaceChildren()`. The
|
|
42770
|
+
* showcase dock rebuilds its controls that way and shows the bug on the first
|
|
42771
|
+
* re-render after navigation.
|
|
42772
|
+
*/
|
|
42773
|
+
this.handleSlotChange = () => {
|
|
42774
|
+
this.syncSegments();
|
|
42775
|
+
};
|
|
42758
42776
|
}
|
|
42759
42777
|
onPropsChange() {
|
|
42760
42778
|
this.syncSegments();
|
|
@@ -42801,10 +42819,10 @@ class MdSegmentedButtonSet {
|
|
|
42801
42819
|
}
|
|
42802
42820
|
}
|
|
42803
42821
|
render() {
|
|
42804
|
-
return (hAsync(Host, { key: '
|
|
42822
|
+
return (hAsync(Host, { key: '2a8bf244149352d69dfb03dd32ef0dcc24487dc4', class: {
|
|
42805
42823
|
'md-segmented-button-set': true,
|
|
42806
42824
|
[`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,
|
|
42807
|
-
}, role: this.multiselect ? 'group' : 'radiogroup' }, hAsync("slot", { key: '
|
|
42825
|
+
}, role: this.multiselect ? 'group' : 'radiogroup' }, hAsync("slot", { key: '2d6cfc8e5a79bf9dc7d4cf92d0a087b9401bff46', onSlotchange: this.handleSlotChange })));
|
|
42808
42826
|
}
|
|
42809
42827
|
get el() { return getElement(this); }
|
|
42810
42828
|
static get watchers() { return {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awc-ui/core",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.7",
|
|
4
4
|
"description": "Material Design 3 Web Components built with StencilJS",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"material-design",
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"puppeteer": "^24.0.0",
|
|
114
114
|
"size-limit": "^11.1.6",
|
|
115
115
|
"typescript": "^5.4.0",
|
|
116
|
-
"@awc-ui/tokens": "1.0.0-beta.
|
|
116
|
+
"@awc-ui/tokens": "1.0.0-beta.7"
|
|
117
117
|
},
|
|
118
118
|
"license": "MIT",
|
|
119
119
|
"author": "AWC UI",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as o,g as n}from"./p-C5Hg-PUP.js";const i=()=>`:host{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;box-sizing:border-box;vertical-align:middle}@media (prefers-reduced-motion: reduce){:host{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}}:host([hidden]){display:none !important}`;const r=class{constructor(s){t(this,s);this.mdChange=e(this,"mdChange",7);this.multiselect=false;this.density=0}onPropsChange(){this.syncSegments()}componentDidLoad(){this.syncSegments()}handleSegmentClick(t){t.stopPropagation();const e=this.getSegments();const s=t.target;if(!s)return;const{selected:o}=t.detail;if(this.multiselect){s.selected=o}else{for(const t of e){t.selected=t===s}}this.mdChange.emit(e.filter((t=>t.selected)).map((t=>t.value)))}getSegments(){return Array.from(this.el.querySelectorAll("md-segmented-button"))}syncSegments(){const t=this.getSegments();const e=t.length;for(let s=0;s<e;s++){const o=t[s];o.segmentIndex=s;o.segmentTotal=e;o.segmentDensity=this.density;o.segmentMultiselect=this.multiselect}}render(){return s(o,{key:"3910452445a90d64e6d54a1eb1c200ccea857093",class:{"md-segmented-button-set":true,[`md-segmented-button-set--density-${Math.abs(this.density)}`]:this.density!==0},role:this.multiselect?"group":"radiogroup"},s("slot",{key:"b5c88b4eaaac8dbde890492afea86d1f801f1dc7"}))}get el(){return n(this)}static get watchers(){return{multiselect:[{onPropsChange:0}],density:[{onPropsChange:0}]}}};r.style=i();export{r as md_segmented_button_set};
|
|
2
|
-
//# sourceMappingURL=p-56ea09a4.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["mdSegmentedButtonSetCss","MdSegmentedButtonSet","constructor","hostRef","this","multiselect","density","onPropsChange","syncSegments","componentDidLoad","handleSegmentClick","event","stopPropagation","segments","getSegments","clicked","target","selected","detail","seg","mdChange","emit","filter","s","map","value","Array","from","el","querySelectorAll","total","length","i","segmentIndex","segmentTotal","segmentDensity","segmentMultiselect","render","h","Host","key","class","Math","abs","role"],"sources":["src/components/md-segmented-button-set/md-segmented-button-set.css?tag=md-segmented-button-set&encapsulation=shadow","src/components/md-segmented-button-set/md-segmented-button-set.tsx"],"sourcesContent":["/* ==========================================================\n md-segmented-button-set — Container for segmented buttons\n Spec: https://m3.material.io/components/segmented-buttons/specs\n ========================================================== */\n\n:host {\n display: inline-grid;\n grid-auto-flow: column;\n grid-auto-columns: 1fr;\n box-sizing: border-box;\n vertical-align: middle;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n :host {\n forced-color-adjust: none;\n }\n}\n\n/* ==========================================================\n HIDDEN\n `[hidden]` is a UA-stylesheet rule, and every `:host` display\n declaration above is an AUTHOR rule — author origin beats UA, so without\n this guard `el.hidden = true` left the component fully laid out.\n `!important` because state rules in this file set `display` at equal or\n higher specificity than `:host([hidden])`.\n ========================================================== */\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, Host, h, Prop, Element, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { SegmentElement } from '../../utils/types';\n\n@Component({\n tag: 'md-segmented-button-set',\n styleUrl: 'md-segmented-button-set.css',\n shadow: true,\n})\nexport class MdSegmentedButtonSet {\n @Element() el!: HTMLElement;\n\n /** Single-select or multi-select mode */\n @Prop() multiselect: boolean = false;\n\n /** Density: 0 = 40px, -1 = 36px, -2 = 32px, -3 = 28px, -4 = 24px */\n @Prop({ reflect: true }) density: 0 | -1 | -2 | -3 | -4 = 0;\n\n /** Fires when the set of selected segment values changes */\n @Event() mdChange: EventEmitter<string[]>;\n\n @Watch('multiselect')\n @Watch('density')\n onPropsChange() {\n this.syncSegments();\n }\n\n componentDidLoad() {\n this.syncSegments();\n }\n\n @Listen('mdSegmentClick')\n handleSegmentClick(event: CustomEvent<{ value: string; selected: boolean }>) {\n event.stopPropagation();\n const segments = this.getSegments();\n // Match by element identity, not by `.value`. The child segment\n // emits `mdSegmentClick` from its own host, and the event re-targets\n // to that <md-segmented-button> as it crosses the shadow boundary\n // into this set. Matching by value would break whenever segments\n // share the default value of '' (which is the common case when\n // consumers omit the `value` prop — every segment would toggle\n // together because every `'' === ''` is true).\n const clicked = event.target as SegmentElement | null;\n if (!clicked) return;\n\n const { selected } = event.detail;\n\n if (this.multiselect) {\n clicked.selected = selected;\n } else {\n for (const seg of segments) {\n seg.selected = seg === clicked;\n }\n }\n\n this.mdChange.emit(\n segments.filter(s => s.selected).map(s => s.value),\n );\n }\n\n private getSegments(): SegmentElement[] {\n return Array.from(this.el.querySelectorAll('md-segmented-button')) as unknown as SegmentElement[];\n }\n\n private syncSegments() {\n const segments = this.getSegments();\n const total = segments.length;\n\n for (let i = 0; i < total; i++) {\n const seg = segments[i];\n seg.segmentIndex = i;\n seg.segmentTotal = total;\n seg.segmentDensity = this.density;\n seg.segmentMultiselect = this.multiselect;\n }\n }\n\n render() {\n return (\n <Host\n class={{\n 'md-segmented-button-set': true,\n [`md-segmented-button-set--density-${Math.abs(this.density)}`]: this.density !== 0,\n }}\n role={this.multiselect ? 'group' : 'radiogroup'}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAA0B,IAAM,2R,MCQzBC,EAAoB,MALjC,WAAAC,CAAAC,G,6CASUC,KAAAC,YAAuB,MAGND,KAAAE,QAAiC,CA0E3D,CAnEC,aAAAC,GACEH,KAAKI,c,CAGP,gBAAAC,GACEL,KAAKI,c,CAIP,kBAAAE,CAAmBC,GACjBA,EAAMC,kBACN,MAAMC,EAAWT,KAAKU,cAQtB,MAAMC,EAAUJ,EAAMK,OACtB,IAAKD,EAAS,OAEd,MAAME,SAAEA,GAAaN,EAAMO,OAE3B,GAAId,KAAKC,YAAa,CACpBU,EAAQE,SAAWA,C,KACd,CACL,IAAK,MAAME,KAAON,EAAU,CAC1BM,EAAIF,SAAWE,IAAQJ,C,EAI3BX,KAAKgB,SAASC,KACZR,EAASS,QAAOC,GAAKA,EAAEN,WAAUO,KAAID,GAAKA,EAAEE,Q,CAIxC,WAAAX,GACN,OAAOY,MAAMC,KAAKvB,KAAKwB,GAAGC,iBAAiB,uB,CAGrC,YAAArB,GACN,MAAMK,EAAWT,KAAKU,cACtB,MAAMgB,EAAQjB,EAASkB,OAEvB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAOE,IAAK,CAC9B,MAAMb,EAAMN,EAASmB,GACrBb,EAAIc,aAAeD,EACnBb,EAAIe,aAAeJ,EACnBX,EAAIgB,eAAiB/B,KAAKE,QAC1Ba,EAAIiB,mBAAqBhC,KAAKC,W,EAIlC,MAAAgC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,0BAA2B,KAC3B,CAAC,oCAAoCC,KAAKC,IAAIvC,KAAKE,YAAaF,KAAKE,UAAY,GAEnFsC,KAAMxC,KAAKC,YAAc,QAAU,cAEnCiC,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
|