@fluid-topics/ft-in-product-help 1.0.60 → 1.0.62

package/build/ft-in-product-help.light.js

@@ -317,12 +317,14 @@
         vertical-align: inherit;
     }
 `,Yt=[Object.keys(U).map((t=>function(t){const o=U[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)))],_t={color:o.FtCssVariableFactory.extend("--ft-loader-color","",o.designSystemVariables.colorPrimary),size:o.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Vt=e.css`
     :host {
         line-height: 0;
@@ -630,7 +632,7 @@ const jo=Symbol.for(""),To=t=>{if((null==t?void 0:t.r)===jo)return null==t?void
                 </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}}se.elementDefinitions={"ft-ripple":lo,"ft-tooltip":le,"ft-typography":Jo,"ft-icon":b,"ft-loader":ce},pe([r.property({type:String,reflect:!0})],se.prototype,"role",void 0),pe([r.property()],se.prototype,"type",void 0),pe([r.property({type:Boolean})],se.prototype,"disabled",void 0),pe([r.property()],se.prototype,"label",void 0),pe([r.property()],se.prototype,"icon",void 0),pe([r.property()],se.prototype,"iconVariant",void 0),pe([r.property({type:Boolean})],se.prototype,"trailingIcon",void 0),pe([r.property({type:Boolean})],se.prototype,"loading",void 0),pe([r.property()],se.prototype,"tooltipPosition",void 0),pe([r.property({type:Boolean})],se.prototype,"hideTooltip",void 0),pe([r.property({type:Boolean})],se.prototype,"forceTooltip",void 0),pe([r.query(".ft-button")],se.prototype,"button",void 0),pe([r.query(".ft-button--label slot")],se.prototype,"slottedContent",void 0);var fe=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 de extends se{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"}}de.styles=[o.safariEllipsisFix,io],fe([r.property({type:Boolean})],de.prototype,"primary",void 0),fe([r.property({type:Boolean})],de.prototype,"outlined",void 0),fe([r.property({type:Boolean})],de.prototype,"disabled",void 0),fe([r.property({type:Boolean})],de.prototype,"dense",void 0),fe([r.property({type:Boolean})],de.prototype,"round",void 0);const he=[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}}se.elementDefinitions={"ft-ripple":lo,"ft-tooltip":le,"ft-typography":Jo,"ft-icon":b,"ft-loader":ce},pe([r.property({type:String,reflect:!0})],se.prototype,"role",void 0),pe([r.property()],se.prototype,"type",void 0),pe([r.property({type:Boolean})],se.prototype,"disabled",void 0),pe([r.property()],se.prototype,"label",void 0),pe([r.property()],se.prototype,"icon",void 0),pe([r.property()],se.prototype,"iconVariant",void 0),pe([r.property({type:Boolean})],se.prototype,"trailingIcon",void 0),pe([r.property({type:Boolean})],se.prototype,"loading",void 0),pe([r.property()],se.prototype,"tooltipPosition",void 0),pe([r.property({type:Boolean})],se.prototype,"hideTooltip",void 0),pe([r.property({type:Boolean})],se.prototype,"forceTooltip",void 0),pe([r.query(".ft-button")],se.prototype,"button",void 0),pe([r.query(".ft-button--label slot")],se.prototype,"slottedContent",void 0);var fe=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 de extends se{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"}}de.styles=[o.safariEllipsisFix,io],fe([r.property({type:Boolean})],de.prototype,"primary",void 0),fe([r.property({type:Boolean})],de.prototype,"outlined",void 0),fe([r.property({type:Boolean})],de.prototype,"dense",void 0),fe([r.property({type:Boolean})],de.prototype,"round",void 0);const he=[e.css`
         :host {
             display: inline-block;
             max-width: 100%;

package/build/ft-in-product-help.min.js

@@ -429,12 +429,14 @@ const oo=jt(class extends Tt{constructor(t){var o;if(super(t),t.type!==Ht||"clas
         vertical-align: inherit;
     }
 `,Re=[Object.keys(vt).map((t=>function(t){const o=vt[t];return b`
-        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--${g(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)))],Ee={color:bt.extend("--ft-loader-color","",St.colorPrimary),size:bt.create("--ft-loader-size","","SIZE","80px")},Ie=b`
     :host {
         line-height: 0;
@@ -748,7 +750,7 @@ function(t,o,e){let r,i=t;return"object"==typeof t?(i=t.slot,r=t):r={flatten:o},
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?Y`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?Y`
-                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:J}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}}ar.elementDefinitions={"ft-ripple":De,"ft-tooltip":rr,"ft-typography":Ve,"ft-icon":to,"ft-loader":ir},nr([r({type:String,reflect:!0})],ar.prototype,"role",void 0),nr([r()],ar.prototype,"type",void 0),nr([r({type:Boolean})],ar.prototype,"disabled",void 0),nr([r()],ar.prototype,"label",void 0),nr([r()],ar.prototype,"icon",void 0),nr([r()],ar.prototype,"iconVariant",void 0),nr([r({type:Boolean})],ar.prototype,"trailingIcon",void 0),nr([r({type:Boolean})],ar.prototype,"loading",void 0),nr([r()],ar.prototype,"tooltipPosition",void 0),nr([r({type:Boolean})],ar.prototype,"hideTooltip",void 0),nr([r({type:Boolean})],ar.prototype,"forceTooltip",void 0),nr([a(".ft-button")],ar.prototype,"button",void 0),nr([a(".ft-button--label slot")],ar.prototype,"slottedContent",void 0);var lr=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class sr extends ar{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"}}sr.styles=[Wt,Be],lr([r({type:Boolean})],sr.prototype,"primary",void 0),lr([r({type:Boolean})],sr.prototype,"outlined",void 0),lr([r({type:Boolean})],sr.prototype,"disabled",void 0),lr([r({type:Boolean})],sr.prototype,"dense",void 0),lr([r({type:Boolean})],sr.prototype,"round",void 0);const cr=[b`
+                    <ft-icon part="icon" .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon> `:J}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}}ar.elementDefinitions={"ft-ripple":De,"ft-tooltip":rr,"ft-typography":Ve,"ft-icon":to,"ft-loader":ir},nr([r({type:String,reflect:!0})],ar.prototype,"role",void 0),nr([r()],ar.prototype,"type",void 0),nr([r({type:Boolean})],ar.prototype,"disabled",void 0),nr([r()],ar.prototype,"label",void 0),nr([r()],ar.prototype,"icon",void 0),nr([r()],ar.prototype,"iconVariant",void 0),nr([r({type:Boolean})],ar.prototype,"trailingIcon",void 0),nr([r({type:Boolean})],ar.prototype,"loading",void 0),nr([r()],ar.prototype,"tooltipPosition",void 0),nr([r({type:Boolean})],ar.prototype,"hideTooltip",void 0),nr([r({type:Boolean})],ar.prototype,"forceTooltip",void 0),nr([a(".ft-button")],ar.prototype,"button",void 0),nr([a(".ft-button--label slot")],ar.prototype,"slottedContent",void 0);var lr=function(t,o,e,r){for(var i,n=arguments.length,a=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,e):r,l=t.length-1;l>=0;l--)(i=t[l])&&(a=(n<3?i(a):n>3?i(o,e,a):i(o,e))||a);return n>3&&a&&Object.defineProperty(o,e,a),a};class sr extends ar{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"}}sr.styles=[Wt,Be],lr([r({type:Boolean})],sr.prototype,"primary",void 0),lr([r({type:Boolean})],sr.prototype,"outlined",void 0),lr([r({type:Boolean})],sr.prototype,"dense",void 0),lr([r({type:Boolean})],sr.prototype,"round",void 0);const cr=[b`
         :host {
             display: inline-block;
             max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-in-product-help",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "Embeddable fluid-topics iframe",
   "keywords": [
     "Lit"
@@ -19,8 +19,8 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-wc-utils": "1.0.60",
+    "@fluid-topics/ft-wc-utils": "1.0.62",
     "lit": "2.7.2"
   },
-  "gitHead": "8eb7c2ef052f5d3f61ed0bf150fcaee093805450"
+  "gitHead": "44e9005773fe47b2e6a9ada16802918052a146cf"
 }