@fluid-topics/ft-search-bar 0.1.7 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.css.js +13 -5
- package/build/ft-search-bar.js +16 -1
- package/build/ft-search-bar.light.js +43 -13
- package/build/ft-search-bar.min.js +82 -52
- package/package.json +13 -13
|
@@ -38,6 +38,10 @@ export const searchBarCss = css `
|
|
|
38
38
|
outline: none;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
.ft-search-bar--container > * {
|
|
42
|
+
flex-shrink: 0;
|
|
43
|
+
}
|
|
44
|
+
|
|
41
45
|
.ft-search-bar--mobile-menu-open {
|
|
42
46
|
position: ${FtSearchBarCssVariables.mobileOpenPosition};
|
|
43
47
|
top: ${FtSearchBarCssVariables.mobileOpenTop};
|
|
@@ -49,7 +53,6 @@ export const searchBarCss = css `
|
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
.ft-search-bar {
|
|
52
|
-
flex-shrink: 0;
|
|
53
56
|
position: relative;
|
|
54
57
|
display: flex;
|
|
55
58
|
flex-direction: row;
|
|
@@ -116,14 +119,14 @@ export const searchBarCss = css `
|
|
|
116
119
|
}
|
|
117
120
|
|
|
118
121
|
.ft-search-bar--left-action::part(button) {
|
|
119
|
-
height
|
|
122
|
+
height: 100%;
|
|
120
123
|
}
|
|
121
124
|
|
|
122
125
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
123
126
|
${setVariable(FtButtonCssVariables.borderRadius, css `calc(${FtSearchBarCssVariables.borderRadius} - 1px) 0 0 0`)};
|
|
124
127
|
}
|
|
125
128
|
|
|
126
|
-
.ft-search-bar--launch-search,
|
|
129
|
+
.ft-search-bar .ft-search-bar--launch-search,
|
|
127
130
|
.ft-search-bar--clear-query {
|
|
128
131
|
margin: 0 4px;
|
|
129
132
|
}
|
|
@@ -169,11 +172,13 @@ export const facetsCss = css `
|
|
|
169
172
|
}
|
|
170
173
|
|
|
171
174
|
.ft-search-bar--floating-panel {
|
|
175
|
+
flex-direction: column;
|
|
176
|
+
gap: 16px;
|
|
172
177
|
padding: 16px;
|
|
173
178
|
}
|
|
174
179
|
|
|
175
180
|
.ft-search-bar--floating-panel-open .ft-search-bar--floating-panel {
|
|
176
|
-
display:
|
|
181
|
+
display: flex;
|
|
177
182
|
}
|
|
178
183
|
|
|
179
184
|
.ft-search-bar--desktop .ft-search-bar--facets-actions {
|
|
@@ -182,7 +187,6 @@ export const facetsCss = css `
|
|
|
182
187
|
justify-content: flex-end;
|
|
183
188
|
gap: 8px;
|
|
184
189
|
padding: 0 10px;
|
|
185
|
-
margin-bottom: 16px;
|
|
186
190
|
}
|
|
187
191
|
|
|
188
192
|
.ft-search-bar--mobile .ft-search-bar--facets-actions {
|
|
@@ -272,6 +276,10 @@ export const facetsCss = css `
|
|
|
272
276
|
padding-left: 0;
|
|
273
277
|
padding-right: 0;
|
|
274
278
|
}
|
|
279
|
+
|
|
280
|
+
.ft-search-bar--floating-panel .ft-search-bar--launch-search {
|
|
281
|
+
margin: 0;
|
|
282
|
+
}
|
|
275
283
|
`;
|
|
276
284
|
//language=css
|
|
277
285
|
export const selectedFiltersCss = css `
|
package/build/ft-search-bar.js
CHANGED
|
@@ -188,6 +188,14 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
|
|
|
188
188
|
</div>
|
|
189
189
|
${this.displayFacets ? this.renderFacetsActions() : this.renderSelectedFacets()}
|
|
190
190
|
${this.displayFacets ? this.renderMobileFacets() : this.renderSuggestions()}
|
|
191
|
+
${this.mobileMenuOpen || this.displayFacets ? html `
|
|
192
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
193
|
+
part="search-bar-actions"
|
|
194
|
+
icon="search"
|
|
195
|
+
@click=${this.launchSearch}>
|
|
196
|
+
${this.labelResolver.resolve("searchButton")}
|
|
197
|
+
</ft-button>
|
|
198
|
+
` : nothing}
|
|
191
199
|
`;
|
|
192
200
|
}
|
|
193
201
|
renderMobileSearchBarButtons() {
|
|
@@ -295,7 +303,14 @@ let FtSearchBar = class FtSearchBar extends FtLitElement {
|
|
|
295
303
|
<div class="ft-search-bar--floating-panel" @keyup=${this.onFloatingContainerKeyUp} tabindex="-1">
|
|
296
304
|
${this.renderFacetsActions()}
|
|
297
305
|
${this.renderDesktopFacets()}
|
|
298
|
-
|
|
306
|
+
<div class="ft-search-bar--facets-actions">
|
|
307
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
308
|
+
part="search-bar-actions"
|
|
309
|
+
icon="search"
|
|
310
|
+
@click=${this.launchSearch}>
|
|
311
|
+
${this.labelResolver.resolve("searchButton")}
|
|
312
|
+
</ft-button>
|
|
313
|
+
</div>
|
|
299
314
|
</div>
|
|
300
315
|
</div>
|
|
301
316
|
${this.dense ? nothing : this.renderSelectedFacets()}
|
|
@@ -124,7 +124,11 @@ const q=t=>({_$litStatic$:t}),G=new Map,K=(t=>(e,...i)=>{var o;const r=i.length;
|
|
|
124
124
|
line-height: ${Mt.lineHeight};
|
|
125
125
|
text-transform: ${Mt.textTransform};
|
|
126
126
|
}
|
|
127
|
-
`;let Xt=class extends a.FtLitElement{constructor(){super(...arguments),this.variant=W.body1}getStyles(){return[Pt,Nt,Ht,Ut,Vt,Zt,qt,Gt,Kt,Wt
|
|
127
|
+
`;let Xt=class extends a.FtLitElement{constructor(){super(...arguments),this.variant=W.body1}getStyles(){return[Pt,Nt,Ht,Ut,Vt,Zt,qt,Gt,Kt,Wt,e.css`
|
|
128
|
+
.ft-typography {
|
|
129
|
+
vertical-align: inherit;
|
|
130
|
+
}
|
|
131
|
+
`]}getTemplate(){return this.element?K`
|
|
128
132
|
<${q(this.element)}
|
|
129
133
|
class="ft-typography ft-typography--${this.variant}">
|
|
130
134
|
<slot></slot>
|
|
@@ -650,7 +654,7 @@ const Ie=e.css`:host{font-family:var(--mdc-icon-font, "Material Icons");font-wei
|
|
|
650
654
|
</ft-tooltip>
|
|
651
655
|
`}resolveIcon(){return this.loading?e.html`
|
|
652
656
|
<ft-loader></ft-loader> `:this.icon?e.html`
|
|
653
|
-
<mwc-icon>${this.icon}</mwc-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){
|
|
657
|
+
<mwc-icon>${this.icon}</mwc-icon> `:e.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Qe.elementDefinitions={"ft-ripple":Fe,"ft-tooltip":He,"ft-typography":Xt,"mwc-icon":Re,"ft-loader":Ze},qe([i.property({type:Boolean})],Qe.prototype,"primary",void 0),qe([i.property({type:Boolean})],Qe.prototype,"outlined",void 0),qe([i.property({type:Boolean})],Qe.prototype,"disabled",void 0),qe([i.property({type:Boolean})],Qe.prototype,"dense",void 0),qe([i.property({type:Boolean})],Qe.prototype,"round",void 0),qe([i.property({type:String})],Qe.prototype,"label",void 0),qe([i.property({type:String})],Qe.prototype,"icon",void 0),qe([i.property({type:Boolean})],Qe.prototype,"trailingIcon",void 0),qe([i.property({type:Boolean})],Qe.prototype,"loading",void 0),qe([i.property({type:String})],Qe.prototype,"tooltipPosition",void 0),qe([i.query(".ft-button")],Qe.prototype,"button",void 0),qe([i.query(".ft-button--label slot")],Qe.prototype,"slottedContent",void 0),Qe=qe([a.customElement("ft-button")],Qe);
|
|
654
658
|
/**
|
|
655
659
|
* @license
|
|
656
660
|
* Copyright 2017 Google Inc.
|
|
@@ -1064,7 +1068,7 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1064
1068
|
</div>
|
|
1065
1069
|
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new ki(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}};$i.elementDefinitions={"ft-button":Qe},xi([i.property({type:Boolean})],$i.prototype,"horizontal",void 0),xi([i.property({type:Boolean})],$i.prototype,"hideScrollbar",void 0),xi([i.property({type:Boolean})],$i.prototype,"controls",void 0),xi([i.property({type:Boolean})],$i.prototype,"limitSize",void 0),xi([i.state()],$i.prototype,"elements",void 0),xi([i.state()],$i.prototype,"currentElement",void 0),xi([i.state()],$i.prototype,"withScroll",void 0),xi([i.state()],$i.prototype,"startReached",void 0),xi([i.state()],$i.prototype,"endReached",void 0),xi([i.query(".ft-snap-scroll--content")],$i.prototype,"contentSlot",void 0),$i=xi([a.customElement("ft-snap-scroll")],$i);var _i=function(t,e,i,o){for(var r,a=arguments.length,c=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(r=t[n])&&(c=(a<3?r(c):a>3?r(e,i,c):r(e,i))||c);return a>3&&c&&Object.defineProperty(e,i,c),c};let wi=class extends a.FtLitElement{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}getTemplate(){return e.html`
|
|
1066
1070
|
<slot @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1067
|
-
`}updateSubOptionsFromSlot(t){const e=t.composedPath()[0];this.subOptions=e.assignedElements().map((t=>t))}};wi.elementDefinitions={},_i([i.property({type:String})],wi.prototype,"label",void 0),_i([i.property({type:Object,converter:t=>t})],wi.prototype,"value",void 0),_i([i.property({type:Boolean,reflect:!0})],wi.prototype,"selected",void 0),_i([i.property({type:Object})],wi.prototype,"subOptions",void 0),wi=_i([a.customElement("ft-filter-option")],wi);var zi=function(t,e,i,o){for(var r,a=arguments.length,c=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(r=t[n])&&(c=(a<3?r(c):a>3?r(e,i,c):r(e,i))||c);return a>3&&c&&Object.defineProperty(e,i,c),c};const Si=a.FtCssVariable.external(a.designSystemVariables.colorOutline,"Design system"),Oi=a.FtCssVariable.external(a.designSystemVariables.colorOnSurface,"Design system"),Ci=a.FtCssVariable.external(a.designSystemVariables.colorOnSurfaceMedium,"Design system"),Bi=a.FtCssVariable.external(a.designSystemVariables.colorPrimary,"Design system"),Ti=a.FtCssVariable.external(a.designSystemVariables.colorSurface,"Design system"),Ei=a.FtCssVariable.external(a.designSystemVariables.transitionDuration,"Design system"),Ai=a.FtCssVariable.external(a.designSystemVariables.transitionTimingFunction,"Design system");class Fi extends CustomEvent{constructor(t){super("change",{detail:t})}}let Ii=class extends a.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new a.Debouncer(300)}getStyles(){return[qt,e.css`
|
|
1071
|
+
`}updateSubOptionsFromSlot(t){const e=t.composedPath()[0];this.subOptions=e.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};wi.elementDefinitions={},_i([i.property({type:String})],wi.prototype,"label",void 0),_i([i.property({type:Object,converter:t=>t})],wi.prototype,"value",void 0),_i([i.property({type:Boolean,reflect:!0})],wi.prototype,"selected",void 0),_i([i.property({type:Object})],wi.prototype,"subOptions",void 0),wi=_i([a.customElement("ft-filter-option")],wi);var zi=function(t,e,i,o){for(var r,a=arguments.length,c=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,n=t.length-1;n>=0;n--)(r=t[n])&&(c=(a<3?r(c):a>3?r(e,i,c):r(e,i))||c);return a>3&&c&&Object.defineProperty(e,i,c),c};const Si=a.FtCssVariable.external(a.designSystemVariables.colorOutline,"Design system"),Oi=a.FtCssVariable.external(a.designSystemVariables.colorOnSurface,"Design system"),Ci=a.FtCssVariable.external(a.designSystemVariables.colorOnSurfaceMedium,"Design system"),Bi=a.FtCssVariable.external(a.designSystemVariables.colorPrimary,"Design system"),Ti=a.FtCssVariable.external(a.designSystemVariables.colorSurface,"Design system"),Ei=a.FtCssVariable.external(a.designSystemVariables.transitionDuration,"Design system"),Ai=a.FtCssVariable.external(a.designSystemVariables.transitionTimingFunction,"Design system");class Fi extends CustomEvent{constructor(t){super("change",{detail:t})}}let Ii=class extends a.FtLitElement{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new a.Debouncer(300)}getStyles(){return[qt,e.css`
|
|
1068
1072
|
:host {
|
|
1069
1073
|
display: flex;
|
|
1070
1074
|
max-height: 100%;
|
|
@@ -1194,7 +1198,8 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1194
1198
|
<div class="ft-filter--values">
|
|
1195
1199
|
${this.renderLevels()}
|
|
1196
1200
|
</div>
|
|
1197
|
-
<slot @slotchange=${this.updateOptionsFromSlot}
|
|
1201
|
+
<slot @slotchange=${this.updateOptionsFromSlot}
|
|
1202
|
+
@option-change=${this.updateOptionsFromSlot}></slot>
|
|
1198
1203
|
</div>
|
|
1199
1204
|
`}update(t){if(super.update(t),t.has("options")){const t=new Set(this.flatOptions.map((t=>t.value)));this.displayedLevels=this.displayedLevels.filter((e=>t.has(e)))}}contentAvailableCallback(t){var e,i;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),null===(e=this.levelsContainer)||void 0===e||e.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout((()=>{var t;null===(t=this.levelsContainer)||void 0===t||t.next(),this.slideIn=void 0}),0),t.has("slideOut")&&this.slideOut&&(null===(i=this.levelsContainer)||void 0===i||i.previous(),setTimeout((()=>{this.displayedLevels.pop(),this.slideOut=void 0}),300))}renderLevels(){const t=this.flatOptions,i=t.filter((t=>t.selected)),o=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,r=o<0?"ft-filter--level-center":"ft-filter--level-left";return e.html`
|
|
1200
1205
|
${this.raiseSelectedOptions&&i.length>0?e.html`
|
|
@@ -1426,6 +1431,7 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1426
1431
|
}
|
|
1427
1432
|
|
|
1428
1433
|
.ft-chip--label {
|
|
1434
|
+
vertical-align: bottom;
|
|
1429
1435
|
display: block;
|
|
1430
1436
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1431
1437
|
${a.setVariable(zt.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
@@ -1576,11 +1582,11 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1576
1582
|
}
|
|
1577
1583
|
|
|
1578
1584
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1579
|
-
padding: 4px;
|
|
1585
|
+
padding: 2px 4px;
|
|
1580
1586
|
z-index: ${po.raisedZIndex};
|
|
1581
1587
|
background-color: ${po.colorSurface};
|
|
1582
1588
|
border-radius: ${po.borderRadiusS};
|
|
1583
|
-
top: calc(var(--ft-typography-caption-line-height) / -2);
|
|
1589
|
+
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1584
1590
|
}
|
|
1585
1591
|
|
|
1586
1592
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
@@ -1636,7 +1642,8 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1636
1642
|
color: ${mo.colorOnSurfaceDisabled};
|
|
1637
1643
|
}
|
|
1638
1644
|
|
|
1639
|
-
.ft-select:not(.ft-select--disabled) .ft-select--input-panel
|
|
1645
|
+
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
1646
|
+
.ft-select:not(.ft-select--disabled) .ft-select--option {
|
|
1640
1647
|
cursor: pointer;
|
|
1641
1648
|
}
|
|
1642
1649
|
|
|
@@ -1775,6 +1782,10 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1775
1782
|
outline: none;
|
|
1776
1783
|
}
|
|
1777
1784
|
|
|
1785
|
+
.ft-search-bar--container > * {
|
|
1786
|
+
flex-shrink: 0;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1778
1789
|
.ft-search-bar--mobile-menu-open {
|
|
1779
1790
|
position: ${go.mobileOpenPosition};
|
|
1780
1791
|
top: ${go.mobileOpenTop};
|
|
@@ -1786,7 +1797,6 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1786
1797
|
}
|
|
1787
1798
|
|
|
1788
1799
|
.ft-search-bar {
|
|
1789
|
-
flex-shrink: 0;
|
|
1790
1800
|
position: relative;
|
|
1791
1801
|
display: flex;
|
|
1792
1802
|
flex-direction: row;
|
|
@@ -1853,14 +1863,14 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1853
1863
|
}
|
|
1854
1864
|
|
|
1855
1865
|
.ft-search-bar--left-action::part(button) {
|
|
1856
|
-
height
|
|
1866
|
+
height: 100%;
|
|
1857
1867
|
}
|
|
1858
1868
|
|
|
1859
1869
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
1860
1870
|
${a.setVariable(Ke.borderRadius,e.css`calc(${go.borderRadius} - 1px) 0 0 0`)};
|
|
1861
1871
|
}
|
|
1862
1872
|
|
|
1863
|
-
.ft-search-bar--launch-search,
|
|
1873
|
+
.ft-search-bar .ft-search-bar--launch-search,
|
|
1864
1874
|
.ft-search-bar--clear-query {
|
|
1865
1875
|
margin: 0 4px;
|
|
1866
1876
|
}
|
|
@@ -1904,11 +1914,13 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1904
1914
|
}
|
|
1905
1915
|
|
|
1906
1916
|
.ft-search-bar--floating-panel {
|
|
1917
|
+
flex-direction: column;
|
|
1918
|
+
gap: 16px;
|
|
1907
1919
|
padding: 16px;
|
|
1908
1920
|
}
|
|
1909
1921
|
|
|
1910
1922
|
.ft-search-bar--floating-panel-open .ft-search-bar--floating-panel {
|
|
1911
|
-
display:
|
|
1923
|
+
display: flex;
|
|
1912
1924
|
}
|
|
1913
1925
|
|
|
1914
1926
|
.ft-search-bar--desktop .ft-search-bar--facets-actions {
|
|
@@ -1917,7 +1929,6 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
1917
1929
|
justify-content: flex-end;
|
|
1918
1930
|
gap: 8px;
|
|
1919
1931
|
padding: 0 10px;
|
|
1920
|
-
margin-bottom: 16px;
|
|
1921
1932
|
}
|
|
1922
1933
|
|
|
1923
1934
|
.ft-search-bar--mobile .ft-search-bar--facets-actions {
|
|
@@ -2007,6 +2018,10 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
2007
2018
|
padding-left: 0;
|
|
2008
2019
|
padding-right: 0;
|
|
2009
2020
|
}
|
|
2021
|
+
|
|
2022
|
+
.ft-search-bar--floating-panel .ft-search-bar--launch-search {
|
|
2023
|
+
margin: 0;
|
|
2024
|
+
}
|
|
2010
2025
|
`,yo=e.css`
|
|
2011
2026
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2012
2027
|
flex-shrink: 0;
|
|
@@ -2133,6 +2148,14 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
2133
2148
|
</div>
|
|
2134
2149
|
${this.displayFacets?this.renderFacetsActions():this.renderSelectedFacets()}
|
|
2135
2150
|
${this.displayFacets?this.renderMobileFacets():this.renderSuggestions()}
|
|
2151
|
+
${this.mobileMenuOpen||this.displayFacets?e.html`
|
|
2152
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2153
|
+
part="search-bar-actions"
|
|
2154
|
+
icon="search"
|
|
2155
|
+
@click=${this.launchSearch}>
|
|
2156
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2157
|
+
</ft-button>
|
|
2158
|
+
`:e.nothing}
|
|
2136
2159
|
`}renderMobileSearchBarButtons(){return this.query||this.mobileMenuOpen?e.html`
|
|
2137
2160
|
<ft-button class="ft-search-bar--clear-query"
|
|
2138
2161
|
part="search-bar-actions"
|
|
@@ -2212,7 +2235,14 @@ const ui=e.css`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc(
|
|
|
2212
2235
|
<div class="ft-search-bar--floating-panel" @keyup=${this.onFloatingContainerKeyUp} tabindex="-1">
|
|
2213
2236
|
${this.renderFacetsActions()}
|
|
2214
2237
|
${this.renderDesktopFacets()}
|
|
2215
|
-
|
|
2238
|
+
<div class="ft-search-bar--facets-actions">
|
|
2239
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2240
|
+
part="search-bar-actions"
|
|
2241
|
+
icon="search"
|
|
2242
|
+
@click=${this.launchSearch}>
|
|
2243
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2244
|
+
</ft-button>
|
|
2245
|
+
</div>
|
|
2216
2246
|
</div>
|
|
2217
2247
|
</div>
|
|
2218
2248
|
${this.dense?e.nothing:this.renderSelectedFacets()}
|
|
@@ -9,13 +9,13 @@ const e=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
|
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2017 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
*/;var l;const d=window.trustedTypes,
|
|
12
|
+
*/;var l;const d=window.trustedTypes,h=d?d.emptyScript:"",p=window.reactiveElementPolyfillSupport,f={toAttribute(t,e){switch(e){case Boolean:t=t?h:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},u=(t,e)=>e!==t&&(e==e||t==t),m={attribute:!0,type:String,converter:f,reflect:!1,hasChanged:u};class b extends HTMLElement{constructor(){super(),this._$Et=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Ei=null,this.o()}static addInitializer(t){var e;null!==(e=this.l)&&void 0!==e||(this.l=[]),this.l.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const r=this._$Eh(i,e);void 0!==r&&(this._$Eu.set(r,i),t.push(r))})),t}static createProperty(t,e=m){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);void 0!==r&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const o=this[t];this[e]=r,this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||m}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Eu=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(s(t))}else void 0!==t&&e.push(s(t));return e}static _$Eh(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}o(){var t;this._$Ep=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Em(),this.requestUpdate(),null===(t=this.constructor.l)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$Eg)&&void 0!==e?e:this._$Eg=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$Eg)||void 0===e||e.splice(this._$Eg.indexOf(t)>>>0,1)}_$Em(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Et.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return c(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ES(t,e,i=m){var r,o;const n=this.constructor._$Eh(t,i);if(void 0!==n&&!0===i.reflect){const a=(null!==(o=null===(r=i.converter)||void 0===r?void 0:r.toAttribute)&&void 0!==o?o:f.toAttribute)(e,i.type);this._$Ei=t,null==a?this.removeAttribute(n):this.setAttribute(n,a),this._$Ei=null}}_$AK(t,e){var i,r,o;const n=this.constructor,a=n._$Eu.get(t);if(void 0!==a&&this._$Ei!==a){const t=n.getPropertyOptions(a),c=t.converter,s=null!==(o=null!==(r=null===(i=c)||void 0===i?void 0:i.fromAttribute)&&void 0!==r?r:"function"==typeof c?c:null)&&void 0!==o?o:f.fromAttribute;this._$Ei=a,this[a]=s(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let r=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||u)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$E_&&(this._$E_=new Map),this._$E_.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$Ep=this._$EC())}async _$EC(){this.isUpdatePending=!0;try{await this._$Ep}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Et&&(this._$Et.forEach(((t,e)=>this[e]=t)),this._$Et=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$Eg)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$Eg)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Ep}shouldUpdate(t){return!0}update(t){void 0!==this._$E_&&(this._$E_.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$E_=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
17
|
*/
|
|
18
|
-
var v;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==
|
|
18
|
+
var v;b.finalized=!0,b.elementProperties=new Map,b.elementStyles=[],b.shadowRootOptions={mode:"open"},null==p||p({ReactiveElement:b}),(null!==(l=globalThis.reactiveElementVersions)&&void 0!==l?l:globalThis.reactiveElementVersions=[]).push("1.2.2");const g=globalThis.trustedTypes,x=g?g.createPolicy("lit-html",{createHTML:t=>t}):void 0,y=`lit$${(Math.random()+"").slice(9)}$`,k="?"+y,w=`<${k}>`,$=document,_=(t="")=>$.createComment(t),S=t=>null===t||"object"!=typeof t&&"function"!=typeof t,O=Array.isArray,z=t=>{var e;return O(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},C=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,E=/-->/g,R=/>/g,B=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,F=/'/g,T=/"/g,N=/^(?:script|style|textarea|title)$/i,A=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),M=Symbol.for("lit-noChange"),j=Symbol.for("lit-nothing"),L=new WeakMap,D=$.createTreeWalker($,129,null,!1),I=(t,e)=>{const i=t.length-1,r=[];let o,n=2===e?"<svg>":"",a=C;for(let e=0;e<i;e++){const i=t[e];let c,s,l=-1,d=0;for(;d<i.length&&(a.lastIndex=d,s=a.exec(i),null!==s);)d=a.lastIndex,a===C?"!--"===s[1]?a=E:void 0!==s[1]?a=R:void 0!==s[2]?(N.test(s[2])&&(o=RegExp("</"+s[2],"g")),a=B):void 0!==s[3]&&(a=B):a===B?">"===s[0]?(a=null!=o?o:C,l=-1):void 0===s[1]?l=-2:(l=a.lastIndex-s[2].length,c=s[1],a=void 0===s[3]?B:'"'===s[3]?T:F):a===T||a===F?a=B:a===E||a===R?a=C:(a=B,o=void 0);const h=a===B&&t[e+1].startsWith("/>")?" ":"";n+=a===C?i+w:l>=0?(r.push(c),i.slice(0,l)+"$lit$"+i.slice(l)+y+h):i+y+(-2===l?(r.push(void 0),e):h)}const c=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==x?x.createHTML(c):c,r]};class U{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,n=0;const a=t.length-1,c=this.parts,[s,l]=I(t,e);if(this.el=U.createElement(s,i),D.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(r=D.nextNode())&&c.length<a;){if(1===r.nodeType){if(r.hasAttributes()){const t=[];for(const e of r.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(y)){const i=l[n++];if(t.push(e),void 0!==i){const t=r.getAttribute(i.toLowerCase()+"$lit$").split(y),e=/([.?@])?(.*)/.exec(i);c.push({type:1,index:o,name:e[2],strings:t,ctor:"."===e[1]?W:"?"===e[1]?q:"@"===e[1]?G:Z})}else c.push({type:6,index:o})}for(const e of t)r.removeAttribute(e)}if(N.test(r.tagName)){const t=r.textContent.split(y),e=t.length-1;if(e>0){r.textContent=g?g.emptyScript:"";for(let i=0;i<e;i++)r.append(t[i],_()),D.nextNode(),c.push({type:2,index:++o});r.append(t[e],_())}}}else if(8===r.nodeType)if(r.data===k)c.push({type:2,index:o});else{let t=-1;for(;-1!==(t=r.data.indexOf(y,t+1));)c.push({type:7,index:o}),t+=y.length-1}o++}}static createElement(t,e){const i=$.createElement("template");return i.innerHTML=t,i}}function P(t,e,i=t,r){var o,n,a,c;if(e===M)return e;let s=void 0!==r?null===(o=i._$Cl)||void 0===o?void 0:o[r]:i._$Cu;const l=S(e)?void 0:e._$litDirective$;return(null==s?void 0:s.constructor)!==l&&(null===(n=null==s?void 0:s._$AO)||void 0===n||n.call(s,!1),void 0===l?s=void 0:(s=new l(t),s._$AT(t,i,r)),void 0!==r?(null!==(a=(c=i)._$Cl)&&void 0!==a?a:c._$Cl=[])[r]=s:i._$Cu=s),void 0!==s&&(e=P(t,s._$AS(t,e.values),s,r)),e}class H{constructor(t,e){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var e;const{el:{content:i},parts:r}=this._$AD,o=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:$).importNode(i,!0);D.currentNode=o;let n=D.nextNode(),a=0,c=0,s=r[0];for(;void 0!==s;){if(a===s.index){let e;2===s.type?e=new V(n,n.nextSibling,this,t):1===s.type?e=new s.ctor(n,s.name,s.strings,this,t):6===s.type&&(e=new X(n,this,t)),this.v.push(e),s=r[++c]}a!==(null==s?void 0:s.index)&&(n=D.nextNode(),a++)}return o}m(t){let e=0;for(const i of this.v)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class V{constructor(t,e,i,r){var o;this.type=2,this._$AH=j,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cg=null===(o=null==r?void 0:r.isConnected)||void 0===o||o}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=P(this,t,e),S(t)?t===j||null==t||""===t?(this._$AH!==j&&this._$AR(),this._$AH=j):t!==this._$AH&&t!==M&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):z(t)?this.A(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==j&&S(this._$AH)?this._$AA.nextSibling.data=t:this.S($.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:r}=t,o="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=U.createElement(r.h,this.options)),r);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===o)this._$AH.m(i);else{const t=new H(o,this),e=t.p(this.options);t.m(i),this.S(e),this._$AH=t}}_$AC(t){let e=L.get(t.strings);return void 0===e&&L.set(t.strings,e=new U(t)),e}A(t){O(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new V(this.M(_()),this.M(_()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cg=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class Z{constructor(t,e,i,r,o){this.type=1,this._$AH=j,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=j}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const o=this.strings;let n=!1;if(void 0===o)t=P(this,t,e,0),n=!S(t)||t!==this._$AH&&t!==M,n&&(this._$AH=t);else{const r=t;let a,c;for(t=o[0],a=0;a<o.length-1;a++)c=P(this,r[i+a],e,a),c===M&&(c=this._$AH[a]),n||(n=!S(c)||c!==this._$AH[a]),c===j?t=j:t!==j&&(t+=(null!=c?c:"")+o[a+1]),this._$AH[a]=c}n&&!r&&this.k(t)}k(t){t===j?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class W extends Z{constructor(){super(...arguments),this.type=3}k(t){this.element[this.name]=t===j?void 0:t}}const K=g?g.emptyScript:"";class q extends Z{constructor(){super(...arguments),this.type=4}k(t){t&&t!==j?this.element.setAttribute(this.name,K):this.element.removeAttribute(this.name)}}class G extends Z{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=P(this,t,e,0))&&void 0!==i?i:j)===M)return;const r=this._$AH,o=t===j&&r!==j||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==j&&(r===j||o);o&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class X{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){P(this,t)}}const J={P:"$lit$",V:y,L:k,I:1,N:I,R:H,D:z,j:P,H:V,O:Z,F:q,B:G,W,Z:X},Y=window.litHtmlPolyfillSupport;
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
@@ -68,13 +68,13 @@ function dt(t){return ct({descriptor:e=>({async get(){var e;return await this.up
|
|
|
68
68
|
* @license
|
|
69
69
|
* Copyright 2021 Google LLC
|
|
70
70
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
71
|
-
*/var
|
|
71
|
+
*/var ht;const pt=null!=(null===(ht=window.HTMLSlotElement)||void 0===ht?void 0:ht.prototype.assignedElements)?(t,e)=>t.assignedElements(e):(t,e)=>t.assignedNodes(e).filter((t=>t.nodeType===Node.ELEMENT_NODE));
|
|
72
72
|
/**
|
|
73
73
|
* @license
|
|
74
74
|
* Copyright 2017 Google LLC
|
|
75
75
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
76
76
|
*/
|
|
77
|
-
function ft(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return ct({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),n=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),a=null!=n?
|
|
77
|
+
function ft(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:e},i?function(t){const{slot:e,selector:i}=null!=t?t:{};return ct({descriptor:r=>({get(){var r;const o="slot"+(e?`[name=${e}]`:":not([name])"),n=null===(r=this.renderRoot)||void 0===r?void 0:r.querySelector(o),a=null!=n?pt(n,t):[];return i?a.filter((t=>t.matches(i))):a},enumerable:!0,configurable:!0})})}({slot:o,flatten:e,selector:i}):ct({descriptor:t=>({get(){var t,e;const i="slot"+(o?`[name=${o}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==n?void 0:n.assignedNodes(r))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}
|
|
78
78
|
/**
|
|
79
79
|
* @license
|
|
80
80
|
* Copyright 2017 Google LLC
|
|
@@ -84,12 +84,12 @@ function ft(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
84
84
|
* @license
|
|
85
85
|
* Copyright 2020 Google LLC
|
|
86
86
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
87
|
-
*/const{H:gt}=J,xt=()=>document.createComment(""),yt=(t,e,i)=>{var r;const o=t._$AA.parentNode,n=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=o.insertBefore(xt(),n),r=o.insertBefore(xt(),n);i=new gt(e,r,t,t.options)}else{const e=i._$AB.nextSibling,a=i._$AM,c=a!==t;if(c){let e;null===(r=i._$AQ)||void 0===r||r.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==a._$AU&&i._$AP(e)}if(e!==n||c){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;o.insertBefore(t,n),t=e}}}return i},kt=(t,e,i=t)=>(t._$AI(e,i),t),wt={},$t=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const r=t._$AB.nextSibling;for(;i!==r;){const t=i.nextSibling;i.remove(),i=t}},_t=(t,e,i)=>{const r=new Map;for(let o=e;o<=i;o++)r.set(t[o],o);return r},St=bt(class extends vt{constructor(t){if(super(t),t.type!==mt)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let r;void 0===i?i=e:void 0!==e&&(r=e);const o=[],n=[];let a=0;for(const e of t)o[a]=r?r(e,a):a,n[a]=i(e,a),a++;return{values:n,keys:o}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,r]){var o;const n=(t=>t._$AH)(t),{values:a,keys:c}=this.dt(e,i,r);if(!Array.isArray(n))return this.at=c,a;const s=null!==(o=this.at)&&void 0!==o?o:this.at=[],l=[];let d,p
|
|
87
|
+
*/const{H:gt}=J,xt=()=>document.createComment(""),yt=(t,e,i)=>{var r;const o=t._$AA.parentNode,n=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=o.insertBefore(xt(),n),r=o.insertBefore(xt(),n);i=new gt(e,r,t,t.options)}else{const e=i._$AB.nextSibling,a=i._$AM,c=a!==t;if(c){let e;null===(r=i._$AQ)||void 0===r||r.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==a._$AU&&i._$AP(e)}if(e!==n||c){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;o.insertBefore(t,n),t=e}}}return i},kt=(t,e,i=t)=>(t._$AI(e,i),t),wt={},$t=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const r=t._$AB.nextSibling;for(;i!==r;){const t=i.nextSibling;i.remove(),i=t}},_t=(t,e,i)=>{const r=new Map;for(let o=e;o<=i;o++)r.set(t[o],o);return r},St=bt(class extends vt{constructor(t){if(super(t),t.type!==mt)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let r;void 0===i?i=e:void 0!==e&&(r=e);const o=[],n=[];let a=0;for(const e of t)o[a]=r?r(e,a):a,n[a]=i(e,a),a++;return{values:n,keys:o}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,r]){var o;const n=(t=>t._$AH)(t),{values:a,keys:c}=this.dt(e,i,r);if(!Array.isArray(n))return this.at=c,a;const s=null!==(o=this.at)&&void 0!==o?o:this.at=[],l=[];let d,h,p=0,f=n.length-1,u=0,m=a.length-1;for(;p<=f&&u<=m;)if(null===n[p])p++;else if(null===n[f])f--;else if(s[p]===c[u])l[u]=kt(n[p],a[u]),p++,u++;else if(s[f]===c[m])l[m]=kt(n[f],a[m]),f--,m--;else if(s[p]===c[m])l[m]=kt(n[p],a[m]),yt(t,l[m+1],n[p]),p++,m--;else if(s[f]===c[u])l[u]=kt(n[f],a[u]),yt(t,n[p],n[f]),f--,u++;else if(void 0===d&&(d=_t(c,u,m),h=_t(s,p,f)),d.has(s[p]))if(d.has(s[f])){const e=h.get(c[u]),i=void 0!==e?n[e]:null;if(null===i){const e=yt(t,n[p]);kt(e,a[u]),l[u]=e}else l[u]=kt(i,a[u]),yt(t,n[p],i),n[e]=null;u++}else $t(n[f]),f--;else $t(n[p]),p++;for(;u<=m;){const e=yt(t,l[m+1]);kt(e,a[u]),l[u++]=e}for(;p<=f;){const t=n[p++];null!==t&&$t(t)}return this.at=c,((t,e=wt)=>{t._$AH=e})(t,l),M}}),Ot=bt(class extends vt{constructor(t){var e;if(super(t),t.type!==ut||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,r;if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.et=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.et)||void 0===i?void 0:i.has(t))&&this.st.add(t);return this.render(e)}const o=t.element.classList;this.st.forEach((t=>{t in e||(o.remove(t),this.st.delete(t))}));for(const t in e){const i=!!e[t];i===this.st.has(t)||(null===(r=this.et)||void 0===r?void 0:r.has(t))||(i?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return M}});
|
|
88
88
|
/**
|
|
89
89
|
* @license
|
|
90
90
|
* Copyright 2017 Google LLC
|
|
91
91
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
92
|
-
*/(function(){function t(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}function e(e){var i="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator];return i?i.call(e):{next:t(e)}}function i(t){if(!(t instanceof Array)){t=e(t);for(var i,r=[];!(i=t.next()).done;)r.push(i.value);t=r}return t}var r="function"==typeof Object.create?Object.create:function(t){function e(){}return e.prototype=t,new e};var o,n=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var e=0;e<t.length;++e){var i=t[e];if(i&&i.Math==Math)return i}throw Error("Cannot find global object")}(this),a=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(e,i,r){return e=t(e,i),r&&Reflect.setPrototypeOf(e,r.prototype),e}}return function(t,e,i){return void 0===i&&(i=t),i=r(i.prototype||Object.prototype),Function.prototype.apply.call(t,i,e)||i}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var c;t:{var s={};try{s.__proto__={a:!0},c=s.a;break t}catch(t){}c=!1}o=c?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var l=o;if(!ShadowRoot.prototype.createElement){var d,p=window.HTMLElement,h=window.customElements.define,f=window.customElements.get,u=window.customElements,m=new WeakMap,b=new WeakMap,v=new WeakMap,g=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,i){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var r=i.prototype.attributeChangedCallback,o=new Set(i.observedAttributes||[]);if(y(i,o,r),r={g:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,r),this.o.set(i,r),(o=f.call(u,t))||(o=x(t),h.call(u,t,o)),this===window.customElements&&(v.set(i,r),r.s=o),o=this.h.get(t)){this.h.delete(t);for(var n=(o=e(o)).next();!n.done;n=o.next())n=n.value,b.delete(n),w(n,r,!0)}return void 0!==(r=this.i.get(t))&&(r.resolve(i),this.i.delete(t)),i},window.CustomElementRegistry.prototype.upgrade=function(){_.push(this),u.upgrade.apply(u,arguments),_.pop()},window.CustomElementRegistry.prototype.get=function(t){var e;return null==(e=this.l.get(t))?void 0:e.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var e=this.j(t);if(void 0!==e)return Promise.resolve(e.g);var i=this.i.get(t);return void 0===i&&((i={}).promise=new Promise((function(t){return i.resolve=t})),this.i.set(t,i)),i.promise},window.CustomElementRegistry.prototype.m=function(t,e,i){var r=this.h.get(e);r||this.h.set(e,r=new Set),i?r.add(t):r.delete(t)},window.HTMLElement=function(){var t=d;if(t)return d=void 0,t;var e=v.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(p,[],e.s),Object.setPrototypeOf(t,this.constructor.prototype),m.set(t,e),t},window.HTMLElement.prototype=p.prototype;var x=function(t){function e(){var e=Reflect.construct(p,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);t:{var i=e.getRootNode();if(!(i===document||i instanceof ShadowRoot)){if((i=_[_.length-1])instanceof CustomElementRegistry){var r=i;break t}(i=i.getRootNode())===document||i instanceof ShadowRoot||(i=(null==(r=g.get(i))?void 0:r.getRootNode())||document)}r=i.customElements}return(i=(r=r||window.customElements).j(t))?w(e,i):b.set(e,r),e}return n.Object.defineProperty(e,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),e.prototype.connectedCallback=function(){var e=m.get(this);e?e.connectedCallback&&e.connectedCallback.apply(this,arguments):b.get(this).m(this,t,!0)},e.prototype.disconnectedCallback=function(){var e=m.get(this);e?e.disconnectedCallback&&e.disconnectedCallback.apply(this,arguments):b.get(this).m(this,t,!1)},e.prototype.adoptedCallback=function(){var t,e;null==(t=m.get(this))||null==(e=t.adoptedCallback)||e.apply(this,arguments)},e.prototype.formAssociatedCallback=function(){var t,e=m.get(this);e&&e.formAssociated&&(null==e||null==(t=e.formAssociatedCallback)||t.apply(this,arguments))},e.prototype.formDisabledCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formDisabledCallback)||t.apply(this,arguments))},e.prototype.formResetCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formResetCallback)||t.apply(this,arguments))},e.prototype.formStateRestoreCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formStateRestoreCallback)||t.apply(this,arguments))},e},y=function(t,e,i){if(0!==e.size&&void 0!==i){var r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),e.has(t)){var n=this.getAttribute(t);r.call(this,t,o),i.call(this,t,n,o)}else r.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),e.has(t)){var r=this.getAttribute(t);o.call(this,t),i.call(this,t,r,null)}else o.call(this,t)})}},k=function(t){var e=Object.getPrototypeOf(t);if(e!==window.HTMLElement)return e===p?Object.setPrototypeOf(t,window.HTMLElement):k(e)},w=function(t,e,i){i=void 0!==i&&i,Object.setPrototypeOf(t,e.g.prototype),m.set(t,e),d=t;try{new e.g}catch(t){k(e.g),new e.g}e.observedAttributes.forEach((function(i){t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},$=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var e=$.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};var _=[document],S=function(t,e,i){var r=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){_.push(this);var t=r.apply(i||this,arguments);return void 0!==t&&g.set(t,this),_.pop(),t}};S(ShadowRoot,"createElement",document),S(ShadowRoot,"importNode",document),S(Element,"insertAdjacentHTML");var O=function(t){var e=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},e,{set:function(t){_.push(this),e.set.call(this,t),_.pop()}}))};if(O(Element),O(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var z=new WeakMap,C=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var e=[],r=0;r<arguments.length;++r)e[r]=arguments[r];return e=C.call.apply(C,[this].concat(i(e))),z.set(e,this),e},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var e=window.ElementInternals.prototype,r=e[t];e[t]=function(t){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];if(o=z.get(this),!0!==m.get(o).formAssociated)throw new DOMException("Failed to execute "+r+" on 'ElementInternals': The target element is not a form-associated custom element.");null==r||r.call.apply(r,[this].concat(i(e)))}}));var E=function(t){var e=a(Array,[].concat(i(t)),this.constructor);return e.h=t,e},R=E,B=Array;if(R.prototype=r(B.prototype),R.prototype.constructor=R,l)l(R,B);else for(var F in B)if("prototype"!=F)if(Object.defineProperties){var T=Object.getOwnPropertyDescriptor(B,F);T&&Object.defineProperty(R,F,T)}else R[F]=B[F];R.u=B.prototype,n.Object.defineProperty(E.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var N=function(t){var e=this,i=new Map;t.forEach((function(t,r){var o=t.getAttribute("name"),n=i.get(o)||[];e[+r]=t,n.push(t),i.set(o,n)})),this.length=t.length,i.forEach((function(t,i){t&&(e[i]=1===t.length?t[0]:new E(t))}))};N.prototype.namedItem=function(t){return this[t]};var A=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=A.get.call(this,[]),i=[],r=(t=e(t)).next();!r.done;r=t.next()){r=r.value;var o=m.get(r);o&&!0!==o.formAssociated||i.push(r)}return new N(i)}})}}}).call(self);try{window.customElements.define("custom-element",null)}catch(Nr){const t=window.customElements.define;window.customElements.define=(e,i,r)=>{try{t.bind(window.customElements)(e,i,r)}catch(t){console.warn(e,i,r,t)}}}class zt{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}const Ct=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};function Et(t,e){const i=()=>JSON.parse(JSON.stringify(t));return nt({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}class Rt{constructor(t,e,i,r,o){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=r,this.context=o,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new Rt(t,e,void 0,i)}static extend(t,e,i){return new Rt(t,e.category,e,i)}static external(t,e){return new Rt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return a`var(${n(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):n(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function Bt(t,e){return n(`${t.name}: ${e}`)}const Ft={colorPrimary:Rt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:Rt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:Rt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:Rt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:Rt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:Rt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:Rt.create("--ft-color-error","COLOR","#B00020"),colorOutline:Rt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:Rt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:Rt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:Rt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:Rt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:Rt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:Rt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:Rt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:Rt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:Rt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:Rt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:Rt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:Rt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:Rt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:Rt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:Rt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:Rt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:Rt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:Rt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:Rt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:Rt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:Rt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:Rt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:Rt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:Rt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:Rt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:Rt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:Rt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:Rt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:Rt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:Rt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:Rt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:Rt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:Rt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:Rt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:Rt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:Rt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:Rt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:Rt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:Rt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:Rt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:Rt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:Rt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:Rt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:Rt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:Rt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:Rt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:Rt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:Rt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:Rt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:Rt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:Rt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:Rt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:Rt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:Rt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
92
|
+
*/(function(){function t(t){var e=0;return function(){return e<t.length?{done:!1,value:t[e++]}:{done:!0}}}function e(e){var i="undefined"!=typeof Symbol&&Symbol.iterator&&e[Symbol.iterator];return i?i.call(e):{next:t(e)}}function i(t){if(!(t instanceof Array)){t=e(t);for(var i,r=[];!(i=t.next()).done;)r.push(i.value);t=r}return t}var r="function"==typeof Object.create?Object.create:function(t){function e(){}return e.prototype=t,new e};var o,n=function(t){t=["object"==typeof globalThis&&globalThis,t,"object"==typeof window&&window,"object"==typeof self&&self,"object"==typeof global&&global];for(var e=0;e<t.length;++e){var i=t[e];if(i&&i.Math==Math)return i}throw Error("Cannot find global object")}(this),a=function(){if("undefined"!=typeof Reflect&&Reflect.construct){if(function(){function t(){}return Reflect.construct(t,[],(function(){})),new t instanceof t}())return Reflect.construct;var t=Reflect.construct;return function(e,i,r){return e=t(e,i),r&&Reflect.setPrototypeOf(e,r.prototype),e}}return function(t,e,i){return void 0===i&&(i=t),i=r(i.prototype||Object.prototype),Function.prototype.apply.call(t,i,e)||i}}();if("function"==typeof Object.setPrototypeOf)o=Object.setPrototypeOf;else{var c;t:{var s={};try{s.__proto__={a:!0},c=s.a;break t}catch(t){}c=!1}o=c?function(t,e){if(t.__proto__=e,t.__proto__!==e)throw new TypeError(t+" is not extensible");return t}:null}var l=o;if(!ShadowRoot.prototype.createElement){var d,h=window.HTMLElement,p=window.customElements.define,f=window.customElements.get,u=window.customElements,m=new WeakMap,b=new WeakMap,v=new WeakMap,g=new WeakMap;window.CustomElementRegistry=function(){this.l=new Map,this.o=new Map,this.i=new Map,this.h=new Map},window.CustomElementRegistry.prototype.define=function(t,i){if(t=t.toLowerCase(),void 0!==this.j(t))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': the name \""+t+'" has already been used with this registry');if(void 0!==this.o.get(i))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");var r=i.prototype.attributeChangedCallback,o=new Set(i.observedAttributes||[]);if(y(i,o,r),r={g:i,connectedCallback:i.prototype.connectedCallback,disconnectedCallback:i.prototype.disconnectedCallback,adoptedCallback:i.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:i.formAssociated,formAssociatedCallback:i.prototype.formAssociatedCallback,formDisabledCallback:i.prototype.formDisabledCallback,formResetCallback:i.prototype.formResetCallback,formStateRestoreCallback:i.prototype.formStateRestoreCallback,observedAttributes:o},this.l.set(t,r),this.o.set(i,r),(o=f.call(u,t))||(o=x(t),p.call(u,t,o)),this===window.customElements&&(v.set(i,r),r.s=o),o=this.h.get(t)){this.h.delete(t);for(var n=(o=e(o)).next();!n.done;n=o.next())n=n.value,b.delete(n),w(n,r,!0)}return void 0!==(r=this.i.get(t))&&(r.resolve(i),this.i.delete(t)),i},window.CustomElementRegistry.prototype.upgrade=function(){_.push(this),u.upgrade.apply(u,arguments),_.pop()},window.CustomElementRegistry.prototype.get=function(t){var e;return null==(e=this.l.get(t))?void 0:e.g},window.CustomElementRegistry.prototype.j=function(t){return this.l.get(t)},window.CustomElementRegistry.prototype.whenDefined=function(t){var e=this.j(t);if(void 0!==e)return Promise.resolve(e.g);var i=this.i.get(t);return void 0===i&&((i={}).promise=new Promise((function(t){return i.resolve=t})),this.i.set(t,i)),i.promise},window.CustomElementRegistry.prototype.m=function(t,e,i){var r=this.h.get(e);r||this.h.set(e,r=new Set),i?r.add(t):r.delete(t)},window.HTMLElement=function(){var t=d;if(t)return d=void 0,t;var e=v.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return t=Reflect.construct(h,[],e.s),Object.setPrototypeOf(t,this.constructor.prototype),m.set(t,e),t},window.HTMLElement.prototype=h.prototype;var x=function(t){function e(){var e=Reflect.construct(h,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);t:{var i=e.getRootNode();if(!(i===document||i instanceof ShadowRoot)){if((i=_[_.length-1])instanceof CustomElementRegistry){var r=i;break t}(i=i.getRootNode())===document||i instanceof ShadowRoot||(i=(null==(r=g.get(i))?void 0:r.getRootNode())||document)}r=i.customElements}return(i=(r=r||window.customElements).j(t))?w(e,i):b.set(e,r),e}return n.Object.defineProperty(e,"formAssociated",{configurable:!0,enumerable:!0,get:function(){return!0}}),e.prototype.connectedCallback=function(){var e=m.get(this);e?e.connectedCallback&&e.connectedCallback.apply(this,arguments):b.get(this).m(this,t,!0)},e.prototype.disconnectedCallback=function(){var e=m.get(this);e?e.disconnectedCallback&&e.disconnectedCallback.apply(this,arguments):b.get(this).m(this,t,!1)},e.prototype.adoptedCallback=function(){var t,e;null==(t=m.get(this))||null==(e=t.adoptedCallback)||e.apply(this,arguments)},e.prototype.formAssociatedCallback=function(){var t,e=m.get(this);e&&e.formAssociated&&(null==e||null==(t=e.formAssociatedCallback)||t.apply(this,arguments))},e.prototype.formDisabledCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formDisabledCallback)||t.apply(this,arguments))},e.prototype.formResetCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formResetCallback)||t.apply(this,arguments))},e.prototype.formStateRestoreCallback=function(){var t,e=m.get(this);null!=e&&e.formAssociated&&(null==e||null==(t=e.formStateRestoreCallback)||t.apply(this,arguments))},e},y=function(t,e,i){if(0!==e.size&&void 0!==i){var r=t.prototype.setAttribute;r&&(t.prototype.setAttribute=function(t,o){if(t=t.toLowerCase(),e.has(t)){var n=this.getAttribute(t);r.call(this,t,o),i.call(this,t,n,o)}else r.call(this,t,o)});var o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){if(t=t.toLowerCase(),e.has(t)){var r=this.getAttribute(t);o.call(this,t),i.call(this,t,r,null)}else o.call(this,t)})}},k=function(t){var e=Object.getPrototypeOf(t);if(e!==window.HTMLElement)return e===h?Object.setPrototypeOf(t,window.HTMLElement):k(e)},w=function(t,e,i){i=void 0!==i&&i,Object.setPrototypeOf(t,e.g.prototype),m.set(t,e),d=t;try{new e.g}catch(t){k(e.g),new e.g}e.observedAttributes.forEach((function(i){t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},$=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){var e=$.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};var _=[document],S=function(t,e,i){var r=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){_.push(this);var t=r.apply(i||this,arguments);return void 0!==t&&g.set(t,this),_.pop(),t}};S(ShadowRoot,"createElement",document),S(ShadowRoot,"importNode",document),S(Element,"insertAdjacentHTML");var O=function(t){var e=Object.getOwnPropertyDescriptor(t.prototype,"innerHTML");Object.defineProperty(t.prototype,"innerHTML",Object.assign({},e,{set:function(t){_.push(this),e.set.call(this,t),_.pop()}}))};if(O(Element),O(ShadowRoot),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){var z=new WeakMap,C=HTMLElement.prototype.attachInternals;HTMLElement.prototype.attachInternals=function(t){for(var e=[],r=0;r<arguments.length;++r)e[r]=arguments[r];return e=C.call.apply(C,[this].concat(i(e))),z.set(e,this),e},["setFormValue","setValidity","checkValidity","reportValidity"].forEach((function(t){var e=window.ElementInternals.prototype,r=e[t];e[t]=function(t){for(var e=[],o=0;o<arguments.length;++o)e[o]=arguments[o];if(o=z.get(this),!0!==m.get(o).formAssociated)throw new DOMException("Failed to execute "+r+" on 'ElementInternals': The target element is not a form-associated custom element.");null==r||r.call.apply(r,[this].concat(i(e)))}}));var E=function(t){var e=a(Array,[].concat(i(t)),this.constructor);return e.h=t,e},R=E,B=Array;if(R.prototype=r(B.prototype),R.prototype.constructor=R,l)l(R,B);else for(var F in B)if("prototype"!=F)if(Object.defineProperties){var T=Object.getOwnPropertyDescriptor(B,F);T&&Object.defineProperty(R,F,T)}else R[F]=B[F];R.u=B.prototype,n.Object.defineProperty(E.prototype,"value",{configurable:!0,enumerable:!0,get:function(){var t;return(null==(t=this.h.find((function(t){return!0===t.checked})))?void 0:t.value)||""}});var N=function(t){var e=this,i=new Map;t.forEach((function(t,r){var o=t.getAttribute("name"),n=i.get(o)||[];e[+r]=t,n.push(t),i.set(o,n)})),this.length=t.length,i.forEach((function(t,i){t&&(e[i]=1===t.length?t[0]:new E(t))}))};N.prototype.namedItem=function(t){return this[t]};var A=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){for(var t=A.get.call(this,[]),i=[],r=(t=e(t)).next();!r.done;r=t.next()){r=r.value;var o=m.get(r);o&&!0!==o.formAssociated||i.push(r)}return new N(i)}})}}}).call(self);try{window.customElements.define("custom-element",null)}catch(Nr){const t=window.customElements.define;window.customElements.define=(e,i,r)=>{try{t.bind(window.customElements)(e,i,r)}catch(t){console.warn(e,i,r,t)}}}class zt{constructor(t=0){this.timeout=t,this.callbacks=[]}run(t,e){this.callbacks=[t],this.debounce(e)}queue(t,e){this.callbacks.push(t),this.debounce(e)}cancel(){null!=this._debounce&&window.clearTimeout(this._debounce)}debounce(t){this.cancel(),this._debounce=window.setTimeout((()=>this.runCallbacks()),null!=t?t:this.timeout)}runCallbacks(){for(let t of this.callbacks)t();this.callbacks=[]}}const Ct=t=>e=>{window.customElements.get(t)||window.customElements.define(t,e)};function Et(t,e){const i=()=>JSON.parse(JSON.stringify(t));return nt({type:Object,converter:{fromAttribute:t=>{if(null==t)return i();try{return JSON.parse(t)}catch{return i()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}class Rt{constructor(t,e,i,r,o){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=r,this.context=o,this._$cssResult$=!0,this.value=this.get()}get cssText(){return this.value.cssText}get styleSheet(){return this.value.styleSheet}toString(){return this.value.toString()}static create(t,e,i){return new Rt(t,e,void 0,i)}static extend(t,e,i){return new Rt(t,e.category,e,i)}static external(t,e){return new Rt(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return a`var(${n(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):n(null!=t?t:this.defaultValue)}lastResortDefaultValue(){var t,e;return null!==(t=this.defaultValue)&&void 0!==t?t:null===(e=this.fallbackVariable)||void 0===e?void 0:e.lastResortDefaultValue()}breadcrumb(){return this.fallbackVariable?[this.fallbackVariable.name,...this.fallbackVariable.breadcrumb()]:[]}}function Bt(t,e){return n(`${t.name}: ${e}`)}const Ft={colorPrimary:Rt.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:Rt.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:Rt.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:Rt.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:Rt.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:Rt.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:Rt.create("--ft-color-error","COLOR","#B00020"),colorOutline:Rt.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:Rt.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:Rt.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:Rt.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:Rt.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:Rt.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:Rt.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:Rt.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:Rt.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:Rt.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:Rt.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:Rt.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:Rt.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:Rt.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:Rt.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:Rt.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:Rt.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:Rt.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:Rt.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:Rt.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:Rt.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:Rt.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:Rt.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:Rt.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:Rt.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:Rt.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:Rt.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:Rt.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:Rt.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:Rt.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:Rt.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:Rt.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:Rt.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:Rt.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:Rt.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:Rt.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:Rt.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:Rt.create("--ft-elevation-00","UNKNOWN","0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0)"),elevation01:Rt.create("--ft-elevation-01","UNKNOWN","0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation02:Rt.create("--ft-elevation-02","UNKNOWN","0px 4px 10px 0px rgba(0, 0, 0, 0.06), 0px 2px 5px 0px rgba(0, 0, 0, 0.14), 0px 0px 1px 0px rgba(0, 0, 0, 0.06)"),elevation03:Rt.create("--ft-elevation-03","UNKNOWN","0px 6px 13px 0px rgba(0, 0, 0, 0.06), 0px 3px 7px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)"),elevation04:Rt.create("--ft-elevation-04","UNKNOWN","0px 8px 16px 0px rgba(0, 0, 0, 0.06), 0px 4px 9px 0px rgba(0, 0, 0, 0.14), 0px 2px 3px 0px rgba(0, 0, 0, 0.06)"),elevation06:Rt.create("--ft-elevation-06","UNKNOWN","0px 12px 22px 0px rgba(0, 0, 0, 0.06), 0px 6px 13px 0px rgba(0, 0, 0, 0.14), 0px 4px 5px 0px rgba(0, 0, 0, 0.06)"),elevation08:Rt.create("--ft-elevation-08","UNKNOWN","0px 16px 28px 0px rgba(0, 0, 0, 0.06), 0px 8px 17px 0px rgba(0, 0, 0, 0.14), 0px 6px 7px 0px rgba(0, 0, 0, 0.06)"),elevation12:Rt.create("--ft-elevation-12","UNKNOWN","0px 22px 40px 0px rgba(0, 0, 0, 0.06), 0px 12px 23px 0px rgba(0, 0, 0, 0.14), 0px 10px 11px 0px rgba(0, 0, 0, 0.06)"),elevation16:Rt.create("--ft-elevation-16","UNKNOWN","0px 28px 52px 0px rgba(0, 0, 0, 0.06), 0px 16px 29px 0px rgba(0, 0, 0, 0.14), 0px 14px 15px 0px rgba(0, 0, 0, 0.06)"),elevation24:Rt.create("--ft-elevation-24","UNKNOWN","0px 40px 76px 0px rgba(0, 0, 0, 0.06), 0px 24px 41px 0px rgba(0, 0, 0, 0.14), 0px 22px 23px 0px rgba(0, 0, 0, 0.06)"),borderRadiusS:Rt.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:Rt.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:Rt.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:Rt.create("--ft-border-radius-XL","SIZE","16px"),titleFont:Rt.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:Rt.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:Rt.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:Rt.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
93
93
|
/**
|
|
94
94
|
* @license
|
|
95
95
|
* Copyright 2021 Google LLC
|
|
@@ -137,7 +137,7 @@ function ft(t,e,i){let r,o=t;return"object"==typeof t?(o=t.slot,r=t):r={flatten:
|
|
|
137
137
|
* Copyright 2020 Google LLC
|
|
138
138
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
139
139
|
*/
|
|
140
|
-
const Vt=t=>({_$litStatic$:t}),Zt=new Map,Wt=(t=>(e,...i)=>{var r;const o=i.length;let n,a;const c=[],s=[];let l,d=0,
|
|
140
|
+
const Vt=t=>({_$litStatic$:t}),Zt=new Map,Wt=(t=>(e,...i)=>{var r;const o=i.length;let n,a;const c=[],s=[];let l,d=0,h=!1;for(;d<o;){for(l=e[d];d<o&&void 0!==(a=i[d],n=null===(r=a)||void 0===r?void 0:r._$litStatic$);)l+=n+e[++d],h=!0;s.push(a),c.push(l),d++}if(d===o&&c.push(e[o]),h){const t=c.join("$$lit$$");void 0===(e=Zt.get(t))&&(c.raw=c,Zt.set(t,e=c)),i=s}return t(e,...i)})(A);var Kt,qt=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(Kt||(Kt={}));const Gt=Rt.extend("--ft-typography-font-family",Ft.titleFont),Xt=Rt.extend("--ft-typography-font-family",Ft.contentFont),Jt={fontFamily:Xt,fontSize:Rt.create("--ft-typography-font-size","SIZE","16px"),fontWeight:Rt.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:Rt.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:Rt.create("--ft-typography-line-height","SIZE","24px"),textTransform:Rt.create("--ft-typography-text-transform","UNKNOWN","inherit")},Yt=Rt.extend("--ft-typography-title-font-family",Gt),Qt=Rt.extend("--ft-typography-title-font-size",Jt.fontSize,"20px"),te=Rt.extend("--ft-typography-title-font-weight",Jt.fontWeight,"normal"),ee=Rt.extend("--ft-typography-title-letter-spacing",Jt.letterSpacing,"0.15px"),ie=Rt.extend("--ft-typography-title-line-height",Jt.lineHeight,"24px"),re=Rt.extend("--ft-typography-title-text-transform",Jt.textTransform,"inherit"),oe=Rt.extend("--ft-typography-title-dense-font-family",Gt),ne=Rt.extend("--ft-typography-title-dense-font-size",Jt.fontSize,"14px"),ae=Rt.extend("--ft-typography-title-dense-font-weight",Jt.fontWeight,"normal"),ce=Rt.extend("--ft-typography-title-dense-letter-spacing",Jt.letterSpacing,"0.105px"),se=Rt.extend("--ft-typography-title-dense-line-height",Jt.lineHeight,"24px"),le=Rt.extend("--ft-typography-title-dense-text-transform",Jt.textTransform,"inherit"),de=Rt.extend("--ft-typography-subtitle1-font-family",Xt),he=Rt.extend("--ft-typography-subtitle1-font-size",Jt.fontSize,"16px"),pe=Rt.extend("--ft-typography-subtitle1-font-weight",Jt.fontWeight,"600"),fe=Rt.extend("--ft-typography-subtitle1-letter-spacing",Jt.letterSpacing,"0.144px"),ue=Rt.extend("--ft-typography-subtitle1-line-height",Jt.lineHeight,"24px"),me=Rt.extend("--ft-typography-subtitle1-text-transform",Jt.textTransform,"inherit"),be=Rt.extend("--ft-typography-subtitle2-font-family",Xt),ve=Rt.extend("--ft-typography-subtitle2-font-size",Jt.fontSize,"14px"),ge=Rt.extend("--ft-typography-subtitle2-font-weight",Jt.fontWeight,"normal"),xe=Rt.extend("--ft-typography-subtitle2-letter-spacing",Jt.letterSpacing,"0.098px"),ye=Rt.extend("--ft-typography-subtitle2-line-height",Jt.lineHeight,"24px"),ke=Rt.extend("--ft-typography-subtitle2-text-transform",Jt.textTransform,"inherit"),we={fontFamily:Rt.extend("--ft-typography-body1-font-family",Xt),fontSize:Rt.extend("--ft-typography-body1-font-size",Jt.fontSize,"16px"),fontWeight:Rt.extend("--ft-typography-body1-font-weight",Jt.fontWeight,"normal"),letterSpacing:Rt.extend("--ft-typography-body1-letter-spacing",Jt.letterSpacing,"0.496px"),lineHeight:Rt.extend("--ft-typography-body1-line-height",Jt.lineHeight,"24px"),textTransform:Rt.extend("--ft-typography-body1-text-transform",Jt.textTransform,"inherit")},$e={fontFamily:Rt.extend("--ft-typography-body2-font-family",Xt),fontSize:Rt.extend("--ft-typography-body2-font-size",Jt.fontSize,"14px"),fontWeight:Rt.extend("--ft-typography-body2-font-weight",Jt.fontWeight,"normal"),letterSpacing:Rt.extend("--ft-typography-body2-letter-spacing",Jt.letterSpacing,"0.252px"),lineHeight:Rt.extend("--ft-typography-body2-line-height",Jt.lineHeight,"20px"),textTransform:Rt.extend("--ft-typography-body2-text-transform",Jt.textTransform,"inherit")},_e={fontFamily:Rt.extend("--ft-typography-caption-font-family",Xt),fontSize:Rt.extend("--ft-typography-caption-font-size",Jt.fontSize,"12px"),fontWeight:Rt.extend("--ft-typography-caption-font-weight",Jt.fontWeight,"normal"),letterSpacing:Rt.extend("--ft-typography-caption-letter-spacing",Jt.letterSpacing,"0.396px"),lineHeight:Rt.extend("--ft-typography-caption-line-height",Jt.lineHeight,"16px"),textTransform:Rt.extend("--ft-typography-caption-text-transform",Jt.textTransform,"inherit")},Se=Rt.extend("--ft-typography-breadcrumb-font-family",Xt),Oe=Rt.extend("--ft-typography-breadcrumb-font-size",Jt.fontSize,"10px"),ze=Rt.extend("--ft-typography-breadcrumb-font-weight",Jt.fontWeight,"normal"),Ce=Rt.extend("--ft-typography-breadcrumb-letter-spacing",Jt.letterSpacing,"0.33px"),Ee=Rt.extend("--ft-typography-breadcrumb-line-height",Jt.lineHeight,"16px"),Re=Rt.extend("--ft-typography-breadcrumb-text-transform",Jt.textTransform,"inherit"),Be=Rt.extend("--ft-typography-overline-font-family",Xt),Fe=Rt.extend("--ft-typography-overline-font-size",Jt.fontSize,"10px"),Te=Rt.extend("--ft-typography-overline-font-weight",Jt.fontWeight,"normal"),Ne=Rt.extend("--ft-typography-overline-letter-spacing",Jt.letterSpacing,"1.5px"),Ae=Rt.extend("--ft-typography-overline-line-height",Jt.lineHeight,"16px"),Me=Rt.extend("--ft-typography-overline-text-transform",Jt.textTransform,"uppercase"),je={fontFamily:Rt.extend("--ft-typography-button-font-family",Xt),fontSize:Rt.extend("--ft-typography-button-font-size",Jt.fontSize,"14px"),fontWeight:Rt.extend("--ft-typography-button-font-weight",Jt.fontWeight,"600"),letterSpacing:Rt.extend("--ft-typography-button-letter-spacing",Jt.letterSpacing,"1.246px"),lineHeight:Rt.extend("--ft-typography-button-line-height",Jt.lineHeight,"16px"),textTransform:Rt.extend("--ft-typography-button-text-transform",Jt.textTransform,"uppercase")},Le=a`
|
|
141
141
|
.ft-typography--title {
|
|
142
142
|
font-family: ${Yt};
|
|
143
143
|
font-size: ${Qt};
|
|
@@ -158,8 +158,8 @@ const Vt=t=>({_$litStatic$:t}),Zt=new Map,Wt=(t=>(e,...i)=>{var r;const o=i.leng
|
|
|
158
158
|
`,Ie=a`
|
|
159
159
|
.ft-typography--subtitle1 {
|
|
160
160
|
font-family: ${de};
|
|
161
|
-
font-size: ${
|
|
162
|
-
font-weight: ${
|
|
161
|
+
font-size: ${he};
|
|
162
|
+
font-weight: ${pe};
|
|
163
163
|
letter-spacing: ${fe};
|
|
164
164
|
line-height: ${ue};
|
|
165
165
|
text-transform: ${me};
|
|
@@ -228,7 +228,11 @@ const Vt=t=>({_$litStatic$:t}),Zt=new Map,Wt=(t=>(e,...i)=>{var r;const o=i.leng
|
|
|
228
228
|
line-height: ${je.lineHeight};
|
|
229
229
|
text-transform: ${je.textTransform};
|
|
230
230
|
}
|
|
231
|
-
`;let qe=class extends Tt{constructor(){super(...arguments),this.variant=Kt.body1}getStyles(){return[Le,De,Ie,Ue,Pe,He,Ve,Ze,We,Ke
|
|
231
|
+
`;let qe=class extends Tt{constructor(){super(...arguments),this.variant=Kt.body1}getStyles(){return[Le,De,Ie,Ue,Pe,He,Ve,Ze,We,Ke,a`
|
|
232
|
+
.ft-typography {
|
|
233
|
+
vertical-align: inherit;
|
|
234
|
+
}
|
|
235
|
+
`]}getTemplate(){return this.element?Wt`
|
|
232
236
|
<${Vt(this.element)}
|
|
233
237
|
class="ft-typography ft-typography--${this.variant}">
|
|
234
238
|
<slot></slot>
|
|
@@ -344,7 +348,7 @@ class ai extends et{click(){if(this.mdcRoot)return this.mdcRoot.focus(),void thi
|
|
|
344
348
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
345
349
|
* THE SOFTWARE.
|
|
346
350
|
*/
|
|
347
|
-
var pi=["touchstart","pointerdown","mousedown","keydown"],hi=["touchend","pointerup","mouseup","contextmenu"],fi=[],ui=function(t){function e(i){var r=t.call(this,ei(ei({},e.defaultAdapter),i))||this;return r.activationAnimationHasEnded=!1,r.activationTimer=0,r.fgDeactivationRemovalTimer=0,r.fgScale="0",r.frame={width:0,height:0},r.initialSize=0,r.layoutFrame=0,r.maxRadius=0,r.unboundedCoords={left:0,top:0},r.activationState=r.defaultActivationState(),r.activationTimerCallback=function(){r.activationAnimationHasEnded=!0,r.runDeactivationUXLogicIfReady()},r.activateHandler=function(t){r.activateImpl(t)},r.deactivateHandler=function(){r.deactivateImpl()},r.focusHandler=function(){r.handleFocus()},r.blurHandler=function(){r.handleBlur()},r.resizeHandler=function(){r.layout()},r}return ti(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return si},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return li},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return di},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this,i=this.supportsPressRipple();if(this.registerRootHandlers(i),i){var r=e.cssClasses,o=r.ROOT,n=r.UNBOUNDED;requestAnimationFrame((function(){t.adapter.addClass(o),t.adapter.isUnbounded()&&(t.adapter.addClass(n),t.layoutInternal())}))}},e.prototype.destroy=function(){var t=this;if(this.supportsPressRipple()){this.activationTimer&&(clearTimeout(this.activationTimer),this.activationTimer=0,this.adapter.removeClass(e.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer&&(clearTimeout(this.fgDeactivationRemovalTimer),this.fgDeactivationRemovalTimer=0,this.adapter.removeClass(e.cssClasses.FG_DEACTIVATION));var i=e.cssClasses,r=i.ROOT,o=i.UNBOUNDED;requestAnimationFrame((function(){t.adapter.removeClass(r),t.adapter.removeClass(o),t.removeCssVars()}))}this.deregisterRootHandlers(),this.deregisterDeactivationHandlers()},e.prototype.activate=function(t){this.activateImpl(t)},e.prototype.deactivate=function(){this.deactivateImpl()},e.prototype.layout=function(){var t=this;this.layoutFrame&&cancelAnimationFrame(this.layoutFrame),this.layoutFrame=requestAnimationFrame((function(){t.layoutInternal(),t.layoutFrame=0}))},e.prototype.setUnbounded=function(t){var i=e.cssClasses.UNBOUNDED;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.handleFocus=function(){var t=this;requestAnimationFrame((function(){return t.adapter.addClass(e.cssClasses.BG_FOCUSED)}))},e.prototype.handleBlur=function(){var t=this;requestAnimationFrame((function(){return t.adapter.removeClass(e.cssClasses.BG_FOCUSED)}))},e.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()},e.prototype.defaultActivationState=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},e.prototype.registerRootHandlers=function(t){var e,i;if(t){try{for(var r=ri(pi),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerInteractionHandler(n,this.activateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}this.adapter.isUnbounded()&&this.adapter.registerResizeHandler(this.resizeHandler)}this.adapter.registerInteractionHandler("focus",this.focusHandler),this.adapter.registerInteractionHandler("blur",this.blurHandler)},e.prototype.registerDeactivationHandlers=function(t){var e,i;if("keydown"===t.type)this.adapter.registerInteractionHandler("keyup",this.deactivateHandler);else try{for(var r=ri(hi),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerDocumentInteractionHandler(n,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}},e.prototype.deregisterRootHandlers=function(){var t,e;try{for(var i=ri(pi),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterInteractionHandler(o,this.activateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler),this.adapter.deregisterInteractionHandler("blur",this.blurHandler),this.adapter.isUnbounded()&&this.adapter.deregisterResizeHandler(this.resizeHandler)},e.prototype.deregisterDeactivationHandlers=function(){var t,e;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var i=ri(hi),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterDocumentInteractionHandler(o,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},e.prototype.removeCssVars=function(){var t=this,i=e.strings;Object.keys(i).forEach((function(e){0===e.indexOf("VAR_")&&t.adapter.updateCssVariable(i[e],null)}))},e.prototype.activateImpl=function(t){var e=this;if(!this.adapter.isSurfaceDisabled()){var i=this.activationState;if(!i.isActivated){var r=this.previousActivationEvent;if(!(r&&void 0!==t&&r.type!==t.type))i.isActivated=!0,i.isProgrammatic=void 0===t,i.activationEvent=t,i.wasActivatedByPointer=!i.isProgrammatic&&(void 0!==t&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type)),void 0!==t&&fi.length>0&&fi.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(fi.push(t.target),this.registerDeactivationHandlers(t)),i.wasElementMadeActive=this.checkElementMadeActive(t),i.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){fi=[],i.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(i.wasElementMadeActive=e.checkElementMadeActive(t),i.wasElementMadeActive&&e.animateActivation()),i.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,i=e.strings,r=i.VAR_FG_TRANSLATE_START,o=i.VAR_FG_TRANSLATE_END,n=e.cssClasses,a=n.FG_DEACTIVATION,c=n.FG_ACTIVATION,s=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var l="",d="";if(!this.adapter.isUnbounded()){var p=this.getFgTranslationCoordinates(),h=p.startPoint,f=p.endPoint;l=h.x+"px, "+h.y+"px",d=f.x+"px, "+f.y+"px"}this.adapter.updateCssVariable(r,l),this.adapter.updateCssVariable(o,d),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(c),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),s)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,i=e.activationEvent;return t=e.wasActivatedByPointer?function(t,e,i){if(!t)return{x:0,y:0};var r,o,n=e.x,a=e.y,c=n+i.left,s=a+i.top;if("touchstart"===t.type){var l=t;r=l.changedTouches[0].pageX-c,o=l.changedTouches[0].pageY-s}else{var d=t;r=d.pageX-c,o=d.pageY-s}return{x:r,y:o}}(i,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2},{startPoint:t={x:t.x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,i=e.cssClasses.FG_DEACTIVATION,r=this.activationState,o=r.hasDeactivationUXRun,n=r.isActivated;(o||!n)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(i),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(i)}),di.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var i=ei({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(i)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(i),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,i=t.wasElementMadeActive;(e||i)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var i=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?i:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var r=Math.floor(i*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&r%2!=0?this.initialSize=r-1:this.initialSize=r,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,i=t.VAR_FG_SIZE,r=t.VAR_LEFT,o=t.VAR_TOP,n=t.VAR_FG_SCALE;this.adapter.updateCssVariable(i,this.initialSize+"px"),this.adapter.updateCssVariable(n,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(r,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(o,this.unboundedCoords.top+"px"))},e}(ci),mi=ui;
|
|
351
|
+
var hi=["touchstart","pointerdown","mousedown","keydown"],pi=["touchend","pointerup","mouseup","contextmenu"],fi=[],ui=function(t){function e(i){var r=t.call(this,ei(ei({},e.defaultAdapter),i))||this;return r.activationAnimationHasEnded=!1,r.activationTimer=0,r.fgDeactivationRemovalTimer=0,r.fgScale="0",r.frame={width:0,height:0},r.initialSize=0,r.layoutFrame=0,r.maxRadius=0,r.unboundedCoords={left:0,top:0},r.activationState=r.defaultActivationState(),r.activationTimerCallback=function(){r.activationAnimationHasEnded=!0,r.runDeactivationUXLogicIfReady()},r.activateHandler=function(t){r.activateImpl(t)},r.deactivateHandler=function(){r.deactivateImpl()},r.focusHandler=function(){r.handleFocus()},r.blurHandler=function(){r.handleBlur()},r.resizeHandler=function(){r.layout()},r}return ti(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return si},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return li},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return di},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this,i=this.supportsPressRipple();if(this.registerRootHandlers(i),i){var r=e.cssClasses,o=r.ROOT,n=r.UNBOUNDED;requestAnimationFrame((function(){t.adapter.addClass(o),t.adapter.isUnbounded()&&(t.adapter.addClass(n),t.layoutInternal())}))}},e.prototype.destroy=function(){var t=this;if(this.supportsPressRipple()){this.activationTimer&&(clearTimeout(this.activationTimer),this.activationTimer=0,this.adapter.removeClass(e.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer&&(clearTimeout(this.fgDeactivationRemovalTimer),this.fgDeactivationRemovalTimer=0,this.adapter.removeClass(e.cssClasses.FG_DEACTIVATION));var i=e.cssClasses,r=i.ROOT,o=i.UNBOUNDED;requestAnimationFrame((function(){t.adapter.removeClass(r),t.adapter.removeClass(o),t.removeCssVars()}))}this.deregisterRootHandlers(),this.deregisterDeactivationHandlers()},e.prototype.activate=function(t){this.activateImpl(t)},e.prototype.deactivate=function(){this.deactivateImpl()},e.prototype.layout=function(){var t=this;this.layoutFrame&&cancelAnimationFrame(this.layoutFrame),this.layoutFrame=requestAnimationFrame((function(){t.layoutInternal(),t.layoutFrame=0}))},e.prototype.setUnbounded=function(t){var i=e.cssClasses.UNBOUNDED;t?this.adapter.addClass(i):this.adapter.removeClass(i)},e.prototype.handleFocus=function(){var t=this;requestAnimationFrame((function(){return t.adapter.addClass(e.cssClasses.BG_FOCUSED)}))},e.prototype.handleBlur=function(){var t=this;requestAnimationFrame((function(){return t.adapter.removeClass(e.cssClasses.BG_FOCUSED)}))},e.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()},e.prototype.defaultActivationState=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},e.prototype.registerRootHandlers=function(t){var e,i;if(t){try{for(var r=ri(hi),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerInteractionHandler(n,this.activateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}this.adapter.isUnbounded()&&this.adapter.registerResizeHandler(this.resizeHandler)}this.adapter.registerInteractionHandler("focus",this.focusHandler),this.adapter.registerInteractionHandler("blur",this.blurHandler)},e.prototype.registerDeactivationHandlers=function(t){var e,i;if("keydown"===t.type)this.adapter.registerInteractionHandler("keyup",this.deactivateHandler);else try{for(var r=ri(pi),o=r.next();!o.done;o=r.next()){var n=o.value;this.adapter.registerDocumentInteractionHandler(n,this.deactivateHandler)}}catch(t){e={error:t}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}},e.prototype.deregisterRootHandlers=function(){var t,e;try{for(var i=ri(hi),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterInteractionHandler(o,this.activateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler),this.adapter.deregisterInteractionHandler("blur",this.blurHandler),this.adapter.isUnbounded()&&this.adapter.deregisterResizeHandler(this.resizeHandler)},e.prototype.deregisterDeactivationHandlers=function(){var t,e;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var i=ri(pi),r=i.next();!r.done;r=i.next()){var o=r.value;this.adapter.deregisterDocumentInteractionHandler(o,this.deactivateHandler)}}catch(e){t={error:e}}finally{try{r&&!r.done&&(e=i.return)&&e.call(i)}finally{if(t)throw t.error}}},e.prototype.removeCssVars=function(){var t=this,i=e.strings;Object.keys(i).forEach((function(e){0===e.indexOf("VAR_")&&t.adapter.updateCssVariable(i[e],null)}))},e.prototype.activateImpl=function(t){var e=this;if(!this.adapter.isSurfaceDisabled()){var i=this.activationState;if(!i.isActivated){var r=this.previousActivationEvent;if(!(r&&void 0!==t&&r.type!==t.type))i.isActivated=!0,i.isProgrammatic=void 0===t,i.activationEvent=t,i.wasActivatedByPointer=!i.isProgrammatic&&(void 0!==t&&("mousedown"===t.type||"touchstart"===t.type||"pointerdown"===t.type)),void 0!==t&&fi.length>0&&fi.some((function(t){return e.adapter.containsEventTarget(t)}))?this.resetActivationState():(void 0!==t&&(fi.push(t.target),this.registerDeactivationHandlers(t)),i.wasElementMadeActive=this.checkElementMadeActive(t),i.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame((function(){fi=[],i.wasElementMadeActive||void 0===t||" "!==t.key&&32!==t.keyCode||(i.wasElementMadeActive=e.checkElementMadeActive(t),i.wasElementMadeActive&&e.animateActivation()),i.wasElementMadeActive||(e.activationState=e.defaultActivationState())})))}}},e.prototype.checkElementMadeActive=function(t){return void 0===t||"keydown"!==t.type||this.adapter.isSurfaceActive()},e.prototype.animateActivation=function(){var t=this,i=e.strings,r=i.VAR_FG_TRANSLATE_START,o=i.VAR_FG_TRANSLATE_END,n=e.cssClasses,a=n.FG_DEACTIVATION,c=n.FG_ACTIVATION,s=e.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var l="",d="";if(!this.adapter.isUnbounded()){var h=this.getFgTranslationCoordinates(),p=h.startPoint,f=h.endPoint;l=p.x+"px, "+p.y+"px",d=f.x+"px, "+f.y+"px"}this.adapter.updateCssVariable(r,l),this.adapter.updateCssVariable(o,d),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(a),this.adapter.computeBoundingRect(),this.adapter.addClass(c),this.activationTimer=setTimeout((function(){t.activationTimerCallback()}),s)},e.prototype.getFgTranslationCoordinates=function(){var t,e=this.activationState,i=e.activationEvent;return t=e.wasActivatedByPointer?function(t,e,i){if(!t)return{x:0,y:0};var r,o,n=e.x,a=e.y,c=n+i.left,s=a+i.top;if("touchstart"===t.type){var l=t;r=l.changedTouches[0].pageX-c,o=l.changedTouches[0].pageY-s}else{var d=t;r=d.pageX-c,o=d.pageY-s}return{x:r,y:o}}(i,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):{x:this.frame.width/2,y:this.frame.height/2},{startPoint:t={x:t.x-this.initialSize/2,y:t.y-this.initialSize/2},endPoint:{x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2}}},e.prototype.runDeactivationUXLogicIfReady=function(){var t=this,i=e.cssClasses.FG_DEACTIVATION,r=this.activationState,o=r.hasDeactivationUXRun,n=r.isActivated;(o||!n)&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(i),this.fgDeactivationRemovalTimer=setTimeout((function(){t.adapter.removeClass(i)}),di.FG_DEACTIVATION_MS))},e.prototype.rmBoundedActivationClasses=function(){var t=e.cssClasses.FG_ACTIVATION;this.adapter.removeClass(t),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},e.prototype.resetActivationState=function(){var t=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout((function(){return t.previousActivationEvent=void 0}),e.numbers.TAP_DELAY_MS)},e.prototype.deactivateImpl=function(){var t=this,e=this.activationState;if(e.isActivated){var i=ei({},e);e.isProgrammatic?(requestAnimationFrame((function(){t.animateDeactivation(i)})),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame((function(){t.activationState.hasDeactivationUXRun=!0,t.animateDeactivation(i),t.resetActivationState()})))}},e.prototype.animateDeactivation=function(t){var e=t.wasActivatedByPointer,i=t.wasElementMadeActive;(e||i)&&this.runDeactivationUXLogicIfReady()},e.prototype.layoutInternal=function(){var t=this;this.frame=this.adapter.computeBoundingRect();var i=Math.max(this.frame.height,this.frame.width);this.maxRadius=this.adapter.isUnbounded()?i:Math.sqrt(Math.pow(t.frame.width,2)+Math.pow(t.frame.height,2))+e.numbers.PADDING;var r=Math.floor(i*e.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&r%2!=0?this.initialSize=r-1:this.initialSize=r,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},e.prototype.updateLayoutCssVars=function(){var t=e.strings,i=t.VAR_FG_SIZE,r=t.VAR_LEFT,o=t.VAR_TOP,n=t.VAR_FG_SCALE;this.adapter.updateCssVariable(i,this.initialSize+"px"),this.adapter.updateCssVariable(n,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(r,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(o,this.unboundedCoords.top+"px"))},e}(ci),mi=ui;
|
|
348
352
|
/**
|
|
349
353
|
* @license
|
|
350
354
|
* Copyright 2018 Google LLC
|
|
@@ -759,7 +763,7 @@ const Ti=a`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:
|
|
|
759
763
|
</ft-tooltip>
|
|
760
764
|
`}resolveIcon(){return this.loading?A`
|
|
761
765
|
<ft-loader></ft-loader> `:this.icon?A`
|
|
762
|
-
<mwc-icon>${this.icon}</mwc-icon> `:j}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){
|
|
766
|
+
<mwc-icon>${this.icon}</mwc-icon> `:j}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}};Yi.elementDefinitions={"ft-ripple":Fi,"ft-tooltip":Ui,"ft-typography":qe,"mwc-icon":Ni,"ft-loader":Vi},Zi([nt({type:Boolean})],Yi.prototype,"primary",void 0),Zi([nt({type:Boolean})],Yi.prototype,"outlined",void 0),Zi([nt({type:Boolean})],Yi.prototype,"disabled",void 0),Zi([nt({type:Boolean})],Yi.prototype,"dense",void 0),Zi([nt({type:Boolean})],Yi.prototype,"round",void 0),Zi([nt({type:String})],Yi.prototype,"label",void 0),Zi([nt({type:String})],Yi.prototype,"icon",void 0),Zi([nt({type:Boolean})],Yi.prototype,"trailingIcon",void 0),Zi([nt({type:Boolean})],Yi.prototype,"loading",void 0),Zi([nt({type:String})],Yi.prototype,"tooltipPosition",void 0),Zi([lt(".ft-button")],Yi.prototype,"button",void 0),Zi([lt(".ft-button--label slot")],Yi.prototype,"slottedContent",void 0),Yi=Zi([Ct("ft-button")],Yi);
|
|
763
767
|
/**
|
|
764
768
|
* @license
|
|
765
769
|
* Copyright 2017 Google Inc.
|
|
@@ -837,13 +841,13 @@ const ar=Symbol("selection controller");class cr{constructor(){this.selected=nul
|
|
|
837
841
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
838
842
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
839
843
|
* THE SOFTWARE.
|
|
840
|
-
*/var lr={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},dr={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"},
|
|
844
|
+
*/var lr={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},dr={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"},hr=function(t){function e(i){return t.call(this,ei(ei({},e.defaultAdapter),i))||this}return ti(e,t),Object.defineProperty(e,"cssClasses",{get:function(){return dr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return lr},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setDisabled=function(t){var i=e.cssClasses.DISABLED;this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(i):this.adapter.removeClass(i)},e}(ci);
|
|
841
845
|
/**
|
|
842
846
|
* @license
|
|
843
847
|
* Copyright 2018 Google LLC
|
|
844
848
|
* SPDX-License-Identifier: Apache-2.0
|
|
845
849
|
*/
|
|
846
|
-
class
|
|
850
|
+
class pr extends _i{constructor(){super(...arguments),this._checked=!1,this.useStateLayerCustomProperties=!1,this.global=!1,this.disabled=!1,this.value="on",this.name="",this.reducedTouchTarget=!1,this.mdcFoundationClass=hr,this.formElementTabIndex=0,this.focused=!1,this.shouldRenderRipple=!1,this.rippleElement=null,this.rippleHandlers=new Si((()=>(this.shouldRenderRipple=!0,this.ripple.then((t=>{this.rippleElement=t})),this.ripple)))}get checked(){return this._checked}set checked(t){var e,i;const r=this._checked;t!==r&&(this._checked=t,this.formElement&&(this.formElement.checked=t),null===(e=this._selectionController)||void 0===e||e.update(this),!1===t&&(null===(i=this.formElement)||void 0===i||i.blur()),this.requestUpdate("checked",r),this.dispatchEvent(new Event("checked",{bubbles:!0,composed:!0})))}_handleUpdatedValue(t){this.formElement.value=t}renderRipple(){return this.shouldRenderRipple?A`<mwc-ripple unbounded accent
|
|
847
851
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
|
848
852
|
.disabled="${this.disabled}"></mwc-ripple>`:""}get isRippleActive(){var t;return(null===(t=this.rippleElement)||void 0===t?void 0:t.isActive)||!1}connectedCallback(){super.connectedCallback(),this._selectionController=sr.getController(this),this._selectionController.register(this),this._selectionController.update(this)}disconnectedCallback(){this._selectionController.unregister(this),this._selectionController=void 0}focus(){this.formElement.focus()}createAdapter(){return Object.assign(Object.assign({},(t=this.mdcRoot,{addClass:e=>{t.classList.add(e)},removeClass:e=>{t.classList.remove(e)},hasClass:e=>t.classList.contains(e)})),{setNativeControlDisabled:t=>{this.formElement.disabled=t}});var t}handleFocus(){this.focused=!0,this.handleRippleFocus()}handleClick(){this.formElement.focus()}handleBlur(){this.focused=!1,this.formElement.blur(),this.rippleHandlers.endFocus()}setFormData(t){this.name&&this.checked&&t.append(this.name,this.value)}render(){const t={"mdc-radio--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-radio--disabled":this.disabled};return A`
|
|
849
853
|
<div class="mdc-radio ${Ot(t)}">
|
|
@@ -872,7 +876,7 @@ class hr extends _i{constructor(){super(...arguments),this._checked=!1,this.useS
|
|
|
872
876
|
<div class="mdc-radio__inner-circle"></div>
|
|
873
877
|
</div>
|
|
874
878
|
${this.renderRipple()}
|
|
875
|
-
</div>`}handleRippleMouseDown(t){const e=()=>{window.removeEventListener("mouseup",e),this.handleRippleDeactivate()};window.addEventListener("mouseup",e),this.rippleHandlers.startPress(t)}handleRippleTouchStart(t){this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}changeHandler(){this.checked=this.formElement.checked}}ii([lt(".mdc-radio")],
|
|
879
|
+
</div>`}handleRippleMouseDown(t){const e=()=>{window.removeEventListener("mouseup",e),this.handleRippleDeactivate()};window.addEventListener("mouseup",e),this.rippleHandlers.startPress(t)}handleRippleTouchStart(t){this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}changeHandler(){this.checked=this.formElement.checked}}ii([lt(".mdc-radio")],pr.prototype,"mdcRoot",void 0),ii([lt("input")],pr.prototype,"formElement",void 0),ii([at()],pr.prototype,"useStateLayerCustomProperties",void 0),ii([nt({type:Boolean})],pr.prototype,"global",void 0),ii([nt({type:Boolean,reflect:!0})],pr.prototype,"checked",null),ii([nt({type:Boolean}),ir((function(t){this.mdcFoundation.setDisabled(t)}))],pr.prototype,"disabled",void 0),ii([nt({type:String}),ir((function(t){this._handleUpdatedValue(t)}))],pr.prototype,"value",void 0),ii([nt({type:String})],pr.prototype,"name",void 0),ii([nt({type:Boolean})],pr.prototype,"reducedTouchTarget",void 0),ii([nt({type:Number})],pr.prototype,"formElementTabIndex",void 0),ii([at()],pr.prototype,"focused",void 0),ii([at()],pr.prototype,"shouldRenderRipple",void 0),ii([dt("mwc-ripple")],pr.prototype,"ripple",void 0),ii([yi,nt({attribute:"aria-label"})],pr.prototype,"ariaLabel",void 0),ii([yi,nt({attribute:"aria-labelledby"})],pr.prototype,"ariaLabelledBy",void 0),ii([st({passive:!0})],pr.prototype,"handleRippleTouchStart",null);
|
|
876
880
|
/**
|
|
877
881
|
* @license
|
|
878
882
|
* Copyright 2021 Google LLC
|
|
@@ -883,7 +887,7 @@ const fr=a`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
883
887
|
* @license
|
|
884
888
|
* Copyright 2018 Google LLC
|
|
885
889
|
* SPDX-License-Identifier: Apache-2.0
|
|
886
|
-
*/;let ur=class extends
|
|
890
|
+
*/;let ur=class extends pr{};ur.styles=[fr],ur=ii([rt("mwc-radio")],ur);var mr=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const br={borderRadiusM:Rt.external(Ft.borderRadiusM,"Design system"),colorOutline:Rt.external(Ft.colorOutline,"Design system"),colorOnSurface:Rt.external(Ft.colorOnSurface,"Design system"),colorOnSurfaceMedium:Rt.external(Ft.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:Rt.external(Ft.colorOnSurfaceDisabled,"Design system"),colorPrimary:Rt.external(Ft.colorPrimary,"Design system"),colorOnPrimary:Rt.external(Ft.colorOnPrimary,"Design system"),fontFamily:Rt.external($e.fontFamily,"Body2 typography"),fontSize:Rt.external($e.fontSize,"Body2 typography"),fontWeight:Rt.external($e.fontWeight,"Body2 typography"),letterSpacing:Rt.external($e.letterSpacing,"Body2 typography"),lineHeight:Rt.external($e.lineHeight,"Body2 typography"),textTransform:Rt.external($e.textTransform,"Body2 typography")};let vr=class extends Tt{constructor(){super(...arguments),this.id="",this.options=[],this.multivalued=!1,this.disabled=!1,this.hideSelectedOptions=!1,this.preventNavigation=!1,this.filter="",this.moreValuesButtonLabel="More",this.displayedValuesLimit=0,this.displayedPages=1}getStyles(){return[a`
|
|
887
891
|
.ft-filter-level--container {
|
|
888
892
|
display: flex;
|
|
889
893
|
flex-direction: column;
|
|
@@ -1173,7 +1177,7 @@ const fr=a`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1173
1177
|
</div>
|
|
1174
1178
|
`}updated(t){var e;super.updated(t),this.contentSlot&&(this.resizeObserver.observe(this.contentSlot),this.listenedContainer!==this.contentSlot&&(this.listenedContainer&&this.listenedContainer.removeEventListener("scroll",this.updateScrollCallback),this.listenedContainer=this.contentSlot,null===(e=this.listenedContainer)||void 0===e||e.addEventListener("scroll",this.updateScrollCallback))),t.has("horizontal")&&(this.horizontal?(this.offsetAttribute="offsetLeft",this.scrollAttribute="scrollLeft",this.sizeAttribute="clientWidth",this.scrollSizeAttribute="scrollWidth"):(this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight")),t.has("currentElement")&&this.dispatchEvent(new yr(this.currentElement,this.elements[this.currentElement]))}onScroll(){this.scrollDebouncer.run((()=>this.snap())),this.scheduleUpdateScroll()}snap(){let t=this.closestElementFromStart();if(null!=t){const e=this.getDistanceFromStart(t);Math.abs(this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.contentSlot[this.scrollSizeAttribute])<e&&(t=this.lastElement),this.scrollToElement(t)}}scrollToElement(t){var e,i;t&&(this.horizontal?null===(e=this.contentSlot)||void 0===e||e.scrollTo({left:this.getOffset(t)-this.controlsSize,behavior:"smooth"}):null===(i=this.contentSlot)||void 0===i||i.scrollTo({top:this.getOffset(t)-this.controlsSize,behavior:"smooth"}),this.currentElement=this.elements.indexOf(t))}onSlotChange(){var t,e;this.elements=null!==(e=null===(t=this.contentSlot)||void 0===t?void 0:t.assignedElements().map((t=>t)))&&void 0!==e?e:[],this.scheduleUpdateScroll()}closestElementFromStart(){return this.elements[this.closestIndexFromStart()]}closestIndexFromStart(){let t=-1;for(let e=0;e<this.elements.length;e++)(t<0||this.getDistanceFromStart(this.elements[e])<this.getDistanceFromStart(this.elements[t]))&&(t=e);return t}scheduleUpdateScroll(){this.updateScrollDebouncer.run((()=>this.updateScroll()))}updateScroll(){null!=this.contentSlot?(this.withScroll=this.contentSlot[this.scrollSizeAttribute]>this.contentSlot[this.sizeAttribute],this.startReached=0===this.contentSlot[this.scrollAttribute],this.endReached=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]+1>=this.contentSlot[this.scrollSizeAttribute]):(this.withScroll=!1,this.startReached=!0,this.endReached=!0)}get lastElement(){return this.elements[this.elements.length-1]}get firstElementOffset(){let t=this.elements[0];return t?t[this.offsetAttribute]:0}get controlsSize(){return this.controls?36:0}get nextSize(){return this.endReached?0:this.controlsSize}get prevSize(){return this.startReached?0:this.controlsSize}getOffset(t){return t[this.offsetAttribute]-this.firstElementOffset}getDistanceFromStart(t){const e=t===this.elements[0]?0:this.controlsSize;return Math.abs(this.getOffset(t)-this.contentSlot[this.scrollAttribute]-e)}};kr.elementDefinitions={"ft-button":Yi},gr([nt({type:Boolean})],kr.prototype,"horizontal",void 0),gr([nt({type:Boolean})],kr.prototype,"hideScrollbar",void 0),gr([nt({type:Boolean})],kr.prototype,"controls",void 0),gr([nt({type:Boolean})],kr.prototype,"limitSize",void 0),gr([at()],kr.prototype,"elements",void 0),gr([at()],kr.prototype,"currentElement",void 0),gr([at()],kr.prototype,"withScroll",void 0),gr([at()],kr.prototype,"startReached",void 0),gr([at()],kr.prototype,"endReached",void 0),gr([lt(".ft-snap-scroll--content")],kr.prototype,"contentSlot",void 0),kr=gr([Ct("ft-snap-scroll")],kr);var wr=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let $r=class extends Tt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}getTemplate(){return A`
|
|
1175
1179
|
<slot @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1176
|
-
`}updateSubOptionsFromSlot(t){const e=t.composedPath()[0];this.subOptions=e.assignedElements().map((t=>t))}};$r.elementDefinitions={},wr([nt({type:String})],$r.prototype,"label",void 0),wr([nt({type:Object,converter:t=>t})],$r.prototype,"value",void 0),wr([nt({type:Boolean,reflect:!0})],$r.prototype,"selected",void 0),wr([nt({type:Object})],$r.prototype,"subOptions",void 0),$r=wr([Ct("ft-filter-option")],$r);var _r=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const Sr=Rt.external(Ft.colorOutline,"Design system"),Or=Rt.external(Ft.colorOnSurface,"Design system"),zr=Rt.external(Ft.colorOnSurfaceMedium,"Design system"),Cr=Rt.external(Ft.colorPrimary,"Design system"),Er=Rt.external(Ft.colorSurface,"Design system"),Rr=Rt.external(Ft.transitionDuration,"Design system"),Br=Rt.external(Ft.transitionTimingFunction,"Design system");class Fr extends CustomEvent{constructor(t){super("change",{detail:t})}}let Tr=class extends Tt{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new zt(300)}getStyles(){return[Ve,a`
|
|
1180
|
+
`}updateSubOptionsFromSlot(t){const e=t.composedPath()[0];this.subOptions=e.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};$r.elementDefinitions={},wr([nt({type:String})],$r.prototype,"label",void 0),wr([nt({type:Object,converter:t=>t})],$r.prototype,"value",void 0),wr([nt({type:Boolean,reflect:!0})],$r.prototype,"selected",void 0),wr([nt({type:Object})],$r.prototype,"subOptions",void 0),$r=wr([Ct("ft-filter-option")],$r);var _r=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const Sr=Rt.external(Ft.colorOutline,"Design system"),Or=Rt.external(Ft.colorOnSurface,"Design system"),zr=Rt.external(Ft.colorOnSurfaceMedium,"Design system"),Cr=Rt.external(Ft.colorPrimary,"Design system"),Er=Rt.external(Ft.colorSurface,"Design system"),Rr=Rt.external(Ft.transitionDuration,"Design system"),Br=Rt.external(Ft.transitionTimingFunction,"Design system");class Fr extends CustomEvent{constructor(t){super("change",{detail:t})}}let Tr=class extends Tt{constructor(){super(...arguments),this.id="",this.label="",this.filterPlaceHolder="Filter {0}",this.clearButtonLabel="Clear",this.moreValuesButtonLabel="More",this.options=[],this.multivalued=!1,this.disabled=!1,this.raiseSelectedOptions=!1,this.displayedValuesLimit=0,this.withScroll=!1,this.filter="",this.displayedLevels=[],this.scrollResizeObserver=new ResizeObserver((()=>this.updateScroll())),this.levelsScrollDebouncer=new zt(300)}getStyles(){return[Ve,a`
|
|
1177
1181
|
:host {
|
|
1178
1182
|
display: flex;
|
|
1179
1183
|
max-height: 100%;
|
|
@@ -1303,7 +1307,8 @@ const fr=a`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40p
|
|
|
1303
1307
|
<div class="ft-filter--values">
|
|
1304
1308
|
${this.renderLevels()}
|
|
1305
1309
|
</div>
|
|
1306
|
-
<slot @slotchange=${this.updateOptionsFromSlot}
|
|
1310
|
+
<slot @slotchange=${this.updateOptionsFromSlot}
|
|
1311
|
+
@option-change=${this.updateOptionsFromSlot}></slot>
|
|
1307
1312
|
</div>
|
|
1308
1313
|
`}update(t){if(super.update(t),t.has("options")){const t=new Set(this.flatOptions.map((t=>t.value)));this.displayedLevels=this.displayedLevels.filter((e=>t.has(e)))}}contentAvailableCallback(t){var e,i;super.contentAvailableCallback(t),this.valuesContainer&&this.scrollResizeObserver.observe(this.valuesContainer),this.container&&this.scrollResizeObserver.observe(this.container),t.has("options")&&(this.updateScroll(),null===(e=this.levelsContainer)||void 0===e||e.scrollToIndex(this.displayedLevels.length)),t.has("slideIn")&&this.slideIn&&setTimeout((()=>{var t;null===(t=this.levelsContainer)||void 0===t||t.next(),this.slideIn=void 0}),0),t.has("slideOut")&&this.slideOut&&(null===(i=this.levelsContainer)||void 0===i||i.previous(),setTimeout((()=>{this.displayedLevels.pop(),this.slideOut=void 0}),300))}renderLevels(){const t=this.flatOptions,e=t.filter((t=>t.selected)),i=this.slideIn||this.slideOut?this.displayedLevels.length-2:this.displayedLevels.length-1,r=i<0?"ft-filter--level-center":"ft-filter--level-left";return A`
|
|
1309
1314
|
${this.raiseSelectedOptions&&e.length>0?A`
|
|
@@ -1541,6 +1546,7 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1541
1546
|
}
|
|
1542
1547
|
|
|
1543
1548
|
.ft-chip--label {
|
|
1549
|
+
vertical-align: bottom;
|
|
1544
1550
|
display: block;
|
|
1545
1551
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1546
1552
|
${Bt($e.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
@@ -1598,7 +1604,7 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1598
1604
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1599
1605
|
<mwc-icon>${this.internalIcon}</mwc-icon>
|
|
1600
1606
|
</div>
|
|
1601
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new so))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new so))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}};lo.elementDefinitions={"ft-ripple":Fi,"ft-typography":qe,"mwc-icon":Ni},eo([nt({type:Boolean})],lo.prototype,"highlighted",void 0),eo([nt({type:Boolean})],lo.prototype,"removable",void 0),eo([nt({type:Boolean})],lo.prototype,"disabled",void 0),eo([nt({type:Boolean})],lo.prototype,"clickable",void 0),eo([nt({type:Boolean})],lo.prototype,"iconClickable",void 0),eo([nt({type:Boolean})],lo.prototype,"dense",void 0),eo([nt({type:Boolean})],lo.prototype,"multiLine",void 0),eo([nt({type:String})],lo.prototype,"label",void 0),eo([nt({type:String})],lo.prototype,"icon",void 0),eo([nt({type:Boolean})],lo.prototype,"trailingIcon",void 0),eo([lt("ft-typography slot")],lo.prototype,"slottedContent",void 0),lo=eo([Ct("ft-chip")],lo);var
|
|
1607
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new so))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new so))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}};lo.elementDefinitions={"ft-ripple":Fi,"ft-typography":qe,"mwc-icon":Ni},eo([nt({type:Boolean})],lo.prototype,"highlighted",void 0),eo([nt({type:Boolean})],lo.prototype,"removable",void 0),eo([nt({type:Boolean})],lo.prototype,"disabled",void 0),eo([nt({type:Boolean})],lo.prototype,"clickable",void 0),eo([nt({type:Boolean})],lo.prototype,"iconClickable",void 0),eo([nt({type:Boolean})],lo.prototype,"dense",void 0),eo([nt({type:Boolean})],lo.prototype,"multiLine",void 0),eo([nt({type:String})],lo.prototype,"label",void 0),eo([nt({type:String})],lo.prototype,"icon",void 0),eo([nt({type:Boolean})],lo.prototype,"trailingIcon",void 0),eo([lt("ft-typography slot")],lo.prototype,"slottedContent",void 0),lo=eo([Ct("ft-chip")],lo);var ho=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};const po={fontSize:Rt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:Rt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:Rt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:Rt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:Rt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:Rt.extend("--ft-input-label-border-color",Ft.colorOutline),textColor:Rt.extend("--ft-input-label-text-color",Ft.colorOnSurfaceMedium),disabledTextColor:Rt.extend("--ft-input-label-disabled-text-color",Ft.colorOnSurfaceDisabled),colorSurface:Rt.external(Ft.colorSurface,"Design system"),borderRadiusS:Rt.external(Ft.borderRadiusS,"Design system")};let fo=class extends Tt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1}getStyles(){return[Ve,a`
|
|
1602
1608
|
.ft-input-label {
|
|
1603
1609
|
position: absolute;
|
|
1604
1610
|
inset: 0;
|
|
@@ -1606,7 +1612,7 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1606
1612
|
}
|
|
1607
1613
|
|
|
1608
1614
|
.ft-input-label {
|
|
1609
|
-
border-color: ${
|
|
1615
|
+
border-color: ${po.borderColor};
|
|
1610
1616
|
}
|
|
1611
1617
|
|
|
1612
1618
|
.ft-input-label:before,
|
|
@@ -1619,7 +1625,7 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1619
1625
|
}
|
|
1620
1626
|
|
|
1621
1627
|
.ft-input-label:before {
|
|
1622
|
-
width: ${
|
|
1628
|
+
width: ${po.horizontalSpacing};
|
|
1623
1629
|
flex-shrink: 0;
|
|
1624
1630
|
}
|
|
1625
1631
|
|
|
@@ -1635,14 +1641,14 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1635
1641
|
border-bottom-width: 1px;
|
|
1636
1642
|
border-bottom-style: solid;
|
|
1637
1643
|
border-color: inherit;
|
|
1638
|
-
color: ${
|
|
1644
|
+
color: ${po.textColor};
|
|
1639
1645
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1640
|
-
${Bt(_e.fontSize,
|
|
1641
|
-
${Bt(_e.lineHeight,
|
|
1646
|
+
${Bt(_e.fontSize,po.fontSize)};
|
|
1647
|
+
${Bt(_e.lineHeight,po.fontSize)};
|
|
1642
1648
|
}
|
|
1643
1649
|
|
|
1644
1650
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1645
|
-
color: ${
|
|
1651
|
+
color: ${po.disabledTextColor};
|
|
1646
1652
|
}
|
|
1647
1653
|
|
|
1648
1654
|
.ft-input-label--hidden-text {
|
|
@@ -1658,17 +1664,17 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1658
1664
|
overflow: hidden;
|
|
1659
1665
|
white-space: nowrap;
|
|
1660
1666
|
text-overflow: ellipsis;
|
|
1661
|
-
padding: ${
|
|
1662
|
-
margin: calc(${
|
|
1667
|
+
padding: ${po.verticalSpacing} 4px;
|
|
1668
|
+
margin: calc(${po.verticalSpacing} * -1) 0;
|
|
1663
1669
|
}
|
|
1664
1670
|
|
|
1665
1671
|
.ft-input-label--raised .ft-input-label--text {
|
|
1666
|
-
${Bt(_e.fontSize,
|
|
1667
|
-
${Bt(_e.lineHeight,
|
|
1672
|
+
${Bt(_e.fontSize,po.raisedFontSize)};
|
|
1673
|
+
${Bt(_e.lineHeight,po.raisedFontSize)};
|
|
1668
1674
|
}
|
|
1669
1675
|
|
|
1670
1676
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1671
|
-
top: ${
|
|
1677
|
+
top: ${po.verticalSpacing};
|
|
1672
1678
|
}
|
|
1673
1679
|
|
|
1674
1680
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1681,21 +1687,21 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1681
1687
|
.ft-input-label--outlined:before {
|
|
1682
1688
|
border-left-width: 1px;
|
|
1683
1689
|
border-left-style: solid;
|
|
1684
|
-
border-radius: ${
|
|
1690
|
+
border-radius: ${po.borderRadiusS} 0 0 ${po.borderRadiusS};
|
|
1685
1691
|
}
|
|
1686
1692
|
|
|
1687
1693
|
.ft-input-label--outlined:after {
|
|
1688
1694
|
border-right-width: 1px;
|
|
1689
1695
|
border-right-style: solid;
|
|
1690
|
-
border-radius: 0 ${
|
|
1696
|
+
border-radius: 0 ${po.borderRadiusS} ${po.borderRadiusS} 0;
|
|
1691
1697
|
}
|
|
1692
1698
|
|
|
1693
1699
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1694
|
-
padding: 4px;
|
|
1695
|
-
z-index: ${
|
|
1696
|
-
background-color: ${
|
|
1697
|
-
border-radius: ${
|
|
1698
|
-
top: calc(var(--ft-typography-caption-line-height) / -2);
|
|
1700
|
+
padding: 2px 4px;
|
|
1701
|
+
z-index: ${po.raisedZIndex};
|
|
1702
|
+
background-color: ${po.colorSurface};
|
|
1703
|
+
border-radius: ${po.borderRadiusS};
|
|
1704
|
+
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1699
1705
|
}
|
|
1700
1706
|
|
|
1701
1707
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
@@ -1710,7 +1716,7 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1710
1716
|
</div>
|
|
1711
1717
|
`:null}
|
|
1712
1718
|
</div>
|
|
1713
|
-
`}};fo.elementDefinitions={},
|
|
1719
|
+
`}};fo.elementDefinitions={},ho([nt({type:String})],fo.prototype,"text",void 0),ho([nt({type:Boolean})],fo.prototype,"raised",void 0),ho([nt({type:Boolean})],fo.prototype,"outlined",void 0),ho([nt({type:Boolean})],fo.prototype,"disabled",void 0),fo=ho([Ct("ft-input-label")],fo);var uo=function(t,e,i,r){for(var o,n=arguments.length,a=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,c=t.length-1;c>=0;c--)(o=t[c])&&(a=(n<3?o(a):n>3?o(e,i,a):o(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a};let mo=class extends Tt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}getTemplate(){return A``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}};mo.elementDefinitions={},uo([nt({type:String})],mo.prototype,"label",void 0),uo([nt({type:Object,converter:t=>t})],mo.prototype,"value",void 0),uo([nt({type:Boolean,reflect:!0})],mo.prototype,"selected",void 0),mo=uo([Ct("ft-select-option")],mo);const bo={labelSize:Rt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:Rt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:Rt.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:Rt.extend("--ft-select-selected-option-color",Ft.colorOnSurface),helperColor:Rt.extend("--ft-select-helper-color",Ft.colorOnSurfaceMedium),optionsColor:Rt.extend("--ft-select-options-color",Ft.colorOnSurface),optionsZIndex:Rt.create("--ft-select-options-z-index","NUMBER","2"),colorSurface:Rt.external(Ft.colorSurface,"Design system"),colorOnSurfaceDisabled:Rt.external(Ft.colorOnSurfaceDisabled,"Design system"),colorPrimary:Rt.external(Ft.colorPrimary,"Design system"),borderRadiusS:Rt.external(Ft.borderRadiusS,"Design system"),elevation02:Rt.external(Ft.elevation02,"Design system")};let vo=class extends Tt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}getStyles(){return[He,Ve,a`
|
|
1714
1720
|
*:focus {
|
|
1715
1721
|
outline: none;
|
|
1716
1722
|
}
|
|
@@ -1751,14 +1757,15 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1751
1757
|
color: ${bo.colorOnSurfaceDisabled};
|
|
1752
1758
|
}
|
|
1753
1759
|
|
|
1754
|
-
.ft-select:not(.ft-select--disabled) .ft-select--input-panel
|
|
1760
|
+
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
1761
|
+
.ft-select:not(.ft-select--disabled) .ft-select--option {
|
|
1755
1762
|
cursor: pointer;
|
|
1756
1763
|
}
|
|
1757
1764
|
|
|
1758
1765
|
ft-input-label {
|
|
1759
|
-
${Bt(
|
|
1760
|
-
${Bt(
|
|
1761
|
-
${Bt(
|
|
1766
|
+
${Bt(po.fontSize,bo.selectedOptionSize)};
|
|
1767
|
+
${Bt(po.raisedFontSize,bo.labelSize)};
|
|
1768
|
+
${Bt(po.verticalSpacing,bo.verticalSpacing)};
|
|
1762
1769
|
}
|
|
1763
1770
|
|
|
1764
1771
|
.ft-select:not(.ft-select--disabled):focus-within mwc-icon {
|
|
@@ -1766,8 +1773,8 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1766
1773
|
}
|
|
1767
1774
|
|
|
1768
1775
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1769
|
-
${Bt(
|
|
1770
|
-
${Bt(
|
|
1776
|
+
${Bt(po.borderColor,bo.colorPrimary)};
|
|
1777
|
+
${Bt(po.textColor,bo.colorPrimary)};
|
|
1771
1778
|
}
|
|
1772
1779
|
|
|
1773
1780
|
.ft-select--selected-option {
|
|
@@ -1890,6 +1897,10 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1890
1897
|
outline: none;
|
|
1891
1898
|
}
|
|
1892
1899
|
|
|
1900
|
+
.ft-search-bar--container > * {
|
|
1901
|
+
flex-shrink: 0;
|
|
1902
|
+
}
|
|
1903
|
+
|
|
1893
1904
|
.ft-search-bar--mobile-menu-open {
|
|
1894
1905
|
position: ${go.mobileOpenPosition};
|
|
1895
1906
|
top: ${go.mobileOpenTop};
|
|
@@ -1901,7 +1912,6 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1901
1912
|
}
|
|
1902
1913
|
|
|
1903
1914
|
.ft-search-bar {
|
|
1904
|
-
flex-shrink: 0;
|
|
1905
1915
|
position: relative;
|
|
1906
1916
|
display: flex;
|
|
1907
1917
|
flex-direction: row;
|
|
@@ -1968,14 +1978,14 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1968
1978
|
}
|
|
1969
1979
|
|
|
1970
1980
|
.ft-search-bar--left-action::part(button) {
|
|
1971
|
-
height
|
|
1981
|
+
height: 100%;
|
|
1972
1982
|
}
|
|
1973
1983
|
|
|
1974
1984
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
1975
1985
|
${Bt(Ki.borderRadius,a`calc(${go.borderRadius} - 1px) 0 0 0`)};
|
|
1976
1986
|
}
|
|
1977
1987
|
|
|
1978
|
-
.ft-search-bar--launch-search,
|
|
1988
|
+
.ft-search-bar .ft-search-bar--launch-search,
|
|
1979
1989
|
.ft-search-bar--clear-query {
|
|
1980
1990
|
margin: 0 4px;
|
|
1981
1991
|
}
|
|
@@ -1986,8 +1996,8 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
1986
1996
|
}
|
|
1987
1997
|
|
|
1988
1998
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
1989
|
-
${Bt(
|
|
1990
|
-
${Bt(
|
|
1999
|
+
${Bt(po.borderColor,"transparent")};
|
|
2000
|
+
${Bt(po.borderRadiusS,a`calc(${go.borderRadius} - 1px)`)};
|
|
1991
2001
|
${Bt(bo.selectedOptionColor,go.buttonColor)};
|
|
1992
2002
|
}
|
|
1993
2003
|
|
|
@@ -2019,11 +2029,13 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
2019
2029
|
}
|
|
2020
2030
|
|
|
2021
2031
|
.ft-search-bar--floating-panel {
|
|
2032
|
+
flex-direction: column;
|
|
2033
|
+
gap: 16px;
|
|
2022
2034
|
padding: 16px;
|
|
2023
2035
|
}
|
|
2024
2036
|
|
|
2025
2037
|
.ft-search-bar--floating-panel-open .ft-search-bar--floating-panel {
|
|
2026
|
-
display:
|
|
2038
|
+
display: flex;
|
|
2027
2039
|
}
|
|
2028
2040
|
|
|
2029
2041
|
.ft-search-bar--desktop .ft-search-bar--facets-actions {
|
|
@@ -2032,7 +2044,6 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
2032
2044
|
justify-content: flex-end;
|
|
2033
2045
|
gap: 8px;
|
|
2034
2046
|
padding: 0 10px;
|
|
2035
|
-
margin-bottom: 16px;
|
|
2036
2047
|
}
|
|
2037
2048
|
|
|
2038
2049
|
.ft-search-bar--mobile .ft-search-bar--facets-actions {
|
|
@@ -2122,6 +2133,10 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
2122
2133
|
padding-left: 0;
|
|
2123
2134
|
padding-right: 0;
|
|
2124
2135
|
}
|
|
2136
|
+
|
|
2137
|
+
.ft-search-bar--floating-panel .ft-search-bar--launch-search {
|
|
2138
|
+
margin: 0;
|
|
2139
|
+
}
|
|
2125
2140
|
`,ko=a`
|
|
2126
2141
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2127
2142
|
flex-shrink: 0;
|
|
@@ -2248,6 +2263,14 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
2248
2263
|
</div>
|
|
2249
2264
|
${this.displayFacets?this.renderFacetsActions():this.renderSelectedFacets()}
|
|
2250
2265
|
${this.displayFacets?this.renderMobileFacets():this.renderSuggestions()}
|
|
2266
|
+
${this.mobileMenuOpen||this.displayFacets?A`
|
|
2267
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2268
|
+
part="search-bar-actions"
|
|
2269
|
+
icon="search"
|
|
2270
|
+
@click=${this.launchSearch}>
|
|
2271
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2272
|
+
</ft-button>
|
|
2273
|
+
`:j}
|
|
2251
2274
|
`}renderMobileSearchBarButtons(){return this.query||this.mobileMenuOpen?A`
|
|
2252
2275
|
<ft-button class="ft-search-bar--clear-query"
|
|
2253
2276
|
part="search-bar-actions"
|
|
@@ -2327,7 +2350,14 @@ class Nr extends vt{constructor(t){if(super(t),this.it=j,t.type!==mt)throw Error
|
|
|
2327
2350
|
<div class="ft-search-bar--floating-panel" @keyup=${this.onFloatingContainerKeyUp} tabindex="-1">
|
|
2328
2351
|
${this.renderFacetsActions()}
|
|
2329
2352
|
${this.renderDesktopFacets()}
|
|
2330
|
-
|
|
2353
|
+
<div class="ft-search-bar--facets-actions">
|
|
2354
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2355
|
+
part="search-bar-actions"
|
|
2356
|
+
icon="search"
|
|
2357
|
+
@click=${this.launchSearch}>
|
|
2358
|
+
${this.labelResolver.resolve("searchButton")}
|
|
2359
|
+
</ft-button>
|
|
2360
|
+
</div>
|
|
2331
2361
|
</div>
|
|
2332
2362
|
</div>
|
|
2333
2363
|
${this.dense?j:this.renderSelectedFacets()}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-search-bar",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "Search bar component using Fluid Topics public API",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,17 +19,17 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-accordion": "^0.1.
|
|
23
|
-
"@fluid-topics/ft-button": "^0.1.
|
|
24
|
-
"@fluid-topics/ft-chip": "^0.1.
|
|
25
|
-
"@fluid-topics/ft-filter": "^0.1.
|
|
26
|
-
"@fluid-topics/ft-icon": "^0.1.
|
|
27
|
-
"@fluid-topics/ft-select": "^0.1.
|
|
28
|
-
"@fluid-topics/ft-size-watcher": "^0.1.
|
|
29
|
-
"@fluid-topics/ft-snap-scroll": "^0.1.
|
|
30
|
-
"@fluid-topics/ft-tooltip": "^0.1.
|
|
31
|
-
"@fluid-topics/ft-typography": "^0.1.
|
|
32
|
-
"@fluid-topics/ft-wc-utils": "^0.1.
|
|
22
|
+
"@fluid-topics/ft-accordion": "^0.1.10",
|
|
23
|
+
"@fluid-topics/ft-button": "^0.1.10",
|
|
24
|
+
"@fluid-topics/ft-chip": "^0.1.10",
|
|
25
|
+
"@fluid-topics/ft-filter": "^0.1.10",
|
|
26
|
+
"@fluid-topics/ft-icon": "^0.1.10",
|
|
27
|
+
"@fluid-topics/ft-select": "^0.1.10",
|
|
28
|
+
"@fluid-topics/ft-size-watcher": "^0.1.10",
|
|
29
|
+
"@fluid-topics/ft-snap-scroll": "^0.1.10",
|
|
30
|
+
"@fluid-topics/ft-tooltip": "^0.1.10",
|
|
31
|
+
"@fluid-topics/ft-typography": "^0.1.10",
|
|
32
|
+
"@fluid-topics/ft-wc-utils": "^0.1.10",
|
|
33
33
|
"@material/mwc-icon": "^0.25.3",
|
|
34
34
|
"lit": "^2.0.2"
|
|
35
35
|
},
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"@fluid-topics/public-api": "^1.0.14"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "af9249642eff7416fb4aa6371f82cb3f99086cec"
|
|
43
43
|
}
|