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

package/dist/components/fluent-dialog2.js

@@ -1,74 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import { d as defineCustomElement$2 } from './custom-button2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const fluentDialogCss = ":host([open]){display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.5);}.dialog-container{display:none;}.dialog-container.open{display:block;}.dialog-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90%;min-width:500px;overflow:hidden;z-index:10000;}.dialog-title{padding:16px;font-size:20px}.dialog-content{padding-left:16px;padding-right:16px}.dialog-actions{display:flex;justify-content:flex-end}button{margin-left:8px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:9998}.overlay-open{display:block}.dialog-open{display:block}";
-
-const FluentDialog = /*@__PURE__*/ proxyCustomElement(class FluentDialog extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.buttonOneHidden = false;
-        this.buttonTwoHidden = false;
-        this.buttonThreeHidden = true;
-    }
-    render() {
-        return (h("div", { key: '83c083fca17f1608c389e4d9bbb7c4f11a4edde8', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: '432ad2e7b46b2c4b556d56cfbd87cbc88480e819', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: 'a87073a0d06dc0f6cb2c3d1ff776525e447dc67e', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: '08dce2542a0500a463c4509fb777759a7060feaa', variant: "h3" }, this.title)), h("div", { key: 'f6f965a7645fd5a9a4e618b0682389269d8a2c27', class: "dialog-content" }, h("unity-typography", { key: '7175de5022082731bcd9a0cc224adab176e76d2f', variant: "h6" }, this.message), h("unity-typography", { key: '641a3445fb04adc630c933f493392008ab535bf6', variant: "body" }, h("slot", { key: '9f7e4e75e826aca8680b0e010a3f4f69c2d30b53' }))), h("div", { key: '36e5ec0da4214e79a1e1320304505995d122699a', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '543a0647cd69efe6d565ed2815da79892dcdf1ea', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '334d94ac53aa486c253f4db0bc34988fc982f4d1',
-            //class="primary-action"
-            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: '92b80ad5f30ca0d1b2ad26b4edec51564565f0b4', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '71185ce7e88c824a2c3f94e1b05090b184f01458', class: "linear-progress" }))));
-    }
-    static get style() { return fluentDialogCss; }
-}, [257, "fluent-dialog", {
-        "title": [1],
-        "message": [1],
-        "actionOne": [16],
-        "actionTwo": [16],
-        "actionThree": [16],
-        "labelOne": [1, "label-one"],
-        "labelTwo": [1, "label-two"],
-        "labelThree": [1, "label-three"],
-        "open": [4],
-        "handleClose": [16],
-        "ariaLabelledby": [1, "aria-labelledby"],
-        "ariaDescribedby": [1, "aria-describedby"],
-        "titleId": [1, "title-id"],
-        "descriptionId": [1, "description-id"],
-        "buttonOneHidden": [4, "button-one-hidden"],
-        "buttonTwoHidden": [4, "button-two-hidden"],
-        "buttonThreeHidden": [4, "button-three-hidden"],
-        "disableOne": [4, "disable-one"],
-        "disableTwo": [4, "disable-two"],
-        "disableThree": [4, "disable-three"],
-        "progress": [2]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["fluent-dialog", "custom-button", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "fluent-dialog":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, FluentDialog);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { FluentDialog as F, defineCustomElement as d };
-//# sourceMappingURL=fluent-dialog2.js.map
-
-//# sourceMappingURL=fluent-dialog2.js.map
+import{p as e,H as t,h as a,t as i}from"./index2.js";import{d as o}from"./custom-button2.js";import{d}from"./unity-typography2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.buttonOneHidden=!1,this.buttonTwoHidden=!1,this.buttonThreeHidden=!0}render(){return a("div",{key:"83c083fca17f1608c389e4d9bbb7c4f11a4edde8",class:{overlay:!0,"overlay-open":this.open}},a("div",{key:"432ad2e7b46b2c4b556d56cfbd87cbc88480e819",class:{"dialog-container":!0,"dialog-open":this.open}},a("div",{key:"a87073a0d06dc0f6cb2c3d1ff776525e447dc67e",class:"dialog-title",id:this.titleId},a("unity-typography",{key:"08dce2542a0500a463c4509fb777759a7060feaa",variant:"h3"},this.title)),a("div",{key:"f6f965a7645fd5a9a4e618b0682389269d8a2c27",class:"dialog-content"},a("unity-typography",{key:"7175de5022082731bcd9a0cc224adab176e76d2f",variant:"h6"},this.message),a("unity-typography",{key:"641a3445fb04adc630c933f493392008ab535bf6",variant:"body"},a("slot",{key:"9f7e4e75e826aca8680b0e010a3f4f69c2d30b53"}))),a("div",{key:"36e5ec0da4214e79a1e1320304505995d122699a",class:"dialog-actions"},!this.buttonTwoHidden&&a("custom-button",{key:"543a0647cd69efe6d565ed2815da79892dcdf1ea",size:"tall",variant:"text",onClick:()=>this.actionTwo()},this.labelTwo),!this.buttonThreeHidden&&a("custom-button",{key:"334d94ac53aa486c253f4db0bc34988fc982f4d1",onClick:()=>this.actionThree(),size:"tall",variant:"text",disabled:this.disableThree},this.labelThree),!this.buttonOneHidden&&a("custom-button",{key:"92b80ad5f30ca0d1b2ad26b4edec51564565f0b4",class:"primary-action",variant:"text",onClick:()=>this.actionOne(),size:"tall",disabled:this.disableOne},this.labelOne)),this.progress&&a("div",{key:"71185ce7e88c824a2c3f94e1b05090b184f01458",class:"linear-progress"})))}static get style(){return":host([open]){display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0, 0, 0, 0.5);}.dialog-container{display:none;}.dialog-container.open{display:block;}.dialog-container{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 12px 24px rgba(0, 0, 0, 0.16), 0 12px 24px rgba(0, 0, 0, 0.23);max-width:90%;min-width:500px;overflow:hidden;z-index:10000;}.dialog-title{padding:16px;font-size:20px}.dialog-content{padding-left:16px;padding-right:16px}.dialog-actions{display:flex;justify-content:flex-end}button{margin-left:8px}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:9998}.overlay-open{display:block}.dialog-open{display:block}"}},[257,"fluent-dialog",{title:[1],message:[1],actionOne:[16],actionTwo:[16],actionThree:[16],labelOne:[1,"label-one"],labelTwo:[1,"label-two"],labelThree:[1,"label-three"],open:[4],handleClose:[16],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],titleId:[1,"title-id"],descriptionId:[1,"description-id"],buttonOneHidden:[4,"button-one-hidden"],buttonTwoHidden:[4,"button-two-hidden"],buttonThreeHidden:[4,"button-three-hidden"],disableOne:[4,"disable-one"],disableTwo:[4,"disable-two"],disableThree:[4,"disable-three"],progress:[2]}]);function s(){"undefined"!=typeof customElements&&["fluent-dialog","custom-button","unity-typography"].forEach((e=>{switch(e){case"fluent-dialog":customElements.get(i(e))||customElements.define(i(e),n);break;case"custom-button":customElements.get(i(e))||o();break;case"unity-typography":customElements.get(i(e))||d()}}))}export{n as F,s as d}

package/dist/components/form-metadata-display-renderer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FormMetadataDisplayRenderer extends Components.FormMetadataDisplayRenderer, HTMLElement {}
+export const FormMetadataDisplayRenderer: {
+    prototype: FormMetadataDisplayRenderer;
+    new (): FormMetadataDisplayRenderer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/form-metadata-display-renderer.js

@@ -0,0 +1 @@
+import{F as r,d as a}from"./form-metadata-display-renderer2.js";const e=r,o=a;export{e as FormMetadataDisplayRenderer,o as defineCustomElement}

package/dist/components/form-metadata-display-renderer2.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,t as s}from"./index2.js";import{d as a}from"./stencil-toggle2.js";import{d as o}from"./unity-typography2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){var e,t,s;return i("div",{key:"e10607a1b9fb72327df92602bd123f1e35c26821",class:"form-metadata-display-input-container"},i("div",{key:"03d34b6008aec023f1e226a6221945ad52748eb1"},i("stencil-toggle",{key:"d4be9d819b2c6a96797d04bbc9eca620c86dce2b",label:"Show Form Responder Full Name",disabled:this.isViewOnly,checked:!!(null===(e=this.question.fieldProperties)||void 0===e?void 0:e.displayOwnerFullName),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerFullName");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"23a30c998dd4d1d0267bba66fa1fd6d78bed7ae1",label:"Show Form Responder Email",disabled:this.isViewOnly,checked:!!(null===(t=this.question.fieldProperties)||void 0===t?void 0:t.displayOwnerEmail),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displayOwnerEmail");this.onFormSectionsDraftChange(e)},labelPosition:"right"}),i("stencil-toggle",{key:"7f7f8e96f1d1390a441f6a024d2e39703c98817b",label:"Show Submission Date",disabled:this.isViewOnly,checked:!!(null===(s=this.question.fieldProperties)||void 0===s?void 0:s.displaySubmissionDate),onToggledChange:()=>{if(this.isViewOnly)return;const e=this.getHandler(this.question.fieldTypeId,"handleFieldPropertyBooleanToggle")(this.formSectionsDraft,this.sIndex,this.qIndex,"displaySubmissionDate");this.onFormSectionsDraftChange(e)},labelPosition:"right"})))}static get style(){return".form-metadata-display-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}"}},[1,"form-metadata-display-renderer",{question:[16],isViewOnly:[4,"is-view-only"],formSectionsDraft:[16],sIndex:[2,"s-index"],qIndex:[2,"q-index"],onFormSectionsDraftChange:[16],getHandler:[16]}]);function l(){"undefined"!=typeof customElements&&["form-metadata-display-renderer","stencil-toggle","unity-typography"].forEach((e=>{switch(e){case"form-metadata-display-renderer":customElements.get(s(e))||customElements.define(s(e),n);break;case"stencil-toggle":customElements.get(s(e))||a();break;case"unity-typography":customElements.get(s(e))||o()}}))}export{n as F,l as d}

package/dist/components/form-metadata-display.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface FormMetadataDisplay extends Components.FormMetadataDisplay, HTMLElement {}
+export const FormMetadataDisplay: {
+    prototype: FormMetadataDisplay;
+    new (): FormMetadataDisplay;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/form-metadata-display.js

@@ -0,0 +1 @@
+import{F as a,d as o}from"./form-metadata-display2.js";const s=a,t=o;export{s as FormMetadataDisplay,t as defineCustomElement}

package/dist/components/form-metadata-display2.js

@@ -0,0 +1 @@
+import{p as a,H as t,h as s,t as e}from"./index2.js";import{d as i}from"./utils.js";import{d as r}from"./unity-typography2.js";const o=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.displayOwnerFullName=!0,this.displayOwnerEmail=!0,this.displaySubmissionDate=!0}renderRow(a,t){return s("div",{class:"row"},s("span",{class:"label"},a),s("unity-typography",{class:"value",variant:"h4"},t))}render(){return s("div",{key:"eec0b6d84cba30720f86b4f4cbd3781b1fa8d76f",class:"container",role:"group","aria-label":"Form metadata"},this.displayOwnerFullName&&this.userDisplayName&&this.renderRow("Name",this.userDisplayName),this.displayOwnerEmail&&this.userEmail&&this.renderRow("Email",this.userEmail),this.displaySubmissionDate&&this.submittedOn&&this.renderRow("Submitted on",i(this.submittedOn,"long")))}static get style(){return":host{display:block}.container{display:grid;gap:10px;padding:12px 14px;background:var(--unity-color-surface, #fff)}.row{display:grid;grid-template-columns:130px 1fr;align-items:baseline;column-gap:12px}.label{font-size:12px;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;color:var(--unity-color-text-secondary, rgba(0, 0, 0, 0.65))}.value{color:var(--unity-color-text, rgba(0, 0, 0, 0.9));overflow-wrap:anywhere}@media (max-width: 420px){.row{grid-template-columns:1fr;row-gap:4px}}"}},[1,"form-metadata-display",{userDisplayName:[1,"user-display-name"],userEmail:[1,"user-email"],submittedOn:[1,"submitted-on"],displayOwnerFullName:[4,"display-owner-full-name"],displayOwnerEmail:[4,"display-owner-email"],displaySubmissionDate:[4,"display-submission-date"]}]);function l(){"undefined"!=typeof customElements&&["form-metadata-display","unity-typography"].forEach((a=>{switch(a){case"form-metadata-display":customElements.get(e(a))||customElements.define(e(a),o);break;case"unity-typography":customElements.get(e(a))||r()}}))}export{o as F,l as d}

package/dist/components/forms-builder-utils.js

@@ -1,47 +1 @@
-import { a as UdpFormsTypeEnum } from './enums.js';
-
-const deepCloneFormSections = (formSections) => {
-    return structuredClone(formSections);
-};
-const styleOverrideDefault = {
-    background: {
-        backgroundImage: null,
-        backgroundColor: null,
-    },
-    headerBackgroundColor: null,
-    fontFamily: null,
-    helperText: {
-        variant: null,
-        fontFamily: null,
-    },
-    questionText: {
-        variant: null,
-        fontFamily: null,
-    },
-    titleText: {
-        variant: null,
-        fontFamily: null,
-    },
-    paragraphText: {
-        variant: null,
-        fontFamily: null,
-    },
-};
-const formSectionDefault = {
-    title: '',
-    sectionText: '',
-    sectionProperties: {},
-    formQuestions: [],
-};
-const formMetadataDefault = {
-    isPrivate: true,
-    type: UdpFormsTypeEnum.Standard,
-    version: 1,
-    name: '',
-    description: '',
-};
-
-export { formSectionDefault as a, deepCloneFormSections as d, formMetadataDefault as f, styleOverrideDefault as s };
-//# sourceMappingURL=forms-builder-utils.js.map
-
-//# sourceMappingURL=forms-builder-utils.js.map
+import{a as l}from"./enums.js";const n=l=>structuredClone(l),a={background:{backgroundImage:null,backgroundColor:null},headerBackgroundColor:null,fontFamily:null,helperText:{variant:null,fontFamily:null},questionText:{variant:null,fontFamily:null},titleText:{variant:null,fontFamily:null},paragraphText:{variant:null,fontFamily:null}},t={title:"",sectionText:"",sectionProperties:{},formQuestions:[]},e={isPrivate:!0,type:l.Standard,version:1,name:"",description:""};export{t as a,n as d,e as f,a as s}

package/dist/components/ghost-render.js

@@ -1,9 +1 @@
-import { G as GhostRender$1, d as defineCustomElement$1 } from './ghost-render2.js';
-
-const GhostRender = GhostRender$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GhostRender, defineCustomElement };
-//# sourceMappingURL=ghost-render.js.map
-
-//# sourceMappingURL=ghost-render.js.map
+import{G as o,d as r}from"./ghost-render2.js";const s=o,t=r;export{s as GhostRender,t as defineCustomElement}

package/dist/components/ghost-render2.js

@@ -1,102 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-
-const GhostRender = /*@__PURE__*/ proxyCustomElement(class GhostRender extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    /**
-     * @component GhostRender
-     * @description A utility component for forcing the inclusion of dynamically rendered
-     * components in a production build.
-     *
-     * @usage
-     * This component should be used **extremely sparingly** and only as a last resort.
-     * It serves as a workaround for a specific issue where Stencil's static compiler
-     * and a downstream bundler (like Vite/Rollup) cannot detect a component's usage
-     * because it is rendered dynamically.
-     *
-     * ---
-     *
-     * ### The Problem It Solves
-     *
-     * In our architecture, some components (like `ag-grid-base`) dynamically render other
-     * components based on logic that is not visible at build time. For example, a class
-     * might have a `render()` method that returns JSX, and this class is only instantiated
-     * and used at runtime.
-     *
-     * Stencil's build process relies on static analysis of JSX to build a dependency graph.
-     * It scans the `render()` method of a parent component to see which child component
-     * tags (e.g., `<udp-dialog />`) are used. If a tag is not physically present in the
-     * parent's JSX, the dependency is not registered.
-     *
-     * In a production build, the final bundler (Vite/Rollup) performs aggressive
-     * tree-shaking. If it sees a component file that is not part of the static dependency
-     * graph, it considers it "dead code" and removes it to optimize the bundle size.
-     *
-     * The code that registers the component with the browser (`customElements.define(...)`)
-     * is inside that removed file, so it never runs, and the component fails to load in the
-     * final application. This issue does not appear in Vite's dev server, which has minimal
-     * tree-shaking.
-     *
-     * ### How This Component Works
-     *
-     * By wrapping the dynamically used component inside `<ghost-render>` in the parent's
-     * JSX, we make the component tag visible to Stencil's static analyzer. The compiler
-     * now correctly includes the child in the parent's dependency graph. The bundler then
-     * sees this dependency and preserves the component in the final build.
-     *
-     * The `<ghost-render>` component itself is styled with `display: none;`, ensuring that
-     * neither it nor its slotted children are ever rendered to the DOM, having no visual
-     * impact.
-     *
-     * ### Example
-     *
-     * ```tsx
-     * // In the parent component that dynamically loads <udp-dialog>
-     * render() {
-     * return (
-     * <div>
-     * <ghost-render>
-     * <udp-dialog />
-     * </ghost-render>
-     *
-     * { // ... logic that dynamically renders the dialog ... }
-     * </div>
-     * );
-     * }
-     * ```
-     *
-     * The preferred long-term solution is always to refactor dynamic features into
-     * proper, statically rendered Stencil components. This is a workaround for when that
-     * is not immediately feasible.
-     */
-    render() {
-        // The <slot /> is necessary to prevent the Stencil compiler from
-        // overly optimizing this component's output and aliasing the
-        // defineCustomElement export, which breaks downstream wrappers.
-        return (h(Host, { key: '3cbba0443ad2d46698eaa13195bcf7b8bd78a40a' }, h("slot", { key: '94bede4648455fbd3c6603012cf0c29f9dbdabf6' })));
-    }
-    static get style() { return ":host {\n      display: none;\n    }"; }
-}, [257, "ghost-render"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ghost-render"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ghost-render":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, GhostRender);
-            }
-            break;
-    } });
-}
-
-export { GhostRender as G, defineCustomElement as d };
-//# sourceMappingURL=ghost-render2.js.map
-
-//# sourceMappingURL=ghost-render2.js.map
+import{p as e,H as s,h as t,d as n,t as r}from"./index2.js";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(n,{key:"77d50c2b9c9ccbb58d00b4928fcbed63d13c1010"},t("slot",{key:"30730a259776f1452fca147be792d928ba2ee996"}))}static get style(){return":host {\n      display: none;\n    }"}},[257,"ghost-render"]);function c(){"undefined"!=typeof customElements&&["ghost-render"].forEach((e=>{"ghost-render"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))}export{o as G,c as d}

package/dist/components/grid-header.js

@@ -1,9 +1 @@
-import { G as GridHeader$1, d as defineCustomElement$1 } from './grid-header2.js';
-
-const GridHeader = GridHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GridHeader, defineCustomElement };
-//# sourceMappingURL=grid-header.js.map
-
-//# sourceMappingURL=grid-header.js.map
+import{G as r,d as o}from"./grid-header2.js";const s=r,a=o;export{s as GridHeader,a as defineCustomElement}

package/dist/components/grid-header2.js

@@ -1,126 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { g as getIconFromName, d as defineCustomElement$5 } from './udp-icon2.js';
-import { d as defineCustomElement$9 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$8 } from './udp-badge2.js';
-import { d as defineCustomElement$7 } from './udp-button2.js';
-import { d as defineCustomElement$6 } from './udp-chip2.js';
-import { d as defineCustomElement$4 } from './udp-icon-button2.js';
-import { d as defineCustomElement$3 } from './udp-menu2.js';
-import { d as defineCustomElement$2 } from './udp-menu-item2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const gridHeaderCss = ".header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-03) var(--spacing-03) var(--spacing-03) var(--spacing-05);font-family:'Segoe UI', Tahoma, sans-serif;color:var(--grid-header-text);min-height:42px}.header-bar.variant-dark{--grid-header-text:#FFFFFF;--grid-header-icon-hover-bg:rgba(255, 255, 255, 0.12);}.header-bar.variant-light{--grid-header-text:black;--grid-header-icon-hover-bg:rgba(0, 0, 0, 0.08)}.header-bar .header-title{color:inherit;margin:0;white-space:nowrap}.header-bar .actions{display:flex;gap:0.4rem;flex-wrap:nowrap;align-items:center}.header-bar .secondary-actions{display:flex;gap:0.4rem}.menu-trigger-wrapper{position:relative;display:inline-flex}.settings-button{transition:transform 0.2s ease-in-out}.settings-button.is-open{transform:rotate(45deg)}";
-
-const GridHeader = /*@__PURE__*/ proxyCustomElement(class GridHeader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.headerAction = createEvent(this, "headerAction");
-        this.isMenuOpen = false;
-        this.toggleSettingsMenu = () => {
-            this.isMenuOpen = !this.isMenuOpen;
-        };
-    }
-    action(name, payload) {
-        this.headerAction.emit({ name, payload });
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        // Check if there is any content to render before showing the header
-        const hasTitle = !!((_b = (_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.title) === null || _b === void 0 ? void 0 : _b.replace(/\u00A0/g, ' ').trim());
-        const hasPrimaryAction = !!((_d = (_c = this.headerConfig) === null || _c === void 0 ? void 0 : _c.primaryActionButton) === null || _d === void 0 ? void 0 : _d.label);
-        const hasSecondaryActions = (((_f = (_e = this.headerConfig) === null || _e === void 0 ? void 0 : _e.secondaryActionButtons) === null || _f === void 0 ? void 0 : _f.length) || 0) > 0;
-        const hasGridFunctions = (((_g = this.gridFunctions) === null || _g === void 0 ? void 0 : _g.length) || 0) > 0;
-        const shouldRenderContent = hasTitle || hasPrimaryAction || hasSecondaryActions || hasGridFunctions;
-        // If there's nothing to show, render nothing.
-        if (!shouldRenderContent) {
-            return null;
-        }
-        const variantClass = `variant-${((_h = this.headerConfig) === null || _h === void 0 ? void 0 : _h.variant) || 'light'}`;
-        const enabledFunctionNames = new Set(this.gridFunctions.map(config => config.name));
-        const settingsMenuActions = [
-            'agGridSizeColumnsToFit',
-            'agGridAutoSizeColumns',
-            'agGridHideShowColumns',
-            'agGridResetColumns',
-            'agGridExport',
-        ];
-        const shouldRenderSettingsButton = settingsMenuActions.some(action => enabledFunctionNames.has(action));
-        return (h("div", { class: `header-bar ${variantClass}` }, h("unity-typography", { variant: "h6", color: "inherit" }, this.headerConfig.title), h("div", { class: "actions" }, shouldRenderSettingsButton && (h("udp-icon-button", { class: {
-                'settings-button': true,
-                'is-open': this.isMenuOpen,
-            }, onClick: this.toggleSettingsMenu, ref: (el) => {
-                this.menuAnchorEl = el ? el : undefined;
-            }, icon: getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" })), h("udp-menu", { open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, enabledFunctionNames.has('agGridSizeColumnsToFit') && (h("udp-menu-item", { label: "Size Columns To Fit", iconName: "fitToWidth", onItemClick: () => this.action('agGridSizeColumnsToFit') })), enabledFunctionNames.has('agGridAutoSizeColumns') && (h("udp-menu-item", { label: "Auto Size Columns", iconName: "column", onItemClick: () => this.action('agGridAutoSizeColumns') })), enabledFunctionNames.has('agGridHideShowColumns') && (h("udp-menu-item", { label: "Hide/Show Columns", iconName: "hideColumn", onItemClick: () => this.action('agGridHideShowColumns') })), enabledFunctionNames.has('agGridResetColumns') && (h("udp-menu-item", { label: "Reset Columns", iconName: "reset", onItemClick: () => this.action('agGridResetColumns') })), enabledFunctionNames.has('agGridExport') && (h("udp-menu-item", { label: "CSV Export", iconName: "export", onItemClick: () => this.action('agGridExport') }))), enabledFunctionNames.has('openSavedViews') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "dataTable", label: 'Views', clickable: true, onChipClick: () => this.action('openSavedViews'), size: "medium" })), enabledFunctionNames.has('udpExport') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "export", label: 'Export', clickable: true, onChipClick: () => this.action('udpExport'), size: "medium" })), enabledFunctionNames.has('advancedSearch') && (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: "search", label: 'Search', clickable: true, onChipClick: () => this.action('advancedSearch'), size: "medium" })), h("div", { class: "secondary-actions" }, (_k = (_j = this.headerConfig) === null || _j === void 0 ? void 0 : _j.secondaryActionButtons) === null || _k === void 0 ? void 0 : _k.map(action => (h("udp-chip", { color: "monochrome", variant: "outlined", startIcon: action === null || action === void 0 ? void 0 : action.iconName, label: action === null || action === void 0 ? void 0 : action.label, clickable: !(action === null || action === void 0 ? void 0 : action.disabled), onChipClick: action.onClick, size: "medium" })))), h("div", { class: "primary-action" }, ((_m = (_l = this.headerConfig) === null || _l === void 0 ? void 0 : _l.primaryActionButton) === null || _m === void 0 ? void 0 : _m.label) && (h("udp-button", { variant: "contained", onButtonClick: (_p = (_o = this.headerConfig) === null || _o === void 0 ? void 0 : _o.primaryActionButton) === null || _p === void 0 ? void 0 : _p.onClick, color: "secondary", disabled: (_r = (_q = this.headerConfig) === null || _q === void 0 ? void 0 : _q.primaryActionButton) === null || _r === void 0 ? void 0 : _r.disabled, loading: (_t = (_s = this.headerConfig) === null || _s === void 0 ? void 0 : _s.primaryActionButton) === null || _t === void 0 ? void 0 : _t.loading, endIcon: ((_v = (_u = this.headerConfig) === null || _u === void 0 ? void 0 : _u.primaryActionButton) === null || _v === void 0 ? void 0 : _v.iconName) && (h("udp-icon", { iconName: (_x = (_w = this.headerConfig) === null || _w === void 0 ? void 0 : _w.primaryActionButton) === null || _x === void 0 ? void 0 : _x.iconName, color: "inherit" })) }, (_z = (_y = this.headerConfig) === null || _y === void 0 ? void 0 : _y.primaryActionButton) === null || _z === void 0 ? void 0 : _z.label))))));
-    }
-    static get style() { return gridHeaderCss; }
-}, [256, "grid-header", {
-        "headerConfig": [16],
-        "gridFunctions": [16],
-        "isMenuOpen": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["grid-header", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-chip", "udp-icon", "udp-icon-button", "udp-menu", "udp-menu-item", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "grid-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, GridHeader);
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-menu":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { GridHeader as G, defineCustomElement as d };
-//# sourceMappingURL=grid-header2.js.map
-
-//# sourceMappingURL=grid-header2.js.map
+import{p as i,H as e,c as o,h as t,t as n}from"./index2.js";import{g as a,d}from"./udp-icon2.js";import{d as s}from"./udp-ambient-tool-tip2.js";import{d as r}from"./udp-badge2.js";import{d as l}from"./udp-button2.js";import{d as u}from"./udp-chip2.js";import{d as c}from"./udp-icon-button2.js";import{d as m}from"./udp-menu2.js";import{d as p}from"./udp-menu-item2.js";import{d as h}from"./unity-typography2.js";const v=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.headerAction=o(this,"headerAction"),this.isMenuOpen=!1,this.toggleSettingsMenu=()=>{this.isMenuOpen=!this.isMenuOpen}}action(i,e){this.headerAction.emit({name:i,payload:e})}render(){var i,e,o,n,d,s,r,l,u,c,m,p,h,v,g,b,C,f,k,y,x,S,E,G;const w=!!(null===(e=null===(i=this.headerConfig)||void 0===i?void 0:i.title)||void 0===e?void 0:e.replace(/\u00A0/g," ").trim()),z=!!(null===(n=null===(o=this.headerConfig)||void 0===o?void 0:o.primaryActionButton)||void 0===n?void 0:n.label),j=((null===(s=null===(d=this.headerConfig)||void 0===d?void 0:d.secondaryActionButtons)||void 0===s?void 0:s.length)||0)>0,F=((null===(r=this.gridFunctions)||void 0===r?void 0:r.length)||0)>0;if(!(w||z||j||F))return null;const I=`variant-${(null===(l=this.headerConfig)||void 0===l?void 0:l.variant)||"light"}`,T=new Set(this.gridFunctions.map((i=>i.name))),A=["agGridSizeColumnsToFit","agGridAutoSizeColumns","agGridHideShowColumns","agGridResetColumns","agGridExport"].some((i=>T.has(i)));return t("div",{class:`header-bar ${I}`},t("unity-typography",{variant:"h6",color:"inherit"},this.headerConfig.title),t("div",{class:"actions"},A&&t("udp-icon-button",{class:{"settings-button":!0,"is-open":this.isMenuOpen},onClick:this.toggleSettingsMenu,ref:i=>{this.menuAnchorEl=i||void 0},icon:a("settings"),variant:"outlined",size:"small",color:"inherit"}),t("udp-menu",{open:this.isMenuOpen,anchor:this.menuAnchorEl,handleClose:()=>this.isMenuOpen=!1},T.has("agGridSizeColumnsToFit")&&t("udp-menu-item",{label:"Size Columns To Fit",iconName:"fitToWidth",onItemClick:()=>this.action("agGridSizeColumnsToFit")}),T.has("agGridAutoSizeColumns")&&t("udp-menu-item",{label:"Auto Size Columns",iconName:"column",onItemClick:()=>this.action("agGridAutoSizeColumns")}),T.has("agGridHideShowColumns")&&t("udp-menu-item",{label:"Hide/Show Columns",iconName:"hideColumn",onItemClick:()=>this.action("agGridHideShowColumns")}),T.has("agGridResetColumns")&&t("udp-menu-item",{label:"Reset Columns",iconName:"reset",onItemClick:()=>this.action("agGridResetColumns")}),T.has("agGridExport")&&t("udp-menu-item",{label:"CSV Export",iconName:"export",onItemClick:()=>this.action("agGridExport")})),T.has("openSavedViews")&&t("udp-chip",{color:"monochrome",variant:"outlined",startIcon:"dataTable",label:"Views",clickable:!0,onChipClick:()=>this.action("openSavedViews"),size:"medium"}),T.has("udpExport")&&t("udp-chip",{color:"monochrome",variant:"outlined",startIcon:"export",label:"Export",clickable:!0,onChipClick:()=>this.action("udpExport"),size:"medium"}),T.has("advancedSearch")&&t("udp-chip",{color:"monochrome",variant:"outlined",startIcon:"search",label:"Search",clickable:!0,onChipClick:()=>this.action("advancedSearch"),size:"medium"}),t("div",{class:"secondary-actions"},null===(c=null===(u=this.headerConfig)||void 0===u?void 0:u.secondaryActionButtons)||void 0===c?void 0:c.map((i=>t("udp-chip",{color:"monochrome",variant:"outlined",startIcon:null==i?void 0:i.iconName,label:null==i?void 0:i.label,clickable:!(null==i?void 0:i.disabled),onChipClick:i.onClick,size:"medium"})))),t("div",{class:"primary-action"},(null===(p=null===(m=this.headerConfig)||void 0===m?void 0:m.primaryActionButton)||void 0===p?void 0:p.label)&&t("udp-button",{variant:"contained",onButtonClick:null===(v=null===(h=this.headerConfig)||void 0===h?void 0:h.primaryActionButton)||void 0===v?void 0:v.onClick,color:"secondary",disabled:null===(b=null===(g=this.headerConfig)||void 0===g?void 0:g.primaryActionButton)||void 0===b?void 0:b.disabled,loading:null===(f=null===(C=this.headerConfig)||void 0===C?void 0:C.primaryActionButton)||void 0===f?void 0:f.loading,endIcon:(null===(y=null===(k=this.headerConfig)||void 0===k?void 0:k.primaryActionButton)||void 0===y?void 0:y.iconName)&&t("udp-icon",{iconName:null===(S=null===(x=this.headerConfig)||void 0===x?void 0:x.primaryActionButton)||void 0===S?void 0:S.iconName,color:"inherit"})},null===(G=null===(E=this.headerConfig)||void 0===E?void 0:E.primaryActionButton)||void 0===G?void 0:G.label))))}static get style(){return".header-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-03) var(--spacing-03) var(--spacing-03) var(--spacing-05);font-family:'Segoe UI', Tahoma, sans-serif;color:var(--grid-header-text);min-height:42px}.header-bar.variant-dark{--grid-header-text:#FFFFFF;--grid-header-icon-hover-bg:rgba(255, 255, 255, 0.12);}.header-bar.variant-light{--grid-header-text:black;--grid-header-icon-hover-bg:rgba(0, 0, 0, 0.08)}.header-bar .header-title{color:inherit;margin:0;white-space:nowrap}.header-bar .actions{display:flex;gap:0.4rem;flex-wrap:nowrap;align-items:center}.header-bar .secondary-actions{display:flex;gap:0.4rem}.menu-trigger-wrapper{position:relative;display:inline-flex}.settings-button{transition:transform 0.2s ease-in-out}.settings-button.is-open{transform:rotate(45deg)}"}},[0,"grid-header",{headerConfig:[16],gridFunctions:[16],isMenuOpen:[32]}]);function g(){"undefined"!=typeof customElements&&["grid-header","udp-ambient-tool-tip","udp-badge","udp-button","udp-chip","udp-icon","udp-icon-button","udp-menu","udp-menu-item","unity-typography"].forEach((i=>{switch(i){case"grid-header":customElements.get(n(i))||customElements.define(n(i),v);break;case"udp-ambient-tool-tip":customElements.get(n(i))||s();break;case"udp-badge":customElements.get(n(i))||r();break;case"udp-button":customElements.get(n(i))||l();break;case"udp-chip":customElements.get(n(i))||u();break;case"udp-icon":customElements.get(n(i))||d();break;case"udp-icon-button":customElements.get(n(i))||c();break;case"udp-menu":customElements.get(n(i))||m();break;case"udp-menu-item":customElements.get(n(i))||p();break;case"unity-typography":customElements.get(n(i))||h()}}))}export{v as G,g as d}

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

@@ -1,9 +1 @@
-import { G as GridPrimaryBar$1, d as defineCustomElement$1 } from './grid-primary-bar2.js';
-
-const GridPrimaryBar = GridPrimaryBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GridPrimaryBar, defineCustomElement };
-//# sourceMappingURL=grid-primary-bar.js.map
-
-//# sourceMappingURL=grid-primary-bar.js.map
+import{G as r,d as a}from"./grid-primary-bar2.js";const o=r,s=a;export{o as GridPrimaryBar,s as defineCustomElement}