udp-stencil-component-library 25.18.2-beta.9 → 25.18.3-beta.1

package/dist/components/udp-hotlist-form2.js

@@ -1,91 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$4 } from './custom-button2.js';
-import { d as defineCustomElement$3 } from './stencil-toggle2.js';
-import { d as defineCustomElement$2 } from './text-field2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpHotlistFormCss = ".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}";
-
-const UdpHotlistForm = /*@__PURE__*/ proxyCustomElement(class UdpHotlistForm extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.name = '';
-        this.isPrivate = false;
-        this.handleNameChange = (event) => {
-            this.name = event.target.value;
-        };
-        this.handlePrivateChange = () => {
-            this.isPrivate = !this.isPrivate;
-        };
-        // Refreshes the page
-        //   handleSubmit = () => {
-        //     // Now passing columnState as well
-        //     this.handleFormSubmit(this.name, this.isPrivate, this.columnState);
-        //   };
-        this.handleSubmit = (event) => {
-            event.preventDefault();
-            this.handleFormSubmit(this.name, this.isPrivate, this.columnState);
-        };
-        // Handling custom button click
-        this.onCustomButtonClick = () => {
-            this.handleFormSubmit(this.name, this.isPrivate, this.columnState);
-        };
-    }
-    //   handleCancelClick = () => {
-    //     console.log('Cancel button clicked');
-    //   }
-    render() {
-        return (h("div", { key: '25d3ac15ce75e21c38ee581fd6760acd0452cb6b', class: "wrapper" }, h("form", { key: '23cb869dcf8111e10d5202ea00f066d64d6e955a', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: 'aeca29c646c86c96306f8baddc77fdf2d2421f25', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: 'f0d4a73109796d9b8cd71cba4057327ad37abd86', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '0dcf360e9189ca180a425d1f3b7530d54db53c17', class: "submit-button" }, h("custom-button", { key: '9f12210ec38cf756a601a418e7c4ca0653370fd8', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: 'aa24f4f10e50090d46fc0872acf9a350e12a76b2', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
-    }
-    get el() { return this; }
-    static get style() { return udpHotlistFormCss; }
-}, [257, "udp-hotlist-form", {
-        "refetchViews": [16],
-        "handleFormSubmit": [16],
-        "handleCancelClick": [16],
-        "name": [32],
-        "isPrivate": [32],
-        "columnState": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-hotlist-form", "custom-button", "stencil-toggle", "text-field", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-hotlist-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpHotlistForm);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpHotlistForm as U, defineCustomElement as d };
-//# sourceMappingURL=udp-hotlist-form2.js.map
-
-//# sourceMappingURL=udp-hotlist-form2.js.map
+import{p as t,H as e,h as s,t as i}from"./index2.js";import{d as a}from"./custom-button2.js";import{d as o}from"./stencil-toggle2.js";import{d as c}from"./text-field2.js";import{d}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.name="",this.isPrivate=!1,this.handleNameChange=t=>{this.name=t.target.value},this.handlePrivateChange=()=>{this.isPrivate=!this.isPrivate},this.handleSubmit=t=>{t.preventDefault(),this.handleFormSubmit(this.name,this.isPrivate,this.columnState)},this.onCustomButtonClick=()=>{this.handleFormSubmit(this.name,this.isPrivate,this.columnState)}}render(){return s("div",{key:"25d3ac15ce75e21c38ee581fd6760acd0452cb6b",class:"wrapper"},s("form",{key:"23cb869dcf8111e10d5202ea00f066d64d6e955a",class:"save-form",onSubmit:this.handleSubmit},s("text-field",{key:"aeca29c646c86c96306f8baddc77fdf2d2421f25",label:"Hotlist Name",placeholder:"Create a name for your Hotlist",value:this.name,onChange:t=>this.handleNameChange(t)}),s("stencil-toggle",{key:"f0d4a73109796d9b8cd71cba4057327ad37abd86",label:"Private",checked:this.isPrivate,onToggledChange:this.handlePrivateChange}),s("div",{key:"0dcf360e9189ca180a425d1f3b7530d54db53c17",class:"submit-button"},s("custom-button",{key:"9f12210ec38cf756a601a418e7c4ca0653370fd8",variant:"outline",type:"submit",onCustomClick:this.handleCancelClick},"Cancel"),s("custom-button",{key:"aa24f4f10e50090d46fc0872acf9a350e12a76b2",disabled:!this.name,type:"submit",onCustomClick:this.onCustomButtonClick},"Create List"))))}get el(){return this}static get style(){return".submit-button{margin-top:18px;display:flex;justify-content:flex-end;margin-right:24px;gap:8px}.wrapper{border-bottom:1px solid #d9d9d9;padding-bottom:16px;margin-bottom:10px;width:480px}"}},[1,"udp-hotlist-form",{refetchViews:[16],handleFormSubmit:[16],handleCancelClick:[16],name:[32],isPrivate:[32],columnState:[32]}]);function r(){"undefined"!=typeof customElements&&["udp-hotlist-form","custom-button","stencil-toggle","text-field","unity-typography"].forEach((t=>{switch(t){case"udp-hotlist-form":customElements.get(i(t))||customElements.define(i(t),n);break;case"custom-button":customElements.get(i(t))||a();break;case"stencil-toggle":customElements.get(i(t))||o();break;case"text-field":customElements.get(i(t))||c();break;case"unity-typography":customElements.get(i(t))||d()}}))}export{n as U,r as d}

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

@@ -1,9 +1 @@
-import { U as UdpIconButton$1, d as defineCustomElement$1 } from './udp-icon-button2.js';
-
-const UdpIconButton = UdpIconButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpIconButton, defineCustomElement };
-//# sourceMappingURL=udp-icon-button.js.map
-
-//# sourceMappingURL=udp-icon-button.js.map
+import{U as o,d as t}from"./udp-icon-button2.js";const s=o,n=t;export{s as UdpIconButton,n as defineCustomElement}

package/dist/components/udp-icon-button2.js

@@ -1,161 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$3 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$2 } from './udp-badge2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.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:default}.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-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.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(registerHost) {
-        super();
-        if (registerHost !== false) {
-            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';
-        /**
-         * Optional aria-label for accessibility.
-         * If not provided and tooltip exists, tooltip will be used.
-         */
-        this.ariaLabel = '';
-        this.handleClick = (event) => {
-            event.stopPropagation();
-            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, 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, 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() {
-        const content = this.href ? this.renderLink() : this.renderButton();
-        if (this.tooltip) {
-            return h("udp-ambient-tool-tip", { content: this.tooltip }, content);
-        }
-        return content;
-    }
-    get el() { return this; }
-    static get style() { return udpIconButtonCss; }
-}, [257, "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=udp-icon-button2.js.map
-
-//# sourceMappingURL=udp-icon-button2.js.map
+import{p as o,H as r,c as i,h as a,t}from"./index2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as e}from"./udp-badge2.js";import{d as c}from"./unity-typography2.js";const l=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.click=i(this,"click"),this.variant="text",this.color="primary",this.size="medium",this.disabled=!1,this.type="button",this.ariaLabel="",this.handleClick=o=>{o.stopPropagation(),this.disabled||this.click.emit(o)}}renderIcon(){if(!this.icon)return null;const o=this.icon;return a("svg",Object.assign({},o.attrs,{class:("icon "+(this.iconColor?`icon-color-${this.iconColor}`:"")).trim()}),o.content.map(((o,r)=>"path"===o.elem?a("path",Object.assign({},o.attrs,{key:r})):"circle"===o.elem?a("circle",Object.assign({},o.attrs,{key:r})):null)))}renderButton(){var o;const r=null===(o=this.el.textContent)||void 0===o?void 0:o.trim(),i=this.ariaLabel||this.tooltip||void 0,t=a("button",{type:this.type,disabled:this.disabled,class:{"udp-icon-button":!0,[`variant-${this.variant}`]:!0,[`color-${this.color}`]:!0,[`size-${this.size}`]:!0,"has-label":!!r,"icon-only":!r},onClick:this.handleClick,"aria-label":i,id:this.buttonId},a("span",{class:"icon-container"},this.renderIcon()),r&&a("span",{class:"label"},a("slot",null)));return this.badgeContent?a("udp-badge",{content:this.badgeContent},t):t}renderLink(){var o;const r=null===(o=this.el.textContent)||void 0===o?void 0:o.trim(),i=this.ariaLabel||this.tooltip||void 0,t=a("a",{href:this.href,class:{"udp-icon-button":!0,[`variant-${this.variant}`]:!0,[`color-${this.color}`]:!0,[`size-${this.size}`]:!0,"has-label":!!r,"icon-only":!r},onClick:this.handleClick,"aria-label":i,id:this.buttonId},a("span",{class:"icon-container"},this.renderIcon()),r&&a("span",{class:"label"},a("slot",null)));return this.badgeContent?a("udp-badge",{content:this.badgeContent},t):t}render(){const o=this.href?this.renderLink():this.renderButton();return this.tooltip?a("udp-ambient-tool-tip",{content:this.tooltip},o):o}get el(){return this}static get style(){return".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:default}.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-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.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}"}},[257,"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 s(){"undefined"!=typeof customElements&&["udp-icon-button","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((o=>{switch(o){case"udp-icon-button":customElements.get(t(o))||customElements.define(t(o),l);break;case"udp-ambient-tool-tip":customElements.get(t(o))||n();break;case"udp-badge":customElements.get(t(o))||e();break;case"unity-typography":customElements.get(t(o))||c()}}))}export{l as U,s as d}

package/dist/components/udp-icon.js

@@ -1,9 +1 @@
-import { U as UdpIcon$1, d as defineCustomElement$1 } from './udp-icon2.js';
-
-const UdpIcon = UdpIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpIcon, defineCustomElement };
-//# sourceMappingURL=udp-icon.js.map
-
-//# sourceMappingURL=udp-icon.js.map
+import{U as o,d as s}from"./udp-icon2.js";const p=o,r=s;export{p as UdpIcon,r as defineCustomElement}

package/dist/components/udp-icon2.js

@@ -1,284 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import AddIcon16 from '@carbon/icons/es/add/16';
-import Add32 from '@carbon/icons/es/add/32';
-import AddAlt16 from '@carbon/icons/es/add--alt/16';
-import AddFilled16 from '@carbon/icons/es/add--filled/16';
-import ArrowsHorizontal16 from '@carbon/icons/es/arrows--horizontal/16';
-import Attachment16 from '@carbon/icons/es/attachment/16';
-import Batchjob16 from '@carbon/icons/es/batch-job/16';
-import Box16 from '@carbon/icons/es/box/16';
-import Close16 from '@carbon/icons/es/close/16';
-import Close24 from '@carbon/icons/es/close/24';
-import Close32 from '@carbon/icons/es/close/32';
-import CloseFilled16 from '@carbon/icons/es/close--filled/16';
-import CloseOutlined16 from '@carbon/icons/es/close--outline/16';
-import CheckMark16 from '@carbon/icons/es/checkmark/16';
-import CheckMark24 from '@carbon/icons/es/checkmark/24';
-import CheckMark32 from '@carbon/icons/es/checkmark/32';
-import ChevronLeft16 from '@carbon/icons/es/chevron--left/16';
-import ChevronRight24 from '@carbon/icons/es/chevron--right/16';
-import ChevronDownIcon24 from '@carbon/icons/es/chevron--down/16';
-import Dataenrichment from '@carbon/icons/es/data-enrichment/16';
-import Document16 from '@carbon/icons/es/document/16';
-import DocumentAdd16 from '@carbon/icons/es/document--add/16';
-import DocumentAttachment16 from '@carbon/icons/es/document--attachment/16';
-import DocumentPDF16 from '@carbon/icons/es/document--pdf/16';
-import DocumentVideo16 from '@carbon/icons/es/document--video/16';
-import DocumentAudio16 from '@carbon/icons/es/document--audio/16';
-import Draggable16 from '@carbon/icons/es/draggable/16';
-import Edit16 from '@carbon/icons/es/edit/16';
-import Export16 from '@carbon/icons/es/export/16';
-import Flag16 from '@carbon/icons/es/flag/16';
-import Information16 from '@carbon/icons/es/information/16';
-import Information32 from '@carbon/icons/es/information/32';
-import Link16 from '@carbon/icons/es/link/16';
-import OverflowMenuVertical24 from '@carbon/icons/es/overflow-menu--vertical/16';
-import OverflowMenuVertical32 from '@carbon/icons/es/overflow-menu--vertical/32';
-import Return16 from '@carbon/icons/es/return/16';
-import Save16 from '@carbon/icons/es/save/16';
-import Settings16 from '@carbon/icons/es/settings/16';
-import Subtract16 from '@carbon/icons/es/subtract/16';
-import SubtractAlt16 from '@carbon/icons/es/subtract--alt/16';
-import SubtractFilled16 from '@carbon/icons/es/subtract--filled/16';
-import TrashCan16 from '@carbon/icons/es/trash-can/16';
-import User16 from '@carbon/icons/es/user/16';
-import View16 from '@carbon/icons/es/view/16';
-import Warning16 from '@carbon/icons/es/warning/16';
-import Warning32 from '@carbon/icons/es/warning/32';
-import WarningAlt16 from '@carbon/icons/es/warning--alt/16';
-import WarningAlt32 from '@carbon/icons/es/warning--alt/32';
-import Wizard16 from '@carbon/icons/es/product/16';
-import Workspace16 from '@carbon/icons/es/workspace/16';
-import ArrowUp16 from '@carbon/icons/es/arrow--up/16';
-import ArrowDown16 from '@carbon/icons/es/arrow--down/16';
-import ArrowRight16 from '@carbon/icons/es/arrow--right/16';
-import ArrowLeft16 from '@carbon/icons/es/arrow--left/16';
-import Copy16 from '@carbon/icons/es/copy/16';
-import Star16 from '@carbon/icons/es/star/16';
-import DataTable16 from '@carbon/icons/es/data-table/16';
-import FitToWidth16 from '@carbon/icons/es/fit-to-width/16';
-import Search16 from '@carbon/icons/es/search--advanced/16';
-import Reset16 from '@carbon/icons/es/reset/16';
-import Column from '@carbon/icons/es/column/16';
-import HideColumn from '@carbon/icons/es/column--delete/16';
-import Rotate from '@carbon/icons/es/watson-health/rotate--360/16';
-import Filter from '@carbon/icons/es/filter/16';
-import RelationshipDiagram from '@carbon/icons/es/app-connectivity/16';
-import TextFont16 from '@carbon/icons/es/text--font/16';
-import TextLongParagraph16 from '@carbon/icons/es/text--long-paragraph/16';
-import CharacterWholeNumber16 from '@carbon/icons/es/character--whole-number/16';
-import CheckboxChecked16 from '@carbon/icons/es/checkbox--checked/16';
-import RadioButtonChecked16 from '@carbon/icons/es/radio-button--checked/16';
-import EventSchedule16 from '@carbon/icons/es/event--schedule/16';
-import ViewOff16 from '@carbon/icons/es/view--off/16';
-import Time16 from '@carbon/icons/es/time/16';
-import Calendar16 from '@carbon/icons/es/calendar/16';
-import ListChecked16 from '@carbon/icons/es/list--checked/16';
-import ListBulleted16 from '@carbon/icons/es/list--bulleted/16';
-import CloudUpload16 from '@carbon/icons/es/cloud--upload/16';
-import Locked16 from '@carbon/icons/es/locked/16';
-import Pause from '@carbon/icons/es/pause/16';
-import Unlocked16 from '@carbon/icons/es/unlocked/16';
-import Send16 from '@carbon/icons/es/send/16';
-import Email16 from '@carbon/icons/es/email/16';
-import CheckMarkOutlined16 from '@carbon/icons/es/checkmark--outline/16';
-import MigrateAlt16 from '@carbon/icons/es/migrate--alt/16';
-import CheckboxCheckedFilled16 from '@carbon/icons/es/checkbox--checked--filled/16';
-import Checkbox from '@carbon/icons/es/checkbox/16';
-import Zip16 from '@carbon/icons/es/ZIP/16';
-import Image16 from '@carbon/icons/es/image/16';
-import PPT16 from '@carbon/icons/es/PPT/16';
-import XLS16 from '@carbon/icons/es/XLS/16';
-
-const iconMapping = {
-    add: AddIcon16,
-    add32: Add32,
-    addAlt: AddAlt16,
-    addFilled: AddFilled16,
-    arrowsHorizontal16: ArrowsHorizontal16,
-    arrowRight16: ArrowRight16,
-    arrowLeft16: ArrowLeft16,
-    attachment: Attachment16,
-    box: Box16,
-    close16: Close16,
-    close24: Close24,
-    close32: Close32,
-    closeFilled16: CloseFilled16,
-    closeOutlined16: CloseOutlined16,
-    checkMark: CheckMark16,
-    checkMark24: CheckMark24,
-    checkMark32: CheckMark32,
-    checkMarkOutlined: CheckMarkOutlined16,
-    chevronLeft16: ChevronLeft16,
-    chevronRight16: ChevronRight24,
-    chevronDown: ChevronDownIcon24,
-    dashboard: Workspace16,
-    document: Document16,
-    documentAdd: DocumentAdd16,
-    documentAttachment: DocumentAttachment16,
-    documentPdf: DocumentPDF16,
-    documentAudio: DocumentAudio16,
-    documentVideo: DocumentVideo16,
-    draggable: Draggable16,
-    edit: Edit16,
-    export: Export16,
-    flag: Flag16,
-    information: Information16,
-    information32: Information32,
-    link: Link16,
-    opportunities: Dataenrichment,
-    overflowMenuVertical: OverflowMenuVertical24,
-    overflowMenuVertical32: OverflowMenuVertical32,
-    return16: Return16,
-    save: Save16,
-    settings: Settings16,
-    subtract: Subtract16,
-    subtractAlt: SubtractAlt16,
-    subtractFilled: SubtractFilled16,
-    trashCan: TrashCan16,
-    user: User16,
-    view: View16,
-    wizard: Wizard16,
-    workorder: Batchjob16,
-    arrowUp: ArrowUp16,
-    arrowDown: ArrowDown16,
-    copy: Copy16,
-    star: Star16,
-    warning: Warning16,
-    warning32: Warning32,
-    warningAlt: WarningAlt16,
-    warningAlt32: WarningAlt32,
-    time: Time16,
-    text: TextLongParagraph16,
-    list: ListBulleted16,
-    calendar: Calendar16,
-    formTextField: TextFont16,
-    formTextArea: TextLongParagraph16,
-    formNumberField: CharacterWholeNumber16,
-    formDateField: Calendar16,
-    formCheckbox: CheckboxChecked16,
-    formFileUpload: CloudUpload16,
-    formRadioButton: RadioButtonChecked16,
-    formHiddenField: ViewOff16,
-    formTimeField: Time16,
-    formDateTimeField: EventSchedule16,
-    formMultiSelectField: ListChecked16,
-    formSingleSelectField: ListBulleted16,
-    dataTable: DataTable16,
-    fitToWidth: FitToWidth16,
-    search: Search16,
-    reset: Reset16,
-    column: Column,
-    hideColumn: HideColumn,
-    rotate: Rotate,
-    lock: Locked16,
-    pause: Pause,
-    filter: Filter,
-    relationshipDiagram: RelationshipDiagram,
-    unlock: Unlocked16,
-    send: Send16,
-    email: Email16,
-    migrateAlt: MigrateAlt16,
-    checkboxCheckedFilled: CheckboxCheckedFilled16,
-    checkbox: Checkbox,
-    zip: Zip16,
-    image: Image16,
-    xls: XLS16,
-    ppt: PPT16
-};
-
-const getIconFromName = (iconName, iconType = 'carbon') => {
-    var _a;
-    if (!iconName || ((_a = iconName === null || iconName === void 0 ? void 0 : iconName.trim()) === null || _a === void 0 ? void 0 : _a.length) === 0)
-        return;
-    if (iconType === 'carbon') {
-        return iconMapping[iconName];
-    }
-    return null;
-};
-
-const udpIconCss = ".icon-container{height:100%;display:flex;align-items:center;color:inherit}";
-
-const UdpIcon = /*@__PURE__*/ proxyCustomElement(class UdpIcon extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.iconType = 'carbon';
-        /**
-         * @deprecated Use color prop instead
-         */
-        this.darkIcon = true;
-    }
-    render() {
-        var _a, _b;
-        const iconData = getIconFromName(this.iconName, this.iconType);
-        if (!iconData) {
-            return null;
-        }
-        let iconColor;
-        if (this.color) {
-            switch (this.color) {
-                case 'primary':
-                    iconColor = 'var(--primary-color)';
-                    break;
-                case 'secondary':
-                    iconColor = 'var(--secondary-color)';
-                    break;
-                case 'error':
-                    iconColor = 'var(--error-color-main)';
-                    break;
-                case 'info':
-                    iconColor = 'var(--info-color-main)';
-                    break;
-                case 'success':
-                    iconColor = 'var(--success-color-main)';
-                    break;
-                case 'inherit':
-                    iconColor = 'currentColor';
-                    break;
-                default:
-                    iconColor = this.color;
-            }
-        }
-        else {
-            iconColor = this.darkIcon ? 'black' : 'white';
-        }
-        return (h("div", { class: "icon-container" }, h("svg", Object.assign({}, ((_a = iconData === null || iconData === void 0 ? void 0 : iconData.attrs) !== null && _a !== void 0 ? _a : {}), { fill: iconColor }), (_b = iconData === null || iconData === void 0 ? void 0 : iconData.content) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
-            var _a, _b;
-            if ((item === null || item === void 0 ? void 0 : item.elem) === 'path') {
-                return h("path", Object.assign({}, ((_a = item === null || item === void 0 ? void 0 : item.attrs) !== null && _a !== void 0 ? _a : {}), { key: index }));
-            }
-            else if ((item === null || item === void 0 ? void 0 : item.elem) === 'circle') {
-                return h("circle", Object.assign({}, ((_b = item === null || item === void 0 ? void 0 : item.attrs) !== null && _b !== void 0 ? _b : {}), { key: index }));
-            }
-            return null;
-        }))));
-    }
-    static get style() { return udpIconCss; }
-}, [257, "udp-icon", {
-        "iconName": [1, "icon-name"],
-        "iconType": [1, "icon-type"],
-        "darkIcon": [4, "dark-icon"],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpIcon);
-            }
-            break;
-    } });
-}
-
-export { UdpIcon as U, defineCustomElement as d, getIconFromName as g, iconMapping as i };
-//# sourceMappingURL=udp-icon2.js.map
-
-//# sourceMappingURL=udp-icon2.js.map
+import{p as o,H as r,h as c,t as i}from"./index2.js";import n from"@carbon/icons/es/add/16";import e from"@carbon/icons/es/add/32";import t from"@carbon/icons/es/add--alt/16";import s from"@carbon/icons/es/add--filled/16";import a from"@carbon/icons/es/arrows--horizontal/16";import m from"@carbon/icons/es/attachment/16";import l from"@carbon/icons/es/batch-job/16";import f from"@carbon/icons/es/box/16";import b from"@carbon/icons/es/close/16";import p from"@carbon/icons/es/close/24";import d from"@carbon/icons/es/close/32";import u from"@carbon/icons/es/close--filled/16";import h from"@carbon/icons/es/close--outline/16";import k from"@carbon/icons/es/checkmark/16";import v from"@carbon/icons/es/checkmark/24";import w from"@carbon/icons/es/checkmark/32";import g from"@carbon/icons/es/chevron--left/16";import x from"@carbon/icons/es/chevron--right/16";import y from"@carbon/icons/es/chevron--down/16";import F from"@carbon/icons/es/data-enrichment/16";import A from"@carbon/icons/es/document/16";import T from"@carbon/icons/es/document--add/16";import M from"@carbon/icons/es/document--attachment/16";import j from"@carbon/icons/es/document--pdf/16";import C from"@carbon/icons/es/document--video/16";import D from"@carbon/icons/es/document--audio/16";import O from"@carbon/icons/es/draggable/16";import z from"@carbon/icons/es/edit/16";import P from"@carbon/icons/es/export/16";import S from"@carbon/icons/es/flag/16";import E from"@carbon/icons/es/information/16";import L from"@carbon/icons/es/information/32";import R from"@carbon/icons/es/link/16";import U from"@carbon/icons/es/overflow-menu--vertical/16";import V from"@carbon/icons/es/overflow-menu--vertical/32";import H from"@carbon/icons/es/return/16";import I from"@carbon/icons/es/save/16";import N from"@carbon/icons/es/settings/16";import B from"@carbon/icons/es/subtract/16";import W from"@carbon/icons/es/subtract--alt/16";import X from"@carbon/icons/es/subtract--filled/16";import Z from"@carbon/icons/es/trash-can/16";import q from"@carbon/icons/es/user/16";import G from"@carbon/icons/es/view/16";import J from"@carbon/icons/es/warning/16";import K from"@carbon/icons/es/warning/32";import Q from"@carbon/icons/es/warning--alt/16";import Y from"@carbon/icons/es/warning--alt/32";import $ from"@carbon/icons/es/product/16";import _ from"@carbon/icons/es/workspace/16";import oo from"@carbon/icons/es/arrow--up/16";import ro from"@carbon/icons/es/arrow--down/16";import co from"@carbon/icons/es/arrow--right/16";import io from"@carbon/icons/es/arrow--left/16";import no from"@carbon/icons/es/copy/16";import eo from"@carbon/icons/es/star/16";import to from"@carbon/icons/es/data-table/16";import so from"@carbon/icons/es/fit-to-width/16";import ao from"@carbon/icons/es/search--advanced/16";import mo from"@carbon/icons/es/reset/16";import lo from"@carbon/icons/es/column/16";import fo from"@carbon/icons/es/column--delete/16";import bo from"@carbon/icons/es/watson-health/rotate--360/16";import po from"@carbon/icons/es/filter/16";import uo from"@carbon/icons/es/app-connectivity/16";import ho from"@carbon/icons/es/text--font/16";import ko from"@carbon/icons/es/text--long-paragraph/16";import vo from"@carbon/icons/es/character--whole-number/16";import wo from"@carbon/icons/es/checkbox--checked/16";import go from"@carbon/icons/es/radio-button--checked/16";import xo from"@carbon/icons/es/event--schedule/16";import yo from"@carbon/icons/es/view--off/16";import Fo from"@carbon/icons/es/time/16";import Ao from"@carbon/icons/es/calendar/16";import To from"@carbon/icons/es/list--checked/16";import Mo from"@carbon/icons/es/list--bulleted/16";import jo from"@carbon/icons/es/cloud--upload/16";import Co from"@carbon/icons/es/locked/16";import Do from"@carbon/icons/es/pause/16";import Oo from"@carbon/icons/es/unlocked/16";import zo from"@carbon/icons/es/send/16";import Po from"@carbon/icons/es/email/16";import So from"@carbon/icons/es/checkmark--outline/16";import Eo from"@carbon/icons/es/migrate--alt/16";import Lo from"@carbon/icons/es/checkbox--checked--filled/16";import Ro from"@carbon/icons/es/checkbox/16";import Uo from"@carbon/icons/es/ZIP/16";import Vo from"@carbon/icons/es/image/16";import Ho from"@carbon/icons/es/PPT/16";import Io from"@carbon/icons/es/XLS/16";const No={add:n,add32:e,addAlt:t,addFilled:s,arrowsHorizontal16:a,arrowRight16:co,arrowLeft16:io,attachment:m,box:f,close16:b,close24:p,close32:d,closeFilled16:u,closeOutlined16:h,checkMark:k,checkMark24:v,checkMark32:w,checkMarkOutlined:So,chevronLeft16:g,chevronRight16:x,chevronDown:y,dashboard:_,document:A,documentAdd:T,documentAttachment:M,documentPdf:j,documentAudio:D,documentVideo:C,draggable:O,edit:z,export:P,flag:S,information:E,information32:L,link:R,opportunities:F,overflowMenuVertical:U,overflowMenuVertical32:V,return16:H,save:I,settings:N,subtract:B,subtractAlt:W,subtractFilled:X,trashCan:Z,user:q,view:G,wizard:$,workorder:l,arrowUp:oo,arrowDown:ro,copy:no,star:eo,warning:J,warning32:K,warningAlt:Q,warningAlt32:Y,time:Fo,text:ko,list:Mo,calendar:Ao,formTextField:ho,formTextArea:ko,formNumberField:vo,formDateField:Ao,formCheckbox:wo,formFileUpload:jo,formRadioButton:go,formHiddenField:yo,formTimeField:Fo,formDateTimeField:xo,formMultiSelectField:To,formSingleSelectField:Mo,dataTable:to,fitToWidth:so,search:ao,reset:mo,column:lo,hideColumn:fo,rotate:bo,lock:Co,pause:Do,filter:po,relationshipDiagram:uo,unlock:Oo,send:zo,email:Po,migrateAlt:Eo,checkboxCheckedFilled:Lo,checkbox:Ro,zip:Uo,image:Vo,xls:Io,ppt:Ho},Bo=(o,r="carbon")=>{var c;if(o&&0!==(null===(c=null==o?void 0:o.trim())||void 0===c?void 0:c.length))return"carbon"===r?No[o]:null},Wo=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.iconType="carbon",this.darkIcon=!0}render(){var o,r;const i=Bo(this.iconName,this.iconType);if(!i)return null;let n;if(this.color)switch(this.color){case"primary":n="var(--primary-color)";break;case"secondary":n="var(--secondary-color)";break;case"error":n="var(--error-color-main)";break;case"info":n="var(--info-color-main)";break;case"success":n="var(--success-color-main)";break;case"inherit":n="currentColor";break;default:n=this.color}else n=this.darkIcon?"black":"white";return c("div",{class:"icon-container"},c("svg",Object.assign({},null!==(o=null==i?void 0:i.attrs)&&void 0!==o?o:{},{fill:n}),null===(r=null==i?void 0:i.content)||void 0===r?void 0:r.map(((o,r)=>{var i,n;return"path"===(null==o?void 0:o.elem)?c("path",Object.assign({},null!==(i=null==o?void 0:o.attrs)&&void 0!==i?i:{},{key:r})):"circle"===(null==o?void 0:o.elem)?c("circle",Object.assign({},null!==(n=null==o?void 0:o.attrs)&&void 0!==n?n:{},{key:r})):null}))))}static get style(){return".icon-container{height:100%;display:flex;align-items:center;color:inherit}"}},[1,"udp-icon",{iconName:[1,"icon-name"],iconType:[1,"icon-type"],darkIcon:[4,"dark-icon"],color:[1]}]);function Xo(){"undefined"!=typeof customElements&&["udp-icon"].forEach((o=>{"udp-icon"===o&&(customElements.get(i(o))||customElements.define(i(o),Wo))}))}export{Wo as U,Xo as d,Bo as g,No as i}

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

@@ -1,9 +1 @@
-import { U as UdpKpiCard$1, d as defineCustomElement$1 } from './udp-kpi-card2.js';
-
-const UdpKpiCard = UdpKpiCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpKpiCard, defineCustomElement };
-//# sourceMappingURL=udp-kpi-card.js.map
-
-//# sourceMappingURL=udp-kpi-card.js.map
+import{U as o,d as p}from"./udp-kpi-card2.js";const r=o,s=p;export{r as UdpKpiCard,s as defineCustomElement}