udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

package/dist/esm/udp-menu-item.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, c as createEvent, h } from './index-n-1ZSeAs.js';
+
+const udpMenuItemCss = ".menu-item-root{display:flex;width:100%;padding:8px 16px;gap:8px;align-items:center;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;transition:background-color 0.15s ease-in-out}.menu-item-root:hover:not(:disabled){background-color:rgba(0, 0, 0, 0.08)}.menu-item-label{font-size:14px}.menu-item-root:disabled{cursor:not-allowed;opacity:0.4}.menu-icon{height:100%}";
+
+const UdpMenuItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.itemClick = createEvent(this, "itemClick");
+        this.disabled = false; // reflect: true helps with CSS styling
+        this.handleItemClick = (e) => {
+            // if (this.disabled) {
+            //   e.stopPropagation();
+            //   return;
+            // }
+            this.itemClick.emit(e);
+        };
+    }
+    render() {
+        return (h("button", { key: 'dc3f3366bf93d6dabda01cb1ee67e80345c99a55', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: 'dd6e4549f441f4b94d18d91e8e760e9411069fd3', iconName: this.iconName, class: "menu-icon" }), h("span", { key: '76f1a1a63078c2936e05571b0ea57ccc3924c00d', class: "menu-item-label" }, h("unity-typography", { key: 'b419c1ae15058a168659f47c6ac4e65cc5e81b1b', variant: 'body1' }, this.label))));
+    }
+};
+UdpMenuItem.style = udpMenuItemCss;
+
+export { UdpMenuItem as udp_menu_item };
+//# sourceMappingURL=udp-menu-item.entry.js.map

package/dist/esm/udp-menu-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-menu-item.entry.js","sources":["src/components/my-component/UI/menu/menu-item/udp-menu-item.css?tag=udp-menu-item&encapsulation=shadow","src/components/my-component/UI/menu/menu-item/udp-menu-item.tsx"],"sourcesContent":["/* Reset default button styles and apply menu-item look */\n.menu-item-root {\n  display: flex;\n  width: 100%;\n  padding: 8px 16px;\n  gap: 8px;\n  align-items: center;\n\n  /* Reset button defaults */\n  background: none;\n  border: none;\n  font-family: inherit;\n  text-align: left;\n\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n}\n\n.menu-item-root:hover:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.08);\n}\n\n.menu-item-label {\n  font-size: 14px;\n}\n\n/* The native :disabled pseudo-class is now used */\n.menu-item-root:disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n\n.menu-icon {\n  height: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-menu-item',\n  styleUrl: 'udp-menu-item.css',\n  shadow: true,\n})\nexport class UdpMenuItem {\n  @Prop() label: string;\n  @Prop() iconName: string;\n  @Prop({ reflect: true }) disabled: boolean = false; // reflect: true helps with CSS styling\n\n  /**\n   * @deprecated Use itemClick event\n   */\n  @Prop() handleOnClick: (e: Event) => void;\n\n  /** Emits when the item is clicked. */\n  @Event() itemClick: EventEmitter<MouseEvent>;\n\n  private handleItemClick = (e: MouseEvent) => {\n    // if (this.disabled) {\n    //   e.stopPropagation();\n    //   return;\n    // }\n    this.itemClick.emit(e);\n  };\n\n  render() {\n    return (\n      <button\n        class=\"menu-item-root\"\n        onClick={this.handleItemClick}\n        disabled={this.disabled}\n        role=\"menuitem\"\n      >\n        {this.iconName && <udp-icon iconName={this.iconName} class=\"menu-icon\" />}\n        <span class=\"menu-item-label\">\n          <unity-typography variant='body1'>{this.label}</unity-typography>\n        </span>\n      </button>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,4YAA4Y;;MCOtZ,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQ2B,QAAA,IAAA,CAAA,QAAQ,GAAY,KAAK,CAAC;AAU3C,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,CAAa,KAAI;;;;;AAK1C,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,SAAC;AAiBF;IAfC,MAAM,GAAA;AACJ,QAAA,QACE,+DACE,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,UAAU,EAAA,EAEd,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAG,CAAA,EACzE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAoB,CAC5D,CACA;;;;;;;"}

package/dist/esm/udp-page.entry.js

@@ -20,7 +20,7 @@ const UdpPage = class {
             padding: this.padding,
             margin: '0 auto', // Centers the content if max-width is set
         };
-        return (h("div", { key: '1e21862453854a594552763318343637c1544de1', style: style }, h("slot", { key: 'fcdedce8e48062cd41721f509b5d1d034c218f7b' }), " "));
+        return (h("div", { key: '9d70877a7fbe290ad177084f25f3058bf74a8390', style: style }, h("slot", { key: '8318769588558d8b958c56a88452d1ea042f97ff' }), " "));
     }
 };
 UdpPage.style = udpPageCss;

package/dist/esm/udp-pop-over.entry.js

@@ -0,0 +1,130 @@
+import { r as registerInstance, h, H as Host, a as getElement } from './index-n-1ZSeAs.js';
+import { createPopper } from '@popperjs/core';
+
+const udpPopOverCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";
+
+const UdpPopOver = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isOpen = false;
+        this.popoverPlacement = 'bottom-start';
+        this.appendToBody = true;
+        this.overflow = 'auto';
+        this.handleTransitionEnd = () => {
+            // FIX: Only remove from body if it's truly closed and still there.
+            if (!this.isOpen) {
+                if (this.appendToBody && this.hostEl.parentElement === document.body) {
+                    document.body.removeChild(this.hostEl);
+                }
+                else if (this.container && this.hostEl.parentElement === this.container) {
+                    this.container.removeChild(this.hostEl);
+                }
+            }
+            this.destroyPopper();
+        };
+        this.handleKeyDown = (event) => {
+            var _a;
+            if (event.key === 'Escape') {
+                (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
+            }
+        };
+        this.handleClickOutside = (event) => {
+            var _a;
+            const path = event.composedPath();
+            const anchorEl = this.getAnchorElement();
+            if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {
+                return;
+            }
+            (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        };
+    }
+    disconnectedCallback() {
+        this.removeListeners();
+        this.destroyPopper();
+    }
+    handleOpenChange(newValue) {
+        newValue ? this.present() : this.dismiss();
+    }
+    present() {
+        const containerEl = this.getContainer();
+        if (containerEl) {
+            containerEl.appendChild(this.hostEl);
+        }
+        this.addListeners();
+        requestAnimationFrame(() => {
+            this.setupPopper();
+            this.hostEl.classList.add('is-visible');
+        });
+    }
+    dismiss() {
+        this.removeListeners();
+        this.hostEl.classList.remove('is-visible');
+        this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });
+    }
+    addListeners() {
+        document.addEventListener('keydown', this.handleKeyDown);
+        setTimeout(() => {
+            if (this.isOpen) {
+                document.addEventListener('click', this.handleClickOutside);
+            }
+        }, 0);
+    }
+    removeListeners() {
+        document.removeEventListener('keydown', this.handleKeyDown);
+        document.removeEventListener('click', this.handleClickOutside);
+    }
+    getAnchorElement() {
+        return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;
+    }
+    getContainer() {
+        if (this.container)
+            return this.container;
+        if (this.appendToBody) {
+            return document.body;
+        }
+        return null;
+    }
+    setupPopper() {
+        const anchorEl = this.getAnchorElement();
+        if (!anchorEl) {
+            console.error('UdpPopover: Anchor element could not be found.');
+            return;
+        }
+        // Ensure we don't create multiple instances
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+        }
+        this.popperInstance = createPopper(anchorEl, this.hostEl, {
+            strategy: 'fixed',
+            placement: this.popoverPlacement,
+            modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],
+        });
+    }
+    destroyPopper() {
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+            this.popperInstance = null;
+        }
+    }
+    componentWillLoad() {
+        if (this.isOpen) {
+            this.present();
+        }
+    }
+    render() {
+        const style = {
+            width: this.popoverWidth,
+            maxHeight: this.popoverMaxHeight,
+            overflow: this.overflow
+        };
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
+    }
+    get hostEl() { return getElement(this); }
+    static get watchers() { return {
+        "isOpen": ["handleOpenChange"]
+    }; }
+};
+UdpPopOver.style = udpPopOverCss;
+
+export { UdpPopOver as udp_pop_over };
+//# sourceMappingURL=udp-pop-over.entry.js.map

package/dist/esm/udp-pop-over.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-pop-over.entry.js","sources":["src/components/my-component/UI/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/my-component/UI/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: fixed;\n  z-index: 9999;\n\n  /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n  pointer-events: none;\n  opacity: 0;\n\n  /* This gives the subtle \"pop\" effect without the flying animation. */\n  transform: scale(0.95);\n\n  /* FIX: Only transition opacity for a clean fade-in/out. */\n  transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n  /* FIX: Re-enable pointer events so the menu can be clicked. */\n  pointer-events: auto;\n  opacity: 1;\n  transform: scale(1);\n}\n\n.popover {\n  background-color: white;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pop-over',\n  styleUrl: 'udp-pop-over.css',\n  shadow: true,\n})\nexport class UdpPopOver {\n  @Element() hostEl!: HTMLElement;\n  @Prop() anchorElement: string | HTMLElement;\n  @Prop({ reflect: true }) isOpen: boolean = false;\n  @Prop() popoverWidth: string;\n  @Prop() popoverMaxHeight: string;\n  @Prop() popoverPlacement: any = 'bottom-start';\n  @Prop() handleOnClose?: (event: Event) => void;\n  @Prop() appendToBody: boolean = true;\n  @Prop() container?: HTMLElement;\n  @Prop() overflow?: string = 'auto';\n\n  private popperInstance: Instance;\n\n  disconnectedCallback() {\n    this.removeListeners();\n    this.destroyPopper();\n  }\n\n  @Watch('isOpen')\n  handleOpenChange(newValue: boolean) {\n    newValue ? this.present() : this.dismiss();\n  }\n\n  private present() {\n    const containerEl = this.getContainer();\n\n    if (containerEl) {\n      containerEl.appendChild(this.hostEl);\n    }\n\n    this.addListeners();\n\n    requestAnimationFrame(() => {\n      this.setupPopper();\n      this.hostEl.classList.add('is-visible');\n    });\n  }\n\n  private dismiss() {\n    this.removeListeners();\n    this.hostEl.classList.remove('is-visible');\n    this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n  }\n\n  private handleTransitionEnd = () => {\n    // FIX: Only remove from body if it's truly closed and still there.\n    if (!this.isOpen) {\n      if (this.appendToBody && this.hostEl.parentElement === document.body) {\n        document.body.removeChild(this.hostEl);\n      } else if (this.container && this.hostEl.parentElement === this.container) {\n        this.container.removeChild(this.hostEl);\n      }\n    }\n    this.destroyPopper();\n  };\n\n  private addListeners() {\n    document.addEventListener('keydown', this.handleKeyDown);\n    setTimeout(() => {\n      if (this.isOpen) {\n        document.addEventListener('click', this.handleClickOutside);\n      }\n    }, 0);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      this.handleOnClose?.(event);\n    }\n  };\n\n  private handleClickOutside = (event: MouseEvent) => {\n    const path = event.composedPath();\n    const anchorEl = this.getAnchorElement();\n    if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n      return;\n    }\n    this.handleOnClose?.(event);\n  };\n\n  private getAnchorElement(): HTMLElement | null {\n    return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n  }\n\n  private getContainer(): HTMLElement {\n    if (this.container) return this.container;\n\n    if (this.appendToBody) {\n      return document.body;\n    }\n\n    return null;\n  }\n\n  private setupPopper() {\n    const anchorEl = this.getAnchorElement();\n    if (!anchorEl) {\n      console.error('UdpPopover: Anchor element could not be found.');\n      return;\n    }\n    // Ensure we don't create multiple instances\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n    }\n\n    this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n      strategy: 'fixed',\n      placement: this.popoverPlacement,\n      modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n    });\n  }\n\n  private destroyPopper() {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      this.present();\n    }\n  }\n\n\n  render() {\n    const style = {\n      width: this.popoverWidth,\n      maxHeight: this.popoverMaxHeight,\n      overflow: this.overflow\n    };\n\n    return (\n      <Host>\n        <div class=\"popover\" style={style}>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-sankey-chart.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, a as setSankeyChartDefaultSettings } from './chartUtils-DFIyEsL1.js';
 import { v4 } from 'uuid';
 
 const udpSankeyChartCss = ":host{display:block}";
@@ -62,7 +62,7 @@ const UdpSankeyChart = class {
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-skeleton-loading.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+
+const udpSkeletonLoadingCss = ".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+
+const UdpSkeletonLoading = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        // You can use properties to define the size, shape, etc.
+        this.width = '100%';
+        this.height = '20px';
+        this.borderRadius = '4px';
+    }
+    render() {
+        return (h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+    }
+};
+UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+
+export { UdpSkeletonLoading as udp_skeleton_loading };
+//# sourceMappingURL=udp-skeleton-loading.entry.js.map

package/dist/esm/udp-skeleton-loading.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-skeleton-loading.entry.js","sources":["src/components/my-component/UI/loaders/udp-skeleton-loading.css?tag=udp-skeleton-loading&encapsulation=shadow","src/components/my-component/UI/loaders/udp-skeleton-loading.tsx"],"sourcesContent":["/* udp-skeleton-loading.css */\n.skeleton-loader {\n    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n    background-size: 1000px 100%;\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n  }\n  \n  /* Animation */\n  .skeleton-loader::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n    animation: load 1.5s infinite;\n  }\n  \n  @keyframes load {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n  ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-skeleton-loading',\n  styleUrl: 'udp-skeleton-loading.css',\n  shadow: true\n})\nexport class UdpSkeletonLoading {\n  // You can use properties to define the size, shape, etc.\n  @Prop() width: string = '100%';\n  @Prop() height: string = '20px';\n  @Prop() borderRadius: string = '4px';\n\n  render() {\n    return (\n      <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n        {/* Additional markup if needed */}\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AACvB,QAAA,IAAY,CAAA,YAAA,GAAW,KAAK;AASrC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,CAEzG;;;;;;;"}

package/dist/esm/udp-split-screen.entry.js

@@ -55,7 +55,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (h("div", { key: '6de7d4288cb53149ae06ed973443b31ecd898015', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'a47d6eb52c88ec9c52d895af81ad722c1d5b4df0', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '8fe4023b236098476be1c7e113f94377d1396f89', name: "first-panel" })), h("div", { key: 'fb98abdfcefa4cd6e8dccd077c911033169244da', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1db3f8ad5295c7feeecbe77a02af8f5cea712be6', class: "drag-handle" })), h("div", { key: '6b8a9feb47f10756bab8a3cf2fa2aac2069627b4', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '26a15ac5efaae765de72034e8359dfd2a51be80d', name: "second-panel" }, this.panelContent))));
+        return (h("div", { key: 'ae2926169301f17c2ee273430ce42d96cfaad170', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, h("div", { key: 'd87e238ab4f5f2778feb496f21f317f46f7ee998', class: "panel", style: { width: `${this.panelWidth}%` } }, h("slot", { key: '499f436025192de5dd301a8785e1f5c59c0d08ed', name: "first-panel" })), h("div", { key: '07551d3d07cdc8f29c3b141ebaa73506bea8780b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, h("div", { key: '1e2fc668e65a56c15b8bb46f7877555fafb60dae', class: "drag-handle" })), h("div", { key: '8aba88f35a57d47c9cc6200d8d7c8ae42c014ae3', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, h("slot", { key: '61d02fc16218af6100cdd9c79bcc437425084645', name: "second-panel" }, this.panelContent))));
     }
 };
 UdpSplitScreen.style = udpSplitScreenCss;

package/dist/esm/udp-stepper-demo.entry.js

@@ -92,7 +92,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (h("div", { key: 'afad6510846a9c4d5d83344d045915061c40e4da', style: { padding: '2rem' } }, h("unity-typography", { key: '39114ea64804d8441c90ab2b4bac9175509128f1', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: '4525e5ceb4a92ddc679690ba2762bfaff5b09218', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'c28dc5a2348e1af8e544a33d6f359d32d7f326ea', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'bc50999f3a4b9f150d3f932101221c9c6b992fdc', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: 'a5fb283cd408dae5a92b5bbcb999849d29c4114e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'cc34b5cfd9e2a29dc5f23c229e28ff6e3bb4fccd', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '6d602c582f6ebc764cb46f0bc3a7b7322da22217', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: 'f530054751640c808efa3a1abdfea025402283a8', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (h("div", { key: 'c5eeb235f431d179bff6fc2f3dedad7cae38c3fd', style: { padding: '2rem' } }, h("unity-typography", { key: '770f2b808734bc2b25156e6f828b89fc77867a01', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'f988b4e4b60e46c1096592c391d5c95a8b1a9852', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: '1d2bfae7c6f7c861f91de32e1861847f434ec0b9', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'd54f08ef0f50d0ed75b7258af5857c2414a9b1c3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '0ad7daa55a787f68adb962bdf86faf4526b1ece2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: 'c4a398059215ba9890093427b714b3f8c1527a18', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '3fac13b2bac2a1efb6bb9e1015c658c9db5cbb4e', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '3d803fe2891e8c5f0f0028db56ddccfb8a5c07df', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };
 

package/dist/esm/udp-tab-panel.entry.js

@@ -8,10 +8,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (h("div", { key: '735bca81299145233b3e2e017eef05a840b0fb69', class: {
+        return (h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '68ad651e93008ca12c4d976ca71747a4f4cf4b39' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

package/dist/esm/udp-tab.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+
+const UdpTab = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
+    }
+};
+UdpTab.style = udpTabCss;
+
+export { UdpTab as udp_tab };
+//# sourceMappingURL=udp-tab.entry.js.map

package/dist/esm/udp-tab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"udp-tab.entry.js","sources":["src/components/my-component/UI/tabs/tab/udp-tab.css?tag=udp-tab","src/components/my-component/UI/tabs/tab/udp-tab.tsx"],"sourcesContent":[".tab-panel {\n    display: none;\n  }\n\n  .tab-panel.active {\n    display: block;\n  }\n\n\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tab',\n  styleUrl: 'udp-tab.css',\n})\nexport class UdpTab {\n  /**\n   * The title of the tab, displayed in the tab-header.\n   */\n  @Prop() label: string;\n\n  /**\n   * True if this is the active tab.\n   * This is set by the parent <udp-tabs> component.\n   */\n  @Prop({ reflect: true }) active: boolean = false;\n\n  /**\n   * Optional icon to display in the tab.\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Placement of the icon relative to the title.\n   * @default 'start'\n   */\n  @Prop() iconPlacement?: 'start' | 'end' | 'top' | 'bottom' = 'start';\n  /**\n   * If true, the tab will be hidden from the tab list.\n   * @default false\n   */\n  @Prop() hidden?: boolean = false;\n\n  /**\n   * If true, the tab will be unselectable.\n   * @default false\n   */\n  @Prop() disabled?: boolean = false;\n\n  render() {\n    return (\n      <div class={{ 'tab-panel': true, 'active': this.active }} role=\"tabpanel\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,0DAA0D;;MCM/D,MAAM,GAAA,MAAA;AAJnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUE;;;AAGG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhD;;;AAGG;AACK,QAAA,IAAa,CAAA,aAAA,GAAwC,OAAO;AACpE;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAEhC;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AASnC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAA,EACvE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/esm/udp-vertical-spacer.entry.js

@@ -13,7 +13,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/esm/udp-xy-chart.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, h as addXYLegend } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, k as addXYLegend } from './chartUtils-DFIyEsL1.js';
 
 const udpXyChartCss = ":host{display:block}";
 
@@ -97,7 +97,7 @@ const UdpXyChart = class {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-xy-multi-series-chart.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-n-1ZSeAs.js';
-import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, g as addXYSeriesBullets } from './chartUtils-DqjnIahA.js';
+import { s as setChartDefaultSettings, b as setXYChartDefaultSettings, c as addXYValueAxis, d as addXYDateAxis, e as addXYCategoryAxis, f as addXYSeries, g as addXYSeriesBullets } from './chartUtils-DFIyEsL1.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 import { v4 } from 'uuid';
@@ -104,7 +104,7 @@ const UdpXyMultiSeriesChart = class {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/unity-typography.entry.js

@@ -0,0 +1,61 @@
+import { r as registerInstance, h } from './index-n-1ZSeAs.js';
+
+const unityTypographyCss = "body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";
+
+const typography = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'body';
+        this.gutterBottom = false;
+        this.bold = false;
+        this.color = 'main';
+    }
+    getClasses(baseClass) {
+        return {
+            [baseClass]: true,
+            'bold': this.bold,
+            [`color-${this.color}`]: true
+        };
+    }
+    render() {
+        if (this.variant === 'body') {
+            return h("span", { class: this.getClasses('body') }, h("slot", null));
+        }
+        switch (this.variant) {
+            case 'h1':
+                return h("h1", { class: this.getClasses('h1') }, h("slot", null));
+            case 'h2':
+                return h("h2", { class: this.getClasses('h2') }, h("slot", null));
+            case 'h3':
+                return h("h3", { class: this.getClasses('h3') }, h("slot", null));
+            case 'h4':
+                return h("h4", { class: this.getClasses('h4') }, h("slot", null));
+            case 'h5':
+                return h("h5", { class: this.getClasses('h5') }, h("slot", null));
+            case 'h6':
+                return h("h6", { class: this.getClasses('h6') }, h("slot", null));
+            case 'body1':
+                return h("p", { class: this.getClasses('body1') }, h("slot", null));
+            case 'body2':
+                return h("p", { class: this.getClasses('body2') }, h("slot", null));
+            case 'caption-text':
+                return h("span", { class: this.getClasses('caption-text') }, h("slot", null));
+            case 'data-display-one':
+                return h("span", { class: this.getClasses('data-display-one') }, h("slot", null));
+            case 'data-display-two':
+                return h("span", { class: this.getClasses('data-display-two') }, h("slot", null));
+            case 'data-display-three':
+                return h("span", { class: this.getClasses('data-display-three') }, h("slot", null));
+            case 'data-display-four':
+                return h("span", { class: this.getClasses('data-display-four') }, h("slot", null));
+            case 'button':
+                return h("span", { class: this.getClasses('button') }, h("slot", null));
+            default:
+                return h("p", { class: this.getClasses('body1') }, h("slot", null));
+        }
+    }
+};
+typography.style = unityTypographyCss;
+
+export { typography as unity_typography };
+//# sourceMappingURL=unity-typography.entry.js.map

package/dist/esm/unity-typography.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unity-typography.entry.js","sources":["src/components/my-component/UI/unity-typography/unity-typography.css?tag=unity-typography&encapsulation=shadow","src/components/my-component/UI/unity-typography/unity-typography.tsx"],"sourcesContent":["body {\n  font-family: var(--font-family);\n}\n\n:host {\n  display: block;\n  overflow: visible !important\n}\n\n/* Reset margins for all typography elements */\nh1, h2, h3, h4, h5, h6, p, span {\n  margin: 0;\n  padding: 0;\n}\n\n/* Add specific margins only when gutterBottom prop is true */\n:host([gutterBottom]) h1,\n:host([gutterBottom]) h2,\n:host([gutterBottom]) h3,\n:host([gutterBottom]) h4,\n:host([gutterBottom]) h5,\n:host([gutterBottom]) h6,\n:host([gutterBottom]) p,\n:host([gutterBottom]) span {\n  margin-bottom: var(--spacing-02);\n}\n\n/* Body Text */\n.body1 {\n  font-size: var(--body-font-size);\n  font-weight: var(--body-font-weight);\n  line-height: var(--body-line-height);\n  font-family: var(--font-family);\n}\n\n.body2 {\n  font-size: var(--body-font-size);\n  font-weight: var(--body-font-weight);\n  line-height: var(--body-line-height);\n  font-family: var(--font-family);\n}\n\n/* Headings */\nh1 {\n  font-size: var(--h1-font-size);\n  font-weight: var(--h1-font-weight);\n  line-height: var(--h1-line-height);\n  font-family: var(--font-family);\n}\n\nh2 {\n  font-size: var(--h2-font-size);\n  font-weight: var(--h2-font-weight);\n  line-height: var(--h2-line-height);\n  font-family: var(--font-family);\n}\n\nh3 {\n  font-size: var(--h3-font-size);\n  font-weight: var(--h3-font-weight);\n  line-height: var(--h3-line-height);\n  font-family: var(--font-family);\n}\n\nh4 {\n  font-size: var(--h4-font-size);\n  font-weight: var(--h4-font-weight);\n  line-height: var(--h4-line-height);\n  font-family: var(--font-family);\n}\n\nh5 {\n  font-size: var(--h5-font-size);\n  font-weight: var(--h5-font-weight);\n  line-height: var(--h5-line-height);\n  font-family: var(--font-family);\n}\n\nh6 {\n  font-size: var(--h6-font-size);\n  font-weight: var(--h6-font-weight);\n  line-height: var(--h6-line-height);\n  font-family: var(--font-family);\n}\n\n/* Body */\np {\n  font-size: var(--body-font-size);\n  font-weight: var(--body-font-weight);\n  line-height: var(--body-line-height);\n  font-family: var(--font-family);\n}\n\n/* Caption Text */\n.caption-text {\n  font-size: var(--caption-text-font-size);\n  font-weight: var(--caption-text-font-weight);\n  line-height: var(--caption-text-line-height);\n  font-family: var(--font-family);\n}\n\n/* Data Display One */\n.data-display-one {\n  font-size: var(--data-display-one-font-size);\n  font-weight: var(--data-display-one-font-weight);\n  line-height: var(--data-display-one-line-height);\n  font-family: var(--font-family);\n}\n\n/* Data Display Two */\n.data-display-two {\n  font-size: var(--data-display-two-font-size);\n  font-weight: var(--data-display-two-font-weight);\n  line-height: var(--data-display-two-line-height);\n  font-family: var(--font-family);\n}\n\n/* Data Display Three */\n.data-display-three {\n  font-size: var(--data-display-three-font-size);\n  font-weight: var(--data-display-three-font-weight);\n  line-height: var(--data-display-three-line-height);\n  font-family: var(--font-family);\n}\n\n/* Data Display Four */\n.data-display-four {\n  font-size: var(--data-display-four-font-size);\n  font-weight: var(--data-display-four-font-weight);\n  line-height: var(--data-display-four-line-height);\n  font-family: var(--font-family);\n}\n\n/* Button */\n.button {\n  font-size: var(--button-font-size);\n  font-weight: var(--button-font-weight);\n  line-height: var(--button-line-height);\n  font-family: var(--font-family);\n}\n\n/* Add this after your existing styles */\n\n/* Bold modifier */\n.bold {\n  font-weight: var(--font-weight-bold, 700) !important;\n}\n\n/* Add after existing styles */\n\n/* Color variants */\n.color-main {\n  color: var(--text-main);\n}\n\n.color-textSecondary {\n  color: var(--text-secondary);\n}\n\n.color-primary {\n  color: var(--primary-color);\n}\n\n.color-secondary {\n  color: var(--secondary-color);\n}\n\n.color-disabled {\n  color: var(--text-disabled);\n}\n\n.color-hint {\n  color: var(--text-hint);\n}\n\n/* Add this to your color variants section */\n.color-inherit {\n  color: inherit;\n}\n\n/* Error color variant for form error messages */\n.color-error {\n  color: var(--error-color-main, #d32f2f) !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { TypographyVariant, TypographyColor, UnityTypographyProps } from './types';\n\n\n@Component({\n  tag: 'unity-typography',\n  styleUrl: 'unity-typography.css',\n  shadow: true\n})\nexport class typography implements UnityTypographyProps {\n  @Prop() variant: TypographyVariant = 'body';\n  @Prop() gutterBottom: boolean = false;\n  @Prop() bold: boolean = false;\n  @Prop() color: TypographyColor = 'main';\n\n  private getClasses(baseClass: string): { [key: string]: boolean } {\n    return {\n      [baseClass]: true,\n      'bold': this.bold,\n      [`color-${this.color}`]: true\n    };\n  }\n\n  render() {\n    if (this.variant === 'body') {\n      return <span class={this.getClasses('body')}><slot /></span>;\n    }\n\n    switch (this.variant) {\n      case 'h1':\n        return <h1 class={this.getClasses('h1')}><slot /></h1>;\n      case 'h2':\n        return <h2 class={this.getClasses('h2')}><slot /></h2>;\n      case 'h3':\n        return <h3 class={this.getClasses('h3')}><slot /></h3>;\n      case 'h4':\n        return <h4 class={this.getClasses('h4')}><slot /></h4>;\n      case 'h5':\n        return <h5 class={this.getClasses('h5')}><slot /></h5>;\n      case 'h6':\n        return <h6 class={this.getClasses('h6')}><slot /></h6>;\n      case 'body1':\n        return <p class={this.getClasses('body1')}><slot /></p>;\n      case 'body2':\n        return <p class={this.getClasses('body2')}><slot /></p>;\n      case 'caption-text':\n        return <span class={this.getClasses('caption-text')}><slot /></span>;\n      case 'data-display-one':\n        return <span class={this.getClasses('data-display-one')}><slot /></span>;\n      case 'data-display-two':\n        return <span class={this.getClasses('data-display-two')}><slot /></span>;\n      case 'data-display-three':\n        return <span class={this.getClasses('data-display-three')}><slot /></span>;\n      case 'data-display-four':\n        return <span class={this.getClasses('data-display-four')}><slot /></span>;\n      case 'button':\n        return <span class={this.getClasses('button')}><slot /></span>;\n      default:\n        return <p class={this.getClasses('body1')}><slot /></p>;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/stencil-library/{action-column-util-BArOL_Uz.js → action-column-util-DUK_9dnF.js}

@@ -1,2 +1,2 @@
-const n=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return;switch(n===null||n===void 0?void 0:n.length){case 1:return 121;case 2:return 121;case 3:return 161;default:return 200}};const o=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return[];return n===null||n===void 0?void 0:n.sort(((n,o)=>{if((n===null||n===void 0?void 0:n.order)&&(o===null||o===void 0?void 0:o.order)){return n.order-o.order}return 0}))};const r=(n,o)=>{const r=[];const i=[];for(let t=0;t<n.length;t++){if(t<o){r.push(n[t])}else{i.push(n[t])}}return{visibleActions:r,overflowActions:i}};export{o as a,n as g,r as s};
-//# sourceMappingURL=action-column-util-BArOL_Uz.js.map
+const n=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return;switch(n===null||n===void 0?void 0:n.length){case 1:return 121;case 2:return 121;case 3:return 161;default:return 200}};const o=n=>{if(!n||(n===null||n===void 0?void 0:n.length)===0)return[];return n===null||n===void 0?void 0:n.sort(((n,o)=>{if((n===null||n===void 0?void 0:n.order)&&(o===null||o===void 0?void 0:o.order)){return n.order-o.order}return 0}))};const r=(n,o)=>{const r=[];const i=[];for(let t=0;t<n.length;t++){if(t<o){r.push(n[t])}else{i.push(n[t])}}return{visibleActions:r,overflowActions:i}};export{r as a,n as g,o as s};
+//# sourceMappingURL=action-column-util-DUK_9dnF.js.map

package/dist/stencil-library/{action-column-util-BArOL_Uz.js.map → action-column-util-DUK_9dnF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"action-column-util-BArOL_Uz.js","sources":["src/udp-utilities/grid/action-renderers/action-column-util.ts"],"sourcesContent":["import { ActionItem } from '../../../components/my-component/UI/grid/ambient-template-grid/interfaces/gridInterfaces';\n\nexport const getActionColumnWidth = (actionList: ActionItem[]) => {\n  if (!actionList || actionList?.length === 0) return;\n\n  switch (actionList?.length) {\n    case 1:\n      return 121;\n    case 2:\n      return 121;\n    case 3:\n      return 161;\n    default:\n      return 200;\n  }\n};\n\nexport const sortActionItemOrder = (actionList: ActionItem[]) => {\n  if (!actionList || actionList?.length === 0) return [];\n\n  return actionList?.sort((a, b) => {\n    if (a?.order && b?.order) {\n      return a.order - b.order;\n    }\n    return 0;\n  });\n};\n\nexport const splitActionList = (actionList, maximumVisibleActions) => {\n  const visibleActions = [];\n  const overflowActions = [];\n\n  for (let i = 0; i < actionList.length; i++) {\n    if (i < maximumVisibleActions) {\n      visibleActions.push(actionList[i]);\n    } else {\n      overflowActions.push(actionList[i]);\n    }\n  }\n\n  return { visibleActions, overflowActions };\n};\n"],"names":[],"mappings":"AAEa,MAAA,oBAAoB,GAAG,CAAC,UAAwB,KAAI;IAC/D,IAAI,CAAC,UAAU,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM,MAAK,CAAC;QAAE;IAE7C,QAAQ,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM;AACxB,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA;AACE,YAAA,OAAO,GAAG;;AAEhB;AAEa,MAAA,mBAAmB,GAAG,CAAC,UAAwB,KAAI;IAC9D,IAAI,CAAC,UAAU,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM,MAAK,CAAC;AAAE,QAAA,OAAO,EAAE;IAEtD,OAAO,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;QAC/B,IAAI,CAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,KAAK,MAAI,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,KAAK,CAAA,EAAE;AACxB,YAAA,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK;;AAE1B,QAAA,OAAO,CAAC;AACV,KAAC,CAAC;AACJ;MAEa,eAAe,GAAG,CAAC,UAAU,EAAE,qBAAqB,KAAI;IACnE,MAAM,cAAc,GAAG,EAAE;IACzB,MAAM,eAAe,GAAG,EAAE;AAE1B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,QAAA,IAAI,CAAC,GAAG,qBAAqB,EAAE;YAC7B,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;aAC7B;YACL,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;AAIvC,IAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE;AAC5C;;;;"}
+{"version":3,"file":"action-column-util-DUK_9dnF.js","sources":["src/udp-utilities/grid/action-renderers/action-column-util.ts"],"sourcesContent":["import { ActionItem } from '../../../components/my-component/UI/grid/ambient-template-grid/interfaces/gridInterfaces';\n\nexport const getActionColumnWidth = (actionList: ActionItem[]) => {\n  if (!actionList || actionList?.length === 0) return;\n\n  switch (actionList?.length) {\n    case 1:\n      return 121;\n    case 2:\n      return 121;\n    case 3:\n      return 161;\n    default:\n      return 200;\n  }\n};\n\nexport const sortActionItemOrder = (actionList: ActionItem[]) => {\n  if (!actionList || actionList?.length === 0) return [];\n\n  return actionList?.sort((a, b) => {\n    if (a?.order && b?.order) {\n      return a.order - b.order;\n    }\n    return 0;\n  });\n};\n\nexport const splitActionList = (actionList, maximumVisibleActions) => {\n  const visibleActions = [];\n  const overflowActions = [];\n\n  for (let i = 0; i < actionList.length; i++) {\n    if (i < maximumVisibleActions) {\n      visibleActions.push(actionList[i]);\n    } else {\n      overflowActions.push(actionList[i]);\n    }\n  }\n\n  return { visibleActions, overflowActions };\n};\n"],"names":[],"mappings":"AAEa,MAAA,oBAAoB,GAAG,CAAC,UAAwB,KAAI;IAC/D,IAAI,CAAC,UAAU,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM,MAAK,CAAC;QAAE;IAE7C,QAAQ,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM;AACxB,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA,KAAK,CAAC;AACJ,YAAA,OAAO,GAAG;AACZ,QAAA;AACE,YAAA,OAAO,GAAG;;AAEhB;AAEa,MAAA,mBAAmB,GAAG,CAAC,UAAwB,KAAI;IAC9D,IAAI,CAAC,UAAU,IAAI,CAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,MAAM,MAAK,CAAC;AAAE,QAAA,OAAO,EAAE;IAEtD,OAAO,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;QAC/B,IAAI,CAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,KAAK,MAAI,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,KAAK,CAAA,EAAE;AACxB,YAAA,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK;;AAE1B,QAAA,OAAO,CAAC;AACV,KAAC,CAAC;AACJ;MAEa,eAAe,GAAG,CAAC,UAAU,EAAE,qBAAqB,KAAI;IACnE,MAAM,cAAc,GAAG,EAAE;IACzB,MAAM,eAAe,GAAG,EAAE;AAE1B,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,QAAA,IAAI,CAAC,GAAG,qBAAqB,EAAE;YAC7B,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;aAC7B;YACL,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;;;AAIvC,IAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE;AAC5C;;;;"}