npm - udp-stencil-component-library - Versions diffs - 25.18.1-beta.8 → 25.18.1-beta.9 - Mend

udp-stencil-component-library 25.18.1-beta.8 → 25.18.1-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (965) hide show

package/dist/esm/udp-card-action-area.entry.js CHANGED Viewed

@@ -7,7 +7,7 @@ const UdpCardActionArea = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'ae21a99ecf55da0261fd79773125105c7d8ffd66' }, h("button", { key: 'ba3a8b0787b33208c0f4bad409a42db540a1f10c', class: "button" }, h("slot", { key: 'bea97e746121d9fbb788956c08b16537f950f7d6' }))));
+        return (h(Host, { key: '8aa6f62bf0a6d00e9faaa01690785394a3233c61' }, h("button", { key: '8050e757c5f9a197b9800b0dd743215847d9ba3e', class: "button" }, h("slot", { key: '836fe74f753e3dd77af3a2984c2c8838a62b931e' }))));
     }
 };
 UdpCardActionArea.style = udpCardActionAreaCss;

package/dist/esm/udp-card_6.entry.js CHANGED Viewed

@@ -30,11 +30,11 @@ const UdpCard = class {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: 'b7fc40fddaccf8e1f7b065a1f10759a2f4395d84' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'a7380ff44692ad0123dc52def8b9b49e7b8c4617', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '156cfbd696987a827f44a6cd5e5be838592c242f' }))));
-        return (h(Host, { key: 'b2fcc1723f6cd77e67bd5280fef6ae935626afb5', class: {
+        const mainContent = (h(Fragment, { key: '0689b37dae535348d37509e208962ba3a756ff4b' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'deb9102b93d97b2fede9ee01b51a08bfd32f1bf9', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '7984b6e50173266018aaeb081632eb2e70d88ed1' }))));
+        return (h(Host, { key: '282b9a389d4e7344574ee533fdcedbae79260e08', class: {
                 [this.variant]: true, // This adds 'elevated' or 'outlined'
                 'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: '6355f98f462f2b8a7a300d52cc1d002834b00dae', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '9843f998eae158c58e1c2fe04e6f0049f3034ff3' }, this.actions)));
+            } }, this.adornmentStatus && h("udp-adornment", { key: '12b5f6fcbe682e2819c2739484f8308aa4578742', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'd4c0eda2e0b5c78cafb9e6a704e9b4b40e43eaf5' }, this.actions)));
     }
     get el() { return getElement(this); }
 };
@@ -51,7 +51,7 @@ const UdpCardActions = class {
         this.align = 'end';
     }
     render() {
-        return (h(Host, { key: '9fc889fd6af89dfb9850ef34cb3c834be7a69628', class: this.align }, h("slot", { key: '8d57684b4dc755686e57ccd482a0cb2a17158f6e' })));
+        return (h(Host, { key: '95cf05215118e9f8db05eb3e478217dda1ac72d0', class: this.align }, h("slot", { key: 'a126c66aea6a7f84f46ddb51a89488faa5e921d2' })));
     }
 };
 UdpCardActions.style = udpCardActionsCss;
@@ -65,7 +65,7 @@ const UdpCardContent = class {
         this.disablePadding = false;
     }
     render() {
-        return (h(Host, { key: 'be09df278e7a7120c1c4bd3f544d39915e94ab65', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '223e15697e5b41cea30f8bfc572f6bfb2752f8fa' })));
+        return (h(Host, { key: '2e78093dc300bbf2dd29b56f7acc9709195a4e54', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '81eab6bf06aaddb1aaabd412d6899a41d78cbb1a' })));
     }
 };
 UdpCardContent.style = udpCardContentCss;
@@ -94,7 +94,7 @@ const UdpCardHeader = class {
         const titleContent = this.disableTypography ? this.cardTitle : h("unity-typography", { variant: "h6" }, this.cardTitle);
         const wrappedTitleContent = this.titleHref || this.titleClick ? (h("udp-link", { href: this.titleHref, target: this.titleTarget, onLinkClick: this.handleTitleClick }, titleContent)) : (titleContent);
         const subheaderContent = this.disableTypography ? (this.subheader) : typeof this.subheader === 'string' ? (h("unity-typography", { variant: "body1", color: "textSecondary" }, this.subheader)) : (this.subheader);
-        return (h(Host, { key: '8cec58b9b79911ea5d9549f4dbeeb255fe1ccff7' }, this.avatar && h("div", { key: 'fd15211179b5b66a075bc9286f1ca5cd4e36e043', class: "avatar" }, this.avatar), h("div", { key: '0679d2d5fba60d1c9fc1d92acc85983f514834fd', class: "content" }, h("slot", { key: '29da4a92ee444e699ec93389e2255592892731aa', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '434eb7e9b09f83b2ec7241befa784b13f7c93a9a', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'c76f2268e9afb63b2cf38410b6eb7f316d5c812f' })), this.action && h("div", { key: '69bd50571df1f1a88c2139b6a2ff307dd96a2dbb', class: "action" }, this.action), h("slot", { key: '271527b00faaf3541d4676f539e9d6636b35cc2a', name: "action" })));
+        return (h(Host, { key: '3d5d1541e89f8e32fed4dbd948fddc44cae46a6f' }, this.avatar && h("div", { key: '2b9ee9575f3d4ae6dd272e151ad704c997042df3', class: "avatar" }, this.avatar), h("div", { key: '06758a75f8c6883979f21cb8e49f4fb0de4f1420', class: "content" }, h("slot", { key: '5be63eb3f42b33089cb67138f9cd0e7481ff359f', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '955ca2bab6df8130b0b7ed67cefd8538981dddff', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'b3287962ffd40451c9f23c3df63afa3b3e856f3d' })), this.action && h("div", { key: 'f4d363128ef172b900d3e34b71cfc836cd076220', class: "action" }, this.action), h("slot", { key: '03f536ca620f254433d0099e403b7a6080acd03f', name: "action" })));
     }
 };
 UdpCardHeader.style = udpCardHeaderCss;
@@ -106,7 +106,7 @@ const UdpCardMedia = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c3f9e1629e5b33d718edec1ba210e1173f3551db', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '3630a2018508dfa6cb9c312e36148129cb99d02a' })));
+        return (h(Host, { key: 'e996bd3d01ccdf832b3c4dac1a0c9c01d3122044', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '7a55b1f51281cbacf0c70f82d5fd1cd8e45721b1' })));
     }
 };
 UdpCardMedia.style = udpCardMediaCss;

package/dist/esm/udp-charts-example.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ const UdpChartsExample = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '473a1f06ef8849e12d8eae9416e9855c7ed4fa19', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '011c5b108b019f84e277a6c7e8df5b4e73fa8a1f', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'd364f7496d903291aa5820a440ff0cbe2e5e450e' }), h("udp-bar-chart", { key: '76773e0e26477f3c82e8c00134e85301770e7649' }), h("udp-line-chart", { key: '6251ca89855ef9b87269bf111d70816dcc8780ea' })));
+        return (h(Host, { key: '3d363f23bd976ae0389800768b40e1b9e7b8fd9e', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '1e5fd2d0df2de43e1c41cfe7340689bfa7b2cd0d', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'a693dd0f31f7ff8029b39d5178deef02bae27082' }), h("udp-bar-chart", { key: '2f6d0d1b242f6a15342eb2dd35c45bd137ee0928' }), h("udp-line-chart", { key: '7172d5804f8c503b78a639a22c0746cf2944a111' })));
     }
 };

package/dist/esm/udp-chip_3.entry.js CHANGED Viewed

@@ -46,7 +46,7 @@ const UdpChip = class {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (h("div", { key: '0a9f91093fe426b5a622065b42cf9b865f05a705', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'ae44337da8673cc252199698a01d381655c48fab', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: 'a9d8c5e669a3f16f51d57b3b0e00fa5473632335', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'a3f5f070a87e3e72f09cc220e4aa6839824ab591', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '716eb909412d0c4f52300ca2469d599779be70fb', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'c17224698e39b42ac28e652bf8bc70f596ed2c3f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: 'eb9b4ac119c42cb708dec8cff10e0d28b1e4acae', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (h("div", { key: '0c7f3bb13ac1b9ec1b256248fff7ba276bb3afb2', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'be7b9c9e009357599e154c309862aef2b0f5d2b0', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '11cc8be3ca1b611a0af7a48bf3e5c0ebcc213fc3', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'cae85378ee2f032dcede8fbbb0ac722064449140', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: 'b832acc73c73bcdc5ea776593ef8fbd82ee760d2', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '6accffd9bfb775ffdaf0505eb82a3807588c86f6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '22d2ff711b2cc0184b13890159c526000fd3341d', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
 };
 UdpChip.style = udpChipCss;
@@ -251,7 +251,7 @@ const UdpMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '442d88639387239daf36ef71be1a197b098f7d15' }, h("div", { key: 'e42568ca41f4454b7b90791da690fd44c107a63f', class: "menu-panel", role: "menu" }, h("slot", { key: 'b124207c63660c4d51be5818816030e2c64b272a' }))));
+        return (h(Host, { key: '1ca45bf77a84383c47d65e1d996b9e1fc7201e08' }, h("div", { key: '4d8d23254d38521d6b5405c16a0ad3cbb3daca88', class: "menu-panel", role: "menu" }, h("slot", { key: '029615ab266eff3dd70f75da9db21b2e93c7bb85' }))));
     }
     get hostEl() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/udp-container-query-grid-item.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const UdpContainerQueryGridItem = class {
             .join('\n');
     }
     render() {
-        return (h(Host, { key: '4a43b492419de8a498a35250b0443b2a46ae6eb0' }, h("style", { key: '0dad6229ffd2cf70ce1243a067359b20f9aa7546' }, this.getSpanStyles()), h("slot", { key: 'c38f26865fb93d881668d2e7f0611c965861a7d3' })));
+        return (h(Host, { key: '5cd829b1eb901463fa20d3404e983b9bf11bb73d' }, h("style", { key: 'b8c747b6d85192d2558cf13b0ad6041a4291a7df' }, this.getSpanStyles()), h("slot", { key: 'ed3f8d34467707013555671a9467dcd005168db8' })));
     }
 };
 UdpContainerQueryGridItem.style = udpContainerQueryGridItemCss;

package/dist/esm/udp-container-query-grid.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const UdpContainerQueryGrid = class {
                 gap: `${this.gaps[breakpoint]}rem`,
             }));
         });
-        return (h(Host, { key: '268622f20b2a6d5054ae0546d3274d24085d6c90' }, h("udp-container-query", { key: '43356950e588f8e28e2e63303d7cae6d78b5764a', queries: queries }, h("div", { key: '601122484779af077373533df9195d92d3fef57b', class: "grid-container" }, h("slot", { key: '90a1b1ecf820ba7fe133ac5df60dec24ccb983d0' }))), h("style", { key: '131386f195ab2af8e472fe2d219eace0bbe174d4' }, `
+        return (h(Host, { key: 'c798a9c94242a4f389736c197e99db6cd2d06f4d' }, h("udp-container-query", { key: 'ab3eef71029dc4cfb8dc0b84f1046914cff2c5b6', queries: queries }, h("div", { key: '2ead4cf6b66817d42c2639963dd335b1dab7497d', class: "grid-container" }, h("slot", { key: '3c622012f0e11a40d3f3ce5533a913acc26a57c1' }))), h("style", { key: '624229105bda2bd3557654196a4464ba9577e8fe' }, `
           .grid-container {
             display: grid;
             grid-template-columns: repeat(${this.columns[0]}, 1fr);

package/dist/esm/udp-container-query.entry.js CHANGED Viewed

@@ -25,9 +25,9 @@ const UdpContainerQuery = class {
         return styleRules;
     }
     render() {
-        return (h(Host, { key: 'c6b906a0dcd07742578d60bda60e96da480a4d44', class: {
+        return (h(Host, { key: '72e9a3e0372b8e11fe6fe962407d4777771f7312', class: {
                 [this.customClass]: !!this.customClass,
-            } }, h("style", { key: '8c74c32415866b53cd626e07ccf2150bf6613122' }, this.getContainerQueryStyle()), h("slot", { key: '6acce6c5442f8b76d7c8c7f8ad168da0c64f6e68' })));
+            } }, h("style", { key: '87319acfcb16ec36e4c968fc0df957abd2b168bd' }, this.getContainerQueryStyle()), h("slot", { key: '8f617fcb093fe0650fc3007a0a36d9bbd40db7c4' })));
     }
 };
 UdpContainerQuery.style = udpContainerQueryCss;

package/dist/esm/udp-container.udp-linear-loader.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-container.udp-linear-loader.entry.js","sources":["src/components/my-component/UI/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/my-component/UI/layout/udp-container/udp-container.tsx","src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.css?tag=udp-linear-loader&encapsulation=shadow","src/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n}\n\n.udp-container {\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n box-sizing: border-box;\n}\n\n.udp-container--padded {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n/* Fluid container takes full width */\n.udp-container--fluid {\n max-width: 100%;\n}\n\n/* Responsive container max-widths */\n.udp-container--sm {\n max-width: 640px;\n}\n\n.udp-container--md {\n max-width: 768px;\n}\n\n.udp-container--lg {\n max-width: 1024px;\n}\n\n.udp-container--xl {\n max-width: 1280px;\n}\n\n.udp-container--2xl {\n max-width: 1536px;\n} ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'udp-container',\n styleUrl: 'udp-container.css',\n shadow: true,\n})\nexport class UdpContainer {\n /**\n * If true, the container will be fluid (100% width at all breakpoints)\n */\n @Prop() fluid: boolean = false;\n\n /**\n * Maximum width for the container at different breakpoints\n */\n @Prop() maxWidth: 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'lg';\n\n /**\n * Add padding to the container\n */\n @Prop() padding: boolean = true;\n\n render() {\n return (\n <div\n class={{\n 'udp-container': true,\n 'udp-container--fluid': this.fluid,\n 'udp-container--padded': this.padding,\n [`udp-container--${this.maxWidth}`]: true,\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n",":host {\n /* Define color variables, similar to the button component for consistency */\n --udp-loader-primary-color: var(--primary-color, #2953ff);\n --udp-loader-secondary-color: var(--secondary-color, #6f767a);\n --udp-loader-success-color: var(--success-color, #0da40d);\n --udp-loader-error-color: var(--error-color, #ff0000);\n --udp-loader-warning-color: var(--warning-color, #ffa500);\n --udp-loader-info-color: var(--info-color, #2953ff);\n}\n\n.loader {\n position: relative;\n width: 100%;\n height: 4px;\n background-color: transparent; /* The track is transparent, so it's invisible. */\n overflow: hidden; /* Ensures the animation stays within the bounds. */\n}\n\n.indeterminate {\n /* The default color will be primary */\n background-color: var(--udp-loader-primary-color);\n position: absolute;\n width: 40%;\n height: 100%;\n animation: indeterminate 1s linear infinite;\n}\n\n/* Apply the selected color to the moving bar */\n.loader--color-primary .indeterminate {\n background-color: var(--udp-loader-primary-color);\n}\n.loader--color-secondary .indeterminate {\n background-color: var(--udp-loader-secondary-color);\n}\n.loader--color-success .indeterminate {\n background-color: var(--udp-loader-success-color);\n}\n.loader--color-error .indeterminate {\n background-color: var(--udp-loader-error-color);\n}\n.loader--color-warning .indeterminate {\n background-color: var(--udp-loader-warning-color);\n}\n.loader--color-info .indeterminate {\n background-color: var(--udp-loader-info-color);\n}\n\n/*\n This animation makes the bar travel from left to right over the entire duration.\n This removes the long pause where the bar was off-screen.\n*/\n@keyframes indeterminate {\n 0% {\n left: -50%;\n width: 50%;\n }\n 100% {\n left: 100%;\n width: 100%;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-linear-loader',\n styleUrl: 'udp-linear-loader.css',\n shadow: true,\n})\nexport class UdpLinearLoader {\n /**\n * The color of the loader. It supports theming using global CSS variables.\n */\n @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' = 'primary';\n\n render() {\n const loaderClasses = {\n loader: true,\n [`loader--color-${this.color}`]: true,\n };\n\n return (\n <Host>\n <div class={loaderClasses}>\n <div class=\"indeterminate\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;AClCZ,MAAM,kBAAkB,GAAG,wpCAAwpC;;MCOtqC,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAuE,SAAS;AAgB9F;IAdC,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;SACtC;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,GAAO,CAC7B,CACD;;;;;;;"}

package/dist/esm/udp-container_2.entry.js ADDED Viewed

@@ -0,0 +1,53 @@
+import { r as registerInstance, h, H as Host } from './index-n-1ZSeAs.js';
+const udpContainerCss = ":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";
+const UdpContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * If true, the container will be fluid (100% width at all breakpoints)
+         */
+        this.fluid = false;
+        /**
+         * Maximum width for the container at different breakpoints
+         */
+        this.maxWidth = 'lg';
+        /**
+         * Add padding to the container
+         */
+        this.padding = true;
+    }
+    render() {
+        return (h("div", { key: 'd13a542b574d26ebbf5257ee3bb2c59e5323ab26', class: {
+                'udp-container': true,
+                'udp-container--fluid': this.fluid,
+                'udp-container--padded': this.padding,
+                [`udp-container--${this.maxWidth}`]: true,
+            } }, h("slot", { key: '0e33316718e26f8840997c19e1a54a8bad1981c6' })));
+    }
+};
+UdpContainer.style = udpContainerCss;
+const udpLinearLoaderCss = ":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";
+const UdpLinearLoader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The color of the loader. It supports theming using global CSS variables.
+         */
+        this.color = 'primary';
+    }
+    render() {
+        const loaderClasses = {
+            loader: true,
+            [`loader--color-${this.color}`]: true,
+        };
+        return (h(Host, { key: '76ef775cc380682d012413eb55e5b30fccf9bed6' }, h("div", { key: '984db4afaf37f2ad6e8d76438712808a5279312d', class: loaderClasses }, h("div", { key: '9ba710c6d48b0a0965ba1afe9c8846669a693ed3', class: "indeterminate" }))));
+    }
+};
+UdpLinearLoader.style = udpLinearLoaderCss;
+export { UdpContainer as udp_container, UdpLinearLoader as udp_linear_loader };
+//# sourceMappingURL=udp-container.udp-linear-loader.entry.js.map

package/dist/esm/udp-date-range-selector.entry.js CHANGED Viewed

@@ -33,7 +33,7 @@ const UdpDateRangeSelector = class {
             : this.variant === 'single'
                 ? 'calendar-date'
                 : 'calendar-range';
-        return (h(Host, { key: 'ff7c239cacb34453ef31346bd3e7f3ac2a57cff3', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'f7dde27f3b428b0a7c4aed75a3b7e890bd794247', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: 'eca9319ca3df2e6e4c5226ac64b1cfe25a8f1dbe', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '857850cef32afe0b2a8647d5e761f194e90bd69b', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: 'e279d94d2831483a39693bdf3945358fb5976282', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
+        return (h(Host, { key: '05954e515800a73e77afdea576cd2b3f6c0e888a', style: { '--calendar-width': this.width } }, h(CalendarTag, { key: 'c0ab6f626d2c2f72c70ea732db4cb6c4a4cda7dc', value: this.value, min: this.minDate, max: this.maxDate, firstDayOfWeek: 0, months: this.monthsToDisplay, showOutsideDays: true, pageBy: "single", isDateDisallowed: this.isDateDisallowed, getDayParts: this.getDayParts, onChange: this.handleChange }, h("udp-icon", { key: '68b20aae91c9892a7b1ed781f3cccfd5d7e1ef8a', slot: "previous", iconName: 'chevronLeft16', color: "inherit" }), h("udp-icon", { key: '06ee7c8148a73d8626fa1530f7bfd6deae66d53f', slot: "next", iconName: 'chevronRight16', color: "inherit" }), h("div", { key: '30ef370103f2e2682d985bef97d236a7650ca51d', class: "grid" }, Array.from({ length: this.monthsToDisplay }).map((_, index) => (h("calendar-month", { offset: index })))))));
     }
 };
 UdpDateRangeSelector.style = udpDateRangeSelectorCss;

package/dist/esm/udp-divider.entry.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { r as registerInstance, h, H as Host } from './index-n-1ZSeAs.js';
+const udpDividerCss = ":host{display:block}.horizontal{width:100%;height:1px;background-color:rgba(0, 0, 0, 0.12);min-width:1px}.vertical{width:1px;background-color:rgba(0, 0, 0, 0.12);min-height:1px}";
+const UdpDivider = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'horizontal';
+    }
+    render() {
+        const style = this.variant === 'vertical'
+            ? { height: this.size }
+            : { width: this.size };
+        return (h(Host, { key: '573a0114d6791cf695e4dfc2194faff54e072d9b', style: style }, h("div", { key: '96bdd1f8b13c7b67206effcb507b4f55fc4bfab4', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+    }
+};
+UdpDivider.style = udpDividerCss;
+export { UdpDivider as udp_divider };
+//# sourceMappingURL=udp-divider.entry.js.map

package/dist/esm/udp-divider.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-divider.entry.js","sources":["src/components/my-component/UI/data-display/divider/udp-divider.css?tag=udp-divider&encapsulation=shadow","src/components/my-component/UI/data-display/divider/udp-divider.tsx"],"sourcesContent":[":host {\n display: block;\n }\n \n .horizontal {\n width: 100%;\n height: 1px;\n background-color: rgba(0, 0, 0, 0.12);\n min-width: 1px;\n }\n \n .vertical {\n width: 1px;\n background-color: rgba(0, 0, 0, 0.12);\n min-height: 1px;\n }\n ","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'udp-divider',\n styleUrl: 'udp-divider.css',\n shadow: true,\n})\nexport class UdpDivider {\n @Prop() variant: 'horizontal' | 'vertical' = 'horizontal';\n @Prop() size: string; // new Prop for size\n\n render() {\n const style = this.variant === 'vertical'\n ? { height: this.size }\n : { width: this.size };\n\n return (\n <Host style={style}>\n <div class={this.variant === 'horizontal' ? 'horizontal' : 'vertical'}></div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAG,mLAAmL;;MCO5L,UAAU,GAAA,MAAA;AALvB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAMU,QAAA,IAAO,CAAA,OAAA,GAA8B,YAAY;AAc1D;IAXC,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,KAAK;AAC7B,cAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI;cACnB,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE;AAExB,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAA,EAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,GAAG,YAAY,GAAG,UAAU,EAAQ,CAAA,CACxE;;;;;;;"}

package/dist/esm/{udp-drive-utils-BiYKUATs.js → udp-drive-utils-CIrjVGiJ.js} RENAMED Viewed

@@ -162,7 +162,7 @@ async function parseFileReference(reference) {
     return null;
 }
-export { parseFileReference as a, isUdpDriveFile as b, createFileFromString as c, downloadFileFromUdpDriveFile as d, isFile as e, getMimeTypeFromExtension as g, isFileReference as i, parseFileReferences as p };
-//# sourceMappingURL=udp-drive-utils-BiYKUATs.js.map
+export { isUdpDriveFile as a, isFile as b, createFileFromString as c, downloadFileFromUdpDriveFile as d, parseFileReferences as e, getMimeTypeFromExtension as g, isFileReference as i, parseFileReference as p };
+//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map
-//# sourceMappingURL=udp-drive-utils-BiYKUATs.js.map
+//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map

package/dist/{stencil-library/udp-drive-utils-BiYKUATs.js.map → esm/udp-drive-utils-CIrjVGiJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"udp-drive-utils-BiYKUATs.js","sources":["src/components/my-component/UI/inputs/file-upload/udp-drive-utils.ts"],"sourcesContent":["import { UdpDriveFile } from '../../../../../global/types';\nimport { ConfigService } from '../../../../../udp-utilities/api-config';\nimport axios from 'axios';\n\n// Type definitions for consistent initialValue handling\nexport type FileInitialValue = UdpDriveFile \| File \| string;\nexport type FileArrayInitialValue = UdpDriveFile[] \| UdpDriveFile \| File[] \| File \| string;\n\n/*\n Type guard to check if a value is a UdpDriveFile\n /\nexport function isUdpDriveFile(file: any): file is UdpDriveFile {\n return file && typeof file === 'object' && 'driveFileId' in file;\n}\n\n/\n Type guard to check if a value is a File object\n /\nexport function isFile(file: any): file is File {\n return file instanceof File;\n}\n\n/\n Type guard to check if a value is a string (URL or base64)\n /\nexport function isFileString(file: any): file is string {\n return typeof file === 'string' && file.length > 0;\n}\n\n/\n Get MIME type from file extension\n /\nexport function getMimeTypeFromExtension(extension: string): string {\n const mimeTypes: Record<string, string> = {\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n txt: 'text/plain',\n csv: 'text/csv',\n json: 'application/json',\n xml: 'application/xml',\n html: 'text/html',\n css: 'text/css',\n js: 'application/javascript',\n png: 'image/png',\n jpg: 'image/jpeg',\n jpeg: 'image/jpeg',\n gif: 'image/gif',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n bmp: 'image/bmp',\n tiff: 'image/tiff',\n zip: 'application/zip',\n rar: 'application/x-rar-compressed',\n '7z': 'application/x-7z-compressed'\n };\n\n const ext = extension.trim().toLowerCase();\n return mimeTypes[ext] \|\| 'application/octet-stream';\n}\n\n/\n Create a placeholder File object from UdpDriveFile (for display purposes only)\n * This creates a lightweight File object without downloading the actual content\n /\nexport function createPlaceholderFileFromUdpDriveFile(udpFile: UdpDriveFile): File {\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n const placeholderBlob = new Blob([''], { type: getMimeTypeFromExtension(udpFile.extension) });\n return new File([placeholderBlob], fileName, {\n type: placeholderBlob.type,\n lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n });\n}\n\n/\n Download and create a File object from UdpDriveFile (downloads actual content)\n * Use this when you need the actual file content (e.g., for signature editing)\n /\nexport async function downloadFileFromUdpDriveFile(udpFile: Partial<UdpDriveFile>): Promise<File> {\n try {\n const downloadUrl = `${ConfigService.tenantV1ApiUrl}/UdpDrive/${udpFile.driveFileId}/stream`;\n const response = await axios({\n method: 'GET',\n url: downloadUrl,\n responseType: 'blob',\n timeout: 300000,\n headers: {}\n });\n const blob = response.data;\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n return new File([blob], fileName, {\n type: blob.type \|\| getMimeTypeFromExtension(udpFile.extension),\n lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n });\n } catch (error) {\n console.error('Error downloading file from UdpDriveFile:', error);\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n return new File([''], fileName, { type: 'application/octet-stream' });\n }\n}\n\n/\n Convert a string (URL or base64) to a File object\n /\nexport async function createFileFromString(fileString: string, defaultFileName: string = 'file'): Promise<File> {\n try {\n if (fileString.startsWith('data:')) {\n // Handle base64 data URLs\n const response = await fetch(fileString);\n const blob = await response.blob();\n return new File([blob], defaultFileName, { type: blob.type });\n } else {\n // Handle regular URLs\n const response = await fetch(fileString);\n const blob = await response.blob();\n const fileName = fileString.split('/').pop() \|\| defaultFileName;\n return new File([blob], fileName, { type: blob.type });\n }\n } catch (error) {\n console.error('Error creating file from string:', error);\n return new File([''], defaultFileName, { type: 'application/octet-stream' });\n }\n}\n\n/\n Normalize a single initialValue to an array of Files\n * For file-upload component (supports arrays)\n /\nexport async function normalizeFileArrayInitialValue(\n initialValue: FileArrayInitialValue,\n downloadContent: boolean = false\n): Promise<File[]> {\n if (!initialValue) return [];\n\n // Convert to array if not already\n const values = Array.isArray(initialValue) ? initialValue : [initialValue];\n const files: File[] = [];\n\n for (const value of values) {\n if (isUdpDriveFile(value)) {\n if (downloadContent) {\n files.push(await downloadFileFromUdpDriveFile(value));\n } else {\n files.push(createPlaceholderFileFromUdpDriveFile(value));\n }\n } else if (isFile(value)) {\n files.push(value);\n } else if (isFileString(value)) {\n files.push(await createFileFromString(value));\n }\n }\n\n return files;\n}\n\n/\n Normalize a single initialValue to a single File\n * For signature component (single file only)\n /\nexport async function normalizeFileInitialValue(\n initialValue: FileInitialValue,\n downloadContent: boolean = true\n): Promise<File \| null> {\n if (!initialValue) return null;\n\n // Handle array case (take first item)\n let value = initialValue;\n if (Array.isArray(value)) {\n value = value[0];\n if (!value) return null;\n }\n\n if (isUdpDriveFile(value)) {\n if (downloadContent) {\n return await downloadFileFromUdpDriveFile(value);\n } else {\n return createPlaceholderFileFromUdpDriveFile(value);\n }\n } else if (isFile(value)) {\n return value;\n } else if (isFileString(value)) {\n return await createFileFromString(value);\n }\n\n return null;\n}\n\n/\n Utility function for file-upload component to handle initialValue changes\n * Creates placeholder files by default (download on demand)\n /\nexport async function processFileUploadInitialValue(\n initialValue: FileArrayInitialValue\n): Promise<File[]> {\n return await normalizeFileArrayInitialValue(initialValue, false);\n}\n\n/\n Utility function for signature component to handle initialValue changes\n * Downloads content immediately for editing\n /\nexport async function processSignatureInitialValue(\n initialValue: FileInitialValue\n): Promise<File \| null> {\n return await normalizeFileInitialValue(initialValue, true);\n}\n\n/\n Check if a string value is a file reference (contains \| and udp: or b64:)\n /\nexport function isFileReference(value: string): boolean {\n return typeof value === 'string' && value.includes('\|') && (value.includes('udp:') \|\| value.includes('b64:'));\n}\n\n/\n Parse file references from the special format: \"filename\|udp:driveFileId\" or \"filename\|b64:base64data\"\n * Returns an array of File objects for use with input components\n /\nexport async function parseFileReferences(value: string): Promise<File[]> {\n const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);\n const files: File[] = [];\n\n for (const reference of references) {\n try {\n const file = await parseFileReference(reference);\n if (file) {\n files.push(file);\n }\n } catch (error) {\n console.error('Error parsing file reference:', reference, error);\n }\n }\n\n return files;\n}\n\n/\n Parse a single file reference from the format \"filename\|udp:driveFileId\" or \"filename\|b64:base64data\"\n * Returns a File object that can be used by input components\n /\nexport async function parseFileReference(reference: string): Promise<File \| null> {\n const parts = reference.split('\|');\n if (parts.length !== 2) {\n console.warn('Invalid file reference format:', reference);\n return null;\n }\n\n const [filename, dataRef] = parts;\n\n if (dataRef.startsWith('udp:')) {\n // Handle UDP Drive file reference - create placeholder File\n const extension = filename.split('.').pop() \|\| '';\n const mimeType = getMimeTypeFromExtension(extension);\n const placeholderBlob = new Blob([''], { type: mimeType });\n const file = new File([placeholderBlob], filename, { type: mimeType });\n\n // Add UDP-specific metadata as custom properties\n (file as any).driveFileId = dataRef.substring(4); // Remove 'udp:' prefix\n (file as any).extension = extension;\n\n return file;\n } else if (dataRef.startsWith('b64:')) {\n // Handle base64 encoded file - convert to actual File\n const base64Data = dataRef.substring(4); // Remove 'b64:' prefix\n const dataUrl = `data:application/octet-stream;base64,${base64Data}`;\n\n try {\n return await createFileFromString(dataUrl, filename);\n } catch (error) {\n console.error('Error processing base64 file:', error);\n return null;\n }\n }\n\n console.warn('Unknown file reference format:', dataRef);\n return null;\n}\n\n/\n Process form initial values that may contain file references\n * This function should be called by input components when they receive initialValue\n */\nexport async function processFormFileInitialValue(\n initialValue: FileArrayInitialValue \| string\n): Promise<File[]> {\n // If it's a string that looks like file references, parse it\n if (typeof initialValue === 'string' && isFileReference(initialValue)) {\n return await parseFileReferences(initialValue);\n }\n\n // Otherwise, use the standard normalization\n return await normalizeFileArrayInitialValue(initialValue as FileArrayInitialValue, false);\n}\n\n\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"udp-drive-utils-CIrjVGiJ.js","sources":["src/components/my-component/UI/inputs/file-upload/udp-drive-utils.ts"],"sourcesContent":["import { UdpDriveFile } from '../../../../../global/types';\nimport { ConfigService } from '../../../../../udp-utilities/api-config';\nimport axios from 'axios';\n\n// Type definitions for consistent initialValue handling\nexport type FileInitialValue = UdpDriveFile \| File \| string;\nexport type FileArrayInitialValue = UdpDriveFile[] \| UdpDriveFile \| File[] \| File \| string;\n\n/*\n Type guard to check if a value is a UdpDriveFile\n /\nexport function isUdpDriveFile(file: any): file is UdpDriveFile {\n return file && typeof file === 'object' && 'driveFileId' in file;\n}\n\n/\n Type guard to check if a value is a File object\n /\nexport function isFile(file: any): file is File {\n return file instanceof File;\n}\n\n/\n Type guard to check if a value is a string (URL or base64)\n /\nexport function isFileString(file: any): file is string {\n return typeof file === 'string' && file.length > 0;\n}\n\n/\n Get MIME type from file extension\n /\nexport function getMimeTypeFromExtension(extension: string): string {\n const mimeTypes: Record<string, string> = {\n pdf: 'application/pdf',\n doc: 'application/msword',\n docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n xls: 'application/vnd.ms-excel',\n xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n ppt: 'application/vnd.ms-powerpoint',\n pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n txt: 'text/plain',\n csv: 'text/csv',\n json: 'application/json',\n xml: 'application/xml',\n html: 'text/html',\n css: 'text/css',\n js: 'application/javascript',\n png: 'image/png',\n jpg: 'image/jpeg',\n jpeg: 'image/jpeg',\n gif: 'image/gif',\n svg: 'image/svg+xml',\n webp: 'image/webp',\n bmp: 'image/bmp',\n tiff: 'image/tiff',\n zip: 'application/zip',\n rar: 'application/x-rar-compressed',\n '7z': 'application/x-7z-compressed'\n };\n\n const ext = extension.trim().toLowerCase();\n return mimeTypes[ext] \|\| 'application/octet-stream';\n}\n\n/\n Create a placeholder File object from UdpDriveFile (for display purposes only)\n * This creates a lightweight File object without downloading the actual content\n /\nexport function createPlaceholderFileFromUdpDriveFile(udpFile: UdpDriveFile): File {\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n const placeholderBlob = new Blob([''], { type: getMimeTypeFromExtension(udpFile.extension) });\n return new File([placeholderBlob], fileName, {\n type: placeholderBlob.type,\n lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n });\n}\n\n/\n Download and create a File object from UdpDriveFile (downloads actual content)\n * Use this when you need the actual file content (e.g., for signature editing)\n /\nexport async function downloadFileFromUdpDriveFile(udpFile: Partial<UdpDriveFile>): Promise<File> {\n try {\n const downloadUrl = `${ConfigService.tenantV1ApiUrl}/UdpDrive/${udpFile.driveFileId}/stream`;\n const response = await axios({\n method: 'GET',\n url: downloadUrl,\n responseType: 'blob',\n timeout: 300000,\n headers: {}\n });\n const blob = response.data;\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n return new File([blob], fileName, {\n type: blob.type \|\| getMimeTypeFromExtension(udpFile.extension),\n lastModified: udpFile.lastUpdated ? new Date(udpFile.lastUpdated).getTime() : Date.now()\n });\n } catch (error) {\n console.error('Error downloading file from UdpDriveFile:', error);\n const fileName = udpFile.name \|\| `file.${udpFile.extension}`;\n return new File([''], fileName, { type: 'application/octet-stream' });\n }\n}\n\n/\n Convert a string (URL or base64) to a File object\n /\nexport async function createFileFromString(fileString: string, defaultFileName: string = 'file'): Promise<File> {\n try {\n if (fileString.startsWith('data:')) {\n // Handle base64 data URLs\n const response = await fetch(fileString);\n const blob = await response.blob();\n return new File([blob], defaultFileName, { type: blob.type });\n } else {\n // Handle regular URLs\n const response = await fetch(fileString);\n const blob = await response.blob();\n const fileName = fileString.split('/').pop() \|\| defaultFileName;\n return new File([blob], fileName, { type: blob.type });\n }\n } catch (error) {\n console.error('Error creating file from string:', error);\n return new File([''], defaultFileName, { type: 'application/octet-stream' });\n }\n}\n\n/\n Normalize a single initialValue to an array of Files\n * For file-upload component (supports arrays)\n /\nexport async function normalizeFileArrayInitialValue(\n initialValue: FileArrayInitialValue,\n downloadContent: boolean = false\n): Promise<File[]> {\n if (!initialValue) return [];\n\n // Convert to array if not already\n const values = Array.isArray(initialValue) ? initialValue : [initialValue];\n const files: File[] = [];\n\n for (const value of values) {\n if (isUdpDriveFile(value)) {\n if (downloadContent) {\n files.push(await downloadFileFromUdpDriveFile(value));\n } else {\n files.push(createPlaceholderFileFromUdpDriveFile(value));\n }\n } else if (isFile(value)) {\n files.push(value);\n } else if (isFileString(value)) {\n files.push(await createFileFromString(value));\n }\n }\n\n return files;\n}\n\n/\n Normalize a single initialValue to a single File\n * For signature component (single file only)\n /\nexport async function normalizeFileInitialValue(\n initialValue: FileInitialValue,\n downloadContent: boolean = true\n): Promise<File \| null> {\n if (!initialValue) return null;\n\n // Handle array case (take first item)\n let value = initialValue;\n if (Array.isArray(value)) {\n value = value[0];\n if (!value) return null;\n }\n\n if (isUdpDriveFile(value)) {\n if (downloadContent) {\n return await downloadFileFromUdpDriveFile(value);\n } else {\n return createPlaceholderFileFromUdpDriveFile(value);\n }\n } else if (isFile(value)) {\n return value;\n } else if (isFileString(value)) {\n return await createFileFromString(value);\n }\n\n return null;\n}\n\n/\n Utility function for file-upload component to handle initialValue changes\n * Creates placeholder files by default (download on demand)\n /\nexport async function processFileUploadInitialValue(\n initialValue: FileArrayInitialValue\n): Promise<File[]> {\n return await normalizeFileArrayInitialValue(initialValue, false);\n}\n\n/\n Utility function for signature component to handle initialValue changes\n * Downloads content immediately for editing\n /\nexport async function processSignatureInitialValue(\n initialValue: FileInitialValue\n): Promise<File \| null> {\n return await normalizeFileInitialValue(initialValue, true);\n}\n\n/\n Check if a string value is a file reference (contains \| and udp: or b64:)\n /\nexport function isFileReference(value: string): boolean {\n return typeof value === 'string' && value.includes('\|') && (value.includes('udp:') \|\| value.includes('b64:'));\n}\n\n/\n Parse file references from the special format: \"filename\|udp:driveFileId\" or \"filename\|b64:base64data\"\n * Returns an array of File objects for use with input components\n /\nexport async function parseFileReferences(value: string): Promise<File[]> {\n const references = value.split(',').map(ref => ref.trim()).filter(ref => ref);\n const files: File[] = [];\n\n for (const reference of references) {\n try {\n const file = await parseFileReference(reference);\n if (file) {\n files.push(file);\n }\n } catch (error) {\n console.error('Error parsing file reference:', reference, error);\n }\n }\n\n return files;\n}\n\n/\n Parse a single file reference from the format \"filename\|udp:driveFileId\" or \"filename\|b64:base64data\"\n * Returns a File object that can be used by input components\n /\nexport async function parseFileReference(reference: string): Promise<File \| null> {\n const parts = reference.split('\|');\n if (parts.length !== 2) {\n console.warn('Invalid file reference format:', reference);\n return null;\n }\n\n const [filename, dataRef] = parts;\n\n if (dataRef.startsWith('udp:')) {\n // Handle UDP Drive file reference - create placeholder File\n const extension = filename.split('.').pop() \|\| '';\n const mimeType = getMimeTypeFromExtension(extension);\n const placeholderBlob = new Blob([''], { type: mimeType });\n const file = new File([placeholderBlob], filename, { type: mimeType });\n\n // Add UDP-specific metadata as custom properties\n (file as any).driveFileId = dataRef.substring(4); // Remove 'udp:' prefix\n (file as any).extension = extension;\n\n return file;\n } else if (dataRef.startsWith('b64:')) {\n // Handle base64 encoded file - convert to actual File\n const base64Data = dataRef.substring(4); // Remove 'b64:' prefix\n const dataUrl = `data:application/octet-stream;base64,${base64Data}`;\n\n try {\n return await createFileFromString(dataUrl, filename);\n } catch (error) {\n console.error('Error processing base64 file:', error);\n return null;\n }\n }\n\n console.warn('Unknown file reference format:', dataRef);\n return null;\n}\n\n/\n Process form initial values that may contain file references\n * This function should be called by input components when they receive initialValue\n */\nexport async function processFormFileInitialValue(\n initialValue: FileArrayInitialValue \| string\n): Promise<File[]> {\n // If it's a string that looks like file references, parse it\n if (typeof initialValue === 'string' && isFileReference(initialValue)) {\n return await parseFileReferences(initialValue);\n }\n\n // Otherwise, use the standard normalization\n return await normalizeFileArrayInitialValue(initialValue as FileArrayInitialValue, false);\n}\n\n\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-dynamic-container-with-menu.entry.js ADDED Viewed

@@ -0,0 +1,132 @@
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-n-1ZSeAs.js';
+const udpDynamicContainerWithMenuCss = ".container{width:100%;overflow:hidden;display:flex;flex-wrap:nowrap;flex:1;min-width:600px;}.menu{display:flex;flex-direction:column;gap:8px}.chips{display:flex;gap:8px;flex-grow:1;}.overflow{display:flex}";
+//import Menu16 from '@carbon/icons/es/menu/16';
+function debounce(func, wait) {
+    let timeout = null;
+    return (...args) => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => {
+            func(...args);
+        }, wait);
+    };
+}
+const DynamicContainerWithMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.udpChipClicked = createEvent(this, "udpChipClicked");
+        this.visibleChildren = null;
+        this.menuChildren = [];
+        this.anchorEl = null;
+        this.containerWidth = 0;
+        this.rerender = 0;
+        this.renderReady = false; // a flag to indicate readiness to render
+        this.popoverOpen = false;
+        this.externalToggle = '';
+        this.menuItems = []; // renamed from children
+        this.open = false;
+        this.id = '';
+        // handlePopoverClick(event?: Event) {
+        //   if (!event) return;
+        //   this.anchorEl = event.target as HTMLElement;
+        //   this.open = Boolean(this.anchorEl);
+        //   this.id = this.open ? 'simple-popover' : undefined;
+        // }
+        // handlePopoverClose() {
+        //   this.anchorEl = null;
+        //   this.open = false;
+        // }
+        this.handlePopover = () => {
+            this.popoverOpen = !this.popoverOpen;
+        };
+        this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);
+    }
+    // Was causing a loop when connected to the api
+    // connectedCallback() {
+    //   this.calculateChildren();
+    // }
+    componentWillLoad() {
+        // This lifecycle hook will be called before the first render,
+        // ensuring calculateChildren is called before the component renders
+        // this.calculateChildren();
+    }
+    componentWillUpdate() {
+        // This lifecycle hook will be called before every update (re-render),
+        // ensuring calculateChildren is called before the component re-renders
+        // this.calculateChildren();
+    }
+    async calculateChildren() {
+        if (!this.el.shadowRoot)
+            return;
+        console.log('Calculating children...');
+        console.log('Menu Items:', JSON.stringify(this.menuItems));
+        const container = this.el.shadowRoot.querySelector('.container');
+        console.log('Container:', container);
+        if (container) {
+            this.containerWidth = container.offsetWidth;
+            console.log('Container Width:', this.containerWidth);
+        }
+        let currentWidth = 0;
+        const newVisibleChildren = [];
+        const newMenuChildren = [];
+        this.menuItems.forEach((child) => {
+            var _a;
+            if (child) {
+                const childWidth = ((_a = child.props) === null || _a === void 0 ? void 0 : _a.width) || 100;
+                // console.log(`Child[${index}] Width:`, childWidth);
+                if (currentWidth + childWidth <= this.containerWidth) {
+                    currentWidth += childWidth;
+                    newVisibleChildren.push(child);
+                }
+                else {
+                    newMenuChildren.push(child);
+                }
+            }
+        });
+        this.visibleChildren = [...newVisibleChildren];
+        this.menuChildren = [...newMenuChildren];
+        this.rerender += 1;
+    }
+    childrenChanged() {
+        this.calculateChildren();
+    }
+    async componentDidLoad() {
+        // Existing logic
+        await this.calculateChildren().then(() => {
+            this.renderReady = true; // set the flag to true after calculating
+        });
+        window.addEventListener('resize', this.boundCalculateChildren);
+        // New logic for listening to stencil-chip click events
+        const chips = Array.from(document.querySelectorAll('stencil-chip'));
+        chips.forEach(chip => {
+            chip.addEventListener('chipClicked', (event) => {
+                // Forward this data to the upper-level parent
+                const chipText = event.detail;
+                this.handleChipClick(chipText);
+            });
+        });
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.boundCalculateChildren);
+    }
+    // handleChipClick = (event: CustomEvent) => {
+    //   const chipLabel = event.detail;
+    // }
+    handleChipClick(chipText) {
+        this.udpChipClicked.emit(chipText);
+    }
+    render() {
+        return (h("div", { key: '1632aff437066d2819c8ae5990a6cfc22b14266b', class: "container" }, h("div", { key: 'b535aec5391b607008f6bcb2aca7e16ac5d1092a', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '7cf506e0827cda70776ba9a72445019db7e7452c', class: "overflow" }, h("udp-pop-over", { key: 'ced356d4fa9d4f60b866d57b4d665377ce7d4ce6', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'd81d2fcc3f9bd2ea3dce48eb8398469df8cd4eb9', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "menuItems": ["childrenChanged"]
+    }; }
+};
+DynamicContainerWithMenu.style = udpDynamicContainerWithMenuCss;
+export { DynamicContainerWithMenu as udp_dynamic_container_with_menu };
+//# sourceMappingURL=udp-dynamic-container-with-menu.entry.js.map

package/dist/esm/udp-dynamic-container-with-menu.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-dynamic-container-with-menu.entry.js","sources":["src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.css?tag=udp-dynamic-container-with-menu&encapsulation=shadow","src/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.tsx"],"sourcesContent":[".container {\n width: 100%;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n flex: 1;\n min-width: 600px;\n /* background-color: azure; */\n }\n \n.menu {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.chips {\n display: flex; \n gap: 8px; \n flex-grow: 1;\n /* padding-top: 8px;\n padding-bottom: 8px; */\n}\n\n.overflow {\n display: flex;\n}","import { Component, State, h, Prop, Element, Watch, Method, Event, EventEmitter } from '@stencil/core';\n//import Menu16 from '@carbon/icons/es/menu/16';\n\nfunction debounce(func: (...args: any[]) => void, wait: number): (...args: any[]) => void {\n let timeout: NodeJS.Timeout | null = null;\n return (...args: any[]) => {\n if (timeout) {\n clearTimeout(timeout);\n }\n timeout = setTimeout(() => {\n func(...args);\n }, wait);\n };\n}\n\n@Component({\n tag: 'udp-dynamic-container-with-menu',\n styleUrl: 'udp-dynamic-container-with-menu.css',\n shadow: true,\n})\nexport class DynamicContainerWithMenu {\n @Element() el: HTMLElement;\n @State() visibleChildren: any[] | null = null;\n\n @State() menuChildren = [];\n @State() anchorEl: HTMLElement | null = null;\n containerWidth: number = 0;\n @State() rerender: number = 0;\n @State() renderReady: boolean = false; // a flag to indicate readiness to render\n @State() popoverOpen: boolean = false;\n @Prop() externalToggle: string = '';\n\n @Prop() menuItems: any[] = []; // renamed from children\n\n @Event() udpChipClicked: EventEmitter<string>;\n\n open: boolean = false;\n id: string = '';\n boundCalculateChildren: any;\n\n constructor() {\n this.boundCalculateChildren = debounce(this.calculateChildren.bind(this), 300);\n }\n \n// Was causing a loop when connected to the api\n // connectedCallback() {\n // this.calculateChildren();\n // }\n\n\n componentWillLoad() {\n // This lifecycle hook will be called before the first render,\n // ensuring calculateChildren is called before the component renders\n // this.calculateChildren();\n }\n\n componentWillUpdate() {\n // This lifecycle hook will be called before every update (re-render),\n // ensuring calculateChildren is called before the component re-renders\n // this.calculateChildren();\n }\n\n \n \n\n\n @Method()\n async calculateChildren() {\n if (!this.el.shadowRoot) return;\n \n console.log('Calculating children...');\n console.log('Menu Items:', JSON.stringify(this.menuItems));\n \n const container: HTMLElement | null = this.el.shadowRoot.querySelector('.container') ;\n console.log('Container:', container);\n\n\n \n if (container) {\n this.containerWidth = container.offsetWidth ;\n console.log('Container Width:', this.containerWidth);\n }\n \n let currentWidth = 0;\n const newVisibleChildren = [];\n const newMenuChildren = [];\n \n this.menuItems.forEach((child) => {\n if (child) {\n const childWidth = (child as any).props?.width || 100;\n // console.log(`Child[${index}] Width:`, childWidth);\n \n if (currentWidth + childWidth <= this.containerWidth) {\n currentWidth += childWidth;\n newVisibleChildren.push(child);\n } else {\n newMenuChildren.push(child);\n }\n }\n });\n\n \n this.visibleChildren = [...newVisibleChildren];\n this.menuChildren = [...newMenuChildren];\n this.rerender += 1;\n }\n \n\n @Watch('menuItems')\n childrenChanged() {\n this.calculateChildren();\n }\n\n async componentDidLoad() {\n // Existing logic\n await this.calculateChildren().then(() => {\n this.renderReady = true; // set the flag to true after calculating\n });\n window.addEventListener('resize', this.boundCalculateChildren);\n\n // New logic for listening to stencil-chip click events\n const chips = Array.from(document.querySelectorAll('stencil-chip'));\n chips.forEach(chip => {\n chip.addEventListener('chipClicked', (event: CustomEvent) => {\n // Forward this data to the upper-level parent\n const chipText = event.detail;\n this.handleChipClick(chipText);\n });\n });\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.boundCalculateChildren);\n }\n\n // handlePopoverClick(event?: Event) {\n // if (!event) return;\n // this.anchorEl = event.target as HTMLElement;\n // this.open = Boolean(this.anchorEl);\n // this.id = this.open ? 'simple-popover' : undefined;\n // }\n\n // handlePopoverClose() {\n // this.anchorEl = null;\n // this.open = false;\n // }\n\n handlePopover = () => {\n this.popoverOpen = !this.popoverOpen;\n }\n\n\n // handleChipClick = (event: CustomEvent) => {\n // const chipLabel = event.detail;\n \n // }\n\n handleChipClick(chipText: string) {\n this.udpChipClicked.emit(chipText);\n }\n\n\n render() {\n \n return (\n <div class=\"container\">\n {/* <div class=\"chips\">\n {this.visibleChildren && this.visibleChildren.map((child, index) => (\n <stencil-chip color=\"secondary\" key={index} text={child.label} show-delete=\"false\" > </stencil-chip>\n ))}\n </div> */}\n\n<div class=\"chips\">\n{console.log('Received data for chips via executeQwith', this.visibleChildren)}\n {this.visibleChildren && this.visibleChildren.map((child, index) => (\n <stencil-chip\n color=\"secondary\"\n key={index}\n text={child.description\n }\n show-delete=\"false\"\n externalToggleString={this.externalToggle}\n >\n </stencil-chip>\n ))}\n \n </div>\n\n\n <div class=\"overflow\" >\n {/* @todo: overflow button commented out */}\n {/* <stencil-icon-button showLabel={false} icon={Menu16} onClick={this.handlePopover}></stencil-icon-button> */}\n <udp-pop-over isOpen={this.popoverOpen} anchorElement={document.getElementById('anchorElement')}>\n <div class=\"menu\" >\n {this.menuChildren && this.menuChildren.map((child, index) => (\n <stencil-chip key={index} text={child.label} show-delete=\"false\" > </stencil-chip>\n ))}\n </div>\n </udp-pop-over>\n \n </div> \n </div>\n );\n }\n \n \n\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/udp-dynamic-form.entry.js CHANGED Viewed

@@ -250,7 +250,7 @@ const UdpDynamicForm = class {
         });
     }
     render() {
-        return h("div", { key: '3ad645e7b28adea7f62b2e9c6e6f99d8cbd4f389', class: "form-root" }, this.renderFormFields());
+        return h("div", { key: 'aa1d1ad6ee247fa411a71068468d252a3ac63eab', class: "form-root" }, this.renderFormFields());
     }
     get el() { return getElement(this); }
 };

package/dist/esm/udp-empty-state-display.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const UdpEmptyStateDisplay = class {
         this.imageWidth = '100px';
     }
     render() {
-        return (h("div", { key: '4ae3884d006e384171e40152b750c3bd4f2a6aed', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '4b9501f13a337b2fc882366545f31c44d9f6584d', class: "text-wrapper" }, h("unity-typography", { key: 'fb6e310d7b0bd796c5b949077de3c5125e9a87d7', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '32850a0c5b69aa5f2c1a92d9b5024af98a336693', class: "text-wrapper" }, h("unity-typography", { key: '44885a71d6b498ef1d545561ee8fdf18bee5f816', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: 'c0ddf7d1a61984b4e0ae32d3a1959a956d5e81cf', class: "action-wrapper" }, h("udp-button", { key: '240d357c3b5907893621ea41e40fef83dd5fdb1f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
+        return (h("div", { key: 'be90a1bcee9b8efc37ef3dc0298a4c2872dcff3a', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '88d355f3b42e3ac369a84fc277565cdde53ef438', class: "text-wrapper" }, h("unity-typography", { key: '798b25f9ce4e46438c270da9fe37b3b8170d7b97', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '0782274b56eabee91f1a29d93a0f529441e552d7', class: "text-wrapper" }, h("unity-typography", { key: '9a457155d36839e2608dcc06ceb19cc8038ac975', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '2e0a479ea9a35c5b8f55ba661c40484ad3675e54', class: "action-wrapper" }, h("udp-button", { key: '39c53a2c4c42281b473c514b633c672e73fc08d5', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
 };
 UdpEmptyStateDisplay.style = udpEmptyStateDisplayCss;

package/dist/esm/{udp-forms-builder-question-template-y1XU3Z2l.js → udp-forms-builder-question-template-BwyE73q_.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { U as UdpFormsTypeEnum, b as UdpFormsFieldTypeEnum } from './enums-CE8s6a9b.js';
+import { a as UdpFormsTypeEnum, b as UdpFormsFieldTypeEnum } from './enums-BOc5zJ68.js';
 const deepCloneFormSections = (formSections) => {
     return structuredClone(formSections);
@@ -375,6 +375,6 @@ const questionsTemplate = [
 ];
 export { formMetadataDefault as a, deepCloneFormSections as d, formSectionDefault as f, questionsTemplate as q, styleOverrideDefault as s };
-//# sourceMappingURL=udp-forms-builder-question-template-y1XU3Z2l.js.map
+//# sourceMappingURL=udp-forms-builder-question-template-BwyE73q_.js.map
-//# sourceMappingURL=udp-forms-builder-question-template-y1XU3Z2l.js.map
+//# sourceMappingURL=udp-forms-builder-question-template-BwyE73q_.js.map