@fluid-topics/ft-search-bar 0.3.47 → 0.3.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/ft-search-bar.light.js +33 -25
- package/build/ft-search-bar.min.js +15 -7
- package/package.json +14 -14
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
<div class="ft-size-watcher--pixel ${this.local?"ft-size-watcher--local":""}">
|
|
22
22
|
<div class="ft-size-watcher--watcher"></div>
|
|
23
23
|
</div>
|
|
24
|
-
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=l.S:this.size<976?this.category=l.M:this.size<1024?this.category=l.L:this.size<1440?this.category=l.XL:this.category=l.XXL,this.dispatchEvent(new p(this.size,this.category)))}),this.debounceTimeout)}}f.elementDefinitions={},f.styles=a,h([o.property({type:Number})],f.prototype,"debounceTimeout",void 0),h([o.property({type:Boolean})],f.prototype,"local",void 0),h([o.property({type:Number,reflect:!0})],f.prototype,"size",void 0),h([o.property({type:String,reflect:!0})],f.prototype,"category",void 0),h([o.query(".ft-size-watcher--watcher")],f.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(f);const d=window,u=d.trustedTypes,b=u?u.createPolicy("lit-html",{createHTML:t=>t}):void 0,v=`lit$${(Math.random()+"").slice(9)}$`,g="?"+v,x=`<${g}>`,y=document,m=(t="")=>y.createComment(t),$=t=>null===t||"object"!=typeof t&&"function"!=typeof t,w=Array.isArray,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,S=/-->/g,z=/>/g,O=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),B=/'/g,C=/"/g,E=/^(?:script|style|textarea|title)$/i,I=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),D=Symbol.for("lit-noChange"),F=Symbol.for("lit-nothing"),L=new WeakMap,j=y.createTreeWalker(y,129,null,!1),M=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":"",n=k;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(n.lastIndex=h,a=n.exec(i),null!==a);)h=n.lastIndex,n===k?"!--"===a[1]?n=S:void 0!==a[1]?n=z:void 0!==a[2]?(E.test(a[2])&&(s=RegExp("</"+a[2],"g")),n=O):void 0!==a[3]&&(n=O):n===O?">"===a[0]?(n=null!=s?s:k,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?O:'"'===a[3]?C:B):n===C||n===B?n=O:n===S||n===z?n=k:(n=O,s=void 0);const p=n===O&&t[e+1].startsWith("/>")?" ":"";r+=n===k?i+x:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+v+p):i+v+(-2===c?(o.push(void 0),e):p)}const l=r+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==b?b.createHTML(l):l,o]};class P{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,l=this.parts,[a,c]=M(t,e);if(this.el=P.createElement(a,i),j.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=j.nextNode())&&l.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(v)){const i=c[r++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(v),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?
|
|
24
|
+
`}contentAvailableCallback(t){super.contentAvailableCallback(t),this.watcher&&this.resizeObserver.observe(this.watcher),this.updateSize()}updateSize(){this.debouncer.run((()=>{this.watcher&&this.size!==this.watcher.clientWidth&&(this.size=this.watcher.clientWidth,this.size<768?this.category=l.S:this.size<976?this.category=l.M:this.size<1024?this.category=l.L:this.size<1440?this.category=l.XL:this.category=l.XXL,this.dispatchEvent(new p(this.size,this.category)))}),this.debounceTimeout)}}f.elementDefinitions={},f.styles=a,h([o.property({type:Number})],f.prototype,"debounceTimeout",void 0),h([o.property({type:Boolean})],f.prototype,"local",void 0),h([o.property({type:Number,reflect:!0})],f.prototype,"size",void 0),h([o.property({type:String,reflect:!0})],f.prototype,"category",void 0),h([o.query(".ft-size-watcher--watcher")],f.prototype,"watcher",void 0),e.customElement("ft-size-watcher")(f);const d=window,u=d.trustedTypes,b=u?u.createPolicy("lit-html",{createHTML:t=>t}):void 0,v=`lit$${(Math.random()+"").slice(9)}$`,g="?"+v,x=`<${g}>`,y=document,m=(t="")=>y.createComment(t),$=t=>null===t||"object"!=typeof t&&"function"!=typeof t,w=Array.isArray,k=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,S=/-->/g,z=/>/g,O=RegExp(">|[ \t\n\f\r](?:([^\\s\"'>=/]+)([ \t\n\f\r]*=[ \t\n\f\r]*(?:[^ \t\n\f\r\"'`<>=]|(\"|')|))|$)","g"),B=/'/g,C=/"/g,E=/^(?:script|style|textarea|title)$/i,I=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),D=Symbol.for("lit-noChange"),F=Symbol.for("lit-nothing"),L=new WeakMap,j=y.createTreeWalker(y,129,null,!1),M=(t,e)=>{const i=t.length-1,o=[];let s,r=2===e?"<svg>":"",n=k;for(let e=0;e<i;e++){const i=t[e];let l,a,c=-1,h=0;for(;h<i.length&&(n.lastIndex=h,a=n.exec(i),null!==a);)h=n.lastIndex,n===k?"!--"===a[1]?n=S:void 0!==a[1]?n=z:void 0!==a[2]?(E.test(a[2])&&(s=RegExp("</"+a[2],"g")),n=O):void 0!==a[3]&&(n=O):n===O?">"===a[0]?(n=null!=s?s:k,c=-1):void 0===a[1]?c=-2:(c=n.lastIndex-a[2].length,l=a[1],n=void 0===a[3]?O:'"'===a[3]?C:B):n===C||n===B?n=O:n===S||n===z?n=k:(n=O,s=void 0);const p=n===O&&t[e+1].startsWith("/>")?" ":"";r+=n===k?i+x:c>=0?(o.push(l),i.slice(0,c)+"$lit$"+i.slice(c)+v+p):i+v+(-2===c?(o.push(void 0),e):p)}const l=r+(t[i]||"<?>")+(2===e?"</svg>":"");if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return[void 0!==b?b.createHTML(l):l,o]};class P{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let s=0,r=0;const n=t.length-1,l=this.parts,[a,c]=M(t,e);if(this.el=P.createElement(a,i),j.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(o=j.nextNode())&&l.length<n;){if(1===o.nodeType){if(o.hasAttributes()){const t=[];for(const e of o.getAttributeNames())if(e.endsWith("$lit$")||e.startsWith(v)){const i=c[r++];if(t.push(e),void 0!==i){const t=o.getAttribute(i.toLowerCase()+"$lit$").split(v),e=/([.?@])?(.*)/.exec(i);l.push({type:1,index:s,name:e[2],strings:t,ctor:"."===e[1]?Z:"?"===e[1]?_:"@"===e[1]?H:R})}else l.push({type:6,index:s})}for(const e of t)o.removeAttribute(e)}if(E.test(o.tagName)){const t=o.textContent.split(v),e=t.length-1;if(e>0){o.textContent=u?u.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],m()),j.nextNode(),l.push({type:2,index:++s});o.append(t[e],m())}}}else if(8===o.nodeType)if(o.data===g)l.push({type:2,index:s});else{let t=-1;for(;-1!==(t=o.data.indexOf(v,t+1));)l.push({type:7,index:s}),t+=v.length-1}s++}}static createElement(t,e){const i=y.createElement("template");return i.innerHTML=t,i}}function A(t,e,i=t,o){var s,r,n,l;if(e===D)return e;let a=void 0!==o?null===(s=i._$Co)||void 0===s?void 0:s[o]:i._$Cl;const c=$(e)?void 0:e._$litDirective$;return(null==a?void 0:a.constructor)!==c&&(null===(r=null==a?void 0:a._$AO)||void 0===r||r.call(a,!1),void 0===c?a=void 0:(a=new c(t),a._$AT(t,i,o)),void 0!==o?(null!==(n=(l=i)._$Co)&&void 0!==n?n:l._$Co=[])[o]=a:i._$Cl=a),void 0!==a&&(e=A(t,a._$AS(t,e.values),a,o)),e}class N{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:o}=this._$AD,s=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:y).importNode(i,!0);j.currentNode=s;let r=j.nextNode(),n=0,l=0,a=o[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new T(r,r.nextSibling,this,t):1===a.type?e=new a.ctor(r,a.name,a.strings,this,t):6===a.type&&(e=new V(r,this,t)),this.u.push(e),a=o[++l]}n!==(null==a?void 0:a.index)&&(r=j.nextNode(),n++)}return s}p(t){let e=0;for(const i of this.u)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class T{constructor(t,e,i,o){var s;this.type=2,this._$AH=F,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cm=null===(s=null==o?void 0:o.isConnected)||void 0===s||s}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=A(this,t,e),$(t)?t===F||null==t||""===t?(this._$AH!==F&&this._$AR(),this._$AH=F):t!==this._$AH&&t!==D&&this.g(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>w(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==F&&$(this._$AH)?this._$AA.nextSibling.data=t:this.T(y.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:o}=t,s="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=P.createElement(o.h,this.options)),o);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===s)this._$AH.p(i);else{const t=new N(s,this),e=t.v(this.options);t.p(i),this.T(e),this._$AH=t}}_$AC(t){let e=L.get(t.strings);return void 0===e&&L.set(t.strings,e=new P(t)),e}k(t){w(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const s of t)o===e.length?e.push(i=new T(this.O(m()),this.O(m()),this,this.options)):i=e[o],i._$AI(s),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for(null===(i=this._$AP)||void 0===i||i.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cm=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class R{constructor(t,e,i,o,s){this.type=1,this._$AH=F,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=s,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=F}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,o){const s=this.strings;let r=!1;if(void 0===s)t=A(this,t,e,0),r=!$(t)||t!==this._$AH&&t!==D,r&&(this._$AH=t);else{const o=t;let n,l;for(t=s[0],n=0;n<s.length-1;n++)l=A(this,o[i+n],e,n),l===D&&(l=this._$AH[n]),r||(r=!$(l)||l!==this._$AH[n]),l===F?t=F:t!==F&&(t+=(null!=l?l:"")+s[n+1]),this._$AH[n]=l}r&&!o&&this.j(t)}j(t){t===F?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class Z extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===F?void 0:t}}const U=u?u.emptyScript:"";class _ extends R{constructor(){super(...arguments),this.type=4}j(t){t&&t!==F?this.element.setAttribute(this.name,U):this.element.removeAttribute(this.name)}}class H extends R{constructor(t,e,i,o,s){super(t,e,i,o,s),this.type=5}_$AI(t,e=this){var i;if((t=null!==(i=A(this,t,e,0))&&void 0!==i?i:F)===D)return;const o=this._$AH,s=t===F&&o!==F||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==F&&(o===F||s);s&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;"function"==typeof this._$AH?this._$AH.call(null!==(i=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==i?i:this.element,t):this._$AH.handleEvent(t)}}class V{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){A(this,t)}}const K=d.litHtmlPolyfillSupport;null==K||K(P,T),(null!==(c=d.litHtmlVersions)&&void 0!==c?c:d.litHtmlVersions=[]).push("2.4.0");
|
|
25
25
|
/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2020 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
29
|
*/
|
|
30
|
-
const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t._$litStatic$},G=t=>({_$litStatic$:t,r:q}),X=new Map,Y=(t=>(e,...i)=>{const o=i.length;let s,r;const n=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(r=i[c],s=W(r));)a+=s+e[++c],h=!0;l.push(r),n.push(a),c++}if(c===o&&n.push(e[o]),h){const t=n.join("$$lit$$");void 0===(e=X.get(t))&&(n.raw=n,X.set(t,e=n)),i=l}return t(e,...i)})(I);var J;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(J||(J={}));const Q=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),tt=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),et={fontFamily:tt,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},it=e.FtCssVariableFactory.extend("--ft-typography-title-font-family",Q),ot=e.FtCssVariableFactory.extend("--ft-typography-title-font-size",et.fontSize,"20px"),st=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight",et.fontWeight,"normal"),rt=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",et.letterSpacing,"0.15px"),nt=e.FtCssVariableFactory.extend("--ft-typography-title-line-height",et.lineHeight,"1.2"),lt=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform",et.textTransform,"inherit"),at=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",Q),ct=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",et.fontSize,"14px"),ht=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",et.fontWeight,"normal"),pt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",et.letterSpacing,"0.105px"),ft=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",et.lineHeight,"1.7"),dt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",et.textTransform,"inherit"),ut=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",tt),bt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",et.fontSize,"16px"),vt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",et.fontWeight,"600"),gt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",et.letterSpacing,"0.144px"),xt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",et.lineHeight,"1.5"),yt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",et.textTransform,"inherit"),mt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",tt),$t=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",et.fontSize,"14px"),wt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",et.fontWeight,"normal"),kt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",et.letterSpacing,"0.098px"),St=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",et.lineHeight,"1.7"),zt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",et.textTransform,"inherit"),Ot={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body1-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body1-font-size",et.fontSize,"16px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",et.letterSpacing,"0.496px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body1-line-height",et.lineHeight,"1.5"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",et.textTransform,"inherit")},Bt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body2-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body2-font-size",et.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",et.letterSpacing,"0.252px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body2-line-height",et.lineHeight,"1.4"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",et.textTransform,"inherit")},Ct={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-caption-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-caption-font-size",et.fontSize,"12px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",et.letterSpacing,"0.396px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-caption-line-height",et.lineHeight,"1.33"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",et.textTransform,"inherit")},Et=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",tt),It=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",et.fontSize,"10px"),Dt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",et.fontWeight,"normal"),Ft=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",et.letterSpacing,"0.33px"),Lt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",et.lineHeight,"1.6"),jt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",et.textTransform,"inherit"),Mt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family",tt),Pt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size",et.fontSize,"10px"),At=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",et.fontWeight,"normal"),Nt=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",et.letterSpacing,"1.5px"),Tt=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height",et.lineHeight,"1.6"),Rt=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",et.textTransform,"uppercase"),
|
|
30
|
+
const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t._$litStatic$},G=t=>({_$litStatic$:t,r:q}),X=new Map,Y=(t=>(e,...i)=>{const o=i.length;let s,r;const n=[],l=[];let a,c=0,h=!1;for(;c<o;){for(a=e[c];c<o&&void 0!==(r=i[c],s=W(r));)a+=s+e[++c],h=!0;l.push(r),n.push(a),c++}if(c===o&&n.push(e[o]),h){const t=n.join("$$lit$$");void 0===(e=X.get(t))&&(n.raw=n,X.set(t,e=n)),i=l}return t(e,...i)})(I);var J;!function(t){t.title="title",t.title_dense="title-dense",t.subtitle1="subtitle1",t.subtitle2="subtitle2",t.body1="body1",t.body2="body2",t.caption="caption",t.breadcrumb="breadcrumb",t.overline="overline",t.button="button"}(J||(J={}));const Q=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.titleFont),tt=e.FtCssVariableFactory.extend("--ft-typography-font-family",e.designSystemVariables.contentFont),et={fontFamily:tt,fontSize:e.FtCssVariableFactory.create("--ft-typography-font-size","SIZE","16px"),fontWeight:e.FtCssVariableFactory.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:e.FtCssVariableFactory.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:e.FtCssVariableFactory.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:e.FtCssVariableFactory.create("--ft-typography-text-transform","UNKNOWN","inherit")},it=e.FtCssVariableFactory.extend("--ft-typography-title-font-family",Q),ot=e.FtCssVariableFactory.extend("--ft-typography-title-font-size",et.fontSize,"20px"),st=e.FtCssVariableFactory.extend("--ft-typography-title-font-weight",et.fontWeight,"normal"),rt=e.FtCssVariableFactory.extend("--ft-typography-title-letter-spacing",et.letterSpacing,"0.15px"),nt=e.FtCssVariableFactory.extend("--ft-typography-title-line-height",et.lineHeight,"1.2"),lt=e.FtCssVariableFactory.extend("--ft-typography-title-text-transform",et.textTransform,"inherit"),at=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-family",Q),ct=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-size",et.fontSize,"14px"),ht=e.FtCssVariableFactory.extend("--ft-typography-title-dense-font-weight",et.fontWeight,"normal"),pt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-letter-spacing",et.letterSpacing,"0.105px"),ft=e.FtCssVariableFactory.extend("--ft-typography-title-dense-line-height",et.lineHeight,"1.7"),dt=e.FtCssVariableFactory.extend("--ft-typography-title-dense-text-transform",et.textTransform,"inherit"),ut=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-family",tt),bt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-size",et.fontSize,"16px"),vt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-font-weight",et.fontWeight,"600"),gt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-letter-spacing",et.letterSpacing,"0.144px"),xt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-line-height",et.lineHeight,"1.5"),yt=e.FtCssVariableFactory.extend("--ft-typography-subtitle1-text-transform",et.textTransform,"inherit"),mt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-family",tt),$t=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-size",et.fontSize,"14px"),wt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-font-weight",et.fontWeight,"normal"),kt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-letter-spacing",et.letterSpacing,"0.098px"),St=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-line-height",et.lineHeight,"1.7"),zt=e.FtCssVariableFactory.extend("--ft-typography-subtitle2-text-transform",et.textTransform,"inherit"),Ot={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body1-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body1-font-size",et.fontSize,"16px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body1-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body1-letter-spacing",et.letterSpacing,"0.496px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body1-line-height",et.lineHeight,"1.5"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body1-text-transform",et.textTransform,"inherit")},Bt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-body2-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-body2-font-size",et.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-body2-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-body2-letter-spacing",et.letterSpacing,"0.252px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-body2-line-height",et.lineHeight,"1.4"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-body2-text-transform",et.textTransform,"inherit")},Ct={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-caption-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-caption-font-size",et.fontSize,"12px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-caption-font-weight",et.fontWeight,"normal"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-caption-letter-spacing",et.letterSpacing,"0.396px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-caption-line-height",et.lineHeight,"1.33"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-caption-text-transform",et.textTransform,"inherit")},Et=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-family",tt),It=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-size",et.fontSize,"10px"),Dt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-font-weight",et.fontWeight,"normal"),Ft=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-letter-spacing",et.letterSpacing,"0.33px"),Lt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-line-height",et.lineHeight,"1.6"),jt=e.FtCssVariableFactory.extend("--ft-typography-breadcrumb-text-transform",et.textTransform,"inherit"),Mt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-family",tt),Pt=e.FtCssVariableFactory.extend("--ft-typography-overline-font-size",et.fontSize,"10px"),At=e.FtCssVariableFactory.extend("--ft-typography-overline-font-weight",et.fontWeight,"normal"),Nt=e.FtCssVariableFactory.extend("--ft-typography-overline-letter-spacing",et.letterSpacing,"1.5px"),Tt=e.FtCssVariableFactory.extend("--ft-typography-overline-line-height",et.lineHeight,"1.6"),Rt=e.FtCssVariableFactory.extend("--ft-typography-overline-text-transform",et.textTransform,"uppercase"),Zt={fontFamily:e.FtCssVariableFactory.extend("--ft-typography-button-font-family",tt),fontSize:e.FtCssVariableFactory.extend("--ft-typography-button-font-size",et.fontSize,"14px"),fontWeight:e.FtCssVariableFactory.extend("--ft-typography-button-font-weight",et.fontWeight,"600"),letterSpacing:e.FtCssVariableFactory.extend("--ft-typography-button-letter-spacing",et.letterSpacing,"1.246px"),lineHeight:e.FtCssVariableFactory.extend("--ft-typography-button-line-height",et.lineHeight,"1.15"),textTransform:e.FtCssVariableFactory.extend("--ft-typography-button-text-transform",et.textTransform,"uppercase")},Ut=i.css`
|
|
31
31
|
.ft-typography--title {
|
|
32
32
|
font-family: ${it};
|
|
33
33
|
font-size: ${ot};
|
|
@@ -111,12 +111,12 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
111
111
|
}
|
|
112
112
|
`,Yt=i.css`
|
|
113
113
|
.ft-typography--button {
|
|
114
|
-
font-family: ${
|
|
115
|
-
font-size: ${
|
|
116
|
-
font-weight: ${
|
|
117
|
-
letter-spacing: ${
|
|
118
|
-
line-height: ${
|
|
119
|
-
text-transform: ${
|
|
114
|
+
font-family: ${Zt.fontFamily};
|
|
115
|
+
font-size: ${Zt.fontSize};
|
|
116
|
+
font-weight: ${Zt.fontWeight};
|
|
117
|
+
letter-spacing: ${Zt.letterSpacing};
|
|
118
|
+
line-height: ${Zt.lineHeight};
|
|
119
|
+
text-transform: ${Zt.textTransform};
|
|
120
120
|
}
|
|
121
121
|
`,Jt=i.css`
|
|
122
122
|
.ft-typography {
|
|
@@ -129,7 +129,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
129
129
|
</${G(this.element)}>
|
|
130
130
|
`:Y`
|
|
131
131
|
<slot class="ft-typography ft-typography--${this.variant}"></slot>
|
|
132
|
-
`}}function ee(t,e){return t.flatMap((t=>[t,...ee(e(t),e)]))}function ie(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function oe(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>oe(e,t.selected))),value:t.value}}function se(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>oe(t,!1)))}}te.styles=[
|
|
132
|
+
`}}function ee(t,e){return t.flatMap((t=>[t,...ee(e(t),e)]))}function ie(t){return t.startsWith('"')&&t.endsWith('"')?t.replace(/(^"+)|("+$)/g,""):t}function oe(t,e){return{label:t.label,selected:!e&&t.selected,subOptions:t.childNodes.map((e=>oe(e,t.selected))),value:t.value}}function se(t){return{id:t.key,label:t.label,multivalued:t.multiSelectionable,options:t.rootNodes.map((t=>oe(t,!1)))}}te.styles=[Ut,_t,Ht,Vt,Kt,qt,Wt,Gt,Xt,Yt,Jt],Qt([o.property()],te.prototype,"element",void 0),Qt([o.property()],te.prototype,"variant",void 0),e.customElement("ft-typography")(te);const re=e.FtCssVariableFactory.extend("--ft-ripple-color",e.designSystemVariables.colorContent),ne={color:re,backgroundColor:e.FtCssVariableFactory.extend("--ft-ripple-background-color",re),opacityContentOnSurfacePressed:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfacePressed,"Design system"),opacityContentOnSurfaceHover:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceHover,"Design system"),opacityContentOnSurfaceFocused:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceFocused,"Design system"),opacityContentOnSurfaceSelected:e.FtCssVariableFactory.external(e.designSystemVariables.opacityContentOnSurfaceSelected,"Design system")},le=e.FtCssVariableFactory.extend("--ft-ripple-color",e.designSystemVariables.colorPrimary),ae=le,ce=e.FtCssVariableFactory.extend("--ft-ripple-background-color",le),he=e.FtCssVariableFactory.extend("--ft-ripple-color",e.designSystemVariables.colorSecondary),pe=he,fe=e.FtCssVariableFactory.extend("--ft-ripple-background-color",he),de=i.css`
|
|
133
133
|
:host {
|
|
134
134
|
display: contents;
|
|
135
135
|
}
|
|
@@ -403,7 +403,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
403
403
|
${n.unsafeHTML(this.resolvedIcon)}
|
|
404
404
|
<slot ?hidden=${t}></slot>
|
|
405
405
|
</i>
|
|
406
|
-
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.fluid_topics:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o;break;default:this.resolvedIcon=this.value||i.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",
|
|
406
|
+
`}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}update(t){super.update(t),["value","variant"].some((e=>t.has(e)))&&this.resolveIcon()}resolveIcon(){var t,e;let o=this.value||this.textContent;switch(this.variant){case Ee.file_format:this.resolvedIcon=null!==(t=Se[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ee.fluid_topics:this.resolvedIcon=null!==(e=ke[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o;break;default:this.resolvedIcon=this.value||i.nothing}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}De.elementDefinitions={},De.styles=Ce,Ie([o.property()],De.prototype,"variant",void 0),Ie([o.property()],De.prototype,"value",void 0),Ie([o.state()],De.prototype,"resolvedIcon",void 0),Ie([o.query("slot")],De.prototype,"slottedContent",void 0),e.customElement("ft-icon")(De);const Fe=e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorPrimary),Le={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorSurface),borderRadius:e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusL),color:Fe,fontSize:e.FtCssVariableFactory.extend("--ft-button-font-size",Zt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-button-icon-size","SIZE","24px"),rippleColor:e.FtCssVariableFactory.extend("--ft-button-ripple-color",Fe),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},je=e.FtCssVariableFactory.extend("--ft-button-primary-color",e.FtCssVariableFactory.extend("--ft-button-color",e.designSystemVariables.colorOnPrimary)),Me={backgroundColor:e.FtCssVariableFactory.extend("--ft-button-primary-background-color",e.FtCssVariableFactory.extend("--ft-button-background-color",e.designSystemVariables.colorPrimary)),color:je,rippleColor:e.FtCssVariableFactory.extend("--ft-button-primary-ripple-color",je)},Pe=e.FtCssVariableFactory.extend("--ft-button-dense-border-radius",e.FtCssVariableFactory.extend("--ft-button-border-radius",e.designSystemVariables.borderRadiusM)),Ae=[e.noTextSelect,i.css`
|
|
407
407
|
:host {
|
|
408
408
|
display: inline-block;
|
|
409
409
|
max-width: 100%;
|
|
@@ -499,8 +499,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
499
499
|
text-overflow: ellipsis;
|
|
500
500
|
display: block;
|
|
501
501
|
margin: 0 var(--ft-button-internal-horizontal-padding);
|
|
502
|
-
${e.setVariable(
|
|
503
|
-
${e.setVariable(
|
|
502
|
+
${e.setVariable(Zt.fontSize,"1em")};
|
|
503
|
+
${e.setVariable(Zt.lineHeight,"var(--ft-button-internal-content-height)")};
|
|
504
504
|
}
|
|
505
505
|
|
|
506
506
|
.ft-button--safari-fix .ft-button--label {
|
|
@@ -558,7 +558,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
558
558
|
</ft-tooltip>
|
|
559
559
|
`:t}resolveIcon(){return this.loading?i.html`
|
|
560
560
|
<ft-loader></ft-loader> `:this.icon?i.html`
|
|
561
|
-
<ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Te.elementDefinitions={"ft-ripple":be,"ft-tooltip":ye,"ft-typography":te,"ft-icon":De,"ft-loader":we},Te.styles=Ae,Ne([o.property({type:Boolean})],Te.prototype,"primary",void 0),Ne([o.property({type:Boolean})],Te.prototype,"outlined",void 0),Ne([o.property({type:Boolean})],Te.prototype,"disabled",void 0),Ne([o.property({type:Boolean})],Te.prototype,"dense",void 0),Ne([o.property({type:Boolean})],Te.prototype,"round",void 0),Ne([o.property({type:String})],Te.prototype,"label",void 0),Ne([o.property({type:String})],Te.prototype,"icon",void 0),Ne([o.property({type:String})],Te.prototype,"iconVariant",void 0),Ne([o.property({type:Boolean})],Te.prototype,"trailingIcon",void 0),Ne([o.property({type:Boolean})],Te.prototype,"loading",void 0),Ne([o.property({type:String})],Te.prototype,"tooltipPosition",void 0),Ne([o.property({type:Boolean})],Te.prototype,"hideTooltip",void 0),Ne([o.property({type:Boolean})],Te.prototype,"forceTooltip",void 0),Ne([o.query(".ft-button")],Te.prototype,"button",void 0),Ne([o.query(".ft-button--label slot")],Te.prototype,"slottedContent",void 0),e.customElement("ft-button")(Te);const Re=e.FtCssVariableFactory.extend("--ft-checkbox-text-color",e.designSystemVariables.colorOnSurfaceHigh),
|
|
561
|
+
<ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:i.nothing}focus(){var t;null===(t=this.button)||void 0===t||t.focus()}getLabel(){return this.label||this.textContent}get textContent(){return this.unslotText(this.slottedContent).trim()}unslotText(t){return t instanceof HTMLSlotElement?t.assignedNodes().map((t=>this.unslotText(t))).join(""):(null==t?void 0:t.textContent)||""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}isDisabled(){return this.disabled||this.loading}}Te.elementDefinitions={"ft-ripple":be,"ft-tooltip":ye,"ft-typography":te,"ft-icon":De,"ft-loader":we},Te.styles=Ae,Ne([o.property({type:Boolean})],Te.prototype,"primary",void 0),Ne([o.property({type:Boolean})],Te.prototype,"outlined",void 0),Ne([o.property({type:Boolean})],Te.prototype,"disabled",void 0),Ne([o.property({type:Boolean})],Te.prototype,"dense",void 0),Ne([o.property({type:Boolean})],Te.prototype,"round",void 0),Ne([o.property({type:String})],Te.prototype,"label",void 0),Ne([o.property({type:String})],Te.prototype,"icon",void 0),Ne([o.property({type:String})],Te.prototype,"iconVariant",void 0),Ne([o.property({type:Boolean})],Te.prototype,"trailingIcon",void 0),Ne([o.property({type:Boolean})],Te.prototype,"loading",void 0),Ne([o.property({type:String})],Te.prototype,"tooltipPosition",void 0),Ne([o.property({type:Boolean})],Te.prototype,"hideTooltip",void 0),Ne([o.property({type:Boolean})],Te.prototype,"forceTooltip",void 0),Ne([o.query(".ft-button")],Te.prototype,"button",void 0),Ne([o.query(".ft-button--label slot")],Te.prototype,"slottedContent",void 0),e.customElement("ft-button")(Te);const Re=e.FtCssVariableFactory.extend("--ft-checkbox-text-color",e.designSystemVariables.colorOnSurfaceHigh),Ze=e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),Ue=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnPrimary,"Design system"),_e=e.FtCssVariableFactory.extend("--ft-checkbox-border-color",e.designSystemVariables.colorOnSurfaceMedium),He=e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),Ve=i.css`
|
|
562
562
|
* {
|
|
563
563
|
box-sizing: border-box;
|
|
564
564
|
}
|
|
@@ -603,14 +603,14 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
603
603
|
width: 18px;
|
|
604
604
|
height: 18px;
|
|
605
605
|
|
|
606
|
-
color: ${
|
|
606
|
+
color: ${Ue};
|
|
607
607
|
}
|
|
608
608
|
|
|
609
609
|
|
|
610
610
|
.ft-checkbox--checked .ft-checkbox--box,
|
|
611
611
|
.ft-checkbox--indeterminate .ft-checkbox--box {
|
|
612
|
-
border-color: ${
|
|
613
|
-
background-color: ${
|
|
612
|
+
border-color: ${Ze};
|
|
613
|
+
background-color: ${Ze};
|
|
614
614
|
}
|
|
615
615
|
|
|
616
616
|
.ft-checkbox--disabled .ft-checkbox--box {
|
|
@@ -1315,7 +1315,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1315
1315
|
</div>
|
|
1316
1316
|
<div class="ft-accordion-item--separator" part="separator"></div>
|
|
1317
1317
|
</div>
|
|
1318
|
-
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Mi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Mi.styles=Li,ji([o.property({type:String})],Mi.prototype,"icon",void 0),ji([o.property({type:String})],Mi.prototype,"label",void 0),ji([o.property({type:Boolean,reflect:!0})],Mi.prototype,"active",void 0),e.customElement("ft-accordion")(Ei),e.customElement("ft-accordion-item")(Mi);const Pi=e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Ai={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:Pi,fontSize:e.FtCssVariableFactory.extend("--ft-chip-font-size",Bt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariableFactory.extend("--ft-chip-ripple-color",Pi),horizontalPadding:e.FtCssVariableFactory.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariableFactory.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Ni=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color",e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnPrimary)),Ti={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color",e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorPrimary)),color:Ni,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color",Ni)},Ri=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),
|
|
1318
|
+
`}update(t){super.update(t),t.has("active")&&this.active&&this.dispatchEvent(new Event("activated",{composed:!0,bubbles:!0}))}onToggleKeyDown(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.active=!this.active)}}Mi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Mi.styles=Li,ji([o.property({type:String})],Mi.prototype,"icon",void 0),ji([o.property({type:String})],Mi.prototype,"label",void 0),ji([o.property({type:Boolean,reflect:!0})],Mi.prototype,"active",void 0),e.customElement("ft-accordion")(Ei),e.customElement("ft-accordion-item")(Mi);const Pi=e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnSurface),Ai={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorSurface),color:Pi,fontSize:e.FtCssVariableFactory.extend("--ft-chip-font-size",Bt.fontSize),iconSize:e.FtCssVariableFactory.create("--ft-chip-icon-size","SIZE","18px"),rippleColor:e.FtCssVariableFactory.extend("--ft-chip-ripple-color",Pi),horizontalPadding:e.FtCssVariableFactory.create("--ft-chip-horizontal-padding","SIZE","6px"),verticalPadding:e.FtCssVariableFactory.create("--ft-chip-vertical-padding","SIZE","6px"),colorOutline:e.FtCssVariableFactory.external(e.designSystemVariables.colorOutline,"Design system"),opacityDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOpacityDisabled,"Design system")},Ni=e.FtCssVariableFactory.extend("--ft-chip-highlighted-color",e.FtCssVariableFactory.extend("--ft-chip-color",e.designSystemVariables.colorOnPrimary)),Ti={backgroundColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-background-color",e.FtCssVariableFactory.extend("--ft-chip-background-color",e.designSystemVariables.colorPrimary)),color:Ni,rippleColor:e.FtCssVariableFactory.extend("--ft-chip-highlighted-ripple-color",Ni)},Ri=e.FtCssVariableFactory.create("--ft-chip-dense-horizontal-padding","SIZE","4px"),Zi=e.FtCssVariableFactory.create("--ft-chip-dense-vertical-padding","SIZE","4px"),Ui=[e.noTextSelect,i.css`
|
|
1319
1319
|
:host {
|
|
1320
1320
|
display: inline-block;
|
|
1321
1321
|
max-width: 100%;
|
|
@@ -1355,7 +1355,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1355
1355
|
|
|
1356
1356
|
.ft-chip--dense {
|
|
1357
1357
|
--ft-chip-internal-icon-padding: 3px;
|
|
1358
|
-
--ft-chip-internal-vertical-padding: ${
|
|
1358
|
+
--ft-chip-internal-vertical-padding: ${Zi};
|
|
1359
1359
|
--ft-chip-internal-horizontal-padding: ${Ri};
|
|
1360
1360
|
--ft-chip-internal-line-height: max(16px, calc(var(--ft-chip-internal-font-size) + 2px));
|
|
1361
1361
|
}
|
|
@@ -1464,7 +1464,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1464
1464
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1465
1465
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1466
1466
|
</div>
|
|
1467
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Hi))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Hi))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Vi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Vi.styles=
|
|
1467
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new Hi))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new Hi))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Vi.elementDefinitions={"ft-ripple":be,"ft-typography":te,"ft-icon":De},Vi.styles=Ui,_i([o.property({type:Boolean})],Vi.prototype,"highlighted",void 0),_i([o.property({type:Boolean})],Vi.prototype,"removable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"disabled",void 0),_i([o.property({type:Boolean})],Vi.prototype,"clickable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"iconClickable",void 0),_i([o.property({type:Boolean})],Vi.prototype,"dense",void 0),_i([o.property({type:Boolean})],Vi.prototype,"multiLine",void 0),_i([o.property({type:String})],Vi.prototype,"label",void 0),_i([o.property({type:String})],Vi.prototype,"icon",void 0),_i([o.property({type:Boolean})],Vi.prototype,"trailingIcon",void 0),_i([o.query("ft-typography slot")],Vi.prototype,"slottedContent",void 0),e.customElement("ft-chip")(Vi);const Ki={fontSize:e.FtCssVariableFactory.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:e.FtCssVariableFactory.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:e.FtCssVariableFactory.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:e.FtCssVariableFactory.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:e.FtCssVariableFactory.create("--ft-input-label-max-width","SIZE","100%"),borderColor:e.FtCssVariableFactory.extend("--ft-input-label-border-color",e.designSystemVariables.colorOutline),textColor:e.FtCssVariableFactory.extend("--ft-input-label-text-color",e.designSystemVariables.colorOnSurfaceMedium),disabledTextColor:e.FtCssVariableFactory.extend("--ft-input-label-disabled-text-color",e.designSystemVariables.colorOnSurfaceDisabled),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},qi=i.css`
|
|
1468
1468
|
.ft-input-label {
|
|
1469
1469
|
position: absolute;
|
|
1470
1470
|
inset: 0;
|
|
@@ -1495,7 +1495,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1495
1495
|
}
|
|
1496
1496
|
|
|
1497
1497
|
.ft-input-label:before {
|
|
1498
|
-
width: ${Ki.horizontalSpacing};
|
|
1498
|
+
width: calc(${Ki.horizontalSpacing} - 4px);
|
|
1499
1499
|
flex-shrink: 0;
|
|
1500
1500
|
}
|
|
1501
1501
|
|
|
@@ -1513,6 +1513,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1513
1513
|
border-color: inherit;
|
|
1514
1514
|
color: ${Ki.textColor};
|
|
1515
1515
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1516
|
+
max-width: calc(${Ki.labelMaxWidth} - 2 * (${Ki.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1517
|
+
text-overflow: ellipsis;
|
|
1516
1518
|
${e.setVariable(Ct.fontSize,Ki.fontSize)};
|
|
1517
1519
|
${e.setVariable(Ct.lineHeight,Ki.fontSize)};
|
|
1518
1520
|
}
|
|
@@ -1528,6 +1530,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1528
1530
|
.ft-input-label--hidden-text {
|
|
1529
1531
|
padding: 0 4px;
|
|
1530
1532
|
opacity: 0;
|
|
1533
|
+
max-width: 100%;
|
|
1534
|
+
box-sizing: border-box;
|
|
1531
1535
|
}
|
|
1532
1536
|
|
|
1533
1537
|
.ft-input-label--floating-text {
|
|
@@ -1539,6 +1543,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1539
1543
|
text-overflow: ellipsis;
|
|
1540
1544
|
padding: ${Ki.verticalSpacing} 4px;
|
|
1541
1545
|
margin: calc(${Ki.verticalSpacing} * -1) 0;
|
|
1546
|
+
max-width: 100%;
|
|
1547
|
+
box-sizing: border-box;
|
|
1542
1548
|
}
|
|
1543
1549
|
|
|
1544
1550
|
.ft-input-label--raised .ft-input-label--text {
|
|
@@ -1589,7 +1595,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1589
1595
|
</div>
|
|
1590
1596
|
`:null}
|
|
1591
1597
|
</div>
|
|
1592
|
-
`}}Gi.elementDefinitions={},Gi.styles=[Wt,qi],Wi([o.property({type:String})],Gi.prototype,"text",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"raised",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"outlined",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"disabled",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"error",void 0),e.customElement("ft-input-label")(Gi);const Xi={labelSize:e.FtCssVariableFactory.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariableFactory.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariableFactory.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:e.FtCssVariableFactory.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:e.FtCssVariableFactory.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariableFactory.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariableFactory.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariableFactory.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},Yi=i.css`
|
|
1598
|
+
`}}Gi.elementDefinitions={},Gi.styles=[Wt,qi],Wi([o.property({type:String})],Gi.prototype,"text",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"raised",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"outlined",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"disabled",void 0),Wi([o.property({type:Boolean})],Gi.prototype,"error",void 0),e.customElement("ft-input-label")(Gi);const Xi={labelSize:e.FtCssVariableFactory.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:e.FtCssVariableFactory.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:e.FtCssVariableFactory.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:e.FtCssVariableFactory.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:e.FtCssVariableFactory.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:e.FtCssVariableFactory.extend("--ft-select-selected-option-color",e.designSystemVariables.colorOnSurface),helperColor:e.FtCssVariableFactory.extend("--ft-select-helper-color",e.designSystemVariables.colorOnSurfaceMedium),optionsColor:e.FtCssVariableFactory.extend("--ft-select-options-color",e.designSystemVariables.colorOnSurface),optionsZIndex:e.FtCssVariableFactory.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:e.FtCssVariableFactory.external(e.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:e.FtCssVariableFactory.external(e.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:e.FtCssVariableFactory.external(e.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:e.FtCssVariableFactory.external(e.designSystemVariables.borderRadiusS,"Design system"),elevation02:e.FtCssVariableFactory.external(e.designSystemVariables.elevation02,"Design system"),colorError:e.FtCssVariableFactory.external(e.designSystemVariables.colorError,"Design system")},Yi=i.css`
|
|
1593
1599
|
*:focus {
|
|
1594
1600
|
outline: none;
|
|
1595
1601
|
}
|
|
@@ -1612,8 +1618,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1612
1618
|
display: flex;
|
|
1613
1619
|
align-items: center;
|
|
1614
1620
|
overflow: hidden;
|
|
1615
|
-
padding-left:
|
|
1616
|
-
padding-right:
|
|
1621
|
+
padding-left: ${Xi.horizontalSpacing};
|
|
1622
|
+
padding-right: ${Xi.horizontalSpacing};
|
|
1617
1623
|
gap: 8px;
|
|
1618
1624
|
color: ${Xi.selectedOptionColor};
|
|
1619
1625
|
${e.setVariable(ne.color,Xi.selectedOptionColor)};
|
|
@@ -1644,6 +1650,8 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1644
1650
|
${e.setVariable(Ki.fontSize,Xi.selectedOptionSize)};
|
|
1645
1651
|
${e.setVariable(Ki.raisedFontSize,Xi.labelSize)};
|
|
1646
1652
|
${e.setVariable(Ki.verticalSpacing,Xi.verticalSpacing)};
|
|
1653
|
+
${e.setVariable(Ki.horizontalSpacing,Xi.horizontalSpacing)};
|
|
1654
|
+
${e.setVariable(Ki.labelMaxWidth,`calc(100% - ${Be.size} - 8px)`)};
|
|
1647
1655
|
}
|
|
1648
1656
|
|
|
1649
1657
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
@@ -1717,7 +1725,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1717
1725
|
|
|
1718
1726
|
.ft-select--option {
|
|
1719
1727
|
position: relative;
|
|
1720
|
-
padding: 4px
|
|
1728
|
+
padding: 4px ${Xi.horizontalSpacing};
|
|
1721
1729
|
min-height: 32px;
|
|
1722
1730
|
display: flex;
|
|
1723
1731
|
align-items: center;
|
|
@@ -1729,7 +1737,7 @@ const q=Symbol.for(""),W=t=>{if((null==t?void 0:t.r)===q)return null==t?void 0:t
|
|
|
1729
1737
|
}
|
|
1730
1738
|
|
|
1731
1739
|
.ft-select--helper-text {
|
|
1732
|
-
padding: 0
|
|
1740
|
+
padding: 0 ${Xi.horizontalSpacing};
|
|
1733
1741
|
color: ${Xi.helperColor};
|
|
1734
1742
|
}
|
|
1735
1743
|
|
|
@@ -1596,7 +1596,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1596
1596
|
<ft-ripple ?disabled=${!this.interactionsOnIcon}></ft-ripple>
|
|
1597
1597
|
<ft-icon variant="material">${this.internalIcon}</ft-icon>
|
|
1598
1598
|
</div>
|
|
1599
|
-
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new qo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new qo))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Jo.elementDefinitions={"ft-ripple":vi,"ft-typography":ti,"ft-icon":Li},Jo.styles=Wo,Vo([o({type:Boolean})],Jo.prototype,"highlighted",void 0),Vo([o({type:Boolean})],Jo.prototype,"removable",void 0),Vo([o({type:Boolean})],Jo.prototype,"disabled",void 0),Vo([o({type:Boolean})],Jo.prototype,"clickable",void 0),Vo([o({type:Boolean})],Jo.prototype,"iconClickable",void 0),Vo([o({type:Boolean})],Jo.prototype,"dense",void 0),Vo([o({type:Boolean})],Jo.prototype,"multiLine",void 0),Vo([o({type:String})],Jo.prototype,"label",void 0),Vo([o({type:String})],Jo.prototype,"icon",void 0),Vo([o({type:Boolean})],Jo.prototype,"trailingIcon",void 0),Vo([n("ft-typography slot")],Jo.prototype,"slottedContent",void 0),h("ft-chip")(Jo);const Xo={fontSize:xt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:xt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:xt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:xt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),borderColor:xt.extend("--ft-input-label-border-color",mt.colorOutline),textColor:xt.extend("--ft-input-label-text-color",mt.colorOnSurfaceMedium),disabledTextColor:xt.extend("--ft-input-label-disabled-text-color",mt.colorOnSurfaceDisabled),colorSurface:xt.external(mt.colorSurface,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),colorError:xt.external(mt.colorError,"Design system")},Yo=y`
|
|
1599
|
+
`}onKeyUp(t){this.interactionsOnChip&&["Enter"," "].includes(t.key)&&t.target.click()}onIconKeyUp(t){this.interactionsOnIcon&&["Enter"," "].includes(t.key)&&(t.stopPropagation(),this.dispatchEvent(new qo))}onIconClick(t){this.interactionsOnIcon&&(t.stopPropagation(),this.dispatchEvent(new qo))}getLabel(){return this.label||this.textContent}get textContent(){var t,e;return null!==(e=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==e?e:""}hasTextContent(){return this.textContent.length>0}onSlotchange(){this.requestUpdate()}get internalIcon(){return this.icon||(this.removable?"cancel":void 0)}}Jo.elementDefinitions={"ft-ripple":vi,"ft-typography":ti,"ft-icon":Li},Jo.styles=Wo,Vo([o({type:Boolean})],Jo.prototype,"highlighted",void 0),Vo([o({type:Boolean})],Jo.prototype,"removable",void 0),Vo([o({type:Boolean})],Jo.prototype,"disabled",void 0),Vo([o({type:Boolean})],Jo.prototype,"clickable",void 0),Vo([o({type:Boolean})],Jo.prototype,"iconClickable",void 0),Vo([o({type:Boolean})],Jo.prototype,"dense",void 0),Vo([o({type:Boolean})],Jo.prototype,"multiLine",void 0),Vo([o({type:String})],Jo.prototype,"label",void 0),Vo([o({type:String})],Jo.prototype,"icon",void 0),Vo([o({type:Boolean})],Jo.prototype,"trailingIcon",void 0),Vo([n("ft-typography slot")],Jo.prototype,"slottedContent",void 0),h("ft-chip")(Jo);const Xo={fontSize:xt.create("--ft-input-label-font-size","SIZE","14px"),raisedFontSize:xt.create("--ft-input-label-raised-font-size","SIZE","11px"),raisedZIndex:xt.create("--ft-input-label-outlined-raised-z-index","NUMBER","2"),verticalSpacing:xt.create("--ft-input-label-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-input-label-horizontal-spacing","SIZE","12px"),labelMaxWidth:xt.create("--ft-input-label-max-width","SIZE","100%"),borderColor:xt.extend("--ft-input-label-border-color",mt.colorOutline),textColor:xt.extend("--ft-input-label-text-color",mt.colorOnSurfaceMedium),disabledTextColor:xt.extend("--ft-input-label-disabled-text-color",mt.colorOnSurfaceDisabled),colorSurface:xt.external(mt.colorSurface,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),colorError:xt.external(mt.colorError,"Design system")},Yo=y`
|
|
1600
1600
|
.ft-input-label {
|
|
1601
1601
|
position: absolute;
|
|
1602
1602
|
inset: 0;
|
|
@@ -1627,7 +1627,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1627
1627
|
}
|
|
1628
1628
|
|
|
1629
1629
|
.ft-input-label:before {
|
|
1630
|
-
width: ${Xo.horizontalSpacing};
|
|
1630
|
+
width: calc(${Xo.horizontalSpacing} - 4px);
|
|
1631
1631
|
flex-shrink: 0;
|
|
1632
1632
|
}
|
|
1633
1633
|
|
|
@@ -1645,6 +1645,8 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1645
1645
|
border-color: inherit;
|
|
1646
1646
|
color: ${Xo.textColor};
|
|
1647
1647
|
transition: font-size 250ms, line-height 250ms, color 250ms;
|
|
1648
|
+
max-width: calc(${Xo.labelMaxWidth} - 2 * (${Xo.horizontalSpacing} - 4px)); /* -2px on spacing for label padding */
|
|
1649
|
+
text-overflow: ellipsis;
|
|
1648
1650
|
${yt(ze.fontSize,Xo.fontSize)};
|
|
1649
1651
|
${yt(ze.lineHeight,Xo.fontSize)};
|
|
1650
1652
|
}
|
|
@@ -1660,6 +1662,8 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1660
1662
|
.ft-input-label--hidden-text {
|
|
1661
1663
|
padding: 0 4px;
|
|
1662
1664
|
opacity: 0;
|
|
1665
|
+
max-width: 100%;
|
|
1666
|
+
box-sizing: border-box;
|
|
1663
1667
|
}
|
|
1664
1668
|
|
|
1665
1669
|
.ft-input-label--floating-text {
|
|
@@ -1671,6 +1675,8 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1671
1675
|
text-overflow: ellipsis;
|
|
1672
1676
|
padding: ${Xo.verticalSpacing} 4px;
|
|
1673
1677
|
margin: calc(${Xo.verticalSpacing} * -1) 0;
|
|
1678
|
+
max-width: 100%;
|
|
1679
|
+
box-sizing: border-box;
|
|
1674
1680
|
}
|
|
1675
1681
|
|
|
1676
1682
|
.ft-input-label--raised .ft-input-label--text {
|
|
@@ -1721,7 +1727,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1721
1727
|
</div>
|
|
1722
1728
|
`:null}
|
|
1723
1729
|
</div>
|
|
1724
|
-
`}}Go.elementDefinitions={},Go.styles=[qe,Yo],Qo([o({type:String})],Go.prototype,"text",void 0),Qo([o({type:Boolean})],Go.prototype,"raised",void 0),Qo([o({type:Boolean})],Go.prototype,"outlined",void 0),Qo([o({type:Boolean})],Go.prototype,"disabled",void 0),Qo([o({type:Boolean})],Go.prototype,"error",void 0),h("ft-input-label")(Go);const ts={labelSize:xt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:xt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:xt.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:xt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:xt.extend("--ft-select-selected-option-color",mt.colorOnSurface),helperColor:xt.extend("--ft-select-helper-color",mt.colorOnSurfaceMedium),optionsColor:xt.extend("--ft-select-options-color",mt.colorOnSurface),optionsZIndex:xt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),colorError:xt.external(mt.colorError,"Design system")},es=y`
|
|
1730
|
+
`}}Go.elementDefinitions={},Go.styles=[qe,Yo],Qo([o({type:String})],Go.prototype,"text",void 0),Qo([o({type:Boolean})],Go.prototype,"raised",void 0),Qo([o({type:Boolean})],Go.prototype,"outlined",void 0),Qo([o({type:Boolean})],Go.prototype,"disabled",void 0),Qo([o({type:Boolean})],Go.prototype,"error",void 0),h("ft-input-label")(Go);const ts={labelSize:xt.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:xt.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:xt.create("--ft-select-vertical-spacing","SIZE","4px"),horizontalSpacing:xt.create("--ft-select-horizontal-spacing","SIZE","16px"),optionsHeight:xt.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:xt.extend("--ft-select-selected-option-color",mt.colorOnSurface),helperColor:xt.extend("--ft-select-helper-color",mt.colorOnSurfaceMedium),optionsColor:xt.extend("--ft-select-options-color",mt.colorOnSurface),optionsZIndex:xt.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:xt.external(mt.colorSurface,"Design system"),colorOnSurfaceDisabled:xt.external(mt.colorOnSurfaceDisabled,"Design system"),colorPrimary:xt.external(mt.colorPrimary,"Design system"),borderRadiusS:xt.external(mt.borderRadiusS,"Design system"),elevation02:xt.external(mt.elevation02,"Design system"),colorError:xt.external(mt.colorError,"Design system")},es=y`
|
|
1725
1731
|
*:focus {
|
|
1726
1732
|
outline: none;
|
|
1727
1733
|
}
|
|
@@ -1744,8 +1750,8 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1744
1750
|
display: flex;
|
|
1745
1751
|
align-items: center;
|
|
1746
1752
|
overflow: hidden;
|
|
1747
|
-
padding-left:
|
|
1748
|
-
padding-right:
|
|
1753
|
+
padding-left: ${ts.horizontalSpacing};
|
|
1754
|
+
padding-right: ${ts.horizontalSpacing};
|
|
1749
1755
|
gap: 8px;
|
|
1750
1756
|
color: ${ts.selectedOptionColor};
|
|
1751
1757
|
${yt(li.color,ts.selectedOptionColor)};
|
|
@@ -1776,6 +1782,8 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1776
1782
|
${yt(Xo.fontSize,ts.selectedOptionSize)};
|
|
1777
1783
|
${yt(Xo.raisedFontSize,ts.labelSize)};
|
|
1778
1784
|
${yt(Xo.verticalSpacing,ts.verticalSpacing)};
|
|
1785
|
+
${yt(Xo.horizontalSpacing,ts.horizontalSpacing)};
|
|
1786
|
+
${yt(Xo.labelMaxWidth,`calc(100% - ${Mi.size} - 8px)`)};
|
|
1779
1787
|
}
|
|
1780
1788
|
|
|
1781
1789
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
@@ -1849,7 +1857,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1849
1857
|
|
|
1850
1858
|
.ft-select--option {
|
|
1851
1859
|
position: relative;
|
|
1852
|
-
padding: 4px
|
|
1860
|
+
padding: 4px ${ts.horizontalSpacing};
|
|
1853
1861
|
min-height: 32px;
|
|
1854
1862
|
display: flex;
|
|
1855
1863
|
align-items: center;
|
|
@@ -1861,7 +1869,7 @@ class Si extends Rt{constructor(t){if(super(t),this.it=Q,t.type!==Nt)throw Error
|
|
|
1861
1869
|
}
|
|
1862
1870
|
|
|
1863
1871
|
.ft-select--helper-text {
|
|
1864
|
-
padding: 0
|
|
1872
|
+
padding: 0 ${ts.horizontalSpacing};
|
|
1865
1873
|
color: ${ts.helperColor};
|
|
1866
1874
|
}
|
|
1867
1875
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-search-bar",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.49",
|
|
4
4
|
"description": "Search bar component using Fluid Topics public API",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,18 +19,18 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-accordion": "0.3.
|
|
23
|
-
"@fluid-topics/ft-button": "0.3.
|
|
24
|
-
"@fluid-topics/ft-chip": "0.3.
|
|
25
|
-
"@fluid-topics/ft-filter": "0.3.
|
|
26
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
27
|
-
"@fluid-topics/ft-select": "0.3.
|
|
28
|
-
"@fluid-topics/ft-size-watcher": "0.3.
|
|
29
|
-
"@fluid-topics/ft-skeleton": "0.3.
|
|
30
|
-
"@fluid-topics/ft-snap-scroll": "0.3.
|
|
31
|
-
"@fluid-topics/ft-tooltip": "0.3.
|
|
32
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
33
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-accordion": "0.3.49",
|
|
23
|
+
"@fluid-topics/ft-button": "0.3.49",
|
|
24
|
+
"@fluid-topics/ft-chip": "0.3.49",
|
|
25
|
+
"@fluid-topics/ft-filter": "0.3.49",
|
|
26
|
+
"@fluid-topics/ft-icon": "0.3.49",
|
|
27
|
+
"@fluid-topics/ft-select": "0.3.49",
|
|
28
|
+
"@fluid-topics/ft-size-watcher": "0.3.49",
|
|
29
|
+
"@fluid-topics/ft-skeleton": "0.3.49",
|
|
30
|
+
"@fluid-topics/ft-snap-scroll": "0.3.49",
|
|
31
|
+
"@fluid-topics/ft-tooltip": "0.3.49",
|
|
32
|
+
"@fluid-topics/ft-typography": "0.3.49",
|
|
33
|
+
"@fluid-topics/ft-wc-utils": "0.3.49",
|
|
34
34
|
"lit": "2.2.8"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"@fluid-topics/public-api": "1.0.28"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "3584a4f0b3edc500a360c2afe2ef3e5cdbb604b6"
|
|
43
43
|
}
|