udp-stencil-component-library 1.0.2 → 1.0.3

package/dist/components/{p-DqPGCQm2.js → p-s8qXxEgi.js}

@@ -12,7 +12,7 @@ const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
         this.activeTab = tabIndex;
     }
     render() {
-        return (h("div", { key: 'b5a6bd4965dc70d64c4b2db4e98149a2f4ace501' }, h("div", { key: 'e3d2b07ad062986ac890f2df135cca4dfb30d55f', class: "tab-header" }, h("slot", { key: '3d6593027783984fd51c9b275f73e82a851aaa68', name: "tab-title" })), h("div", { key: 'fd154beeb418bdf7bec23d1cae675ad5d6c5811f' }, h("slot", { key: 'a5aa4515486a49cc401435c641b8a4b129db73a3' }))));
+        return (h("div", { key: '86770acfc5e8153b8172abf884fe4a8981459cdc' }, h("div", { key: '6f691f9e6a836b43be4b0e2294601bcb15554d50', class: "tab-header" }, h("slot", { key: '12995daf381e2925f63dc2ab84b1c28786d39506', name: "tab-title" })), h("div", { key: 'fabc8bf56c1ae90f3bf0bc0fb6e5b0aa4939e6e9' }, h("slot", { key: '20b513fc025fd0fcdf62e9377c4c8055953f20fa' }))));
     }
     static get style() { return udpTabsCss; }
 }, [4, "udp-tabs", {
@@ -33,6 +33,6 @@ function defineCustomElement() {
 }
 
 export { UdpTabs as U, defineCustomElement as d };
-//# sourceMappingURL=p-DqPGCQm2.js.map
+//# sourceMappingURL=p-s8qXxEgi.js.map
 
-//# sourceMappingURL=p-DqPGCQm2.js.map
+//# sourceMappingURL=p-s8qXxEgi.js.map

package/dist/components/{p-DqPGCQm2.js.map → p-s8qXxEgi.js.map}

@@ -1 +1 @@
-{"file":"p-DqPGCQm2.js","mappings":";;AAAA,MAAM,UAAU,GAAG,imBAAimB;;MCMvmB,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAJpB,IAAA,WAAA,GAAA;;;AAKW,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;AAoB/B;AAlBC,IAAA,UAAU,CAAC,QAAgB,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;;IAG3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAEf,CACH,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs","src/components/my-component/UI/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":[".tab-header {\n    display: flex;\n    background-color: #ffffff;\n    border-bottom: 1px solid #e0e0e0;\n  }\n  \n  .tab-header button {\n    flex-grow: 1;\n    padding: 16px;\n    font-size: 14px;\n    text-align: center;\n    border: none;\n    background: none;\n    cursor: pointer;\n    outline: none;\n    transition: all 0.3s ease;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid 'var(--secondary-color)';\n    font-weight: 600;\n  }\n  \n  .tab-content {\n    display: flex;\n    flex-direction: column;\n    padding: 16px;\n    background-color: #ffffff;\n  }\n  \n  .tab-header button {\n    cursor: pointer;\n    border: none;\n    padding: 16px;\n    background-color: transparent;\n    color: #757575;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid #344861;\n    color: #344861;\n    font-weight: 600;\n  }\n  ","import { Component, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n})\nexport class UdpTabs {\n  @State() activeTab: number = 0;\n\n  tabClicked(tabIndex: number) {\n    this.activeTab = tabIndex;\n  }\n\n  render() {\n    return (\n      <div>\n        <div class=\"tab-header\">\n          <slot name=\"tab-title\">\n            {/* Titles go here */}\n          </slot>\n        </div>\n        <div>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-s8qXxEgi.js","mappings":";;AAAA,MAAM,UAAU,GAAG,imBAAimB;;MCMvmB,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAJpB,IAAA,WAAA,GAAA;;;AAKW,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;AAoB/B;AAlBC,IAAA,UAAU,CAAC,QAAgB,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;;IAG3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAEf,CACH,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs","src/components/my-component/UI/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":[".tab-header {\n    display: flex;\n    background-color: #ffffff;\n    border-bottom: 1px solid #e0e0e0;\n  }\n  \n  .tab-header button {\n    flex-grow: 1;\n    padding: 16px;\n    font-size: 14px;\n    text-align: center;\n    border: none;\n    background: none;\n    cursor: pointer;\n    outline: none;\n    transition: all 0.3s ease;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid 'var(--secondary-color)';\n    font-weight: 600;\n  }\n  \n  .tab-content {\n    display: flex;\n    flex-direction: column;\n    padding: 16px;\n    background-color: #ffffff;\n  }\n  \n  .tab-header button {\n    cursor: pointer;\n    border: none;\n    padding: 16px;\n    background-color: transparent;\n    color: #757575;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid #344861;\n    color: #344861;\n    font-weight: 600;\n  }\n  ","import { Component, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n})\nexport class UdpTabs {\n  @State() activeTab: number = 0;\n\n  tabClicked(tabIndex: number) {\n    this.activeTab = tabIndex;\n  }\n\n  render() {\n    return (\n      <div>\n        <div class=\"tab-header\">\n          <slot name=\"tab-title\">\n            {/* Titles go here */}\n          </slot>\n        </div>\n        <div>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-vrP9HZiW.js

@@ -0,0 +1,156 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$3 } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$2 } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const udpIconButtonCss = ".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";
+
+const UdpIconButton = /*@__PURE__*/ proxyCustomElement(class UdpIconButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.click = createEvent(this, "click");
+        /**
+         * The variant to use.
+         * - `text`: Typically used for less-pronounced actions (replaces noBackground=true).
+         * - `outlined`: Emphasizes actions with a border.
+         * - `contained`: High-emphasis, distinguished by a background color.
+         */
+        this.variant = 'text';
+        /**
+         * The color of the component. It supports theming using global CSS variables.
+         * `inherit` will inherit the color from its parent.
+         */
+        this.color = 'primary';
+        /**
+         * The size of the component.
+         */
+        this.size = 'medium';
+        /**
+         * If `true`, the component is disabled.
+         */
+        this.disabled = false;
+        /**
+         * The type of the button. Only used if `href` is not set.
+         * Corresponds to the native `type` attribute of a `<button>` element.
+         */
+        this.type = 'button';
+        this.handleClick = (event) => {
+            if (!this.disabled) {
+                this.click.emit(event);
+            }
+        };
+    }
+    renderIcon() {
+        if (!this.icon)
+            return null;
+        const iconData = this.icon;
+        const iconColorClass = this.iconColor ? `icon-color-${this.iconColor}` : '';
+        return (h("svg", Object.assign({}, iconData.attrs, { class: `icon ${iconColorClass}`.trim() }), iconData.content.map((item, index) => {
+            if (item.elem === 'path') {
+                return h("path", Object.assign({}, item.attrs, { key: index }));
+            }
+            else if (item.elem === 'circle') {
+                return h("circle", Object.assign({}, item.attrs, { key: index }));
+            }
+            return null;
+        })));
+    }
+    renderButton() {
+        var _a;
+        const hasLabel = (_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+        const ariaLabel = this.ariaLabel || this.tooltip || undefined;
+        const buttonClasses = {
+            'udp-icon-button': true,
+            [`variant-${this.variant}`]: true,
+            [`color-${this.color}`]: true,
+            [`size-${this.size}`]: true,
+            'has-label': !!hasLabel,
+            'icon-only': !hasLabel,
+        };
+        const buttonContent = (h("button", { type: this.type, disabled: this.disabled, class: buttonClasses, onClick: this.handleClick, "aria-label": ariaLabel, title: this.tooltip, id: this.buttonId }, h("span", { class: "icon-container" }, this.renderIcon()), hasLabel && (h("span", { class: "label" }, h("slot", null)))));
+        // Wrap with badge if badgeContent is provided
+        if (this.badgeContent) {
+            return (h("udp-badge", { content: this.badgeContent }, buttonContent));
+        }
+        return buttonContent;
+    }
+    renderLink() {
+        var _a;
+        const hasLabel = (_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+        const ariaLabel = this.ariaLabel || this.tooltip || undefined;
+        const linkClasses = {
+            'udp-icon-button': true,
+            [`variant-${this.variant}`]: true,
+            [`color-${this.color}`]: true,
+            [`size-${this.size}`]: true,
+            'has-label': !!hasLabel,
+            'icon-only': !hasLabel,
+        };
+        const linkContent = (h("a", { href: this.href, class: linkClasses, onClick: this.handleClick, "aria-label": ariaLabel, title: this.tooltip, id: this.buttonId }, h("span", { class: "icon-container" }, this.renderIcon()), hasLabel && (h("span", { class: "label" }, h("slot", null)))));
+        // Wrap with badge if badgeContent is provided
+        if (this.badgeContent) {
+            return (h("udp-badge", { content: this.badgeContent }, linkContent));
+        }
+        return linkContent;
+    }
+    render() {
+        var _a;
+        // Wrap with tooltip if tooltiprovided and no label
+        const hasLabel = (_a = this.el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+        const content = this.href ? this.renderLink() : this.renderButton();
+        if (this.tooltip && !hasLabel) {
+            return (h("udp-ambient-tool-tip", { content: this.tooltip }, content));
+        }
+        return content;
+    }
+    get el() { return this; }
+    static get style() { return udpIconButtonCss; }
+}, [1, "udp-icon-button", {
+        "variant": [1],
+        "color": [1],
+        "size": [1],
+        "disabled": [4],
+        "href": [1],
+        "type": [1],
+        "icon": [8],
+        "tooltip": [1],
+        "badgeContent": [2, "badge-content"],
+        "ariaLabel": [1, "aria-label"],
+        "buttonId": [1, "button-id"],
+        "iconColor": [1, "icon-color"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-icon-button", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-icon-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpIconButton);
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpIconButton as U, defineCustomElement as d };
+//# sourceMappingURL=p-vrP9HZiW.js.map
+
+//# sourceMappingURL=p-vrP9HZiW.js.map

package/dist/components/p-vrP9HZiW.js.map

@@ -0,0 +1 @@
+{"file":"p-vrP9HZiW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/buttons/udp-icon-button/udp-icon-button.css?tag=udp-icon-button&encapsulation=shadow","src/components/my-component/UI/buttons/udp-icon-button/udp-icon-button.tsx"],"sourcesContent":["/* Base icon button styles */\n.udp-icon-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  border: none;\n  border-radius: var(--border-radius, 4px);\n  cursor: pointer;\n  font-family: inherit;\n  font-weight: 500;\n  text-decoration: none;\n  transition: all 0.2s ease-in-out;\n  position: relative;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.udp-icon-button:focus-visible {\n  outline: 2px solid var(--primary-color);\n  outline-offset: 2px;\n}\n\n.udp-icon-button:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* Icon container */\n.icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.icon {\n  display: block;\n  fill: currentColor;\n}\n\n/* Label */\n.label {\n  display: flex;\n  align-items: center;\n}\n\n/* Size variants */\n.size-small {\n  min-height: 32px;\n  padding: 6px;\n  font-size: 0.875rem;\n}\n\n.size-small.has-label {\n  padding: 6px 12px;\n}\n\n.size-small .icon {\n  width: 16px;\n  height: 16px;\n}\n\n.size-medium {\n  min-height: 40px;\n  padding: 8px;\n  font-size: 0.875rem;\n}\n\n.size-medium.has-label {\n  padding: 8px 16px;\n}\n\n.size-medium .icon {\n  width: 20px;\n  height: 20px;\n}\n\n.size-large {\n  min-height: 48px;\n  padding: 12px;\n  font-size: 1rem;\n}\n\n.size-large.has-label {\n  padding: 12px 20px;\n}\n\n.size-large .icon {\n  width: 24px;\n  height: 24px;\n}\n\n/* Icon-only specific styles */\n.icon-only {\n  border-radius: 50%;\n}\n\n.icon-only.size-small {\n  width: 32px;\n  height: 32px;\n}\n\n.icon-only.size-medium {\n  width: 40px;\n  height: 40px;\n}\n\n.icon-only.size-large {\n  width: 48px;\n  height: 48px;\n}\n\n/* Variant styles - Text */\n.variant-text {\n  background: transparent;\n  border: 1px solid transparent;\n}\n\n.variant-text:hover:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.04);\n}\n\n.variant-text:active:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.08);\n}\n\n/* Variant styles - Outlined */\n.variant-outlined {\n  background: transparent;\n  border: 1px solid currentColor;\n}\n\n.variant-outlined:hover:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.04);\n}\n\n.variant-outlined:active:not(:disabled) {\n  background: rgba(var(--primary-color-rgb, 0, 0, 0), 0.08);\n}\n\n/* Variant styles - Contained */\n.variant-contained {\n  background: var(--primary-color, #1976d2);\n  color: var(--primary-color-contrast, #fff);\n  border: 1px solid var(--primary-color, #1976d2);\n}\n\n.variant-contained:hover:not(:disabled) {\n  background: var(--primary-color-dark, #1565c0);\n  border-color: var(--primary-color-dark, #1565c0);\n}\n\n.variant-contained:active:not(:disabled) {\n  background: var(--primary-color-darker, #0d47a1);\n  border-color: var(--primary-color-darker, #0d47a1);\n}\n\n/* Color variants - Primary */\n.color-primary {\n  color: var(--primary-color, #1976d2);\n}\n\n.color-primary.variant-contained {\n  background: var(--primary-color, #1976d2);\n  color: var(--primary-color-contrast, #fff);\n  border-color: var(--primary-color, #1976d2);\n}\n\n/* Color variants - Secondary */\n.color-secondary {\n  color: var(--secondary-color, #dc004e);\n}\n\n.color-secondary.variant-contained {\n  background: var(--secondary-color, #dc004e);\n  color: var(--secondary-color-contrast, #fff);\n  border-color: var(--secondary-color, #dc004e);\n}\n\n.color-secondary.variant-contained:hover:not(:disabled) {\n  background: var(--secondary-color-dark, #c5004a);\n  border-color: var(--secondary-color-dark, #c5004a);\n}\n\n/* Color variants - Success */\n.color-success {\n  color: var(--success-color, #2e7d32);\n}\n\n.color-success.variant-contained {\n  background: var(--success-color, #2e7d32);\n  color: var(--success-color-contrast, #fff);\n  border-color: var(--success-color, #2e7d32);\n}\n\n/* Color variants - Error */\n.color-error {\n  color: var(--error-color, #d32f2f);\n}\n\n.color-error.variant-contained {\n  background: var(--error-color, #d32f2f);\n  color: var(--error-color-contrast, #fff);\n  border-color: var(--error-color, #d32f2f);\n}\n\n/* Color variants - Warning */\n.color-warning {\n  color: var(--warning-color, #ed6c02);\n}\n\n.color-warning.variant-contained {\n  background: var(--warning-color, #ed6c02);\n  color: var(--warning-color-contrast, #fff);\n  border-color: var(--warning-color, #ed6c02);\n}\n\n/* Color variants - Info */\n.color-info {\n  color: var(--info-color, #0288d1);\n}\n\n.color-info.variant-contained {\n  background: var(--info-color, #0288d1);\n  color: var(--info-color-contrast, #fff);\n  border-color: var(--info-color, #0288d1);\n}\n\n/* Color variants - Inherit */\n.color-inherit {\n  color: inherit;\n}\n\n.color-inherit.variant-contained {\n  background: currentColor;\n  color: var(--background-color, #fff);\n  border-color: currentColor;\n}\n\n/* Icon color overrides - allows independent icon coloring */\n.icon-color-primary {\n  fill: var(--primary-color, #1976d2) !important;\n}\n\n.icon-color-secondary {\n  fill: var(--secondary-color, #dc004e) !important;\n}\n\n.icon-color-success {\n  fill: var(--success-color, #2e7d32) !important;\n}\n\n.icon-color-error {\n  fill: var(--error-color, #d32f2f) !important;\n}\n\n.icon-color-warning {\n  fill: var(--warning-color, #ed6c02) !important;\n}\n\n.icon-color-info {\n  fill: var(--info-color, #0288d1) !important;\n}\n\n.icon-color-inherit {\n  fill: inherit !important;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\n\n/**\n * UdpIconButton is a versatile icon button component that matches the udp-button API.\n * It's designed to replace the deprecated `stencil-icon-button` with better consistency.\n *\n * Key improvements over `stencil-icon-button`:\n * - Consistent API with `udp-button`\n * - Better theming support using global CSS variables\n * - Improved accessibility\n * - Cleaner prop structure\n * - Better TypeScript support\n *\n * Migration from `stencil-icon-button`:\n * - `iconName` → Not needed, use `icon` prop directly\n * - `iconClassName` → Not needed, styling handled by component\n * - `secondary=true` → `variant='text'` or `variant='outlined'`\n * - `noBackground=true` → `variant='text'`\n * - `darkIcon` → Use `color` prop instead\n * - `showLabel` → Use slot content (if content provided, label shows)\n * - `count` → Use `badgeContent` prop\n */\n@Component({\n  tag: 'udp-icon-button',\n  styleUrl: 'udp-icon-button.css',\n  shadow: true,\n})\nexport class UdpIconButton {\n  @Element() el: HTMLElement;\n\n  /**\n   * The variant to use.\n   * - `text`: Typically used for less-pronounced actions (replaces noBackground=true).\n   * - `outlined`: Emphasizes actions with a border.\n   * - `contained`: High-emphasis, distinguished by a background color.\n   */\n  @Prop() variant: 'text' | 'outlined' | 'contained' = 'text';\n\n  /**\n   * The color of the component. It supports theming using global CSS variables.\n   * `inherit` will inherit the color from its parent.\n   */\n  @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit' = 'primary';\n\n  /**\n   * The size of the component.\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * If `true`, the component is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The type of the button. Only used if `href` is not set.\n   * Corresponds to the native `type` attribute of a `<button>` element.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The icon to display. Should be a Carbon icon or similar SVG icon object.\n   * Expected format: { attrs: {...}, content: [...] }\n   */\n  @Prop() icon: any;\n\n  /**\n   * Tooltip text to display on hover.\n   */\n  @Prop() tooltip?: string;\n\n  /**\n   * If provided, displays a badge with this content over the icon.\n   * Replaces the old `count` prop from stencil-icon-button.\n   * Must be a number as required by udp-badge component.\n   */\n  @Prop() badgeContent?: number;\n\n  /**\n   * Emitted when the button is clicked.\n   */\n  @Event() click: EventEmitter<MouseEvent>;\n\n  /**\n   * Optional aria-label for accessibility.\n   * If not provided and tooltip exists, tooltip will be used.\n   */\n  @Prop() ariaLabel?: string;\n\n  /**\n   * Optional button ID for testing/tracking purposes.\n   */\n  @Prop() buttonId?: string;\n\n  /**\n   * The color of the icon. If not provided, uses the button's color.\n   * Allows independent control of icon color from button color.\n   */\n  @Prop() iconColor?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit';\n\n  private handleClick = (event: MouseEvent) => {\n    if (!this.disabled) {\n      this.click.emit(event);\n    }\n  };\n\n  private renderIcon() {\n    if (!this.icon) return null;\n\n    const iconData = this.icon;\n    const iconColorClass = this.iconColor ? `icon-color-${this.iconColor}` : '';\n\n    return (\n      <svg {...iconData.attrs} class={`icon ${iconColorClass}`.trim()}>\n        {iconData.content.map((item, index) => {\n          if (item.elem === 'path') {\n            return <path {...item.attrs} key={index} />;\n          } else if (item.elem === 'circle') {\n            return <circle {...item.attrs} key={index} />;\n          }\n          return null;\n        })}\n      </svg>\n    );\n  }\n\n  private renderButton() {\n    const hasLabel = this.el.textContent?.trim();\n    const ariaLabel = this.ariaLabel || this.tooltip || undefined;\n\n    const buttonClasses = {\n      'udp-icon-button': true,\n      [`variant-${this.variant}`]: true,\n      [`color-${this.color}`]: true,\n      [`size-${this.size}`]: true,\n      'has-label': !!hasLabel,\n      'icon-only': !hasLabel,\n    };\n\n    const buttonContent = (\n      <button\n        type={this.type}\n        disabled={this.disabled}\n        class={buttonClasses}\n        onClick={this.handleClick}\n        aria-label={ariaLabel}\n        title={this.tooltip}\n        id={this.buttonId}\n      >\n        <span class=\"icon-container\">\n          {this.renderIcon()}\n        </span>\n        {hasLabel && (\n          <span class=\"label\">\n            <slot></slot>\n          </span>\n        )}\n      </button>\n    );\n\n    // Wrap with badge if badgeContent is provided\n    if (this.badgeContent) {\n      return (\n        <udp-badge content={this.badgeContent}>\n          {buttonContent}\n        </udp-badge>\n      );\n    }\n\n    return buttonContent;\n  }\n\n  private renderLink() {\n    const hasLabel = this.el.textContent?.trim();\n    const ariaLabel = this.ariaLabel || this.tooltip || undefined;\n\n    const linkClasses = {\n      'udp-icon-button': true,\n      [`variant-${this.variant}`]: true,\n      [`color-${this.color}`]: true,\n      [`size-${this.size}`]: true,\n      'has-label': !!hasLabel,\n      'icon-only': !hasLabel,\n    };\n\n    const linkContent = (\n      <a\n        href={this.href}\n        class={linkClasses}\n        onClick={this.handleClick}\n        aria-label={ariaLabel}\n        title={this.tooltip}\n        id={this.buttonId}\n      >\n        <span class=\"icon-container\">\n          {this.renderIcon()}\n        </span>\n        {hasLabel && (\n          <span class=\"label\">\n            <slot></slot>\n          </span>\n        )}\n      </a>\n    );\n\n    // Wrap with badge if badgeContent is provided\n    if (this.badgeContent) {\n      return (\n        <udp-badge content={this.badgeContent}>\n          {linkContent}\n        </udp-badge>\n      );\n    }\n\n    return linkContent;\n  }\n\n  render() {\n    // Wrap with tooltip if tooltiprovided and no label\n    const hasLabel = this.el.textContent?.trim();\n    const content = this.href ? this.renderLink() : this.renderButton();\n\n    if (this.tooltip && !hasLabel) {\n      return (\n        <udp-ambient-tool-tip content={this.tooltip}>\n          {content}\n        </udp-ambient-tool-tip>\n      );\n    }\n\n    return content;\n  }\n}\n"],"version":3}

package/dist/components/{p-D32jPxWa.js → p-ycrk0Lr4.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
-import { d as defineCustomElement$1 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$1 } from './p-BANMRVyZ.js';
 
 const udpGridLoaderCss = ":host{display:block}.grid-row{display:flex;justify-content:space-between}udp-skeleton-loading{flex-grow:1;margin:2px}";
 
@@ -14,10 +14,10 @@ const UdpGridLoader = /*@__PURE__*/ proxyCustomElement(class UdpGridLoader exten
     }
     render() {
         // Header bar (fatter, divided into columns)
-        const headerBar = (h("div", { key: 'cb6f8e0c3b9a3c612d28dc4a932a8b57b3e57ff9', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
+        const headerBar = (h("div", { key: 'b68a6832d416fb2d28dedffebbd360cbdd03976d', class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "55px" })))));
         // Row bars (each divided into columns)
         const rowBars = Array.from({ length: this.numRows }).map(() => (h("div", { class: "grid-row" }, Array.from({ length: this.numColumns }).map(() => (h("udp-skeleton-loading", { width: "100%", height: "30px" }))))));
-        return (h("div", { key: '996659dd5030f5b88e65de36d3d1a9a020189d32', style: { width: this.width } }, headerBar, rowBars));
+        return (h("div", { key: '8143b998cf4703b674e1d913f9e2ea503b5f7d38', style: { width: this.width } }, headerBar, rowBars));
     }
     static get style() { return udpGridLoaderCss; }
 }, [1, "udp-grid-loader", {
@@ -45,6 +45,6 @@ function defineCustomElement() {
 }
 
 export { UdpGridLoader as U, defineCustomElement as d };
-//# sourceMappingURL=p-D32jPxWa.js.map
+//# sourceMappingURL=p-ycrk0Lr4.js.map
 
-//# sourceMappingURL=p-D32jPxWa.js.map
+//# sourceMappingURL=p-ycrk0Lr4.js.map

package/dist/components/{p-D32jPxWa.js.map → p-ycrk0Lr4.js.map}

@@ -1 +1 @@
-{"file":"p-D32jPxWa.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,uHAAuH;;MCOnI,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAA,CAAA,OAAO,GAAW,CAAC,CAAC;AACpB,QAAA,IAAK,CAAA,KAAA,GAAW,oBAAoB;AA4B7C;IA1BC,MAAM,GAAA;;QAEJ,MAAM,SAAS,IACb,4DAAK,KAAK,EAAC,UAAU,EAClB,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,OAC3C,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAwB,CACzE,CAAC,CACE,CACP;;AAGD,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,OACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAClB,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,OAC3C,CAAsB,CAAA,sBAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAwB,CAAA,CACzE,CAAC,CACE,CACP,CAAC;QAEF,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,EAC7B,SAAS,EACT,OAAO,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.css?tag=udp-grid-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.tsx"],"sourcesContent":[":host {\n    display: block;\n  }\n  \n  .grid-row {\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  udp-skeleton-loading {\n    flex-grow: 1;\n    margin: 2px;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-grid-loader',\n  styleUrl: 'udp-grid-loader.css',\n  shadow: true\n})\nexport class UdpGridLoader {\n  @Prop() numColumns: number = 8;\n  @Prop() numRows: number = 5; // Default number of rows\n  @Prop() width: string = 'calc(100vw - 70px)';\n\n  render() {\n    // Header bar (fatter, divided into columns)\n    const headerBar = (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"55px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    );\n\n    // Row bars (each divided into columns)\n    const rowBars = Array.from({ length: this.numRows }).map(() => (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"30px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    ));\n\n    return (\n      <div style={{width: this.width }} >\n        {headerBar}\n        {rowBars}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-ycrk0Lr4.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,uHAAuH;;MCOnI,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAU,CAAA,UAAA,GAAW,CAAC;AACtB,QAAA,IAAA,CAAA,OAAO,GAAW,CAAC,CAAC;AACpB,QAAA,IAAK,CAAA,KAAA,GAAW,oBAAoB;AA4B7C;IA1BC,MAAM,GAAA;;QAEJ,MAAM,SAAS,IACb,4DAAK,KAAK,EAAC,UAAU,EAClB,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,OAC3C,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAwB,CACzE,CAAC,CACE,CACP;;AAGD,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,OACvD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,UAAU,EAClB,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,OAC3C,CAAsB,CAAA,sBAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAwB,CAAA,CACzE,CAAC,CACE,CACP,CAAC;QAEF,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,EAC7B,SAAS,EACT,OAAO,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.css?tag=udp-grid-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.tsx"],"sourcesContent":[":host {\n    display: block;\n  }\n  \n  .grid-row {\n    display: flex;\n    justify-content: space-between;\n  }\n  \n  udp-skeleton-loading {\n    flex-grow: 1;\n    margin: 2px;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-grid-loader',\n  styleUrl: 'udp-grid-loader.css',\n  shadow: true\n})\nexport class UdpGridLoader {\n  @Prop() numColumns: number = 8;\n  @Prop() numRows: number = 5; // Default number of rows\n  @Prop() width: string = 'calc(100vw - 70px)';\n\n  render() {\n    // Header bar (fatter, divided into columns)\n    const headerBar = (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"55px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    );\n\n    // Row bars (each divided into columns)\n    const rowBars = Array.from({ length: this.numRows }).map(() => (\n      <div class=\"grid-row\">\n        {Array.from({ length: this.numColumns }).map(() => (\n          <udp-skeleton-loading width=\"100%\" height=\"30px\"></udp-skeleton-loading>\n        ))}\n      </div>\n    ));\n\n    return (\n      <div style={{width: this.width }} >\n        {headerBar}\n        {rowBars}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/page-renderer.js

@@ -1,44 +1,44 @@
 import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
-import { d as defineCustomElement$H } from './p-bLKTEsIH.js';
-import { d as defineCustomElement$G } from './p-CLvAjrtw.js';
-import { d as defineCustomElement$F } from './p-CfZR5rek.js';
-import { d as defineCustomElement$E } from './p-BEtm34A3.js';
+import { d as defineCustomElement$H } from './p-CsMmUkoQ.js';
+import { d as defineCustomElement$G } from './p-Qxi-zxd0.js';
+import { d as defineCustomElement$F } from './p-0F2I6Qvn.js';
+import { d as defineCustomElement$E } from './p-ncemY4Wx.js';
 import { d as defineCustomElement$D } from './p-DpLtIIwx.js';
-import { d as defineCustomElement$C } from './p-DqYsDDHy.js';
+import { d as defineCustomElement$C } from './p-jdqTpLxN.js';
 import { d as defineCustomElement$B } from './p-CPoC5Sp5.js';
 import { d as defineCustomElement$A } from './p-BuRv3dp5.js';
-import { d as defineCustomElement$z } from './p-ClToknIK.js';
+import { d as defineCustomElement$z } from './p-BbOHuqrJ.js';
 import { d as defineCustomElement$y } from './p-fWjFZjQw.js';
 import { d as defineCustomElement$x } from './p-qf6UCDV3.js';
-import { d as defineCustomElement$w } from './p-B8k9GGZB.js';
-import { d as defineCustomElement$v } from './p-GQEOUb0c.js';
-import { d as defineCustomElement$u } from './p-DntePo7I.js';
+import { d as defineCustomElement$w } from './p-8paOuPay.js';
+import { d as defineCustomElement$v } from './p-4hWvEEZf.js';
+import { d as defineCustomElement$u } from './p-B2mj8zmp.js';
 import { d as defineCustomElement$t } from './p-D8BxImYi.js';
 import { d as defineCustomElement$s } from './p-Cqop-pkv.js';
 import { d as defineCustomElement$r } from './p-B0DDn0I9.js';
-import { d as defineCustomElement$q } from './p-hRee3qYx.js';
+import { d as defineCustomElement$q } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$p } from './p-B0Z1nz8S.js';
-import { d as defineCustomElement$o } from './p-HrsHnWeG.js';
-import { d as defineCustomElement$n } from './p-BYsLvu6g.js';
+import { d as defineCustomElement$o } from './p-6EzLtNtq.js';
+import { d as defineCustomElement$n } from './p-CpMdhv3j.js';
 import { d as defineCustomElement$m } from './p-DaLqozen.js';
 import { d as defineCustomElement$l } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$k } from './p-C-wDzVCk.js';
 import { d as defineCustomElement$j } from './p-CC2PFIrk.js';
 import { d as defineCustomElement$i } from './p-Ci_CQV-N.js';
-import { d as defineCustomElement$h } from './p-D-JeGky8.js';
+import { d as defineCustomElement$h } from './p-BB2sALAW.js';
 import { d as defineCustomElement$g } from './p-DeK9qLsG.js';
-import { d as defineCustomElement$f } from './p-D32jPxWa.js';
-import { d as defineCustomElement$e } from './p-BbC2Itep.js';
-import { d as defineCustomElement$d } from './p-IlXn87Ki.js';
-import { d as defineCustomElement$c } from './p-byKLubNE.js';
-import { d as defineCustomElement$b } from './p-DWJbhjYR.js';
+import { d as defineCustomElement$f } from './p-ycrk0Lr4.js';
+import { d as defineCustomElement$e } from './p-1CPON0Xx.js';
+import { d as defineCustomElement$d } from './p-1Cv4cku0.js';
+import { d as defineCustomElement$c } from './p-Coa3kO6W.js';
+import { d as defineCustomElement$b } from './p-C1K2NBql.js';
 import { d as defineCustomElement$a } from './p-9Q4d_8eH.js';
 import { d as defineCustomElement$9 } from './p-o-bA5e79.js';
 import { d as defineCustomElement$8 } from './p-CpGuVcRn.js';
 import { d as defineCustomElement$7 } from './p-kFwgcDES.js';
 import { d as defineCustomElement$6 } from './p-C7DS5naX.js';
-import { d as defineCustomElement$5 } from './p-BTIWOttf.js';
-import { d as defineCustomElement$4 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$5 } from './p-W_kxEzVl.js';
+import { d as defineCustomElement$4 } from './p-BANMRVyZ.js';
 import { d as defineCustomElement$3 } from './p-DkppmXNM.js';
 import { d as defineCustomElement$2 } from './p-Ba5n_UGZ.js';
 
@@ -57,7 +57,7 @@ const PageRenderer$1 = /*@__PURE__*/ proxyCustomElement(class PageRenderer exten
         return (h("div", { style: { border: '1px solid #ff6a00', padding: '10px', margin: '10px 0', borderRadius: '5px', color: '#ff6a00', backgroundColor: '#fff3e0' } }, h("unity-typography", null, "Content currently unavailable ( ", h("span", { style: { fontWeight: '700' } }, componentName), " ). We're working to make this available to you soon!")));
     }
     render() {
-        return (h("div", { key: '0b497395d2ff7326d1d179abd6f1ba72bd6a023d' }, this.pageData.map((data) => {
+        return (h("div", { key: '8a495c1dcac93c28709401955326fd25f1494b8f' }, this.pageData.map((data) => {
             // Prepare properties from metaData, ensuring any existing keys that
             // match your direct props are overridden.
             const gridProps = Object.assign(Object.assign({}, data.properties), {

package/dist/components/primary-action-header.js

@@ -1,4 +1,4 @@
-import { P as PrimaryActionHeader$1, d as defineCustomElement$1 } from './p-CJsnV8uM.js';
+import { P as PrimaryActionHeader$1, d as defineCustomElement$1 } from './p-BfT3KUJC.js';
 
 const PrimaryActionHeader = PrimaryActionHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/question-configs-renderer.js

@@ -1,4 +1,4 @@
-import { Q as QuestionConfigsRenderer$1, d as defineCustomElement$1 } from './p-CJINZgmD.js';
+import { Q as QuestionConfigsRenderer$1, d as defineCustomElement$1 } from './p-C6bm8Rs4.js';
 
 const QuestionConfigsRenderer = QuestionConfigsRenderer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/question-specific-configs-renderer.js

@@ -1,4 +1,4 @@
-import { Q as QuestionSpecificConfigsRenderer$1, d as defineCustomElement$1 } from './p-DxJCXXmE.js';
+import { Q as QuestionSpecificConfigsRenderer$1, d as defineCustomElement$1 } from './p-Cr_ifuX-.js';
 
 const QuestionSpecificConfigsRenderer = QuestionSpecificConfigsRenderer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/resource-timeline-calendar.js

@@ -2,13 +2,13 @@ import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
 import Plane16 from '@carbon/icons/es/plane/16';
 import Calendar16 from '@carbon/icons/es/calendar/16';
 import { l as lazySetupAgGridLibrary } from './p-D-b1Oy69.js';
-import { d as defineCustomElement$9 } from './p-CfZR5rek.js';
-import { d as defineCustomElement$8 } from './p-BIc3R4fE.js';
+import { d as defineCustomElement$9 } from './p-0F2I6Qvn.js';
+import { d as defineCustomElement$8 } from './p-DFKz-3Nr.js';
 import { d as defineCustomElement$7 } from './p-Cqop-pkv.js';
-import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$6 } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$5 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$4 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$3 } from './p-D0T6NTw2.js';
+import { d as defineCustomElement$3 } from './p-BANMRVyZ.js';
 import { d as defineCustomElement$2 } from './p-DkppmXNM.js';
 
 //takes two representations of dates and strings and compares them
@@ -408,7 +408,7 @@ const ResourceTimelineCalendar$1 = /*@__PURE__*/ proxyCustomElement(class Resour
     }
     render() {
         var _a;
-        return (h("div", { key: '6c83624596cbb1275057a0c3823e292622f43fe1' }, h("resource-timeline-primary-bar", { key: '8cdfcab1a1cd4600d7a474d888ffa566953b8437', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryActionClick: this.handlePrimaryActionClick, primaryActionTitle: this.primaryActionTitle, secondaryActionClick: this.handleSecondaryActionClick, secondaryActionTitle: this.secondaryActionTitle, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, customFitColumnClick: this.fitColumns.bind(this), subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disablePrimaryAction: this.disablePrimaryAction, disableSecondaryAction: this.disableSecondaryAction, toggleGroupExpandAll: this.toggleGroupExpandAll.bind(this), showLockedIcon: this.showLockedIcon }), h("div", { key: '631ee0cbcb9477f563c13cec6127c5cf40f6a700' }, ' ', h("ag-table", { key: '5f1706f88304119719e47941ea6e0e1164ff3d5b', gridOptions: this.gridOptions, licensekey: LicenseKey, height: (_a = this.gridHeight) !== null && _a !== void 0 ? _a : "calc(100vh - 245px)" }), ' '), h("div", { key: '4a863a99ad088b599359367a8a8f61af645f35b6' })));
+        return (h("div", { key: '0584ab6972f5fa4b9ec88d8afd9fee7ea9cdff10' }, h("resource-timeline-primary-bar", { key: '18183d2e121928cfc5bf323522c122532bcbd6b7', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryActionClick: this.handlePrimaryActionClick, primaryActionTitle: this.primaryActionTitle, secondaryActionClick: this.handleSecondaryActionClick, secondaryActionTitle: this.secondaryActionTitle, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, customFitColumnClick: this.fitColumns.bind(this), subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disablePrimaryAction: this.disablePrimaryAction, disableSecondaryAction: this.disableSecondaryAction, toggleGroupExpandAll: this.toggleGroupExpandAll.bind(this), showLockedIcon: this.showLockedIcon }), h("div", { key: '7164177753abdb0013a316544a70bbc15ba6a0dd' }, ' ', h("ag-table", { key: '74362bfd6c458bccf5fea603286b7dd4f95be785', gridOptions: this.gridOptions, licensekey: LicenseKey, height: (_a = this.gridHeight) !== null && _a !== void 0 ? _a : "calc(100vh - 245px)" }), ' '), h("div", { key: '409b7da09acf3624e6012de6671db0e6efbc0372' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/resource-timeline-primary-bar.js

@@ -1,4 +1,4 @@
-import { R as ResourceTimelinePrimaryBar$1, d as defineCustomElement$1 } from './p-BIc3R4fE.js';
+import { R as ResourceTimelinePrimaryBar$1, d as defineCustomElement$1 } from './p-DFKz-3Nr.js';
 
 const ResourceTimelinePrimaryBar = ResourceTimelinePrimaryBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/save-view-form-dialog.js

@@ -1,4 +1,4 @@
-import { S as SaveViewFormDialog$1, d as defineCustomElement$1 } from './p-B8k9GGZB.js';
+import { S as SaveViewFormDialog$1, d as defineCustomElement$1 } from './p-8paOuPay.js';
 
 const SaveViewFormDialog = SaveViewFormDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/search-list-item.js

@@ -1,4 +1,4 @@
-import { S as SearchListItem$1, d as defineCustomElement$1 } from './p-GQEOUb0c.js';
+import { S as SearchListItem$1, d as defineCustomElement$1 } from './p-4hWvEEZf.js';
 
 const SearchListItem = SearchListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/section-configs-renderer.js

@@ -1,4 +1,4 @@
-import { S as SectionConfigsRenderer$1, d as defineCustomElement$1 } from './p-DOKGpXin.js';
+import { S as SectionConfigsRenderer$1, d as defineCustomElement$1 } from './p-Cyigv-iT.js';
 
 const SectionConfigsRenderer = SectionConfigsRenderer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/select-layer-popup.js

@@ -1,4 +1,4 @@
-import { S as SelectLayerPopUp, d as defineCustomElement$1 } from './p-BUw3R0Ql.js';
+import { S as SelectLayerPopUp, d as defineCustomElement$1 } from './p-D9A5l8BE.js';
 
 const SelectLayerPopup = SelectLayerPopUp;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/server-side-grid.js

@@ -1,4 +1,4 @@
-import { S as ServerSideGrid$1, d as defineCustomElement$1 } from './p-BOW03S7b.js';
+import { S as ServerSideGrid$1, d as defineCustomElement$1 } from './p-XP8tp0pm.js';
 
 const ServerSideGrid = ServerSideGrid$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/side-sheet.js

@@ -1,4 +1,4 @@
-import { S as SideSheet$1, d as defineCustomElement$1 } from './p-DntePo7I.js';
+import { S as SideSheet$1, d as defineCustomElement$1 } from './p-B2mj8zmp.js';
 
 const SideSheet = SideSheet$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/signature-input.js

@@ -1,4 +1,4 @@
-import { S as SignatureInput$1, d as defineCustomElement$1 } from './p-Bv1MGbhE.js';
+import { S as SignatureInput$1, d as defineCustomElement$1 } from './p-B3gbGwCE.js';
 
 const SignatureInput = SignatureInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/split-line-popup.js

@@ -1,4 +1,4 @@
-import { S as SplitLinePopup$1, d as defineCustomElement$1 } from './p-syf9yo9-.js';
+import { S as SplitLinePopup$1, d as defineCustomElement$1 } from './p-8avkq8Fj.js';
 
 const SplitLinePopup = SplitLinePopup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stencil-field.js

@@ -1,4 +1,4 @@
-import { S as StencilField$1, d as defineCustomElement$1 } from './p-CA-v1fbV.js';
+import { S as StencilField$1, d as defineCustomElement$1 } from './p-ill5r6eV.js';
 
 const StencilField = StencilField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stencil-form.js

@@ -1,4 +1,4 @@
-import { S as StencilForm$1, d as defineCustomElement$1 } from './p-C8cWVxBF.js';
+import { S as StencilForm$1, d as defineCustomElement$1 } from './p-26jyxB7s.js';
 
 const StencilForm = StencilForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stencil-icon-button.js

@@ -1,4 +1,4 @@
-import { S as StencilIconButton$1, d as defineCustomElement$1 } from './p-hRee3qYx.js';
+import { S as StencilIconButton$1, d as defineCustomElement$1 } from './p-D6Wo7quX.js';
 
 const StencilIconButton = StencilIconButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stencil-toggle.js

@@ -1,4 +1,4 @@
-import { S as StencilToggle$1, d as defineCustomElement$1 } from './p-HrsHnWeG.js';
+import { S as StencilToggle$1, d as defineCustomElement$1 } from './p-6EzLtNtq.js';
 
 const StencilToggle = StencilToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tally-display.js

@@ -1,4 +1,4 @@
-import { T as TallyDisplay$1, d as defineCustomElement$1 } from './p-CNC3rtXm.js';
+import { T as TallyDisplay$1, d as defineCustomElement$1 } from './p-C2j9tPIU.js';
 
 const TallyDisplay = TallyDisplay$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/text-area.js

@@ -1,4 +1,4 @@
-import { T as TextArea$1, d as defineCustomElement$1 } from './p-CRiQA7Cy.js';
+import { T as TextArea$1, d as defineCustomElement$1 } from './p-DZaCCOXB.js';
 
 const TextArea = TextArea$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/text-field.js

@@ -1,4 +1,4 @@
-import { T as TextField$1, d as defineCustomElement$1 } from './p-BYsLvu6g.js';
+import { T as TextField$1, d as defineCustomElement$1 } from './p-CpMdhv3j.js';
 
 const TextField = TextField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/text-input-renderer.js

@@ -1,4 +1,4 @@
-import { T as TextInputRenderer$1, d as defineCustomElement$1 } from './p-DQIj9UI7.js';
+import { T as TextInputRenderer$1, d as defineCustomElement$1 } from './p-Ut5zP7nE.js';
 
 const TextInputRenderer = TextInputRenderer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-ambient-card.js

@@ -1,4 +1,4 @@
-import { U as UdpAmbientCard$1, d as defineCustomElement$1 } from './p-DeS7YSzc.js';
+import { U as UdpAmbientCard$1, d as defineCustomElement$1 } from './p-CMTLAuz8.js';
 
 const UdpAmbientCard = UdpAmbientCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-avatar.js

@@ -1,4 +1,4 @@
-import { U as UdpAvatar$1, d as defineCustomElement$1 } from './p-Cf-3pInV.js';
+import { U as UdpAvatar$1, d as defineCustomElement$1 } from './p-Ct7EvUCI.js';
 
 const UdpAvatar = UdpAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-bar-chart.js

@@ -1,4 +1,4 @@
-import { U as UdpBarChart$1, d as defineCustomElement$1 } from './p-DLWUrvpt.js';
+import { U as UdpBarChart$1, d as defineCustomElement$1 } from './p-Tu9UB-v3.js';
 
 const UdpBarChart = UdpBarChart$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/udp-charts-example.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
-import { d as defineCustomElement$d } from './p-BEwTqpWE.js';
+import { d as defineCustomElement$d } from './p-CxOYMG-r.js';
 import { d as defineCustomElement$c } from './p-TrvRIo8e.js';
-import { d as defineCustomElement$b } from './p-hRee3qYx.js';
+import { d as defineCustomElement$b } from './p-D6Wo7quX.js';
 import { d as defineCustomElement$a } from './p-BGjVmQGN.js';
-import { d as defineCustomElement$9 } from './p-DeS7YSzc.js';
+import { d as defineCustomElement$9 } from './p-CMTLAuz8.js';
 import { d as defineCustomElement$8 } from './p-ZeWoGdjP.js';
 import { d as defineCustomElement$7 } from './p-C-wDzVCk.js';
-import { d as defineCustomElement$6 } from './p-DLWUrvpt.js';
-import { d as defineCustomElement$5 } from './p-DNxY-i6k.js';
-import { d as defineCustomElement$4 } from './p-BJerffMg.js';
-import { d as defineCustomElement$3 } from './p-C6aDnKNm.js';
+import { d as defineCustomElement$6 } from './p-Tu9UB-v3.js';
+import { d as defineCustomElement$5 } from './p-BpD1NQKC.js';
+import { d as defineCustomElement$4 } from './p-DL9uHt-7.js';
+import { d as defineCustomElement$3 } from './p-P3YTnOWe.js';
 import { d as defineCustomElement$2 } from './p-DkppmXNM.js';
 
 const UdpChartsExample$1 = /*@__PURE__*/ proxyCustomElement(class UdpChartsExample extends H {

package/dist/components/udp-container-query-grid-item.js

@@ -20,7 +20,7 @@ const UdpContainerQueryGridItem$1 = /*@__PURE__*/ proxyCustomElement(class UdpCo
             .join('\n');
     }
     render() {
-        return (h(Host, { key: '89b0f83301e6ab09a4d40d0fc68ed1f6e3db1773' }, h("style", { key: '7f96193bccc51b6c54e35370a9ad58b432ae0b00' }, this.getSpanStyles()), h("slot", { key: 'fedc89514e1fda59e0b6af7a6af4494b13843ad3' })));
+        return (h(Host, { key: '5ebe9a7f8eab224e668d740603cadedd60ee6d6d' }, h("style", { key: 'c37fa88850e4f1b1e7e4775729d4e5634968fdb3' }, this.getSpanStyles()), h("slot", { key: '4cbcef2ea0f2cf829bc0414fb7edcdaf339654b6' })));
     }
     static get style() { return udpContainerQueryGridItemCss; }
 }, [1, "udp-container-query-grid-item", {

package/dist/components/udp-container-query-grid.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
-import { d as defineCustomElement$2 } from './p-Bykep8mm.js';
+import { d as defineCustomElement$2 } from './p-ibwbE8nI.js';
 
 const udpContainerQueryGridCss = ":host{display:block;width:100%}.grid-container{width:100%}";
 
@@ -35,7 +35,7 @@ const UdpContainerQueryGrid$1 = /*@__PURE__*/ proxyCustomElement(class UdpContai
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: 'b08ce2009c05882ee6fc32f7c937710ee06b44a3' }, h("udp-container-query", { key: '6819da3f318e45473c331d52088664c76f919d0b', queries: queries }, h("div", { key: '0a0ce492ad3c0ddc8dcbf369302770a00558d331', class: "grid-container" }, h("slot", { key: 'e3a9c2c55831c63a355470c7969573ccaa6df0ae' }))), h("style", { key: 'c98cbf75f5798be1e4a4401b5a8ec93f3a3cf1dc' }, `
+        return (h(Host, { key: '2c106d3026ddc0aa842fb7098e329f9e550bc4f4' }, h("udp-container-query", { key: '636957df833e8c94d3cc35e4055718530c5afe07', queries: queries }, h("div", { key: '344083115b010236374b5ab29a66e7d2bc8046ba', class: "grid-container" }, h("slot", { key: '0e710ee548f3505d588627087256d918a1e14462' }))), h("style", { key: 'f2843d85b7037305124570f6581a76542107e8d9' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);