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

package/dist/components/grid-primary-bar2.js

@@ -1,268 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import Save16 from '@carbon/icons/es/save/16';
-import Close16 from '@carbon/icons/es/close/16';
-import List16 from '@carbon/icons/es/list/16';
-import Download16 from '@carbon/icons/es/download/16';
-import Settings16 from '@carbon/icons/es/settings/16';
-import Star16 from '@carbon/icons/es/star/16';
-import AdvancedQuery16 from '@carbon/icons/es/ibm-watson--discovery/16';
-import DataEnrichment16 from '@carbon/icons/es/idea/16';
-import Renew16 from '@carbon/icons/es/renew/16';
-import { d as defineCustomElement$5 } from './custom-button2.js';
-import { d as defineCustomElement$4 } from './stencil-icon-button-grid-action-header2.js';
-import { d as defineCustomElement$3 } from './udp-badge2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const gridPrimaryBarCss = ".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}";
-
-const GridPrimaryBar = /*@__PURE__*/ proxyCustomElement(class GridPrimaryBar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.hiddenActionButtons = [];
-        this.hiddenLabels = [];
-        this.actionButtons = [];
-        this.showAdvancedSearchFeature = true;
-        this.showFilterColumnFeature = true;
-        this.showGridOptions = true;
-        this.showHotlistButton = false;
-        this.hideExport = false;
-        this.showInsightsAction = false;
-        this.enableAdvancedSearch = true;
-        this.defaultActionButtons = [];
-        this.showLabels = true;
-        this.hideBar = false;
-    }
-    checkWindowWidth() {
-        const windowWidth = window.innerWidth;
-        this.showLabels = windowWidth >= 1000;
-    }
-    onResize() {
-        this.checkWindowWidth();
-    }
-    componentWillLoad() {
-        this.checkWindowWidth();
-        this.defaultActionButtons = this.initializeActionButtons();
-        this.updateHideBar();
-    }
-    componentDidLoad() {
-        // Add event listener for window resize
-        window.addEventListener('resize', this.checkWindowWidth.bind(this));
-    }
-    disconnectedCallback() {
-        // Remove event listener when component is unloaded
-        window.removeEventListener('resize', this.checkWindowWidth.bind(this));
-    }
-    updateHideBar() {
-        const visibleButtons = this.defaultActionButtons.filter(btn => btn.visible);
-        this.hideBar = visibleButtons.every(btn => this.hiddenActionButtons.includes(btn.label));
-    }
-    initializeActionButtons() {
-        let buttons = [
-            {
-                icon: Save16,
-                tooltip: 'Save View',
-                label: 'Save View',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customSaveViewClick,
-            },
-            {
-                icon: Star16,
-                tooltip: 'Views',
-                label: 'Views',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customShowViewClick,
-            },
-            {
-                icon: List16,
-                tooltip: 'Hotlists',
-                label: 'Hotlists',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customShowHotlistClick,
-            },
-            {
-                icon: AdvancedQuery16,
-                tooltip: 'Search',
-                label: 'Search',
-                visible: this.enableAdvancedSearch,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customShowCustomSearchClick,
-            },
-            {
-                icon: Renew16,
-                tooltip: 'Refresh',
-                label: 'Refresh',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customRefreshClick,
-            },
-            {
-                icon: Close16,
-                tooltip: 'Clear Search',
-                label: 'Clear Search',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customClearClick,
-            },
-        ];
-        if (!this.hideExport) {
-            buttons.splice(3, 0, {
-                icon: Download16,
-                tooltip: 'Export',
-                label: 'Export',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'size-to-fit-icon-class',
-                clickHandler: this.customExportClick,
-            });
-        }
-        if (this.showInsightsAction) {
-            buttons.splice(this.hideExport ? 3 : 4, 0, {
-                icon: DataEnrichment16,
-                tooltip: 'Insights',
-                label: 'Insights',
-                visible: true,
-                showLabel: true,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customInsightsClick,
-            });
-        }
-        if (!this.showHotlistButton) {
-            buttons = buttons.filter((btn) => btn.label !== 'Hotlists');
-        }
-        if (this.showGridOptions) {
-            buttons.push({
-                icon: Settings16,
-                tooltip: 'Grid Options',
-                label: 'Grid Options',
-                visible: true,
-                showLabel: false,
-                iconClassName: 'save-icon-class',
-                clickHandler: this.customShowGridOptionsClick,
-            });
-        }
-        return buttons;
-    }
-    handleAdvancedSearchToggle() {
-        this.defaultActionButtons = this.initializeActionButtons();
-    }
-    onHiddenActionButtonsChange() {
-        this.updateHideBar();
-    }
-    render() {
-        return (h("div", { key: '1cc9cbb3512478af92422c231bf6cca22fb39504', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: 'c6b83673caa1dab0867ee06bc5f465fff3dee8e0', class: "title-section" }, h("div", { key: '154dda62a2bfa4bcdb6c83bd75ace11b24fb19b3' }, h("unity-typography", { key: '492544aae9ca6d06f6a5c0fb3a18bfc9d6ed4ef5', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '452ab7d7bf651df27dd3ab23543899fe0b4a5e71', class: "button-section" }, h("div", { key: 'a5795c8f6b3180a7d682c13f9bdc602f8b31776f' }, h("slot", { key: '1e1c1019314d977cd3e8bc3d4660f4d08c93453a' })), this.defaultActionButtons.map(btn => {
-            const clickHandler = (event) => {
-                if (btn.clickHandler) {
-                    btn.clickHandler(event);
-                }
-                else {
-                    console.log(`${btn.label} Clicked but no custom handler defined`);
-                }
-            };
-            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {
-                return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
-            }
-            return null;
-        }), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '003e8cb8e5cec854cd78e170f960dabdcaaa9214', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '1f6bcb84640f24924c82f07a5f85be0a3425c322', iconName: this.primaryActionIcon, darkIcon: false }))))));
-    }
-    static get watchers() { return {
-        "window:resize": ["onResize"],
-        "enableAdvancedSearch": ["handleAdvancedSearchToggle"],
-        "hiddenActionButtons": ["onHiddenActionButtonsChange"]
-    }; }
-    static get style() { return gridPrimaryBarCss; }
-}, [257, "grid-primary-bar", {
-        "title": [1],
-        "hiddenActionButtons": [16],
-        "hiddenLabels": [16],
-        "actionButtons": [16],
-        "customSaveViewClick": [16],
-        "customSizeToFitClick": [16],
-        "customExportClick": [16],
-        "primaryActionClick": [16],
-        "customColumnViewClick": [16],
-        "customFitColumnClick": [16],
-        "customFilterViewClick": [16],
-        "customClearClick": [16],
-        "customRefreshClick": [16],
-        "customExpandClick": [16],
-        "customShowViewClick": [16],
-        "customShowHotlistClick": [16],
-        "customShowCustomSearchClick": [16],
-        "customToggleServerClientClick": [16],
-        "customAdvancedSearchClick": [16],
-        "customInsightsClick": [16],
-        "customShowGridOptionsClick": [16],
-        "showAdvancedSearchFeature": [4, "show-advanced-search-feature"],
-        "showFilterColumnFeature": [4, "show-filter-column-feature"],
-        "showGridOptions": [4, "show-grid-options"],
-        "showHotlistButton": [4, "show-hotlist-button"],
-        "hideExport": [4, "hide-export"],
-        "showInsightsAction": [4, "show-insights-action"],
-        "primaryActionLabel": [1, "primary-action-label"],
-        "primaryActionIcon": [1, "primary-action-icon"],
-        "enableAdvancedSearch": [4, "enable-advanced-search"],
-        "defaultActionButtons": [32],
-        "showLabels": [32],
-        "hideBar": [32]
-    }, undefined, {
-        "window:resize": ["onResize"],
-        "enableAdvancedSearch": ["handleAdvancedSearchToggle"],
-        "hiddenActionButtons": ["onHiddenActionButtonsChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["grid-primary-bar", "custom-button", "stencil-icon-button-grid-action-header", "udp-badge", "udp-icon", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "grid-primary-bar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, GridPrimaryBar);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "stencil-icon-button-grid-action-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { GridPrimaryBar as G, defineCustomElement as d };
-//# sourceMappingURL=grid-primary-bar2.js.map
-
-//# sourceMappingURL=grid-primary-bar2.js.map
+import{p as i,H as e,h as s,t}from"./index2.js";import o from"@carbon/icons/es/save/16";import c from"@carbon/icons/es/close/16";import a from"@carbon/icons/es/list/16";import n from"@carbon/icons/es/download/16";import l from"@carbon/icons/es/settings/16";import r from"@carbon/icons/es/star/16";import d from"@carbon/icons/es/ibm-watson--discovery/16";import h from"@carbon/icons/es/idea/16";import b from"@carbon/icons/es/renew/16";import{d as m}from"./custom-button2.js";import{d as u}from"./stencil-icon-button-grid-action-header2.js";import{d as p}from"./udp-badge2.js";import{d as f}from"./udp-icon2.js";import{d as w}from"./unity-typography2.js";const k=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.hiddenActionButtons=[],this.hiddenLabels=[],this.actionButtons=[],this.showAdvancedSearchFeature=!0,this.showFilterColumnFeature=!0,this.showGridOptions=!0,this.showHotlistButton=!1,this.hideExport=!1,this.showInsightsAction=!1,this.enableAdvancedSearch=!0,this.defaultActionButtons=[],this.showLabels=!0,this.hideBar=!1}checkWindowWidth(){const i=window.innerWidth;this.showLabels=i>=1e3}onResize(){this.checkWindowWidth()}componentWillLoad(){this.checkWindowWidth(),this.defaultActionButtons=this.initializeActionButtons(),this.updateHideBar()}componentDidLoad(){window.addEventListener("resize",this.checkWindowWidth.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.checkWindowWidth.bind(this))}updateHideBar(){const i=this.defaultActionButtons.filter((i=>i.visible));this.hideBar=i.every((i=>this.hiddenActionButtons.includes(i.label)))}initializeActionButtons(){let i=[{icon:o,tooltip:"Save View",label:"Save View",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customSaveViewClick},{icon:r,tooltip:"Views",label:"Views",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowViewClick},{icon:a,tooltip:"Hotlists",label:"Hotlists",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowHotlistClick},{icon:d,tooltip:"Search",label:"Search",visible:this.enableAdvancedSearch,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customShowCustomSearchClick},{icon:b,tooltip:"Refresh",label:"Refresh",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customRefreshClick},{icon:c,tooltip:"Clear Search",label:"Clear Search",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customClearClick}];return this.hideExport||i.splice(3,0,{icon:n,tooltip:"Export",label:"Export",visible:!0,showLabel:!0,iconClassName:"size-to-fit-icon-class",clickHandler:this.customExportClick}),this.showInsightsAction&&i.splice(this.hideExport?3:4,0,{icon:h,tooltip:"Insights",label:"Insights",visible:!0,showLabel:!0,iconClassName:"save-icon-class",clickHandler:this.customInsightsClick}),this.showHotlistButton||(i=i.filter((i=>"Hotlists"!==i.label))),this.showGridOptions&&i.push({icon:l,tooltip:"Grid Options",label:"Grid Options",visible:!0,showLabel:!1,iconClassName:"save-icon-class",clickHandler:this.customShowGridOptionsClick}),i}handleAdvancedSearchToggle(){this.defaultActionButtons=this.initializeActionButtons()}onHiddenActionButtonsChange(){this.updateHideBar()}render(){return s("div",{key:"021c035bf4d957e2644d1d620c47de8ad1a05e21",class:"header-bar",style:this.hideBar?void 0:{background:"var(--accent-color)"}},s("div",{key:"29e21c1ad5dc3b853c389c4927958335c9299a16",class:"title-section"},s("div",{key:"dd897565107bebd3efff6234f7f01bac7a9afdc6"},s("unity-typography",{key:"51602d8264ed458ba729a0a33b8081babed19d37",variant:"h4"},this.title," ")," ")),s("div",{key:"39d5748807927d63aafb3f99615b57b0f6f856ef",class:"button-section"},s("div",{key:"996c5f28c941dd40531a52abe0c06bcb65ca049e"},s("slot",{key:"06834b580236c4a7ac26b0ed6fc057526dcc4c02"})),this.defaultActionButtons.map((i=>!this.hiddenActionButtons.includes(i.label)&&i.visible?s("stencil-icon-button-grid-action-header",{showLabel:this.showLabels,secondary:i.secondary,icon:i.icon,onClick:e=>{i.clickHandler?i.clickHandler(e):console.log(`${i.label} Clicked but no custom handler defined`)},tooltip:i.tooltip,iconClassName:i.iconClassName},i.icon&&s("i",{class:i.icon}),"save"===i.label.toLowerCase()||!this.hiddenLabels.includes(i.label)&&i.showLabel?s("span",null,i.label):null):null)),this.primaryActionClick&&this.primaryActionLabel&&s("custom-button",{key:"50e0e03c0fc07a095b79c64e9867df14f64b8727",label:this.primaryActionLabel,onClick:i=>this.primaryActionClick(i),size:"tall"},this.primaryActionIcon&&s("udp-icon",{key:"cb521eecb5bca910373e5b3d28d692315f115504",iconName:this.primaryActionIcon,darkIcon:!1}))))}static get watchers(){return{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}}static get style(){return".header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--accent-color)}.title-section{flex:1;margin-left:16px;display:flex;gap:16px;align-items:center}.button-section{display:flex;gap:8px;align-items:center;padding-right:16px;padding-top:8px;padding-bottom:8px}"}},[257,"grid-primary-bar",{title:[1],hiddenActionButtons:[16],hiddenLabels:[16],actionButtons:[16],customSaveViewClick:[16],customSizeToFitClick:[16],customExportClick:[16],primaryActionClick:[16],customColumnViewClick:[16],customFitColumnClick:[16],customFilterViewClick:[16],customClearClick:[16],customRefreshClick:[16],customExpandClick:[16],customShowViewClick:[16],customShowHotlistClick:[16],customShowCustomSearchClick:[16],customToggleServerClientClick:[16],customAdvancedSearchClick:[16],customInsightsClick:[16],customShowGridOptionsClick:[16],showAdvancedSearchFeature:[4,"show-advanced-search-feature"],showFilterColumnFeature:[4,"show-filter-column-feature"],showGridOptions:[4,"show-grid-options"],showHotlistButton:[4,"show-hotlist-button"],hideExport:[4,"hide-export"],showInsightsAction:[4,"show-insights-action"],primaryActionLabel:[1,"primary-action-label"],primaryActionIcon:[1,"primary-action-icon"],enableAdvancedSearch:[4,"enable-advanced-search"],defaultActionButtons:[32],showLabels:[32],hideBar:[32]},void 0,{"window:resize":[{onResize:0}],enableAdvancedSearch:[{handleAdvancedSearchToggle:0}],hiddenActionButtons:[{onHiddenActionButtonsChange:0}]}]);function g(){"undefined"!=typeof customElements&&["grid-primary-bar","custom-button","stencil-icon-button-grid-action-header","udp-badge","udp-icon","unity-typography"].forEach((i=>{switch(i){case"grid-primary-bar":customElements.get(t(i))||customElements.define(t(i),k);break;case"custom-button":customElements.get(t(i))||m();break;case"stencil-icon-button-grid-action-header":customElements.get(t(i))||u();break;case"udp-badge":customElements.get(t(i))||p();break;case"udp-icon":customElements.get(t(i))||f();break;case"unity-typography":customElements.get(t(i))||w()}}))}export{k as G,g as d}

package/dist/components/hint-panel.js

@@ -1,9 +1 @@
-import { H as HintPanel$1, d as defineCustomElement$1 } from './hint-panel2.js';
-
-const HintPanel = HintPanel$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { HintPanel, defineCustomElement };
-//# sourceMappingURL=hint-panel.js.map
-
-//# sourceMappingURL=hint-panel.js.map
+import{H as o,d as s}from"./hint-panel2.js";const t=o,a=s;export{t as HintPanel,a as defineCustomElement}

package/dist/components/hint-panel2.js

@@ -1,55 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './udp-button2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const hintPanelCss = ".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}";
-
-const HintPanel = /*@__PURE__*/ proxyCustomElement(class HintPanel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.showHint = true;
-        this.handleHideHint = () => {
-            this.showHint = false;
-        };
-    }
-    render() {
-        return (h("div", { key: 'a12706b04206a3155c828c4a3c74ab93f4f9a54b', class: "hint-container" }, this.showHint && (h("div", { key: '61c421a9227f8da52e07b5a27c122aae9cbe7bd8', class: "hint-content" }, h("div", { key: 'e7e196b3de4cb3eff963e5663acb4b3665caa885' }, h("unity-typography", { key: '326bafd6cc82f8020e49f59a5cd35174715bb34e', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '8ff552c3eadde4f86cd793826bf5d2da1a6253f8', class: "hide-help" }, h("udp-button", { key: 'c4b13f7784eab8a0796d212489614cdd58bd6fe2', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
-    }
-    static get style() { return hintPanelCss; }
-}, [257, "hint-panel", {
-        "hint": [1],
-        "hideHintText": [1, "hide-hint-text"],
-        "showHint": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["hint-panel", "udp-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "hint-panel":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, HintPanel);
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { HintPanel as H, defineCustomElement as d };
-//# sourceMappingURL=hint-panel2.js.map
-
-//# sourceMappingURL=hint-panel2.js.map
+import{p as t,H as e,h as n,t as i}from"./index2.js";import{d as a}from"./udp-button2.js";import{d as s}from"./unity-typography2.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showHint=!0,this.handleHideHint=()=>{this.showHint=!1}}render(){return n("div",{key:"a12706b04206a3155c828c4a3c74ab93f4f9a54b",class:"hint-container"},this.showHint&&n("div",{key:"61c421a9227f8da52e07b5a27c122aae9cbe7bd8",class:"hint-content"},n("div",{key:"e7e196b3de4cb3eff963e5663acb4b3665caa885"},n("unity-typography",{key:"326bafd6cc82f8020e49f59a5cd35174715bb34e",variant:"body"}," ",this.hint," ")),this.hideHintText&&n("div",{key:"8ff552c3eadde4f86cd793826bf5d2da1a6253f8",class:"hide-help"},n("udp-button",{key:"c4b13f7784eab8a0796d212489614cdd58bd6fe2",size:"small",color:"info",onClick:this.handleHideHint},this.hideHintText))))}static get style(){return".hint-container{border-left:3px solid var(--info-color-main)}.hint-content{background-color:color-mix(in srgb, var(--info-color-hint) 70%, transparent);padding:8px}.hide-help{display:flex;justify-content:flex-end;margin-top:0.5rem}"}},[1,"hint-panel",{hint:[1],hideHintText:[1,"hide-hint-text"],showHint:[32]}]);function c(){"undefined"!=typeof customElements&&["hint-panel","udp-button","unity-typography"].forEach((t=>{switch(t){case"hint-panel":customElements.get(i(t))||customElements.define(i(t),o);break;case"udp-button":customElements.get(i(t))||a();break;case"unity-typography":customElements.get(i(t))||s()}}))}export{o as H,c as d}

package/dist/components/image-upload.js

@@ -1,9 +1 @@
-import { I as ImageUpload$1, d as defineCustomElement$1 } from './image-upload2.js';
-
-const ImageUpload = ImageUpload$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ImageUpload, defineCustomElement };
-//# sourceMappingURL=image-upload.js.map
-
-//# sourceMappingURL=image-upload.js.map
+import{I as o,d as a}from"./image-upload2.js";const s=o,m=a;export{s as ImageUpload,m as defineCustomElement}

package/dist/components/image-upload2.js

@@ -1,126 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import { d as defineCustomElement$6 } from './custom-button2.js';
-import { d as defineCustomElement$5 } from './file-upload2.js';
-import { d as defineCustomElement$4 } from './stencil-icon-button2.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 imageUploadCss = ":host{display:block}";
-
-const ImageUpload = /*@__PURE__*/ proxyCustomElement(class ImageUpload extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        /**
-         * Array of allowed image MIME types. Defaults to common image formats.
-         * Overrides the default image MIME types if specified.
-         * Example: ['image/jpeg', 'image/png', 'image/gif']
-         */
-        this.allowedMimeTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'];
-        /**
-         * Whether the component should take the full width of its container.
-         */
-        this.fullWidth = false;
-        /**
-         * Message for the drag-and-drop area.
-         */
-        this.dragAndDropMessage = 'Drag and drop your image here';
-        /**
-         * Text for the browse files button.
-         */
-        this.browseFileMessage = 'Browse Image';
-        /**
-         * Whether to hide the drag-and-drop area.
-         */
-        this.hideDragAndDrop = false;
-        /**
-         * Whether to hide the browse files button.
-         */
-        this.hideButton = false;
-        /**
-         * Whether the component is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Whether the component is in a read-only state.
-         */
-        this.readonly = false;
-        this.handleFileChange = (event) => {
-            // Prevent the event from bubbling up further, as we are re-emitting it.
-            event.stopPropagation();
-            this.change.emit(event.detail);
-        };
-    }
-    render() {
-        return (h(Host, { key: 'dc13ff549cc50efd68074f9526fe833c2abf3680' }, h("file-upload", { key: '9d16c297893f24a379951635b558436f4614fab6', allowMultiple: false, allowedMimeTypes: this.allowedMimeTypes, fullWidth: this.fullWidth, required: this.required, error: this.error, dragAndDropMessage: this.dragAndDropMessage, browseFileMessage: this.browseFileMessage, hideDragAndDrop: this.hideDragAndDrop, hideButton: this.hideButton, id: this.id, name: this.name, label: this.label, disabled: this.disabled, readonly: this.readonly, initialValue: this.initialValue, renderImage: true, onChange: this.handleFileChange })));
-    }
-    static get style() { return imageUploadCss; }
-}, [257, "image-upload", {
-        "allowedMimeTypes": [16],
-        "fullWidth": [4, "full-width"],
-        "required": [4],
-        "error": [1],
-        "dragAndDropMessage": [1, "drag-and-drop-message"],
-        "browseFileMessage": [1, "browse-file-message"],
-        "hideDragAndDrop": [4, "hide-drag-and-drop"],
-        "hideButton": [4, "hide-button"],
-        "id": [1],
-        "name": [1],
-        "label": [1],
-        "disabled": [4],
-        "readonly": [4],
-        "initialValue": [1, "initial-value"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["image-upload", "custom-button", "file-upload", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "image-upload":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ImageUpload);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "stencil-icon-button":
-            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 { ImageUpload as I, defineCustomElement as d };
-//# sourceMappingURL=image-upload2.js.map
-
-//# sourceMappingURL=image-upload2.js.map
+import{p as e,H as t,c as s,h as i,d as a,t as o}from"./index2.js";import{d}from"./custom-button2.js";import{d as r}from"./file-upload2.js";import{d as l}from"./stencil-icon-button2.js";import{d as n}from"./udp-ambient-tool-tip2.js";import{d as m}from"./udp-badge2.js";import{d as u}from"./unity-typography2.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.change=s(this,"change"),this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"],this.fullWidth=!1,this.dragAndDropMessage="Drag and drop your image here",this.browseFileMessage="Browse Image",this.hideDragAndDrop=!1,this.hideButton=!1,this.disabled=!1,this.readonly=!1,this.handleFileChange=e=>{e.stopPropagation(),this.change.emit(e.detail)}}render(){return i(a,{key:"d99ff15d410e2fbc1e4679694ed0615ea72d83de"},i("file-upload",{key:"8a25e124d89bb9648fde62108253d68ed8107e89",allowMultiple:!1,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:this.dragAndDropMessage,browseFileMessage:this.browseFileMessage,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,renderImage:!0,onChange:this.handleFileChange}))}static get style(){return":host{display:block}"}},[1,"image-upload",{allowedMimeTypes:[16],fullWidth:[4,"full-width"],required:[4],error:[1],dragAndDropMessage:[1,"drag-and-drop-message"],browseFileMessage:[1,"browse-file-message"],hideDragAndDrop:[4,"hide-drag-and-drop"],hideButton:[4,"hide-button"],id:[1],name:[1],label:[1],disabled:[4],readonly:[4],initialValue:[1,"initial-value"]}]);function h(){"undefined"!=typeof customElements&&["image-upload","custom-button","file-upload","stencil-icon-button","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((e=>{switch(e){case"image-upload":customElements.get(o(e))||customElements.define(o(e),p);break;case"custom-button":customElements.get(o(e))||d();break;case"file-upload":customElements.get(o(e))||r();break;case"stencil-icon-button":customElements.get(o(e))||l();break;case"udp-ambient-tool-tip":customElements.get(o(e))||n();break;case"udp-badge":customElements.get(o(e))||m();break;case"unity-typography":customElements.get(o(e))||u()}}))}export{p as I,h as d}

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -1,74 +1 @@
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './index2.js';
-import axios from 'axios';
-export { c as convertToAgGridColumns, a as createStructuredQuery, d as defaultPayload, b as demoMSSearchData, t as transformSearchData } from './transformSearchData.js';
-export { l as loadCatalogData, o as onChange, s as state } from './catalog-store.js';
-export { L as LogicalSearchOperator, S as SearchBuilder, b as SearchGroupingType, a as SearchUtilities, c as SqlFilterOperators } from './SearchBuilder.js';
-export { C as ConfigService } from './configService.js';
-
-// export const getAccessToken = async () => {
-//     return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'
-//   };
-// export const getMergedConfig = (accessToken: string | null, config?: Config): Config => {
-//     const headers = config?.headers ? { ...config.headers } : {};
-//     headers.currentTenantId = headers.currentTenantId || "f86a9b7c-bab0-4281-89a2-52b4caf89fab"; // Your currentTenantId
-//     if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;
-//     return { ...config, headers };
-//   };
-//   export const apiMutate = async (
-//     baseURL: string,
-//     url: string,
-//     config: Config,
-//     data: any,
-//     accessToken: string | null
-//   ) => {
-//     const fullURL = { url: `${baseURL}/${url}` };
-//     const mergedConfig = getMergedConfig(accessToken, config);
-//     return Axios({ ...fullURL, ...mergedConfig, ...data });
-//   };
-const getMergedConfig = (tenantId, config) => {
-    const headers = (config === null || config === void 0 ? void 0 : config.headers) ? Object.assign({}, config.headers) : {};
-    headers.currentTenantId = tenantId;
-    //if (accessToken) headers.Authorization = headers.Authorization || `Bearer ${accessToken}`;
-    return Object.assign(Object.assign({}, config), { headers });
-};
-// export const apiMutate = async (
-//   baseURL: string,
-//   url: string,
-//   config: Config,
-//   data: any,
-//   accessToken: string | null,
-//   tenantId: string // New tenantId parameter
-// ) => {
-//   const fullURL = { url: `${baseURL}/${url}` };
-//   const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId
-//   return Axios({ ...fullURL, ...mergedConfig, ...data });
-// };
-const apiMutate = async (baseURL, url, config, data) => {
-    const fullURL = { url: `${baseURL}/${url}` };
-    return axios(Object.assign(Object.assign(Object.assign({}, fullURL), config), data));
-};
-
-// Helper function to get the value of a CSS variable from the :root
-function getCssVariableValue(variable) {
-    return getComputedStyle(document.documentElement).getPropertyValue(variable);
-}
-const breakpoints = {
-    xs: `(max-width: ${getCssVariableValue('--breakpoint-xs-max')}px)`,
-    sm: `(min-width: ${getCssVariableValue('--breakpoint-sm-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-sm-max')}px)`,
-    md: `(min-width: ${getCssVariableValue('--breakpoint-md-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-md-max')}px)`,
-    lg: `(min-width: ${getCssVariableValue('--breakpoint-lg-min')}px) and (max-width: ${getCssVariableValue('--breakpoint-lg-max')}px)`,
-    xl: `(min-width: ${getCssVariableValue('--breakpoint-xl-min')}px)`,
-};
-
-function useMatchBreakpoint(breakpointKey) {
-    if (typeof window === 'undefined')
-        return false; // SSR or build-time rendering
-    const query = breakpoints[breakpointKey];
-    const mediaQueryList = window.matchMedia(query);
-    return mediaQueryList.matches;
-}
-
-export { apiMutate, getMergedConfig, useMatchBreakpoint };
-//# sourceMappingURL=index.js.map
-
-//# sourceMappingURL=index.js.map
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./index2.js";import e from"axios";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,t as transformSearchData}from"./transformSearchData.js";export{l as loadCatalogData,o as onChange,s as state}from"./catalog-store.js";export{L as LogicalSearchOperator,S as SearchBuilder,b as SearchGroupingType,a as SearchUtilities,c as SqlFilterOperators}from"./SearchBuilder.js";export{C as ConfigService}from"./configService.js";const i=(t,e)=>{const s=(null==e?void 0:e.headers)?Object.assign({},e.headers):{};return s.currentTenantId=t,Object.assign(Object.assign({},e),{headers:s})},n=async(t,s,i,r)=>e(Object.assign(Object.assign(Object.assign({},{url:`${t}/${s}`}),i),r));function h(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const p={xs:`(max-width: ${h("--breakpoint-xs-max")}px)`,sm:`(min-width: ${h("--breakpoint-sm-min")}px) and (max-width: ${h("--breakpoint-sm-max")}px)`,md:`(min-width: ${h("--breakpoint-md-min")}px) and (max-width: ${h("--breakpoint-md-max")}px)`,lg:`(min-width: ${h("--breakpoint-lg-min")}px) and (max-width: ${h("--breakpoint-lg-max")}px)`,xl:`(min-width: ${h("--breakpoint-xl-min")}px)`};function m(t){return"undefined"!=typeof window&&window.matchMedia(p[t]).matches}class u{get isConnected(){var t;return(null===(t=this.socket)||void 0===t?void 0:t.readyState)===WebSocket.OPEN}async connect(t,e,s=0,i=0){var r;if(!this.isWssUrl(t))throw Error("Invalid WebSocket URL. Only ws and wss protocols are supported.");const o=await e();this.socket=o?new WebSocket(t,o):new WebSocket(t),await new Promise(((t,e)=>{const s=()=>{this.socket.removeEventListener("open",s),this.socket.removeEventListener("error",i),t()},i=t=>{this.socket.removeEventListener("open",s),this.socket.removeEventListener("error",i),e(t)};this.socket.addEventListener("open",s),this.socket.addEventListener("error",i)})),null===(r=this.openHandler)||void 0===r||r.call(this),this.socket.onmessage=t=>this.handleMessage(t),this.socket.onclose=t=>this.handleClose(t),this.socket.onerror=t=>this.handleError(t),s&&i&&this.startKeepAliveTimer(s,i)}onMessageReceived(t){return this.messageReceivedHandler=t,this}onOpen(t){return this.openHandler=t,this}onClose(t){return this.closeHandler=t,this}onError(t){return this.errorHandler=t,this}send(t){if(!this.isConnected)throw Error("WebSocket is not connected.");const e=JSON.stringify(t);this.socket.send(e)}close(){this.socket&&(this.socket.close(),this.stopKeepAliveTimer(),this.socket=void 0)}handleMessage(t){var e;try{const s=JSON.parse(t.data);null===(e=this.messageReceivedHandler)||void 0===e||e.call(this,s)}catch(t){console.error("Invalid UdpWebSocketMessage received:",t)}}handleClose(t){var e;null===(e=this.closeHandler)||void 0===e||e.call(this,t),this.close()}handleError(t){var e;null===(e=this.errorHandler)||void 0===e||e.call(this,t),console.error("UdpWebSocket error:",t)}startKeepAliveTimer(t,e){this.stopKeepAliveTimer(),this.keepAliveIntervalId=window.setInterval((()=>{this.sendKeepAlivePing()}),t),this.keepAliveTimeoutId=window.setTimeout((()=>{this.close()}),e)}stopKeepAliveTimer(){this.keepAliveIntervalId&&clearInterval(this.keepAliveIntervalId),this.keepAliveTimeoutId&&clearTimeout(this.keepAliveTimeoutId),this.keepAliveIntervalId=void 0,this.keepAliveTimeoutId=void 0}sendKeepAlivePing(){const t={headers:{type:"KeepAlive",timestamp:Date.now()}};try{this.send(t)}catch(t){console.error("KeepAlive ping failed to send:",t)}}isWssUrl(t){return/^wss?:\/\//.test(t)}}u.DEFAULT_KEEPALIVE_INTERVAL_MS=3e4,u.DEFAULT_KEEPALIVE_TIMEOUT_MS=36e5;export{u as UdpWebSocketClient,n as apiMutate,i as getMergedConfig,m as useMatchBreakpoint}