@fluid-topics/ft-dialog 1.0.60 → 1.0.62

package/build/ft-dialog.light.js

@@ -106,12 +106,14 @@ const j=Symbol.for(""),P=t=>{if((null==t?void 0:t.r)===j)return null==t?void 0:t
         vertical-align: inherit;
     }
 `,uo=[Object.keys(J).map((t=>function(t){const o=J[t];return e.css`
-        font-family: ${o.fontFamily};
-        font-size: ${o.fontSize};
-        font-weight: ${o.fontWeight};
-        letter-spacing: ${o.letterSpacing};
-        line-height: ${o.lineHeight};
-        text-transform: ${o.textCase};
+        .ft-typography--${e.unsafeCSS(t)} {
+            font-family: ${o.fontFamily};
+            font-size: ${o.fontSize};
+            font-weight: ${o.fontWeight};
+            letter-spacing: ${o.letterSpacing};
+            line-height: ${o.lineHeight};
+            text-transform: ${o.textCase};
+        }
     `}(t)))];var mo,xo,Oo=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class vo extends o.FtLitElement{constructor(){super(...arguments),this.variant=Y.body1}render(){return this.element?_`
                 <${M(this.element)}
                     class="ft-typography ft-typography--${this.variant}">
@@ -578,7 +580,7 @@ const j=Symbol.for(""),P=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 part="loader icon"></ft-loader> `:this.icon?e.html`
-                    <ft-icon part="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}}ne.elementDefinitions={"ft-ripple":Yo,"ft-tooltip":re,"ft-typography":vo,"ft-icon":wo,"ft-loader":ie},ae([r.property({type:String,reflect:!0})],ne.prototype,"role",void 0),ae([r.property()],ne.prototype,"type",void 0),ae([r.property({type:Boolean})],ne.prototype,"disabled",void 0),ae([r.property()],ne.prototype,"label",void 0),ae([r.property()],ne.prototype,"icon",void 0),ae([r.property()],ne.prototype,"iconVariant",void 0),ae([r.property({type:Boolean})],ne.prototype,"trailingIcon",void 0),ae([r.property({type:Boolean})],ne.prototype,"loading",void 0),ae([r.property()],ne.prototype,"tooltipPosition",void 0),ae([r.property({type:Boolean})],ne.prototype,"hideTooltip",void 0),ae([r.property({type:Boolean})],ne.prototype,"forceTooltip",void 0),ae([r.query(".ft-button")],ne.prototype,"button",void 0),ae([r.query(".ft-button--label slot")],ne.prototype,"slottedContent",void 0);var le=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ce extends ne{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}}ce.styles=[o.safariEllipsisFix,To],le([r.property({type:Boolean})],ce.prototype,"primary",void 0),le([r.property({type:Boolean})],ce.prototype,"outlined",void 0),le([r.property({type:Boolean})],ce.prototype,"disabled",void 0),le([r.property({type:Boolean})],ce.prototype,"dense",void 0),le([r.property({type:Boolean})],ce.prototype,"round",void 0);const pe=[e.css`
+                    <ft-icon part="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}}ne.elementDefinitions={"ft-ripple":Yo,"ft-tooltip":re,"ft-typography":vo,"ft-icon":wo,"ft-loader":ie},ae([r.property({type:String,reflect:!0})],ne.prototype,"role",void 0),ae([r.property()],ne.prototype,"type",void 0),ae([r.property({type:Boolean})],ne.prototype,"disabled",void 0),ae([r.property()],ne.prototype,"label",void 0),ae([r.property()],ne.prototype,"icon",void 0),ae([r.property()],ne.prototype,"iconVariant",void 0),ae([r.property({type:Boolean})],ne.prototype,"trailingIcon",void 0),ae([r.property({type:Boolean})],ne.prototype,"loading",void 0),ae([r.property()],ne.prototype,"tooltipPosition",void 0),ae([r.property({type:Boolean})],ne.prototype,"hideTooltip",void 0),ae([r.property({type:Boolean})],ne.prototype,"forceTooltip",void 0),ae([r.query(".ft-button")],ne.prototype,"button",void 0),ae([r.query(".ft-button--label slot")],ne.prototype,"slottedContent",void 0);var le=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ce extends ne{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}}ce.styles=[o.safariEllipsisFix,To],le([r.property({type:Boolean})],ce.prototype,"primary",void 0),le([r.property({type:Boolean})],ce.prototype,"outlined",void 0),le([r.property({type:Boolean})],ce.prototype,"dense",void 0),le([r.property({type:Boolean})],ce.prototype,"round",void 0);const pe=[e.css`
         :host {
             display: inline-block;
             max-width: 100%;

package/build/ft-dialog.min.js

@@ -200,12 +200,14 @@ var ht,ut;let yt=class extends U{constructor(){super(...arguments),this.renderOp
         vertical-align: inherit;
     }
 `,le=[Object.keys(Ot).map((t=>function(t){const o=Ot[t];return m`
-        font-family: ${o.fontFamily};
-        font-size: ${o.fontSize};
-        font-weight: ${o.fontWeight};
-        letter-spacing: ${o.letterSpacing};
-        line-height: ${o.lineHeight};
-        text-transform: ${o.textCase};
+        .ft-typography--${b(t)} {
+            font-family: ${o.fontFamily};
+            font-size: ${o.fontSize};
+            font-weight: ${o.fontWeight};
+            letter-spacing: ${o.letterSpacing};
+            line-height: ${o.lineHeight};
+            text-transform: ${o.textCase};
+        }
     `}(t)))];var se=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ce extends kt{constructor(){super(...arguments),this.variant=Pt.body1}render(){return this.element?jt`
                 <${At(this.element)}
                     class="ft-typography ft-typography--${this.variant}">
@@ -683,7 +685,7 @@ const pe=1,fe=2,de=t=>(...o)=>({_$litDirective$:t,values:o});class he{constructo
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?J`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?J`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:X}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}}rr.elementDefinitions={"ft-ripple":Te,"ft-tooltip":tr,"ft-typography":ce,"ft-icon":Ne,"ft-loader":or},er([r({type:String,reflect:!0})],rr.prototype,"role",void 0),er([r()],rr.prototype,"type",void 0),er([r({type:Boolean})],rr.prototype,"disabled",void 0),er([r()],rr.prototype,"label",void 0),er([r()],rr.prototype,"icon",void 0),er([r()],rr.prototype,"iconVariant",void 0),er([r({type:Boolean})],rr.prototype,"trailingIcon",void 0),er([r({type:Boolean})],rr.prototype,"loading",void 0),er([r()],rr.prototype,"tooltipPosition",void 0),er([r({type:Boolean})],rr.prototype,"hideTooltip",void 0),er([r({type:Boolean})],rr.prototype,"forceTooltip",void 0),er([n(".ft-button")],rr.prototype,"button",void 0),er([n(".ft-button--label slot")],rr.prototype,"slottedContent",void 0);var ir=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ar extends rr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.disabled=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}}ar.styles=[Lt,He],ir([r({type:Boolean})],ar.prototype,"primary",void 0),ir([r({type:Boolean})],ar.prototype,"outlined",void 0),ir([r({type:Boolean})],ar.prototype,"disabled",void 0),ir([r({type:Boolean})],ar.prototype,"dense",void 0),ir([r({type:Boolean})],ar.prototype,"round",void 0);const nr=[m`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:X}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}}rr.elementDefinitions={"ft-ripple":Te,"ft-tooltip":tr,"ft-typography":ce,"ft-icon":Ne,"ft-loader":or},er([r({type:String,reflect:!0})],rr.prototype,"role",void 0),er([r()],rr.prototype,"type",void 0),er([r({type:Boolean})],rr.prototype,"disabled",void 0),er([r()],rr.prototype,"label",void 0),er([r()],rr.prototype,"icon",void 0),er([r()],rr.prototype,"iconVariant",void 0),er([r({type:Boolean})],rr.prototype,"trailingIcon",void 0),er([r({type:Boolean})],rr.prototype,"loading",void 0),er([r()],rr.prototype,"tooltipPosition",void 0),er([r({type:Boolean})],rr.prototype,"hideTooltip",void 0),er([r({type:Boolean})],rr.prototype,"forceTooltip",void 0),er([n(".ft-button")],rr.prototype,"button",void 0),er([n(".ft-button--label slot")],rr.prototype,"slottedContent",void 0);var ir=function(t,o,e,r){for(var i,a=arguments.length,n=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(n=(a<3?i(n):a>3?i(o,e,n):i(o,e))||n);return a>3&&n&&Object.defineProperty(o,e,n),n};class ar extends rr{constructor(){super(...arguments),this.primary=!1,this.outlined=!1,this.dense=!1,this.round=!1}get buttonClasses(){return{"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}}get typographyVariant(){return"button"}}ar.styles=[Lt,He],ir([r({type:Boolean})],ar.prototype,"primary",void 0),ir([r({type:Boolean})],ar.prototype,"outlined",void 0),ir([r({type:Boolean})],ar.prototype,"dense",void 0),ir([r({type:Boolean})],ar.prototype,"round",void 0);const nr=[m`
         :host {
             display: inline-block;
             max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-dialog",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "A simple dialog component",
   "keywords": [
     "Lit"
@@ -19,11 +19,11 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.0.60",
-    "@fluid-topics/ft-icon": "1.0.60",
-    "@fluid-topics/ft-typography": "1.0.60",
-    "@fluid-topics/ft-wc-utils": "1.0.60",
+    "@fluid-topics/ft-button": "1.0.62",
+    "@fluid-topics/ft-icon": "1.0.62",
+    "@fluid-topics/ft-typography": "1.0.62",
+    "@fluid-topics/ft-wc-utils": "1.0.62",
     "lit": "2.7.2"
   },
-  "gitHead": "8eb7c2ef052f5d3f61ed0bf150fcaee093805450"
+  "gitHead": "44e9005773fe47b2e6a9ada16802918052a146cf"
 }