udp-stencil-component-library 1.0.0

package/dist/components/p-CbpPw6wX.js

@@ -0,0 +1,54 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.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 = /*@__PURE__*/ proxyCustomElement(class UdpContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /**
+         * 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: '27c0a62f929155db4949c88f9f2aed505d3635ed', class: {
+                'udp-container': true,
+                'udp-container--fluid': this.fluid,
+                'udp-container--padded': this.padding,
+                [`udp-container--${this.maxWidth}`]: true,
+            } }, h("slot", { key: '29cfacd27f6a25b17dfc9796f7949544c9bcb969' })));
+    }
+    static get style() { return udpContainerCss; }
+}, [1, "udp-container", {
+        "fluid": [4],
+        "maxWidth": [1, "max-width"],
+        "padding": [4]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpContainer);
+            }
+            break;
+    } });
+}
+
+export { UdpContainer as U, defineCustomElement as d };
+//# sourceMappingURL=p-CbpPw6wX.js.map
+
+//# sourceMappingURL=p-CbpPw6wX.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CbpPw6wX.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;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;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"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"],"version":3}

package/dist/components/p-CbqpSujm.js

@@ -0,0 +1,149 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { startCase } from 'lodash';
+import { g as getDisplayCoordinates } from './p-_3wImzvq.js';
+import { d as defineCustomElement$9 } from './p-DamSevQs.js';
+import { d as defineCustomElement$8 } from './p-hRee3qYx.js';
+import { d as defineCustomElement$7 } from './p-BGjVmQGN.js';
+import { d as defineCustomElement$6 } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$5 } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$4 } from './p-D_p1JpLt.js';
+import { d as defineCustomElement$3 } from './p-2iPr7Wvy.js';
+import { d as defineCustomElement$2 } from './p-CpGuVcRn.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const mapPopupCss = ".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";
+
+const FeatureDetailsPopUp = /*@__PURE__*/ proxyCustomElement(class FeatureDetailsPopUp extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.coordinates = [];
+        this.enableViewFeature = true;
+        this.popOverAnchorElement = null;
+        this.showPopOver = false;
+        this.isReadOnly = false;
+        this.hideMessageIcon = false;
+        this.popoverWidth = '300px';
+        this.listData = [];
+    }
+    updateListData() {
+        var _a, _b, _c;
+        const listConfig = ((_a = this.cardConfig) === null || _a === void 0 ? void 0 : _a.popoverCardListFields) || ((_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.extendedListFields);
+        this.listData =
+            (_c = listConfig === null || listConfig === void 0 ? void 0 : listConfig.map(item => {
+                var _a, _b;
+                return ({
+                    subject: startCase(item),
+                    value: (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a[item]) !== null && _b !== void 0 ? _b : '-',
+                });
+            })) !== null && _c !== void 0 ? _c : [];
+    }
+    updateTitle() {
+        var _a, _b, _c, _d, _e;
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.titleField]) {
+            this.cardTitle = (_c = this.data) === null || _c === void 0 ? void 0 : _c[(_d = this.cardConfig) === null || _d === void 0 ? void 0 : _d.titleField];
+        }
+        else if (this.coordinates) {
+            this.cardTitle = getDisplayCoordinates(this.coordinates, (_e = this.cardConfig) === null || _e === void 0 ? void 0 : _e.maxLengthCoordinatesTitle);
+        }
+    }
+    render() {
+        var _a, _b, _c;
+        const message = this.getMessage ? this.getMessage(this.data) : null;
+        const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
+        return (h("udp-pop-over", { key: 'a5896d7bf4cfe925d197cf7792cbf29ae805acc9', anchorElement: this.popOverAnchorElement, isOpen: this.showPopOver, popoverWidth: this.popoverWidth, popoverMaxHeight: '500px', handleOnClose: this.additionalOnclosePopover, popoverPlacement: 'bottom', noPadding: true }, h("feature-details-card", { key: 'fd3c3f8707baa0300b3ff43fd2b1e0998d230b9c', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth })));
+    }
+    static get watchers() { return {
+        "cardConfig": ["updateListData", "updateTitle"],
+        "data": ["updateListData"],
+        "coordinates": ["updateTitle"]
+    }; }
+    static get style() { return mapPopupCss; }
+}, [1, "feature-details-popup", {
+        "currentSelectedFeature": [8, "current-selected-feature"],
+        "data": [8],
+        "coordinates": [16],
+        "enableViewFeature": [4, "enable-view-feature"],
+        "handleViewFeature": [8, "handle-view-feature"],
+        "popOverAnchorElement": [16, "pop-over-anchor-element"],
+        "showPopOver": [4, "show-pop-over"],
+        "isReadOnly": [4, "is-read-only"],
+        "additionalOnclosePopover": [16, "additional-onclose-popover"],
+        "cardConfig": [8, "card-config"],
+        "primaryActions": [16, "primary-actions"],
+        "moreIconActions": [16, "more-icon-actions"],
+        "getMessage": [16, "get-message"],
+        "getMessageIcon": [16, "get-message-icon"],
+        "hideMessageIcon": [4, "hide-message-icon"],
+        "popoverWidth": [1, "popover-width"],
+        "listData": [32],
+        "cardTitle": [32]
+    }, undefined, {
+        "cardConfig": ["updateListData", "updateTitle"],
+        "data": ["updateListData"],
+        "coordinates": ["updateTitle"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["feature-details-popup", "feature-details-card", "stencil-icon-button", "udp-adornment", "udp-ambient-tool-tip", "udp-badge", "udp-icon", "udp-menu-item", "udp-pop-over", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "feature-details-popup":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FeatureDetailsPopUp);
+            }
+            break;
+        case "feature-details-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "udp-adornment":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-pop-over":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { FeatureDetailsPopUp as F, defineCustomElement as d };
+//# sourceMappingURL=p-CbqpSujm.js.map
+
+//# sourceMappingURL=p-CbqpSujm.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CbqpSujm.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/map/udp-map/popups/map-popup.css?tag=feature-details-popup&encapsulation=shadow","src/components/my-component/UI/map/udp-map/popups/feature-details-popup.tsx"],"sourcesContent":["  \n  .popoverContent{\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-04);\n    padding: var(--spacing-04);\n    z-index: 1\n  }\n  .featureDetailsPopOverContent{\n    min-width: 300px;\n    z-index: 1\n  }\n  .data-row {\n    display: flex;\n    column-gap: var(--spacing-04);\n   }\n  .data-section {\n    display: flex;\n    flex-direction: column;\n    column-gap: var(--spacing-02);\n  }\n  .key{\n    font-weight: bold;\n    color: var(--accent-color-two);\n  }\n  .header{\n    display: flex;\n    background-color: var(--accent-color-three);\n    color: var(--accent-color-two);\n    padding-left: var(--spacing-02);\n    margin-bottom: var(--spacing-04);\n  }\n  .closeButton{\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n  .options{\n    display: flex;\n    justify-content: flex-end;\n    column-gap: var(--spacing-04);\n  }\n  .mapType{\n    margin-bottom: var(--spacing-02);\n  }","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { startCase } from 'lodash';\nimport { getDisplayCoordinates } from '../utils/udp-map-utils';\n\n@Component({\n  tag: 'feature-details-popup',\n  styleUrl: 'map-popup.css',\n  shadow: true,\n})\nexport class FeatureDetailsPopUp {\n  @Prop() currentSelectedFeature: any;\n  @Prop() data: any;\n  @Prop() coordinates: any[] = [];\n  @Prop() enableViewFeature: boolean = true;\n  @Prop() handleViewFeature: any;\n  @Prop() popOverAnchorElement: HTMLElement | null = null;\n  @Prop() showPopOver: boolean = false;\n  @Prop() isReadOnly: boolean = false;\n  @Prop() additionalOnclosePopover?: (event: any) => void;\n  @Prop() cardConfig: any;\n  @Prop() primaryActions: any[];\n  @Prop() moreIconActions: any[];\n  @Prop() getMessage: (data: any) => string;\n  @Prop() getMessageIcon: (data: any) => any;\n  @Prop() hideMessageIcon: boolean = false;\n  @Prop() popoverWidth: string = '300px';\n\n  @State() listData: any[] = [];\n  @State() cardTitle: string;\n\n  @Watch('cardConfig')\n  @Watch('data')\n  updateListData() {\n    if (!this.data || !this.cardConfig) {\n      [];\n    }\n\n    const listConfig = this.cardConfig?.popoverCardListFields || this.cardConfig?.extendedListFields;\n\n    this.listData =\n      listConfig?.map(item => ({\n        subject: startCase(item),\n        value: this.data?.[item] ?? '-',\n      })) ?? [];\n  }\n\n  @Watch('cardConfig')\n  @Watch('coordinates')\n  updateTitle() {\n    if (this.data?.[this.cardConfig?.titleField]) {\n      this.cardTitle = this.data?.[this.cardConfig?.titleField];\n    } else if (this.coordinates) {\n      this.cardTitle = getDisplayCoordinates(this.coordinates, this.cardConfig?.maxLengthCoordinatesTitle);\n    }\n  }\n\n  render() {\n    const message = this.getMessage ? this.getMessage(this.data) : null;\n    const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;\n\n    return (\n      <udp-pop-over\n        anchorElement={this.popOverAnchorElement}\n        isOpen={this.showPopOver}\n        popoverWidth={this.popoverWidth}\n        popoverMaxHeight={'500px'}\n        handleOnClose={this.additionalOnclosePopover}\n        popoverPlacement={'bottom'}\n        noPadding\n      >\n        <feature-details-card\n          data={this.currentSelectedFeature}\n          title={this.cardTitle}\n          listData={this.listData}\n          status={this.data?.[this.cardConfig?.statusColor]?.toLowerCase()}\n          enableViewFeature={this.enableViewFeature}\n          handleViewFeature={this.handleViewFeature}\n          primaryActions={this.isReadOnly ? [] : this.primaryActions}\n          moreIconActions={this.isReadOnly ? [] : this.moreIconActions}\n          message={message}\n          messageIcon={messageIcon}\n          hideMessageIcon={this.hideMessageIcon}\n          onClose={this.additionalOnclosePopover}\n          width={this.popoverWidth}\n        />\n      </udp-pop-over>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CgFIw4Nt.js

@@ -0,0 +1,101 @@
+import { p as proxyCustomElement, H, c as createEvent } from './p-DPon6DDX.js';
+import axios from 'axios';
+import { jwtDecode } from 'jwt-decode';
+import { C as ConfigService } from './p-Cn7PuhQz.js';
+
+const GetUser = /*@__PURE__*/ proxyCustomElement(class GetUser extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.userDataReady = createEvent(this, "userDataReady");
+        this.loading = false;
+        this.userInfo = {};
+        this.unityUserInfo = {};
+        this.configBaseURL = ConfigService.securityV1ApiUrl;
+    }
+    async getAccessToken() {
+        return this.accessToken;
+    }
+    async apiMutate(baseURL, url, config) {
+        const fullURL = `${baseURL}/${url}`;
+        //const accessToken = await this.getAccessToken();
+        const headers = {
+        // Authorization: `Bearer ${accessToken}`,
+        // Add other headers as needed
+        };
+        return axios(Object.assign({ url: fullURL, headers }, config)).catch(error => {
+        });
+    }
+    async componentWillLoad() {
+        await this.getUserInfo();
+        // Emit the event when user data is ready
+        this.userDataReady.emit(this.userInfo);
+    }
+    async getUserInfo() {
+        var _a;
+        const accessToken = await this.getAccessToken(); // Hardcoded for now
+        if (!accessToken)
+            return;
+        this.loading = true;
+        const decodedToken = jwtDecode(accessToken);
+        const sub = (_a = decodedToken.eid) !== null && _a !== void 0 ? _a : decodedToken.sub;
+        let unityResponse;
+        try {
+            unityResponse = await this.apiMutate(this.configBaseURL, `users/unityuser?sub=${sub}`, {
+                method: 'get',
+            });
+            // Do something with the unityResponse here, e.g., storing the tenant.
+            console.log('unityResponse', unityResponse);
+            console.log('tenant', unityResponse.data.tenantIds[0]);
+        }
+        catch (e) {
+            console.log(e);
+            this.userInfo = {
+            /* ...emptyUser, statusCode: e?.response?.status */
+            };
+        }
+        let unityUserResponse;
+        try {
+            unityUserResponse = await this.apiMutate(
+            // process.env.REACT_APP_USER_API_BASE!,
+            this.configBaseURL, `users/${sub}`, {
+                method: 'get',
+            });
+            if (unityUserResponse) {
+                this.unityUserInfo = Object.assign(Object.assign({}, unityUserResponse.data), { unityId: sub, displayName: `${unityUserResponse.data.givenName} ${unityUserResponse.data.surname}` });
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+        if (unityResponse) {
+            this.userInfo = Object.assign(Object.assign({}, unityResponse.data), { statusCode: unityResponse.status, id: unityResponse.data.userId });
+            // Emit the event when user data is ready
+            this.userDataReady.emit(this.userInfo);
+        }
+        this.loading = false;
+    }
+}, [0, "get-user", {
+        "accessToken": [1, "access-token"],
+        "loading": [32],
+        "userInfo": [32],
+        "unityUserInfo": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["get-user"];
+    components.forEach(tagName => { switch (tagName) {
+        case "get-user":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GetUser);
+            }
+            break;
+    } });
+}
+
+export { GetUser as G, defineCustomElement as d };
+//# sourceMappingURL=p-CgFIw4Nt.js.map
+
+//# sourceMappingURL=p-CgFIw4Nt.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CgFIw4Nt.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/api-udp/get-user.tsx"],"sourcesContent":["import { Component, State, Event, EventEmitter, Prop } from '@stencil/core';\nimport axios from 'axios';\nimport { jwtDecode } from 'jwt-decode';\nimport { ConfigService } from '../api-config';\n\n//import { accessToken } from '../testAuth/manualAccessToken';\n\ninterface DecodedToken {\n  exp: number;\n  eid?: string;\n  sub: string;\n  // Add other expected fields here\n}\n\ninterface ApiConfig {\n  method: string;\n  [key: string]: any;\n}\n\n@Component({\n  tag: 'get-user',\n})\nexport class GetUser {\n  @Prop() accessToken: string;\n  @State() loading: boolean = false;\n  @State() userInfo: any = {};\n  @State() unityUserInfo: any = {};\n  @Event() userDataReady: EventEmitter;\n\n  configBaseURL = ConfigService.securityV1ApiUrl;\n\n  async getAccessToken(): Promise<string> {\n    return this.accessToken;\n  }\n\n  async apiMutate(baseURL: string, url: string, config: ApiConfig): Promise<any> {\n    const fullURL = `${baseURL}/${url}`;\n    //const accessToken = await this.getAccessToken();\n    const headers = {\n      // Authorization: `Bearer ${accessToken}`,\n      // Add other headers as needed\n    };\n    return axios({\n      url: fullURL,\n      headers,\n      ...config,\n    }).catch(error => {\n      if (error.response) {\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    await this.getUserInfo();\n    // Emit the event when user data is ready\n    this.userDataReady.emit(this.userInfo);\n  }\n\n  async getUserInfo() {\n    const accessToken = await this.getAccessToken(); // Hardcoded for now\n    if (!accessToken) return;\n\n    this.loading = true;\n\n    const decodedToken: DecodedToken = jwtDecode<DecodedToken>(accessToken);\n    const sub = decodedToken.eid ?? decodedToken.sub;\n\n    let unityResponse: any;\n\n    try {\n      unityResponse = await this.apiMutate(this.configBaseURL, `users/unityuser?sub=${sub}`, {\n        method: 'get',\n      });\n      // Do something with the unityResponse here, e.g., storing the tenant.\n      console.log('unityResponse', unityResponse);\n      console.log('tenant', unityResponse.data.tenantIds[0]);\n    } catch (e) {\n      console.log(e);\n      this.userInfo = {\n        /* ...emptyUser, statusCode: e?.response?.status */\n      };\n    }\n\n    let unityUserResponse: any;\n    try {\n      unityUserResponse = await this.apiMutate(\n        // process.env.REACT_APP_USER_API_BASE!,\n        this.configBaseURL,\n        `users/${sub}`,\n        {\n          method: 'get',\n        },\n      );\n      if (unityUserResponse) {\n        this.unityUserInfo = {\n          ...unityUserResponse.data,\n          unityId: sub,\n          displayName: `${unityUserResponse.data.givenName} ${unityUserResponse.data.surname}`,\n        };\n      }\n    } catch (e) {\n      console.log(e);\n    }\n\n    if (unityResponse) {\n      this.userInfo = {\n        ...unityResponse.data,\n        statusCode: unityResponse.status,\n        id: unityResponse.data.userId,\n      };\n\n      // Emit the event when user data is ready\n      this.userDataReady.emit(this.userInfo);\n    }\n\n    this.loading = false;\n  }\n}\n"],"version":3}

package/dist/components/p-CgeQJgQt.js

@@ -0,0 +1,199 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { Calendar } from '@fullcalendar/core';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import interactionPlugin from '@fullcalendar/interaction';
+
+const udpCalendarBaseCss = "";
+
+const UdpCalendarBase = /*@__PURE__*/ proxyCustomElement(class UdpCalendarBase extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.initialView = 'dayGridMonth';
+        // SIZING SETTINGS
+        this.height = 550; // Sets the height of the entire calendar, including header and footer.
+        // WHOLE-DAY SETTINGS
+        this.weekends = true; // Whether to include Saturday/Sunday columns in any of the calendar views.
+        this.hiddenDays = []; // Exclude certain days-of-the-week from being displayed.
+        this.dayHeaders = false; // Whether the day headers should appear. For the Month, TimeGrid, and DayGrid views.
+        this.dayMinWidth = null; // If specified, when the calendar gets narrow enough where day cells can no longer meet their dayMinWidth, horizontal scrollbars will appear.
+        // When the above hooks are specified as a function in the form function(arg), the arg is an object with the following properties: date, dayNumberText, isPast, isFuture, isToday, isOther, resource (if the date column lives under a specific resource in vertical resource view, this value will be the Resource Object), el (the <th> element. only available in dayHeaderDidMount and dayHeaderWillUnmount)
+        // TIME-AXIS SETTINGS
+        this.slotDuration = '00:30:00'; // The frequency for displaying time slots.
+        this.slotLabelInterval = '01:00'; // The frequency that the time slots should be labelled with text.
+        this.slotLabelFormat = {
+            hour: 'numeric',
+            minute: '2-digit',
+            omitZeroMinute: true,
+            meridiem: 'short'
+        };
+        this.slotMinTime = '00:00:00'; // Determines the first time slot that will be displayed for each day.
+        this.slotMaxTime = '24:00:00'; // Determines the last time slot that will be displayed for each day. In line with the discussion about the Event object, it is important to stress that this should be specified as an exclusive end time.
+        this.scrollTime = '06:00:00'; // Determines how far forward the scroll pane is initially scrolled. Default is 6am
+        this.scrollTimeReset = true; // Whether the view should scroll to scrollTime every time the date range changes.
+        // ADDITIONAL SETTINGS
+        this.firstDay = 0; // The day that each week begins. 0 = Sunday
+        this.showNonCurrentDates = true; // In month view, whether dates in the previous or next month should be rendered at all.
+        this.toggleViewOptions = 'dayGridDay,dayGridWeek,dayGridMonth,dayGridYear'; // The options for toggling view in the upper right corner
+        this.calendarSettings = {};
+    }
+    componentDidLoad() {
+        const calendarEl = this.el.shadowRoot.querySelector('#calendar');
+        // CREATE SETTINGS FROM PROPS
+        this.calendarSettings = {
+            height: this.height,
+            contentHeight: this.contentHeight,
+            aspectRatio: this.aspectRatio,
+            weekends: this.weekends,
+            hiddenDays: this.hiddenDays,
+            dayHeaders: this.dayHeaders,
+            dayMinWidth: this.dayMinWidth,
+            slotDuration: this.slotDuration,
+            slotLabelInterval: this.slotLabelInterval,
+            slotLabelFormat: this.slotLabelFormat,
+            slotMinTime: this.slotMinTime,
+            slotMaxTime: this.slotMaxTime,
+            scrollTime: this.scrollTime,
+            scrollTimeReset: this.scrollTimeReset,
+            firstDay: this.firstDay,
+            showNonCurrentDates: this.showNonCurrentDates,
+        };
+        // ADD BUTTONS TO ALLOW USER TO TOGGLE BETWEEN MONTH-WEEK VIEW
+        this.calendarSettings.headerToolbar = {
+            left: 'prev,next',
+            center: 'title',
+            right: this.toggleViewOptions,
+        };
+        this.calendarSettings.views = {
+            dayGridWeek: {
+                dayHeaderFormat: this.dayHeaderFormatWeekView ? this.dayHeaderFormatWeekView : { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true, omitZeroMinute: true, meridiem: 'short' }
+            },
+            dayGridMonth: {
+                dayHeaderFormat: this.dayHeaderFormatMonthView ? this.dayHeaderFormatMonthView : { weekday: 'short' }
+            }
+        };
+        // ADD HOOKS TO SETTINGS
+        const hooks = [
+            { prop: 'dayHeaderClassNames', setting: 'dayHeaderClassNames' },
+            { prop: 'dayHeaderContent', setting: 'dayHeaderContent' },
+            { prop: 'dayHeaderDidMount', setting: 'dayHeaderDidMount' },
+            { prop: 'dayHeaderWillUnmount', setting: 'dayHeaderWillUnmount' },
+            { prop: 'dayCellClassNames', setting: 'dayCellClassNames' },
+            { prop: 'dayCellContent', setting: 'dayCellContent' },
+            { prop: 'dayCellDidMount', setting: 'dayCellDidMount' },
+            { prop: 'dayCellWillUnmount', setting: 'dayCellWillUnmount' },
+            { prop: 'slotLabelClassNames', setting: 'slotLabelClassNames' },
+            { prop: 'slotLabelContent', setting: 'slotLabelContent' },
+            { prop: 'slotLabelDidMount', setting: 'slotLabelDidMount' },
+            { prop: 'slotLabelWillUnmount', setting: 'slotLabelWillUnmount' },
+            { prop: 'slotLaneClassNames', setting: 'slotLaneClassNames' },
+            { prop: 'slotLaneContent', setting: 'slotLaneContent' },
+            { prop: 'slotLaneDidMount', setting: 'slotLaneDidMount' },
+            { prop: 'slotLaneWillUnmount', setting: 'slotLaneWillUnmount' },
+        ];
+        hooks.forEach(({ prop, setting }) => {
+            if (this[prop]) {
+                this.calendarSettings[setting] = (arg) => this[prop](arg);
+            }
+        });
+        // ADD EVENTS TO SETTINGS
+        this.calendarSettings.events = this.events;
+        this.calendarSettings.eventSources = this.eventSources;
+        this.calendarSettings.eventContent = this.eventContent;
+        // ADD ONCLICK FUCNTIONS TO EVENTS
+        this.calendarSettings.eventClick = (event) => this.eventOnclick(event);
+        // ASSIGN SETTINGS AND CREATE CALENDAR
+        this.calendar = new Calendar(calendarEl, Object.assign({ plugins: [dayGridPlugin, interactionPlugin], initialView: this.initialView }, this.calendarSettings));
+        this.calendar.render();
+        // Programatically scroll the current view to the given time. https://fullcalendar.io/docs/scrollToTime
+        if (this.scrollToTimeDuration)
+            (this.calendar.scrollToTime(this.scrollToTimeDuration));
+    }
+    eventsChanged(newValue) {
+        if (this.calendar) {
+            this.calendar.removeAllEvents();
+            this.calendar.addEventSource(newValue);
+        }
+    }
+    disconnectedCallback() {
+        if (this.calendar) {
+            this.calendar.destroy();
+        }
+    }
+    render() {
+        const calendarStyle = Object.assign({}, (this.width !== null ? { width: this.width + 'px' } : {}) // Conditionally add width property
+        );
+        return (h("div", { key: '0cf29a6aa4dac343e06108562396631dfb4ab63c', id: 'calendar', style: calendarStyle }));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "events": ["eventsChanged"]
+    }; }
+    static get style() { return udpCalendarBaseCss; }
+}, [1, "udp-calendar-base", {
+        "initialView": [1, "initial-view"],
+        "height": [2],
+        "contentHeight": [2, "content-height"],
+        "aspectRatio": [2, "aspect-ratio"],
+        "width": [2],
+        "weekends": [4],
+        "hiddenDays": [16, "hidden-days"],
+        "dayHeaders": [4, "day-headers"],
+        "dayHeaderFormatWeekView": [8, "day-header-format-week-view"],
+        "dayHeaderFormatMonthView": [8, "day-header-format-month-view"],
+        "dayMinWidth": [2, "day-min-width"],
+        "dayHeaderClassNames": [8, "day-header-class-names"],
+        "dayHeaderContent": [8, "day-header-content"],
+        "dayHeaderDidMount": [8, "day-header-did-mount"],
+        "dayHeaderWillUnmount": [8, "day-header-will-unmount"],
+        "dayCellClassNames": [8, "day-cell-class-names"],
+        "dayCellContent": [8, "day-cell-content"],
+        "dayCellDidMount": [8, "day-cell-did-mount"],
+        "dayCellWillUnmount": [8, "day-cell-will-unmount"],
+        "slotDuration": [1, "slot-duration"],
+        "slotLabelInterval": [1, "slot-label-interval"],
+        "slotLabelFormat": [8, "slot-label-format"],
+        "slotMinTime": [1, "slot-min-time"],
+        "slotMaxTime": [1, "slot-max-time"],
+        "scrollTime": [1, "scroll-time"],
+        "scrollTimeReset": [4, "scroll-time-reset"],
+        "slotLabelClassNames": [8, "slot-label-class-names"],
+        "slotLabelContent": [8, "slot-label-content"],
+        "slotLabelDidMount": [8, "slot-label-did-mount"],
+        "slotLabelWillUnmount": [8, "slot-label-will-unmount"],
+        "slotLaneClassNames": [8, "slot-lane-class-names"],
+        "slotLaneContent": [8, "slot-lane-content"],
+        "slotLaneDidMount": [8, "slot-lane-did-mount"],
+        "slotLaneWillUnmount": [8, "slot-lane-will-unmount"],
+        "scrollToTimeDuration": [2, "scroll-to-time-duration"],
+        "datesSet": [8, "dates-set"],
+        "firstDay": [2, "first-day"],
+        "showNonCurrentDates": [4, "show-non-current-dates"],
+        "toggleViewOptions": [1, "toggle-view-options"],
+        "events": [8],
+        "eventContent": [8, "event-content"],
+        "eventSources": [8, "event-sources"],
+        "eventOnclick": [8, "event-onclick"],
+        "calendarSettings": [32]
+    }, undefined, {
+        "events": ["eventsChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-calendar-base"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-calendar-base":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpCalendarBase);
+            }
+            break;
+    } });
+}
+
+export { UdpCalendarBase as U, defineCustomElement as d };
+//# sourceMappingURL=p-CgeQJgQt.js.map
+
+//# sourceMappingURL=p-CgeQJgQt.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CgeQJgQt.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/calendar/udp-calendar-base.css?tag=udp-calendar-base&encapsulation=shadow","src/components/my-component/UI/calendar/udp-calendar-base.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, State, Watch } from '@stencil/core' // Event, EventEmitter, Watch, Listen, Method \nimport { Calendar } from '@fullcalendar/core'\nimport dayGridPlugin from '@fullcalendar/daygrid'\nimport interactionPlugin from '@fullcalendar/interaction'\nimport './udp-calendar-base.css'\n\n@Component({\n  tag: 'udp-calendar-base',\n  styleUrl: 'udp-calendar-base.css',\n  shadow: true,\n})\nexport class UdpCalendarBase {\n  calendar: Calendar\n  @Element() el: HTMLElement\n\n  @Prop() initialView: string = 'dayGridMonth'\n\n  // SIZING SETTINGS\n  @Prop() height: number = 550              // Sets the height of the entire calendar, including header and footer.\n  @Prop() contentHeight: number             // Sets the height of the view area of the calendar. By default, this option is unset and the calendar’s height is calculated by aspectRatio.\n  @Prop() aspectRatio: number               // A calendar is a block-level element that fills its entire available width. The calendar’s height, however, is determined by this ratio of width to height. (Hint: larger numbers make smaller heights). Default is 1.35\n  @Prop() width: number                     // There is no width setting in FullCalendar so this is applied via styling\n\n  // WHOLE-DAY SETTINGS\n  @Prop() weekends: boolean = true          // Whether to include Saturday/Sunday columns in any of the calendar views.\n  @Prop() hiddenDays: number[] = []         // Exclude certain days-of-the-week from being displayed.\n  @Prop() dayHeaders:  boolean = false      // Whether the day headers should appear. For the Month, TimeGrid, and DayGrid views.\n  @Prop() dayHeaderFormatWeekView: any      // Determines the text that will be displayed on the calendar’s column headings. // // like 'Mon 9/7', for week views { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }\n  @Prop() dayHeaderFormatMonthView: any     // Determines the text that will be displayed on the calendar’s column headings. // like 'Mon', for month view  { weekday: 'short' }\n  @Prop() dayMinWidth: number = null        // If specified, when the calendar gets narrow enough where day cells can no longer meet their dayMinWidth, horizontal scrollbars will appear.\n  \n  // DAY HEADER RENDER HOOKS   https://fullcalendar.io/docs/day-header-render-hooks\n  @Prop() dayHeaderClassNames: any   // a ClassName Input for adding classNames to the header <th> cell\n        // example return ['custom-day-header-class'];\n  @Prop() dayHeaderContent: any      // a Content Injection Input. Generated content is inserted inside the inner-most wrapper of the header cell. It does not replace the <th> cell.\n  @Prop() dayHeaderDidMount: any     // called right after the <th> has been added to the DOM\n  @Prop() dayHeaderWillUnmount: any  // called right before the <th> will be removed from the DOM\n    // When the above hooks are specified as a function in the form function(arg), the arg is an object with the following properties: date, text, isPast, isFuture, isToday, isOther, resource (if the date column lives under a specific resource in vertical resource view, this value will be the Resource Object), el (the <th> element. only available in dayHeaderDidMount and dayHeaderWillUnmount)\n\n  // DAY CELL RENDER HOOKS   https://fullcalendar.io/docs/day-header-render-hooks\n  @Prop() dayCellClassNames: any    // a ClassName Input for adding classNames to the <td> cell\n  @Prop() dayCellContent: any       // a Content Injection Input. Generated content is inserted inside the inner-most wrapper of the day cell. It does not replace the <td> cell.\n  @Prop() dayCellDidMount: any      // called right after the <td> has been added to the DOM\n  @Prop() dayCellWillUnmount: any   // called right before the <td> will be removed from the DOM\n    // When the above hooks are specified as a function in the form function(arg), the arg is an object with the following properties: date, dayNumberText, isPast, isFuture, isToday, isOther, resource (if the date column lives under a specific resource in vertical resource view, this value will be the Resource Object), el (the <th> element. only available in dayHeaderDidMount and dayHeaderWillUnmount)\n\n  // TIME-AXIS SETTINGS\n  @Prop() slotDuration: string = '00:30:00'   // The frequency for displaying time slots.\n  @Prop() slotLabelInterval: string = '01:00' // The frequency that the time slots should be labelled with text.\n  @Prop() slotLabelFormat: any = {            // Determines the text that will be displayed within a time slot.\n    hour: 'numeric',\n    minute: '2-digit',\n    omitZeroMinute: true,\n    meridiem: 'short'\n  } \n  @Prop() slotMinTime: string = '00:00:00'  // Determines the first time slot that will be displayed for each day.\n  @Prop() slotMaxTime: string = '24:00:00'  // Determines the last time slot that will be displayed for each day. In line with the discussion about the Event object, it is important to stress that this should be specified as an exclusive end time.\n  @Prop() scrollTime: string = '06:00:00'   // Determines how far forward the scroll pane is initially scrolled. Default is 6am\n  @Prop() scrollTimeReset: boolean = true   // Whether the view should scroll to scrollTime every time the date range changes.\n  \n  // Label Hooks = Where the date/time text is displayed. https://fullcalendar.io/docs/slot-render-hooks\n  @Prop() slotLabelClassNames: any  // a ClassName Input\n  @Prop() slotLabelContent: any     // a Content Injection Input\n  @Prop() slotLabelDidMount: any\n  @Prop() slotLabelWillUnmount: any\n  // Lane Hooks = The long span of content next to the slot’s date/time text. In timegrid view, this is the horizontal space that passes under all of the days. In timeline view, this is the vertical space that passes through the resources.\n  @Prop() slotLaneClassNames: any   // a ClassName Input\n  @Prop() slotLaneContent: any      // a Content Injection Input\n  @Prop() slotLaneDidMount: any\n  @Prop() slotLaneWillUnmount: any\n    // When the above hooks are specified as a function in the form function(arg), the arg is an object with the following properties: date, text, isPast, isFuture, isToday, el (the <td> element. only available in slotLabelDidMount, slotLabelWillUnmount, slotLaneDidMount, and slotLaneWillUnmount), level (only for slot labels, and only for timeline view when slotLabelFormat is specified as an array. Indicates which tier of the header is being rendered. 0 is the topmost.)\n\n  // METHODS\n  @Prop() scrollToTimeDuration: number      // Programatically scroll the current view to the given time. Use like this: calendar.scrollToTime( scrollToTimeDuration )\n  \n  // CALLBACKS\n  @Prop() datesSet: any  // Called after the calendar’s date range has been initially set or changed in some way and the DOM has been updated. function( dateInfo ) https://fullcalendar.io/docs/datesSet\n  \n  // ADDITIONAL SETTINGS\n  @Prop() firstDay: number = 0                  // The day that each week begins. 0 = Sunday\n  @Prop() showNonCurrentDates: boolean = true   // In month view, whether dates in the previous or next month should be rendered at all.\n  @Prop() toggleViewOptions: string = 'dayGridDay,dayGridWeek,dayGridMonth,dayGridYear'   // The options for toggling view in the upper right corner\n\n  // DATA INPUT https://fullcalendar.io/docs/events-json-feed\n  @Prop() events: any\n  @Prop() eventContent: any\n  @Prop() eventSources: any \n  @Prop() eventOnclick: any\n\n  @State() calendarSettings: any = {};\n  \n  componentDidLoad() {\n    const calendarEl = this.el.shadowRoot.querySelector('#calendar') as HTMLElement\n\n    // CREATE SETTINGS FROM PROPS\n    this.calendarSettings = {\n      height: this.height,\n      contentHeight: this.contentHeight,\n      aspectRatio: this.aspectRatio,\n      weekends: this.weekends,\n      hiddenDays: this.hiddenDays,\n      dayHeaders: this.dayHeaders,\n      dayMinWidth: this.dayMinWidth,\n      slotDuration: this.slotDuration,\n      slotLabelInterval: this.slotLabelInterval,\n      slotLabelFormat: this.slotLabelFormat,\n      slotMinTime: this.slotMinTime,\n      slotMaxTime: this.slotMaxTime,\n      scrollTime: this.scrollTime,\n      scrollTimeReset: this.scrollTimeReset,\n      firstDay: this.firstDay,\n      showNonCurrentDates: this.showNonCurrentDates,\n    }\n\n    // ADD BUTTONS TO ALLOW USER TO TOGGLE BETWEEN MONTH-WEEK VIEW\n    this.calendarSettings.headerToolbar = {\n      left: 'prev,next',\n      center: 'title',\n      right: this.toggleViewOptions,\n    }\n\n    this.calendarSettings.views = {\n      dayGridWeek: {\n        dayHeaderFormat: this.dayHeaderFormatWeekView ? this.dayHeaderFormatWeekView : { weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true, omitZeroMinute: true, meridiem: 'short' }\n      },\n      dayGridMonth: {\n        dayHeaderFormat: this.dayHeaderFormatMonthView ? this.dayHeaderFormatMonthView : { weekday: 'short' }\n      }\n    }\n\n    // ADD HOOKS TO SETTINGS\n    const hooks = [\n      { prop: 'dayHeaderClassNames', setting: 'dayHeaderClassNames' },\n      { prop: 'dayHeaderContent', setting: 'dayHeaderContent' },\n      { prop: 'dayHeaderDidMount', setting: 'dayHeaderDidMount' },\n      { prop: 'dayHeaderWillUnmount', setting: 'dayHeaderWillUnmount' },\n      { prop: 'dayCellClassNames', setting: 'dayCellClassNames' },\n      { prop: 'dayCellContent', setting: 'dayCellContent' },\n      { prop: 'dayCellDidMount', setting: 'dayCellDidMount' },\n      { prop: 'dayCellWillUnmount', setting: 'dayCellWillUnmount' },\n      { prop: 'slotLabelClassNames', setting: 'slotLabelClassNames' },\n      { prop: 'slotLabelContent', setting: 'slotLabelContent' },\n      { prop: 'slotLabelDidMount', setting: 'slotLabelDidMount' },\n      { prop: 'slotLabelWillUnmount', setting: 'slotLabelWillUnmount' },\n      { prop: 'slotLaneClassNames', setting: 'slotLaneClassNames' },\n      { prop: 'slotLaneContent', setting: 'slotLaneContent' },\n      { prop: 'slotLaneDidMount', setting: 'slotLaneDidMount' },\n      { prop: 'slotLaneWillUnmount', setting: 'slotLaneWillUnmount' },\n    ];\n    hooks.forEach(({ prop, setting }) => {\n      if (this[prop]) {\n        this.calendarSettings[setting] = (arg) => this[prop](arg);\n      }\n    });\n\n\n    // ADD EVENTS TO SETTINGS\n    this.calendarSettings.events = this.events\n    this.calendarSettings.eventSources = this.eventSources\n    this.calendarSettings.eventContent = this.eventContent\n\n\n    // ADD ONCLICK FUCNTIONS TO EVENTS\n    this.calendarSettings.eventClick = (event) => this.eventOnclick(event)\n\n\n    // ASSIGN SETTINGS AND CREATE CALENDAR\n    this.calendar = new Calendar(calendarEl, {\n      plugins: [dayGridPlugin, interactionPlugin],\n      initialView: this.initialView,\n      ...this.calendarSettings\n    });\n    this.calendar.render()\n\n    // Programatically scroll the current view to the given time. https://fullcalendar.io/docs/scrollToTime\n    if (this.scrollToTimeDuration) (\n      this.calendar.scrollToTime(this.scrollToTimeDuration)\n    )\n  }\n\n  @Watch('events')\n  eventsChanged(newValue: any) {\n    if (this.calendar) {\n      this.calendar.removeAllEvents();\n      this.calendar.addEventSource(newValue);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.calendar) {\n      this.calendar.destroy()\n    }\n  }\n\n  render() {\n    const calendarStyle = {\n      ...(this.width !== null ? { width: this.width + 'px' } : {}) // Conditionally add width property\n    };\n\n    return (\n      <div id='calendar' style={calendarStyle}></div>\n    )\n  }\n}\n"],"version":3}

package/dist/components/p-Ci_CQV-N.js

@@ -0,0 +1,40 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-DPon6DDX.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 = /*@__PURE__*/ proxyCustomElement(class UdpDivider extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.variant = 'horizontal';
+    }
+    render() {
+        const style = this.variant === 'vertical'
+            ? { height: this.size }
+            : { width: this.size };
+        return (h(Host, { key: '9627385811e139cc39bbddba100e1d9bb7793545', style: style }, h("div", { key: '4c2c8b3d35961ee765c1e780a6b07de0b29f9efa', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+    }
+    static get style() { return udpDividerCss; }
+}, [1, "udp-divider", {
+        "variant": [1],
+        "size": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["udp-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "udp-divider":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, UdpDivider);
+            }
+            break;
+    } });
+}
+
+export { UdpDivider as U, defineCustomElement as d };
+//# sourceMappingURL=p-Ci_CQV-N.js.map
+
+//# sourceMappingURL=p-Ci_CQV-N.js.map

package/dist/components/p-Ci_CQV-N.js.map

@@ -0,0 +1 @@
+{"file":"p-Ci_CQV-N.js","mappings":";;AAAA,MAAM,aAAa,GAAG,mLAAmL;;MCO5L,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,GAAA;;;;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;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}