@trintel/zooy 1.0.1-beta.1 → 1.0.2

package/dist/chunks/{unsafe-html-H7RRvoR7.js → unsafe-html-Bi2pB4Lb.js}

@@ -1,4 +1,4 @@
-"use strict";const s=require("./main-A63e59aD.js"),r=require("./directive-Dp4ZTz-F.js");/**
+"use strict";const s=require("./main-BPWCMI5R.js"),r=require("./directive-Dp4ZTz-F.js");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/dist/chunks/{unsafe-html-9YCxB3h1.js → unsafe-html-xqClX-6M.js}

@@ -1,4 +1,4 @@
-import { E as r, T as s } from "./main-DTOZMPON.js";
+import { E as r, T as s } from "./main-BywCEBtD.js";
 import { i as n, t as o, e as c } from "./directive-kLG6oqUu.js";
 /**
  * @license

package/dist/zooy.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./chunks/main-A63e59aD.js");exports.Component=e.Component;exports.ComponentLibraryRegistry=e.ComponentLibraryRegistry;exports.Conductor=e.Conductor;exports.DataBinder=e.DataBinder;exports.Dragger=e.Dragger;exports.EVT=e.EVT;exports.FormPanel=e.FormPanel;exports.Panel=e.Panel;exports.Split=e.Split;exports.UiEventType=e.UiEventType;exports.UserManager=e.UserManager;exports.View=e.View;exports.default=e.zooy;exports.domUtils=e.domUtils;exports.handlers=e.handlers;exports.registerCarbonLibrary=e.registerCarbonLibrary;exports.registerMdcLibrary=e.registerMdcLibrary;exports.uriUtils=e.uriUtils;exports.zoo=e.zoo;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./chunks/main-BPWCMI5R.js");exports.Binder=e.Binder;exports.Component=e.Component;exports.ComponentLibraryRegistry=e.ComponentLibraryRegistry;exports.Conductor=e.Conductor;exports.Dragger=e.Dragger;exports.Evt=e.Evt;exports.FormPanel=e.FormPanel;exports.Panel=e.Panel;exports.Split=e.Split;exports.UiEventType=e.UiEventType;exports.UserManager=e.UserManager;exports.View=e.View;exports.default=e.zooy;exports.domUtils=e.domUtils;exports.handlers=e.handlers;exports.registerCarbonLibrary=e.registerCarbonLibrary;exports.registerMdcLibrary=e.registerMdcLibrary;exports.uriUtils=e.uriUtils;exports.zoo=e.zoo;

package/dist/zooy.es.js

@@ -1,22 +1,22 @@
-import { l as r, C as e, o, D as i, m as n, k as t, F as l, P as d, S as g, n as m, U as p, V as y, z as C, p as U, s as b, r as u, j as D, q as L, v as P } from "./chunks/main-DTOZMPON.js";
+import { B as r, s as e, C as i, w as n, D as o, q as t, F as l, P as d, S as g, v as y, U as m, V as p, z as C, y as U, G as b, r as u, n as v, A as L, H as P } from "./chunks/main-BywCEBtD.js";
 export {
-  r as Component,
-  e as ComponentLibraryRegistry,
-  o as Conductor,
-  i as DataBinder,
-  n as Dragger,
-  t as EVT,
+  r as Binder,
+  e as Component,
+  i as ComponentLibraryRegistry,
+  n as Conductor,
+  o as Dragger,
+  t as Evt,
   l as FormPanel,
   d as Panel,
   g as Split,
-  m as UiEventType,
-  p as UserManager,
-  y as View,
+  y as UiEventType,
+  m as UserManager,
+  p as View,
   C as default,
   U as domUtils,
   b as handlers,
   u as registerCarbonLibrary,
-  D as registerMdcLibrary,
+  v as registerMdcLibrary,
   L as uriUtils,
   P as zoo
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@trintel/zooy",
   "description": "UI Building Blocks",
-  "version": "1.0.1-beta.1",
+  "version": "1.0.2",
   "main": "./dist/zooy.cjs.js",
   "module": "./dist/zooy.es.js",
   "type": "module",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@carbon/icons": "^11.70.0",
-    "@carbon/web-components": "^2.41.0",
+    "@carbon/web-components": "^2.42.0",
     "@ibm/plex": "^6.4.1",
     "badu": "^8.6.0",
     "material-components-web": "^14.0.0",

package/src/sass/carbon.scss

@@ -64,13 +64,87 @@ cds-table {
   cds-table-cell {
     &.number {
       text-align: right;
+
+      &.index {
+        width: 2.5em;
+      }
     }
   }
 
-  // Numeric column headers - right-aligned to match cell alignment
-  cds-table-header-cell {
-    &.number {
-      text-align: right;
+  cds-table-header-cell.number::part(label-text) {
+    flex: 1;
+    text-align: right;
+  }
+
+}
+
+
+// Batch filter popover - active state styling
+// Matches Carbon's overflow menu behavior when open
+cds-popover {
+  &.cds--overflow-menu--open {
+    box-shadow: 0 2px 6px var(--cds-shadow);
+    background-color: var(--cds-background);
+    transition: none;
+  }
+
+  cds-popover-content {
+    .batch-filter-container {
+      display: flex;
+
+      &.horizontal {
+        flex-flow: row nowrap;
+      }
+
+      &.vertical {
+        flex-flow: column nowrap;
+      }
+
+      padding: 1.5rem;
+      gap: 1.5rem;
+
+      .divider {
+        border-block-start: 1px solid var(--cds-layer-accent);
+        border-inline-start: 1px solid var(--cds-layer-accent);
+
+        &:last-of-type {
+          border: none;
+        }
+      }
+    }
+  }
+
+  &[data-batch-filter] cds-popover-content::part(content) {
+    max-inline-size: 700px !important;
+  }
+}
+
+
+.zoo-datatable-skeleton-wrapper {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr;
+
+  cds-table,
+  cds-table-skeleton {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  cds-table {
+    z-index: 2; /* Table always on top */
+  }
+
+  cds-table-skeleton {
+    z-index: 1;
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 1s ease, visibility 1s ease;
+
+    &.hidden {
+      opacity: 0;
+      visibility: hidden;
     }
   }
 }
+