udp-stencil-component-library 1.0.0

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

@@ -0,0 +1 @@
+{"file":"p-D7lXPDDs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/navigation/pagination/udp-pagination.css?tag=udp-pagination&encapsulation=shadow","src/components/my-component/UI/navigation/pagination/udp-pagination.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--font-family);\n}\n\n.pagination-controls {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: var(--spacing-03); /* 0.5rem */\n  gap: var(--spacing-02); /* 0.25rem, replaces margin on individual buttons */\n}\n\n/* Styles for udp-button are handled by the component itself. \n   We might only need to ensure proper alignment or specific overrides if necessary.\n   The udp-button already has variants for 'active', 'disabled' etc. */\n\n.pagination-controls span.ellipsis {\n  /* background-color: transparent; -- Already default for span */\n  /* border: none; -- Already default for span */\n  color: var(--text-secondary); /* Using a global variable for text color */\n  padding: var(--spacing-02) var(--spacing-01); /* Adjust padding using variables */\n  display: inline-flex; /* To align with buttons */\n  align-items: center; /* To align with buttons */\n  justify-content: center; /* To align with buttons */\n  min-width: 36px; /* Approximate width of a small icon button, adjust as needed */\n  min-height: 36px; /* Approximate height of a small icon button, adjust as needed */\n}\n\n/* Remove specific button styling for .prev-button, .next-button, etc. as udp-button handles it */\n/* .prev-button,\n.next-button,\n.first-page,\n.last-page {\n  Additional specific styles if needed\n} */ ","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-pagination',\n  styleUrl: './udp-pagination.css',\n  shadow: true,\n})\nexport class UdpPagination {\n  /**\n   * The currently active page number.\n   */\n  @Prop() currentPage: number = 1;\n\n  /**\n   * The total number of pages available.\n   */\n  @Prop() totalPages: number = 1;\n\n  /**\n   * Optional: Whether the component consuming pagination is in a loading state.\n   * If true, pagination controls will be disabled.\n   */\n  @Prop() isLoading: boolean = false;\n\n  /**\n   * Emitted when the page is changed by the user.\n   * The event detail will contain the new page number.\n   */\n  @Event() pageChange: EventEmitter<number>;\n\n  private navigateToPage(page: number) {\n    if (this.isLoading || page < 1 || page > this.totalPages || page === this.currentPage) {\n      return;\n    }\n    this.pageChange.emit(page);\n  }\n\n  // Basic page number generation. Could be made more sophisticated (e.g., with ellipses for many pages)\n  private renderPageNumbers() {\n    const pageNumbers = [];\n    const maxPagesToShow = 5; // Max number of page buttons to show directly\n    const halfMaxPages = Math.floor(maxPagesToShow / 2);\n\n    let startPage = Math.max(1, this.currentPage - halfMaxPages);\n    let endPage = Math.min(this.totalPages, this.currentPage + halfMaxPages);\n\n    if (this.currentPage - halfMaxPages < 1) {\n      endPage = Math.min(this.totalPages, maxPagesToShow);\n    }\n\n    if (this.currentPage + halfMaxPages > this.totalPages) {\n      startPage = Math.max(1, this.totalPages - maxPagesToShow + 1);\n    }\n\n    if (this.totalPages <= maxPagesToShow) {\n      startPage = 1;\n      endPage = this.totalPages;\n    }\n\n    // Always show first page if not in range\n    if (startPage > 1) {\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(1)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to first page\">\n          1\n        </udp-button>,\n      );\n      if (startPage > 2) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n    }\n\n    for (let i = startPage; i <= endPage; i++) {\n      pageNumbers.push(\n        <udp-button\n          onClick={() => this.navigateToPage(i)}\n          disabled={this.isLoading}\n          variant={i === this.currentPage ? 'contained' : 'outlined'}\n          color={i === this.currentPage ? 'primary' : 'inherit'}\n          ariaLabel={`Go to page ${i}`}\n          aria-current={i === this.currentPage ? 'page' : undefined}\n        >\n          {i}\n        </udp-button>,\n      );\n    }\n\n    // Always show last page if not in range\n    if (endPage < this.totalPages) {\n      if (endPage < this.totalPages - 1) {\n        pageNumbers.push(<span class=\"ellipsis\">...</span>);\n      }\n      pageNumbers.push(\n        <udp-button onClick={() => this.navigateToPage(this.totalPages)} disabled={this.isLoading} variant=\"outlined\" ariaLabel=\"Go to last page\">\n          {this.totalPages}\n        </udp-button>,\n      );\n    }\n\n    return pageNumbers;\n  }\n\n  render() {\n    if (this.totalPages <= 1) {\n      return null; // Don't render pagination if there's only one page or less\n    }\n\n    return (\n      <div class=\"pagination-controls\">\n        <udp-button onClick={() => this.navigateToPage(this.currentPage - 1)} disabled={this.isLoading || this.currentPage <= 1} variant=\"text\" ariaLabel=\"Go to previous page\">\n          Previous\n        </udp-button>\n\n        {this.renderPageNumbers()}\n\n        <udp-button\n          onClick={() => this.navigateToPage(this.currentPage + 1)}\n          disabled={this.isLoading || this.currentPage >= this.totalPages}\n          variant=\"text\"\n          ariaLabel=\"Go to next page\"\n        >\n          Next\n        </udp-button>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-D8BxImYi.js

@@ -0,0 +1,37 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+
+const sideSheetContainerCss = "/* @import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-grid.css';\n@import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-theme-material.css'; */\n\n.container {\n    width: 100%;\n    height: 100%;\n    background-color: #f2f2f2; /* light grey background */\n    overflow: auto; /* enable scrolling */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  ";
+
+const SideSheetContainer = /*@__PURE__*/ proxyCustomElement(class SideSheetContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.padding = true;
+    }
+    render() {
+        const style = this.padding ? { 'padding': '16px' } : {};
+        return (h("div", { key: 'f0e6079f5c1f51ad498f5807242a8cdf6fbde319', class: "container", style: style }, h("slot", { key: '29bdfc0b3cb9864c68b29fcd60a4c9e418908836' })));
+    }
+    static get style() { return sideSheetContainerCss; }
+}, [1, "side-sheet-container", {
+        "padding": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["side-sheet-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "side-sheet-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SideSheetContainer);
+            }
+            break;
+    } });
+}
+
+export { SideSheetContainer as S, defineCustomElement as d };
+//# sourceMappingURL=p-D8BxImYi.js.map
+
+//# sourceMappingURL=p-D8BxImYi.js.map

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

@@ -0,0 +1 @@
+{"file":"p-D8BxImYi.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,8lBAA8lB;;MCO/mB,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,GAAA;;;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAWhC;IATC,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,GAAG,EAAC,SAAS,EAAE,MAAM,EAAC,GAAG,EAAE;AACrD,QAAA,QACE,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAA,EACjC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/side-sheet/side-sheet-container.css?tag=side-sheet-container&encapsulation=shadow","src/components/deprecated/side-sheet/side-sheet-container.tsx"],"sourcesContent":["/* @import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-grid.css';\n@import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-theme-material.css'; */\n\n.container {\n    width: 100%;\n    height: 100%;\n    background-color: #f2f2f2; /* light grey background */\n    overflow: auto; /* enable scrolling */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'side-sheet-container',\n  styleUrl: 'side-sheet-container.css',\n  shadow: true,\n})\nexport class SideSheetContainer {\n  @Prop() padding: boolean = true;\n\n  render() {\n    const style = this.padding ? {'padding': '16px'} : {};\n    return (\n      <div class=\"container\" style={style}>\n        <slot />\n      </div>\n    );\n  }\n  \n}\n"],"version":3}

package/dist/components/p-D9qssFgq.js

@@ -0,0 +1,89 @@
+import { p as proxyCustomElement, H } from './p-DPon6DDX.js';
+
+const TenantStorageKey = 'active-tenant';
+const getStoredTenant = () => {
+    return window.sessionStorage.getItem(TenantStorageKey);
+};
+
+const UserCreator = /*@__PURE__*/ proxyCustomElement(class UserCreator extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    async createUser(userInfo) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        const tenantId = getStoredTenant() ||
+            ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _a !== void 0 ? _a : ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) ? userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds[0] : ''));
+        let userTenantPermissions = [];
+        let userTenantRoles = [];
+        let userTenantProducts = [];
+        const currentUserTenantProperties = (_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userTenantPropertiesView) === null || _b === void 0 ? void 0 : _b.find((propertyView) => (propertyView === null || propertyView === void 0 ? void 0 : propertyView.tenantId) === tenantId);
+        userTenantPermissions = currentUserTenantProperties
+            ? currentUserTenantProperties.permissions
+            : [];
+        userTenantRoles = currentUserTenantProperties
+            ? currentUserTenantProperties.securityRoles
+            : [];
+        userTenantProducts = currentUserTenantProperties
+            ? currentUserTenantProperties.products
+            : [];
+        return {
+            name: (_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.displayName) !== null && _c !== void 0 ? _c : '',
+            firstName: (_d = userInfo === null || userInfo === void 0 ? void 0 : userInfo.givenName) !== null && _d !== void 0 ? _d : '',
+            familyName: (_e = userInfo === null || userInfo === void 0 ? void 0 : userInfo.surname) !== null && _e !== void 0 ? _e : '',
+            jobTitle: (_f = userInfo === null || userInfo === void 0 ? void 0 : userInfo.jobTitle) !== null && _f !== void 0 ? _f : '',
+            email: (_g = userInfo === null || userInfo === void 0 ? void 0 : userInfo.email) !== null && _g !== void 0 ? _g : '',
+            mobile: (_h = userInfo === null || userInfo === void 0 ? void 0 : userInfo.mobilePhone) !== null && _h !== void 0 ? _h : '',
+            phone: (_j = userInfo === null || userInfo === void 0 ? void 0 : userInfo.officePhone) !== null && _j !== void 0 ? _j : '',
+            id: (_k = userInfo === null || userInfo === void 0 ? void 0 : userInfo.userId) !== null && _k !== void 0 ? _k : '',
+            location: (_l = userInfo === null || userInfo === void 0 ? void 0 : userInfo.location) !== null && _l !== void 0 ? _l : '',
+            aadId: (_m = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) !== null && _m !== void 0 ? _m : '',
+            accessToken: (_o = userInfo === null || userInfo === void 0 ? void 0 : userInfo.accessToken) !== null && _o !== void 0 ? _o : '',
+            tenantIds: (_p = userInfo === null || userInfo === void 0 ? void 0 : userInfo.tenantIds) !== null && _p !== void 0 ? _p : [],
+            defaultTenantId: (_q = userInfo === null || userInfo === void 0 ? void 0 : userInfo.defaultTenantId) !== null && _q !== void 0 ? _q : '',
+            currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID
+                ? process.env.REACT_APP_UNITY_TENANT_ID
+                : tenantId,
+            roleIds: (_r = userTenantRoles.map((role) => role.roleId)) !== null && _r !== void 0 ? _r : [],
+            products: userTenantProducts,
+            permissions: userTenantPermissions,
+            can: (_s = userTenantPermissions.reduce((can, permission) => {
+                if (permission.value === 'false') {
+                    can[permission.name] = false;
+                }
+                else if (permission.value === 'true') {
+                    can[permission.name] = true;
+                }
+                else {
+                    can[permission.name] = permission.value;
+                }
+                return can;
+            }, {})) !== null && _s !== void 0 ? _s : {},
+            statusCode: (_t = userInfo === null || userInfo === void 0 ? void 0 : userInfo.statusCode) !== null && _t !== void 0 ? _t : undefined,
+            unityId: (_u = userInfo === null || userInfo === void 0 ? void 0 : userInfo.unityId) !== null && _u !== void 0 ? _u : undefined,
+            additionalProperties: (_v = userInfo === null || userInfo === void 0 ? void 0 : userInfo.additionalProperties) !== null && _v !== void 0 ? _v : undefined,
+            roleNames: (_w = userTenantRoles.map((role) => role.name)) !== null && _w !== void 0 ? _w : []
+        };
+    }
+}, [1, "udp-user-creator", {
+        "createUser": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-user-creator"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-user-creator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UserCreator);
+            }
+            break;
+    } });
+}
+
+export { UserCreator as U, defineCustomElement as d };
+//# sourceMappingURL=p-D9qssFgq.js.map
+
+//# sourceMappingURL=p-D9qssFgq.js.map

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

@@ -0,0 +1 @@
+{"file":"p-D9qssFgq.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/unity-session-storage.ts","src/udp-utilities/udp-user-creator.ts"],"sourcesContent":["const TenantStorageKey = 'active-tenant';\nconst AccessTokenKey = 'active-access-token';\nconst RefreshTokenKey = 'active-refresh-token';\n\nexport const storeInitialTenant = (): void => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const urlTenantId = urlParams.get('tenantId');\n\n  if (urlTenantId) {\n    storeTenant(urlTenantId);\n  }\n};\n\nexport const storeTenant = (tenantId: string): void => {\n  window.sessionStorage.setItem(TenantStorageKey, tenantId);\n};\n\nexport const getStoredTenant = (): string | null => {\n  return window.sessionStorage.getItem(TenantStorageKey);\n};\n\nexport const clearStoredTenant = (): void => {\n  window.sessionStorage.removeItem(TenantStorageKey);\n};\n\nexport const storeAccessToken = (accessToken: string): void => {\n  window.localStorage.setItem(AccessTokenKey, accessToken);\n};\n\nexport const getStoredAccessToken = (): string | null => {\n  return window.localStorage.getItem(AccessTokenKey);\n};\n\nexport const clearStoredAccessToken = (): void => {\n  window.localStorage.removeItem(AccessTokenKey);\n};\n\nexport const storeRefreshToken = (refreshToken: string): void => {\n  window.localStorage.setItem(RefreshTokenKey, refreshToken);\n};\n\nexport const getStoredRefreshToken = (): string | null => {\n  return window.localStorage.getItem(RefreshTokenKey);\n};\n\nexport const clearStoredRefreshToken = (): void => {\n  window.localStorage.removeItem(RefreshTokenKey);\n};\n","import { Component, Method } from '@stencil/core';\nimport { getStoredTenant } from './unity-session-storage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n}\n\n@Component({\n  tag: 'udp-user-creator',  // The tag name to use this component\n  shadow: true\n})\nexport class UserCreator {\n  \n  @Method()\n  async createUser(userInfo: any): Promise<User> {\n    const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n    return {\n      name: userInfo?.displayName ?? '',\n      firstName: userInfo?.givenName ?? '',\n      familyName: userInfo?.surname ?? '',\n      jobTitle: userInfo?.jobTitle ?? '',\n      email: userInfo?.email ?? '',\n      mobile: userInfo?.mobilePhone ?? '',\n      phone: userInfo?.officePhone ?? '',\n      id: userInfo?.userId ?? '',\n      location: userInfo?.location ?? '',\n      aadId: userInfo?.id ?? '',\n      accessToken: userInfo?.accessToken ?? '',\n      tenantIds: userInfo?.tenantIds ?? [],\n      defaultTenantId: userInfo?.defaultTenantId ?? '',\n      currentTenantId: process.env.REACT_APP_UNITY_TENANT_ID\n        ? process.env.REACT_APP_UNITY_TENANT_ID\n        : tenantId,\n      roleIds: userTenantRoles.map((role: any) => role.roleId) ?? [],\n      products: userTenantProducts,\n      permissions: userTenantPermissions,\n      can:\n        userTenantPermissions.reduce((can: any, permission: any) => {\n          if (permission.value === 'false') {\n            can[permission.name] = false;\n          } else if (permission.value === 'true') {\n            can[permission.name] = true;\n          } else {\n            can[permission.name] = permission.value;\n          }\n          return can;\n        }, {}) ?? {},\n      statusCode: userInfo?.statusCode ?? undefined,\n      unityId: userInfo?.unityId ?? undefined,\n      additionalProperties: userInfo?.additionalProperties ?? undefined,\n      roleNames: userTenantRoles.map((role) => role.name) ?? []\n    };\n  }\n\n}"],"version":3}

package/dist/components/p-DIPIddaO.js

@@ -0,0 +1,143 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
+import Close24 from '@carbon/icons/es/close/24';
+import { d as defineCustomElement$5 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$4 } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$3 } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$2 } from './p-Dri6DPsA.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const udpSideSheetCss = ":host{all:initial;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;font-family:sans-serif;visibility:hidden}:host([open]){visibility:visible}.backdrop{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;transition:opacity 0.3s ease-in-out}:host([open]) .backdrop{opacity:1}.sheet{background:white;height:100vh;position:fixed;top:0;display:flex;flex-direction:column;box-shadow:0 0 12px rgba(0, 0, 0, 0.3);transition:transform 0.3s ease-in-out;width:100%}.sheet.right{right:0;transform:translateX(100%)}.sheet.left{left:0;transform:translateX(-100%)}:host([open]) .sheet.right,:host([open]) .sheet.left{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{}.title-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-04, 16px);flex-shrink:0;box-shadow:var(--elevation-02 , 0 4px 8px rgba(0, 0, 0, 0.1))}.title-text{flex-grow:1}.close-button{flex-shrink:0}.content{overflow-y:auto;flex-grow:1}.content.padding{padding:var(--spacing-05, 16px)}.footer{padding:var(--spacing-05, 16px);border-top:1px solid #ccc;display:flex;justify-content:flex-end;flex-shrink:0}";
+
+const UdpSideSheet = /*@__PURE__*/ proxyCustomElement(class UdpSideSheet extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.udpSideSheetClose = createEvent(this, "udpSideSheetClose");
+        this.udpPrimaryButtonClick = createEvent(this, "udpPrimaryButtonClick");
+        this.open = false;
+        this.position = 'right';
+        this.width = 'md';
+        this.primaryButtonDisabled = false;
+        this.padding = true;
+        this.appendedToBody = false;
+        this.isBeingMoved = false;
+        this.originalBodyOverflow = '';
+        this.onClose = () => {
+            this.open = false;
+            this.udpSideSheetClose.emit();
+        };
+        this.onPrimaryButtonClick = () => {
+            this.udpPrimaryButtonClick.emit();
+        };
+    }
+    handleOpenChange(open) {
+        if (open) {
+            this.originalBodyOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            if (!this.appendedToBody) {
+                this.isBeingMoved = true;
+                document.body.appendChild(this.hostEl);
+                this.appendedToBody = true;
+                requestAnimationFrame(() => {
+                    this.isBeingMoved = false;
+                });
+            }
+        }
+        else {
+            document.body.style.overflow = this.originalBodyOverflow;
+            this.cleanup();
+        }
+    }
+    componentDidLoad() {
+        if (this.open && !this.appendedToBody) {
+            this.originalBodyOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            this.isBeingMoved = true;
+            document.body.appendChild(this.hostEl);
+            this.appendedToBody = true;
+            requestAnimationFrame(() => {
+                this.isBeingMoved = false;
+            });
+        }
+    }
+    cleanup() {
+        if (this.hostEl.parentElement === document.body) {
+            document.body.removeChild(this.hostEl);
+            this.appendedToBody = false;
+        }
+    }
+    disconnectedCallback() {
+        if (this.isBeingMoved) {
+            return;
+        }
+        if (this.open) {
+            document.body.style.overflow = this.originalBodyOverflow;
+        }
+        this.cleanup();
+    }
+    render() {
+        const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;
+        const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};
+        return this.open ? (h("div", { class: "backdrop", onClick: this.onClose }, h("div", { class: { sheet: true, [this.position]: true, [widthClass]: true }, style: sideSheetStyle, onClick: e => e.stopPropagation() }, h("div", { class: "title-container" }, h("div", { class: "title-text" }, h("unity-typography", { variant: "data-display-four" }, this.title)), h("div", { class: "close-button" }, h("stencil-icon-button", { icon: Close24, onClick: this.onClose }))), h("div", { class: { content: true, padding: this.padding } }, h("slot", null)), this.primaryButtonLabel && (h("div", { class: "footer" }, h("udp-button", { variant: "contained", size: "large", disabled: this.primaryButtonDisabled, onClick: this.onPrimaryButtonClick, endIcon: this.primaryButtonIcon }, this.primaryButtonLabel)))))) : null;
+    }
+    get hostEl() { return this; }
+    static get watchers() { return {
+        "open": ["handleOpenChange"]
+    }; }
+    static get style() { return udpSideSheetCss; }
+}, [1, "udp-side-sheet", {
+        "open": [1540],
+        "title": [1],
+        "position": [1],
+        "width": [8],
+        "primaryButtonLabel": [1, "primary-button-label"],
+        "primaryButtonDisabled": [4, "primary-button-disabled"],
+        "primaryButtonIcon": [1, "primary-button-icon"],
+        "padding": [4]
+    }, undefined, {
+        "open": ["handleOpenChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-side-sheet", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "udp-button", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-side-sheet":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpSideSheet);
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { UdpSideSheet as U, defineCustomElement as d };
+//# sourceMappingURL=p-DIPIddaO.js.map
+
+//# sourceMappingURL=p-DIPIddaO.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DIPIddaO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css?tag=udp-side-sheet&encapsulation=shadow","src/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.tsx"],"sourcesContent":[":host {\n  all: initial;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 9999;\n  font-family: sans-serif;\n  visibility: hidden;\n}\n\n:host([open]) {\n  visibility: visible;\n}\n\n.backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n}\n:host([open]) .backdrop {\n  opacity: 1;\n}\n\n.sheet {\n  background: white;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  display: flex;\n  flex-direction: column;\n  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);\n  transition: transform 0.3s ease-in-out;\n  width: 100%;\n}\n\n.sheet.right {\n  right: 0;\n  transform: translateX(100%);\n}\n.sheet.left {\n  left: 0;\n  transform: translateX(-100%);\n}\n\n:host([open]) .sheet.right,\n:host([open]) .sheet.left {\n  transform: translateX(0);\n}\n\n.sheet.sm { max-width: 360px; }\n.sheet.md { max-width: 600px; }\n.sheet.lg { max-width: 960px; }\n.sheet.full { max-width: 100%; }\n.sheet.custom-width { /* max-width is set via inline style */ }\n\n.title-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--spacing-04, 16px);\n  flex-shrink: 0;\n  box-shadow: var(--elevation-02 , 0 4px 8px rgba(0, 0, 0, 0.1));\n}\n.title-text {\n  flex-grow: 1;\n}\n.close-button {\n  flex-shrink: 0;\n}\n.content {\n  overflow-y: auto;\n  flex-grow: 1;\n}\n\n.content.padding {\n  padding: var(--spacing-05, 16px);\n}\n\n.footer {\n  padding: var(--spacing-05, 16px);\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: flex-end;\n  flex-shrink: 0;\n} \n","import { Component, h, Prop, Element, Watch, Event, EventEmitter } from '@stencil/core';\nimport Close24 from '@carbon/icons/es/close/24';\n\n@Component({\n  tag: 'udp-side-sheet',\n  styleUrl: 'udp-side-sheet.css',\n  shadow: true,\n})\nexport class UdpSideSheet {\n  @Element() hostEl!: HTMLElement;\n\n  @Prop({ reflect: true, mutable: true }) open = false;\n  @Prop() title: string;\n  @Prop() position: 'left' | 'right' = 'right';\n  @Prop() width: 'sm' | 'md' | 'lg' | 'full' | number = 'md';\n  @Prop() primaryButtonLabel: string;\n  @Prop() primaryButtonDisabled = false;\n  @Prop() primaryButtonIcon: string;\n  @Prop() padding = true;\n\n  @Event() udpSideSheetClose: EventEmitter<void>;\n  @Event() udpPrimaryButtonClick: EventEmitter<void>;\n\n  private appendedToBody = false;\n  private isBeingMoved = false;\n  private originalBodyOverflow: string = '';\n\n  @Watch('open')\n  handleOpenChange(open: boolean) {\n    if (open) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      if (!this.appendedToBody) {\n        this.isBeingMoved = true;\n        document.body.appendChild(this.hostEl);\n        this.appendedToBody = true;\n        requestAnimationFrame(() => {\n          this.isBeingMoved = false;\n        });\n      }\n    } else {\n      document.body.style.overflow = this.originalBodyOverflow;\n      this.cleanup();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.open && !this.appendedToBody) {\n      this.originalBodyOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n      this.isBeingMoved = true;\n      document.body.appendChild(this.hostEl);\n      this.appendedToBody = true;\n      requestAnimationFrame(() => {\n        this.isBeingMoved = false;\n      });\n    }\n  }\n\n  private onClose = () => {\n    this.open = false;\n    this.udpSideSheetClose.emit();\n  };\n\n  private onPrimaryButtonClick = () => {\n    this.udpPrimaryButtonClick.emit();\n  };\n\n  private cleanup() {\n    if (this.hostEl.parentElement === document.body) {\n      document.body.removeChild(this.hostEl);\n      this.appendedToBody = false;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.isBeingMoved) {\n      return;\n    }\n    if (this.open) {\n      document.body.style.overflow = this.originalBodyOverflow;\n    }\n    this.cleanup();\n  }\n\n  render() {\n    const widthClass = typeof this.width === 'number' ? 'custom-width' : this.width;\n    const sideSheetStyle = typeof this.width === 'number' ? { maxWidth: `${this.width}px` } : {};\n\n    return this.open ? (\n      <div class=\"backdrop\" onClick={this.onClose}>\n        <div class={{ sheet: true, [this.position]: true, [widthClass]: true }} style={sideSheetStyle} onClick={e => e.stopPropagation()}>\n          <div class=\"title-container\">\n            <div class=\"title-text\">\n              <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n            </div>\n            <div class=\"close-button\">\n              <stencil-icon-button icon={Close24} onClick={this.onClose}></stencil-icon-button>\n            </div>\n          </div>\n          <div class={{ content: true, padding: this.padding }}>\n            <slot />\n          </div>\n          {this.primaryButtonLabel && (\n            <div class=\"footer\">\n              <udp-button variant=\"contained\" size=\"large\" disabled={this.primaryButtonDisabled} onClick={this.onPrimaryButtonClick} endIcon={this.primaryButtonIcon}>\n                {this.primaryButtonLabel}\n              </udp-button>\n            </div>\n          )}\n        </div>\n      </div>\n    ) : null;\n  }\n}\n"],"version":3}

package/dist/components/p-DLA7ayAx.js

@@ -0,0 +1,68 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
+
+const udpLinkCss = ":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";
+
+const UdpLink = /*@__PURE__*/ proxyCustomElement(class UdpLink extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.linkClick = createEvent(this, "linkClick");
+        /**
+         * The target attribute specifies where to open the linked document
+         */
+        this.target = '_self';
+        /**
+         * If true, the link will be disabled
+         */
+        this.disabled = false;
+        /**
+         * If true, the component will render as a button instead of an anchor
+         */
+        this.component = 'a';
+        this.handleClick = (e) => {
+            if (this.disabled) {
+                e.preventDefault();
+                return;
+            }
+            this.linkClick.emit(e);
+        };
+    }
+    render() {
+        const commonProps = {
+            class: {
+                'udp-link': true,
+                'disabled': this.disabled,
+            },
+            onClick: this.handleClick,
+        };
+        if (this.component === 'button' || !this.href) {
+            return (h("button", Object.assign({}, commonProps, { disabled: this.disabled, type: "button" }), h("slot", null)));
+        }
+        return (h("a", Object.assign({}, commonProps, { href: this.href, target: this.target }), h("slot", null)));
+    }
+    static get style() { return udpLinkCss; }
+}, [1, "udp-link", {
+        "href": [1],
+        "target": [1],
+        "disabled": [4],
+        "component": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-link":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpLink);
+            }
+            break;
+    } });
+}
+
+export { UdpLink as U, defineCustomElement as d };
+//# sourceMappingURL=p-DLA7ayAx.js.map
+
+//# sourceMappingURL=p-DLA7ayAx.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DLA7ayAx.js","mappings":";;AAAA,MAAM,UAAU,GAAG,udAAud;;MCO7d,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,GAAA;;;;;AAWE;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,OAAO;AAEjC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAmB,GAAG;AAO/B,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,CAAa,KAAI;AACtC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE;gBAClB;;AAGF,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,SAAC;AAyBF;IAvBC,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,IAAI;gBAChB,UAAU,EAAE,IAAI,CAAC,QAAQ;AAC1B,aAAA;YACD,OAAO,EAAE,IAAI,CAAC,WAAW;SAC1B;QAED,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AAC7C,YAAA,QACE,CAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAY,WAAW,EAAA,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,EAAA,CAAA,EAC7D,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACN;;AAIb,QAAA,QACE,CAAA,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,WAAW,EAAA,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,CAAA,EACtD,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACX;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/navigation/udp-link/udp-link.css?tag=udp-link&encapsulation=shadow","src/components/my-component/UI/navigation/udp-link/udp-link.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\n.udp-link {\n  color: var(--primary-color);\n  text-decoration: none;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  outline: inherit;\n  transition: color 0.2s ease-in-out;\n}\n\n.udp-link:hover {\n  color: var(--primary-dark);\n  text-decoration: underline;\n}\n\n.udp-link:focus {\n  outline: 2px solid var(--primary-light);\n  outline-offset: 2px;\n}\n\n.udp-link.disabled {\n  color: var(--text-disabled);\n  cursor: default;\n  pointer-events: none;\n}\n\n.udp-link.disabled:hover {\n  text-decoration: none;\n} ","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'udp-link',\n  styleUrl: 'udp-link.css',\n  shadow: true,\n})\nexport class UdpLink {\n  /**\n   * The URL that the hyperlink points to\n   */\n  @Prop() href?: string;\n\n  /**\n   * The target attribute specifies where to open the linked document\n   */\n  @Prop() target?: string = '_self';\n\n  /**\n   * If true, the link will be disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * If true, the component will render as a button instead of an anchor\n   */\n  @Prop() component: 'a' | 'button' = 'a';\n\n  /**\n   * Event emitted when the link is clicked\n   */\n  @Event() linkClick: EventEmitter<MouseEvent>;\n\n  private handleClick = (e: MouseEvent) => {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    this.linkClick.emit(e);\n  };\n\n  render() {\n    const commonProps = {\n      class: {\n        'udp-link': true,\n        'disabled': this.disabled,\n      },\n      onClick: this.handleClick,\n    };\n\n    if (this.component === 'button' || !this.href) {\n      return (\n        <button {...commonProps} disabled={this.disabled} type=\"button\">\n          <slot></slot>\n        </button>\n      );\n    }\n\n    return (\n      <a {...commonProps} href={this.href} target={this.target}>\n        <slot></slot>\n      </a>\n    );\n  }\n}\n"],"version":3}