@fluid-topics/ft-filter 0.3.54 → 0.3.55

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.
@@ -495,17 +495,7 @@ const V=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
495
495
  ${i.setVariable(Zt.fontSize,"1em")};
496
496
  ${i.setVariable(Zt.lineHeight,"var(--ft-button-internal-content-height)")};
497
497
  }
498
-
499
- .ft-button--safari-fix .ft-button--label {
500
- margin-right: 0;
501
- }
502
-
503
- .ft-button--safari-fix .ft-button--label:after {
504
- content: "\\0000a0";
505
- display: inline-block;
506
- width: 0;
507
- }
508
-
498
+
509
499
  .ft-button--label[hidden] {
510
500
  display: none;
511
501
  }
@@ -529,7 +519,7 @@ const V=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
529
519
  ${i.setVariable(Ci.size,_i.iconSize)};
530
520
  ${i.setVariable(Ci.color,"var(--ft-button-internal-color)")};
531
521
  }
532
- `];var Hi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Wi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ii.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-button--safari-fix":i.isSafari,"ft-no-text-select":!0};return this.addTooltipIfNeeded(e.html`
522
+ `];var Hi=function(t,i,e,o){for(var s,r=arguments.length,n=r<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(n=(r<3?s(n):r>3?s(i,e,n):s(i,e))||n);return r>3&&n&&Object.defineProperty(i,e,n),n};class Wi extends i.FtLitElement{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ii.material,this.trailingIcon=!1,this.loading=!1,this.tooltipPosition="bottom",this.hideTooltip=!1,this.forceTooltip=!1,this.onclick=t=>{this.isDisabled()&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}}render(){const t={"ft-button":!0,"ft-button--primary":this.primary,"ft-button--outlined":this.outlined,"ft-button--dense":this.dense,"ft-button--round":this.round,"ft-button--trailing-icon":this.trailingIcon,"ft-button--loading":this.trailingIcon,"ft-no-text-select":!0};return this.addTooltipIfNeeded(e.html`
533
523
  <button part="button"
534
524
  class="${r.classMap(t)}"
535
525
  aria-label="${this.getLabel()}"
@@ -538,7 +528,7 @@ const V=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
538
528
  <ft-typography part="label"
539
529
  variant="button"
540
530
  element="span"
541
- class="ft-button--label"
531
+ class="ft-button--label ${i.isSafari?"ft-safari-ellipsis-fix":""}"
542
532
  ?hidden=${!this.hasTextContent()}>
543
533
  <slot @slotchange=${this.onSlotchange}></slot>
544
534
  </ft-typography>
@@ -552,7 +542,7 @@ const V=Symbol.for(""),H=t=>{if((null==t?void 0:t.r)===V)return null==t?void 0:t
552
542
  </ft-tooltip>
553
543
  `:t}resolveIcon(){return this.loading?e.html`
554
544
  <ft-loader></ft-loader> `:this.icon?e.html`
555
- <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:e.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}}Wi.elementDefinitions={"ft-ripple":xi,"ft-tooltip":Oi,"ft-typography":ri,"ft-icon":Fi,"ft-loader":ji},Wi.styles=Vi,Hi([o.property({type:Boolean})],Wi.prototype,"primary",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"outlined",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"disabled",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"dense",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"round",void 0),Hi([o.property({type:String})],Wi.prototype,"label",void 0),Hi([o.property({type:String})],Wi.prototype,"icon",void 0),Hi([o.property({type:String})],Wi.prototype,"iconVariant",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"trailingIcon",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"loading",void 0),Hi([o.property({type:String})],Wi.prototype,"tooltipPosition",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"hideTooltip",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"forceTooltip",void 0),Hi([o.query(".ft-button")],Wi.prototype,"button",void 0),Hi([o.query(".ft-button--label slot")],Wi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Wi);const Pi=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),Zi=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Ki=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),Gi=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),qi=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),Xi=e.css`
545
+ <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:e.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}}Wi.elementDefinitions={"ft-ripple":xi,"ft-tooltip":Oi,"ft-typography":ri,"ft-icon":Fi,"ft-loader":ji},Wi.styles=[i.safariEllipsisFix,Vi],Hi([o.property({type:Boolean})],Wi.prototype,"primary",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"outlined",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"disabled",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"dense",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"round",void 0),Hi([o.property({type:String})],Wi.prototype,"label",void 0),Hi([o.property({type:String})],Wi.prototype,"icon",void 0),Hi([o.property({type:String})],Wi.prototype,"iconVariant",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"trailingIcon",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"loading",void 0),Hi([o.property({type:String})],Wi.prototype,"tooltipPosition",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"hideTooltip",void 0),Hi([o.property({type:Boolean})],Wi.prototype,"forceTooltip",void 0),Hi([o.query(".ft-button")],Wi.prototype,"button",void 0),Hi([o.query(".ft-button--label slot")],Wi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Wi);const Pi=i.FtCssVariableFactory.extend("--ft-checkbox-text-color",i.designSystemVariables.colorOnSurfaceHigh),Zi=i.FtCssVariableFactory.external(i.designSystemVariables.colorPrimary,"Design system"),Ki=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnPrimary,"Design system"),Gi=i.FtCssVariableFactory.extend("--ft-checkbox-border-color",i.designSystemVariables.colorOnSurfaceMedium),qi=i.FtCssVariableFactory.external(i.designSystemVariables.colorOnSurfaceDisabled,"Design system"),Xi=e.css`
556
546
  * {
557
547
  box-sizing: border-box;
558
548
  }