@fluid-topics/ft-infinite-scroll 1.1.25 → 1.1.27
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.
|
@@ -28,10 +28,13 @@ export declare class FtInfiniteScroll<T> extends FtLitElement implements FtInfin
|
|
|
28
28
|
scrolledToTarget: boolean;
|
|
29
29
|
private scrolling;
|
|
30
30
|
private firstScrollableParent?;
|
|
31
|
-
private
|
|
31
|
+
private renderApprovalTimeouts;
|
|
32
|
+
private renderedIndexes;
|
|
32
33
|
private get scrollable();
|
|
33
34
|
protected render(): TemplateResult<1>;
|
|
34
35
|
private renderItemContainer;
|
|
36
|
+
private prepareRenderIfNeeded;
|
|
37
|
+
private inRenderRange;
|
|
35
38
|
private scrollDebouncer;
|
|
36
39
|
private scrollDoneDebouncer;
|
|
37
40
|
resetScroll(): void;
|
|
@@ -38,7 +38,8 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
38
38
|
this.visibleItems = [];
|
|
39
39
|
this.scrolledToTarget = false;
|
|
40
40
|
this.scrolling = false;
|
|
41
|
-
this.
|
|
41
|
+
this.renderApprovalTimeouts = [];
|
|
42
|
+
this.renderedIndexes = new Set();
|
|
42
43
|
this.scrollDebouncer = new Debouncer(5);
|
|
43
44
|
this.scrollDoneDebouncer = new Debouncer(10);
|
|
44
45
|
this.onVisibilityChange = (items) => {
|
|
@@ -57,7 +58,7 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
57
58
|
this.visibleItems = [...visibleItems].sort((a, b) => a - b);
|
|
58
59
|
};
|
|
59
60
|
this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange);
|
|
60
|
-
this.scrollingDebouncer = new Debouncer(
|
|
61
|
+
this.scrollingDebouncer = new Debouncer(50);
|
|
61
62
|
this.ignoreNextScrollEvent = false;
|
|
62
63
|
this.scrollListener = () => {
|
|
63
64
|
if (!this.ignoreNextScrollEvent) {
|
|
@@ -107,12 +108,9 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
107
108
|
`;
|
|
108
109
|
}
|
|
109
110
|
renderItemContainer(item, index) {
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
const isRendered = this.
|
|
113
|
-
if (isRendered) {
|
|
114
|
-
this.alreadyRenderedIndexes.add(index);
|
|
115
|
-
}
|
|
111
|
+
this.prepareRenderIfNeeded(index);
|
|
112
|
+
const isVisible = this.scrolledToTarget && this.visibleItems.includes(index);
|
|
113
|
+
const isRendered = this.renderedIndexes.has(index);
|
|
116
114
|
const renderItem = () => {
|
|
117
115
|
const rendered = this.renderItem(item, index);
|
|
118
116
|
return typeof rendered === "string" ? unsafeHTML(rendered) : rendered;
|
|
@@ -125,6 +123,23 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
125
123
|
</div>
|
|
126
124
|
`;
|
|
127
125
|
}
|
|
126
|
+
prepareRenderIfNeeded(index) {
|
|
127
|
+
const isAwaitingRenderApproval = this.renderApprovalTimeouts[index] != null;
|
|
128
|
+
if (this.inRenderRange(index) && !isAwaitingRenderApproval) {
|
|
129
|
+
this.renderApprovalTimeouts[index] = setTimeout(() => {
|
|
130
|
+
if (this.inRenderRange(index)) { // Still in render range after timeout
|
|
131
|
+
this.renderedIndexes.add(index);
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
this.renderApprovalTimeouts[index] = undefined;
|
|
135
|
+
}
|
|
136
|
+
this.requestUpdate();
|
|
137
|
+
}, 300);
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
inRenderRange(index) {
|
|
141
|
+
return index >= this.visibleItems[0] - this.renderBeforeFirst && index <= last(this.visibleItems) + this.renderAfterLast;
|
|
142
|
+
}
|
|
128
143
|
resetScroll() {
|
|
129
144
|
this.triggerFindScrollableParent();
|
|
130
145
|
this.intersectionObserver.disconnect();
|
|
@@ -143,6 +158,9 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
143
158
|
this.scrollRestorationItem = internalScrollToIndex >= 0 ? internalScrollToIndex : undefined;
|
|
144
159
|
this.scrollRestorationOffset = internalScrollToIndex === 0 ? -this.getOffset(target) : 0;
|
|
145
160
|
this.onMutation();
|
|
161
|
+
if (target != null) {
|
|
162
|
+
this.renderedIndexes.add(internalScrollToIndex);
|
|
163
|
+
}
|
|
146
164
|
this.scrolledToTarget = true;
|
|
147
165
|
});
|
|
148
166
|
});
|
|
@@ -266,7 +284,7 @@ class FtInfiniteScroll extends FtLitElement {
|
|
|
266
284
|
update(props) {
|
|
267
285
|
super.update(props);
|
|
268
286
|
if (props.has("items")) {
|
|
269
|
-
this.
|
|
287
|
+
this.renderedIndexes = new Set();
|
|
270
288
|
}
|
|
271
289
|
if ((props.has("scrollToItem") || props.has("scrollToIndex")) && (this.scrollToItem != null || this.scrollToIndex != null)) {
|
|
272
290
|
this.resetScroll();
|
|
@@ -352,4 +370,7 @@ __decorate([
|
|
|
352
370
|
__decorate([
|
|
353
371
|
state()
|
|
354
372
|
], FtInfiniteScroll.prototype, "scrolling", void 0);
|
|
373
|
+
__decorate([
|
|
374
|
+
state({ hasChanged: (a, b) => !deepEqual(a, b) })
|
|
375
|
+
], FtInfiniteScroll.prototype, "renderedIndexes", void 0);
|
|
355
376
|
export { FtInfiniteScroll };
|
|
@@ -28,16 +28,16 @@
|
|
|
28
28
|
display: flow-root;
|
|
29
29
|
min-height: ${l.itemContainerMinHeight};
|
|
30
30
|
}
|
|
31
|
-
`;var o=function(t,i,e,s){for(var h,n=arguments.length,l=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,r=t.length-1;r>=0;r--)(h=t[r])&&(l=(n<3?h(l):n>3?h(i,e,l):h(i,e))||l);return n>3&&l&&Object.defineProperty(i,e,l),l};class a extends CustomEvent{constructor(t,i){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:i}})}}class d extends Event{constructor(){super("scrolled-to-target")}}class c extends i.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>e.html``,this.getItemKey=(t,i)=>`${i} - ${JSON.stringify(t)}`,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.visibleItems=[],this.scrolledToTarget=!1,this.scrolling=!1,this.
|
|
31
|
+
`;var o=function(t,i,e,s){for(var h,n=arguments.length,l=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s,r=t.length-1;r>=0;r--)(h=t[r])&&(l=(n<3?h(l):n>3?h(i,e,l):h(i,e))||l);return n>3&&l&&Object.defineProperty(i,e,l),l};class a extends CustomEvent{constructor(t,i){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:i}})}}class d extends Event{constructor(){super("scrolled-to-target")}}class c extends i.FtLitElement{constructor(){super(...arguments),this.items=[],this.renderItem=()=>e.html``,this.getItemKey=(t,i)=>`${i} - ${JSON.stringify(t)}`,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.visibleItems=[],this.scrolledToTarget=!1,this.scrolling=!1,this.renderApprovalTimeouts=[],this.renderedIndexes=new Set,this.scrollDebouncer=new i.Debouncer(5),this.scrollDoneDebouncer=new i.Debouncer(10),this.onVisibilityChange=t=>{let i=new Set(this.visibleItems),e=new Set;for(let s of t){let t=+s.target.attributes.getNamedItem("data-item-index").value;s.intersectionRect.height>0?(i.add(t),e.add(t)):e.has(t)||i.delete(t)}this.visibleItems=[...i].sort(((t,i)=>t-i))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.scrollingDebouncer=new i.Debouncer(50),this.ignoreNextScrollEvent=!1,this.scrollListener=()=>{this.ignoreNextScrollEvent||(this.scrolling=!0,this.scrollingDebouncer.run((()=>this.scrolling=!1))),this.ignoreNextScrollEvent=!1;const t=this.searchFirstVisibleItem(this.itemsContainer.children);this.scrollRestorationItem=t?+t.getAttribute("data-item-index"):void 0,this.scrollRestorationOffset=this.scrollable.scrollTop-this.getOffset(t)},this.onResize=t=>{for(const i of t)i.contentRect.height>0&&i.target.setAttribute("data-last-known-height",""+i.contentRect.height);if(null!=this.scrollRestorationItem&&null!=this.scrollRestorationOffset&&this.scrolledToTarget){this.ignoreNextScrollEvent=!0;const t=this.getItem(this.scrollRestorationItem),e=this.getOffset(t),s=i.minmax(0===this.scrollRestorationItem?-e:0,this.scrollRestorationOffset,this.getLastKnownHeight(t)+1);this.scrollable.scrollTop=e+s}},this.resizeObserver=new ResizeObserver(this.onResize),this.onMutation=()=>{[...this.itemsContainer.children].forEach((t=>{this.intersectionObserver.observe(t),this.resizeObserver.observe(t)}))},this.mutationObserver=new MutationObserver(this.onMutation),this.resetVisibleItemsDebouncer=new i.Debouncer(10)}get scrollable(){var t;return null!==(t=this.internalScroll?this.internalScrollable:this.firstScrollableParent)&&void 0!==t?t:document.body}render(){return e.html`
|
|
32
32
|
<div class="items-container ${this.internalScroll?"scrollable":""}"
|
|
33
33
|
tabindex="-1"
|
|
34
34
|
@find-scrollable-parent=${this.findScrollableParent}>
|
|
35
35
|
${h.repeat(this.items,((t,i)=>this.getItemKey(t,i)),((t,i)=>this.renderItemContainer(t,i)))}
|
|
36
36
|
</div>
|
|
37
|
-
`}renderItemContainer(t,i){const s
|
|
37
|
+
`}renderItemContainer(t,i){this.prepareRenderIfNeeded(i);const s=this.scrolledToTarget&&this.visibleItems.includes(i),h=this.renderedIndexes.has(i);return e.html`
|
|
38
38
|
<div id="item-${i}"
|
|
39
|
-
class="item-container ${
|
|
39
|
+
class="item-container ${h?"rendered":""} ${s?"visible":""}"
|
|
40
40
|
data-item-index="${i}">
|
|
41
|
-
${
|
|
41
|
+
${h?(()=>{const e=this.renderItem(t,i);return"string"==typeof e?n.unsafeHTML(e):e})():e.nothing}
|
|
42
42
|
</div>
|
|
43
|
-
`}resetScroll(){this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t;let i=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;i>=this.items.length&&(i=-1);const e=this.getItem(i);this.scrollToTarget(e),this.scrollDoneDebouncer.run((()=>{this.scrollRestorationItem=i>=0?i:void 0,this.scrollRestorationOffset=0===i?-this.getOffset(e):0,this.onMutation(),this.scrolledToTarget=!0}))}))}getItem(t){var i;return null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#item-${t}`)}scrollToTarget(t){var i;if(t){let e=+(null!==(i=t.getAttribute("data-item-index"))&&void 0!==i?i:"0");this.scrollable&&0===e?this.scrollable.scrollTop=0:this.scrollable.scrollTop=this.getOffset(t)}}getOffset(t){var i;let e=0,s=t;for(;s&&s.offsetParent!==this.scrollable.offsetParent;)e+=s.offsetTop,s=s.offsetParent;return e+(null!==(i=null==s?void 0:s.offsetTop)&&void 0!==i?i:0)-this.scrollable.offsetTop}getLastKnownHeight(t){var i;return+(null!==(i=null==t?void 0:t.getAttribute("data-last-known-height"))&&void 0!==i?i:1e3)}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.initIntersectionObserver(),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}initIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]})}triggerFindScrollableParent(){var t;null===(t=this.itemsContainer)||void 0===t||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){var i;let e,s;t.stopPropagation();for(let i of t.composedPath()){const t=i,h=this.elementCanScroll(t);if(t.clientHeight&&t.clientHeight<t.scrollHeight&&h){e=t;break}h&&(s=t)}let h=e||s;h!==this.firstScrollableParent&&(null===(i=this.firstScrollableParent)||void 0===i||i.removeEventListener("scroll",this.scrollListener),null==h||h.addEventListener("scroll",this.scrollListener),this.firstScrollableParent=h,this.initIntersectionObserver(),this.resetScroll())}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}searchFirstVisibleItem(t,i,e){if(i=null!=i?i:0,(e=null!=e?e:t.length-1)<=i)return t[i];const s=Math.floor((e-i)/2)+i,h=t[s];return this.getOffset(h)>this.scrollable.scrollTop?this.searchFirstVisibleItem(t,i,s-1):this.getOffset(h)+this.getLastKnownHeight(h)<this.scrollable.scrollTop?this.searchFirstVisibleItem(t,s+1,e):h}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.
|
|
43
|
+
`}prepareRenderIfNeeded(t){const i=null!=this.renderApprovalTimeouts[t];this.inRenderRange(t)&&!i&&(this.renderApprovalTimeouts[t]=setTimeout((()=>{this.inRenderRange(t)?this.renderedIndexes.add(t):this.renderApprovalTimeouts[t]=void 0,this.requestUpdate()}),300))}inRenderRange(t){return t>=this.visibleItems[0]-this.renderBeforeFirst&&t<=(null!=(i=this.visibleItems)?i:[])[(null!=i?i:[]).length-1]+this.renderAfterLast;var i}resetScroll(){this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t;let i=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;i>=this.items.length&&(i=-1);const e=this.getItem(i);this.scrollToTarget(e),this.scrollDoneDebouncer.run((()=>{this.scrollRestorationItem=i>=0?i:void 0,this.scrollRestorationOffset=0===i?-this.getOffset(e):0,this.onMutation(),null!=e&&this.renderedIndexes.add(i),this.scrolledToTarget=!0}))}))}getItem(t){var i;return null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(`#item-${t}`)}scrollToTarget(t){var i;if(t){let e=+(null!==(i=t.getAttribute("data-item-index"))&&void 0!==i?i:"0");this.scrollable&&0===e?this.scrollable.scrollTop=0:this.scrollable.scrollTop=this.getOffset(t)}}getOffset(t){var i;let e=0,s=t;for(;s&&s.offsetParent!==this.scrollable.offsetParent;)e+=s.offsetTop,s=s.offsetParent;return e+(null!==(i=null==s?void 0:s.offsetTop)&&void 0!==i?i:0)-this.scrollable.offsetTop}getLastKnownHeight(t){var i;return+(null!==(i=null==t?void 0:t.getAttribute("data-last-known-height"))&&void 0!==i?i:1e3)}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.initIntersectionObserver(),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}initIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]})}triggerFindScrollableParent(){var t;null===(t=this.itemsContainer)||void 0===t||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){var i;let e,s;t.stopPropagation();for(let i of t.composedPath()){const t=i,h=this.elementCanScroll(t);if(t.clientHeight&&t.clientHeight<t.scrollHeight&&h){e=t;break}h&&(s=t)}let h=e||s;h!==this.firstScrollableParent&&(null===(i=this.firstScrollableParent)||void 0===i||i.removeEventListener("scroll",this.scrollListener),null==h||h.addEventListener("scroll",this.scrollListener),this.firstScrollableParent=h,this.initIntersectionObserver(),this.resetScroll())}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}searchFirstVisibleItem(t,i,e){if(i=null!=i?i:0,(e=null!=e?e:t.length-1)<=i)return t[i];const s=Math.floor((e-i)/2)+i,h=t[s];return this.getOffset(h)>this.scrollable.scrollTop?this.searchFirstVisibleItem(t,i,s-1):this.getOffset(h)+this.getLastKnownHeight(h)<this.scrollable.scrollTop?this.searchFirstVisibleItem(t,s+1,e):h}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.renderedIndexes=new Set),!t.has("scrollToItem")&&!t.has("scrollToIndex")||null==this.scrollToItem&&null==this.scrollToIndex||this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.onVisibleItemsChange(),t.has("scrolledToTarget")&&this.scrolledToTarget&&(null!=this.scrollToItem||null!=this.scrollToIndex)&&this.dispatchEvent(new d)}onVisibleItemsChange(){this.visibleItems.every(((t,i)=>null==this.visibleItems[i+1]||t+1===this.visibleItems[i+1]))||i.deepEqual(this.visibleItems,this.lastNotOkVisibleItems)?(this.resetVisibleItemsDebouncer.cancel(),this.dispatchVisibleItemsEvent()):this.resetVisibleItemsDebouncer.run((()=>{this.lastNotOkVisibleItems=[...this.visibleItems],this.visibleItems=[],this.initIntersectionObserver(),this.onMutation()}))}dispatchVisibleItemsEvent(){var t;null===(t=this.cancelableDispatchEvent)||void 0===t||t.cancel(),this.cancelableDispatchEvent=i.cancelable(i.waitUntil((()=>!this.scrolling))),this.cancelableDispatchEvent.then((()=>this.dispatchEvent(new a(this.visibleItems,this.visibleItems.map((t=>this.items[t])))))).catch((()=>null))}}c.styles=r,o([s.property({type:Array})],c.prototype,"items",void 0),o([s.property({attribute:!1})],c.prototype,"renderItem",void 0),o([s.property({attribute:!1})],c.prototype,"getItemKey",void 0),o([s.property({type:Object})],c.prototype,"scrollToItem",void 0),o([s.property({type:Number})],c.prototype,"scrollToIndex",void 0),o([s.property({type:Boolean})],c.prototype,"internalScroll",void 0),o([s.property({type:Number})],c.prototype,"renderBeforeFirst",void 0),o([s.property({type:Number})],c.prototype,"renderAfterLast",void 0),o([s.state({hasChanged:(t,i)=>null!=t&&null==i||t.length!==i.length||t[0]!==i[0]})],c.prototype,"visibleItems",void 0),o([s.query(".scrollable")],c.prototype,"internalScrollable",void 0),o([s.query(".items-container")],c.prototype,"itemsContainer",void 0),o([s.state()],c.prototype,"scrolledToTarget",void 0),o([s.state()],c.prototype,"scrolling",void 0),o([s.state({hasChanged:(t,e)=>!i.deepEqual(t,e)})],c.prototype,"renderedIndexes",void 0),i.customElement("ft-infinite-scroll")(c),t.FtInfiniteScroll=c,t.FtInfiniteScrollCssVariables=l,t.ScrolledToTargetEvent=d,t.VisibleItemsChangeEvent=a,t.styles=r}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litRepeat,ftGlobals.litUnsafeHTML);
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* subject to an additional IP rights grant found at
|
|
13
13
|
* http://polymer.github.io/PATENTS.txt
|
|
14
14
|
*/
|
|
15
|
-
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,r=window.customElements,i=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let c;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,i){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=i.prototype.attributeChangedCallback,c=new Set(i.observedAttributes||[]);
|
|
15
|
+
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,r=window.customElements,i=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let c;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,i){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=i.prototype.attributeChangedCallback,c=new Set(i.observedAttributes||[]);f(i,c,s);const l={elementClass:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:c};this._definitionsByTag.set(t,l),this._definitionsByClass.set(i,l);let h=e.call(r,t);h||(h=p(t),o.call(r,t,h)),this===window.customElements&&(a.set(i,l),l.standInClass=h);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),y(t,l,!0)}const u=this._whenDefinedPromises.get(t);return void 0!==u&&(u.resolve(i),this._whenDefinedPromises.delete(t)),i}upgrade(){g.push(this),r.upgrade.apply(r,arguments),g.pop()}get(t){const o=this._definitionsByTag.get(t);return o?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const o=this._getDefinition(t);if(void 0!==o)return Promise.resolve(o.elementClass);let e=this._whenDefinedPromises.get(t);return void 0===e&&(e={},e.promise=new Promise((t=>e.resolve=t)),this._whenDefinedPromises.set(t,e)),e.promise}_upgradeWhenDefined(t,o,e){let r=this._awaitingUpgrade.get(o);r||this._awaitingUpgrade.set(o,r=new Set),e?r.add(t):r.delete(t)}},window.HTMLElement=function(){let o=c;if(o)return c=void 0,o;const e=a.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return o=Reflect.construct(t,[],e.standInClass),Object.setPrototypeOf(o,this.constructor.prototype),i.set(o,e),o},window.HTMLElement.prototype=t.prototype;const l=t=>t===document||t instanceof ShadowRoot,h=t=>{let o=t.getRootNode();if(!l(o)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;o=t.getRootNode(),l(o)||(o=s.get(o)?.getRootNode()||document)}return o.customElements},p=o=>class{static get formAssociated(){return!0}constructor(){const e=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);const r=h(e)||window.customElements,i=r._getDefinition(o);return i?y(e,i):n.set(e,r),e}connectedCallback(){const t=i.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!0)}disconnectedCallback(){const t=i.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!1)}adoptedCallback(){const t=i.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=i.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=i.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=i.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=i.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},f=(t,o,e)=>{if(0===o.size||void 0===e)return;const r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,i){const n=t.toLowerCase();if(o.has(n)){const t=this.getAttribute(n);r.call(this,n,i),e.call(this,n,t,i)}else r.call(this,n,i)});const i=t.prototype.removeAttribute;i&&(t.prototype.removeAttribute=function(t){const r=t.toLowerCase();if(o.has(r)){const t=this.getAttribute(r);i.call(this,r),e.call(this,r,t,null)}else i.call(this,r)});const n=t.prototype.toggleAttribute;n&&(t.prototype.toggleAttribute=function(t,r){const i=t.toLowerCase();if(o.has(i)){const t=this.getAttribute(i);n.call(this,i,r);const o=this.getAttribute(i);e.call(this,i,t,o)}else n.call(this,i,r)})},d=o=>{const e=Object.getPrototypeOf(o);if(e!==window.HTMLElement)return e===t?Object.setPrototypeOf(o,window.HTMLElement):d(e)},y=(t,o,e=!1)=>{Object.setPrototypeOf(t,o.elementClass.prototype),i.set(t,o),c=t;try{new o.elementClass}catch(t){d(o.elementClass),new o.elementClass}o.attributeChangedCallback&&o.observedAttributes.forEach((e=>{t.hasAttribute(e)&&o.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&o.connectedCallback&&t.isConnected&&o.connectedCallback.call(t)},u=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const o=u.apply(this,arguments);return t.customElements&&(o.customElements=t.customElements),o};let g=[document];const b=(t,o,e=void 0)=>{const r=(e?Object.getPrototypeOf(e):t.prototype)[o];t.prototype[o]=function(){g.push(this);const t=r.apply(e||this,arguments);return void 0!==t&&s.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,o)=>{const e=Object.getOwnPropertyDescriptor(t.prototype,o);Object.defineProperty(t.prototype,o,{...e,set(t){g.push(this),e.set.call(this,t),g.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,o=HTMLElement.prototype.attachInternals,e=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...e){const r=o.call(this,...e);return t.set(r,this),r},e.forEach((o=>{const e=window.ElementInternals.prototype,r=e[o];e[o]=function(...o){const e=t.get(this);if(!0===i.get(e).formAssociated)return r?.call(this,...o);throw new DOMException(`Failed to execute ${r} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class r extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const o=new Map;t.forEach(((t,e)=>{const r=t.getAttribute("name"),i=o.get(r)||[];this[+e]=t,i.push(t),o.set(r,i)})),this.length=t.length,o.forEach(((t,o)=>{t&&(1===t.length?this[o]=t[0]:this[o]=new r(t))}))}namedItem(t){return this[t]}}const a=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=a.get.call(this,[]),o=[];for(const e of t){const t=i.get(e);t&&!0!==t.formAssociated||o.push(e)}return new n(o)}})}}try{window.customElements.define("custom-element",null)}catch(ie){const t=window.customElements.define;window.customElements.define=(o,e,r)=>{if(null!==e)try{t.bind(window.customElements)(o,e,r)}catch(t){console.info(o,e,r,t)}}}class o extends Error{constructor(t,o,e){super(t),this.canceledPromiseResult=o,this.canceledPromiseError=e}}class e extends Promise{constructor(t){super(((e,r)=>t((t=>{this.isCanceled?r(new o("Promise has been canceled",t)):e(t)}),(t=>{this.isCanceled?r(new o("Promise has been canceled",void 0,t)):r(t)})))),this.isCanceled=!1}cancel(){this.isCanceled=!0}}class r{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,o){return this.callbacks=[t],this.debounce(o)}queue(t,o){return this.callbacks.push(t),this.debounce(o)}cancel(){this.clearTimeout(),this.resolvePromise&&this.resolvePromise(!1),this.clearPromise()}debounce(t){return null==this.promise&&(this.promise=new Promise(((t,o)=>{this.resolvePromise=t,this.rejectPromise=o}))),this.clearTimeout(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout),this.promise}async runCallbacks(){var t,o;const e=[...this.callbacks];this.callbacks=[];const r=null!==(t=this.rejectPromise)&&void 0!==t?t:()=>null,i=null!==(o=this.resolvePromise)&&void 0!==o?o:()=>null;this.clearPromise();for(let t of e)try{await t()}catch(t){return void r(t)}i(!0)}clearTimeout(){null!=this._debounce&&window.clearTimeout(this._debounce)}clearPromise(){this.promise=void 0,this.resolvePromise=void 0,this.rejectPromise=void 0}}
|
|
16
16
|
/**
|
|
17
17
|
* @license
|
|
18
18
|
* Copyright 2019 Google LLC
|
|
@@ -22,18 +22,18 @@ if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.cust
|
|
|
22
22
|
* @license
|
|
23
23
|
* Copyright 2017 Google LLC
|
|
24
24
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
-
*/,{is:h,defineProperty:
|
|
25
|
+
*/,{is:h,defineProperty:p,getOwnPropertyDescriptor:f,getOwnPropertyNames:d,getOwnPropertySymbols:y,getPrototypeOf:u}=Object,g=globalThis,b=g.trustedTypes,m=b?b.emptyScript:"",O=g.reactiveElementPolyfillSupport,N=(t,o)=>t,x={toAttribute(t,o){switch(o){case Boolean:t=t?m:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,o){let e=t;switch(o){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},v=(t,o)=>!h(t,o),S={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:v};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,o=S){if(o.state&&(o.attribute=!1),this._$Ei(),this.elementProperties.set(t,o),!o.noAccessor){const e=Symbol(),r=this.getPropertyDescriptor(t,e,o);void 0!==r&&p(this.prototype,t,r)}}static getPropertyDescriptor(t,o,e){const{get:r,set:i}=f(this.prototype,t)??{get(){return this[o]},set(t){this[o]=t}};return{get(){return r?.call(this)},set(o){const n=r?.call(this);i.call(this,o),this.requestUpdate(t,n,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??S}static _$Ei(){if(this.hasOwnProperty(N("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const t=this.properties,o=[...d(t),...y(t)];for(const e of o)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const o=litPropertyMetadata.get(t);if(void 0!==o)for(const[t,e]of o)this.elementProperties.set(t,e)}this._$Eh=new Map;for(const[t,o]of this.elementProperties){const e=this._$Eu(t,o);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const o=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)o.unshift(l(t))}else void 0!==t&&o.push(l(t));return o}static _$Eu(t,o){const e=o.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$Eg=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$ES(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$E_??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$E_?.delete(t)}_$ES(){const t=new Map,o=this.constructor.elementProperties;for(const e of o.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(n)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=i.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$E_?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$E_?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,o,e){this._$AK(t,e)}_$EO(t,o){const e=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,e);if(void 0!==r&&!0===e.reflect){const i=(void 0!==e.converter?.toAttribute?e.converter:x).toAttribute(o,e.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,o){const e=this.constructor,r=e._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=e.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=r,this[r]=i.fromAttribute(o,t.type),this._$Em=null}}requestUpdate(t,o,e,r=!1,i){if(void 0!==t){if(e??=this.constructor.getPropertyOptions(t),!(e.hasChanged??v)(r?i:this[t],o))return;this.C(t,o,e)}!1===this.isUpdatePending&&(this._$Eg=this._$EP())}C(t,o,e){this._$AL.has(t)||this._$AL.set(t,o),!0===e.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,o]of this._$Ep)this[t]=o;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[o,e]of t)!0!==e.wrapped||this._$AL.has(o)||void 0===this[o]||this.C(o,this[o],e)}let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),this._$E_?.forEach((t=>t.hostUpdate?.())),this.update(o)):this._$ET()}catch(o){throw t=!1,this._$ET(),o}t&&this._$AE(o)}willUpdate(t){}_$AE(t){this._$E_?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EO(t,this[t]))),this._$ET()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[N("elementProperties")]=new Map,w[N("finalized")]=new Map,O?.({ReactiveElement:w}),(g.reactiveElementVersions??=[]).push("2.0.2");
|
|
26
26
|
/**
|
|
27
27
|
* @license
|
|
28
28
|
* Copyright 2017 Google LLC
|
|
29
29
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
30
30
|
*/
|
|
31
|
-
const
|
|
31
|
+
const C={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:v},U=(t=C,o,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(void 0===n&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(e.name,t),"accessor"===r){const{name:r}=e;return{set(e){const i=o.get.call(this);o.set.call(this,e),this.requestUpdate(r,i,t)},init(o){return void 0!==o&&this.C(r,void 0,t),o}}}if("setter"===r){const{name:r}=e;return function(e){const i=this[r];o.call(this,e),this.requestUpdate(r,i,t)}}throw Error("Unsupported decorator location: "+r)};function E(t){return(o,e)=>"object"==typeof e?U(t,o,e):((t,o,e)=>{const r=o.hasOwnProperty(e);return o.constructor.createProperty(e,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(o,e):void 0})(t,o,e)
|
|
32
32
|
/**
|
|
33
33
|
* @license
|
|
34
34
|
* Copyright 2017 Google LLC
|
|
35
35
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
36
|
-
*/}function
|
|
36
|
+
*/}function R(t){return E({...t,state:!0,attribute:!1})}
|
|
37
37
|
/**
|
|
38
38
|
* @license
|
|
39
39
|
* Copyright 2017 Google LLC
|
|
@@ -43,46 +43,46 @@ const x={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:S},R=(t=x,o,
|
|
|
43
43
|
* @license
|
|
44
44
|
* Copyright 2017 Google LLC
|
|
45
45
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
46
|
-
*/;function
|
|
46
|
+
*/;function W(t,o){return(e,r,i)=>{const n=o=>o.renderRoot?.querySelector(t)??null;if(o){const{get:t,set:o}="object"==typeof r?e:i??(()=>{const t=Symbol();return{get(){return this[t]},set(o){this[t]=o}}})();return I(0,0,{get(){let e=t.call(this);return void 0===e&&(e=n(this),(null!==e||this.hasUpdated)&&o.call(this,e)),e}})}return I(0,0,{get(){return n(this)}})}}const L=t=>new Promise((o=>setTimeout(o,t)));function k(t,o){try{return function(t,o){if(t===o)return!0;if(t&&o&&"object"==typeof t&&"object"==typeof o){if(t.constructor!==o.constructor)return!1;var e,r,i;if(Array.isArray(t)){if((e=t.length)!=o.length)return!1;for(r=e;0!=r--;)if(!k(t[r],o[r]))return!1;return!0}if(t instanceof Map&&o instanceof Map){if(t.size!==o.size)return!1;for(r of t.entries())if(!o.has(r[0]))return!1;for(r of t.entries())if(!k(r[1],o.get(r[0])))return!1;return!0}if(t instanceof Set&&o instanceof Set){if(t.size!==o.size)return!1;for(r of t.entries())if(!o.has(r[0]))return!1;return!0}if(t.constructor===RegExp)return t.source===o.source&&t.flags===o.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===o.valueOf();if((e=(i=Object.keys(t)).length)!==Object.keys(o).length)return!1;for(r=e;0!=r--;)if(!Object.prototype.hasOwnProperty.call(o,i[r]))return!1;for(r=e;0!=r--;){var n=i[r];if(!k(t[n],o[n]))return!1}return!0}return t!=t&&o!=o}(t,o)}catch(t){return!1}}
|
|
47
47
|
/**
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
51
|
*/
|
|
52
|
-
const K=globalThis,Z=K.trustedTypes,$=Z?Z.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",M=`lit$${(Math.random()+"").slice(9)}$`,F="?"+M,B=`<${F}>`,z=document,D=()=>z.createComment(""),P=t=>null===t||"object"!=typeof t&&"function"!=typeof t,T=Array.isArray,_=t=>T(t)||"function"==typeof t?.[Symbol.iterator],
|
|
52
|
+
const K=globalThis,Z=K.trustedTypes,$=Z?Z.createPolicy("lit-html",{createHTML:t=>t}):void 0,A="$lit$",M=`lit$${(Math.random()+"").slice(9)}$`,F="?"+M,B=`<${F}>`,z=document,D=()=>z.createComment(""),P=t=>null===t||"object"!=typeof t&&"function"!=typeof t,T=Array.isArray,_=t=>T(t)||"function"==typeof t?.[Symbol.iterator],H="[ \t\n\f\r]",G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,j=/-->/g,Y=/>/g,J=RegExp(`>|${H}(?:([^\\s"'>=/]+)(${H}*=${H}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),V=/'/g,q=/"/g,X=/^(?:script|style|textarea|title)$/i,Q=Symbol.for("lit-noChange"),tt=Symbol.for("lit-nothing"),ot=new WeakMap,et=z.createTreeWalker(z,129);function rt(t,o){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==$?$.createHTML(o):o}const it=(t,o)=>{const e=t.length-1,r=[];let i,n=2===o?"<svg>":"",a=G;for(let o=0;o<e;o++){const e=t[o];let s,c,l=-1,h=0;for(;h<e.length&&(a.lastIndex=h,c=a.exec(e),null!==c);)h=a.lastIndex,a===G?"!--"===c[1]?a=j:void 0!==c[1]?a=Y:void 0!==c[2]?(X.test(c[2])&&(i=RegExp("</"+c[2],"g")),a=J):void 0!==c[3]&&(a=J):a===J?">"===c[0]?(a=i??G,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,s=c[1],a=void 0===c[3]?J:'"'===c[3]?q:V):a===q||a===V?a=J:a===j||a===Y?a=G:(a=J,i=void 0);const p=a===J&&t[o+1].startsWith("/>")?" ":"";n+=a===G?e+B:l>=0?(r.push(s),e.slice(0,l)+A+e.slice(l)+M+p):e+M+(-2===l?o:p)}return[rt(t,n+(t[e]||"<?>")+(2===o?"</svg>":"")),r]};let nt=class t{constructor({strings:o,_$litType$:e},r){let i;this.parts=[];let n=0,a=0;const s=o.length-1,c=this.parts,[l,h]=it(o,e);if(this.el=t.createElement(l,r),et.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=et.nextNode())&&c.length<s;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(A)){const o=h[a++],e=i.getAttribute(t).split(M),r=/([.?@])?(.*)/.exec(o);c.push({type:1,index:n,name:r[2],strings:e,ctor:"."===r[1]?ht:"?"===r[1]?pt:"@"===r[1]?ft:lt}),i.removeAttribute(t)}else t.startsWith(M)&&(c.push({type:6,index:n}),i.removeAttribute(t));if(X.test(i.tagName)){const t=i.textContent.split(M),o=t.length-1;if(o>0){i.textContent=Z?Z.emptyScript:"";for(let e=0;e<o;e++)i.append(t[e],D()),et.nextNode(),c.push({type:2,index:++n});i.append(t[o],D())}}}else if(8===i.nodeType)if(i.data===F)c.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(M,t+1));)c.push({type:7,index:n}),t+=M.length-1}n++}}static createElement(t,o){const e=z.createElement("template");return e.innerHTML=t,e}};function at(t,o,e=t,r){if(o===Q)return o;let i=void 0!==r?e._$Co?.[r]:e._$Cl;const n=P(o)?void 0:o._$litDirective$;return i?.constructor!==n&&(i?._$AO?.(!1),void 0===n?i=void 0:(i=new n(t),i._$AT(t,e,r)),void 0!==r?(e._$Co??=[])[r]=i:e._$Cl=i),void 0!==i&&(o=at(t,i._$AS(t,o.values),i,r)),o}let st=class{constructor(t,o){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:o},parts:e}=this._$AD,r=(t?.creationScope??z).importNode(o,!0);et.currentNode=r;let i=et.nextNode(),n=0,a=0,s=e[0];for(;void 0!==s;){if(n===s.index){let o;2===s.type?o=new ct(i,i.nextSibling,this,t):1===s.type?o=new s.ctor(i,s.name,s.strings,this,t):6===s.type&&(o=new dt(i,this,t)),this._$AV.push(o),s=e[++a]}n!==s?.index&&(i=et.nextNode(),n++)}return et.currentNode=z,r}p(t){let o=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,o),o+=e.strings.length-2):e._$AI(t[o])),o++}},ct=class t{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,o,e,r){this.type=2,this._$AH=tt,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=e,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const o=this._$AM;return void 0!==o&&11===t?.nodeType&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=at(this,t,o),P(t)?t===tt||null==t||""===t?(this._$AH!==tt&&this._$AR(),this._$AH=tt):t!==this._$AH&&t!==Q&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):_(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==tt&&P(this._$AH)?this._$AA.nextSibling.data=t:this.$(z.createTextNode(t)),this._$AH=t}g(t){const{values:o,_$litType$:e}=t,r="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=nt.createElement(rt(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===r)this._$AH.p(o);else{const t=new st(r,this),e=t.u(this.options);t.p(o),this.$(e),this._$AH=t}}_$AC(t){let o=ot.get(t.strings);return void 0===o&&ot.set(t.strings,o=new nt(t)),o}T(o){T(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of o)i===e.length?e.push(r=new t(this.k(D()),this.k(D()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,o){for(this._$AP?.(!1,!0,o);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}},lt=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,o,e,r,i){this.type=1,this._$AH=tt,this._$AN=void 0,this.element=t,this.name=o,this._$AM=r,this.options=i,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=tt}_$AI(t,o=this,e,r){const i=this.strings;let n=!1;if(void 0===i)t=at(this,t,o,0),n=!P(t)||t!==this._$AH&&t!==Q,n&&(this._$AH=t);else{const r=t;let a,s;for(t=i[0],a=0;a<i.length-1;a++)s=at(this,r[e+a],o,a),s===Q&&(s=this._$AH[a]),n||=!P(s)||s!==this._$AH[a],s===tt?t=tt:t!==tt&&(t+=(s??"")+i[a+1]),this._$AH[a]=s}n&&!r&&this.O(t)}O(t){t===tt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ht=class extends lt{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===tt?void 0:t}},pt=class extends lt{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==tt)}},ft=class extends lt{constructor(t,o,e,r,i){super(t,o,e,r,i),this.type=5}_$AI(t,o=this){if((t=at(this,t,o,0)??tt)===Q)return;const e=this._$AH,r=t===tt&&e!==tt||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,i=t!==tt&&(e===tt||r);r&&this.element.removeEventListener(this.name,this,e),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}},dt=class{constructor(t,o,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){at(this,t)}};const yt={j:A,P:M,A:F,C:1,M:it,L:st,R:_,V:at,D:ct,I:lt,H:pt,N:ft,U:ht,B:dt},ut=K.litHtmlPolyfillSupport;ut?.(nt,ct),(K.litHtmlVersions??=[]).push("3.1.0");
|
|
53
53
|
/**
|
|
54
54
|
* @license
|
|
55
55
|
* Copyright 2019 Google LLC
|
|
56
56
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
57
57
|
*/
|
|
58
|
-
const gt=globalThis,bt=gt.ShadowRoot&&(void 0===gt.ShadyCSS||gt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,mt=Symbol(),Ot=new WeakMap;let Nt=class{constructor(t,o,e){if(this._$cssResult$=!0,e!==mt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=o}get styleSheet(){let t=this.o;const o=this.t;if(bt&&void 0===t){const e=void 0!==o&&1===o.length;e&&(t=Ot.get(o)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&Ot.set(o,t))}return t}toString(){return this.cssText}};const
|
|
58
|
+
const gt=globalThis,bt=gt.ShadowRoot&&(void 0===gt.ShadyCSS||gt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,mt=Symbol(),Ot=new WeakMap;let Nt=class{constructor(t,o,e){if(this._$cssResult$=!0,e!==mt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=o}get styleSheet(){let t=this.o;const o=this.t;if(bt&&void 0===t){const e=void 0!==o&&1===o.length;e&&(t=Ot.get(o)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&Ot.set(o,t))}return t}toString(){return this.cssText}};const xt=t=>new Nt("string"==typeof t?t:t+"",void 0,mt),vt=(t,...o)=>{const e=1===t.length?t[0]:o.reduce(((o,e,r)=>o+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[r+1]),t[0]);return new Nt(e,t,mt)},St=bt?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let o="";for(const e of t.cssRules)o+=e.cssText;return xt(o)})(t):t
|
|
59
59
|
/**
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2017 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/,{is:
|
|
63
|
+
*/,{is:wt,defineProperty:Ct,getOwnPropertyDescriptor:Ut,getOwnPropertyNames:Et,getOwnPropertySymbols:Rt,getPrototypeOf:It}=Object,Wt=globalThis,Lt=Wt.trustedTypes,kt=Lt?Lt.emptyScript:"",Kt=Wt.reactiveElementPolyfillSupport,Zt=(t,o)=>t,$t={toAttribute(t,o){switch(o){case Boolean:t=t?kt:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,o){let e=t;switch(o){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(t){e=null}}return e}},At=(t,o)=>!wt(t,o),Mt={attribute:!0,type:String,converter:$t,reflect:!1,hasChanged:At};Symbol.metadata??=Symbol("metadata"),Wt.litPropertyMetadata??=new WeakMap;class Ft extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,o=Mt){if(o.state&&(o.attribute=!1),this._$Ei(),this.elementProperties.set(t,o),!o.noAccessor){const e=Symbol(),r=this.getPropertyDescriptor(t,e,o);void 0!==r&&Ct(this.prototype,t,r)}}static getPropertyDescriptor(t,o,e){const{get:r,set:i}=Ut(this.prototype,t)??{get(){return this[o]},set(t){this[o]=t}};return{get(){return r?.call(this)},set(o){const n=r?.call(this);i.call(this,o),this.requestUpdate(t,n,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Mt}static _$Ei(){if(this.hasOwnProperty(Zt("elementProperties")))return;const t=It(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Zt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Zt("properties"))){const t=this.properties,o=[...Et(t),...Rt(t)];for(const e of o)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const o=litPropertyMetadata.get(t);if(void 0!==o)for(const[t,e]of o)this.elementProperties.set(t,e)}this._$Eh=new Map;for(const[t,o]of this.elementProperties){const e=this._$Eu(t,o);void 0!==e&&this._$Eh.set(e,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const o=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)o.unshift(St(t))}else void 0!==t&&o.push(St(t));return o}static _$Eu(t,o){const e=o.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$Eg=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$ES(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$E_??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$E_?.delete(t)}_$ES(){const t=new Map,o=this.constructor.elementProperties;for(const e of o.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(bt)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=gt.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$E_?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$E_?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,o,e){this._$AK(t,e)}_$EO(t,o){const e=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,e);if(void 0!==r&&!0===e.reflect){const i=(void 0!==e.converter?.toAttribute?e.converter:$t).toAttribute(o,e.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,o){const e=this.constructor,r=e._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=e.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:$t;this._$Em=r,this[r]=i.fromAttribute(o,t.type),this._$Em=null}}requestUpdate(t,o,e,r=!1,i){if(void 0!==t){if(e??=this.constructor.getPropertyOptions(t),!(e.hasChanged??At)(r?i:this[t],o))return;this.C(t,o,e)}!1===this.isUpdatePending&&(this._$Eg=this._$EP())}C(t,o,e){this._$AL.has(t)||this._$AL.set(t,o),!0===e.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,o]of this._$Ep)this[t]=o;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[o,e]of t)!0!==e.wrapped||this._$AL.has(o)||void 0===this[o]||this.C(o,this[o],e)}let t=!1;const o=this._$AL;try{t=this.shouldUpdate(o),t?(this.willUpdate(o),this._$E_?.forEach((t=>t.hostUpdate?.())),this.update(o)):this._$ET()}catch(o){throw t=!1,this._$ET(),o}t&&this._$AE(o)}willUpdate(t){}_$AE(t){this._$E_?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EO(t,this[t]))),this._$ET()}updated(t){}firstUpdated(t){}}Ft.elementStyles=[],Ft.shadowRootOptions={mode:"open"},Ft[Zt("elementProperties")]=new Map,Ft[Zt("finalized")]=new Map,Kt?.({ReactiveElement:Ft}),(Wt.reactiveElementVersions??=[]).push("2.0.2");
|
|
64
64
|
/**
|
|
65
65
|
* @license
|
|
66
66
|
* Copyright 2017 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
68
|
*/
|
|
69
|
-
const Bt=globalThis,zt=Bt.trustedTypes,Dt=zt?zt.createPolicy("lit-html",{createHTML:t=>t}):void 0,Pt="$lit$",Tt=`lit$${(Math.random()+"").slice(9)}$`,_t="?"+Tt,
|
|
69
|
+
const Bt=globalThis,zt=Bt.trustedTypes,Dt=zt?zt.createPolicy("lit-html",{createHTML:t=>t}):void 0,Pt="$lit$",Tt=`lit$${(Math.random()+"").slice(9)}$`,_t="?"+Tt,Ht=`<${_t}>`,Gt=document,jt=()=>Gt.createComment(""),Yt=t=>null===t||"object"!=typeof t&&"function"!=typeof t,Jt=Array.isArray,Vt="[ \t\n\f\r]",qt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Xt=/-->/g,Qt=/>/g,to=RegExp(`>|${Vt}(?:([^\\s"'>=/]+)(${Vt}*=${Vt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),oo=/'/g,eo=/"/g,ro=/^(?:script|style|textarea|title)$/i,io=(t=>(o,...e)=>({_$litType$:t,strings:o,values:e}))(1),no=Symbol.for("lit-noChange"),ao=Symbol.for("lit-nothing"),so=new WeakMap,co=Gt.createTreeWalker(Gt,129);function lo(t,o){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Dt?Dt.createHTML(o):o}const ho=(t,o)=>{const e=t.length-1,r=[];let i,n=2===o?"<svg>":"",a=qt;for(let o=0;o<e;o++){const e=t[o];let s,c,l=-1,h=0;for(;h<e.length&&(a.lastIndex=h,c=a.exec(e),null!==c);)h=a.lastIndex,a===qt?"!--"===c[1]?a=Xt:void 0!==c[1]?a=Qt:void 0!==c[2]?(ro.test(c[2])&&(i=RegExp("</"+c[2],"g")),a=to):void 0!==c[3]&&(a=to):a===to?">"===c[0]?(a=i??qt,l=-1):void 0===c[1]?l=-2:(l=a.lastIndex-c[2].length,s=c[1],a=void 0===c[3]?to:'"'===c[3]?eo:oo):a===eo||a===oo?a=to:a===Xt||a===Qt?a=qt:(a=to,i=void 0);const p=a===to&&t[o+1].startsWith("/>")?" ":"";n+=a===qt?e+Ht:l>=0?(r.push(s),e.slice(0,l)+Pt+e.slice(l)+Tt+p):e+Tt+(-2===l?o:p)}return[lo(t,n+(t[e]||"<?>")+(2===o?"</svg>":"")),r]};class po{constructor({strings:t,_$litType$:o},e){let r;this.parts=[];let i=0,n=0;const a=t.length-1,s=this.parts,[c,l]=ho(t,o);if(this.el=po.createElement(c,e),co.currentNode=this.el.content,2===o){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=co.nextNode())&&s.length<a;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(Pt)){const o=l[n++],e=r.getAttribute(t).split(Tt),a=/([.?@])?(.*)/.exec(o);s.push({type:1,index:i,name:a[2],strings:e,ctor:"."===a[1]?go:"?"===a[1]?bo:"@"===a[1]?mo:uo}),r.removeAttribute(t)}else t.startsWith(Tt)&&(s.push({type:6,index:i}),r.removeAttribute(t));if(ro.test(r.tagName)){const t=r.textContent.split(Tt),o=t.length-1;if(o>0){r.textContent=zt?zt.emptyScript:"";for(let e=0;e<o;e++)r.append(t[e],jt()),co.nextNode(),s.push({type:2,index:++i});r.append(t[o],jt())}}}else if(8===r.nodeType)if(r.data===_t)s.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(Tt,t+1));)s.push({type:7,index:i}),t+=Tt.length-1}i++}}static createElement(t,o){const e=Gt.createElement("template");return e.innerHTML=t,e}}function fo(t,o,e=t,r){if(o===no)return o;let i=void 0!==r?e._$Co?.[r]:e._$Cl;const n=Yt(o)?void 0:o._$litDirective$;return i?.constructor!==n&&(i?._$AO?.(!1),void 0===n?i=void 0:(i=new n(t),i._$AT(t,e,r)),void 0!==r?(e._$Co??=[])[r]=i:e._$Cl=i),void 0!==i&&(o=fo(t,i._$AS(t,o.values),i,r)),o}class yo{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,o,e,r){this.type=2,this._$AH=ao,this._$AN=void 0,this._$AA=t,this._$AB=o,this._$AM=e,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const o=this._$AM;return void 0!==o&&11===t?.nodeType&&(t=o.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,o=this){t=fo(this,t,o),Yt(t)?t===ao||null==t||""===t?(this._$AH!==ao&&this._$AR(),this._$AH=ao):t!==this._$AH&&t!==no&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>Jt(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==ao&&Yt(this._$AH)?this._$AA.nextSibling.data=t:this.$(Gt.createTextNode(t)),this._$AH=t}g(t){const{values:o,_$litType$:e}=t,r="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=po.createElement(lo(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===r)this._$AH.p(o);else{const t=new class{constructor(t,o){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=o}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:o},parts:e}=this._$AD,r=(t?.creationScope??Gt).importNode(o,!0);co.currentNode=r;let i=co.nextNode(),n=0,a=0,s=e[0];for(;void 0!==s;){if(n===s.index){let o;2===s.type?o=new yo(i,i.nextSibling,this,t):1===s.type?o=new s.ctor(i,s.name,s.strings,this,t):6===s.type&&(o=new Oo(i,this,t)),this._$AV.push(o),s=e[++a]}n!==s?.index&&(i=co.nextNode(),n++)}return co.currentNode=Gt,r}p(t){let o=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,o),o+=e.strings.length-2):e._$AI(t[o])),o++}}(r,this),e=t.u(this.options);t.p(o),this.$(e),this._$AH=t}}_$AC(t){let o=so.get(t.strings);return void 0===o&&so.set(t.strings,o=new po(t)),o}T(t){Jt(this._$AH)||(this._$AH=[],this._$AR());const o=this._$AH;let e,r=0;for(const i of t)r===o.length?o.push(e=new yo(this.k(jt()),this.k(jt()),this,this.options)):e=o[r],e._$AI(i),r++;r<o.length&&(this._$AR(e&&e._$AB.nextSibling,r),o.length=r)}_$AR(t=this._$AA.nextSibling,o){for(this._$AP?.(!1,!0,o);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class uo{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,o,e,r,i){this.type=1,this._$AH=ao,this._$AN=void 0,this.element=t,this.name=o,this._$AM=r,this.options=i,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=ao}_$AI(t,o=this,e,r){const i=this.strings;let n=!1;if(void 0===i)t=fo(this,t,o,0),n=!Yt(t)||t!==this._$AH&&t!==no,n&&(this._$AH=t);else{const r=t;let a,s;for(t=i[0],a=0;a<i.length-1;a++)s=fo(this,r[e+a],o,a),s===no&&(s=this._$AH[a]),n||=!Yt(s)||s!==this._$AH[a],s===ao?t=ao:t!==ao&&(t+=(s??"")+i[a+1]),this._$AH[a]=s}n&&!r&&this.O(t)}O(t){t===ao?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class go extends uo{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===ao?void 0:t}}class bo extends uo{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==ao)}}class mo extends uo{constructor(t,o,e,r,i){super(t,o,e,r,i),this.type=5}_$AI(t,o=this){if((t=fo(this,t,o,0)??ao)===no)return;const e=this._$AH,r=t===ao&&e!==ao||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,i=t!==ao&&(e===ao||r);r&&this.element.removeEventListener(this.name,this,e),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Oo{constructor(t,o,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=o,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){fo(this,t)}}const No=Bt.litHtmlPolyfillSupport;No?.(po,yo),(Bt.litHtmlVersions??=[]).push("3.1.0");
|
|
70
70
|
/**
|
|
71
71
|
* @license
|
|
72
72
|
* Copyright 2017 Google LLC
|
|
73
73
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
74
74
|
*/
|
|
75
|
-
let vo=class extends Ft{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,o,e)=>{const r=e?.renderBefore??o;let i=r._$litPart$;if(void 0===i){const t=e?.renderBefore??null;r._$litPart$=i=new uo(o.insertBefore(Ht(),t),t,void 0,e??{})}return i._$AI(t),i})(o,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return no}};vo._$litElement$=!0,vo.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:vo});const So=globalThis.litElementPolyfillSupport;So?.({LitElement:vo}),(globalThis.litElementVersions??=[]).push("4.0.2");const wo=t=>"string"==typeof t?vt(t):t;class Co{static create(t,o,e,r){const i=t=>wo(null!=t?t:r),n=St`var(${wo(t)}, ${i(r)})`;return n.name=t,n.description=o,n.category=e,n.defaultValue=r,n.defaultCssValue=i,n.get=o=>St`var(${wo(t)}, ${i(o)})`,n.breadcrumb=()=>[],n.lastResortDefaultValue=()=>r,n}static extend(t,o,e,r){const i=t=>e.get(null!=t?t:r),n=St`var(${wo(t)}, ${i(r)})`;return n.name=t,n.description=o,n.category=e.category,n.fallbackVariable=e,n.defaultValue=r,n.defaultCssValue=i,n.get=o=>St`var(${wo(t)}, ${i(o)})`,n.breadcrumb=()=>[e.name,...e.breadcrumb()],n.lastResortDefaultValue=()=>null!=r?r:e.lastResortDefaultValue(),n}static external(t,o){const e=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):wo(null!=o?o:t.lastResortDefaultValue()),r=St`var(${wo(t.name)}, ${e(t.defaultValue)})`;return r.name=t.name,r.category=t.category,r.fallbackVariable=t.fallbackVariable,r.defaultValue=t.defaultValue,r.context=o,r.defaultCssValue=e,r.get=o=>St`var(${wo(t.name)}, ${e(o)})`,r.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],r.lastResortDefaultValue=()=>t.lastResortDefaultValue(),r}}const xo={colorWhite:Co.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:Co.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:Co.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:Co.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:Co.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:Co.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:Co.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:Co.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:Co.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:Co.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:Co.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:Co.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:Co.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:Co.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:Co.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:Co.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:Co.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:Co.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:Co.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:Co.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:Co.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:Co.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:Co.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:Co.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:Co.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:Co.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:Co.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:Co.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:Co.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:Co.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:Co.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:Co.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:Co.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:Co.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:Co.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:Co.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:Co.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:Co.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:Co.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:Co.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:Co.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:Co.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:Co.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:Co.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:Co.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:Co.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:Co.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:Co.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:Co.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:Co.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:Co.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:Co.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:Co.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:Co.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:Co.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:Co.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:Co.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:Co.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:Co.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:Co.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:Co.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:Co.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:Co.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:Co.create("--ft-color-orange-0","","COLOR","#ee8d17"),colorOrange10:Co.create("--ft-color-orange-10","","COLOR","#fef6ec"),colorOrange20:Co.create("--ft-color-orange-20","","COLOR","#fbe7cd"),colorOrange30:Co.create("--ft-color-orange-30","","COLOR","#f9d8af"),colorOrange40:Co.create("--ft-color-orange-40","","COLOR","#f7c991"),colorOrange50:Co.create("--ft-color-orange-50","","COLOR","#f5ba72"),colorOrange60:Co.create("--ft-color-orange-60","","COLOR","#f2ab54"),colorOrange70:Co.create("--ft-color-orange-70","","COLOR","#f09c35"),colorOrange100:Co.create("--ft-color-orange-100","","COLOR","#cf7b14"),colorOrange200:Co.create("--ft-color-orange-200","","COLOR","#b06811"),colorOrange300:Co.create("--ft-color-orange-300","","COLOR","#90560e"),colorOrange400:Co.create("--ft-color-orange-400","","COLOR","#71430b"),colorOrange500:Co.create("--ft-color-orange-500","","COLOR","#523108"),colorOrange600:Co.create("--ft-color-orange-600","","COLOR","#331e05"),colorOrange700:Co.create("--ft-color-orange-700","","COLOR","#140c02"),colorRed0:Co.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:Co.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:Co.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:Co.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:Co.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:Co.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:Co.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:Co.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:Co.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:Co.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:Co.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:Co.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:Co.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:Co.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:Co.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:Co.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:Co.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:Co.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:Co.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:Co.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:Co.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:Co.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:Co.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:Co.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:Co.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:Co.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:Co.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:Co.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:Co.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:Co.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:Co.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:Co.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:Co.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:Co.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:Co.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:Co.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:Co.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:Co.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:Co.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:Co.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:Co.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:Co.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:Co.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:Co.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:Co.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:Co.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:Co.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:Co.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:Co.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:Co.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:Co.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:Co.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:Co.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:Co.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:Co.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:Co.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:Co.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:Co.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:Co.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:Co.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:Co.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:Co.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:Co.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:Co.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:Co.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:Co.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:Co.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:Co.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:Co.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:Co.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:Co.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:Co.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:Co.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:Co.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:Co.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:Co.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:Co.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:Co.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:Co.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:Co.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:Co.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:Co.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:Co.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:Co.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:Co.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:Co.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:Co.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:Co.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:Co.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:Co.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:Co.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:Co.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:Co.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:Co.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:Co.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:Co.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:Co.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:Co.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:Co.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:Co.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:Co.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:Co.create("--ft-icon-size-6","","SIZE","48px"),opacity0:Co.create("--ft-opacity-0","","NUMBER","0"),opacity8:Co.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:Co.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:Co.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:Co.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:Co.create("--ft-opacity-80","","NUMBER","0.8")};Co.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-display-lineHeight","","SIZE","120%"),Co.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),Co.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),Co.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-display-textCase","","UNKNOWN","none"),Co.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),Co.create("--ft-typography-title-1-fontSize","","SIZE","2rem"),Co.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),Co.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-title-1-textCase","","UNKNOWN","none"),Co.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-title-2-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),Co.create("--ft-typography-title-2-fontSize","","SIZE","1.5rem"),Co.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),Co.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-title-2-textCase","","UNKNOWN","none"),Co.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-title-3-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),Co.create("--ft-typography-title-3-fontSize","","SIZE","1.25rem"),Co.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),Co.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-title-3-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),Co.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),Co.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),Co.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),Co.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),Co.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none"),Co.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),Co.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),Co.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),Co.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),Co.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),Co.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),Co.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),Co.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),Co.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),Co.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),Co.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),Co.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),Co.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),Co.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),Co.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),Co.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),Co.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),Co.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),Co.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),Co.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),Co.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),Co.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none");const Ro={backgroundActionPrimary:Co.extend("--ft-background-action-primary","Used as backgorund of primary action components.",xo.colorBrand0),backgroundErrorPrimary:Co.extend("--ft-background-error-primary","Used as background of error components.",xo.colorRed0),backgroundErrorSubtle:Co.extend("--ft-background-error-subtle","Used as background of subtle error components.",xo.colorRed10),backgroundInfoPrimary:Co.extend("--ft-background-info-primary","Used as background of information components.",xo.colorCyan200),backgroundInfoSubtle:Co.extend("--ft-background-info-subtle","Used as background of subtle information components.",xo.colorCyan10),backgroundWarningPrimary:Co.extend("--ft-background-warning-primary","Used as background of warning components.",xo.colorOrange300),backgroundWarningSubtle:Co.extend("--ft-background-warning-subtle","Used as background of subtle information components.",xo.colorOrange10),backgroundSuccessPrimary:Co.extend("--ft-background-success-primary","Used as background of success components.",xo.colorGreen200),backgroundSuccessSubtle:Co.extend("--ft-background-success-subtle","Used as background of subtle success components.",xo.colorGreen10),backgroundGlobalSurface:Co.extend("--ft-background-global-surface","Used as app background.",xo.colorWhite),backgroundGlobalOnSurface:Co.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",xo.colorGray10),backgroundGlobalOnSurfaceDark:Co.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",xo.colorGray30),contentActionPrimary:Co.extend("--ft-content-action-primary","Used on label of primary action on light surface.",xo.colorBrand0),contentWarningPrimary:Co.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",xo.colorOrange300),contentWarningIconOnly:Co.extend("--ft-content-warning-icon-only","Used on warning status icons alone",xo.colorOrange0),contentErrorPrimary:Co.extend("--ft-content-error-primary","Used on label of error messages on light surface.",xo.colorRed0),contentErrorIconOnly:Co.extend("--ft-content-error-icon-only","Used on error status icons alone",xo.colorRed0),contentInfoPrimary:Co.extend("--ft-content-info-primary","Used on label of information messages on light surface.",xo.colorCyan200),contentInfoIconOnly:Co.extend("--ft-content-info-icon-only","Used on info status icons alone",xo.colorCyan0),contentSuccessIconOnly:Co.extend("--ft-content-success-icon-only","Used on success status icons alone",xo.colorGreen0),contentSuccessPrimary:Co.extend("--ft-content-success-primary","Used on label of success messages on light surface.",xo.colorGreen200),contentGlobalPrimary:Co.extend("--ft-content-global-primary","Used for main content on the page.",xo.colorGray500),contentGlobalSecondary:Co.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",xo.colorGray200),contentGlobalSubtle:Co.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",xo.colorGray0),contentGlobalOnColor:Co.extend("--ft-content-global-on-color","Used for content on a dominant color.",xo.colorWhite),borderActionPrimary:Co.extend("--ft-border-action-primary","Used as border for primary action components.",xo.colorBrand0),borderActionFocusRing:Co.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",xo.colorCyan0),borderWarningPrimary:Co.extend("--ft-border-warning-primary","Used as border for warning components.",xo.colorOrange30),borderSuccessPrimary:Co.extend("--ft-border-success-primary","Used as border for success components.",xo.colorGreen30),borderErrorPrimary:Co.extend("--ft-border-error-primary","Used as border for error components.",xo.colorRed30),borderInfoPrimary:Co.extend("--ft-border-info-primary","Used as border for information components.",xo.colorCyan30),borderGlobalSubtle:Co.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",xo.colorGray30),borderGlobalPrimary:Co.extend("--ft-border-global-primary","Used as border for element like input.",xo.colorGray50),borderInputPrimary:Co.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",xo.colorGray80)};Co.create("--ft-button-large-height","","SIZE","40px"),Co.extend("--ft-button-large-horizontal-padding","",xo.spacing4),Co.extend("--ft-button-large-gap","",xo.spacing2),Co.extend("--ft-button-large-border-radius","",xo.borderRadiusS),Co.extend("--ft-button-large-icon-size","",xo.iconSize3),Co.create("--ft-button-large-border-width","","SIZE","1px"),Co.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),Co.create("--ft-button-large-focus-outline-width","","SIZE","2px"),Co.create("--ft-button-large-icon-only-width","","SIZE","40px"),Co.create("--ft-button-small-height","","SIZE","30px"),Co.extend("--ft-button-small-horizontal-padding","",xo.spacing3),Co.extend("--ft-button-small-gap","",xo.spacing2),Co.extend("--ft-button-small-border-radius","",xo.borderRadiusS),Co.extend("--ft-button-small-icon-size","",xo.iconSize2),Co.create("--ft-button-small-border-width","","SIZE","1px"),Co.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),Co.create("--ft-button-small-focus-outline-width","","SIZE","2px"),Co.create("--ft-button-small-icon-only-width","","SIZE","30px"),Co.extend("--ft-button-primary-background-color","",Ro.backgroundActionPrimary),Co.extend("--ft-button-primary-color","",Ro.contentGlobalOnColor),Co.extend("--ft-button-primary-icon-color","",Ro.contentGlobalOnColor),Co.extend("--ft-button-primary-state-layer-color","",Ro.contentGlobalOnColor),Co.extend("--ft-button-primary-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-button-primary-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-button-primary-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-button-primary-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-button-focus-focus-ring-color","",Ro.borderActionFocusRing),Co.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),Co.extend("--ft-button-tertiary-color","",Ro.contentActionPrimary),Co.extend("--ft-button-tertiary-icon-color","",Ro.contentActionPrimary),Co.extend("--ft-button-tertiary-state-layer-color","",Ro.contentActionPrimary),Co.extend("--ft-button-tertiary-state-layer-opacity-hover","",xo.opacity8),Co.extend("--ft-button-tertiary-state-layer-opacity-focus","",xo.opacity8),Co.extend("--ft-button-tertiary-state-layer-opacity-active","",xo.opacity16),Co.extend("--ft-button-tertiary-component-opacity-disabled","",xo.opacity40),Co.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),Co.extend("--ft-button-secondary-color","",Ro.contentActionPrimary),Co.extend("--ft-button-secondary-icon-color","",Ro.contentActionPrimary),Co.extend("--ft-button-secondary-state-layer-color","",Ro.contentActionPrimary),Co.extend("--ft-button-secondary-state-layer-opacity-hover","",xo.opacity8),Co.extend("--ft-button-secondary-state-layer-opacity-focus","",xo.opacity8),Co.extend("--ft-button-secondary-state-layer-opacity-active","",xo.opacity16),Co.extend("--ft-button-secondary-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-button-secondary-border-color","",Ro.borderActionPrimary),Co.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),Co.extend("--ft-button-neutral-icon-color","",Ro.contentGlobalSecondary),Co.extend("--ft-button-neutral-color","",Ro.contentGlobalSecondary),Co.extend("--ft-button-neutral-state-layer-color","",Ro.contentGlobalSecondary),Co.extend("--ft-button-neutral-state-layer-opacity-hover","",xo.opacity8),Co.extend("--ft-button-neutral-state-layer-opacity-focus","",xo.opacity8),Co.extend("--ft-button-neutral-state-layer-opacity-active","",xo.opacity16),Co.extend("--ft-button-neutral-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-tabs-top-left-border-radius","",xo.borderRadiusS),Co.extend("--ft-tabs-top-right-border-radius","",xo.borderRadiusS),Co.extend("--ft-tabs-label-horizontal-padding","",xo.spacing4),Co.extend("--ft-tabs-label-vertical-padding","",xo.spacing3),Co.extend("--ft-tabs-label-gap","",xo.spacing1),Co.extend("--ft-switch-group-horizontal-padding","",xo.spacing1),Co.extend("--ft-switch-group-vertical-padding","",xo.spacing1),Co.extend("--ft-switch-group-gap","",xo.spacing1),Co.extend("--ft-switch-group-background-color","",Ro.backgroundGlobalSurface),Co.extend("--ft-switch-group-border-color","",Ro.borderGlobalSubtle),Co.create("--ft-switch-group-border-radius","","SIZE","6px"),Co.extend("--ft-switch-label-horizontal-padding","",xo.spacing2),Co.extend("--ft-switch-label-vertical-padding","",xo.spacing1),Co.extend("--ft-switch-icon-horizontal-padding","",xo.spacing1),Co.extend("--ft-switch-icon-vertical-padding","",xo.spacing1),Co.create("--ft-switch-focus-outline-width","","SIZE","2px"),Co.extend("--ft-switch-focus-focus-ring-color","",Ro.borderActionFocusRing),Co.extend("--ft-switch-option-border-radius","",xo.borderRadiusS),Co.extend("--ft-switch-off-state-layer-opacity-hover","",xo.opacity8),Co.extend("--ft-switch-off-state-layer-opacity-focus","",xo.opacity8),Co.extend("--ft-switch-off-state-layer-opacity-active","",xo.opacity16),Co.extend("--ft-switch-off-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-switch-off-color","",Ro.contentGlobalSubtle),Co.extend("--ft-switch-off-state-layer-color","",Ro.contentGlobalSubtle),Co.extend("--ft-chart-1-light","for area color charts",xo.colorBrand40),Co.extend("--ft-chart-1-base","for line charts",xo.colorBrand0),Co.extend("--ft-chart-2-light","for area color charts",xo.colorYellow60),Co.extend("--ft-chart-2-base","for line charts",xo.colorYellow100),Co.extend("--ft-chart-3-light","",xo.colorUltramarine40),Co.extend("--ft-chart-3-base","",xo.colorUltramarine70),Co.extend("--ft-chart-4-light","",xo.colorCyan50),Co.extend("--ft-chart-4-base","",xo.colorCyan100),Co.extend("--ft-chart-5-light","",xo.colorRed40),Co.extend("--ft-chart-5-base","",xo.colorRed60),Co.extend("--ft-chart-6-light","",xo.colorGreen40),Co.extend("--ft-chart-6-base","",xo.colorGreen70),Co.extend("--ft-chart-7-light","",xo.colorOrange70),Co.extend("--ft-chart-7-base","",xo.colorOrange100),Co.extend("--ft-chart-8-light","",xo.colorAvocado70),Co.extend("--ft-chart-8-base","",xo.colorAvocado200),Co.extend("--ft-chart-9-light","",xo.colorBrown50),Co.extend("--ft-chart-9-base","",xo.colorBrown200),Co.extend("--ft-chart-10-light","",xo.colorGray50),Co.extend("--ft-chart-10-base","",xo.colorGray80),Co.extend("--ft-chart-monochrome-10","",xo.colorBrand10),Co.extend("--ft-chart-monochrome-20","",xo.colorBrand20),Co.extend("--ft-chart-monochrome-30","",xo.colorBrand40),Co.extend("--ft-chart-monochrome-40","",xo.colorBrand60),Co.extend("--ft-chart-monochrome-50","",xo.colorBrand0),Co.extend("--ft-chart-monochrome-60","",xo.colorBrand200),Co.extend("--ft-chip-large-horizontal-padding","",xo.spacing4),Co.extend("--ft-chip-large-vertical-padding","",xo.spacing2),Co.extend("--ft-chip-large-gap","",xo.spacing1),Co.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),Co.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),Co.extend("--ft-chip-large-border-radius","",xo.borderRadiusPill),Co.create("--ft-chip-large-border-width","","SIZE","1px"),Co.extend("--ft-chip-large-icon-size","",xo.iconSize3),Co.extend("--ft-chip-medium-horizontal-padding","",xo.spacing3),Co.extend("--ft-chip-medium-vertical-padding","",xo.spacing1),Co.extend("--ft-chip-medium-gap","",xo.spacing1),Co.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),Co.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),Co.extend("--ft-chip-medium-border-radius","",xo.borderRadiusPill),Co.create("--ft-chip-medium-border-width","","SIZE","1px"),Co.extend("--ft-chip-medium-icon-size","",xo.iconSize2),Co.extend("--ft-chip-small-horizontal-padding","",xo.spacing2),Co.extend("--ft-chip-small-vertical-padding","",xo.spacing05),Co.extend("--ft-chip-small-gap","",xo.spacing1),Co.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),Co.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),Co.extend("--ft-chip-small-border-radius","",xo.borderRadiusPill),Co.create("--ft-chip-small-border-width","","SIZE","1px"),Co.extend("--ft-chip-small-icon-size","",xo.iconSize1),Co.extend("--ft-chip-neutral-background-color","",Ro.backgroundGlobalOnSurface),Co.extend("--ft-chip-neutral-color","",Ro.contentGlobalPrimary),Co.extend("--ft-chip-neutral-border-color","",Ro.borderGlobalSubtle),Co.extend("--ft-chip-info-background-color","",Ro.backgroundInfoSubtle),Co.extend("--ft-chip-info-color","",Ro.contentInfoPrimary),Co.extend("--ft-chip-info-border-color","",Ro.borderInfoPrimary),Co.extend("--ft-chip-success-background-color","",Ro.backgroundSuccessSubtle),Co.extend("--ft-chip-success-color","",Ro.contentSuccessPrimary),Co.extend("--ft-chip-success-border-color","",Ro.borderSuccessPrimary),Co.extend("--ft-chip-warning-background-color","",Ro.backgroundWarningSubtle),Co.extend("--ft-chip-warning-color","",Ro.contentWarningPrimary),Co.extend("--ft-chip-warning-border-color","",Ro.borderWarningPrimary),Co.extend("--ft-chip-error-background-color","",Ro.backgroundErrorSubtle),Co.extend("--ft-chip-error-color","",Ro.contentErrorPrimary),Co.extend("--ft-chip-error-border-color","",Ro.borderErrorPrimary),Co.create("--ft-notice-border-width","","SIZE","1px"),Co.extend("--ft-notice-horizontal-padding","",xo.spacing2),Co.extend("--ft-notice-vertical-padding","",xo.spacing1),Co.extend("--ft-notice-border-radius","",xo.borderRadiusS),Co.extend("--ft-notice-gap","",xo.spacing2),Co.extend("--ft-notice-icon-size","",xo.iconSize3),Co.extend("--ft-notice-info-background-color","",Ro.backgroundInfoSubtle),Co.extend("--ft-notice-info-border-color","",Ro.borderInfoPrimary),Co.extend("--ft-notice-info-color","",Ro.contentInfoPrimary),Co.extend("--ft-notice-warning-background-color","",Ro.backgroundWarningSubtle),Co.extend("--ft-notice-warning-border-color","",Ro.borderWarningPrimary),Co.extend("--ft-notice-warning-color","",Ro.contentWarningPrimary),Co.extend("--ft-checkbox-label-color","",Ro.contentGlobalPrimary),Co.extend("--ft-checkbox-checked-background-color","",Ro.contentActionPrimary),Co.extend("--ft-checkbox-checked-state-layer-color","",Ro.contentActionPrimary),Co.extend("--ft-checkbox-checked-color","",Ro.contentGlobalOnColor),Co.extend("--ft-checkbox-checked-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-checkbox-checked-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-checkbox-checked-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-checkbox-checked-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-checkbox-unchecked-border-color","",xo.colorGray80),Co.extend("--ft-checkbox-unchecked-state-layer-color","",xo.colorGray80),Co.extend("--ft-checkbox-unchecked-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-checkbox-unchecked-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-checkbox-unchecked-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-checkbox-unchecked-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-checkbox-focus-focus-ring-color","",Ro.borderActionFocusRing),Co.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),Co.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),Co.extend("--ft-checkbox-gap","",xo.spacing3),Co.extend("--ft-toggle-off-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-toggle-off-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-toggle-off-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-toggle-off-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-toggle-off-background-color","",Ro.contentGlobalSubtle),Co.extend("--ft-toggle-off-icon-color","",Ro.contentGlobalSubtle),Co.extend("--ft-toggle-off-state-layer-color","",Ro.contentGlobalSubtle),Co.extend("--ft-toggle-on-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-toggle-on-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-toggle-on-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-toggle-on-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-toggle-on-background-color","",Ro.contentActionPrimary),Co.extend("--ft-toggle-on-icon-color","",Ro.contentActionPrimary),Co.extend("--ft-toggle-on-state-layer-color","",Ro.contentActionPrimary),Co.extend("--ft-toggle-label-color","",Ro.contentGlobalPrimary),Co.extend("--ft-toggle-focus-focus-ring-color","",Ro.borderActionFocusRing),Co.extend("--ft-toggle-gap","",xo.spacing3),Co.extend("--ft-radio-label-color","",Ro.contentGlobalPrimary),Co.extend("--ft-radio-selected-color","",Ro.contentActionPrimary),Co.extend("--ft-radio-selected-state-layer-color","",Ro.contentActionPrimary),Co.extend("--ft-radio-selected-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-radio-selected-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-radio-selected-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-radio-selected-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-radio-unselected-state-layer-color","",xo.colorGray80),Co.extend("--ft-radio-unselected-state-layer-opacity-hover","",xo.opacity16),Co.extend("--ft-radio-unselected-state-layer-opacity-focus","",xo.opacity16),Co.extend("--ft-radio-unselected-state-layer-opacity-active","",xo.opacity24),Co.extend("--ft-radio-unselected-component-opacity-disabled","",xo.opacity40),Co.extend("--ft-radio-focus-focus-ring-color","",Ro.borderActionFocusRing),Co.create("--ft-radio-focus-outline-offset","","SIZE","3px"),Co.create("--ft-radio-focus-outline-width","","SIZE","2px"),Co.extend("--ft-radio-gap","",xo.spacing3),Co.extend("--ft-notification-icon-size","",xo.iconSize4),Co.extend("--ft-notification-horizontal-padding","",xo.spacing4),Co.extend("--ft-notification-vertical-padding","",xo.spacing4),Co.extend("--ft-notification-info-background-color","",Ro.backgroundInfoSubtle),Co.extend("--ft-notification-info-color","",Ro.contentInfoPrimary),Co.extend("--ft-notification-info-border-color","",Ro.borderInfoPrimary),Co.extend("--ft-notification-success-background-color","",Ro.backgroundSuccessSubtle),Co.extend("--ft-notification-success-color","",Ro.contentSuccessPrimary),Co.extend("--ft-notification-success-border-color","",Ro.borderSuccessPrimary),Co.extend("--ft-notification-warning-background-color","",Ro.backgroundWarningSubtle),Co.extend("--ft-notification-warning-color","",Ro.contentWarningPrimary),Co.extend("--ft-notification-warning-border-color","",Ro.borderWarningPrimary),Co.extend("--ft-notification-error-background-color","",Ro.backgroundErrorSubtle),Co.extend("--ft-notification-error-color","",Ro.contentErrorPrimary),Co.extend("--ft-notification-error-border-color","",Ro.borderErrorPrimary),Co.extend("--ft-notification-border-radius","",xo.borderRadiusPill),Co.create("--ft-notification-border-width","","SIZE","1px"),Co.extend("--ft-notification-gap-leading","",xo.spacing2),Co.extend("--ft-notification-gap-trailing","",xo.spacing8),Co.create("--ft-color-primary","","COLOR","#2196F3"),Co.create("--ft-color-primary-variant","","COLOR","#1976D2"),Co.create("--ft-color-secondary","","COLOR","#FFCC80"),Co.create("--ft-color-secondary-variant","","COLOR","#F57C00"),Co.create("--ft-color-surface","","COLOR","#FFFFFF"),Co.create("--ft-color-content","","COLOR","rgba(0, 0, 0, 0.87)"),Co.create("--ft-color-error","","COLOR","#B00020"),Co.create("--ft-color-outline","","COLOR","rgba(0, 0, 0, 0.14)"),Co.create("--ft-color-opacity-high","","NUMBER","1"),Co.create("--ft-color-opacity-medium","","NUMBER","0.74"),Co.create("--ft-color-opacity-disabled","","NUMBER","0.38"),Co.create("--ft-color-on-primary","","COLOR","#FFFFFF"),Co.create("--ft-color-on-primary-high","","COLOR","#FFFFFF"),Co.create("--ft-color-on-primary-medium","","COLOR","rgba(255, 255, 255, 0.74)"),Co.create("--ft-color-on-primary-disabled","","COLOR","rgba(255, 255, 255, 0.38)"),Co.create("--ft-color-on-secondary","","COLOR","#FFFFFF"),Co.create("--ft-color-on-secondary-high","","COLOR","#FFFFFF"),Co.create("--ft-color-on-secondary-medium","","COLOR","rgba(255, 255, 255, 0.74)"),Co.create("--ft-color-on-secondary-disabled","","COLOR","rgba(255, 255, 255, 0.38)"),Co.create("--ft-color-on-surface","","COLOR","rgba(0, 0, 0, 0.87)"),Co.create("--ft-color-on-surface-high","","COLOR","rgba(0, 0, 0, 0.87)"),Co.create("--ft-color-on-surface-medium","","COLOR","rgba(0, 0, 0, 0.60)"),Co.create("--ft-color-on-surface-disabled","","COLOR","rgba(0, 0, 0, 0.38)"),Co.create("--ft-opacity-content-on-surface-disabled","","NUMBER","0"),Co.create("--ft-opacity-content-on-surface-enable","","NUMBER","0"),Co.create("--ft-opacity-content-on-surface-hover","","NUMBER","0.04"),Co.create("--ft-opacity-content-on-surface-focused","","NUMBER","0.12"),Co.create("--ft-opacity-content-on-surface-pressed","","NUMBER","0.10"),Co.create("--ft-opacity-content-on-surface-selected","","NUMBER","0.08"),Co.create("--ft-opacity-content-on-surface-dragged","","NUMBER","0.08"),Co.create("--ft-opacity-primary-on-surface-disabled","","NUMBER","0"),Co.create("--ft-opacity-primary-on-surface-enable","","NUMBER","0"),Co.create("--ft-opacity-primary-on-surface-hover","","NUMBER","0.04"),Co.create("--ft-opacity-primary-on-surface-focused","","NUMBER","0.12"),Co.create("--ft-opacity-primary-on-surface-pressed","","NUMBER","0.10"),Co.create("--ft-opacity-primary-on-surface-selected","","NUMBER","0.08"),Co.create("--ft-opacity-primary-on-surface-dragged","","NUMBER","0.08"),Co.create("--ft-opacity-surface-on-primary-disabled","","NUMBER","0"),Co.create("--ft-opacity-surface-on-primary-enable","","NUMBER","0"),Co.create("--ft-opacity-surface-on-primary-hover","","NUMBER","0.04"),Co.create("--ft-opacity-surface-on-primary-focused","","NUMBER","0.12"),Co.create("--ft-opacity-surface-on-primary-pressed","","NUMBER","0.10"),Co.create("--ft-opacity-surface-on-primary-selected","","NUMBER","0.08"),Co.create("--ft-opacity-surface-on-primary-dragged","","NUMBER","0.08"),Co.create("--ft-elevation-00","","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),Co.create("--ft-elevation-01","","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-02","","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-03","","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-04","","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-06","","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-08","","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-12","","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-16","","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-elevation-24","","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),Co.create("--ft-border-radius-S","","SIZE","4px"),Co.create("--ft-border-radius-M","","SIZE","8px"),Co.create("--ft-border-radius-L","","SIZE","12px"),Co.create("--ft-border-radius-XL","","SIZE","16px"),Co.create("--ft-title-font","","UNKNOWN","Ubuntu, system-ui, sans-serif"),Co.create("--ft-content-font","","UNKNOWN","'Open Sans', system-ui, sans-serif"),Co.create("--ft-transition-duration","","UNKNOWN","250ms"),Co.create("--ft-transition-timing-function","","UNKNOWN","ease-in-out");
|
|
75
|
+
let xo=class extends Ft{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const o=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,o,e)=>{const r=e?.renderBefore??o;let i=r._$litPart$;if(void 0===i){const t=e?.renderBefore??null;r._$litPart$=i=new yo(o.insertBefore(jt(),t),t,void 0,e??{})}return i._$AI(t),i})(o,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return no}};xo._$litElement$=!0,xo.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:xo});const vo=globalThis.litElementPolyfillSupport;vo?.({LitElement:xo}),(globalThis.litElementVersions??=[]).push("4.0.2");const So=t=>"string"==typeof t?xt(t):t;class wo{static create(t,o,e,r){const i=t=>So(null!=t?t:r),n=vt`var(${So(t)}, ${i(r)})`;return n.name=t,n.description=o,n.category=e,n.defaultValue=r,n.defaultCssValue=i,n.get=o=>vt`var(${So(t)}, ${i(o)})`,n.breadcrumb=()=>[],n.lastResortDefaultValue=()=>r,n}static extend(t,o,e,r){const i=t=>e.get(null!=t?t:r),n=vt`var(${So(t)}, ${i(r)})`;return n.name=t,n.description=o,n.category=e.category,n.fallbackVariable=e,n.defaultValue=r,n.defaultCssValue=i,n.get=o=>vt`var(${So(t)}, ${i(o)})`,n.breadcrumb=()=>[e.name,...e.breadcrumb()],n.lastResortDefaultValue=()=>null!=r?r:e.lastResortDefaultValue(),n}static external(t,o){const e=o=>t.fallbackVariable?t.fallbackVariable.get(null!=o?o:t.defaultValue):So(null!=o?o:t.lastResortDefaultValue()),r=vt`var(${So(t.name)}, ${e(t.defaultValue)})`;return r.name=t.name,r.category=t.category,r.fallbackVariable=t.fallbackVariable,r.defaultValue=t.defaultValue,r.context=o,r.defaultCssValue=e,r.get=o=>vt`var(${So(t.name)}, ${e(o)})`,r.breadcrumb=()=>t.fallbackVariable?[t.fallbackVariable.name,...t.fallbackVariable.breadcrumb()]:[],r.lastResortDefaultValue=()=>t.lastResortDefaultValue(),r}}const Co={colorWhite:wo.create("--ft-color-white","","COLOR","#ffffff"),colorGray0:wo.create("--ft-color-gray-0","","COLOR","#71718e"),colorGray10:wo.create("--ft-color-gray-10","","COLOR","#fbfbfc"),colorGray20:wo.create("--ft-color-gray-20","","COLOR","#f2f2f5"),colorGray30:wo.create("--ft-color-gray-30","","COLOR","#e9e9ed"),colorGray40:wo.create("--ft-color-gray-40","","COLOR","#e0e0e6"),colorGray50:wo.create("--ft-color-gray-50","","COLOR","#cdcdd7"),colorGray60:wo.create("--ft-color-gray-60","","COLOR","#bbbbc9"),colorGray70:wo.create("--ft-color-gray-70","","COLOR","#a8a8ba"),colorGray80:wo.create("--ft-color-gray-80","","COLOR","#9696ab"),colorGray90:wo.create("--ft-color-gray-90","","COLOR","#83839d"),colorGray100:wo.create("--ft-color-gray-100","","COLOR","#62627c"),colorGray200:wo.create("--ft-color-gray-200","","COLOR","#545469"),colorGray300:wo.create("--ft-color-gray-300","","COLOR","#454557"),colorGray400:wo.create("--ft-color-gray-400","","COLOR","#363644"),colorGray500:wo.create("--ft-color-gray-500","","COLOR","#282832"),colorGray600:wo.create("--ft-color-gray-600","","COLOR","#19191f"),colorGray700:wo.create("--ft-color-gray-700","","COLOR","#0a0a0d"),colorBrand0:wo.create("--ft-color-brand-0","","COLOR","#9d207b"),colorBrand10:wo.create("--ft-color-brand-10","","COLOR","#f7edf4"),colorBrand20:wo.create("--ft-color-brand-20","","COLOR","#ebcfe4"),colorBrand30:wo.create("--ft-color-brand-30","","COLOR","#dfb2d3"),colorBrand40:wo.create("--ft-color-brand-40","","COLOR","#d395c2"),colorBrand50:wo.create("--ft-color-brand-50","","COLOR","#c778b1"),colorBrand60:wo.create("--ft-color-brand-60","","COLOR","#ba5ba1"),colorBrand70:wo.create("--ft-color-brand-70","","COLOR","#ae3e90"),colorBrand100:wo.create("--ft-color-brand-100","","COLOR","#8d1d6e"),colorBrand200:wo.create("--ft-color-brand-200","","COLOR","#78185e"),colorBrand300:wo.create("--ft-color-brand-300","","COLOR","#62144d"),colorBrand400:wo.create("--ft-color-brand-400","","COLOR","#4d103c"),colorBrand500:wo.create("--ft-color-brand-500","","COLOR","#380b2c"),colorBrand600:wo.create("--ft-color-brand-600","","COLOR","#23071b"),colorBrand700:wo.create("--ft-color-brand-700","","COLOR","#0d030b"),colorCyan0:wo.create("--ft-color-cyan-0","","COLOR","#0e98b4"),colorCyan10:wo.create("--ft-color-cyan-10","","COLOR","#ebf6f9"),colorCyan20:wo.create("--ft-color-cyan-20","","COLOR","#cbe9ef"),colorCyan30:wo.create("--ft-color-cyan-30","","COLOR","#acdbe5"),colorCyan40:wo.create("--ft-color-cyan-40","","COLOR","#8ccedb"),colorCyan50:wo.create("--ft-color-cyan-50","","COLOR","#6dc0d1"),colorCyan60:wo.create("--ft-color-cyan-60","","COLOR","#4db3c8"),colorCyan70:wo.create("--ft-color-cyan-70","","COLOR","#2ea5be"),colorCyan100:wo.create("--ft-color-cyan-100","","COLOR","#0c849c"),colorCyan200:wo.create("--ft-color-cyan-200","","COLOR","#0a7085"),colorCyan300:wo.create("--ft-color-cyan-300","","COLOR","#085c6d"),colorCyan400:wo.create("--ft-color-cyan-400","","COLOR","#074856"),colorCyan500:wo.create("--ft-color-cyan-500","","COLOR","#05343e"),colorCyan600:wo.create("--ft-color-cyan-600","","COLOR","#032127"),colorCyan700:wo.create("--ft-color-cyan-700","","COLOR","#010d0f"),colorGreen0:wo.create("--ft-color-green-0","","COLOR","#21a274"),colorGreen10:wo.create("--ft-color-green-10","","COLOR","#edf7f3"),colorGreen20:wo.create("--ft-color-green-20","","COLOR","#cfebe1"),colorGreen30:wo.create("--ft-color-green-30","","COLOR","#b2dfcf"),colorGreen40:wo.create("--ft-color-green-40","","COLOR","#95d3bd"),colorGreen50:wo.create("--ft-color-green-50","","COLOR","#78c7ab"),colorGreen60:wo.create("--ft-color-green-60","","COLOR","#5bba98"),colorGreen70:wo.create("--ft-color-green-70","","COLOR","#3eae86"),colorGreen100:wo.create("--ft-color-green-100","","COLOR","#1d8d65"),colorGreen200:wo.create("--ft-color-green-200","","COLOR","#187856"),colorGreen300:wo.create("--ft-color-green-300","","COLOR","#146246"),colorGreen400:wo.create("--ft-color-green-400","","COLOR","#104d37"),colorGreen500:wo.create("--ft-color-green-500","","COLOR","#0b3828"),colorGreen600:wo.create("--ft-color-green-600","","COLOR","#072319"),colorGreen700:wo.create("--ft-color-green-700","","COLOR","#030d0a"),colorOrange0:wo.create("--ft-color-orange-0","","COLOR","#ee8d17"),colorOrange10:wo.create("--ft-color-orange-10","","COLOR","#fef6ec"),colorOrange20:wo.create("--ft-color-orange-20","","COLOR","#fbe7cd"),colorOrange30:wo.create("--ft-color-orange-30","","COLOR","#f9d8af"),colorOrange40:wo.create("--ft-color-orange-40","","COLOR","#f7c991"),colorOrange50:wo.create("--ft-color-orange-50","","COLOR","#f5ba72"),colorOrange60:wo.create("--ft-color-orange-60","","COLOR","#f2ab54"),colorOrange70:wo.create("--ft-color-orange-70","","COLOR","#f09c35"),colorOrange100:wo.create("--ft-color-orange-100","","COLOR","#cf7b14"),colorOrange200:wo.create("--ft-color-orange-200","","COLOR","#b06811"),colorOrange300:wo.create("--ft-color-orange-300","","COLOR","#90560e"),colorOrange400:wo.create("--ft-color-orange-400","","COLOR","#71430b"),colorOrange500:wo.create("--ft-color-orange-500","","COLOR","#523108"),colorOrange600:wo.create("--ft-color-orange-600","","COLOR","#331e05"),colorOrange700:wo.create("--ft-color-orange-700","","COLOR","#140c02"),colorRed0:wo.create("--ft-color-red-0","","COLOR","#b40e2c"),colorRed10:wo.create("--ft-color-red-10","","COLOR","#f9ebed"),colorRed20:wo.create("--ft-color-red-20","","COLOR","#efcbd2"),colorRed30:wo.create("--ft-color-red-30","","COLOR","#e5acb6"),colorRed40:wo.create("--ft-color-red-40","","COLOR","#db8c9b"),colorRed50:wo.create("--ft-color-red-50","","COLOR","#d16d7f"),colorRed60:wo.create("--ft-color-red-60","","COLOR","#c84d63"),colorRed70:wo.create("--ft-color-red-70","","COLOR","#be2e48"),colorRed100:wo.create("--ft-color-red-100","","COLOR","#9c0c26"),colorRed200:wo.create("--ft-color-red-200","","COLOR","#850a20"),colorRed300:wo.create("--ft-color-red-300","","COLOR","#6d081b"),colorRed400:wo.create("--ft-color-red-400","","COLOR","#560715"),colorRed500:wo.create("--ft-color-red-500","","COLOR","#3e050f"),colorRed600:wo.create("--ft-color-red-600","","COLOR","#270309"),colorRed700:wo.create("--ft-color-red-700","","COLOR","#0f0104"),colorYellow0:wo.create("--ft-color-yellow-0","","COLOR","#E4C00C"),colorYellow10:wo.create("--ft-color-yellow-10","","COLOR","#fefae9"),colorYellow20:wo.create("--ft-color-yellow-20","","COLOR","#fcf4ca"),colorYellow30:wo.create("--ft-color-yellow-30","","COLOR","#faedaa"),colorYellow40:wo.create("--ft-color-yellow-40","","COLOR","#f9e78b"),colorYellow50:wo.create("--ft-color-yellow-50","","COLOR","#f7e06b"),colorYellow60:wo.create("--ft-color-yellow-60","","COLOR","#F4D63E"),colorYellow70:wo.create("--ft-color-yellow-70","","COLOR","#F3CE16"),colorYellow100:wo.create("--ft-color-yellow-100","","COLOR","#d3b10b"),colorYellow200:wo.create("--ft-color-yellow-200","","COLOR","#b3970a"),colorYellow300:wo.create("--ft-color-yellow-300","","COLOR","#947c08"),colorYellow400:wo.create("--ft-color-yellow-400","","COLOR","#746206"),colorYellow500:wo.create("--ft-color-yellow-500","","COLOR","#554705"),colorYellow600:wo.create("--ft-color-yellow-600","","COLOR","#352d03"),colorYellow700:wo.create("--ft-color-yellow-700","","COLOR","#161201"),colorUltramarine0:wo.create("--ft-color-ultramarine-0","","COLOR","#3C19E5"),colorUltramarine10:wo.create("--ft-color-ultramarine-10","","COLOR","#EDEAFD"),colorUltramarine20:wo.create("--ft-color-ultramarine-20","","COLOR","#D4CCF9"),colorUltramarine30:wo.create("--ft-color-ultramarine-30","","COLOR","#BBAFF6"),colorUltramarine40:wo.create("--ft-color-ultramarine-40","","COLOR","#A191F3"),colorUltramarine50:wo.create("--ft-color-ultramarine-50","","COLOR","#8873EF"),colorUltramarine60:wo.create("--ft-color-ultramarine-60","","COLOR","#6F55EC"),colorUltramarine70:wo.create("--ft-color-ultramarine-70","","COLOR","#5537E8"),colorUltramarine100:wo.create("--ft-color-ultramarine-100","","COLOR","#3416C7"),colorUltramarine200:wo.create("--ft-color-ultramarine-200","","COLOR","#2C13A9"),colorUltramarine300:wo.create("--ft-color-ultramarine-300","","COLOR","#250F8C"),colorUltramarine400:wo.create("--ft-color-ultramarine-400","","COLOR","#1D0C6E"),colorUltramarine500:wo.create("--ft-color-ultramarine-500","","COLOR","#150950"),colorUltramarine600:wo.create("--ft-color-ultramarine-600","","COLOR","#0D0532"),colorUltramarine700:wo.create("--ft-color-ultramarine-700","","COLOR","#050215"),colorAvocado0:wo.create("--ft-color-avocado-0","","COLOR","#98BD28"),colorAvocado10:wo.create("--ft-color-avocado-10","","COLOR","#F6F9EC"),colorAvocado20:wo.create("--ft-color-avocado-20","","COLOR","#E8F0D0"),colorAvocado30:wo.create("--ft-color-avocado-30","","COLOR","#DBE8B4"),colorAvocado40:wo.create("--ft-color-avocado-40","","COLOR","#CEDF98"),colorAvocado50:wo.create("--ft-color-avocado-50","","COLOR","#C0D77C"),colorAvocado60:wo.create("--ft-color-avocado-60","","COLOR","#B3CE60"),colorAvocado70:wo.create("--ft-color-avocado-70","","COLOR","#A5C644"),colorAvocado100:wo.create("--ft-color-avocado-100","","COLOR","#84A423"),colorAvocado200:wo.create("--ft-color-avocado-200","","COLOR","#708C1E"),colorAvocado300:wo.create("--ft-color-avocado-300","","COLOR","#5D7318"),colorAvocado400:wo.create("--ft-color-avocado-400","","COLOR","#495B13"),colorAvocado500:wo.create("--ft-color-avocado-500","","COLOR","#35420E"),colorAvocado600:wo.create("--ft-color-avocado-600","","COLOR","#212A09"),colorAvocado700:wo.create("--ft-color-avocado-700","","COLOR","#0E1104"),colorBrown0:wo.create("--ft-color-brown-0","","COLOR","#B26F4D"),colorBrown10:wo.create("--ft-color-brown-10","","COLOR","#F8F2EF"),colorBrown20:wo.create("--ft-color-brown-20","","COLOR","#EEDFD8"),colorBrown30:wo.create("--ft-color-brown-30","","COLOR","#E4CDC1"),colorBrown40:wo.create("--ft-color-brown-40","","COLOR","#DABAAA"),colorBrown50:wo.create("--ft-color-brown-50","","COLOR","#D0A792"),colorBrown60:wo.create("--ft-color-brown-60","","COLOR","#C6947B"),colorBrown70:wo.create("--ft-color-brown-70","","COLOR","#BC8264"),colorBrown100:wo.create("--ft-color-brown-100","","COLOR","#9B6143"),colorBrown200:wo.create("--ft-color-brown-200","","COLOR","#845239"),colorBrown300:wo.create("--ft-color-brown-300","","COLOR","#6D442F"),colorBrown400:wo.create("--ft-color-brown-400","","COLOR","#553525"),colorBrown500:wo.create("--ft-color-brown-500","","COLOR","#3E271B"),colorBrown600:wo.create("--ft-color-brown-600","","COLOR","#271811"),colorBrown700:wo.create("--ft-color-brown-700","","COLOR","#100A07"),spacing1:wo.create("--ft-spacing-1","","SIZE","0.25rem"),spacing2:wo.create("--ft-spacing-2","","SIZE","calc(var(--ft-spacing-2, 0.25rem)*2)"),spacing3:wo.create("--ft-spacing-3","","SIZE","calc(var(--ft-spacing-3, 0.25rem)*3)"),spacing4:wo.create("--ft-spacing-4","","SIZE","calc(var(--ft-spacing-4, 0.25rem)*4)"),spacing5:wo.create("--ft-spacing-5","","SIZE","calc(var(--ft-spacing-5, 0.25rem)*5)"),spacing6:wo.create("--ft-spacing-6","","SIZE","calc(var(--ft-spacing-6, 0.25rem)*6)"),spacing8:wo.create("--ft-spacing-8","","SIZE","calc(var(--ft-spacing-8, 0.25rem)*8)"),spacing10:wo.create("--ft-spacing-10","","SIZE","calc(var(--ft-spacing-10, 0.25rem)*10)"),spacing12:wo.create("--ft-spacing-12","","SIZE","calc(var(--ft-spacing-12, 0.25rem)*12)"),spacing16:wo.create("--ft-spacing-16","","SIZE","calc(var(--ft-spacing-16, 0.25rem)*16)"),spacing20:wo.create("--ft-spacing-20","","SIZE","calc(var(--ft-spacing-20, 0.25rem)*20)"),spacing24:wo.create("--ft-spacing-24","","SIZE","calc(var(--ft-spacing-24, 0.25rem)*24)"),spacing28:wo.create("--ft-spacing-28","","SIZE","calc(var(--ft-spacing-28, 0.25rem)*28)"),spacing32:wo.create("--ft-spacing-32","","SIZE","calc(var(--ft-spacing-32, 0.25rem)*32)"),spacing05:wo.create("--ft-spacing-0-5","","SIZE","calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),borderRadiusS:wo.create("--ft-border-radius-s","","SIZE","4px"),borderRadiusM:wo.create("--ft-border-radius-m","","SIZE","8px"),borderRadiusL:wo.create("--ft-border-radius-l","","SIZE","12px"),borderRadiusXl:wo.create("--ft-border-radius-xl","","SIZE","16px"),borderRadiusPill:wo.create("--ft-border-radius-pill","","SIZE","999px"),borderRadiusRound:wo.create("--ft-border-radius-round","","SIZE","50%"),iconSize1:wo.create("--ft-icon-size-1","","SIZE","12px"),iconSize2:wo.create("--ft-icon-size-2","","SIZE","16px"),iconSize3:wo.create("--ft-icon-size-3","","SIZE","20px"),iconSize4:wo.create("--ft-icon-size-4","","SIZE","24px"),iconSize5:wo.create("--ft-icon-size-5","","SIZE","32px"),iconSize6:wo.create("--ft-icon-size-6","","SIZE","48px"),opacity0:wo.create("--ft-opacity-0","","NUMBER","0"),opacity8:wo.create("--ft-opacity-8","","NUMBER","0.08"),opacity16:wo.create("--ft-opacity-16","","NUMBER","0.16"),opacity24:wo.create("--ft-opacity-24","","NUMBER","0.24"),opacity40:wo.create("--ft-opacity-40","","NUMBER","0.4"),opacity80:wo.create("--ft-opacity-80","","NUMBER","0.8"),shadowElevation01:wo.create("--ft-shadow-elevation-01","","SHADOW","0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation02:wo.create("--ft-shadow-elevation-02","","SHADOW","0px 4px 10px 0px rgba(0,0,0,0.06), 0px 2px 5px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),shadowElevation03:wo.create("--ft-shadow-elevation-03","","SHADOW","0px 6px 13px 0px rgba(0,0,0,0.06), 0px 3px 7px 0px rgba(0,0,0,0.14), 0px 1px 2px 0px rgba(0,0,0,0.06)"),shadowElevation04:wo.create("--ft-shadow-elevation-04","","SHADOW","0px 8px 16px 0px rgba(0,0,0,0.06), 0px 4px 9px 0px rgba(0,0,0,0.14), 0px 2px 3px 0px rgba(0,0,0,0.06)"),shadowElevation06:wo.create("--ft-shadow-elevation-06","","SHADOW","0px 12px 22px 0px rgba(0,0,0,0.06), 0px 6px 13px 0px rgba(0,0,0,0.14), 0px 4px 5px 0px rgba(0,0,0,0.06)"),shadowElevation08:wo.create("--ft-shadow-elevation-08","","SHADOW","0px 16px 28px 0px rgba(0,0,0,0.06), 0px 8px 17px 0px rgba(0,0,0,0.14), 0px 6px 7px 0px rgba(0,0,0,0.06)"),shadowElevation12:wo.create("--ft-shadow-elevation-12","","SHADOW","0px 22px 40px 0px rgba(0,0,0,0.06), 0px 12px 23px 0px rgba(0,0,0,0.14), 0px 10px 11px 0px rgba(0,0,0,0.06)"),shadowElevation16:wo.create("--ft-shadow-elevation-16","","SHADOW","0px 28px 52px 0px rgba(0,0,0,0.06), 0px 16px 29px 0px rgba(0,0,0,0.14), 0px 14px 15px 0px rgba(0,0,0,0.06)"),shadowElevation24:wo.create("--ft-shadow-elevation-24","","SHADOW","0px 40px 76px 0px rgba(0,0,0,0.06), 0px 24px 41px 0px rgba(0,0,0,0.14), 0px 22px 23px 0px rgba(0,0,0,0.06)")};wo.create("--ft-typography-display-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-display-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-display-lineHeight","","SIZE","120%"),wo.create("--ft-typography-display-fontSize","","SIZE","2.5rem"),wo.create("--ft-typography-display-letterSpacing","","SIZE","-0.02em"),wo.create("--ft-typography-display-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-display-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-display-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-display-textCase","","UNKNOWN","none"),wo.create("--ft-typography-title-1-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-title-1-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-title-1-lineHeight","","SIZE","120%"),wo.create("--ft-typography-title-1-fontSize","","SIZE","1.5rem"),wo.create("--ft-typography-title-1-letterSpacing","","SIZE","-0.02em"),wo.create("--ft-typography-title-1-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-title-1-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-title-1-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-title-1-textCase","","UNKNOWN","none"),wo.create("--ft-typography-title-2-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-title-2-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-title-2-lineHeight","","SIZE","120%"),wo.create("--ft-typography-title-2-fontSize","","SIZE","1.25rem"),wo.create("--ft-typography-title-2-letterSpacing","","SIZE","-0.02em"),wo.create("--ft-typography-title-2-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-title-2-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-title-2-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-title-2-textCase","","UNKNOWN","none"),wo.create("--ft-typography-title-3-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-title-3-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-title-3-lineHeight","","SIZE","120%"),wo.create("--ft-typography-title-3-fontSize","","SIZE","1.125rem"),wo.create("--ft-typography-title-3-letterSpacing","","SIZE","-0.01em"),wo.create("--ft-typography-title-3-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-title-3-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-title-3-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-title-3-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-1-regular-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-1-regular-fontWeight","","UNKNOWN","400"),wo.create("--ft-typography-body-1-regular-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-1-regular-fontSize","","SIZE","1rem"),wo.create("--ft-typography-body-1-regular-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-1-regular-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-1-regular-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-1-regular-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-1-regular-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-1-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-1-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-body-1-medium-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-1-medium-fontSize","","SIZE","1rem"),wo.create("--ft-typography-body-1-medium-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-1-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-1-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-1-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-1-medium-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-1-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-1-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-body-1-semibold-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-1-semibold-fontSize","","SIZE","1rem"),wo.create("--ft-typography-body-1-semibold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-1-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-1-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-1-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-1-semibold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-2-regular-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-2-regular-fontWeight","","UNKNOWN","400"),wo.create("--ft-typography-body-2-regular-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-2-regular-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-body-2-regular-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-2-regular-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-2-regular-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-2-regular-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-2-regular-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-2-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-2-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-body-2-medium-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-2-medium-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-body-2-medium-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-2-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-2-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-2-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-2-medium-textCase","","UNKNOWN","none"),wo.create("--ft-typography-body-2-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-body-2-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-body-2-semibold-lineHeight","","SIZE","135%"),wo.create("--ft-typography-body-2-semibold-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-body-2-semibold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-body-2-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-body-2-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-body-2-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-body-2-semibold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-label-1-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-1-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-label-1-medium-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-1-medium-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-label-1-medium-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-1-medium-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-1-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-1-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-1-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-label-1-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-1-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-label-1-semibold-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-1-semibold-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-label-1-semibold-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-1-semibold-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-1-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-1-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-1-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-label-1-bold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-1-bold-fontWeight","","UNKNOWN","700"),wo.create("--ft-typography-label-1-bold-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-1-bold-fontSize","","SIZE","0.875rem"),wo.create("--ft-typography-label-1-bold-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-1-bold-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-1-bold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-1-bold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-1-bold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-label-2-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-2-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-label-2-medium-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-2-medium-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-label-2-medium-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-2-medium-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-2-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-2-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-2-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-label-2-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-2-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-label-2-semibold-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-2-semibold-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-label-2-semibold-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-2-semibold-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-2-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-2-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-2-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-label-2-bold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-label-2-bold-fontWeight","","UNKNOWN","700"),wo.create("--ft-typography-label-2-bold-lineHeight","","SIZE","110%"),wo.create("--ft-typography-label-2-bold-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-label-2-bold-letterSpacing","","SIZE","0.04em"),wo.create("--ft-typography-label-2-bold-textCase","","UNKNOWN","uppercase"),wo.create("--ft-typography-label-2-bold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-label-2-bold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-label-2-bold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-1-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-caption-1-medium-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-1-medium-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-caption-1-medium-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-1-medium-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-1-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-1-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-1-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-caption-1-semibold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-1-semibold-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-caption-1-semibold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-1-semibold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-1-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-1-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-bold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-1-bold-fontWeight","","UNKNOWN","700"),wo.create("--ft-typography-caption-1-bold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-1-bold-fontSize","","SIZE","0.75rem"),wo.create("--ft-typography-caption-1-bold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-1-bold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-1-bold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-1-bold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-1-bold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-2-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-caption-2-medium-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-2-medium-fontSize","","SIZE","0.6875rem"),wo.create("--ft-typography-caption-2-medium-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-2-medium-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-2-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-2-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-2-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-caption-2-semibold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-2-semibold-fontSize","","SIZE","0.6875rem"),wo.create("--ft-typography-caption-2-semibold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-2-semibold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-2-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-2-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-bold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-2-bold-fontWeight","","UNKNOWN","700"),wo.create("--ft-typography-caption-2-bold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-2-bold-fontSize","","SIZE","0.6875rem"),wo.create("--ft-typography-caption-2-bold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-2-bold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-2-bold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-2-bold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-2-bold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-medium-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-3-medium-fontWeight","","UNKNOWN","500"),wo.create("--ft-typography-caption-3-medium-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-3-medium-fontSize","","SIZE","0.625rem"),wo.create("--ft-typography-caption-3-medium-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-3-medium-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-medium-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-3-medium-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-3-medium-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-semibold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-3-semibold-fontWeight","","UNKNOWN","600"),wo.create("--ft-typography-caption-3-semibold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-3-semibold-fontSize","","SIZE","0.625rem"),wo.create("--ft-typography-caption-3-semibold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-3-semibold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-semibold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-3-semibold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-3-semibold-textDecoration","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-bold-fontFamily","","UNKNOWN","Inter"),wo.create("--ft-typography-caption-3-bold-fontWeight","","UNKNOWN","700"),wo.create("--ft-typography-caption-3-bold-lineHeight","","SIZE","130%"),wo.create("--ft-typography-caption-3-bold-fontSize","","SIZE","0.625rem"),wo.create("--ft-typography-caption-3-bold-letterSpacing","","SIZE","normal"),wo.create("--ft-typography-caption-3-bold-textCase","","UNKNOWN","none"),wo.create("--ft-typography-caption-3-bold-paragraphSpacing","","UNKNOWN","normal"),wo.create("--ft-typography-caption-3-bold-paragraphIndent","","UNKNOWN","0"),wo.create("--ft-typography-caption-3-bold-textDecoration","","UNKNOWN","none");const Uo={backgroundActionPrimary:wo.extend("--ft-background-action-primary","Used as backgorund of primary action components.",Co.colorBrand0),backgroundErrorPrimary:wo.extend("--ft-background-error-primary","Used as background of error components.",Co.colorRed0),backgroundErrorSubtle:wo.extend("--ft-background-error-subtle","Used as background of subtle error components.",Co.colorRed10),backgroundInfoPrimary:wo.extend("--ft-background-info-primary","Used as background of information components.",Co.colorCyan200),backgroundInfoSubtle:wo.extend("--ft-background-info-subtle","Used as background of subtle information components.",Co.colorCyan10),backgroundWarningPrimary:wo.extend("--ft-background-warning-primary","Used as background of warning components.",Co.colorOrange300),backgroundWarningSubtle:wo.extend("--ft-background-warning-subtle","Used as background of subtle information components.",Co.colorOrange10),backgroundSuccessPrimary:wo.extend("--ft-background-success-primary","Used as background of success components.",Co.colorGreen200),backgroundSuccessSubtle:wo.extend("--ft-background-success-subtle","Used as background of subtle success components.",Co.colorGreen10),backgroundGlobalSurface:wo.extend("--ft-background-global-surface","Used as app background.",Co.colorWhite),backgroundGlobalOnSurface:wo.extend("--ft-background-global-on-surface","Used as background on element on the base background, like cards.",Co.colorGray10),backgroundGlobalOnSurfaceDark:wo.extend("--ft-background-global-on-surface-dark","Used as background on element that need background separation.",Co.colorGray30),contentActionPrimary:wo.extend("--ft-content-action-primary","Used on label of primary action on light surface.",Co.colorBrand0),contentWarningPrimary:wo.extend("--ft-content-warning-primary","Used on label of warning messages on light surface.",Co.colorOrange300),contentWarningIconOnly:wo.extend("--ft-content-warning-icon-only","Used on warning status icons alone",Co.colorOrange0),contentErrorPrimary:wo.extend("--ft-content-error-primary","Used on label of error messages on light surface.",Co.colorRed0),contentErrorIconOnly:wo.extend("--ft-content-error-icon-only","Used on error status icons alone",Co.colorRed0),contentInfoPrimary:wo.extend("--ft-content-info-primary","Used on label of information messages on light surface.",Co.colorCyan200),contentInfoIconOnly:wo.extend("--ft-content-info-icon-only","Used on info status icons alone",Co.colorCyan0),contentSuccessPrimary:wo.extend("--ft-content-success-primary","Used on label of success messages on light surface.",Co.colorGreen200),contentSuccessIconOnly:wo.extend("--ft-content-success-icon-only","Used on success status icons alone",Co.colorGreen0),contentGlobalPrimary:wo.extend("--ft-content-global-primary","Used for main content on the page.",Co.colorGray500),contentGlobalSecondary:wo.extend("--ft-content-global-secondary","Used for secondary content, often paired with primary content.\nAlso for action icons.",Co.colorGray200),contentGlobalSubtle:wo.extend("--ft-content-global-subtle","Used for placeholder, unselected items in a tab component or breadcrumb.",Co.colorGray0),contentGlobalOnColor:wo.extend("--ft-content-global-on-color","Used for content on a dominant color.",Co.colorWhite),borderActionPrimary:wo.extend("--ft-border-action-primary","Used as border for primary action components.",Co.colorBrand0),borderActionFocusRing:wo.extend("--ft-border-action-focus-ring","Focus ring is an additional border to indicate focus-visible state.",Co.colorCyan0),borderWarningPrimary:wo.extend("--ft-border-warning-primary","Used as border for text fields in warning state and for buttons in warning color",Co.colorOrange300),borderWarningSubtle:wo.extend("--ft-border-warning-subtle","Used as border for warning components.",Co.colorOrange30),borderSuccessPrimary:wo.extend("--ft-border-success-primary","Used as border for success buttons.",Co.colorGreen200),borderSuccessSubtle:wo.extend("--ft-border-success-subtle","Used as border for success components.",Co.colorGreen30),borderErrorPrimary:wo.extend("--ft-border-error-primary","Used as border for text fields in error states.",Co.colorRed0),borderErrorSubtle:wo.extend("--ft-border-error-subtle","Used as border for error components.",Co.colorRed30),borderInfoPrimary:wo.extend("--ft-border-info-primary","Used as border for buttons in info color.",Co.colorCyan200),borderInfoSubtle:wo.extend("--ft-border-info-subtle","Used as border for information components.",Co.colorCyan30),borderGlobalPrimary:wo.extend("--ft-border-global-primary","Used as border for element like input.",Co.colorGray50),borderGlobalSubtle:wo.extend("--ft-border-global-subtle","Used as border to deliminate an area filled with background.on-surface and separators.",Co.colorGray30),borderInputPrimary:wo.extend("--ft-border-input-primary","Used as border for checkboxes and radio buttons",Co.colorGray80)};wo.create("--ft-button-large-height","","SIZE","40px"),wo.extend("--ft-button-large-horizontal-padding","",Co.spacing4),wo.extend("--ft-button-large-gap","",Co.spacing2),wo.extend("--ft-button-large-border-radius","",Co.borderRadiusS),wo.extend("--ft-button-large-icon-size","",Co.iconSize3),wo.create("--ft-button-large-border-width","","SIZE","1px"),wo.create("--ft-button-large-focus-outline-offset","","SIZE","2px"),wo.create("--ft-button-large-focus-outline-width","","SIZE","2px"),wo.create("--ft-button-large-icon-only-width","","SIZE","40px"),wo.create("--ft-button-small-height","","SIZE","30px"),wo.extend("--ft-button-small-horizontal-padding","",Co.spacing3),wo.extend("--ft-button-small-gap","",Co.spacing2),wo.extend("--ft-button-small-border-radius","",Co.borderRadiusS),wo.extend("--ft-button-small-icon-size","",Co.iconSize2),wo.create("--ft-button-small-border-width","","SIZE","1px"),wo.create("--ft-button-small-focus-outline-offset","","SIZE","2px"),wo.create("--ft-button-small-focus-outline-width","","SIZE","2px"),wo.create("--ft-button-small-icon-only-width","","SIZE","30px"),wo.extend("--ft-button-primary-background-color","",Uo.backgroundActionPrimary),wo.extend("--ft-button-primary-color","",Uo.contentGlobalOnColor),wo.extend("--ft-button-primary-icon-color","",Uo.contentGlobalOnColor),wo.extend("--ft-button-primary-state-layer-color","",Uo.contentGlobalOnColor),wo.extend("--ft-button-primary-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-button-primary-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-button-primary-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-button-primary-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-button-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.create("--ft-button-tertiary-background-color","","COLOR","rgba(0,0,0,0)"),wo.extend("--ft-button-tertiary-color","",Uo.contentActionPrimary),wo.extend("--ft-button-tertiary-icon-color","",Uo.contentActionPrimary),wo.extend("--ft-button-tertiary-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-button-tertiary-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-button-tertiary-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-button-tertiary-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-button-tertiary-component-opacity-disabled","",Co.opacity40),wo.create("--ft-button-secondary-background-color","","COLOR","rgba(0,0,0,0)"),wo.extend("--ft-button-secondary-color","",Uo.contentActionPrimary),wo.extend("--ft-button-secondary-icon-color","",Uo.contentActionPrimary),wo.extend("--ft-button-secondary-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-button-secondary-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-button-secondary-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-button-secondary-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-button-secondary-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-button-secondary-border-color","",Uo.borderActionPrimary),wo.create("--ft-button-neutral-background-color","","COLOR","rgba(0,0,0,0)"),wo.extend("--ft-button-neutral-icon-color","",Uo.contentGlobalSecondary),wo.extend("--ft-button-neutral-color","",Uo.contentGlobalSecondary),wo.extend("--ft-button-neutral-state-layer-color","",Uo.contentGlobalSecondary),wo.extend("--ft-button-neutral-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-button-neutral-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-button-neutral-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-button-neutral-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-floating-menu-horizontal-padding","",Co.spacing4),wo.extend("--ft-floating-menu-vertical-padding","",Co.spacing4),wo.extend("--ft-floating-menu-off-icon-color","",Uo.contentGlobalPrimary),wo.extend("--ft-floating-menu-off-color","",Uo.contentGlobalPrimary),wo.extend("--ft-floating-menu-on-color","",Uo.contentActionPrimary),wo.extend("--ft-floating-menu-on-icon-color","",Uo.contentActionPrimary),wo.extend("--ft-floating-menu-on-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-floating-menu-gap","",Co.spacing3),wo.extend("--ft-floating-menu-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.create("--ft-floating-menu-focus-outline-width","","SIZE","3px"),wo.extend("--ft-floating-menu-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-floating-menu-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-floating-menu-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-floating-menu-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-floating-menu-icon-size","",Co.iconSize3),wo.extend("--ft-floating-menu-background-color","",Uo.backgroundGlobalOnSurface),wo.extend("--ft-tabs-top-left-border-radius","",Co.borderRadiusS),wo.extend("--ft-tabs-top-right-border-radius","",Co.borderRadiusS),wo.extend("--ft-tabs-label-horizontal-padding","",Co.spacing4),wo.extend("--ft-tabs-label-vertical-padding","",Co.spacing3),wo.extend("--ft-tabs-label-gap","",Co.spacing1),wo.extend("--ft-tabs-icon-horizontal-padding","",Co.spacing1),wo.extend("--ft-tabs-icon-vertical-padding","",Co.spacing4),wo.create("--ft-tabs-focus-outline-width","","SIZE","2px"),wo.extend("--ft-tabs-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.extend("--ft-tabs-off-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-tabs-off-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-tabs-off-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-tabs-off-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-tabs-off-color","",Uo.contentGlobalSubtle),wo.extend("--ft-tabs-off-state-layer-color","",Uo.contentGlobalSubtle),wo.extend("--ft-tabs-on-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-tabs-on-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-tabs-on-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-tabs-on-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-tabs-on-color","",Uo.contentActionPrimary),wo.extend("--ft-tabs-on-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-collapsible-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-collapsible-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-collapsible-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-collapsible-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-collapsible-horizontal-padding","",Co.spacing4),wo.extend("--ft-collapsible-vertical-padding","",Co.spacing3),wo.create("--ft-collapsible-focus-outline-width","","SIZE","3px"),wo.extend("--ft-collapsible-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.extend("--ft-collapsible-color","",Uo.contentGlobalPrimary),wo.extend("--ft-collapsible-state-layer-color","",Uo.contentGlobalPrimary),wo.extend("--ft-collapsible-background-color","",Uo.backgroundGlobalOnSurface),wo.extend("--ft-collapsible-border-color","",Uo.borderGlobalSubtle),wo.extend("--ft-collapsible-icon-size","",Co.iconSize3),wo.extend("--ft-switch-group-horizontal-padding","",Co.spacing1),wo.extend("--ft-switch-group-vertical-padding","",Co.spacing1),wo.extend("--ft-switch-group-gap","",Co.spacing1),wo.extend("--ft-switch-group-background-color","",Uo.backgroundGlobalSurface),wo.extend("--ft-switch-group-border-color","",Uo.borderGlobalSubtle),wo.create("--ft-switch-group-border-radius","","SIZE","6px"),wo.extend("--ft-switch-label-horizontal-padding","",Co.spacing2),wo.extend("--ft-switch-label-vertical-padding","",Co.spacing1),wo.extend("--ft-switch-icon-horizontal-padding","",Co.spacing1),wo.extend("--ft-switch-icon-vertical-padding","",Co.spacing1),wo.create("--ft-switch-focus-outline-width","","SIZE","2px"),wo.extend("--ft-switch-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.extend("--ft-switch-option-border-radius","",Co.borderRadiusS),wo.extend("--ft-switch-off-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-switch-off-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-switch-off-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-switch-off-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-switch-off-color","",Uo.contentGlobalSubtle),wo.extend("--ft-switch-off-state-layer-color","",Uo.contentGlobalSubtle),wo.extend("--ft-switch-on-state-layer-opacity-hover","",Co.opacity8),wo.extend("--ft-switch-on-state-layer-opacity-focus","",Co.opacity8),wo.extend("--ft-switch-on-state-layer-opacity-active","",Co.opacity16),wo.extend("--ft-switch-on-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-switch-on-color","",Uo.contentActionPrimary),wo.extend("--ft-switch-on-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-chart-1-light","for area color charts",Co.colorBrand40),wo.extend("--ft-chart-1-base","for line charts",Co.colorBrand0),wo.extend("--ft-chart-2-light","for area color charts",Co.colorYellow60),wo.extend("--ft-chart-2-base","for line charts",Co.colorYellow100),wo.extend("--ft-chart-3-light","",Co.colorUltramarine40),wo.extend("--ft-chart-3-base","",Co.colorUltramarine70),wo.extend("--ft-chart-4-light","",Co.colorCyan50),wo.extend("--ft-chart-4-base","",Co.colorCyan100),wo.extend("--ft-chart-5-light","",Co.colorRed40),wo.extend("--ft-chart-5-base","",Co.colorRed60),wo.extend("--ft-chart-6-light","",Co.colorGreen40),wo.extend("--ft-chart-6-base","",Co.colorGreen70),wo.extend("--ft-chart-7-light","",Co.colorOrange70),wo.extend("--ft-chart-7-base","",Co.colorOrange100),wo.extend("--ft-chart-8-light","",Co.colorAvocado70),wo.extend("--ft-chart-8-base","",Co.colorAvocado200),wo.extend("--ft-chart-9-light","",Co.colorBrown50),wo.extend("--ft-chart-9-base","",Co.colorBrown200),wo.extend("--ft-chart-10-light","",Co.colorGray50),wo.extend("--ft-chart-10-base","",Co.colorGray80),wo.extend("--ft-chart-monochrome-10","",Co.colorBrand10),wo.extend("--ft-chart-monochrome-20","",Co.colorBrand20),wo.extend("--ft-chart-monochrome-30","",Co.colorBrand40),wo.extend("--ft-chart-monochrome-40","",Co.colorBrand60),wo.extend("--ft-chart-monochrome-50","",Co.colorBrand0),wo.extend("--ft-chart-monochrome-60","",Co.colorBrand200),wo.extend("--ft-chip-large-horizontal-padding","",Co.spacing4),wo.extend("--ft-chip-large-vertical-padding","",Co.spacing2),wo.extend("--ft-chip-large-gap","",Co.spacing1),wo.create("--ft-chip-large-focus-outline-offset","","SIZE","2px"),wo.create("--ft-chip-large-focus-outline-width","","SIZE","2px"),wo.extend("--ft-chip-large-border-radius","",Co.borderRadiusPill),wo.create("--ft-chip-large-border-width","","SIZE","1px"),wo.extend("--ft-chip-large-icon-size","",Co.iconSize3),wo.extend("--ft-chip-medium-horizontal-padding","",Co.spacing3),wo.extend("--ft-chip-medium-vertical-padding","",Co.spacing1),wo.extend("--ft-chip-medium-gap","",Co.spacing1),wo.create("--ft-chip-medium-focus-outline-offset","","SIZE","2px"),wo.create("--ft-chip-medium-focus-outline-width","","SIZE","2px"),wo.extend("--ft-chip-medium-border-radius","",Co.borderRadiusPill),wo.create("--ft-chip-medium-border-width","","SIZE","1px"),wo.extend("--ft-chip-medium-icon-size","",Co.iconSize2),wo.extend("--ft-chip-small-horizontal-padding","",Co.spacing2),wo.extend("--ft-chip-small-vertical-padding","",Co.spacing05),wo.extend("--ft-chip-small-gap","",Co.spacing1),wo.create("--ft-chip-small-focus-outline-offset","","SIZE","2px"),wo.create("--ft-chip-small-focus-outline-width","","SIZE","2px"),wo.extend("--ft-chip-small-border-radius","",Co.borderRadiusPill),wo.create("--ft-chip-small-border-width","","SIZE","1px"),wo.extend("--ft-chip-small-icon-size","",Co.iconSize1),wo.extend("--ft-chip-neutral-background-color","",Uo.backgroundGlobalOnSurface),wo.extend("--ft-chip-neutral-color","",Uo.contentGlobalPrimary),wo.extend("--ft-chip-neutral-border-color","",Uo.borderGlobalSubtle),wo.extend("--ft-chip-info-background-color","",Uo.backgroundInfoSubtle),wo.extend("--ft-chip-info-color","",Uo.contentInfoPrimary),wo.extend("--ft-chip-info-border-color","",Uo.borderInfoSubtle),wo.extend("--ft-chip-success-background-color","",Uo.backgroundSuccessSubtle),wo.extend("--ft-chip-success-color","",Uo.contentSuccessPrimary),wo.extend("--ft-chip-success-border-color","",Uo.borderSuccessSubtle),wo.extend("--ft-chip-warning-background-color","",Uo.backgroundWarningSubtle),wo.extend("--ft-chip-warning-color","",Uo.contentWarningPrimary),wo.extend("--ft-chip-warning-border-color","",Uo.borderWarningSubtle),wo.extend("--ft-chip-error-background-color","",Uo.backgroundErrorSubtle),wo.extend("--ft-chip-error-color","",Uo.contentErrorPrimary),wo.extend("--ft-chip-error-border-color","",Uo.borderErrorSubtle),wo.create("--ft-notice-border-width","","SIZE","1px"),wo.extend("--ft-notice-horizontal-padding","",Co.spacing2),wo.extend("--ft-notice-vertical-padding","",Co.spacing1),wo.extend("--ft-notice-border-radius","",Co.borderRadiusS),wo.extend("--ft-notice-gap","",Co.spacing2),wo.extend("--ft-notice-icon-size","",Co.iconSize3),wo.extend("--ft-notice-info-background-color","",Uo.backgroundInfoSubtle),wo.extend("--ft-notice-info-border-color","",Uo.borderInfoSubtle),wo.extend("--ft-notice-info-color","",Uo.contentInfoPrimary),wo.extend("--ft-notice-warning-background-color","",Uo.backgroundWarningSubtle),wo.extend("--ft-notice-warning-border-color","",Uo.borderWarningSubtle),wo.extend("--ft-notice-warning-color","",Uo.contentWarningPrimary),wo.extend("--ft-checkbox-label-color","",Uo.contentGlobalPrimary),wo.extend("--ft-checkbox-checked-background-color","",Uo.contentActionPrimary),wo.extend("--ft-checkbox-checked-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-checkbox-checked-color","",Uo.contentGlobalOnColor),wo.extend("--ft-checkbox-checked-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-checkbox-checked-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-checkbox-checked-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-checkbox-checked-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-checkbox-unchecked-border-color","",Co.colorGray80),wo.extend("--ft-checkbox-unchecked-state-layer-color","",Co.colorGray80),wo.extend("--ft-checkbox-unchecked-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-checkbox-unchecked-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-checkbox-unchecked-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-checkbox-unchecked-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-checkbox-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.create("--ft-checkbox-focus-outline-offset","","SIZE","3px"),wo.create("--ft-checkbox-focus-outline-width","","SIZE","2px"),wo.extend("--ft-checkbox-gap","",Co.spacing3),wo.extend("--ft-toggle-off-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-toggle-off-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-toggle-off-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-toggle-off-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-toggle-off-background-color","",Uo.contentGlobalSubtle),wo.extend("--ft-toggle-off-icon-color","",Uo.contentGlobalSubtle),wo.extend("--ft-toggle-off-state-layer-color","",Uo.contentGlobalSubtle),wo.extend("--ft-toggle-on-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-toggle-on-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-toggle-on-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-toggle-on-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-toggle-on-background-color","",Uo.contentActionPrimary),wo.extend("--ft-toggle-on-icon-color","",Uo.contentActionPrimary),wo.extend("--ft-toggle-on-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-toggle-label-color","",Uo.contentGlobalPrimary),wo.extend("--ft-toggle-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.extend("--ft-toggle-gap","",Co.spacing3),wo.extend("--ft-radio-label-color","",Uo.contentGlobalPrimary),wo.extend("--ft-radio-selected-color","",Uo.contentActionPrimary),wo.extend("--ft-radio-selected-state-layer-color","",Uo.contentActionPrimary),wo.extend("--ft-radio-selected-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-radio-selected-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-radio-selected-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-radio-selected-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-radio-unselected-state-layer-color","",Co.colorGray80),wo.extend("--ft-radio-unselected-state-layer-opacity-hover","",Co.opacity16),wo.extend("--ft-radio-unselected-state-layer-opacity-focus","",Co.opacity16),wo.extend("--ft-radio-unselected-state-layer-opacity-active","",Co.opacity24),wo.extend("--ft-radio-unselected-component-opacity-disabled","",Co.opacity40),wo.extend("--ft-radio-focus-focus-ring-color","",Uo.borderActionFocusRing),wo.create("--ft-radio-focus-outline-offset","","SIZE","3px"),wo.create("--ft-radio-focus-outline-width","","SIZE","2px"),wo.extend("--ft-radio-gap","",Co.spacing3),wo.extend("--ft-notification-icon-size","",Co.iconSize4),wo.extend("--ft-notification-horizontal-padding","",Co.spacing4),wo.extend("--ft-notification-vertical-padding","",Co.spacing4),wo.extend("--ft-notification-info-background-color","",Uo.backgroundInfoSubtle),wo.extend("--ft-notification-info-color","",Uo.contentInfoPrimary),wo.extend("--ft-notification-info-border-color","",Uo.borderInfoSubtle),wo.extend("--ft-notification-success-background-color","",Uo.backgroundSuccessSubtle),wo.extend("--ft-notification-success-color","",Uo.contentSuccessPrimary),wo.extend("--ft-notification-success-border-color","",Uo.borderSuccessSubtle),wo.extend("--ft-notification-warning-background-color","",Uo.backgroundWarningSubtle),wo.extend("--ft-notification-warning-color","",Uo.contentWarningPrimary),wo.extend("--ft-notification-warning-border-color","",Uo.borderWarningSubtle),wo.extend("--ft-notification-error-background-color","",Uo.backgroundErrorSubtle),wo.extend("--ft-notification-error-color","",Uo.contentErrorPrimary),wo.extend("--ft-notification-error-border-color","",Uo.borderErrorSubtle),wo.extend("--ft-notification-border-radius","",Co.borderRadiusPill),wo.create("--ft-notification-border-width","","SIZE","1px"),wo.extend("--ft-notification-gap-leading","",Co.spacing2),wo.extend("--ft-notification-gap-trailing","",Co.spacing8),wo.extend("--ft-tooltip-horizontal-padding","",Co.spacing2),wo.extend("--ft-tooltip-vertical-padding","",Co.spacing2),wo.extend("--ft-tooltip-border-radius","",Co.borderRadiusS),wo.extend("--ft-tooltip-label","",Uo.contentGlobalOnColor),wo.extend("--ft-tooltip-background","",Uo.contentGlobalPrimary),wo.extend("--ft-tooltip-background-opacity","",Co.opacity80),wo.extend("--ft-tooltip-shadow","",Co.shadowElevation03),wo.create("--ft-color-primary","","COLOR","#2196F3"),wo.create("--ft-color-primary-variant","","COLOR","#1976D2"),wo.create("--ft-color-secondary","","COLOR","#FFCC80"),wo.create("--ft-color-secondary-variant","","COLOR","#F57C00"),wo.create("--ft-color-surface","","COLOR","#FFFFFF"),wo.create("--ft-color-content","","COLOR","rgba(0, 0, 0, 0.87)"),wo.create("--ft-color-error","","COLOR","#B00020"),wo.create("--ft-color-outline","","COLOR","rgba(0, 0, 0, 0.14)"),wo.create("--ft-color-opacity-high","","NUMBER","1"),wo.create("--ft-color-opacity-medium","","NUMBER","0.74"),wo.create("--ft-color-opacity-disabled","","NUMBER","0.38"),wo.create("--ft-color-on-primary","","COLOR","#FFFFFF"),wo.create("--ft-color-on-primary-high","","COLOR","#FFFFFF"),wo.create("--ft-color-on-primary-medium","","COLOR","rgba(255, 255, 255, 0.74)"),wo.create("--ft-color-on-primary-disabled","","COLOR","rgba(255, 255, 255, 0.38)"),wo.create("--ft-color-on-secondary","","COLOR","#FFFFFF"),wo.create("--ft-color-on-secondary-high","","COLOR","#FFFFFF"),wo.create("--ft-color-on-secondary-medium","","COLOR","rgba(255, 255, 255, 0.74)"),wo.create("--ft-color-on-secondary-disabled","","COLOR","rgba(255, 255, 255, 0.38)"),wo.create("--ft-color-on-surface","","COLOR","rgba(0, 0, 0, 0.87)"),wo.create("--ft-color-on-surface-high","","COLOR","rgba(0, 0, 0, 0.87)"),wo.create("--ft-color-on-surface-medium","","COLOR","rgba(0, 0, 0, 0.60)"),wo.create("--ft-color-on-surface-disabled","","COLOR","rgba(0, 0, 0, 0.38)"),wo.create("--ft-opacity-content-on-surface-disabled","","NUMBER","0"),wo.create("--ft-opacity-content-on-surface-enable","","NUMBER","0"),wo.create("--ft-opacity-content-on-surface-hover","","NUMBER","0.04"),wo.create("--ft-opacity-content-on-surface-focused","","NUMBER","0.12"),wo.create("--ft-opacity-content-on-surface-pressed","","NUMBER","0.10"),wo.create("--ft-opacity-content-on-surface-selected","","NUMBER","0.08"),wo.create("--ft-opacity-content-on-surface-dragged","","NUMBER","0.08"),wo.create("--ft-opacity-primary-on-surface-disabled","","NUMBER","0"),wo.create("--ft-opacity-primary-on-surface-enable","","NUMBER","0"),wo.create("--ft-opacity-primary-on-surface-hover","","NUMBER","0.04"),wo.create("--ft-opacity-primary-on-surface-focused","","NUMBER","0.12"),wo.create("--ft-opacity-primary-on-surface-pressed","","NUMBER","0.10"),wo.create("--ft-opacity-primary-on-surface-selected","","NUMBER","0.08"),wo.create("--ft-opacity-primary-on-surface-dragged","","NUMBER","0.08"),wo.create("--ft-opacity-surface-on-primary-disabled","","NUMBER","0"),wo.create("--ft-opacity-surface-on-primary-enable","","NUMBER","0"),wo.create("--ft-opacity-surface-on-primary-hover","","NUMBER","0.04"),wo.create("--ft-opacity-surface-on-primary-focused","","NUMBER","0.12"),wo.create("--ft-opacity-surface-on-primary-pressed","","NUMBER","0.10"),wo.create("--ft-opacity-surface-on-primary-selected","","NUMBER","0.08"),wo.create("--ft-opacity-surface-on-primary-dragged","","NUMBER","0.08"),wo.create("--ft-elevation-00","","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),wo.create("--ft-elevation-01","","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-02","","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-03","","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-04","","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-06","","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-08","","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-12","","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-16","","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-elevation-24","","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),wo.create("--ft-border-radius-S","","SIZE","4px"),wo.create("--ft-border-radius-M","","SIZE","8px"),wo.create("--ft-border-radius-L","","SIZE","12px"),wo.create("--ft-border-radius-XL","","SIZE","16px"),wo.create("--ft-title-font","","UNKNOWN","Ubuntu, system-ui, sans-serif"),wo.create("--ft-content-font","","UNKNOWN","'Open Sans', system-ui, sans-serif"),wo.create("--ft-transition-duration","","UNKNOWN","250ms"),wo.create("--ft-transition-timing-function","","UNKNOWN","ease-in-out");
|
|
76
76
|
/**
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2019 Google LLC
|
|
79
79
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
80
80
|
*/
|
|
81
|
-
const
|
|
81
|
+
const Eo=window,Ro=Eo.ShadowRoot&&(void 0===Eo.ShadyCSS||Eo.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype;class Io extends xo{createRenderRoot(){const t=this.constructor;t.elementDefinitions&&!t.registry&&(t.registry=new CustomElementRegistry,Object.entries(t.elementDefinitions).forEach((([o,e])=>t.registry.define(o,e))));const o={...t.shadowRootOptions,customElements:t.registry},e=this.renderOptions.creationScope=this.attachShadow(o);return((t,o)=>{Ro?t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):o.forEach((o=>{const e=document.createElement("style"),r=Eo.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}))})(e,t.elementStyles),e}}var Wo,Lo=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};const ko=Symbol("constructorPrototype"),Ko=Symbol("constructorName"),Zo=Symbol("exportpartsDebouncer");class $o extends Io{constructor(){super(),this[Wo]=new r(5),this[Ko]=this.constructor.name,this[ko]=this.constructor.prototype}adoptedCallback(){this.constructor.name!==this[Ko]&&Object.setPrototypeOf(this,this[ko])}updated(t){super.updated(t),setTimeout((()=>{this.contentAvailableCallback(t),this.scheduleExportpartsUpdate()}),0)}contentAvailableCallback(t){var o,e;if((null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll(".ft-lit-element--custom-stylesheet"))&&void 0!==e?e:[]).forEach((t=>t.remove())),this.customStylesheet){const t=document.createElement("style");t.classList.add("ft-lit-element--custom-stylesheet"),t.innerHTML=this.customStylesheet,this.shadowRoot.append(t)}}scheduleExportpartsUpdate(){this[Zo].run((()=>{var t;(null===(t=this.exportpartsPrefix)||void 0===t?void 0:t.trim())?this.setExportpartsAttribute([this.exportpartsPrefix]):null!=this.exportpartsPrefixes&&this.exportpartsPrefixes.length>0&&this.setExportpartsAttribute(this.exportpartsPrefixes)}))}setExportpartsAttribute(t){var o,e,r,i,n,a;const s=t=>null!=t&&t.trim().length>0,c=t.filter(s).map((t=>t.trim()));if(0===c.length)return void this.removeAttribute("exportparts");const l=new Set;for(let t of null!==(e=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("[part],[exportparts]"))&&void 0!==e?e:[]){const o=null!==(i=null===(r=t.getAttribute("part"))||void 0===r?void 0:r.split(" "))&&void 0!==i?i:[],e=null!==(a=null===(n=t.getAttribute("exportparts"))||void 0===n?void 0:n.split(",").map((t=>t.split(":")[1])))&&void 0!==a?a:[];new Array(...o,...e).filter(s).map((t=>t.trim())).forEach((t=>l.add(t)))}if(0===l.size)return void this.removeAttribute("exportparts");const h=[...l.values()].flatMap((t=>c.map((o=>`${t}:${o}--${t}`))));this.setAttribute("exportparts",[...this.part,...h].join(", "))}}Wo=Zo,Lo([E()],$o.prototype,"exportpartsPrefix",void 0),Lo([function(t,o){const e=()=>JSON.parse(JSON.stringify(t));return E({type:Object,converter:{fromAttribute:t=>{if(null==t)return e();try{return JSON.parse(t)}catch{return e()}},toAttribute:t=>JSON.stringify(t)},hasChanged:(t,o)=>!k(t,o),...null!=o?o:{}})}([])],$o.prototype,"exportpartsPrefixes",void 0),Lo([E()],$o.prototype,"customStylesheet",void 0);const Ao=wo.create("--ft-utils-highlight-html-background-color","","COLOR","#FFF26E");function Mo(t){var o;return null!==(o=null==t?void 0:t.isFtReduxStore)&&void 0!==o&&o}var Fo,Bo,zo;vt`
|
|
82
82
|
.highlight-html-match {
|
|
83
83
|
background: ${Ao};
|
|
84
84
|
}
|
|
85
|
-
`,
|
|
85
|
+
`,vt`
|
|
86
86
|
.ft-no-text-select {
|
|
87
87
|
-webkit-touch-callout: none;
|
|
88
88
|
-webkit-user-select: none;
|
|
@@ -91,7 +91,7 @@ const Uo=window,Eo=Uo.ShadowRoot&&(void 0===Uo.ShadyCSS||Uo.ShadyCSS.nativeShado
|
|
|
91
91
|
-ms-user-select: none;
|
|
92
92
|
user-select: none;
|
|
93
93
|
}
|
|
94
|
-
`,
|
|
94
|
+
`,vt`
|
|
95
95
|
.ft-word-wrap {
|
|
96
96
|
white-space: normal;
|
|
97
97
|
word-wrap: break-word;
|
|
@@ -103,7 +103,7 @@ const Uo=window,Eo=Uo.ShadowRoot&&(void 0===Uo.ShadyCSS||Uo.ShadyCSS.nativeShado
|
|
|
103
103
|
-webkit-hyphens: auto;
|
|
104
104
|
hyphens: auto
|
|
105
105
|
}
|
|
106
|
-
`,
|
|
106
|
+
`,vt`
|
|
107
107
|
.ft-safari-ellipsis-fix {
|
|
108
108
|
margin-right: 0;
|
|
109
109
|
|
|
@@ -114,18 +114,18 @@ const Uo=window,Eo=Uo.ShadowRoot&&(void 0===Uo.ShadyCSS||Uo.ShadyCSS.nativeShado
|
|
|
114
114
|
display: inline-block;
|
|
115
115
|
width: 0;
|
|
116
116
|
}
|
|
117
|
-
`;const Do=Symbol("internalReduxEventsUnsubscribers"),Po=Symbol("internalStoresUnsubscribers"),To=Symbol("internalStores");class _o extends $o{constructor(){super(...arguments),this[Fo]=new Map,this[Bo]=new Map,this[zo]=[]}get reduxConstructor(){return this.constructor}update(t){super.update(t),[...this.reduxConstructor.reduxReactiveProperties].some((o=>t.has(o)))&&this.updateFromStores()}getUnnamedStore(){if(this[To].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[To].values()][0]}getStore(t){return null==t?this.getUnnamedStore():this[To].get(t)}addStore(t,o){var e;o=null!==(e=null!=o?o:Mo(t)?t.name:void 0)&&void 0!==e?e:"default-store",this.unsubscribeFromStore(o),this.setupStore(o,t)}removeStore(t){const o="string"==typeof t?t:t.name;this.unsubscribeFromStore(o),this[To].delete(o)}setupStore(t,o){this[To].set(t,o),this.subscribeToStore(t,o),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[To].forEach(((t,o)=>this.subscribeToStore(o,t))),this.updateFromStores()}updateFromStores(){this.reduxConstructor.reduxProperties.forEach(((t,o)=>{const e=this.constructor.getPropertyOptions(o);if(!(null==e?void 0:e.attribute)||!this.hasAttribute("string"==typeof(null==e?void 0:e.attribute)?e.attribute:o)){const e=this.getStore(t.store);e&&(t.store?this[Po].has(t.store):this[Po].size>0)&&(this[o]=t.selector(e.getState(),this))}}))}subscribeToStore(t,o){var e;this[Po].set(t,o.subscribe((()=>this.updateFromStores()))),Mo(o)&&o.eventBus&&(null===(e=this.reduxConstructor.reduxEventListeners)||void 0===e||e.forEach(((t,e)=>{if("function"==typeof this[e]&&(!t.store||o.name===t.store)){const r=t=>this[e](t);o.eventBus.addEventListener(t.eventName,r),this[Do].push((()=>o.eventBus.removeEventListener(t.eventName,r)))}}))),this.onStoreAvailable(t)}unsubscribeFromStores(){this[Po].forEach(((t,o)=>this.unsubscribeFromStore(o))),this[Do].forEach((t=>t())),this[Do]=[]}unsubscribeFromStore(t){this[Po].has(t)&&this[Po].get(t)(),this[Po].delete(t)}onStoreAvailable(t){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeFromStores()}}var Go
|
|
117
|
+
`;const Do=Symbol("internalReduxEventsUnsubscribers"),Po=Symbol("internalStoresUnsubscribers"),To=Symbol("internalStores");class _o extends $o{constructor(){super(...arguments),this[Fo]=new Map,this[Bo]=new Map,this[zo]=[]}get reduxConstructor(){return this.constructor}update(t){super.update(t),[...this.reduxConstructor.reduxReactiveProperties].some((o=>t.has(o)))&&this.updateFromStores()}getUnnamedStore(){if(this[To].size>1)throw new Error("Cannot resolve unnamed store when multiple stores are configured.");return[...this[To].values()][0]}getStore(t){return null==t?this.getUnnamedStore():this[To].get(t)}addStore(t,o){var e;o=null!==(e=null!=o?o:Mo(t)?t.name:void 0)&&void 0!==e?e:"default-store",this.unsubscribeFromStore(o),this.setupStore(o,t)}removeStore(t){const o="string"==typeof t?t:t.name;this.unsubscribeFromStore(o),this[To].delete(o)}setupStore(t,o){this[To].set(t,o),this.subscribeToStore(t,o),this.updateFromStores()}setupStores(){this.unsubscribeFromStores(),this[To].forEach(((t,o)=>this.subscribeToStore(o,t))),this.updateFromStores()}updateFromStores(){this.reduxConstructor.reduxProperties.forEach(((t,o)=>{const e=this.constructor.getPropertyOptions(o);if(!(null==e?void 0:e.attribute)||!this.hasAttribute("string"==typeof(null==e?void 0:e.attribute)?e.attribute:o)){const e=this.getStore(t.store);e&&(t.store?this[Po].has(t.store):this[Po].size>0)&&(this[o]=t.selector(e.getState(),this))}}))}subscribeToStore(t,o){var e;this[Po].set(t,o.subscribe((()=>this.updateFromStores()))),Mo(o)&&o.eventBus&&(null===(e=this.reduxConstructor.reduxEventListeners)||void 0===e||e.forEach(((t,e)=>{if("function"==typeof this[e]&&(!t.store||o.name===t.store)){const r=t=>this[e](t);o.eventBus.addEventListener(t.eventName,r),this[Do].push((()=>o.eventBus.removeEventListener(t.eventName,r)))}}))),this.onStoreAvailable(t)}unsubscribeFromStores(){this[Po].forEach(((t,o)=>this.unsubscribeFromStore(o))),this[Do].forEach((t=>t())),this[Do]=[]}unsubscribeFromStore(t){this[Po].has(t)&&this[Po].get(t)(),this[Po].delete(t)}onStoreAvailable(t){}connectedCallback(){super.connectedCallback(),this.setupStores()}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeFromStores()}}var Ho,Go;Fo=Po,Bo=To,zo=Do,_o.reduxProperties=new Map,_o.reduxReactiveProperties=new Set,_o.reduxEventListeners=new Map,window.ftReduxStores||(window.ftReduxStores={}),navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(Go=null===(Ho=window.safari)||void 0===Ho?void 0:Ho.pushNotification)||void 0===Go||Go.toString());
|
|
118
118
|
/**
|
|
119
119
|
* @license
|
|
120
120
|
* Copyright 2017 Google LLC
|
|
121
121
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
122
122
|
*/
|
|
123
|
-
const
|
|
123
|
+
const jo=2,Yo=t=>(...o)=>({_$litDirective$:t,values:o});class Jo{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,o,e){this._$Ct=t,this._$AM=o,this._$Ci=e}_$AS(t,o){return this.update(t,o)}update(t,o){return this.render(...o)}}
|
|
124
124
|
/**
|
|
125
125
|
* @license
|
|
126
126
|
* Copyright 2020 Google LLC
|
|
127
127
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
128
|
-
*/const{D:Vo}=
|
|
128
|
+
*/const{D:Vo}=yt,qo=()=>document.createComment(""),Xo=(t,o,e)=>{const r=t._$AA.parentNode,i=void 0===o?t._$AB:o._$AA;if(void 0===e){const o=r.insertBefore(qo(),i),n=r.insertBefore(qo(),i);e=new Vo(o,n,t,t.options)}else{const o=e._$AB.nextSibling,n=e._$AM,a=n!==t;if(a){let o;e._$AQ?.(t),e._$AM=t,void 0!==e._$AP&&(o=t._$AU)!==n._$AU&&e._$AP(o)}if(o!==i||a){let t=e._$AA;for(;t!==o;){const o=t.nextSibling;r.insertBefore(t,i),t=o}}}return e},Qo=(t,o,e=t)=>(t._$AI(o,e),t),te={},oe=t=>{t._$AP?.(!1,!0);let o=t._$AA;const e=t._$AB.nextSibling;for(;o!==e;){const t=o.nextSibling;o.remove(),o=t}},ee=(t,o,e)=>{const r=new Map;for(let i=o;i<=e;i++)r.set(t[i],i);return r},re=Yo(class extends Jo{constructor(t){if(super(t),t.type!==jo)throw Error("repeat() can only be used in text expressions")}ht(t,o,e){let r;void 0===e?e=o:void 0!==o&&(r=o);const i=[],n=[];let a=0;for(const o of t)i[a]=r?r(o,a):a,n[a]=e(o,a),a++;return{values:n,keys:i}}render(t,o,e){return this.ht(t,o,e).values}update(t,[o,e,r]){const i=(t=>t._$AH)(t),{values:n,keys:a}=this.ht(o,e,r);if(!Array.isArray(i))return this.dt=a,n;const s=this.dt??=[],c=[];let l,h,p=0,f=i.length-1,d=0,y=n.length-1;for(;p<=f&&d<=y;)if(null===i[p])p++;else if(null===i[f])f--;else if(s[p]===a[d])c[d]=Qo(i[p],n[d]),p++,d++;else if(s[f]===a[y])c[y]=Qo(i[f],n[y]),f--,y--;else if(s[p]===a[y])c[y]=Qo(i[p],n[y]),Xo(t,c[y+1],i[p]),p++,y--;else if(s[f]===a[d])c[d]=Qo(i[f],n[d]),Xo(t,i[p],i[f]),f--,d++;else if(void 0===l&&(l=ee(a,d,y),h=ee(s,p,f)),l.has(s[p]))if(l.has(s[f])){const o=h.get(a[d]),e=void 0!==o?i[o]:null;if(null===e){const o=Xo(t,i[p]);Qo(o,n[d]),c[d]=o}else c[d]=Qo(e,n[d]),Xo(t,i[p],e),i[o]=null;d++}else oe(i[f]),f--;else oe(i[p]),p++;for(;d<=y;){const o=Xo(t,c[y+1]);Qo(o,n[d]),c[d++]=o}for(;p<=f;){const t=i[p++];null!==t&&oe(t)}return this.dt=a,((t,o=te)=>{t._$AH=o})(t,c),Q}});
|
|
129
129
|
/**
|
|
130
130
|
* @license
|
|
131
131
|
* Copyright 2017 Google LLC
|
|
@@ -136,7 +136,7 @@ const Ho=2,Yo=t=>(...o)=>({_$litDirective$:t,values:o});class Jo{constructor(t){
|
|
|
136
136
|
* Copyright 2017 Google LLC
|
|
137
137
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
138
138
|
*/
|
|
139
|
-
class ie extends Jo{constructor(t){if(super(t),this.et=tt,t.type!==
|
|
139
|
+
class ie extends Jo{constructor(t){if(super(t),this.et=tt,t.type!==jo)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===tt||null==t)return this.vt=void 0,this.et=t;if(t===Q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const o=[t];return o.raw=o,this.vt={_$litType$:this.constructor.resultType,strings:o,values:[]}}}ie.directiveName="unsafeHTML",ie.resultType=1;const ne=Yo(ie),ae={padding:wo.create("--ft-infinite-scroll-padding","","SIZE","0"),itemsGap:wo.create("--ft-infinite-scroll-items-gap","","SIZE","4px"),itemContainerMinHeight:wo.create("--ft-infinite-scroll-item-container-min-height","","SIZE",".1px")},se=vt`
|
|
140
140
|
.items-container {
|
|
141
141
|
padding: ${ae.padding};
|
|
142
142
|
outline: none;
|
|
@@ -166,16 +166,16 @@ class ie extends Jo{constructor(t){if(super(t),this.et=tt,t.type!==Ho)throw Erro
|
|
|
166
166
|
display: flow-root;
|
|
167
167
|
min-height: ${ae.itemContainerMinHeight};
|
|
168
168
|
}
|
|
169
|
-
`;var ce=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class le extends CustomEvent{constructor(t,o){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:o}})}}class he extends Event{constructor(){super("scrolled-to-target")}}class
|
|
169
|
+
`;var ce=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,s=t.length-1;s>=0;s--)(i=t[s])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class le extends CustomEvent{constructor(t,o){super("visible-items-change",{detail:{visibleIndexes:t,visibleItems:o}})}}class he extends Event{constructor(){super("scrolled-to-target")}}class pe extends $o{constructor(){super(...arguments),this.items=[],this.renderItem=()=>io``,this.getItemKey=(t,o)=>`${o} - ${JSON.stringify(t)}`,this.internalScroll=!1,this.renderBeforeFirst=1,this.renderAfterLast=1,this.visibleItems=[],this.scrolledToTarget=!1,this.scrolling=!1,this.renderApprovalTimeouts=[],this.renderedIndexes=new Set,this.scrollDebouncer=new r(5),this.scrollDoneDebouncer=new r(10),this.onVisibilityChange=t=>{let o=new Set(this.visibleItems),e=new Set;for(let r of t){let t=+r.target.attributes.getNamedItem("data-item-index").value;r.intersectionRect.height>0?(o.add(t),e.add(t)):e.has(t)||o.delete(t)}this.visibleItems=[...o].sort(((t,o)=>t-o))},this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange),this.scrollingDebouncer=new r(50),this.ignoreNextScrollEvent=!1,this.scrollListener=()=>{this.ignoreNextScrollEvent||(this.scrolling=!0,this.scrollingDebouncer.run((()=>this.scrolling=!1))),this.ignoreNextScrollEvent=!1;const t=this.searchFirstVisibleItem(this.itemsContainer.children);this.scrollRestorationItem=t?+t.getAttribute("data-item-index"):void 0,this.scrollRestorationOffset=this.scrollable.scrollTop-this.getOffset(t)},this.onResize=t=>{for(const o of t)o.contentRect.height>0&&o.target.setAttribute("data-last-known-height",""+o.contentRect.height);if(null!=this.scrollRestorationItem&&null!=this.scrollRestorationOffset&&this.scrolledToTarget){this.ignoreNextScrollEvent=!0;const t=this.getItem(this.scrollRestorationItem),i=this.getOffset(t),n=(o=0===this.scrollRestorationItem?-i:0,e=this.scrollRestorationOffset,r=this.getLastKnownHeight(t)+1,Math.min(Math.max(o,e),r));this.scrollable.scrollTop=i+n}var o,e,r},this.resizeObserver=new ResizeObserver(this.onResize),this.onMutation=()=>{[...this.itemsContainer.children].forEach((t=>{this.intersectionObserver.observe(t),this.resizeObserver.observe(t)}))},this.mutationObserver=new MutationObserver(this.onMutation),this.resetVisibleItemsDebouncer=new r(10)}get scrollable(){var t;return null!==(t=this.internalScroll?this.internalScrollable:this.firstScrollableParent)&&void 0!==t?t:document.body}render(){return io`
|
|
170
170
|
<div class="items-container ${this.internalScroll?"scrollable":""}"
|
|
171
171
|
tabindex="-1"
|
|
172
172
|
@find-scrollable-parent=${this.findScrollableParent}>
|
|
173
173
|
${re(this.items,((t,o)=>this.getItemKey(t,o)),((t,o)=>this.renderItemContainer(t,o)))}
|
|
174
174
|
</div>
|
|
175
|
-
`}renderItemContainer(t,o){const e
|
|
175
|
+
`}renderItemContainer(t,o){this.prepareRenderIfNeeded(o);const e=this.scrolledToTarget&&this.visibleItems.includes(o),r=this.renderedIndexes.has(o);return io`
|
|
176
176
|
<div id="item-${o}"
|
|
177
|
-
class="item-container ${
|
|
177
|
+
class="item-container ${r?"rendered":""} ${e?"visible":""}"
|
|
178
178
|
data-item-index="${o}">
|
|
179
|
-
${
|
|
179
|
+
${r?(()=>{const e=this.renderItem(t,o);return"string"==typeof e?ne(e):e})():ao}
|
|
180
180
|
</div>
|
|
181
|
-
`}resetScroll(){this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t;let o=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;o>=this.items.length&&(o=-1);const e=this.getItem(o);this.scrollToTarget(e),this.scrollDoneDebouncer.run((()=>{this.scrollRestorationItem=o>=0?o:void 0,this.scrollRestorationOffset=0===o?-this.getOffset(e):0,this.onMutation(),this.scrolledToTarget=!0}))}))}getItem(t){var o;return null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`#item-${t}`)}scrollToTarget(t){var o;if(t){let e=+(null!==(o=t.getAttribute("data-item-index"))&&void 0!==o?o:"0");this.scrollable&&0===e?this.scrollable.scrollTop=0:this.scrollable.scrollTop=this.getOffset(t)}}getOffset(t){var o;let e=0,r=t;for(;r&&r.offsetParent!==this.scrollable.offsetParent;)e+=r.offsetTop,r=r.offsetParent;return e+(null!==(o=null==r?void 0:r.offsetTop)&&void 0!==o?o:0)-this.scrollable.offsetTop}getLastKnownHeight(t){var o;return+(null!==(o=null==t?void 0:t.getAttribute("data-last-known-height"))&&void 0!==o?o:1e3)}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.initIntersectionObserver(),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}initIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]})}triggerFindScrollableParent(){var t;null===(t=this.itemsContainer)||void 0===t||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){var o;let e,r;t.stopPropagation();for(let o of t.composedPath()){const t=o,i=this.elementCanScroll(t);if(t.clientHeight&&t.clientHeight<t.scrollHeight&&i){e=t;break}i&&(r=t)}let i=e||r;i!==this.firstScrollableParent&&(null===(o=this.firstScrollableParent)||void 0===o||o.removeEventListener("scroll",this.scrollListener),null==i||i.addEventListener("scroll",this.scrollListener),this.firstScrollableParent=i,this.initIntersectionObserver(),this.resetScroll())}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}searchFirstVisibleItem(t,o,e){if(o=null!=o?o:0,(e=null!=e?e:t.length-1)<=o)return t[o];const r=Math.floor((e-o)/2)+o,i=t[r];return this.getOffset(i)>this.scrollable.scrollTop?this.searchFirstVisibleItem(t,o,r-1):this.getOffset(i)+this.getLastKnownHeight(i)<this.scrollable.scrollTop?this.searchFirstVisibleItem(t,r+1,e):i}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.
|
|
181
|
+
`}prepareRenderIfNeeded(t){const o=null!=this.renderApprovalTimeouts[t];this.inRenderRange(t)&&!o&&(this.renderApprovalTimeouts[t]=setTimeout((()=>{this.inRenderRange(t)?this.renderedIndexes.add(t):this.renderApprovalTimeouts[t]=void 0,this.requestUpdate()}),300))}inRenderRange(t){return t>=this.visibleItems[0]-this.renderBeforeFirst&&t<=(null!=(o=this.visibleItems)?o:[])[(null!=o?o:[]).length-1]+this.renderAfterLast;var o}resetScroll(){this.triggerFindScrollableParent(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.visibleItems=[],this.scrolledToTarget=!1,this.scrollDebouncer.run((()=>{var t;let o=null!==(t=this.scrollToIndex)&&void 0!==t?t:this.scrollToItem?this.items.indexOf(this.scrollToItem):-1;o>=this.items.length&&(o=-1);const e=this.getItem(o);this.scrollToTarget(e),this.scrollDoneDebouncer.run((()=>{this.scrollRestorationItem=o>=0?o:void 0,this.scrollRestorationOffset=0===o?-this.getOffset(e):0,this.onMutation(),null!=e&&this.renderedIndexes.add(o),this.scrolledToTarget=!0}))}))}getItem(t){var o;return null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`#item-${t}`)}scrollToTarget(t){var o;if(t){let e=+(null!==(o=t.getAttribute("data-item-index"))&&void 0!==o?o:"0");this.scrollable&&0===e?this.scrollable.scrollTop=0:this.scrollable.scrollTop=this.getOffset(t)}}getOffset(t){var o;let e=0,r=t;for(;r&&r.offsetParent!==this.scrollable.offsetParent;)e+=r.offsetTop,r=r.offsetParent;return e+(null!==(o=null==r?void 0:r.offsetTop)&&void 0!==o?o:0)-this.scrollable.offsetTop}getLastKnownHeight(t){var o;return+(null!==(o=null==t?void 0:t.getAttribute("data-last-known-height"))&&void 0!==o?o:1e3)}appendItems(...t){this.items=[...this.items,...t]}prependItems(...t){this.items=[...t,...this.items]}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.triggerFindScrollableParent(),this.initIntersectionObserver(),this.mutationObserver.disconnect(),this.mutationObserver.observe(this.itemsContainer,{childList:!0})}),0)}initIntersectionObserver(){this.intersectionObserver.disconnect(),this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange,{root:this.scrollable,rootMargin:"-8px",threshold:[0,.01,.1,1]})}triggerFindScrollableParent(){var t;null===(t=this.itemsContainer)||void 0===t||t.dispatchEvent(new Event("find-scrollable-parent",{composed:!0}))}findScrollableParent(t){var o;let e,r;t.stopPropagation();for(let o of t.composedPath()){const t=o,i=this.elementCanScroll(t);if(t.clientHeight&&t.clientHeight<t.scrollHeight&&i){e=t;break}i&&(r=t)}let i=e||r;i!==this.firstScrollableParent&&(null===(o=this.firstScrollableParent)||void 0===o||o.removeEventListener("scroll",this.scrollListener),null==i||i.addEventListener("scroll",this.scrollListener),this.firstScrollableParent=i,this.initIntersectionObserver(),this.resetScroll())}elementCanScroll(t){try{return["auto","scroll"].includes(getComputedStyle(t).overflowY)}catch(t){return!1}}searchFirstVisibleItem(t,o,e){if(o=null!=o?o:0,(e=null!=e?e:t.length-1)<=o)return t[o];const r=Math.floor((e-o)/2)+o,i=t[r];return this.getOffset(i)>this.scrollable.scrollTop?this.searchFirstVisibleItem(t,o,r-1):this.getOffset(i)+this.getLastKnownHeight(i)<this.scrollable.scrollTop?this.searchFirstVisibleItem(t,r+1,e):i}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.resizeObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(t){super.firstUpdated(t),this.resetScroll()}update(t){super.update(t),t.has("items")&&(this.renderedIndexes=new Set),!t.has("scrollToItem")&&!t.has("scrollToIndex")||null==this.scrollToItem&&null==this.scrollToIndex||this.resetScroll()}updated(t){super.updated(t),(t.has("visibleItems")||t.has("items"))&&this.onVisibleItemsChange(),t.has("scrolledToTarget")&&this.scrolledToTarget&&(null!=this.scrollToItem||null!=this.scrollToIndex)&&this.dispatchEvent(new he)}onVisibleItemsChange(){const t=this.visibleItems.every(((t,o)=>null==this.visibleItems[o+1]||t+1===this.visibleItems[o+1]));t||k(this.visibleItems,this.lastNotOkVisibleItems)?(this.resetVisibleItemsDebouncer.cancel(),this.dispatchVisibleItemsEvent()):this.resetVisibleItemsDebouncer.run((()=>{this.lastNotOkVisibleItems=[...this.visibleItems],this.visibleItems=[],this.initIntersectionObserver(),this.onMutation()}))}dispatchVisibleItemsEvent(){var t,o;null===(t=this.cancelableDispatchEvent)||void 0===t||t.cancel(),this.cancelableDispatchEvent=(o=async function(t,o=5,e){let r,i,n=await t();for(r=i=performance.now();!n&&(!e||i-r<e);)await L(o),n=await t(),i=performance.now();if(null==n)throw new Error("Timeout exceeded")}((()=>!this.scrolling)),new e(((t,e)=>o.then(t).catch(e)))),this.cancelableDispatchEvent.then((()=>this.dispatchEvent(new le(this.visibleItems,this.visibleItems.map((t=>this.items[t])))))).catch((()=>null))}}var fe;pe.styles=se,ce([E({type:Array})],pe.prototype,"items",void 0),ce([E({attribute:!1})],pe.prototype,"renderItem",void 0),ce([E({attribute:!1})],pe.prototype,"getItemKey",void 0),ce([E({type:Object})],pe.prototype,"scrollToItem",void 0),ce([E({type:Number})],pe.prototype,"scrollToIndex",void 0),ce([E({type:Boolean})],pe.prototype,"internalScroll",void 0),ce([E({type:Number})],pe.prototype,"renderBeforeFirst",void 0),ce([E({type:Number})],pe.prototype,"renderAfterLast",void 0),ce([R({hasChanged:(t,o)=>null!=t&&null==o||t.length!==o.length||t[0]!==o[0]})],pe.prototype,"visibleItems",void 0),ce([W(".scrollable")],pe.prototype,"internalScrollable",void 0),ce([W(".items-container")],pe.prototype,"itemsContainer",void 0),ce([R()],pe.prototype,"scrolledToTarget",void 0),ce([R()],pe.prototype,"scrolling",void 0),ce([R({hasChanged:(t,o)=>!k(t,o)})],pe.prototype,"renderedIndexes",void 0),(fe="ft-infinite-scroll",t=>{window.customElements.get(fe)||window.customElements.define(fe,t)})(pe),t.FtInfiniteScroll=pe,t.FtInfiniteScrollCssVariables=ae,t.ScrolledToTargetEvent=he,t.VisibleItemsChangeEvent=le,t.styles=se}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-infinite-scroll",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.27",
|
|
4
4
|
"description": "An infinite scroller.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-wc-utils": "1.1.
|
|
22
|
+
"@fluid-topics/ft-wc-utils": "1.1.27",
|
|
23
23
|
"lit": "3.1.0"
|
|
24
24
|
},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "1eac81014b6ebbec9693fa4dded300ed209695c0"
|
|
26
26
|
}
|