@kyndryl-design-system/shidoka-applications 2.49.0 → 2.50.0

package/common/helpers/gridstack.d.ts

@@ -10,6 +10,18 @@ export declare const Config: {
         }[];
     };
 };
+export declare const GetConfig: (compact?: Boolean, wholeWidgetDraggable?: Boolean) => {
+    margin: number;
+    handle: string;
+    animate: boolean;
+    columnOpts: {
+        breakpointForWindow: boolean;
+        breakpoints: {
+            w: number;
+            c: number;
+        }[];
+    };
+};
 export declare const WidgetSizes: {
     pill: {
         max: {

package/common/helpers/gridstack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gridstack.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/gridstack.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiL7B,CAAC"}
+{"version":3,"file":"gridstack.d.ts","sourceRoot":"","sources":["../../../src/common/helpers/gridstack.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,UAAS,OAAe,EACxB,uBAAsB,OAAe;;;;;;;;;;;CAOtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiL7B,CAAC"}

package/common/helpers/gridstack.js

@@ -1,2 +1,2 @@
-const m={handle:"kyn-widget-drag-handle",margin:16,animate:!1,columnOpts:{breakpointForWindow:!0,breakpoints:[{w:671,c:4},{w:1183,c:8}]}},d={pill:{max:{w:2,h:2},xl:{w:3,h:3},lg:{w:3,h:3},md:{w:4,h:4},sm:{w:4,h:4}},standard:{max:{w:4,h:4},xl:{w:4,h:4},lg:{w:4,h:4},md:{w:8,h:8},sm:{w:4,h:4}},standardShort:{max:{w:4,h:2},xl:{w:4,h:3},lg:{w:4,h:4},md:{w:8,h:5},sm:{w:4,h:4}},wide:{max:{w:6,h:4},xl:{w:6,h:4},lg:{w:6,h:4},md:{w:8,h:8},sm:{w:4,h:4}},wideShort:{max:{w:6,h:3},xl:{w:6,h:4},lg:{w:6,h:4},md:{w:8,h:4},sm:{w:4,h:4}},xlWide:{max:{w:8,h:4},xl:{w:8,h:4},lg:{w:8,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xlWideShort:{max:{w:8,h:3},xl:{w:8,h:4},lg:{w:8,h:4},md:{w:8,h:5},sm:{w:4,h:4}},xxlWide:{max:{w:10,h:4},xl:{w:10,h:4},lg:{w:10,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xxlWideShort:{max:{w:10,h:3},xl:{w:10,h:4},lg:{w:10,h:4},md:{w:8,h:5},sm:{w:4,h:4}},xxxlWide:{max:{w:12,h:4},xl:{w:12,h:4},lg:{w:12,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xxxlWideShort:{max:{w:12,h:3},xl:{w:12,h:3},lg:{w:12,h:4},md:{w:8,h:5},sm:{w:4,h:4}},tower:{max:{w:12,h:7},xl:{w:12,h:7},lg:{w:12,h:7},md:{w:8,h:8},sm:{w:4,h:4}}},i={default:{max:{minW:d.pill.max.w,minH:d.pill.max.h},xl:{minW:d.pill.xl.w,minH:d.pill.xl.h},lg:{minW:d.pill.lg.w,minH:d.pill.lg.h},md:{minW:d.pill.md.w,minH:d.pill.md.h},sm:{minW:d.pill.sm.w,minH:d.pill.sm.h}},table:{max:{minW:d.wide.max.w,minH:d.wide.max.h},xl:{minW:d.wide.xl.w,minH:d.wide.xl.h},lg:{minW:d.wide.lg.w,minH:d.wide.lg.h},md:{minW:d.wide.md.w,minH:d.wide.md.h},sm:{minW:d.wide.sm.w,minH:d.wide.sm.h}},chart:{max:{minW:d.wide.max.w,minH:d.wide.max.h},xl:{minW:d.wide.xl.w,minH:d.wide.xl.h},lg:{minW:d.wide.lg.w,minH:d.wide.lg.h},md:{minW:d.wide.md.w,minH:d.wide.md.h},sm:{minW:d.wide.sm.w,minH:d.wide.sm.h}},list:{max:{minW:d.standard.max.w,minH:d.standard.max.h},xl:{minW:d.standard.xl.w,minH:d.standard.xl.h},lg:{minW:d.standard.lg.w,minH:d.standard.lg.h},md:{minW:d.standard.md.w,minH:d.standard.md.h},sm:{minW:d.standard.sm.w,minH:d.standard.sm.h}},content:{max:{minW:d.standard.max.w,minH:d.standard.max.h},xl:{minW:d.standard.xl.w,minH:d.standard.xl.h},lg:{minW:d.standard.lg.w,minH:d.standard.lg.h},md:{minW:d.standard.md.w,minH:d.standard.md.h},sm:{minW:d.standard.sm.w,minH:d.standard.sm.h}},alert:{max:{minW:d.standard.max.w,minH:d.standard.max.h},xl:{minW:d.standard.xl.w,minH:d.standard.xl.h},lg:{minW:d.standard.lg.w,minH:d.standard.lg.h},md:{minW:d.standard.md.w,minH:d.standard.md.h},sm:{minW:d.standard.sm.w,minH:d.standard.sm.h}},cards:{max:{minW:d.wide.max.w,minH:d.wide.max.h},xl:{minW:d.wide.xl.w,minH:d.wide.xl.h},lg:{minW:d.wide.lg.w,minH:d.wide.lg.h},md:{minW:d.wide.md.w,minH:d.wide.md.h},sm:{minW:d.wide.sm.w,minH:d.wide.sm.h}},accordion:{max:{minW:d.standard.max.w,minH:d.standard.max.h},xl:{minW:d.standard.xl.w,minH:d.standard.xl.h},lg:{minW:d.standard.lg.w,minH:d.standard.lg.h},md:{minW:d.standard.md.w,minH:d.standard.md.h},sm:{minW:d.standard.sm.w,minH:d.standard.sm.h}}};export{m as Config,i as WidgetConstraints,d as WidgetSizes};
+const m={handle:"kyn-widget-drag-handle",margin:16,animate:!1,columnOpts:{breakpointForWindow:!0,breakpoints:[{w:671,c:4},{w:1183,c:8}]}},d=(d=!1,i=!1)=>({...m,margin:d?8:m.margin,handle:i?".grid-stack-item-content":m.handle}),i={pill:{max:{w:2,h:2},xl:{w:3,h:3},lg:{w:3,h:3},md:{w:4,h:4},sm:{w:4,h:4}},standard:{max:{w:4,h:4},xl:{w:4,h:4},lg:{w:4,h:4},md:{w:8,h:8},sm:{w:4,h:4}},standardShort:{max:{w:4,h:2},xl:{w:4,h:3},lg:{w:4,h:4},md:{w:8,h:5},sm:{w:4,h:4}},wide:{max:{w:6,h:4},xl:{w:6,h:4},lg:{w:6,h:4},md:{w:8,h:8},sm:{w:4,h:4}},wideShort:{max:{w:6,h:3},xl:{w:6,h:4},lg:{w:6,h:4},md:{w:8,h:4},sm:{w:4,h:4}},xlWide:{max:{w:8,h:4},xl:{w:8,h:4},lg:{w:8,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xlWideShort:{max:{w:8,h:3},xl:{w:8,h:4},lg:{w:8,h:4},md:{w:8,h:5},sm:{w:4,h:4}},xxlWide:{max:{w:10,h:4},xl:{w:10,h:4},lg:{w:10,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xxlWideShort:{max:{w:10,h:3},xl:{w:10,h:4},lg:{w:10,h:4},md:{w:8,h:5},sm:{w:4,h:4}},xxxlWide:{max:{w:12,h:4},xl:{w:12,h:4},lg:{w:12,h:4},md:{w:8,h:8},sm:{w:4,h:4}},xxxlWideShort:{max:{w:12,h:3},xl:{w:12,h:3},lg:{w:12,h:4},md:{w:8,h:5},sm:{w:4,h:4}},tower:{max:{w:12,h:7},xl:{w:12,h:7},lg:{w:12,h:7},md:{w:8,h:8},sm:{w:4,h:4}}},n={default:{max:{minW:i.pill.max.w,minH:i.pill.max.h},xl:{minW:i.pill.xl.w,minH:i.pill.xl.h},lg:{minW:i.pill.lg.w,minH:i.pill.lg.h},md:{minW:i.pill.md.w,minH:i.pill.md.h},sm:{minW:i.pill.sm.w,minH:i.pill.sm.h}},table:{max:{minW:i.wide.max.w,minH:i.wide.max.h},xl:{minW:i.wide.xl.w,minH:i.wide.xl.h},lg:{minW:i.wide.lg.w,minH:i.wide.lg.h},md:{minW:i.wide.md.w,minH:i.wide.md.h},sm:{minW:i.wide.sm.w,minH:i.wide.sm.h}},chart:{max:{minW:i.wide.max.w,minH:i.wide.max.h},xl:{minW:i.wide.xl.w,minH:i.wide.xl.h},lg:{minW:i.wide.lg.w,minH:i.wide.lg.h},md:{minW:i.wide.md.w,minH:i.wide.md.h},sm:{minW:i.wide.sm.w,minH:i.wide.sm.h}},list:{max:{minW:i.standard.max.w,minH:i.standard.max.h},xl:{minW:i.standard.xl.w,minH:i.standard.xl.h},lg:{minW:i.standard.lg.w,minH:i.standard.lg.h},md:{minW:i.standard.md.w,minH:i.standard.md.h},sm:{minW:i.standard.sm.w,minH:i.standard.sm.h}},content:{max:{minW:i.standard.max.w,minH:i.standard.max.h},xl:{minW:i.standard.xl.w,minH:i.standard.xl.h},lg:{minW:i.standard.lg.w,minH:i.standard.lg.h},md:{minW:i.standard.md.w,minH:i.standard.md.h},sm:{minW:i.standard.sm.w,minH:i.standard.sm.h}},alert:{max:{minW:i.standard.max.w,minH:i.standard.max.h},xl:{minW:i.standard.xl.w,minH:i.standard.xl.h},lg:{minW:i.standard.lg.w,minH:i.standard.lg.h},md:{minW:i.standard.md.w,minH:i.standard.md.h},sm:{minW:i.standard.sm.w,minH:i.standard.sm.h}},cards:{max:{minW:i.wide.max.w,minH:i.wide.max.h},xl:{minW:i.wide.xl.w,minH:i.wide.xl.h},lg:{minW:i.wide.lg.w,minH:i.wide.lg.h},md:{minW:i.wide.md.w,minH:i.wide.md.h},sm:{minW:i.wide.sm.w,minH:i.wide.sm.h}},accordion:{max:{minW:i.standard.max.w,minH:i.standard.max.h},xl:{minW:i.standard.xl.w,minH:i.standard.xl.h},lg:{minW:i.standard.lg.w,minH:i.standard.lg.h},md:{minW:i.standard.md.w,minH:i.standard.md.h},sm:{minW:i.standard.sm.w,minH:i.standard.sm.h}}};export{m as Config,d as GetConfig,n as WidgetConstraints,i as WidgetSizes};
 //# sourceMappingURL=gridstack.js.map

package/common/helpers/gridstack.js.map

@@ -1 +1 @@
-{"version":3,"file":"gridstack.js","sources":["../../../src/common/helpers/gridstack.ts"],"sourcesContent":["export const Config = {\n  handle: 'kyn-widget-drag-handle', // set the drag handle\n  margin: 16, // 32px gap\n  animate: false, // disable animation until after initial load\n  columnOpts: {\n    breakpointForWindow: true, // break based on viewport size, not grid size\n    breakpoints: [\n      { w: 671, c: 4 }, // shidoka-foundation sm breakpoint, 4 column grid\n      { w: 1183, c: 8 }, // shidoka-foundation md breakpoint, 8 column grid\n    ],\n  },\n};\n\nexport const WidgetSizes = {\n  pill: {\n    max: {\n      w: 2,\n      h: 2,\n    },\n    xl: {\n      w: 3,\n      h: 3,\n    },\n    lg: {\n      w: 3,\n      h: 3,\n    },\n    md: {\n      w: 4,\n      h: 4,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  standard: {\n    max: {\n      w: 4,\n      h: 4,\n    },\n    xl: {\n      w: 4,\n      h: 4,\n    },\n    lg: {\n      w: 4,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  standardShort: {\n    max: {\n      w: 4,\n      h: 2,\n    },\n    xl: {\n      w: 4,\n      h: 3,\n    },\n    lg: {\n      w: 4,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  wide: {\n    max: {\n      w: 6,\n      h: 4,\n    },\n    xl: {\n      w: 6,\n      h: 4,\n    },\n    lg: {\n      w: 6,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  wideShort: {\n    max: {\n      w: 6,\n      h: 3,\n    },\n    xl: {\n      w: 6,\n      h: 4,\n    },\n    lg: {\n      w: 6,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 4,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xlWide: {\n    max: {\n      w: 8,\n      h: 4,\n    },\n    xl: {\n      w: 8,\n      h: 4,\n    },\n    lg: {\n      w: 8,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xlWideShort: {\n    max: {\n      w: 8,\n      h: 3,\n    },\n    xl: {\n      w: 8,\n      h: 4,\n    },\n    lg: {\n      w: 8,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxlWide: {\n    max: {\n      w: 10,\n      h: 4,\n    },\n    xl: {\n      w: 10,\n      h: 4,\n    },\n    lg: {\n      w: 10,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxlWideShort: {\n    max: {\n      w: 10,\n      h: 3,\n    },\n    xl: {\n      w: 10,\n      h: 4,\n    },\n    lg: {\n      w: 10,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxxlWide: {\n    max: {\n      w: 12,\n      h: 4,\n    },\n    xl: {\n      w: 12,\n      h: 4,\n    },\n    lg: {\n      w: 12,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxxlWideShort: {\n    max: {\n      w: 12,\n      h: 3,\n    },\n    xl: {\n      w: 12,\n      h: 3,\n    },\n    lg: {\n      w: 12,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  tower: {\n    max: {\n      w: 12,\n      h: 7,\n    },\n    xl: {\n      w: 12,\n      h: 7,\n    },\n    lg: {\n      w: 12,\n      h: 7,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n};\n\nexport const WidgetConstraints = {\n  default: {\n    max: {\n      minW: WidgetSizes.pill.max.w,\n      minH: WidgetSizes.pill.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.pill.xl.w,\n      minH: WidgetSizes.pill.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.pill.lg.w,\n      minH: WidgetSizes.pill.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.pill.md.w,\n      minH: WidgetSizes.pill.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.pill.sm.w,\n      minH: WidgetSizes.pill.sm.h,\n    },\n  },\n  table: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  chart: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  list: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  content: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  alert: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  cards: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  accordion: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n};\n"],"names":["Config","handle","margin","animate","columnOpts","breakpointForWindow","breakpoints","w","c","WidgetSizes","pill","max","h","xl","lg","md","sm","standard","standardShort","wide","wideShort","xlWide","xlWideShort","xxlWide","xxlWideShort","xxxlWide","xxxlWideShort","tower","WidgetConstraints","default","minW","minH","table","chart","list","content","alert","cards","accordion"],"mappings":"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"}
+{"version":3,"file":"gridstack.js","sources":["../../../src/common/helpers/gridstack.ts"],"sourcesContent":["export const Config = {\n  handle: 'kyn-widget-drag-handle', // set the drag handle\n  margin: 16, // 32px gap\n  animate: false, // disable animation until after initial load\n  columnOpts: {\n    breakpointForWindow: true, // break based on viewport size, not grid size\n    breakpoints: [\n      { w: 671, c: 4 }, // shidoka-foundation sm breakpoint, 4 column grid\n      { w: 1183, c: 8 }, // shidoka-foundation md breakpoint, 8 column grid\n    ],\n  },\n};\n\nexport const GetConfig = (\n  compact: Boolean = false,\n  wholeWidgetDraggable: Boolean = false\n) => {\n  return {\n    ...Config,\n    margin: compact ? 8 : Config.margin,\n    handle: wholeWidgetDraggable ? '.grid-stack-item-content' : Config.handle,\n  };\n};\n\nexport const WidgetSizes = {\n  pill: {\n    max: {\n      w: 2,\n      h: 2,\n    },\n    xl: {\n      w: 3,\n      h: 3,\n    },\n    lg: {\n      w: 3,\n      h: 3,\n    },\n    md: {\n      w: 4,\n      h: 4,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  standard: {\n    max: {\n      w: 4,\n      h: 4,\n    },\n    xl: {\n      w: 4,\n      h: 4,\n    },\n    lg: {\n      w: 4,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  standardShort: {\n    max: {\n      w: 4,\n      h: 2,\n    },\n    xl: {\n      w: 4,\n      h: 3,\n    },\n    lg: {\n      w: 4,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  wide: {\n    max: {\n      w: 6,\n      h: 4,\n    },\n    xl: {\n      w: 6,\n      h: 4,\n    },\n    lg: {\n      w: 6,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  wideShort: {\n    max: {\n      w: 6,\n      h: 3,\n    },\n    xl: {\n      w: 6,\n      h: 4,\n    },\n    lg: {\n      w: 6,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 4,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xlWide: {\n    max: {\n      w: 8,\n      h: 4,\n    },\n    xl: {\n      w: 8,\n      h: 4,\n    },\n    lg: {\n      w: 8,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xlWideShort: {\n    max: {\n      w: 8,\n      h: 3,\n    },\n    xl: {\n      w: 8,\n      h: 4,\n    },\n    lg: {\n      w: 8,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxlWide: {\n    max: {\n      w: 10,\n      h: 4,\n    },\n    xl: {\n      w: 10,\n      h: 4,\n    },\n    lg: {\n      w: 10,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxlWideShort: {\n    max: {\n      w: 10,\n      h: 3,\n    },\n    xl: {\n      w: 10,\n      h: 4,\n    },\n    lg: {\n      w: 10,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxxlWide: {\n    max: {\n      w: 12,\n      h: 4,\n    },\n    xl: {\n      w: 12,\n      h: 4,\n    },\n    lg: {\n      w: 12,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  xxxlWideShort: {\n    max: {\n      w: 12,\n      h: 3,\n    },\n    xl: {\n      w: 12,\n      h: 3,\n    },\n    lg: {\n      w: 12,\n      h: 4,\n    },\n    md: {\n      w: 8,\n      h: 5,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n  tower: {\n    max: {\n      w: 12,\n      h: 7,\n    },\n    xl: {\n      w: 12,\n      h: 7,\n    },\n    lg: {\n      w: 12,\n      h: 7,\n    },\n    md: {\n      w: 8,\n      h: 8,\n    },\n    sm: {\n      w: 4,\n      h: 4,\n    },\n  },\n};\n\nexport const WidgetConstraints = {\n  default: {\n    max: {\n      minW: WidgetSizes.pill.max.w,\n      minH: WidgetSizes.pill.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.pill.xl.w,\n      minH: WidgetSizes.pill.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.pill.lg.w,\n      minH: WidgetSizes.pill.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.pill.md.w,\n      minH: WidgetSizes.pill.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.pill.sm.w,\n      minH: WidgetSizes.pill.sm.h,\n    },\n  },\n  table: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  chart: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  list: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  content: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  alert: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n  cards: {\n    max: {\n      minW: WidgetSizes.wide.max.w,\n      minH: WidgetSizes.wide.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.wide.xl.w,\n      minH: WidgetSizes.wide.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.wide.lg.w,\n      minH: WidgetSizes.wide.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.wide.md.w,\n      minH: WidgetSizes.wide.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.wide.sm.w,\n      minH: WidgetSizes.wide.sm.h,\n    },\n  },\n  accordion: {\n    max: {\n      minW: WidgetSizes.standard.max.w,\n      minH: WidgetSizes.standard.max.h,\n    },\n    xl: {\n      minW: WidgetSizes.standard.xl.w,\n      minH: WidgetSizes.standard.xl.h,\n    },\n    lg: {\n      minW: WidgetSizes.standard.lg.w,\n      minH: WidgetSizes.standard.lg.h,\n    },\n    md: {\n      minW: WidgetSizes.standard.md.w,\n      minH: WidgetSizes.standard.md.h,\n    },\n    sm: {\n      minW: WidgetSizes.standard.sm.w,\n      minH: WidgetSizes.standard.sm.h,\n    },\n  },\n};\n"],"names":["Config","handle","margin","animate","columnOpts","breakpointForWindow","breakpoints","w","c","GetConfig","compact","wholeWidgetDraggable","WidgetSizes","pill","max","h","xl","lg","md","sm","standard","standardShort","wide","wideShort","xlWide","xlWideShort","xxlWide","xxlWideShort","xxxlWide","xxxlWideShort","tower","WidgetConstraints","default","minW","minH","table","chart","list","content","alert","cards","accordion"],"mappings":"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"}

package/components/reusable/button/button.js

@@ -96,6 +96,10 @@ import{_ as t,a as e,b as o,c as r,d as a}from"../../../vendor/tslib-Ac8XvvSX.js
   visibility: hidden;
   transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
 }
+.kd-btn--extra-small {
+  height: 26px;
+  padding: 4px;
+}
 .kd-btn--small {
   padding: 4px 16px;
   height: 32px;

package/components/reusable/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/reusable/button/button.ts"],"sourcesContent":["/**\n * Copyright Kyndryl, Inc. 2023\n */\n\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedNodes,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\n\nimport {\n  BUTTON_KINDS,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  BUTTON_ICON_POSITION,\n  BUTTON_KINDS_SOLID,\n  BUTTON_KINDS_OUTLINE,\n} from './defs';\n\nimport stylesheet from './button.scss?inline';\n\n/**\n * Button component.\n *\n * @slot unnamed - Slot for button text.\n * @slot icon - Slot for an icon.\n * @fires on-click - Emits the original click event.\n */\n@customElement('kyn-button')\nexport class Button extends LitElement {\n  static override styles = unsafeCSS(stylesheet);\n\n  /** @ignore */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Associate the component with forms.\n   * @ignore\n   */\n  static formAssociated = true;\n\n  /**\n   * Attached internals for form association.\n   * @ignore\n   */\n  @state()\n  accessor internals = this.attachInternals();\n\n  /** ARIA label for the button for accessibility. */\n  @property({ type: String })\n  accessor description = '';\n\n  /** Type for the &lt;button&gt; element. */\n  @property({ type: String })\n  accessor type: BUTTON_TYPES = BUTTON_TYPES.BUTTON;\n\n  /** Specifies the visual appearance/kind of the button. */\n  @property({ type: String })\n  accessor kind: BUTTON_KINDS = BUTTON_KINDS.PRIMARY;\n\n  /** Converts the button to an &lt;a&gt; tag if specified. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Link target, only valid if href is supplied. */\n  @property({ type: String })\n  accessor target = '_self';\n\n  /** Specifies the size of the button. */\n  @property({ type: String })\n  accessor size: BUTTON_SIZES = BUTTON_SIZES.MEDIUM;\n\n  /** Specifies the position of the icon relative to any button text. */\n  @property({ type: String })\n  accessor iconPosition: BUTTON_ICON_POSITION = BUTTON_ICON_POSITION.CENTER;\n\n  /** Determines if the button is disabled.\n   * @internal\n   */\n  @state()\n  accessor iconOnly = false;\n\n  /** Determines if the button is disabled. */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /** Button value.  */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Button name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Determines if the button is Floatable */\n  @property({ type: Boolean })\n  accessor isFloating = false;\n\n  /** Show button after scrolling to 50% of the page */\n  @property({ type: Boolean })\n  accessor showOnScroll = false;\n\n  /** Button selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Determines showButton state .\n   * @internal\n   */\n  @state()\n  accessor _showButton = false;\n\n  /** re-size button to 'medium' at mobile breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _reSizeBtn = false;\n\n  /** Button formmethod.  */\n  @property({ type: String })\n  accessor formmethod!: any;\n\n  /** Queries default slot nodes.\n   * @internal\n   */\n  @queryAssignedNodes()\n  accessor _slottedEls!: Array<any>;\n\n  /** Queries icon slot nodes.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'icon' })\n  accessor _iconEls!: Array<any>;\n\n  /** Queries the .button element.\n   * @internal\n   */\n  @query('.button')\n  accessor _btnEl!: any;\n\n  /** Aligns button text and icon at the edges when `kyn-button` has a set width.*/\n  @property({ type: Boolean })\n  accessor splitLayout = false;\n\n  /** Determines _hasIcon state\n   * @internal\n   */\n  @state()\n  accessor _hasIcon = false;\n\n  /** Determines _hasText state\n   * @internal\n   */\n  @state()\n  accessor _hasText = false;\n\n  override render() {\n    const BtnClasses = {\n      'kd-btn': true,\n      [`kd-btn--${this.kind}`]: true,\n      'kd-btn--solid-styles': BUTTON_KINDS_SOLID.includes(this.kind),\n      'kd-btn--outline-styles': BUTTON_KINDS_OUTLINE.includes(this.kind),\n      'kd-btn--large': this.size === BUTTON_SIZES.LARGE,\n      'kd-btn--small': this.size === BUTTON_SIZES.SMALL,\n      'kd-btn--medium': this._reSizeBtn || this.size === BUTTON_SIZES.MEDIUM,\n      'kd-btn--icon-align': !!this.iconPosition,\n      [`kd-btn--icon-${this.iconPosition}`]:\n        !!this.iconPosition && !this.iconOnly,\n      [`kd-btn--icon-center`]: this._iconEls?.length && this.iconOnly,\n      'kd-btn--float': this.isFloating,\n      'kd-btn--hidden': this.showOnScroll && !this._showButton,\n      'icon-only': this._iconEls?.length && this.iconOnly,\n      selected: this.selected,\n      'kd-btn--splitLayout': this.splitLayout && this._hasIcon && this._hasText,\n    };\n\n    return html`\n      ${this.href && this.href !== ''\n        ? html`\n            <a\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              href=${this.href}\n              target=${this.target}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </a>\n          `\n        : html`\n            <button\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              type=${this.type}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              name=${ifDefined(this.name)}\n              value=${ifDefined(this.value)}\n              formmethod=${ifDefined(this.formmethod)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </button>\n          `}\n    `;\n  }\n\n  private handleClick(e: Event) {\n    if (this.internals.form) {\n      if (this.type === 'submit') {\n        this.internals.form.requestSubmit();\n      } else if (this.type === 'reset') {\n        this.internals.form.reset();\n      }\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _testIconOnly() {\n    if (!this._iconEls?.length) {\n      return false;\n    }\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n\n    const VisibleTextNodes = TextNodes.filter((node: any) => {\n      if (node.tagName) {\n        const Styles = getComputedStyle(node);\n        return Styles.display !== 'none' && Styles.visibility !== 'hidden';\n      } else {\n        return true;\n      }\n    });\n\n    return !VisibleTextNodes.length;\n  }\n\n  private _handleSlotChange() {\n    this.iconOnly = this._testIconOnly();\n    this._hasIcon = !!this._iconEls?.length;\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n    this._hasText = TextNodes.length > 0;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._reSizeButton();\n    this.iconOnly = this._testIconOnly();\n  });\n\n  /** @internal */\n  private _reSizeButton() {\n    // Resize button to medium at mobile breakpoint\n    if ((this.isFloating || this.showOnScroll) && window.innerWidth <= 672) {\n      this._reSizeBtn = true;\n    } else {\n      this._reSizeBtn = false;\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    if (this.showOnScroll) {\n      this._handleScroll();\n    }\n  });\n\n  /** @internal */\n  private _handleScroll() {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const pageHeight = document.documentElement.scrollHeight;\n    // Show the button if scrolled 50% of the page\n    this._showButton = scrollPosition > (pageHeight - windowHeight) / 2;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.addEventListener('scroll', this._debounceScroll);\n    }\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.removeEventListener('scroll', this._debounceScroll);\n    }\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button': Button;\n  }\n}\n"],"names":["Button","customElement","LitElement","_classThis","_classSuper","_Button_internals_accessor_storage","set","this","__runInitializers","_internals_initializers","attachInternals","_Button_description_accessor_storage","_internals_extraInitializers","_description_initializers","_Button_type_accessor_storage","_description_extraInitializers","_type_initializers","BUTTON_TYPES","BUTTON","_Button_kind_accessor_storage","_type_extraInitializers","_kind_initializers","BUTTON_KINDS","PRIMARY","_Button_href_accessor_storage","_kind_extraInitializers","_href_initializers","_Button_target_accessor_storage","_href_extraInitializers","_target_initializers","_Button_size_accessor_storage","_target_extraInitializers","_size_initializers","BUTTON_SIZES","MEDIUM","_Button_iconPosition_accessor_storage","_size_extraInitializers","_iconPosition_initializers","BUTTON_ICON_POSITION","CENTER","_Button_iconOnly_accessor_storage","_iconPosition_extraInitializers","_iconOnly_initializers","_Button_disabled_accessor_storage","_iconOnly_extraInitializers","_disabled_initializers","_Button_value_accessor_storage","_disabled_extraInitializers","_value_initializers","_Button_name_accessor_storage","_value_extraInitializers","_name_initializers","_Button_isFloating_accessor_storage","_name_extraInitializers","_isFloating_initializers","_Button_showOnScroll_accessor_storage","_isFloating_extraInitializers","_showOnScroll_initializers","_Button_selected_accessor_storage","_showOnScroll_extraInitializers","_selected_initializers","_Button__showButton_accessor_storage","_selected_extraInitializers","__showButton_initializers","_Button__reSizeBtn_accessor_storage","__showButton_extraInitializers","__reSizeBtn_initializers","_Button_formmethod_accessor_storage","__reSizeBtn_extraInitializers","_formmethod_initializers","_Button__slottedEls_accessor_storage","_formmethod_extraInitializers","__slottedEls_initializers","_Button__iconEls_accessor_storage","__slottedEls_extraInitializers","__iconEls_initializers","_Button__btnEl_accessor_storage","__iconEls_extraInitializers","__btnEl_initializers","_Button_splitLayout_accessor_storage","__btnEl_extraInitializers","_splitLayout_initializers","_Button__hasIcon_accessor_storage","_splitLayout_extraInitializers","__hasIcon_initializers","_Button__hasText_accessor_storage","__hasIcon_extraInitializers","__hasText_initializers","_debounceResize","__hasText_extraInitializers","debounce","_reSizeButton","iconOnly","_testIconOnly","_debounceScroll","showOnScroll","_handleScroll","internals","__classPrivateFieldGet","value","__classPrivateFieldSet","description","type","kind","href","target","size","iconPosition","disabled","name","isFloating","selected","_showButton","_reSizeBtn","formmethod","_slottedEls","_iconEls","_btnEl","splitLayout","_hasIcon","_hasText","render","BtnClasses","BUTTON_KINDS_SOLID","includes","BUTTON_KINDS_OUTLINE","LARGE","SMALL","_a","length","_b","html","classMap","ifDefined","e","handleClick","_handleSlotChange","form","requestSubmit","reset","event","CustomEvent","detail","origEvent","dispatchEvent","filter","node","textContent","trim","tagName","Styles","getComputedStyle","display","visibility","TextNodes","requestUpdate","window","innerWidth","scrollPosition","scrollY","windowHeight","innerHeight","pageHeight","document","documentElement","scrollHeight","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","_internals_decorators","state","_description_decorators","property","String","_type_decorators","_kind_decorators","_href_decorators","_target_decorators","_size_decorators","_iconPosition_decorators","_iconOnly_decorators","Boolean","reflect","_value_decorators","_name_decorators","_isFloating_decorators","_showOnScroll_decorators","_selected_decorators","__showButton_decorators","__reSizeBtn_decorators","_formmethod_decorators","__slottedEls_decorators","queryAssignedNodes","__iconEls_decorators","queryAssignedElements","slot","query","_splitLayout_decorators","__hasIcon_decorators","__hasText_decorators","__esDecorate","static","private","access","has","obj","get","metadata","_metadata","_disabled_decorators","__btnEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet","shadowRootOptions","delegatesFocus","formAssociated"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCaA,EAAM,0IADlBC,EAAc,wBACaC,ySAARC,EAAA,cAAQC,qCAoBjBC,EAAAC,IAAAC,KAAAC,EAAAD,KAAAE,GAAYF,KAAKG,oBAIjBC,EAAAL,IAAAC,MAAAC,EAAAD,KAAAK,IAAAJ,EAAAD,KAAAM,GAAc,MAIdC,EAAAR,IAAAC,MAAAC,EAAAD,KAAAQ,IAAAP,EAAAD,KAAAS,GAAqBC,EAAaC,UAIlCC,EAAAb,IAAAC,MAAAC,EAAAD,KAAAa,IAAAZ,EAAAD,KAAAc,GAAqBC,EAAaC,WAIlCC,EAAAlB,IAAAC,MAAAC,EAAAD,KAAAkB,IAAAjB,EAAAD,KAAAmB,GAAO,MAIPC,EAAArB,IAAAC,MAAAC,EAAAD,KAAAqB,IAAApB,EAAAD,KAAAsB,GAAS,WAITC,EAAAxB,IAAAC,MAAAC,EAAAD,KAAAwB,IAAAvB,EAAAD,KAAAyB,GAAqBC,EAAaC,UAIlCC,EAAA7B,IAAAC,MAAAC,EAAAD,KAAA6B,IAAA5B,EAAAD,KAAA8B,GAAqCC,EAAqBC,UAM1DC,EAAAlC,IAAAC,MAAAC,EAAAD,KAAAkC,IAAAjC,EAAAD,KAAAmC,IAAW,KAIXC,EAAArC,IAAAC,MAAAC,EAAAD,KAAAqC,IAAApC,EAAAD,KAAAsC,IAAW,KAIXC,EAAAxC,IAAAC,MAAAC,EAAAD,KAAAwC,IAAAvC,EAAAD,KAAAyC,GAAQ,MAIRC,EAAA3C,IAAAC,MAAAC,EAAAD,KAAA2C,IAAA1C,EAAAD,KAAA4C,GAAO,MAIPC,EAAA9C,IAAAC,MAAAC,EAAAD,KAAA8C,IAAA7C,EAAAD,KAAA+C,IAAa,KAIbC,EAAAjD,IAAAC,MAAAC,EAAAD,KAAAiD,IAAAhD,EAAAD,KAAAkD,IAAe,KAIfC,EAAApD,IAAAC,MAAAC,EAAAD,KAAAoD,IAAAnD,EAAAD,KAAAqD,IAAW,KAMXC,EAAAvD,IAAAC,MAAAC,EAAAD,KAAAuD,IAAAtD,EAAAD,KAAAwD,IAAc,KAMdC,EAAA1D,IAAAC,MAAAC,EAAAD,KAAA0D,IAAAzD,EAAAD,KAAA2D,IAAa,KAIbC,EAAA7D,IAAAC,MAAAC,EAAAD,KAAA6D,IAAA5D,EAAAD,KAAA8D,QAAA,KAMAC,EAAAhE,IAAAC,MAAAC,EAAAD,KAAAgE,IAAA/D,EAAAD,KAAAiE,QAAA,KAMAC,EAAAnE,IAAAC,MAAAC,EAAAD,KAAAmE,IAAAlE,EAAAD,KAAAoE,QAAA,KAMAC,EAAAtE,IAAAC,MAAAC,EAAAD,KAAAsE,IAAArE,EAAAD,KAAAuE,QAAA,KAIAC,EAAAzE,IAAAC,MAAAC,EAAAD,KAAAyE,IAAAxE,EAAAD,KAAA0E,IAAc,KAMdC,EAAA5E,IAAAC,MAAAC,EAAAD,KAAA4E,IAAA3E,EAAAD,KAAA6E,IAAW,KAMXC,EAAA/E,IAAAC,MAAAC,EAAAD,KAAA+E,IAAA9E,EAAAD,KAAAgF,IAAW,KAqHZhF,KAAAiF,iBAAehF,EAAAD,KAAAkF,IAAGC,GAAS,KACjCnF,KAAKoF,gBACLpF,KAAKqF,SAAWrF,KAAKsF,eAAe,KAc9BtF,KAAAuF,gBAAkBJ,GAAS,KAC7BnF,KAAKwF,cACPxF,KAAKyF,mBAnPT,aAASC,GAAS,OAAAC,EAAA3F,KAAAF,EAAA,IAAA,CAAlB,aAAS4F,CAASE,GAAAC,EAAA7F,KAAAF,EAAA8F,EAAA,IAAA,CAIlB,eAASE,GAAW,OAAAH,EAAA3F,KAAAI,EAAA,IAAA,CAApB,eAAS0F,CAAWF,GAAAC,EAAA7F,KAAAI,EAAAwF,EAAA,IAAA,CAIpB,QAASG,GAAI,OAAAJ,EAAA3F,KAAAO,EAAA,IAAA,CAAb,QAASwF,CAAIH,GAAAC,EAAA7F,KAAAO,EAAAqF,EAAA,IAAA,CAIb,QAASI,GAAI,OAAAL,EAAA3F,KAAAY,EAAA,IAAA,CAAb,QAASoF,CAAIJ,GAAAC,EAAA7F,KAAAY,EAAAgF,EAAA,IAAA,CAIb,QAASK,GAAI,OAAAN,EAAA3F,KAAAiB,EAAA,IAAA,CAAb,QAASgF,CAAIL,GAAAC,EAAA7F,KAAAiB,EAAA2E,EAAA,IAAA,CAIb,UAASM,GAAM,OAAAP,EAAA3F,KAAAoB,EAAA,IAAA,CAAf,UAAS8E,CAAMN,GAAAC,EAAA7F,KAAAoB,EAAAwE,EAAA,IAAA,CAIf,QAASO,GAAI,OAAAR,EAAA3F,KAAAuB,EAAA,IAAA,CAAb,QAAS4E,CAAIP,GAAAC,EAAA7F,KAAAuB,EAAAqE,EAAA,IAAA,CAIb,gBAASQ,GAAY,OAAAT,EAAA3F,KAAA4B,EAAA,IAAA,CAArB,gBAASwE,CAAYR,GAAAC,EAAA7F,KAAA4B,EAAAgE,EAAA,IAAA,CAMrB,YAASP,GAAQ,OAAAM,EAAA3F,KAAAiC,EAAA,IAAA,CAAjB,YAASoD,CAAQO,GAAAC,EAAA7F,KAAAiC,EAAA2D,EAAA,IAAA,CAIjB,YAASS,GAAQ,OAAAV,EAAA3F,KAAAoC,EAAA,IAAA,CAAjB,YAASiE,CAAQT,GAAAC,EAAA7F,KAAAoC,EAAAwD,EAAA,IAAA,CAIjB,SAASA,GAAK,OAAAD,EAAA3F,KAAAuC,EAAA,IAAA,CAAd,SAASqD,CAAKA,GAAAC,EAAA7F,KAAAuC,EAAAqD,EAAA,IAAA,CAId,QAASU,GAAI,OAAAX,EAAA3F,KAAA0C,EAAA,IAAA,CAAb,QAAS4D,CAAIV,GAAAC,EAAA7F,KAAA0C,EAAAkD,EAAA,IAAA,CAIb,cAASW,GAAU,OAAAZ,EAAA3F,KAAA6C,EAAA,IAAA,CAAnB,cAAS0D,CAAUX,GAAAC,EAAA7F,KAAA6C,EAAA+C,EAAA,IAAA,CAInB,gBAASJ,GAAY,OAAAG,EAAA3F,KAAAgD,EAAA,IAAA,CAArB,gBAASwC,CAAYI,GAAAC,EAAA7F,KAAAgD,EAAA4C,EAAA,IAAA,CAIrB,YAASY,GAAQ,OAAAb,EAAA3F,KAAAmD,EAAA,IAAA,CAAjB,YAASqD,CAAQZ,GAAAC,EAAA7F,KAAAmD,EAAAyC,EAAA,IAAA,CAMjB,eAASa,GAAW,OAAAd,EAAA3F,KAAAsD,EAAA,IAAA,CAApB,eAASmD,CAAWb,GAAAC,EAAA7F,KAAAsD,EAAAsC,EAAA,IAAA,CAMpB,cAASc,GAAU,OAAAf,EAAA3F,KAAAyD,EAAA,IAAA,CAAnB,cAASiD,CAAUd,GAAAC,EAAA7F,KAAAyD,EAAAmC,EAAA,IAAA,CAInB,cAASe,GAAU,OAAAhB,EAAA3F,KAAA4D,EAAA,IAAA,CAAnB,cAAS+C,CAAUf,GAAAC,EAAA7F,KAAA4D,EAAAgC,EAAA,IAAA,CAMnB,eAASgB,GAAW,OAAAjB,EAAA3F,KAAA+D,EAAA,IAAA,CAApB,eAAS6C,CAAWhB,GAAAC,EAAA7F,KAAA+D,EAAA6B,EAAA,IAAA,CAMpB,YAASiB,GAAQ,OAAAlB,EAAA3F,KAAAkE,EAAA,IAAA,CAAjB,YAAS2C,CAAQjB,GAAAC,EAAA7F,KAAAkE,EAAA0B,EAAA,IAAA,CAMjB,UAASkB,GAAM,OAAAnB,EAAA3F,KAAAqE,EAAA,IAAA,CAAf,UAASyC,CAAMlB,GAAAC,EAAA7F,KAAAqE,EAAAuB,EAAA,IAAA,CAIf,eAASmB,GAAW,OAAApB,EAAA3F,KAAAwE,EAAA,IAAA,CAApB,eAASuC,CAAWnB,GAAAC,EAAA7F,KAAAwE,EAAAoB,EAAA,IAAA,CAMpB,YAASoB,GAAQ,OAAArB,EAAA3F,KAAA2E,EAAA,IAAA,CAAjB,YAASqC,CAAQpB,GAAAC,EAAA7F,KAAA2E,EAAAiB,EAAA,IAAA,CAMjB,YAASqB,GAAQ,OAAAtB,EAAA3F,KAAA8E,EAAA,IAAA,CAAjB,YAASmC,CAAQrB,GAAAC,EAAA7F,KAAA8E,EAAAc,EAAA,IAAA,CAER,MAAAsB,WACP,MAAMC,EAAa,CACjB,UAAU,EACV,CAAC,WAAWnH,KAAKgG,SAAS,EAC1B,uBAAwBoB,EAAmBC,SAASrH,KAAKgG,MACzD,yBAA0BsB,EAAqBD,SAASrH,KAAKgG,MAC7D,gBAAiBhG,KAAKmG,OAASzE,EAAa6F,MAC5C,gBAAiBvH,KAAKmG,OAASzE,EAAa8F,MAC5C,iBAAkBxH,KAAK0G,YAAc1G,KAAKmG,OAASzE,EAAaC,OAChE,uBAAwB3B,KAAKoG,aAC7B,CAAC,gBAAgBpG,KAAKoG,kBAClBpG,KAAKoG,eAAiBpG,KAAKqF,SAC/B,uBAAsC,QAAboC,EAAAzH,KAAK6G,gBAAQ,IAAAY,OAAA,EAAAA,EAAEC,SAAU1H,KAAKqF,SACvD,gBAAiBrF,KAAKuG,WACtB,iBAAkBvG,KAAKwF,eAAiBxF,KAAKyG,YAC7C,aAA0B,QAAbkB,EAAA3H,KAAK6G,gBAAQ,IAAAc,OAAA,EAAAA,EAAED,SAAU1H,KAAKqF,SAC3CmB,SAAUxG,KAAKwG,SACf,sBAAuBxG,KAAK+G,aAAe/G,KAAKgH,UAAYhH,KAAKiH,UAGnE,OAAOW,CAAI;QACP5H,KAAKiG,MAAsB,KAAdjG,KAAKiG,KAChB2B,CAAI;;;sBAGQC,EAASV;qBACVnH,KAAKiG;uBACHjG,KAAKkG;0BACFlG,KAAKqG;2BACJyB,EAAU9H,KAAK8F;sBACpBgC,EAAU9H,KAAK8F;uBACbiC,GAAa/H,KAAKgI,YAAYD;;;oCAGlB,IAAM/H,KAAKiI;;;gCAGf,IAAMjI,KAAKiI;;;;YAKjCL,CAAI;;;sBAGQC,EAASV;qBACVnH,KAAK+F;0BACA/F,KAAKqG;2BACJyB,EAAU9H,KAAK8F;sBACpBgC,EAAU9H,KAAK8F;qBAChBgC,EAAU9H,KAAKsG;sBACdwB,EAAU9H,KAAK4F;2BACVkC,EAAU9H,KAAK2G;uBAClBoB,GAAa/H,KAAKgI,YAAYD;;;oCAGlB,IAAM/H,KAAKiI;;;gCAGf,IAAMjI,KAAKiI;;;;;MAQjC,WAAAD,CAAYD,GACd/H,KAAK0F,UAAUwC,OACC,WAAdlI,KAAK+F,KACP/F,KAAK0F,UAAUwC,KAAKC,gBACG,UAAdnI,KAAK+F,MACd/F,KAAK0F,UAAUwC,KAAKE,SAIxB,MAAMC,EAAQ,IAAIC,YAAY,WAAY,CACxCC,OAAQ,CAAEC,UAAWT,KAEvB/H,KAAKyI,cAAcJ,GAGb,aAAA/C,WACN,KAAkB,QAAbmC,EAAAzH,KAAK6G,gBAAQ,IAAAY,OAAA,EAAAA,EAAEC,QAClB,OAAO,EAgBT,QAbkC,QAAhBC,EAAA3H,KAAK4G,mBAAW,IAAAe,OAAA,EAAAA,EAAEe,QAAQC,GACP,KAA5BA,EAAKC,YAAYC,UAGSH,QAAQC,IACzC,GAAIA,EAAKG,QAAS,CAChB,MAAMC,EAASC,iBAAiBL,GAChC,MAA0B,SAAnBI,EAAOE,SAA4C,WAAtBF,EAAOG,WAE3C,OAAO,KAIcxB,OAGnB,iBAAAO,WACNjI,KAAKqF,SAAWrF,KAAKsF,gBACrBtF,KAAKgH,YAA0B,QAAbS,EAAAzH,KAAK6G,gBAAQ,IAAAY,OAAA,EAAAA,EAAEC,QAEjC,MAAMyB,EAA4B,QAAhBxB,EAAA3H,KAAK4G,mBAAW,IAAAe,OAAA,EAAAA,EAAEe,QAAQC,GACP,KAA5BA,EAAKC,YAAYC,SAE1B7I,KAAKiH,SAAWkC,EAAUzB,OAAS,EACnC1H,KAAKoJ,gBAUC,aAAAhE,IAEDpF,KAAKuG,YAAcvG,KAAKwF,eAAiB6D,OAAOC,YAAc,IACjEtJ,KAAK0G,YAAa,EAElB1G,KAAK0G,YAAa,EAYd,aAAAjB,GACN,MAAM8D,EAAiBF,OAAOG,QACxBC,EAAeJ,OAAOK,YACtBC,EAAaC,SAASC,gBAAgBC,aAE5C9J,KAAKyG,YAAc8C,GAAkBI,EAAaF,GAAgB,EAG3D,iBAAAM,GACPC,MAAMD,oBACNV,OAAOY,iBAAiB,SAAUjK,KAAKiF,iBACnCjF,KAAKwF,cACP6D,OAAOY,iBAAiB,SAAUjK,KAAKuF,iBAIlC,oBAAA2E,GACPb,OAAOc,oBAAoB,SAAUnK,KAAKiF,iBACtCjF,KAAKwF,cACP6D,OAAOc,oBAAoB,SAAUnK,KAAKuF,iBAE5CyE,MAAME,8fA9QPE,EAAA,CAAAC,KAIAC,EAAA,CAAAC,EAAS,CAAExE,KAAMyE,UAIjBC,EAAA,CAAAF,EAAS,CAAExE,KAAMyE,UAIjBE,EAAA,CAAAH,EAAS,CAAExE,KAAMyE,UAIjBG,GAAA,CAAAJ,EAAS,CAAExE,KAAMyE,UAIjBI,GAAA,CAAAL,EAAS,CAAExE,KAAMyE,UAIjBK,GAAA,CAAAN,EAAS,CAAExE,KAAMyE,UAIjBM,GAAA,CAAAP,EAAS,CAAExE,KAAMyE,UAMjBO,GAAA,CAAAV,SAIAE,EAAS,CAAExE,KAAMiF,QAASC,SAAS,KAInCC,GAAA,CAAAX,EAAS,CAAExE,KAAMyE,UAIjBW,GAAA,CAAAZ,EAAS,CAAExE,KAAMyE,UAIjBY,GAAA,CAAAb,EAAS,CAAExE,KAAMiF,WAIjBK,GAAA,CAAAd,EAAS,CAAExE,KAAMiF,WAIjBM,GAAA,CAAAf,EAAS,CAAExE,KAAMiF,WAMjBO,GAAA,CAAAlB,KAMAmB,GAAA,CAAAnB,KAIAoB,GAAA,CAAAlB,EAAS,CAAExE,KAAMyE,UAMjBkB,GAAA,CAAAC,KAMAC,GAAA,CAAAC,EAAsB,CAAEC,KAAM,cAM9BC,EAAM,YAINC,GAAA,CAAAzB,EAAS,CAAExE,KAAMiF,WAMjBiB,GAAA,CAAA5B,KAMA6B,GAAA,CAAA7B,KA3GD8B,EAAAvM,EAAA,KAAAwK,EAAA,CAAApE,KAAA,WAAAM,KAAA,YAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,cAAAA,EAAAC,IAAAD,GAAAA,EAAS9G,UAAS3F,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAT9G,UAASE,CAAA,GAAA8G,SAAAC,GAAAzM,GAAAG,IAIlB8L,EAAAvM,EAAA,KAAA0K,EAAA,CAAAtE,KAAA,WAAAM,KAAA,cAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS1G,YAAW/F,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAX1G,YAAWF,CAAA,GAAA8G,SAAAC,GAAArM,GAAAE,IAIpB2L,EAAAvM,EAAA,KAAA6K,EAAA,CAAAzE,KAAA,WAAAM,KAAA,OAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASzG,KAAIhG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAJzG,KAAIH,CAAA,GAAA8G,SAAAC,GAAAlM,GAAAI,IAIbsL,EAAAvM,EAAA,KAAA8K,EAAA,CAAA1E,KAAA,WAAAM,KAAA,OAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASxG,KAAIjG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAJxG,KAAIJ,CAAA,GAAA8G,SAAAC,GAAA7L,GAAAI,IAIbiL,EAAAvM,EAAA,KAAA+K,GAAA,CAAA3E,KAAA,WAAAM,KAAA,OAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASvG,KAAIlG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAJvG,KAAIL,CAAA,GAAA8G,SAAAC,GAAAxL,GAAAE,IAIb8K,EAAAvM,EAAA,KAAAgL,GAAA,CAAA5E,KAAA,WAAAM,KAAA,SAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,WAAAA,EAAAC,IAAAD,GAAAA,EAAStG,OAAMnG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAANtG,OAAMN,CAAA,GAAA8G,SAAAC,GAAArL,GAAAE,IAIf2K,EAAAvM,EAAA,KAAAiL,GAAA,CAAA7E,KAAA,WAAAM,KAAA,OAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASrG,KAAIpG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAJrG,KAAIP,CAAA,GAAA8G,SAAAC,GAAAlL,GAAAI,IAIbsK,EAAAvM,EAAA,KAAAkL,GAAA,CAAA9E,KAAA,WAAAM,KAAA,eAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAASpG,aAAYrG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAZpG,aAAYR,CAAA,GAAA8G,SAAAC,GAAA7K,GAAAI,IAMrBiK,EAAAvM,EAAA,KAAAmL,GAAA,CAAA/E,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASnH,SAAQtF,IAAA,CAAAyM,EAAA5G,KAAA4G,EAARnH,SAAQO,CAAA,GAAA8G,SAAAC,GAAAxK,GAAAE,IAIjB8J,EAAAvM,EAAA,KAAAgN,GAAA,CAAA5G,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASnG,SAAQtG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAARnG,SAAQT,CAAA,GAAA8G,SAAAC,GAAArK,GAAAE,IAIjB2J,EAAAvM,EAAA,KAAAsL,GAAA,CAAAlF,KAAA,WAAAM,KAAA,QAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,UAAAA,EAAAC,IAAAD,GAAAA,EAAS5G,MAAK7F,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAL5G,MAAKA,CAAA,GAAA8G,SAAAC,GAAAlK,GAAAE,IAIdwJ,EAAAvM,EAAA,KAAAuL,GAAA,CAAAnF,KAAA,WAAAM,KAAA,OAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASlG,KAAIvG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAJlG,KAAIV,CAAA,GAAA8G,SAAAC,GAAA/J,GAAAE,IAIbqJ,EAAAvM,EAAA,KAAAwL,GAAA,CAAApF,KAAA,WAAAM,KAAA,aAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAASjG,WAAUxG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAVjG,WAAUX,CAAA,GAAA8G,SAAAC,GAAA5J,GAAAE,IAInBkJ,EAAAvM,EAAA,KAAAyL,GAAA,CAAArF,KAAA,WAAAM,KAAA,eAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAAShH,aAAYzF,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAZhH,aAAYI,CAAA,GAAA8G,SAAAC,GAAAzJ,GAAAE,IAIrB+I,EAAAvM,EAAA,KAAA0L,GAAA,CAAAtF,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAShG,SAAQzG,IAAA,CAAAyM,EAAA5G,KAAA4G,EAARhG,SAAQZ,CAAA,GAAA8G,SAAAC,GAAAtJ,GAAAE,IAMjB4I,EAAAvM,EAAA,KAAA2L,GAAA,CAAAvF,KAAA,WAAAM,KAAA,cAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS/F,YAAW1G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAX/F,YAAWb,CAAA,GAAA8G,SAAAC,GAAAnJ,GAAAE,IAMpByI,EAAAvM,EAAA,KAAA4L,GAAA,CAAAxF,KAAA,WAAAM,KAAA,aAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS9F,WAAU3G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAV9F,WAAUd,CAAA,GAAA8G,SAAAC,GAAAhJ,GAAAE,IAInBsI,EAAAvM,EAAA,KAAA6L,GAAA,CAAAzF,KAAA,WAAAM,KAAA,aAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS7F,WAAU5G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAV7F,WAAUf,CAAA,GAAA8G,SAAAC,GAAA7I,GAAAE,IAMnBmI,EAAAvM,EAAA,KAAA8L,GAAA,CAAA1F,KAAA,WAAAM,KAAA,cAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS5F,YAAW7G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAX5F,YAAWhB,CAAA,GAAA8G,SAAAC,GAAA1I,GAAAE,IAMpBgI,EAAAvM,EAAA,KAAAgM,GAAA,CAAA5F,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS3F,SAAQ9G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAR3F,SAAQjB,CAAA,GAAA8G,SAAAC,GAAAvI,GAAAE,IAMjB6H,EAAAvM,EAAA,KAAAiN,GAAA,CAAA7G,KAAA,WAAAM,KAAA,SAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,WAAAA,EAAAC,IAAAD,GAAAA,EAAS1F,OAAM/G,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAN1F,OAAMlB,CAAA,GAAA8G,SAAAC,GAAApI,GAAAE,IAIf0H,EAAAvM,EAAA,KAAAoM,GAAA,CAAAhG,KAAA,WAAAM,KAAA,cAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAASzF,YAAWhH,IAAA,CAAAyM,EAAA5G,KAAA4G,EAAXzF,YAAWnB,CAAA,GAAA8G,SAAAC,GAAAjI,GAAAE,IAMpBuH,EAAAvM,EAAA,KAAAqM,GAAA,CAAAjG,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASxF,SAAQjH,IAAA,CAAAyM,EAAA5G,KAAA4G,EAARxF,SAAQpB,CAAA,GAAA8G,SAAAC,GAAA9H,GAAAE,IAMjBoH,EAAAvM,EAAA,KAAAsM,GAAA,CAAAlG,KAAA,WAAAM,KAAA,WAAA8F,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASvF,SAAQlH,IAAA,CAAAyM,EAAA5G,KAAA4G,EAARvF,SAAQrB,CAAA,GAAA8G,SAAAC,GAAA3H,GAAAE,IAhInBiH,EAAA,KAAAW,EAAA,CAAAlH,MAAAhG,GAAAmN,GAAA,CAAA/G,KAAA,QAAAM,KAAA1G,EAAA0G,KAAAoG,SAAAC,GAAA,KAAAK,kHACkBpN,EAAAqN,OAASC,EAAUC,GAGnBvN,EAAAwN,kBAAoB,IAC/BzN,EAAWyN,kBACdC,gBAAgB,GAOXzN,EAAA0N,gBAAiB,EAbbrN,EAAAL,EAAAoN,OAAM"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/reusable/button/button.ts"],"sourcesContent":["/**\n * Copyright Kyndryl, Inc. 2023\n */\n\nimport { html, LitElement, unsafeCSS } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  query,\n  queryAssignedNodes,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { debounce } from '../../../common/helpers/helpers';\n\nimport {\n  BUTTON_KINDS,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  BUTTON_ICON_POSITION,\n  BUTTON_KINDS_SOLID,\n  BUTTON_KINDS_OUTLINE,\n} from './defs';\n\nimport stylesheet from './button.scss?inline';\n\n/**\n * Button component.\n *\n * @slot unnamed - Slot for button text.\n * @slot icon - Slot for an icon.\n * @fires on-click - Emits the original click event.\n */\n@customElement('kyn-button')\nexport class Button extends LitElement {\n  static override styles = unsafeCSS(stylesheet);\n\n  /** @ignore */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * Associate the component with forms.\n   * @ignore\n   */\n  static formAssociated = true;\n\n  /**\n   * Attached internals for form association.\n   * @ignore\n   */\n  @state()\n  accessor internals = this.attachInternals();\n\n  /** ARIA label for the button for accessibility. */\n  @property({ type: String })\n  accessor description = '';\n\n  /** Type for the &lt;button&gt; element. */\n  @property({ type: String })\n  accessor type: BUTTON_TYPES = BUTTON_TYPES.BUTTON;\n\n  /** Specifies the visual appearance/kind of the button. */\n  @property({ type: String })\n  accessor kind: BUTTON_KINDS = BUTTON_KINDS.PRIMARY;\n\n  /** Converts the button to an &lt;a&gt; tag if specified. */\n  @property({ type: String })\n  accessor href = '';\n\n  /** Link target, only valid if href is supplied. */\n  @property({ type: String })\n  accessor target = '_self';\n\n  /** Specifies the size of the button. */\n  @property({ type: String })\n  accessor size: BUTTON_SIZES = BUTTON_SIZES.MEDIUM;\n\n  /** Specifies the position of the icon relative to any button text. */\n  @property({ type: String })\n  accessor iconPosition: BUTTON_ICON_POSITION = BUTTON_ICON_POSITION.CENTER;\n\n  /** Determines if the button is disabled.\n   * @internal\n   */\n  @state()\n  accessor iconOnly = false;\n\n  /** Determines if the button is disabled. */\n  @property({ type: Boolean, reflect: true })\n  accessor disabled = false;\n\n  /** Button value.  */\n  @property({ type: String })\n  accessor value = '';\n\n  /** Button name. */\n  @property({ type: String })\n  accessor name = '';\n\n  /** Determines if the button is Floatable */\n  @property({ type: Boolean })\n  accessor isFloating = false;\n\n  /** Show button after scrolling to 50% of the page */\n  @property({ type: Boolean })\n  accessor showOnScroll = false;\n\n  /** Button selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Determines showButton state .\n   * @internal\n   */\n  @state()\n  accessor _showButton = false;\n\n  /** re-size button to 'medium' at mobile breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _reSizeBtn = false;\n\n  /** Button formmethod.  */\n  @property({ type: String })\n  accessor formmethod!: any;\n\n  /** Queries default slot nodes.\n   * @internal\n   */\n  @queryAssignedNodes()\n  accessor _slottedEls!: Array<any>;\n\n  /** Queries icon slot nodes.\n   * @internal\n   */\n  @queryAssignedElements({ slot: 'icon' })\n  accessor _iconEls!: Array<any>;\n\n  /** Queries the .button element.\n   * @internal\n   */\n  @query('.button')\n  accessor _btnEl!: any;\n\n  /** Aligns button text and icon at the edges when `kyn-button` has a set width.*/\n  @property({ type: Boolean })\n  accessor splitLayout = false;\n\n  /** Determines _hasIcon state\n   * @internal\n   */\n  @state()\n  accessor _hasIcon = false;\n\n  /** Determines _hasText state\n   * @internal\n   */\n  @state()\n  accessor _hasText = false;\n\n  override render() {\n    const BtnClasses = {\n      'kd-btn': true,\n      [`kd-btn--${this.kind}`]: true,\n      'kd-btn--solid-styles': BUTTON_KINDS_SOLID.includes(this.kind),\n      'kd-btn--outline-styles': BUTTON_KINDS_OUTLINE.includes(this.kind),\n      'kd-btn--large': this.size === BUTTON_SIZES.LARGE,\n      'kd-btn--small': this.size === BUTTON_SIZES.SMALL,\n      'kd-btn--medium': this._reSizeBtn || this.size === BUTTON_SIZES.MEDIUM,\n      'kd-btn--icon-align': !!this.iconPosition,\n      [`kd-btn--icon-${this.iconPosition}`]:\n        !!this.iconPosition && !this.iconOnly,\n      [`kd-btn--icon-center`]: this._iconEls?.length && this.iconOnly,\n      'kd-btn--float': this.isFloating,\n      'kd-btn--hidden': this.showOnScroll && !this._showButton,\n      'icon-only': this._iconEls?.length && this.iconOnly,\n      selected: this.selected,\n      'kd-btn--splitLayout': this.splitLayout && this._hasIcon && this._hasText,\n    };\n\n    return html`\n      ${this.href && this.href !== ''\n        ? html`\n            <a\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              href=${this.href}\n              target=${this.target}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </a>\n          `\n        : html`\n            <button\n              part=\"button\"\n              class=${classMap(BtnClasses)}\n              type=${this.type}\n              ?disabled=${this.disabled}\n              aria-label=${ifDefined(this.description)}\n              title=${ifDefined(this.description)}\n              name=${ifDefined(this.name)}\n              value=${ifDefined(this.value)}\n              formmethod=${ifDefined(this.formmethod)}\n              @click=${(e: Event) => this.handleClick(e)}\n            >\n              <span>\n                <slot @slotchange=${() => this._handleSlotChange()}></slot>\n                <slot\n                  name=\"icon\"\n                  @slotchange=${() => this._handleSlotChange()}\n                ></slot>\n              </span>\n            </button>\n          `}\n    `;\n  }\n\n  private handleClick(e: Event) {\n    if (this.internals.form) {\n      if (this.type === 'submit') {\n        this.internals.form.requestSubmit();\n      } else if (this.type === 'reset') {\n        this.internals.form.reset();\n      }\n    }\n\n    const event = new CustomEvent('on-click', {\n      detail: { origEvent: e },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _testIconOnly() {\n    if (!this._iconEls?.length) {\n      return false;\n    }\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n\n    const VisibleTextNodes = TextNodes.filter((node: any) => {\n      if (node.tagName) {\n        const Styles = getComputedStyle(node);\n        return Styles.display !== 'none' && Styles.visibility !== 'hidden';\n      } else {\n        return true;\n      }\n    });\n\n    return !VisibleTextNodes.length;\n  }\n\n  private _handleSlotChange() {\n    this.iconOnly = this._testIconOnly();\n    this._hasIcon = !!this._iconEls?.length;\n\n    const TextNodes = this._slottedEls?.filter((node: any) => {\n      return node.textContent.trim() !== '';\n    });\n    this._hasText = TextNodes.length > 0;\n    this.requestUpdate();\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._reSizeButton();\n    this.iconOnly = this._testIconOnly();\n  });\n\n  /** @internal */\n  private _reSizeButton() {\n    // Resize button to medium at mobile breakpoint\n    if ((this.isFloating || this.showOnScroll) && window.innerWidth <= 672) {\n      this._reSizeBtn = true;\n    } else {\n      this._reSizeBtn = false;\n    }\n  }\n\n  /** @internal */\n  private _debounceScroll = debounce(() => {\n    if (this.showOnScroll) {\n      this._handleScroll();\n    }\n  });\n\n  /** @internal */\n  private _handleScroll() {\n    const scrollPosition = window.scrollY;\n    const windowHeight = window.innerHeight;\n    const pageHeight = document.documentElement.scrollHeight;\n    // Show the button if scrolled 50% of the page\n    this._showButton = scrollPosition > (pageHeight - windowHeight) / 2;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.addEventListener('scroll', this._debounceScroll);\n    }\n  }\n\n  override disconnectedCallback() {\n    window.removeEventListener('resize', this._debounceResize);\n    if (this.showOnScroll) {\n      window.removeEventListener('scroll', this._debounceScroll);\n    }\n    super.disconnectedCallback();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-button': Button;\n  }\n}\n"],"names":["Button","customElement","LitElement","_classThis","_classSuper","_Button_internals_accessor_storage","set","this","__runInitializers","_internals_initializers","attachInternals","_Button_description_accessor_storage","_internals_extraInitializers","_description_initializers","_Button_type_accessor_storage","_description_extraInitializers","_type_initializers","BUTTON_TYPES","BUTTON","_Button_kind_accessor_storage","_type_extraInitializers","_kind_initializers","BUTTON_KINDS","PRIMARY","_Button_href_accessor_storage","_kind_extraInitializers","_href_initializers","_Button_target_accessor_storage","_href_extraInitializers","_target_initializers","_Button_size_accessor_storage","_target_extraInitializers","_size_initializers","BUTTON_SIZES","MEDIUM","_Button_iconPosition_accessor_storage","_size_extraInitializers","_iconPosition_initializers","BUTTON_ICON_POSITION","CENTER","_Button_iconOnly_accessor_storage","_iconPosition_extraInitializers","_iconOnly_initializers","_Button_disabled_accessor_storage","_iconOnly_extraInitializers","_disabled_initializers","_Button_value_accessor_storage","_disabled_extraInitializers","_value_initializers","_Button_name_accessor_storage","_value_extraInitializers","_name_initializers","_Button_isFloating_accessor_storage","_name_extraInitializers","_isFloating_initializers","_Button_showOnScroll_accessor_storage","_isFloating_extraInitializers","_showOnScroll_initializers","_Button_selected_accessor_storage","_showOnScroll_extraInitializers","_selected_initializers","_Button__showButton_accessor_storage","_selected_extraInitializers","__showButton_initializers","_Button__reSizeBtn_accessor_storage","__showButton_extraInitializers","__reSizeBtn_initializers","_Button_formmethod_accessor_storage","__reSizeBtn_extraInitializers","_formmethod_initializers","_Button__slottedEls_accessor_storage","_formmethod_extraInitializers","__slottedEls_initializers","_Button__iconEls_accessor_storage","__slottedEls_extraInitializers","__iconEls_initializers","_Button__btnEl_accessor_storage","__iconEls_extraInitializers","__btnEl_initializers","_Button_splitLayout_accessor_storage","__btnEl_extraInitializers","_splitLayout_initializers","_Button__hasIcon_accessor_storage","_splitLayout_extraInitializers","__hasIcon_initializers","_Button__hasText_accessor_storage","__hasIcon_extraInitializers","__hasText_initializers","_debounceResize","__hasText_extraInitializers","debounce","_reSizeButton","iconOnly","_testIconOnly","_debounceScroll","showOnScroll","_handleScroll","internals","__classPrivateFieldGet","value","__classPrivateFieldSet","description","type","kind","href","target","size","iconPosition","disabled","name","isFloating","selected","_showButton","_reSizeBtn","formmethod","_slottedEls","_iconEls","_btnEl","splitLayout","_hasIcon","_hasText","render","BtnClasses","BUTTON_KINDS_SOLID","includes","BUTTON_KINDS_OUTLINE","LARGE","SMALL","_a","length","_b","html","classMap","ifDefined","e","handleClick","_handleSlotChange","form","requestSubmit","reset","event","CustomEvent","detail","origEvent","dispatchEvent","filter","node","textContent","trim","tagName","Styles","getComputedStyle","display","visibility","TextNodes","requestUpdate","window","innerWidth","scrollPosition","scrollY","windowHeight","innerHeight","pageHeight","document","documentElement","scrollHeight","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","_internals_decorators","state","_description_decorators","property","String","_type_decorators","_kind_decorators","_href_decorators","_target_decorators","_size_decorators","_iconPosition_decorators","_iconOnly_decorators","Boolean","reflect","_value_decorators","_name_decorators","_isFloating_decorators","_showOnScroll_decorators","_selected_decorators","__showButton_decorators","__reSizeBtn_decorators","_formmethod_decorators","__slottedEls_decorators","queryAssignedNodes","__iconEls_decorators","queryAssignedElements","slot","query","_splitLayout_decorators","__hasIcon_decorators","__hasText_decorators","__esDecorate","static","private","access","has","obj","get","metadata","_metadata","_disabled_decorators","__btnEl_decorators","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","stylesheet","shadowRootOptions","delegatesFocus","formAssociated"],"mappings":"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"}

package/components/reusable/button/defs.d.ts

@@ -21,7 +21,8 @@ export declare enum BUTTON_KINDS {
 export declare enum BUTTON_SIZES {
     LARGE = "large",
     MEDIUM = "medium",
-    SMALL = "small"
+    SMALL = "small",
+    EXTRA_SMALL = "extra-small"
 }
 export declare enum BUTTON_ICON_POSITION {
     CENTER = "center",

package/components/reusable/button/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/button/defs.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,qBAAqB,0BAA0B;IAC/C,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,KAAK,UAAU;IACf,iBAAiB,sBAAsB;IACvC,OAAO,YAAY;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,kBAAkB,gBAS9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gBAIhC,CAAC"}
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/button/defs.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,SAAS,cAAc;IACvB,YAAY,iBAAiB;IAC7B,qBAAqB,0BAA0B;IAC/C,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,KAAK,UAAU;IACf,iBAAiB,sBAAsB;IACvC,OAAO,YAAY;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC5B;AAED,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,kBAAkB,gBAS9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gBAIhC,CAAC"}

package/components/reusable/button/defs.js

@@ -1,2 +1,2 @@
-var E,T,R,t;!function(E){E.BUTTON="button",E.SUBMIT="submit",E.RESET="reset"}(E||(E={})),function(E){E.PRIMARY="primary",E.PRIMARY_AI="primary-ai",E.PRIMARY_DESTRUCTIVE="primary-destructive",E.SECONDARY="secondary",E.SECONDARY_AI="secondary-ai",E.SECONDARY_DESTRUCTIVE="secondary-destructive",E.TERTIARY="tertiary",E.OUTLINE="outline",E.OUTLINE_AI="outline-ai",E.OUTLINE_DESTRUCTIVE="outline-destructive",E.GHOST="ghost",E.GHOST_DESTRUCTIVE="ghost-destructive",E.CONTENT="content"}(T||(T={})),function(E){E.LARGE="large",E.MEDIUM="medium",E.SMALL="small"}(R||(R={})),function(E){E.CENTER="center",E.LEFT="left",E.RIGHT="right"}(t||(t={}));const I=[T.PRIMARY,T.PRIMARY_AI,T.PRIMARY_DESTRUCTIVE,T.SECONDARY,T.SECONDARY_AI,T.SECONDARY_DESTRUCTIVE,T.TERTIARY,T.CONTENT],e=[T.OUTLINE,T.OUTLINE_AI,T.OUTLINE_DESTRUCTIVE];export{t as BUTTON_ICON_POSITION,T as BUTTON_KINDS,e as BUTTON_KINDS_OUTLINE,I as BUTTON_KINDS_SOLID,R as BUTTON_SIZES,E as BUTTON_TYPES};
+var E,T,R,t;!function(E){E.BUTTON="button",E.SUBMIT="submit",E.RESET="reset"}(E||(E={})),function(E){E.PRIMARY="primary",E.PRIMARY_AI="primary-ai",E.PRIMARY_DESTRUCTIVE="primary-destructive",E.SECONDARY="secondary",E.SECONDARY_AI="secondary-ai",E.SECONDARY_DESTRUCTIVE="secondary-destructive",E.TERTIARY="tertiary",E.OUTLINE="outline",E.OUTLINE_AI="outline-ai",E.OUTLINE_DESTRUCTIVE="outline-destructive",E.GHOST="ghost",E.GHOST_DESTRUCTIVE="ghost-destructive",E.CONTENT="content"}(T||(T={})),function(E){E.LARGE="large",E.MEDIUM="medium",E.SMALL="small",E.EXTRA_SMALL="extra-small"}(R||(R={})),function(E){E.CENTER="center",E.LEFT="left",E.RIGHT="right"}(t||(t={}));const I=[T.PRIMARY,T.PRIMARY_AI,T.PRIMARY_DESTRUCTIVE,T.SECONDARY,T.SECONDARY_AI,T.SECONDARY_DESTRUCTIVE,T.TERTIARY,T.CONTENT],e=[T.OUTLINE,T.OUTLINE_AI,T.OUTLINE_DESTRUCTIVE];export{t as BUTTON_ICON_POSITION,T as BUTTON_KINDS,e as BUTTON_KINDS_OUTLINE,I as BUTTON_KINDS_SOLID,R as BUTTON_SIZES,E as BUTTON_TYPES};
 //# sourceMappingURL=defs.js.map

package/components/reusable/button/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","sources":["../../../../src/components/reusable/button/defs.ts"],"sourcesContent":["export enum BUTTON_TYPES {\n  BUTTON = 'button',\n  SUBMIT = 'submit',\n  RESET = 'reset',\n}\n\nexport enum BUTTON_KINDS {\n  PRIMARY = 'primary',\n  PRIMARY_AI = 'primary-ai',\n  PRIMARY_DESTRUCTIVE = 'primary-destructive',\n  SECONDARY = 'secondary',\n  SECONDARY_AI = 'secondary-ai',\n  SECONDARY_DESTRUCTIVE = 'secondary-destructive',\n  TERTIARY = 'tertiary',\n  OUTLINE = 'outline',\n  OUTLINE_AI = 'outline-ai',\n  OUTLINE_DESTRUCTIVE = 'outline-destructive',\n  GHOST = 'ghost',\n  GHOST_DESTRUCTIVE = 'ghost-destructive',\n  CONTENT = 'content',\n}\n\nexport enum BUTTON_SIZES {\n  LARGE = 'large',\n  MEDIUM = 'medium',\n  SMALL = 'small',\n}\n\nexport enum BUTTON_ICON_POSITION {\n  CENTER = 'center',\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const BUTTON_KINDS_SOLID = [\n  BUTTON_KINDS.PRIMARY,\n  BUTTON_KINDS.PRIMARY_AI,\n  BUTTON_KINDS.PRIMARY_DESTRUCTIVE,\n  BUTTON_KINDS.SECONDARY,\n  BUTTON_KINDS.SECONDARY_AI,\n  BUTTON_KINDS.SECONDARY_DESTRUCTIVE,\n  BUTTON_KINDS.TERTIARY,\n  BUTTON_KINDS.CONTENT,\n];\n\nexport const BUTTON_KINDS_OUTLINE = [\n  BUTTON_KINDS.OUTLINE,\n  BUTTON_KINDS.OUTLINE_AI,\n  BUTTON_KINDS.OUTLINE_DESTRUCTIVE,\n];\n"],"names":["BUTTON_TYPES","BUTTON_KINDS","BUTTON_SIZES","BUTTON_ICON_POSITION","BUTTON_KINDS_SOLID","PRIMARY","PRIMARY_AI","PRIMARY_DESTRUCTIVE","SECONDARY","SECONDARY_AI","SECONDARY_DESTRUCTIVE","TERTIARY","CONTENT","BUTTON_KINDS_OUTLINE","OUTLINE","OUTLINE_AI","OUTLINE_DESTRUCTIVE"],"mappings":"IAAYA,EAMAC,EAgBAC,EAMAC,GA5BZ,SAAYH,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAY,CAAA,IAMxB,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,WAAA,aACAA,EAAA,oBAAA,sBACAA,EAAA,UAAA,YACAA,EAAA,aAAA,eACAA,EAAA,sBAAA,wBACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,WAAA,aACAA,EAAA,oBAAA,sBACAA,EAAA,MAAA,QACAA,EAAA,kBAAA,oBACAA,EAAA,QAAA,SACD,CAdD,CAAYA,IAAAA,EAAY,CAAA,IAgBxB,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAY,CAAA,IAMxB,SAAYC,GACVA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAoB,CAAA,IAMzB,MAAMC,EAAqB,CAChCH,EAAaI,QACbJ,EAAaK,WACbL,EAAaM,oBACbN,EAAaO,UACbP,EAAaQ,aACbR,EAAaS,sBACbT,EAAaU,SACbV,EAAaW,SAGFC,EAAuB,CAClCZ,EAAaa,QACbb,EAAac,WACbd,EAAae"}
+{"version":3,"file":"defs.js","sources":["../../../../src/components/reusable/button/defs.ts"],"sourcesContent":["export enum BUTTON_TYPES {\n  BUTTON = 'button',\n  SUBMIT = 'submit',\n  RESET = 'reset',\n}\n\nexport enum BUTTON_KINDS {\n  PRIMARY = 'primary',\n  PRIMARY_AI = 'primary-ai',\n  PRIMARY_DESTRUCTIVE = 'primary-destructive',\n  SECONDARY = 'secondary',\n  SECONDARY_AI = 'secondary-ai',\n  SECONDARY_DESTRUCTIVE = 'secondary-destructive',\n  TERTIARY = 'tertiary',\n  OUTLINE = 'outline',\n  OUTLINE_AI = 'outline-ai',\n  OUTLINE_DESTRUCTIVE = 'outline-destructive',\n  GHOST = 'ghost',\n  GHOST_DESTRUCTIVE = 'ghost-destructive',\n  CONTENT = 'content',\n}\n\nexport enum BUTTON_SIZES {\n  LARGE = 'large',\n  MEDIUM = 'medium',\n  SMALL = 'small',\n  EXTRA_SMALL = 'extra-small',\n}\n\nexport enum BUTTON_ICON_POSITION {\n  CENTER = 'center',\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nexport const BUTTON_KINDS_SOLID = [\n  BUTTON_KINDS.PRIMARY,\n  BUTTON_KINDS.PRIMARY_AI,\n  BUTTON_KINDS.PRIMARY_DESTRUCTIVE,\n  BUTTON_KINDS.SECONDARY,\n  BUTTON_KINDS.SECONDARY_AI,\n  BUTTON_KINDS.SECONDARY_DESTRUCTIVE,\n  BUTTON_KINDS.TERTIARY,\n  BUTTON_KINDS.CONTENT,\n];\n\nexport const BUTTON_KINDS_OUTLINE = [\n  BUTTON_KINDS.OUTLINE,\n  BUTTON_KINDS.OUTLINE_AI,\n  BUTTON_KINDS.OUTLINE_DESTRUCTIVE,\n];\n"],"names":["BUTTON_TYPES","BUTTON_KINDS","BUTTON_SIZES","BUTTON_ICON_POSITION","BUTTON_KINDS_SOLID","PRIMARY","PRIMARY_AI","PRIMARY_DESTRUCTIVE","SECONDARY","SECONDARY_AI","SECONDARY_DESTRUCTIVE","TERTIARY","CONTENT","BUTTON_KINDS_OUTLINE","OUTLINE","OUTLINE_AI","OUTLINE_DESTRUCTIVE"],"mappings":"IAAYA,EAMAC,EAgBAC,EAOAC,GA7BZ,SAAYH,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAY,CAAA,IAMxB,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,WAAA,aACAA,EAAA,oBAAA,sBACAA,EAAA,UAAA,YACAA,EAAA,aAAA,eACAA,EAAA,sBAAA,wBACAA,EAAA,SAAA,WACAA,EAAA,QAAA,UACAA,EAAA,WAAA,aACAA,EAAA,oBAAA,sBACAA,EAAA,MAAA,QACAA,EAAA,kBAAA,oBACAA,EAAA,QAAA,SACD,CAdD,CAAYA,IAAAA,EAAY,CAAA,IAgBxB,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,QACAA,EAAA,YAAA,aACD,CALD,CAAYA,IAAAA,EAAY,CAAA,IAOxB,SAAYC,GACVA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAoB,CAAA,IAMzB,MAAMC,EAAqB,CAChCH,EAAaI,QACbJ,EAAaK,WACbL,EAAaM,oBACbN,EAAaO,UACbP,EAAaQ,aACbR,EAAaS,sBACbT,EAAaU,SACbV,EAAaW,SAGFC,EAAuB,CAClCZ,EAAaa,QACbb,EAAac,WACbd,EAAae"}

package/components/reusable/widget/sample/gridstack.newWidget.sample.d.ts

@@ -84,6 +84,19 @@ export declare class NewWidgetSample extends LitElement {
         color: string;
         selected: boolean;
     }[];
+    accessor modifiedConfig: {
+        acceptWidgets: (el: any) => boolean;
+        handle: string;
+        margin: number;
+        animate: boolean;
+        columnOpts: {
+            breakpointForWindow: boolean;
+            breakpoints: {
+                w: number;
+                c: number;
+            }[];
+        };
+    };
     render(): import("lit-html").TemplateResult<1>;
     handleListDisplay(items: any, size: number): any[];
     toggleList(): Promise<void>;

package/components/reusable/widget/sample/gridstack.newWidget.sample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gridstack.newWidget.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/widget/sample/gridstack.newWidget.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,UAAU,CAAC;AAClB,OAAO,wDAAwD,CAAC;AAqBhE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,YAAY,CAAC;AACpB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,WAAW,CAAC;AACnB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AACrB,OAAO,wCAAwC,CAAC;AAchD;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAwB;IAE7C,OAAO,CAAC,WAAW;IA2CnB,QAAQ,CAAC,KAAK;;;;QAyCZ;IAGF,QAAQ,CAAC,WAAW;;;;;QAqClB;IAGF,QAAQ,CAAC,aAAa,SAAa;IAGnC,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,eAAe,UAAS;IAGjC,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,WAAW,UAAS;IAG7B,QAAQ,CAAC,iBAAiB,UAAS;IAGnC,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAgB;IAGrC,QAAQ,CAAC,sBAAsB;;;QAG3B;IAEK,MAAM;IAiRf,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM;IAQpC,UAAU;IAkBhB,OAAO,CAAC,0BAA0B;IAsFlC,OAAO,CAAC,iBAAiB;IAiDzB,OAAO,CAAC,qBAAqB;IA4C7B,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,iBAAiB;IA2DzB,OAAO,CAAC,oBAAoB;IA8E5B,OAAO,CAAC,0BAA0B;IAwClC,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,iBAAiB;IAsCzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,iBAAiB;CAI1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
+{"version":3,"file":"gridstack.newWidget.sample.d.ts","sourceRoot":"","sources":["../../../../../src/components/reusable/widget/sample/gridstack.newWidget.sample.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,UAAU,CAAC;AAClB,OAAO,wDAAwD,CAAC;AAqBhE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,YAAY,CAAC;AACpB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AACzB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,WAAW,CAAC;AACnB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AACrB,OAAO,wCAAwC,CAAC;AAchD;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAwB;IAE7C,OAAO,CAAC,WAAW;IA2CnB,QAAQ,CAAC,KAAK;;;;QAyCZ;IAGF,QAAQ,CAAC,WAAW;;;;;QAqClB;IAGF,QAAQ,CAAC,aAAa,SAAa;IAGnC,QAAQ,CAAC,UAAU,UAAS;IAG5B,QAAQ,CAAC,eAAe,UAAS;IAGjC,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,WAAW,UAAS;IAG7B,QAAQ,CAAC,iBAAiB,UAAS;IAGnC,QAAQ,CAAC,gBAAgB,UAAS;IAGlC,QAAQ,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAgB;IAGrC,QAAQ,CAAC,sBAAsB;;;QAG3B;IAGJ,QAAQ,CAAC,cAAc;4BAED,GAAG;;;;;;;;;;;MAOvB;IAEO,MAAM;IAsQf,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM;IAQpC,UAAU;IAkBhB,OAAO,CAAC,0BAA0B;IAsFlC,OAAO,CAAC,iBAAiB;IAiDzB,OAAO,CAAC,qBAAqB;IA4C7B,OAAO,CAAC,gBAAgB;IAkBxB,OAAO,CAAC,iBAAiB;IA2DzB,OAAO,CAAC,oBAAoB;IA8E5B,OAAO,CAAC,0BAA0B;IAwClC,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,iBAAiB;IAYzB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,iBAAiB;IAsCzB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,iBAAiB;CAI1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/components/reusable/widget/widget.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
  * Widget.
  * @fires on-select - Emits the widget selected state .
  * @slot unnamed - Slot for widget content.
- * @slot action - Slot for action buttons.
+ * @slot actions - Slot for action buttons.
  * @slot tooltip - Slot for tooltip in header.
  * @slot draghandle - Slot for drag handle.
  * @slot footer - Slot for footer content.
@@ -22,6 +22,10 @@ export declare class Widget extends LitElement {
     accessor selectable: boolean;
     /** Widget selected state. */
     accessor selected: boolean;
+    /** Widget compact state, reduced padding. */
+    accessor compact: boolean;
+    /** Removes the widget header. */
+    accessor removeHeader: boolean;
     /** Slotted chart element.
      * @internal
      */

package/components/reusable/widget/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAOlD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAqB;IAE3C,oBAAoB;IAEpB,QAAQ,CAAC,WAAW,SAAM;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,QAAQ,SAAM;IAEvB,gCAAgC;IAEhC,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,+BAA+B;IAE/B,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEb,MAAM;IAiEf,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;CAOxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAOlD;;;;;;;;GAQG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAqB;IAE3C,oBAAoB;IAEpB,QAAQ,CAAC,WAAW,SAAM;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,QAAQ,SAAM;IAEvB,gCAAgC;IAEhC,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,+BAA+B;IAE/B,QAAQ,CAAC,UAAU,UAAS;IAE5B,6BAA6B;IAE7B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,6CAA6C;IAE7C,QAAQ,CAAC,OAAO,UAAS;IAEzB,iCAAiC;IAEjC,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,MAAM,EAAG,GAAG,CAAC;IAEb,MAAM;IAyEf,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,eAAe;CAOxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,MAAM,CAAC;KACtB;CACF"}

package/components/reusable/widget/widget.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as l,a as d,t as r,r as n,n as o}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as c,o as h,x as g}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as m}from"../../../vendor/lit-element-m-OqzV5s.js";import{C as v}from"../../../vendor/@kyndryl-design-system/shidoka-icons-uyH_CbXn.js";var p=l`*,
+import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as d,a as l,t as r,r as o,n}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as c,x as h,o as g}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as m}from"../../../vendor/lit-element-m-OqzV5s.js";import{C as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-uyH_CbXn.js";var v=d`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -62,12 +62,15 @@ import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
 .widget.drag-active {
   box-shadow: var(--kd-elevation-level-4);
 }
+.widget.compact {
+  padding-top: 0;
+}
 
 .widget-header {
   display: flex;
   align-items: center;
   margin: 8px 16px 0 16px;
-  height: 40px;
+  height: 34px;
 }
 .has-chart .widget-header {
   display: none;
@@ -138,12 +141,19 @@ import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
     line-height: var(--kd-line-height-utility-3-max);
   }
 }
+.compact .widget-header .description {
+  display: none;
+}
 .widget-header .actions {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-left: auto;
 }
+.compact .widget-header {
+  margin: 4px 4px 0 4px;
+  height: 24px;
+}
 
 .widget-content {
   position: relative;
@@ -153,6 +163,9 @@ import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
   overflow: auto;
   flex-grow: 1;
 }
+.compact .widget-content {
+  padding: 4px;
+}
 
 .widget-body {
   overflow: auto;
@@ -163,11 +176,18 @@ import{_ as e,a as t,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
   display: flex;
   justify-content: space-between;
   align-items: center;
+  gap: 8px;
+}
+.compact .widget-footer {
+  gap: 4px;
 }
 
 slot[name=footer]::slotted(*) {
   margin-top: 8px;
 }
+.compact slot[name=footer]::slotted(*) {
+  margin-top: 4px;
+}
 
 .opacity-overlay {
   position: absolute;
@@ -216,7 +236,7 @@ slot[name=footer]::slotted(*) {
 }
 .widget.selectable:focus-visible {
   outline-color: var(--kd-color-border-variants-focus);
-}`;let u=(()=>{var l,u,k,f,b,w,y;let x,z,_,T,$,j,C,S,W,A=[r("kyn-widget")],B=[],M=m,E=[],q=[],D=[],K=[],O=[],P=[],U=[],F=[],G=[],H=[],I=[],J=[],L=[],N=[];return z=class extends M{get widgetTitle(){return a(this,l,"f")}set widgetTitle(e){s(this,l,e,"f")}get subTitle(){return a(this,u,"f")}set subTitle(e){s(this,u,e,"f")}get dragActive(){return a(this,k,"f")}set dragActive(e){s(this,k,e,"f")}get disabled(){return a(this,f,"f")}set disabled(e){s(this,f,e,"f")}get selectable(){return a(this,b,"f")}set selectable(e){s(this,b,e,"f")}get selected(){return a(this,w,"f")}set selected(e){s(this,w,e,"f")}get _chart(){return a(this,y,"f")}set _chart(e){s(this,y,e,"f")}render(){const e={widget:!0,"drag-active":this.dragActive,"has-chart":this._chart,disabled:this.disabled,selectable:this.selectable,selected:this.selected};return g`
+}`;let u=(()=>{var d,u,k,f,b,w,y,x,z;let _,T,$,j,W,B,C,M,S,A,H,E=[r("kyn-widget")],q=[],D=m,K=[],O=[],P=[],U=[],F=[],G=[],I=[],J=[],L=[],N=[],Q=[],R=[],V=[],X=[],Y=[],Z=[],ee=[],te=[];return T=class extends D{get widgetTitle(){return a(this,d,"f")}set widgetTitle(e){s(this,d,e,"f")}get subTitle(){return a(this,u,"f")}set subTitle(e){s(this,u,e,"f")}get dragActive(){return a(this,k,"f")}set dragActive(e){s(this,k,e,"f")}get disabled(){return a(this,f,"f")}set disabled(e){s(this,f,e,"f")}get selectable(){return a(this,b,"f")}set selectable(e){s(this,b,e,"f")}get selected(){return a(this,w,"f")}set selected(e){s(this,w,e,"f")}get compact(){return a(this,y,"f")}set compact(e){s(this,y,e,"f")}get removeHeader(){return a(this,x,"f")}set removeHeader(e){s(this,x,e,"f")}get _chart(){return a(this,z,"f")}set _chart(e){s(this,z,e,"f")}render(){const e={widget:!0,"drag-active":this.dragActive,"has-chart":this._chart,disabled:this.disabled,selectable:this.selectable,selected:this.selected,compact:this.compact};return h`
       <div
         class=${c(e)}
         role="group"
@@ -225,22 +245,27 @@ slot[name=footer]::slotted(*) {
         @keydown=${this._handleKeyDown}
         tabindex=${this.selectable&&!this.disabled?0:-1}
       >
-        <div class="widget-header">
-          <slot name="draghandle"></slot>
+        ${this.removeHeader?null:h`
+              <div class="widget-header">
+                <slot name="draghandle"></slot>
 
-          <div class="title-desc">
-            <div class="title">
-              ${this.widgetTitle}
-              <slot name="tooltip"></slot>
-            </div>
+                <div class="title-desc">
+                  <div class="title">
+                    ${this.widgetTitle}
+                    <slot name="tooltip"></slot>
+                  </div>
 
-            <div class="description">${this.subTitle}</div>
-          </div>
+                  <div class="description">${this.subTitle}</div>
+                </div>
 
-          <div class="actions">
-            <slot name="actions" tabindex=${this.selectable?-1:0}></slot>
-          </div>
-        </div>
+                <div class="actions">
+                  <slot
+                    name="actions"
+                    tabindex=${this.selectable?-1:0}
+                  ></slot>
+                </div>
+              </div>
+            `}
 
         <div class="widget-content">
           <div class="widget-body">
@@ -255,16 +280,16 @@ slot[name=footer]::slotted(*) {
           </div>
         </div>
 
-        ${this.selectable&&this.selected?g`
+        ${this.selectable&&this.selected?h`
               <div class="opacity-overlay"></div>
               <div class="checkmark-overlay">
                 <div class="checkmark-bg">
                   <span class="checkmark-iconsize"
-                    >${h(v)}</span
+                    >${g(p)}</span
                   >
                 </div>
               </div>
             `:null}
       </div>
-    `}_handleBodyClick(){this.selectable&&!this.disabled&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("on-select",{detail:{selected:this.selected},bubbles:!0,composed:!0})))}_handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||this._handleBodyClick()}_handleSlotChange(){this._updateChildren(),this.requestUpdate()}_updateChildren(){const e=this.querySelector("kd-chart");e&&(this._chart=e,this._chart._widget=!0)}constructor(){super(...arguments),l.set(this,i(this,E,"")),u.set(this,(i(this,q),i(this,D,""))),k.set(this,(i(this,K),i(this,O,!1))),f.set(this,(i(this,P),i(this,U,!1))),b.set(this,(i(this,F),i(this,G,!1))),w.set(this,(i(this,H),i(this,I,!1))),y.set(this,(i(this,J),i(this,L,void 0))),i(this,N)}},l=new WeakMap,u=new WeakMap,k=new WeakMap,f=new WeakMap,b=new WeakMap,w=new WeakMap,y=new WeakMap,e(z,"Widget"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=M[Symbol.metadata])&&void 0!==e?e:null):void 0;_=[o({type:String})],T=[o({type:String})],$=[o({type:Boolean})],j=[o({type:Boolean})],C=[o({type:Boolean})],S=[o({type:Boolean})],W=[d()],t(z,null,_,{kind:"accessor",name:"widgetTitle",static:!1,private:!1,access:{has:e=>"widgetTitle"in e,get:e=>e.widgetTitle,set:(e,t)=>{e.widgetTitle=t}},metadata:i},E,q),t(z,null,T,{kind:"accessor",name:"subTitle",static:!1,private:!1,access:{has:e=>"subTitle"in e,get:e=>e.subTitle,set:(e,t)=>{e.subTitle=t}},metadata:i},D,K),t(z,null,$,{kind:"accessor",name:"dragActive",static:!1,private:!1,access:{has:e=>"dragActive"in e,get:e=>e.dragActive,set:(e,t)=>{e.dragActive=t}},metadata:i},O,P),t(z,null,j,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},U,F),t(z,null,C,{kind:"accessor",name:"selectable",static:!1,private:!1,access:{has:e=>"selectable"in e,get:e=>e.selectable,set:(e,t)=>{e.selectable=t}},metadata:i},G,H),t(z,null,S,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},I,J),t(z,null,W,{kind:"accessor",name:"_chart",static:!1,private:!1,access:{has:e=>"_chart"in e,get:e=>e._chart,set:(e,t)=>{e._chart=t}},metadata:i},L,N),t(null,x={value:z},A,{kind:"class",name:z.name,metadata:i},null,B),z=x.value,i&&Object.defineProperty(z,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),z.styles=n(p),i(z,B),z})();export{u as Widget};
+    `}_handleBodyClick(){this.selectable&&!this.disabled&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent("on-select",{detail:{selected:this.selected},bubbles:!0,composed:!0})))}_handleKeyDown(e){"Enter"!==e.key&&" "!==e.key||this._handleBodyClick()}_handleSlotChange(){this._updateChildren(),this.requestUpdate()}_updateChildren(){const e=this.querySelector("kd-chart");e&&(this._chart=e,this._chart._widget=!0)}constructor(){super(...arguments),d.set(this,i(this,K,"")),u.set(this,(i(this,O),i(this,P,""))),k.set(this,(i(this,U),i(this,F,!1))),f.set(this,(i(this,G),i(this,I,!1))),b.set(this,(i(this,J),i(this,L,!1))),w.set(this,(i(this,N),i(this,Q,!1))),y.set(this,(i(this,R),i(this,V,!1))),x.set(this,(i(this,X),i(this,Y,!1))),z.set(this,(i(this,Z),i(this,ee,void 0))),i(this,te)}},d=new WeakMap,u=new WeakMap,k=new WeakMap,f=new WeakMap,b=new WeakMap,w=new WeakMap,y=new WeakMap,x=new WeakMap,z=new WeakMap,e(T,"Widget"),(()=>{var e;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=D[Symbol.metadata])&&void 0!==e?e:null):void 0;$=[n({type:String})],j=[n({type:String})],W=[n({type:Boolean})],B=[n({type:Boolean})],C=[n({type:Boolean})],M=[n({type:Boolean})],S=[n({type:Boolean})],A=[n({type:Boolean})],H=[l()],t(T,null,$,{kind:"accessor",name:"widgetTitle",static:!1,private:!1,access:{has:e=>"widgetTitle"in e,get:e=>e.widgetTitle,set:(e,t)=>{e.widgetTitle=t}},metadata:i},K,O),t(T,null,j,{kind:"accessor",name:"subTitle",static:!1,private:!1,access:{has:e=>"subTitle"in e,get:e=>e.subTitle,set:(e,t)=>{e.subTitle=t}},metadata:i},P,U),t(T,null,W,{kind:"accessor",name:"dragActive",static:!1,private:!1,access:{has:e=>"dragActive"in e,get:e=>e.dragActive,set:(e,t)=>{e.dragActive=t}},metadata:i},F,G),t(T,null,B,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:i},I,J),t(T,null,C,{kind:"accessor",name:"selectable",static:!1,private:!1,access:{has:e=>"selectable"in e,get:e=>e.selectable,set:(e,t)=>{e.selectable=t}},metadata:i},L,N),t(T,null,M,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:i},Q,R),t(T,null,S,{kind:"accessor",name:"compact",static:!1,private:!1,access:{has:e=>"compact"in e,get:e=>e.compact,set:(e,t)=>{e.compact=t}},metadata:i},V,X),t(T,null,A,{kind:"accessor",name:"removeHeader",static:!1,private:!1,access:{has:e=>"removeHeader"in e,get:e=>e.removeHeader,set:(e,t)=>{e.removeHeader=t}},metadata:i},Y,Z),t(T,null,H,{kind:"accessor",name:"_chart",static:!1,private:!1,access:{has:e=>"_chart"in e,get:e=>e._chart,set:(e,t)=>{e._chart=t}},metadata:i},ee,te),t(null,_={value:T},E,{kind:"class",name:T.name,metadata:i},null,q),T=_.value,i&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),T.styles=o(v),i(T,q),T})();export{u as Widget};
 //# sourceMappingURL=widget.js.map

package/components/reusable/widget/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport CheckMarkFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/32/checkmark-filled.svg';\nimport Styles from './widget.scss?inline';\n\n/**\n * Widget.\n * @fires on-select - Emits the widget selected state .\n * @slot unnamed - Slot for widget content.\n * @slot action - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle - Slot for drag handle.\n * @slot footer - Slot for footer content.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Widget title. */\n  @property({ type: String })\n  accessor widgetTitle = '';\n\n  /** Widget sub-title. */\n  @property({ type: String })\n  accessor subTitle = '';\n\n  /** Widget drag active state. */\n  @property({ type: Boolean })\n  accessor dragActive = false;\n\n  /** Widget disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Widget selectable state. */\n  @property({ type: Boolean })\n  accessor selectable = false;\n\n  /** Widget selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Slotted chart element.\n   * @internal\n   */\n  @state()\n  accessor _chart!: any;\n\n  override render() {\n    const Classes = {\n      widget: true,\n      'drag-active': this.dragActive,\n      'has-chart': this._chart,\n      disabled: this.disabled,\n      selectable: this.selectable,\n      selected: this.selected,\n    };\n\n    return html`\n      <div\n        class=${classMap(Classes)}\n        role=\"group\"\n        aria-disabled=${this.disabled}\n        @click=${this._handleBodyClick}\n        @keydown=${this._handleKeyDown}\n        tabindex=${this.selectable && !this.disabled ? 0 : -1}\n      >\n        <div class=\"widget-header\">\n          <slot name=\"draghandle\"></slot>\n\n          <div class=\"title-desc\">\n            <div class=\"title\">\n              ${this.widgetTitle}\n              <slot name=\"tooltip\"></slot>\n            </div>\n\n            <div class=\"description\">${this.subTitle}</div>\n          </div>\n\n          <div class=\"actions\">\n            <slot name=\"actions\" tabindex=${this.selectable ? -1 : 0}></slot>\n          </div>\n        </div>\n\n        <div class=\"widget-content\">\n          <div class=\"widget-body\">\n            <slot\n              @slotchange=${this._handleSlotChange}\n              tabindex=${this.selectable ? -1 : 0}\n            ></slot>\n          </div>\n\n          <div class=\"widget-footer\">\n            <slot name=\"footer\" tabindex=${this.selectable ? -1 : 0}></slot>\n          </div>\n        </div>\n\n        ${this.selectable && this.selected\n          ? html`\n              <div class=\"opacity-overlay\"></div>\n              <div class=\"checkmark-overlay\">\n                <div class=\"checkmark-bg\">\n                  <span class=\"checkmark-iconsize\"\n                    >${unsafeSVG(CheckMarkFilledIcon)}</span\n                  >\n                </div>\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  private _handleBodyClick() {\n    if (!this.selectable || this.disabled) return;\n    this.selected = !this.selected;\n    this.dispatchEvent(\n      new CustomEvent('on-select', {\n        detail: { selected: this.selected },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this._handleBodyClick();\n    }\n  }\n\n  private _handleSlotChange() {\n    this._updateChildren();\n    this.requestUpdate();\n  }\n\n  private _updateChildren() {\n    const Chart = this.querySelector('kd-chart');\n    if (Chart) {\n      this._chart = Chart;\n      this._chart._widget = true;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget': Widget;\n  }\n}\n"],"names":["Widget","customElement","LitElement","_classThis","_classSuper","widgetTitle","__classPrivateFieldGet","this","_Widget_widgetTitle_accessor_storage","value","__classPrivateFieldSet","subTitle","_Widget_subTitle_accessor_storage","dragActive","_Widget_dragActive_accessor_storage","disabled","_Widget_disabled_accessor_storage","selectable","_Widget_selectable_accessor_storage","selected","_Widget_selected_accessor_storage","_chart","_Widget__chart_accessor_storage","render","Classes","widget","html","classMap","_handleBodyClick","_handleKeyDown","_handleSlotChange","unsafeSVG","CheckMarkFilledIcon","dispatchEvent","CustomEvent","detail","bubbles","composed","event","key","_updateChildren","requestUpdate","Chart","querySelector","_widget","set","__runInitializers","_widgetTitle_initializers","_widgetTitle_extraInitializers","_subTitle_initializers","_subTitle_extraInitializers","_dragActive_initializers","_dragActive_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selectable_initializers","_selectable_extraInitializers","_selected_initializers","_selected_extraInitializers","__chart_initializers","_widgetTitle_decorators","property","type","String","_subTitle_decorators","_dragActive_decorators","Boolean","_disabled_decorators","_selectable_decorators","_selected_decorators","__chart_decorators","state","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__chart_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAiBaA,EAAM,iDADlBC,EAAc,sBACaC,+EAARC,EAAA,cAAQC,EAK1B,eAASC,GAAW,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAApB,eAASH,CAAWI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIpB,YAASE,GAAQ,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAjB,YAASD,CAAQF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAIjB,cAASI,GAAU,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAnB,cAASD,CAAUJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAInB,YAASM,GAAQ,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAAjB,YAASD,CAAQN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAIjB,cAASQ,GAAU,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAnB,cAASD,CAAUR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAInB,YAASU,GAAQ,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAAjB,YAASD,CAAQV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAMjB,UAASY,GAAM,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAAf,UAASD,CAAMZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAEN,MAAAc,GACP,MAAMC,EAAU,CACdC,QAAQ,EACR,cAAelB,KAAKM,WACpB,YAAaN,KAAKc,OAClBN,SAAUR,KAAKQ,SACfE,WAAYV,KAAKU,WACjBE,SAAUZ,KAAKY,UAGjB,OAAOO,CAAI;;gBAECC,EAASH;;wBAEDjB,KAAKQ;iBACZR,KAAKqB;mBACHrB,KAAKsB;mBACLtB,KAAKU,aAAeV,KAAKQ,SAAW,GAAI;;;;;;;gBAO3CR,KAAKF;;;;uCAIkBE,KAAKI;;;;4CAIAJ,KAAKU,YAAa,EAAK;;;;;;;4BAOvCV,KAAKuB;yBACRvB,KAAKU,YAAa,EAAK;;;;;2CAKLV,KAAKU,YAAa,EAAK;;;;UAIxDV,KAAKU,YAAcV,KAAKY,SACtBO,CAAI;;;;;uBAKOK,EAAUC;;;;cAKrB;;MAKF,gBAAAJ,GACDrB,KAAKU,aAAcV,KAAKQ,WAC7BR,KAAKY,UAAYZ,KAAKY,SACtBZ,KAAK0B,cACH,IAAIC,YAAY,YAAa,CAC3BC,OAAQ,CAAEhB,SAAUZ,KAAKY,UACzBiB,SAAS,EACTC,UAAU,MAKR,cAAAR,CAAeS,GACH,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,KACjChC,KAAKqB,mBAID,iBAAAE,GACNvB,KAAKiC,kBACLjC,KAAKkC,gBAGC,eAAAD,GACN,MAAME,EAAQnC,KAAKoC,cAAc,YAC7BD,IACFnC,KAAKc,OAASqB,EACdnC,KAAKc,OAAOuB,SAAU,qCAxHjBpC,EAAAqC,IAAAtC,KAAAuC,EAAAvC,KAAAwC,EAAc,KAIdnC,EAAAiC,IAAAtC,MAAAuC,EAAAvC,KAAAyC,GAAAF,EAAAvC,KAAA0C,EAAW,MAIXnC,EAAA+B,IAAAtC,MAAAuC,EAAAvC,KAAA2C,GAAAJ,EAAAvC,KAAA4C,GAAa,KAIbnC,EAAA6B,IAAAtC,MAAAuC,EAAAvC,KAAA6C,GAAAN,EAAAvC,KAAA8C,GAAW,KAIXnC,EAAA2B,IAAAtC,MAAAuC,EAAAvC,KAAA+C,GAAAR,EAAAvC,KAAAgD,GAAa,KAIbnC,EAAAyB,IAAAtC,MAAAuC,EAAAvC,KAAAiD,GAAAV,EAAAvC,KAAAkD,GAAW,KAMXnC,EAAAuB,IAAAtC,MAAAuC,EAAAvC,KAAAmD,GAAAZ,EAAAvC,KAAAoD,OAAA,uQA3BRC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAIjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMC,UAIjBE,EAAA,CAAAJ,EAAS,CAAEC,KAAMI,WAIjBC,EAAA,CAAAN,EAAS,CAAEC,KAAMI,WAIjBE,EAAA,CAAAP,EAAS,CAAEC,KAAMI,WAIjBG,EAAA,CAAAR,EAAS,CAAEC,KAAMI,WAMjBI,EAAA,CAAAC,KAzBDC,EAAArE,EAAA,KAAAyD,EAAA,CAAAa,KAAA,WAAAC,KAAA,cAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,gBAAAA,EAAAC,IAAAD,GAAAA,EAAS1E,YAAWwC,IAAA,CAAAkC,EAAAtE,KAAAsE,EAAX1E,YAAWI,CAAA,GAAAwE,SAAAC,GAAAnC,EAAAC,GAIpBwB,EAAArE,EAAA,KAAA6D,EAAA,CAAAS,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAASpE,SAAQkC,IAAA,CAAAkC,EAAAtE,KAAAsE,EAARpE,SAAQF,CAAA,GAAAwE,SAAAC,GAAAjC,EAAAC,GAIjBsB,EAAArE,EAAA,KAAA8D,EAAA,CAAAQ,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAASlE,WAAUgC,IAAA,CAAAkC,EAAAtE,KAAAsE,EAAVlE,WAAUJ,CAAA,GAAAwE,SAAAC,GAAA/B,EAAAC,GAInBoB,EAAArE,EAAA,KAAAgE,EAAA,CAAAM,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAShE,SAAQ8B,IAAA,CAAAkC,EAAAtE,KAAAsE,EAARhE,SAAQN,CAAA,GAAAwE,SAAAC,GAAA7B,EAAAC,GAIjBkB,EAAArE,EAAA,KAAAiE,EAAA,CAAAK,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS9D,WAAU4B,IAAA,CAAAkC,EAAAtE,KAAAsE,EAAV9D,WAAUR,CAAA,GAAAwE,SAAAC,GAAA3B,EAAAC,GAInBgB,EAAArE,EAAA,KAAAkE,EAAA,CAAAI,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAS5D,SAAQ0B,IAAA,CAAAkC,EAAAtE,KAAAsE,EAAR5D,SAAQV,CAAA,GAAAwE,SAAAC,GAAAzB,EAAAC,GAMjBc,EAAArE,EAAA,KAAAmE,EAAA,CAAAG,KAAA,WAAAC,KAAA,SAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,WAAAA,EAAAC,IAAAD,GAAAA,EAAS1D,OAAMwB,IAAA,CAAAkC,EAAAtE,KAAAsE,EAAN1D,OAAMZ,CAAA,GAAAwE,SAAAC,GAAAvB,EAAAwB,GA/BjBX,EAAA,KAAAY,EAAA,CAAA3E,MAAAN,GAAAkF,EAAA,CAAAZ,KAAA,QAAAC,KAAAvE,EAAAuE,KAAAO,SAAAC,GAAA,KAAAI,iHACkBnF,EAAAoF,OAASC,EAAUC,GADxB3C,EAAA3C,EAAAmF,MAAM"}
+{"version":3,"file":"widget.js","sources":["../../../../src/components/reusable/widget/widget.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport CheckMarkFilledIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/32/checkmark-filled.svg';\nimport Styles from './widget.scss?inline';\n\n/**\n * Widget.\n * @fires on-select - Emits the widget selected state .\n * @slot unnamed - Slot for widget content.\n * @slot actions - Slot for action buttons.\n * @slot tooltip - Slot for tooltip in header.\n * @slot draghandle - Slot for drag handle.\n * @slot footer - Slot for footer content.\n */\n@customElement('kyn-widget')\nexport class Widget extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Widget title. */\n  @property({ type: String })\n  accessor widgetTitle = '';\n\n  /** Widget sub-title. */\n  @property({ type: String })\n  accessor subTitle = '';\n\n  /** Widget drag active state. */\n  @property({ type: Boolean })\n  accessor dragActive = false;\n\n  /** Widget disabled state. */\n  @property({ type: Boolean })\n  accessor disabled = false;\n\n  /** Widget selectable state. */\n  @property({ type: Boolean })\n  accessor selectable = false;\n\n  /** Widget selected state. */\n  @property({ type: Boolean })\n  accessor selected = false;\n\n  /** Widget compact state, reduced padding. */\n  @property({ type: Boolean })\n  accessor compact = false;\n\n  /** Removes the widget header. */\n  @property({ type: Boolean })\n  accessor removeHeader = false;\n\n  /** Slotted chart element.\n   * @internal\n   */\n  @state()\n  accessor _chart!: any;\n\n  override render() {\n    const Classes = {\n      widget: true,\n      'drag-active': this.dragActive,\n      'has-chart': this._chart,\n      disabled: this.disabled,\n      selectable: this.selectable,\n      selected: this.selected,\n      compact: this.compact,\n    };\n\n    return html`\n      <div\n        class=${classMap(Classes)}\n        role=\"group\"\n        aria-disabled=${this.disabled}\n        @click=${this._handleBodyClick}\n        @keydown=${this._handleKeyDown}\n        tabindex=${this.selectable && !this.disabled ? 0 : -1}\n      >\n        ${!this.removeHeader\n          ? html`\n              <div class=\"widget-header\">\n                <slot name=\"draghandle\"></slot>\n\n                <div class=\"title-desc\">\n                  <div class=\"title\">\n                    ${this.widgetTitle}\n                    <slot name=\"tooltip\"></slot>\n                  </div>\n\n                  <div class=\"description\">${this.subTitle}</div>\n                </div>\n\n                <div class=\"actions\">\n                  <slot\n                    name=\"actions\"\n                    tabindex=${this.selectable ? -1 : 0}\n                  ></slot>\n                </div>\n              </div>\n            `\n          : null}\n\n        <div class=\"widget-content\">\n          <div class=\"widget-body\">\n            <slot\n              @slotchange=${this._handleSlotChange}\n              tabindex=${this.selectable ? -1 : 0}\n            ></slot>\n          </div>\n\n          <div class=\"widget-footer\">\n            <slot name=\"footer\" tabindex=${this.selectable ? -1 : 0}></slot>\n          </div>\n        </div>\n\n        ${this.selectable && this.selected\n          ? html`\n              <div class=\"opacity-overlay\"></div>\n              <div class=\"checkmark-overlay\">\n                <div class=\"checkmark-bg\">\n                  <span class=\"checkmark-iconsize\"\n                    >${unsafeSVG(CheckMarkFilledIcon)}</span\n                  >\n                </div>\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n\n  private _handleBodyClick() {\n    if (!this.selectable || this.disabled) return;\n    this.selected = !this.selected;\n    this.dispatchEvent(\n      new CustomEvent('on-select', {\n        detail: { selected: this.selected },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  private _handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      this._handleBodyClick();\n    }\n  }\n\n  private _handleSlotChange() {\n    this._updateChildren();\n    this.requestUpdate();\n  }\n\n  private _updateChildren() {\n    const Chart = this.querySelector('kd-chart');\n    if (Chart) {\n      this._chart = Chart;\n      this._chart._widget = true;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget': Widget;\n  }\n}\n"],"names":["Widget","customElement","LitElement","_classThis","_classSuper","widgetTitle","__classPrivateFieldGet","this","_Widget_widgetTitle_accessor_storage","value","__classPrivateFieldSet","subTitle","_Widget_subTitle_accessor_storage","dragActive","_Widget_dragActive_accessor_storage","disabled","_Widget_disabled_accessor_storage","selectable","_Widget_selectable_accessor_storage","selected","_Widget_selected_accessor_storage","compact","_Widget_compact_accessor_storage","removeHeader","_Widget_removeHeader_accessor_storage","_chart","_Widget__chart_accessor_storage","render","Classes","widget","html","classMap","_handleBodyClick","_handleKeyDown","_handleSlotChange","unsafeSVG","CheckMarkFilledIcon","dispatchEvent","CustomEvent","detail","bubbles","composed","event","key","_updateChildren","requestUpdate","Chart","querySelector","_widget","set","__runInitializers","_widgetTitle_initializers","_widgetTitle_extraInitializers","_subTitle_initializers","_subTitle_extraInitializers","_dragActive_initializers","_dragActive_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selectable_initializers","_selectable_extraInitializers","_selected_initializers","_selected_extraInitializers","_compact_initializers","_compact_extraInitializers","_removeHeader_initializers","_removeHeader_extraInitializers","__chart_initializers","_widgetTitle_decorators","property","type","String","_subTitle_decorators","_dragActive_decorators","Boolean","_disabled_decorators","_selectable_decorators","_selected_decorators","_compact_decorators","_removeHeader_decorators","__chart_decorators","state","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","__chart_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}

package/components/reusable/widget/widgetDragHandle.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as a,c as r,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{o as l,x as n}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as o,t as i,r as d,n as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as m}from"../../../vendor/lit-element-m-OqzV5s.js";import{q as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-uyH_CbXn.js";var v=o`*,
+import{_ as e,a as t,b as a,c as r,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{o as l,x as n}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as o,t as i,r as d,n as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as m}from"../../../vendor/lit-element-m-OqzV5s.js";import{q as p}from"../../../vendor/@kyndryl-design-system/shidoka-icons-uyH_CbXn.js";var g=o`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -14,14 +14,20 @@ import{_ as e,a as t,b as a,c as r,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
 
 .drag-handle {
   cursor: move;
-  margin-right: 16px;
+  margin-right: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 24px;
+  height: 24px;
   color: var(--kd-color-icon-secondary);
-}`;let g=(()=>{var o;let g,u,b,h=[i("kyn-widget-drag-handle")],f=[],y=m,k=[],j=[];return u=class extends y{get slot(){return r(this,o,"f")}set slot(e){s(this,o,e,"f")}render(){return n`
+}
+
+svg {
+  display: block;
+}`;let h=(()=>{var o;let h,v,b,u=[i("kyn-widget-drag-handle")],y=[],f=m,k=[],j=[];return v=class extends f{get slot(){return r(this,o,"f")}set slot(e){s(this,o,e,"f")}render(){return n`
       <div class="drag-handle">
         <span>${l(p)}</span>
       </div>
-    `}constructor(){super(...arguments),o.set(this,a(this,k,"draghandle")),a(this,j)}},o=new WeakMap,e(u,"WidgetDragHandle"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=y[Symbol.metadata])&&void 0!==e?e:null):void 0;b=[c({type:String,reflect:!0})],t(u,null,b,{kind:"accessor",name:"slot",static:!1,private:!1,access:{has:e=>"slot"in e,get:e=>e.slot,set:(e,t)=>{e.slot=t}},metadata:a},k,j),t(null,g={value:u},h,{kind:"class",name:u.name,metadata:a},null,f),u=g.value,a&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),u.styles=d(v),a(u,f),u})();export{g as WidgetDragHandle};
+    `}constructor(){super(...arguments),o.set(this,a(this,k,"draghandle")),a(this,j)}},o=new WeakMap,e(v,"WidgetDragHandle"),(()=>{var e;const a="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(e=f[Symbol.metadata])&&void 0!==e?e:null):void 0;b=[c({type:String,reflect:!0})],t(v,null,b,{kind:"accessor",name:"slot",static:!1,private:!1,access:{has:e=>"slot"in e,get:e=>e.slot,set:(e,t)=>{e.slot=t}},metadata:a},k,j),t(null,h={value:v},u,{kind:"class",name:v.name,metadata:a},null,y),v=h.value,a&&Object.defineProperty(v,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})})(),v.styles=d(g),a(v,y),v})();export{h as WidgetDragHandle};
 //# sourceMappingURL=widgetDragHandle.js.map

package/components/reusable/widget/widgetDragHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgetDragHandle.js","sources":["../../../../src/components/reusable/widget/widgetDragHandle.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport Styles from './widgetDragHandle.scss?inline';\n\nimport dragIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/draggable.svg';\n\n/**\n * Widget drag handle.\n */\n@customElement('kyn-widget-drag-handle')\nexport class WidgetDragHandle extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Force widget slot */\n  @property({ type: String, reflect: true })\n  override accessor slot = 'draghandle';\n\n  override render() {\n    return html`\n      <div class=\"drag-handle\">\n        <span>${unsafeSVG(dragIcon)}</span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget-drag-handle': WidgetDragHandle;\n  }\n}\n"],"names":["WidgetDragHandle","customElement","LitElement","_classThis","_classSuper","slot","__classPrivateFieldGet","this","_WidgetDragHandle_slot_accessor_storage","value","__classPrivateFieldSet","render","html","unsafeSVG","dragIcon","set","__runInitializers","_slot_initializers","property","type","String","reflect","__esDecorate","_slot_decorators","kind","name","static","private","access","has","obj","get","metadata","_metadata","_slot_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;OAWaA,EAAgB,yBAD5BC,EAAc,kCACuBC,mBAARC,EAAA,cAAQC,EAKpC,QAAkBC,GAAI,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAtB,QAAkBH,CAAII,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAEb,MAAAE,GACP,OAAOC,CAAI;;gBAECC,EAAUC;;wCALNN,EAAAO,IAAAR,KAAAS,EAAAT,KAAAU,EAAO,0MADxBC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCC,EAAAnB,EAAA,KAAAoB,EAAA,CAAAC,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkBzB,KAAIU,IAAA,CAAAe,EAAArB,KAAAqB,EAAJzB,KAAII,CAAA,GAAAuB,SAAAC,GAAAhB,EAAAiB,GALxBZ,EAAA,KAAAa,EAAA,CAAA1B,MAAAN,GAAAiC,EAAA,CAAAZ,KAAA,QAAAC,KAAAtB,EAAAsB,KAAAO,SAAAC,GAAA,KAAAI,iHACkBlC,EAAAmC,OAASC,EAAUC,GADxBxB,EAAAb,EAAAkC,MAAgB"}
+{"version":3,"file":"widgetDragHandle.js","sources":["../../../../src/components/reusable/widget/widgetDragHandle.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport Styles from './widgetDragHandle.scss?inline';\n\nimport dragIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/draggable.svg';\n\n/**\n * Widget drag handle.\n */\n@customElement('kyn-widget-drag-handle')\nexport class WidgetDragHandle extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** Force widget slot */\n  @property({ type: String, reflect: true })\n  override accessor slot = 'draghandle';\n\n  override render() {\n    return html`\n      <div class=\"drag-handle\">\n        <span>${unsafeSVG(dragIcon)}</span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget-drag-handle': WidgetDragHandle;\n  }\n}\n"],"names":["WidgetDragHandle","customElement","LitElement","_classThis","_classSuper","slot","__classPrivateFieldGet","this","_WidgetDragHandle_slot_accessor_storage","value","__classPrivateFieldSet","render","html","unsafeSVG","dragIcon","set","__runInitializers","_slot_initializers","property","type","String","reflect","__esDecorate","_slot_decorators","kind","name","static","private","access","has","obj","get","metadata","_metadata","_slot_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;OAWaA,EAAgB,yBAD5BC,EAAc,kCACuBC,mBAARC,EAAA,cAAQC,EAKpC,QAAkBC,GAAI,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAtB,QAAkBH,CAAII,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAEb,MAAAE,GACP,OAAOC,CAAI;;gBAECC,EAAUC;;wCALNN,EAAAO,IAAAR,KAAAS,EAAAT,KAAAU,EAAO,0MADxBC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCC,EAAAnB,EAAA,KAAAoB,EAAA,CAAAC,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAAkBzB,KAAIU,IAAA,CAAAe,EAAArB,KAAAqB,EAAJzB,KAAII,CAAA,GAAAuB,SAAAC,GAAAhB,EAAAiB,GALxBZ,EAAA,KAAAa,EAAA,CAAA1B,MAAAN,GAAAiC,EAAA,CAAAZ,KAAA,QAAAC,KAAAtB,EAAAsB,KAAAO,SAAAC,GAAA,KAAAI,iHACkBlC,EAAAmC,OAASC,EAAUC,GADxBxB,EAAAb,EAAAkC,MAAgB"}

package/components/reusable/widget/widgetGridstack.d.ts

@@ -9,12 +9,19 @@ export declare class WidgetGridstack extends LitElement {
     static styles: import("lit").CSSResult;
     /** GridStack layout/widget size/position definitions for each breakpoint. */
     accessor layout: any;
-    /** GridStack config. */
+    /** Custom GridStack config. */
     accessor gridstackConfig: any;
+    /** Final config passed to gridstack.
+     * @internal */
+    accessor _gridstackConfig: any;
     /** GridStack instance. */
     accessor gridStack: any;
     /** GridStack grid instance. */
     accessor grid: any;
+    /** Use compact grid config. Ignored in case of custom gridstackConfig. */
+    accessor compact: boolean;
+    /** Make entire widget draggable. Ignored in case of custom gridstackConfig. */
+    accessor wholeWidgetDraggable: boolean;
     /** Current breakpoint.
      * @internal
      */
@@ -22,12 +29,31 @@ export declare class WidgetGridstack extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     willUpdate(changedProps: any): void;
+    /**
+     * The private `_saveLayout` function saves the grid layout by updating each widget's properties and
+     * emitting a custom event with the new layout.
+     */
     private _saveLayout;
+    /**
+     * The function `_initGridstack` initializes a GridStack layout with event listeners for drag, resize,
+     * and saving layout changes.
+     */
+    private _initGridstack;
+    updated(changedProps: any): void;
+    /**
+     * The function `_updateWidgetsDensity` iterates through all `kyn-widget` elements and sets their
+     * `compact` property based on the parent element's `compact` property.
+     */
+    private _updateWidgetsDensity;
     private _updateLayout;
     /** @internal */
     private _debounceResize;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * The function `_setBreakpoint` retrieves and sets the current breakpoint value from the CSS custom
+     * property `--kd-current-breakpoint`.
+     */
     private _setBreakpoint;
 }
 declare global {

package/components/reusable/widget/widgetGridstack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgetGridstack.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widgetGridstack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAQlD;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAqB;IAE3C,6EAA6E;IAE7E,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAM;IAE1B,wBAAwB;IAExB,QAAQ,CAAC,eAAe,EAAE,GAAG,CAAU;IAEvC,0BAA0B;IAE1B,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAa;IAEpC,+BAA+B;IAE/B,QAAQ,CAAC,IAAI,EAAG,GAAG,CAAC;IAEpB;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAM;IAEjB,MAAM;IAQN,YAAY;IAmCZ,UAAU,CAAC,YAAY,EAAE,GAAG;IAWrC,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,aAAa;IAarB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAEpB;IAEM,iBAAiB;IAMjB,oBAAoB;IAM7B,OAAO,CAAC,cAAc;CAMvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,eAAe,CAAC;KACzC;CACF"}
+{"version":3,"file":"widgetGridstack.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/widget/widgetGridstack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAQlD;;;;;GAKG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAqB;IAE3C,6EAA6E;IAE7E,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAM;IAE1B,+BAA+B;IAE/B,QAAQ,CAAC,eAAe,EAAG,GAAG,CAAC;IAE/B;mBACe;IAEf,QAAQ,CAAC,gBAAgB,EAAG,GAAG,CAAC;IAEhC,0BAA0B;IAE1B,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAa;IAEpC,+BAA+B;IAE/B,QAAQ,CAAC,IAAI,EAAG,GAAG,CAAC;IAEpB,0EAA0E;IAE1E,QAAQ,CAAC,OAAO,UAAS;IAEzB,+EAA+E;IAE/E,QAAQ,CAAC,oBAAoB,UAAS;IAEtC;;OAEG;IAEH,QAAQ,CAAC,WAAW,SAAM;IAEjB,MAAM;IAQN,YAAY;IAIZ,UAAU,CAAC,YAAY,EAAE,GAAG;IA2BrC;;;OAGG;IACH,OAAO,CAAC,WAAW;IAuBnB;;;OAGG;IACH,OAAO,CAAC,cAAc;IAsCb,OAAO,CAAC,YAAY,EAAE,GAAG;IAalC;;;OAGG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,aAAa;IAarB,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAEpB;IAEM,iBAAiB;IAMjB,oBAAoB;IAM7B;;;OAGG;IACH,OAAO,CAAC,cAAc;CAMvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,eAAe,CAAC;KACzC;CACF"}

package/components/reusable/widget/widgetGridstack.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as n,t as o,r as d,n as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as l}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as h}from"../../../vendor/lit-element-m-OqzV5s.js";import{q as g}from"../../../vendor/query-selector-shadow-dom-D9NRI6Ow.js";import{debounce as p}from"../../../common/helpers/helpers.js";import{Config as u}from"../../../common/helpers/gridstack.js";import{G as m}from"../../../vendor/gridstack-D_3XX7W5.js";var k=r`*,
+import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,a as o,t as n,r as d,n as c}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as g}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as h}from"../../../vendor/lit-element-m-OqzV5s.js";import{q as l}from"../../../vendor/query-selector-shadow-dom-D9NRI6Ow.js";import{debounce as p}from"../../../common/helpers/helpers.js";import{GetConfig as m}from"../../../common/helpers/gridstack.js";import{G as k}from"../../../vendor/gridstack-D_3XX7W5.js";var u=r`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -14,9 +14,12 @@ import{_ as t,a as e,b as i,c as a,d as s}from"../../../vendor/tslib-Ac8XvvSX.js
 
 .grid-wrapper {
   margin: -16px;
-}`;let b=(()=>{var r,b,v,y,f;let w,_,S,C,j,z,E,L=[o("kyn-widget-gridstack")],W=[],x=h,M=[],O=[],q=[],A=[],B=[],R=[],G=[],P=[],U=[],H=[];return _=class extends x{constructor(){super(...arguments),r.set(this,i(this,M,{})),b.set(this,(i(this,O),i(this,q,u))),v.set(this,(i(this,A),i(this,B,m))),y.set(this,(i(this,R),i(this,G,void 0))),f.set(this,(i(this,P),i(this,U,""))),this._debounceResize=(i(this,H),p((()=>{this._setBreakpoint()})))}get layout(){return a(this,r,"f")}set layout(t){s(this,r,t,"f")}get gridstackConfig(){return a(this,b,"f")}set gridstackConfig(t){s(this,b,t,"f")}get gridStack(){return a(this,v,"f")}set gridStack(t){s(this,v,t,"f")}get grid(){return a(this,y,"f")}set grid(t){s(this,y,t,"f")}get _breakpoint(){return a(this,f,"f")}set _breakpoint(t){s(this,f,t,"f")}render(){return l`
-      <div class="grid-wrapper">
+}
+.grid-wrapper.compact {
+  margin: -8px;
+}`;let f=(()=>{var r,f,b,v,w,y,_,C;let W,S,j,D,E,M,x,z,L,B,q=[n("kyn-widget-gridstack")],A=[],G=h,O=[],R=[],P=[],U=[],H=[],V=[],$=[],F=[],I=[],J=[],K=[],N=[],Q=[],T=[],X=[],Y=[];return S=class extends G{constructor(){super(...arguments),r.set(this,i(this,O,{})),f.set(this,(i(this,R),i(this,P,void 0))),b.set(this,(i(this,U),i(this,H,void 0))),v.set(this,(i(this,V),i(this,$,k))),w.set(this,(i(this,F),i(this,I,void 0))),y.set(this,(i(this,J),i(this,K,!1))),_.set(this,(i(this,N),i(this,Q,!1))),C.set(this,(i(this,T),i(this,X,""))),this._debounceResize=(i(this,Y),p((()=>{this._setBreakpoint()})))}get layout(){return a(this,r,"f")}set layout(t){s(this,r,t,"f")}get gridstackConfig(){return a(this,f,"f")}set gridstackConfig(t){s(this,f,t,"f")}get _gridstackConfig(){return a(this,b,"f")}set _gridstackConfig(t){s(this,b,t,"f")}get gridStack(){return a(this,v,"f")}set gridStack(t){s(this,v,t,"f")}get grid(){return a(this,w,"f")}set grid(t){s(this,w,t,"f")}get compact(){return a(this,y,"f")}set compact(t){s(this,y,t,"f")}get wholeWidgetDraggable(){return a(this,_,"f")}set wholeWidgetDraggable(t){s(this,_,t,"f")}get _breakpoint(){return a(this,C,"f")}set _breakpoint(t){s(this,C,t,"f")}render(){return g`
+      <div class="grid-wrapper ${this.compact?"compact":""}">
         <slot></slot>
       </div>
-    `}firstUpdated(){this._setBreakpoint();const t=this.querySelector(".grid-stack");this.grid=this.gridStack.init(this.gridstackConfig,t),this.grid.on("dragstart",(t=>{const e=t.target;g("kyn-widget",e).dragActive=!0})),this.grid.on("dragstop",(t=>{const e=t.target;g("kyn-widget",e).dragActive=!1,this._saveLayout()})),this.grid.on("resizestop",(()=>{this._saveLayout()}));const e=new CustomEvent("on-grid-init",{detail:{grid:this.grid,gridStack:this.gridStack}});this.dispatchEvent(e)}willUpdate(t){this.layout&&this._breakpoint&&(t.has("_breakpoint")||t.has("layout"))&&this._updateLayout()}_saveLayout(){let t=this.grid.save(!1);t=t.map((t=>({...t,w:t.w||t.minW,h:t.h||t.minH}))),this.layout[this._breakpoint]=t;const e=new CustomEvent("on-grid-save",{detail:{layout:this.layout}});this.dispatchEvent(e)}_updateLayout(){const t=this.layout[this._breakpoint]||this.layout.max;this.grid&&(this.grid.load(t),this.grid.setAnimation(!0))}connectedCallback(){super.connectedCallback(),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}_setBreakpoint(){this._breakpoint=getComputedStyle(document.documentElement).getPropertyValue("--kd-current-breakpoint")}},r=new WeakMap,b=new WeakMap,v=new WeakMap,y=new WeakMap,f=new WeakMap,t(_,"WidgetGridstack"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=x[Symbol.metadata])&&void 0!==t?t:null):void 0;S=[c({type:Object})],C=[c({type:Object})],j=[c({attribute:!1})],z=[c({attribute:!1})],E=[n()],e(_,null,S,{kind:"accessor",name:"layout",static:!1,private:!1,access:{has:t=>"layout"in t,get:t=>t.layout,set:(t,e)=>{t.layout=e}},metadata:i},M,O),e(_,null,C,{kind:"accessor",name:"gridstackConfig",static:!1,private:!1,access:{has:t=>"gridstackConfig"in t,get:t=>t.gridstackConfig,set:(t,e)=>{t.gridstackConfig=e}},metadata:i},q,A),e(_,null,j,{kind:"accessor",name:"gridStack",static:!1,private:!1,access:{has:t=>"gridStack"in t,get:t=>t.gridStack,set:(t,e)=>{t.gridStack=e}},metadata:i},B,R),e(_,null,z,{kind:"accessor",name:"grid",static:!1,private:!1,access:{has:t=>"grid"in t,get:t=>t.grid,set:(t,e)=>{t.grid=e}},metadata:i},G,P),e(_,null,E,{kind:"accessor",name:"_breakpoint",static:!1,private:!1,access:{has:t=>"_breakpoint"in t,get:t=>t._breakpoint,set:(t,e)=>{t._breakpoint=e}},metadata:i},U,H),e(null,w={value:_},L,{kind:"class",name:_.name,metadata:i},null,W),_=w.value,i&&Object.defineProperty(_,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),_.styles=d(k),i(_,W),_})();export{b as WidgetGridstack};
+    `}firstUpdated(){this._setBreakpoint()}willUpdate(t){(t.has("compact")||t.has("wholeWidgetDraggable"))&&(this._gridstackConfig=this.gridstackConfig||m(this.compact,this.wholeWidgetDraggable)),this.layout&&this._breakpoint&&(t.has("_breakpoint")||t.has("layout"))&&this._updateLayout()}_saveLayout(){let t=this.grid.save(!1);t=t.map((t=>({...t,w:t.w||t.minW,h:t.h||t.minH}))),this.layout[this._breakpoint]=t;const e=new CustomEvent("on-grid-save",{detail:{layout:this.layout}});this.dispatchEvent(e)}_initGridstack(){this.grid&&this.grid.destroy(!1);const t=this.querySelector(".grid-stack");this.grid=this.gridStack.init(this._gridstackConfig,t),this.grid.on("dragstart",(t=>{const e=t.target;l("kyn-widget",e).dragActive=!0})),this.grid.on("dragstop",(t=>{const e=t.target;l("kyn-widget",e).dragActive=!1,this._saveLayout()})),this.grid.on("resizestop",(()=>{this._saveLayout()}));const e=new CustomEvent("on-grid-init",{detail:{grid:this.grid,gridStack:this.gridStack}});this.dispatchEvent(e)}updated(t){(t.has("gridstackConfig")||t.has("_gridstackConfig"))&&this._initGridstack(),t.has("compact")&&this._updateWidgetsDensity()}_updateWidgetsDensity(){this.querySelectorAll("kyn-widget").forEach((t=>{t.compact=this.compact}))}_updateLayout(){const t=this.layout[this._breakpoint]||this.layout.max;this.grid&&(this.grid.load(t),this.grid.setAnimation(!0))}connectedCallback(){super.connectedCallback(),null===window||void 0===window||window.addEventListener("resize",this._debounceResize)}disconnectedCallback(){null===window||void 0===window||window.removeEventListener("resize",this._debounceResize),super.disconnectedCallback()}_setBreakpoint(){this._breakpoint=getComputedStyle(document.documentElement).getPropertyValue("--kd-current-breakpoint")}},r=new WeakMap,f=new WeakMap,b=new WeakMap,v=new WeakMap,w=new WeakMap,y=new WeakMap,_=new WeakMap,C=new WeakMap,t(S,"WidgetGridstack"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=G[Symbol.metadata])&&void 0!==t?t:null):void 0;j=[c({type:Object})],D=[c({type:Object})],E=[o()],M=[c({attribute:!1})],x=[c({attribute:!1})],z=[c({type:Boolean})],L=[c({type:Boolean})],B=[o()],e(S,null,j,{kind:"accessor",name:"layout",static:!1,private:!1,access:{has:t=>"layout"in t,get:t=>t.layout,set:(t,e)=>{t.layout=e}},metadata:i},O,R),e(S,null,D,{kind:"accessor",name:"gridstackConfig",static:!1,private:!1,access:{has:t=>"gridstackConfig"in t,get:t=>t.gridstackConfig,set:(t,e)=>{t.gridstackConfig=e}},metadata:i},P,U),e(S,null,E,{kind:"accessor",name:"_gridstackConfig",static:!1,private:!1,access:{has:t=>"_gridstackConfig"in t,get:t=>t._gridstackConfig,set:(t,e)=>{t._gridstackConfig=e}},metadata:i},H,V),e(S,null,M,{kind:"accessor",name:"gridStack",static:!1,private:!1,access:{has:t=>"gridStack"in t,get:t=>t.gridStack,set:(t,e)=>{t.gridStack=e}},metadata:i},$,F),e(S,null,x,{kind:"accessor",name:"grid",static:!1,private:!1,access:{has:t=>"grid"in t,get:t=>t.grid,set:(t,e)=>{t.grid=e}},metadata:i},I,J),e(S,null,z,{kind:"accessor",name:"compact",static:!1,private:!1,access:{has:t=>"compact"in t,get:t=>t.compact,set:(t,e)=>{t.compact=e}},metadata:i},K,N),e(S,null,L,{kind:"accessor",name:"wholeWidgetDraggable",static:!1,private:!1,access:{has:t=>"wholeWidgetDraggable"in t,get:t=>t.wholeWidgetDraggable,set:(t,e)=>{t.wholeWidgetDraggable=e}},metadata:i},Q,T),e(S,null,B,{kind:"accessor",name:"_breakpoint",static:!1,private:!1,access:{has:t=>"_breakpoint"in t,get:t=>t._breakpoint,set:(t,e)=>{t._breakpoint=e}},metadata:i},X,Y),e(null,W={value:S},q,{kind:"class",name:S.name,metadata:i},null,A),S=W.value,i&&Object.defineProperty(S,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),S.styles=d(u),i(S,A),S})();export{f as WidgetGridstack};
 //# sourceMappingURL=widgetGridstack.js.map

package/components/reusable/widget/widgetGridstack.js.map

@@ -1 +1 @@
-{"version":3,"file":"widgetGridstack.js","sources":["../../../../src/components/reusable/widget/widgetGridstack.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport Styles from './widgetGridstack.scss?inline';\nimport { querySelectorDeep } from 'query-selector-shadow-dom';\nimport { debounce } from '../../../common/helpers/helpers';\nimport { Config } from '../../../common/helpers/gridstack';\nimport { GridStack } from 'gridstack';\n\n/**\n * GridStack wrapper that includes Shidoka default config and styles.\n * @fires on-grid-init - Emits after GridStack initializes.\n * @fires on-grid-save - Emits the GridStack save() method results (new layout) on dragstop and resizestop.\n * @slot unnamed - Slot for .grid-stack container element.\n */\n@customElement('kyn-widget-gridstack')\nexport class WidgetGridstack extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** GridStack layout/widget size/position definitions for each breakpoint. */\n  @property({ type: Object })\n  accessor layout: any = {};\n\n  /** GridStack config. */\n  @property({ type: Object })\n  accessor gridstackConfig: any = Config;\n\n  /** GridStack instance. */\n  @property({ attribute: false })\n  accessor gridStack: any = GridStack;\n\n  /** GridStack grid instance. */\n  @property({ attribute: false })\n  accessor grid!: any;\n\n  /** Current breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _breakpoint = '';\n\n  override render() {\n    return html`\n      <div class=\"grid-wrapper\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  override firstUpdated() {\n    this._setBreakpoint();\n\n    // initialize the GridStack with Shidoka default options\n    const GridstackEl: any = this.querySelector('.grid-stack');\n    this.grid = this.gridStack.init(this.gridstackConfig, GridstackEl);\n\n    // set widget drag state on dragstart\n    this.grid.on('dragstart', (e: Event) => {\n      const El: any = e.target;\n      const Widget: any = querySelectorDeep('kyn-widget', El);\n      Widget.dragActive = true;\n    });\n\n    // unset widget drag state and save layout on dragstop\n    this.grid.on('dragstop', (e: Event) => {\n      const El: any = e.target;\n      const Widget: any = querySelectorDeep('kyn-widget', El);\n      Widget.dragActive = false;\n\n      this._saveLayout();\n    });\n\n    // save layout on resizestop\n    this.grid.on('resizestop', () => {\n      this._saveLayout();\n    });\n\n    // emit init event\n    const event = new CustomEvent('on-grid-init', {\n      detail: { grid: this.grid, gridStack: this.gridStack },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override willUpdate(changedProps: any) {\n    if (\n      this.layout &&\n      this._breakpoint &&\n      (changedProps.has('_breakpoint') || changedProps.has('layout'))\n    ) {\n      // update the gridstack size/position of each widget when breakpoint or layout changes\n      this._updateLayout();\n    }\n  }\n\n  private _saveLayout() {\n    // get new grid layout\n    let NewLayout = this.grid.save(false);\n\n    // manually update each widget's properties because GridStack drops \"w\" or \"h\" if they match their respective min values and freezes the browser\n    NewLayout = NewLayout.map((Widget: any) => {\n      return {\n        ...Widget,\n        w: Widget.w || Widget.minW,\n        h: Widget.h || Widget.minH,\n      };\n    });\n\n    // update layout for current breakpoint\n    this.layout[this._breakpoint] = NewLayout;\n\n    // emit save event with new layout in detail\n    const event = new CustomEvent('on-grid-save', {\n      detail: { layout: this.layout },\n    });\n    this.dispatchEvent(event);\n  }\n\n  private _updateLayout() {\n    // get layout for current breakpoint\n    const Layout = this.layout[this._breakpoint] || this.layout['max'];\n\n    if (this.grid) {\n      // load grid layout\n      this.grid.load(Layout);\n\n      // enable gridstack animations\n      this.grid.setAnimation(true);\n    }\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._setBreakpoint();\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    window?.addEventListener('resize', this._debounceResize);\n  }\n\n  override disconnectedCallback() {\n    window?.removeEventListener('resize', this._debounceResize);\n\n    super.disconnectedCallback();\n  }\n\n  private _setBreakpoint() {\n    // get and set current breakpoint variable\n    this._breakpoint = getComputedStyle(\n      document.documentElement\n    ).getPropertyValue('--kd-current-breakpoint');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget-gridstack': WidgetGridstack;\n  }\n}\n"],"names":["WidgetGridstack","customElement","LitElement","_classThis","_classSuper","_WidgetGridstack_layout_accessor_storage","set","this","__runInitializers","_layout_initializers","_WidgetGridstack_gridstackConfig_accessor_storage","_layout_extraInitializers","_gridstackConfig_initializers","Config","_WidgetGridstack_gridStack_accessor_storage","_gridstackConfig_extraInitializers","_gridStack_initializers","GridStack","_WidgetGridstack_grid_accessor_storage","_gridStack_extraInitializers","_grid_initializers","_WidgetGridstack__breakpoint_accessor_storage","_grid_extraInitializers","__breakpoint_initializers","_debounceResize","__breakpoint_extraInitializers","debounce","_setBreakpoint","layout","__classPrivateFieldGet","value","__classPrivateFieldSet","gridstackConfig","gridStack","grid","_breakpoint","render","html","firstUpdated","GridstackEl","querySelector","init","on","e","El","target","querySelectorDeep","dragActive","_saveLayout","event","CustomEvent","detail","dispatchEvent","willUpdate","changedProps","has","_updateLayout","NewLayout","save","map","Widget","w","minW","h","minH","Layout","load","setAnimation","connectedCallback","super","window","addEventListener","disconnectedCallback","removeEventListener","getComputedStyle","document","documentElement","getPropertyValue","_layout_decorators","property","type","Object","_gridstackConfig_decorators","_gridStack_decorators","attribute","_grid_decorators","__breakpoint_decorators","state","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
+{"version":3,"file":"widgetGridstack.js","sources":["../../../../src/components/reusable/widget/widgetGridstack.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport Styles from './widgetGridstack.scss?inline';\nimport { querySelectorDeep } from 'query-selector-shadow-dom';\nimport { debounce } from '../../../common/helpers/helpers';\nimport { GetConfig } from '../../../common/helpers/gridstack';\nimport { GridStack } from 'gridstack';\n\n/**\n * GridStack wrapper that includes Shidoka default config and styles.\n * @fires on-grid-init - Emits after GridStack initializes.\n * @fires on-grid-save - Emits the GridStack save() method results (new layout) on dragstop and resizestop.\n * @slot unnamed - Slot for .grid-stack container element.\n */\n@customElement('kyn-widget-gridstack')\nexport class WidgetGridstack extends LitElement {\n  static override styles = unsafeCSS(Styles);\n\n  /** GridStack layout/widget size/position definitions for each breakpoint. */\n  @property({ type: Object })\n  accessor layout: any = {};\n\n  /** Custom GridStack config. */\n  @property({ type: Object })\n  accessor gridstackConfig!: any;\n\n  /** Final config passed to gridstack.\n   * @internal */\n  @state()\n  accessor _gridstackConfig!: any;\n\n  /** GridStack instance. */\n  @property({ attribute: false })\n  accessor gridStack: any = GridStack;\n\n  /** GridStack grid instance. */\n  @property({ attribute: false })\n  accessor grid!: any;\n\n  /** Use compact grid config. Ignored in case of custom gridstackConfig. */\n  @property({ type: Boolean })\n  accessor compact = false;\n\n  /** Make entire widget draggable. Ignored in case of custom gridstackConfig. */\n  @property({ type: Boolean })\n  accessor wholeWidgetDraggable = false;\n\n  /** Current breakpoint.\n   * @internal\n   */\n  @state()\n  accessor _breakpoint = '';\n\n  override render() {\n    return html`\n      <div class=\"grid-wrapper ${this.compact ? 'compact' : ''}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  override firstUpdated() {\n    this._setBreakpoint();\n  }\n\n  override willUpdate(changedProps: any) {\n    /* This part of the code is checking if the properties `compact` or `wholeWidgetDraggable` have\n    changed. If either of these properties has changed, it updates the `_gridstackConfig` property\n    based on the current values of `compact` and `wholeWidgetDraggable`. */\n    if (\n      changedProps.has('compact') ||\n      changedProps.has('wholeWidgetDraggable')\n    ) {\n      this._gridstackConfig =\n        this.gridstackConfig ||\n        GetConfig(this.compact, this.wholeWidgetDraggable);\n    }\n\n    /* This part of the code is checking if the properties `layout` and `_breakpoint` are truthy and if\n    either `_breakpoint` or `layout` properties have changed. If these conditions are met, it calls\n    the `_updateLayout()` method to update the gridstack size and position of each widget when there\n    is a change in the breakpoint or layout. */\n    if (\n      this.layout &&\n      this._breakpoint &&\n      (changedProps.has('_breakpoint') || changedProps.has('layout'))\n    ) {\n      // update the gridstack size/position of each widget when breakpoint or layout changes\n      this._updateLayout();\n    }\n  }\n\n  /**\n   * The private `_saveLayout` function saves the grid layout by updating each widget's properties and\n   * emitting a custom event with the new layout.\n   */\n  private _saveLayout() {\n    // get new grid layout\n    let NewLayout = this.grid.save(false);\n\n    // manually update each widget's properties because GridStack drops \"w\" or \"h\" if they match their respective min values and freezes the browser\n    NewLayout = NewLayout.map((Widget: any) => {\n      return {\n        ...Widget,\n        w: Widget.w || Widget.minW,\n        h: Widget.h || Widget.minH,\n      };\n    });\n\n    // update layout for current breakpoint\n    this.layout[this._breakpoint] = NewLayout;\n\n    // emit save event with new layout in detail\n    const event = new CustomEvent('on-grid-save', {\n      detail: { layout: this.layout },\n    });\n    this.dispatchEvent(event);\n  }\n\n  /**\n   * The function `_initGridstack` initializes a GridStack layout with event listeners for drag, resize,\n   * and saving layout changes.\n   */\n  private _initGridstack() {\n    // destory grid if already exists\n    if (this.grid) {\n      this.grid.destroy(false);\n    }\n\n    // initialize the GridStack with Shidoka default options\n    const GridstackEl: any = this.querySelector('.grid-stack');\n    this.grid = this.gridStack.init(this._gridstackConfig, GridstackEl);\n\n    // set widget drag state on dragstart\n    this.grid.on('dragstart', (e: Event) => {\n      const El: any = e.target;\n      const Widget: any = querySelectorDeep('kyn-widget', El);\n      Widget.dragActive = true;\n    });\n\n    // unset widget drag state and save layout on dragstop\n    this.grid.on('dragstop', (e: Event) => {\n      const El: any = e.target;\n      const Widget: any = querySelectorDeep('kyn-widget', El);\n      Widget.dragActive = false;\n\n      this._saveLayout();\n    });\n\n    // save layout on resizestop\n    this.grid.on('resizestop', () => {\n      this._saveLayout();\n    });\n\n    // emit init event\n    const event = new CustomEvent('on-grid-init', {\n      detail: { grid: this.grid, gridStack: this.gridStack },\n    });\n    this.dispatchEvent(event);\n  }\n\n  override updated(changedProps: any) {\n    if (\n      changedProps.has('gridstackConfig') ||\n      changedProps.has('_gridstackConfig')\n    ) {\n      this._initGridstack();\n    }\n\n    if (changedProps.has('compact')) {\n      this._updateWidgetsDensity();\n    }\n  }\n\n  /**\n   * The function `_updateWidgetsDensity` iterates through all `kyn-widget` elements and sets their\n   * `compact` property based on the parent element's `compact` property.\n   */\n  private _updateWidgetsDensity() {\n    this.querySelectorAll('kyn-widget').forEach((widget: any) => {\n      widget.compact = this.compact;\n    });\n  }\n\n  private _updateLayout() {\n    // get layout for current breakpoint\n    const Layout = this.layout[this._breakpoint] || this.layout['max'];\n\n    if (this.grid) {\n      // load grid layout\n      this.grid.load(Layout);\n\n      // enable gridstack animations\n      this.grid.setAnimation(true);\n    }\n  }\n\n  /** @internal */\n  private _debounceResize = debounce(() => {\n    this._setBreakpoint();\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n\n    window?.addEventListener('resize', this._debounceResize);\n  }\n\n  override disconnectedCallback() {\n    window?.removeEventListener('resize', this._debounceResize);\n\n    super.disconnectedCallback();\n  }\n\n  /**\n   * The function `_setBreakpoint` retrieves and sets the current breakpoint value from the CSS custom\n   * property `--kd-current-breakpoint`.\n   */\n  private _setBreakpoint() {\n    // get and set current breakpoint variable\n    this._breakpoint = getComputedStyle(\n      document.documentElement\n    ).getPropertyValue('--kd-current-breakpoint');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-widget-gridstack': WidgetGridstack;\n  }\n}\n"],"names":["WidgetGridstack","customElement","LitElement","_classThis","_classSuper","_WidgetGridstack_layout_accessor_storage","set","this","__runInitializers","_layout_initializers","_WidgetGridstack_gridstackConfig_accessor_storage","_layout_extraInitializers","_gridstackConfig_initializers","_WidgetGridstack__gridstackConfig_accessor_storage","_gridstackConfig_extraInitializers","__gridstackConfig_initializers","_WidgetGridstack_gridStack_accessor_storage","__gridstackConfig_extraInitializers","_gridStack_initializers","GridStack","_WidgetGridstack_grid_accessor_storage","_gridStack_extraInitializers","_grid_initializers","_WidgetGridstack_compact_accessor_storage","_grid_extraInitializers","_compact_initializers","_WidgetGridstack_wholeWidgetDraggable_accessor_storage","_compact_extraInitializers","_wholeWidgetDraggable_initializers","_WidgetGridstack__breakpoint_accessor_storage","_wholeWidgetDraggable_extraInitializers","__breakpoint_initializers","_debounceResize","__breakpoint_extraInitializers","debounce","_setBreakpoint","layout","__classPrivateFieldGet","value","__classPrivateFieldSet","gridstackConfig","_gridstackConfig","gridStack","grid","compact","wholeWidgetDraggable","_breakpoint","render","html","firstUpdated","willUpdate","changedProps","has","GetConfig","_updateLayout","_saveLayout","NewLayout","save","map","Widget","w","minW","h","minH","event","CustomEvent","detail","dispatchEvent","_initGridstack","destroy","GridstackEl","querySelector","init","on","e","El","target","querySelectorDeep","dragActive","updated","_updateWidgetsDensity","querySelectorAll","forEach","widget","Layout","load","setAnimation","connectedCallback","super","window","addEventListener","disconnectedCallback","removeEventListener","getComputedStyle","document","documentElement","getPropertyValue","_layout_decorators","property","type","Object","_gridstackConfig_decorators","__gridstackConfig_decorators","state","_gridStack_decorators","attribute","_grid_decorators","_compact_decorators","Boolean","_wholeWidgetDraggable_decorators","__breakpoint_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "2.49.0",
+  "version": "2.50.0",
   "description": "Shidoka Web Components for Applications",
   "license": "MIT",
   "main": "index.js",
@@ -64,6 +64,7 @@
     "@storybook/addon-vitest": "^9.0.13",
     "@storybook/web-components-vite": "^9.0.13",
     "@types/prismjs": "^1.26.4",
+    "@types/query-selector-shadow-dom": "^1.0.4",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
     "@vitest/browser": "^3.2.4",