@fluid-topics/ft-select 1.1.48 → 1.1.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.
@@ -428,7 +428,7 @@ const M=Symbol.for(""),P=t=>{if(t?.r===M)return t?._$litStatic$},j=t=>({_$litSta
428
428
  ${n.unsafeHTML(this.resolvedIcon)}
429
429
  <slot ?hidden=${o}></slot>
430
430
  </i>
431
- `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let r=this.value||this.textContent;switch(this.variant){case Do.file_format:this.resolvedIcon=null!==(t=$o[r.replace("-","_").toUpperCase()])&&void 0!==t?t:r;break;case Do.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(o=Eo[r.replace("-","_").toUpperCase()])&&void 0!==o?o:r}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Bo.elementDefinitions={},Bo.styles=Lo,Fo([r.property()],Bo.prototype,"variant",void 0),Fo([r.property()],Bo.prototype,"value",void 0),Fo([r.state()],Bo.prototype,"resolvedIcon",void 0),Fo([r.query("slot")],Bo.prototype,"slottedContent",void 0),o.customElement("ft-icon")(Bo);const Ao={labelSize:o.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:o.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:o.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:o.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:o.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","unset"),selectedOptionColor:o.FtCssVariableFactory.extend("--ft-select-selected-option-color","",o.designSystemVariables.colorOnSurface),helperColor:o.FtCssVariableFactory.extend("--ft-select-helper-color","",o.designSystemVariables.colorOnSurfaceMedium),optionsColor:o.FtCssVariableFactory.extend("--ft-select-options-color","",o.designSystemVariables.colorOnSurface),optionsZIndex:o.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusS,"Design system"),elevation02:o.FtCssVariableFactory.external(o.designSystemVariables.elevation02,"Design system"),colorError:o.FtCssVariableFactory.external(o.designSystemVariables.colorError,"Design system")},Ho=e.css`
431
+ `}get textContent(){var t,o;return null!==(o=null===(t=this.slottedContent)||void 0===t?void 0:t.assignedNodes().map((t=>t.textContent)).join("").trim())&&void 0!==o?o:""}update(t){super.update(t),["value","variant"].some((o=>t.has(o)))&&this.resolveIcon()}resolveIcon(){var t,o;let r=this.value||this.textContent;switch(this.variant){case Do.file_format:this.resolvedIcon=null!==(t=$o[r.replace("-","_").toUpperCase()])&&void 0!==t?t:r;break;case Do.material:this.resolvedIcon=this.value||e.nothing;break;default:this.resolvedIcon=null!==(o=Eo[r.replace("-","_").toUpperCase()])&&void 0!==o?o:r}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Bo.elementDefinitions={},Bo.styles=Lo,Fo([r.property()],Bo.prototype,"variant",void 0),Fo([r.property()],Bo.prototype,"value",void 0),Fo([r.state()],Bo.prototype,"resolvedIcon",void 0),Fo([r.query("slot")],Bo.prototype,"slottedContent",void 0),o.customElement("ft-icon")(Bo);const Ao={labelSize:o.FtCssVariableFactory.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:o.FtCssVariableFactory.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:o.FtCssVariableFactory.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:o.FtCssVariableFactory.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:o.FtCssVariableFactory.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:o.FtCssVariableFactory.extend("--ft-select-selected-option-color","",o.designSystemVariables.colorOnSurface),helperColor:o.FtCssVariableFactory.extend("--ft-select-helper-color","",o.designSystemVariables.colorOnSurfaceMedium),optionsColor:o.FtCssVariableFactory.extend("--ft-select-options-color","",o.designSystemVariables.colorOnSurface),optionsZIndex:o.FtCssVariableFactory.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:o.FtCssVariableFactory.external(o.designSystemVariables.colorSurface,"Design system"),colorOnSurfaceDisabled:o.FtCssVariableFactory.external(o.designSystemVariables.colorOnSurfaceDisabled,"Design system"),colorPrimary:o.FtCssVariableFactory.external(o.designSystemVariables.colorPrimary,"Design system"),borderRadiusS:o.FtCssVariableFactory.external(o.designSystemVariables.borderRadiusS,"Design system"),elevation02:o.FtCssVariableFactory.external(o.designSystemVariables.elevation02,"Design system"),colorError:o.FtCssVariableFactory.external(o.designSystemVariables.colorError,"Design system")},Ho=e.css`
432
432
  *:focus {
433
433
  outline: none;
434
434
  }
@@ -597,7 +597,7 @@ const il=Symbol.for(""),nl=t=>{if(t?.r===il)return t?._$litStatic$},al=t=>({_$li
597
597
  ${Ve(this.resolvedIcon)}
598
598
  <slot ?hidden=${e}></slot>
599
599
  </i>
600
- `}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 Ts.file_format:this.resolvedIcon=null!==(t=As[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ts.material:this.resolvedIcon=this.value||te;break;default:this.resolvedIcon=null!==(e=Bs[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Vs.elementDefinitions={},Vs.styles=Hs,Gs([Se()],Vs.prototype,"variant",void 0),Gs([Se()],Vs.prototype,"value",void 0),Gs([we()],Vs.prototype,"resolvedIcon",void 0),Gs([Ce("slot")],Vs.prototype,"slottedContent",void 0),fo("ft-icon")(Vs);const qs={labelSize:go.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:go.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:go.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:go.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:go.create("--ft-select-options-height","","SIZE","unset"),selectedOptionColor:go.extend("--ft-select-selected-option-color","",br.colorOnSurface),helperColor:go.extend("--ft-select-helper-color","",br.colorOnSurfaceMedium),optionsColor:go.extend("--ft-select-options-color","",br.colorOnSurface),optionsZIndex:go.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:go.external(br.colorSurface,"Design system"),colorOnSurfaceDisabled:go.external(br.colorOnSurfaceDisabled,"Design system"),colorPrimary:go.external(br.colorPrimary,"Design system"),borderRadiusS:go.external(br.borderRadiusS,"Design system"),elevation02:go.external(br.elevation02,"Design system"),colorError:go.external(br.colorError,"Design system")},Ys=dt`
600
+ `}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 Ts.file_format:this.resolvedIcon=null!==(t=As[o.replace("-","_").toUpperCase()])&&void 0!==t?t:o;break;case Ts.material:this.resolvedIcon=this.value||te;break;default:this.resolvedIcon=null!==(e=Bs[o.replace("-","_").toUpperCase()])&&void 0!==e?e:o}}firstUpdated(t){super.firstUpdated(t),setTimeout((()=>this.resolveIcon()))}}Vs.elementDefinitions={},Vs.styles=Hs,Gs([Se()],Vs.prototype,"variant",void 0),Gs([Se()],Vs.prototype,"value",void 0),Gs([we()],Vs.prototype,"resolvedIcon",void 0),Gs([Ce("slot")],Vs.prototype,"slottedContent",void 0),fo("ft-icon")(Vs);const qs={labelSize:go.create("--ft-select-label-size","","SIZE","11px"),selectedOptionSize:go.create("--ft-select-selected-option-size","","SIZE","14px"),verticalSpacing:go.create("--ft-select-vertical-spacing","","SIZE","4px"),horizontalSpacing:go.create("--ft-select-horizontal-spacing","","SIZE","16px"),optionsHeight:go.create("--ft-select-options-height","","SIZE","70vh"),selectedOptionColor:go.extend("--ft-select-selected-option-color","",br.colorOnSurface),helperColor:go.extend("--ft-select-helper-color","",br.colorOnSurfaceMedium),optionsColor:go.extend("--ft-select-options-color","",br.colorOnSurface),optionsZIndex:go.create("--ft-select-options-z-index","","NUMBER","3"),colorSurface:go.external(br.colorSurface,"Design system"),colorOnSurfaceDisabled:go.external(br.colorOnSurfaceDisabled,"Design system"),colorPrimary:go.external(br.colorPrimary,"Design system"),borderRadiusS:go.external(br.borderRadiusS,"Design system"),elevation02:go.external(br.elevation02,"Design system"),colorError:go.external(br.colorError,"Design system")},Ys=dt`
601
601
  *:focus {
602
602
  outline: none;
603
603
  }
@@ -9,7 +9,7 @@ export const FtSelectCssVariables = {
9
9
  selectedOptionSize: FtCssVariableFactory.create("--ft-select-selected-option-size", "", "SIZE", "14px"),
10
10
  verticalSpacing: FtCssVariableFactory.create("--ft-select-vertical-spacing", "", "SIZE", "4px"),
11
11
  horizontalSpacing: FtCssVariableFactory.create("--ft-select-horizontal-spacing", "", "SIZE", "16px"),
12
- optionsHeight: FtCssVariableFactory.create("--ft-select-options-height", "", "SIZE", "unset"),
12
+ optionsHeight: FtCssVariableFactory.create("--ft-select-options-height", "", "SIZE", "70vh"),
13
13
  selectedOptionColor: FtCssVariableFactory.extend("--ft-select-selected-option-color", "", designSystemVariables.colorOnSurface),
14
14
  helperColor: FtCssVariableFactory.extend("--ft-select-helper-color", "", designSystemVariables.colorOnSurfaceMedium),
15
15
  optionsColor: FtCssVariableFactory.extend("--ft-select-options-color", "", designSystemVariables.colorOnSurface),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-select",
3
- "version": "1.1.48",
3
+ "version": "1.1.49",
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": "1.1.48",
23
- "@fluid-topics/ft-input-label": "1.1.48",
24
- "@fluid-topics/ft-ripple": "1.1.48",
25
- "@fluid-topics/ft-typography": "1.1.48",
26
- "@fluid-topics/ft-wc-utils": "1.1.48",
22
+ "@fluid-topics/ft-icon": "1.1.49",
23
+ "@fluid-topics/ft-input-label": "1.1.49",
24
+ "@fluid-topics/ft-ripple": "1.1.49",
25
+ "@fluid-topics/ft-typography": "1.1.49",
26
+ "@fluid-topics/ft-wc-utils": "1.1.49",
27
27
  "lit": "3.1.0"
28
28
  },
29
- "gitHead": "0f934599e88f27c6391efb3d4c2c57ba5546e323"
29
+ "gitHead": "a9a24ee2e555e948170f6ebb5cb3759a8d5b9a14"
30
30
  }