@fluid-topics/ft-resizer 2.0.3 → 2.0.4

package/build/ft-resizer.light.js

@@ -631,6 +631,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
 
     .ft-resizer {
         display: flex;
+        overflow: hidden;
     }
 
     ft-icon {
@@ -640,7 +641,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
 
     .ft-resizer--dragging ft-icon,
     .ft-resizer:hover ft-icon,
-    [role="button"][aria-pressed="true"]  ft-icon{
+    [role="button"][aria-pressed="true"]  ft-icon {
         color: ${g3.colorOnSurfaceMedium};
     }
 `;var k=function(e,a,c,r){var t=arguments.length,i=t<3?a:r===null?r=Object.getOwnPropertyDescriptor(a,c):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,a,c,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(t<3?o(i):t>3?o(a,c,i):o(a,c))||i);return t>3&&i&&Object.defineProperty(a,c,i),i},G2=class extends CustomEvent{constructor(a,c){super("resize",{detail:{width:a,height:c}})}},C=class extends w2.FtLitElement{constructor(){super(...arguments),this.initialWidth=0,this.initialHeight=0,this.icon="drag_handle",this.iconVariant=b.material,this.cursor="nwse-resize",this.ariaLabel="",this.dragging=!1,this.isAriaPressed=!1,this.fixedWidth=0,this.fixedHeight=0,this.startX=0,this.startY=0,this.doDragFromMouse=a=>this.doDrag(a.clientX,a.clientY),this.doDragFromTouch=a=>this.doDrag(a.touches[0].clientX,a.touches[0].clientY),this.stopDrag=()=>{this.dragging=!1,document.removeEventListener("mousemove",this.doDragFromMouse,!1),document.removeEventListener("mouseup",this.stopDrag,!1),document.removeEventListener("touchmove",this.doDragFromTouch,!1),document.removeEventListener("touchend",this.stopDrag,!1),document.removeEventListener("touchcancel",this.stopDrag,!1)}}render(){return D2.html`

package/build/ft-resizer.min.js

@@ -715,6 +715,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
 
     .ft-resizer {
         display: flex;
+        overflow: hidden;
     }
 
     ft-icon {
@@ -724,7 +725,7 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
 
     .ft-resizer--dragging ft-icon,
     .ft-resizer:hover ft-icon,
-    [role="button"][aria-pressed="true"]  ft-icon{
+    [role="button"][aria-pressed="true"]  ft-icon {
         color: ${K2.colorOnSurfaceMedium};
     }
 `;var _e=function(e,t,r,n){var a=arguments.length,i=a<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(c=e[l])&&(i=(a<3?c(i):a>3?c(t,r,i):c(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i},wo=class extends CustomEvent{constructor(t,r){super("resize",{detail:{width:t,height:r}})}},te=class extends Z{constructor(){super(...arguments),this.initialWidth=0,this.initialHeight=0,this.icon="drag_handle",this.iconVariant=Ce.material,this.cursor="nwse-resize",this.ariaLabel="",this.dragging=!1,this.isAriaPressed=!1,this.fixedWidth=0,this.fixedHeight=0,this.startX=0,this.startY=0,this.doDragFromMouse=t=>this.doDrag(t.clientX,t.clientY),this.doDragFromTouch=t=>this.doDrag(t.touches[0].clientX,t.touches[0].clientY),this.stopDrag=()=>{this.dragging=!1,document.removeEventListener("mousemove",this.doDragFromMouse,!1),document.removeEventListener("mouseup",this.stopDrag,!1),document.removeEventListener("touchmove",this.doDragFromTouch,!1),document.removeEventListener("touchend",this.stopDrag,!1),document.removeEventListener("touchcancel",this.stopDrag,!1)}}render(){return le`

package/build/ft-resizer.styles.js

@@ -1,5 +1,5 @@
 import { css } from "lit";
-import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
+import { designSystemVariables, FtCssVariableFactory, } from "@fluid-topics/ft-wc-utils";
 export const FtResizerCssVariables = {
     colorOutline: FtCssVariableFactory.external(designSystemVariables.colorOutline, "Design system"),
     colorOnSurfaceMedium: FtCssVariableFactory.external(designSystemVariables.colorOnSurfaceMedium, "Design system"),
@@ -12,6 +12,7 @@ export const styles = css `
 
     .ft-resizer {
         display: flex;
+        overflow: hidden;
     }
 
     ft-icon {
@@ -21,7 +22,7 @@ export const styles = css `
 
     .ft-resizer--dragging ft-icon,
     .ft-resizer:hover ft-icon,
-    [role="button"][aria-pressed="true"]  ft-icon{
+    [role="button"][aria-pressed="true"]  ft-icon {
         color: ${FtResizerCssVariables.colorOnSurfaceMedium};
     }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-resizer",
-    "version": "2.0.3",
+    "version": "2.0.4",
     "description": "small",
     "keywords": [
         "Lit"
@@ -19,9 +19,9 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-icon": "2.0.3",
-        "@fluid-topics/ft-wc-utils": "2.0.3",
+        "@fluid-topics/ft-icon": "2.0.4",
+        "@fluid-topics/ft-wc-utils": "2.0.4",
         "lit": "3.1.0"
     },
-    "gitHead": "0f2fb13480a71c2957ef7c69492140ea685ba87e"
+    "gitHead": "bc275bc44bc77b2e5802f2da9e92a0aca4479155"
 }