npm - udp-stencil-component-library - Versions diffs - 25.18.1 → 25.18.2-beta.10 - Mend

udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2058) hide show

package/dist/components/udp-ambient-tool-tip2.js CHANGED Viewed

@@ -1,124 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { createPopper } from '@popperjs/core';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpAmbientToolTipCss = ".tooltip-wrapper{display:inline-block}";
-// STEP 1: Define a unique ID for our style tag and the CSS rules it will contain.
-// We give the class a unique name to ensure it never conflicts with other styles.
-const TOOLTIP_STYLE_ID = 'udp-ambient-tool-tip-styles';
-const tooltipComponentStyles = `
-  .udp-tooltip-portal {
-    position: fixed; /* This is set by Popper, but we define it for clarity */
-    z-index: 10000;
-    background-color: var(--tooltip-background, #f8f9fa);
-    color: var(--tooltip-text-color, #212529);
-    border: 1px solid var(--tooltip-border-color, #dee2e6);
-    padding: 3px 6px;
-    border-radius: var(--border-radius, 6px);
-    font-size: 0.875rem;
-    max-width: 250px;
-    width: max-content;
-    text-align: center;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    white-space: normal;
-  }
-`;
-const UdpAmbientToolTip = /*@__PURE__*/ proxyCustomElement(class UdpAmbientToolTip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isVisible = false;
-        this.showTooltip = () => {
-            if (this.noTooltip || !this.content || this.content.trim() === '') {
-                return;
-            }
-            // STEP 3: Call our style injection function before making the tooltip visible.
-            this.ensureTooltipStyles();
-            this.isVisible = true;
-            requestAnimationFrame(() => {
-                if (!this.tooltipContentEl)
-                    return;
-                document.body.appendChild(this.tooltipContentEl);
-                this.setupPopper();
-            });
-        };
-        this.hideTooltip = () => {
-            this.destroyPopper();
-            if (this.tooltipContentEl && this.tooltipContentEl.parentElement === document.body) {
-                document.body.removeChild(this.tooltipContentEl);
-            }
-            this.isVisible = false;
-        };
-        this.setupPopper = () => {
-            if (!this.wrapperEl || !this.tooltipContentEl)
-                return;
-            this.popperInstance = createPopper(this.wrapperEl, this.tooltipContentEl, {
-                strategy: 'fixed',
-                placement: 'top',
-                modifiers: [
-                    { name: 'offset', options: { offset: [0, 8] } },
-                    { name: 'preventOverflow', options: { padding: 8 } },
-                    { name: 'flip' },
-                ],
-            });
-        };
-        this.destroyPopper = () => {
-            if (this.popperInstance) {
-                this.popperInstance.destroy();
-                this.popperInstance = null;
-            }
-        };
-    }
-    // STEP 2: Create a function to inject the styles into the document <head>.
-    // This only runs once, the very first time any tooltip is shown on the page.
-    ensureTooltipStyles() {
-        if (!document.getElementById(TOOLTIP_STYLE_ID)) {
-            const styleEl = document.createElement('style');
-            styleEl.id = TOOLTIP_STYLE_ID;
-            styleEl.innerHTML = tooltipComponentStyles;
-            document.head.appendChild(styleEl);
-        }
-    }
-    disconnectedCallback() {
-        this.hideTooltip();
-    }
-    render() {
-        // Check if content is provided before rendering the tooltip content.
-        const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (h("div", { key: '8e99239c7eb7a6cf2eea090ab91c45122a660ca9', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: 'fe1c8c3d076b33611d815732618615b313092e86' }), shouldDisplayTooltip && (
-        // STEP 4: Use the global class name we defined in our style string.
-        h("div", { key: 'd1bce87618e9a6aab7807f15ed701d55da06927a', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '2104de1d4a6af2da424634c75f820e620fad3804', variant: "caption-text" }, this.content)))));
-    }
-    static get style() { return udpAmbientToolTipCss; }
-}, [257, "udp-ambient-tool-tip", {
-        "content": [1],
-        "noTooltip": [4, "no-tooltip"],
-        "isVisible": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-ambient-tool-tip", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpAmbientToolTip);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-export { UdpAmbientToolTip as U, defineCustomElement as d };
-//# sourceMappingURL=udp-ambient-tool-tip2.js.map
-//# sourceMappingURL=udp-ambient-tool-tip2.js.map
+import{p as t,H as e,h as o,t as i}from"./index2.js";import{createPopper as s}from"@popperjs/core";import{d as n}from"./unity-typography2.js";const a="udp-ambient-tool-tip-styles",r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isVisible=!1,this.showTooltip=()=>{!this.noTooltip&&this.content&&""!==this.content.trim()&&(this.ensureTooltipStyles(),this.isVisible=!0,requestAnimationFrame((()=>{this.tooltipContentEl&&(document.body.appendChild(this.tooltipContentEl),this.setupPopper())})))},this.hideTooltip=()=>{this.destroyPopper(),this.tooltipContentEl&&this.tooltipContentEl.parentElement===document.body&&document.body.removeChild(this.tooltipContentEl),this.isVisible=!1},this.setupPopper=()=>{this.wrapperEl&&this.tooltipContentEl&&(this.popperInstance=s(this.wrapperEl,this.tooltipContentEl,{strategy:"fixed",placement:"top",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]}))},this.destroyPopper=()=>{this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}}ensureTooltipStyles(){if(!document.getElementById(a)){const t=document.createElement("style");t.id=a,t.innerHTML="\n  .udp-tooltip-portal {\n    position: fixed; /* This is set by Popper, but we define it for clarity */\n    z-index: 10000;\n    background-color: var(--tooltip-background, #f8f9fa);\n    color: var(--tooltip-text-color, #212529);\n    border: 1px solid var(--tooltip-border-color, #dee2e6);\n    padding: 3px 6px;\n    border-radius: var(--border-radius, 6px);\n    font-size: 0.875rem;\n    max-width: 250px;\n    width: max-content;\n    text-align: center;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    white-space: normal;\n  }\n",document.head.appendChild(t)}}disconnectedCallback(){this.hideTooltip()}render(){const t=!!this.isVisible&&!!this.content&&""!==this.content.trim();return o("div",{key:"8e99239c7eb7a6cf2eea090ab91c45122a660ca9",class:"tooltip-wrapper",ref:t=>this.wrapperEl=t,onMouseOver:this.showTooltip,onMouseOut:this.hideTooltip},o("slot",{key:"fe1c8c3d076b33611d815732618615b313092e86"}),t&&o("div",{key:"d1bce87618e9a6aab7807f15ed701d55da06927a",class:"udp-tooltip-portal",role:"tooltip",ref:t=>this.tooltipContentEl=t},o("unity-typography",{key:"2104de1d4a6af2da424634c75f820e620fad3804",variant:"caption-text"},this.content)))}static get style(){return".tooltip-wrapper{display:inline-block}"}},[257,"udp-ambient-tool-tip",{content:[1],noTooltip:[4,"no-tooltip"],isVisible:[32]}]);function p(){"undefined"!=typeof customElements&&["udp-ambient-tool-tip","unity-typography"].forEach((t=>{switch(t){case"udp-ambient-tool-tip":customElements.get(i(t))||customElements.define(i(t),r);break;case"unity-typography":customElements.get(i(t))||n()}}))}export{r as U,p as d}

package/dist/components/udp-attachment-item.js CHANGED Viewed

@@ -1,9 +1 @@
-import { U as UdpAttacchmentItem, d as defineCustomElement$1 } from './udp-attachment-item2.js';
-const UdpAttachmentItem = UdpAttacchmentItem;
-const defineCustomElement = defineCustomElement$1;
-export { UdpAttachmentItem, defineCustomElement };
-//# sourceMappingURL=udp-attachment-item.js.map
-//# sourceMappingURL=udp-attachment-item.js.map
+import{U as t,d as a}from"./udp-attachment-item2.js";const m=t,o=a;export{m as UdpAttachmentItem,o as defineCustomElement}

package/dist/components/udp-attachment-item2.js CHANGED Viewed

@@ -1,154 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import Download16 from '@carbon/icons/es/download/16';
-import { d as defineCustomElement$6 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$5 } from './udp-badge2.js';
-import { d as defineCustomElement$4 } from './udp-icon2.js';
-import { d as defineCustomElement$3 } from './udp-icon-button2.js';
-import { d as defineCustomElement$2 } from './udp-skeleton-loading2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpAttachmentItemCss = ".attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}";
-const UdpAttacchmentItem = /*@__PURE__*/ proxyCustomElement(class UdpAttacchmentItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Whether this item is the last in a list (used to apply "last-item" styling).
-         */
-        this.isLastItem = false;
-        /**
-         * Displays a skeleton version of this item while data is loading.
-         */
-        this.loading = false;
-    }
-    getIconForFileExtension(fileExtension) {
-        // explicitly check for null/undefined or empty string to avoid using '!' on a string type
-        if (fileExtension == null || fileExtension.trim() === '') {
-            return 'document';
-        }
-        const ext = fileExtension.trim().replace(/^\./, '').toLowerCase();
-        switch (ext) {
-            case 'pdf':
-                return 'documentPdf';
-            case 'jpg':
-            case 'jpeg':
-            case 'png':
-            case 'gif':
-                return 'image';
-            case 'zip':
-            case 'rar':
-            case '7z':
-                return 'zip';
-            case 'mp3':
-            case 'wav':
-                return 'documentAudio';
-            case 'mp4':
-            case 'mov':
-                return 'documentVideo';
-            default:
-                return 'document';
-        }
-    }
-    handleDownloadClick() {
-        const url = this.downloadUrl;
-        if (url == null || url.trim() === '') {
-            console.warn('udp-attachment-item: no downloadUrl provided');
-            return;
-        }
-        const fileName = (this.fileName || 'download').replace(/.*[\/\\]/, '');
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = fileName;
-        a.rel = 'noopener noreferrer';
-        document.body.appendChild(a);
-        a.click();
-        a.remove();
-    }
-    formatDate(date) {
-        if (date === null || date === undefined)
-            return '';
-        const d = date instanceof Date ? date : new Date(date);
-        if (Number.isNaN(d.getTime()))
-            return '';
-        return new Intl.DateTimeFormat((navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en-US', {
-            year: 'numeric',
-            month: 'numeric',
-            day: 'numeric',
-        }).format(d);
-    }
-    renderSkeleton(containerClasses) {
-        return (h("div", { class: containerClasses }, h("div", { class: "first-column" }, h("div", { class: "skeleton-icon-container" }, h("udp-skeleton-loading", { width: "40px", height: "40px", borderRadius: "50%" })), h("div", { class: "skeleton-text-group" }, h("udp-skeleton-loading", { width: "200px", height: "16px" }), h("div", { class: "file-details skeleton-file-details" }, h("udp-skeleton-loading", { width: "60px", height: "12px" }), h("udp-skeleton-loading", { width: "120px", height: "12px" }), h("udp-skeleton-loading", { width: "90px", height: "12px" })))), h("div", { class: "skeleton-action" }, h("udp-skeleton-loading", { width: "32px", height: "32px", borderRadius: "50%" }))));
-    }
-    render() {
-        const containerClasses = {
-            'attachment-item-container': true,
-            'last-item': this.isLastItem,
-        };
-        if (this.loading) {
-            return this.renderSkeleton(containerClasses);
-        }
-        return (h("div", { class: containerClasses }, h("div", { class: "first-column" }, h("div", { class: "icon-container" }, h("udp-icon", { iconName: this.getIconForFileExtension(this.fileExtension), darkIcon: false, color: "white" })), h("div", null, this.fileName && h("udp-unity-typography", null, this.fileName), h("div", { class: "file-details" }, this.fileSize && (h("udp-unity-typography", { variant: "caption-text" }, this.fileSize)), this.uploadedBy && (h("udp-unity-typography", { variant: "caption-text" }, "Uploaded by ", this.uploadedBy)), this.uploadedDate && (h("udp-unity-typography", { variant: "caption-text" }, this.formatDate(this.uploadedDate)))))), this.downloadUrl && this.downloadUrl.trim() !== '' && (h("udp-icon-button", { iconColor: "inherit", icon: Download16, onClick: () => this.handleDownloadClick() }))));
-    }
-    static get style() { return udpAttachmentItemCss; }
-}, [257, "udp-attachment-item", {
-        "fileName": [1, "file-name"],
-        "fileSize": [1, "file-size"],
-        "fileExtension": [1, "file-extension"],
-        "downloadUrl": [1, "download-url"],
-        "uploadedBy": [1, "uploaded-by"],
-        "uploadedDate": [1, "uploaded-date"],
-        "isLastItem": [4, "is-last-item"],
-        "loading": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-attachment-item", "udp-ambient-tool-tip", "udp-badge", "udp-icon", "udp-icon-button", "udp-skeleton-loading", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-attachment-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpAttacchmentItem);
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-skeleton-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-export { UdpAttacchmentItem as U, defineCustomElement as d };
-//# sourceMappingURL=udp-attachment-item2.js.map
-//# sourceMappingURL=udp-attachment-item2.js.map
+import{p as t,H as e,h as i,t as n}from"./index2.js";import o from"@carbon/icons/es/download/16";import{d as a}from"./udp-ambient-tool-tip2.js";import{d as s}from"./udp-badge2.js";import{d}from"./udp-icon2.js";import{d as l}from"./udp-icon-button2.js";import{d as r}from"./udp-skeleton-loading2.js";import{d as c}from"./unity-typography2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isLastItem=!1,this.loading=!1}getIconForFileExtension(t){if(null==t||""===t.trim())return"document";switch(t.trim().replace(/^\./,"").toLowerCase()){case"pdf":return"documentPdf";case"jpg":case"jpeg":case"png":case"gif":return"image";case"zip":case"rar":case"7z":return"zip";case"mp3":case"wav":return"documentAudio";case"mp4":case"mov":return"documentVideo";default:return"document"}}handleDownloadClick(){const t=this.downloadUrl;if(null==t||""===t.trim())return void console.warn("udp-attachment-item: no downloadUrl provided");const e=(this.fileName||"download").replace(/.*[\/\\]/,""),i=document.createElement("a");i.href=t,i.download=e,i.rel="noopener noreferrer",document.body.appendChild(i),i.click(),i.remove()}formatDate(t){if(null==t)return"";const e=t instanceof Date?t:new Date(t);return Number.isNaN(e.getTime())?"":new Intl.DateTimeFormat((null===navigator||void 0===navigator?void 0:navigator.language)||"en-US",{year:"numeric",month:"numeric",day:"numeric"}).format(e)}renderSkeleton(t){return i("div",{class:t},i("div",{class:"first-column"},i("div",{class:"skeleton-icon-container"},i("udp-skeleton-loading",{width:"40px",height:"40px",borderRadius:"50%"})),i("div",{class:"skeleton-text-group"},i("udp-skeleton-loading",{width:"200px",height:"16px"}),i("div",{class:"file-details skeleton-file-details"},i("udp-skeleton-loading",{width:"60px",height:"12px"}),i("udp-skeleton-loading",{width:"120px",height:"12px"}),i("udp-skeleton-loading",{width:"90px",height:"12px"})))),i("div",{class:"skeleton-action"},i("udp-skeleton-loading",{width:"32px",height:"32px",borderRadius:"50%"})))}render(){const t={"attachment-item-container":!0,"last-item":this.isLastItem};return this.loading?this.renderSkeleton(t):i("div",{class:t},i("div",{class:"first-column"},i("div",{class:"icon-container"},i("udp-icon",{iconName:this.getIconForFileExtension(this.fileExtension),darkIcon:!1,color:"white"})),i("div",null,this.fileName&&i("udp-unity-typography",null,this.fileName),i("div",{class:"file-details"},this.fileSize&&i("udp-unity-typography",{variant:"caption-text"},this.fileSize),this.uploadedBy&&i("udp-unity-typography",{variant:"caption-text"},"Uploaded by ",this.uploadedBy),this.uploadedDate&&i("udp-unity-typography",{variant:"caption-text"},this.formatDate(this.uploadedDate))))),this.downloadUrl&&""!==this.downloadUrl.trim()&&i("udp-icon-button",{iconColor:"inherit",icon:o,onClick:()=>this.handleDownloadClick()}))}static get style(){return".attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}"}},[1,"udp-attachment-item",{fileName:[1,"file-name"],fileSize:[1,"file-size"],fileExtension:[1,"file-extension"],downloadUrl:[1,"download-url"],uploadedBy:[1,"uploaded-by"],uploadedDate:[1,"uploaded-date"],isLastItem:[4,"is-last-item"],loading:[4]}]);function u(){"undefined"!=typeof customElements&&["udp-attachment-item","udp-ambient-tool-tip","udp-badge","udp-icon","udp-icon-button","udp-skeleton-loading","unity-typography"].forEach((t=>{switch(t){case"udp-attachment-item":customElements.get(n(t))||customElements.define(n(t),p);break;case"udp-ambient-tool-tip":customElements.get(n(t))||a();break;case"udp-badge":customElements.get(n(t))||s();break;case"udp-icon":customElements.get(n(t))||d();break;case"udp-icon-button":customElements.get(n(t))||l();break;case"udp-skeleton-loading":customElements.get(n(t))||r();break;case"unity-typography":customElements.get(n(t))||c()}}))}export{p as U,u as d}

package/dist/components/udp-attachment-list.js CHANGED Viewed

@@ -1,138 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$h } from './udp-adornment2.js';
-import { d as defineCustomElement$g } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$f } from './udp-attachment-item2.js';
-import { d as defineCustomElement$e } from './udp-badge2.js';
-import { d as defineCustomElement$d } from './udp-button2.js';
-import { d as defineCustomElement$c } from './udp-card2.js';
-import { d as defineCustomElement$b } from './udp-card-actions2.js';
-import { d as defineCustomElement$a } from './udp-card-content2.js';
-import { d as defineCustomElement$9 } from './udp-card-header2.js';
-import { d as defineCustomElement$8 } from './udp-card-media2.js';
-import { d as defineCustomElement$7 } from './udp-empty-state-display2.js';
-import { d as defineCustomElement$6 } from './udp-icon2.js';
-import { d as defineCustomElement$5 } from './udp-icon-button2.js';
-import { d as defineCustomElement$4 } from './udp-link2.js';
-import { d as defineCustomElement$3 } from './udp-skeleton-loading2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-const UdpAttachmentList$1 = /*@__PURE__*/ proxyCustomElement(class UdpAttachmentList extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * An array of attachment items to render in the list.
-         */
-        this.attachments = [];
-    }
-    render() {
-        var _a;
-        return (h("udp-card", { key: '9f5e34b940dda7bd15ae45a93132a000fb5e4ec3' }, ((_a = this.attachments) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (this.attachments.map((attachment, index) => (h("udp-attachment-item", { fileName: attachment === null || attachment === void 0 ? void 0 : attachment.fileName, fileSize: attachment === null || attachment === void 0 ? void 0 : attachment.fileSize, fileExtension: attachment === null || attachment === void 0 ? void 0 : attachment.fileExtension, uploadedBy: attachment === null || attachment === void 0 ? void 0 : attachment.uploadedBy, uploadedDate: attachment === null || attachment === void 0 ? void 0 : attachment.uploadedDate, isLastItem: index === this.attachments.length - 1, downloadUrl: attachment === null || attachment === void 0 ? void 0 : attachment.downloadUrl })))) : (h("udp-empty-state-display", { primaryText: "No Attachment" }))));
-    }
-}, [257, "udp-attachment-list", {
-        "attachments": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-attachment-list", "udp-adornment", "udp-ambient-tool-tip", "udp-attachment-item", "udp-badge", "udp-button", "udp-card", "udp-card-actions", "udp-card-content", "udp-card-header", "udp-card-media", "udp-empty-state-display", "udp-icon", "udp-icon-button", "udp-link", "udp-skeleton-loading", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-attachment-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpAttachmentList$1);
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "udp-attachment-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "udp-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "udp-card-actions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-card-media":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-empty-state-display":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-skeleton-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-const UdpAttachmentList = UdpAttachmentList$1;
-const defineCustomElement = defineCustomElement$1;
-export { UdpAttachmentList, defineCustomElement };
-//# sourceMappingURL=udp-attachment-list.js.map
-//# sourceMappingURL=udp-attachment-list.js.map
+import{p as t,H as e,h as a,t as d}from"./index2.js";import{d as s}from"./udp-adornment2.js";import{d as o}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-attachment-item2.js";import{d as u}from"./udp-badge2.js";import{d as p}from"./udp-button2.js";import{d as n}from"./udp-card2.js";import{d as r}from"./udp-card-actions2.js";import{d as c}from"./udp-card-content2.js";import{d as i}from"./udp-card-header2.js";import{d as l}from"./udp-card-media2.js";import{d as b}from"./udp-empty-state-display2.js";import{d as f}from"./udp-icon2.js";import{d as k}from"./udp-icon-button2.js";import{d as h}from"./udp-link2.js";import{d as y}from"./udp-skeleton-loading2.js";import{d as E}from"./unity-typography2.js";const j=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.attachments=[]}render(){var t;return a("udp-card",{key:"9f5e34b940dda7bd15ae45a93132a000fb5e4ec3"},(null===(t=this.attachments)||void 0===t?void 0:t.length)>0?this.attachments.map(((t,e)=>a("udp-attachment-item",{fileName:null==t?void 0:t.fileName,fileSize:null==t?void 0:t.fileSize,fileExtension:null==t?void 0:t.fileExtension,uploadedBy:null==t?void 0:t.uploadedBy,uploadedDate:null==t?void 0:t.uploadedDate,isLastItem:e===this.attachments.length-1,downloadUrl:null==t?void 0:t.downloadUrl}))):a("udp-empty-state-display",{primaryText:"No Attachment"}))}},[1,"udp-attachment-list",{attachments:[16]}]),g=j,v=function(){"undefined"!=typeof customElements&&["udp-attachment-list","udp-adornment","udp-ambient-tool-tip","udp-attachment-item","udp-badge","udp-button","udp-card","udp-card-actions","udp-card-content","udp-card-header","udp-card-media","udp-empty-state-display","udp-icon","udp-icon-button","udp-link","udp-skeleton-loading","unity-typography"].forEach((t=>{switch(t){case"udp-attachment-list":customElements.get(d(t))||customElements.define(d(t),j);break;case"udp-adornment":customElements.get(d(t))||s();break;case"udp-ambient-tool-tip":customElements.get(d(t))||o();break;case"udp-attachment-item":customElements.get(d(t))||m();break;case"udp-badge":customElements.get(d(t))||u();break;case"udp-button":customElements.get(d(t))||p();break;case"udp-card":customElements.get(d(t))||n();break;case"udp-card-actions":customElements.get(d(t))||r();break;case"udp-card-content":customElements.get(d(t))||c();break;case"udp-card-header":customElements.get(d(t))||i();break;case"udp-card-media":customElements.get(d(t))||l();break;case"udp-empty-state-display":customElements.get(d(t))||b();break;case"udp-icon":customElements.get(d(t))||f();break;case"udp-icon-button":customElements.get(d(t))||k();break;case"udp-link":customElements.get(d(t))||h();break;case"udp-skeleton-loading":customElements.get(d(t))||y();break;case"unity-typography":customElements.get(d(t))||E()}}))};export{g as UdpAttachmentList,v as defineCustomElement}

package/dist/components/udp-avatar.js CHANGED Viewed

@@ -1,9 +1 @@
-import { U as UdpAvatar$1, d as defineCustomElement$1 } from './udp-avatar2.js';
-const UdpAvatar = UdpAvatar$1;
-const defineCustomElement = defineCustomElement$1;
-export { UdpAvatar, defineCustomElement };
-//# sourceMappingURL=udp-avatar.js.map
-//# sourceMappingURL=udp-avatar.js.map
+import{U as a,d as o}from"./udp-avatar2.js";const r=a,s=o;export{r as UdpAvatar,s as defineCustomElement}

package/dist/components/udp-avatar2.js CHANGED Viewed

@@ -1,91 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpAvatarCss = ".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}";
-const UdpAvatar = /*@__PURE__*/ proxyCustomElement(class UdpAvatar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.variant = 'circular';
-        this.colors = [
-            '#F44336',
-            '#E91E63',
-            '#9C27B0',
-            '#673AB7',
-            '#3F51B5',
-            '#2196F3',
-            '#03A9F4',
-            '#00BCD4',
-            '#009688',
-            '#4CAF50',
-            '#8BC34A',
-            '#CDDC39',
-            '#FFC107',
-            '#FF9800',
-            '#FF5722',
-            '#795548',
-        ];
-    }
-    getInitial() {
-        return this.username ? this.username[0].toUpperCase() : '?';
-    }
-    getColorForUsername() {
-        const charCode = this.username ? this.username.charCodeAt(0) : 0;
-        return this.colors[charCode % this.colors.length];
-    }
-    render() {
-        const systemColors = ['primary', 'secondary', 'info', 'error', 'success', 'warning', 'note'];
-        const isSystemColor = systemColors.includes(this.color);
-        const style = {};
-        const classes = ['avatar', this.variant];
-        if (isSystemColor) {
-            classes.push(`color-${this.color}`);
-        }
-        else if (this.color) {
-            style['background-color'] = this.color;
-        }
-        else {
-            style['background-color'] = this.getColorForUsername();
-        }
-        return (h("div", { key: '1f9be443ad60d748b4c0d5eb8f25e96816c0f1ba', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
-    }
-    static get style() { return udpAvatarCss; }
-}, [257, "udp-avatar", {
-        "username": [1],
-        "iconName": [1, "icon-name"],
-        "variant": [1],
-        "color": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-avatar", "udp-icon", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-avatar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpAvatar);
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-export { UdpAvatar as U, defineCustomElement as d };
-//# sourceMappingURL=udp-avatar2.js.map
-//# sourceMappingURL=udp-avatar2.js.map
+import{p as r,H as a,h as o,t}from"./index2.js";import{d as s}from"./udp-icon2.js";import{d as c}from"./unity-typography2.js";const e=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.variant="circular",this.colors=["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFC107","#FF9800","#FF5722","#795548"]}getInitial(){return this.username?this.username[0].toUpperCase():"?"}getColorForUsername(){const r=this.username?this.username.charCodeAt(0):0;return this.colors[r%this.colors.length]}render(){const r=["primary","secondary","info","error","success","warning","note"].includes(this.color),a={},t=["avatar",this.variant];return r?t.push(`color-${this.color}`):a["background-color"]=this.color?this.color:this.getColorForUsername(),o("div",{key:"1f9be443ad60d748b4c0d5eb8f25e96816c0f1ba",class:t.join(" "),style:a},this.iconName?o("udp-icon",{iconName:this.iconName,darkIcon:!1}):o("unity-typography",{variant:"data-display-two"}," ",this.getInitial()))}static get style(){return".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}"}},[1,"udp-avatar",{username:[1],iconName:[1,"icon-name"],variant:[1],color:[1]}]);function n(){"undefined"!=typeof customElements&&["udp-avatar","udp-icon","unity-typography"].forEach((r=>{switch(r){case"udp-avatar":customElements.get(t(r))||customElements.define(t(r),e);break;case"udp-icon":customElements.get(t(r))||s();break;case"unity-typography":customElements.get(t(r))||c()}}))}export{e as U,n as d}

package/dist/components/udp-badge.js CHANGED Viewed

@@ -1,9 +1 @@
-import { U as UdpBadge$1, d as defineCustomElement$1 } from './udp-badge2.js';
-const UdpBadge = UdpBadge$1;
-const defineCustomElement = defineCustomElement$1;
-export { UdpBadge, defineCustomElement };
-//# sourceMappingURL=udp-badge.js.map
-//# sourceMappingURL=udp-badge.js.map
+import{U as o,d as s}from"./udp-badge2.js";const a=o,d=s;export{a as UdpBadge,d as defineCustomElement}

package/dist/components/udp-badge2.js CHANGED Viewed

@@ -1,47 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-const udpBadgeCss = ".badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}";
-const UdpBadge = /*@__PURE__*/ proxyCustomElement(class UdpBadge extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.content = 0;
-        this.max = 99;
-    }
-    render() {
-        const displayContent = this.content > this.max ? `${this.max}+` : this.content;
-        return (h("div", { key: 'a23f50fa5af983961852695841308b58788444fa', class: "badge-wrapper" }, h("slot", { key: '0300b18c97f66d4c90bcca37b790451bf5735fed' }), h("span", { key: 'c23f36be83fe6395969d327cbb2890a2f65869d0', class: "badge-content" }, h("unity-typography", { key: 'f6cb235409ffbecda8b0a5b059cc065e84dd0bc7', variant: 'caption-text' }, " ", displayContent, " "))));
-    }
-    static get style() { return udpBadgeCss; }
-}, [257, "udp-badge", {
-        "content": [2],
-        "max": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpBadge);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-export { UdpBadge as U, defineCustomElement as d };
-//# sourceMappingURL=udp-badge2.js.map
-//# sourceMappingURL=udp-badge2.js.map
+import{p as t,H as e,h as a,t as s}from"./index2.js";import{d as i}from"./unity-typography2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.content=0,this.max=99}render(){const t=this.content>this.max?`${this.max}+`:this.content;return a("div",{key:"a23f50fa5af983961852695841308b58788444fa",class:"badge-wrapper"},a("slot",{key:"0300b18c97f66d4c90bcca37b790451bf5735fed"}),a("span",{key:"c23f36be83fe6395969d327cbb2890a2f65869d0",class:"badge-content"},a("unity-typography",{key:"f6cb235409ffbecda8b0a5b059cc065e84dd0bc7",variant:"caption-text"}," ",t," ")))}static get style(){return".badge-wrapper{position:relative;display:inline-block}.badge-content{position:absolute;top:-12px;right:-8px;background-color:var(--primary-color);color:white;border-radius:50%;padding:4px;min-width:18px;text-align:center;z-index:1}"}},[257,"udp-badge",{content:[2],max:[2]}]);function o(){"undefined"!=typeof customElements&&["udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-badge":customElements.get(s(t))||customElements.define(s(t),n);break;case"unity-typography":customElements.get(s(t))||i()}}))}export{n as U,o as d}

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

@@ -1,9 +1 @@
-import { U as UdpBarChart$1, d as defineCustomElement$1 } from './udp-bar-chart2.js';
-const UdpBarChart = UdpBarChart$1;
-const defineCustomElement = defineCustomElement$1;
-export { UdpBarChart, defineCustomElement };
-//# sourceMappingURL=udp-bar-chart.js.map
-//# sourceMappingURL=udp-bar-chart.js.map
+import{U as r,d as a}from"./udp-bar-chart2.js";const o=r,s=a;export{o as UdpBarChart,s as defineCustomElement}