@fluid-topics/ft-snap-scroll 0.3.64 → 0.3.66

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

@@ -535,8 +535,8 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
                         ${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: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-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}}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

@@ -663,8 +663,8 @@ class $e extends Et{constructor(t){if(super(t),this.it=q,t.type!==Nt)throw Error
                         ${t}
                     </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: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-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}}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.64",
+  "version": "0.3.66",
   "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.64",
-    "@fluid-topics/ft-wc-utils": "0.3.64",
+    "@fluid-topics/ft-button": "0.3.66",
+    "@fluid-topics/ft-wc-utils": "0.3.66",
     "lit": "2.2.8"
   },
-  "gitHead": "4f42c34c49255250cddf729582cc01c17b334857"
+  "gitHead": "cc454945c8f6b47494dc634da0613dabeed53c14"
 }