@fluid-topics/ft-search-bar 0.2.2 → 0.2.6
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 +17 -2
- package/build/ft-search-bar.d.ts +3 -1
- package/build/ft-search-bar.inline-styles.js +414 -334
- package/build/ft-search-bar.js +52 -33
- package/build/ft-search-bar.light.js +405 -325
- package/build/ft-search-bar.min.js +415 -335
- package/package.json +15 -15
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
*
|
|
15
15
|
* @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
|
|
16
16
|
*/
|
|
17
|
-
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,i=window.customElements.get,o=window.customElements,s=new WeakMap,n=new WeakMap,r=new WeakMap,l=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,s){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(s))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const l=s.prototype.attributeChangedCallback,a=new Set(s.observedAttributes||[]);d(s,a,l);const c={elementClass:s,connectedCallback:s.prototype.connectedCallback,disconnectedCallback:s.prototype.disconnectedCallback,adoptedCallback:s.prototype.adoptedCallback,attributeChangedCallback:l,formAssociated:s.formAssociated,formAssociatedCallback:s.prototype.formAssociatedCallback,formDisabledCallback:s.prototype.formDisabledCallback,formResetCallback:s.prototype.formResetCallback,formStateRestoreCallback:s.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,c),this._definitionsByClass.set(s,c);let h=i.call(o,t);h||(h=p(t),e.call(o,t,h)),this===window.customElements&&(r.set(s,c),c.standInClass=h);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,c,!0)}const b=this._whenDefinedPromises.get(t);return void 0!==b&&(b.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){v.push(this),o.upgrade.apply(o,arguments),v.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let i=this._whenDefinedPromises.get(t);return void 0===i&&(i={},i.promise=new Promise((t=>i.resolve=t)),this._whenDefinedPromises.set(t,i)),i.promise}_upgradeWhenDefined(t,e,i){let o=this._awaitingUpgrade.get(e);o||this._awaitingUpgrade.set(e,o=new Set),i?o.add(t):o.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const i=r.get(this.constructor);if(!i)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],i.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),s.set(e,i),e},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!c(e)){const t=v[v.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},p=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=h(i)||window.customElements,s=o._getDefinition(e);return s?u(i,s):n.set(i,o),i}connectedCallback(){const t=s.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=s.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){s.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=s.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=s.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=s.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=s.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},d=(t,e,i)=>{if(0===e.size||void 0===i)return;const o=t.prototype.setAttribute;o&&(t.prototype.setAttribute=function(t,s){const n=t.toLowerCase();if(e.has(n)){const t=this.getAttribute(n);o.call(this,n,s),i.call(this,n,t,s)}else o.call(this,n,s)});const s=t.prototype.removeAttribute;s&&(t.prototype.removeAttribute=function(t){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);s.call(this,o),i.call(this,o,t,null)}else s.call(this,o)})},f=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):f(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){f(e.elementClass),new e.elementClass}e.observedAttributes.forEach((i=>{t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},b=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=b.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let v=[document];const g=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){v.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),v.pop(),t}};g(ShadowRoot,"createElement",document),g(ShadowRoot,"importNode",document),g(Element,"insertAdjacentHTML");const x=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){v.push(this),i.set.call(this,t),v.pop()}})};if(x(Element,"innerHTML"),x(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,i=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...i){const o=e.call(this,...i);return t.set(o,this),o},i.forEach((e=>{const i=window.ElementInternals.prototype,o=i[e];i[e]=function(...e){const i=t.get(this);if(!0!==s.get(i).formAssociated)throw new DOMException(`Failed to execute ${o} on 'ElementInternals': The target element is not a form-associated custom element.`);o?.call(this,...e)}}));class o extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const e=new Map;t.forEach(((t,i)=>{const o=t.getAttribute("name"),s=e.get(o)||[];this[+i]=t,s.push(t),e.set(o,s)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new o(t))}))}namedItem(t){return this[t]}}const r=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=r.get.call(this,[]),e=[];for(const i of t){const t=s.get(i);t&&!0!==t.formAssociated||e.push(i)}return new n(e)}})}}try{window.customElements.define("custom-element",null)}catch(
|
|
17
|
+
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,i=window.customElements.get,o=window.customElements,s=new WeakMap,n=new WeakMap,r=new WeakMap,l=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,s){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(s))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const l=s.prototype.attributeChangedCallback,a=new Set(s.observedAttributes||[]);d(s,a,l);const c={elementClass:s,connectedCallback:s.prototype.connectedCallback,disconnectedCallback:s.prototype.disconnectedCallback,adoptedCallback:s.prototype.adoptedCallback,attributeChangedCallback:l,formAssociated:s.formAssociated,formAssociatedCallback:s.prototype.formAssociatedCallback,formDisabledCallback:s.prototype.formDisabledCallback,formResetCallback:s.prototype.formResetCallback,formStateRestoreCallback:s.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,c),this._definitionsByClass.set(s,c);let h=i.call(o,t);h||(h=p(t),e.call(o,t,h)),this===window.customElements&&(r.set(s,c),c.standInClass=h);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,c,!0)}const b=this._whenDefinedPromises.get(t);return void 0!==b&&(b.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){v.push(this),o.upgrade.apply(o,arguments),v.pop()}get(t){return this._definitionsByTag.get(t)?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let i=this._whenDefinedPromises.get(t);return void 0===i&&(i={},i.promise=new Promise((t=>i.resolve=t)),this._whenDefinedPromises.set(t,i)),i.promise}_upgradeWhenDefined(t,e,i){let o=this._awaitingUpgrade.get(e);o||this._awaitingUpgrade.set(e,o=new Set),i?o.add(t):o.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const i=r.get(this.constructor);if(!i)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],i.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),s.set(e,i),e},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!c(e)){const t=v[v.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),c(e)||(e=l.get(e)?.getRootNode()||document)}return e.customElements},p=e=>class{static get formAssociated(){return!0}constructor(){const i=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(i,HTMLElement.prototype);const o=h(i)||window.customElements,s=o._getDefinition(e);return s?u(i,s):n.set(i,o),i}connectedCallback(){const t=s.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=s.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){s.get(this)?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=s.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=s.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=s.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=s.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},d=(t,e,i)=>{if(0===e.size||void 0===i)return;const o=t.prototype.setAttribute;o&&(t.prototype.setAttribute=function(t,s){const n=t.toLowerCase();if(e.has(n)){const t=this.getAttribute(n);o.call(this,n,s),i.call(this,n,t,s)}else o.call(this,n,s)});const s=t.prototype.removeAttribute;s&&(t.prototype.removeAttribute=function(t){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);s.call(this,o),i.call(this,o,t,null)}else s.call(this,o)})},f=e=>{const i=Object.getPrototypeOf(e);if(i!==window.HTMLElement)return i===t||"HTMLElement"===i?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):f(i)},u=(t,e,i=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),s.set(t,e),a=t;try{new e.elementClass}catch(t){f(e.elementClass),new e.elementClass}e.observedAttributes.forEach((i=>{t.hasAttribute(i)&&e.attributeChangedCallback.call(t,i,null,t.getAttribute(i))})),i&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},b=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=b.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let v=[document];const g=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){v.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),v.pop(),t}};g(ShadowRoot,"createElement",document),g(ShadowRoot,"importNode",document),g(Element,"insertAdjacentHTML");const x=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){v.push(this),i.set.call(this,t),v.pop()}})};if(x(Element,"innerHTML"),x(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,i=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...i){const o=e.call(this,...i);return t.set(o,this),o},i.forEach((e=>{const i=window.ElementInternals.prototype,o=i[e];i[e]=function(...e){const i=t.get(this);if(!0!==s.get(i).formAssociated)throw new DOMException(`Failed to execute ${o} on 'ElementInternals': The target element is not a form-associated custom element.`);o?.call(this,...e)}}));class o extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const e=new Map;t.forEach(((t,i)=>{const o=t.getAttribute("name"),s=e.get(o)||[];this[+i]=t,s.push(t),e.set(o,s)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new o(t))}))}namedItem(t){return this[t]}}const r=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=r.get.call(this,[]),e=[];for(const i of t){const t=s.get(i);t&&!0!==t.formAssociated||e.push(i)}return new n(e)}})}}try{window.customElements.define("custom-element",null)}catch(gi){const t=window.customElements.define;window.customElements.define=(e,i,o)=>{try{t.bind(window.customElements)(e,i,o)}catch(t){console.warn(e,i,o,t)}}}class e{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=[]}}
|
|
18
18
|
/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2017 Google LLC
|
|
@@ -60,19 +60,19 @@ var l;const a=null!=(null===(l=window.HTMLSlotElement)||void 0===l?void 0:l.prot
|
|
|
60
60
|
* @license
|
|
61
61
|
* Copyright 2017 Google LLC
|
|
62
62
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
63
|
-
*/;var m;const $=window.trustedTypes,w=$?$.emptyScript:"",k=window.reactiveElementPolyfillSupport,S={toAttribute(t,e){switch(e){case Boolean:t=t?w: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}},O=(t,e)=>e!==t&&(e==e||t==t),C={attribute:!0,type:String,converter:S,reflect:!1,hasChanged:O};class z 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 o=this._$Eh(i,e);void 0!==o&&(this._$Eu.set(o,i),t.push(o))})),t}static createProperty(t,e=C){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,o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const s=this[t];this[e]=o,this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||C}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(y(t))}else void 0!==t&&e.push(y(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 x(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=C){var o,s;const n=this.constructor._$Eh(t,i);if(void 0!==n&&!0===i.reflect){const r=(null!==(s=null===(o=i.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==s?s:S.toAttribute)(e,i.type);this._$Ei=t,null==r?this.removeAttribute(n):this.setAttribute(n,r),this._$Ei=null}}_$AK(t,e){var i,o,s;const n=this.constructor,r=n._$Eu.get(t);if(void 0!==r&&this._$Ei!==r){const t=n.getPropertyOptions(r),l=t.converter,a=null!==(s=null!==(o=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==o?o:"function"==typeof l?l:null)&&void 0!==s?s:S.fromAttribute;this._$Ei=r,this[r]=a(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let o=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||O)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$
|
|
63
|
+
*/;var m;const $=window.trustedTypes,w=$?$.emptyScript:"",k=window.reactiveElementPolyfillSupport,S={toAttribute(t,e){switch(e){case Boolean:t=t?w: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}},O=(t,e)=>e!==t&&(e==e||t==t),C={attribute:!0,type:String,converter:S,reflect:!1,hasChanged:O};class z 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 o=this._$Eh(i,e);void 0!==o&&(this._$Eu.set(o,i),t.push(o))})),t}static createProperty(t,e=C){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,o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const s=this[t];this[e]=o,this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||C}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(y(t))}else void 0!==t&&e.push(y(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 x(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=C){var o,s;const n=this.constructor._$Eh(t,i);if(void 0!==n&&!0===i.reflect){const r=(null!==(s=null===(o=i.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==s?s:S.toAttribute)(e,i.type);this._$Ei=t,null==r?this.removeAttribute(n):this.setAttribute(n,r),this._$Ei=null}}_$AK(t,e){var i,o,s;const n=this.constructor,r=n._$Eu.get(t);if(void 0!==r&&this._$Ei!==r){const t=n.getPropertyOptions(r),l=t.converter,a=null!==(s=null!==(o=null===(i=l)||void 0===i?void 0:i.fromAttribute)&&void 0!==o?o:"function"==typeof l?l:null)&&void 0!==s?s:S.fromAttribute;this._$Ei=r,this[r]=a(e,t.type),this._$Ei=null}}requestUpdate(t,e,i){let o=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||O)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Ei!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):o=!1),!this.isUpdatePending&&o&&(this._$Ep=this._$E_())}async _$E_(){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._$EC&&(this._$EC.forEach(((t,e)=>this._$ES(e,this[e],t))),this._$EC=void 0),this._$EU()}updated(t){}firstUpdated(t){}}
|
|
64
64
|
/**
|
|
65
65
|
* @license
|
|
66
66
|
* Copyright 2017 Google LLC
|
|
67
67
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
68
68
|
*/
|
|
69
|
-
var E;z.finalized=!0,z.elementProperties=new Map,z.elementStyles=[],z.shadowRootOptions={mode:"open"},null==k||k({ReactiveElement:z}),(null!==(m=globalThis.reactiveElementVersions)&&void 0!==m?m:globalThis.reactiveElementVersions=[]).push("1.
|
|
69
|
+
var E;z.finalized=!0,z.elementProperties=new Map,z.elementStyles=[],z.shadowRootOptions={mode:"open"},null==k||k({ReactiveElement:z}),(null!==(m=globalThis.reactiveElementVersions)&&void 0!==m?m:globalThis.reactiveElementVersions=[]).push("1.3.2");const B=globalThis.trustedTypes,M=B?B.createPolicy("lit-html",{createHTML:t=>t}):void 0,N=`lit$${(Math.random()+"").slice(9)}$`,F="?"+N,R=`<${F}>`,L=document,D=(t="")=>L.createComment(t),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,U=t=>{var e;return I(t)||"function"==typeof(null===(e=t)||void 0===e?void 0:e[Symbol.iterator])},T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,P=/-->/g,A=/>/g,_=/>|[ \n \r](?:([^\s"'>=/]+)([ \n \r]*=[ \n \r]*(?:[^ \n \r"'`<>=]|("|')|))|$)/g,H=/'/g,Z=/"/g,K=/^(?:script|style|textarea|title)$/i,W=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),V=Symbol.for("lit-noChange"),q=Symbol.for("lit-nothing"),J=new WeakMap,X=L.createTreeWalker(L,129,null,!1),Y=(t,e)=>{const i=t.length-1,o=[];let s,n=2===e?"<svg>":"",r=T;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(r.lastIndex=h,a=r.exec(i),null!==a);)h=r.lastIndex,r===T?"!--"===a[1]?r=P:void 0!==a[1]?r=A:void 0!==a[2]?(K.test(a[2])&&(s=RegExp("</"+a[2],"g")),r=_):void 0!==a[3]&&(r=_):r===_?">"===a[0]?(r=null!=s?s:T,c=-1):void 0===a[1]?c=-2:(c=r.lastIndex-a[2].length,l=a[1],r=void 0===a[3]?_:'"'===a[3]?Z:H):r===Z||r===H?r=_:r===P||r===A?r=T:(r=_,s=void 0);const p=r===_&&t[e+1].startsWith("/>")?" ":"";n+=r===T?i+R:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+N+p):i+N+(-2===c?(o.push(void 0),e):p)}const l=n+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==M?M.createHTML(l):l,o]};class Q{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,n=0;const r=t.length-1,l=this.parts,[a,c]=Y(t,e);if(this.el=Q.createElement(a,i),X.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=X.nextNode())&&l.length<r;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(N)){const i=c[n++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(N),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?ot:"?"===e[1]?nt:"@"===e[1]?rt:it})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(K.test(o.tagName)){const t=o.textContent.split(N),e=t.length-1;if(e>0){o.textContent=B?B.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],D()),X.nextNode(),l.push({type:2,index:++s});o.append(t[e],D())}}}else if(8===o.nodeType)if(o.data===F)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(N,t+1));)l.push({type:7,index:s}),t+=N.length-1}s++}}static createElement(t,e){const i=L.createElement("template");return i.innerHTML=t,i}}function G(t,e,i=t,o){var s,n,r,l;if(e===V)return e;let a=void 0!==o?null===(s=i._$Cl)||void 0===s?void 0:s[o]:i._$Cu;const c=j(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(n=null==a?void 0:a._$AO)||void 0===n||n.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(r=(l=i)._$Cl)&&void 0!==r?r:l._$Cl=[])[o]=a:i._$Cu=a),void 0!==a&&(e=G(t,a._$AS(t,e.values),a,o)),e}class tt{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:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:L).importNode(i,!0);X.currentNode=s;let n=X.nextNode(),r=0,l=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new et(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new lt(n,this,t)),this.v.push(e),a=o[++l]}r!==(null==a?void 0:a.index)&&(n=X.nextNode(),r++)}return s}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 et{constructor(t,e,i,o){var s;this.type=2,this._$AH=q,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cg=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}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=G(this,t,e),j(t)?t===q||null==t||""===t?(this._$AH!==q&&this._$AR(),this._$AH=q):t!==this._$AH&&t!==V&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.k(t):U(t)?this.S(t):this.$(t)}M(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==q&&j(this._$AH)?this._$AA.nextSibling.data=t:this.k(L.createTextNode(t)),this._$AH=t}T(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=Q.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.m(i);else{const t=new tt(s,this),e=t.p(this.options);t.m(i),this.k(e),this._$AH=t}}_$AC(t){let e=J.get(t.strings);return void 0===e&&J.set(t.strings,e=new Q(t)),e}S(t){I(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new et(this.M(D()),this.M(D()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$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 it{constructor(t,e,i,o,s){this.type=1,this._$AH=q,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=q}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let n=!1;if(void 0===s)t=G(this,t,e,0),n=!j(t)||t!==this._$AH&&t!==V,n&&(this._$AH=t);else{const o=t;let r,l;for(t=s[0],r=0;r<s.length-1;r++)l=G(this,o[i+r],e,r),l===V&&(l=this._$AH[r]),n||(n=!j(l)||l!==this._$AH[r]),l===q?t=q:t!==q&&(t+=(null!=l?l:"")+s[r+1]),this._$AH[r]=l}n&&!o&&this.C(t)}C(t){t===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class ot extends it{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===q?void 0:t}}const st=B?B.emptyScript:"";class nt extends it{constructor(){super(...arguments),this.type=4}C(t){t&&t!==q?this.element.setAttribute(this.name,st):this.element.removeAttribute(this.name)}}class rt extends it{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=G(this,t,e,0))&&void 0!==i?i:q)===V)return;const o=this._$AH,s=t===q&&o!==q||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,n=t!==q&&(o===q||s);s&&this.element.removeEventListener(this.name,this,o),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 lt{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){G(this,t)}}const at={L:"$lit$",P:N,V:F,I:1,N:Y,R:tt,j:U,D:G,H:et,F:it,O:nt,W:rt,B:ot,Z:lt},ct=window.litHtmlPolyfillSupport;
|
|
70
70
|
/**
|
|
71
71
|
* @license
|
|
72
72
|
* Copyright 2017 Google LLC
|
|
73
73
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
74
74
|
*/
|
|
75
|
-
var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?E:globalThis.litHtmlVersions=[]).push("2.
|
|
75
|
+
var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?E:globalThis.litHtmlVersions=[]).push("2.2.4");class dt extends z{constructor(){super(...arguments),this.renderOptions={host:this},this._$Dt=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Dt=((t,e,i)=>{var o,s;const n=null!==(o=null==i?void 0:i.renderBefore)&&void 0!==o?o:e;let r=n._$litPart$;if(void 0===r){const t=null!==(s=null==i?void 0:i.renderBefore)&&void 0!==s?s:null;n._$litPart$=r=new et(e.insertBefore(D(),t),t,void 0,null!=i?i:{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Dt)||void 0===t||t.setConnected(!1)}render(){return V}}dt.finalized=!0,dt._$litElement$=!0,null===(ht=globalThis.litElementHydrateSupport)||void 0===ht||ht.call(globalThis,{LitElement:dt});const ft=globalThis.litElementPolyfillSupport;null==ft||ft({LitElement:dt}),(null!==(pt=globalThis.litElementVersions)&&void 0!==pt?pt:globalThis.litElementVersions=[]).push("3.2.0");class ut{constructor(t,e,i,o,s){this.name=t,this.category=e,this.fallbackVariable=i,this.defaultValue=o,this.context=s,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 ut(t,e,void 0,i)}static extend(t,e,i){return new ut(t,e.category,e,i)}static external(t,e){return new ut(t.name,t.category,t.fallbackVariable,t.defaultValue,e)}get(t){return g`var(${v(this.name)}, ${this.defaultCssValue(t)})`}defaultCssValue(t){return this.fallbackVariable?this.fallbackVariable.get(null!=t?t:this.defaultValue):v(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 v(`${t.name}: ${e}`)}const vt={colorPrimary:ut.create("--ft-color-primary","COLOR","#2196F3"),colorPrimaryVariant:ut.create("--ft-color-primary-variant","COLOR","#1976D2"),colorSecondary:ut.create("--ft-color-secondary","COLOR","#FFCC80"),colorSecondaryVariant:ut.create("--ft-color-secondary-variant","COLOR","#F57C00"),colorSurface:ut.create("--ft-color-surface","COLOR","#FFFFFF"),colorContent:ut.create("--ft-color-content","COLOR","rgba(0, 0, 0, 0.87)"),colorError:ut.create("--ft-color-error","COLOR","#B00020"),colorOutline:ut.create("--ft-color-outline","COLOR","rgba(0, 0, 0, 0.14)"),colorOpacityHigh:ut.create("--ft-color-opacity-high","NUMBER","1"),colorOpacityMedium:ut.create("--ft-color-opacity-medium","NUMBER","0.74"),colorOpacityDisabled:ut.create("--ft-color-opacity-disabled","NUMBER","0.38"),colorOnPrimary:ut.create("--ft-color-on-primary","COLOR","#FFFFFF"),colorOnPrimaryHigh:ut.create("--ft-color-on-primary-high","COLOR","#FFFFFF"),colorOnPrimaryMedium:ut.create("--ft-color-on-primary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnPrimaryDisabled:ut.create("--ft-color-on-primary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSecondary:ut.create("--ft-color-on-secondary","COLOR","#FFFFFF"),colorOnSecondaryHigh:ut.create("--ft-color-on-secondary-high","COLOR","#FFFFFF"),colorOnSecondaryMedium:ut.create("--ft-color-on-secondary-medium","COLOR","rgba(255, 255, 255, 0.74)"),colorOnSecondaryDisabled:ut.create("--ft-color-on-secondary-disabled","COLOR","rgba(255, 255, 255, 0.38)"),colorOnSurface:ut.create("--ft-color-on-surface","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceHigh:ut.create("--ft-color-on-surface-high","COLOR","rgba(0, 0, 0, 0.87)"),colorOnSurfaceMedium:ut.create("--ft-color-on-surface-medium","COLOR","rgba(0, 0, 0, 0.60)"),colorOnSurfaceDisabled:ut.create("--ft-color-on-surface-disabled","COLOR","rgba(0, 0, 0, 0.38)"),opacityContentOnSurfaceDisabled:ut.create("--ft-opacity-content-on-surface-disabled","NUMBER","0"),opacityContentOnSurfaceEnable:ut.create("--ft-opacity-content-on-surface-enable","NUMBER","0"),opacityContentOnSurfaceHover:ut.create("--ft-opacity-content-on-surface-hover","NUMBER","0.04"),opacityContentOnSurfaceFocused:ut.create("--ft-opacity-content-on-surface-focused","NUMBER","0.12"),opacityContentOnSurfacePressed:ut.create("--ft-opacity-content-on-surface-pressed","NUMBER","0.10"),opacityContentOnSurfaceSelected:ut.create("--ft-opacity-content-on-surface-selected","NUMBER","0.08"),opacityContentOnSurfaceDragged:ut.create("--ft-opacity-content-on-surface-dragged","NUMBER","0.08"),opacityPrimaryOnSurfaceDisabled:ut.create("--ft-opacity-primary-on-surface-disabled","NUMBER","0"),opacityPrimaryOnSurfaceEnable:ut.create("--ft-opacity-primary-on-surface-enable","NUMBER","0"),opacityPrimaryOnSurfaceHover:ut.create("--ft-opacity-primary-on-surface-hover","NUMBER","0.04"),opacityPrimaryOnSurfaceFocused:ut.create("--ft-opacity-primary-on-surface-focused","NUMBER","0.12"),opacityPrimaryOnSurfacePressed:ut.create("--ft-opacity-primary-on-surface-pressed","NUMBER","0.10"),opacityPrimaryOnSurfaceSelected:ut.create("--ft-opacity-primary-on-surface-selected","NUMBER","0.08"),opacityPrimaryOnSurfaceDragged:ut.create("--ft-opacity-primary-on-surface-dragged","NUMBER","0.08"),opacitySurfaceOnPrimaryDisabled:ut.create("--ft-opacity-surface-on-primary-disabled","NUMBER","0"),opacitySurfaceOnPrimaryEnable:ut.create("--ft-opacity-surface-on-primary-enable","NUMBER","0"),opacitySurfaceOnPrimaryHover:ut.create("--ft-opacity-surface-on-primary-hover","NUMBER","0.04"),opacitySurfaceOnPrimaryFocused:ut.create("--ft-opacity-surface-on-primary-focused","NUMBER","0.12"),opacitySurfaceOnPrimaryPressed:ut.create("--ft-opacity-surface-on-primary-pressed","NUMBER","0.10"),opacitySurfaceOnPrimarySelected:ut.create("--ft-opacity-surface-on-primary-selected","NUMBER","0.08"),opacitySurfaceOnPrimaryDragged:ut.create("--ft-opacity-surface-on-primary-dragged","NUMBER","0.08"),elevation00:ut.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:ut.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:ut.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:ut.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:ut.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:ut.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:ut.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:ut.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:ut.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:ut.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:ut.create("--ft-border-radius-S","SIZE","4px"),borderRadiusM:ut.create("--ft-border-radius-M","SIZE","8px"),borderRadiusL:ut.create("--ft-border-radius-L","SIZE","12px"),borderRadiusXL:ut.create("--ft-border-radius-XL","SIZE","16px"),titleFont:ut.create("--ft-title-font","UNKNOWN","Ubuntu, system-ui, sans-serif"),contentFont:ut.create("--ft-content-font","UNKNOWN","'Open Sans', system-ui, sans-serif"),transitionDuration:ut.create("--ft-transition-duration","UNKNOWN","250ms"),transitionTimingFunction:ut.create("--ft-transition-timing-function","UNKNOWN","ease-in-out")};
|
|
76
76
|
/**
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2021 Google LLC
|
|
@@ -101,16 +101,16 @@ var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?
|
|
|
101
101
|
* @license
|
|
102
102
|
* Copyright 2020 Google LLC
|
|
103
103
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const{H:Et}=at,Bt=()=>document.createComment(""),
|
|
104
|
+
*/const{H:Et}=at,Bt=()=>document.createComment(""),Mt=(t,e,i)=>{var o;const s=t._$AA.parentNode,n=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=s.insertBefore(Bt(),n),o=s.insertBefore(Bt(),n);i=new Et(e,o,t,t.options)}else{const e=i._$AB.nextSibling,r=i._$AM,l=r!==t;if(l){let e;null===(o=i._$AQ)||void 0===o||o.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==r._$AU&&i._$AP(e)}if(e!==n||l){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;s.insertBefore(t,n),t=e}}}return i},Nt=(t,e,i=t)=>(t._$AI(e,i),t),Ft={},Rt=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const o=t._$AB.nextSibling;for(;i!==o;){const t=i.nextSibling;i.remove(),i=t}},Lt=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},Dt=Ct(class extends zt{constructor(t){if(super(t),t.type!==Ot)throw Error("repeat() can only be used in text expressions")}dt(t,e,i){let o;void 0===i?i=e:void 0!==e&&(o=e);const s=[],n=[];let r=0;for(const e of t)s[r]=o?o(e,r):r,n[r]=i(e,r),r++;return{values:n,keys:s}}render(t,e,i){return this.dt(t,e,i).values}update(t,[e,i,o]){var s;const n=(t=>t._$AH)(t),{values:r,keys:l}=this.dt(e,i,o);if(!Array.isArray(n))return this.ut=l,r;const a=null!==(s=this.ut)&&void 0!==s?s:this.ut=[],c=[];let h,p,d=0,f=n.length-1,u=0,b=r.length-1;for(;d<=f&&u<=b;)if(null===n[d])d++;else if(null===n[f])f--;else if(a[d]===l[u])c[u]=Nt(n[d],r[u]),d++,u++;else if(a[f]===l[b])c[b]=Nt(n[f],r[b]),f--,b--;else if(a[d]===l[b])c[b]=Nt(n[d],r[b]),Mt(t,c[b+1],n[d]),d++,b--;else if(a[f]===l[u])c[u]=Nt(n[f],r[u]),Mt(t,n[d],n[f]),f--,u++;else if(void 0===h&&(h=Lt(l,u,b),p=Lt(a,d,f)),h.has(a[d]))if(h.has(a[f])){const e=p.get(l[u]),i=void 0!==e?n[e]:null;if(null===i){const e=Mt(t,n[d]);Nt(e,r[u]),c[u]=e}else c[u]=Nt(i,r[u]),Mt(t,n[d],i),n[e]=null;u++}else Rt(n[f]),f--;else Rt(n[d]),d++;for(;u<=b;){const e=Mt(t,c[b+1]);Nt(e,r[u]),c[u++]=e}for(;d<=f;){const t=n[d++];null!==t&&Rt(t)}return this.ut=l,((t,e=Ft)=>{t._$AH=e})(t,c),V}}),jt=Ct(class extends zt{constructor(t){var e;if(super(t),t.type!==St||"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,o;if(void 0===this.et){this.et=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.et.add(t);return this.render(e)}const s=t.element.classList;this.et.forEach((t=>{t in e||(s.remove(t),this.et.delete(t))}));for(const t in e){const i=!!e[t];i===this.et.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(s.add(t),this.et.add(t)):(s.remove(t),this.et.delete(t)))}return V}});
|
|
105
105
|
/**
|
|
106
106
|
* @license
|
|
107
107
|
* Copyright 2017 Google LLC
|
|
108
108
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
109
|
-
*/var It,Ut=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(It||(It={}));class Tt extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class
|
|
109
|
+
*/var It,Ut=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.S="S",t.M="M",t.L="L",t.XL="XL",t.XXL="XXL"}(It||(It={}));class Tt extends CustomEvent{constructor(t,e){super("change",{detail:{size:t,category:e}})}}class Pt extends gt{constructor(){super(...arguments),this.debounceTimeout=100,this.local=!1,this.size=0,this.category=It.S,this.resizeObserver=new ResizeObserver((()=>this.updateSize())),this.debouncer=new e}render(){return W`
|
|
110
110
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
111
111
|
<div class="ft-size-watcher--watcher"></div>
|
|
112
112
|
</div>
|
|
113
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=It.S:this.size<976?this.category=It.M:this.size<1024?this.category=It.L:this.size<1440?this.category=It.XL:this.category=It.XXL,this.dispatchEvent(new Tt(this.size,this.category)))}),this.debounceTimeout)}}
|
|
113
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=It.S:this.size<976?this.category=It.M:this.size<1024?this.category=It.L:this.size<1440?this.category=It.XL:this.category=It.XXL,this.dispatchEvent(new Tt(this.size,this.category)))}),this.debounceTimeout)}}Pt.elementDefinitions={},Pt.styles=g`
|
|
114
114
|
.ft-size-watcher--pixel {
|
|
115
115
|
width: 0;
|
|
116
116
|
height: 0;
|
|
@@ -129,69 +129,51 @@ var ht,pt;null==ct||ct(Q,et),(null!==(E=globalThis.litHtmlVersions)&&void 0!==E?
|
|
|
129
129
|
.ft-size-watcher--local .ft-size-watcher--watcher {
|
|
130
130
|
width: 100%;
|
|
131
131
|
}
|
|
132
|
-
`,Ut([o({type:Number})],
|
|
132
|
+
`,Ut([o({type:Number})],Pt.prototype,"debounceTimeout",void 0),Ut([o({type:Boolean})],Pt.prototype,"local",void 0),Ut([o({type:Number,reflect:!0})],Pt.prototype,"size",void 0),Ut([o({type:String,reflect:!0})],Pt.prototype,"category",void 0),Ut([r(".ft-size-watcher--watcher")],Pt.prototype,"watcher",void 0),h("ft-size-watcher")(Pt);
|
|
133
133
|
/**
|
|
134
134
|
* @license
|
|
135
135
|
* Copyright 2020 Google LLC
|
|
136
136
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
137
137
|
*/
|
|
138
|
-
const
|
|
138
|
+
const At=Symbol.for(""),_t=t=>{var e,i;if((null===(e=t)||void 0===e?void 0:e.r)===At)return null===(i=t)||void 0===i?void 0:i._$litStatic$},Ht=t=>({_$litStatic$:t,r:At}),Zt=new Map,Kt=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(n=i[c],s=_t(n));)a+=s+e[++c],h=!0;l.push(n),r.push(a),c++}if(c===o&&r.push(e[o]),h){const t=r.join("$$lit$$");void 0===(e=Zt.get(t))&&(r.raw=r,Zt.set(t,e=r)),i=l}return t(e,...i)})(W);var Wt,Vt=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!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"}(Wt||(Wt={}));const qt=ut.extend("--ft-typography-font-family",vt.titleFont),Jt=ut.extend("--ft-typography-font-family",vt.contentFont),Xt={fontFamily:Jt,fontSize:ut.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ut.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ut.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ut.create("--ft-typography-line-height","SIZE","24px"),textTransform:ut.create("--ft-typography-text-transform","UNKNOWN","inherit")},Yt=ut.extend("--ft-typography-title-font-family",qt),Qt=ut.extend("--ft-typography-title-font-size",Xt.fontSize,"20px"),Gt=ut.extend("--ft-typography-title-font-weight",Xt.fontWeight,"normal"),te=ut.extend("--ft-typography-title-letter-spacing",Xt.letterSpacing,"0.15px"),ee=ut.extend("--ft-typography-title-line-height",Xt.lineHeight,"24px"),ie=ut.extend("--ft-typography-title-text-transform",Xt.textTransform,"inherit"),oe=ut.extend("--ft-typography-title-dense-font-family",qt),se=ut.extend("--ft-typography-title-dense-font-size",Xt.fontSize,"14px"),ne=ut.extend("--ft-typography-title-dense-font-weight",Xt.fontWeight,"normal"),re=ut.extend("--ft-typography-title-dense-letter-spacing",Xt.letterSpacing,"0.105px"),le=ut.extend("--ft-typography-title-dense-line-height",Xt.lineHeight,"24px"),ae=ut.extend("--ft-typography-title-dense-text-transform",Xt.textTransform,"inherit"),ce=ut.extend("--ft-typography-subtitle1-font-family",Jt),he=ut.extend("--ft-typography-subtitle1-font-size",Xt.fontSize,"16px"),pe=ut.extend("--ft-typography-subtitle1-font-weight",Xt.fontWeight,"600"),de=ut.extend("--ft-typography-subtitle1-letter-spacing",Xt.letterSpacing,"0.144px"),fe=ut.extend("--ft-typography-subtitle1-line-height",Xt.lineHeight,"24px"),ue=ut.extend("--ft-typography-subtitle1-text-transform",Xt.textTransform,"inherit"),be=ut.extend("--ft-typography-subtitle2-font-family",Jt),ve=ut.extend("--ft-typography-subtitle2-font-size",Xt.fontSize,"14px"),ge=ut.extend("--ft-typography-subtitle2-font-weight",Xt.fontWeight,"normal"),xe=ut.extend("--ft-typography-subtitle2-letter-spacing",Xt.letterSpacing,"0.098px"),ye=ut.extend("--ft-typography-subtitle2-line-height",Xt.lineHeight,"24px"),me=ut.extend("--ft-typography-subtitle2-text-transform",Xt.textTransform,"inherit"),$e={fontFamily:ut.extend("--ft-typography-body1-font-family",Jt),fontSize:ut.extend("--ft-typography-body1-font-size",Xt.fontSize,"16px"),fontWeight:ut.extend("--ft-typography-body1-font-weight",Xt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-body1-letter-spacing",Xt.letterSpacing,"0.496px"),lineHeight:ut.extend("--ft-typography-body1-line-height",Xt.lineHeight,"24px"),textTransform:ut.extend("--ft-typography-body1-text-transform",Xt.textTransform,"inherit")},we={fontFamily:ut.extend("--ft-typography-body2-font-family",Jt),fontSize:ut.extend("--ft-typography-body2-font-size",Xt.fontSize,"14px"),fontWeight:ut.extend("--ft-typography-body2-font-weight",Xt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-body2-letter-spacing",Xt.letterSpacing,"0.252px"),lineHeight:ut.extend("--ft-typography-body2-line-height",Xt.lineHeight,"20px"),textTransform:ut.extend("--ft-typography-body2-text-transform",Xt.textTransform,"inherit")},ke={fontFamily:ut.extend("--ft-typography-caption-font-family",Jt),fontSize:ut.extend("--ft-typography-caption-font-size",Xt.fontSize,"12px"),fontWeight:ut.extend("--ft-typography-caption-font-weight",Xt.fontWeight,"normal"),letterSpacing:ut.extend("--ft-typography-caption-letter-spacing",Xt.letterSpacing,"0.396px"),lineHeight:ut.extend("--ft-typography-caption-line-height",Xt.lineHeight,"16px"),textTransform:ut.extend("--ft-typography-caption-text-transform",Xt.textTransform,"inherit")},Se=ut.extend("--ft-typography-breadcrumb-font-family",Jt),Oe=ut.extend("--ft-typography-breadcrumb-font-size",Xt.fontSize,"10px"),Ce=ut.extend("--ft-typography-breadcrumb-font-weight",Xt.fontWeight,"normal"),ze=ut.extend("--ft-typography-breadcrumb-letter-spacing",Xt.letterSpacing,"0.33px"),Ee=ut.extend("--ft-typography-breadcrumb-line-height",Xt.lineHeight,"16px"),Be=ut.extend("--ft-typography-breadcrumb-text-transform",Xt.textTransform,"inherit"),Me=ut.extend("--ft-typography-overline-font-family",Jt),Ne=ut.extend("--ft-typography-overline-font-size",Xt.fontSize,"10px"),Fe=ut.extend("--ft-typography-overline-font-weight",Xt.fontWeight,"normal"),Re=ut.extend("--ft-typography-overline-letter-spacing",Xt.letterSpacing,"1.5px"),Le=ut.extend("--ft-typography-overline-line-height",Xt.lineHeight,"16px"),De=ut.extend("--ft-typography-overline-text-transform",Xt.textTransform,"uppercase"),je={fontFamily:ut.extend("--ft-typography-button-font-family",Jt),fontSize:ut.extend("--ft-typography-button-font-size",Xt.fontSize,"14px"),fontWeight:ut.extend("--ft-typography-button-font-weight",Xt.fontWeight,"600"),letterSpacing:ut.extend("--ft-typography-button-letter-spacing",Xt.letterSpacing,"1.246px"),lineHeight:ut.extend("--ft-typography-button-line-height",Xt.lineHeight,"16px"),textTransform:ut.extend("--ft-typography-button-text-transform",Xt.textTransform,"uppercase")},Ie=g`
|
|
139
139
|
.ft-typography--title {
|
|
140
|
-
font-family: ${
|
|
141
|
-
font-size: ${
|
|
142
|
-
font-weight: ${
|
|
143
|
-
letter-spacing: ${
|
|
144
|
-
line-height: ${
|
|
145
|
-
text-transform: ${
|
|
146
|
-
}
|
|
147
|
-
`,
|
|
140
|
+
font-family: ${Yt};
|
|
141
|
+
font-size: ${Qt};
|
|
142
|
+
font-weight: ${Gt};
|
|
143
|
+
letter-spacing: ${te};
|
|
144
|
+
line-height: ${ee};
|
|
145
|
+
text-transform: ${ie};
|
|
146
|
+
}
|
|
147
|
+
`,Ue=g`
|
|
148
148
|
.ft-typography--title-dense {
|
|
149
|
-
font-family: ${
|
|
150
|
-
font-size: ${
|
|
151
|
-
font-weight: ${
|
|
152
|
-
letter-spacing: ${
|
|
153
|
-
line-height: ${
|
|
154
|
-
text-transform: ${
|
|
155
|
-
}
|
|
156
|
-
`,
|
|
149
|
+
font-family: ${oe};
|
|
150
|
+
font-size: ${se};
|
|
151
|
+
font-weight: ${ne};
|
|
152
|
+
letter-spacing: ${re};
|
|
153
|
+
line-height: ${le};
|
|
154
|
+
text-transform: ${ae};
|
|
155
|
+
}
|
|
156
|
+
`,Te=g`
|
|
157
157
|
.ft-typography--subtitle1 {
|
|
158
|
-
font-family: ${
|
|
159
|
-
font-size: ${
|
|
160
|
-
font-weight: ${
|
|
161
|
-
letter-spacing: ${
|
|
162
|
-
line-height: ${
|
|
163
|
-
text-transform: ${
|
|
158
|
+
font-family: ${ce};
|
|
159
|
+
font-size: ${he};
|
|
160
|
+
font-weight: ${pe};
|
|
161
|
+
letter-spacing: ${de};
|
|
162
|
+
line-height: ${fe};
|
|
163
|
+
text-transform: ${ue};
|
|
164
164
|
}
|
|
165
|
-
`,
|
|
165
|
+
`,Pe=g`
|
|
166
166
|
.ft-typography--subtitle2 {
|
|
167
|
-
font-family: ${
|
|
168
|
-
font-size: ${
|
|
169
|
-
font-weight: ${
|
|
170
|
-
letter-spacing: ${
|
|
171
|
-
line-height: ${
|
|
172
|
-
text-transform: ${
|
|
167
|
+
font-family: ${be};
|
|
168
|
+
font-size: ${ve};
|
|
169
|
+
font-weight: ${ge};
|
|
170
|
+
letter-spacing: ${xe};
|
|
171
|
+
line-height: ${ye};
|
|
172
|
+
text-transform: ${me};
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
`,Te=g`
|
|
176
|
-
.ft-typography--body1 {
|
|
177
|
-
font-family: ${ye.fontFamily};
|
|
178
|
-
font-size: ${ye.fontSize};
|
|
179
|
-
font-weight: ${ye.fontWeight};
|
|
180
|
-
letter-spacing: ${ye.letterSpacing};
|
|
181
|
-
line-height: ${ye.lineHeight};
|
|
182
|
-
text-transform: ${ye.textTransform};
|
|
183
|
-
}
|
|
184
175
|
`,Ae=g`
|
|
185
|
-
.ft-typography--
|
|
186
|
-
font-family: ${me.fontFamily};
|
|
187
|
-
font-size: ${me.fontSize};
|
|
188
|
-
font-weight: ${me.fontWeight};
|
|
189
|
-
letter-spacing: ${me.letterSpacing};
|
|
190
|
-
line-height: ${me.lineHeight};
|
|
191
|
-
text-transform: ${me.textTransform};
|
|
192
|
-
}
|
|
193
|
-
`,Pe=g`
|
|
194
|
-
.ft-typography--caption {
|
|
176
|
+
.ft-typography--body1 {
|
|
195
177
|
font-family: ${$e.fontFamily};
|
|
196
178
|
font-size: ${$e.fontSize};
|
|
197
179
|
font-weight: ${$e.fontWeight};
|
|
@@ -200,44 +182,62 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
200
182
|
text-transform: ${$e.textTransform};
|
|
201
183
|
}
|
|
202
184
|
`,_e=g`
|
|
203
|
-
.ft-typography--
|
|
204
|
-
font-family: ${we};
|
|
205
|
-
font-size: ${
|
|
206
|
-
font-weight: ${
|
|
207
|
-
letter-spacing: ${
|
|
208
|
-
line-height: ${
|
|
209
|
-
text-transform: ${
|
|
185
|
+
.ft-typography--body2 {
|
|
186
|
+
font-family: ${we.fontFamily};
|
|
187
|
+
font-size: ${we.fontSize};
|
|
188
|
+
font-weight: ${we.fontWeight};
|
|
189
|
+
letter-spacing: ${we.letterSpacing};
|
|
190
|
+
line-height: ${we.lineHeight};
|
|
191
|
+
text-transform: ${we.textTransform};
|
|
210
192
|
}
|
|
211
193
|
`,He=g`
|
|
212
|
-
.ft-typography--
|
|
213
|
-
font-family: ${
|
|
214
|
-
font-size: ${
|
|
215
|
-
font-weight: ${
|
|
216
|
-
letter-spacing: ${
|
|
217
|
-
line-height: ${
|
|
218
|
-
text-transform: ${
|
|
194
|
+
.ft-typography--caption {
|
|
195
|
+
font-family: ${ke.fontFamily};
|
|
196
|
+
font-size: ${ke.fontSize};
|
|
197
|
+
font-weight: ${ke.fontWeight};
|
|
198
|
+
letter-spacing: ${ke.letterSpacing};
|
|
199
|
+
line-height: ${ke.lineHeight};
|
|
200
|
+
text-transform: ${ke.textTransform};
|
|
219
201
|
}
|
|
220
202
|
`,Ze=g`
|
|
203
|
+
.ft-typography--breadcrumb {
|
|
204
|
+
font-family: ${Se};
|
|
205
|
+
font-size: ${Oe};
|
|
206
|
+
font-weight: ${Ce};
|
|
207
|
+
letter-spacing: ${ze};
|
|
208
|
+
line-height: ${Ee};
|
|
209
|
+
text-transform: ${Be};
|
|
210
|
+
}
|
|
211
|
+
`,Ke=g`
|
|
212
|
+
.ft-typography--overline {
|
|
213
|
+
font-family: ${Me};
|
|
214
|
+
font-size: ${Ne};
|
|
215
|
+
font-weight: ${Fe};
|
|
216
|
+
letter-spacing: ${Re};
|
|
217
|
+
line-height: ${Le};
|
|
218
|
+
text-transform: ${De};
|
|
219
|
+
}
|
|
220
|
+
`,We=g`
|
|
221
221
|
.ft-typography--button {
|
|
222
|
-
font-family: ${
|
|
223
|
-
font-size: ${
|
|
224
|
-
font-weight: ${
|
|
225
|
-
letter-spacing: ${
|
|
226
|
-
line-height: ${
|
|
227
|
-
text-transform: ${
|
|
228
|
-
}
|
|
229
|
-
`;class
|
|
230
|
-
<${
|
|
222
|
+
font-family: ${je.fontFamily};
|
|
223
|
+
font-size: ${je.fontSize};
|
|
224
|
+
font-weight: ${je.fontWeight};
|
|
225
|
+
letter-spacing: ${je.letterSpacing};
|
|
226
|
+
line-height: ${je.lineHeight};
|
|
227
|
+
text-transform: ${je.textTransform};
|
|
228
|
+
}
|
|
229
|
+
`;class Ve extends gt{constructor(){super(...arguments),this.variant=Wt.body1}render(){return this.element?Kt`
|
|
230
|
+
<${Ht(this.element)}
|
|
231
231
|
class="ft-typography ft-typography--${this.variant}">
|
|
232
232
|
<slot></slot>
|
|
233
|
-
</${
|
|
234
|
-
`:
|
|
233
|
+
</${Ht(this.element)}>
|
|
234
|
+
`:Kt`
|
|
235
235
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
236
|
-
`}}function
|
|
236
|
+
`}}function qe(t,e){return t.flatMap((t=>[t,...qe(e(t),e)]))}function Je(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function Xe(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>Xe(e,t.selected))),value:t.value}}function Ye(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>Xe(t,!1)))}}Ve.styles=[Ie,Ue,Te,Pe,Ae,_e,He,Ze,Ke,We,g`
|
|
237
237
|
.ft-typography {
|
|
238
238
|
vertical-align: inherit;
|
|
239
239
|
}
|
|
240
|
-
`],
|
|
240
|
+
`],Vt([o()],Ve.prototype,"element",void 0),Vt([o()],Ve.prototype,"variant",void 0),h("ft-typography")(Ve);var Qe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Ge=ut.extend("--ft-ripple-color",vt.colorContent),ti={color:Ge,backgroundColor:ut.extend("--ft-ripple-background-color",Ge),opacityContentOnSurfacePressed:ut.external(vt.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:ut.external(vt.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:ut.external(vt.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:ut.external(vt.opacityContentOnSurfaceSelected,"Design system")},ei=ut.extend("--ft-ripple-color",vt.colorPrimary),ii=ei,oi=ut.extend("--ft-ripple-background-color",ei),si=ut.extend("--ft-ripple-color",vt.colorSecondary),ni=si,ri=ut.extend("--ft-ripple-background-color",si);class li extends gt{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.unbounded=!1,this.activated=!1,this.selected=!1,this.disabled=!1,this.hovered=!1,this.focused=!1,this.pressed=!1,this.rippling=!1,this.rippleSize=0,this.originX=0,this.originY=0,this.resizeObserver=new ResizeObserver((()=>this.setRippleSize())),this.debouncer=new e(1e3),this.onTransitionStart=t=>{"transform"===t.propertyName&&(this.rippling=this.pressed,this.debouncer.run((()=>this.rippling=!1)))},this.onTransitionEnd=t=>{"transform"===t.propertyName&&(this.rippling=!1)},this.moveRipple=t=>{var e,i;let{x:o,y:s}=this.getCoordinates(t),n=null!==(i=null===(e=this.ripple)||void 0===e?void 0:e.getBoundingClientRect())&&void 0!==i?i:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=o?o-n.x:n.width/2),this.originY=Math.round(null!=s?s-n.y:n.height/2)},this.startPress=t=>{this.moveRipple(t),this.pressed=!this.isIgnored(t)},this.endPress=()=>{this.pressed=!1},this.startHover=t=>{this.hovered=!this.isIgnored(t)},this.endHover=()=>{this.hovered=!1},this.startFocus=t=>{this.focused=!this.isIgnored(t)},this.endFocus=()=>{this.focused=!1}}render(){let t={"ft-ripple":!0,"ft-ripple--primary":this.primary,"ft-ripple--secondary":this.secondary,"ft-ripple--unbounded":this.unbounded,"ft-ripple--selected":(this.selected||this.activated)&&!this.disabled,"ft-ripple--pressed":(this.pressed||this.rippling)&&!this.disabled,"ft-ripple--hovered":this.hovered&&!this.disabled,"ft-ripple--focused":this.focused&&!this.disabled};return W`
|
|
241
241
|
<style>
|
|
242
242
|
.ft-ripple .ft-ripple--effect,
|
|
243
243
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -254,7 +254,7 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
254
254
|
<div class="ft-ripple--background"></div>
|
|
255
255
|
<div class="ft-ripple--effect"></div>
|
|
256
256
|
</div>
|
|
257
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){super.updated(t),t.has("disabled")&&this.disabled
|
|
257
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.ripple&&this.resizeObserver.observe(this.ripple),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}updated(t){var e,i;super.updated(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(e=this.target)||void 0===e||e.removeAttribute("data-is-ft-ripple-target")):null===(i=this.target)||void 0===i||i.setAttribute("data-is-ft-ripple-target","true")),t.has("unbounded")&&this.setRippleSize()}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}setRippleSize(){if(this.ripple){const t=this.ripple.getBoundingClientRect();this.rippleSize=(this.unbounded?1:1.7)*Math.max(t.width,t.height)}}connectedCallback(){var t;super.connectedCallback();const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(e),this.setRippleSize()}setupFor(t){if(this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const e=(...t)=>e=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(e)},i=e("mouseup","contextmenu"),o=e("touchend","touchcancel"),s=t=>{["Enter"," "].includes(t.key)&&e("keyup")(t)};t.addEventListener("mouseover",this.startHover),t.addEventListener("mousemove",this.moveRipple),t.addEventListener("mouseleave",this.endHover),t.addEventListener("mousedown",i),t.addEventListener("touchstart",o),t.addEventListener("touchmove",this.moveRipple),t.addEventListener("keydown",s),t.addEventListener("focus",this.startFocus),t.addEventListener("blur",this.endFocus),t.addEventListener("focusin",this.startFocus),t.addEventListener("focusout",this.endFocus),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover),t.removeEventListener("mousemove",this.moveRipple),t.removeEventListener("mouseleave",this.endHover),t.removeEventListener("mousedown",i),t.removeEventListener("touchstart",o),t.removeEventListener("touchmove",this.moveRipple),t.removeEventListener("keydown",s),t.removeEventListener("focus",this.startFocus),t.removeEventListener("blur",this.endFocus),t.removeEventListener("focusin",this.startFocus),t.removeEventListener("focusout",this.endFocus),this.onDisconnect=void 0}}getCoordinates(t){const e=t,i=t;let o,s;return null!=e.x?({x:o,y:s}=e):null!=i.touches&&(o=i.touches[0].clientX,s=i.touches[0].clientY),{x:o,y:s}}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let e of t.composedPath()){if(e===this.target)break;if("hasAttribute"in e&&e.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.resizeObserver.disconnect(),this.endRipple()}}li.elementDefinitions={},li.styles=g`
|
|
258
258
|
:host {
|
|
259
259
|
display: contents;
|
|
260
260
|
}
|
|
@@ -273,17 +273,30 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
273
273
|
.ft-ripple .ft-ripple--effect {
|
|
274
274
|
position: absolute;
|
|
275
275
|
opacity: 0;
|
|
276
|
-
background-color: ${Ye.color};
|
|
277
276
|
}
|
|
278
277
|
|
|
279
|
-
.ft-ripple
|
|
278
|
+
.ft-ripple .ft-ripple--background {
|
|
279
|
+
background-color: ${ti.backgroundColor};
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.ft-ripple .ft-ripple--effect {
|
|
283
|
+
background-color: ${ti.color};
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
287
|
+
background-color: ${ri};
|
|
288
|
+
}
|
|
289
|
+
|
|
280
290
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
281
|
-
background-color: ${
|
|
291
|
+
background-color: ${ni};
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
295
|
+
background-color: ${oi};
|
|
282
296
|
}
|
|
283
297
|
|
|
284
|
-
.ft-ripple.ft-ripple--primary .ft-ripple--background,
|
|
285
298
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
286
|
-
background-color: ${
|
|
299
|
+
background-color: ${ii};
|
|
287
300
|
}
|
|
288
301
|
|
|
289
302
|
.ft-ripple .ft-ripple--background {
|
|
@@ -291,6 +304,7 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
291
304
|
left: 0;
|
|
292
305
|
height: 100%;
|
|
293
306
|
width: 100%;
|
|
307
|
+
transition: opacity 75ms linear;
|
|
294
308
|
}
|
|
295
309
|
|
|
296
310
|
.ft-ripple .ft-ripple--effect,
|
|
@@ -314,22 +328,22 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
314
328
|
}
|
|
315
329
|
|
|
316
330
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
317
|
-
opacity: ${
|
|
331
|
+
opacity: ${ti.opacityContentOnSurfaceHover};
|
|
318
332
|
}
|
|
319
333
|
|
|
320
334
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
321
|
-
opacity: ${
|
|
335
|
+
opacity: ${ti.opacityContentOnSurfaceSelected};
|
|
322
336
|
}
|
|
323
337
|
|
|
324
338
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
325
|
-
opacity: ${
|
|
339
|
+
opacity: ${ti.opacityContentOnSurfaceFocused};
|
|
326
340
|
}
|
|
327
341
|
|
|
328
342
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
329
|
-
opacity: ${
|
|
343
|
+
opacity: ${ti.opacityContentOnSurfacePressed};
|
|
330
344
|
transform: translate(-50%, -50%) scale(1);
|
|
331
345
|
}
|
|
332
|
-
`,
|
|
346
|
+
`,Qe([o({type:Boolean})],li.prototype,"primary",void 0),Qe([o({type:Boolean})],li.prototype,"secondary",void 0),Qe([o({type:Boolean})],li.prototype,"unbounded",void 0),Qe([o({type:Boolean})],li.prototype,"activated",void 0),Qe([o({type:Boolean})],li.prototype,"selected",void 0),Qe([o({type:Boolean})],li.prototype,"disabled",void 0),Qe([s()],li.prototype,"hovered",void 0),Qe([s()],li.prototype,"focused",void 0),Qe([s()],li.prototype,"pressed",void 0),Qe([s()],li.prototype,"rippling",void 0),Qe([s()],li.prototype,"rippleSize",void 0),Qe([s()],li.prototype,"originX",void 0),Qe([s()],li.prototype,"originY",void 0),Qe([r(".ft-ripple")],li.prototype,"ripple",void 0),Qe([r(".ft-ripple--effect")],li.prototype,"rippleEffect",void 0),h("ft-ripple")(li);var ai=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const ci=ut.create("--ft-tooltip-distance","SIZE","4px"),hi=ut.create("--ft-tooltip-color","COLOR","#FFFFFF"),pi=ut.create("--ft-tooltip-background-color","COLOR","#666666"),di=ut.create("--ft-tooltip-z-index","NUMBER","1"),fi=ut.external(vt.borderRadiusS,"Design system");class ui extends gt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new e,this.revealDebouncer=new e}render(){return W`
|
|
333
347
|
<div part="container"
|
|
334
348
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
335
349
|
@mouseenter=${this.onHover}
|
|
@@ -344,7 +358,7 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
344
358
|
</div>
|
|
345
359
|
<slot></slot>
|
|
346
360
|
</div>
|
|
347
|
-
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,s=this.tooltip.style;switch(this.position){case"top":s.top=-this.tooltip.clientHeight+"px",s.left=o+"px";break;case"bottom":s.top=e.height+"px",s.left=o+"px";break;case"left":s.top=i+"px",s.left=-this.tooltip.clientWidth+"px";break;case"right":s.top=i+"px",s.left=e.width+"px"}s.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}
|
|
361
|
+
`}update(t){t.has("visible")&&!this.visible&&this.resetTooltipContent(),super.update(t)}contentAvailableCallback(t){t.has("visible")&&this.visible&&this.positionTooltip()}show(t){this.visible=!0,null!=t&&this.hideDebounce.run((()=>this.hide()),t)}hide(){this.visible=!1}toggle(){this.visible=!this.visible}get slottedElement(){var t;return(null!==(t=this.slotNodes)&&void 0!==t?t:[]).filter((t=>t.nodeType==Node.ELEMENT_NODE))[0]}resetTooltipContent(){if(this.tooltip&&this.tooltipContent){const t=this.tooltipContent.style;switch(t.transition="none",this.position){case"top":t.top=this.tooltip.clientHeight+"px",t.left="0";break;case"bottom":t.top=-this.tooltip.clientHeight+"px",t.left="0";break;case"left":t.top="0",t.left=this.tooltip.clientWidth+"px";break;case"right":t.top="0",t.left=-this.tooltip.clientWidth+"px"}}}positionTooltip(){this.resetTooltipContent();const t=this.slottedElement;if(this.tooltip&&t){const e=t.getBoundingClientRect(),i=(e.height-this.tooltip.clientHeight)/2,o=(e.width-this.tooltip.clientWidth)/2,s=this.tooltip.style;switch(this.position){case"top":s.top=-this.tooltip.clientHeight+"px",s.left=o+"px";break;case"bottom":s.top=e.height+"px",s.left=o+"px";break;case"left":s.top=i+"px",s.left=-this.tooltip.clientWidth+"px";break;case"right":s.top=i+"px",s.left=e.width+"px"}s.maxWidth=Math.max(e.width,150)+"px"}this.revealDebouncer.run((()=>{this.tooltipContent&&(this.tooltipContent.style.transition="top var(--ft-transition-duration, 250ms), left var(--ft-transition-duration, 250ms)",this.tooltipContent.style.top="0",this.tooltipContent.style.left="0")}),this.manual?0:this.delay)}onTouch(){this.manual||(this.show(),setTimeout((()=>window.addEventListener("touchstart",(t=>{t.composedPath().includes(this.container)||this.onOut()}),{once:!0})),100))}onHover(){this.manual||this.show()}onOut(){this.manual||(this.revealDebouncer.cancel(),this.hide())}}ui.elementDefinitions={"ft-typography":Ve},ui.styles=g`
|
|
348
362
|
.ft-tooltip--container {
|
|
349
363
|
display: block;
|
|
350
364
|
position: relative;
|
|
@@ -362,21 +376,21 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
362
376
|
width: max-content;
|
|
363
377
|
max-width: 150px;
|
|
364
378
|
text-align: center;
|
|
365
|
-
padding: ${
|
|
366
|
-
z-index: ${
|
|
379
|
+
padding: ${ci};
|
|
380
|
+
z-index: ${di};
|
|
367
381
|
}
|
|
368
382
|
|
|
369
383
|
.ft-tooltip--content {
|
|
370
384
|
padding: 4px 8px;
|
|
371
|
-
border-radius: ${
|
|
372
|
-
background-color: ${
|
|
373
|
-
color: ${
|
|
385
|
+
border-radius: ${fi};
|
|
386
|
+
background-color: ${pi};
|
|
387
|
+
color: ${hi};
|
|
374
388
|
top: -500px;
|
|
375
389
|
left: -500px;
|
|
376
390
|
position: relative;
|
|
377
391
|
word-break: break-word;
|
|
378
392
|
}
|
|
379
|
-
`,
|
|
393
|
+
`,ai([o()],ui.prototype,"text",void 0),ai([o({type:Boolean})],ui.prototype,"manual",void 0),ai([o({type:Boolean})],ui.prototype,"inline",void 0),ai([o({type:Number})],ui.prototype,"delay",void 0),ai([o()],ui.prototype,"position",void 0),ai([function(t,e,i){let o,s=t;return"object"==typeof t?(s=t.slot,o=t):o={flatten:e},i?c({slot:s,flatten:e,selector:i}):n({descriptor:t=>({get(){var t,e;const i="slot"+(s?`[name=${s}]`:":not([name])"),n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==n?void 0:n.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],ui.prototype,"slotNodes",void 0),ai([r(".ft-tooltip--container")],ui.prototype,"container",void 0),ai([r("slot")],ui.prototype,"target",void 0),ai([r(".ft-tooltip")],ui.prototype,"tooltip",void 0),ai([r(".ft-tooltip--content")],ui.prototype,"tooltipContent",void 0),ai([s()],ui.prototype,"visible",void 0),h("ft-tooltip")(ui);const bi={color:ut.extend("--ft-loader-color",vt.colorPrimary),size:ut.create("--ft-loader-size","SIZE","80px")};class vi extends gt{static get styles(){return g`
|
|
380
394
|
:host {
|
|
381
395
|
line-height: 0;
|
|
382
396
|
}
|
|
@@ -385,8 +399,8 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
385
399
|
display: inline-block;
|
|
386
400
|
position: relative;
|
|
387
401
|
|
|
388
|
-
width: ${
|
|
389
|
-
height: ${
|
|
402
|
+
width: ${bi.size};
|
|
403
|
+
height: ${bi.size};
|
|
390
404
|
}
|
|
391
405
|
|
|
392
406
|
.ft-loader div {
|
|
@@ -395,7 +409,7 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
395
409
|
width: 25%;
|
|
396
410
|
height: 25%;
|
|
397
411
|
border-radius: 50%;
|
|
398
|
-
background: ${
|
|
412
|
+
background: ${bi.color};
|
|
399
413
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
400
414
|
}
|
|
401
415
|
|
|
@@ -442,7 +456,7 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
442
456
|
transform: translate(0, 0);
|
|
443
457
|
}
|
|
444
458
|
100% {
|
|
445
|
-
transform: translate(calc(0.35 * ${
|
|
459
|
+
transform: translate(calc(0.35 * ${bi.size}), 0);
|
|
446
460
|
}
|
|
447
461
|
}
|
|
448
462
|
`}render(){return W`
|
|
@@ -452,27 +466,27 @@ const Pt=t=>({_$litStatic$:t}),_t=new Map,Ht=(t=>(e,...i)=>{var o;const s=i.leng
|
|
|
452
466
|
<div></div>
|
|
453
467
|
<div></div>
|
|
454
468
|
</div>
|
|
455
|
-
`}}h("ft-loader")(
|
|
469
|
+
`}}h("ft-loader")(vi);
|
|
456
470
|
/**
|
|
457
471
|
* @license
|
|
458
472
|
* Copyright 2017 Google LLC
|
|
459
473
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
460
474
|
*/
|
|
461
|
-
class
|
|
475
|
+
class gi extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===q||null==t)return this.ft=void 0,this.it=t;if(t===V)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;const e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}}gi.directiveName="unsafeHTML",gi.resultType=1;const xi=Ct(gi);var yi,mi;!function(t){t.THIN_ARROW_LEFT="",t.THIN_ARROW_RIGHT="",t.MY_COLLECTIONS="",t.OFFLINE_SETTINGS="",t.MY_LIBRARY="",t.RATE_PLAIN="",t.RATE="",t.FEEDBACK_PLAIN="",t.STAR_PLAIN="",t.STAR="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_DOWN="",t.THUMBS_UP_PLAIN="",t.THUMBS_UP="",t.PAUSE="",t.PLAY="",t.RELATIVES_PLAIN="",t.RELATIVES="",t.SHORTCUT_MENU="",t.PRINT="",t.DEFAULT_ROLES="",t.ACCOUNT_SETTINGS="",t.ONLINE="",t.OFFLINE="",t.UPLOAD="",t.BOOK_PLAIN="",t.SYNC="",t.SHARED_PBK="",t.COLLECTIONS="",t.SEARCH_IN_PUBLICATION="",t.BOOKS="",t.LOCKER="",t.ARROW_DOWN="",t.ARROW_LEFT="",t.ARROW_RIGHT="",t.ARROW_UP="",t.SAVE="",t.MAILS_AND_NOTIFICATIONS="",t.DOT="",t.MINUS="",t.PLUS="",t.FILTERS="",t.STRIPE_ARROW_RIGHT="",t.STRIPE_ARROW_LEFT="",t.ATTACHMENTS="",t.ADD_BOOKMARK="",t.BOOKMARK="",t.EXPORT="",t.MENU="",t.TAG="",t.TAG_PLAIN="",t.COPY_TO_CLIPBOARD="",t.COLUMNS="",t.ARTICLE="",t.CLOSE_PLAIN="",t.CHECK_PLAIN="",t.LOGOUT="",t.SIGN_IN="",t.THIN_ARROW="",t.TRIANGLE_BOTTOM="",t.TRIANGLE_LEFT="",t.TRIANGLE_RIGHT="",t.TRIANGLE_TOP="",t.FACET_HAS_DESCENDANT="",t.MINUS_PLAIN="",t.PLUS_PLAIN="",t.INFO="",t.ICON_EXPAND="",t.ICON_COLLAPSE="",t.ADD_TO_PBK="",t.ALERT="",t.ADD_ALERT="",t.BACK_TO_SEARCH="",t.DOWNLOAD="",t.EDIT="",t.FEEDBACK="",t.MODIFY_PBK="",t.SCHEDULED="",t.SEARCH="",t.SHARE="󨃱",t.TOC="",t.WRITE_UGC="",t.TRASH="",t.EXTLINK="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="\f06e",t.DISC="",t.CIRCLE="",t.SHARED="",t.SORT_UNSORTED="",t.SORT_UP="",t.SORT_DOWN="",t.WORKING="",t.CLOSE="",t.ZOOM_OUT="",t.ZOOM_IN="",t.ZOOM_REALSIZE="",t.ZOOM_FULLSCREEN="",t.ADMIN_RESTRICTED="",t.ADMIN_THEME="",t.WARNING="",t.CONTEXT="",t.SEARCH_HOME="",t.STEPS="",t.HOME="",t.TRANSLATE="",t.USER="",t.ADMIN="",t.ANALYTICS="",t.ADMIN_KHUB="",t.ADMIN_USERS="",t.ADMIN_INTEGRATION="",t.ADMIN_PORTAL=""}(yi||(yi={})),function(t){t.UNKNOWN="",t.ABW="",t.AUDIO="",t.AVI="",t.CHM="",t.CODE="",t.CSV="",t.DITA="",t.EPUB="",t.EXCEL="",t.FLAC="",t.GIF="",t.GZIP="",t.HTML="",t.IMAGE="",t.JPEG="",t.JSON="",t.M4A="",t.MOV="",t.MP3="",t.MP4="",t.OGG="",t.PDF="",t.PNG="",t.POWERPOINT="",t.RAR="",t.STP="",t.TEXT="",t.VIDEO="",t.WAV="",t.WMA="",t.WORD="",t.XML="",t.YAML="",t.ZIP=""}(mi||(mi={}));const $i=new Map([...["abw"].map((t=>[t,mi.ABW])),...["3gp","act","aiff","aac","amr","au","awb","dct","dss","dvf","gsm","iklax","ivs","mmf","mpc","msv","opus","ra","rm","raw","sln","tta","vox","wv"].map((t=>[t,mi.AUDIO])),...["avi"].map((t=>[t,mi.AVI])),...["chm","xhs"].map((t=>[t,mi.CHM])),...["java","py","php","php3","php4","php5","js","javascript","rb","rbw","c","cpp","cxx","h","hh","hpp","hxx","sh","bash","zsh","tcsh","ksh","csh","vb","scala","pl","prl","perl","groovy","ceylon","aspx","jsp","scpt","applescript","bas","bat","lua","jsp","mk","cmake","css","sass","less","m","mm","xcodeproj"].map((t=>[t,mi.CODE])),...["csv"].map((t=>[t,mi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,mi.DITA])),...["epub"].map((t=>[t,mi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,mi.EXCEL])),...["flac"].map((t=>[t,mi.FLAC])),...["gif"].map((t=>[t,mi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,mi.GZIP])),...["html","htm","xhtml"].map((t=>[t,mi.HTML])),...["ai","vml","xps","img","cpt","psd","psp","xcf","svg","svg+xml","bmp","bpg","ppm","pgm","pbm","pnm","rif","tif","tiff","webp","wmf"].map((t=>[t,mi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,mi.JPEG])),...["json"].map((t=>[t,mi.JSON])),...["m4a","m4p"].map((t=>[t,mi.M4A])),...["mov","qt"].map((t=>[t,mi.MOV])),...["mp3"].map((t=>[t,mi.MP3])),...["mp4","m4v"].map((t=>[t,mi.MP4])),...["ogg","oga"].map((t=>[t,mi.OGG])),...["pdf","ps"].map((t=>[t,mi.PDF])),...["png"].map((t=>[t,mi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,mi.POWERPOINT])),...["rar"].map((t=>[t,mi.RAR])),...["stp"].map((t=>[t,mi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,mi.TEXT])),...["webm","mkv","flv","vob","ogv","ogg","drc","mng","wmv","yuv","rm","rmvb","asf","mpg","mp2","mpeg","mpe","mpv","m2v","svi","3gp","3g2","mxf","roq","nsv"].map((t=>[t,mi.VIDEO])),...["wav"].map((t=>[t,mi.WAV])),...["wma"].map((t=>[t,mi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,mi.WORD])),...["xml","xsl","rdf"].map((t=>[t,mi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,mi.YAML])),...["zip"].map((t=>[t,mi.ZIP]))]),wi=new Map([["application/msword","application/doc"],["application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/docx"],["application/vnd.openxmlformats-officedocument.wordprocessingml.template","application/dotx"],["application/vnd.ms-word.document.macroEnabled.12","application/docm"],["application/vnd.ms-word.template.macroEnabled.12","application/dotm"],["application/vnd.ms-excel","application/xls"],["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/xlsx"],["application/vnd.openxmlformats-officedocument.spreadsheetml.template","application/xltx"],["application/vnd.ms-excel.sheet.macroEnabled.12","application/xlsm"],["application/vnd.ms-excel.template.macroEnabled.12","application/xltm"],["application/vnd.ms-excel.addin.macroEnabled.12","application/xlam"],["application/vnd.ms-excel.sheet.binary.macroEnabled.12","application/xlsb"],["application/vnd.ms-powerpoint","application/ppt"],["application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pptx"],["application/vnd.openxmlformats-officedocument.presentationml.template","application/potx"],["application/vnd.openxmlformats-officedocument.presentationml.slideshow","application/ppsx"],["application/vnd.ms-powerpoint.addin.macroEnabled.12","application/ppam"],["application/vnd.ms-powerpoint.presentation.macroEnabled.12","application/pptm"],["application/vnd.ms-powerpoint.template.macroEnabled.12","application/potm"],["application/vnd.ms-powerpoint.slideshow.macroEnabled.12","application/ppsm"],["application/vnd.ms-access","application/mdb"]]);var ki,Si=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(ki||(ki={}));const Oi={size:ut.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:ut.extend("--ft-icon-fluid-topics-font-family",ut.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:ut.extend("--ft-icon-file-format-font-family",ut.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:ut.extend("--ft-icon-material-font-family",ut.create("--ft-icon-font-family","UNKNOWN","Material Icons"))};class Ci extends gt{constructor(){super(...arguments),this.variant=ki.fluid_topics}render(){return W`
|
|
462
476
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
463
|
-
${
|
|
477
|
+
${xi(this.getIcon())}
|
|
464
478
|
<slot @slotchange=${()=>this.requestUpdate()} ?hidden=${"material"!==this.variant}></slot>
|
|
465
479
|
</i>
|
|
466
|
-
`}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:""}getIcon(){var t,e;let i=this.textContent;return this.variant===
|
|
480
|
+
`}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:""}getIcon(){var t,e;let i=this.textContent;return this.variant===ki.file_format?null!==(t=mi[i.toUpperCase()])&&void 0!==t?t:i:this.variant===ki.fluid_topics?null!==(e=yi[i.toUpperCase()])&&void 0!==e?e:i:q}}Ci.elementDefinitions={},Ci.styles=g`
|
|
467
481
|
:host, i.ft-icon {
|
|
468
482
|
display: inline-block;
|
|
469
|
-
width: ${
|
|
470
|
-
height: ${
|
|
483
|
+
width: ${Oi.size};
|
|
484
|
+
height: ${Oi.size};
|
|
471
485
|
text-align: center;
|
|
472
486
|
}
|
|
473
487
|
|
|
474
488
|
i.ft-icon {
|
|
475
|
-
font-size: ${
|
|
489
|
+
font-size: ${Oi.size};
|
|
476
490
|
line-height: 1;
|
|
477
491
|
font-weight: normal;
|
|
478
492
|
text-transform: none;
|
|
@@ -486,17 +500,17 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
486
500
|
}
|
|
487
501
|
|
|
488
502
|
.ft-icon--fluid-topics {
|
|
489
|
-
font-family: ${
|
|
503
|
+
font-family: ${Oi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
490
504
|
}
|
|
491
505
|
|
|
492
506
|
.ft-icon--file-format {
|
|
493
|
-
font-family: ${
|
|
507
|
+
font-family: ${Oi.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
494
508
|
}
|
|
495
509
|
|
|
496
510
|
.ft-icon--material {
|
|
497
|
-
font-family: ${
|
|
511
|
+
font-family: ${Oi.materialFontFamily}, "Material Icons", sans-serif;
|
|
498
512
|
}
|
|
499
|
-
`,
|
|
513
|
+
`,Si([o()],Ci.prototype,"variant",void 0),Si([r("slot")],Ci.prototype,"slottedContent",void 0),h("ft-icon")(Ci);var zi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Ei=ut.extend("--ft-button-color",vt.colorPrimary),Bi={backgroundColor:ut.extend("--ft-button-background-color",vt.colorSurface),borderRadius:ut.extend("--ft-button-border-radius",vt.borderRadiusL),color:Ei,fontSize:ut.extend("--ft-button-font-size",je.fontSize),iconSize:ut.create("--ft-button-icon-size","SIZE","24px"),rippleColor:ut.extend("--ft-button-ripple-color",Ei),opacityDisabled:ut.external(vt.colorOpacityDisabled,"Design system")},Mi=ut.extend("--ft-button-primary-color",ut.extend("--ft-button-color",vt.colorOnPrimary)),Ni={backgroundColor:ut.extend("--ft-button-primary-background-color",ut.extend("--ft-button-background-color",vt.colorPrimary)),color:Mi,rippleColor:ut.extend("--ft-button-primary-ripple-color",Mi)},Fi=ut.extend("--ft-button-dense-border-radius",ut.extend("--ft-button-border-radius",vt.borderRadiusM));class Ri extends gt{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}static get styles(){return[xt,g`
|
|
500
514
|
:host {
|
|
501
515
|
display: inline-block;
|
|
502
516
|
max-width: 100%;
|
|
@@ -535,18 +549,18 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
535
549
|
border: none;
|
|
536
550
|
pointer-events: auto;
|
|
537
551
|
|
|
538
|
-
--ft-button-internal-font-size: ${
|
|
552
|
+
--ft-button-internal-font-size: ${Bi.fontSize};
|
|
539
553
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
540
|
-
--ft-button-internal-color: ${
|
|
541
|
-
${bt(
|
|
554
|
+
--ft-button-internal-color: ${Bi.color};
|
|
555
|
+
${bt(Oi.size,Bi.iconSize)};
|
|
542
556
|
--ft-button-internal-vertical-padding: 6px;
|
|
543
557
|
--ft-button-internal-horizontal-padding: 8px;
|
|
544
|
-
${bt(
|
|
545
|
-
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${
|
|
558
|
+
${bt(ti.color,Bi.rippleColor)};
|
|
559
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Bi.iconSize});
|
|
546
560
|
|
|
547
|
-
border-radius: ${
|
|
561
|
+
border-radius: ${Bi.borderRadius};
|
|
548
562
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
549
|
-
background-color: ${
|
|
563
|
+
background-color: ${Bi.backgroundColor};
|
|
550
564
|
color: var(--ft-button-internal-color);
|
|
551
565
|
-webkit-mask-image: radial-gradient(white, black);
|
|
552
566
|
}
|
|
@@ -558,7 +572,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
558
572
|
.ft-button--dense {
|
|
559
573
|
--ft-button-internal-vertical-padding: 2px;
|
|
560
574
|
--ft-button-internal-horizontal-padding: 4px;
|
|
561
|
-
border-radius: ${
|
|
575
|
+
border-radius: ${Fi};
|
|
562
576
|
}
|
|
563
577
|
|
|
564
578
|
.ft-button--round {
|
|
@@ -567,13 +581,13 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
567
581
|
|
|
568
582
|
.ft-button[disabled] {
|
|
569
583
|
filter: grayscale(1);
|
|
570
|
-
opacity: ${
|
|
584
|
+
opacity: ${Bi.opacityDisabled};
|
|
571
585
|
}
|
|
572
586
|
|
|
573
587
|
.ft-button.ft-button--primary {
|
|
574
|
-
background-color: ${
|
|
575
|
-
--ft-button-internal-color: ${
|
|
576
|
-
${bt(
|
|
588
|
+
background-color: ${Ni.backgroundColor};
|
|
589
|
+
--ft-button-internal-color: ${Ni.color};
|
|
590
|
+
${bt(ti.color,Ni.rippleColor)};
|
|
577
591
|
}
|
|
578
592
|
|
|
579
593
|
.ft-button.ft-button--outlined {
|
|
@@ -586,13 +600,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
586
600
|
}
|
|
587
601
|
|
|
588
602
|
.ft-button--label {
|
|
603
|
+
position: relative;
|
|
589
604
|
overflow: hidden;
|
|
590
605
|
white-space: nowrap;
|
|
591
606
|
text-overflow: ellipsis;
|
|
592
607
|
display: block;
|
|
593
608
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
594
|
-
${bt(
|
|
595
|
-
${bt(
|
|
609
|
+
${bt(je.fontSize,"var(--ft-button-internal-font-size)")};
|
|
610
|
+
${bt(je.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
596
611
|
}
|
|
597
612
|
|
|
598
613
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -611,6 +626,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
611
626
|
|
|
612
627
|
ft-icon {
|
|
613
628
|
flex-shrink: 0;
|
|
629
|
+
position: relative;
|
|
614
630
|
}
|
|
615
631
|
|
|
616
632
|
.ft-button--label[hidden] + ft-icon {
|
|
@@ -624,8 +640,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
624
640
|
}
|
|
625
641
|
|
|
626
642
|
ft-loader {
|
|
627
|
-
${bt(
|
|
628
|
-
${bt(
|
|
643
|
+
${bt(bi.size,Bi.iconSize)};
|
|
644
|
+
${bt(bi.color,"var(--ft-button-internal-color)")};
|
|
629
645
|
}
|
|
630
646
|
`]}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":kt,"ft-no-text-select":!0};return this.addTooltip(W`
|
|
631
647
|
<button part="button"
|
|
@@ -649,7 +665,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
649
665
|
</ft-tooltip>
|
|
650
666
|
`}resolveIcon(){return this.loading?W`
|
|
651
667
|
<ft-loader></ft-loader> `:this.icon?W`
|
|
652
|
-
<ft-icon variant="material">${this.icon}</ft-icon> `:q}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}}
|
|
668
|
+
<ft-icon variant="material">${this.icon}</ft-icon> `:q}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}}Ri.elementDefinitions={"ft-ripple":li,"ft-tooltip":ui,"ft-typography":Ve,"ft-icon":Ci,"ft-loader":vi},zi([o({type:Boolean})],Ri.prototype,"primary",void 0),zi([o({type:Boolean})],Ri.prototype,"outlined",void 0),zi([o({type:Boolean})],Ri.prototype,"disabled",void 0),zi([o({type:Boolean})],Ri.prototype,"dense",void 0),zi([o({type:Boolean})],Ri.prototype,"round",void 0),zi([o({type:String})],Ri.prototype,"label",void 0),zi([o({type:String})],Ri.prototype,"icon",void 0),zi([o({type:Boolean})],Ri.prototype,"trailingIcon",void 0),zi([o({type:Boolean})],Ri.prototype,"loading",void 0),zi([o({type:String})],Ri.prototype,"tooltipPosition",void 0),zi([r(".ft-button")],Ri.prototype,"button",void 0),zi([r(".ft-button--label slot")],Ri.prototype,"slottedContent",void 0),h("ft-button")(Ri);var Li=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Di=ut.extend("--ft-checkbox-text-color",vt.colorOnSurfaceHigh),ji=ut.external(vt.colorPrimary,"Design system"),Ii=ut.external(vt.colorOnPrimary,"Design system"),Ui=ut.extend("--ft-checkbox-border-color",vt.colorOnSurfaceMedium),Ti=ut.external(vt.colorOnSurfaceDisabled,"Design system");class Pi extends gt{constructor(){super(...arguments),this.name="",this.checked=!1,this.indeterminate=!1,this.disabled=!1}render(){const t={"ft-checkbox":!0,"ft-checkbox--checked":this.checked,"ft-checkbox--indeterminate":this.indeterminate,"ft-checkbox--disabled":this.disabled};return W`
|
|
653
669
|
<label class="${jt(t)}">
|
|
654
670
|
<div class="ft-checkbox--box-container">
|
|
655
671
|
<input type="checkbox"
|
|
@@ -674,14 +690,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
674
690
|
<slot></slot>
|
|
675
691
|
</ft-typography>
|
|
676
692
|
</label>
|
|
677
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}
|
|
693
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("change",{detail:this.checked}))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}}Pi.elementDefinitions={"ft-ripple":li,"ft-typography":Ve},Pi.styles=g`
|
|
678
694
|
* {
|
|
679
695
|
box-sizing: border-box;
|
|
680
696
|
}
|
|
681
697
|
|
|
682
698
|
.ft-checkbox {
|
|
683
699
|
box-sizing: border-box;
|
|
684
|
-
color: ${
|
|
700
|
+
color: ${Di};
|
|
685
701
|
|
|
686
702
|
display: inline-flex;
|
|
687
703
|
align-items: center;
|
|
@@ -689,7 +705,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
689
705
|
}
|
|
690
706
|
|
|
691
707
|
.ft-checkbox--disabled {
|
|
692
|
-
color: ${
|
|
708
|
+
color: ${Ti};
|
|
693
709
|
}
|
|
694
710
|
|
|
695
711
|
input {
|
|
@@ -712,26 +728,26 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
712
728
|
}
|
|
713
729
|
|
|
714
730
|
.ft-checkbox--box {
|
|
715
|
-
border: 2px solid ${
|
|
731
|
+
border: 2px solid ${Ui};
|
|
716
732
|
border-radius: 2px;
|
|
717
733
|
|
|
718
734
|
width: 18px;
|
|
719
735
|
height: 18px;
|
|
720
736
|
|
|
721
|
-
color: ${
|
|
737
|
+
color: ${Ii};
|
|
722
738
|
}
|
|
723
739
|
|
|
724
740
|
|
|
725
741
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
726
742
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
727
|
-
border-color: ${
|
|
728
|
-
background-color: ${
|
|
743
|
+
border-color: ${ji};
|
|
744
|
+
background-color: ${ji};
|
|
729
745
|
}
|
|
730
746
|
|
|
731
747
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
732
|
-
border-color: ${
|
|
748
|
+
border-color: ${Ti};
|
|
733
749
|
background-color: transparent;
|
|
734
|
-
color: ${
|
|
750
|
+
color: ${Ti};
|
|
735
751
|
}
|
|
736
752
|
|
|
737
753
|
.ft-checkbox--checkmark {
|
|
@@ -750,7 +766,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
750
766
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
751
767
|
opacity: 1;
|
|
752
768
|
}
|
|
753
|
-
`,
|
|
769
|
+
`,Li([o()],Pi.prototype,"name",void 0),Li([o({type:Boolean})],Pi.prototype,"checked",void 0),Li([o({type:Boolean})],Pi.prototype,"indeterminate",void 0),Li([o({type:Boolean})],Pi.prototype,"disabled",void 0),Li([r(".ft-checkbox")],Pi.prototype,"container",void 0),Li([r("ft-ripple")],Pi.prototype,"ripple",void 0),h("ft-checkbox")(Pi);var Ai=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const _i=ut.extend("--ft-radio-text-color",vt.colorOnSurfaceHigh),Hi=ut.external(vt.colorPrimary,"Design system"),Zi=(ut.external(vt.colorOnPrimary,"Design system"),ut.extend("--ft-radio-border-color",vt.colorOnSurfaceMedium)),Ki=ut.external(vt.colorOnSurfaceDisabled,"Design system");class Wi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Vi extends gt{constructor(){super(...arguments),this.value="",this.name="",this.checked=!1,this.disabled=!1}render(){const t={"ft-radio":!0,"ft-radio--checked":this.checked,"ft-radio--disabled":this.disabled};return W`
|
|
754
770
|
<div class="${jt(t)}">
|
|
755
771
|
<div class="ft-radio--box-container">
|
|
756
772
|
<input id="radio-button"
|
|
@@ -775,14 +791,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
775
791
|
</ft-typography>
|
|
776
792
|
</label>
|
|
777
793
|
</div>
|
|
778
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
794
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Wi(this.value,this.checked))}contentAvailableCallback(t){var e;super.contentAvailableCallback(t),null===(e=this.ripple)||void 0===e||e.setupFor(this.container)}select(){this.checked=!0,this.dispatchEvent(new Wi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Vi.elementDefinitions={"ft-ripple":li,"ft-typography":Ve},Vi.styles=g`
|
|
779
795
|
* {
|
|
780
796
|
box-sizing: border-box;
|
|
781
797
|
}
|
|
782
798
|
|
|
783
799
|
.ft-radio {
|
|
784
800
|
box-sizing: border-box;
|
|
785
|
-
color: ${
|
|
801
|
+
color: ${_i};
|
|
786
802
|
|
|
787
803
|
display: inline-flex;
|
|
788
804
|
align-items: center;
|
|
@@ -790,7 +806,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
790
806
|
}
|
|
791
807
|
|
|
792
808
|
.ft-radio--disabled {
|
|
793
|
-
color: ${
|
|
809
|
+
color: ${Ki};
|
|
794
810
|
}
|
|
795
811
|
|
|
796
812
|
input {
|
|
@@ -813,7 +829,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
813
829
|
}
|
|
814
830
|
|
|
815
831
|
.ft-radio--box {
|
|
816
|
-
border: 2px solid ${
|
|
832
|
+
border: 2px solid ${Zi};
|
|
817
833
|
border-radius: 50%;
|
|
818
834
|
|
|
819
835
|
display: flex;
|
|
@@ -826,7 +842,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
826
842
|
|
|
827
843
|
.ft-radio--box:after {
|
|
828
844
|
content: " ";
|
|
829
|
-
background-color: ${
|
|
845
|
+
background-color: ${Hi};
|
|
830
846
|
|
|
831
847
|
border-radius: 50%;
|
|
832
848
|
|
|
@@ -838,7 +854,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
838
854
|
}
|
|
839
855
|
|
|
840
856
|
.ft-radio--checked .ft-radio--box {
|
|
841
|
-
border-color: ${
|
|
857
|
+
border-color: ${Hi};
|
|
842
858
|
}
|
|
843
859
|
|
|
844
860
|
|
|
@@ -847,24 +863,24 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
847
863
|
}
|
|
848
864
|
|
|
849
865
|
.ft-radio--disabled .ft-radio--box {
|
|
850
|
-
border-color: ${
|
|
866
|
+
border-color: ${Ki};
|
|
851
867
|
background-color: transparent;
|
|
852
868
|
}
|
|
853
869
|
|
|
854
870
|
.ft-radio--disabled .ft-radio--box:after {
|
|
855
|
-
background-color: ${
|
|
871
|
+
background-color: ${Ki};
|
|
856
872
|
}
|
|
857
|
-
`,
|
|
873
|
+
`,Ai([o()],Vi.prototype,"value",void 0),Ai([o()],Vi.prototype,"name",void 0),Ai([o({type:Boolean})],Vi.prototype,"checked",void 0),Ai([o({type:Boolean})],Vi.prototype,"disabled",void 0),Ai([r(".ft-radio")],Vi.prototype,"container",void 0),Ai([r("ft-ripple")],Vi.prototype,"ripple",void 0),Ai([r("input")],Vi.prototype,"input",void 0);var qi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ji extends gt{constructor(){super(...arguments),this.name=""}render(){return W`
|
|
858
874
|
<slot @slotchange=${this.onSlotChange}
|
|
859
875
|
@change=${this.onChange}
|
|
860
876
|
@keydown=${this.onKeyDown}
|
|
861
877
|
@focusin=${this.onFocusIn}
|
|
862
878
|
></slot>
|
|
863
|
-
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value}))}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}onFocusIn(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}
|
|
879
|
+
`}onSlotChange(){this.radioButtons.forEach((t=>t.name=this.name))}onChange(t){t.stopPropagation(),this.radioButtons.forEach((e=>e.checked=t.detail.value===e.value)),this.dispatchEvent(new CustomEvent("change",{detail:t.detail.value}))}onKeyDown(t){switch(t.key){case"ArrowUp":case"ArrowLeft":{let e=this.findFtRadio(t),i=this.radioButtons.indexOf(e)-1;this.radioButtons[i<0?this.radioButtons.length-1:i].select();break}case"ArrowDown":case"ArrowRight":{let e=this.radioButtons.indexOf(this.findFtRadio(t))+1;this.radioButtons[e>this.radioButtons.length-1?0:e].select();break}}}findFtRadio(t){return t.composedPath().find((t=>"FT-RADIO"===t.tagName))}onFocusIn(){setTimeout((()=>{var t;return null===(t=this.radioButtons.find((t=>t.checked)))||void 0===t?void 0:t.focus()}),10)}}Ji.elementDefinitions={},Ji.styles=g`
|
|
864
880
|
:host {
|
|
865
881
|
display: contents;
|
|
866
882
|
}
|
|
867
|
-
`,
|
|
883
|
+
`,qi([o()],Ji.prototype,"name",void 0),qi([c()],Ji.prototype,"radioButtons",void 0),h("ft-radio")(Vi),h("ft-radio-group")(Ji);var Xi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Yi={borderRadiusM:ut.external(vt.borderRadiusM,"Design system"),colorOutline:ut.external(vt.colorOutline,"Design system"),colorOnSurface:ut.external(vt.colorOnSurface,"Design system"),colorOnSurfaceMedium:ut.external(vt.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:ut.external(vt.colorOnSurfaceDisabled,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),colorOnPrimary:ut.external(vt.colorOnPrimary,"Design system"),fontFamily:ut.external(we.fontFamily,"Body2 typography"),fontSize:ut.external(we.fontSize,"Body2 typography"),fontWeight:ut.external(we.fontWeight,"Body2 typography"),letterSpacing:ut.external(we.letterSpacing,"Body2 typography"),lineHeight:ut.external(we.lineHeight,"Body2 typography"),textTransform:ut.external(we.textTransform,"Body2 typography")};class Qi extends gt{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}get hasHiddenValues(){let t=this.limit;return null!=t&&t<this.options.length}get limit(){return this.displayedValuesLimit>0?this.displayedPages*this.displayedValuesLimit:void 0}get height(){var t,e;return null!==(e=null===(t=this.container)||void 0===t?void 0:t.scrollHeight)&&void 0!==e?e:0}render(){let t=this.options;this.hideSelectedOptions&&(t=t.filter((t=>!t.selected))),this.filter&&(t=t.filter((t=>t.label.toLowerCase().includes(this.filter.toLowerCase()))));const e=t.slice(0,this.limit);return W`
|
|
868
884
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
869
885
|
${null==this.parent?null:W`
|
|
870
886
|
<div tabindex="0"
|
|
@@ -903,7 +919,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
903
919
|
<ft-checkbox name="${this.id}"
|
|
904
920
|
.checked=${t.selected}
|
|
905
921
|
.disabled=${this.disabled}
|
|
906
|
-
.indeterminate=${
|
|
922
|
+
.indeterminate=${qe(null!==(e=t.subOptions)&&void 0!==e?e:[],(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).some((t=>t.selected))}
|
|
907
923
|
@change=${e=>this.optionsChanged(e,t)}>
|
|
908
924
|
${t.label}
|
|
909
925
|
</ft-checkbox>
|
|
@@ -917,7 +933,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
917
933
|
|
|
918
934
|
${t.label}
|
|
919
935
|
</ft-radio>
|
|
920
|
-
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}
|
|
936
|
+
`}onRadioKeyUp(t,e){e.selected&&" "===t.key&&this.optionsChanged(t,e)}optionsChanged(t,e){t.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{detail:e}))}displayLevel(t){this.dispatchEvent(new CustomEvent("display-level",{detail:t}))}}Qi.elementDefinitions={"ft-button":Ri,"ft-ripple":li,"ft-typography":Ve,"ft-checkbox":Pi,"ft-icon":Ci,"ft-radio":Vi},Qi.styles=[g`
|
|
921
937
|
.ft-filter-level--container {
|
|
922
938
|
display: flex;
|
|
923
939
|
flex-direction: column;
|
|
@@ -931,14 +947,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
931
947
|
flex-shrink: 0;
|
|
932
948
|
text-decoration: none;
|
|
933
949
|
position: relative;
|
|
934
|
-
border-radius: ${
|
|
950
|
+
border-radius: ${Yi.borderRadiusM};
|
|
935
951
|
overflow: hidden;
|
|
936
952
|
display: flex;
|
|
937
953
|
align-items: center;
|
|
938
954
|
padding: 4px 4px;
|
|
939
955
|
gap: 4px;
|
|
940
956
|
cursor: pointer;
|
|
941
|
-
color: ${
|
|
957
|
+
color: ${Yi.colorOnSurface};
|
|
942
958
|
}
|
|
943
959
|
|
|
944
960
|
.ft-filter-level--go-back:focus {
|
|
@@ -967,7 +983,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
967
983
|
}
|
|
968
984
|
|
|
969
985
|
ft-button {
|
|
970
|
-
${bt(
|
|
986
|
+
${bt(Bi.color,Yi.colorOnSurface)};
|
|
971
987
|
}
|
|
972
988
|
|
|
973
989
|
ft-radio, ft-checkbox {
|
|
@@ -978,7 +994,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
978
994
|
margin-left: -10px;
|
|
979
995
|
word-break: break-word;
|
|
980
996
|
}
|
|
981
|
-
`],
|
|
997
|
+
`],Xi([o({type:String})],Qi.prototype,"id",void 0),Xi([o({type:Object})],Qi.prototype,"parent",void 0),Xi([o({type:Array})],Qi.prototype,"options",void 0),Xi([o({type:Boolean})],Qi.prototype,"multivalued",void 0),Xi([o({type:Boolean})],Qi.prototype,"disabled",void 0),Xi([o({type:Boolean})],Qi.prototype,"hideSelectedOptions",void 0),Xi([o({type:Boolean})],Qi.prototype,"preventNavigation",void 0),Xi([o({type:String})],Qi.prototype,"filter",void 0),Xi([o({type:String})],Qi.prototype,"moreValuesButtonLabel",void 0),Xi([o({type:Number})],Qi.prototype,"displayedValuesLimit",void 0),Xi([r(".ft-filter-level--container")],Qi.prototype,"container",void 0),Xi([s()],Qi.prototype,"displayedPages",void 0);var Gi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const to={buttonsColor:ut.extend("--ft-snap-scroll-buttons-color",vt.colorPrimary),buttonsZIndex:ut.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:ut.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:ut.external(vt.colorSurface,"Design system")};class eo extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class io extends gt{constructor(){super(...arguments),this.horizontal=!1,this.hideScrollbar=!1,this.controls=!1,this.limitSize=!1,this.elements=[],this.currentElement=0,this.withScroll=!1,this.startReached=!0,this.endReached=!0,this.offsetAttribute="offsetTop",this.scrollAttribute="scrollTop",this.sizeAttribute="clientHeight",this.scrollSizeAttribute="scrollHeight",this.updateScrollCallback=()=>this.onScroll(),this.resizeObserver=new ResizeObserver((()=>this.scheduleUpdateScroll())),this.scrollDebouncer=new e(200),this.updateScrollDebouncer=new e(100)}scrollToIndex(t){this.scrollToElement(this.elements[t])}scrollIndexIntoView(t){let e=this.elements[t];if(e){const t=this.contentSlot[this.scrollAttribute]+this.contentSlot[this.sizeAttribute]-this.nextSize,i=this.contentSlot[this.scrollAttribute]+this.prevSize;(e[this.offsetAttribute]<i||e[this.offsetAttribute]+e[this.sizeAttribute]>t)&&this.scrollToElement(e)}}previous(){this.scrollToElement(this.elements[Math.max(0,this.closestIndexFromStart()-1)])}next(){this.scrollToElement(this.elements[Math.min(this.closestIndexFromStart()+1,this.elements.length-1)])}render(){const t=jt({"ft-snap-scroll":!0,"ft-snap-scroll--horizontal":this.horizontal,"ft-snap-scroll--vertical":!this.horizontal,"ft-snap-scroll--hide-scrollbar":this.hideScrollbar,"ft-snap-scroll--limit-size":this.limitSize,"ft-snap-scroll--safari-fix":kt}),e=this.controls&&this.withScroll;return W`
|
|
982
998
|
<div part="container" class="${t}">
|
|
983
999
|
<ft-button
|
|
984
1000
|
class="ft-snap-scroll--previous"
|
|
@@ -1002,7 +1018,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1002
1018
|
@click=${this.next}
|
|
1003
1019
|
></ft-button>
|
|
1004
1020
|
</div>
|
|
1005
|
-
`}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
|
|
1021
|
+
`}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 eo(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)}}io.elementDefinitions={"ft-button":Ri},io.styles=g`
|
|
1006
1022
|
.ft-snap-scroll {
|
|
1007
1023
|
box-sizing: border-box;
|
|
1008
1024
|
position: relative;
|
|
@@ -1037,7 +1053,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1037
1053
|
flex-wrap: nowrap;
|
|
1038
1054
|
align-items: flex-start;
|
|
1039
1055
|
justify-content: flex-start;
|
|
1040
|
-
gap: ${
|
|
1056
|
+
gap: ${to.gap};
|
|
1041
1057
|
}
|
|
1042
1058
|
|
|
1043
1059
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1080,11 +1096,11 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1080
1096
|
.ft-snap-scroll--next {
|
|
1081
1097
|
position: absolute;
|
|
1082
1098
|
display: flex;
|
|
1083
|
-
z-index: ${
|
|
1099
|
+
z-index: ${to.buttonsZIndex};
|
|
1084
1100
|
opacity: 1;
|
|
1085
1101
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1086
|
-
${bt(
|
|
1087
|
-
${bt(
|
|
1102
|
+
${bt(Bi.backgroundColor,"transparent")};
|
|
1103
|
+
${bt(Bi.color,to.buttonsColor)};
|
|
1088
1104
|
}
|
|
1089
1105
|
|
|
1090
1106
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1097,37 +1113,37 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1097
1113
|
top: 0;
|
|
1098
1114
|
left: -1px;
|
|
1099
1115
|
bottom: 0;
|
|
1100
|
-
background: linear-gradient(to right, ${
|
|
1116
|
+
background: linear-gradient(to right, ${to.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1101
1117
|
}
|
|
1102
1118
|
|
|
1103
1119
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1104
1120
|
top: -1px;
|
|
1105
1121
|
left: 0;
|
|
1106
1122
|
right: 0;
|
|
1107
|
-
background: linear-gradient(to bottom, ${
|
|
1123
|
+
background: linear-gradient(to bottom, ${to.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1108
1124
|
}
|
|
1109
1125
|
|
|
1110
1126
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1111
1127
|
top: 0;
|
|
1112
1128
|
right: -1px;
|
|
1113
1129
|
bottom: 0;
|
|
1114
|
-
background: linear-gradient(to left, ${
|
|
1130
|
+
background: linear-gradient(to left, ${to.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1115
1131
|
}
|
|
1116
1132
|
|
|
1117
1133
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1118
1134
|
left: 0;
|
|
1119
1135
|
right: 0;
|
|
1120
1136
|
bottom: -1px;
|
|
1121
|
-
background: linear-gradient(to top, ${
|
|
1137
|
+
background: linear-gradient(to top, ${to.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1122
1138
|
}
|
|
1123
1139
|
|
|
1124
1140
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1125
1141
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1126
1142
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1127
1143
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1128
|
-
background-color: ${
|
|
1144
|
+
background-color: ${to.colorSurface};
|
|
1129
1145
|
}
|
|
1130
|
-
`,
|
|
1146
|
+
`,Gi([o({type:Boolean})],io.prototype,"horizontal",void 0),Gi([o({type:Boolean})],io.prototype,"hideScrollbar",void 0),Gi([o({type:Boolean})],io.prototype,"controls",void 0),Gi([o({type:Boolean})],io.prototype,"limitSize",void 0),Gi([s()],io.prototype,"elements",void 0),Gi([s()],io.prototype,"currentElement",void 0),Gi([s()],io.prototype,"withScroll",void 0),Gi([s()],io.prototype,"startReached",void 0),Gi([s()],io.prototype,"endReached",void 0),Gi([r(".ft-snap-scroll--content")],io.prototype,"contentSlot",void 0),h("ft-snap-scroll")(io);var oo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const so=ut.external(vt.colorOutline,"Design system"),no=ut.external(vt.colorOnSurface,"Design system"),ro=ut.external(vt.colorOnSurfaceMedium,"Design system"),lo=ut.external(vt.colorPrimary,"Design system"),ao=ut.external(vt.colorSurface,"Design system"),co=ut.external(vt.transitionDuration,"Design system"),ho=ut.external(vt.transitionTimingFunction,"Design system");class po extends CustomEvent{constructor(t){super("change",{detail:t})}}class fo extends gt{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 e(300),this.changeDebouncer=new e(10)}get flatOptions(){return qe(this.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]}))}render(){var t,e;const i=this.flatOptions.some((t=>t.selected));let o=this.withScroll||this.filter||null!==(e=null===(t=this.lastLevel)||void 0===t?void 0:t.hasHiddenValues)&&void 0!==e&&e;return W`
|
|
1131
1147
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1132
1148
|
part="container">
|
|
1133
1149
|
${this.label||i?W`
|
|
@@ -1192,7 +1208,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1192
1208
|
@display-level=${this.onDisplayLevel}
|
|
1193
1209
|
part="values"
|
|
1194
1210
|
></ft-filter-level>
|
|
1195
|
-
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new
|
|
1211
|
+
`}goBack(t){this.slideOut=t.detail.value}onDisplayLevel(t){this.displayedLevels.push(t.detail.value),this.slideIn=t.detail.value}clear(){if(this.flatOptions.forEach((t=>t.selected=!1)),this.displayedLevels.length>0){let t=this.displayedLevels[this.displayedLevels.length-1];this.displayedLevels=[t],this.slideOut=t}this.optionsChanged()}onChange(t){var e;t.stopPropagation();const i=this.flatOptions.find((e=>e.value===t.detail.value));i.selected=!i.selected;const o=t=>{var e;t!==i&&(t.selected=!1),null===(e=t.subOptions)||void 0===e||e.forEach(o)};this.multivalued?null===(e=i.subOptions)||void 0===e||e.forEach(o):this.options.forEach(o),this.optionsChanged()}optionsChanged(){this.changeDebouncer.run((()=>{var t;const e=this.flatOptions.filter((t=>t.selected)).map((t=>t.value));this.dispatchEvent(new po(e)),this.requestUpdate(),null===(t=this.levels)||void 0===t||t.forEach((t=>t.requestUpdate()))}))}updateOptionsFromSlot(t){t.stopPropagation(),this.options=this.slotElement.assignedElements().map((t=>t)),this.optionsChanged()}onFilterChange(t){const e=t.composedPath()[0];this.filter=e.value}updateScroll(){this.valuesContainer&&(this.withScroll=this.valuesContainer.scrollHeight>this.valuesContainer.clientHeight)}}fo.elementDefinitions={"ft-button":Ri,"ft-filter-level":Qi,"ft-snap-scroll":io,"ft-typography":Ve},fo.styles=[He,g`
|
|
1196
1212
|
:host {
|
|
1197
1213
|
display: flex;
|
|
1198
1214
|
max-height: 100%;
|
|
@@ -1205,8 +1221,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1205
1221
|
flex-direction: column;
|
|
1206
1222
|
max-height: 100%;
|
|
1207
1223
|
max-width: 100%;
|
|
1208
|
-
color: ${
|
|
1209
|
-
background: ${
|
|
1224
|
+
color: ${no};
|
|
1225
|
+
background: ${ao};
|
|
1210
1226
|
}
|
|
1211
1227
|
|
|
1212
1228
|
.ft-filter--header {
|
|
@@ -1216,13 +1232,13 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1216
1232
|
flex-shrink: 0;
|
|
1217
1233
|
padding: 0 10px;
|
|
1218
1234
|
margin-bottom: 8px;
|
|
1219
|
-
${bt(
|
|
1235
|
+
${bt(Xt.fontSize,"14px")};
|
|
1220
1236
|
}
|
|
1221
1237
|
|
|
1222
1238
|
.ft-filter--header ft-button {
|
|
1223
1239
|
flex-shrink: 0;
|
|
1224
1240
|
margin-left: auto;
|
|
1225
|
-
${bt(
|
|
1241
|
+
${bt(Bi.iconSize,"18px")};
|
|
1226
1242
|
}
|
|
1227
1243
|
|
|
1228
1244
|
.ft-filter--label {
|
|
@@ -1230,8 +1246,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1230
1246
|
flex-shrink: 1;
|
|
1231
1247
|
flex-grow: 1;
|
|
1232
1248
|
word-break: break-word;
|
|
1233
|
-
${bt(
|
|
1234
|
-
${bt(
|
|
1249
|
+
${bt(Xt.lineHeight,"22px")};
|
|
1250
|
+
${bt(Xt.fontWeight,"bold")};
|
|
1235
1251
|
}
|
|
1236
1252
|
|
|
1237
1253
|
.ft-filter--filter {
|
|
@@ -1242,8 +1258,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1242
1258
|
padding: 0 10px;
|
|
1243
1259
|
overflow: hidden;
|
|
1244
1260
|
height: 32px;
|
|
1245
|
-
transition: height ${
|
|
1246
|
-
margin ${
|
|
1261
|
+
transition: height ${co} ${ho},
|
|
1262
|
+
margin ${co} ${ho};
|
|
1247
1263
|
transition-delay: 500ms;
|
|
1248
1264
|
}
|
|
1249
1265
|
|
|
@@ -1256,11 +1272,11 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1256
1272
|
display: block;
|
|
1257
1273
|
width: 100%;
|
|
1258
1274
|
border-radius: 4px;
|
|
1259
|
-
border: 1px solid ${
|
|
1275
|
+
border: 1px solid ${so};
|
|
1260
1276
|
padding: 4px;
|
|
1261
|
-
background-color: ${
|
|
1262
|
-
color: ${
|
|
1263
|
-
outline-color: ${
|
|
1277
|
+
background-color: ${ao};
|
|
1278
|
+
color: ${ro};
|
|
1279
|
+
outline-color: ${lo};
|
|
1264
1280
|
}
|
|
1265
1281
|
|
|
1266
1282
|
.ft-filter--values {
|
|
@@ -1272,7 +1288,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1272
1288
|
}
|
|
1273
1289
|
|
|
1274
1290
|
.ft-filter--separator {
|
|
1275
|
-
border-top: 1px solid ${
|
|
1291
|
+
border-top: 1px solid ${so};
|
|
1276
1292
|
margin: 4px 10px;
|
|
1277
1293
|
}
|
|
1278
1294
|
|
|
@@ -1297,17 +1313,17 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1297
1313
|
slot {
|
|
1298
1314
|
display: none;
|
|
1299
1315
|
}
|
|
1300
|
-
`],
|
|
1316
|
+
`],oo([o({type:String})],fo.prototype,"id",void 0),oo([o({type:String})],fo.prototype,"label",void 0),oo([o({type:String})],fo.prototype,"filterPlaceHolder",void 0),oo([o({type:String})],fo.prototype,"clearButtonLabel",void 0),oo([o({type:String})],fo.prototype,"moreValuesButtonLabel",void 0),oo([p([])],fo.prototype,"options",void 0),oo([o({type:Boolean})],fo.prototype,"multivalued",void 0),oo([o({type:Boolean})],fo.prototype,"disabled",void 0),oo([o({type:Boolean})],fo.prototype,"raiseSelectedOptions",void 0),oo([o({type:Number})],fo.prototype,"displayedValuesLimit",void 0),oo([r(".ft-filter--slot")],fo.prototype,"slotElement",void 0),oo([r(".ft-filter--container")],fo.prototype,"container",void 0),oo([r(".ft-filter--values")],fo.prototype,"valuesContainer",void 0),oo([r(".ft-filter--levels")],fo.prototype,"levelsContainer",void 0),oo([r(".ft-filter--levels ft-filter-level:last-child")],fo.prototype,"lastLevel",void 0),oo([function(t){return n({descriptor:e=>({get(){var e,i;return null!==(i=null===(e=this.renderRoot)||void 0===e?void 0:e.querySelectorAll(t))&&void 0!==i?i:[]},enumerable:!0,configurable:!0})})}(".ft-filter--levels ft-filter-level")],fo.prototype,"levels",void 0),oo([s()],fo.prototype,"withScroll",void 0),oo([s()],fo.prototype,"filter",void 0),oo([s()],fo.prototype,"slideIn",void 0),oo([s()],fo.prototype,"slideOut",void 0);var uo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class bo extends gt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return W`
|
|
1301
1317
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1302
|
-
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}
|
|
1318
|
+
`}updateSubOptionsFromSlot(t){t.stopPropagation(),this.subOptions=this.slotElement.assignedElements().map((t=>t))}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}bo.elementDefinitions={},uo([o({type:String})],bo.prototype,"label",void 0),uo([o({type:Object,converter:t=>t})],bo.prototype,"value",void 0),uo([o({type:Boolean,reflect:!0})],bo.prototype,"selected",void 0),uo([o({type:Object})],bo.prototype,"subOptions",void 0),uo([r(".ft-filter-option--slot")],bo.prototype,"slotElement",void 0),h("ft-filter")(fo),h("ft-filter-option")(bo);var vo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class go extends gt{constructor(){super(...arguments),this.multi=!1}render(){return W`
|
|
1303
1319
|
<div class="ft-accordion">
|
|
1304
1320
|
<slot @activated=${this.onChange}></slot>
|
|
1305
1321
|
</div>
|
|
1306
|
-
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}
|
|
1322
|
+
`}onChange(t){t.stopPropagation(),this.multi||this.content.assignedElements().forEach((e=>e.active=e===t.target))}}go.elementDefinitions={},go.styles=g`
|
|
1307
1323
|
.ft-accordion {
|
|
1308
1324
|
box-sizing: border-box;
|
|
1309
1325
|
}
|
|
1310
|
-
`,
|
|
1326
|
+
`,vo([o({type:Boolean})],go.prototype,"multi",void 0),vo([r("slot")],go.prototype,"content",void 0);var xo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const yo=ut.create("--ft-accordion-toggle-horizontal-spacing","SIZE","16px"),mo=ut.create("--ft-accordion-toggle-vertical-spacing","SIZE","16px"),$o=ut.external(vt.colorOutline,"Design system");class wo extends gt{constructor(){super(...arguments),this.icon="",this.label="",this.active=!1}render(){return W`
|
|
1311
1327
|
<div class="ft-accordion-item ${this.active?"ft-accordion-item--active":""}">
|
|
1312
1328
|
<div class="ft-accordion-item--toggle"
|
|
1313
1329
|
part="toggle"
|
|
@@ -1331,7 +1347,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1331
1347
|
</div>
|
|
1332
1348
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1333
1349
|
</div>
|
|
1334
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}
|
|
1350
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}wo.elementDefinitions={"ft-ripple":li,"ft-typography":Ve,"ft-icon":Ci},wo.styles=g`
|
|
1335
1351
|
.ft-accordion-item {
|
|
1336
1352
|
display: flex;
|
|
1337
1353
|
flex-direction: column;
|
|
@@ -1344,11 +1360,15 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1344
1360
|
display: flex;
|
|
1345
1361
|
align-items: center;
|
|
1346
1362
|
cursor: pointer;
|
|
1347
|
-
padding: ${
|
|
1348
|
-
gap: calc(${
|
|
1363
|
+
padding: ${mo} ${yo};
|
|
1364
|
+
gap: calc(${yo} / 2);
|
|
1349
1365
|
outline: none;
|
|
1350
1366
|
}
|
|
1351
1367
|
|
|
1368
|
+
.ft-accordion-item--toggle > *:not(ft-ripple) {
|
|
1369
|
+
position: relative;
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1352
1372
|
.ft-accordion-item--label {
|
|
1353
1373
|
flex-grow: 1;
|
|
1354
1374
|
flex-shrink: 1;
|
|
@@ -1366,13 +1386,13 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1366
1386
|
.ft-accordion-item--active .ft-accordion-item--content {
|
|
1367
1387
|
height: initial;
|
|
1368
1388
|
overflow: visible;
|
|
1369
|
-
padding: ${
|
|
1389
|
+
padding: ${mo} ${yo};
|
|
1370
1390
|
}
|
|
1371
1391
|
|
|
1372
1392
|
.ft-accordion-item--separator {
|
|
1373
|
-
border-bottom: 1px solid ${
|
|
1393
|
+
border-bottom: 1px solid ${$o};
|
|
1374
1394
|
}
|
|
1375
|
-
`,
|
|
1395
|
+
`,xo([o({type:String})],wo.prototype,"icon",void 0),xo([o({type:String})],wo.prototype,"label",void 0),xo([o({type:Boolean,reflect:!0})],wo.prototype,"active",void 0),h("ft-accordion")(go),h("ft-accordion-item")(wo);var ko=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const So=ut.extend("--ft-chip-color",vt.colorOnSurface),Oo={backgroundColor:ut.extend("--ft-chip-background-color",vt.colorSurface),color:So,fontSize:ut.extend("--ft-chip-font-size",we.fontSize),iconSize:ut.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:ut.extend("--ft-chip-ripple-color",So),horizontalPadding:ut.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:ut.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:ut.external(vt.colorOutline,"Design system"),opacityDisabled:ut.external(vt.colorOpacityDisabled,"Design system")},Co=ut.extend("--ft-chip-highlighted-color",ut.extend("--ft-chip-color",vt.colorOnPrimary)),zo={backgroundColor:ut.extend("--ft-chip-highlighted-background-color",ut.extend("--ft-chip-background-color",vt.colorPrimary)),color:Co,rippleColor:ut.extend("--ft-chip-highlighted-ripple-color",Co)},Eo=ut.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Bo=ut.create("--ft-chip-dense-vertical-padding","SIZE","4px");class Mo extends CustomEvent{constructor(){super("icon-click")}}class No extends gt{constructor(){super(...arguments),this.highlighted=!1,this.removable=!1,this.disabled=!1,this.clickable=!1,this.iconClickable=!1,this.dense=!1,this.multiLine=!1,this.label="",this.icon=void 0,this.trailingIcon=!1}static get styles(){return[xt,g`
|
|
1376
1396
|
:host {
|
|
1377
1397
|
display: inline-block;
|
|
1378
1398
|
max-width: 100%;
|
|
@@ -1389,27 +1409,31 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1389
1409
|
box-sizing: border-box;
|
|
1390
1410
|
pointer-events: auto;
|
|
1391
1411
|
|
|
1392
|
-
--ft-chip-internal-font-size: ${
|
|
1412
|
+
--ft-chip-internal-font-size: ${Oo.fontSize};
|
|
1393
1413
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1394
|
-
${bt(
|
|
1395
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1396
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1414
|
+
${bt(Oi.size,Oo.iconSize)};
|
|
1415
|
+
--ft-chip-internal-vertical-padding: ${Oo.verticalPadding};
|
|
1416
|
+
--ft-chip-internal-horizontal-padding: ${Oo.horizontalPadding};
|
|
1397
1417
|
--ft-chip-internal-icon-padding: 3px;
|
|
1398
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
1418
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Oo.iconSize});
|
|
1399
1419
|
|
|
1400
|
-
border: 1px solid ${
|
|
1401
|
-
color: ${
|
|
1402
|
-
${bt(
|
|
1420
|
+
border: 1px solid ${Oo.colorOutline};
|
|
1421
|
+
color: ${Oo.color};
|
|
1422
|
+
${bt(ti.color,Oo.rippleColor)};
|
|
1403
1423
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
1404
1424
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
1405
|
-
background-color: ${
|
|
1425
|
+
background-color: ${Oo.backgroundColor};
|
|
1406
1426
|
line-height: var(--ft-chip-internal-content-height);
|
|
1407
1427
|
}
|
|
1408
1428
|
|
|
1429
|
+
.ft-chip > *:not(ft-ripple) {
|
|
1430
|
+
position: relative;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1409
1433
|
.ft-chip--dense {
|
|
1410
1434
|
--ft-chip-internal-icon-padding: 3px;
|
|
1411
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1412
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
1435
|
+
--ft-chip-internal-vertical-padding: ${Bo};
|
|
1436
|
+
--ft-chip-internal-horizontal-padding: ${Eo};
|
|
1413
1437
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1414
1438
|
}
|
|
1415
1439
|
|
|
@@ -1421,15 +1445,15 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1421
1445
|
cursor: default;
|
|
1422
1446
|
pointer-events: none;
|
|
1423
1447
|
filter: grayscale(1);
|
|
1424
|
-
opacity: ${
|
|
1448
|
+
opacity: ${Oo.opacityDisabled};
|
|
1425
1449
|
}
|
|
1426
1450
|
|
|
1427
1451
|
.ft-chip--highlighted {
|
|
1428
1452
|
border: none;
|
|
1429
1453
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
1430
|
-
background-color: ${
|
|
1431
|
-
${bt(
|
|
1432
|
-
color: ${
|
|
1454
|
+
background-color: ${zo.backgroundColor};
|
|
1455
|
+
${bt(ti.color,zo.rippleColor)};
|
|
1456
|
+
color: ${zo.color};
|
|
1433
1457
|
}
|
|
1434
1458
|
|
|
1435
1459
|
.ft-chip--clickable {
|
|
@@ -1454,12 +1478,16 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1454
1478
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1455
1479
|
}
|
|
1456
1480
|
|
|
1481
|
+
.ft-chip--icon-container > *:not(ft-ripple) {
|
|
1482
|
+
position: relative;
|
|
1483
|
+
}
|
|
1484
|
+
|
|
1457
1485
|
.ft-chip--label {
|
|
1458
1486
|
vertical-align: bottom;
|
|
1459
1487
|
display: block;
|
|
1460
1488
|
margin: 0 var(--ft-chip-internal-horizontal-padding);
|
|
1461
|
-
${bt(
|
|
1462
|
-
${bt(
|
|
1489
|
+
${bt(we.fontSize,"var(--ft-chip-internal-font-size)")};
|
|
1490
|
+
${bt(we.lineHeight,"var(--ft-chip-internal-content-height)")};
|
|
1463
1491
|
}
|
|
1464
1492
|
|
|
1465
1493
|
.ft-chip--safari-fix .ft-chip--label {
|
|
@@ -1513,7 +1541,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1513
1541
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1514
1542
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1515
1543
|
</div>
|
|
1516
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1544
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Mo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Mo))}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)}}No.elementDefinitions={"ft-ripple":li,"ft-typography":Ve,"ft-icon":Ci},ko([o({type:Boolean})],No.prototype,"highlighted",void 0),ko([o({type:Boolean})],No.prototype,"removable",void 0),ko([o({type:Boolean})],No.prototype,"disabled",void 0),ko([o({type:Boolean})],No.prototype,"clickable",void 0),ko([o({type:Boolean})],No.prototype,"iconClickable",void 0),ko([o({type:Boolean})],No.prototype,"dense",void 0),ko([o({type:Boolean})],No.prototype,"multiLine",void 0),ko([o({type:String})],No.prototype,"label",void 0),ko([o({type:String})],No.prototype,"icon",void 0),ko([o({type:Boolean})],No.prototype,"trailingIcon",void 0),ko([r("ft-typography slot")],No.prototype,"slottedContent",void 0),h("ft-chip")(No);var Fo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const Ro={fontSize:ut.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:ut.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:ut.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:ut.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:ut.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:ut.extend("--ft-input-label-border-color",vt.colorOutline),textColor:ut.extend("--ft-input-label-text-color",vt.colorOnSurfaceMedium),disabledTextColor:ut.extend("--ft-input-label-disabled-text-color",vt.colorOnSurfaceDisabled),colorSurface:ut.external(vt.colorSurface,"Design system"),borderRadiusS:ut.external(vt.borderRadiusS,"Design system"),colorError:ut.external(vt.colorError,"Design system")};class Lo extends gt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return W`
|
|
1517
1545
|
<div class="${jt(t)}">
|
|
1518
1546
|
${this.text?W`
|
|
1519
1547
|
<div class="ft-input-label--text ft-typography--caption">
|
|
@@ -1522,7 +1550,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1522
1550
|
</div>
|
|
1523
1551
|
`:null}
|
|
1524
1552
|
</div>
|
|
1525
|
-
`}}
|
|
1553
|
+
`}}Lo.elementDefinitions={},Lo.styles=[He,g`
|
|
1526
1554
|
.ft-input-label {
|
|
1527
1555
|
position: absolute;
|
|
1528
1556
|
inset: 0;
|
|
@@ -1530,7 +1558,11 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1530
1558
|
}
|
|
1531
1559
|
|
|
1532
1560
|
.ft-input-label {
|
|
1533
|
-
border-color: ${
|
|
1561
|
+
border-color: ${Ro.borderColor};
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.ft-input-label.ft-input-label--in-error {
|
|
1565
|
+
border-color: ${Ro.colorError}
|
|
1534
1566
|
}
|
|
1535
1567
|
|
|
1536
1568
|
.ft-input-label:before,
|
|
@@ -1543,7 +1575,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1543
1575
|
}
|
|
1544
1576
|
|
|
1545
1577
|
.ft-input-label:before {
|
|
1546
|
-
width: ${
|
|
1578
|
+
width: ${Ro.horizontalSpacing};
|
|
1547
1579
|
flex-shrink: 0;
|
|
1548
1580
|
}
|
|
1549
1581
|
|
|
@@ -1559,14 +1591,18 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1559
1591
|
border-bottom-width: 1px;
|
|
1560
1592
|
border-bottom-style: solid;
|
|
1561
1593
|
border-color: inherit;
|
|
1562
|
-
color: ${
|
|
1594
|
+
color: ${Ro.textColor};
|
|
1563
1595
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1564
|
-
${bt(
|
|
1565
|
-
${bt(
|
|
1596
|
+
${bt(ke.fontSize,Ro.fontSize)};
|
|
1597
|
+
${bt(ke.lineHeight,Ro.fontSize)};
|
|
1598
|
+
}
|
|
1599
|
+
|
|
1600
|
+
.ft-input-label--in-error .ft-input-label--text {
|
|
1601
|
+
color: ${Ro.colorError}
|
|
1566
1602
|
}
|
|
1567
1603
|
|
|
1568
1604
|
.ft-input-label--disabled .ft-input-label--text {
|
|
1569
|
-
color: ${
|
|
1605
|
+
color: ${Ro.disabledTextColor};
|
|
1570
1606
|
}
|
|
1571
1607
|
|
|
1572
1608
|
.ft-input-label--hidden-text {
|
|
@@ -1582,17 +1618,17 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1582
1618
|
overflow: hidden;
|
|
1583
1619
|
white-space: nowrap;
|
|
1584
1620
|
text-overflow: ellipsis;
|
|
1585
|
-
padding: ${
|
|
1586
|
-
margin: calc(${
|
|
1621
|
+
padding: ${Ro.verticalSpacing} 4px;
|
|
1622
|
+
margin: calc(${Ro.verticalSpacing} * -1) 0;
|
|
1587
1623
|
}
|
|
1588
1624
|
|
|
1589
1625
|
.ft-input-label--raised .ft-input-label--text {
|
|
1590
|
-
${bt(
|
|
1591
|
-
${bt(
|
|
1626
|
+
${bt(ke.fontSize,Ro.raisedFontSize)};
|
|
1627
|
+
${bt(ke.lineHeight,Ro.raisedFontSize)};
|
|
1592
1628
|
}
|
|
1593
1629
|
|
|
1594
1630
|
.ft-input-label--raised .ft-input-label--floating-text {
|
|
1595
|
-
top: ${
|
|
1631
|
+
top: ${Ro.verticalSpacing};
|
|
1596
1632
|
}
|
|
1597
1633
|
|
|
1598
1634
|
.ft-input-label--outlined .ft-input-label--text,
|
|
@@ -1605,27 +1641,27 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1605
1641
|
.ft-input-label--outlined:before {
|
|
1606
1642
|
border-left-width: 1px;
|
|
1607
1643
|
border-left-style: solid;
|
|
1608
|
-
border-radius: ${
|
|
1644
|
+
border-radius: ${Ro.borderRadiusS} 0 0 ${Ro.borderRadiusS};
|
|
1609
1645
|
}
|
|
1610
1646
|
|
|
1611
1647
|
.ft-input-label--outlined:after {
|
|
1612
1648
|
border-right-width: 1px;
|
|
1613
1649
|
border-right-style: solid;
|
|
1614
|
-
border-radius: 0 ${
|
|
1650
|
+
border-radius: 0 ${Ro.borderRadiusS} ${Ro.borderRadiusS} 0;
|
|
1615
1651
|
}
|
|
1616
1652
|
|
|
1617
1653
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--floating-text {
|
|
1618
1654
|
padding: 2px 4px;
|
|
1619
|
-
z-index: ${
|
|
1620
|
-
background-color: ${
|
|
1621
|
-
border-radius: ${
|
|
1655
|
+
z-index: ${Ro.raisedZIndex};
|
|
1656
|
+
background-color: ${Ro.colorSurface};
|
|
1657
|
+
border-radius: ${Ro.borderRadiusS};
|
|
1622
1658
|
top: calc((var(--ft-typography-caption-line-height) / -2) + 2px);
|
|
1623
1659
|
}
|
|
1624
1660
|
|
|
1625
1661
|
.ft-input-label--outlined.ft-input-label--raised .ft-input-label--text {
|
|
1626
1662
|
border-top: none;
|
|
1627
1663
|
}
|
|
1628
|
-
`],
|
|
1664
|
+
`],Fo([o({type:String})],Lo.prototype,"text",void 0),Fo([o({type:Boolean})],Lo.prototype,"raised",void 0),Fo([o({type:Boolean})],Lo.prototype,"outlined",void 0),Fo([o({type:Boolean})],Lo.prototype,"disabled",void 0),Fo([o({type:Boolean})],Lo.prototype,"error",void 0),h("ft-input-label")(Lo);var Do=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class jo extends gt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}jo.elementDefinitions={},Do([o({type:String})],jo.prototype,"label",void 0),Do([o({type:Object,converter:t=>t})],jo.prototype,"value",void 0),Do([o({type:Boolean,reflect:!0})],jo.prototype,"selected",void 0);const Io={labelSize:ut.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ut.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ut.create("--ft-select-vertical-spacing","SIZE","4px"),selectedOptionColor:ut.extend("--ft-select-selected-option-color",vt.colorOnSurface),helperColor:ut.extend("--ft-select-helper-color",vt.colorOnSurfaceMedium),optionsColor:ut.extend("--ft-select-options-color",vt.colorOnSurface),optionsZIndex:ut.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ut.external(vt.colorSurface,"Design system"),colorOnSurfaceDisabled:ut.external(vt.colorOnSurfaceDisabled,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),borderRadiusS:ut.external(vt.borderRadiusS,"Design system"),elevation02:ut.external(vt.elevation02,"Design system"),colorError:ut.external(vt.colorError,"Design system")};class Uo extends gt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,o,s;let n=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":n,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
|
|
1629
1665
|
<div class="${jt(a)}" part="container">
|
|
1630
1666
|
<div class="ft-select--main-panel" part="main-panel">
|
|
1631
1667
|
<ft-input-label text="${this.label}"
|
|
@@ -1633,6 +1669,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1633
1669
|
?disabled=${r}
|
|
1634
1670
|
?outlined=${this.outlined}
|
|
1635
1671
|
?raised=${l||n}
|
|
1672
|
+
?error=${this.error}
|
|
1636
1673
|
></ft-input-label>
|
|
1637
1674
|
<div class="ft-select--input-panel"
|
|
1638
1675
|
part="selected-value"
|
|
@@ -1671,7 +1708,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1671
1708
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
1672
1709
|
${t.label}
|
|
1673
1710
|
</div>
|
|
1674
|
-
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value})))}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}
|
|
1711
|
+
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.minWidth=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}Uo.elementDefinitions={"ft-input-label":Lo,"ft-typography":Ve,"ft-ripple":li,"ft-icon":Ci},Uo.styles=[_e,He,g`
|
|
1675
1712
|
*:focus {
|
|
1676
1713
|
outline: none;
|
|
1677
1714
|
}
|
|
@@ -1685,7 +1722,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1685
1722
|
.ft-select--main-panel {
|
|
1686
1723
|
position: relative;
|
|
1687
1724
|
display: flex;
|
|
1688
|
-
height: calc(4 * ${
|
|
1725
|
+
height: calc(4 * ${Io.verticalSpacing} + ${Io.labelSize} + ${Io.selectedOptionSize});
|
|
1689
1726
|
}
|
|
1690
1727
|
|
|
1691
1728
|
.ft-select--input-panel {
|
|
@@ -1697,19 +1734,24 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1697
1734
|
padding-left: 16px;
|
|
1698
1735
|
padding-right: 8px;
|
|
1699
1736
|
gap: 8px;
|
|
1700
|
-
color: ${
|
|
1701
|
-
${bt(
|
|
1737
|
+
color: ${Io.selectedOptionColor};
|
|
1738
|
+
${bt(ti.color,Io.selectedOptionColor)};
|
|
1702
1739
|
}
|
|
1703
1740
|
|
|
1704
1741
|
.ft-select--input-panel,
|
|
1705
1742
|
.ft-select--option {
|
|
1706
|
-
${bt(
|
|
1707
|
-
${bt(
|
|
1743
|
+
${bt(ti.opacityContentOnSurfaceHover,"0.08")};
|
|
1744
|
+
${bt(ti.opacityContentOnSurfacePressed,"0.04")};
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
.ft-select--input-panel > *:not(ft-ripple),
|
|
1748
|
+
.ft-select--option > *:not(ft-ripple) {
|
|
1749
|
+
position: relative;
|
|
1708
1750
|
}
|
|
1709
1751
|
|
|
1710
1752
|
.ft-select--disabled .ft-select--input-panel,
|
|
1711
1753
|
.ft-select--disabled .ft-select--option {
|
|
1712
|
-
color: ${
|
|
1754
|
+
color: ${Io.colorOnSurfaceDisabled};
|
|
1713
1755
|
}
|
|
1714
1756
|
|
|
1715
1757
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -1718,18 +1760,18 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1718
1760
|
}
|
|
1719
1761
|
|
|
1720
1762
|
ft-input-label {
|
|
1721
|
-
${bt(
|
|
1722
|
-
${bt(
|
|
1723
|
-
${bt(
|
|
1763
|
+
${bt(Ro.fontSize,Io.selectedOptionSize)};
|
|
1764
|
+
${bt(Ro.raisedFontSize,Io.labelSize)};
|
|
1765
|
+
${bt(Ro.verticalSpacing,Io.verticalSpacing)};
|
|
1724
1766
|
}
|
|
1725
1767
|
|
|
1726
1768
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
1727
|
-
color: ${
|
|
1769
|
+
color: ${Io.colorPrimary};
|
|
1728
1770
|
}
|
|
1729
1771
|
|
|
1730
1772
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
1731
|
-
${bt(
|
|
1732
|
-
${bt(
|
|
1773
|
+
${bt(Ro.borderColor,Io.colorPrimary)};
|
|
1774
|
+
${bt(Ro.textColor,Io.colorPrimary)};
|
|
1733
1775
|
}
|
|
1734
1776
|
|
|
1735
1777
|
.ft-select--selected-option {
|
|
@@ -1739,8 +1781,12 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1739
1781
|
overflow: hidden;
|
|
1740
1782
|
white-space: nowrap;
|
|
1741
1783
|
text-overflow: ellipsis;
|
|
1742
|
-
${bt(
|
|
1743
|
-
${bt(
|
|
1784
|
+
${bt($e.fontSize,Io.selectedOptionSize)};
|
|
1785
|
+
${bt($e.lineHeight,Io.selectedOptionSize)};
|
|
1786
|
+
}
|
|
1787
|
+
|
|
1788
|
+
.ft-select--in-error .ft-select--selected-option {
|
|
1789
|
+
color: ${Io.colorError};
|
|
1744
1790
|
}
|
|
1745
1791
|
|
|
1746
1792
|
ft-icon {
|
|
@@ -1752,16 +1798,16 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1752
1798
|
}
|
|
1753
1799
|
|
|
1754
1800
|
.ft-select--filled .ft-select--input-panel {
|
|
1755
|
-
border-radius: ${
|
|
1801
|
+
border-radius: ${Io.borderRadiusS} ${Io.borderRadiusS} 0 0;
|
|
1756
1802
|
}
|
|
1757
1803
|
|
|
1758
1804
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
1759
1805
|
align-self: stretch;
|
|
1760
|
-
padding-top: calc(${
|
|
1806
|
+
padding-top: calc(${Io.labelSize} + 2 * ${Io.verticalSpacing});
|
|
1761
1807
|
}
|
|
1762
1808
|
|
|
1763
1809
|
.ft-select--outlined .ft-select--input-panel {
|
|
1764
|
-
border-radius: ${
|
|
1810
|
+
border-radius: ${Io.borderRadiusS};
|
|
1765
1811
|
}
|
|
1766
1812
|
|
|
1767
1813
|
.ft-select--options {
|
|
@@ -1770,10 +1816,16 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1770
1816
|
top: 100%;
|
|
1771
1817
|
left: 0;
|
|
1772
1818
|
right: 0;
|
|
1773
|
-
color: ${
|
|
1774
|
-
background: ${
|
|
1775
|
-
z-index: ${
|
|
1776
|
-
box-shadow: ${
|
|
1819
|
+
color: ${Io.optionsColor};
|
|
1820
|
+
background: ${Io.colorSurface};
|
|
1821
|
+
z-index: ${Io.optionsZIndex};
|
|
1822
|
+
box-shadow: ${Io.elevation02};
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
.ft-select--fixed .ft-select--options {
|
|
1826
|
+
position: fixed;
|
|
1827
|
+
right: unset;
|
|
1828
|
+
/* left and top are set dynamically */
|
|
1777
1829
|
}
|
|
1778
1830
|
|
|
1779
1831
|
.ft-select--options-displayed .ft-select--options {
|
|
@@ -1790,9 +1842,13 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1790
1842
|
|
|
1791
1843
|
.ft-select--helper-text {
|
|
1792
1844
|
padding: 0 12px 0 16px;
|
|
1793
|
-
color: ${
|
|
1845
|
+
color: ${Io.helperColor};
|
|
1846
|
+
}
|
|
1847
|
+
|
|
1848
|
+
.ft-select--in-error .ft-select--helper-text {
|
|
1849
|
+
color: ${Io.colorError};
|
|
1794
1850
|
}
|
|
1795
|
-
`],
|
|
1851
|
+
`],Do([o({type:String})],Uo.prototype,"label",void 0),Do([o({type:String})],Uo.prototype,"helper",void 0),Do([o({type:Boolean})],Uo.prototype,"outlined",void 0),Do([o({type:Boolean})],Uo.prototype,"disabled",void 0),Do([o({type:Boolean})],Uo.prototype,"error",void 0),Do([o({type:Boolean})],Uo.prototype,"fixedMenuPosition",void 0),Do([o({type:Array})],Uo.prototype,"options",void 0),Do([s()],Uo.prototype,"selectedOption",void 0),Do([s()],Uo.prototype,"optionsDisplayed",void 0),Do([s()],Uo.prototype,"focusOptions",void 0),Do([r(".ft-select")],Uo.prototype,"container",void 0),Do([r(".ft-select--options")],Uo.prototype,"optionsMenu",void 0),Do([r(".ft-select--input-panel")],Uo.prototype,"mainPanel",void 0),Do([r(".ft-select--option:first-child")],Uo.prototype,"firstOption",void 0),Do([r(".ft-select--option:focus")],Uo.prototype,"focusedOption",void 0),Do([r(".ft-select--option.ft-select--option-selected")],Uo.prototype,"selectedOptionElement",void 0),Do([r(".ft-select--option:last-child")],Uo.prototype,"lastOption",void 0),Do([r("slot")],Uo.prototype,"optionsSlot",void 0),h("ft-select")(Uo),h("ft-select-option")(jo);const To={height:ut.create("--ft-search-bar-height","SIZE","38px"),borderRadius:ut.extend("--ft-search-bar-border-radius",vt.borderRadiusS),mobileOpenPosition:ut.create("--ft-search-bar-mobile-open-position","POSITION","fixed"),mobileOpenTop:ut.create("--ft-search-bar-mobile-open-top","SIZE","0"),mobileOpenBottom:ut.create("--ft-search-bar-mobile-open-bottom","SIZE","0"),mobileOpenLeft:ut.create("--ft-search-bar-mobile-open-left","SIZE","0"),mobileOpenRight:ut.create("--ft-search-bar-mobile-open-right","SIZE","0"),floatingZIndex:ut.create("--ft-search-bar-floating-components-z-index","NUMBER","2"),colorSurface:ut.external(vt.colorSurface,"Design system"),colorOnSurface:ut.external(vt.colorOnSurface,"Design system"),colorOnSurfaceMedium:ut.external(vt.colorOnSurfaceMedium,"Design system"),colorOutline:ut.external(vt.colorOutline,"Design system"),colorPrimary:ut.external(vt.colorPrimary,"Design system"),elevation02:ut.external(vt.elevation02,"Design system"),buttonColor:ut.external(Bi.color,"Button"),buttonRippleColor:ut.external(Bi.rippleColor,"Button")},Po=g`
|
|
1796
1852
|
* {
|
|
1797
1853
|
box-sizing: border-box;
|
|
1798
1854
|
}
|
|
@@ -1801,7 +1857,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1801
1857
|
display: flex;
|
|
1802
1858
|
flex-direction: column;
|
|
1803
1859
|
gap: 8px;
|
|
1804
|
-
color: ${
|
|
1860
|
+
color: ${To.colorOnSurface};
|
|
1805
1861
|
outline: none;
|
|
1806
1862
|
}
|
|
1807
1863
|
|
|
@@ -1810,14 +1866,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1810
1866
|
}
|
|
1811
1867
|
|
|
1812
1868
|
.ft-search-bar--mobile-menu-open {
|
|
1813
|
-
position: ${
|
|
1814
|
-
top: ${
|
|
1815
|
-
bottom: ${
|
|
1816
|
-
left: ${
|
|
1817
|
-
right: ${
|
|
1818
|
-
z-index: ${
|
|
1869
|
+
position: ${To.mobileOpenPosition};
|
|
1870
|
+
top: ${To.mobileOpenTop};
|
|
1871
|
+
bottom: ${To.mobileOpenBottom};
|
|
1872
|
+
left: ${To.mobileOpenLeft};
|
|
1873
|
+
right: ${To.mobileOpenRight};
|
|
1874
|
+
z-index: ${To.floatingZIndex};
|
|
1819
1875
|
padding: 16px;
|
|
1820
|
-
background: ${
|
|
1876
|
+
background: ${To.colorSurface};
|
|
1821
1877
|
}
|
|
1822
1878
|
|
|
1823
1879
|
.ft-search-bar {
|
|
@@ -1825,15 +1881,15 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1825
1881
|
display: flex;
|
|
1826
1882
|
flex-direction: row;
|
|
1827
1883
|
align-items: center;
|
|
1828
|
-
height: ${
|
|
1884
|
+
height: ${To.height};
|
|
1829
1885
|
|
|
1830
|
-
background: ${
|
|
1831
|
-
border: 1px solid ${
|
|
1832
|
-
border-radius: ${
|
|
1886
|
+
background: ${To.colorSurface};
|
|
1887
|
+
border: 1px solid ${To.colorOutline};
|
|
1888
|
+
border-radius: ${To.borderRadius};
|
|
1833
1889
|
}
|
|
1834
1890
|
|
|
1835
1891
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
1836
|
-
border-radius: ${
|
|
1892
|
+
border-radius: ${To.borderRadius} ${To.borderRadius} 0 0;
|
|
1837
1893
|
}
|
|
1838
1894
|
|
|
1839
1895
|
.ft-search-bar--input-container {
|
|
@@ -1851,7 +1907,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1851
1907
|
align-self: stretch;
|
|
1852
1908
|
display: grid;
|
|
1853
1909
|
padding: 0 8px;
|
|
1854
|
-
border-radius: ${
|
|
1910
|
+
border-radius: ${To.borderRadius};
|
|
1855
1911
|
}
|
|
1856
1912
|
|
|
1857
1913
|
.ft-search-bar--dense .ft-search-bar--input-outline {
|
|
@@ -1860,7 +1916,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1860
1916
|
}
|
|
1861
1917
|
|
|
1862
1918
|
.ft-search-bar--input-container:focus-within .ft-search-bar--input-outline {
|
|
1863
|
-
outline: 2px solid ${
|
|
1919
|
+
outline: 2px solid ${To.colorPrimary};
|
|
1864
1920
|
}
|
|
1865
1921
|
|
|
1866
1922
|
.ft-search-bar--input {
|
|
@@ -1876,13 +1932,24 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1876
1932
|
min-width: 250px;
|
|
1877
1933
|
}
|
|
1878
1934
|
|
|
1879
|
-
.ft-search-bar
|
|
1935
|
+
.ft-search-bar--actions {
|
|
1936
|
+
flex-shrink: 0;
|
|
1937
|
+
display: flex;
|
|
1938
|
+
flex-direction: row;
|
|
1939
|
+
align-items: center;
|
|
1940
|
+
height: 100%;
|
|
1941
|
+
|
|
1942
|
+
--ft-tooltip-z-index: 3;
|
|
1943
|
+
}
|
|
1944
|
+
|
|
1945
|
+
.ft-search-bar > ft-button,
|
|
1946
|
+
.ft-search-bar--actions ft-button {
|
|
1880
1947
|
flex-shrink: 0;
|
|
1881
1948
|
}
|
|
1882
1949
|
|
|
1883
1950
|
.ft-search-bar--left-action {
|
|
1884
|
-
${bt(
|
|
1885
|
-
border-right: 1px solid ${
|
|
1951
|
+
${bt(Bi.borderRadius,g`calc(${To.borderRadius} - 1px) 0 0 calc(${To.borderRadius} - 1px)`)};
|
|
1952
|
+
border-right: 1px solid ${To.colorOutline};
|
|
1886
1953
|
height: 100%;
|
|
1887
1954
|
}
|
|
1888
1955
|
|
|
@@ -1891,7 +1958,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1891
1958
|
}
|
|
1892
1959
|
|
|
1893
1960
|
.ft-search-bar--floating-panel-open .ft-search-bar--left-action {
|
|
1894
|
-
${bt(
|
|
1961
|
+
${bt(Bi.borderRadius,g`calc(${To.borderRadius} - 1px) 0 0 0`)};
|
|
1895
1962
|
}
|
|
1896
1963
|
|
|
1897
1964
|
.ft-search-bar .ft-search-bar--launch-search,
|
|
@@ -1901,13 +1968,13 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1901
1968
|
|
|
1902
1969
|
.ft-search-bar--separator {
|
|
1903
1970
|
height: 20px;
|
|
1904
|
-
border-right: 1px solid ${
|
|
1971
|
+
border-right: 1px solid ${To.colorOutline};
|
|
1905
1972
|
}
|
|
1906
1973
|
|
|
1907
1974
|
.ft-search-bar--left-action.ft-search-bar--content-locale {
|
|
1908
|
-
${bt(
|
|
1909
|
-
${bt(
|
|
1910
|
-
${bt(
|
|
1975
|
+
${bt(Ro.borderColor,"transparent")};
|
|
1976
|
+
${bt(Ro.borderRadiusS,g`calc(${To.borderRadius} - 1px)`)};
|
|
1977
|
+
${bt(Io.selectedOptionColor,To.buttonColor)};
|
|
1911
1978
|
}
|
|
1912
1979
|
|
|
1913
1980
|
.ft-search-bar--left-action.ft-search-bar--content-locale,
|
|
@@ -1924,17 +1991,17 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
1924
1991
|
}
|
|
1925
1992
|
|
|
1926
1993
|
.ft-search-bar--left-action.ft-search-bar--content-locale::part(selected-value) {
|
|
1927
|
-
border-radius: calc(${
|
|
1994
|
+
border-radius: calc(${To.borderRadius} - 1px) 0 0 calc(${To.borderRadius} - 1px);
|
|
1928
1995
|
}
|
|
1929
1996
|
|
|
1930
|
-
`,
|
|
1997
|
+
`,Ao=g`
|
|
1931
1998
|
.ft-search-bar--floating-panel .ft-search-bar--presets {
|
|
1932
1999
|
margin-right: auto;
|
|
1933
2000
|
}
|
|
1934
2001
|
|
|
1935
2002
|
.ft-search-bar--floating-panel .ft-search-bar--presets {
|
|
1936
2003
|
min-width: 250px;
|
|
1937
|
-
${bt(
|
|
2004
|
+
${bt(Io.optionsZIndex,"2")};
|
|
1938
2005
|
}
|
|
1939
2006
|
|
|
1940
2007
|
.ft-search-bar--floating-panel {
|
|
@@ -2026,7 +2093,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2026
2093
|
|
|
2027
2094
|
.ft-search-bar--filter-label > :last-child {
|
|
2028
2095
|
flex-shrink: 1;
|
|
2029
|
-
color: ${
|
|
2096
|
+
color: ${To.colorOnSurfaceMedium};
|
|
2030
2097
|
}
|
|
2031
2098
|
|
|
2032
2099
|
ft-accordion-item::part(toggle) {
|
|
@@ -2042,11 +2109,11 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2042
2109
|
padding-left: 0;
|
|
2043
2110
|
padding-right: 0;
|
|
2044
2111
|
}
|
|
2045
|
-
|
|
2112
|
+
|
|
2046
2113
|
.ft-search-bar--floating-panel .ft-search-bar--launch-search {
|
|
2047
2114
|
margin: 0;
|
|
2048
2115
|
}
|
|
2049
|
-
`,
|
|
2116
|
+
`,_o=g`
|
|
2050
2117
|
.ft-search-bar--selected-filters:not(ft-snap-scroll) {
|
|
2051
2118
|
flex-shrink: 0;
|
|
2052
2119
|
display: flex;
|
|
@@ -2057,7 +2124,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2057
2124
|
|
|
2058
2125
|
ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2059
2126
|
overflow: hidden;
|
|
2060
|
-
${bt(
|
|
2127
|
+
${bt(to.gap,"4px")};
|
|
2061
2128
|
}
|
|
2062
2129
|
|
|
2063
2130
|
ft-snap-scroll.ft-search-bar--selected-filters::part(content) {
|
|
@@ -2065,8 +2132,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2065
2132
|
}
|
|
2066
2133
|
|
|
2067
2134
|
.ft-search-bar--desktop ft-snap-scroll.ft-search-bar--selected-filters {
|
|
2068
|
-
${bt(
|
|
2069
|
-
${bt(
|
|
2135
|
+
${bt(Oo.iconSize,"17px")};
|
|
2136
|
+
${bt(Oo.fontSize,"12px")};
|
|
2070
2137
|
}
|
|
2071
2138
|
|
|
2072
2139
|
.ft-search-bar--selected-filters * {
|
|
@@ -2076,7 +2143,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2076
2143
|
.ft-search-bar--selected-filters ft-chip {
|
|
2077
2144
|
flex-grow: 0;
|
|
2078
2145
|
}
|
|
2079
|
-
`,
|
|
2146
|
+
`,Ho=g`
|
|
2080
2147
|
.ft-search-bar--mobile .ft-search-bar--suggestions {
|
|
2081
2148
|
flex-grow: 1;
|
|
2082
2149
|
flex-shrink: 1;
|
|
@@ -2085,7 +2152,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2085
2152
|
}
|
|
2086
2153
|
|
|
2087
2154
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
2088
|
-
border-top: 1px solid ${
|
|
2155
|
+
border-top: 1px solid ${To.colorOutline};
|
|
2089
2156
|
}
|
|
2090
2157
|
|
|
2091
2158
|
.ft-search-bar--mobile-menu-open .ft-search-bar--suggestions {
|
|
@@ -2100,10 +2167,10 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2100
2167
|
left: -1px;
|
|
2101
2168
|
right: -1px;
|
|
2102
2169
|
display: none;
|
|
2103
|
-
background: ${
|
|
2104
|
-
border: 1px solid ${
|
|
2105
|
-
border-radius: 0 0 ${
|
|
2106
|
-
box-shadow: ${
|
|
2170
|
+
background: ${To.colorSurface};
|
|
2171
|
+
border: 1px solid ${To.colorOutline};
|
|
2172
|
+
border-radius: 0 0 ${To.borderRadius} ${To.borderRadius};
|
|
2173
|
+
box-shadow: ${To.elevation02};
|
|
2107
2174
|
outline: none;
|
|
2108
2175
|
}
|
|
2109
2176
|
|
|
@@ -2118,7 +2185,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2118
2185
|
.ft-search-bar--no-suggestions {
|
|
2119
2186
|
text-align: center;
|
|
2120
2187
|
padding: 8px;
|
|
2121
|
-
color: ${
|
|
2188
|
+
color: ${To.colorOnSurface};
|
|
2122
2189
|
}
|
|
2123
2190
|
|
|
2124
2191
|
.ft-search-bar--suggestion {
|
|
@@ -2129,10 +2196,14 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2129
2196
|
padding: 8px;
|
|
2130
2197
|
gap: 8px;
|
|
2131
2198
|
cursor: pointer;
|
|
2132
|
-
color: ${
|
|
2199
|
+
color: ${To.colorOnSurface};
|
|
2133
2200
|
min-height: 52px;
|
|
2134
2201
|
}
|
|
2135
2202
|
|
|
2203
|
+
.ft-search-bar--suggestion > *:not(ft-ripple) {
|
|
2204
|
+
position: relative;
|
|
2205
|
+
}
|
|
2206
|
+
|
|
2136
2207
|
.ft-search-bar--desktop .ft-search-bar--suggestion {
|
|
2137
2208
|
min-height: 44px;
|
|
2138
2209
|
}
|
|
@@ -2142,7 +2213,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2142
2213
|
}
|
|
2143
2214
|
|
|
2144
2215
|
.ft-search-bar--recent-search + .ft-search-bar--suggestion:not(.ft-search-bar--recent-search) {
|
|
2145
|
-
border-top: 1px solid ${
|
|
2216
|
+
border-top: 1px solid ${To.colorOutline};
|
|
2146
2217
|
}
|
|
2147
2218
|
|
|
2148
2219
|
.ft-search-bar--suggestion ft-typography {
|
|
@@ -2150,7 +2221,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2150
2221
|
flex-grow: 1;
|
|
2151
2222
|
flex-shrink: 1;
|
|
2152
2223
|
}
|
|
2153
|
-
`;var
|
|
2224
|
+
`;var Zo=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};null==window.fluidtopics&&console.warn("Fluid Topics public API was not found. You can find it here: https://www.npmjs.com/package/@fluid-topics/public-api");const Ko={filtersButton:"Filters",inputPlaceHolder:"Search",filterInputPlaceHolder:"Filter {0}",clearInputButton:"Clear",clearFilterButton:"Clear",displayMoreFilterValuesButton:"More",searchButton:"Search",noSuggestions:"No results found…",clearFilters:"Clear filters",contentLocaleSelector:"Lang",presetsSelector:"Preset",removeRecentSearch:"Remove",back:"Back"};class Wo extends CustomEvent{constructor(t){super("launch-search",{detail:t,bubbles:!0,composed:!0})}}class Vo extends CustomEvent{constructor(t){super("change",{detail:t})}}class qo extends gt{constructor(){super(...arguments),this.dense=!1,this.baseUrl="",this.apiIntegrationIdentifier="ft-search-bar",this.availableContentLocales=[],this.labels={},this.labelResolver=new yt(Ko,{}),this.displayedFilters=[],this.presets=[],this.priors=[],this.searchRequestSerializer=t=>function(t,e){var i;const o=new URLSearchParams({"content-lang":null!==(i=e.contentLocale)&&void 0!==i?i:"all",query:e.query});if(e.filters.length>0){const t=e.filters.map((t=>{const e=t.values.map((t=>t.replace(/_/g,"\\\\\\\\_").replace(/~/g,"\\\\~").replace(/\*/g,"\\*"))).map((t=>encodeURIComponent(function(t){return`"${t}"`}(t)))).join("_");return`${t.key}~${e}`})).join("*");o.append("filters",t)}return new URL(`${t}/search/all?${o.toString()}`).href}(this.baseUrl,t),this.searchFilters=[],this.sizeCategory=It.S,this.displayFacets=!1,this.mobileMenuOpen=!1,this.facets=[],this.knownFacetLabels={},this.query="",this.suggestions=[],this.suggestionsLoaded=!0,this.recentSearches=[],this.updateFacetsDebouncer=new e(500),this.suggestDebouncer=new e(300),this.facetsLoaded=!1,this.closeFloatingContainer=t=>{this.isMobile||(this.displayFacets=this.displayFacets&&t.composedPath().some((t=>t===this.floatingContainer)))},this.compareFilters=(t,e)=>t.key===e.key&&t.negative==e.negative&&t.values.length===e.values.length&&t.values.every((t=>e.values.includes(t))),this.compareRequests=(t,e)=>(null==t.contentLocale||null==e.contentLocale||t.contentLocale===e.contentLocale)&&t.filters.length===e.filters.length&&t.filters.every((t=>e.filters.some((e=>this.compareFilters(t,e)))))}get recentSearchesStorageKey(){return this.baseUrl+":ft:recent-search-queries"}get request(){return{uiLocale:this.uiLocale,contentLocale:this.contentLocale,query:this.query,facets:this.facetsRequest,priors:this.priors.length>0?this.priors:void 0,filters:this.searchFilters,paging:{perPage:0,page:1},sort:[]}}get facetsRequest(){const t=this.searchFilters.filter((t=>!this.displayedFilters.includes(t.key))).map((t=>({id:t.key})));return[...this.displayedFilters.map((t=>({id:t}))),...t]}get suggestRequest(){return{contentLocale:this.contentLocale,input:this.query,filters:this.searchFilters,priors:this.priors.length>0?this.priors:void 0,sort:[]}}get isMobile(){return this.sizeCategory===It.S}get hasFacets(){return this.facetsRequest.length>0}get hasPresets(){return this.presets.length>0}get hasLocaleSelector(){return this.availableContentLocales.length>1}focus(){var t;null===(t=this.container)||void 0===t||t.focus()}clear(){this.query="",this.searchFilters=[],this.input&&(this.input.value=""),this.mobileMenuOpen=!1,this.displayFacets=!1}render(){const t={"ft-search-bar--container":!0,"ft-search-bar--dense":!this.isMobile&&this.dense,"ft-search-bar--mobile":this.isMobile,"ft-search-bar--desktop":!this.isMobile,"ft-search-bar--floating-panel-open":!this.isMobile&&this.displayFacets,"ft-search-bar--mobile-menu-open":this.mobileMenuOpen};return W`
|
|
2154
2225
|
<ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
|
|
2155
2226
|
<div class="${jt(t)}" part="container" tabindex="-1">
|
|
2156
2227
|
${this.isMobile?this.renderMobileSearchBar():this.renderDesktopSearchBar()}
|
|
@@ -2174,28 +2245,34 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2174
2245
|
${this.displayFacets?this.renderMobileFacets():this.renderSuggestions()}
|
|
2175
2246
|
${this.mobileMenuOpen||this.displayFacets?W`
|
|
2176
2247
|
<ft-button class="ft-search-bar--launch-search"
|
|
2177
|
-
part="search-
|
|
2248
|
+
part="launch-search-in-panel"
|
|
2178
2249
|
icon="search"
|
|
2179
2250
|
@click=${this.launchSearch}>
|
|
2180
2251
|
${this.labelResolver.resolve("searchButton")}
|
|
2181
2252
|
</ft-button>
|
|
2182
2253
|
`:q}
|
|
2183
2254
|
`}renderMobileSearchBarButtons(){return this.query||this.mobileMenuOpen?W`
|
|
2184
|
-
<
|
|
2185
|
-
|
|
2186
|
-
|
|
2255
|
+
<div class="ft-search-bar--actions"
|
|
2256
|
+
part="search-bar-actions">
|
|
2257
|
+
<ft-button class="ft-search-bar--clear-query"
|
|
2258
|
+
part="clear-query"
|
|
2259
|
+
icon="close"
|
|
2260
|
+
round
|
|
2261
|
+
label="${this.labelResolver.resolve("clearInputButton")}"
|
|
2262
|
+
@click=${()=>{this.setQuery(""),this.mobileMenuOpen=!1,this.displayFacets=!1}}
|
|
2263
|
+
></ft-button>
|
|
2264
|
+
</div>
|
|
2265
|
+
`:W`
|
|
2266
|
+
<div class="ft-search-bar--actions"
|
|
2267
|
+
part="search-bar-actions">
|
|
2268
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2269
|
+
part="launch-search-in-bar"
|
|
2270
|
+
icon="search"
|
|
2187
2271
|
round
|
|
2188
|
-
label="${this.labelResolver.resolve("
|
|
2189
|
-
@click=${()=>{this.
|
|
2272
|
+
label="${this.labelResolver.resolve("searchButton")}"
|
|
2273
|
+
@click=${()=>{var t;return null===(t=this.input)||void 0===t?void 0:t.focus()}}
|
|
2190
2274
|
></ft-button>
|
|
2191
|
-
|
|
2192
|
-
<ft-button class="ft-search-bar--launch-search"
|
|
2193
|
-
part="search-bar-actions"
|
|
2194
|
-
icon="search"
|
|
2195
|
-
round
|
|
2196
|
-
label="${this.labelResolver.resolve("searchButton")}"
|
|
2197
|
-
@click=${()=>{var t;return null===(t=this.input)||void 0===t?void 0:t.focus()}}
|
|
2198
|
-
></ft-button>
|
|
2275
|
+
</div>
|
|
2199
2276
|
`}renderMobileFacets(){var t;const e=this.availableContentLocales.filter((t=>t.lang===this.contentLocale)).pop();return W`
|
|
2200
2277
|
<ft-accordion class="ft-search-bar--filters-container">
|
|
2201
2278
|
${this.hasLocaleSelector?W`
|
|
@@ -2216,12 +2293,12 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2216
2293
|
></ft-filter>
|
|
2217
2294
|
</ft-accordion-item>
|
|
2218
2295
|
`:null}
|
|
2219
|
-
${Dt(this.facets,(t=>t.key),(t=>{const e=
|
|
2296
|
+
${Dt(this.facets,(t=>t.key),(t=>{const e=Ye(t);return W`
|
|
2220
2297
|
<ft-accordion-item data-facet-key="${t.key}">
|
|
2221
2298
|
<div class="ft-search-bar--filter-label" slot="toggle">
|
|
2222
2299
|
<ft-typography variant="button">${t.label}</ft-typography>
|
|
2223
2300
|
<ft-typography variant="body2">
|
|
2224
|
-
${function(t){return
|
|
2301
|
+
${function(t){return qe(t.options,(t=>{var e;return null!==(e=t.subOptions)&&void 0!==e?e:[]})).filter((t=>t.selected)).map((t=>t.label))}(e).join(", ")}
|
|
2225
2302
|
</ft-typography>
|
|
2226
2303
|
</div>
|
|
2227
2304
|
<ft-filter
|
|
@@ -2261,7 +2338,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2261
2338
|
${this.renderDesktopFacets()}
|
|
2262
2339
|
<div class="ft-search-bar--facets-actions">
|
|
2263
2340
|
<ft-button class="ft-search-bar--launch-search"
|
|
2264
|
-
part="search-
|
|
2341
|
+
part="launch-search-in-panel"
|
|
2265
2342
|
icon="search"
|
|
2266
2343
|
@click=${this.launchSearch}>
|
|
2267
2344
|
${this.labelResolver.resolve("searchButton")}
|
|
@@ -2292,23 +2369,26 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2292
2369
|
`))}
|
|
2293
2370
|
</ft-select>
|
|
2294
2371
|
`:q}renderDesktopSearchBarButtons(){return W`
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2372
|
+
<div class="ft-search-bar--actions"
|
|
2373
|
+
part="search-bar-actions">
|
|
2374
|
+
${this.query?W`
|
|
2375
|
+
<ft-button class="ft-search-bar--clear-query"
|
|
2376
|
+
part="clear-query"
|
|
2377
|
+
icon="close"
|
|
2378
|
+
round dense
|
|
2379
|
+
label="${this.labelResolver.resolve("clearInputButton")}"
|
|
2380
|
+
@click=${()=>this.setQuery("")}
|
|
2381
|
+
></ft-button>
|
|
2382
|
+
<div class="ft-search-bar--separator"></div>
|
|
2383
|
+
`:null}
|
|
2384
|
+
<ft-button class="ft-search-bar--launch-search"
|
|
2385
|
+
part="launch-search-in-bar"
|
|
2386
|
+
icon="search"
|
|
2299
2387
|
round dense
|
|
2300
|
-
label="${this.labelResolver.resolve("
|
|
2301
|
-
@click=${
|
|
2388
|
+
label="${this.labelResolver.resolve("searchButton")}"
|
|
2389
|
+
@click=${this.launchSearch}
|
|
2302
2390
|
></ft-button>
|
|
2303
|
-
|
|
2304
|
-
`:null}
|
|
2305
|
-
<ft-button class="ft-search-bar--launch-search"
|
|
2306
|
-
part="search-bar-actions"
|
|
2307
|
-
icon="search"
|
|
2308
|
-
round dense
|
|
2309
|
-
label="${this.labelResolver.resolve("searchButton")}"
|
|
2310
|
-
@click=${this.launchSearch}
|
|
2311
|
-
></ft-button>
|
|
2391
|
+
</div>
|
|
2312
2392
|
`}renderFacetsActions(){return W`
|
|
2313
2393
|
<div class="ft-search-bar--facets-actions">
|
|
2314
2394
|
${this.hasPresets?W`
|
|
@@ -2347,7 +2427,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2347
2427
|
@change=${t=>this.contentLocale=t.detail[0]}
|
|
2348
2428
|
></ft-filter>
|
|
2349
2429
|
`:q}
|
|
2350
|
-
${Dt(this.facets,(t=>t.key),(t=>{const e=
|
|
2430
|
+
${Dt(this.facets,(t=>t.key),(t=>{const e=Ye(t),i=e.options.some((t=>{var e,i;return(null!==(i=null===(e=t.subOptions)||void 0===e?void 0:e.length)&&void 0!==i?i:0)>0}));return W`
|
|
2351
2431
|
<ft-filter
|
|
2352
2432
|
class="${i?"ft-search-bar--hierarchical-filter":""}"
|
|
2353
2433
|
part="filters"
|
|
@@ -2373,7 +2453,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2373
2453
|
${this.getLocaleLabel(this.contentLocale)}
|
|
2374
2454
|
</ft-chip>
|
|
2375
2455
|
`:null}
|
|
2376
|
-
${Dt(this.facets,(t=>t.key),(e=>{const i=function(t){return
|
|
2456
|
+
${Dt(this.facets,(t=>t.key),(e=>{const i=function(t){return qe(t.rootNodes,(t=>t.selected?[]:t.childNodes)).filter((t=>t.selected)).map((t=>t.value))}(e);return Dt(i,(o=>{let s=e.label+": "+function(t){return Je(t).split("|").join(" > ")}(o);const n=W`
|
|
2377
2457
|
<ft-chip
|
|
2378
2458
|
part="selected-filters"
|
|
2379
2459
|
?dense=${this.dense&&!this.isMobile}
|
|
@@ -2384,7 +2464,7 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2384
2464
|
title=${t?s:q}
|
|
2385
2465
|
@click=${()=>this.openMobileFilters(e.key)}
|
|
2386
2466
|
@icon-click=${()=>this.setFilter(e.key,i.filter((t=>t!==o)))}>
|
|
2387
|
-
${function(t){return
|
|
2467
|
+
${function(t){return Je(t).split("|").pop()}(o)}
|
|
2388
2468
|
</ft-chip>
|
|
2389
2469
|
`;return t?n:W`
|
|
2390
2470
|
<ft-tooltip inline text="${s}">
|
|
@@ -2447,8 +2527,8 @@ class ai extends zt{constructor(t){if(super(t),this.it=q,t.type!==Ot)throw Error
|
|
|
2447
2527
|
</ft-typography>
|
|
2448
2528
|
`:null}
|
|
2449
2529
|
</div>
|
|
2450
|
-
`}getIcon(t){const e="DOCUMENT"===t.type?
|
|
2530
|
+
`}getIcon(t){const e="DOCUMENT"===t.type?ki.file_format:ki.fluid_topics;let i;switch(t.type){case"MAP":i="BOOK"===t.editorialType?yi.BOOK:yi.ARTICLE;break;case"DOCUMENT":i=function(t,e){var i,o,s,n;t=(null!=t?t:"").toLowerCase(),e=(null!=e?e:"").toLowerCase();const[r,l]=((null!==(i=wi.get(t))&&void 0!==i?i:t)+"/").split("/");return null!==(n=null!==(s=null!==(o=$i.get(l))&&void 0!==o?o:$i.get(e))&&void 0!==s?s:$i.get(r))&&void 0!==n?n:mi.UNKNOWN}(t.mimeType,t.filenameExtension);break;case"TOPIC":i=yi.TOPICS}return W`
|
|
2451
2531
|
<ft-icon variant="${e}" part="suggestion-icon">
|
|
2452
2532
|
${i}
|
|
2453
2533
|
</ft-icon>
|
|
2454
|
-
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){var e,i;super.firstUpdated(t),this.initApi(),this.availableContentLocales=null!==(i=await(null===(e=this.api)||void 0===e?void 0:e.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[]))))&&void 0!==i?i:[]}update(t){var e,i,o;if(t.has("labels")&&(this.labelResolver=new yt(
|
|
2534
|
+
`}openMobileFilters(t){this.isMobile&&(this.mobileMenuOpen=!0,this.displayFacets=!0,this.scrollToFacet=t)}async firstUpdated(t){var e,i;super.firstUpdated(t),this.initApi(),this.availableContentLocales=null!==(i=await(null===(e=this.api)||void 0===e?void 0:e.getAvailableSearchLocales().then((t=>t.contentLocales)).catch((()=>[]))))&&void 0!==i?i:[]}update(t){var e,i,o;if(t.has("labels")&&(this.labelResolver=new yt(Ko,this.labels)),t.has("sizeCategory")&&(this.mobileMenuOpen=!1,this.displayFacets=this.displayFacets&&!this.isMobile),super.update(t),(t.has("availableContentLocales")||t.has("contentLocale"))&&this.availableContentLocales.length>0){const i=t=>this.availableContentLocales.some((e=>e.lang===t));i(this.contentLocale)||(this.contentLocale=t.has("contentLocale")&&i(t.get("contentLocale"))?t.get("contentLocale"):null===(e=this.availableContentLocales[0])||void 0===e?void 0:e.lang)}if(t.has("baseUrl")&&this.baseUrl&&(this.baseUrl.endsWith("/")&&(this.baseUrl=this.baseUrl.replace(/\/$/,"")),this.recentSearches=JSON.parse(null!==(i=window.localStorage.getItem(this.recentSearchesStorageKey))&&void 0!==i?i:"[]")),t.has("selectedPreset")){const t=this.presets.find((t=>t.name===this.selectedPreset));t&&!this.compareRequests(this.request,t)&&this.setFiltersFromPreset(t)}["contentLocale","searchFilters"].some((e=>t.has(e)))&&(this.selectedPreset=null===(o=this.presets.find((t=>this.compareRequests(t,this.request))))||void 0===o?void 0:o.name),["baseUrl","apiIntegrationIdentifier"].some((e=>t.has(e)))&&this.setApi(),["uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateFacets(),["query","uiLocale","contentLocale","searchFilters","displayedFilters","api"].some((e=>t.has(e)))&&this.updateSuggestions(),["query","uiLocale","contentLocale","searchFilters"].some((e=>t.has(e)))&&this.dispatchEvent(new Vo(this.request))}contentAvailableCallback(t){var e,i,o;if(super.contentAvailableCallback(t),t.has("displayFacets")&&this.displayFacets&&(null===(e=this.floatingContainer)||void 0===e||e.focus()),null!=this.scrollToFacet&&this.facetsLoaded){null===(i=this.scrollingFiltersContainer)||void 0===i||i.scrollIndexIntoView(this.facets.findIndex((t=>t.key===this.scrollToFacet)));const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`ft-accordion-item[data-facet-key="${this.scrollToFacet}"]`);t&&(t.active=!0),this.scrollToFacet=void 0}}initApi(){null==this.api&&(this.setApi(),setTimeout((()=>this.initApi()),100))}setApi(){this.api=window.fluidtopics?new window.fluidtopics.FluidTopicsApi(this.baseUrl,this.apiIntegrationIdentifier,!0):void 0}updateFacets(){this.facetsRequest.length>0?(this.facetsLoaded=!1,this.updateFacetsDebouncer.run((async()=>{var t,e;this.facets=null!==(e=await(null===(t=this.api)||void 0===t?void 0:t.search({...this.request,query:""}).then((t=>t.facets)).catch((()=>[]))))&&void 0!==e?e:[],this.facets.forEach((t=>this.knownFacetLabels[t.key]=t.label)),this.facetsLoaded=!0}))):this.facets=[]}updateSuggestions(){this.suggestionsLoaded=!1,this.suggestDebouncer.run((async()=>{this.suggestions=this.api&&this.query.length>2?await this.api.getSuggestions(this.suggestRequest).then((t=>t.suggestions)).catch((()=>[])):[],this.suggestionsLoaded=!0}))}onSearchBarKeyUp(t){const e=t.composedPath()[0];this.query=e.value,"Enter"===t.key&&this.launchSearch()}onSearchBarKeyDown(t){var e,i;switch(t.key){case"Escape":this.mobileMenuOpen=!1,null===(e=this.input)||void 0===e||e.blur();break;case"ArrowDown":t.stopPropagation(),t.preventDefault(),null===(i=this.firstSuggestion)||void 0===i||i.focus()}}onFloatingContainerKeyUp(t){var e;"Escape"===t.key&&(this.displayFacets=!1,null===(e=this.filtersOpener)||void 0===e||e.focus())}setQuery(t){this.input&&(this.input.value=t),this.query=t}onSuggestClick(t,e){t.ctrlKey||t.metaKey||this.onSuggestSelected(t,e)}onSuggestKeyUp(t,e){"Enter"!==t.key&&" "!==t.key||this.onSuggestSelected(t,e)}onSuggestSelected(t,e){t.preventDefault(),this.setQuery(e),this.launchSearch()}launchSearch(){if(this.query){let t=this.recentSearches.filter((t=>t.toLowerCase()!==this.query.toLowerCase())).filter(((t,e)=>e<20));this.recentSearches=[this.query,...t],this.saveRecentSearches()}this.dispatchEvent(new Wo(this.request)),this.mobileMenuOpen=!1,this.displayFacets=!1,this.focus()}saveRecentSearches(){window.localStorage.setItem(this.recentSearchesStorageKey,JSON.stringify(this.recentSearches))}connectedCallback(){super.connectedCallback(),document.addEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("focusin",this.closeFloatingContainer),document.addEventListener("click",this.closeFloatingContainer)}updateSize(t){this.sizeCategory=t.detail.category}getLocaleLabel(t){var e;return null!==(e=this.availableContentLocales.filter((e=>{var i;return(null!==(i=e.lang)&&void 0!==i?i:"").toLowerCase()===(null!=t?t:"").toLowerCase()})).map((t=>t.label)).pop())&&void 0!==e?e:t}setFilter(t,e){let i=this.searchFilters.filter((e=>e.key!==t));this.facets.forEach((i=>{i.key===t&&qe(i.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=e.includes(t.value)))})),e.length&&i.push({key:t,negative:!1,values:e}),this.searchFilters=i,this.scrollToFacet=t}setFiltersFromPreset(t){null!=t&&(null!=t.contentLocale&&(this.contentLocale=t.contentLocale),this.searchFilters=t.filters)}clearFilters(){this.facets.forEach((t=>qe(t.rootNodes,(t=>t.childNodes)).forEach((t=>t.selected=!1)))),this.searchFilters=[];const t=this.facets[0];this.scrollToFacet=null==t?void 0:t.key}removeRecentSearch(t,e){var i,o,s,n;t.preventDefault(),t.stopPropagation();const r=null!==(n=null!==(o=null===(i=this.focusedSuggestion)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.input;null==r||r.focus(),this.recentSearches=this.recentSearches.filter((t=>t.toLowerCase()!==e.toLowerCase())),this.saveRecentSearches()}onSuggestKeyDown(t){var e,i,o,s,n,r;switch(t.key){case"ArrowUp":null===(o=null!==(i=null===(e=this.focusedSuggestion)||void 0===e?void 0:e.previousElementSibling)&&void 0!==i?i:this.lastSuggestion)||void 0===o||o.focus(),t.preventDefault(),t.stopPropagation();break;case"ArrowDown":null===(r=null!==(n=null===(s=this.focusedSuggestion)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstSuggestion)||void 0===r||r.focus(),t.preventDefault(),t.stopPropagation()}}}qo.elementDefinitions={"ft-accordion":go,"ft-accordion-item":wo,"ft-button":Ri,"ft-chip":No,"ft-filter":fo,"ft-filter-option":bo,"ft-icon":Ci,"ft-ripple":li,"ft-select":Uo,"ft-select-option":jo,"ft-size-watcher":Pt,"ft-snap-scroll":io,"ft-tooltip":ui,"ft-typography":Ve},qo.styles=[_e,Po,Ao,_o,Ho],Zo([o({type:Boolean})],qo.prototype,"dense",void 0),Zo([o({type:String})],qo.prototype,"baseUrl",void 0),Zo([o({type:String})],qo.prototype,"apiIntegrationIdentifier",void 0),Zo([o({type:String})],qo.prototype,"contentLocale",void 0),Zo([s()],qo.prototype,"availableContentLocales",void 0),Zo([o({type:String})],qo.prototype,"uiLocale",void 0),Zo([p({})],qo.prototype,"labels",void 0),Zo([p([])],qo.prototype,"displayedFilters",void 0),Zo([p([])],qo.prototype,"presets",void 0),Zo([p([])],qo.prototype,"priors",void 0),Zo([o({type:String,reflect:!0})],qo.prototype,"selectedPreset",void 0),Zo([o()],qo.prototype,"searchRequestSerializer",void 0),Zo([s()],qo.prototype,"searchFilters",void 0),Zo([s()],qo.prototype,"sizeCategory",void 0),Zo([s()],qo.prototype,"displayFacets",void 0),Zo([s()],qo.prototype,"mobileMenuOpen",void 0),Zo([s()],qo.prototype,"facets",void 0),Zo([r(".ft-search-bar--container")],qo.prototype,"container",void 0),Zo([r(".ft-search-bar--filters-opener")],qo.prototype,"filtersOpener",void 0),Zo([r(".ft-search-bar--floating-panel")],qo.prototype,"floatingContainer",void 0),Zo([r("ft-snap-scroll.ft-search-bar--filters-container")],qo.prototype,"scrollingFiltersContainer",void 0),Zo([r(".ft-search-bar--input")],qo.prototype,"input",void 0),Zo([s()],qo.prototype,"query",void 0),Zo([s()],qo.prototype,"suggestions",void 0),Zo([s()],qo.prototype,"suggestionsLoaded",void 0),Zo([s()],qo.prototype,"recentSearches",void 0),Zo([s()],qo.prototype,"scrollToFacet",void 0),Zo([r(".ft-search-bar--suggestion:first-child")],qo.prototype,"firstSuggestion",void 0),Zo([r(".ft-search-bar--suggestion:focus-within")],qo.prototype,"focusedSuggestion",void 0),Zo([r(".ft-search-bar--suggestion:last-child")],qo.prototype,"lastSuggestion",void 0),Zo([s()],qo.prototype,"api",void 0),h("ft-search-bar")(qo),t.DEFAULT_LABELS=Ko,t.FtSearchBar=qo,t.FtSearchBarCssVariables=To,t.LaunchSearchEvent=Wo,t.SearchStateChangeEvent=Vo,Object.defineProperty(t,"t",{value:!0})}({});
|