@sankhyalabs/sankhyablocks 8.16.0-dev.114 → 8.16.0-dev.116

package/dist/components/snk-detail-view2.js

@@ -14,39 +14,43 @@ import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.
 import { T as TaskbarProcessor } from './ContinuousInsertUtils.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
-import { d as defineCustomElement$y } from './snk-actions-button2.js';
-import { d as defineCustomElement$x } from './snk-attach2.js';
-import { d as defineCustomElement$w } from './snk-config-options2.js';
-import { d as defineCustomElement$v } from './snk-configurator2.js';
-import { d as defineCustomElement$u } from './snk-data-exporter2.js';
-import { d as defineCustomElement$t } from './snk-data-unit2.js';
+import { d as defineCustomElement$C } from './config-header2.js';
+import { d as defineCustomElement$B } from './configs-button2.js';
+import { d as defineCustomElement$A } from './field-config2.js';
+import { d as defineCustomElement$z } from './field-item2.js';
+import { d as defineCustomElement$y } from './fields-layout2.js';
+import { d as defineCustomElement$x } from './fields-selector2.js';
+import { d as defineCustomElement$w } from './guides-configurator2.js';
+import { d as defineCustomElement$v } from './snk-actions-button2.js';
+import { d as defineCustomElement$u } from './snk-attach2.js';
+import { d as defineCustomElement$t } from './snk-configurator2.js';
+import { d as defineCustomElement$s } from './snk-data-exporter2.js';
+import { d as defineCustomElement$r } from './snk-data-unit2.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { d as defineCustomElement$s } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$r } from './snk-expression-group2.js';
-import { d as defineCustomElement$q } from './snk-expression-item2.js';
-import { d as defineCustomElement$o } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$n } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$m } from './snk-filter-bar2.js';
-import { d as defineCustomElement$l } from './snk-filter-detail2.js';
-import { d as defineCustomElement$k } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$j } from './snk-filter-item2.js';
-import { d as defineCustomElement$i } from './snk-filter-param-config2.js';
-import { d as defineCustomElement$g } from './snk-form-summary2.js';
-import { d as defineCustomElement$f } from './snk-form-view2.js';
-import { d as defineCustomElement$e } from './snk-grid2.js';
-import { d as defineCustomElement$d } from './snk-grid-config2.js';
-import { d as defineCustomElement$c } from './snk-layout-form-config2.js';
-import { d as defineCustomElement$b } from './snk-personalized-filter2.js';
-import { d as defineCustomElement$a } from './snk-select-box2.js';
-import { d as defineCustomElement$9 } from './snk-simple-bar2.js';
-import { d as defineCustomElement$8 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$7 } from './snk-simple-form-config2.js';
+import { d as defineCustomElement$q } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$p } from './snk-expression-group2.js';
+import { d as defineCustomElement$o } from './snk-expression-item2.js';
+import { d as defineCustomElement$n } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$m } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$l } from './snk-filter-bar2.js';
+import { d as defineCustomElement$k } from './snk-filter-detail2.js';
+import { d as defineCustomElement$j } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$i } from './snk-filter-item2.js';
+import { d as defineCustomElement$h } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$f } from './snk-form-summary2.js';
+import { d as defineCustomElement$e } from './snk-form-view2.js';
+import { d as defineCustomElement$d } from './snk-grid2.js';
+import { d as defineCustomElement$c } from './snk-grid-config2.js';
+import { d as defineCustomElement$b } from './snk-layout-form-config2.js';
+import { d as defineCustomElement$a } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$9 } from './snk-select-box2.js';
+import { d as defineCustomElement$8 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$7 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$6 } from './snk-simple-form-config2.js';
 import { d as defineCustomElement$4 } from './snk-view-representation2.js';
 import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
 import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
-import { d as defineCustomElement$p } from './snk-field-config2.js';
-import { d as defineCustomElement$h } from './snk-form-config2.js';
-import { d as defineCustomElement$6 } from './snk-tab-config2.js';
+import { d as defineCustomElement$g } from './snk-form-config2.js';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-small:var(--space--2xs, 8px);--snk-guides-viewer__header--min-height:68px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-small);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-small)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-small));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-small))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 
@@ -592,7 +596,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (h("snk-form-config", { tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }));
+      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
     }
     if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
@@ -667,159 +671,179 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-guides-viewer", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-tab-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
+  const components = ["snk-guides-viewer", "config-header", "configs-button", "field-config", "field-item", "fields-layout", "fields-selector", "guides-configurator", "snk-actions-button", "snk-attach", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-layout-form-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-simple-form-config", "snk-taskbar", "snk-view-representation", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkGuidesViewer);
       }
       break;
-    case "snk-actions-button":
+    case "config-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$C();
+      }
+      break;
+    case "configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$B();
+      }
+      break;
+    case "field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$A();
+      }
+      break;
+    case "field-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$z();
+      }
+      break;
+    case "fields-layout":
       if (!customElements.get(tagName)) {
         defineCustomElement$y();
       }
       break;
-    case "snk-attach":
+    case "fields-selector":
       if (!customElements.get(tagName)) {
         defineCustomElement$x();
       }
       break;
-    case "snk-config-options":
+    case "guides-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$w();
       }
       break;
-    case "snk-configurator":
+    case "snk-actions-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$v();
       }
       break;
-    case "snk-data-exporter":
+    case "snk-attach":
       if (!customElements.get(tagName)) {
         defineCustomElement$u();
       }
       break;
-    case "snk-data-unit":
+    case "snk-configurator":
       if (!customElements.get(tagName)) {
         defineCustomElement$t();
       }
       break;
-    case "snk-detail-view":
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement();
+        defineCustomElement$s();
       }
       break;
-    case "snk-exporter-email-sender":
+    case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$r();
       }
       break;
-    case "snk-expression-group":
+    case "snk-detail-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement();
       }
       break;
-    case "snk-expression-item":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$q();
       }
       break;
-    case "snk-field-config":
+    case "snk-expression-group":
       if (!customElements.get(tagName)) {
         defineCustomElement$p();
       }
       break;
-    case "snk-filter-advanced-mode":
+    case "snk-expression-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$o();
       }
       break;
-    case "snk-filter-assistent-mode":
+    case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$n();
       }
       break;
-    case "snk-filter-bar":
+    case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$m();
       }
       break;
-    case "snk-filter-detail":
+    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$l();
       }
       break;
-    case "snk-filter-field-search":
+    case "snk-filter-detail":
       if (!customElements.get(tagName)) {
         defineCustomElement$k();
       }
       break;
-    case "snk-filter-item":
+    case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
         defineCustomElement$j();
       }
       break;
-    case "snk-filter-param-config":
+    case "snk-filter-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$i();
       }
       break;
-    case "snk-form-config":
+    case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$h();
       }
       break;
-    case "snk-form-summary":
+    case "snk-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }
       break;
-    case "snk-form-view":
+    case "snk-form-summary":
       if (!customElements.get(tagName)) {
         defineCustomElement$f();
       }
       break;
-    case "snk-grid":
+    case "snk-form-view":
       if (!customElements.get(tagName)) {
         defineCustomElement$e();
       }
       break;
-    case "snk-grid-config":
+    case "snk-grid":
       if (!customElements.get(tagName)) {
         defineCustomElement$d();
       }
       break;
-    case "snk-layout-form-config":
+    case "snk-grid-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
       }
       break;
-    case "snk-personalized-filter":
+    case "snk-layout-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }
       break;
-    case "snk-select-box":
+    case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();
       }
       break;
-    case "snk-simple-bar":
+    case "snk-select-box":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }
       break;
-    case "snk-simple-crud":
+    case "snk-simple-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "snk-simple-form-config":
+    case "snk-simple-crud":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
       break;
-    case "snk-tab-config":
+    case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }
@@ -1239,127 +1263,127 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$y();
+        defineCustomElement$v();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$x();
+        defineCustomElement$u();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$v();
+        defineCustomElement$t();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$u();
+        defineCustomElement$s();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$t();
+        defineCustomElement$r();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$s();
+        defineCustomElement$q();
       }
       break;
     case "snk-expression-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$r();
+        defineCustomElement$p();
       }
       break;
     case "snk-expression-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$o();
       }
       break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$n();
       }
       break;
     case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$m();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$l();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$k();
       }
       break;
     case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$j();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-param-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$h();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$f();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$e();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$d();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$c();
       }
       break;
     case "snk-layout-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$b();
       }
       break;
     case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$a();
       }
       break;
     case "snk-select-box":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$9();
       }
       break;
     case "snk-simple-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$8();
       }
       break;
     case "snk-simple-crud":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$7();
       }
       break;
     case "snk-simple-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$6();
       }
       break;
     case "snk-taskbar":

package/dist/components/snk-filter-bar2.js

@@ -253,7 +253,7 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:12px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:12px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small);height:80%}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {