@sankhyalabs/sankhyablocks 9.0.1-rc.1 → 9.1.0-dev.1

package/dist/components/snk-taskbar2.js

@@ -3,10 +3,11 @@ import { Action, LockManager, LockManagerOperation, SilentException, StringUtils
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { P as PresentationMode } from './ISave.js';
 import { s as store } from './index2.js';
-import { d as defineCustomElement$4 } from './snk-actions-button2.js';
-import { d as defineCustomElement$3 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$2 } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$1 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$5 } from './snk-actions-button2.js';
+import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
+import { d as defineCustomElement$3 } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
+import { d as defineCustomElement$1 } from './taskbar-split-button2.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -27,6 +28,7 @@ var TaskbarElement;
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
   TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -66,6 +68,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.UPDATE:
       return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton("edit-table", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CLONE:
       return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.REMOVE:
@@ -91,6 +95,9 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
     case TaskbarElement.FORM_MODE:
       return iconButton("list", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CONFIGURATOR:
+      if ((actions === null || actions === void 0 ? void 0 : actions.length) > 0) {
+        return splitButton("settings-inverted", element, className, title, dataElementId, isEnabled, actions, action);
+      }
       return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
       return actionButton(element, className, dataElementId, title, isEnabled, actions, action);
@@ -115,6 +122,11 @@ function iconTextButton(iconName, name, className, dataElementId, text, title, a
   return h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-taskbar-label": text, "data-taskbar-icon": iconName, "data-taskbar-element": name, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
+function splitButton(iconName, element, className, title, dataElementId, isEnabled, actions, action) {
+  return actions && actions.length > 0
+    ? h("taskbar-split-button", { iconName: iconName, class: className, key: dataElementId, "data-taskbar-icon": iconName, "data-taskbar-label": title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, title: title, action: () => action(element) })
+    : undefined;
+}
 function actionButton(element, className, dataElementId, title, isEnabled, actions, action) {
   return actions && actions.length > 0
     ? h("taskbar-actions-button", { class: className, key: dataElementId, title: title, "data-taskbar-element": element, "data-element-id": dataElementId, enabled: isEnabled(element), actions: actions, onTaskbarActionSelected: (evt) => action(evt.detail.value) })
@@ -136,6 +148,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
     this._titleKeyByElement = {
+      [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
       [TaskbarElement.NEXT]: "snkTaskbar.titleNext",
@@ -183,6 +196,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.buttons = undefined;
     this.customButtons = undefined;
     this.actionsList = undefined;
+    this.actionsSettingsList = undefined;
     this.primaryButton = undefined;
     this.disabledButtons = undefined;
     this.dataUnit = undefined;
@@ -339,7 +353,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const taskbarElement = TaskbarElement[def.toString()];
     const dataExporterStoreKey = this._element.dataset.exporterStoreKey || this.configName;
     if (taskbarElement) {
-      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.buildDynamicActionsList(), dataExporterStoreKey, this.presentationMode);
+      return buildElem(def, className, this.getIdElemBtnNative(def), elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), def !== TaskbarElement.CONFIGURATOR ? this.buildDynamicActionsList() : this.buildActionsSettingsList(), dataExporterStoreKey, this.presentationMode);
     }
     else {
       return buildCustomButton(def, className, this.getIdElemBtnCustom(def), elem => this.elementClick(elem), elem => this.isEnabled(elem));
@@ -348,10 +362,13 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   buildDynamicActionsList() {
     var _a;
     if (this._hiddenActionsList.length) {
-      return [...((_a = this.actionsList) !== null && _a !== void 0 ? _a : []), { type: 'divider', label: "", value: "" }, ...this._hiddenActionsList];
+      return [...((_a = this.actionsList) !== null && _a !== void 0 ? _a : []), ...this._hiddenActionsList];
     }
     return this.actionsList;
   }
+  buildActionsSettingsList() {
+    return this.actionsSettingsList;
+  }
   getIdElemBtnNative(taskbarElem) {
     return StringUtils.toCamelCase(taskbarElem);
   }
@@ -583,6 +600,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "buttons": [1],
     "customButtons": [16],
     "actionsList": [16],
+    "actionsSettingsList": [16],
     "primaryButton": [1, "primary-button"],
     "disabledButtons": [16],
     "dataUnit": [16],
@@ -602,7 +620,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-taskbar", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "taskbar-actions-button"];
+  const components = ["snk-taskbar", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
@@ -611,20 +629,25 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "taskbar-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "taskbar-split-button":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }

package/dist/components/snk-view-representation.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkViewRepresentation extends Components.SnkViewRepresentation, HTMLElement {}
+export const SnkViewRepresentation: {
+  prototype: SnkViewRepresentation;
+  new (): SnkViewRepresentation;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-view-representation.js

@@ -0,0 +1,6 @@
+import { S as SnkViewRepresentation$1, d as defineCustomElement$1 } from './snk-view-representation2.js';
+
+const SnkViewRepresentation = SnkViewRepresentation$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkViewRepresentation, defineCustomElement };

package/dist/components/snk-view-representation2.js

@@ -0,0 +1,41 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { FormLayout } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkViewRepresentationCss = ".sc-snk-view-representation-h{display:block}.svg-container.sc-snk-view-representation{display:flex;width:185px;height:125px;border-radius:8px;background-color:#f7f7f7;padding:10px 12px;box-sizing:border-box;position:relative}.svg-container__background.sc-snk-view-representation{display:flex;flex-direction:column;width:100%}.svg-container__header.sc-snk-view-representation{display:flex;gap:2px;margin-bottom:12px}.svg-container__circle.sc-snk-view-representation{width:9px;height:9px;border-radius:50%}.svg-container__circle--red.sc-snk-view-representation{background-color:#ed7678}.svg-container__circle--yellow.sc-snk-view-representation{background-color:#eddb76}.svg-container__circle--green.sc-snk-view-representation{background-color:#7ad08e}.svg-container__section.sc-snk-view-representation{width:100%}.svg-container__collumn.sc-snk-view-representation{width:100%;display:flex;flex-direction:column}.svg-container__inline.sc-snk-view-representation{display:flex;flex-direction:row;gap:6px}.svg-container__line.sc-snk-view-representation{height:13px;border-radius:4px;background-color:#d9d9d9;margin-bottom:4px}.svg-container__line--short.sc-snk-view-representation{width:39.68px;height:7px;border-radius:3.5px}.svg-container__line--long.sc-snk-view-representation{width:100%}";
+
+const SnkViewRepresentation = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.mode = FormLayout.SIDE_BY_SIDE;
+  }
+  renderCascadeLayout() {
+    return (h("div", { class: "svg-container__collumn" }, [...Array(3)].map(() => (h("div", { class: "svg-container__section" }, h("div", { class: "svg-container__line svg-container__line--short" }), h("div", { class: "svg-container__line svg-container__line--long" }))))));
+  }
+  renderSideBySideLayout() {
+    return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
+  }
+  render() {
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+      ? this.renderCascadeLayout()
+      : this.renderSideBySideLayout())));
+  }
+  static get style() { return snkViewRepresentationCss; }
+}, [2, "snk-view-representation", {
+    "mode": [8]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-view-representation"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-view-representation":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkViewRepresentation);
+      }
+      break;
+  } });
+}
+
+export { SnkViewRepresentation as S, defineCustomElement as d };