@fluid-topics/ft-button 0.3.60 → 0.3.62

package/build/ft-button.d.ts

@@ -6,6 +6,7 @@ import { FtIconVariants } from "@fluid-topics/ft-icon";
 import { FtButtonProperties } from "./ft-button.properties";
 export declare class FtButton extends FtLitElement implements FtButtonProperties {
     static elementDefinitions: ElementDefinitionsMap;
+    role: string;
     primary: boolean;
     outlined: boolean;
     disabled: boolean;

package/build/ft-button.js

@@ -18,6 +18,7 @@ import { styles } from "./ft-button.css";
 export class FtButton extends FtLitElement {
     constructor() {
         super(...arguments);
+        this.role = "button";
         this.primary = false;
         this.outlined = false;
         this.disabled = false;
@@ -127,6 +128,9 @@ FtButton.styles = [
     safariEllipsisFix,
     styles
 ];
+__decorate([
+    property({ type: String, reflect: true })
+], FtButton.prototype, "role", void 0);
 __decorate([
     property({ type: Boolean })
 ], FtButton.prototype, "primary", void 0);

package/build/ft-button.light.js

@@ -513,7 +513,7 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
             ${i.setVariable(Ai.size,Zi.iconSize)};
             ${i.setVariable(Ai.color,"var(--ft-button-internal-color)")};
         }
-    `];var Li=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Pi 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=Mi.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`
+    `];var Li=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Pi extends i.FtLitElement{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Mi.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`
             <button part="button"
                     class="${n.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -536,4 +536,4 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?e.html`
                 <ft-loader></ft-loader> `:this.icon?e.html`
-                        <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}}Pi.elementDefinitions={"ft-ripple":g,"ft-tooltip":Ci,"ft-typography":mi,"ft-icon":Ri,"ft-loader":Ii},Pi.styles=[i.safariEllipsisFix,Gi],Li([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Li([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Li([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Li([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Li([o.property({type:Boolean})],Pi.prototype,"round",void 0),Li([o.property({type:String})],Pi.prototype,"label",void 0),Li([o.property({type:String})],Pi.prototype,"icon",void 0),Li([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Li([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Li([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Li([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Li([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Li([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Li([o.query(".ft-button")],Pi.prototype,"button",void 0),Li([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi),t.FtButton=Pi,t.FtButtonCssVariables=Zi,t.FtButtonDenseCssVariables=Ki,t.FtButtonPrimaryCssVariables=Hi,t.styles=Gi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);
+                        <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}}Pi.elementDefinitions={"ft-ripple":g,"ft-tooltip":Ci,"ft-typography":mi,"ft-icon":Ri,"ft-loader":Ii},Pi.styles=[i.safariEllipsisFix,Gi],Li([o.property({type:String,reflect:!0})],Pi.prototype,"role",void 0),Li([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Li([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Li([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Li([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Li([o.property({type:Boolean})],Pi.prototype,"round",void 0),Li([o.property({type:String})],Pi.prototype,"label",void 0),Li([o.property({type:String})],Pi.prototype,"icon",void 0),Li([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Li([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Li([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Li([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Li([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Li([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Li([o.query(".ft-button")],Pi.prototype,"button",void 0),Li([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi),t.FtButton=Pi,t.FtButtonCssVariables=Zi,t.FtButtonDenseCssVariables=Ki,t.FtButtonPrimaryCssVariables=Hi,t.styles=Gi,Object.defineProperty(t,"t",{value:!0})}({},ftGlobals.wcUtils,ftGlobals.lit,ftGlobals.litDecorators,ftGlobals.litClassMap,ftGlobals.litUnsafeHTML);

package/build/ft-button.min.js

@@ -641,7 +641,7 @@ class $i extends Et{constructor(t){if(super(t),this.it=q,t.type!==Nt)throw Error
             ${yt(gi.size,Ui.iconSize)};
             ${yt(gi.color,"var(--ft-button-internal-color)")};
         }
-    `];var Ti=function(t,e,i,o){for(var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Li extends bt{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=Ei.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(V`
+    `];var Ti=function(t,e,i,o){for(var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o,a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class Li extends bt{constructor(){super(...arguments),this.role="button",this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1,this.label="",this.icon=void 0,this.iconVariant=Ei.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(V`
             <button part="button"
                     class="${Rt(t)}"
                     aria-label="${this.getLabel()}"
@@ -664,4 +664,4 @@ class $i extends Et{constructor(t){if(super(t),this.it=q,t.type!==Nt)throw Error
                     </ft-tooltip>
                 `:t}resolveIcon(){return this.loading?V`
                 <ft-loader></ft-loader> `:this.icon?V`
-                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:q}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}}Li.elementDefinitions={"ft-ripple":_t,"ft-tooltip":bi,"ft-typography":hi,"ft-icon":Mi,"ft-loader":wi},Li.styles=[mt,Ai],Ti([o({type:Boolean})],Li.prototype,"primary",void 0),Ti([o({type:Boolean})],Li.prototype,"outlined",void 0),Ti([o({type:Boolean})],Li.prototype,"disabled",void 0),Ti([o({type:Boolean})],Li.prototype,"dense",void 0),Ti([o({type:Boolean})],Li.prototype,"round",void 0),Ti([o({type:String})],Li.prototype,"label",void 0),Ti([o({type:String})],Li.prototype,"icon",void 0),Ti([o({type:String})],Li.prototype,"iconVariant",void 0),Ti([o({type:Boolean})],Li.prototype,"trailingIcon",void 0),Ti([o({type:Boolean})],Li.prototype,"loading",void 0),Ti([o({type:String})],Li.prototype,"tooltipPosition",void 0),Ti([o({type:Boolean})],Li.prototype,"hideTooltip",void 0),Ti([o({type:Boolean})],Li.prototype,"forceTooltip",void 0),Ti([s(".ft-button")],Li.prototype,"button",void 0),Ti([s(".ft-button--label slot")],Li.prototype,"slottedContent",void 0),p("ft-button")(Li),t.FtButton=Li,t.FtButtonCssVariables=Ui,t.FtButtonDenseCssVariables=Bi,t.FtButtonPrimaryCssVariables=ji,t.styles=Ai,Object.defineProperty(t,"i",{value:!0})}({});
+                        <ft-icon variant="${this.iconVariant}" value="${this.icon}"></ft-icon> `:q}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}}Li.elementDefinitions={"ft-ripple":_t,"ft-tooltip":bi,"ft-typography":hi,"ft-icon":Mi,"ft-loader":wi},Li.styles=[mt,Ai],Ti([o({type:String,reflect:!0})],Li.prototype,"role",void 0),Ti([o({type:Boolean})],Li.prototype,"primary",void 0),Ti([o({type:Boolean})],Li.prototype,"outlined",void 0),Ti([o({type:Boolean})],Li.prototype,"disabled",void 0),Ti([o({type:Boolean})],Li.prototype,"dense",void 0),Ti([o({type:Boolean})],Li.prototype,"round",void 0),Ti([o({type:String})],Li.prototype,"label",void 0),Ti([o({type:String})],Li.prototype,"icon",void 0),Ti([o({type:String})],Li.prototype,"iconVariant",void 0),Ti([o({type:Boolean})],Li.prototype,"trailingIcon",void 0),Ti([o({type:Boolean})],Li.prototype,"loading",void 0),Ti([o({type:String})],Li.prototype,"tooltipPosition",void 0),Ti([o({type:Boolean})],Li.prototype,"hideTooltip",void 0),Ti([o({type:Boolean})],Li.prototype,"forceTooltip",void 0),Ti([s(".ft-button")],Li.prototype,"button",void 0),Ti([s(".ft-button--label slot")],Li.prototype,"slottedContent",void 0),p("ft-button")(Li),t.FtButton=Li,t.FtButtonCssVariables=Ui,t.FtButtonDenseCssVariables=Bi,t.FtButtonPrimaryCssVariables=ji,t.styles=Ai,Object.defineProperty(t,"i",{value:!0})}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-button",
-  "version": "0.3.60",
+  "version": "0.3.62",
   "description": "A generic Fluid Topics tag",
   "keywords": [
     "Lit"
@@ -19,13 +19,13 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-icon": "0.3.60",
-    "@fluid-topics/ft-loader": "0.3.60",
-    "@fluid-topics/ft-ripple": "0.3.60",
-    "@fluid-topics/ft-tooltip": "0.3.60",
-    "@fluid-topics/ft-typography": "0.3.60",
-    "@fluid-topics/ft-wc-utils": "0.3.60",
+    "@fluid-topics/ft-icon": "0.3.62",
+    "@fluid-topics/ft-loader": "0.3.62",
+    "@fluid-topics/ft-ripple": "0.3.62",
+    "@fluid-topics/ft-tooltip": "0.3.62",
+    "@fluid-topics/ft-typography": "0.3.62",
+    "@fluid-topics/ft-wc-utils": "0.3.62",
     "lit": "2.2.8"
   },
-  "gitHead": "43e7dcf7c9d88ea2c23f4425629f013d704c5111"
+  "gitHead": "801f5c7705e58471510eca9ccb943d558e42e3fb"
 }