@sankhyalabs/sankhyablocks 0.0.0-feat-dev-KB-75149.0 → 0.0.0-feat-dev-KB-74182.0

package/dist/cjs/snk-application.cjs.entry.js

@@ -32,7 +32,6 @@ const _0x5b7870=_0x2202;(function(_0x42e134,_0x5d9727){const _0x185c97=_0x2202,_
 class ParametersFetcher {
   constructor() {
     this._embeddedParams = new Map();
-    this._cachedParams = new Map();
     this.templateByQuery = new Map();
     try {
       if (window["MGE_PARAMS"] != undefined) {
@@ -62,16 +61,11 @@ class ParametersFetcher {
     if (this._embeddedParams.has(name)) {
       return Promise.resolve(this._embeddedParams.get(name));
     }
-    if (this._cachedParams.has(name)) {
-      return this._cachedParams.get(name);
-    }
     const completPath = `param://application?params=${name}`;
-    const param = await DataFetcher.DataFetcher.get().callGraphQL({
+    return DataFetcher.DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
-    this._cachedParams.set(name, param);
-    return param;
   }
   async asString(name) {
     const paramArr = await this.getParam(name);

package/dist/cjs/snk-config-options_3.cjs.entry.js

@@ -1049,7 +1049,7 @@ const SnkFormConfig = class {
     }
   }
   getLayoutFormConfig() {
-    var _a, _b;
+    var _a, _b, _c;
     if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined) {
       return;
     }
@@ -1062,7 +1062,11 @@ const SnkFormConfig = class {
       if (hasField == undefined) {
         fields.push(field);
         const fieldMD = this.dataUnit.getField(field.name);
-        if (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) {
+        /**
+         * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+         */
+        const visibleOnConfig = ((_b = fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.properties) === null || _b === void 0 ? void 0 : _b.visibleOnConfig) === true && (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) === false;
+        if ((fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) || visibleOnConfig) {
           if (field.label == undefined || field.label === "") {
             field.label = fieldMD.label;
           }
@@ -1078,7 +1082,7 @@ const SnkFormConfig = class {
                 visible = configTabs[0].visible;
               }
             }
-            const tabLabel = ((_b = field.tab) === null || _b === void 0 ? void 0 : _b.label) || field.tab;
+            const tabLabel = ((_c = field.tab) === null || _c === void 0 ? void 0 : _c.label) || field.tab;
             if (visible !== null) {
               tab = { tab: tabLabel, groups: [], visible };
             }
@@ -1163,8 +1167,16 @@ const SnkFormConfig = class {
     for (const field of this._formConfig.fields) {
       fieldsFormConfig.push(field);
     }
-    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado }) => _visibleMetadado === true
-      && fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado) === false);
+    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+      */
+      if (!hasCfg && properties.visibleOnConfig === true && !_visibleMetadado)
+        return properties.visibleOnConfig;
+      return _visibleMetadado === true && hasCfg === false;
+    });
     this._fieldsAvailable = listFieldsAvailable;
     this._listEnabledFields = listFieldsAvailable;
     if (((_b = this._filterFieldsAvailable) === null || _b === void 0 ? void 0 : _b.value) != undefined) {

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -17,7 +17,7 @@ require('./filter-item-type.enum-a7ffdaa6.js');
 require('./form-config-fetcher-39397ac5.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 const constants = require('./constants-35ddd366.js');
-const snkGuidesViewer = require('./snk-guides-viewer-eee43c8b.js');
+const snkGuidesViewer = require('./snk-guides-viewer-2139481c.js');
 const SnkMessageBuilder = require('./SnkMessageBuilder-bae64d0d.js');
 require('./ConfigStorage-f079f5fd.js');
 require('./PrintUtils-bcaeb82f.js');

package/dist/cjs/{snk-guides-viewer-eee43c8b.js → snk-guides-viewer-2139481c.js}

@@ -456,7 +456,7 @@ const SnkGuidesViewer = class {
       await this.openGuideNavigator(guideName);
     }
     if (action.type === core.Action.METADATA_LOADED) {
-      this.loadGuides(false);
+      this.loadGuides(this.noGuideSelected());
     }
   }
   async addErrorBadgeToGuide(guideName) {

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-eee43c8b.js');
+const snkGuidesViewer = require('./snk-guides-viewer-2139481c.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('./SnkFormConfigManager-63369164.js');

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -389,6 +389,7 @@ const SnkTaskbar = class {
     const dataInfo = { dataUnit: this.dataUnit };
     core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
     this.handleOverFlowStrategy();
+    this.dataUnit.unsubscribe(this.onSaveEvent);
     this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
@@ -399,9 +400,10 @@ const SnkTaskbar = class {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -440,7 +440,7 @@ export class SnkGuidesViewer {
       await this.openGuideNavigator(guideName);
     }
     if (action.type === DUAction.METADATA_LOADED) {
-      this.loadGuides(false);
+      this.loadGuides(this.noGuideSelected());
     }
   }
   async addErrorBadgeToGuide(guideName) {

package/dist/collection/components/snk-form-config/snk-form-config.js

@@ -679,7 +679,7 @@ export class SnkFormConfig {
     }
   }
   getLayoutFormConfig() {
-    var _a, _b;
+    var _a, _b, _c;
     if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined) {
       return;
     }
@@ -692,7 +692,11 @@ export class SnkFormConfig {
       if (hasField == undefined) {
         fields.push(field);
         const fieldMD = this.dataUnit.getField(field.name);
-        if (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) {
+        /**
+         * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+         */
+        const visibleOnConfig = ((_b = fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.properties) === null || _b === void 0 ? void 0 : _b.visibleOnConfig) === true && (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) === false;
+        if ((fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) || visibleOnConfig) {
           if (field.label == undefined || field.label === "") {
             field.label = fieldMD.label;
           }
@@ -708,7 +712,7 @@ export class SnkFormConfig {
                 visible = configTabs[0].visible;
               }
             }
-            const tabLabel = ((_b = field.tab) === null || _b === void 0 ? void 0 : _b.label) || field.tab;
+            const tabLabel = ((_c = field.tab) === null || _c === void 0 ? void 0 : _c.label) || field.tab;
             if (visible !== null) {
               tab = { tab: tabLabel, groups: [], visible };
             }
@@ -793,8 +797,16 @@ export class SnkFormConfig {
     for (const field of this._formConfig.fields) {
       fieldsFormConfig.push(field);
     }
-    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado }) => _visibleMetadado === true
-      && fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado) === false);
+    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+      */
+      if (!hasCfg && properties.visibleOnConfig === true && !_visibleMetadado)
+        return properties.visibleOnConfig;
+      return _visibleMetadado === true && hasCfg === false;
+    });
     this._fieldsAvailable = listFieldsAvailable;
     this._listEnabledFields = listFieldsAvailable;
     if (((_b = this._filterFieldsAvailable) === null || _b === void 0 ? void 0 : _b.value) != undefined) {

package/dist/collection/components/snk-taskbar/snk-taskbar.js

@@ -378,6 +378,7 @@ export class SnkTaskbar {
     const dataInfo = { dataUnit: this.dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
     this.handleOverFlowStrategy();
+    this.dataUnit.unsubscribe(this.onSaveEvent);
     this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
@@ -388,9 +389,10 @@ export class SnkTaskbar {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/collection/lib/http/data-fetcher/fetchers/parameters-fecher.js

@@ -4,7 +4,6 @@ import { DataFetcher } from "../DataFetcher";
 export default class ParametersFetcher {
   constructor() {
     this._embeddedParams = new Map();
-    this._cachedParams = new Map();
     this.templateByQuery = new Map();
     try {
       if (window["MGE_PARAMS"] != undefined) {
@@ -34,16 +33,11 @@ export default class ParametersFetcher {
     if (this._embeddedParams.has(name)) {
       return Promise.resolve(this._embeddedParams.get(name));
     }
-    if (this._cachedParams.has(name)) {
-      return this._cachedParams.get(name);
-    }
     const completPath = `param://application?params=${name}`;
-    const param = await DataFetcher.get().callGraphQL({
+    return DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
-    this._cachedParams.set(name, param);
-    return param;
   }
   async asString(name) {
     const paramArr = await this.getParam(name);

package/dist/components/snk-application2.js

@@ -74,7 +74,6 @@ class TotalsFetcher {
 class ParametersFetcher {
   constructor() {
     this._embeddedParams = new Map();
-    this._cachedParams = new Map();
     this.templateByQuery = new Map();
     try {
       if (window["MGE_PARAMS"] != undefined) {
@@ -104,16 +103,11 @@ class ParametersFetcher {
     if (this._embeddedParams.has(name)) {
       return Promise.resolve(this._embeddedParams.get(name));
     }
-    if (this._cachedParams.has(name)) {
-      return this._cachedParams.get(name);
-    }
     const completPath = `param://application?params=${name}`;
-    const param = await DataFetcher.get().callGraphQL({
+    return DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
-    this._cachedParams.set(name, param);
-    return param;
   }
   async asString(name) {
     const paramArr = await this.getParam(name);

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

@@ -483,7 +483,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       await this.openGuideNavigator(guideName);
     }
     if (action.type === Action.METADATA_LOADED) {
-      this.loadGuides(false);
+      this.loadGuides(this.noGuideSelected());
     }
   }
   async addErrorBadgeToGuide(guideName) {

package/dist/components/snk-form-config2.js

@@ -685,7 +685,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   getLayoutFormConfig() {
-    var _a, _b;
+    var _a, _b, _c;
     if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined) {
       return;
     }
@@ -698,7 +698,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       if (hasField == undefined) {
         fields.push(field);
         const fieldMD = this.dataUnit.getField(field.name);
-        if (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) {
+        /**
+         * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+         */
+        const visibleOnConfig = ((_b = fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.properties) === null || _b === void 0 ? void 0 : _b.visibleOnConfig) === true && (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) === false;
+        if ((fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) || visibleOnConfig) {
           if (field.label == undefined || field.label === "") {
             field.label = fieldMD.label;
           }
@@ -714,7 +718,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
                 visible = configTabs[0].visible;
               }
             }
-            const tabLabel = ((_b = field.tab) === null || _b === void 0 ? void 0 : _b.label) || field.tab;
+            const tabLabel = ((_c = field.tab) === null || _c === void 0 ? void 0 : _c.label) || field.tab;
             if (visible !== null) {
               tab = { tab: tabLabel, groups: [], visible };
             }
@@ -799,8 +803,16 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     for (const field of this._formConfig.fields) {
       fieldsFormConfig.push(field);
     }
-    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado }) => _visibleMetadado === true
-      && fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado) === false);
+    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+      */
+      if (!hasCfg && properties.visibleOnConfig === true && !_visibleMetadado)
+        return properties.visibleOnConfig;
+      return _visibleMetadado === true && hasCfg === false;
+    });
     this._fieldsAvailable = listFieldsAvailable;
     this._listEnabledFields = listFieldsAvailable;
     if (((_b = this._filterFieldsAvailable) === null || _b === void 0 ? void 0 : _b.value) != undefined) {

package/dist/components/snk-taskbar2.js

@@ -502,6 +502,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const dataInfo = { dataUnit: this.dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
     this.handleOverFlowStrategy();
+    this.dataUnit.unsubscribe(this.onSaveEvent);
     this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
@@ -512,9 +513,10 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/esm/snk-application.entry.js

@@ -28,7 +28,6 @@ const _0x5b7870=_0x2202;(function(_0x42e134,_0x5d9727){const _0x185c97=_0x2202,_
 class ParametersFetcher {
   constructor() {
     this._embeddedParams = new Map();
-    this._cachedParams = new Map();
     this.templateByQuery = new Map();
     try {
       if (window["MGE_PARAMS"] != undefined) {
@@ -58,16 +57,11 @@ class ParametersFetcher {
     if (this._embeddedParams.has(name)) {
       return Promise.resolve(this._embeddedParams.get(name));
     }
-    if (this._cachedParams.has(name)) {
-      return this._cachedParams.get(name);
-    }
     const completPath = `param://application?params=${name}`;
-    const param = await DataFetcher.get().callGraphQL({
+    return DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
-    this._cachedParams.set(name, param);
-    return param;
   }
   async asString(name) {
     const paramArr = await this.getParam(name);

package/dist/esm/snk-config-options_3.entry.js

@@ -1045,7 +1045,7 @@ const SnkFormConfig = class {
     }
   }
   getLayoutFormConfig() {
-    var _a, _b;
+    var _a, _b, _c;
     if (((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields) == undefined) {
       return;
     }
@@ -1058,7 +1058,11 @@ const SnkFormConfig = class {
       if (hasField == undefined) {
         fields.push(field);
         const fieldMD = this.dataUnit.getField(field.name);
-        if (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) {
+        /**
+         * Quando um campo é ocultado pelo dev, mas queremos manter ele na config precisamos fazer essa tratativa.
+         */
+        const visibleOnConfig = ((_b = fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.properties) === null || _b === void 0 ? void 0 : _b.visibleOnConfig) === true && (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) === false;
+        if ((fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.visible) || visibleOnConfig) {
           if (field.label == undefined || field.label === "") {
             field.label = fieldMD.label;
           }
@@ -1074,7 +1078,7 @@ const SnkFormConfig = class {
                 visible = configTabs[0].visible;
               }
             }
-            const tabLabel = ((_b = field.tab) === null || _b === void 0 ? void 0 : _b.label) || field.tab;
+            const tabLabel = ((_c = field.tab) === null || _c === void 0 ? void 0 : _c.label) || field.tab;
             if (visible !== null) {
               tab = { tab: tabLabel, groups: [], visible };
             }
@@ -1159,8 +1163,16 @@ const SnkFormConfig = class {
     for (const field of this._formConfig.fields) {
       fieldsFormConfig.push(field);
     }
-    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado }) => _visibleMetadado === true
-      && fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado) === false);
+    const listFieldsAvailable = fieldsMetadata.filter(({ name: _nameFieldMetadado, visible: _visibleMetadado, properties }) => {
+      const hasCfg = fieldsFormConfig.some(({ name: _nameFieldForm }) => _nameFieldForm === _nameFieldMetadado);
+      /**
+       * Quando a visibilidade de um campo é alterada pelo dataunit, mas o desenvolvedor deseja que o mesmo continue
+       * sendo apresentado no configurador, precisamos fazer essa tratativa, verificando se o campo não tem configuração
+      */
+      if (!hasCfg && properties.visibleOnConfig === true && !_visibleMetadado)
+        return properties.visibleOnConfig;
+      return _visibleMetadado === true && hasCfg === false;
+    });
     this._fieldsAvailable = listFieldsAvailable;
     this._listEnabledFields = listFieldsAvailable;
     if (((_b = this._filterFieldsAvailable) === null || _b === void 0 ? void 0 : _b.value) != undefined) {

package/dist/esm/snk-detail-view.entry.js

@@ -13,7 +13,7 @@ import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-a7d3e277.js';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
 import { V as VIEW_MODE } from './constants-7302ee87.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-e8ca764a.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-b7ed39eb.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
 import './ConfigStorage-6514d66e.js';
 import './PrintUtils-3e4ff0f5.js';

package/dist/esm/{snk-guides-viewer-e8ca764a.js → snk-guides-viewer-b7ed39eb.js}

@@ -454,7 +454,7 @@ const SnkGuidesViewer = class {
       await this.openGuideNavigator(guideName);
     }
     if (action.type === Action.METADATA_LOADED) {
-      this.loadGuides(false);
+      this.loadGuides(this.noGuideSelected());
     }
   }
   async addErrorBadgeToGuide(guideName) {

package/dist/esm/snk-guides-viewer.entry.js

@@ -1,4 +1,4 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-e8ca764a.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-b7ed39eb.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import './SnkFormConfigManager-b409c745.js';

package/dist/esm/snk-taskbar.entry.js

@@ -385,6 +385,7 @@ const SnkTaskbar = class {
     const dataInfo = { dataUnit: this.dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
     this.handleOverFlowStrategy();
+    this.dataUnit.unsubscribe(this.onSaveEvent);
     this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
@@ -395,9 +396,10 @@ const SnkTaskbar = class {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/sankhyablocks/{p-42130213.entry.js → p-4138da61.entry.js}

@@ -1 +1 @@
-export{S as snk_guides_viewer}from"./p-e3a285a2.js";import"./p-d2d301a6.js";import"@sankhyalabs/core";import"./p-0e206e62.js";import"./p-9ffd9fc7.js";import"./p-126c58ea.js";import"./p-00278e07.js";import"./p-8d884fab.js";import"@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata";import"./p-ff1990ad.js";import"./p-95ce311a.js";import"@sankhyalabs/ezui/dist/collection/utils/form";import"./p-23736d75.js";import"./p-7e7a7473.js";import"./p-30cf616e.js";import"./p-6dc031de.js";import"./p-341465ce.js";import"./p-21749402.js";import"@sankhyalabs/ezui/dist/collection/utils/constants";import"./p-47d24ac8.js";import"@sankhyalabs/ezui/dist/collection/components/ez-grid/utils";import"@sankhyalabs/core/dist/utils/SortingUtils";import"./p-688dcb4c.js";import"@sankhyalabs/core/dist/dataunit/DataUnit";
+export{S as snk_guides_viewer}from"./p-e97be1c8.js";import"./p-d2d301a6.js";import"@sankhyalabs/core";import"./p-0e206e62.js";import"./p-9ffd9fc7.js";import"./p-126c58ea.js";import"./p-00278e07.js";import"./p-8d884fab.js";import"@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata";import"./p-ff1990ad.js";import"./p-95ce311a.js";import"@sankhyalabs/ezui/dist/collection/utils/form";import"./p-23736d75.js";import"./p-7e7a7473.js";import"./p-30cf616e.js";import"./p-6dc031de.js";import"./p-341465ce.js";import"./p-21749402.js";import"@sankhyalabs/ezui/dist/collection/utils/constants";import"./p-47d24ac8.js";import"@sankhyalabs/ezui/dist/collection/components/ez-grid/utils";import"@sankhyalabs/core/dist/utils/SortingUtils";import"./p-688dcb4c.js";import"@sankhyalabs/core/dist/dataunit/DataUnit";

package/dist/sankhyablocks/{p-2aae03a1.entry.js → p-d5ceef5f.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e,g as a}from"./p-d2d301a6.js";import{Action as h,StringUtils as n,ApplicationContext as r,OVERFLOWED_CLASS_NAME as o,OverflowWatcher as l,OverflowDirection as d,ElementIDUtils as v}from"@sankhyalabs/core";import{A as u}from"./p-dc36cfbf.js";import{T as c,V as k,A as m,b,a as p}from"./p-7e7a7473.js";import{P as T}from"./p-30cf616e.js";import"./p-6dc031de.js";const f=class{constructor(i){t(this,i),this.actionClick=s(this,"actionClick",7),this.taskbarSaveLocker=s(this,"taskbarSaveLocker",7),this.taskbarSaveUnlocker=s(this,"taskbarSaveUnlocker",7),this.TASKBAR_ITEM_ID_PREFIX="TASKBAR_ITEM_",this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME="taskbar-custom-elements-container",this.ACTIONS_BUTTON_TAG="TASKBAR-ACTIONS-BUTTON",this.NOT_OVERFLOW_ELEMENTS=["moreOptions","dataExporter_snkDataExporter","actionsButton_snkActionsButton"],this._titleKeyByElement={[c.UPDATE]:"snkTaskbar.titleUpdate",[c.PREVIOUS]:"snkTaskbar.titlePrevious",[c.NEXT]:"snkTaskbar.titleNext",[c.REFRESH]:"snkTaskbar.titleRefresh",[c.CLONE]:"snkTaskbar.titleClone",[c.REMOVE]:"snkTaskbar.titleRemove",[c.MORE_OPTIONS]:"snkTaskbar.titleMoreOptions",[c.INSERT]:"snkTaskbar.titleInsert",[c.CANCEL]:"snkTaskbar.titleCancel",[c.SAVE]:"snkTaskbar.titleSave",[c.GRID_MODE]:"snkTaskbar.titleGridMode",[c.FORM_MODE]:"snkTaskbar.titleFormMode",[c.CONFIGURATOR]:"snkTaskbar.titleConfigurator",[c.ATTACH]:"snkTaskbar.titleAttach"},this.onSaveEvent=t=>{switch(t.type){case h.FIELD_INVALIDATED:case h.INVALIDATE_CLEAN:case h.DATA_SAVED:case h.SAVING_ERROR:case h.SAVING_CANCELED:this._isWaitingForSave=!1;break;case h.SAVING_DATA:this._isWaitingForSave=!0}},this._permissions=void 0,this._overFlowedElements=[],this._customElements=void 0,this._customElementsId=void 0,this._slotContainer=void 0,this._hiddenActionsList=[],this._lastWidth=void 0,this._hasToUpdateOverFlow=!1,this._isWaitingForSave=!1,this.alignRigth=!1,this.customSlotId="TASKBAR_CUSTOM_ELEMENTS",this.customContainerId=void 0,this.overflowStrategy="hiddenItems",this.configName=void 0,this.resourceID=void 0,this.buttons=void 0,this.customButtons=void 0,this.actionsList=void 0,this.primaryButton=void 0,this.disabledButtons=void 0,this.dataUnit=void 0,this.presentationMode=T.PRIMARY,this.messagesBuilder=void 0}handleCustomSlotElementsLoaded(t){this.hasToSearchCustomElements(t)&&this.getCustomElements(!0)}handleTaskbarSaveLocker(){!0!==this._isWaitingForSave&&(this._isWaitingForSave=!0)}handleTaskbarSaveUnlocker(){!0===this._isWaitingForSave&&(this._isWaitingForSave=!1)}hasToSearchCustomElements(t){return this.customSlotId===t.detail&&!this._slotContainer}observeButtons(){this._definitions=void 0,requestAnimationFrame((()=>{requestAnimationFrame((()=>{var t;return null===(t=this._overFlowWatcher)||void 0===t?void 0:t.forceUpdate()}))}))}observeDisabledButtons(){var t;null===(t=this._overFlowWatcher)||void 0===t||t.forceUpdate()}observeLastWidth(t,s){0===s&&0!==t&&(this._hasToUpdateOverFlow=!0)}observeIsWaitingForSave(t,s){1==t&&0==s&&this.taskbarSaveLocker.emit(),0==t&&1==s&&this.taskbarSaveUnlocker.emit()}elementsFromString(t){const s=[];return null==t||t.split(",").forEach((t=>{t=t.trim(),(k[t]||this.isAllowed(t))&&s.push(t.trim())})),s}isAllowed(t){return t===m.CONFIGURATOR?!!this._permissions&&(this._permissions.isSup||this._permissions[u.CONFIG_GRID]||this._permissions[u.CONFIG]):!m[t]||!!this._permissions&&(this._permissions.isSup||this._permissions[t])}getTitle(t){var s;let i;return i=this.isAllowed(t)?this._titleKeyByElement[t]:"snkTaskbar.forbidden",i?null===(s=this.messagesBuilder)||void 0===s?void 0:s.getMessage(i,{}):""}elementClick(t){if(this.dataUnit)switch(t){case c.PREVIOUS:this.dataUnit.previousRecord();break;case c.NEXT:this.dataUnit.nextRecord();break;case c.REFRESH:this.dataUnit.loadData();break;case c.CLONE:this.dataUnit.copySelected();break;case c.REMOVE:this.dataUnit.removeSelectedRecords();break;case c.INSERT:this.dataUnit.addRecord();break;case c.CANCEL:this.dataUnit.cancelEdition();break;case c.SAVE:this._isWaitingForSave||(this._isWaitingForSave=!0,this.dataUnit.saveData().finally((()=>{this._isWaitingForSave=!1})))}this.isEnabled(t)&&this.actionClick.emit(t)}isEnabled(t){return!(!this.isAllowed(t)||this.disabledButtons&&this.disabledButtons.includes(t))}validatePresentationMode(){Object.values(T).includes(this.presentationMode)||(this.presentationMode=T.PRIMARY)}getElement(t,s){let i=s===this.primaryButton?"ez-button--primary ":"";t>1&&(i+="ez-padding-left--medium");const e=c[s.toString()],a=this._element.dataset.exporterStoreKey||this.configName;return e?b(s,i,this.getIdElemBtnNative(s),(t=>this.getTitle(t)),(t=>this.elementClick(t)),(t=>this.isEnabled(t)),this.buildDynamicActionsList(),a,this.presentationMode):p(s,i,this.getIdElemBtnCustom(s),(t=>this.elementClick(t)),(t=>this.isEnabled(t)))}buildDynamicActionsList(){var t;return this._hiddenActionsList.length?[...null!==(t=this.actionsList)&&void 0!==t?t:[],{type:"divider",label:"",value:""},...this._hiddenActionsList]:this.actionsList}getIdElemBtnNative(t){return n.toCamelCase(t)}getIdElemBtnCustom(t){return n.toCamelCase(t.name)}isDivider(t){var s;return void 0!==t&&(null===(s=t.t)||void 0===s?void 0:s["data-taskbar-divider"])}removeEmpty(t){let s;return t.filter((t=>!(null==t||this.isDivider(s)&&this.isDivider(t)||(s=t,0))))}appendCustomElementsInTaskbar(){this._customElementsId.forEach((t=>{const s=t.replace(this.TASKBAR_ITEM_ID_PREFIX,""),i=this._customElements.get(s),e=this._element.querySelector(`#${t}`);e?null==e||e.appendChild(i):this.unlinkCustomElementFromTaskbar(i)}))}addCustomElementContainer(t){var s;const e=`${this.TASKBAR_ITEM_ID_PREFIX}${t}`;return this._customElementsId.includes(e)||(this._customElementsId.push(e),null===(s=this._overFlowWatcher)||void 0===s||s.addNotOverFlowElement(e)),i("span",{class:"ez-padding-left--medium",key:e,id:e})}getCustomElements(t){var s,i;this._customElementsId=[],this._customElements=new Map,this._slotContainer=this.buildSlotContainer(t),Array.from(null!==(i=null===(s=this._slotContainer)||void 0===s?void 0:s.children)&&void 0!==i?i:[]).forEach((t=>this._customElements.set(t.id,t)))}buildSlotContainer(t){let s;if(this.customContainerId){const t=document.querySelector(`#${this.customContainerId}`);s=null==t?void 0:t.querySelector(`#${this.customSlotId}`)}else s=this._element.querySelector(`#${this.customSlotId}`);return t&&!s&&(s=document.querySelector(`#${this.customSlotId}`)),s}componentWillLoad(){this._application=r.getContextValue("__SNK__APPLICATION__"),this._application?this._application.getAllAccess(this.resourceID).then((t=>this._permissions=t)):this._permissions={},this.getCustomElements()}componentWillRender(){this.handleDefinitions(),this.validatePresentationMode(),this.updateOverFlowIfNeeded()}handleDefinitions(){null==this._definitions&&this._permissions&&(this._definitions=this.elementsFromString(this.buttons))}updateOverFlowIfNeeded(){this._hasToUpdateOverFlow&&(requestAnimationFrame((()=>{var t;return null===(t=this._overFlowWatcher)||void 0===t?void 0:t.forceUpdate()})),this._hasToUpdateOverFlow=!1)}handleOverFlow(t){const s=t.filter((t=>!this.hasToIgnoreOverFlow(t)));this.resetOverFlowedElements(),this.doOverFlowElements(s)}resetOverFlowedElements(){this._overFlowedElements.forEach((t=>{t.classList.remove(o)})),this._hiddenActionsList=[],this._overFlowedElements=[]}doOverFlowElements(t){t.forEach((t=>{t.classList.add(o),this._overFlowedElements.push(t),this.addItemToActionList(t)}))}addItemToActionList(t){const s=this.getTaskbarElementName(t);if(s&&this.isEnabled(s)&&this.isAllowed(s)){const i={value:s,label:this.getTaskbarElementLabel(t),iconName:this.getTaskbarElementIcon(t)};this._hiddenActionsList.push(i)}}getTaskbarElementName(t){var s;return null!==(s=t.getAttribute("data-taskbar-element"))&&void 0!==s?s:""}getTaskbarElementIcon(t){var s;return null!==(s=t.getAttribute("data-taskbar-icon"))&&void 0!==s?s:""}getTaskbarElementLabel(t){var s;return null!==(s=t.getAttribute("data-taskbar-label"))&&void 0!==s?s:""}hasToIgnoreOverFlow(t){return t.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME)}handleOverFlowStrategy(){"hiddenItems"===this.overflowStrategy&&(this._overFlowWatcher=new l(this.buildOverFlowWatcherParams()))}buildOverFlowWatcherParams(){return{element:this._element,callback:this.handleOverFlow.bind(this),overFlowDirection:d.HORIZONTAL,notOverFlow:this.NOT_OVERFLOW_ELEMENTS}}componentDidLoad(){v.addIDInfo(this._element,null,{dataUnit:this.dataUnit}),this.handleOverFlowStrategy(),this.dataUnit.subscribe(this.onSaveEvent)}componentDidRender(){this.appendCustomElementsInTaskbar(),this.updateLastWidth()}updateLastWidth(){this._lastWidth=this._element.getBoundingClientRect().width}disconnectedCallback(){var t;this.unlinkAllCustomElements(),null===(t=this._overFlowWatcher)||void 0===t||t.destroy()}unlinkAllCustomElements(){var t;null===(t=this._customElementsId)||void 0===t||t.forEach((t=>{const s=t.replace(this.TASKBAR_ITEM_ID_PREFIX,""),i=this._customElements.get(s);this.unlinkCustomElementFromTaskbar(i)}))}unlinkCustomElementFromTaskbar(t){this._slotContainer.appendChild(t)}render(){if(void 0===this._definitions)return;let t=0;return i(e,{class:this.getHostClasses()},this.removeEmpty(this._definitions.map((s=>{var e,a;return t++,c[s]?this.getElement(t,c[s]):(null===(e=this.customButtons)||void 0===e?void 0:e.has(s))?this.getElement(t,this.customButtons.get(s)):this._customElements.has(s)?this.addCustomElementContainer(s):(null===(a=this._overFlowWatcher)||void 0===a||a.addNotOverFlowElement(s),i("slot",{name:s}))}))),i("div",{class:this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME},i("slot",{name:this.customSlotId})))}getHostClasses(){return"hiddenItems"!==this.overflowStrategy?"no-wrap":"full-width "+(this.alignRigth?"align-right":"")}get _element(){return a(this)}static get watchers(){return{buttons:["observeButtons"],disabledButtons:["observeDisabledButtons"],_lastWidth:["observeLastWidth"],_isWaitingForSave:["observeIsWaitingForSave"]}}};f.style=".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";export{f as snk_taskbar}
+import{r as t,c as s,h as i,H as e,g as a}from"./p-d2d301a6.js";import{Action as h,StringUtils as n,ApplicationContext as r,OVERFLOWED_CLASS_NAME as o,OverflowWatcher as l,OverflowDirection as d,ElementIDUtils as v}from"@sankhyalabs/core";import{A as u}from"./p-dc36cfbf.js";import{T as c,V as k,A as m,b,a as p}from"./p-7e7a7473.js";import{P as T}from"./p-30cf616e.js";import"./p-6dc031de.js";const f=class{constructor(i){t(this,i),this.actionClick=s(this,"actionClick",7),this.taskbarSaveLocker=s(this,"taskbarSaveLocker",7),this.taskbarSaveUnlocker=s(this,"taskbarSaveUnlocker",7),this.TASKBAR_ITEM_ID_PREFIX="TASKBAR_ITEM_",this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME="taskbar-custom-elements-container",this.ACTIONS_BUTTON_TAG="TASKBAR-ACTIONS-BUTTON",this.NOT_OVERFLOW_ELEMENTS=["moreOptions","dataExporter_snkDataExporter","actionsButton_snkActionsButton"],this._titleKeyByElement={[c.UPDATE]:"snkTaskbar.titleUpdate",[c.PREVIOUS]:"snkTaskbar.titlePrevious",[c.NEXT]:"snkTaskbar.titleNext",[c.REFRESH]:"snkTaskbar.titleRefresh",[c.CLONE]:"snkTaskbar.titleClone",[c.REMOVE]:"snkTaskbar.titleRemove",[c.MORE_OPTIONS]:"snkTaskbar.titleMoreOptions",[c.INSERT]:"snkTaskbar.titleInsert",[c.CANCEL]:"snkTaskbar.titleCancel",[c.SAVE]:"snkTaskbar.titleSave",[c.GRID_MODE]:"snkTaskbar.titleGridMode",[c.FORM_MODE]:"snkTaskbar.titleFormMode",[c.CONFIGURATOR]:"snkTaskbar.titleConfigurator",[c.ATTACH]:"snkTaskbar.titleAttach"},this.onSaveEvent=t=>{switch(t.type){case h.FIELD_INVALIDATED:case h.INVALIDATE_CLEAN:case h.DATA_SAVED:case h.SAVING_ERROR:case h.SAVING_CANCELED:this._isWaitingForSave=!1;break;case h.SAVING_DATA:this._isWaitingForSave=!0}},this._permissions=void 0,this._overFlowedElements=[],this._customElements=void 0,this._customElementsId=void 0,this._slotContainer=void 0,this._hiddenActionsList=[],this._lastWidth=void 0,this._hasToUpdateOverFlow=!1,this._isWaitingForSave=!1,this.alignRigth=!1,this.customSlotId="TASKBAR_CUSTOM_ELEMENTS",this.customContainerId=void 0,this.overflowStrategy="hiddenItems",this.configName=void 0,this.resourceID=void 0,this.buttons=void 0,this.customButtons=void 0,this.actionsList=void 0,this.primaryButton=void 0,this.disabledButtons=void 0,this.dataUnit=void 0,this.presentationMode=T.PRIMARY,this.messagesBuilder=void 0}handleCustomSlotElementsLoaded(t){this.hasToSearchCustomElements(t)&&this.getCustomElements(!0)}handleTaskbarSaveLocker(){!0!==this._isWaitingForSave&&(this._isWaitingForSave=!0)}handleTaskbarSaveUnlocker(){!0===this._isWaitingForSave&&(this._isWaitingForSave=!1)}hasToSearchCustomElements(t){return this.customSlotId===t.detail&&!this._slotContainer}observeButtons(){this._definitions=void 0,requestAnimationFrame((()=>{requestAnimationFrame((()=>{var t;return null===(t=this._overFlowWatcher)||void 0===t?void 0:t.forceUpdate()}))}))}observeDisabledButtons(){var t;null===(t=this._overFlowWatcher)||void 0===t||t.forceUpdate()}observeLastWidth(t,s){0===s&&0!==t&&(this._hasToUpdateOverFlow=!0)}observeIsWaitingForSave(t,s){1==t&&0==s&&this.taskbarSaveLocker.emit(),0==t&&1==s&&this.taskbarSaveUnlocker.emit()}elementsFromString(t){const s=[];return null==t||t.split(",").forEach((t=>{t=t.trim(),(k[t]||this.isAllowed(t))&&s.push(t.trim())})),s}isAllowed(t){return t===m.CONFIGURATOR?!!this._permissions&&(this._permissions.isSup||this._permissions[u.CONFIG_GRID]||this._permissions[u.CONFIG]):!m[t]||!!this._permissions&&(this._permissions.isSup||this._permissions[t])}getTitle(t){var s;let i;return i=this.isAllowed(t)?this._titleKeyByElement[t]:"snkTaskbar.forbidden",i?null===(s=this.messagesBuilder)||void 0===s?void 0:s.getMessage(i,{}):""}elementClick(t){if(this.dataUnit)switch(t){case c.PREVIOUS:this.dataUnit.previousRecord();break;case c.NEXT:this.dataUnit.nextRecord();break;case c.REFRESH:this.dataUnit.loadData();break;case c.CLONE:this.dataUnit.copySelected();break;case c.REMOVE:this.dataUnit.removeSelectedRecords();break;case c.INSERT:this.dataUnit.addRecord();break;case c.CANCEL:this.dataUnit.cancelEdition();break;case c.SAVE:this._isWaitingForSave||(this._isWaitingForSave=!0,this.dataUnit.saveData().finally((()=>{this._isWaitingForSave=!1})))}this.isEnabled(t)&&this.actionClick.emit(t)}isEnabled(t){return!(!this.isAllowed(t)||this.disabledButtons&&this.disabledButtons.includes(t))}validatePresentationMode(){Object.values(T).includes(this.presentationMode)||(this.presentationMode=T.PRIMARY)}getElement(t,s){let i=s===this.primaryButton?"ez-button--primary ":"";t>1&&(i+="ez-padding-left--medium");const e=c[s.toString()],a=this._element.dataset.exporterStoreKey||this.configName;return e?b(s,i,this.getIdElemBtnNative(s),(t=>this.getTitle(t)),(t=>this.elementClick(t)),(t=>this.isEnabled(t)),this.buildDynamicActionsList(),a,this.presentationMode):p(s,i,this.getIdElemBtnCustom(s),(t=>this.elementClick(t)),(t=>this.isEnabled(t)))}buildDynamicActionsList(){var t;return this._hiddenActionsList.length?[...null!==(t=this.actionsList)&&void 0!==t?t:[],{type:"divider",label:"",value:""},...this._hiddenActionsList]:this.actionsList}getIdElemBtnNative(t){return n.toCamelCase(t)}getIdElemBtnCustom(t){return n.toCamelCase(t.name)}isDivider(t){var s;return void 0!==t&&(null===(s=t.t)||void 0===s?void 0:s["data-taskbar-divider"])}removeEmpty(t){let s;return t.filter((t=>!(null==t||this.isDivider(s)&&this.isDivider(t)||(s=t,0))))}appendCustomElementsInTaskbar(){this._customElementsId.forEach((t=>{const s=t.replace(this.TASKBAR_ITEM_ID_PREFIX,""),i=this._customElements.get(s),e=this._element.querySelector(`#${t}`);e?null==e||e.appendChild(i):this.unlinkCustomElementFromTaskbar(i)}))}addCustomElementContainer(t){var s;const e=`${this.TASKBAR_ITEM_ID_PREFIX}${t}`;return this._customElementsId.includes(e)||(this._customElementsId.push(e),null===(s=this._overFlowWatcher)||void 0===s||s.addNotOverFlowElement(e)),i("span",{class:"ez-padding-left--medium",key:e,id:e})}getCustomElements(t){var s,i;this._customElementsId=[],this._customElements=new Map,this._slotContainer=this.buildSlotContainer(t),Array.from(null!==(i=null===(s=this._slotContainer)||void 0===s?void 0:s.children)&&void 0!==i?i:[]).forEach((t=>this._customElements.set(t.id,t)))}buildSlotContainer(t){let s;if(this.customContainerId){const t=document.querySelector(`#${this.customContainerId}`);s=null==t?void 0:t.querySelector(`#${this.customSlotId}`)}else s=this._element.querySelector(`#${this.customSlotId}`);return t&&!s&&(s=document.querySelector(`#${this.customSlotId}`)),s}componentWillLoad(){this._application=r.getContextValue("__SNK__APPLICATION__"),this._application?this._application.getAllAccess(this.resourceID).then((t=>this._permissions=t)):this._permissions={},this.getCustomElements()}componentWillRender(){this.handleDefinitions(),this.validatePresentationMode(),this.updateOverFlowIfNeeded()}handleDefinitions(){null==this._definitions&&this._permissions&&(this._definitions=this.elementsFromString(this.buttons))}updateOverFlowIfNeeded(){this._hasToUpdateOverFlow&&(requestAnimationFrame((()=>{var t;return null===(t=this._overFlowWatcher)||void 0===t?void 0:t.forceUpdate()})),this._hasToUpdateOverFlow=!1)}handleOverFlow(t){const s=t.filter((t=>!this.hasToIgnoreOverFlow(t)));this.resetOverFlowedElements(),this.doOverFlowElements(s)}resetOverFlowedElements(){this._overFlowedElements.forEach((t=>{t.classList.remove(o)})),this._hiddenActionsList=[],this._overFlowedElements=[]}doOverFlowElements(t){t.forEach((t=>{t.classList.add(o),this._overFlowedElements.push(t),this.addItemToActionList(t)}))}addItemToActionList(t){const s=this.getTaskbarElementName(t);if(s&&this.isEnabled(s)&&this.isAllowed(s)){const i={value:s,label:this.getTaskbarElementLabel(t),iconName:this.getTaskbarElementIcon(t)};this._hiddenActionsList.push(i)}}getTaskbarElementName(t){var s;return null!==(s=t.getAttribute("data-taskbar-element"))&&void 0!==s?s:""}getTaskbarElementIcon(t){var s;return null!==(s=t.getAttribute("data-taskbar-icon"))&&void 0!==s?s:""}getTaskbarElementLabel(t){var s;return null!==(s=t.getAttribute("data-taskbar-label"))&&void 0!==s?s:""}hasToIgnoreOverFlow(t){return t.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME)}handleOverFlowStrategy(){"hiddenItems"===this.overflowStrategy&&(this._overFlowWatcher=new l(this.buildOverFlowWatcherParams()))}buildOverFlowWatcherParams(){return{element:this._element,callback:this.handleOverFlow.bind(this),overFlowDirection:d.HORIZONTAL,notOverFlow:this.NOT_OVERFLOW_ELEMENTS}}componentDidLoad(){v.addIDInfo(this._element,null,{dataUnit:this.dataUnit}),this.handleOverFlowStrategy(),this.dataUnit.unsubscribe(this.onSaveEvent),this.dataUnit.subscribe(this.onSaveEvent)}componentDidRender(){this.appendCustomElementsInTaskbar(),this.updateLastWidth()}updateLastWidth(){this._lastWidth=this._element.getBoundingClientRect().width}disconnectedCallback(){var t,s;null===(t=this.dataUnit)||void 0===t||t.unsubscribe(this.onSaveEvent),this.unlinkAllCustomElements(),null===(s=this._overFlowWatcher)||void 0===s||s.destroy()}unlinkAllCustomElements(){var t;null===(t=this._customElementsId)||void 0===t||t.forEach((t=>{const s=t.replace(this.TASKBAR_ITEM_ID_PREFIX,""),i=this._customElements.get(s);this.unlinkCustomElementFromTaskbar(i)}))}unlinkCustomElementFromTaskbar(t){this._slotContainer.appendChild(t)}render(){if(void 0===this._definitions)return;let t=0;return i(e,{class:this.getHostClasses()},this.removeEmpty(this._definitions.map((s=>{var e,a;return t++,c[s]?this.getElement(t,c[s]):(null===(e=this.customButtons)||void 0===e?void 0:e.has(s))?this.getElement(t,this.customButtons.get(s)):this._customElements.has(s)?this.addCustomElementContainer(s):(null===(a=this._overFlowWatcher)||void 0===a||a.addNotOverFlowElement(s),i("slot",{name:s}))}))),i("div",{class:this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME},i("slot",{name:this.customSlotId})))}getHostClasses(){return"hiddenItems"!==this.overflowStrategy?"no-wrap":"full-width "+(this.alignRigth?"align-right":"")}get _element(){return a(this)}static get watchers(){return{buttons:["observeButtons"],disabledButtons:["observeDisabledButtons"],_lastWidth:["observeLastWidth"],_isWaitingForSave:["observeIsWaitingForSave"]}}};f.style=".sc-snk-taskbar-h{display:flex;flex-wrap:wrap}.no-wrap.sc-snk-taskbar-h{flex-wrap:nowrap}.full-width.sc-snk-taskbar-h{width:100%}.align-right.sc-snk-taskbar-h{justify-content:flex-end}.overflowed.sc-snk-taskbar{display:none}";export{f as snk_taskbar}