@fluid-topics/ft-snap-scroll 0.3.60 → 0.3.62

package/build/ft-snap-scroll.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(Ei.size,Zi.iconSize)};
             ${i.setVariable(Ei.color,"var(--ft-button-internal-color)")};
         }
-    `];var Gi=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>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 Gi=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>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="${s.classMap(t)}"
                     aria-label="${this.getLabel()}"
@@ -536,7 +536,7 @@ 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":v,"ft-tooltip":Ni,"ft-typography":mi,"ft-icon":Ui,"ft-loader":Ti},Pi.styles=[i.safariEllipsisFix,Ki],Gi([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"round",void 0),Gi([o.property({type:String})],Pi.prototype,"label",void 0),Gi([o.property({type:String})],Pi.prototype,"icon",void 0),Gi([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Gi([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Gi([o.query(".ft-button")],Pi.prototype,"button",void 0),Gi([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi);const qi={buttonsColor:i.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",i.designSystemVariables.colorPrimary),buttonsZIndex:i.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:i.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system")},Vi=e.css`
+                        <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":v,"ft-tooltip":Ni,"ft-typography":mi,"ft-icon":Ui,"ft-loader":Ti},Pi.styles=[i.safariEllipsisFix,Ki],Gi([o.property({type:String,reflect:!0})],Pi.prototype,"role",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"primary",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"outlined",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"disabled",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"dense",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"round",void 0),Gi([o.property({type:String})],Pi.prototype,"label",void 0),Gi([o.property({type:String})],Pi.prototype,"icon",void 0),Gi([o.property({type:String})],Pi.prototype,"iconVariant",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"trailingIcon",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"loading",void 0),Gi([o.property({type:String})],Pi.prototype,"tooltipPosition",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"hideTooltip",void 0),Gi([o.property({type:Boolean})],Pi.prototype,"forceTooltip",void 0),Gi([o.query(".ft-button")],Pi.prototype,"button",void 0),Gi([o.query(".ft-button--label slot")],Pi.prototype,"slottedContent",void 0),i.customElement("ft-button")(Pi);const qi={buttonsColor:i.FtCssVariableFactory.extend("--ft-snap-scroll-buttons-color",i.designSystemVariables.colorPrimary),buttonsZIndex:i.FtCssVariableFactory.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:i.FtCssVariableFactory.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:i.FtCssVariableFactory.external(i.designSystemVariables.colorSurface,"Design system")},Vi=e.css`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;

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

@@ -641,7 +641,7 @@ class $e extends Et{constructor(t){if(super(t),this.it=q,t.type!==Nt)throw Error
             ${vt(ge.size,Fe.iconSize)};
             ${vt(ge.color,"var(--ft-button-internal-color)")};
         }
-    `];var Ae=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Le 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=Ee.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 Ae=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Le 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=Ee.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,7 +664,7 @@ class $e 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}}Le.elementDefinitions={"ft-ripple":Pt,"ft-tooltip":be,"ft-typography":he,"ft-icon":ze,"ft-loader":we},Le.styles=[mt,Te],Ae([o({type:Boolean})],Le.prototype,"primary",void 0),Ae([o({type:Boolean})],Le.prototype,"outlined",void 0),Ae([o({type:Boolean})],Le.prototype,"disabled",void 0),Ae([o({type:Boolean})],Le.prototype,"dense",void 0),Ae([o({type:Boolean})],Le.prototype,"round",void 0),Ae([o({type:String})],Le.prototype,"label",void 0),Ae([o({type:String})],Le.prototype,"icon",void 0),Ae([o({type:String})],Le.prototype,"iconVariant",void 0),Ae([o({type:Boolean})],Le.prototype,"trailingIcon",void 0),Ae([o({type:Boolean})],Le.prototype,"loading",void 0),Ae([o({type:String})],Le.prototype,"tooltipPosition",void 0),Ae([o({type:Boolean})],Le.prototype,"hideTooltip",void 0),Ae([o({type:Boolean})],Le.prototype,"forceTooltip",void 0),Ae([r(".ft-button")],Le.prototype,"button",void 0),Ae([r(".ft-button--label slot")],Le.prototype,"slottedContent",void 0),c("ft-button")(Le);const _e={buttonsColor:ut.extend("--ft-snap-scroll-buttons-color",xt.colorPrimary),buttonsZIndex:ut.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:ut.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:ut.external(xt.colorSurface,"Design system")},Pe=y`
+                        <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}}Le.elementDefinitions={"ft-ripple":Pt,"ft-tooltip":be,"ft-typography":he,"ft-icon":ze,"ft-loader":we},Le.styles=[mt,Te],Ae([o({type:String,reflect:!0})],Le.prototype,"role",void 0),Ae([o({type:Boolean})],Le.prototype,"primary",void 0),Ae([o({type:Boolean})],Le.prototype,"outlined",void 0),Ae([o({type:Boolean})],Le.prototype,"disabled",void 0),Ae([o({type:Boolean})],Le.prototype,"dense",void 0),Ae([o({type:Boolean})],Le.prototype,"round",void 0),Ae([o({type:String})],Le.prototype,"label",void 0),Ae([o({type:String})],Le.prototype,"icon",void 0),Ae([o({type:String})],Le.prototype,"iconVariant",void 0),Ae([o({type:Boolean})],Le.prototype,"trailingIcon",void 0),Ae([o({type:Boolean})],Le.prototype,"loading",void 0),Ae([o({type:String})],Le.prototype,"tooltipPosition",void 0),Ae([o({type:Boolean})],Le.prototype,"hideTooltip",void 0),Ae([o({type:Boolean})],Le.prototype,"forceTooltip",void 0),Ae([r(".ft-button")],Le.prototype,"button",void 0),Ae([r(".ft-button--label slot")],Le.prototype,"slottedContent",void 0),c("ft-button")(Le);const _e={buttonsColor:ut.extend("--ft-snap-scroll-buttons-color",xt.colorPrimary),buttonsZIndex:ut.create("--ft-snap-scroll-buttons-z-index","COLOR","1"),gap:ut.create("--ft-snap-scroll-gap","SIZE","0"),colorSurface:ut.external(xt.colorSurface,"Design system")},Pe=y`
     .ft-snap-scroll {
         box-sizing: border-box;
         position: relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-snap-scroll",
-  "version": "0.3.60",
+  "version": "0.3.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": "0.3.60",
-    "@fluid-topics/ft-wc-utils": "0.3.60",
+    "@fluid-topics/ft-button": "0.3.62",
+    "@fluid-topics/ft-wc-utils": "0.3.62",
     "lit": "2.2.8"
   },
-  "gitHead": "43e7dcf7c9d88ea2c23f4425629f013d704c5111"
+  "gitHead": "801f5c7705e58471510eca9ccb943d558e42e3fb"
 }