@fluid-topics/ft-reader-metadata 1.1.9 → 1.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-reader-metadata.light.js +113 -113
- package/build/ft-reader-metadata.min.js +121 -121
- package/package.json +6 -6
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* subject to an additional IP rights grant found at
|
|
13
13
|
* http://polymer.github.io/PATENTS.txt
|
|
14
14
|
*/
|
|
15
|
-
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,i=window.customElements,r=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,r){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(r))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=r.prototype.attributeChangedCallback,l=new Set(r.observedAttributes||[]);h(r,l,s);const c={elementClass:r,connectedCallback:r.prototype.connectedCallback,disconnectedCallback:r.prototype.disconnectedCallback,adoptedCallback:r.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:r.formAssociated,formAssociatedCallback:r.prototype.formAssociatedCallback,formDisabledCallback:r.prototype.formDisabledCallback,formResetCallback:r.prototype.formResetCallback,formStateRestoreCallback:r.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(r,c);let p=e.call(i,t);p||(p=f(t),o.call(i,t,p)),this===window.customElements&&(a.set(r,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,c,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(r),this._whenDefinedPromises.delete(t)),r}upgrade(){g.push(this),i.upgrade.apply(i,arguments),g.pop()}get(t){const o=this._definitionsByTag.get(t);return o?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const o=this._getDefinition(t);if(void 0!==o)return Promise.resolve(o.elementClass);let e=this._whenDefinedPromises.get(t);return void 0===e&&(e={},e.promise=new Promise((t=>e.resolve=t)),this._whenDefinedPromises.set(t,e)),e.promise}_upgradeWhenDefined(t,o,e){let i=this._awaitingUpgrade.get(o);i||this._awaitingUpgrade.set(o,i=new Set),e?i.add(t):i.delete(t)}},window.HTMLElement=function(){let o=l;if(o)return l=void 0,o;const e=a.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return o=Reflect.construct(t,[],e.standInClass),Object.setPrototypeOf(o,this.constructor.prototype),r.set(o,e),o},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let o=t.getRootNode();if(!c(o)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;o=t.getRootNode(),c(o)||(o=s.get(o)?.getRootNode()||document)}return o.customElements},f=o=>class{static get formAssociated(){return!0}constructor(){const e=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);const i=p(e)||window.customElements,r=i._getDefinition(o);return r?u(e,r):n.set(e,i),e}connectedCallback(){const t=r.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!0)}disconnectedCallback(){const t=r.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!1)}adoptedCallback(){const t=r.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=r.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=r.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=r.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=r.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,o,e)=>{if(0===o.size||void 0===e)return;const i=t.prototype.setAttribute;i&&(t.prototype.setAttribute=function(t,r){const n=t.toLowerCase();if(o.has(n)){const t=this.getAttribute(n);i.call(this,n,r),e.call(this,n,t,r)}else i.call(this,n,r)});const r=t.prototype.removeAttribute;r&&(t.prototype.removeAttribute=function(t){const i=t.toLowerCase();if(o.has(i)){const t=this.getAttribute(i);r.call(this,i),e.call(this,i,t,null)}else r.call(this,i)});const n=t.prototype.toggleAttribute;n&&(t.prototype.toggleAttribute=function(t,i){const r=t.toLowerCase();if(o.has(r)){const t=this.getAttribute(r);n.call(this,r,i);const o=this.getAttribute(r);e.call(this,r,t,o)}else n.call(this,r,i)})},d=o=>{const e=Object.getPrototypeOf(o);if(e!==window.HTMLElement)return e===t?Object.setPrototypeOf(o,window.HTMLElement):d(e)},u=(t,o,e=!1)=>{Object.setPrototypeOf(t,o.elementClass.prototype),r.set(t,o),l=t;try{new o.elementClass}catch(t){d(o.elementClass),new o.elementClass}o.attributeChangedCallback&&o.observedAttributes.forEach((e=>{t.hasAttribute(e)&&o.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&o.connectedCallback&&t.isConnected&&o.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const o=y.apply(this,arguments);return t.customElements&&(o.customElements=t.customElements),o};let g=[document];const b=(t,o,e=void 0)=>{const i=(e?Object.getPrototypeOf(e):t.prototype)[o];t.prototype[o]=function(){g.push(this);const t=i.apply(e||this,arguments);return void 0!==t&&s.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,o)=>{const e=Object.getOwnPropertyDescriptor(t.prototype,o);Object.defineProperty(t.prototype,o,{...e,set(t){g.push(this),e.set.call(this,t),g.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,o=HTMLElement.prototype.attachInternals,e=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...e){const i=o.call(this,...e);return t.set(i,this),i},e.forEach((o=>{const e=window.ElementInternals.prototype,i=e[o];e[o]=function(...o){const e=t.get(this);if(!0===r.get(e).formAssociated)return i?.call(this,...o);throw new DOMException(`Failed to execute ${i} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class i extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const o=new Map;t.forEach(((t,e)=>{const i=t.getAttribute("name"),r=o.get(i)||[];this[+e]=t,r.push(t),o.set(i,r)})),this.length=t.length,o.forEach(((t,o)=>{t&&(1===t.length?this[o]=t[0]:this[o]=new i(t))}))}namedItem(t){return this[t]}}const a=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=a.get.call(this,[]),o=[];for(const e of t){const t=r.get(e);t&&!0!==t.formAssociated||o.push(e)}return new n(o)}})}}try{window.customElements.define("custom-element",null)}catch(
|
|
15
|
+
if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,o=window.customElements.define,e=window.customElements.get,i=window.customElements,r=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap;let l;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,r){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(r))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const s=r.prototype.attributeChangedCallback,l=new Set(r.observedAttributes||[]);h(r,l,s);const c={elementClass:r,connectedCallback:r.prototype.connectedCallback,disconnectedCallback:r.prototype.disconnectedCallback,adoptedCallback:r.prototype.adoptedCallback,attributeChangedCallback:s,formAssociated:r.formAssociated,formAssociatedCallback:r.prototype.formAssociatedCallback,formDisabledCallback:r.prototype.formDisabledCallback,formResetCallback:r.prototype.formResetCallback,formStateRestoreCallback:r.prototype.formStateRestoreCallback,observedAttributes:l};this._definitionsByTag.set(t,c),this._definitionsByClass.set(r,c);let p=e.call(i,t);p||(p=f(t),o.call(i,t,p)),this===window.customElements&&(a.set(r,c),c.standInClass=p);const d=this._awaitingUpgrade.get(t);if(d){this._awaitingUpgrade.delete(t);for(const t of d)n.delete(t),u(t,c,!0)}const y=this._whenDefinedPromises.get(t);return void 0!==y&&(y.resolve(r),this._whenDefinedPromises.delete(t)),r}upgrade(){g.push(this),i.upgrade.apply(i,arguments),g.pop()}get(t){const o=this._definitionsByTag.get(t);return o?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const o=this._getDefinition(t);if(void 0!==o)return Promise.resolve(o.elementClass);let e=this._whenDefinedPromises.get(t);return void 0===e&&(e={},e.promise=new Promise((t=>e.resolve=t)),this._whenDefinedPromises.set(t,e)),e.promise}_upgradeWhenDefined(t,o,e){let i=this._awaitingUpgrade.get(o);i||this._awaitingUpgrade.set(o,i=new Set),e?i.add(t):i.delete(t)}},window.HTMLElement=function(){let o=l;if(o)return l=void 0,o;const e=a.get(this.constructor);if(!e)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return o=Reflect.construct(t,[],e.standInClass),Object.setPrototypeOf(o,this.constructor.prototype),r.set(o,e),o},window.HTMLElement.prototype=t.prototype;const c=t=>t===document||t instanceof ShadowRoot,p=t=>{let o=t.getRootNode();if(!c(o)){const t=g[g.length-1];if(t instanceof CustomElementRegistry)return t;o=t.getRootNode(),c(o)||(o=s.get(o)?.getRootNode()||document)}return o.customElements},f=o=>class{static get formAssociated(){return!0}constructor(){const e=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(e,HTMLElement.prototype);const i=p(e)||window.customElements,r=i._getDefinition(o);return r?u(e,r):n.set(e,i),e}connectedCallback(){const t=r.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!0)}disconnectedCallback(){const t=r.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):n.get(this)._upgradeWhenDefined(this,o,!1)}adoptedCallback(){const t=r.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=r.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=r.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=r.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=r.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},h=(t,o,e)=>{if(0===o.size||void 0===e)return;const i=t.prototype.setAttribute;i&&(t.prototype.setAttribute=function(t,r){const n=t.toLowerCase();if(o.has(n)){const t=this.getAttribute(n);i.call(this,n,r),e.call(this,n,t,r)}else i.call(this,n,r)});const r=t.prototype.removeAttribute;r&&(t.prototype.removeAttribute=function(t){const i=t.toLowerCase();if(o.has(i)){const t=this.getAttribute(i);r.call(this,i),e.call(this,i,t,null)}else r.call(this,i)});const n=t.prototype.toggleAttribute;n&&(t.prototype.toggleAttribute=function(t,i){const r=t.toLowerCase();if(o.has(r)){const t=this.getAttribute(r);n.call(this,r,i);const o=this.getAttribute(r);e.call(this,r,t,o)}else n.call(this,r,i)})},d=o=>{const e=Object.getPrototypeOf(o);if(e!==window.HTMLElement)return e===t?Object.setPrototypeOf(o,window.HTMLElement):d(e)},u=(t,o,e=!1)=>{Object.setPrototypeOf(t,o.elementClass.prototype),r.set(t,o),l=t;try{new o.elementClass}catch(t){d(o.elementClass),new o.elementClass}o.attributeChangedCallback&&o.observedAttributes.forEach((e=>{t.hasAttribute(e)&&o.attributeChangedCallback.call(t,e,null,t.getAttribute(e))})),e&&o.connectedCallback&&t.isConnected&&o.connectedCallback.call(t)},y=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const o=y.apply(this,arguments);return t.customElements&&(o.customElements=t.customElements),o};let g=[document];const b=(t,o,e=void 0)=>{const i=(e?Object.getPrototypeOf(e):t.prototype)[o];t.prototype[o]=function(){g.push(this);const t=i.apply(e||this,arguments);return void 0!==t&&s.set(t,this),g.pop(),t}};b(ShadowRoot,"createElement",document),b(ShadowRoot,"importNode",document),b(Element,"insertAdjacentHTML");const m=(t,o)=>{const e=Object.getOwnPropertyDescriptor(t.prototype,o);Object.defineProperty(t.prototype,o,{...e,set(t){g.push(this),e.set.call(this,t),g.pop()}})};if(m(Element,"innerHTML"),m(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,o=HTMLElement.prototype.attachInternals,e=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...e){const i=o.call(this,...e);return t.set(i,this),i},e.forEach((o=>{const e=window.ElementInternals.prototype,i=e[o];e[o]=function(...o){const e=t.get(this);if(!0===r.get(e).formAssociated)return i?.call(this,...o);throw new DOMException(`Failed to execute ${i} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class i extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class n{constructor(t){const o=new Map;t.forEach(((t,e)=>{const i=t.getAttribute("name"),r=o.get(i)||[];this[+e]=t,r.push(t),o.set(i,r)})),this.length=t.length,o.forEach(((t,o)=>{t&&(1===t.length?this[o]=t[0]:this[o]=new i(t))}))}namedItem(t){return this[t]}}const a=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=a.get.call(this,[]),o=[];for(const e of t){const t=r.get(e);t&&!0!==t.formAssociated||o.push(e)}return new n(o)}})}}try{window.customElements.define("custom-element",null)}catch(Vr){const t=window.customElements.define;window.customElements.define=(o,e,i)=>{if(null!==e)try{t.bind(window.customElements)(o,e,i)}catch(t){console.info(o,e,i,t)}}}
|
|
16
16
|
/**
|
|
17
17
|
* @license
|
|
18
18
|
* Copyright 2019 Google LLC
|
|
@@ -254,7 +254,7 @@ class bo extends zt{constructor(){super(...arguments),this.renderOptions={host:t
|
|
|
254
254
|
}
|
|
255
255
|
|
|
256
256
|
.ft-tooltip {
|
|
257
|
-
position:
|
|
257
|
+
position: fixed;
|
|
258
258
|
box-sizing: border-box;
|
|
259
259
|
overflow: hidden;
|
|
260
260
|
width: max-content;
|
|
@@ -272,7 +272,7 @@ class bo extends zt{constructor(){super(...arguments),this.renderOptions={host:t
|
|
|
272
272
|
position: relative;
|
|
273
273
|
word-break: break-word;
|
|
274
274
|
}
|
|
275
|
-
`,Ui=["start","end"],Ii=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Ui[0],o+"-"+Ui[1])),[]),Li=Math.min,Wi=Math.max,zi=Math.round,Ki=t=>({x:t,y:t}),Fi={left:"right",right:"left",bottom:"top",top:"bottom"},Zi={start:"end",end:"start"};function Bi(t,o,e){return Wi(t,Li(o,e))}function Ai(t,o){return"function"==typeof t?t(o):t}function Mi(t){return t.split("-")[0]}function Di(t){return t.split("-")[1]}function Pi(t){return"x"===t?"y":"x"}function Hi(t){return"y"===t?"height":"width"}function ji(t){return["top","bottom"].includes(Mi(t))?"y":"x"}function Ti(t){return Pi(ji(t))}function _i(t){return t.replace(/left|right|bottom|top/g,(t=>Fi[t]))}function Gi(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Yi(t,o,e){let{reference:i,floating:r}=t;const n=ji(o),a=Ti(o),s=Hi(a),l=Mi(o),c="y"===n,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[s]/2-r[s]/2;let d;switch(l){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(Di(o)){case"start":d[a]-=h*(e&&c?-1:1);break;case"end":d[a]+=h*(e&&c?-1:1)}return d}async function Vi(t,o){var e;void 0===o&&(o={});const{x:i,y:r,platform:n,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=Ai(o,t),u=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),y=s[h?"floating"===f?"reference":"floating":f],g=Gi(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(y)))||e?y:y.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:p,strategy:l})),b="floating"===f?{...a.floating,x:i,y:r}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),x=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},v=Gi(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:m,strategy:l}):b);return{top:(g.top-v.top+u.top)/x.y,bottom:(v.bottom-g.bottom+u.bottom)/x.y,left:(g.left-v.left+u.left)/x.x,right:(v.right-g.right+u.right)/x.x}}function Ji(t,o,e){return(t?[...e.filter((o=>Di(o)===t)),...e.filter((o=>Di(o)!==t))]:e.filter((t=>Mi(t)===t))).filter((e=>!t||(Di(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Zi[t]))}(e)!==e)))}const qi=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,i,r;const{rects:n,middlewareData:a,placement:s,platform:l,elements:c}=o,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Ii,autoAlignment:d=!0,...u}=Ai(t,o),y=void 0!==f||h===Ii?Ji(f||null,d,h):h,g=await Vi(o,u),b=(null==(e=a.autoPlacement)?void 0:e.index)||0,m=y[b];if(null==m)return{};const x=function(t,o,e){void 0===e&&(e=!1);const i=Di(t),r=Ti(t),n=Hi(r);let a="x"===r?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=_i(a)),[a,_i(a)]}(m,n,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(s!==m)return{reset:{placement:y[0]}};const v=[g[Mi(m)],g[x[0]],g[x[1]]],O=[...(null==(i=a.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],S=y[b+1];if(S)return{data:{index:b+1,overflows:O},reset:{placement:S}};const N=O.map((t=>{const o=Di(t.placement);return[t.placement,o&&p?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=N.filter((t=>t[2].slice(0,Di(t[0])?2:3).every((t=>t<=0)))),C=(null==(r=w[0])?void 0:r[0])||N[0][0];return C!==s?{data:{index:b+1,overflows:O},reset:{placement:C}}:{}}}};function Xi(t){return or(t)?(t.nodeName||"").toLowerCase():"#document"}function Qi(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function tr(t){var o;return null==(o=(or(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function or(t){return t instanceof Node||t instanceof Qi(t).Node}function er(t){return t instanceof Element||t instanceof Qi(t).Element}function ir(t){return t instanceof HTMLElement||t instanceof Qi(t).HTMLElement}function rr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Qi(t).ShadowRoot)}function nr(t){const{overflow:o,overflowX:e,overflowY:i,display:r}=pr(t);return/auto|scroll|overlay|hidden|clip/.test(o+i+e)&&!["inline","contents"].includes(r)}function ar(t){return["table","td","th"].includes(Xi(t))}function sr(t){const o=lr(),e=pr(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function lr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function cr(t){return["html","body","#document"].includes(Xi(t))}function pr(t){return Qi(t).getComputedStyle(t)}function fr(t){return er(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function hr(t){if("html"===Xi(t))return t;const o=t.assignedSlot||t.parentNode||rr(t)&&t.host||tr(t);return rr(o)?o.host:o}function dr(t){const o=hr(t);return cr(o)?t.ownerDocument?t.ownerDocument.body:t.body:ir(o)&&nr(o)?o:dr(o)}function ur(t,o,e){var i;void 0===o&&(o=[]),void 0===e&&(e=!0);const r=dr(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=Qi(r);return n?o.concat(a,a.visualViewport||[],nr(r)?r:[],a.frameElement&&e?ur(a.frameElement):[]):o.concat(r,ur(r,[],e))}function yr(t){const o=pr(t);let e=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const r=ir(t),n=r?t.offsetWidth:e,a=r?t.offsetHeight:i,s=zi(e)!==n||zi(i)!==a;return s&&(e=n,i=a),{width:e,height:i,$:s}}function gr(t){return er(t)?t:t.contextElement}function br(t){const o=gr(t);if(!ir(o))return Ki(1);const e=o.getBoundingClientRect(),{width:i,height:r,$:n}=yr(o);let a=(n?zi(e.width):e.width)/i,s=(n?zi(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const mr=Ki(0);function xr(t){const o=Qi(t);return lr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:mr}function vr(t,o,e,i){void 0===o&&(o=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),n=gr(t);let a=Ki(1);o&&(i?er(i)&&(a=br(i)):a=br(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Qi(t))&&o}(n,e,i)?xr(n):Ki(0);let l=(r.left+s.x)/a.x,c=(r.top+s.y)/a.y,p=r.width/a.x,f=r.height/a.y;if(n){const t=Qi(n),o=i&&er(i)?Qi(i):i;let e=t.frameElement;for(;e&&i&&o!==t;){const t=br(e),o=e.getBoundingClientRect(),i=pr(e),r=o.left+(e.clientLeft+parseFloat(i.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,p*=t.x,f*=t.y,l+=r,c+=n,e=Qi(e).frameElement}}return Gi({width:p,height:f,x:l,y:c})}function Or(t){return vr(tr(t)).left+fr(t).scrollLeft}function Sr(t,o,e){let i;if("viewport"===o)i=function(t,o){const e=Qi(t),i=tr(t),r=e.visualViewport;let n=i.clientWidth,a=i.clientHeight,s=0,l=0;if(r){n=r.width,a=r.height;const t=lr();(!t||t&&"fixed"===o)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:n,height:a,x:s,y:l}}(t,e);else if("document"===o)i=function(t){const o=tr(t),e=fr(t),i=t.ownerDocument.body,r=Wi(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),n=Wi(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let a=-e.scrollLeft+Or(t);const s=-e.scrollTop;return"rtl"===pr(i).direction&&(a+=Wi(o.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:s}}(tr(t));else if(er(o))i=function(t,o){const e=vr(t,!0,"fixed"===o),i=e.top+t.clientTop,r=e.left+t.clientLeft,n=ir(t)?br(t):Ki(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}(o,e);else{const e=xr(t);i={...o,x:o.x-e.x,y:o.y-e.y}}return Gi(i)}function Nr(t,o){const e=hr(t);return!(e===o||!er(e)||cr(e))&&("fixed"===pr(e).position||Nr(e,o))}function wr(t,o,e){const i=ir(o),r=tr(o),n="fixed"===e,a=vr(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const l=Ki(0);if(i||!i&&!n)if(("body"!==Xi(o)||nr(r))&&(s=fr(o)),i){const t=vr(o,!0,n,o);l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}else r&&(l.x=Or(r));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function Cr(t,o){return ir(t)&&"fixed"!==pr(t).position?o?o(t):t.offsetParent:null}function $r(t,o){const e=Qi(t);if(!ir(t))return e;let i=Cr(t,o);for(;i&&ar(i)&&"static"===pr(i).position;)i=Cr(i,o);return i&&("html"===Xi(i)||"body"===Xi(i)&&"static"===pr(i).position&&!sr(i))?e:i||function(t){let o=hr(t);for(;ir(o)&&!cr(o);){if(sr(o))return o;o=hr(o)}return null}(t)||e}const Rr={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:i}=t;const r=ir(e),n=tr(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Ki(1);const l=Ki(0);if((r||!r&&"fixed"!==i)&&(("body"!==Xi(e)||nr(n))&&(a=fr(e)),ir(e))){const t=vr(e);s=br(e),l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}return{width:o.width*s.x,height:o.height*s.y,x:o.x*s.x-a.scrollLeft*s.x+l.x,y:o.y*s.y-a.scrollTop*s.y+l.y}},getDocumentElement:tr,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let i=ur(t,[],!1).filter((t=>er(t)&&"body"!==Xi(t))),r=null;const n="fixed"===pr(t).position;let a=n?hr(t):t;for(;er(a)&&!cr(a);){const o=pr(a),e=sr(a);e||"fixed"!==o.position||(r=null),(n?!e&&!r:!e&&"static"===o.position&&r&&["absolute","fixed"].includes(r.position)||nr(a)&&!e&&Nr(t,a))?i=i.filter((t=>t!==a)):r=o,a=hr(a)}return o.set(t,i),i}(o,this._c):[].concat(e),i],a=n[0],s=n.reduce(((t,e)=>{const i=Sr(o,e,r);return t.top=Wi(i.top,t.top),t.right=Li(i.right,t.right),t.bottom=Li(i.bottom,t.bottom),t.left=Wi(i.left,t.left),t}),Sr(o,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:$r,getElementRects:async function(t){let{reference:o,floating:e,strategy:i}=t;const r=this.getOffsetParent||$r,n=this.getDimensions;return{reference:wr(o,await r(e),i),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return yr(t)},getScale:br,isElement:er,isRTL:function(t){return"rtl"===pr(t).direction}},Er=(t,o,e)=>{const i=new Map,r={platform:Rr,...e},n={...r.platform,_c:i};return(async(t,o,e)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:a}=e,s=n.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(o));let c=await a.getElementRects({reference:t,floating:o,strategy:r}),{x:p,y:f}=Yi(c,i,l),h=i,d={},u=0;for(let e=0;e<s.length;e++){const{name:n,fn:y}=s[e],{x:g,y:b,data:m,reset:x}=await y({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:o}});p=null!=g?g:p,f=null!=b?b:f,d={...d,[n]:{...d[n],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await a.getElementRects({reference:t,floating:o,strategy:r}):x.rects),({x:p,y:f}=Yi(c,h,l))),e=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,o,{...r,platform:n})};var kr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Ur extends Ko{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new k,this.revealDebouncer=new k}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return to`
|
|
275
|
+
`,Ui=["start","end"],Ii=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+Ui[0],o+"-"+Ui[1])),[]),Li=Math.min,Wi=Math.max,zi=Math.round,Ki=t=>({x:t,y:t}),Fi={left:"right",right:"left",bottom:"top",top:"bottom"},Zi={start:"end",end:"start"};function Bi(t,o,e){return Wi(t,Li(o,e))}function Ai(t,o){return"function"==typeof t?t(o):t}function Mi(t){return t.split("-")[0]}function Di(t){return t.split("-")[1]}function Pi(t){return"x"===t?"y":"x"}function Hi(t){return"y"===t?"height":"width"}function ji(t){return["top","bottom"].includes(Mi(t))?"y":"x"}function Ti(t){return Pi(ji(t))}function _i(t){return t.replace(/left|right|bottom|top/g,(t=>Fi[t]))}function Gi(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Yi(t,o,e){let{reference:i,floating:r}=t;const n=ji(o),a=Ti(o),s=Hi(a),l=Mi(o),c="y"===n,p=i.x+i.width/2-r.width/2,f=i.y+i.height/2-r.height/2,h=i[s]/2-r[s]/2;let d;switch(l){case"top":d={x:p,y:i.y-r.height};break;case"bottom":d={x:p,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-r.width,y:f};break;default:d={x:i.x,y:i.y}}switch(Di(o)){case"start":d[a]-=h*(e&&c?-1:1);break;case"end":d[a]+=h*(e&&c?-1:1)}return d}async function Vi(t,o){var e;void 0===o&&(o={});const{x:i,y:r,platform:n,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=Ai(o,t),u=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),y=s[h?"floating"===f?"reference":"floating":f],g=Gi(await n.getClippingRect({element:null==(e=await(null==n.isElement?void 0:n.isElement(y)))||e?y:y.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(s.floating)),boundary:c,rootBoundary:p,strategy:l})),b="floating"===f?{...a.floating,x:i,y:r}:a.reference,m=await(null==n.getOffsetParent?void 0:n.getOffsetParent(s.floating)),x=await(null==n.isElement?void 0:n.isElement(m))&&await(null==n.getScale?void 0:n.getScale(m))||{x:1,y:1},v=Gi(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:m,strategy:l}):b);return{top:(g.top-v.top+u.top)/x.y,bottom:(v.bottom-g.bottom+u.bottom)/x.y,left:(g.left-v.left+u.left)/x.x,right:(v.right-g.right+u.right)/x.x}}function Ji(t,o,e){return(t?[...e.filter((o=>Di(o)===t)),...e.filter((o=>Di(o)!==t))]:e.filter((t=>Mi(t)===t))).filter((e=>!t||(Di(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Zi[t]))}(e)!==e)))}const qi=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(o){var e,i,r;const{rects:n,middlewareData:a,placement:s,platform:l,elements:c}=o,{crossAxis:p=!1,alignment:f,allowedPlacements:h=Ii,autoAlignment:d=!0,...u}=Ai(t,o),y=void 0!==f||h===Ii?Ji(f||null,d,h):h,g=await Vi(o,u),b=(null==(e=a.autoPlacement)?void 0:e.index)||0,m=y[b];if(null==m)return{};const x=function(t,o,e){void 0===e&&(e=!1);const i=Di(t),r=Ti(t),n=Hi(r);let a="x"===r?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=_i(a)),[a,_i(a)]}(m,n,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(s!==m)return{reset:{placement:y[0]}};const v=[g[Mi(m)],g[x[0]],g[x[1]]],O=[...(null==(i=a.autoPlacement)?void 0:i.overflows)||[],{placement:m,overflows:v}],S=y[b+1];if(S)return{data:{index:b+1,overflows:O},reset:{placement:S}};const N=O.map((t=>{const o=Di(t.placement);return[t.placement,o&&p?t.overflows.slice(0,2).reduce(((t,o)=>t+o),0):t.overflows[0],t.overflows]})).sort(((t,o)=>t[1]-o[1])),w=N.filter((t=>t[2].slice(0,Di(t[0])?2:3).every((t=>t<=0)))),C=(null==(r=w[0])?void 0:r[0])||N[0][0];return C!==s?{data:{index:b+1,overflows:O},reset:{placement:C}}:{}}}};function Xi(t){return or(t)?(t.nodeName||"").toLowerCase():"#document"}function Qi(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function tr(t){var o;return null==(o=(or(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function or(t){return t instanceof Node||t instanceof Qi(t).Node}function er(t){return t instanceof Element||t instanceof Qi(t).Element}function ir(t){return t instanceof HTMLElement||t instanceof Qi(t).HTMLElement}function rr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof Qi(t).ShadowRoot)}function nr(t){const{overflow:o,overflowX:e,overflowY:i,display:r}=pr(t);return/auto|scroll|overlay|hidden|clip/.test(o+i+e)&&!["inline","contents"].includes(r)}function ar(t){return["table","td","th"].includes(Xi(t))}function sr(t){const o=lr(),e=pr(t);return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!o&&!!e.backdropFilter&&"none"!==e.backdropFilter||!o&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function lr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function cr(t){return["html","body","#document"].includes(Xi(t))}function pr(t){return Qi(t).getComputedStyle(t)}function fr(t){return er(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function hr(t){if("html"===Xi(t))return t;const o=t.assignedSlot||t.parentNode||rr(t)&&t.host||tr(t);return rr(o)?o.host:o}function dr(t){const o=hr(t);return cr(o)?t.ownerDocument?t.ownerDocument.body:t.body:ir(o)&&nr(o)?o:dr(o)}function ur(t,o,e){var i;void 0===o&&(o=[]),void 0===e&&(e=!0);const r=dr(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=Qi(r);return n?o.concat(a,a.visualViewport||[],nr(r)?r:[],a.frameElement&&e?ur(a.frameElement):[]):o.concat(r,ur(r,[],e))}function yr(t){const o=pr(t);let e=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const r=ir(t),n=r?t.offsetWidth:e,a=r?t.offsetHeight:i,s=zi(e)!==n||zi(i)!==a;return s&&(e=n,i=a),{width:e,height:i,$:s}}function gr(t){return er(t)?t:t.contextElement}function br(t){const o=gr(t);if(!ir(o))return Ki(1);const e=o.getBoundingClientRect(),{width:i,height:r,$:n}=yr(o);let a=(n?zi(e.width):e.width)/i,s=(n?zi(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const mr=Ki(0);function xr(t){const o=Qi(t);return lr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:mr}function vr(t,o,e,i){void 0===o&&(o=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),n=gr(t);let a=Ki(1);o&&(i?er(i)&&(a=br(i)):a=br(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==Qi(t))&&o}(n,e,i)?xr(n):Ki(0);let l=(r.left+s.x)/a.x,c=(r.top+s.y)/a.y,p=r.width/a.x,f=r.height/a.y;if(n){const t=Qi(n),o=i&&er(i)?Qi(i):i;let e=t.frameElement;for(;e&&i&&o!==t;){const t=br(e),o=e.getBoundingClientRect(),i=pr(e),r=o.left+(e.clientLeft+parseFloat(i.paddingLeft))*t.x,n=o.top+(e.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,p*=t.x,f*=t.y,l+=r,c+=n,e=Qi(e).frameElement}}return Gi({width:p,height:f,x:l,y:c})}function Or(t){return vr(tr(t)).left+fr(t).scrollLeft}function Sr(t,o,e){let i;if("viewport"===o)i=function(t,o){const e=Qi(t),i=tr(t),r=e.visualViewport;let n=i.clientWidth,a=i.clientHeight,s=0,l=0;if(r){n=r.width,a=r.height;const t=lr();(!t||t&&"fixed"===o)&&(s=r.offsetLeft,l=r.offsetTop)}return{width:n,height:a,x:s,y:l}}(t,e);else if("document"===o)i=function(t){const o=tr(t),e=fr(t),i=t.ownerDocument.body,r=Wi(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),n=Wi(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let a=-e.scrollLeft+Or(t);const s=-e.scrollTop;return"rtl"===pr(i).direction&&(a+=Wi(o.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:s}}(tr(t));else if(er(o))i=function(t,o){const e=vr(t,!0,"fixed"===o),i=e.top+t.clientTop,r=e.left+t.clientLeft,n=ir(t)?br(t):Ki(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}(o,e);else{const e=xr(t);i={...o,x:o.x-e.x,y:o.y-e.y}}return Gi(i)}function Nr(t,o){const e=hr(t);return!(e===o||!er(e)||cr(e))&&("fixed"===pr(e).position||Nr(e,o))}function wr(t,o,e){const i=ir(o),r=tr(o),n="fixed"===e,a=vr(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const l=Ki(0);if(i||!i&&!n)if(("body"!==Xi(o)||nr(r))&&(s=fr(o)),i){const t=vr(o,!0,n,o);l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}else r&&(l.x=Or(r));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function Cr(t,o){return ir(t)&&"fixed"!==pr(t).position?o?o(t):t.offsetParent:null}function $r(t,o){const e=Qi(t);if(!ir(t))return e;let i=Cr(t,o);for(;i&&ar(i)&&"static"===pr(i).position;)i=Cr(i,o);return i&&("html"===Xi(i)||"body"===Xi(i)&&"static"===pr(i).position&&!sr(i))?e:i||function(t){let o=hr(t);for(;ir(o)&&!cr(o);){if(sr(o))return o;o=hr(o)}return null}(t)||e}const Rr={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:i}=t;const r=ir(e),n=tr(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Ki(1);const l=Ki(0);if((r||!r&&"fixed"!==i)&&(("body"!==Xi(e)||nr(n))&&(a=fr(e)),ir(e))){const t=vr(e);s=br(e),l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}return{width:o.width*s.x,height:o.height*s.y,x:o.x*s.x-a.scrollLeft*s.x+l.x,y:o.y*s.y-a.scrollTop*s.y+l.y}},getDocumentElement:tr,getClippingRect:function(t){let{element:o,boundary:e,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===e?function(t,o){const e=o.get(t);if(e)return e;let i=ur(t,[],!1).filter((t=>er(t)&&"body"!==Xi(t))),r=null;const n="fixed"===pr(t).position;let a=n?hr(t):t;for(;er(a)&&!cr(a);){const o=pr(a),e=sr(a);e||"fixed"!==o.position||(r=null),(n?!e&&!r:!e&&"static"===o.position&&r&&["absolute","fixed"].includes(r.position)||nr(a)&&!e&&Nr(t,a))?i=i.filter((t=>t!==a)):r=o,a=hr(a)}return o.set(t,i),i}(o,this._c):[].concat(e),i],a=n[0],s=n.reduce(((t,e)=>{const i=Sr(o,e,r);return t.top=Wi(i.top,t.top),t.right=Li(i.right,t.right),t.bottom=Li(i.bottom,t.bottom),t.left=Wi(i.left,t.left),t}),Sr(o,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:$r,getElementRects:async function(t){let{reference:o,floating:e,strategy:i}=t;const r=this.getOffsetParent||$r,n=this.getDimensions;return{reference:wr(o,await r(e),i),floating:{x:0,y:0,...await n(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return yr(t)},getScale:br,isElement:er,isRTL:function(t){return"rtl"===pr(t).direction}},Er=(t,o,e)=>{const i=new Map,r={platform:Rr,...e},n={...r.platform,_c:i};return(async(t,o,e)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:a}=e,s=n.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(o));let c=await a.getElementRects({reference:t,floating:o,strategy:r}),{x:p,y:f}=Yi(c,i,l),h=i,d={},u=0;for(let e=0;e<s.length;e++){const{name:n,fn:y}=s[e],{x:g,y:b,data:m,reset:x}=await y({x:p,y:f,initialPlacement:i,placement:h,strategy:r,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:o}});p=null!=g?g:p,f=null!=b?b:f,d={...d,[n]:{...d[n],...m}},x&&u<=50&&(u++,"object"==typeof x&&(x.placement&&(h=x.placement),x.rects&&(c=!0===x.rects?await a.getElementRects({reference:t,floating:o,strategy:r}):x.rects),({x:p,y:f}=Yi(c,h,l))),e=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,o,{...r,platform:n})};function kr(t){return function(t){for(let o=t;o;o=Ur(o))if(o instanceof Element&&"none"===getComputedStyle(o).display)return null;for(let o=Ur(t);o;o=Ur(o)){if(!(o instanceof Element))continue;const t=getComputedStyle(o);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return o;if("BODY"===o.tagName)return o}}return null}(t)}function Ur(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Ir=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Lr extends Ko{constructor(){super(...arguments),this.text="",this.manual=!1,this.inline=!1,this.delay=500,this.position="bottom",this.visible=!1,this.validPositions=new Set(["top","bottom","left","right"]),this.hideDebounce=new k,this.revealDebouncer=new k}get validPosition(){return this.validPositions.has(this.position)?this.position:"bottom"}render(){return to`
|
|
276
276
|
<div part="container"
|
|
277
277
|
class="ft-tooltip--container ${this.inline?"ft-tooltip--inline":""}"
|
|
278
278
|
@mouseenter=${this.onHover}
|
|
@@ -280,7 +280,7 @@ class bo extends zt{constructor(){super(...arguments),this.renderOptions={host:t
|
|
|
280
280
|
@focusin=${this.onHover}
|
|
281
281
|
@focusout=${this.onOut}
|
|
282
282
|
@touchstart=${this.onTouch}>
|
|
283
|
-
<slot></slot>
|
|
283
|
+
<slot part="slot"></slot>
|
|
284
284
|
<div part="tooltip" role="tooltip" inert
|
|
285
285
|
class="ft-tooltip ft-tooltip--${this.validPosition}"
|
|
286
286
|
?hidden=${!this.visible}>
|
|
@@ -290,18 +290,18 @@ class bo extends zt{constructor(){super(...arguments),this.renderOptions={host:t
|
|
|
290
290
|
</div>
|
|
291
291
|
</div>
|
|
292
292
|
</div>
|
|
293
|
-
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&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.validPosition){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(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Er(this.slottedElement,this.tooltip,{middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:i,placement:r}=o,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...l}=Ai(t,o),c={x:e,y:i},p=await Vi(o,l),f=ji(Mi(r)),h=Pi(f);let d=c[h],u=c[f];if(n){const t="y"===h?"bottom":"right";d=Bi(d+p["y"===h?"top":"left"],d,d-p[t])}if(a){const t="y"===f?"bottom":"right";u=Bi(u+p["y"===f?"top":"left"],u,u-p[t])}const y=s.fn({...o,[h]:d,[f]:u});return{...y,data:{x:y.x-e,y:y.y-i}}}}),qi({allowedPlacements:[this.position]})]}).then((({x:t,y:o})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${o}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())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}
|
|
293
|
+
`}updated(t){t.has("visible")&&this.visible&&this.resetTooltipContent(),super.updated(t)}contentAvailableCallback(t){super.contentAvailableCallback(t),["visible","text"].some((o=>t.has(o)))&&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.validPosition){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(){var t;this.resetTooltipContent(),this.tooltip&&this.slottedElement&&(this.tooltip.style.left="",this.tooltip.style.top="",Er(this.slottedElement,this.tooltip,{platform:{...Rr,getOffsetParent:t=>Rr.getOffsetParent(t,kr)},middleware:[(t={crossAxis:!0},void 0===t&&(t={}),{name:"shift",options:t,async fn(o){const{x:e,y:i,placement:r}=o,{mainAxis:n=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:o,y:e}=t;return{x:o,y:e}}},...l}=Ai(t,o),c={x:e,y:i},p=await Vi(o,l),f=ji(Mi(r)),h=Pi(f);let d=c[h],u=c[f];if(n){const t="y"===h?"bottom":"right";d=Bi(d+p["y"===h?"top":"left"],d,d-p[t])}if(a){const t="y"===f?"bottom":"right";u=Bi(u+p["y"===f?"top":"left"],u,u-p[t])}const y=s.fn({...o,[h]:d,[f]:u});return{...y,data:{x:y.x-e,y:y.y-i}}}}),qi({allowedPlacements:[this.position]})]}).then((({x:t,y:o})=>{this.tooltip&&(this.tooltip.style.left=`${t}px`,this.tooltip.style.top=`${o}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())}correctOutOfWindowPixels(t,o){return Math.max(t,Math.min(0,-o))}}Lr.elementDefinitions={"ft-typography":Si},Lr.styles=ki,Ir([w()],Lr.prototype,"text",void 0),Ir([w({type:Boolean})],Lr.prototype,"manual",void 0),Ir([w({type:Boolean})],Lr.prototype,"inline",void 0),Ir([w({type:Number})],Lr.prototype,"delay",void 0),Ir([w()],Lr.prototype,"position",void 0),Ir([function(t){return(o,e)=>{const{slot:i}=t??{},r="slot"+(i?`[name=${i}]`:":not([name])");return R(0,0,{get(){const o=this.renderRoot?.querySelector(r);return o?.assignedNodes(t)??[]}})}}()],Lr.prototype,"slotNodes",void 0),Ir([E(".ft-tooltip--container")],Lr.prototype,"container",void 0),Ir([E(".ft-tooltip")],Lr.prototype,"tooltip",void 0),Ir([E(".ft-tooltip--content")],Lr.prototype,"tooltipContent",void 0),Ir([C()],Lr.prototype,"visible",void 0),Ir([$({passive:!0})],Lr.prototype,"onTouch",null),Ir([$({passive:!0})],Lr.prototype,"onHover",null),Ir([$({passive:!0})],Lr.prototype,"onOut",null),I("ft-tooltip")(Lr);
|
|
294
294
|
/**
|
|
295
295
|
* @license
|
|
296
296
|
* Copyright 2017 Google LLC
|
|
297
297
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
298
298
|
*/
|
|
299
|
-
const
|
|
299
|
+
const Wr=1,zr=2,Kr=t=>(...o)=>({_$litDirective$:t,values:o});class Fr{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,o,e){this._$Ct=t,this._$AM=o,this._$Ci=e}_$AS(t,o){return this.update(t,o)}update(t,o){return this.render(...o)}}
|
|
300
300
|
/**
|
|
301
301
|
* @license
|
|
302
302
|
* Copyright 2018 Google LLC
|
|
303
303
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
304
|
-
*/const Kr
|
|
304
|
+
*/const Zr=Kr(class extends Fr{constructor(t){if(super(t),t.type!==Wr||"class"!==t.name||t.strings?.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((o=>t[o])).join(" ")+" "}update(t,[o]){if(void 0===this.it){this.it=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in o)o[t]&&!this.st?.has(t)&&this.it.add(t);return this.render(o)}const e=t.element.classList;for(const t of this.it)t in o||(e.remove(t),this.it.delete(t));for(const t in o){const i=!!o[t];i===this.it.has(t)||this.st?.has(t)||(i?(e.add(t),this.it.add(t)):(e.remove(t),this.it.delete(t)))}return X}}),Br=vo.extend("--ft-ripple-color","",$o.colorContent),Ar={color:Br,backgroundColor:vo.extend("--ft-ripple-background-color","",Br),opacityContentOnSurfacePressed:vo.external($o.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:vo.external($o.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:vo.external($o.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:vo.external($o.opacityContentOnSurfaceSelected,"Design system"),borderRadius:vo.create("--ft-ripple-border-radius","","SIZE","0px")},Mr=vo.extend("--ft-ripple-color","",$o.colorPrimary),Dr=Mr,Pr=vo.extend("--ft-ripple-background-color","",Mr),Hr=vo.extend("--ft-ripple-color","",$o.colorSecondary),jr=Hr,Tr=vo.extend("--ft-ripple-background-color","",Hr),_r=mt`
|
|
305
305
|
:host {
|
|
306
306
|
display: contents;
|
|
307
307
|
}
|
|
@@ -314,7 +314,7 @@ const Ir=1,Lr=2,Wr=t=>(...o)=>({_$litDirective$:t,values:o});class zr{constructo
|
|
|
314
314
|
|
|
315
315
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
316
316
|
overflow: hidden;
|
|
317
|
-
border-radius: ${
|
|
317
|
+
border-radius: ${Ar.borderRadius};
|
|
318
318
|
}
|
|
319
319
|
|
|
320
320
|
.ft-ripple .ft-ripple--background,
|
|
@@ -348,27 +348,27 @@ const Ir=1,Lr=2,Wr=t=>(...o)=>({_$litDirective$:t,values:o});class zr{constructo
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.ft-ripple .ft-ripple--background {
|
|
351
|
-
background-color: ${
|
|
351
|
+
background-color: ${Ar.backgroundColor};
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
.ft-ripple .ft-ripple--effect {
|
|
355
|
-
background-color: ${
|
|
355
|
+
background-color: ${Ar.color};
|
|
356
356
|
}
|
|
357
357
|
|
|
358
358
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
359
|
-
background-color: ${
|
|
359
|
+
background-color: ${Tr};
|
|
360
360
|
}
|
|
361
361
|
|
|
362
362
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
363
|
-
background-color: ${
|
|
363
|
+
background-color: ${jr};
|
|
364
364
|
}
|
|
365
365
|
|
|
366
366
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
367
|
-
background-color: ${
|
|
367
|
+
background-color: ${Pr};
|
|
368
368
|
}
|
|
369
369
|
|
|
370
370
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
371
|
-
background-color: ${
|
|
371
|
+
background-color: ${Dr};
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
.ft-ripple .ft-ripple--background {
|
|
@@ -398,39 +398,39 @@ const Ir=1,Lr=2,Wr=t=>(...o)=>({_$litDirective$:t,values:o});class zr{constructo
|
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
401
|
-
opacity: ${
|
|
401
|
+
opacity: ${Ar.opacityContentOnSurfaceHover};
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
405
|
-
opacity: ${
|
|
405
|
+
opacity: ${Ar.opacityContentOnSurfaceSelected};
|
|
406
406
|
}
|
|
407
407
|
|
|
408
408
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
409
|
-
opacity: ${
|
|
409
|
+
opacity: ${Ar.opacityContentOnSurfaceFocused};
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
413
|
-
opacity: ${
|
|
413
|
+
opacity: ${Ar.opacityContentOnSurfacePressed};
|
|
414
414
|
transform: translate(-50%, -50%) scale(1);
|
|
415
415
|
}
|
|
416
|
-
`;var
|
|
416
|
+
`;var Gr=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Yr extends Ko{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.originX=0,this.originY=0,this.debouncer=new k(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.setupDebouncer=new k(10),this.moveRipple=t=>{var o,e;let{x:i,y:r}=this.getCoordinates(t),n=null!==(e=null===(o=this.ripple)||void 0===o?void 0:o.getBoundingClientRect())&&void 0!==e?e:{x:0,y:0,width:0,height:0};this.originX=Math.round(null!=i?i-n.x:n.width/2),this.originY=Math.round(null!=r?r-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.isFocusVisible(null==t?void 0:t.target)&&!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 to`
|
|
417
417
|
<style>
|
|
418
418
|
.ft-ripple .ft-ripple--effect {
|
|
419
419
|
left: ${this.originX}px;
|
|
420
420
|
top: ${this.originY}px;
|
|
421
421
|
}
|
|
422
422
|
</style>
|
|
423
|
-
<div class="${
|
|
423
|
+
<div class="${Zr(t)}">
|
|
424
424
|
<div class="ft-ripple--background"></div>
|
|
425
425
|
<div class="ft-ripple--effect"></div>
|
|
426
426
|
</div>
|
|
427
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,e;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(o=this.target)||void 0===o||o.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,o;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(o=this.target)&&void 0!==o?o:e)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const o=(...t)=>o=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(o)},e=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&o("keyup")(t)},n={passive:!0};t.addEventListener("mouseover",this.startHover,n),t.addEventListener("mousemove",this.moveRipple,n),t.addEventListener("mouseleave",this.endHover,n),t.addEventListener("mousedown",e,n),t.addEventListener("touchstart",i,n),t.addEventListener("touchmove",this.moveRipple,n),t.addEventListener("keydown",r,n),t.addEventListener("focus",this.startFocus,n),t.addEventListener("blur",this.endFocus,n),t.addEventListener("focusin",this.startFocus,n),t.addEventListener("focusout",this.endFocus,n),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,n),t.removeEventListener("mousemove",this.moveRipple,n),t.removeEventListener("mouseleave",this.endHover,n),t.removeEventListener("mousedown",e,n),t.removeEventListener("touchstart",i,n),t.removeEventListener("touchmove",this.moveRipple,n),t.removeEventListener("keydown",r,n),t.removeEventListener("focus",this.startFocus,n),t.removeEventListener("blur",this.endFocus,n),t.removeEventListener("focusin",this.startFocus,n),t.removeEventListener("focusout",this.endFocus,n),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const o=t,e=t;let i,r;return null!=o.x?({x:i,y:r}=o):null!=e.touches&&(i=e.touches[0].clientX,r=e.touches[0].clientY),{x:i,y:r}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}
|
|
427
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.rippleEffect&&this.rippleEffect.ontransitionstart!==this.onTransitionStart&&(this.rippleEffect.ontransitionstart=this.onTransitionStart,this.rippleEffect.ontransitionend=this.onTransitionEnd)}update(t){var o,e;super.update(t),t.has("disabled")&&(this.disabled?(this.endRipple(),null===(o=this.target)||void 0===o||o.removeAttribute("data-is-ft-ripple-target")):null===(e=this.target)||void 0===e||e.setAttribute("data-is-ft-ripple-target","true"))}endRipple(){this.endHover(),this.endFocus(),this.endPress(),this.rippling=!1}connectedCallback(){super.connectedCallback(),this.setupDebouncer.run((()=>this.defaultSetup()))}defaultSetup(){var t,o;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.host.parentElement;e&&this.setupFor(null!==(o=this.target)&&void 0!==o?o:e)}setupFor(t){if(this.setupDebouncer.cancel(),this.target===t)return;this.onDisconnect&&this.onDisconnect(),this.target=t,t.setAttribute("data-is-ft-ripple-target","true");const o=(...t)=>o=>{t.forEach((t=>window.addEventListener(t,this.endPress,{once:!0}))),this.startPress(o)},e=o("mouseup","contextmenu"),i=o("touchend","touchcancel"),r=t=>{["Enter"," "].includes(t.key)&&o("keyup")(t)},n={passive:!0};t.addEventListener("mouseover",this.startHover,n),t.addEventListener("mousemove",this.moveRipple,n),t.addEventListener("mouseleave",this.endHover,n),t.addEventListener("mousedown",e,n),t.addEventListener("touchstart",i,n),t.addEventListener("touchmove",this.moveRipple,n),t.addEventListener("keydown",r,n),t.addEventListener("focus",this.startFocus,n),t.addEventListener("blur",this.endFocus,n),t.addEventListener("focusin",this.startFocus,n),t.addEventListener("focusout",this.endFocus,n),this.onDisconnect=()=>{t.removeAttribute("data-is-ft-ripple-target"),t.removeEventListener("mouseover",this.startHover,n),t.removeEventListener("mousemove",this.moveRipple,n),t.removeEventListener("mouseleave",this.endHover,n),t.removeEventListener("mousedown",e,n),t.removeEventListener("touchstart",i,n),t.removeEventListener("touchmove",this.moveRipple,n),t.removeEventListener("keydown",r,n),t.removeEventListener("focus",this.startFocus,n),t.removeEventListener("blur",this.endFocus,n),t.removeEventListener("focusin",this.startFocus,n),t.removeEventListener("focusout",this.endFocus,n),this.onDisconnect=void 0,this.target=void 0}}getCoordinates(t){const o=t,e=t;let i,r;return null!=o.x?({x:i,y:r}=o):null!=e.touches&&(i=e.touches[0].clientX,r=e.touches[0].clientY),{x:i,y:r}}isFocusVisible(t){return!(t instanceof HTMLElement)||t.matches(":focus-visible")}isIgnored(t){if(this.disabled)return!0;if(null!=t)for(let o of t.composedPath()){if(o===this.target)break;if("hasAttribute"in o&&o.hasAttribute("data-is-ft-ripple-target"))return!0}return!1}disconnectedCallback(){super.disconnectedCallback(),this.onDisconnect&&this.onDisconnect(),this.endRipple()}}Yr.elementDefinitions={},Yr.styles=_r,Gr([w({type:Boolean})],Yr.prototype,"primary",void 0),Gr([w({type:Boolean})],Yr.prototype,"secondary",void 0),Gr([w({type:Boolean})],Yr.prototype,"unbounded",void 0),Gr([w({type:Boolean})],Yr.prototype,"activated",void 0),Gr([w({type:Boolean})],Yr.prototype,"selected",void 0),Gr([w({type:Boolean})],Yr.prototype,"disabled",void 0),Gr([C()],Yr.prototype,"hovered",void 0),Gr([C()],Yr.prototype,"focused",void 0),Gr([C()],Yr.prototype,"pressed",void 0),Gr([C()],Yr.prototype,"rippling",void 0),Gr([C()],Yr.prototype,"originX",void 0),Gr([C()],Yr.prototype,"originY",void 0),Gr([E(".ft-ripple")],Yr.prototype,"ripple",void 0),Gr([E(".ft-ripple--effect")],Yr.prototype,"rippleEffect",void 0),I("ft-ripple")(Yr);
|
|
428
428
|
/**
|
|
429
429
|
* @license
|
|
430
430
|
* Copyright 2017 Google LLC
|
|
431
431
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
432
432
|
*/
|
|
433
|
-
class
|
|
433
|
+
class Vr extends Fr{constructor(t){if(super(t),this.et=Q,t.type!==zr)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Q||null==t)return this.vt=void 0,this.et=t;if(t===X)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const o=[t];return o.raw=o,this.vt={_$litType$:this.constructor.resultType,strings:o,values:[]}}}Vr.directiveName="unsafeHTML",Vr.resultType=1;const Jr=Kr(Vr);var qr,Xr;!function(t){t.THUMBS_DOWN="",t.THUMBS_DOWN_PLAIN="",t.THUMBS_UP="",t.THUMBS_UP_PLAIN="",t.STAR="",t.STAR_PLAIN="",t.DESKTOP="",t.LIFE_RING="",t.GLOBE="",t.PIGGY_BANK="",t.TABLET_LANDSCAPE="",t.TABLET_PORTRAIT="",t.MOBILE_LANDSCAPE="",t.MOBILE_PORTRAIT="",t.ARROW_RIGHT_TO_LINE="",t.THIN_ARROW_UP="",t.CONTEXTUAL="",t.CHART_SIMPLE="",t.BARS_PROGRESS="",t.LINE_CHART="",t.STACKED_CHART="",t.BOOK_OPEN_GEAR="",t.BOOK_OPEN_GEAR_SLASH="",t.DIAGRAM_SUNBURST="",t.DIAGRAM_SANKEY="",t.UNSTRUCTURED_DOC="",t.RESET="",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.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.EXTLINK_LIGHT="",t.CALENDAR="",t.BOOK="",t.DOWNLOAD_PLAIN="",t.CHECK="",t.TOPICS="",t.EYE="",t.EYE_SLASH="",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="",t.COMMENT_QUESTION="",t.COMMENT_QUESTION_PLAIN="",t.MESSAGE_BOT="",t.PIP="",t.PIP_WIDE="",t.EXPAND_WIDE="",t.X_MARK=""}(qr||(qr={})),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=""}(Xr||(Xr={})),new Map([...["abw"].map((t=>[t,Xr.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,Xr.AUDIO])),...["avi"].map((t=>[t,Xr.AVI])),...["chm","xhs"].map((t=>[t,Xr.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,Xr.CODE])),...["csv"].map((t=>[t,Xr.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,Xr.DITA])),...["epub"].map((t=>[t,Xr.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,Xr.EXCEL])),...["flac"].map((t=>[t,Xr.FLAC])),...["gif"].map((t=>[t,Xr.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,Xr.GZIP])),...["html","htm","xhtml"].map((t=>[t,Xr.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,Xr.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,Xr.JPEG])),...["json"].map((t=>[t,Xr.JSON])),...["m4a","m4p"].map((t=>[t,Xr.M4A])),...["mov","qt"].map((t=>[t,Xr.MOV])),...["mp3"].map((t=>[t,Xr.MP3])),...["mp4","m4v"].map((t=>[t,Xr.MP4])),...["ogg","oga"].map((t=>[t,Xr.OGG])),...["pdf","ps"].map((t=>[t,Xr.PDF])),...["png"].map((t=>[t,Xr.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,Xr.POWERPOINT])),...["rar"].map((t=>[t,Xr.RAR])),...["stp"].map((t=>[t,Xr.STP])),...["txt","rtf","md","mdown"].map((t=>[t,Xr.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,Xr.VIDEO])),...["wav"].map((t=>[t,Xr.WAV])),...["wma"].map((t=>[t,Xr.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,Xr.WORD])),...["xml","xsl","rdf"].map((t=>[t,Xr.XML])),...["yaml","yml","x-yaml"].map((t=>[t,Xr.YAML])),...["zip"].map((t=>[t,Xr.ZIP]))]);const Qr={size:vo.create("--ft-icon-font-size","","SIZE","24px"),fluidTopicsFontFamily:vo.extend("--ft-icon-fluid-topics-font-family","",vo.create("--ft-icon-font-family","","UNKNOWN","ft-icons")),fileFormatFontFamily:vo.extend("--ft-icon-file-format-font-family","",vo.create("--ft-icon-font-family","","UNKNOWN","ft-mime")),materialFontFamily:vo.extend("--ft-icon-material-font-family","",vo.create("--ft-icon-font-family","","UNKNOWN","Material Icons")),verticalAlign:vo.create("--ft-icon-vertical-align","","UNKNOWN","unset")},tn=mt`
|
|
434
434
|
:host, i.ft-icon {
|
|
435
435
|
display: inline-flex;
|
|
436
436
|
align-items: center;
|
|
@@ -439,14 +439,14 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
439
439
|
}
|
|
440
440
|
|
|
441
441
|
:host {
|
|
442
|
-
width: ${
|
|
443
|
-
height: ${
|
|
442
|
+
width: ${Qr.size};
|
|
443
|
+
height: ${Qr.size};
|
|
444
444
|
}
|
|
445
445
|
|
|
446
446
|
i.ft-icon {
|
|
447
447
|
width: 100%;
|
|
448
448
|
height: 100%;
|
|
449
|
-
font-size: ${
|
|
449
|
+
font-size: ${Qr.size};
|
|
450
450
|
line-height: 1;
|
|
451
451
|
font-weight: normal;
|
|
452
452
|
text-transform: none;
|
|
@@ -457,33 +457,33 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
457
457
|
text-rendering: auto;
|
|
458
458
|
-webkit-font-smoothing: antialiased;
|
|
459
459
|
-moz-osx-font-smoothing: grayscale;
|
|
460
|
-
vertical-align: ${
|
|
460
|
+
vertical-align: ${Qr.verticalAlign};
|
|
461
461
|
}
|
|
462
462
|
|
|
463
463
|
i.ft-icon.ft-icon--fluid-topics {
|
|
464
|
-
font-family: ${
|
|
464
|
+
font-family: ${Qr.fluidTopicsFontFamily}, ft-icons, fticons, sans-serif;
|
|
465
465
|
|
|
466
466
|
/* Ugly fix because font is broken */
|
|
467
|
-
font-size: calc(0.75 * ${
|
|
468
|
-
line-height: ${
|
|
467
|
+
font-size: calc(0.75 * ${Qr.size});
|
|
468
|
+
line-height: ${Qr.size};
|
|
469
469
|
position: relative;
|
|
470
470
|
top: -4%;
|
|
471
471
|
justify-content: center;
|
|
472
472
|
}
|
|
473
473
|
|
|
474
474
|
.ft-icon--file-format {
|
|
475
|
-
font-family: ${
|
|
475
|
+
font-family: ${Qr.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
476
476
|
}
|
|
477
477
|
|
|
478
478
|
.ft-icon--material {
|
|
479
|
-
font-family: ${
|
|
479
|
+
font-family: ${Qr.materialFontFamily}, "Material Icons", sans-serif;
|
|
480
480
|
}
|
|
481
|
-
`;var
|
|
481
|
+
`;var on;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(on||(on={}));var en=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class rn extends Ko{constructor(){super(...arguments),this.resolvedIcon=eo}render(){const t=this.variant&&Object.values(on).includes(this.variant)?this.variant:on.fluid_topics,o=t!==on.material||!!this.value;return to`
|
|
482
482
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
483
|
-
${
|
|
483
|
+
${Jr(this.resolvedIcon)}
|
|
484
484
|
<slot ?hidden=${o}></slot>
|
|
485
485
|
</i>
|
|
486
|
-
`}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let e=this.value||this.textContent;switch(this.variant){case
|
|
486
|
+
`}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let e=this.value||this.textContent;switch(this.variant){case on.file_format:this.resolvedIcon=null!==(t=Xr[e.replace("-","_").toUpperCase()])&&void 0!==t?t:e;break;case on.material:this.resolvedIcon=this.value||eo;break;default:this.resolvedIcon=null!==(o=qr[e.replace("-","_").toUpperCase()])&&void 0!==o?o:e}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}rn.elementDefinitions={},rn.styles=tn,en([w()],rn.prototype,"variant",void 0),en([w()],rn.prototype,"value",void 0),en([C()],rn.prototype,"resolvedIcon",void 0),en([E("slot")],rn.prototype,"slottedContent",void 0),I("ft-icon")(rn);const nn={color:vo.extend("--ft-loader-color","",$o.colorPrimary),size:vo.create("--ft-loader-size","","SIZE","80px")},an=mt`
|
|
487
487
|
:host {
|
|
488
488
|
line-height: 0;
|
|
489
489
|
}
|
|
@@ -492,8 +492,8 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
492
492
|
display: inline-block;
|
|
493
493
|
position: relative;
|
|
494
494
|
|
|
495
|
-
width: ${
|
|
496
|
-
height: ${
|
|
495
|
+
width: ${nn.size};
|
|
496
|
+
height: ${nn.size};
|
|
497
497
|
}
|
|
498
498
|
|
|
499
499
|
.ft-loader div {
|
|
@@ -502,7 +502,7 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
502
502
|
width: 25%;
|
|
503
503
|
height: 25%;
|
|
504
504
|
border-radius: 50%;
|
|
505
|
-
background: ${
|
|
505
|
+
background: ${nn.color};
|
|
506
506
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
507
507
|
}
|
|
508
508
|
|
|
@@ -549,10 +549,10 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
549
549
|
transform: translate(0, 0);
|
|
550
550
|
}
|
|
551
551
|
100% {
|
|
552
|
-
transform: translate(calc(0.35 * ${
|
|
552
|
+
transform: translate(calc(0.35 * ${nn.size}), 0);
|
|
553
553
|
}
|
|
554
554
|
}
|
|
555
|
-
`,
|
|
555
|
+
`,sn=vo.extend("--ft-button-color","",$o.colorPrimary),ln={backgroundColor:vo.extend("--ft-button-background-color","",$o.colorSurface),borderRadius:vo.extend("--ft-button-border-radius","",$o.borderRadiusL),color:sn,fontSize:vo.extend("--ft-button-font-size","",li.fontSize),iconSize:vo.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:vo.extend("--ft-button-ripple-color","",sn),verticalPadding:vo.create("--ft-button-vertical-padding","","SIZE","6px"),horizontalPadding:vo.create("--ft-button-horizontal-padding","","SIZE","8px"),iconPadding:vo.create("--ft-button-icon-padding","","SIZE","8px"),opacityDisabled:vo.external($o.colorOpacityDisabled,"Design system")},cn=vo.extend("--ft-button-primary-color","",vo.extend("--ft-button-color","",$o.colorOnPrimary)),pn={backgroundColor:vo.extend("--ft-button-primary-background-color","",vo.extend("--ft-button-background-color","",$o.colorPrimary)),color:cn,rippleColor:vo.extend("--ft-button-primary-ripple-color","",cn)},fn=vo.extend("--ft-button-dense-border-radius","",vo.extend("--ft-button-border-radius","",$o.borderRadiusM)),hn=vo.create("--ft-button-dense-vertical-padding","","SIZE","2px"),dn=vo.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),un=vo.create("--ft-button-dense-icon-padding","","SIZE","4px"),yn=[mt`
|
|
556
556
|
:host {
|
|
557
557
|
display: inline-block;
|
|
558
558
|
max-width: 100%;
|
|
@@ -563,7 +563,7 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
563
563
|
box-shadow: 0px 0px 0px transparent;
|
|
564
564
|
border: 0px solid transparent;
|
|
565
565
|
text-shadow: 0px 0px 0px transparent;
|
|
566
|
-
font-size: ${
|
|
566
|
+
font-size: ${ln.fontSize};
|
|
567
567
|
}
|
|
568
568
|
|
|
569
569
|
button:hover {
|
|
@@ -592,31 +592,31 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
592
592
|
border: none;
|
|
593
593
|
pointer-events: auto;
|
|
594
594
|
|
|
595
|
-
--ft-button-internal-line-height: max(calc(${
|
|
596
|
-
--ft-button-internal-color: ${
|
|
597
|
-
${Oo(
|
|
598
|
-
${Oo(
|
|
595
|
+
--ft-button-internal-line-height: max(calc(${ln.fontSize} + 2px), ${ln.iconSize});
|
|
596
|
+
--ft-button-internal-color: ${ln.color};
|
|
597
|
+
${Oo(Qr.size,ln.iconSize)};
|
|
598
|
+
${Oo(Ar.color,ln.rippleColor)};
|
|
599
599
|
|
|
600
|
-
border-radius: ${
|
|
601
|
-
padding: ${
|
|
602
|
-
background-color: ${
|
|
600
|
+
border-radius: ${ln.borderRadius};
|
|
601
|
+
padding: ${ln.verticalPadding} ${ln.horizontalPadding};
|
|
602
|
+
background-color: ${ln.backgroundColor};
|
|
603
603
|
color: var(--ft-button-internal-color);
|
|
604
604
|
-webkit-mask-image: radial-gradient(white, black);
|
|
605
605
|
}
|
|
606
606
|
|
|
607
607
|
.ft-button.ft-button--outlined {
|
|
608
608
|
border: 1px solid var(--ft-button-internal-color);
|
|
609
|
-
padding: calc(${
|
|
609
|
+
padding: calc(${ln.verticalPadding} - 1px) calc(${ln.horizontalPadding} - 1px);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
612
|
.ft-button.ft-button--dense {
|
|
613
|
-
padding: ${
|
|
614
|
-
border-radius: ${
|
|
615
|
-
gap: ${
|
|
613
|
+
padding: ${hn} ${dn};
|
|
614
|
+
border-radius: ${fn};
|
|
615
|
+
gap: ${un};
|
|
616
616
|
}
|
|
617
617
|
|
|
618
618
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
619
|
-
padding: calc(${
|
|
619
|
+
padding: calc(${hn} - 1px) calc(${dn} - 1px);
|
|
620
620
|
}
|
|
621
621
|
|
|
622
622
|
.ft-button:not([disabled]):hover {
|
|
@@ -624,22 +624,22 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
624
624
|
}
|
|
625
625
|
|
|
626
626
|
.ft-button--round {
|
|
627
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
627
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${ln.verticalPadding});
|
|
628
628
|
}
|
|
629
629
|
|
|
630
630
|
.ft-button--round.ft-button--dense {
|
|
631
|
-
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${
|
|
631
|
+
border-radius: calc(var(--ft-button-internal-line-height) / 2 + ${hn});
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
.ft-button[disabled] {
|
|
635
635
|
filter: grayscale(1);
|
|
636
|
-
opacity: ${
|
|
636
|
+
opacity: ${ln.opacityDisabled};
|
|
637
637
|
}
|
|
638
638
|
|
|
639
639
|
.ft-button.ft-button--primary {
|
|
640
|
-
background-color: ${
|
|
641
|
-
--ft-button-internal-color: ${
|
|
642
|
-
${Oo(
|
|
640
|
+
background-color: ${pn.backgroundColor};
|
|
641
|
+
--ft-button-internal-color: ${pn.color};
|
|
642
|
+
${Oo(Ar.color,pn.rippleColor)};
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
.ft-button:focus {
|
|
@@ -652,13 +652,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
652
652
|
white-space: nowrap;
|
|
653
653
|
text-overflow: ellipsis;
|
|
654
654
|
display: block;
|
|
655
|
-
margin: 0 ${
|
|
655
|
+
margin: 0 ${ln.iconPadding};
|
|
656
656
|
${Oo(li.fontSize,"1em")};
|
|
657
657
|
${Oo(li.lineHeight,"var(--ft-button-internal-line-height)")};
|
|
658
658
|
}
|
|
659
659
|
|
|
660
660
|
.ft-button--dense .ft-button--label {
|
|
661
|
-
margin: 0 ${
|
|
661
|
+
margin: 0 ${un};
|
|
662
662
|
}
|
|
663
663
|
|
|
664
664
|
.ft-button--label[hidden] {
|
|
@@ -671,13 +671,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
671
671
|
}
|
|
672
672
|
|
|
673
673
|
.ft-button--label[hidden] + ft-icon {
|
|
674
|
-
margin: 0 calc(${
|
|
675
|
-
padding: 0 ${
|
|
674
|
+
margin: 0 calc(${ln.horizontalPadding} * -1);
|
|
675
|
+
padding: 0 ${ln.verticalPadding};
|
|
676
676
|
}
|
|
677
677
|
|
|
678
678
|
.ft-button--dense .ft-button--label[hidden] + ft-icon {
|
|
679
|
-
margin: 0 calc(${
|
|
680
|
-
padding: 0 ${
|
|
679
|
+
margin: 0 calc(${dn} * -1);
|
|
680
|
+
padding: 0 ${hn};
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.ft-button:not(.ft-button--trailing-icon) ft-icon,
|
|
@@ -686,19 +686,19 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
686
686
|
}
|
|
687
687
|
|
|
688
688
|
ft-loader {
|
|
689
|
-
${Oo(
|
|
690
|
-
${Oo(
|
|
689
|
+
${Oo(nn.size,ln.iconSize)};
|
|
690
|
+
${Oo(nn.color,"var(--ft-button-internal-color)")};
|
|
691
691
|
}
|
|
692
|
-
`,Zo];class
|
|
692
|
+
`,Zo];class gn extends Ko{render(){return to`
|
|
693
693
|
<div class="ft-loader">
|
|
694
694
|
<div></div>
|
|
695
695
|
<div></div>
|
|
696
696
|
<div></div>
|
|
697
697
|
<div></div>
|
|
698
698
|
</div>
|
|
699
|
-
`}}
|
|
699
|
+
`}}gn.styles=an,I("ft-loader")(gn);var bn=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class mn extends(function(t,o){return class extends t{static get formAssociated(){return!0}get form(){return this[Go].form}constructor(...t){super(t),this[Go]=this.attachInternals(),this[Go].role=o}setFormValue(t){this[Go].setFormValue(t)}}}(Ko,"button")){constructor(){super(...arguments),this.role="button",this.type="button",this.disabled=!1,this.label="",this.icon=void 0,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{var o;this.isDisabled()?(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()):"submit"==this.type&&(null===(o=this.form)||void 0===o||o.requestSubmit())}}render(){return this.addTooltipIfNeeded(to`
|
|
700
700
|
<button part="button"
|
|
701
|
-
class="${
|
|
701
|
+
class="${Zr(this.buttonClasses)}"
|
|
702
702
|
aria-label="${this.getLabel()}"
|
|
703
703
|
?disabled=${this.isDisabled()}>
|
|
704
704
|
<ft-ripple part="ripple" ?disabled=${this.isDisabled()}></ft-ripple>
|
|
@@ -719,7 +719,7 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
719
719
|
</ft-tooltip>
|
|
720
720
|
`:t}resolveIcon(){return this.loading?to`
|
|
721
721
|
<ft-loader part="loader icon"></ft-loader> `:this.icon?to`
|
|
722
|
-
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:eo}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}}
|
|
722
|
+
<ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:eo}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}}mn.elementDefinitions={"ft-ripple":Yr,"ft-tooltip":Lr,"ft-typography":Si,"ft-icon":rn,"ft-loader":gn},bn([w({type:String,reflect:!0})],mn.prototype,"role",void 0),bn([w()],mn.prototype,"type",void 0),bn([w({type:Boolean})],mn.prototype,"disabled",void 0),bn([w()],mn.prototype,"label",void 0),bn([w()],mn.prototype,"icon",void 0),bn([w()],mn.prototype,"iconVariant",void 0),bn([w({type:Boolean})],mn.prototype,"trailingIcon",void 0),bn([w({type:Boolean})],mn.prototype,"loading",void 0),bn([w()],mn.prototype,"tooltipPosition",void 0),bn([w({type:Boolean})],mn.prototype,"hideTooltip",void 0),bn([w({type:Boolean})],mn.prototype,"forceTooltip",void 0),bn([E(".ft-button")],mn.prototype,"button",void 0),bn([E(".ft-button--label slot")],mn.prototype,"slottedContent",void 0);var xn=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class vn extends mn{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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-no-text-select":!0}}get typographyVariant(){return"button"}}vn.styles=[Bo,yn],xn([w({type:Boolean})],vn.prototype,"primary",void 0),xn([w({type:Boolean})],vn.prototype,"outlined",void 0),xn([w({type:Boolean})],vn.prototype,"dense",void 0),xn([w({type:Boolean})],vn.prototype,"round",void 0);const On=[mt`
|
|
723
723
|
:host {
|
|
724
724
|
display: inline-block;
|
|
725
725
|
max-width: 100%;
|
|
@@ -798,13 +798,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
798
798
|
/** Primary styles **/
|
|
799
799
|
|
|
800
800
|
.ft-button--primary {
|
|
801
|
-
${Oo(
|
|
801
|
+
${Oo(nn.color,Co.primaryIconColor)};
|
|
802
802
|
|
|
803
|
-
${Oo(
|
|
804
|
-
${Oo(
|
|
805
|
-
${Oo(
|
|
806
|
-
${Oo(
|
|
807
|
-
${Oo(
|
|
803
|
+
${Oo(Ar.color,Co.primaryStateLayerColor)};
|
|
804
|
+
${Oo(Ar.opacityContentOnSurfaceHover,Co.primaryStateLayerOpacityHover)};
|
|
805
|
+
${Oo(Ar.opacityContentOnSurfaceFocused,Co.primaryStateLayerOpacityFocus)};
|
|
806
|
+
${Oo(Ar.opacityContentOnSurfaceSelected,Co.primaryStateLayerOpacityActive)};
|
|
807
|
+
${Oo(Ar.opacityContentOnSurfacePressed,Co.primaryStateLayerOpacityActive)};
|
|
808
808
|
|
|
809
809
|
background-color: ${Co.primaryBackgroundColor};
|
|
810
810
|
color: ${Co.primaryColor};
|
|
@@ -822,13 +822,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
822
822
|
/** Secondary styles **/
|
|
823
823
|
|
|
824
824
|
.ft-button--secondary {
|
|
825
|
-
${Oo(
|
|
825
|
+
${Oo(nn.color,Co.secondaryIconColor)};
|
|
826
826
|
|
|
827
|
-
${Oo(
|
|
828
|
-
${Oo(
|
|
829
|
-
${Oo(
|
|
830
|
-
${Oo(
|
|
831
|
-
${Oo(
|
|
827
|
+
${Oo(Ar.color,Co.secondaryStateLayerColor)};
|
|
828
|
+
${Oo(Ar.opacityContentOnSurfaceHover,Co.secondaryStateLayerOpacityHover)};
|
|
829
|
+
${Oo(Ar.opacityContentOnSurfaceFocused,Co.secondaryStateLayerOpacityFocus)};
|
|
830
|
+
${Oo(Ar.opacityContentOnSurfaceSelected,Co.secondaryStateLayerOpacityActive)};
|
|
831
|
+
${Oo(Ar.opacityContentOnSurfacePressed,Co.secondaryStateLayerOpacityActive)};
|
|
832
832
|
|
|
833
833
|
background-color: ${Co.secondaryBackgroundColor};
|
|
834
834
|
color: ${Co.secondaryColor};
|
|
@@ -847,13 +847,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
847
847
|
/** Tertiary styles **/
|
|
848
848
|
|
|
849
849
|
.ft-button--tertiary {
|
|
850
|
-
${Oo(
|
|
850
|
+
${Oo(nn.color,Co.tertiaryIconColor)};
|
|
851
851
|
|
|
852
|
-
${Oo(
|
|
853
|
-
${Oo(
|
|
854
|
-
${Oo(
|
|
855
|
-
${Oo(
|
|
856
|
-
${Oo(
|
|
852
|
+
${Oo(Ar.color,Co.tertiaryStateLayerColor)};
|
|
853
|
+
${Oo(Ar.opacityContentOnSurfaceHover,Co.tertiaryStateLayerOpacityHover)};
|
|
854
|
+
${Oo(Ar.opacityContentOnSurfaceFocused,Co.tertiaryStateLayerOpacityFocus)};
|
|
855
|
+
${Oo(Ar.opacityContentOnSurfaceSelected,Co.tertiaryStateLayerOpacityActive)};
|
|
856
|
+
${Oo(Ar.opacityContentOnSurfacePressed,Co.tertiaryStateLayerOpacityActive)};
|
|
857
857
|
|
|
858
858
|
background-color: ${Co.tertiaryBackgroundColor};
|
|
859
859
|
color: ${Co.tertiaryColor};
|
|
@@ -871,13 +871,13 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
871
871
|
/** Neutral styles **/
|
|
872
872
|
|
|
873
873
|
.ft-button--neutral {
|
|
874
|
-
${Oo(
|
|
874
|
+
${Oo(nn.color,Co.neutralIconColor)};
|
|
875
875
|
|
|
876
|
-
${Oo(
|
|
877
|
-
${Oo(
|
|
878
|
-
${Oo(
|
|
879
|
-
${Oo(
|
|
880
|
-
${Oo(
|
|
876
|
+
${Oo(Ar.backgroundColor,Co.neutralStateLayerColor)};
|
|
877
|
+
${Oo(Ar.opacityContentOnSurfaceHover,Co.neutralStateLayerOpacityHover)};
|
|
878
|
+
${Oo(Ar.opacityContentOnSurfaceFocused,Co.neutralStateLayerOpacityFocus)};
|
|
879
|
+
${Oo(Ar.opacityContentOnSurfaceSelected,Co.neutralStateLayerOpacityActive)};
|
|
880
|
+
${Oo(Ar.opacityContentOnSurfacePressed,Co.neutralStateLayerOpacityActive)};
|
|
881
881
|
|
|
882
882
|
background-color: ${Co.neutralBackgroundColor};
|
|
883
883
|
color: ${Co.neutralColor};
|
|
@@ -895,8 +895,8 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
895
895
|
/** Large styles **/
|
|
896
896
|
|
|
897
897
|
.ft-button--large {
|
|
898
|
-
${Oo(
|
|
899
|
-
${Oo(
|
|
898
|
+
${Oo(Qr.size,Co.largeIconSize)};
|
|
899
|
+
${Oo(nn.size,Co.largeIconSize)};
|
|
900
900
|
|
|
901
901
|
height: ${Co.largeHeight};
|
|
902
902
|
padding: 0 ${Co.largeHorizontalPadding};
|
|
@@ -918,8 +918,8 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
918
918
|
/** Small styles **/
|
|
919
919
|
|
|
920
920
|
.ft-button--small {
|
|
921
|
-
${Oo(
|
|
922
|
-
${Oo(
|
|
921
|
+
${Oo(Qr.size,Co.smallIconSize)};
|
|
922
|
+
${Oo(nn.size,Co.smallIconSize)};
|
|
923
923
|
|
|
924
924
|
height: ${Co.smallHeight};
|
|
925
925
|
padding: 0 ${Co.smallHorizontalPadding};
|
|
@@ -937,7 +937,7 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
937
937
|
width: ${Co.smallIconOnlyWidth};
|
|
938
938
|
padding: unset;
|
|
939
939
|
}
|
|
940
|
-
`,Zo];var
|
|
940
|
+
`,Zo];var Sn=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Nn extends mn{constructor(){super(...arguments),this.primary=!1,this.secondary=!1,this.tertiary=!1,this.neutral=!1,this.small=!1}get buttonClasses(){return{"ft-button":!0,"ft-button--primary":this.primary,"ft-button--secondary":this.secondary,"ft-button--tertiary":this.tertiary||!this.primary&&!this.secondary&&!this.neutral,"ft-button--neutral":this.neutral,"ft-button--large":!this.small,"ft-button--small":this.small,"ft-button--icon-only":!this.hasTextContent(),"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0,"ft-button--no-icon":!this.icon}}get typographyVariant(){return this.small?ce.caption1medium:ce.body2medium}}Nn.styles=[Bo,On],Sn([w({type:Boolean})],Nn.prototype,"primary",void 0),Sn([w({type:Boolean})],Nn.prototype,"secondary",void 0),Sn([w({type:Boolean})],Nn.prototype,"tertiary",void 0),Sn([w({type:Boolean})],Nn.prototype,"neutral",void 0),Sn([w({type:Boolean})],Nn.prototype,"small",void 0),I("ft-button")(vn),I("ftds-button")(Nn);const wn=vo.extend("--ft-chip-color","",$o.colorOnSurface),Cn={backgroundColor:vo.extend("--ft-chip-background-color","",$o.colorSurface),color:wn,fontSize:vo.extend("--ft-chip-font-size","",He.fontSize),iconSize:vo.create("--ft-chip-icon-size","","SIZE","18px"),rippleColor:vo.extend("--ft-chip-ripple-color","",wn),horizontalPadding:vo.create("--ft-chip-horizontal-padding","","SIZE","6px"),verticalPadding:vo.create("--ft-chip-vertical-padding","","SIZE","6px"),colorOutline:vo.external($o.colorOutline,"Design system"),opacityDisabled:vo.external($o.colorOpacityDisabled,"Design system")},$n=vo.extend("--ft-chip-highlighted-color","",vo.extend("--ft-chip-color","",$o.colorOnPrimary)),Rn={backgroundColor:vo.extend("--ft-chip-highlighted-background-color","",vo.extend("--ft-chip-background-color","",$o.colorPrimary)),color:$n,rippleColor:vo.extend("--ft-chip-highlighted-ripple-color","",$n)},En=vo.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),kn=vo.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),Un=[Zo,mt`
|
|
941
941
|
:host {
|
|
942
942
|
display: inline-block;
|
|
943
943
|
max-width: 100%;
|
|
@@ -953,20 +953,20 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
953
953
|
box-sizing: border-box;
|
|
954
954
|
pointer-events: auto;
|
|
955
955
|
|
|
956
|
-
--ft-chip-internal-font-size: ${
|
|
956
|
+
--ft-chip-internal-font-size: ${Cn.fontSize};
|
|
957
957
|
--ft-chip-internal-line-height: max(20px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
958
|
-
${Oo(
|
|
959
|
-
--ft-chip-internal-vertical-padding: ${
|
|
960
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
958
|
+
${Oo(Qr.size,Cn.iconSize)};
|
|
959
|
+
--ft-chip-internal-vertical-padding: ${Cn.verticalPadding};
|
|
960
|
+
--ft-chip-internal-horizontal-padding: ${Cn.horizontalPadding};
|
|
961
961
|
--ft-chip-internal-icon-padding: 3px;
|
|
962
|
-
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${
|
|
962
|
+
--ft-chip-internal-content-height: max(var(--ft-chip-internal-line-height), ${Cn.iconSize});
|
|
963
963
|
|
|
964
|
-
border: 1px solid ${
|
|
965
|
-
color: ${
|
|
966
|
-
${Oo(
|
|
964
|
+
border: 1px solid ${Cn.colorOutline};
|
|
965
|
+
color: ${Cn.color};
|
|
966
|
+
${Oo(Ar.color,Cn.rippleColor)};
|
|
967
967
|
border-radius: calc(var(--ft-chip-internal-content-height) / 2 + var(--ft-chip-internal-vertical-padding));
|
|
968
968
|
padding: calc(var(--ft-chip-internal-vertical-padding) - 1px) calc(var(--ft-chip-internal-horizontal-padding) - 1px);
|
|
969
|
-
background-color: ${
|
|
969
|
+
background-color: ${Cn.backgroundColor};
|
|
970
970
|
line-height: var(--ft-chip-internal-content-height);
|
|
971
971
|
}
|
|
972
972
|
|
|
@@ -976,8 +976,8 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
976
976
|
|
|
977
977
|
.ft-chip--dense {
|
|
978
978
|
--ft-chip-internal-icon-padding: 3px;
|
|
979
|
-
--ft-chip-internal-vertical-padding: ${
|
|
980
|
-
--ft-chip-internal-horizontal-padding: ${
|
|
979
|
+
--ft-chip-internal-vertical-padding: ${kn};
|
|
980
|
+
--ft-chip-internal-horizontal-padding: ${En};
|
|
981
981
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
982
982
|
}
|
|
983
983
|
|
|
@@ -989,15 +989,15 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
989
989
|
cursor: default;
|
|
990
990
|
pointer-events: none;
|
|
991
991
|
filter: grayscale(1);
|
|
992
|
-
opacity: ${
|
|
992
|
+
opacity: ${Cn.opacityDisabled};
|
|
993
993
|
}
|
|
994
994
|
|
|
995
995
|
.ft-chip--highlighted {
|
|
996
996
|
border: none;
|
|
997
997
|
padding: var(--ft-chip-internal-vertical-padding) var(--ft-chip-internal-horizontal-padding);
|
|
998
|
-
background-color: ${
|
|
999
|
-
${Oo(
|
|
1000
|
-
color: ${
|
|
998
|
+
background-color: ${Rn.backgroundColor};
|
|
999
|
+
${Oo(Ar.color,Rn.rippleColor)};
|
|
1000
|
+
color: ${Rn.color};
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
.ft-chip--clickable {
|
|
@@ -1027,9 +1027,9 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
1027
1027
|
}
|
|
1028
1028
|
|
|
1029
1029
|
.ft-chip--icon-button {
|
|
1030
|
-
${Oo(
|
|
1031
|
-
${Oo(
|
|
1032
|
-
${Oo(
|
|
1030
|
+
${Oo(ln.iconSize,Cn.iconSize)};
|
|
1031
|
+
${Oo(ln.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1032
|
+
${Oo(ln.verticalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1033
1033
|
margin: calc((-1) * var(--ft-chip-internal-icon-padding));
|
|
1034
1034
|
}
|
|
1035
1035
|
|
|
@@ -1074,8 +1074,8 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
1074
1074
|
.ft-chip:not(.ft-chip--trailing-icon) .ft-chip--icon-button {
|
|
1075
1075
|
order: -1;
|
|
1076
1076
|
}
|
|
1077
|
-
`];var
|
|
1078
|
-
<div class="${
|
|
1077
|
+
`];var In=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Ln extends CustomEvent{constructor(){super("icon-click")}}class Wn extends Ko{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.iconLabel="",this.icon=void 0,this.trailingIcon=!1}render(){const t={"ft-chip":!0,"ft-chip--highlighted":this.highlighted,"ft-chip--disabled":this.disabled,"ft-chip--clickable":this.interactionsOnChip,"ft-chip--trailing-icon":this.trailingIcon||this.removable,"ft-chip--no-content":!this.hasTextContent(),"ft-chip--dense":this.dense,"ft-chip--multi-line":this.multiLine,"ft-chip--safari-fix":qo};return to`
|
|
1078
|
+
<div class="${Zr(t)}"
|
|
1079
1079
|
aria-label="${this.getLabel()}"
|
|
1080
1080
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1081
1081
|
@keyup=${this.onKeyUp}>
|
|
@@ -1097,7 +1097,7 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
1097
1097
|
<div class="ft-chip--icon-container ft-no-text-select">
|
|
1098
1098
|
<ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}"></ft-icon>
|
|
1099
1099
|
</div>
|
|
1100
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new
|
|
1100
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Ln))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Ln))}getLabel(){return this.label||this.textContent}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"close":void 0)}}Wn.elementDefinitions={"ft-ripple":Yr,"ft-typography":Si,"ft-icon":rn,"ft-button":vn},Wn.styles=Un,In([w({type:Boolean})],Wn.prototype,"highlighted",void 0),In([w({type:Boolean})],Wn.prototype,"removable",void 0),In([w({type:Boolean})],Wn.prototype,"disabled",void 0),In([w({type:Boolean})],Wn.prototype,"clickable",void 0),In([w({type:Boolean})],Wn.prototype,"iconClickable",void 0),In([w({type:Boolean})],Wn.prototype,"dense",void 0),In([w({type:Boolean})],Wn.prototype,"multiLine",void 0),In([w()],Wn.prototype,"label",void 0),In([w()],Wn.prototype,"iconLabel",void 0),In([w()],Wn.prototype,"icon",void 0),In([w()],Wn.prototype,"iconVariant",void 0),In([w({type:Boolean})],Wn.prototype,"trailingIcon",void 0),In([E("ft-typography slot")],Wn.prototype,"slottedContent",void 0),I("ft-chip")(Wn);var zn=function(t,o,e,i){for(var r,n=arguments.length,a=n<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,e):i,s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(o,e,a):r(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class Kn extends ie{constructor(){super(...arguments),this.editorMode=!1}render(){return to`
|
|
1101
1101
|
<ft-tooltip text="${this.tooltipText}">
|
|
1102
1102
|
<ft-chip>
|
|
1103
1103
|
${this.renderContent()}
|
|
@@ -1110,4 +1110,4 @@ class Gr extends zr{constructor(t){if(super(t),this.et=Q,t.type!==Lr)throw Error
|
|
|
1110
1110
|
display: none !important;
|
|
1111
1111
|
}
|
|
1112
1112
|
</style>
|
|
1113
|
-
`}get valueText(){var t,o;return null!==(o=null===(t=this.metadata)||void 0===t?void 0:t.values.join(", "))&&void 0!==o?o:""}get tooltipText(){var t,o;return this.metadata?`${null!==(o=null===(t=this.metadata)||void 0===t?void 0:t.label)&&void 0!==o?o:this.metadata.key}: ${this.valueText}`:""}}
|
|
1113
|
+
`}get valueText(){var t,o;return null!==(o=null===(t=this.metadata)||void 0===t?void 0:t.values.join(", "))&&void 0!==o?o:""}get tooltipText(){var t,o;return this.metadata?`${null!==(o=null===(t=this.metadata)||void 0===t?void 0:t.label)&&void 0!==o?o:this.metadata.key}: ${this.valueText}`:""}}Kn.elementDefinitions={"ft-tooltip":Lr,"ft-chip":Wn},Kn.styles=Xo,zn([w(),(t,o)=>{var e;const i=t.constructor;i.reduxReactiveProperties=new Set(i.reduxReactiveProperties),null===(e=i.reduxReactiveProperties)||void 0===e||e.add(o)}],Kn.prototype,"key",void 0),zn([w({attribute:!1})],Kn.prototype,"editorMode",void 0),zn([(t=>{const o=null!=t?t:{};return(t,e)=>{var i;const r={hasChanged:(t,o)=>!U(t,o),attribute:!1,...o};w(r)(t,e);const n=t.constructor;n.reduxProperties=new Map(n.reduxProperties),n.reduxProperties.set(e,{selector:null!==(i=o.selector)&&void 0!==i?i:t=>t[e],store:o.store})}})({selector:(t,o)=>{var e,i;return null===(i=null===(e=t.map)||void 0===e?void 0:e.metadata)||void 0===i?void 0:i.find((t=>t.key===o.key))}})],Kn.prototype,"metadata",void 0),I("ft-reader-metadata")(Kn),t.FtReaderMetadata=Kn,t.FtReaderMetadataCssVariables={},t.styles=Xo}({});
|