@fluid-topics/ft-filter 0.2.3 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-filter.inline-styles.js +117 -101
- package/build/ft-filter.light.js +113 -97
- package/build/ft-filter.min.js +116 -100
- package/package.json +10 -10
|
@@ -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 h={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,h),this._definitionsByClass.set(s,h);let c=i.call(o,t);c||(c=p(t),e.call(o,t,c)),this===window.customElements&&(r.set(s,h),h.standInClass=c);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,h,!0)}const v=this._whenDefinedPromises.get(t);return void 0!==v&&(v.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){b.push(this),o.upgrade.apply(o,arguments),b.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 h=t=>t===document||t instanceof ShadowRoot,c=t=>{let e=t.getRootNode();if(!h(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),h(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=c(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)},v=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=v.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const x=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),b.pop(),t}};x(ShadowRoot,"createElement",document),x(ShadowRoot,"importNode",document),x(Element,"insertAdjacentHTML");const y=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){b.push(this),i.set.call(this,t),b.pop()}})};if(y(Element,"innerHTML"),y(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 h={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,h),this._definitionsByClass.set(s,h);let c=i.call(o,t);c||(c=p(t),e.call(o,t,c)),this===window.customElements&&(r.set(s,h),h.standInClass=c);const f=this._awaitingUpgrade.get(t);if(f){this._awaitingUpgrade.delete(t);for(const t of f)n.delete(t),u(t,h,!0)}const v=this._whenDefinedPromises.get(t);return void 0!==v&&(v.resolve(s),this._whenDefinedPromises.delete(t)),s}upgrade(){b.push(this),o.upgrade.apply(o,arguments),b.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 h=t=>t===document||t instanceof ShadowRoot,c=t=>{let e=t.getRootNode();if(!h(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),h(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=c(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)},v=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=v.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const x=(t,e,i)=>{const o=(i?Object.getPrototypeOf(i):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=o.apply(i||this,arguments);return void 0!==t&&l.set(t,this),b.pop(),t}};x(ShadowRoot,"createElement",document),x(ShadowRoot,"importNode",document),x(Element,"insertAdjacentHTML");const y=(t,e)=>{const i=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...i,set(t){b.push(this),i.set.call(this,t),b.pop()}})};if(y(Element,"innerHTML"),y(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(bi){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 t{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
|
|
@@ -92,7 +92,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
92
92
|
-ms-user-select: none;
|
|
93
93
|
user-select: none;
|
|
94
94
|
}
|
|
95
|
-
`;function xt(t){var e;let i;if("elementDefinitions"in t){i={};const e=t.elementDefinitions;for(let t in e)i[t]=xt(e[t])}return e=class extends t{
|
|
95
|
+
`;function xt(t){var e;let i;if("elementDefinitions"in t){i={};const e=t.elementDefinitions;for(let t in e)i[t]=xt(e[t])}return e=class extends t{render(){var e;let i=null!==(e=t.styles)&&void 0!==e?e:[];return Array.isArray(i)||(i=[i]),W`
|
|
96
96
|
${i.map((t=>W`
|
|
97
97
|
<style>${t}</style>
|
|
98
98
|
`))}
|
|
@@ -219,7 +219,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
219
219
|
* @license
|
|
220
220
|
* Copyright 2017 Google LLC
|
|
221
221
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
222
|
-
*/var Ye=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=
|
|
222
|
+
*/var Ye=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=dt.extend("--ft-ripple-color",ut.colorContent),Qe={color:Ge,backgroundColor:dt.extend("--ft-ripple-background-color",Ge),opacityContentOnSurfacePressed:dt.external(ut.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:dt.external(ut.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:dt.external(ut.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:dt.external(ut.opacityContentOnSurfaceSelected,"Design system")},ti=dt.extend("--ft-ripple-color",ut.colorPrimary),ei=ti,ii=dt.extend("--ft-ripple-background-color",ti),oi=dt.extend("--ft-ripple-color",ut.colorSecondary),si=oi,ni=dt.extend("--ft-ripple-background-color",oi);class ri extends vt{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 t(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`
|
|
223
223
|
<style>
|
|
224
224
|
.ft-ripple .ft-ripple--effect,
|
|
225
225
|
.ft-ripple.ft-ripple--unbounded .ft-ripple--background {
|
|
@@ -236,7 +236,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
236
236
|
<div class="ft-ripple--background"></div>
|
|
237
237
|
<div class="ft-ripple--effect"></div>
|
|
238
238
|
</div>
|
|
239
|
-
`}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
|
|
239
|
+
`}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()}}ri.elementDefinitions={},ri.styles=v`
|
|
240
240
|
:host {
|
|
241
241
|
display: contents;
|
|
242
242
|
}
|
|
@@ -255,17 +255,30 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
255
255
|
.ft-ripple .ft-ripple--effect {
|
|
256
256
|
position: absolute;
|
|
257
257
|
opacity: 0;
|
|
258
|
-
background-color: ${Ge.color};
|
|
259
258
|
}
|
|
260
259
|
|
|
261
|
-
.ft-ripple
|
|
260
|
+
.ft-ripple .ft-ripple--background {
|
|
261
|
+
background-color: ${Qe.backgroundColor};
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
.ft-ripple .ft-ripple--effect {
|
|
265
|
+
background-color: ${Qe.color};
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
269
|
+
background-color: ${ni};
|
|
270
|
+
}
|
|
271
|
+
|
|
262
272
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
263
|
-
background-color: ${
|
|
273
|
+
background-color: ${si};
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
277
|
+
background-color: ${ii};
|
|
264
278
|
}
|
|
265
279
|
|
|
266
|
-
.ft-ripple.ft-ripple--primary .ft-ripple--background,
|
|
267
280
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
268
|
-
background-color: ${
|
|
281
|
+
background-color: ${ei};
|
|
269
282
|
}
|
|
270
283
|
|
|
271
284
|
.ft-ripple .ft-ripple--background {
|
|
@@ -273,6 +286,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
273
286
|
left: 0;
|
|
274
287
|
height: 100%;
|
|
275
288
|
width: 100%;
|
|
289
|
+
transition: opacity 75ms linear;
|
|
276
290
|
}
|
|
277
291
|
|
|
278
292
|
.ft-ripple .ft-ripple--effect,
|
|
@@ -296,22 +310,22 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
296
310
|
}
|
|
297
311
|
|
|
298
312
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
299
|
-
opacity: ${
|
|
313
|
+
opacity: ${Qe.opacityContentOnSurfaceHover};
|
|
300
314
|
}
|
|
301
315
|
|
|
302
316
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
303
|
-
opacity: ${
|
|
317
|
+
opacity: ${Qe.opacityContentOnSurfaceSelected};
|
|
304
318
|
}
|
|
305
319
|
|
|
306
320
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
307
|
-
opacity: ${
|
|
321
|
+
opacity: ${Qe.opacityContentOnSurfaceFocused};
|
|
308
322
|
}
|
|
309
323
|
|
|
310
324
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
311
|
-
opacity: ${
|
|
325
|
+
opacity: ${Qe.opacityContentOnSurfacePressed};
|
|
312
326
|
transform: translate(-50%, -50%) scale(1);
|
|
313
327
|
}
|
|
314
|
-
`,Ye([i({type:Boolean})],
|
|
328
|
+
`,Ye([i({type:Boolean})],ri.prototype,"primary",void 0),Ye([i({type:Boolean})],ri.prototype,"secondary",void 0),Ye([i({type:Boolean})],ri.prototype,"unbounded",void 0),Ye([i({type:Boolean})],ri.prototype,"activated",void 0),Ye([i({type:Boolean})],ri.prototype,"selected",void 0),Ye([i({type:Boolean})],ri.prototype,"disabled",void 0),Ye([o()],ri.prototype,"hovered",void 0),Ye([o()],ri.prototype,"focused",void 0),Ye([o()],ri.prototype,"pressed",void 0),Ye([o()],ri.prototype,"rippling",void 0),Ye([o()],ri.prototype,"rippleSize",void 0),Ye([o()],ri.prototype,"originX",void 0),Ye([o()],ri.prototype,"originY",void 0),Ye([n(".ft-ripple")],ri.prototype,"ripple",void 0),Ye([n(".ft-ripple--effect")],ri.prototype,"rippleEffect",void 0),h("ft-ripple")(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 ai=dt.create("--ft-tooltip-distance","SIZE","4px"),hi=dt.create("--ft-tooltip-color","COLOR","#FFFFFF"),ci=dt.create("--ft-tooltip-background-color","COLOR","#666666"),pi=dt.create("--ft-tooltip-z-index","NUMBER","1"),di=dt.external(ut.borderRadiusS,"Design system");class fi extends vt{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.hideDebounce=new t,this.revealDebouncer=new t}render(){return W`
|
|
315
329
|
<div part="container"
|
|
316
330
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
317
331
|
@mouseenter=${this.onHover}
|
|
@@ -326,7 +340,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
326
340
|
</div>
|
|
327
341
|
<slot></slot>
|
|
328
342
|
</div>
|
|
329
|
-
`}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())}}
|
|
343
|
+
`}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())}}fi.elementDefinitions={"ft-typography":De},fi.styles=v`
|
|
330
344
|
.ft-tooltip--container {
|
|
331
345
|
display: block;
|
|
332
346
|
position: relative;
|
|
@@ -344,21 +358,21 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
344
358
|
width: max-content;
|
|
345
359
|
max-width: 150px;
|
|
346
360
|
text-align: center;
|
|
347
|
-
padding: ${
|
|
348
|
-
z-index: ${
|
|
361
|
+
padding: ${ai};
|
|
362
|
+
z-index: ${pi};
|
|
349
363
|
}
|
|
350
364
|
|
|
351
365
|
.ft-tooltip--content {
|
|
352
366
|
padding: 4px 8px;
|
|
353
|
-
border-radius: ${
|
|
354
|
-
background-color: ${
|
|
355
|
-
color: ${
|
|
367
|
+
border-radius: ${di};
|
|
368
|
+
background-color: ${ci};
|
|
369
|
+
color: ${hi};
|
|
356
370
|
top: -500px;
|
|
357
371
|
left: -500px;
|
|
358
372
|
position: relative;
|
|
359
373
|
word-break: break-word;
|
|
360
374
|
}
|
|
361
|
-
`,
|
|
375
|
+
`,li([i()],fi.prototype,"text",void 0),li([i({type:Boolean})],fi.prototype,"manual",void 0),li([i({type:Boolean})],fi.prototype,"inline",void 0),li([i({type:Number})],fi.prototype,"delay",void 0),li([i()],fi.prototype,"position",void 0),li([function(t,e,i){let o,n=t;return"object"==typeof t?(n=t.slot,o=t):o={flatten:e},i?a({slot:n,flatten:e,selector:i}):s({descriptor:t=>({get(){var t,e;const i="slot"+(n?`[name=${n}]`:":not([name])"),s=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(i);return null!==(e=null==s?void 0:s.assignedNodes(o))&&void 0!==e?e:[]},enumerable:!0,configurable:!0})})}("",!0)],fi.prototype,"slotNodes",void 0),li([n(".ft-tooltip--container")],fi.prototype,"container",void 0),li([n("slot")],fi.prototype,"target",void 0),li([n(".ft-tooltip")],fi.prototype,"tooltip",void 0),li([n(".ft-tooltip--content")],fi.prototype,"tooltipContent",void 0),li([o()],fi.prototype,"visible",void 0),h("ft-tooltip")(fi);const ui={color:dt.extend("--ft-loader-color",ut.colorPrimary),size:dt.create("--ft-loader-size","SIZE","80px")};class vi extends vt{static get styles(){return v`
|
|
362
376
|
:host {
|
|
363
377
|
line-height: 0;
|
|
364
378
|
}
|
|
@@ -367,8 +381,8 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
367
381
|
display: inline-block;
|
|
368
382
|
position: relative;
|
|
369
383
|
|
|
370
|
-
width: ${
|
|
371
|
-
height: ${
|
|
384
|
+
width: ${ui.size};
|
|
385
|
+
height: ${ui.size};
|
|
372
386
|
}
|
|
373
387
|
|
|
374
388
|
.ft-loader div {
|
|
@@ -377,7 +391,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
377
391
|
width: 25%;
|
|
378
392
|
height: 25%;
|
|
379
393
|
border-radius: 50%;
|
|
380
|
-
background: ${
|
|
394
|
+
background: ${ui.color};
|
|
381
395
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
382
396
|
}
|
|
383
397
|
|
|
@@ -424,7 +438,7 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
424
438
|
transform: translate(0, 0);
|
|
425
439
|
}
|
|
426
440
|
100% {
|
|
427
|
-
transform: translate(calc(0.35 * ${
|
|
441
|
+
transform: translate(calc(0.35 * ${ui.size}), 0);
|
|
428
442
|
}
|
|
429
443
|
}
|
|
430
444
|
`}render(){return W`
|
|
@@ -434,27 +448,27 @@ var at,ht;null==lt||lt(X,Q),(null!==(C=globalThis.litHtmlVersions)&&void 0!==C?C
|
|
|
434
448
|
<div></div>
|
|
435
449
|
<div></div>
|
|
436
450
|
</div>
|
|
437
|
-
`}}h("ft-loader")(
|
|
451
|
+
`}}h("ft-loader")(vi);
|
|
438
452
|
/**
|
|
439
453
|
* @license
|
|
440
454
|
* Copyright 2017 Google LLC
|
|
441
455
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
442
456
|
*/
|
|
443
|
-
class
|
|
457
|
+
class bi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===V||null==t)return this.vt=void 0,this.it=t;if(t===K)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.vt;this.it=t;const e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}}bi.directiveName="unsafeHTML",bi.resultType=1;const xi=_e(bi);var yi,gi;!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=""}(gi||(gi={})),new Map([...["abw"].map((t=>[t,gi.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,gi.AUDIO])),...["avi"].map((t=>[t,gi.AVI])),...["chm","xhs"].map((t=>[t,gi.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,gi.CODE])),...["csv"].map((t=>[t,gi.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,gi.DITA])),...["epub"].map((t=>[t,gi.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,gi.EXCEL])),...["flac"].map((t=>[t,gi.FLAC])),...["gif"].map((t=>[t,gi.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,gi.GZIP])),...["html","htm","xhtml"].map((t=>[t,gi.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,gi.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,gi.JPEG])),...["json"].map((t=>[t,gi.JSON])),...["m4a","m4p"].map((t=>[t,gi.M4A])),...["mov","qt"].map((t=>[t,gi.MOV])),...["mp3"].map((t=>[t,gi.MP3])),...["mp4","m4v"].map((t=>[t,gi.MP4])),...["ogg","oga"].map((t=>[t,gi.OGG])),...["pdf","ps"].map((t=>[t,gi.PDF])),...["png"].map((t=>[t,gi.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,gi.POWERPOINT])),...["rar"].map((t=>[t,gi.RAR])),...["stp"].map((t=>[t,gi.STP])),...["txt","rtf","md","mdown"].map((t=>[t,gi.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,gi.VIDEO])),...["wav"].map((t=>[t,gi.WAV])),...["wma"].map((t=>[t,gi.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,gi.WORD])),...["xml","xsl","rdf"].map((t=>[t,gi.XML])),...["yaml","yml","x-yaml"].map((t=>[t,gi.YAML])),...["zip"].map((t=>[t,gi.ZIP]))]);var mi,$i=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"}(mi||(mi={}));const wi={size:dt.create("--ft-icon-font-size","SIZE","24px"),fluidTopicsFontFamily:dt.extend("--ft-icon-fluid-topics-font-family",dt.create("--ft-icon-font-family","UNKNOWN","ft-icons")),fileFormatFontFamily:dt.extend("--ft-icon-file-format-font-family",dt.create("--ft-icon-font-family","UNKNOWN","ft-mime")),materialFontFamily:dt.extend("--ft-icon-material-font-family",dt.create("--ft-icon-font-family","UNKNOWN","Material Icons"))};class ki extends vt{constructor(){super(...arguments),this.variant=mi.fluid_topics}render(){return W`
|
|
444
458
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
445
|
-
${
|
|
459
|
+
${xi(this.getIcon())}
|
|
446
460
|
<slot @slotchange=${()=>this.requestUpdate()} ?hidden=${"material"!==this.variant}></slot>
|
|
447
461
|
</i>
|
|
448
|
-
`}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===
|
|
462
|
+
`}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===mi.file_format?null!==(t=gi[i.toUpperCase()])&&void 0!==t?t:i:this.variant===mi.fluid_topics?null!==(e=yi[i.toUpperCase()])&&void 0!==e?e:i:V}}ki.elementDefinitions={},ki.styles=v`
|
|
449
463
|
:host, i.ft-icon {
|
|
450
464
|
display: inline-block;
|
|
451
|
-
width: ${
|
|
452
|
-
height: ${
|
|
465
|
+
width: ${wi.size};
|
|
466
|
+
height: ${wi.size};
|
|
453
467
|
text-align: center;
|
|
454
468
|
}
|
|
455
469
|
|
|
456
470
|
i.ft-icon {
|
|
457
|
-
font-size: ${
|
|
471
|
+
font-size: ${wi.size};
|
|
458
472
|
line-height: 1;
|
|
459
473
|
font-weight: normal;
|
|
460
474
|
text-transform: none;
|
|
@@ -468,17 +482,17 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
468
482
|
}
|
|
469
483
|
|
|
470
484
|
.ft-icon--fluid-topics {
|
|
471
|
-
font-family: ${
|
|
485
|
+
font-family: ${wi.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
472
486
|
}
|
|
473
487
|
|
|
474
488
|
.ft-icon--file-format {
|
|
475
|
-
font-family: ${
|
|
489
|
+
font-family: ${wi.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
476
490
|
}
|
|
477
491
|
|
|
478
492
|
.ft-icon--material {
|
|
479
|
-
font-family: ${
|
|
493
|
+
font-family: ${wi.materialFontFamily}, "Material Icons", sans-serif;
|
|
480
494
|
}
|
|
481
|
-
|
|
495
|
+
`,$i([i()],ki.prototype,"variant",void 0),$i([n("slot")],ki.prototype,"slottedContent",void 0),h("ft-icon")(ki);var Oi=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 Si=dt.extend("--ft-button-color",ut.colorPrimary),Ci={backgroundColor:dt.extend("--ft-button-background-color",ut.colorSurface),borderRadius:dt.extend("--ft-button-border-radius",ut.borderRadiusL),color:Si,fontSize:dt.extend("--ft-button-font-size",Se.fontSize),iconSize:dt.create("--ft-button-icon-size","SIZE","24px"),rippleColor:dt.extend("--ft-button-ripple-color",Si),opacityDisabled:dt.external(ut.colorOpacityDisabled,"Design system")},Ei=dt.extend("--ft-button-primary-color",dt.extend("--ft-button-color",ut.colorOnPrimary)),Ni={backgroundColor:dt.extend("--ft-button-primary-background-color",dt.extend("--ft-button-background-color",ut.colorPrimary)),color:Ei,rippleColor:dt.extend("--ft-button-primary-ripple-color",Ei)},zi=dt.extend("--ft-button-dense-border-radius",dt.extend("--ft-button-border-radius",ut.borderRadiusM));class Ri extends vt{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[bt,v`
|
|
482
496
|
:host {
|
|
483
497
|
display: inline-block;
|
|
484
498
|
max-width: 100%;
|
|
@@ -517,18 +531,18 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
517
531
|
border: none;
|
|
518
532
|
pointer-events: auto;
|
|
519
533
|
|
|
520
|
-
--ft-button-internal-font-size: ${
|
|
534
|
+
--ft-button-internal-font-size: ${Ci.fontSize};
|
|
521
535
|
--ft-button-internal-line-height: calc(var(--ft-button-internal-font-size) + 2px);
|
|
522
|
-
--ft-button-internal-color: ${
|
|
523
|
-
${ft(
|
|
536
|
+
--ft-button-internal-color: ${Ci.color};
|
|
537
|
+
${ft(wi.size,Ci.iconSize)};
|
|
524
538
|
--ft-button-internal-vertical-padding: 6px;
|
|
525
539
|
--ft-button-internal-horizontal-padding: 8px;
|
|
526
|
-
${ft(
|
|
527
|
-
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${
|
|
540
|
+
${ft(Qe.color,Ci.rippleColor)};
|
|
541
|
+
--ft-button-internal-content-height: max(var(--ft-button-internal-line-height), ${Ci.iconSize});
|
|
528
542
|
|
|
529
|
-
border-radius: ${
|
|
543
|
+
border-radius: ${Ci.borderRadius};
|
|
530
544
|
padding: var(--ft-button-internal-vertical-padding) var(--ft-button-internal-horizontal-padding);
|
|
531
|
-
background-color: ${
|
|
545
|
+
background-color: ${Ci.backgroundColor};
|
|
532
546
|
color: var(--ft-button-internal-color);
|
|
533
547
|
-webkit-mask-image: radial-gradient(white, black);
|
|
534
548
|
}
|
|
@@ -540,7 +554,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
540
554
|
.ft-button--dense {
|
|
541
555
|
--ft-button-internal-vertical-padding: 2px;
|
|
542
556
|
--ft-button-internal-horizontal-padding: 4px;
|
|
543
|
-
border-radius: ${
|
|
557
|
+
border-radius: ${zi};
|
|
544
558
|
}
|
|
545
559
|
|
|
546
560
|
.ft-button--round {
|
|
@@ -549,13 +563,13 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
549
563
|
|
|
550
564
|
.ft-button[disabled] {
|
|
551
565
|
filter: grayscale(1);
|
|
552
|
-
opacity: ${
|
|
566
|
+
opacity: ${Ci.opacityDisabled};
|
|
553
567
|
}
|
|
554
568
|
|
|
555
569
|
.ft-button.ft-button--primary {
|
|
556
|
-
background-color: ${
|
|
557
|
-
--ft-button-internal-color: ${
|
|
558
|
-
${ft(
|
|
570
|
+
background-color: ${Ni.backgroundColor};
|
|
571
|
+
--ft-button-internal-color: ${Ni.color};
|
|
572
|
+
${ft(Qe.color,Ni.rippleColor)};
|
|
559
573
|
}
|
|
560
574
|
|
|
561
575
|
.ft-button.ft-button--outlined {
|
|
@@ -568,6 +582,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
568
582
|
}
|
|
569
583
|
|
|
570
584
|
.ft-button--label {
|
|
585
|
+
position: relative;
|
|
571
586
|
overflow: hidden;
|
|
572
587
|
white-space: nowrap;
|
|
573
588
|
text-overflow: ellipsis;
|
|
@@ -593,6 +608,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
593
608
|
|
|
594
609
|
ft-icon {
|
|
595
610
|
flex-shrink: 0;
|
|
611
|
+
position: relative;
|
|
596
612
|
}
|
|
597
613
|
|
|
598
614
|
.ft-button--label[hidden] + ft-icon {
|
|
@@ -606,8 +622,8 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
606
622
|
}
|
|
607
623
|
|
|
608
624
|
ft-loader {
|
|
609
|
-
${ft(
|
|
610
|
-
${ft(
|
|
625
|
+
${ft(ui.size,Ci.iconSize)};
|
|
626
|
+
${ft(ui.color,"var(--ft-button-internal-color)")};
|
|
611
627
|
}
|
|
612
628
|
`]}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":$t,"ft-no-text-select":!0};return this.addTooltip(W`
|
|
613
629
|
<button part="button"
|
|
@@ -631,7 +647,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
631
647
|
</ft-tooltip>
|
|
632
648
|
`}resolveIcon(){return this.loading?W`
|
|
633
649
|
<ft-loader></ft-loader> `:this.icon?W`
|
|
634
|
-
<ft-icon variant="material">${this.icon}</ft-icon> `:V}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}}
|
|
650
|
+
<ft-icon variant="material">${this.icon}</ft-icon> `:V}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":ri,"ft-tooltip":fi,"ft-typography":De,"ft-icon":ki,"ft-loader":vi},Oi([i({type:Boolean})],Ri.prototype,"primary",void 0),Oi([i({type:Boolean})],Ri.prototype,"outlined",void 0),Oi([i({type:Boolean})],Ri.prototype,"disabled",void 0),Oi([i({type:Boolean})],Ri.prototype,"dense",void 0),Oi([i({type:Boolean})],Ri.prototype,"round",void 0),Oi([i({type:String})],Ri.prototype,"label",void 0),Oi([i({type:String})],Ri.prototype,"icon",void 0),Oi([i({type:Boolean})],Ri.prototype,"trailingIcon",void 0),Oi([i({type:Boolean})],Ri.prototype,"loading",void 0),Oi([i({type:String})],Ri.prototype,"tooltipPosition",void 0),Oi([n(".ft-button")],Ri.prototype,"button",void 0),Oi([n(".ft-button--label slot")],Ri.prototype,"slottedContent",void 0),h("ft-button")(Ri);var Mi=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 Bi=dt.extend("--ft-checkbox-text-color",ut.colorOnSurfaceHigh),Fi=dt.external(ut.colorPrimary,"Design system"),ji=dt.external(ut.colorOnPrimary,"Design system"),Ui=dt.extend("--ft-checkbox-border-color",ut.colorOnSurfaceMedium),Di=dt.external(ut.colorOnSurfaceDisabled,"Design system");class Li extends vt{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`
|
|
635
651
|
<label class="${Xe(t)}">
|
|
636
652
|
<div class="ft-checkbox--box-container">
|
|
637
653
|
<input type="checkbox"
|
|
@@ -656,14 +672,14 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
656
672
|
<slot></slot>
|
|
657
673
|
</ft-typography>
|
|
658
674
|
</label>
|
|
659
|
-
`}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)}}
|
|
675
|
+
`}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)}}Li.elementDefinitions={"ft-ripple":ri,"ft-typography":De},Li.styles=v`
|
|
660
676
|
* {
|
|
661
677
|
box-sizing: border-box;
|
|
662
678
|
}
|
|
663
679
|
|
|
664
680
|
.ft-checkbox {
|
|
665
681
|
box-sizing: border-box;
|
|
666
|
-
color: ${
|
|
682
|
+
color: ${Bi};
|
|
667
683
|
|
|
668
684
|
display: inline-flex;
|
|
669
685
|
align-items: center;
|
|
@@ -671,7 +687,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
671
687
|
}
|
|
672
688
|
|
|
673
689
|
.ft-checkbox--disabled {
|
|
674
|
-
color: ${
|
|
690
|
+
color: ${Di};
|
|
675
691
|
}
|
|
676
692
|
|
|
677
693
|
input {
|
|
@@ -694,26 +710,26 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
694
710
|
}
|
|
695
711
|
|
|
696
712
|
.ft-checkbox--box {
|
|
697
|
-
border: 2px solid ${
|
|
713
|
+
border: 2px solid ${Ui};
|
|
698
714
|
border-radius: 2px;
|
|
699
715
|
|
|
700
716
|
width: 18px;
|
|
701
717
|
height: 18px;
|
|
702
718
|
|
|
703
|
-
color: ${
|
|
719
|
+
color: ${ji};
|
|
704
720
|
}
|
|
705
721
|
|
|
706
722
|
|
|
707
723
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
708
724
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
709
|
-
border-color: ${
|
|
710
|
-
background-color: ${
|
|
725
|
+
border-color: ${Fi};
|
|
726
|
+
background-color: ${Fi};
|
|
711
727
|
}
|
|
712
728
|
|
|
713
729
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
714
|
-
border-color: ${
|
|
730
|
+
border-color: ${Di};
|
|
715
731
|
background-color: transparent;
|
|
716
|
-
color: ${
|
|
732
|
+
color: ${Di};
|
|
717
733
|
}
|
|
718
734
|
|
|
719
735
|
.ft-checkbox--checkmark {
|
|
@@ -732,7 +748,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
732
748
|
.ft-checkbox--indeterminate .ft-checkbox--checkmark {
|
|
733
749
|
opacity: 1;
|
|
734
750
|
}
|
|
735
|
-
`,
|
|
751
|
+
`,Mi([i()],Li.prototype,"name",void 0),Mi([i({type:Boolean})],Li.prototype,"checked",void 0),Mi([i({type:Boolean})],Li.prototype,"indeterminate",void 0),Mi([i({type:Boolean})],Li.prototype,"disabled",void 0),Mi([n(".ft-checkbox")],Li.prototype,"container",void 0),Mi([n("ft-ripple")],Li.prototype,"ripple",void 0),h("ft-checkbox")(Li);var Ti=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 Ai=dt.extend("--ft-radio-text-color",ut.colorOnSurfaceHigh),_i=dt.external(ut.colorPrimary,"Design system"),Pi=(dt.external(ut.colorOnPrimary,"Design system"),dt.extend("--ft-radio-border-color",ut.colorOnSurfaceMedium)),Ii=dt.external(ut.colorOnSurfaceDisabled,"Design system");class Hi extends CustomEvent{constructor(t,e){super("change",{detail:{value:t,checked:e},bubbles:!0,composed:!0})}}class Wi extends vt{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`
|
|
736
752
|
<div class="${Xe(t)}">
|
|
737
753
|
<div class="ft-radio--box-container">
|
|
738
754
|
<input id="radio-button"
|
|
@@ -757,14 +773,14 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
757
773
|
</ft-typography>
|
|
758
774
|
</label>
|
|
759
775
|
</div>
|
|
760
|
-
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new
|
|
776
|
+
`}onChange(t){t.stopPropagation(),this.checked=t.target.checked,this.dispatchEvent(new Hi(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 Hi(this.value,this.checked)),this.focus()}focus(){var t;null===(t=this.input)||void 0===t||t.focus()}}Wi.elementDefinitions={"ft-ripple":ri,"ft-typography":De},Wi.styles=v`
|
|
761
777
|
* {
|
|
762
778
|
box-sizing: border-box;
|
|
763
779
|
}
|
|
764
780
|
|
|
765
781
|
.ft-radio {
|
|
766
782
|
box-sizing: border-box;
|
|
767
|
-
color: ${
|
|
783
|
+
color: ${Ai};
|
|
768
784
|
|
|
769
785
|
display: inline-flex;
|
|
770
786
|
align-items: center;
|
|
@@ -772,7 +788,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
772
788
|
}
|
|
773
789
|
|
|
774
790
|
.ft-radio--disabled {
|
|
775
|
-
color: ${
|
|
791
|
+
color: ${Ii};
|
|
776
792
|
}
|
|
777
793
|
|
|
778
794
|
input {
|
|
@@ -795,7 +811,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
795
811
|
}
|
|
796
812
|
|
|
797
813
|
.ft-radio--box {
|
|
798
|
-
border: 2px solid ${
|
|
814
|
+
border: 2px solid ${Pi};
|
|
799
815
|
border-radius: 50%;
|
|
800
816
|
|
|
801
817
|
display: flex;
|
|
@@ -808,7 +824,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
808
824
|
|
|
809
825
|
.ft-radio--box:after {
|
|
810
826
|
content: " ";
|
|
811
|
-
background-color: ${
|
|
827
|
+
background-color: ${_i};
|
|
812
828
|
|
|
813
829
|
border-radius: 50%;
|
|
814
830
|
|
|
@@ -820,7 +836,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
820
836
|
}
|
|
821
837
|
|
|
822
838
|
.ft-radio--checked .ft-radio--box {
|
|
823
|
-
border-color: ${
|
|
839
|
+
border-color: ${_i};
|
|
824
840
|
}
|
|
825
841
|
|
|
826
842
|
|
|
@@ -829,24 +845,24 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
829
845
|
}
|
|
830
846
|
|
|
831
847
|
.ft-radio--disabled .ft-radio--box {
|
|
832
|
-
border-color: ${
|
|
848
|
+
border-color: ${Ii};
|
|
833
849
|
background-color: transparent;
|
|
834
850
|
}
|
|
835
851
|
|
|
836
852
|
.ft-radio--disabled .ft-radio--box:after {
|
|
837
|
-
background-color: ${
|
|
853
|
+
background-color: ${Ii};
|
|
838
854
|
}
|
|
839
|
-
`,
|
|
855
|
+
`,Ti([i()],Wi.prototype,"value",void 0),Ti([i()],Wi.prototype,"name",void 0),Ti([i({type:Boolean})],Wi.prototype,"checked",void 0),Ti([i({type:Boolean})],Wi.prototype,"disabled",void 0),Ti([n(".ft-radio")],Wi.prototype,"container",void 0),Ti([n("ft-ripple")],Wi.prototype,"ripple",void 0),Ti([n("input")],Wi.prototype,"input",void 0);var Ki=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 Vi extends vt{constructor(){super(...arguments),this.name=""}render(){return W`
|
|
840
856
|
<slot @slotchange=${this.onSlotChange}
|
|
841
857
|
@change=${this.onChange}
|
|
842
858
|
@keydown=${this.onKeyDown}
|
|
843
859
|
@focusin=${this.onFocusIn}
|
|
844
860
|
></slot>
|
|
845
|
-
`}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)}}
|
|
861
|
+
`}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)}}Vi.elementDefinitions={},Vi.styles=v`
|
|
846
862
|
:host {
|
|
847
863
|
display: contents;
|
|
848
864
|
}
|
|
849
|
-
`,
|
|
865
|
+
`,Ki([i()],Vi.prototype,"name",void 0),Ki([a()],Vi.prototype,"radioButtons",void 0),h("ft-radio")(Wi),h("ft-radio-group")(Vi);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 Ji={borderRadiusM:dt.external(ut.borderRadiusM,"Design system"),colorOutline:dt.external(ut.colorOutline,"Design system"),colorOnSurface:dt.external(ut.colorOnSurface,"Design system"),colorOnSurfaceMedium:dt.external(ut.colorOnSurfaceMedium,"Design system"),colorOnSurfaceDisabled:dt.external(ut.colorOnSurfaceDisabled,"Design system"),colorPrimary:dt.external(ut.colorPrimary,"Design system"),colorOnPrimary:dt.external(ut.colorOnPrimary,"Design system"),fontFamily:dt.external(re.fontFamily,"Body2 typography"),fontSize:dt.external(re.fontSize,"Body2 typography"),fontWeight:dt.external(re.fontWeight,"Body2 typography"),letterSpacing:dt.external(re.letterSpacing,"Body2 typography"),lineHeight:dt.external(re.lineHeight,"Body2 typography"),textTransform:dt.external(re.textTransform,"Body2 typography")};class qi extends vt{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`
|
|
850
866
|
<div class="ft-filter-level--container ${this.disabled?"ft-filter--disabled":""}">
|
|
851
867
|
${null==this.parent?null:W`
|
|
852
868
|
<div tabindex="0"
|
|
@@ -899,7 +915,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
899
915
|
|
|
900
916
|
${t.label}
|
|
901
917
|
</ft-radio>
|
|
902
|
-
`}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}))}}
|
|
918
|
+
`}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":ri,"ft-typography":De,"ft-checkbox":Li,"ft-icon":ki,"ft-radio":Wi},qi.styles=[v`
|
|
903
919
|
.ft-filter-level--container {
|
|
904
920
|
display: flex;
|
|
905
921
|
flex-direction: column;
|
|
@@ -913,14 +929,14 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
913
929
|
flex-shrink: 0;
|
|
914
930
|
text-decoration: none;
|
|
915
931
|
position: relative;
|
|
916
|
-
border-radius: ${
|
|
932
|
+
border-radius: ${Ji.borderRadiusM};
|
|
917
933
|
overflow: hidden;
|
|
918
934
|
display: flex;
|
|
919
935
|
align-items: center;
|
|
920
936
|
padding: 4px 4px;
|
|
921
937
|
gap: 4px;
|
|
922
938
|
cursor: pointer;
|
|
923
|
-
color: ${
|
|
939
|
+
color: ${Ji.colorOnSurface};
|
|
924
940
|
}
|
|
925
941
|
|
|
926
942
|
.ft-filter-level--go-back:focus {
|
|
@@ -949,7 +965,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
949
965
|
}
|
|
950
966
|
|
|
951
967
|
ft-button {
|
|
952
|
-
${ft(
|
|
968
|
+
${ft(Ci.color,Ji.colorOnSurface)};
|
|
953
969
|
}
|
|
954
970
|
|
|
955
971
|
ft-radio, ft-checkbox {
|
|
@@ -960,7 +976,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
960
976
|
margin-left: -10px;
|
|
961
977
|
word-break: break-word;
|
|
962
978
|
}
|
|
963
|
-
`],
|
|
979
|
+
`],Zi([i({type:String})],qi.prototype,"id",void 0),Zi([i({type:Object})],qi.prototype,"parent",void 0),Zi([i({type:Array})],qi.prototype,"options",void 0),Zi([i({type:Boolean})],qi.prototype,"multivalued",void 0),Zi([i({type:Boolean})],qi.prototype,"disabled",void 0),Zi([i({type:Boolean})],qi.prototype,"hideSelectedOptions",void 0),Zi([i({type:Boolean})],qi.prototype,"preventNavigation",void 0),Zi([i({type:String})],qi.prototype,"filter",void 0),Zi([i({type:String})],qi.prototype,"moreValuesButtonLabel",void 0),Zi([i({type:Number})],qi.prototype,"displayedValuesLimit",void 0),Zi([n(".ft-filter-level--container")],qi.prototype,"container",void 0),Zi([o()],qi.prototype,"displayedPages",void 0);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={buttonsColor:dt.extend("--ft-snap-scroll-buttons-color",ut.colorPrimary),buttonsZIndex:dt.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:dt.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:dt.external(ut.colorSurface,"Design system")};class Gi extends CustomEvent{constructor(t,e){super("current-element-change",{detail:{index:t,element:e}})}}class Qi extends vt{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 t(200),this.updateScrollDebouncer=new t(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=Xe({"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":$t}),e=this.controls&&this.withScroll;return W`
|
|
964
980
|
<div part="container" class="${t}">
|
|
965
981
|
<ft-button
|
|
966
982
|
class="ft-snap-scroll--previous"
|
|
@@ -984,7 +1000,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
984
1000
|
@click=${this.next}
|
|
985
1001
|
></ft-button>
|
|
986
1002
|
</div>
|
|
987
|
-
`}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
|
|
1003
|
+
`}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 Gi(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)}}Qi.elementDefinitions={"ft-button":Ri},Qi.styles=v`
|
|
988
1004
|
.ft-snap-scroll {
|
|
989
1005
|
box-sizing: border-box;
|
|
990
1006
|
position: relative;
|
|
@@ -1019,7 +1035,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1019
1035
|
flex-wrap: nowrap;
|
|
1020
1036
|
align-items: flex-start;
|
|
1021
1037
|
justify-content: flex-start;
|
|
1022
|
-
gap: ${
|
|
1038
|
+
gap: ${Yi.gap};
|
|
1023
1039
|
}
|
|
1024
1040
|
|
|
1025
1041
|
.ft-snap-scroll--hide-scrollbar .ft-snap-scroll--content::-webkit-scrollbar {
|
|
@@ -1062,11 +1078,11 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1062
1078
|
.ft-snap-scroll--next {
|
|
1063
1079
|
position: absolute;
|
|
1064
1080
|
display: flex;
|
|
1065
|
-
z-index: ${
|
|
1081
|
+
z-index: ${Yi.buttonsZIndex};
|
|
1066
1082
|
opacity: 1;
|
|
1067
1083
|
transition: background-color .5s ease-in-out, opacity .5s ease-in-out, z-index .5s ease-in-out;
|
|
1068
|
-
${ft(
|
|
1069
|
-
${ft(
|
|
1084
|
+
${ft(Ci.backgroundColor,"transparent")};
|
|
1085
|
+
${ft(Ci.color,Yi.buttonsColor)};
|
|
1070
1086
|
}
|
|
1071
1087
|
|
|
1072
1088
|
.ft-snap-scroll--previous[hidden],
|
|
@@ -1079,37 +1095,37 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1079
1095
|
top: 0;
|
|
1080
1096
|
left: -1px;
|
|
1081
1097
|
bottom: 0;
|
|
1082
|
-
background: linear-gradient(to right, ${
|
|
1098
|
+
background: linear-gradient(to right, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1083
1099
|
}
|
|
1084
1100
|
|
|
1085
1101
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous {
|
|
1086
1102
|
top: -1px;
|
|
1087
1103
|
left: 0;
|
|
1088
1104
|
right: 0;
|
|
1089
|
-
background: linear-gradient(to bottom, ${
|
|
1105
|
+
background: linear-gradient(to bottom, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1090
1106
|
}
|
|
1091
1107
|
|
|
1092
1108
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next {
|
|
1093
1109
|
top: 0;
|
|
1094
1110
|
right: -1px;
|
|
1095
1111
|
bottom: 0;
|
|
1096
|
-
background: linear-gradient(to left, ${
|
|
1112
|
+
background: linear-gradient(to left, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1097
1113
|
}
|
|
1098
1114
|
|
|
1099
1115
|
.ft-snap-scroll--vertical .ft-snap-scroll--next {
|
|
1100
1116
|
left: 0;
|
|
1101
1117
|
right: 0;
|
|
1102
1118
|
bottom: -1px;
|
|
1103
|
-
background: linear-gradient(to top, ${
|
|
1119
|
+
background: linear-gradient(to top, ${Yi.colorSurface} 50%, var(--ft-snap-scroll-transparent-color));
|
|
1104
1120
|
}
|
|
1105
1121
|
|
|
1106
1122
|
.ft-snap-scroll--horizontal .ft-snap-scroll--previous:hover,
|
|
1107
1123
|
.ft-snap-scroll--horizontal .ft-snap-scroll--next:hover,
|
|
1108
1124
|
.ft-snap-scroll--vertical .ft-snap-scroll--previous:hover,
|
|
1109
1125
|
.ft-snap-scroll--vertical .ft-snap-scroll--next:hover {
|
|
1110
|
-
background-color: ${
|
|
1126
|
+
background-color: ${Yi.colorSurface};
|
|
1111
1127
|
}
|
|
1112
|
-
`,
|
|
1128
|
+
`,Xi([i({type:Boolean})],Qi.prototype,"horizontal",void 0),Xi([i({type:Boolean})],Qi.prototype,"hideScrollbar",void 0),Xi([i({type:Boolean})],Qi.prototype,"controls",void 0),Xi([i({type:Boolean})],Qi.prototype,"limitSize",void 0),Xi([o()],Qi.prototype,"elements",void 0),Xi([o()],Qi.prototype,"currentElement",void 0),Xi([o()],Qi.prototype,"withScroll",void 0),Xi([o()],Qi.prototype,"startReached",void 0),Xi([o()],Qi.prototype,"endReached",void 0),Xi([n(".ft-snap-scroll--content")],Qi.prototype,"contentSlot",void 0),h("ft-snap-scroll")(Qi);var to=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 eo=dt.external(ut.colorOutline,"Design system"),io=dt.external(ut.colorOnSurface,"Design system"),oo=dt.external(ut.colorOnSurfaceMedium,"Design system"),so=dt.external(ut.colorPrimary,"Design system"),no=dt.external(ut.colorSurface,"Design system"),ro=dt.external(ut.transitionDuration,"Design system"),lo=dt.external(ut.transitionTimingFunction,"Design system");class ao extends CustomEvent{constructor(t){super("change",{detail:t})}}class ho extends vt{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 t(300),this.changeDebouncer=new t(10)}get flatOptions(){return Le(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`
|
|
1113
1129
|
<div class="ft-filter--container ${this.disabled?"ft-filter--disabled":""}"
|
|
1114
1130
|
part="container">
|
|
1115
1131
|
${this.label||i?W`
|
|
@@ -1174,7 +1190,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1174
1190
|
@display-level=${this.onDisplayLevel}
|
|
1175
1191
|
part="values"
|
|
1176
1192
|
></ft-filter-level>
|
|
1177
|
-
`}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
|
|
1193
|
+
`}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 ao(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)}}ho.elementDefinitions={"ft-button":Ri,"ft-filter-level":qi,"ft-snap-scroll":Qi,"ft-typography":De},ho.styles=[Be,v`
|
|
1178
1194
|
:host {
|
|
1179
1195
|
display: flex;
|
|
1180
1196
|
max-height: 100%;
|
|
@@ -1187,8 +1203,8 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1187
1203
|
flex-direction: column;
|
|
1188
1204
|
max-height: 100%;
|
|
1189
1205
|
max-width: 100%;
|
|
1190
|
-
color: ${
|
|
1191
|
-
background: ${
|
|
1206
|
+
color: ${io};
|
|
1207
|
+
background: ${no};
|
|
1192
1208
|
}
|
|
1193
1209
|
|
|
1194
1210
|
.ft-filter--header {
|
|
@@ -1204,7 +1220,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1204
1220
|
.ft-filter--header ft-button {
|
|
1205
1221
|
flex-shrink: 0;
|
|
1206
1222
|
margin-left: auto;
|
|
1207
|
-
${ft(
|
|
1223
|
+
${ft(Ci.iconSize,"18px")};
|
|
1208
1224
|
}
|
|
1209
1225
|
|
|
1210
1226
|
.ft-filter--label {
|
|
@@ -1224,8 +1240,8 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1224
1240
|
padding: 0 10px;
|
|
1225
1241
|
overflow: hidden;
|
|
1226
1242
|
height: 32px;
|
|
1227
|
-
transition: height ${
|
|
1228
|
-
margin ${
|
|
1243
|
+
transition: height ${ro} ${lo},
|
|
1244
|
+
margin ${ro} ${lo};
|
|
1229
1245
|
transition-delay: 500ms;
|
|
1230
1246
|
}
|
|
1231
1247
|
|
|
@@ -1238,11 +1254,11 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1238
1254
|
display: block;
|
|
1239
1255
|
width: 100%;
|
|
1240
1256
|
border-radius: 4px;
|
|
1241
|
-
border: 1px solid ${
|
|
1257
|
+
border: 1px solid ${eo};
|
|
1242
1258
|
padding: 4px;
|
|
1243
|
-
background-color: ${
|
|
1244
|
-
color: ${
|
|
1245
|
-
outline-color: ${
|
|
1259
|
+
background-color: ${no};
|
|
1260
|
+
color: ${oo};
|
|
1261
|
+
outline-color: ${so};
|
|
1246
1262
|
}
|
|
1247
1263
|
|
|
1248
1264
|
.ft-filter--values {
|
|
@@ -1254,7 +1270,7 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1254
1270
|
}
|
|
1255
1271
|
|
|
1256
1272
|
.ft-filter--separator {
|
|
1257
|
-
border-top: 1px solid ${
|
|
1273
|
+
border-top: 1px solid ${eo};
|
|
1258
1274
|
margin: 4px 10px;
|
|
1259
1275
|
}
|
|
1260
1276
|
|
|
@@ -1279,6 +1295,6 @@ class hi extends Pe{constructor(t){if(super(t),this.it=V,t.type!==Ae)throw Error
|
|
|
1279
1295
|
slot {
|
|
1280
1296
|
display: none;
|
|
1281
1297
|
}
|
|
1282
|
-
`],
|
|
1298
|
+
`],to([i({type:String})],ho.prototype,"id",void 0),to([i({type:String})],ho.prototype,"label",void 0),to([i({type:String})],ho.prototype,"filterPlaceHolder",void 0),to([i({type:String})],ho.prototype,"clearButtonLabel",void 0),to([i({type:String})],ho.prototype,"moreValuesButtonLabel",void 0),to([function(t,e){const o=()=>JSON.parse(JSON.stringify(t));return i({type:Object,converter:{fromAttribute:t=>{if(null==t)return o();try{return JSON.parse(t)}catch{return o()}},toAttribute:t=>JSON.stringify(t)},...null!=e?e:{}})}([])],ho.prototype,"options",void 0),to([i({type:Boolean})],ho.prototype,"multivalued",void 0),to([i({type:Boolean})],ho.prototype,"disabled",void 0),to([i({type:Boolean})],ho.prototype,"raiseSelectedOptions",void 0),to([i({type:Number})],ho.prototype,"displayedValuesLimit",void 0),to([n(".ft-filter--slot")],ho.prototype,"slotElement",void 0),to([n(".ft-filter--container")],ho.prototype,"container",void 0),to([n(".ft-filter--values")],ho.prototype,"valuesContainer",void 0),to([n(".ft-filter--levels")],ho.prototype,"levelsContainer",void 0),to([n(".ft-filter--levels ft-filter-level:last-child")],ho.prototype,"lastLevel",void 0),to([function(t){return s({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")],ho.prototype,"levels",void 0),to([o()],ho.prototype,"withScroll",void 0),to([o()],ho.prototype,"filter",void 0),to([o()],ho.prototype,"slideIn",void 0),to([o()],ho.prototype,"slideOut",void 0);var co=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 po extends vt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1,this.subOptions=[]}render(){return W`
|
|
1283
1299
|
<slot class="ft-filter-option--slot" @slotchange=${this.updateSubOptionsFromSlot}></slot>
|
|
1284
|
-
`}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}))}}
|
|
1300
|
+
`}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}))}}po.elementDefinitions={},co([i({type:String})],po.prototype,"label",void 0),co([i({type:Object,converter:t=>t})],po.prototype,"value",void 0),co([i({type:Boolean,reflect:!0})],po.prototype,"selected",void 0),co([i({type:Object})],po.prototype,"subOptions",void 0),co([n(".ft-filter-option--slot")],po.prototype,"slotElement",void 0),h("ft-filter")(xt(ho)),h("ft-filter-option")(xt(po))}();
|