@fluid-topics/ft-snap-scroll 1.0.60 → 1.0.62

package/build/ft-snap-scroll.light.js

@@ -206,12 +206,14 @@
         vertical-align: inherit;
     }
 `,Zt=[Object.keys(m).map((t=>function(t){const o=m[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)))],Ft={color:o.FtCssVariableFactory.extend("--ft-loader-color","",o.designSystemVariables.colorPrimary),size:o.FtCssVariableFactory.create("--ft-loader-size","","SIZE","80px")},Bt=e.css`
     :host {
         line-height: 0;
@@ -572,7 +574,7 @@ const Zo=Symbol.for(""),Fo=t=>{if((null==t?void 0:t.r)===Zo)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}}ne.elementDefinitions={"ft-ripple":Jt,"ft-tooltip":oe,"ft-typography":jo,"ft-icon":re,"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 se 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"}}se.styles=[o.safariEllipsisFix,Vt],le([r.property({type:Boolean})],se.prototype,"primary",void 0),le([r.property({type:Boolean})],se.prototype,"outlined",void 0),le([r.property({type:Boolean})],se.prototype,"disabled",void 0),le([r.property({type:Boolean})],se.prototype,"dense",void 0),le([r.property({type:Boolean})],se.prototype,"round",void 0);const ce=[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":Jt,"ft-tooltip":oe,"ft-typography":jo,"ft-icon":re,"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 se 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"}}se.styles=[o.safariEllipsisFix,Vt],le([r.property({type:Boolean})],se.prototype,"primary",void 0),le([r.property({type:Boolean})],se.prototype,"outlined",void 0),le([r.property({type:Boolean})],se.prototype,"dense",void 0),le([r.property({type:Boolean})],se.prototype,"round",void 0);const ce=[e.css`
         :host {
             display: inline-block;
             max-width: 100%;

package/build/ft-snap-scroll.min.js

@@ -302,12 +302,14 @@ var ht,dt;let ut=class extends E{constructor(){super(...arguments),this.renderOp
         vertical-align: inherit;
     }
 `,ce=[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)))],pe={color:bt.extend("--ft-loader-color","",St.colorPrimary),size:bt.create("--ft-loader-size","","SIZE","80px")},fe=b`
     :host {
         line-height: 0;
@@ -685,7 +687,7 @@ class _e extends $e{constructor(t){if(super(t),this.et=q,t.type!==we)throw Error
                 </ft-tooltip>
             `:t}resolveIcon(){return this.loading?V`
                 <ft-loader part="loader icon"></ft-loader> `:this.icon?V`
-                    <ft-icon part="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}}er.elementDefinitions={"ft-ripple":Ue,"ft-tooltip":Ge,"ft-typography":Ze,"ft-icon":Qe,"ft-loader":tr},or([r({type:String,reflect:!0})],er.prototype,"role",void 0),or([r()],er.prototype,"type",void 0),or([r({type:Boolean})],er.prototype,"disabled",void 0),or([r()],er.prototype,"label",void 0),or([r()],er.prototype,"icon",void 0),or([r()],er.prototype,"iconVariant",void 0),or([r({type:Boolean})],er.prototype,"trailingIcon",void 0),or([r({type:Boolean})],er.prototype,"loading",void 0),or([r()],er.prototype,"tooltipPosition",void 0),or([r({type:Boolean})],er.prototype,"hideTooltip",void 0),or([r({type:Boolean})],er.prototype,"forceTooltip",void 0),or([a(".ft-button")],er.prototype,"button",void 0),or([a(".ft-button--label slot")],er.prototype,"slottedContent",void 0);var rr=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 ir extends er{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"}}ir.styles=[Wt,Ne],rr([r({type:Boolean})],ir.prototype,"primary",void 0),rr([r({type:Boolean})],ir.prototype,"outlined",void 0),rr([r({type:Boolean})],ir.prototype,"disabled",void 0),rr([r({type:Boolean})],ir.prototype,"dense",void 0),rr([r({type:Boolean})],ir.prototype,"round",void 0);const nr=[b`
+                    <ft-icon part="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}}er.elementDefinitions={"ft-ripple":Ue,"ft-tooltip":Ge,"ft-typography":Ze,"ft-icon":Qe,"ft-loader":tr},or([r({type:String,reflect:!0})],er.prototype,"role",void 0),or([r()],er.prototype,"type",void 0),or([r({type:Boolean})],er.prototype,"disabled",void 0),or([r()],er.prototype,"label",void 0),or([r()],er.prototype,"icon",void 0),or([r()],er.prototype,"iconVariant",void 0),or([r({type:Boolean})],er.prototype,"trailingIcon",void 0),or([r({type:Boolean})],er.prototype,"loading",void 0),or([r()],er.prototype,"tooltipPosition",void 0),or([r({type:Boolean})],er.prototype,"hideTooltip",void 0),or([r({type:Boolean})],er.prototype,"forceTooltip",void 0),or([a(".ft-button")],er.prototype,"button",void 0),or([a(".ft-button--label slot")],er.prototype,"slottedContent",void 0);var rr=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 ir extends er{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"}}ir.styles=[Wt,Ne],rr([r({type:Boolean})],ir.prototype,"primary",void 0),rr([r({type:Boolean})],ir.prototype,"outlined",void 0),rr([r({type:Boolean})],ir.prototype,"dense",void 0),rr([r({type:Boolean})],ir.prototype,"round",void 0);const nr=[b`
         :host {
             display: inline-block;
             max-width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-snap-scroll",
-  "version": "1.0.60",
+  "version": "1.0.62",
   "description": "Vertical or horizontal container with snap scrolling.",
   "keywords": [
     "Lit"
@@ -19,9 +19,9 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.0.60",
-    "@fluid-topics/ft-wc-utils": "1.0.60",
+    "@fluid-topics/ft-button": "1.0.62",
+    "@fluid-topics/ft-wc-utils": "1.0.62",
     "lit": "2.7.2"
   },
-  "gitHead": "8eb7c2ef052f5d3f61ed0bf150fcaee093805450"
+  "gitHead": "44e9005773fe47b2e6a9ada16802918052a146cf"
 }