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

package/dist/components/udp-divider2.js

@@ -1,42 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const udpDividerCss = ":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";
-
-const UdpDivider = /*@__PURE__*/ proxyCustomElement(class UdpDivider extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.variant = 'horizontal';
-    }
-    render() {
-        const style = this.variant === 'vertical'
-            ? { height: this.size }
-            : { width: this.size };
-        return (h(Host, { key: '13426ac01a766a6dc6ec7985aa965d4b401bb912', style: style }, h("div", { key: '44997c022555ad9d6b7c736c677f524d5e15ff27', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
-    }
-    static get style() { return udpDividerCss; }
-}, [257, "udp-divider", {
-        "variant": [1],
-        "size": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-divider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDivider);
-            }
-            break;
-    } });
-}
-
-export { UdpDivider as U, defineCustomElement as d };
-//# sourceMappingURL=udp-divider2.js.map
-
-//# sourceMappingURL=udp-divider2.js.map
+import{p as t,H as i,h as e,d as s,t as d}from"./index2.js";const r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.variant="horizontal"}render(){return e(s,{key:"13426ac01a766a6dc6ec7985aa965d4b401bb912",style:"vertical"===this.variant?{height:this.size}:{width:this.size}},e("div",{key:"44997c022555ad9d6b7c736c677f524d5e15ff27",class:"horizontal"===this.variant?"horizontal":"vertical"}))}static get style(){return":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}"}},[1,"udp-divider",{variant:[1],size:[1]}]);function a(){"undefined"!=typeof customElements&&["udp-divider"].forEach((t=>{"udp-divider"===t&&(customElements.get(d(t))||customElements.define(d(t),r))}))}export{r as U,a as d}

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

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

package/dist/components/udp-donut-chart2.js

@@ -1,180 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import * as am4charts from '@amcharts/amcharts4/charts';
-import * as am4core from '@amcharts/amcharts4/core';
-import { s as setChartDefaultSettings, g as addPieChartLegend, h as setPieChartDefaultSettings, i as addPieChartSeries } from './chartUtils.js';
-import { v4 } from 'uuid';
-import { d as defineCustomElement$8 } from './chart-container2.js';
-import { d as defineCustomElement$7 } from './chart-kpi2.js';
-import { d as defineCustomElement$6 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$5 } from './udp-adornment2.js';
-import { d as defineCustomElement$4 } from './udp-ambient-card2.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 udpDonutChartCss = "";
-
-const UdpDonutChart = /*@__PURE__*/ proxyCustomElement(class UdpDonutChart extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.data = undefined;
-        this.valueField = '';
-        this.labelField = '';
-        this.title = undefined;
-        this.subheader = undefined;
-        this.hideLegend = false;
-        this.kpisPosition = 'left';
-        this.kpis = undefined;
-        this.hideAdornment = false;
-        this.ignoreZeroValues = false;
-        this.hideBorder = false;
-        this.removePadding = false;
-        this.getColor = undefined;
-        this.chartId = v4();
-    }
-    async renderChart() {
-        // Loop until the chart container is available
-        const attemptToRender = async () => {
-            var _a, _b, _c;
-            const chartContainer = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.chartId);
-            if (!chartContainer) {
-                // Use a Promise-based delay to maintain control flow
-                await new Promise(resolve => setTimeout(resolve, 50));
-                return attemptToRender(); // Retry
-            }
-            // Proceed with rendering the chart once the container is available
-            if (!this.valueField || !this.labelField)
-                return;
-            if (this.pieChart) {
-                this.pieChart.dispose();
-            }
-            this.pieChart = am4core.create(chartContainer, am4charts.PieChart);
-            // Apply chart settings and series
-            setChartDefaultSettings(this.pieChart, chartContainer, this.enableExport);
-            if (!this.hideLegend) {
-                addPieChartLegend(this.pieChart, this.legendPosition);
-            }
-            setPieChartDefaultSettings(this.pieChart);
-            addPieChartSeries(this.pieChart, this.labelField, this.valueField, this.ignoreZeroValues, this.colorList, this.getColor);
-            // Set data
-            this.pieChart.data = (_c = this.data) !== null && _c !== void 0 ? _c : [];
-        };
-        await attemptToRender();
-    }
-    componentDidLoad() {
-        this.renderChart();
-    }
-    disconnectedCallback() {
-        // Clean up chart instance on component removal
-        if (this.pieChart) {
-            this.pieChart.dispose();
-        }
-    }
-    render() {
-        return (h("chart-container", { key: 'b0d4042b37cd05f645002e71d126aeed81cc46ad', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"],
-        "colorList": ["renderChart"],
-        "getColor": ["renderChart"],
-        "ignoreZeroValues": ["renderChart"],
-        "chartId": ["renderChart"]
-    }; }
-    static get style() { return udpDonutChartCss; }
-}, [257, "udp-donut-chart", {
-        "data": [16],
-        "valueField": [1, "value-field"],
-        "labelField": [1, "label-field"],
-        "title": [1],
-        "subheader": [1],
-        "hideLegend": [4, "hide-legend"],
-        "customWidth": [8, "custom-width"],
-        "customHeight": [8, "custom-height"],
-        "customCardWidth": [8, "custom-card-width"],
-        "kpisPosition": [1, "kpis-position"],
-        "kpis": [16],
-        "hideAdornment": [4, "hide-adornment"],
-        "ignoreZeroValues": [4, "ignore-zero-values"],
-        "hideBorder": [4, "hide-border"],
-        "removePadding": [4, "remove-padding"],
-        "colorList": [16],
-        "getColor": [16],
-        "legendPosition": [1, "legend-position"],
-        "enableExport": [4, "enable-export"],
-        "chartId": [1, "chart-id"]
-    }, undefined, {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"],
-        "colorList": ["renderChart"],
-        "getColor": ["renderChart"],
-        "ignoreZeroValues": ["renderChart"],
-        "chartId": ["renderChart"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-donut-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-donut-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpDonutChart);
-            }
-            break;
-        case "chart-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "chart-kpi":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-adornment":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-ambient-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            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 { UdpDonutChart as U, defineCustomElement as d };
-//# sourceMappingURL=udp-donut-chart2.js.map
-
-//# sourceMappingURL=udp-donut-chart2.js.map
+import{p as t,H as e,h as r,t as i}from"./index2.js";import*as s from"@amcharts/amcharts4/charts";import*as a from"@amcharts/amcharts4/core";import{s as o,g as d,h,i as n}from"./chartUtils.js";import{v4 as c}from"uuid";import{d as m}from"./chart-container2.js";import{d as l}from"./chart-kpi2.js";import{d as u}from"./stencil-icon-button2.js";import{d as p}from"./udp-adornment2.js";import{d as b}from"./udp-ambient-card2.js";import{d as g}from"./udp-ambient-tool-tip2.js";import{d as C}from"./udp-badge2.js";import{d as f}from"./unity-typography2.js";const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.data=void 0,this.valueField="",this.labelField="",this.title=void 0,this.subheader=void 0,this.hideLegend=!1,this.kpisPosition="left",this.kpis=void 0,this.hideAdornment=!1,this.ignoreZeroValues=!1,this.hideBorder=!1,this.removePadding=!1,this.getColor=void 0,this.chartId=c()}async renderChart(){const t=async()=>{var e,r,i;const c=null===(r=null===(e=this.el)||void 0===e?void 0:e.shadowRoot)||void 0===r?void 0:r.getElementById(this.chartId);if(!c)return await new Promise((t=>setTimeout(t,50))),t();this.valueField&&this.labelField&&(this.pieChart&&this.pieChart.dispose(),this.pieChart=a.create(c,s.PieChart),o(this.pieChart,c,this.enableExport),this.hideLegend||d(this.pieChart,this.legendPosition),h(this.pieChart),n(this.pieChart,this.labelField,this.valueField,this.ignoreZeroValues,this.colorList,this.getColor),this.pieChart.data=null!==(i=this.data)&&void 0!==i?i:[])};await t()}componentDidLoad(){this.renderChart()}disconnectedCallback(){this.pieChart&&this.pieChart.dispose()}render(){return r("chart-container",{key:"b0d4042b37cd05f645002e71d126aeed81cc46ad",kpis:this.kpis,chartId:this.chartId,title:this.title,subheader:this.subheader,chartHeight:this.customHeight,chartWidth:this.customWidth,cardWidth:this.customCardWidth,kpisPosition:this.kpisPosition,hideAdornment:this.hideAdornment,hideBorder:this.hideBorder,removePadding:this.removePadding})}get el(){return this}static get watchers(){return{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}}static get style(){return""}},[1,"udp-donut-chart",{data:[16],valueField:[1,"value-field"],labelField:[1,"label-field"],title:[1],subheader:[1],hideLegend:[4,"hide-legend"],customWidth:[8,"custom-width"],customHeight:[8,"custom-height"],customCardWidth:[8,"custom-card-width"],kpisPosition:[1,"kpis-position"],kpis:[16],hideAdornment:[4,"hide-adornment"],ignoreZeroValues:[4,"ignore-zero-values"],hideBorder:[4,"hide-border"],removePadding:[4,"remove-padding"],colorList:[16],getColor:[16],legendPosition:[1,"legend-position"],enableExport:[4,"enable-export"],chartId:[1,"chart-id"]},void 0,{valueField:[{renderChart:0}],labelField:[{renderChart:0}],hideLegend:[{renderChart:0}],data:[{renderChart:0}],colorList:[{renderChart:0}],getColor:[{renderChart:0}],ignoreZeroValues:[{renderChart:0}],chartId:[{renderChart:0}]}]);function k(){"undefined"!=typeof customElements&&["udp-donut-chart","chart-container","chart-kpi","stencil-icon-button","udp-adornment","udp-ambient-card","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"udp-donut-chart":customElements.get(i(t))||customElements.define(i(t),v);break;case"chart-container":customElements.get(i(t))||m();break;case"chart-kpi":customElements.get(i(t))||l();break;case"stencil-icon-button":customElements.get(i(t))||u();break;case"udp-adornment":customElements.get(i(t))||p();break;case"udp-ambient-card":customElements.get(i(t))||b();break;case"udp-ambient-tool-tip":customElements.get(i(t))||g();break;case"udp-badge":customElements.get(i(t))||C();break;case"unity-typography":customElements.get(i(t))||f()}}))}export{v as U,k as d}

package/dist/components/udp-drive-utils.js

@@ -1,168 +1 @@
-import axios from 'axios';
-import { C as ConfigService } from './configService.js';
-
-/**
- * Type guard to check if a value is a UdpDriveFile
- */
-function isUdpDriveFile(file) {
-    return file && typeof file === 'object' && 'driveFileId' in file;
-}
-/**
- * Type guard to check if a value is a File object
- */
-function isFile(file) {
-    return file instanceof File;
-}
-/**
- * Get MIME type from file extension
- */
-function getMimeTypeFromExtension(extension) {
-    const mimeTypes = {
-        pdf: 'application/pdf',
-        doc: 'application/msword',
-        docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-        xls: 'application/vnd.ms-excel',
-        xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-        ppt: 'application/vnd.ms-powerpoint',
-        pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
-        txt: 'text/plain',
-        csv: 'text/csv',
-        json: 'application/json',
-        xml: 'application/xml',
-        html: 'text/html',
-        css: 'text/css',
-        js: 'application/javascript',
-        png: 'image/png',
-        jpg: 'image/jpeg',
-        jpeg: 'image/jpeg',
-        gif: 'image/gif',
-        svg: 'image/svg+xml',
-        webp: 'image/webp',
-        bmp: 'image/bmp',
-        tiff: 'image/tiff',
-        zip: 'application/zip',
-        rar: 'application/x-rar-compressed',
-        '7z': 'application/x-7z-compressed'
-    };
-    const ext = extension.trim().toLowerCase();
-    return mimeTypes[ext] || 'application/octet-stream';
-}
-/**
- * Download and create a File object from UdpDriveFile (downloads actual content)
- * Use this when you need the actual file content (e.g., for signature editing)
- */
-async function downloadFileFromUdpDriveFile(udpFile) {
-    try {
-        const downloadUrl = `${ConfigService.tenantV1ApiUrl}/UdpDrive/${udpFile.driveFileId}/stream`;
-        const response = await axios({
-            method: 'GET',
-            url: downloadUrl,
-            responseType: 'blob',
-            timeout: 300000,
-            headers: {}
-        });
-        const blob = response.data;
-        const fileName = udpFile.name || `file.${udpFile.extension}`;
-        return new File([blob], fileName, {
-            type: blob.type || getMimeTypeFromExtension(udpFile.extension),
-            lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()
-        });
-    }
-    catch (error) {
-        console.error('Error downloading file from UdpDriveFile:', error);
-        const fileName = udpFile.name || `file.${udpFile.extension}`;
-        return new File([''], fileName, { type: 'application/octet-stream' });
-    }
-}
-/**
- * Convert a string (URL or base64) to a File object
- */
-async function createFileFromString(fileString, defaultFileName = 'file') {
-    try {
-        if (fileString.startsWith('data:')) {
-            // Handle base64 data URLs
-            const response = await fetch(fileString);
-            const blob = await response.blob();
-            return new File([blob], defaultFileName, { type: blob.type });
-        }
-        else {
-            // Handle regular URLs
-            const response = await fetch(fileString);
-            const blob = await response.blob();
-            const fileName = fileString.split('/').pop() || defaultFileName;
-            return new File([blob], fileName, { type: blob.type });
-        }
-    }
-    catch (error) {
-        console.error('Error creating file from string:', error);
-        return new File([''], defaultFileName, { type: 'application/octet-stream' });
-    }
-}
-/**
- * Check if a string value is a file reference (contains | and udp: or b64:)
- */
-function isFileReference(value) {
-    return typeof value === 'string' && value.includes('|') && (value.includes('udp:') || value.includes('b64:'));
-}
-/**
- * Parse file references from the special format: "filename|udp:driveFileId" or "filename|b64:base64data"
- * Returns an array of File objects for use with input components
- */
-async function parseFileReferences(value) {
-    const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);
-    const files = [];
-    for (const reference of references) {
-        try {
-            const file = await parseFileReference(reference);
-            if (file) {
-                files.push(file);
-            }
-        }
-        catch (error) {
-            console.error('Error parsing file reference:', reference, error);
-        }
-    }
-    return files;
-}
-/**
- * Parse a single file reference from the format "filename|udp:driveFileId" or "filename|b64:base64data"
- * Returns a File object that can be used by input components
- */
-async function parseFileReference(reference) {
-    const parts = reference.split('|');
-    if (parts.length !== 2) {
-        console.warn('Invalid file reference format:', reference);
-        return null;
-    }
-    const [filename, dataRef] = parts;
-    if (dataRef.startsWith('udp:')) {
-        // Handle UDP Drive file reference - create placeholder File
-        const extension = filename.split('.').pop() || '';
-        const mimeType = getMimeTypeFromExtension(extension);
-        const placeholderBlob = new Blob([''], { type: mimeType });
-        const file = new File([placeholderBlob], filename, { type: mimeType });
-        // Add UDP-specific metadata as custom properties
-        file.driveFileId = dataRef.substring(4); // Remove 'udp:' prefix
-        file.extension = extension;
-        return file;
-    }
-    else if (dataRef.startsWith('b64:')) {
-        // Handle base64 encoded file - convert to actual File
-        const base64Data = dataRef.substring(4); // Remove 'b64:' prefix
-        const dataUrl = `data:application/octet-stream;base64,${base64Data}`;
-        try {
-            return await createFileFromString(dataUrl, filename);
-        }
-        catch (error) {
-            console.error('Error processing base64 file:', error);
-            return null;
-        }
-    }
-    console.warn('Unknown file reference format:', dataRef);
-    return null;
-}
-
-export { parseFileReference as a, isUdpDriveFile as b, createFileFromString as c, downloadFileFromUdpDriveFile as d, isFile as e, getMimeTypeFromExtension as g, isFileReference as i, parseFileReferences as p };
-//# sourceMappingURL=udp-drive-utils.js.map
-
-//# sourceMappingURL=udp-drive-utils.js.map
+import e from"axios";import{C as t}from"./configService.js";function n(e){return e&&"object"==typeof e&&"driveFileId"in e}function i(e){return e instanceof File}function a(e){return{pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",bmp:"image/bmp",tiff:"image/tiff",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"}[e.trim().toLowerCase()]||"application/octet-stream"}async function o(n){try{const i=`${t.tenantV1ApiUrl}/UdpDrive/${n.driveFileId}/stream`,o=(await e({method:"GET",url:i,responseType:"blob",timeout:3e5,headers:{}})).data,r=n.name||`file.${n.extension}`;return new File([o],r,{type:o.type||a(n.extension),lastModified:n.lastUpdated?new Date(n.lastUpdated).getTime():Date.now()})}catch(e){return console.error("Error downloading file from UdpDriveFile:",e),new File([""],n.name||`file.${n.extension}`,{type:"application/octet-stream"})}}async function r(e,t="file"){try{if(e.startsWith("data:")){const n=await fetch(e),i=await n.blob();return new File([i],t,{type:i.type})}{const n=await fetch(e),i=await n.blob(),a=e.split("/").pop()||t;return new File([i],a,{type:i.type})}}catch(e){return console.error("Error creating file from string:",e),new File([""],t,{type:"application/octet-stream"})}}function c(e){return"string"==typeof e&&e.includes("|")&&(e.includes("udp:")||e.includes("b64:"))}async function p(e){const t=e.split(",").map((e=>e.trim())).filter((e=>e)),n=[];for(const e of t)try{const t=await s(e);t&&n.push(t)}catch(t){console.error("Error parsing file reference:",e,t)}return n}async function s(e){const t=e.split("|");if(2!==t.length)return console.warn("Invalid file reference format:",e),null;const[n,i]=t;if(i.startsWith("udp:")){const e=n.split(".").pop()||"",t=a(e),o=new Blob([""],{type:t}),r=new File([o],n,{type:t});return r.driveFileId=i.substring(4),r.extension=e,r}if(i.startsWith("b64:")){const e=`data:application/octet-stream;base64,${i.substring(4)}`;try{return await r(e,n)}catch(e){return console.error("Error processing base64 file:",e),null}}return console.warn("Unknown file reference format:",i),null}export{s as a,n as b,r as c,o as d,i as e,a as g,c as i,p}

package/dist/components/udp-dynamic-container-with-menu.js

@@ -1,9 +1 @@
-import { D as DynamicContainerWithMenu, d as defineCustomElement$1 } from './udp-dynamic-container-with-menu2.js';
-
-const UdpDynamicContainerWithMenu = DynamicContainerWithMenu;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpDynamicContainerWithMenu, defineCustomElement };
-//# sourceMappingURL=udp-dynamic-container-with-menu.js.map
-
-//# sourceMappingURL=udp-dynamic-container-with-menu.js.map
+import{D as n,d as o}from"./udp-dynamic-container-with-menu2.js";const t=n,a=o;export{t as UdpDynamicContainerWithMenu,a as defineCustomElement}

package/dist/components/udp-dynamic-container-with-menu2.js

@@ -1,181 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as defineCustomElement$3 } from './stencil-chip2.js';
-import { d as defineCustomElement$2 } from './udp-pop-over2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpDynamicContainerWithMenuCss = ".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";
-
-//import Menu16 from '@carbon/icons/es/menu/16';
-function debounce(func, wait) {
-    let timeout = null;
-    return (...args) => {
-        if (timeout) {
-            clearTimeout(timeout);
-        }
-        timeout = setTimeout(() => {
-            func(...args);
-        }, wait);
-    };
-}
-const DynamicContainerWithMenu = /*@__PURE__*/ proxyCustomElement(class DynamicContainerWithMenu extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.udpChipClicked = createEvent(this, "udpChipClicked");
-        this.visibleChildren = null;
-        this.menuChildren = [];
-        this.anchorEl = null;
-        this.containerWidth = 0;
-        this.rerender = 0;
-        this.renderReady = false; // a flag to indicate readiness to render
-        this.popoverOpen = false;
-        this.externalToggle = '';
-        this.menuItems = []; // renamed from children
-        this.open = false;
-        this.id = '';
-        // handlePopoverClick(event?: Event) {
-        //   if (!event) return;
-        //   this.anchorEl = event.target as HTMLElement;
-        //   this.open = Boolean(this.anchorEl);
-        //   this.id = this.open ? 'simple-popover' : undefined;
-        // }
-        // handlePopoverClose() {
-        //   this.anchorEl = null;
-        //   this.open = false;
-        // }
-        this.handlePopover = () => {
-            this.popoverOpen = !this.popoverOpen;
-        };
-        this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);
-    }
-    // Was causing a loop when connected to the api
-    // connectedCallback() {
-    //   this.calculateChildren();
-    // }
-    componentWillLoad() {
-        // This lifecycle hook will be called before the first render,
-        // ensuring calculateChildren is called before the component renders
-        // this.calculateChildren();
-    }
-    componentWillUpdate() {
-        // This lifecycle hook will be called before every update (re-render),
-        // ensuring calculateChildren is called before the component re-renders
-        // this.calculateChildren();
-    }
-    async calculateChildren() {
-        if (!this.el.shadowRoot)
-            return;
-        console.log('Calculating children...');
-        console.log('Menu Items:', JSON.stringify(this.menuItems));
-        const container = this.el.shadowRoot.querySelector('.container');
-        console.log('Container:', container);
-        if (container) {
-            this.containerWidth = container.offsetWidth;
-            console.log('Container Width:', this.containerWidth);
-        }
-        let currentWidth = 0;
-        const newVisibleChildren = [];
-        const newMenuChildren = [];
-        this.menuItems.forEach((child) => {
-            var _a;
-            if (child) {
-                const childWidth = ((_a = child.props) === null || _a === void 0 ? void 0 : _a.width) || 100;
-                // console.log(`Child[${index}] Width:`, childWidth);
-                if (currentWidth + childWidth <= this.containerWidth) {
-                    currentWidth += childWidth;
-                    newVisibleChildren.push(child);
-                }
-                else {
-                    newMenuChildren.push(child);
-                }
-            }
-        });
-        this.visibleChildren = [...newVisibleChildren];
-        this.menuChildren = [...newMenuChildren];
-        this.rerender += 1;
-    }
-    childrenChanged() {
-        this.calculateChildren();
-    }
-    async componentDidLoad() {
-        // Existing logic
-        await this.calculateChildren().then(() => {
-            this.renderReady = true; // set the flag to true after calculating
-        });
-        window.addEventListener('resize', this.boundCalculateChildren);
-        // New logic for listening to stencil-chip click events
-        const chips = Array.from(document.querySelectorAll('stencil-chip'));
-        chips.forEach(chip => {
-            chip.addEventListener('chipClicked', (event) => {
-                // Forward this data to the upper-level parent
-                const chipText = event.detail;
-                this.handleChipClick(chipText);
-            });
-        });
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.boundCalculateChildren);
-    }
-    // handleChipClick = (event: CustomEvent) => {
-    //   const chipLabel = event.detail;
-    // }
-    handleChipClick(chipText) {
-        this.udpChipClicked.emit(chipText);
-    }
-    render() {
-        return (h("div", { key: 'd3b85167e305ff00316a8265754e1c686e842371', class: "container" }, h("div", { key: 'bf3a7eb21bf2949608a6194919d609640c1ed660', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '9287bc50db941f86f99c714f880c5159b6a19bb6', class: "overflow" }, h("udp-pop-over", { key: '85b2124352e62a633fcbc2ad187f51b76d533ccc', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '005d1f2bd4bdbdf7e42c50cb00ac11a750555beb', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "menuItems": ["childrenChanged"]
-    }; }
-    static get style() { return udpDynamicContainerWithMenuCss; }
-}, [257, "udp-dynamic-container-with-menu", {
-        "externalToggle": [1, "external-toggle"],
-        "menuItems": [16],
-        "visibleChildren": [32],
-        "menuChildren": [32],
-        "anchorEl": [32],
-        "rerender": [32],
-        "renderReady": [32],
-        "popoverOpen": [32],
-        "calculateChildren": [64]
-    }, undefined, {
-        "menuItems": ["childrenChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-dynamic-container-with-menu", "stencil-chip", "udp-pop-over", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-dynamic-container-with-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DynamicContainerWithMenu);
-            }
-            break;
-        case "stencil-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DynamicContainerWithMenu as D, defineCustomElement as d };
-//# sourceMappingURL=udp-dynamic-container-with-menu2.js.map
-
-//# sourceMappingURL=udp-dynamic-container-with-menu2.js.map
+import{p as e,H as t,c as i,h as s,t as n}from"./index2.js";import{d as c}from"./stencil-chip2.js";import{d as o}from"./udp-pop-over2.js";import{d as a}from"./unity-typography2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.udpChipClicked=i(this,"udpChipClicked"),this.visibleChildren=null,this.menuChildren=[],this.anchorEl=null,this.containerWidth=0,this.rerender=0,this.renderReady=!1,this.popoverOpen=!1,this.externalToggle="",this.menuItems=[],this.open=!1,this.id="",this.handlePopover=()=>{this.popoverOpen=!this.popoverOpen},this.boundCalculateChildren=function(e){let t=null;return(...i)=>{t&&clearTimeout(t),t=setTimeout((()=>{e(...i)}),300)}}(this.calculateChildren.bind(this))}componentWillLoad(){}componentWillUpdate(){}async calculateChildren(){if(!this.el.shadowRoot)return;console.log("Calculating children..."),console.log("Menu Items:",JSON.stringify(this.menuItems));const e=this.el.shadowRoot.querySelector(".container");console.log("Container:",e),e&&(this.containerWidth=e.offsetWidth,console.log("Container Width:",this.containerWidth));let t=0;const i=[],s=[];this.menuItems.forEach((e=>{var n;if(e){const c=(null===(n=e.props)||void 0===n?void 0:n.width)||100;t+c<=this.containerWidth?(t+=c,i.push(e)):s.push(e)}})),this.visibleChildren=[...i],this.menuChildren=[...s],this.rerender+=1}childrenChanged(){this.calculateChildren()}async componentDidLoad(){await this.calculateChildren().then((()=>{this.renderReady=!0})),window.addEventListener("resize",this.boundCalculateChildren),Array.from(document.querySelectorAll("stencil-chip")).forEach((e=>{e.addEventListener("chipClicked",(e=>{this.handleChipClick(e.detail)}))}))}disconnectedCallback(){window.removeEventListener("resize",this.boundCalculateChildren)}handleChipClick(e){this.udpChipClicked.emit(e)}render(){return s("div",{key:"f09bf517019dc24f5a721b4c8be5856eb0b457ac",class:"container"},s("div",{key:"6881c4b03240b798a2377957131d824a6086f2a0",class:"chips"},console.log("Received data for chips via executeQwith",this.visibleChildren),this.visibleChildren&&this.visibleChildren.map(((e,t)=>s("stencil-chip",{color:"secondary",key:t,text:e.description,"show-delete":"false",externalToggleString:this.externalToggle})))),s("div",{key:"039f9472b7beb854f632859ba4c4718bea5a05c8",class:"overflow"},s("udp-pop-over",{key:"358e339b4e83af974cd5470a593638becac83754",isOpen:this.popoverOpen,anchorElement:document.getElementById("anchorElement")},s("div",{key:"ec28e9f5ad344f13d319da7576188200044c60f5",class:"menu"},this.menuChildren&&this.menuChildren.map(((e,t)=>s("stencil-chip",{key:t,text:e.label,"show-delete":"false"}," ")))))))}get el(){return this}static get watchers(){return{menuItems:[{childrenChanged:0}]}}static get style(){return".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}"}},[1,"udp-dynamic-container-with-menu",{externalToggle:[1,"external-toggle"],menuItems:[16],visibleChildren:[32],menuChildren:[32],anchorEl:[32],rerender:[32],renderReady:[32],popoverOpen:[32],calculateChildren:[64]},void 0,{menuItems:[{childrenChanged:0}]}]);function h(){"undefined"!=typeof customElements&&["udp-dynamic-container-with-menu","stencil-chip","udp-pop-over","unity-typography"].forEach((e=>{switch(e){case"udp-dynamic-container-with-menu":customElements.get(n(e))||customElements.define(n(e),l);break;case"stencil-chip":customElements.get(n(e))||c();break;case"udp-pop-over":customElements.get(n(e))||o();break;case"unity-typography":customElements.get(n(e))||a()}}))}export{l as D,h as d}