@fluid-topics/ft-select 0.3.14 → 0.3.16
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-select.min.js +47 -35
- package/package.json +7 -7
package/build/ft-select.min.js
CHANGED
|
@@ -51,7 +51,7 @@ const a=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShad
|
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2017 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
|
-
*/;var x;const v=window.trustedTypes,b=v?v.emptyScript:"",g=window.reactiveElementPolyfillSupport,m={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}}
|
|
54
|
+
*/;var x;const v=window.trustedTypes,b=v?v.emptyScript:"",g=window.reactiveElementPolyfillSupport,m={toAttribute(t,e){switch(e){case Boolean:t=t?b:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},w=(t,e)=>e!==t&&(e==e||t==t),$={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:w};class O extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;null!==(e=this.h)&&void 0!==e||(this.h=[]),this.h.push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((e,i)=>{const o=this._$Ep(i,e);void 0!==o&&(this._$Ev.set(o,i),t.push(o))})),t}static createProperty(t,e=$){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i="symbol"==typeof t?Symbol():"__"+t,o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Object.defineProperty(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(o){const s=this[t];this[e]=o,this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||$}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,e=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const i of e)this.createProperty(i,t[i])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(y(t))}else void 0!==t&&e.push(y(t));return e}static _$Ep(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)))}addController(t){var e,i;(null!==(e=this._$ES)&&void 0!==e?e:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(i=t.hostConnected)||void 0===i||i.call(t))}removeController(t){var e;null===(e=this._$ES)||void 0===e||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach(((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])}))}createRenderRoot(){var t;const e=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return u(e,this.constructor.elementStyles),e}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostConnected)||void 0===e?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostDisconnected)||void 0===e?void 0:e.call(t)}))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=$){var o,s;const n=this.constructor._$Ep(t,i);if(void 0!==n&&!0===i.reflect){const r=(null!==(s=null===(o=i.converter)||void 0===o?void 0:o.toAttribute)&&void 0!==s?s:m.toAttribute)(e,i.type);this._$El=t,null==r?this.removeAttribute(n):this.setAttribute(n,r),this._$El=null}}_$AK(t,e){var i,o;const s=this.constructor,n=s._$Ev.get(t);if(void 0!==n&&this._$El!==n){const t=s.getPropertyOptions(n),r=t.converter,l=null!==(o=null!==(i=null==r?void 0:r.fromAttribute)&&void 0!==i?i:"function"==typeof r?r:null)&&void 0!==o?o:m.fromAttribute;this._$El=n,this[n]=l(e,t.type),this._$El=null}}requestUpdate(t,e,i){let o=!0;void 0!==t&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||w)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,i))):o=!1),!this.isUpdatePending&&o&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,e)=>this[e]=t)),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var e;return null===(e=t.hostUpdate)||void 0===e?void 0:e.call(t)})),this.update(i)):this._$Ek()}catch(t){throw e=!1,this._$Ek(),t}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;null===(e=this._$ES)||void 0===e||e.forEach((t=>{var e;return null===(e=t.hostUpdated)||void 0===e?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,e)=>this._$EO(e,this[e],t))),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}}
|
|
55
55
|
/**
|
|
56
56
|
* @license
|
|
57
57
|
* Copyright 2017 Google LLC
|
|
@@ -82,6 +82,18 @@ var rt,lt;null==nt||nt(J,Y),(null!==(S=globalThis.litHtmlVersions)&&void 0!==S?S
|
|
|
82
82
|
-ms-user-select: none;
|
|
83
83
|
user-select: none;
|
|
84
84
|
}
|
|
85
|
+
`,d`
|
|
86
|
+
.ft-word-wrap {
|
|
87
|
+
white-space: normal;
|
|
88
|
+
word-wrap: break-word;
|
|
89
|
+
-ms-word-break: break-all;
|
|
90
|
+
word-break: break-all;
|
|
91
|
+
word-break: break-word;
|
|
92
|
+
-ms-hyphens: auto;
|
|
93
|
+
-moz-hyphens: auto;
|
|
94
|
+
-webkit-hyphens: auto;
|
|
95
|
+
hyphens: auto
|
|
96
|
+
}
|
|
85
97
|
`,navigator.vendor&&navigator.vendor.match(/apple/i)||(null===(ut=null===(dt=window.safari)||void 0===dt?void 0:dt.pushNotification)||void 0===ut||ut.toString());
|
|
86
98
|
/**
|
|
87
99
|
* @license
|
|
@@ -93,12 +105,12 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
|
|
|
93
105
|
* @license
|
|
94
106
|
* Copyright 2018 Google LLC
|
|
95
107
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
96
|
-
*/const
|
|
108
|
+
*/const wt=gt(class extends mt{constructor(t){var e;if(super(t),t.type!==vt||"class"!==t.name||(null===(e=t.strings)||void 0===e?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){var i,o;if(void 0===this.nt){this.nt=new Set,void 0!==t.strings&&(this.st=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!(null===(i=this.st)||void 0===i?void 0:i.has(t))&&this.nt.add(t);return this.render(e)}const s=t.element.classList;this.nt.forEach((t=>{t in e||(s.remove(t),this.nt.delete(t))}));for(const t in e){const i=!!e[t];i===this.nt.has(t)||(null===(o=this.st)||void 0===o?void 0:o.has(t))||(i?(s.add(t),this.nt.add(t)):(s.remove(t),this.nt.delete(t)))}return I}}),{H:$t}=st,Ot=()=>document.createComment(""),St=(t,e,i)=>{var o;const s=t._$AA.parentNode,n=void 0===e?t._$AB:e._$AA;if(void 0===i){const e=s.insertBefore(Ot(),n),o=s.insertBefore(Ot(),n);i=new $t(e,o,t,t.options)}else{const e=i._$AB.nextSibling,r=i._$AM,l=r!==t;if(l){let e;null===(o=i._$AQ)||void 0===o||o.call(i,t),i._$AM=t,void 0!==i._$AP&&(e=t._$AU)!==r._$AU&&i._$AP(e)}if(e!==n||l){let t=i._$AA;for(;t!==e;){const e=t.nextSibling;s.insertBefore(t,n),t=e}}}return i},kt=(t,e,i=t)=>(t._$AI(e,i),t),Et={},Nt=t=>{var e;null===(e=t._$AP)||void 0===e||e.call(t,!1,!0);let i=t._$AA;const o=t._$AB.nextSibling;for(;i!==o;){const t=i.nextSibling;i.remove(),i=t}},Ct=(t,e,i)=>{const o=new Map;for(let s=e;s<=i;s++)o.set(t[s],s);return o},Rt=gt(class extends mt{constructor(t){if(super(t),t.type!==bt)throw Error("repeat() can only be used in text expressions")}ht(t,e,i){let o;void 0===i?i=e:void 0!==e&&(o=e);const s=[],n=[];let r=0;for(const e of t)s[r]=o?o(e,r):r,n[r]=i(e,r),r++;return{values:n,keys:s}}render(t,e,i){return this.ht(t,e,i).values}update(t,[e,i,o]){var s;const n=(t=>t._$AH)(t),{values:r,keys:l}=this.ht(e,i,o);if(!Array.isArray(n))return this.ut=l,r;const a=null!==(s=this.ut)&&void 0!==s?s:this.ut=[],p=[];let c,h,f=0,d=n.length-1,u=0,y=r.length-1;for(;f<=d&&u<=y;)if(null===n[f])f++;else if(null===n[d])d--;else if(a[f]===l[u])p[u]=kt(n[f],r[u]),f++,u++;else if(a[d]===l[y])p[y]=kt(n[d],r[y]),d--,y--;else if(a[f]===l[y])p[y]=kt(n[f],r[y]),St(t,p[y+1],n[f]),f++,y--;else if(a[d]===l[u])p[u]=kt(n[d],r[u]),St(t,n[f],n[d]),d--,u++;else if(void 0===c&&(c=Ct(l,u,y),h=Ct(a,f,d)),c.has(a[f]))if(c.has(a[d])){const e=h.get(l[u]),i=void 0!==e?n[e]:null;if(null===i){const e=St(t,n[f]);kt(e,r[u]),p[u]=e}else p[u]=kt(i,r[u]),St(t,n[f],i),n[e]=null;u++}else Nt(n[d]),d--;else Nt(n[f]),f++;for(;u<=y;){const e=St(t,p[y+1]);kt(e,r[u]),p[u++]=e}for(;f<=d;){const t=n[f++];null!==t&&Nt(t)}return this.ut=l,((t,e=Et)=>{t._$AH=e})(t,p),I}}),Mt=Symbol.for(""),Ut=t=>{if((null==t?void 0:t.r)===Mt)return null==t?void 0:t._$litStatic$},zt=t=>({_$litStatic$:t,r:Mt}),Ft=new Map,jt=(t=>(e,...i)=>{const o=i.length;let s,n;const r=[],l=[];let a,p=0,c=!1;for(;p<o;){for(a=e[p];p<o&&void 0!==(n=i[p],s=Ut(n));)a+=s+e[++p],c=!0;l.push(n),r.push(a),p++}if(p===o&&r.push(e[o]),c){const t=r.join("$$lit$$");void 0===(e=Ft.get(t))&&(r.raw=r,Ft.set(t,e=r)),i=l}return t(e,...i)})(W);
|
|
97
109
|
/**
|
|
98
110
|
* @license
|
|
99
111
|
* Copyright 2020 Google LLC
|
|
100
112
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
101
|
-
*/var At;!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"}(At||(At={}));const Bt=ct.extend("--ft-typography-font-family",ft.titleFont),Dt=ct.extend("--ft-typography-font-family",ft.contentFont),Pt={fontFamily:Dt,fontSize:ct.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ct.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ct.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ct.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ct.create("--ft-typography-text-transform","UNKNOWN","inherit")},Lt=ct.extend("--ft-typography-title-font-family",Bt),Tt=ct.extend("--ft-typography-title-font-size",Pt.fontSize,"20px"),_t=ct.extend("--ft-typography-title-font-weight",Pt.fontWeight,"normal"),Wt=ct.extend("--ft-typography-title-letter-spacing",Pt.letterSpacing,"0.15px"),It=ct.extend("--ft-typography-title-line-height",Pt.lineHeight,"1.2"),Ht=ct.extend("--ft-typography-title-text-transform",Pt.textTransform,"inherit"),Kt=ct.extend("--ft-typography-title-dense-font-family",Bt),Zt=ct.extend("--ft-typography-title-dense-font-size",Pt.fontSize,"14px"),Vt=ct.extend("--ft-typography-title-dense-font-weight",Pt.fontWeight,"normal"),Jt=ct.extend("--ft-typography-title-dense-letter-spacing",Pt.letterSpacing,"0.105px"),qt=ct.extend("--ft-typography-title-dense-line-height",Pt.lineHeight,"1.7"),Xt=ct.extend("--ft-typography-title-dense-text-transform",Pt.textTransform,"inherit"),Yt=ct.extend("--ft-typography-subtitle1-font-family",Dt),Gt=ct.extend("--ft-typography-subtitle1-font-size",Pt.fontSize,"16px"),Qt=ct.extend("--ft-typography-subtitle1-font-weight",Pt.fontWeight,"600"),te=ct.extend("--ft-typography-subtitle1-letter-spacing",Pt.letterSpacing,"0.144px"),ee=ct.extend("--ft-typography-subtitle1-line-height",Pt.lineHeight,"1.5"),ie=ct.extend("--ft-typography-subtitle1-text-transform",Pt.textTransform,"inherit"),oe=ct.extend("--ft-typography-subtitle2-font-family",Dt),se=ct.extend("--ft-typography-subtitle2-font-size",Pt.fontSize,"14px"),ne=ct.extend("--ft-typography-subtitle2-font-weight",Pt.fontWeight,"normal"),re=ct.extend("--ft-typography-subtitle2-letter-spacing",Pt.letterSpacing,"0.098px"),le=ct.extend("--ft-typography-subtitle2-line-height",Pt.lineHeight,"1.7"),ae=ct.extend("--ft-typography-subtitle2-text-transform",Pt.textTransform,"inherit"),pe={fontFamily:ct.extend("--ft-typography-body1-font-family",Dt),fontSize:ct.extend("--ft-typography-body1-font-size",Pt.fontSize,"16px"),fontWeight:ct.extend("--ft-typography-body1-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-body1-letter-spacing",Pt.letterSpacing,"0.496px"),lineHeight:ct.extend("--ft-typography-body1-line-height",Pt.lineHeight,"1.5"),textTransform:ct.extend("--ft-typography-body1-text-transform",Pt.textTransform,"inherit")},ce=ct.extend("--ft-typography-body2-font-family",Dt),he=ct.extend("--ft-typography-body2-font-size",Pt.fontSize,"14px"),fe=ct.extend("--ft-typography-body2-font-weight",Pt.fontWeight,"normal"),de=ct.extend("--ft-typography-body2-letter-spacing",Pt.letterSpacing,"0.252px"),ue=ct.extend("--ft-typography-body2-line-height",Pt.lineHeight,"1.4"),ye=ct.extend("--ft-typography-body2-text-transform",Pt.textTransform,"inherit"),xe={fontFamily:ct.extend("--ft-typography-caption-font-family",Dt),fontSize:ct.extend("--ft-typography-caption-font-size",Pt.fontSize,"12px"),fontWeight:ct.extend("--ft-typography-caption-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-caption-letter-spacing",Pt.letterSpacing,"0.396px"),lineHeight:ct.extend("--ft-typography-caption-line-height",Pt.lineHeight,"1.33"),textTransform:ct.extend("--ft-typography-caption-text-transform",Pt.textTransform,"inherit")},ve=ct.extend("--ft-typography-breadcrumb-font-family",Dt),be=ct.extend("--ft-typography-breadcrumb-font-size",Pt.fontSize,"10px"),ge=ct.extend("--ft-typography-breadcrumb-font-weight",Pt.fontWeight,"normal"),me=ct.extend("--ft-typography-breadcrumb-letter-spacing",Pt.letterSpacing,"0.33px")
|
|
113
|
+
*/var At;!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"}(At||(At={}));const Bt=ct.extend("--ft-typography-font-family",ft.titleFont),Dt=ct.extend("--ft-typography-font-family",ft.contentFont),Pt={fontFamily:Dt,fontSize:ct.create("--ft-typography-font-size","SIZE","16px"),fontWeight:ct.create("--ft-typography-font-weight","UNKNOWN","normal"),letterSpacing:ct.create("--ft-typography-letter-spacing","SIZE","0.496px"),lineHeight:ct.create("--ft-typography-line-height","NUMBER","1.5"),textTransform:ct.create("--ft-typography-text-transform","UNKNOWN","inherit")},Lt=ct.extend("--ft-typography-title-font-family",Bt),Tt=ct.extend("--ft-typography-title-font-size",Pt.fontSize,"20px"),_t=ct.extend("--ft-typography-title-font-weight",Pt.fontWeight,"normal"),Wt=ct.extend("--ft-typography-title-letter-spacing",Pt.letterSpacing,"0.15px"),It=ct.extend("--ft-typography-title-line-height",Pt.lineHeight,"1.2"),Ht=ct.extend("--ft-typography-title-text-transform",Pt.textTransform,"inherit"),Kt=ct.extend("--ft-typography-title-dense-font-family",Bt),Zt=ct.extend("--ft-typography-title-dense-font-size",Pt.fontSize,"14px"),Vt=ct.extend("--ft-typography-title-dense-font-weight",Pt.fontWeight,"normal"),Jt=ct.extend("--ft-typography-title-dense-letter-spacing",Pt.letterSpacing,"0.105px"),qt=ct.extend("--ft-typography-title-dense-line-height",Pt.lineHeight,"1.7"),Xt=ct.extend("--ft-typography-title-dense-text-transform",Pt.textTransform,"inherit"),Yt=ct.extend("--ft-typography-subtitle1-font-family",Dt),Gt=ct.extend("--ft-typography-subtitle1-font-size",Pt.fontSize,"16px"),Qt=ct.extend("--ft-typography-subtitle1-font-weight",Pt.fontWeight,"600"),te=ct.extend("--ft-typography-subtitle1-letter-spacing",Pt.letterSpacing,"0.144px"),ee=ct.extend("--ft-typography-subtitle1-line-height",Pt.lineHeight,"1.5"),ie=ct.extend("--ft-typography-subtitle1-text-transform",Pt.textTransform,"inherit"),oe=ct.extend("--ft-typography-subtitle2-font-family",Dt),se=ct.extend("--ft-typography-subtitle2-font-size",Pt.fontSize,"14px"),ne=ct.extend("--ft-typography-subtitle2-font-weight",Pt.fontWeight,"normal"),re=ct.extend("--ft-typography-subtitle2-letter-spacing",Pt.letterSpacing,"0.098px"),le=ct.extend("--ft-typography-subtitle2-line-height",Pt.lineHeight,"1.7"),ae=ct.extend("--ft-typography-subtitle2-text-transform",Pt.textTransform,"inherit"),pe={fontFamily:ct.extend("--ft-typography-body1-font-family",Dt),fontSize:ct.extend("--ft-typography-body1-font-size",Pt.fontSize,"16px"),fontWeight:ct.extend("--ft-typography-body1-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-body1-letter-spacing",Pt.letterSpacing,"0.496px"),lineHeight:ct.extend("--ft-typography-body1-line-height",Pt.lineHeight,"1.5"),textTransform:ct.extend("--ft-typography-body1-text-transform",Pt.textTransform,"inherit")},ce=ct.extend("--ft-typography-body2-font-family",Dt),he=ct.extend("--ft-typography-body2-font-size",Pt.fontSize,"14px"),fe=ct.extend("--ft-typography-body2-font-weight",Pt.fontWeight,"normal"),de=ct.extend("--ft-typography-body2-letter-spacing",Pt.letterSpacing,"0.252px"),ue=ct.extend("--ft-typography-body2-line-height",Pt.lineHeight,"1.4"),ye=ct.extend("--ft-typography-body2-text-transform",Pt.textTransform,"inherit"),xe={fontFamily:ct.extend("--ft-typography-caption-font-family",Dt),fontSize:ct.extend("--ft-typography-caption-font-size",Pt.fontSize,"12px"),fontWeight:ct.extend("--ft-typography-caption-font-weight",Pt.fontWeight,"normal"),letterSpacing:ct.extend("--ft-typography-caption-letter-spacing",Pt.letterSpacing,"0.396px"),lineHeight:ct.extend("--ft-typography-caption-line-height",Pt.lineHeight,"1.33"),textTransform:ct.extend("--ft-typography-caption-text-transform",Pt.textTransform,"inherit")},ve=ct.extend("--ft-typography-breadcrumb-font-family",Dt),be=ct.extend("--ft-typography-breadcrumb-font-size",Pt.fontSize,"10px"),ge=ct.extend("--ft-typography-breadcrumb-font-weight",Pt.fontWeight,"normal"),me=ct.extend("--ft-typography-breadcrumb-letter-spacing",Pt.letterSpacing,"0.33px"),we=ct.extend("--ft-typography-breadcrumb-line-height",Pt.lineHeight,"1.6"),$e=ct.extend("--ft-typography-breadcrumb-text-transform",Pt.textTransform,"inherit"),Oe=ct.extend("--ft-typography-overline-font-family",Dt),Se=ct.extend("--ft-typography-overline-font-size",Pt.fontSize,"10px"),ke=ct.extend("--ft-typography-overline-font-weight",Pt.fontWeight,"normal"),Ee=ct.extend("--ft-typography-overline-letter-spacing",Pt.letterSpacing,"1.5px"),Ne=ct.extend("--ft-typography-overline-line-height",Pt.lineHeight,"1.6"),Ce=ct.extend("--ft-typography-overline-text-transform",Pt.textTransform,"uppercase"),Re=ct.extend("--ft-typography-button-font-family",Dt),Me=ct.extend("--ft-typography-button-font-size",Pt.fontSize,"14px"),Ue=ct.extend("--ft-typography-button-font-weight",Pt.fontWeight,"600"),ze=ct.extend("--ft-typography-button-letter-spacing",Pt.letterSpacing,"1.246px"),Fe=ct.extend("--ft-typography-button-line-height",Pt.lineHeight,"1.15"),je=ct.extend("--ft-typography-button-text-transform",Pt.textTransform,"uppercase"),Ae=d`
|
|
102
114
|
.ft-typography--title {
|
|
103
115
|
font-family: ${Lt};
|
|
104
116
|
font-size: ${Tt};
|
|
@@ -168,8 +180,8 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
|
|
|
168
180
|
font-size: ${be};
|
|
169
181
|
font-weight: ${ge};
|
|
170
182
|
letter-spacing: ${me};
|
|
171
|
-
line-height: ${
|
|
172
|
-
text-transform: ${
|
|
183
|
+
line-height: ${we};
|
|
184
|
+
text-transform: ${$e};
|
|
173
185
|
}
|
|
174
186
|
`,Ie=d`
|
|
175
187
|
.ft-typography--overline {
|
|
@@ -317,7 +329,7 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
|
|
|
317
329
|
border-top: none;
|
|
318
330
|
}
|
|
319
331
|
`;var Xe=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class Ye extends xt{constructor(){super(...arguments),this.text="",this.raised=!1,this.outlined=!1,this.disabled=!1,this.error=!1}render(){const t={"ft-input-label":!0,"ft-input-label--raised":this.raised,"ft-input-label--outlined":this.outlined,"ft-input-label--disabled":this.disabled,"ft-input-label--in-error":this.error};return W`
|
|
320
|
-
<div class="${
|
|
332
|
+
<div class="${wt(t)}">
|
|
321
333
|
${this.text?W`
|
|
322
334
|
<div class="ft-input-label--text ft-typography--caption">
|
|
323
335
|
<span class="ft-input-label--floating-text">${this.text}</span>
|
|
@@ -427,7 +439,7 @@ const vt=1,bt=2,gt=t=>(...e)=>({_$litDirective$:t,values:e});class mt{constructo
|
|
|
427
439
|
top: ${this.originY}px;
|
|
428
440
|
}
|
|
429
441
|
</style>
|
|
430
|
-
<div class="${
|
|
442
|
+
<div class="${wt(t)}">
|
|
431
443
|
<div class="ft-ripple--background"></div>
|
|
432
444
|
<div class="ft-ripple--effect"></div>
|
|
433
445
|
</div>
|
|
@@ -474,12 +486,12 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
474
486
|
.ft-icon--material {
|
|
475
487
|
font-family: ${xi}, "Material Icons", sans-serif;
|
|
476
488
|
}
|
|
477
|
-
`;var gi;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(gi||(gi={}));var mi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class
|
|
489
|
+
`;var gi;!function(t){t.fluid_topics="fluid-topics",t.file_format="file-format",t.material="material"}(gi||(gi={}));var mi=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class wi extends xt{constructor(){super(...arguments),this.variant=gi.fluid_topics,this.resolvedIcon=H}render(){const t="material"!==this.variant||this.value;return W`
|
|
478
490
|
<i class="ft-icon ${"ft-icon--"+this.variant}">
|
|
479
491
|
${ci(this.resolvedIcon)}
|
|
480
492
|
<slot ?hidden=${t}></slot>
|
|
481
493
|
</i>
|
|
482
|
-
`}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 i=this.value||this.textContent;switch(this.variant){case gi.file_format:this.resolvedIcon=null!==(t=fi[i.toUpperCase()])&&void 0!==t?t:i;break;case gi.fluid_topics:this.resolvedIcon=null!==(e=hi[i.toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||H}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}
|
|
494
|
+
`}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 i=this.value||this.textContent;switch(this.variant){case gi.file_format:this.resolvedIcon=null!==(t=fi[i.toUpperCase()])&&void 0!==t?t:i;break;case gi.fluid_topics:this.resolvedIcon=null!==(e=hi[i.toUpperCase()])&&void 0!==e?e:i;break;default:this.resolvedIcon=this.value||H}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>{this.resolveIcon()}))}}wi.elementDefinitions={},wi.styles=bi,mi([o()],wi.prototype,"variant",void 0),mi([o()],wi.prototype,"value",void 0),mi([s()],wi.prototype,"resolvedIcon",void 0),mi([n("slot")],wi.prototype,"slottedContent",void 0),l("ft-icon")(wi);const $i={labelSize:ct.create("--ft-select-label-size","SIZE","11px"),selectedOptionSize:ct.create("--ft-select-selected-option-size","SIZE","14px"),verticalSpacing:ct.create("--ft-select-vertical-spacing","SIZE","4px"),optionsHeight:ct.create("--ft-select-options-height","SIZE","unset"),selectedOptionColor:ct.extend("--ft-select-selected-option-color",ft.colorOnSurface),helperColor:ct.extend("--ft-select-helper-color",ft.colorOnSurfaceMedium),optionsColor:ct.extend("--ft-select-options-color",ft.colorOnSurface),optionsZIndex:ct.create("--ft-select-options-z-index","NUMBER","3"),colorSurface:ct.external(ft.colorSurface,"Design system"),colorOnSurfaceDisabled:ct.external(ft.colorOnSurfaceDisabled,"Design system"),colorPrimary:ct.external(ft.colorPrimary,"Design system"),borderRadiusS:ct.external(ft.borderRadiusS,"Design system"),elevation02:ct.external(ft.elevation02,"Design system"),colorError:ct.external(ft.colorError,"Design system")},Oi=d`
|
|
483
495
|
*:focus {
|
|
484
496
|
outline: none;
|
|
485
497
|
}
|
|
@@ -493,7 +505,7 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
493
505
|
.ft-select--main-panel {
|
|
494
506
|
position: relative;
|
|
495
507
|
display: flex;
|
|
496
|
-
height: calc(4 * ${
|
|
508
|
+
height: calc(4 * ${$i.verticalSpacing} + ${$i.labelSize} + ${$i.selectedOptionSize});
|
|
497
509
|
}
|
|
498
510
|
|
|
499
511
|
.ft-select--input-panel {
|
|
@@ -505,8 +517,8 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
505
517
|
padding-left: 16px;
|
|
506
518
|
padding-right: 8px;
|
|
507
519
|
gap: 8px;
|
|
508
|
-
color: ${
|
|
509
|
-
${ht(Qe.color
|
|
520
|
+
color: ${$i.selectedOptionColor};
|
|
521
|
+
${ht(Qe.color,$i.selectedOptionColor)};
|
|
510
522
|
}
|
|
511
523
|
|
|
512
524
|
.ft-select--input-panel,
|
|
@@ -522,7 +534,7 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
522
534
|
|
|
523
535
|
.ft-select--disabled .ft-select--input-panel,
|
|
524
536
|
.ft-select--disabled .ft-select--option {
|
|
525
|
-
color: ${
|
|
537
|
+
color: ${$i.colorOnSurfaceDisabled};
|
|
526
538
|
}
|
|
527
539
|
|
|
528
540
|
.ft-select:not(.ft-select--disabled) .ft-select--input-panel,
|
|
@@ -531,18 +543,18 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
531
543
|
}
|
|
532
544
|
|
|
533
545
|
ft-input-label {
|
|
534
|
-
${ht(Je.fontSize
|
|
535
|
-
${ht(Je.raisedFontSize
|
|
536
|
-
${ht(Je.verticalSpacing
|
|
546
|
+
${ht(Je.fontSize,$i.selectedOptionSize)};
|
|
547
|
+
${ht(Je.raisedFontSize,$i.labelSize)};
|
|
548
|
+
${ht(Je.verticalSpacing,$i.verticalSpacing)};
|
|
537
549
|
}
|
|
538
550
|
|
|
539
551
|
.ft-select:not(.ft-select--disabled):focus-within ft-icon {
|
|
540
|
-
color: ${
|
|
552
|
+
color: ${$i.colorPrimary};
|
|
541
553
|
}
|
|
542
554
|
|
|
543
555
|
.ft-select:not(.ft-select--disabled):focus-within ft-input-label {
|
|
544
|
-
${ht(Je.borderColor
|
|
545
|
-
${ht(Je.textColor
|
|
556
|
+
${ht(Je.borderColor,$i.colorPrimary)};
|
|
557
|
+
${ht(Je.textColor,$i.colorPrimary)};
|
|
546
558
|
}
|
|
547
559
|
|
|
548
560
|
.ft-select--selected-option {
|
|
@@ -552,12 +564,12 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
552
564
|
overflow: hidden;
|
|
553
565
|
white-space: nowrap;
|
|
554
566
|
text-overflow: ellipsis;
|
|
555
|
-
${ht(pe.fontSize
|
|
556
|
-
${ht(pe.lineHeight
|
|
567
|
+
${ht(pe.fontSize,$i.selectedOptionSize)};
|
|
568
|
+
${ht(pe.lineHeight,$i.selectedOptionSize)};
|
|
557
569
|
}
|
|
558
570
|
|
|
559
571
|
.ft-select--in-error .ft-select--selected-option {
|
|
560
|
-
color: ${
|
|
572
|
+
color: ${$i.colorError};
|
|
561
573
|
}
|
|
562
574
|
|
|
563
575
|
ft-icon {
|
|
@@ -569,16 +581,16 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
569
581
|
}
|
|
570
582
|
|
|
571
583
|
.ft-select--filled .ft-select--input-panel {
|
|
572
|
-
border-radius: ${
|
|
584
|
+
border-radius: ${$i.borderRadiusS} ${$i.borderRadiusS} 0 0;
|
|
573
585
|
}
|
|
574
586
|
|
|
575
587
|
.ft-select--filled:not(.ft-select--no-label) .ft-select--selected-option {
|
|
576
588
|
align-self: stretch;
|
|
577
|
-
padding-top: calc(${
|
|
589
|
+
padding-top: calc(${$i.labelSize} + 2 * ${$i.verticalSpacing});
|
|
578
590
|
}
|
|
579
591
|
|
|
580
592
|
.ft-select--outlined .ft-select--input-panel {
|
|
581
|
-
border-radius: ${
|
|
593
|
+
border-radius: ${$i.borderRadiusS};
|
|
582
594
|
}
|
|
583
595
|
|
|
584
596
|
.ft-select--options {
|
|
@@ -587,10 +599,10 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
587
599
|
top: 100%;
|
|
588
600
|
left: 0;
|
|
589
601
|
right: 0;
|
|
590
|
-
color: ${
|
|
591
|
-
background: ${
|
|
592
|
-
z-index: ${
|
|
593
|
-
box-shadow: ${
|
|
602
|
+
color: ${$i.optionsColor};
|
|
603
|
+
background: ${$i.colorSurface};
|
|
604
|
+
z-index: ${$i.optionsZIndex};
|
|
605
|
+
box-shadow: ${$i.elevation02};
|
|
594
606
|
}
|
|
595
607
|
|
|
596
608
|
.ft-select--fixed .ft-select--options {
|
|
@@ -601,7 +613,7 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
601
613
|
|
|
602
614
|
.ft-select--options-displayed .ft-select--options {
|
|
603
615
|
display: block;
|
|
604
|
-
max-height: ${
|
|
616
|
+
max-height: ${$i.optionsHeight};
|
|
605
617
|
overflow-y: auto;
|
|
606
618
|
}
|
|
607
619
|
|
|
@@ -620,14 +632,14 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
620
632
|
|
|
621
633
|
.ft-select--helper-text {
|
|
622
634
|
padding: 0 12px 0 16px;
|
|
623
|
-
color: ${
|
|
635
|
+
color: ${$i.helperColor};
|
|
624
636
|
}
|
|
625
637
|
|
|
626
638
|
.ft-select--in-error .ft-select--helper-text {
|
|
627
|
-
color: ${
|
|
639
|
+
color: ${$i.colorError};
|
|
628
640
|
}
|
|
629
641
|
`;var Si=function(t,e,i,o){for(var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};class ki extends xt{constructor(){super(...arguments),this.label="",this.value=null,this.selected=!1}render(){return W``}updated(t){super.updated(t),this.dispatchEvent(new CustomEvent("option-change",{detail:this,bubbles:!0}))}}ki.elementDefinitions={},Si([o({type:String})],ki.prototype,"label",void 0),Si([o({type:Object,converter:t=>t})],ki.prototype,"value",void 0),Si([o({type:Boolean,reflect:!0})],ki.prototype,"selected",void 0);class Ei extends xt{constructor(){super(...arguments),this.label="",this.helper="",this.outlined=!1,this.disabled=!1,this.error=!1,this.fixedMenuPosition=!1,this.options=[],this.optionsDisplayed=!1,this.focusOptions=!1,this.hideOptions=t=>this.optionsDisplayed=this.optionsDisplayed&&t.composedPath().includes(this.container)}render(){var t,e,i,o,s;let n=this.hasOptionsMenuOpen,r=this.disabled||!this.hasOptions;const l=null!=(null===(t=this.selectedOption)||void 0===t?void 0:t.value)||(null!==(i=null===(e=this.selectedOption)||void 0===e?void 0:e.label)&&void 0!==i?i:"").length>0,a={"ft-select":!0,"ft-select--filled":!this.outlined,"ft-select--outlined":this.outlined,"ft-select--disabled":r,"ft-select--options-displayed":n,"ft-select--has-option-selected":l,"ft-select--no-label":!this.label,"ft-select--fixed":this.fixedMenuPosition,"ft-select--in-error":this.error};return W`
|
|
630
|
-
<div class="${
|
|
642
|
+
<div class="${wt(a)}" part="container">
|
|
631
643
|
<div class="ft-select--main-panel" part="main-panel">
|
|
632
644
|
<ft-input-label text="${this.label}"
|
|
633
645
|
part="label"
|
|
@@ -665,7 +677,7 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
665
677
|
@option-change=${this.updateOptionsFromSlot}
|
|
666
678
|
></slot>
|
|
667
679
|
`}renderOption(t){let e=this.selectedOption===t;return W`
|
|
668
|
-
<div class="${
|
|
680
|
+
<div class="${wt({"ft-select--option":!0,"ft-select--option-selected":e,"ft-typography--body2":!0})}"
|
|
669
681
|
part="option"
|
|
670
682
|
tabindex="0"
|
|
671
683
|
data-value="${t.value}"
|
|
@@ -674,4 +686,4 @@ class pi extends mt{constructor(t){if(super(t),this.it=H,t.type!==bt)throw Error
|
|
|
674
686
|
<ft-ripple ?primary=${e} ?activated=${e}></ft-ripple>
|
|
675
687
|
<span>${t.label}</span>
|
|
676
688
|
</div>
|
|
677
|
-
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}Ei.elementDefinitions={"ft-input-label":Ye,"ft-typography":Ve,"ft-ripple":ai,"ft-icon"
|
|
689
|
+
`}updated(t){var e;super.updated(t),t.has("options")&&(this.selectedOption=this.options.filter((t=>t.selected))[0]),t.has("selectedOption")&&(this.optionsDisplayed=!1,this.dispatchEvent(new CustomEvent("change",{detail:null===(e=this.selectedOption)||void 0===e?void 0:e.value}))),t.has("optionsDisplayed")&&this.fixedMenuPosition&&this.hasOptionsMenuOpen&&this.positionOptionsMenu()}positionOptionsMenu(){this.optionsMenu.style.top=this.mainPanel.getBoundingClientRect().top+this.mainPanel.getBoundingClientRect().height+"px",this.optionsMenu.style.left=this.mainPanel.getBoundingClientRect().left+"px",this.optionsMenu.style.width=this.mainPanel.getBoundingClientRect().width+"px"}contentAvailableCallback(t){var e,i;t.has("focusOptions")&&this.focusOptions&&(null===(i=null!==(e=this.selectedOptionElement)&&void 0!==e?e:this.firstOption)||void 0===i||i.focus(),this.focusOptions=!1)}get hasOptionsMenuOpen(){return!this.disabled&&this.optionsDisplayed&&this.hasOptions}get hasOptions(){return this.options.length>0}updateOptionsFromSlot(t){var e;t.stopPropagation();let i=null===(e=this.optionsSlot)||void 0===e?void 0:e.assignedElements().map((t=>t));i&&i.length>0&&(this.options=i)}onMainPanelKeyDown(t){switch(t.key){case" ":t.preventDefault(),t.stopPropagation();case"Enter":this.optionsDisplayed=!this.optionsDisplayed,this.focusOptions=!0;break;case"ArrowUp":case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.optionsDisplayed=!0,this.focusOptions=!0}}onOptionsKeyDown(t){var e,i,o,s,n;let r;switch(t.key){case"Escape":this.optionsDisplayed=!1,null===(e=this.mainPanel)||void 0===e||e.focus();break;case"Tab":this.optionsDisplayed=!1;break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),r=null!==(o=null===(i=this.focusedOption)||void 0===i?void 0:i.previousElementSibling)&&void 0!==o?o:this.lastOption;break;case"ArrowDown":t.preventDefault(),t.stopPropagation(),r=null!==(n=null===(s=this.focusedOption)||void 0===s?void 0:s.nextElementSibling)&&void 0!==n?n:this.firstOption}null==r||r.focus()}onOptionKeyDown(t,e){var i;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),this.selectOption(e),this.optionsDisplayed=!1,null===(i=this.mainPanel)||void 0===i||i.focus())}selectOption(t){this.selectedOption=t;for(let e of this.options)e.selected=e===t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.hideOptions)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptions)}}Ei.elementDefinitions={"ft-input-label":Ye,"ft-typography":Ve,"ft-ripple":ai,"ft-icon":wi},Ei.styles=[Te,_e,Oi],Si([o({type:String})],Ei.prototype,"label",void 0),Si([o({type:String})],Ei.prototype,"helper",void 0),Si([o({type:Boolean})],Ei.prototype,"outlined",void 0),Si([o({type:Boolean})],Ei.prototype,"disabled",void 0),Si([o({type:Boolean})],Ei.prototype,"error",void 0),Si([o({type:Boolean})],Ei.prototype,"fixedMenuPosition",void 0),Si([o({type:Array})],Ei.prototype,"options",void 0),Si([s()],Ei.prototype,"selectedOption",void 0),Si([s()],Ei.prototype,"optionsDisplayed",void 0),Si([s()],Ei.prototype,"focusOptions",void 0),Si([n(".ft-select")],Ei.prototype,"container",void 0),Si([n(".ft-select--options")],Ei.prototype,"optionsMenu",void 0),Si([n(".ft-select--input-panel")],Ei.prototype,"mainPanel",void 0),Si([n(".ft-select--option:first-child")],Ei.prototype,"firstOption",void 0),Si([n(".ft-select--option:focus")],Ei.prototype,"focusedOption",void 0),Si([n(".ft-select--option.ft-select--option-selected")],Ei.prototype,"selectedOptionElement",void 0),Si([n(".ft-select--option:last-child")],Ei.prototype,"lastOption",void 0),Si([n("slot")],Ei.prototype,"optionsSlot",void 0),l("ft-select")(Ei),l("ft-select-option")(ki),t.FtSelect=Ei,t.FtSelectCssVariables=$i,t.FtSelectOption=ki,t.styles=Oi,Object.defineProperty(t,"i",{value:!0})}({});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-select",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.16",
|
|
4
4
|
"description": "Value selector for a predefined list of choices",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
23
|
-
"@fluid-topics/ft-input-label": "0.3.
|
|
24
|
-
"@fluid-topics/ft-ripple": "0.3.
|
|
25
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-icon": "0.3.16",
|
|
23
|
+
"@fluid-topics/ft-input-label": "0.3.16",
|
|
24
|
+
"@fluid-topics/ft-ripple": "0.3.16",
|
|
25
|
+
"@fluid-topics/ft-typography": "0.3.16",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "0.3.16",
|
|
27
27
|
"lit": "2.2.8"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "0d05a101f09cb5819ee10930772a873e7e0cc87b"
|
|
30
30
|
}
|