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

package/dist/collection/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.js

@@ -91,7 +91,7 @@ export class SearchListItem {
         });
     }
     render() {
-        return (h("div", { key: '2f9faea0db2a5169b65604d68f9ca20eafd6f861', class: "list-item" }, h("div", { key: 'b82093bc34c325f67524a1d3186539caa36e2152', class: "list-body" }, h("div", { key: 'b3dafb84904a51cea0056bce923a568a0aec5be4', class: "name" }, h("unity-typography", { key: '6601c3002021d53aa9e538184160a7f60e92a520', variant: "button" }, this.label)), h("div", { key: '0062f55adaff01fb3c04542bda56c06ce0af5391', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'f2138827a4cb3a16a366c7fca18f60ca39106004', class: "input" }, h("text-field", { key: 'ee52bc7081269037056c185a0ed7f491c0d5db24', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '2894cf78c8a2ee6ea23db2485bf5807d6d3374c6', icon: Close24, onClick: this.handleDelete })));
+        return (h("div", { key: '43d134be833007b33ead479827581d24f53a8f81', class: "list-item" }, h("div", { key: '0c739d7629a971054f733d795cb85c1cafea1631', class: "list-body" }, h("div", { key: 'fb0eaa446a84ea0ab7af88a9fdf5692ca5ee25f6', class: "name" }, h("unity-typography", { key: 'db23e171e1f087d37596d3e83c4f8ad350bed1e1', variant: "button" }, this.label)), h("div", { key: 'b0eff44281469606359a321cc3343995778e4eaf', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'bd78f153b6123e3193cc2e6be7a9716db692411f', class: "input" }, h("text-field", { key: 'cc020bf9716481f9775424823d547b06eb09fdc5', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '963e6b9ebbf1ff0f8fc0ac7284be882be6d5f05f', icon: Close24, onClick: this.handleDelete })));
     }
     static get is() { return "search-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/udp-avatar/udp-avatar.js

@@ -42,7 +42,7 @@ export class UdpAvatar {
         else {
             style['background-color'] = this.getColorForUsername();
         }
-        return (h("div", { key: '39efa3768058fc1fe61ee05d6f0e2ee2ff6ecd0e', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
+        return (h("div", { key: 'cfee60c123885ac758d28f2ce2d50eacd42d946a', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
     }
     static get is() { return "udp-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/dialogs/fluent-dialog/fluent-dialog.js

@@ -10,9 +10,9 @@ export class FluentDialog {
         this.buttonThreeHidden = true;
     }
     render() {
-        return (h("div", { key: '04a8aa4e472a39d524ee138afe8a569787c75843', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: 'bd58e65752384f3091e39a2a481a924c9e008e76', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '74992ef8c8f6f84eb7206890813c7f8b2e1df7e6', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: '319d68746d8fe968b36562e55c68328828cc20c1', variant: "h3" }, this.title)), h("div", { key: '1f1eabf51753f8bb0149e00b5dae4fb7bfe5e92d', class: "dialog-content" }, h("unity-typography", { key: '185821d98461721147e8131ceb069f74799a18ef', variant: "h6" }, this.message), h("unity-typography", { key: '39ad78492867945a3b21d1805aa561f38ed7c27d', variant: "body" }, h("slot", { key: 'a4c259a59a5ce8ee3eba5ec6b39a46718d3e9348' }))), h("div", { key: '3985e215eefe1e27d831ab3369b2a8bfd21f2ef2', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '382eb5cbf946b6c4e57d3794aeb6f31b7d4dd143', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '08b6ce4fa8519d5b02cb2215cabae04ca1371c75',
+        return (h("div", { key: 'c0222cbf8b74739dee4f1c516a136a7f6a4f0cfa', class: { 'overlay': true, 'overlay-open': this.open } }, h("div", { key: '269c25e7a9723eb4c2b03ed998aa2d7d328a7dd6', class: { 'dialog-container': true, 'dialog-open': this.open } }, h("div", { key: '4a61adbfd7b7a09e26df703d36aa837a3edbf756', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'ffda3f75298861d4e0e66658bb9ebce897e1f5c2', variant: "h3" }, this.title)), h("div", { key: '478fdb0fc04027ede0b51ceab2032e5b78629329', class: "dialog-content" }, h("unity-typography", { key: 'ba3de7b76fc4a6056739ffb988f3cd769bde770e', variant: "h6" }, this.message), h("unity-typography", { key: '0862f4c922020ea496f5dc98de797046a9fc41da', variant: "body" }, h("slot", { key: 'a888b096974c349165b7d7128c1fb633eda1e2a9' }))), h("div", { key: '05dfcf233b1464d22e16baa4c61aa00c3e331c7c', class: "dialog-actions" }, !this.buttonTwoHidden && (h("custom-button", { key: '7c9a4909014dc2e5f386c5734d82582f1216c125', size: "tall", variant: "text", onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("custom-button", { key: '78729ab610e8ae537ddb01fe587e7ec46b666ce6',
             //class="primary-action"
-            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: '50b1433782b04b4bb04ec0f6fc4adb45f535e26a', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '38c5abae188957796b93f80f5a93edafc1d600c5', class: "linear-progress" }))));
+            onClick: () => this.actionThree(), size: "tall", variant: "text", disabled: this.disableThree }, this.labelThree)), !this.buttonOneHidden && (h("custom-button", { key: 'f0617eaafb6b9b2f4e0e5d653833fd56cb00026d', class: "primary-action", variant: "text", onClick: () => this.actionOne(), size: "tall", disabled: this.disableOne }, this.labelOne))), this.progress && h("div", { key: '4ca20c0e8ad6fe79184a46fe2e7b335fae5eec58', class: "linear-progress" }))));
     }
     static get is() { return "fluent-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/dialogs/udp-dialog.js

@@ -49,7 +49,7 @@ export class UdpDialog {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (h(Host, { key: '4adbe541f2902a9d92c243a40388bdc3b121b645', onClick: this.handleOverlayClick }, h("div", { key: '9614c5df4fbe7e94c73b5aacc37174d6b16555c9', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: 'adb9fc377065a01d3b3266d99f3ffe640058fa73', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'e03c5fc91c29a384eabab75c1509488eac44d6f0', variant: "h3" }, this.title)), h("div", { key: 'e0f011fb41be303e8779e128e02c2b9aed43e645', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'fef802596e0859df5774da1497eb91e4f2a6d193', variant: "body" }, this.message), h("slot", { key: '1cb32eb5d979ad00ed1e9fa9e284e46562defb05' })), h("div", { key: '1b1043c981af31c3b3e51f61017e09e856da5f71', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '3dced852ea4bb0741eb0de0809f8e75b3b3b4c30', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'ca50eec078c3f5a3947d5377547fc2c689d7cc33', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: 'ab4c062175324d22f85900dd7713df93624dd7ef', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (h(Host, { key: '8786fdd18b4a4c84b7fb01d58609ca72d828b859', onClick: this.handleOverlayClick }, h("div", { key: '6d29b7c6ffd91f49303bebd12023f09830dded22', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '19175fa1e321b0682bb3c231ba43fa81ddcc4ac7', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'dcabd65635e9d5bbd3f34ec8240c3ada9f2b0630', variant: "h3" }, this.title)), h("div", { key: 'cf99872139003b15bb219e538b663131c33cedf7', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: '22d1c10684c6b967530e4ef291ce850c0e2174ad', variant: "body" }, this.message), h("slot", { key: 'bb797f4d8ffc8b20b1f4cfa1a59fef1b5efb9231' })), h("div", { key: 'c92603293cf2cd7d764fc07d7e33f1b23a51d413', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '7b676d07d99341bb7c0b90d3ca45e40bd4b98c89', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'efc9b09f5e05d5343e678386db936776bb0ec0de', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: '44e133fedfbeb3429039eca7b42dd142e680f1d5', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     static get is() { return "udp-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/drawers/udp-side-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface SecondaryButton {\n  id: number | string;\n  label: string;\n  icon?: string;\n  disabled?: boolean;\n  onClick: () => void\n}\n"]}

package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css

@@ -1,137 +1,163 @@
-:host {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: 9999;
-  visibility: hidden;
-  transition: visibility 0s 0.2s;
-}
-
-:host(.is-visible) {
-  visibility: visible;
-  transition-delay: 0s;
-}
-
-.backdrop {
-  background: rgba(0, 0, 0, 0.5);
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  transition: opacity 0.2s ease-in-out;
-}
-
-:host(.is-visible) .backdrop {
-  opacity: 1;
-}
-
-.sheet {
-  background: white;
-  height: 100vh;
-  position: fixed;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
-  transition: transform 0.2s ease-in-out;
-  width: 100%;
-}
-
-.sheet.right {
-  right: 0;
-  transform: translateX(100%);
-}
-
-.sheet.left {
-  left: 0;
-  transform: translateX(-100%);
-}
-
-:host(.is-visible) .sheet {
-  transform: translateX(0);
-}
-
-.sheet.sm { max-width: 360px; }
-.sheet.md { max-width: 600px; }
-.sheet.lg { max-width: 960px; }
-.sheet.full { max-width: 100%; }
-.sheet.custom-width { /* max-width is set via inline style */ }
-
-/* Updated title container for new layout */
-.title-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-shrink: 0;
-  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));
-  gap: var(--spacing-02)
-}
-
-.title-text {
-  flex-grow: 1;
-  text-align: left; /* Ensure title stays left-aligned */
-}
-
-.close-button {
-  flex-shrink: 0;
-}
-
-/* Added styles for the new button's container */
-.header-action-button {
-  flex-shrink: 0;
-}
-
-.content {
-  overflow-y: auto;
-  flex-grow: 1;
-  background-color: var(--gray-01);
-}
-
-.content.padding {
-  padding: var(--spacing-05, 24px);
-}
-
-.footer {
-  padding: var(--spacing-05, 24px);
-  border-top: 1px solid #ccc;
-  display: flex;
-  justify-content: flex-end;
-  flex-shrink: 0;
-}
-
-
-/* This container reserves the space for the loader (4px height).
-  This prevents the content below it from shifting up and down
-  when the loader appears or disappears.
-*/
-.loader-container {
-  height: 4px;
-  width: 100%;
-  background-color: var(--gray-01);
-}
-
-/*
-  By default, the loader is instantly hidden.
-  There is no transition applied in its hidden state.
-*/
-.loader-container udp-linear-loader {
-  visibility: hidden;
-  opacity: 0;
-  transition: none;
-}
-
-/*
-  When the .is-loading class is applied, we make the loader visible
-  AND apply a transition so it fades in smoothly. When the class is removed,
-  it reverts to the rule above and disappears instantly.
-*/
-.loader-container udp-linear-loader.is-loading {
-  visibility: visible;
-  opacity: 1;
-  /* transition: opacity 0.3s ease-in-out; */
-}
-
+:host {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 9999;
+  visibility: hidden;
+  transition: visibility 0s 0.2s;
+}
+
+:host(.is-visible) {
+  visibility: visible;
+  transition-delay: 0s;
+}
+
+.backdrop {
+  background: rgba(0, 0, 0, 0.5);
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  opacity: 0;
+  transition: opacity 0.2s ease-in-out;
+}
+
+:host(.is-visible) .backdrop {
+  opacity: 1;
+}
+
+.sheet {
+  background: white;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+  transition: transform 0.2s ease-in-out;
+  width: 100%;
+}
+
+.sheet.right {
+  right: 0;
+  transform: translateX(100%);
+}
+
+.sheet.left {
+  left: 0;
+  transform: translateX(-100%);
+}
+
+:host(.is-visible) .sheet {
+  transform: translateX(0);
+}
+
+.sheet.sm { max-width: 360px; }
+.sheet.md { max-width: 600px; }
+.sheet.lg { max-width: 960px; }
+.sheet.full { max-width: 100%; }
+.sheet.custom-width { /* max-width is set via inline style */ }
+
+/* Updated title container for new layout */
+.title-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));
+  gap: var(--spacing-02)
+}
+
+.title-text {
+  flex-grow: 1;
+  text-align: left; /* Ensure title stays left-aligned */
+}
+
+.close-button {
+  flex-shrink: 0;
+}
+
+/* Added styles for the new button's container */
+.header-action-button {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-02, 4px);
+  padding: var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) 0;
+}
+
+.content {
+  overflow-y: auto;
+  flex-grow: 1;
+  background-color: var(--gray-01);
+}
+
+.content.padding {
+  padding: var(--spacing-05, 24px);
+}
+
+.footer {
+  padding: var(--spacing-03, 8px);
+  box-shadow: var(--elevation-01, 0 4px 8px rgba(0, 0, 0, 0.1));
+  display: flex;
+  justify-content: flex-end;
+  flex-shrink: 0;
+  width: 100%;
+  gap: var(--spacing-02, 4px);
+  align-items: center;
+}
+
+.footer.secondary-button-overflow{
+  flex-direction: row-reverse;
+}
+
+.footer-secondary-buttons-container{
+  flex-grow: 2;
+  width: 100%;
+}
+
+.footer-secondary-buttons{
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-02, 4px);
+  align-items: center;
+}
+
+.footer-secondary-buttons.secondary-button-overflow{
+  flex-grow: 1;
+}
+
+/* This container reserves the space for the loader (4px height).
+  This prevents the content below it from shifting up and down
+  when the loader appears or disappears.
+*/
+.loader-container {
+  height: 4px;
+  width: 100%;
+  background-color: var(--gray-01);
+}
+
+/*
+  By default, the loader is instantly hidden.
+  There is no transition applied in its hidden state.
+*/
+.loader-container udp-linear-loader {
+  visibility: hidden;
+  opacity: 0;
+  transition: none;
+}
+
+/*
+  When the .is-loading class is applied, we make the loader visible
+  AND apply a transition so it fades in smoothly. When the class is removed,
+  it reverts to the rule above and disappears instantly.
+*/
+.loader-container udp-linear-loader.is-loading {
+  visibility: visible;
+  opacity: 1;
+  /* transition: opacity 0.3s ease-in-out; */
+}
+