udp-stencil-component-library 1.0.0

package/dist/components/p-C0O6l6cU.js

@@ -0,0 +1,50 @@
+import axios from 'axios';
+
+class ApiService {
+    // Initialize the serviceUrl using the constructor, the default is an empty string
+    constructor(serviceUrl = '') {
+        this.serviceUrl = serviceUrl;
+    }
+    // Method to update the base URL dynamically
+    setServiceUrl(url) {
+        this.serviceUrl = url;
+    }
+    getJSONFile(url) {
+        const headersConfig = {};
+        headersConfig['ignoreLoadingBar'] = '';
+        return axios.get(url, { headers: headersConfig });
+    }
+    get(path, params = {}, externalUrlDomain = '') {
+        const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;
+        return axios.get(url, { params });
+    }
+    put(path, body = {}, externalUrlDomain, isFormData = false) {
+        const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;
+        if (!isFormData) {
+            body = JSON.stringify(body);
+        }
+        return axios.put(url, body);
+    }
+    post(path, body = {}, externalUrlDomain, isFormData = false, params) {
+        const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;
+        if (!isFormData) {
+            body = JSON.stringify(body);
+        }
+        return axios.post(url, body, { params });
+    }
+    multipartForm(path, body, isContentJson) {
+        const formData = new FormData();
+        formData.append('file', body);
+        const url = `${this.serviceUrl}${path}`;
+        return axios.post(url, formData, isContentJson ? { headers: { 'Content-Type': 'multipart/form-data' } } : {});
+    }
+    delete(path, externalUrlDomain = '') {
+        const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;
+        return axios.delete(url);
+    }
+}
+
+export { ApiService as A };
+//# sourceMappingURL=p-C0O6l6cU.js.map
+
+//# sourceMappingURL=p-C0O6l6cU.js.map

package/dist/components/p-C0O6l6cU.js.map

@@ -0,0 +1 @@
+{"file":"p-C0O6l6cU.js","mappings":";;MAOa,UAAU,CAAA;;AAIrB,IAAA,WAAA,CAAY,aAAqB,EAAE,EAAA;AACjC,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU;;;AAM9B,IAAA,aAAa,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,UAAU,GAAG,GAAG;;AAGvB,IAAA,WAAW,CAAC,GAAW,EAAA;QACrB,MAAM,aAAa,GAAG,EAAE;AACxB,QAAA,aAAa,CAAC,kBAAkB,CAAC,GAAG,EAAE;AACtC,QAAA,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;;AAGnD,IAAA,GAAG,CAAC,IAAY,EAAE,SAAc,EAAE,EAAE,oBAA4B,EAAE,EAAA;QAChE,MAAM,GAAG,GAAG,iBAAiB,GAAG,CAAA,EAAG,iBAAiB,CAAG,EAAA,IAAI,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAA,EAAG,IAAI,CAAA,CAAE;QAC3F,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAqB;;IAGvD,GAAG,CAAC,IAAY,EAAE,IAAA,GAAY,EAAE,EAAE,iBAA0B,EAAE,UAAA,GAAsB,KAAK,EAAA;QACvF,MAAM,GAAG,GAAG,iBAAiB,GAAG,CAAA,EAAG,iBAAiB,CAAG,EAAA,IAAI,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAA,EAAG,IAAI,CAAA,CAAE;QAC3F,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;QAE7B,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC;;IAG7B,IAAI,CAAC,IAAY,EAAE,IAAY,GAAA,EAAE,EAAE,iBAA0B,EAAE,UAAA,GAAsB,KAAK,EAAE,MAAY,EAAA;QACtG,MAAM,GAAG,GAAG,iBAAiB,GAAG,CAAA,EAAG,iBAAiB,CAAG,EAAA,IAAI,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAA,EAAG,IAAI,CAAA,CAAE;QAC3F,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;AAE7B,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;;AAG1C,IAAA,aAAa,CAAC,IAAY,EAAE,IAAS,EAAE,aAAuB,EAAA;AAC5D,QAAA,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE;AAC/B,QAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAA,EAAG,IAAI,CAAA,CAAE;QACvC,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,aAAa,GAAG,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,GAAG,EAAE,CAAC;;AAG/G,IAAA,MAAM,CAAC,IAAY,EAAE,iBAAA,GAA4B,EAAE,EAAA;QACjD,MAAM,GAAG,GAAG,iBAAiB,GAAG,CAAA,EAAG,iBAAiB,CAAG,EAAA,IAAI,EAAE,GAAG,CAAG,EAAA,IAAI,CAAC,UAAU,CAAA,EAAG,IAAI,CAAA,CAAE;AAC3F,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;;AAE3B;;;;","names":[],"sources":["src/udp-utilities/api/api-services.ts"],"sourcesContent":["import axios, { AxiosResponse } from 'axios';\n\n\nexport interface ApiResponse<T> extends Promise<AxiosResponse<T>> {\n    // Add other members from Observable if you need\n  }\n\nexport class ApiService {\n  private serviceUrl: string;\n\n  // Initialize the serviceUrl using the constructor, the default is an empty string\n  constructor(serviceUrl: string = '') {\n    this.serviceUrl = serviceUrl;\n  }\n\n  \n\n  // Method to update the base URL dynamically\n  setServiceUrl(url: string) {\n    this.serviceUrl = url;\n  }\n\n  getJSONFile(url: string): ApiResponse<any> {\n    const headersConfig = {};\n    headersConfig['ignoreLoadingBar'] = '';\n    return axios.get(url, { headers: headersConfig });\n  }\n\n  get(path: string, params: any = {}, externalUrlDomain: string = ''): ApiResponse<any> {\n    const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;\n    return axios.get(url, { params }) as ApiResponse<any>;\n  }\n\n  put(path: string, body: any = {}, externalUrlDomain?: string, isFormData: boolean = false): ApiResponse<any> {\n    const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;\n    if (!isFormData) {\n      body = JSON.stringify(body);\n    }\n    return axios.put(url, body);\n  }\n\n  post(path: string, body: any = {}, externalUrlDomain?: string, isFormData: boolean = false, params?: any): ApiResponse<any> {\n    const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;\n    if (!isFormData) {\n      body = JSON.stringify(body);\n    }\n    return axios.post(url, body, { params });\n  }\n\n  multipartForm(path: string, body: any, isContentJson?: boolean): ApiResponse<any> {\n    const formData = new FormData();\n    formData.append('file', body);\n    const url = `${this.serviceUrl}${path}`;\n    return axios.post(url, formData, isContentJson ? { headers: { 'Content-Type': 'multipart/form-data' } } : {});\n  }\n\n  delete(path: string, externalUrlDomain: string = ''): ApiResponse<any> {\n    const url = externalUrlDomain ? `${externalUrlDomain}${path}` : `${this.serviceUrl}${path}`;\n    return axios.delete(url);\n  }\n}\n"],"version":3}

package/dist/components/p-C0UDJI6E.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+
+const udpTabsCss = ".tab-header{display:flex;background-color:#ffffff;border-bottom:1px solid #e0e0e0}.tab-header button{flex-grow:1;padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.3s ease}.tab-header button.active{border-bottom:2px solid 'var(--secondary-color)';font-weight:600}.tab-content{display:flex;flex-direction:column;padding:16px;background-color:#ffffff}.tab-header button{cursor:pointer;border:none;padding:16px;background-color:transparent;color:#757575}.tab-header button.active{border-bottom:2px solid #344861;color:#344861;font-weight:600}";
+
+const UdpTabs = /*@__PURE__*/ proxyCustomElement(class UdpTabs extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.activeTab = 0;
+    }
+    tabClicked(tabIndex) {
+        this.activeTab = tabIndex;
+    }
+    render() {
+        return (h("div", { key: '854b0d33ce0d1b4ecf87548872c3d746d6a4612a' }, h("div", { key: '9728a489531612437271338f513780409e8a5783', class: "tab-header" }, h("slot", { key: 'dab906eed327c07e1bd8dd84539c284a611c2ebf', name: "tab-title" })), h("div", { key: 'd10dc1c4ee2b29937a51201240b34b4b7a259171' }, h("slot", { key: 'a40a3c495eb703532394bc29b2cda6e34eede7da' }))));
+    }
+    static get style() { return udpTabsCss; }
+}, [4, "udp-tabs", {
+        "activeTab": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-tabs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-tabs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpTabs);
+            }
+            break;
+    } });
+}
+
+export { UdpTabs as U, defineCustomElement as d };
+//# sourceMappingURL=p-C0UDJI6E.js.map
+
+//# sourceMappingURL=p-C0UDJI6E.js.map

package/dist/components/p-C0UDJI6E.js.map

@@ -0,0 +1 @@
+{"file":"p-C0UDJI6E.js","mappings":";;AAAA,MAAM,UAAU,GAAG,imBAAimB;;MCMvmB,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AAJpB,IAAA,WAAA,GAAA;;;AAKW,QAAA,IAAS,CAAA,SAAA,GAAW,CAAC;AAoB/B;AAlBC,IAAA,UAAU,CAAC,QAAgB,EAAA;AACzB,QAAA,IAAI,CAAC,SAAS,GAAG,QAAQ;;IAG3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,WAAW,EAAA,CAEf,CACH,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACF;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/tabs/tab/tabs/udp-tabs.css?tag=udp-tabs","src/components/my-component/UI/tabs/tab/tabs/udp-tabs.tsx"],"sourcesContent":[".tab-header {\n    display: flex;\n    background-color: #ffffff;\n    border-bottom: 1px solid #e0e0e0;\n  }\n  \n  .tab-header button {\n    flex-grow: 1;\n    padding: 16px;\n    font-size: 14px;\n    text-align: center;\n    border: none;\n    background: none;\n    cursor: pointer;\n    outline: none;\n    transition: all 0.3s ease;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid 'var(--secondary-color)';\n    font-weight: 600;\n  }\n  \n  .tab-content {\n    display: flex;\n    flex-direction: column;\n    padding: 16px;\n    background-color: #ffffff;\n  }\n  \n  .tab-header button {\n    cursor: pointer;\n    border: none;\n    padding: 16px;\n    background-color: transparent;\n    color: #757575;\n  }\n  \n  .tab-header button.active {\n    border-bottom: 2px solid #344861;\n    color: #344861;\n    font-weight: 600;\n  }\n  ","import { Component, h, State } from '@stencil/core';\n\n@Component({\n  tag: 'udp-tabs',\n  styleUrl: 'udp-tabs.css',\n})\nexport class UdpTabs {\n  @State() activeTab: number = 0;\n\n  tabClicked(tabIndex: number) {\n    this.activeTab = tabIndex;\n  }\n\n  render() {\n    return (\n      <div>\n        <div class=\"tab-header\">\n          <slot name=\"tab-title\">\n            {/* Titles go here */}\n          </slot>\n        </div>\n        <div>\n          <slot></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C6110wen.js

@@ -0,0 +1,66 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$2 } from './p-Dx-EPCPD.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const fileUploadRendererCss = ".file-upload-input-container{display:flex;flex-direction:column;gap:var(--spacing-04, 16px);}";
+
+const FileUploadRenderer = /*@__PURE__*/ proxyCustomElement(class FileUploadRenderer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: 'dec3714256b09033bf10def1eb5de2a85ab663f3', class: "file-upload-input-container" }, h("div", { key: '7497f715c76a023d3c26a117528bd0e887868267' }, h("stencil-toggle", { key: '68b2c5c8e9c1d2e919fe97323894729154c09c7c', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" })), h("div", { key: '596c796275a7c3a5196daf9610491adfa1582a0e' }, h("stencil-toggle", { key: '8237bce777b5c51c5b4876f041cfce61698c131e', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
+                if (this.isViewOnly)
+                    return;
+                const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
+                const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');
+                this.onFormSectionsDraftChange(updated);
+            }, labelPosition: "right" }))));
+    }
+    static get style() { return fileUploadRendererCss; }
+}, [1, "file-upload-renderer", {
+        "question": [16],
+        "isViewOnly": [4, "is-view-only"],
+        "formSectionsDraft": [16, "form-sections-draft"],
+        "sIndex": [2, "s-index"],
+        "qIndex": [2, "q-index"],
+        "onFormSectionsDraftChange": [16, "on-form-sections-draft-change"],
+        "getHandler": [16, "get-handler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["file-upload-renderer", "stencil-toggle", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "file-upload-renderer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FileUploadRenderer);
+            }
+            break;
+        case "stencil-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FileUploadRenderer as F, defineCustomElement as d };
+//# sourceMappingURL=p-C6110wen.js.map
+
+//# sourceMappingURL=p-C6110wen.js.map

package/dist/components/p-C6110wen.js.map

@@ -0,0 +1 @@
+{"file":"p-C6110wen.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,+FAA+F;;MCShH,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;;;;;;IAS7B,MAAM,GAAA;;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,6BAA6B,EAAA,EACtC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,eAAe,CAAA,EACzD,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,iBAAiB,CAAC;AAC5F,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;AACzC,aAAC,EACD,aAAa,EAAC,OAAO,GACL,CACd,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,OAAO,EAAE,CAAC,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAA,EACpD,eAAe,EAAE,MAAK;gBACpB,IAAI,IAAI,CAAC,UAAU;oBAAE;AACrB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,kCAAkC,CAAC;AAC9F,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC;AACvF,gBAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;aACxC,EACD,aAAa,EAAC,OAAO,GACL,CACd,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.css?tag=file-upload-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question_type_renderers/file-upload-renderer.tsx"],"sourcesContent":["/* Styles for file-upload-renderer */\n.file-upload-input-container {\n  display: flex;\n  flex-direction: column; /* Stack toggles vertically */\n  gap: var(--spacing-04, 16px); /* Consistent spacing with other components */\n}\n\n/* Add any other specific styles for file upload inputs here */ ","import { Component, h, Prop } from '@stencil/core';\nimport { UdpFormQuestion } from 'src/components/my-component/UI/forms/udp-forms/types';\n// stencil-toggle should be globally available or imported if necessary\n\n@Component({\n  tag: 'file-upload-renderer',\n  styleUrl: 'file-upload-renderer.css',\n  shadow: true,\n})\nexport class FileUploadRenderer {\n  @Prop() question: UdpFormQuestion;\n  @Prop() isViewOnly: boolean;\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n  @Prop() getHandler: (fieldTypeId: number, handlerName: string) => any;\n\n  render() {\n    return (\n      <div class=\"file-upload-input-container\">\n        <div>\n          <stencil-toggle\n            label=\"Hide Drag And Drop\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideDragAndDrop}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n        <div>\n          <stencil-toggle\n            label=\"Hide Button\"\n            disabled={this.isViewOnly}\n            checked={!!this.question.fieldProperties?.hideButton}\n            onToggledChange={() => {\n              if (this.isViewOnly) return;\n              const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');\n              const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideButton');\n              this.onFormSectionsDraftChange(updated);\n            }}\n            labelPosition=\"right\"\n          ></stencil-toggle>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C6aDnKNm.js

@@ -0,0 +1,266 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { b as parseValueToNumberMultiSeries, p as parseValueToNumber, a as addAxisLabelsToXYChart } from './p-Dh0ptk6J.js';
+import * as am5 from '@amcharts/amcharts5/index';
+import * as am5xy from '@amcharts/amcharts5/xy';
+import am5themes_Animated from '@amcharts/amcharts5/themes/Animated';
+import { d as defineCustomElement$8 } from './p-BEwTqpWE.js';
+import { d as defineCustomElement$7 } from './p-TrvRIo8e.js';
+import { d as defineCustomElement$6 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$5 } from './p-BGjVmQGN.js';
+import { d as defineCustomElement$4 } from './p-DeS7YSzc.js';
+import { d as defineCustomElement$3 } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$2 } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const udpLineChartCss = "#udp-line-chart{height:500px;width:500px;z-index:1000}";
+
+function isValidDateString(dateString) {
+    const date = new Date(dateString);
+    return !isNaN(date.getTime());
+}
+const UdpLineChart = /*@__PURE__*/ proxyCustomElement(class UdpLineChart extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.xAxisField = undefined;
+        this.yAxisField = undefined;
+        this.title = undefined;
+        this.subheader = undefined;
+        this.size = 'medium';
+        this.kpis = undefined;
+        this.xLabel = undefined;
+        this.yLabel = undefined;
+        this.customCardStyle = {};
+        this.kpisPosition = 'left';
+        this.hideAdornment = false;
+        this.hideScrollbarX = false;
+        this.valueYFields = undefined;
+        this.showBullets = false;
+        this.chartId = 'udp-line-chart';
+    }
+    componentDidLoad() {
+        this.transformData();
+    }
+    transformData() {
+        var _a;
+        this.transformedData = (_a = this.data) === null || _a === void 0 ? void 0 : _a.map(row => {
+                var _a;
+                return (Object.assign(Object.assign(Object.assign({}, row), { [this.xAxisField]: typeof (row === null || row === void 0 ? void 0 : row[this.xAxisField]) === 'string' && isValidDateString(row === null || row === void 0 ? void 0 : row[this.xAxisField]) ? new Date(row === null || row === void 0 ? void 0 : row[this.xAxisField]).getTime() : row === null || row === void 0 ? void 0 : row[this.xAxisField] }), (((_a = this.valueYFields) === null || _a === void 0 ? void 0 : _a.length) > 0 ? parseValueToNumberMultiSeries(this.valueYFields, row) : { [this.yAxisField]: parseValueToNumber(row === null || row === void 0 ? void 0 : row[this.yAxisField]) })));
+            }).sort((a, b) => a[this.xAxisField] - b[this.xAxisField]);
+    }
+    makeSeries(chart, xAxis, yAxis, serieName, fieldName, root, singleSerie) {
+        const series = chart.series.push(am5xy.LineSeries.new(this.chartRoot, {
+            name: serieName,
+            xAxis: xAxis,
+            yAxis: yAxis,
+            valueYField: fieldName,
+            valueXField: this.xAxisField,
+            tooltip: am5.Tooltip.new(this.chartRoot, {
+                labelText: singleSerie ? '{valueY}' : '{name}: {valueY}',
+            }),
+        }));
+        if (this.showBullets) {
+            series.bullets.push(function () {
+                return am5.Bullet.new(root, {
+                    sprite: am5.Circle.new(root, {
+                        radius: 5,
+                        fill: series.get('fill'),
+                    }),
+                });
+            });
+        }
+        series.data.setAll(this.transformedData);
+        // Make stuff animate on load
+        // https://www.amcharts.com/docs/v5/concepts/animations/
+        series.appear();
+    }
+    async renderChart() {
+        var _a, _b, _c, _d, _e;
+        // sometimes the element cannot be found right away so loop umtil it loads
+        if (((_c = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById) === null || _c === void 0 ? void 0 : _c.call(_b, this.chartId)) == null) {
+            await setTimeout(this.renderChart, 50);
+        }
+        if (this.chartRoot) {
+            this.chartRoot.dispose();
+        }
+        if (!this.xAxisField || (!this.yAxisField && (!this.valueYFields || ((_d = this.valueYFields) === null || _d === void 0 ? void 0 : _d.length) === 0)))
+            return;
+        this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));
+        // Set themes
+        // https://www.amcharts.com/docs/v5/concepts/themes/
+        this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);
+        // Create chart
+        // https://www.amcharts.com/docs/v5/charts/xy-chart/
+        var chart = this.chartRoot.container.children.push(am5xy.XYChart.new(this.chartRoot, {
+            panX: true,
+            panY: true,
+            wheelX: 'panX',
+            wheelY: 'zoomX',
+            pinchZoomX: true,
+            paddingLeft: 0,
+            layout: this.chartRoot.verticalLayout,
+        }));
+        // Add cursor
+        // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/
+        var cursor = chart.set('cursor', am5xy.XYCursor.new(this.chartRoot, {
+            behavior: 'none',
+        }));
+        cursor.lineY.set('visible', false);
+        // Create axes
+        // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
+        var xAxis = chart.xAxes.push(am5xy.DateAxis.new(this.chartRoot, {
+            maxDeviation: 0.2,
+            baseInterval: {
+                timeUnit: 'day',
+                count: 1,
+            },
+            renderer: am5xy.AxisRendererX.new(this.chartRoot, {
+                minorGridEnabled: true,
+            }),
+            tooltip: am5.Tooltip.new(this.chartRoot, {}),
+        }));
+        var yAxis = chart.yAxes.push(am5xy.ValueAxis.new(this.chartRoot, {
+            renderer: am5xy.AxisRendererY.new(this.chartRoot, {
+                pan: 'zoom',
+            }),
+        }));
+        addAxisLabelsToXYChart(this.chartRoot, chart, this.xLabel, this.yLabel);
+        // Add series
+        // https://www.amcharts.com/docs/v5/charts/xy-chart/series/
+        if (((_e = this.valueYFields) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+            var legend = chart.children.push(am5.Legend.new(this.chartRoot, {
+                centerX: am5.p50,
+                x: am5.p50,
+                marginTop: 15,
+                marginBottom: 15,
+            }));
+            this.valueYFields.forEach(field => {
+                this.makeSeries(chart, xAxis, yAxis, field.fieldLabel, field.fieldName, this.chartRoot, false);
+            });
+            legend.data.setAll(chart.series.values);
+        }
+        else {
+            this.makeSeries(chart, xAxis, yAxis, 'Series 1', this.yAxisField, this.chartRoot, true);
+        }
+        // Add scrollbar
+        // https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/
+        if (!this.hideScrollbarX) {
+            chart.set('scrollbarX', am5.Scrollbar.new(this.chartRoot, {
+                orientation: 'horizontal',
+            }));
+        }
+        // Make stuff animate on load
+        // https://www.amcharts.com/docs/v5/concepts/animations/
+        chart.appear(1000, 100);
+    }
+    disconnectedCallback() {
+        // Clean up chart instance on component removal
+        if (this.chartRoot) {
+            this.chartRoot.dispose();
+        }
+    }
+    render() {
+        return (h("chart-container", { key: '47dd32c7c88cf192e74b09c651117da04db99ddd', adjustChartWidthForKpis: true, title: this.title, subheader: this.subheader, size: this.size, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment }));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "xAxisField": ["transformData"],
+        "yAxisField": ["transformData"],
+        "data": ["transformData"],
+        "xLabel": ["transformData"],
+        "yLabel": ["transformData"],
+        "valueYFields": ["transformData"],
+        "transformedData": ["renderChart"],
+        "showBullets": ["renderChart"]
+    }; }
+    static get style() { return udpLineChartCss; }
+}, [1, "udp-line-chart", {
+        "data": [16],
+        "xAxisField": [1, "x-axis-field"],
+        "yAxisField": [1, "y-axis-field"],
+        "title": [1],
+        "subheader": [1],
+        "size": [1],
+        "kpis": [16],
+        "xLabel": [1, "x-label"],
+        "yLabel": [1, "y-label"],
+        "customWidth": [2, "custom-width"],
+        "customHeight": [2, "custom-height"],
+        "customCardWidth": [2, "custom-card-width"],
+        "customCardStyle": [16, "custom-card-style"],
+        "kpisPosition": [1, "kpis-position"],
+        "hideAdornment": [4, "hide-adornment"],
+        "hideScrollbarX": [4, "hide-scrollbar-x"],
+        "valueYFields": [16, "value-y-fields"],
+        "showBullets": [4, "show-bullets"],
+        "transformedData": [32],
+        "makeSeries": [64]
+    }, undefined, {
+        "xAxisField": ["transformData"],
+        "yAxisField": ["transformData"],
+        "data": ["transformData"],
+        "xLabel": ["transformData"],
+        "yLabel": ["transformData"],
+        "valueYFields": ["transformData"],
+        "transformedData": ["renderChart"],
+        "showBullets": ["renderChart"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-line-chart", "chart-container", "chart-kpi", "stencil-icon-button", "udp-adornment", "udp-ambient-card", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-line-chart":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpLineChart);
+            }
+            break;
+        case "chart-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "chart-kpi":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-adornment":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-ambient-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpLineChart as U, defineCustomElement as d };
+//# sourceMappingURL=p-C6aDnKNm.js.map
+
+//# sourceMappingURL=p-C6aDnKNm.js.map

package/dist/components/p-C6aDnKNm.js.map

@@ -0,0 +1 @@
+{"file":"p-C6aDnKNm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.css?tag=udp-line-chart&encapsulation=shadow","src/components/my-component/UI/charts/udp-line-chart/udp-line-chart.tsx"],"sourcesContent":["#udp-line-chart{\n    height: 500px;\n    width: 500px;\n    z-index: 1000;\n}","import { State, h, Component, Prop, Element, Build, Watch, Method } from '@stencil/core';\nimport { addAxisLabelsToXYChart, parseValueToNumberMultiSeries } from '../chartUtils';\n\nimport * as am5 from '@amcharts/amcharts5/index';\nimport * as am5xy from '@amcharts/amcharts5/xy';\nimport am5themes_Animated from '@amcharts/amcharts5/themes/Animated';\nimport { parseValueToNumber } from '../chartUtils';\nfunction isValidDateString(dateString: string): boolean {\n  const date = new Date(dateString);\n  return !isNaN(date.getTime());\n}\nconst generateMockData = () => {\n  // Generate random data\n  let date = new Date();\n  date.setHours(0, 0, 0, 0);\n  let value = 100;\n\n  function generateData() {\n    value = Math.round(Math.random() * 10 - 5 + value);\n    am5.time.add(date, 'day', 1);\n    return {\n      date: date.getTime(),\n      value: value,\n    };\n  }\n\n  function generateDatas(count) {\n    let data = [];\n    for (var i = 0; i < count; ++i) {\n      data.push(generateData());\n    }\n    return data;\n  }\n  return generateDatas(1200);\n};\n@Component({\n  tag: 'udp-line-chart',\n  styleUrl: 'udp-line-chart.css',\n  shadow: true,\n})\nexport class UdpLineChart {\n  @Element() el: HTMLElement;\n\n  @Prop() data: { [key: string]: any }[];\n  @Prop() xAxisField: string = Build.isDev ? 'date' : undefined;\n  @Prop() yAxisField: string = Build.isDev ? 'value' : undefined;\n  @Prop() title: string = Build.isDev ? 'Test header' : undefined;\n  @Prop() subheader: string = Build.isDev ? 'Test SubHeader' : undefined;\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  @Prop() kpis: { value: string; label: string }[] = Build.isDev\n    ? [\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n        { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n      ]\n    : undefined;\n  @Prop() xLabel: string = Build.isDev ? 'Test X Label' : undefined;\n  @Prop() yLabel: string = Build.isDev ? 'Test Y Label' : undefined;\n  @Prop() customWidth?: number; // Rather then setting a size you can set a custom width\n  @Prop() customHeight?: number; // Rather then setting a size you can set a custom height\n  @Prop() customCardWidth?: number; // Rather then setting a size you can set a custom card width\n  @Prop() customCardStyle?: { [key: string]: string } = {};\n  @Prop() kpisPosition: 'left' | 'top' = 'left';\n  @Prop() hideAdornment: boolean = false;\n  @Prop() hideScrollbarX: boolean = false;\n  @Prop() valueYFields: { fieldName: string; fieldLabel: string }[] = undefined;\n  @Prop() showBullets: boolean = false;\n  private chartId = 'udp-line-chart';\n  private chartRoot: am5.Root;\n  @State() transformedData: { [key: string]: any }[];\n\n  componentDidLoad() {\n    this.transformData();\n  }\n  @Watch('xAxisField')\n  @Watch('yAxisField')\n  @Watch('data')\n  @Watch('xLabel')\n  @Watch('yLabel')\n  @Watch('valueYFields')\n  transformData() {\n    this.transformedData = Build.isDev\n      ? generateMockData()\n      : this.data\n          ?.map(row => ({\n            ...row,\n            [this.xAxisField]:\n              typeof row?.[this.xAxisField] === 'string' && isValidDateString(row?.[this.xAxisField]) ? new Date(row?.[this.xAxisField]).getTime() : row?.[this.xAxisField],\n            ...(this.valueYFields?.length > 0 ? parseValueToNumberMultiSeries(this.valueYFields, row) : { [this.yAxisField]: parseValueToNumber(row?.[this.yAxisField]) }),\n          }))\n          .sort((a, b) => a[this.xAxisField] - b[this.xAxisField]);\n  }\n\n  @Method()\n  makeSeries(chart, xAxis, yAxis, serieName, fieldName, root, singleSerie) {\n    const series = chart.series.push(\n      am5xy.LineSeries.new(this.chartRoot, {\n        name: serieName,\n        xAxis: xAxis,\n        yAxis: yAxis,\n        valueYField: fieldName,\n        valueXField: this.xAxisField,\n        tooltip: am5.Tooltip.new(this.chartRoot, {\n          labelText: singleSerie ? '{valueY}' : '{name}: {valueY}',\n        }),\n      }),\n    );\n\n    if (this.showBullets) {\n      series.bullets.push(function () {\n        return am5.Bullet.new(root, {\n          sprite: am5.Circle.new(root, {\n            radius: 5,\n            fill: series.get('fill'),\n          }),\n        });\n      });\n    }\n\n    series.data.setAll(this.transformedData);\n    \n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    series.appear();\n\n  }\n\n  @Watch('transformedData')\n  @Watch('showBullets')\n  async renderChart() {\n    // sometimes the element cannot be found right away so loop umtil it loads\n    if (this.el?.shadowRoot?.getElementById?.(this.chartId) == null) {\n      await setTimeout(this.renderChart, 50);\n    }\n\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n\n    if (!this.xAxisField || (!this.yAxisField && (!this.valueYFields || this.valueYFields?.length === 0))) return;\n    this.chartRoot = am5.Root.new(this.el.shadowRoot.getElementById(this.chartId));\n\n    // Set themes\n    // https://www.amcharts.com/docs/v5/concepts/themes/\n    this.chartRoot.setThemes([am5themes_Animated.new(this.chartRoot)]);\n\n    // Create chart\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/\n    var chart = this.chartRoot.container.children.push(\n      am5xy.XYChart.new(this.chartRoot, {\n        panX: true,\n        panY: true,\n        wheelX: 'panX',\n        wheelY: 'zoomX',\n        pinchZoomX: true,\n        paddingLeft: 0,\n        layout: this.chartRoot.verticalLayout,\n      }),\n    );\n\n    // Add cursor\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/\n    var cursor = chart.set(\n      'cursor',\n      am5xy.XYCursor.new(this.chartRoot, {\n        behavior: 'none',\n      }),\n    );\n    cursor.lineY.set('visible', false);\n\n    // Create axes\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/\n    var xAxis = chart.xAxes.push(\n      am5xy.DateAxis.new(this.chartRoot, {\n        maxDeviation: 0.2,\n        baseInterval: {\n          timeUnit: 'day',\n          count: 1,\n        },\n        renderer: am5xy.AxisRendererX.new(this.chartRoot, {\n          minorGridEnabled: true,\n        }),\n        tooltip: am5.Tooltip.new(this.chartRoot, {}),\n      }),\n    );\n\n    var yAxis = chart.yAxes.push(\n      am5xy.ValueAxis.new(this.chartRoot, {\n        renderer: am5xy.AxisRendererY.new(this.chartRoot, {\n          pan: 'zoom',\n        }),\n      }),\n    );\n    addAxisLabelsToXYChart(this.chartRoot, chart, this.xLabel, this.yLabel);\n\n    // Add series\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/series/\n    if (this.valueYFields?.length > 0) {\n      var legend = chart.children.push(\n        am5.Legend.new(this.chartRoot, {\n          centerX: am5.p50,\n          x: am5.p50,\n          marginTop: 15,\n          marginBottom: 15,\n        }),\n      );\n\n      this.valueYFields.forEach(field => {\n        this.makeSeries(chart, xAxis, yAxis, field.fieldLabel, field.fieldName, this.chartRoot, false);\n      });\n      legend.data.setAll(chart.series.values);\n    } else {\n      this.makeSeries(chart, xAxis, yAxis, 'Series 1', this.yAxisField, this.chartRoot, true);\n    }\n    \n    // Add scrollbar\n    // https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/\n    if (!this.hideScrollbarX) {\n      chart.set(\n        'scrollbarX',\n        am5.Scrollbar.new(this.chartRoot, {\n          orientation: 'horizontal',\n        }),\n      );\n    }\n\n    // Make stuff animate on load\n    // https://www.amcharts.com/docs/v5/concepts/animations/\n    chart.appear(1000, 100);\n  }\n\n  disconnectedCallback() {\n    // Clean up chart instance on component removal\n    if (this.chartRoot) {\n      this.chartRoot.dispose();\n    }\n  }\n  render() {\n    return (\n      <chart-container\n        adjustChartWidthForKpis\n        title={this.title}\n        subheader={this.subheader}\n        size={this.size}\n        chartId={this.chartId}\n        kpis={this.kpis}\n        customWidth={this.customWidth}\n        customHeight={this.customHeight}\n        customCardWidth={this.customCardWidth}\n        customCardStyle={this.customCardStyle}\n        kpisPosition={this.kpisPosition}\n        hideAdornment={this.hideAdornment}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C7DS5naX.js

@@ -0,0 +1,46 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const udpRadioButtonCss = ".udp-radio-button{display:inline-flex;align-items:center}input[type=\"radio\"]{opacity:0;width:0;height:0;margin:0;z-index:-1}input[type=\"radio\"]+label{position:relative;padding-left:20px;cursor:pointer;font-size:16px;font-family:'Roboto', sans-serif}input[type=\"radio\"]+label:before{content:\"\";position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;border:1px solid #000;border-radius:50%}input[type=\"radio\"]:checked+label:after{content:\"\";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#000;border-radius:50%}input[type=\"radio\"]:disabled+label{opacity:0.5;cursor:not-allowed}";
+
+const UdpRadioButton = /*@__PURE__*/ proxyCustomElement(class UdpRadioButton extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checked = false;
+        this.disabled = false;
+    }
+    render() {
+        return (h("div", { key: '706f69543e7837bcea769c638e0ec6cd0a952437', class: "udp-radio-button" }, h("slot", { key: '9dd6b94b9dd7209e45fb00bc5289f1968bfa66ca' }, h("input", { key: '3056ee3f550303fabbacf122023664bcaf4c4de0', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: 'd65a02b11b7ba4a770bbd016ef80f23ffe00c8e5', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'd0f4de7f33f46eec69cbe793ddc81beb9d61a6ae', variant: 'caption-text' }, " ", this.label, "  "), " "))));
+    }
+    static get style() { return udpRadioButtonCss; }
+}, [4, "udp-radio-button", {
+        "name": [1],
+        "value": [1],
+        "checked": [4],
+        "disabled": [4],
+        "label": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-radio-button", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-radio-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpRadioButton);
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpRadioButton as U, defineCustomElement as d };
+//# sourceMappingURL=p-C7DS5naX.js.map
+
+//# sourceMappingURL=p-C7DS5naX.js.map

package/dist/components/p-C7DS5naX.js.map

@@ -0,0 +1 @@
+{"file":"p-C7DS5naX.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,kqBAAkqB;;MCO/qB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;AASU,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAqBlC;IAlBC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAE3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,CAAS,MAAA,EAAA,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EACtC,CAAA,EACF,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,OAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,cAAc,EAAA,OAAI,IAAI,CAAC,KAAK,EAAsB,IAAA,CAAA,MAAS,CACrI,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.css?tag=udp-radio-button","src/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.tsx"],"sourcesContent":[".udp-radio-button {\n    display: inline-flex;\n    align-items: center;\n  }\n  \n  input[type=\"radio\"] {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    margin: 0;\n    z-index: -1;\n    \n  }\n  \n  input[type=\"radio\"] + label {\n    position: relative;\n    padding-left: 20px; /* Space for custom radio */\n    cursor: pointer;\n    font-size: 16px;\n    font-family: 'Roboto', sans-serif;\n  }\n  \n  /* Custom radio button */\n  input[type=\"radio\"] + label:before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 17px;\n    height: 17px;\n    border: 1px solid #000;\n    border-radius: 50%;\n  }\n  \n  /* Checked state */\n  input[type=\"radio\"]:checked + label:after {\n    content: \"\";\n    position: absolute;\n    left: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 10px;\n    height: 10px;\n    background-color: #000;\n    border-radius: 50%;\n  }\n  \n  /* Disabled state */\n  input[type=\"radio\"]:disabled + label {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-radio-button',\n  styleUrl: 'udp-radio-button.css',\n  shadow: false\n})\nexport class UdpRadioButton {\n  \n  @Prop() name: string;\n  @Prop() value: string;\n  @Prop() checked: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() label: string;\n\n  render() {\n    return (\n      <div class=\"udp-radio-button\">\n        {/* Moved input and label out of shadow root */}\n        <slot>\n          <input \n            type=\"radio\" \n            name={this.name} \n            value={this.value}\n            checked={this.checked}\n            disabled={this.disabled}\n            id={`radio-${this.name}-${this.value}`}\n          />\n          <label htmlFor={`radio-${this.name}-${this.value}`}> <unity-typography variant='caption-text' > {this.label}  </unity-typography> </label>\n        </slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CC2PFIrk.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const udpColumnHeaderCss = ".header-container{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #ccc;background-color:var(--accent-color-two);color:white}.column,.operator,.criteria{flex:1;text-align:left;padding:4px}";
+
+const UdpColumnHeader = /*@__PURE__*/ proxyCustomElement(class UdpColumnHeader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: '62ffb1c6d4eaa2294ca3393f1045276b56a7c777', class: "header-container" }, h("div", { key: 'b28c4adb6b1133c294825ecd4525cb7492556649', class: "column" }, " ", h("unity-typography", { key: '83484addb967e1e69bcf1604d982819a76a6b017', variant: "button" }, "Column  "), "   "), h("div", { key: '4babc1bdc81eccdcb4618fd1ac13b89247def4df', class: "operator" }, h("unity-typography", { key: '8a6a333fe64bda19ac7b2e01291fe44b688f0160', variant: "button" }, "Operator "), " "), h("div", { key: '58e875c71f078f247b013921ce68d6bf3c66f937', class: "criteria" }, h("unity-typography", { key: '28fc02ca2e3dfc32721afd35dcca740c2990f92b', variant: "button" }, "Criteria  "), "  ")));
+    }
+    static get style() { return udpColumnHeaderCss; }
+}, [1, "udp-column-header"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-column-header", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-column-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpColumnHeader);
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpColumnHeader as U, defineCustomElement as d };
+//# sourceMappingURL=p-CC2PFIrk.js.map
+
+//# sourceMappingURL=p-CC2PFIrk.js.map

package/dist/components/p-CC2PFIrk.js.map

@@ -0,0 +1 @@
+{"file":"p-CC2PFIrk.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,+OAA+O;;MCO7P,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;IAC1B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,OAAE,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,QAAQ,EAA6B,EAAA,UAAA,CAAA,EAAS,KAAA,CAAA,EAC7F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAAC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,QAAQ,EAA8B,EAAA,WAAA,CAAA,EAAO,GAAA,CAAA,EAC7F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAAC,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,QAAQ,EAA+B,EAAA,YAAA,CAAA,EAAQ,IAAA,CAAA,CAC3F;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/data-display/headers/udp-column-header.css?tag=udp-column-header&encapsulation=shadow","src/components/my-component/UI/data-display/headers/udp-column-header.tsx"],"sourcesContent":[".header-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 8px;\n    border-bottom: 1px solid #ccc;\n    background-color: var(--accent-color-two);\n    color: white;\n    \n  }\n  \n  .column, .operator, .criteria {\n    flex: 1;\n    text-align: left;\n    padding: 4px;\n  }\n  ","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-column-header',\n  styleUrl: 'udp-column-header.css',\n  shadow: true\n})\nexport class UdpColumnHeader {\n  render() {\n    return (\n      <div class=\"header-container\">\n        <div class=\"column\"> <unity-typography variant=\"button\" >Column  </unity-typography>   </div>\n        <div class=\"operator\"><unity-typography variant=\"button\" >Operator </unity-typography> </div>\n        <div class=\"criteria\"><unity-typography variant=\"button\" >Criteria  </unity-typography>  </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CGzs_nSP.js

@@ -0,0 +1,38 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.js';
+
+const udpCardContentCss = ":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";
+
+const UdpCardContent = /*@__PURE__*/ proxyCustomElement(class UdpCardContent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.disableGutter = false;
+        this.disablePadding = false;
+    }
+    render() {
+        return (h(Host, { key: '3b31fe55255156c21e02d2b6c454b5e3d5c19e42', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: 'adfee650e06439b6706367abb912fd7bd135b7f9' })));
+    }
+    static get style() { return udpCardContentCss; }
+}, [1, "udp-card-content", {
+        "disableGutter": [4, "disable-gutter"],
+        "disablePadding": [4, "disable-padding"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-card-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-card-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpCardContent);
+            }
+            break;
+    } });
+}
+
+export { UdpCardContent as U, defineCustomElement as d };
+//# sourceMappingURL=p-CGzs_nSP.js.map
+
+//# sourceMappingURL=p-CGzs_nSP.js.map

package/dist/components/p-CGzs_nSP.js.map

@@ -0,0 +1 @@
+{"file":"p-CGzs_nSP.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,2PAA2P;;MCOxQ,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC9B,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AASxC;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,iBAAiB,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC3F,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/data-display/cards/udp-card/udp-card-content/udp-card-content.css?tag=udp-card-content&encapsulation=shadow","src/components/my-component/UI/data-display/cards/udp-card/udp-card-content/udp-card-content.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: var(--spacing-05, 16px);\n}\n\n:host(:last-child) {\n  padding-bottom: var(--spacing-06, 24px);\n}\n\n/* TODO: refactor to remove !important */\n.disable-gutter {\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n}\n\n/* TODO: refactor to remove !important */\n.disable-padding {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'udp-card-content',\n  styleUrl: 'udp-card-content.css',\n  shadow: true,\n})\nexport class UdpCardContent {\n  @Prop() disableGutter: boolean = false;\n  @Prop() disablePadding: boolean = false;\n\n  render() {\n    return (\n      <Host class={{ 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding }}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}