@fluid-topics/ft-reader-topic-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-topic-metadata.light.js +132 -132
- package/build/ft-reader-topic-metadata.min.js +121 -121
- package/package.json +3 -3
|
@@ -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(Qr){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
|
-
`,zi=["start","end"],Ki=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+zi[0],o+"-"+zi[1])),[]),Fi=Math.min,Zi=Math.max,Bi=Math.round,Ai=t=>({x:t,y:t}),Mi={left:"right",right:"left",bottom:"top",top:"bottom"},Di={start:"end",end:"start"};function Pi(t,o,e){return Zi(t,Fi(o,e))}function Hi(t,o){return"function"==typeof t?t(o):t}function Ti(t){return t.split("-")[0]}function ji(t){return t.split("-")[1]}function _i(t){return"x"===t?"y":"x"}function Gi(t){return"y"===t?"height":"width"}function Yi(t){return["top","bottom"].includes(Ti(t))?"y":"x"}function Vi(t){return _i(Yi(t))}function Ji(t){return t.replace(/left|right|bottom|top/g,(t=>Mi[t]))}function qi(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Xi(t,o,e){let{reference:i,floating:r}=t;const n=Yi(o),a=Vi(o),s=Gi(a),l=Ti(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(ji(o)){case"start":d[a]-=h*(e&&c?-1:1);break;case"end":d[a]+=h*(e&&c?-1:1)}return d}async function Qi(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}=Hi(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=qi(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=qi(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 tr(t,o,e){return(t?[...e.filter((o=>ji(o)===t)),...e.filter((o=>ji(o)!==t))]:e.filter((t=>Ti(t)===t))).filter((e=>!t||(ji(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Di[t]))}(e)!==e)))}const or=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=Ki,autoAlignment:d=!0,...u}=Hi(t,o),y=void 0!==f||h===Ki?tr(f||null,d,h):h,g=await Qi(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=ji(t),r=Vi(t),n=Gi(r);let a="x"===r?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=Ji(a)),[a,Ji(a)]}(m,n,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(s!==m)return{reset:{placement:y[0]}};const v=[g[Ti(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=ji(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,ji(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 er(t){return nr(t)?(t.nodeName||"").toLowerCase():"#document"}function ir(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function rr(t){var o;return null==(o=(nr(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function nr(t){return t instanceof Node||t instanceof ir(t).Node}function ar(t){return t instanceof Element||t instanceof ir(t).Element}function sr(t){return t instanceof HTMLElement||t instanceof ir(t).HTMLElement}function lr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof ir(t).ShadowRoot)}function cr(t){const{overflow:o,overflowX:e,overflowY:i,display:r}=ur(t);return/auto|scroll|overlay|hidden|clip/.test(o+i+e)&&!["inline","contents"].includes(r)}function pr(t){return["table","td","th"].includes(er(t))}function fr(t){const o=hr(),e=ur(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 hr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function dr(t){return["html","body","#document"].includes(er(t))}function ur(t){return ir(t).getComputedStyle(t)}function yr(t){return ar(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function gr(t){if("html"===er(t))return t;const o=t.assignedSlot||t.parentNode||lr(t)&&t.host||rr(t);return lr(o)?o.host:o}function br(t){const o=gr(t);return dr(o)?t.ownerDocument?t.ownerDocument.body:t.body:sr(o)&&cr(o)?o:br(o)}function mr(t,o,e){var i;void 0===o&&(o=[]),void 0===e&&(e=!0);const r=br(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=ir(r);return n?o.concat(a,a.visualViewport||[],cr(r)?r:[],a.frameElement&&e?mr(a.frameElement):[]):o.concat(r,mr(r,[],e))}function xr(t){const o=ur(t);let e=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const r=sr(t),n=r?t.offsetWidth:e,a=r?t.offsetHeight:i,s=Bi(e)!==n||Bi(i)!==a;return s&&(e=n,i=a),{width:e,height:i,$:s}}function vr(t){return ar(t)?t:t.contextElement}function Or(t){const o=vr(t);if(!sr(o))return Ai(1);const e=o.getBoundingClientRect(),{width:i,height:r,$:n}=xr(o);let a=(n?Bi(e.width):e.width)/i,s=(n?Bi(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const Sr=Ai(0);function Nr(t){const o=ir(t);return hr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:Sr}function wr(t,o,e,i){void 0===o&&(o=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),n=vr(t);let a=Ai(1);o&&(i?ar(i)&&(a=Or(i)):a=Or(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==ir(t))&&o}(n,e,i)?Nr(n):Ai(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=ir(n),o=i&&ar(i)?ir(i):i;let e=t.frameElement;for(;e&&i&&o!==t;){const t=Or(e),o=e.getBoundingClientRect(),i=ur(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=ir(e).frameElement}}return qi({width:p,height:f,x:l,y:c})}function Cr(t){return wr(rr(t)).left+yr(t).scrollLeft}function $r(t,o,e){let i;if("viewport"===o)i=function(t,o){const e=ir(t),i=rr(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=hr();(!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=rr(t),e=yr(t),i=t.ownerDocument.body,r=Zi(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),n=Zi(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let a=-e.scrollLeft+Cr(t);const s=-e.scrollTop;return"rtl"===ur(i).direction&&(a+=Zi(o.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:s}}(rr(t));else if(ar(o))i=function(t,o){const e=wr(t,!0,"fixed"===o),i=e.top+t.clientTop,r=e.left+t.clientLeft,n=sr(t)?Or(t):Ai(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=Nr(t);i={...o,x:o.x-e.x,y:o.y-e.y}}return qi(i)}function Rr(t,o){const e=gr(t);return!(e===o||!ar(e)||dr(e))&&("fixed"===ur(e).position||Rr(e,o))}function Er(t,o,e){const i=sr(o),r=rr(o),n="fixed"===e,a=wr(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const l=Ai(0);if(i||!i&&!n)if(("body"!==er(o)||cr(r))&&(s=yr(o)),i){const t=wr(o,!0,n,o);l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}else r&&(l.x=Cr(r));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function kr(t,o){return sr(t)&&"fixed"!==ur(t).position?o?o(t):t.offsetParent:null}function Ur(t,o){const e=ir(t);if(!sr(t))return e;let i=kr(t,o);for(;i&&pr(i)&&"static"===ur(i).position;)i=kr(i,o);return i&&("html"===er(i)||"body"===er(i)&&"static"===ur(i).position&&!fr(i))?e:i||function(t){let o=gr(t);for(;sr(o)&&!dr(o);){if(fr(o))return o;o=gr(o)}return null}(t)||e}const Ir={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:i}=t;const r=sr(e),n=rr(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Ai(1);const l=Ai(0);if((r||!r&&"fixed"!==i)&&(("body"!==er(e)||cr(n))&&(a=yr(e)),sr(e))){const t=wr(e);s=Or(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:rr,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=mr(t,[],!1).filter((t=>ar(t)&&"body"!==er(t))),r=null;const n="fixed"===ur(t).position;let a=n?gr(t):t;for(;ar(a)&&!dr(a);){const o=ur(a),e=fr(a);e||"fixed"!==o.position||(r=null),(n?!e&&!r:!e&&"static"===o.position&&r&&["absolute","fixed"].includes(r.position)||cr(a)&&!e&&Rr(t,a))?i=i.filter((t=>t!==a)):r=o,a=gr(a)}return o.set(t,i),i}(o,this._c):[].concat(e),i],a=n[0],s=n.reduce(((t,e)=>{const i=$r(o,e,r);return t.top=Zi(i.top,t.top),t.right=Fi(i.right,t.right),t.bottom=Fi(i.bottom,t.bottom),t.left=Zi(i.left,t.left),t}),$r(o,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:Ur,getElementRects:async function(t){let{reference:o,floating:e,strategy:i}=t;const r=this.getOffsetParent||Ur,n=this.getDimensions;return{reference:Er(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 xr(t)},getScale:Or,isElement:ar,isRTL:function(t){return"rtl"===ur(t).direction}},Lr=(t,o,e)=>{const i=new Map,r={platform:Ir,...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}=Xi(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}=Xi(c,h,l))),e=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,o,{...r,platform:n})};var Wr=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 zr 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
|
+
`,zi=["start","end"],Ki=["top","right","bottom","left"].reduce(((t,o)=>t.concat(o,o+"-"+zi[0],o+"-"+zi[1])),[]),Fi=Math.min,Zi=Math.max,Bi=Math.round,Ai=t=>({x:t,y:t}),Mi={left:"right",right:"left",bottom:"top",top:"bottom"},Di={start:"end",end:"start"};function Pi(t,o,e){return Zi(t,Fi(o,e))}function Hi(t,o){return"function"==typeof t?t(o):t}function Ti(t){return t.split("-")[0]}function ji(t){return t.split("-")[1]}function _i(t){return"x"===t?"y":"x"}function Gi(t){return"y"===t?"height":"width"}function Yi(t){return["top","bottom"].includes(Ti(t))?"y":"x"}function Vi(t){return _i(Yi(t))}function Ji(t){return t.replace(/left|right|bottom|top/g,(t=>Mi[t]))}function qi(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function Xi(t,o,e){let{reference:i,floating:r}=t;const n=Yi(o),a=Vi(o),s=Gi(a),l=Ti(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(ji(o)){case"start":d[a]-=h*(e&&c?-1:1);break;case"end":d[a]+=h*(e&&c?-1:1)}return d}async function Qi(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}=Hi(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=qi(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=qi(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 tr(t,o,e){return(t?[...e.filter((o=>ji(o)===t)),...e.filter((o=>ji(o)!==t))]:e.filter((t=>Ti(t)===t))).filter((e=>!t||(ji(e)===t||!!o&&function(t){return t.replace(/start|end/g,(t=>Di[t]))}(e)!==e)))}const or=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=Ki,autoAlignment:d=!0,...u}=Hi(t,o),y=void 0!==f||h===Ki?tr(f||null,d,h):h,g=await Qi(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=ji(t),r=Vi(t),n=Gi(r);let a="x"===r?i===(e?"end":"start")?"right":"left":"start"===i?"bottom":"top";return o.reference[n]>o.floating[n]&&(a=Ji(a)),[a,Ji(a)]}(m,n,await(null==l.isRTL?void 0:l.isRTL(c.floating)));if(s!==m)return{reset:{placement:y[0]}};const v=[g[Ti(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=ji(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,ji(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 er(t){return nr(t)?(t.nodeName||"").toLowerCase():"#document"}function ir(t){var o;return(null==t||null==(o=t.ownerDocument)?void 0:o.defaultView)||window}function rr(t){var o;return null==(o=(nr(t)?t.ownerDocument:t.document)||window.document)?void 0:o.documentElement}function nr(t){return t instanceof Node||t instanceof ir(t).Node}function ar(t){return t instanceof Element||t instanceof ir(t).Element}function sr(t){return t instanceof HTMLElement||t instanceof ir(t).HTMLElement}function lr(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof ir(t).ShadowRoot)}function cr(t){const{overflow:o,overflowX:e,overflowY:i,display:r}=ur(t);return/auto|scroll|overlay|hidden|clip/.test(o+i+e)&&!["inline","contents"].includes(r)}function pr(t){return["table","td","th"].includes(er(t))}function fr(t){const o=hr(),e=ur(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 hr(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function dr(t){return["html","body","#document"].includes(er(t))}function ur(t){return ir(t).getComputedStyle(t)}function yr(t){return ar(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function gr(t){if("html"===er(t))return t;const o=t.assignedSlot||t.parentNode||lr(t)&&t.host||rr(t);return lr(o)?o.host:o}function br(t){const o=gr(t);return dr(o)?t.ownerDocument?t.ownerDocument.body:t.body:sr(o)&&cr(o)?o:br(o)}function mr(t,o,e){var i;void 0===o&&(o=[]),void 0===e&&(e=!0);const r=br(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),a=ir(r);return n?o.concat(a,a.visualViewport||[],cr(r)?r:[],a.frameElement&&e?mr(a.frameElement):[]):o.concat(r,mr(r,[],e))}function xr(t){const o=ur(t);let e=parseFloat(o.width)||0,i=parseFloat(o.height)||0;const r=sr(t),n=r?t.offsetWidth:e,a=r?t.offsetHeight:i,s=Bi(e)!==n||Bi(i)!==a;return s&&(e=n,i=a),{width:e,height:i,$:s}}function vr(t){return ar(t)?t:t.contextElement}function Or(t){const o=vr(t);if(!sr(o))return Ai(1);const e=o.getBoundingClientRect(),{width:i,height:r,$:n}=xr(o);let a=(n?Bi(e.width):e.width)/i,s=(n?Bi(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const Sr=Ai(0);function Nr(t){const o=ir(t);return hr()&&o.visualViewport?{x:o.visualViewport.offsetLeft,y:o.visualViewport.offsetTop}:Sr}function wr(t,o,e,i){void 0===o&&(o=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),n=vr(t);let a=Ai(1);o&&(i?ar(i)&&(a=Or(i)):a=Or(t));const s=function(t,o,e){return void 0===o&&(o=!1),!(!e||o&&e!==ir(t))&&o}(n,e,i)?Nr(n):Ai(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=ir(n),o=i&&ar(i)?ir(i):i;let e=t.frameElement;for(;e&&i&&o!==t;){const t=Or(e),o=e.getBoundingClientRect(),i=ur(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=ir(e).frameElement}}return qi({width:p,height:f,x:l,y:c})}function Cr(t){return wr(rr(t)).left+yr(t).scrollLeft}function $r(t,o,e){let i;if("viewport"===o)i=function(t,o){const e=ir(t),i=rr(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=hr();(!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=rr(t),e=yr(t),i=t.ownerDocument.body,r=Zi(o.scrollWidth,o.clientWidth,i.scrollWidth,i.clientWidth),n=Zi(o.scrollHeight,o.clientHeight,i.scrollHeight,i.clientHeight);let a=-e.scrollLeft+Cr(t);const s=-e.scrollTop;return"rtl"===ur(i).direction&&(a+=Zi(o.clientWidth,i.clientWidth)-r),{width:r,height:n,x:a,y:s}}(rr(t));else if(ar(o))i=function(t,o){const e=wr(t,!0,"fixed"===o),i=e.top+t.clientTop,r=e.left+t.clientLeft,n=sr(t)?Or(t):Ai(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=Nr(t);i={...o,x:o.x-e.x,y:o.y-e.y}}return qi(i)}function Rr(t,o){const e=gr(t);return!(e===o||!ar(e)||dr(e))&&("fixed"===ur(e).position||Rr(e,o))}function Er(t,o,e){const i=sr(o),r=rr(o),n="fixed"===e,a=wr(t,!0,n,o);let s={scrollLeft:0,scrollTop:0};const l=Ai(0);if(i||!i&&!n)if(("body"!==er(o)||cr(r))&&(s=yr(o)),i){const t=wr(o,!0,n,o);l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}else r&&(l.x=Cr(r));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function kr(t,o){return sr(t)&&"fixed"!==ur(t).position?o?o(t):t.offsetParent:null}function Ur(t,o){const e=ir(t);if(!sr(t))return e;let i=kr(t,o);for(;i&&pr(i)&&"static"===ur(i).position;)i=kr(i,o);return i&&("html"===er(i)||"body"===er(i)&&"static"===ur(i).position&&!fr(i))?e:i||function(t){let o=gr(t);for(;sr(o)&&!dr(o);){if(fr(o))return o;o=gr(o)}return null}(t)||e}const Ir={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:o,offsetParent:e,strategy:i}=t;const r=sr(e),n=rr(e);if(e===n)return o;let a={scrollLeft:0,scrollTop:0},s=Ai(1);const l=Ai(0);if((r||!r&&"fixed"!==i)&&(("body"!==er(e)||cr(n))&&(a=yr(e)),sr(e))){const t=wr(e);s=Or(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:rr,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=mr(t,[],!1).filter((t=>ar(t)&&"body"!==er(t))),r=null;const n="fixed"===ur(t).position;let a=n?gr(t):t;for(;ar(a)&&!dr(a);){const o=ur(a),e=fr(a);e||"fixed"!==o.position||(r=null),(n?!e&&!r:!e&&"static"===o.position&&r&&["absolute","fixed"].includes(r.position)||cr(a)&&!e&&Rr(t,a))?i=i.filter((t=>t!==a)):r=o,a=gr(a)}return o.set(t,i),i}(o,this._c):[].concat(e),i],a=n[0],s=n.reduce(((t,e)=>{const i=$r(o,e,r);return t.top=Zi(i.top,t.top),t.right=Fi(i.right,t.right),t.bottom=Fi(i.bottom,t.bottom),t.left=Zi(i.left,t.left),t}),$r(o,a,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:Ur,getElementRects:async function(t){let{reference:o,floating:e,strategy:i}=t;const r=this.getOffsetParent||Ur,n=this.getDimensions;return{reference:Er(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 xr(t)},getScale:Or,isElement:ar,isRTL:function(t){return"rtl"===ur(t).direction}},Lr=(t,o,e)=>{const i=new Map,r={platform:Ir,...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}=Xi(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}=Xi(c,h,l))),e=-1)}return{x:p,y:f,placement:h,strategy:r,middlewareData:d}})(t,o,{...r,platform:n})};function Wr(t){return function(t){for(let o=t;o;o=zr(o))if(o instanceof Element&&"none"===getComputedStyle(o).display)return null;for(let o=zr(t);o;o=zr(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 zr(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}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 Fr 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="",Lr(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}=Hi(t,o),c={x:e,y:i},p=await Qi(o,l),f=Yi(Ti(r)),h=_i(f);let d=c[h],u=c[f];if(n){const t="y"===h?"bottom":"right";d=Pi(d+p["y"===h?"top":"left"],d,d-p[t])}if(a){const t="y"===f?"bottom":"right";u=Pi(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}}}}),or({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="",Lr(this.slottedElement,this.tooltip,{platform:{...Ir,getOffsetParent:t=>Ir.getOffsetParent(t,Wr)},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}=Hi(t,o),c={x:e,y:i},p=await Qi(o,l),f=Yi(Ti(r)),h=_i(f);let d=c[h],u=c[f];if(n){const t="y"===h?"bottom":"right";d=Pi(d+p["y"===h?"top":"left"],d,d-p[t])}if(a){const t="y"===f?"bottom":"right";u=Pi(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}}}}),or({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))}}Fr.elementDefinitions={"ft-typography":$i},Fr.styles=Wi,Kr([w()],Fr.prototype,"text",void 0),Kr([w({type:Boolean})],Fr.prototype,"manual",void 0),Kr([w({type:Boolean})],Fr.prototype,"inline",void 0),Kr([w({type:Number})],Fr.prototype,"delay",void 0),Kr([w()],Fr.prototype,"position",void 0),Kr([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)??[]}})}}()],Fr.prototype,"slotNodes",void 0),Kr([E(".ft-tooltip--container")],Fr.prototype,"container",void 0),Kr([E(".ft-tooltip")],Fr.prototype,"tooltip",void 0),Kr([E(".ft-tooltip--content")],Fr.prototype,"tooltipContent",void 0),Kr([C()],Fr.prototype,"visible",void 0),Kr([$({passive:!0})],Fr.prototype,"onTouch",null),Kr([$({passive:!0})],Fr.prototype,"onHover",null),Kr([$({passive:!0})],Fr.prototype,"onOut",null),I("ft-tooltip")(Fr);
|
|
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 Zr=1,Br=2,Ar=t=>(...o)=>({_$litDirective$:t,values:o});class Mr{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 Ar
|
|
304
|
+
*/const Dr=Ar(class extends Mr{constructor(t){if(super(t),t.type!==Zr||"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}}),Pr=vo.extend("--ft-ripple-color","",$o.colorContent),Hr={color:Pr,backgroundColor:vo.extend("--ft-ripple-background-color","",Pr),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")},Tr=vo.extend("--ft-ripple-color","",$o.colorPrimary),jr=Tr,_r=vo.extend("--ft-ripple-background-color","",Tr),Gr=vo.extend("--ft-ripple-color","",$o.colorSecondary),Yr=Gr,Vr=vo.extend("--ft-ripple-background-color","",Gr),Jr=mt`
|
|
305
305
|
:host {
|
|
306
306
|
display: contents;
|
|
307
307
|
}
|
|
@@ -314,7 +314,7 @@ const Kr=1,Fr=2,Zr=t=>(...o)=>({_$litDirective$:t,values:o});class Br{constructo
|
|
|
314
314
|
|
|
315
315
|
.ft-ripple:not(.ft-ripple--unbounded) {
|
|
316
316
|
overflow: hidden;
|
|
317
|
-
border-radius: ${
|
|
317
|
+
border-radius: ${Hr.borderRadius};
|
|
318
318
|
}
|
|
319
319
|
|
|
320
320
|
.ft-ripple .ft-ripple--background,
|
|
@@ -348,27 +348,27 @@ const Kr=1,Fr=2,Zr=t=>(...o)=>({_$litDirective$:t,values:o});class Br{constructo
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.ft-ripple .ft-ripple--background {
|
|
351
|
-
background-color: ${
|
|
351
|
+
background-color: ${Hr.backgroundColor};
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
.ft-ripple .ft-ripple--effect {
|
|
355
|
-
background-color: ${
|
|
355
|
+
background-color: ${Hr.color};
|
|
356
356
|
}
|
|
357
357
|
|
|
358
358
|
.ft-ripple.ft-ripple--secondary .ft-ripple--background {
|
|
359
|
-
background-color: ${
|
|
359
|
+
background-color: ${Vr};
|
|
360
360
|
}
|
|
361
361
|
|
|
362
362
|
.ft-ripple.ft-ripple--secondary .ft-ripple--effect {
|
|
363
|
-
background-color: ${
|
|
363
|
+
background-color: ${Yr};
|
|
364
364
|
}
|
|
365
365
|
|
|
366
366
|
.ft-ripple.ft-ripple--primary .ft-ripple--background {
|
|
367
|
-
background-color: ${
|
|
367
|
+
background-color: ${_r};
|
|
368
368
|
}
|
|
369
369
|
|
|
370
370
|
.ft-ripple.ft-ripple--primary .ft-ripple--effect {
|
|
371
|
-
background-color: ${
|
|
371
|
+
background-color: ${jr};
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
.ft-ripple .ft-ripple--background {
|
|
@@ -398,39 +398,39 @@ const Kr=1,Fr=2,Zr=t=>(...o)=>({_$litDirective$:t,values:o});class Br{constructo
|
|
|
398
398
|
}
|
|
399
399
|
|
|
400
400
|
.ft-ripple.ft-ripple--hovered .ft-ripple--background {
|
|
401
|
-
opacity: ${
|
|
401
|
+
opacity: ${Hr.opacityContentOnSurfaceHover};
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
.ft-ripple.ft-ripple--selected .ft-ripple--background {
|
|
405
|
-
opacity: ${
|
|
405
|
+
opacity: ${Hr.opacityContentOnSurfaceSelected};
|
|
406
406
|
}
|
|
407
407
|
|
|
408
408
|
.ft-ripple.ft-ripple--focused .ft-ripple--background {
|
|
409
|
-
opacity: ${
|
|
409
|
+
opacity: ${Hr.opacityContentOnSurfaceFocused};
|
|
410
410
|
}
|
|
411
411
|
|
|
412
412
|
.ft-ripple.ft-ripple--pressed .ft-ripple--effect {
|
|
413
|
-
opacity: ${
|
|
413
|
+
opacity: ${Hr.opacityContentOnSurfacePressed};
|
|
414
414
|
transform: translate(-50%, -50%) scale(1);
|
|
415
415
|
}
|
|
416
|
-
`;var
|
|
416
|
+
`;var qr=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 Xr 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="${Dr(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()}}Xr.elementDefinitions={},Xr.styles=Jr,qr([w({type:Boolean})],Xr.prototype,"primary",void 0),qr([w({type:Boolean})],Xr.prototype,"secondary",void 0),qr([w({type:Boolean})],Xr.prototype,"unbounded",void 0),qr([w({type:Boolean})],Xr.prototype,"activated",void 0),qr([w({type:Boolean})],Xr.prototype,"selected",void 0),qr([w({type:Boolean})],Xr.prototype,"disabled",void 0),qr([C()],Xr.prototype,"hovered",void 0),qr([C()],Xr.prototype,"focused",void 0),qr([C()],Xr.prototype,"pressed",void 0),qr([C()],Xr.prototype,"rippling",void 0),qr([C()],Xr.prototype,"originX",void 0),qr([C()],Xr.prototype,"originY",void 0),qr([E(".ft-ripple")],Xr.prototype,"ripple",void 0),qr([E(".ft-ripple--effect")],Xr.prototype,"rippleEffect",void 0),I("ft-ripple")(Xr);
|
|
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 Qr extends Mr{constructor(t){if(super(t),this.et=Q,t.type!==Br)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:[]}}}Qr.directiveName="unsafeHTML",Qr.resultType=1;const tn=Ar(Qr);var on,en;!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=""}(on||(on={})),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=""}(en||(en={})),new Map([...["abw"].map((t=>[t,en.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,en.AUDIO])),...["avi"].map((t=>[t,en.AVI])),...["chm","xhs"].map((t=>[t,en.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,en.CODE])),...["csv"].map((t=>[t,en.CSV])),...["dita","ditamap","ditaval"].map((t=>[t,en.DITA])),...["epub"].map((t=>[t,en.EPUB])),...["xls","xlt","xlm","xlsx","xlsm","xltx","xltm","xlsb","xla","xlam","xll","xlw"].map((t=>[t,en.EXCEL])),...["flac"].map((t=>[t,en.FLAC])),...["gif"].map((t=>[t,en.GIF])),...["gzip","x-gzip","giz","gz","tgz"].map((t=>[t,en.GZIP])),...["html","htm","xhtml"].map((t=>[t,en.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,en.IMAGE])),...["jpeg","jpg","jpe"].map((t=>[t,en.JPEG])),...["json"].map((t=>[t,en.JSON])),...["m4a","m4p"].map((t=>[t,en.M4A])),...["mov","qt"].map((t=>[t,en.MOV])),...["mp3"].map((t=>[t,en.MP3])),...["mp4","m4v"].map((t=>[t,en.MP4])),...["ogg","oga"].map((t=>[t,en.OGG])),...["pdf","ps"].map((t=>[t,en.PDF])),...["png"].map((t=>[t,en.PNG])),...["ppt","pot","pps","pptx","pptm","potx","potm","ppam","ppsx","ppsm","sldx","sldm"].map((t=>[t,en.POWERPOINT])),...["rar"].map((t=>[t,en.RAR])),...["stp"].map((t=>[t,en.STP])),...["txt","rtf","md","mdown"].map((t=>[t,en.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,en.VIDEO])),...["wav"].map((t=>[t,en.WAV])),...["wma"].map((t=>[t,en.WMA])),...["doc","dot","docx","docm","dotx","dotm","docb"].map((t=>[t,en.WORD])),...["xml","xsl","rdf"].map((t=>[t,en.XML])),...["yaml","yml","x-yaml"].map((t=>[t,en.YAML])),...["zip"].map((t=>[t,en.ZIP]))]);const rn={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")},nn=mt`
|
|
434
434
|
:host, i.ft-icon {
|
|
435
435
|
display: inline-flex;
|
|
436
436
|
align-items: center;
|
|
@@ -439,14 +439,14 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
439
439
|
}
|
|
440
440
|
|
|
441
441
|
:host {
|
|
442
|
-
width: ${
|
|
443
|
-
height: ${
|
|
442
|
+
width: ${rn.size};
|
|
443
|
+
height: ${rn.size};
|
|
444
444
|
}
|
|
445
445
|
|
|
446
446
|
i.ft-icon {
|
|
447
447
|
width: 100%;
|
|
448
448
|
height: 100%;
|
|
449
|
-
font-size: ${
|
|
449
|
+
font-size: ${rn.size};
|
|
450
450
|
line-height: 1;
|
|
451
451
|
font-weight: normal;
|
|
452
452
|
text-transform: none;
|
|
@@ -457,33 +457,33 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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: ${rn.verticalAlign};
|
|
461
461
|
}
|
|
462
462
|
|
|
463
463
|
i.ft-icon.ft-icon--fluid-topics {
|
|
464
|
-
font-family: ${
|
|
464
|
+
font-family: ${rn.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 * ${rn.size});
|
|
468
|
+
line-height: ${rn.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: ${rn.fileFormatFontFamily}, ft-mime, sans-serif;
|
|
476
476
|
}
|
|
477
477
|
|
|
478
478
|
.ft-icon--material {
|
|
479
|
-
font-family: ${
|
|
479
|
+
font-family: ${rn.materialFontFamily}, "Material Icons", sans-serif;
|
|
480
480
|
}
|
|
481
|
-
`;var
|
|
481
|
+
`;var an;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(an||(an={}));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 ln extends Ko{constructor(){super(...arguments),this.resolvedIcon=eo}render(){const t=this.variant&&Object.values(an).includes(this.variant)?this.variant:an.fluid_topics,o=t!==an.material||!!this.value;return to`
|
|
482
482
|
<i class="ft-icon ft-icon--${t}" part="icon icon-${t}">
|
|
483
|
-
${
|
|
483
|
+
${tn(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 an.file_format:this.resolvedIcon=null!==(t=en[e.replace("-","_").toUpperCase()])&&void 0!==t?t:e;break;case an.material:this.resolvedIcon=this.value||eo;break;default:this.resolvedIcon=null!==(o=on[e.replace("-","_").toUpperCase()])&&void 0!==o?o:e}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}ln.elementDefinitions={},ln.styles=nn,sn([w()],ln.prototype,"variant",void 0),sn([w()],ln.prototype,"value",void 0),sn([C()],ln.prototype,"resolvedIcon",void 0),sn([E("slot")],ln.prototype,"slottedContent",void 0),I("ft-icon")(ln);const cn={color:vo.extend("--ft-loader-color","",$o.colorPrimary),size:vo.create("--ft-loader-size","","SIZE","80px")},pn=mt`
|
|
487
487
|
:host {
|
|
488
488
|
line-height: 0;
|
|
489
489
|
}
|
|
@@ -492,8 +492,8 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
492
492
|
display: inline-block;
|
|
493
493
|
position: relative;
|
|
494
494
|
|
|
495
|
-
width: ${
|
|
496
|
-
height: ${
|
|
495
|
+
width: ${cn.size};
|
|
496
|
+
height: ${cn.size};
|
|
497
497
|
}
|
|
498
498
|
|
|
499
499
|
.ft-loader div {
|
|
@@ -502,7 +502,7 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
502
502
|
width: 25%;
|
|
503
503
|
height: 25%;
|
|
504
504
|
border-radius: 50%;
|
|
505
|
-
background: ${
|
|
505
|
+
background: ${cn.color};
|
|
506
506
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
507
507
|
}
|
|
508
508
|
|
|
@@ -549,10 +549,10 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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 * ${cn.size}), 0);
|
|
553
553
|
}
|
|
554
554
|
}
|
|
555
|
-
`,
|
|
555
|
+
`,fn=vo.extend("--ft-button-color","",$o.colorPrimary),hn={backgroundColor:vo.extend("--ft-button-background-color","",$o.colorSurface),borderRadius:vo.extend("--ft-button-border-radius","",$o.borderRadiusL),color:fn,fontSize:vo.extend("--ft-button-font-size","",hi.fontSize),iconSize:vo.create("--ft-button-icon-size","","SIZE","24px"),rippleColor:vo.extend("--ft-button-ripple-color","",fn),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")},dn=vo.extend("--ft-button-primary-color","",vo.extend("--ft-button-color","",$o.colorOnPrimary)),un={backgroundColor:vo.extend("--ft-button-primary-background-color","",vo.extend("--ft-button-background-color","",$o.colorPrimary)),color:dn,rippleColor:vo.extend("--ft-button-primary-ripple-color","",dn)},yn=vo.extend("--ft-button-dense-border-radius","",vo.extend("--ft-button-border-radius","",$o.borderRadiusM)),gn=vo.create("--ft-button-dense-vertical-padding","","SIZE","2px"),bn=vo.create("--ft-button-dense-horizontal-padding","","SIZE","4px"),mn=vo.create("--ft-button-dense-icon-padding","","SIZE","4px"),xn=[mt`
|
|
556
556
|
:host {
|
|
557
557
|
display: inline-block;
|
|
558
558
|
max-width: 100%;
|
|
@@ -563,7 +563,7 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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: ${hn.fontSize};
|
|
567
567
|
}
|
|
568
568
|
|
|
569
569
|
button:hover {
|
|
@@ -592,31 +592,31 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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(${hn.fontSize} + 2px), ${hn.iconSize});
|
|
596
|
+
--ft-button-internal-color: ${hn.color};
|
|
597
|
+
${Oo(rn.size,hn.iconSize)};
|
|
598
|
+
${Oo(Hr.color,hn.rippleColor)};
|
|
599
599
|
|
|
600
|
-
border-radius: ${
|
|
601
|
-
padding: ${
|
|
602
|
-
background-color: ${
|
|
600
|
+
border-radius: ${hn.borderRadius};
|
|
601
|
+
padding: ${hn.verticalPadding} ${hn.horizontalPadding};
|
|
602
|
+
background-color: ${hn.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(${hn.verticalPadding} - 1px) calc(${hn.horizontalPadding} - 1px);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
612
|
.ft-button.ft-button--dense {
|
|
613
|
-
padding: ${
|
|
614
|
-
border-radius: ${
|
|
615
|
-
gap: ${
|
|
613
|
+
padding: ${gn} ${bn};
|
|
614
|
+
border-radius: ${yn};
|
|
615
|
+
gap: ${mn};
|
|
616
616
|
}
|
|
617
617
|
|
|
618
618
|
.ft-button.ft-button--dense.ft-button--outlined {
|
|
619
|
-
padding: calc(${
|
|
619
|
+
padding: calc(${gn} - 1px) calc(${bn} - 1px);
|
|
620
620
|
}
|
|
621
621
|
|
|
622
622
|
.ft-button:not([disabled]):hover {
|
|
@@ -624,22 +624,22 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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 + ${hn.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 + ${gn});
|
|
632
632
|
}
|
|
633
633
|
|
|
634
634
|
.ft-button[disabled] {
|
|
635
635
|
filter: grayscale(1);
|
|
636
|
-
opacity: ${
|
|
636
|
+
opacity: ${hn.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: ${un.backgroundColor};
|
|
641
|
+
--ft-button-internal-color: ${un.color};
|
|
642
|
+
${Oo(Hr.color,un.rippleColor)};
|
|
643
643
|
}
|
|
644
644
|
|
|
645
645
|
.ft-button:focus {
|
|
@@ -652,13 +652,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
652
652
|
white-space: nowrap;
|
|
653
653
|
text-overflow: ellipsis;
|
|
654
654
|
display: block;
|
|
655
|
-
margin: 0 ${
|
|
655
|
+
margin: 0 ${hn.iconPadding};
|
|
656
656
|
${Oo(hi.fontSize,"1em")};
|
|
657
657
|
${Oo(hi.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 ${mn};
|
|
662
662
|
}
|
|
663
663
|
|
|
664
664
|
.ft-button--label[hidden] {
|
|
@@ -671,13 +671,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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(${hn.horizontalPadding} * -1);
|
|
675
|
+
padding: 0 ${hn.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(${bn} * -1);
|
|
680
|
+
padding: 0 ${gn};
|
|
681
681
|
}
|
|
682
682
|
|
|
683
683
|
.ft-button:not(.ft-button--trailing-icon) ft-icon,
|
|
@@ -686,19 +686,19 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
686
686
|
}
|
|
687
687
|
|
|
688
688
|
ft-loader {
|
|
689
|
-
${Oo(
|
|
690
|
-
${Oo(
|
|
689
|
+
${Oo(cn.size,hn.iconSize)};
|
|
690
|
+
${Oo(cn.color,"var(--ft-button-internal-color)")};
|
|
691
691
|
}
|
|
692
|
-
`,Zo];class
|
|
692
|
+
`,Zo];class vn 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
|
+
`}}vn.styles=pn,I("ft-loader")(vn);var On=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 Sn 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="${Dr(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 qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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}}Sn.elementDefinitions={"ft-ripple":Xr,"ft-tooltip":Fr,"ft-typography":$i,"ft-icon":ln,"ft-loader":vn},On([w({type:String,reflect:!0})],Sn.prototype,"role",void 0),On([w()],Sn.prototype,"type",void 0),On([w({type:Boolean})],Sn.prototype,"disabled",void 0),On([w()],Sn.prototype,"label",void 0),On([w()],Sn.prototype,"icon",void 0),On([w()],Sn.prototype,"iconVariant",void 0),On([w({type:Boolean})],Sn.prototype,"trailingIcon",void 0),On([w({type:Boolean})],Sn.prototype,"loading",void 0),On([w()],Sn.prototype,"tooltipPosition",void 0),On([w({type:Boolean})],Sn.prototype,"hideTooltip",void 0),On([w({type:Boolean})],Sn.prototype,"forceTooltip",void 0),On([E(".ft-button")],Sn.prototype,"button",void 0),On([E(".ft-button--label slot")],Sn.prototype,"slottedContent",void 0);var Nn=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 wn extends Sn{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"}}wn.styles=[Bo,xn],Nn([w({type:Boolean})],wn.prototype,"primary",void 0),Nn([w({type:Boolean})],wn.prototype,"outlined",void 0),Nn([w({type:Boolean})],wn.prototype,"dense",void 0),Nn([w({type:Boolean})],wn.prototype,"round",void 0);const Cn=[mt`
|
|
723
723
|
:host {
|
|
724
724
|
display: inline-block;
|
|
725
725
|
max-width: 100%;
|
|
@@ -798,13 +798,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
798
798
|
/** Primary styles **/
|
|
799
799
|
|
|
800
800
|
.ft-button--primary {
|
|
801
|
-
${Oo(
|
|
801
|
+
${Oo(cn.color,Co.primaryIconColor)};
|
|
802
802
|
|
|
803
|
-
${Oo(
|
|
804
|
-
${Oo(
|
|
805
|
-
${Oo(
|
|
806
|
-
${Oo(
|
|
807
|
-
${Oo(
|
|
803
|
+
${Oo(Hr.color,Co.primaryStateLayerColor)};
|
|
804
|
+
${Oo(Hr.opacityContentOnSurfaceHover,Co.primaryStateLayerOpacityHover)};
|
|
805
|
+
${Oo(Hr.opacityContentOnSurfaceFocused,Co.primaryStateLayerOpacityFocus)};
|
|
806
|
+
${Oo(Hr.opacityContentOnSurfaceSelected,Co.primaryStateLayerOpacityActive)};
|
|
807
|
+
${Oo(Hr.opacityContentOnSurfacePressed,Co.primaryStateLayerOpacityActive)};
|
|
808
808
|
|
|
809
809
|
background-color: ${Co.primaryBackgroundColor};
|
|
810
810
|
color: ${Co.primaryColor};
|
|
@@ -822,13 +822,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
822
822
|
/** Secondary styles **/
|
|
823
823
|
|
|
824
824
|
.ft-button--secondary {
|
|
825
|
-
${Oo(
|
|
825
|
+
${Oo(cn.color,Co.secondaryIconColor)};
|
|
826
826
|
|
|
827
|
-
${Oo(
|
|
828
|
-
${Oo(
|
|
829
|
-
${Oo(
|
|
830
|
-
${Oo(
|
|
831
|
-
${Oo(
|
|
827
|
+
${Oo(Hr.color,Co.secondaryStateLayerColor)};
|
|
828
|
+
${Oo(Hr.opacityContentOnSurfaceHover,Co.secondaryStateLayerOpacityHover)};
|
|
829
|
+
${Oo(Hr.opacityContentOnSurfaceFocused,Co.secondaryStateLayerOpacityFocus)};
|
|
830
|
+
${Oo(Hr.opacityContentOnSurfaceSelected,Co.secondaryStateLayerOpacityActive)};
|
|
831
|
+
${Oo(Hr.opacityContentOnSurfacePressed,Co.secondaryStateLayerOpacityActive)};
|
|
832
832
|
|
|
833
833
|
background-color: ${Co.secondaryBackgroundColor};
|
|
834
834
|
color: ${Co.secondaryColor};
|
|
@@ -847,13 +847,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
847
847
|
/** Tertiary styles **/
|
|
848
848
|
|
|
849
849
|
.ft-button--tertiary {
|
|
850
|
-
${Oo(
|
|
850
|
+
${Oo(cn.color,Co.tertiaryIconColor)};
|
|
851
851
|
|
|
852
|
-
${Oo(
|
|
853
|
-
${Oo(
|
|
854
|
-
${Oo(
|
|
855
|
-
${Oo(
|
|
856
|
-
${Oo(
|
|
852
|
+
${Oo(Hr.color,Co.tertiaryStateLayerColor)};
|
|
853
|
+
${Oo(Hr.opacityContentOnSurfaceHover,Co.tertiaryStateLayerOpacityHover)};
|
|
854
|
+
${Oo(Hr.opacityContentOnSurfaceFocused,Co.tertiaryStateLayerOpacityFocus)};
|
|
855
|
+
${Oo(Hr.opacityContentOnSurfaceSelected,Co.tertiaryStateLayerOpacityActive)};
|
|
856
|
+
${Oo(Hr.opacityContentOnSurfacePressed,Co.tertiaryStateLayerOpacityActive)};
|
|
857
857
|
|
|
858
858
|
background-color: ${Co.tertiaryBackgroundColor};
|
|
859
859
|
color: ${Co.tertiaryColor};
|
|
@@ -871,13 +871,13 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
871
871
|
/** Neutral styles **/
|
|
872
872
|
|
|
873
873
|
.ft-button--neutral {
|
|
874
|
-
${Oo(
|
|
874
|
+
${Oo(cn.color,Co.neutralIconColor)};
|
|
875
875
|
|
|
876
|
-
${Oo(
|
|
877
|
-
${Oo(
|
|
878
|
-
${Oo(
|
|
879
|
-
${Oo(
|
|
880
|
-
${Oo(
|
|
876
|
+
${Oo(Hr.backgroundColor,Co.neutralStateLayerColor)};
|
|
877
|
+
${Oo(Hr.opacityContentOnSurfaceHover,Co.neutralStateLayerOpacityHover)};
|
|
878
|
+
${Oo(Hr.opacityContentOnSurfaceFocused,Co.neutralStateLayerOpacityFocus)};
|
|
879
|
+
${Oo(Hr.opacityContentOnSurfaceSelected,Co.neutralStateLayerOpacityActive)};
|
|
880
|
+
${Oo(Hr.opacityContentOnSurfacePressed,Co.neutralStateLayerOpacityActive)};
|
|
881
881
|
|
|
882
882
|
background-color: ${Co.neutralBackgroundColor};
|
|
883
883
|
color: ${Co.neutralColor};
|
|
@@ -895,8 +895,8 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
895
895
|
/** Large styles **/
|
|
896
896
|
|
|
897
897
|
.ft-button--large {
|
|
898
|
-
${Oo(
|
|
899
|
-
${Oo(
|
|
898
|
+
${Oo(rn.size,Co.largeIconSize)};
|
|
899
|
+
${Oo(cn.size,Co.largeIconSize)};
|
|
900
900
|
|
|
901
901
|
height: ${Co.largeHeight};
|
|
902
902
|
padding: 0 ${Co.largeHorizontalPadding};
|
|
@@ -918,8 +918,8 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
918
918
|
/** Small styles **/
|
|
919
919
|
|
|
920
920
|
.ft-button--small {
|
|
921
|
-
${Oo(
|
|
922
|
-
${Oo(
|
|
921
|
+
${Oo(rn.size,Co.smallIconSize)};
|
|
922
|
+
${Oo(cn.size,Co.smallIconSize)};
|
|
923
923
|
|
|
924
924
|
height: ${Co.smallHeight};
|
|
925
925
|
padding: 0 ${Co.smallHorizontalPadding};
|
|
@@ -937,7 +937,7 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
937
937
|
width: ${Co.smallIconOnlyWidth};
|
|
938
938
|
padding: unset;
|
|
939
939
|
}
|
|
940
|
-
`,Zo];var
|
|
940
|
+
`,Zo];var $n=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 Sn{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?de.caption1medium:de.body2medium}}Rn.styles=[Bo,Cn],$n([w({type:Boolean})],Rn.prototype,"primary",void 0),$n([w({type:Boolean})],Rn.prototype,"secondary",void 0),$n([w({type:Boolean})],Rn.prototype,"tertiary",void 0),$n([w({type:Boolean})],Rn.prototype,"neutral",void 0),$n([w({type:Boolean})],Rn.prototype,"small",void 0),I("ft-button")(wn),I("ftds-button")(Rn);const En=vo.extend("--ft-chip-color","",$o.colorOnSurface),kn={backgroundColor:vo.extend("--ft-chip-background-color","",$o.colorSurface),color:En,fontSize:vo.extend("--ft-chip-font-size","",Ge.fontSize),iconSize:vo.create("--ft-chip-icon-size","","SIZE","18px"),rippleColor:vo.extend("--ft-chip-ripple-color","",En),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")},Un=vo.extend("--ft-chip-highlighted-color","",vo.extend("--ft-chip-color","",$o.colorOnPrimary)),In={backgroundColor:vo.extend("--ft-chip-highlighted-background-color","",vo.extend("--ft-chip-background-color","",$o.colorPrimary)),color:Un,rippleColor:vo.extend("--ft-chip-highlighted-ripple-color","",Un)},Ln=vo.create("--ft-chip-dense-horizontal-padding","","SIZE","4px"),Wn=vo.create("--ft-chip-dense-vertical-padding","","SIZE","4px"),zn=[Zo,mt`
|
|
941
941
|
:host {
|
|
942
942
|
display: inline-block;
|
|
943
943
|
max-width: 100%;
|
|
@@ -953,20 +953,20 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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: ${kn.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(rn.size,kn.iconSize)};
|
|
959
|
+
--ft-chip-internal-vertical-padding: ${kn.verticalPadding};
|
|
960
|
+
--ft-chip-internal-horizontal-padding: ${kn.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), ${kn.iconSize});
|
|
963
963
|
|
|
964
|
-
border: 1px solid ${
|
|
965
|
-
color: ${
|
|
966
|
-
${Oo(
|
|
964
|
+
border: 1px solid ${kn.colorOutline};
|
|
965
|
+
color: ${kn.color};
|
|
966
|
+
${Oo(Hr.color,kn.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: ${kn.backgroundColor};
|
|
970
970
|
line-height: var(--ft-chip-internal-content-height);
|
|
971
971
|
}
|
|
972
972
|
|
|
@@ -976,8 +976,8 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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: ${Wn};
|
|
980
|
+
--ft-chip-internal-horizontal-padding: ${Ln};
|
|
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 qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
989
989
|
cursor: default;
|
|
990
990
|
pointer-events: none;
|
|
991
991
|
filter: grayscale(1);
|
|
992
|
-
opacity: ${
|
|
992
|
+
opacity: ${kn.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: ${In.backgroundColor};
|
|
999
|
+
${Oo(Hr.color,In.rippleColor)};
|
|
1000
|
+
color: ${In.color};
|
|
1001
1001
|
}
|
|
1002
1002
|
|
|
1003
1003
|
.ft-chip--clickable {
|
|
@@ -1027,9 +1027,9 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)throw Error
|
|
|
1027
1027
|
}
|
|
1028
1028
|
|
|
1029
1029
|
.ft-chip--icon-button {
|
|
1030
|
-
${Oo(
|
|
1031
|
-
${Oo(
|
|
1032
|
-
${Oo(
|
|
1030
|
+
${Oo(hn.iconSize,kn.iconSize)};
|
|
1031
|
+
${Oo(hn.horizontalPadding,"var(--ft-chip-internal-icon-padding)")};
|
|
1032
|
+
${Oo(hn.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 qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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 Kn=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 Fn extends CustomEvent{constructor(){super("icon-click")}}class Zn 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="${Dr(t)}"
|
|
1079
1079
|
aria-label="${this.getLabel()}"
|
|
1080
1080
|
tabindex="${this.interactionsOnChip?0:-1}"
|
|
1081
1081
|
@keyup=${this.onKeyUp}>
|
|
@@ -1097,7 +1097,7 @@ class qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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 Fn))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Fn))}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)}}Zn.elementDefinitions={"ft-ripple":Xr,"ft-typography":$i,"ft-icon":ln,"ft-button":wn},Zn.styles=zn,Kn([w({type:Boolean})],Zn.prototype,"highlighted",void 0),Kn([w({type:Boolean})],Zn.prototype,"removable",void 0),Kn([w({type:Boolean})],Zn.prototype,"disabled",void 0),Kn([w({type:Boolean})],Zn.prototype,"clickable",void 0),Kn([w({type:Boolean})],Zn.prototype,"iconClickable",void 0),Kn([w({type:Boolean})],Zn.prototype,"dense",void 0),Kn([w({type:Boolean})],Zn.prototype,"multiLine",void 0),Kn([w()],Zn.prototype,"label",void 0),Kn([w()],Zn.prototype,"iconLabel",void 0),Kn([w()],Zn.prototype,"icon",void 0),Kn([w()],Zn.prototype,"iconVariant",void 0),Kn([w({type:Boolean})],Zn.prototype,"trailingIcon",void 0),Kn([E("ft-typography slot")],Zn.prototype,"slottedContent",void 0),I("ft-chip")(Zn);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 An extends se{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 qr extends Br{constructor(t){if(super(t),this.et=Q,t.type!==Fr)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}`:""}update(t){super.update(t),["key","tocNode"].some((o=>t.has(o)))&&this.updateContent()}onStoreAvailable(){super.onStoreAvailable(),this.updateContent()}updateContent(){var t;this.metadata=void 0,this.tocNode&&this.key&&(null===(t=this.service)||void 0===t||t.getTopicInfo(this.tocNode).then((t=>this.metadata=t.metadata.find((t=>t.key===this.key)))).catch((()=>null)))}}
|
|
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}`:""}update(t){super.update(t),["key","tocNode"].some((o=>t.has(o)))&&this.updateContent()}onStoreAvailable(){super.onStoreAvailable(),this.updateContent()}updateContent(){var t;this.metadata=void 0,this.tocNode&&this.key&&(null===(t=this.service)||void 0===t||t.getTopicInfo(this.tocNode).then((t=>this.metadata=t.metadata.find((t=>t.key===this.key)))).catch((()=>null)))}}An.elementDefinitions={"ft-tooltip":Fr,"ft-chip":Zn},An.styles=Xo,Bn([w()],An.prototype,"key",void 0),Bn([C()],An.prototype,"editorMode",void 0),Bn([C()],An.prototype,"metadata",void 0),I("ft-reader-topic-metadata")(An),t.FtReaderTopicMetadata=An,t.FtReaderTopicMetadataCssVariables={},t.styles=Xo}({});
|