udp-stencil-component-library 25.18.2-beta.1 → 25.18.2-beta.11

package/dist/components/signature-renderer2.js

@@ -1,62 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './stencil-toggle2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const signatureRendererCss = ".signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";
-
-const SignatureRenderer = /*@__PURE__*/ proxyCustomElement(class SignatureRenderer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        var _a;
-        return (h("div", { key: '1c09959d457649925297f700dcd0833c9edd9310', class: "signature-input-container" }, h("div", { key: '58ddb6ff3564c6804f3c1aa225b7768d2ecd5fe4' }, h("stencil-toggle", { key: '20bda659903c4ad007a8882dff08b4c552ba0648', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
-                if (this.isViewOnly)
-                    return;
-                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
-                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'includeLocation');
-                this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))));
-    }
-    static get style() { return signatureRendererCss; }
-}, [257, "signature-renderer", {
-        "question": [16],
-        "isViewOnly": [4, "is-view-only"],
-        "formSectionsDraft": [16],
-        "sIndex": [2, "s-index"],
-        "qIndex": [2, "q-index"],
-        "onFormSectionsDraftChange": [16],
-        "getHandler": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["signature-renderer", "stencil-toggle", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "signature-renderer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SignatureRenderer);
-            }
-            break;
-        case "stencil-toggle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SignatureRenderer as S, defineCustomElement as d };
-//# sourceMappingURL=signature-renderer2.js.map
-
-//# sourceMappingURL=signature-renderer2.js.map
+import{p as e,H as t,h as s,t as n}from"./index2.js";import{d as i}from"./stencil-toggle2.js";import{d as o}from"./unity-typography2.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e;return s("div",{key:"6504d5b164d906b95d0083f9433fe55e86a2ca1e",class:"signature-input-container"},s("div",{key:"0f3df9cef903445e1aea241d76fb14f7860a83cf"},s("stencil-toggle",{key:"30326792d5f66c154c9e1b4b1ba0e64101a28565",label:"Include Location",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.includeLocation),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"includeLocation");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".signature-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}"}},[1,"signature-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function a(){"undefined"!=typeof customElements&&["signature-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"signature-renderer":customElements.get(n(e))||customElements.define(n(e),r);break;case"stencil-toggle":customElements.get(n(e))||i();break;case"unity-typography":customElements.get(n(e))||o()}}))}export{r as S,a as d}

package/dist/components/simple-card.js

@@ -1,38 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const simpleCardCss = ".card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);padding:20px;background-color:#fff;}.card h2{font-size:1.5rem;margin-top:0}.card p{margin-bottom:0}";
-
-const SimpleCard$1 = /*@__PURE__*/ proxyCustomElement(class SimpleCard extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: 'afab0a6cf950ab2c87c13dec3904b848b4ee82d6', class: "card" }, h("slot", { key: 'ae63a021e19bf6da5bf1b5ef64ff7403690131f3' })));
-    }
-    static get style() { return simpleCardCss; }
-}, [257, "simple-card"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["simple-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "simple-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SimpleCard$1);
-            }
-            break;
-    } });
-}
-
-const SimpleCard = SimpleCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SimpleCard, defineCustomElement };
-//# sourceMappingURL=simple-card.js.map
-
-//# sourceMappingURL=simple-card.js.map
+import{p as e,H as r,h as s,t}from"./index2.js";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"afab0a6cf950ab2c87c13dec3904b848b4ee82d6",class:"card"},s("slot",{key:"ae63a021e19bf6da5bf1b5ef64ff7403690131f3"}))}static get style(){return".card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);padding:20px;background-color:#fff;}.card h2{font-size:1.5rem;margin-top:0}.card p{margin-bottom:0}"}},[257,"simple-card"]),c=a,d=function(){"undefined"!=typeof customElements&&["simple-card"].forEach((e=>{"simple-card"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))};export{c as SimpleCard,d as defineCustomElement}

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

@@ -1,9 +1 @@
-import { S as SplitLinePopup$1, d as defineCustomElement$1 } from './split-line-popup2.js';
-
-const SplitLinePopup = SplitLinePopup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SplitLinePopup, defineCustomElement };
-//# sourceMappingURL=split-line-popup.js.map
-
-//# sourceMappingURL=split-line-popup.js.map
+import{S as p,d as o}from"./split-line-popup2.js";const s=p,t=o;export{s as SplitLinePopup,t as defineCustomElement}

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

@@ -1,61 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-selector2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
-
-const SplitLinePopup = /*@__PURE__*/ proxyCustomElement(class SplitLinePopup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.vectorLayerOptions = [];
-        this.selectedLayer = null;
-    }
-    render() {
-        var _a;
-        return (h("div", { key: 'c7c9c9ac542f5d5d877ddfe3bdd94ae79fc0a297', class: "popoverContent" }, h("udp-selector", { key: 'c0fde2302909cbc8a16c61c4cf14d0ce95c9b9c6', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
-                return {
-                    label: layer,
-                    value: layer,
-                };
-            })) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
-                this.handleStartSplitting(e.detail);
-            }, large: false })));
-    }
-    static get style() { return mapPopupCss; }
-}, [257, "split-line-popup", {
-        "vectorLayerOptions": [16],
-        "handleStartSplitting": [8, "handle-start-splitting"],
-        "selectedLayer": [8, "selected-layer"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["split-line-popup", "udp-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "split-line-popup":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SplitLinePopup);
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SplitLinePopup as S, defineCustomElement as d };
-//# sourceMappingURL=split-line-popup2.js.map
-
-//# sourceMappingURL=split-line-popup2.js.map
+import{p as e,H as t,h as a,t as n}from"./index2.js";import{d as o}from"./udp-selector2.js";import{d as s}from"./unity-typography2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.vectorLayerOptions=[],this.selectedLayer=null}render(){var e;return a("div",{key:"ce86398b51365a3637968d8a9f30c5eb6b0bf83a",class:"popoverContent"},a("udp-selector",{key:"23b9668c84d57700c103e2ffe83af2b10534ee18",id:"layer",options:null!==(e=this.vectorLayerOptions.map((e=>({label:e,value:e}))))&&void 0!==e?e:[],initialValue:this.selectedLayer,label:"Layer",onChange:e=>{this.handleStartSplitting(e.detail)},large:!1}))}static get style(){return".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}"}},[1,"split-line-popup",{vectorLayerOptions:[16],handleStartSplitting:[8,"handle-start-splitting"],selectedLayer:[8,"selected-layer"]}]);function i(){"undefined"!=typeof customElements&&["split-line-popup","udp-selector","unity-typography"].forEach((e=>{switch(e){case"split-line-popup":customElements.get(n(e))||customElements.define(n(e),l);break;case"udp-selector":customElements.get(n(e))||o();break;case"unity-typography":customElements.get(n(e))||s()}}))}export{l as S,i as d}

package/dist/components/status-chip.js

@@ -1,9 +1 @@
-import { S as StatusChip$1, d as defineCustomElement$1 } from './status-chip2.js';
-
-const StatusChip = StatusChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { StatusChip, defineCustomElement };
-//# sourceMappingURL=status-chip.js.map
-
-//# sourceMappingURL=status-chip.js.map
+import{S as s,d as t}from"./status-chip2.js";const o=s,a=t;export{o as StatusChip,a as defineCustomElement}

package/dist/components/status-chip2.js

@@ -1,57 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const statusChipCss = ".chip{padding:0.3em 1em;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s, color 0.3s;max-width:100%;max-height:100%}.success{background-color:#4caf50;color:white}.warning{background-color:#ffeb3b;color:#212121;}.error{background-color:#f44336;color:white}.info{background-color:rgb(52, 120, 176);color:white}.default{background-color:rgb(207, 207, 207);color:black;}.dense{padding-top:0;padding-bottom:0}p{margin-top:0;margin-bottom:0}";
-
-const StatusChip = /*@__PURE__*/ proxyCustomElement(class StatusChip extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        // Define a mapping of possible status values to CSS classes
-        this.statusClasses = {};
-        this.dense = false;
-    }
-    // Watch for changes in statusValue
-    statusValueWatcher(newValue) {
-        const valueKey = typeof newValue === 'boolean' ? newValue.toString() : newValue;
-        this.internalStatusClass = this.statusClasses && this.statusClasses[valueKey] ? this.statusClasses[valueKey] : 'default';
-    }
-    // Initial call to set the status based on the initial statusValue
-    componentWillLoad() {
-        this.statusValueWatcher(this.statusValue);
-    }
-    render() {
-        return (h("div", { key: 'a2d9e2297fb59057959fd96792d6c445f927c38a', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: '0f89fbc379edad1146c2fc795cfb43e1c5bb8370' }, h("slot", { key: '352a31bc1dd2af5e8458cbe47474c16ab3fe2332' }), " ")));
-    }
-    static get watchers() { return {
-        "statusValue": ["statusValueWatcher"]
-    }; }
-    static get style() { return statusChipCss; }
-}, [257, "status-chip", {
-        "statusValue": [8, "status-value"],
-        "statusClasses": [16],
-        "dense": [4],
-        "internalStatusClass": [32]
-    }, undefined, {
-        "statusValue": ["statusValueWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["status-chip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "status-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, StatusChip);
-            }
-            break;
-    } });
-}
-
-export { StatusChip as S, defineCustomElement as d };
-//# sourceMappingURL=status-chip2.js.map
-
-//# sourceMappingURL=status-chip2.js.map
+import{p as t,H as s,h as e,t as a}from"./index2.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.statusClasses={},this.dense=!1}statusValueWatcher(t){const s="boolean"==typeof t?t.toString():t;this.internalStatusClass=this.statusClasses&&this.statusClasses[s]?this.statusClasses[s]:"default"}componentWillLoad(){this.statusValueWatcher(this.statusValue)}render(){return e("div",{key:"a2d9e2297fb59057959fd96792d6c445f927c38a",class:`chip ${this.internalStatusClass} ${this.dense?"dense":""}`},e("p",{key:"0f89fbc379edad1146c2fc795cfb43e1c5bb8370"},e("slot",{key:"352a31bc1dd2af5e8458cbe47474c16ab3fe2332"})," "))}static get watchers(){return{statusValue:[{statusValueWatcher:0}]}}static get style(){return".chip{padding:0.3em 1em;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.3s, color 0.3s;max-width:100%;max-height:100%}.success{background-color:#4caf50;color:white}.warning{background-color:#ffeb3b;color:#212121;}.error{background-color:#f44336;color:white}.info{background-color:rgb(52, 120, 176);color:white}.default{background-color:rgb(207, 207, 207);color:black;}.dense{padding-top:0;padding-bottom:0}p{margin-top:0;margin-bottom:0}"}},[257,"status-chip",{statusValue:[8,"status-value"],statusClasses:[16],dense:[4],internalStatusClass:[32]},void 0,{statusValue:[{statusValueWatcher:0}]}]);function c(){"undefined"!=typeof customElements&&["status-chip"].forEach((t=>{"status-chip"===t&&(customElements.get(a(t))||customElements.define(a(t),o))}))}export{o as S,c as d}

package/dist/components/status-renderer.js

@@ -1,288 +1 @@
-import { g as getIconFromName } from './udp-icon2.js';
-
-class ActionsRenderer {
-    constructor() {
-        this.actionList = [];
-    }
-    init(params) {
-        this.eGui = document.createElement('div');
-        this.eGui.style.cssText = `display: flex;
-      width: 100%;
-      gap: 4px;
-      justify-content: start;
-      align-items: center;
-      margin-top: 4px;
-    `;
-        if ((params === null || params === void 0 ? void 0 : params.hideActions) && (params === null || params === void 0 ? void 0 : params.hideActions(params === null || params === void 0 ? void 0 : params.node))) {
-            return;
-        }
-        this.actionList = (params === null || params === void 0 ? void 0 : params.actionList) || [];
-        const maxVisibleActions = 5;
-        //Filter actionsList so that only visible actions are in list using visibleAction() or visible
-        // since visibleAction() and visible are optional props returning true as default
-        this.actionList = this.actionList.filter(action => {
-            var _a;
-            return (action === null || action === void 0 ? void 0 : action.visibleAction) ? action.visibleAction(params.node) : (_a = action === null || action === void 0 ? void 0 : action.visible) !== null && _a !== void 0 ? _a : true;
-        });
-        if (this.actionList.length <= maxVisibleActions) {
-            // --- RENDER ALL ACTIONS AS BUTTONS ---
-            this.actionList.forEach(action => {
-                const button = this.createIconButton(action, params);
-                this.eGui.appendChild(button);
-            });
-        }
-        else {
-            // --- RENDER FIRST 4 ACTIONS + A "MORE" MENU ---
-            const visibleActions = this.actionList.slice(0, maxVisibleActions - 1);
-            const hiddenActions = this.actionList.slice(maxVisibleActions - 1);
-            // Create buttons for the visible actions
-            visibleActions.forEach(action => {
-                const button = this.createIconButton(action, params);
-                this.eGui.appendChild(button);
-            });
-            // Create the "more" button and the menu for hidden actions
-            const moreButton = document.createElement('udp-icon-button');
-            const menu = document.createElement('udp-menu');
-            // Configure the "more" button
-            moreButton.icon = getIconFromName('overflowMenuVertical');
-            moreButton.tooltip = 'More actions';
-            moreButton.size = 'small';
-            moreButton.onclick = e => {
-                e.stopPropagation();
-                menu.open = !menu.open;
-            };
-            // Configure the menu
-            menu.anchor = moreButton;
-            menu.handleClose = () => (menu.open = false);
-            // Create and add menu items for the hidden actions
-            hiddenActions.forEach(action => {
-                const menuItem = this.createMenuItem(action, params);
-                // When an item is clicked, perform the action and close the menu
-                menuItem.addEventListener('itemClick', e => {
-                    action.handleOnClick(e, params.node);
-                    menu.open = false;
-                });
-                menu.appendChild(menuItem);
-            });
-            this.eGui.appendChild(moreButton);
-            this.eGui.appendChild(menu);
-        }
-    }
-    // Helper function to create a configured icon button
-    createIconButton(action, params) {
-        var _a;
-        const disabledAction = (action === null || action === void 0 ? void 0 : action.checkDisabled)
-            ? action.checkDisabled(params.node)
-            : (_a = action.disabled) !== null && _a !== void 0 ? _a : false;
-        const actionTitle = (action === null || action === void 0 ? void 0 : action.getTitle) ? action.getTitle(params.node) : action.title;
-        const actionButton = document.createElement('udp-icon-button');
-        actionButton.buttonId = action.id.toString();
-        actionButton.icon = (action === null || action === void 0 ? void 0 : action.getIconName)
-            ? getIconFromName(action.getIconName(params.node))
-            : getIconFromName(action.iconName);
-        actionButton.tooltip = actionTitle;
-        actionButton.disabled = disabledAction;
-        actionButton.size = 'small';
-        actionButton.onclick = e => {
-            e.stopPropagation();
-            action.handleOnClick(e, params.node);
-        };
-        return actionButton;
-    }
-    // Helper function to create a configured menu item
-    createMenuItem(action, params) {
-        var _a;
-        const disabledAction = (action === null || action === void 0 ? void 0 : action.checkDisabled)
-            ? action.checkDisabled(params.node)
-            : (_a = action.disabled) !== null && _a !== void 0 ? _a : false;
-        const actionTitle = (action === null || action === void 0 ? void 0 : action.getTitle) ? action.getTitle(params.node) : action.title;
-        const menuItem = document.createElement('udp-menu-item');
-        menuItem.label = actionTitle;
-        menuItem.iconName = (action === null || action === void 0 ? void 0 : action.getIconName) ? action.getIconName(params.node) : action.iconName;
-        menuItem.disabled = disabledAction;
-        return menuItem;
-    }
-    getGui() {
-        return this.eGui;
-    }
-    refresh() {
-        return true;
-    }
-}
-
-/**
- * Note: This cell renderer is fine to use, however for best performance it is recommended to use a valueFormatter
- * on the column Definition instead
- */
-function fortmatCurrency(value, currency = 'USD', locales = 'en-US', minimumFractionDigits = 2, maximumFractionDigits = 3) {
-    const valueOrNull = value !== null && value !== void 0 ? value : null;
-    return !!valueOrNull
-        ? new Intl.NumberFormat(locales, {
-            style: 'currency',
-            currency: currency,
-            minimumFractionDigits: minimumFractionDigits,
-            maximumFractionDigits: maximumFractionDigits,
-        }).format(valueOrNull)
-        : '';
-}
-class CurrencyRenderer {
-    init(params) {
-        this.eGui = document.createElement('div');
-        const formattedCurrency = fortmatCurrency(params === null || params === void 0 ? void 0 : params.value, params === null || params === void 0 ? void 0 : params.currency, params === null || params === void 0 ? void 0 : params.locales, params === null || params === void 0 ? void 0 : params.minimumFractionDigits, params === null || params === void 0 ? void 0 : params.maximumFractionDigits);
-        this.eGui.innerHTML = formattedCurrency;
-    }
-    getGui() {
-        return this.eGui;
-    }
-    refresh() {
-        return true;
-    }
-}
-
-class DateTimeCellRenderer {
-    constructor() {
-        this.formatMode = 'exact'; // Default to 'relative'
-        this.locale = 'UK'; // Default locale
-        this.timezone = ''; // default to nothing in case we take date as is
-    }
-    init(params) {
-        this.eGui = document.createElement('div');
-        this.formatMode = params.formatMode || this.formatMode;
-        this.locale = params.locale || this.locale;
-        this.timezone = params.timezone || '';
-        // If we are grouping by row and value is null we want to hide the cell
-        if (params.node.group && !params.value) {
-            this.eGui.style.display = 'none';
-        }
-        else {
-            const formattedDate = this.formatDate(params.value);
-            this.eGui.innerHTML = `${formattedDate}`;
-        }
-        this.applyStyles();
-    }
-    formatDate(dateString) {
-        if (!dateString)
-            return '';
-        const locale = this.locale === 'UK' ? 'en-GB' : 'en-US';
-        const includeTime = this.formatMode === 'exact-with-time';
-        const options = {
-            day: '2-digit',
-            month: '2-digit',
-            year: 'numeric',
-        };
-        if (includeTime) {
-            options.hour = '2-digit';
-            options.minute = '2-digit';
-            options.hour12 = true;
-        }
-        const hasTimeZone = /([zZ]|[+\-]\d{2}:\d{2})$/.test(dateString);
-        const date = new Date(hasTimeZone ? dateString : dateString + 'Z');
-        if (!this.timezone) {
-            // No timezone - display in UTC
-            options.timeZone = 'UTC';
-        }
-        else if (this.timezone !== 'local') {
-            // Specific timezone (e.g., 'America/New_York')
-            options.timeZone = this.timezone;
-        }
-        const formatter = new Intl.DateTimeFormat(locale, options);
-        return formatter.format(date);
-    }
-    refresh(params) {
-        console.log('Renderer refresh called.'); // Check if refresh is called
-        if (params.formatMode && params.formatMode !== this.formatMode) {
-            this.formatMode = params.formatMode;
-        }
-        if (params.locale && params.locale !== this.locale) {
-            this.locale = params.locale;
-        }
-        const formattedDate = this.formatDate(params.value);
-        this.eGui.innerHTML = `${formattedDate}`;
-        return true;
-    }
-    applyStyles() {
-        // this.eGui.style.padding = '8px';
-        this.eGui.style.textAlign = 'left';
-        this.eGui.style.cursor = 'default';
-    }
-    getGui() {
-        return this.eGui;
-    }
-    destroy() {
-        // Optionally, clean up any added listeners, etc.
-    }
-}
-
-class IconRenderer {
-    constructor() {
-        this.iconMappingConfig = {};
-    }
-    init(params) {
-        var _a, _b, _c, _d, _e;
-        this.eGui = document.createElement('div');
-        this.eGui.style.cssText = `display: flex;
-    width: 100%;
-    height: 100%;
-    gap: 8px;
-    justify-content: start;
-    align-items: center;
-  `;
-        if (params === null || params === void 0 ? void 0 : params.iconMappingConfig) {
-            this.iconMappingConfig = params === null || params === void 0 ? void 0 : params.iconMappingConfig;
-        }
-        const icon = document.createElement('udp-icon');
-        icon.iconType = (_a = this.iconMappingConfig[params.value]) === null || _a === void 0 ? void 0 : _a.iconType;
-        icon.iconName = (_b = this.iconMappingConfig[params.value]) === null || _b === void 0 ? void 0 : _b.iconName;
-        icon.color = (_c = this.iconMappingConfig[params.value]) === null || _c === void 0 ? void 0 : _c.color;
-        this.eGui.appendChild(icon);
-        if ((_d = this.iconMappingConfig[params.value]) === null || _d === void 0 ? void 0 : _d.label) {
-            const text = document.createElement('p');
-            text.innerHTML = (_e = this.iconMappingConfig[params.value]) === null || _e === void 0 ? void 0 : _e.label;
-            text.style.cssText = 'margin: 0px';
-            this.eGui.appendChild(text);
-        }
-    }
-    getGui() {
-        return this.eGui;
-    }
-    refresh() {
-        return true;
-    }
-}
-
-class StatusRenderer {
-    constructor() {
-        this.statusMappingClasses = {
-            error: 'error',
-            warning: 'warning',
-            success: 'success',
-            info: 'info',
-        };
-    }
-    init(params) {
-        this.eGui = document.createElement('div');
-        if ((params === null || params === void 0 ? void 0 : params.statusMappingConfig) !== null) {
-            this.statusMappingClasses = params === null || params === void 0 ? void 0 : params.statusMappingConfig;
-        }
-        const statusChip = document.createElement('udp-chip');
-        const currentValue = (params === null || params === void 0 ? void 0 : params.getStatusValue) !== null ? params === null || params === void 0 ? void 0 : params.getStatusValue(params === null || params === void 0 ? void 0 : params.node) : params.value;
-        statusChip.label = currentValue;
-        statusChip.variant = 'outlined';
-        statusChip.size = 'small';
-        statusChip.color = this.statusMappingClasses[currentValue];
-        statusChip.innerHTML = currentValue;
-        this.eGui.appendChild(statusChip);
-        params.setTooltip(currentValue, () => this.eGui.scrollWidth > this.eGui.clientWidth);
-    }
-    getGui() {
-        return this.eGui;
-    }
-    refresh() {
-        return true;
-    }
-}
-
-export { ActionsRenderer as A, CurrencyRenderer as C, DateTimeCellRenderer as D, IconRenderer as I, StatusRenderer as S };
-//# sourceMappingURL=status-renderer.js.map
-
-//# sourceMappingURL=status-renderer.js.map
+import{g as t}from"./udp-icon2.js";class i{constructor(){this.actionList=[]}init(i){if(this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex;\n      width: 100%;\n      gap: 4px;\n      justify-content: start;\n      align-items: center;\n      margin-top: 4px;\n    ",!(null==i?void 0:i.hideActions)||!(null==i?void 0:i.hideActions(null==i?void 0:i.node)))if(this.actionList=(null==i?void 0:i.actionList)||[],this.actionList=this.actionList.filter((t=>{var n;return(null==t?void 0:t.visibleAction)?t.visibleAction(i.node):null===(n=null==t?void 0:t.visible)||void 0===n||n})),this.actionList.length<=5)this.actionList.forEach((t=>{const n=this.createIconButton(t,i);this.eGui.appendChild(n)}));else{const n=this.actionList.slice(0,4),s=this.actionList.slice(4);n.forEach((t=>{const n=this.createIconButton(t,i);this.eGui.appendChild(n)}));const l=document.createElement("udp-icon-button"),e=document.createElement("udp-menu");l.icon=t("overflowMenuVertical"),l.tooltip="More actions",l.size="small",l.onclick=t=>{t.stopPropagation(),e.open=!e.open},e.anchor=l,e.handleClose=()=>e.open=!1,s.forEach((t=>{const n=this.createMenuItem(t,i);n.addEventListener("itemClick",(n=>{t.handleOnClick(n,i.node),e.open=!1})),e.appendChild(n)})),this.eGui.appendChild(l),this.eGui.appendChild(e)}}createIconButton(i,n){var s;const l=(null==i?void 0:i.checkDisabled)?i.checkDisabled(n.node):null!==(s=i.disabled)&&void 0!==s&&s,e=(null==i?void 0:i.getTitle)?i.getTitle(n.node):i.title,o=document.createElement("udp-icon-button");return o.buttonId=i.id.toString(),o.icon=t((null==i?void 0:i.getIconName)?i.getIconName(n.node):i.iconName),o.tooltip=e,o.disabled=l,o.size="small",o.onclick=t=>{t.stopPropagation(),i.handleOnClick(t,n.node)},o}createMenuItem(t,i){var n;const s=(null==t?void 0:t.checkDisabled)?t.checkDisabled(i.node):null!==(n=t.disabled)&&void 0!==n&&n,l=(null==t?void 0:t.getTitle)?t.getTitle(i.node):t.title,e=document.createElement("udp-menu-item");return e.label=l,e.iconName=(null==t?void 0:t.getIconName)?t.getIconName(i.node):t.iconName,e.disabled=s,e}getGui(){return this.eGui}refresh(){return!0}}class n{init(t){this.eGui=document.createElement("div");const i=function(t,i="USD",n="en-US",s=2,l=3){const e=null!=t?t:null;return e?new Intl.NumberFormat(n,{style:"currency",currency:i,minimumFractionDigits:s,maximumFractionDigits:l}).format(e):""}(null==t?void 0:t.value,null==t?void 0:t.currency,null==t?void 0:t.locales,null==t?void 0:t.minimumFractionDigits,null==t?void 0:t.maximumFractionDigits);this.eGui.innerHTML=i}getGui(){return this.eGui}refresh(){return!0}}class s{constructor(){this.formatMode="exact",this.locale="UK",this.timezone=""}init(t){if(this.eGui=document.createElement("div"),this.formatMode=t.formatMode||this.formatMode,this.locale=t.locale||this.locale,this.timezone=t.timezone||"",t.node.group&&!t.value)this.eGui.style.display="none";else{const i=this.formatDate(t.value);this.eGui.innerHTML=`${i}`}this.applyStyles()}formatDate(t){if(!t)return"";const i="UK"===this.locale?"en-GB":"en-US",n={day:"2-digit",month:"2-digit",year:"numeric"};"exact-with-time"===this.formatMode&&(n.hour="2-digit",n.minute="2-digit",n.hour12=!0);const s=/([zZ]|[+\-]\d{2}:\d{2})$/.test(t),l=new Date(s?t:t+"Z");return this.timezone?"local"!==this.timezone&&(n.timeZone=this.timezone):n.timeZone="UTC",new Intl.DateTimeFormat(i,n).format(l)}refresh(t){console.log("Renderer refresh called."),t.formatMode&&t.formatMode!==this.formatMode&&(this.formatMode=t.formatMode),t.locale&&t.locale!==this.locale&&(this.locale=t.locale);const i=this.formatDate(t.value);return this.eGui.innerHTML=`${i}`,!0}applyStyles(){this.eGui.style.textAlign="left",this.eGui.style.cursor="default"}getGui(){return this.eGui}destroy(){}}class l{constructor(){this.iconMappingConfig={}}init(t){var i,n,s,l,e;this.eGui=document.createElement("div"),this.eGui.style.cssText="display: flex;\n    width: 100%;\n    height: 100%;\n    gap: 8px;\n    justify-content: start;\n    align-items: center;\n  ",(null==t?void 0:t.iconMappingConfig)&&(this.iconMappingConfig=null==t?void 0:t.iconMappingConfig);const o=document.createElement("udp-icon");if(o.iconType=null===(i=this.iconMappingConfig[t.value])||void 0===i?void 0:i.iconType,o.iconName=null===(n=this.iconMappingConfig[t.value])||void 0===n?void 0:n.iconName,o.color=null===(s=this.iconMappingConfig[t.value])||void 0===s?void 0:s.color,this.eGui.appendChild(o),null===(l=this.iconMappingConfig[t.value])||void 0===l?void 0:l.label){const i=document.createElement("p");i.innerHTML=null===(e=this.iconMappingConfig[t.value])||void 0===e?void 0:e.label,i.style.cssText="margin: 0px",this.eGui.appendChild(i)}}getGui(){return this.eGui}refresh(){return!0}}class e{constructor(){this.statusMappingClasses={error:"error",warning:"warning",success:"success",info:"info"}}init(t){this.eGui=document.createElement("div"),null!==(null==t?void 0:t.statusMappingConfig)&&(this.statusMappingClasses=null==t?void 0:t.statusMappingConfig);const i=document.createElement("udp-chip"),n=null!==(null==t?void 0:t.getStatusValue)?null==t?void 0:t.getStatusValue(null==t?void 0:t.node):t.value;i.label=n,i.variant="outlined",i.size="small",i.color=this.statusMappingClasses[n],i.innerHTML=n,this.eGui.appendChild(i),t.setTooltip(n,(()=>this.eGui.scrollWidth>this.eGui.clientWidth))}getGui(){return this.eGui}refresh(){return!0}}export{i as A,n as C,s as D,l as I,e as S}

package/dist/components/stencil-chip.js

@@ -1,9 +1 @@
-import { S as StencilChip$1, d as defineCustomElement$1 } from './stencil-chip2.js';
-
-const StencilChip = StencilChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { StencilChip, defineCustomElement };
-//# sourceMappingURL=stencil-chip.js.map
-
-//# sourceMappingURL=stencil-chip.js.map
+import{S as s,d as o}from"./stencil-chip2.js";const t=s,c=o;export{t as StencilChip,c as defineCustomElement}