npm - udp-stencil-component-library - Versions diffs - 25.18.1 → 25.18.2-beta.10 - Mend

udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

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

Files changed (2058) hide show

package/dist/components/udp-advanced-search-builder.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-advanced-search-builder.js","mappings":";;;;;;;;;;;;;;;AACO,MAAM,gBAAgB,GAAG,CAAC,UAAU,KAAI;AAC7C,IAAA,IAAI,CAAC,UAAU;AAAE,QAAA,OAAO,EAAE;IAC1B,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7C,OAAO,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;AACpD,CAAC;;MCkBYA,0BAAwB,iBAAAC,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;AAJrC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAeE,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,KAA0B,KAAI;YAChD,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AACpC,SAAC;AAED,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAA0B,KAAI;YAClD,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAChC,SAAC;AAkCF;IAhCS,cAAc,GAAA;QACpB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC7C,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7D,YAAA,MAAM,8BAA8B,GAClC,mBAAmB,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC;YACrE,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,iBAAiB,EAAE,8BAA8B,CAAC;AAC1F,YAAA,IAAI,CAAC,WAAW,GAAG,WAAW;;;IAMlC,gBAAgB,GAAA;QACd,IAAI,CAAC,cAAc,EAAE;;IAGvB,iBAAiB,GAAA;QACf,IAAI,CAAC,cAAc,EAAE;;IAGvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CACE,CAAA,yBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAE,IAAI,CAAC,WAAW,EACxB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpAdvancedSearchBuilder","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/udp-utilities/entityUtilities.ts","src/components/advanced-search-builder/udp-advanced-search-builder.tsx"],"sourcesContent":["\nexport const getSanitizedName = (entityName) => {\n if (!entityName) return '';\n const entityNameParts = entityName.split('.');\n return entityNameParts[entityNameParts.length - 1];\n};\n\nexport const getFullyQualifiedName = (udpObjectInfo) => {\n if (!udpObjectInfo) return '';\n const modelNameSpace = udpObjectInfo.namespaceStructure?.model;\n if (modelNameSpace) {\n return `${modelNameSpace}.Models.${udpObjectInfo.sanitizedName}`;\n } else {\n return '';\n }\n};\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\nimport { buildFieldTree } from './helperFunctions/udpFieldHelper';\nimport { Search } from '../../udp-utilities/interfaces/searchObject';\nimport { AdvancedFilterConfig } from './models';\nimport { getSanitizedName } from 'src/udp-utilities/entityUtilities';\n\n/**\n * Wraps the advanced-search-builder and runs a function on the passed in catalogObjectList to gather the list of fields\n *\n * @example\n * <udp-advanced-search-builder\n * catalogObjectList={catalogObjectList}\n * sanitizedEntityName={sanitizedEntityName}\n * initialFilterData={myFilter}\n * config={{ collapsible: false }}\n * onFilterSave={(e) => handleSearch(e.detail)}\n * onChange={(e) => console.log('Current state:', e.detail)}\n * />\n */\n@Component({\n tag: 'udp-advanced-search-builder',\n shadow: true,\n})\nexport class UdpAdvancedSearchBuilder {\n @Prop() catalogObjectList: any;\n @Prop() entityName: string;\n @Prop() initialFilterData: Search;\n @Prop() config: AdvancedFilterConfig;\n\n @State() fieldsArray: any;\n\n @Event() filterSave: EventEmitter<Search>;\n @Event() change: EventEmitter<Search>;\n\n handleFilterSave = (event: CustomEvent<Search>) => {\n event.stopPropagation();\n this.filterSave.emit(event.detail);\n };\n\n handleFilterChange = (event: CustomEvent<Search>) => {\n event.stopPropagation();\n this.change.emit(event.detail);\n };\n\n private buildFieldTree() {\n if (this.entityName && this.catalogObjectList) {\n const sanitizedEntityName = getSanitizedName(this.entityName);\n const capitalizedSanitizedEntityName =\n sanitizedEntityName[0].toUpperCase() + sanitizedEntityName.slice(1);\n const fieldsArray = buildFieldTree(this.catalogObjectList, capitalizedSanitizedEntityName);\n this.fieldsArray = fieldsArray;\n }\n }\n\n @Watch('entityName')\n @Watch('catalogObjectList')\n rebuildFieldTree(){\n this.buildFieldTree()\n }\n\n componentWillLoad() {\n this.buildFieldTree();\n }\n\n render() {\n return (\n <div>\n <advanced-search-builder\n fields={this.fieldsArray}\n initialFilterData={this.initialFilterData}\n onFilterSave={this.handleFilterSave}\n config={this.config}\n />\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-ambient-card.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-ambient-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-ambient-card2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-ambient-card2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","ChevronDown16"],"sources":["src/components/data-display/cards/udp-ambient-card/udp-ambient-card.css?tag=udp-ambient-card&encapsulation=shadow","src/components/data-display/cards/udp-ambient-card/udp-ambient-card.tsx"],"sourcesContent":[".card {\n display: flex;\n position: relative;\n flex-direction: column;\n padding: 16px;\n background-color: white;\n width: 100%;\n}\n\n.no-padding {\n padding: 0;\n}\n\n.card-border {\n border: var(--udp-ambient-card-border, 1px solid #ccc);\n}\n\n.udp-adornment {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n}\n\n.title,\n.body,\n.footer {\n /* padding: 8px; */\n}\n\n.expandable {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n}\n\n.expanded {\n max-height: 100px; /* Adjust as necessary */\n}\n\n.wrapper {\n display: flex;\n margin: var(--wrapper-margin, 16px);\n height: var(--wrapper-height);\n}\n\n.more-button {\n display: flex;\n align-items: center;\n}\n\n.adornment {\n display: var(--adornment-display, block);\n}\n","import { Component, State, h, Prop } from '@stencil/core';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16';\nimport ChevronUp16 from '@carbon/icons/es/chevron--up/16';\n\n@Component({\n tag: 'udp-ambient-card',\n styleUrl: 'udp-ambient-card.css',\n shadow: true,\n})\nexport class UdpAmbientCard {\n @Prop() width: string;\n @State() isExpanded: boolean = false;\n @State() title: string = '';\n @Prop() overflow: string = '';\n @Prop() moreText: string = '';\n @Prop() hideAdornment: boolean = false;\n @Prop() hideBorder: boolean = false;\n @Prop() removePadding: boolean = false;\n\n toggleExpand = () => {\n this.isExpanded = !this.isExpanded;\n };\n\n render() {\n return (\n <div class=\"wrapper\" style={{ width: this.width }}>\n {!this.hideAdornment && (\n <div class=\"adornment\">\n <udp-adornment status=\"info\"></udp-adornment>\n </div>\n )}\n <div class={{ 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding }}>\n <div class=\"card-data\">\n <div class=\"title\">\n <unity-typography variant=\"data-display-four\">{this.title}</unity-typography>\n </div>\n <div class=\"body\">\n <slot></slot>\n </div>\n <div class=\"footer\">\n {/* <button onClick={this.toggleExpand}>\n {this.isExpanded ? 'Collapse' : 'Expand'}\n </button> */}\n {this.overflow && (\n <div class=\"more-button\">\n <unity-typography variant=\"caption-text\">{this.moreText} </unity-typography>\n <stencil-icon-button onClick={this.toggleExpand} icon={this.isExpanded ? ChevronUp16 : ChevronDown16} showLabel={false}></stencil-icon-button>\n </div>\n )}\n </div>\n <div class={`expandable ${this.isExpanded ? 'expanded' : ''}`}>\n <unity-typography variant=\"body\">{this.overflow}</unity-typography>\n </div>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-ambient-tool-tip.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-ambient-tool-tip.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-ambient-tool-tip2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-ambient-tool-tip2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/tool-tip/udp-ambient-tool-tip.css?tag=udp-ambient-tool-tip&encapsulation=shadow","src/components/data-display/tool-tip/udp-ambient-tool-tip.tsx"],"sourcesContent":[".tooltip-wrapper {\n display: inline-block;\n}\n","import { Component, Prop, State, h } from '@stencil/core';\nimport { createPopper, Instance as PopperInstance } from '@popperjs/core';\n\n// STEP 1: Define a unique ID for our style tag and the CSS rules it will contain.\n// We give the class a unique name to ensure it never conflicts with other styles.\nconst TOOLTIP_STYLE_ID = 'udp-ambient-tool-tip-styles';\n\nconst tooltipComponentStyles = `\n .udp-tooltip-portal {\n position: fixed; /* This is set by Popper, but we define it for clarity */\n z-index: 10000;\n background-color: var(--tooltip-background, #f8f9fa);\n color: var(--tooltip-text-color, #212529);\n border: 1px solid var(--tooltip-border-color, #dee2e6);\n padding: 3px 6px;\n border-radius: var(--border-radius, 6px);\n font-size: 0.875rem;\n max-width: 250px;\n width: max-content;\n text-align: center;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n white-space: normal;\n }\n`;\n\n@Component({\n tag: 'udp-ambient-tool-tip',\n styleUrl: 'udp-ambient-tool-tip.css',\n shadow: true, // Keep shadow DOM for the wrapper\n})\nexport class UdpAmbientToolTip {\n @Prop() content: string;\n @Prop() noTooltip: boolean;\n @State() isVisible: boolean = false;\n\n private wrapperEl: HTMLElement;\n private tooltipContentEl: HTMLElement;\n private popperInstance: PopperInstance;\n\n // STEP 2: Create a function to inject the styles into the document <head>.\n // This only runs once, the very first time any tooltip is shown on the page.\n private ensureTooltipStyles() {\n if (!document.getElementById(TOOLTIP_STYLE_ID)) {\n const styleEl = document.createElement('style');\n styleEl.id = TOOLTIP_STYLE_ID;\n styleEl.innerHTML = tooltipComponentStyles;\n document.head.appendChild(styleEl);\n }\n }\n\n showTooltip = () => {\n if (this.noTooltip || !this.content || this.content.trim() === '') {\n return;\n }\n\n // STEP 3: Call our style injection function before making the tooltip visible.\n this.ensureTooltipStyles();\n this.isVisible = true;\n\n requestAnimationFrame(() => {\n if (!this.tooltipContentEl) return;\n document.body.appendChild(this.tooltipContentEl);\n this.setupPopper();\n });\n };\n\n hideTooltip = () => {\n this.destroyPopper();\n if (this.tooltipContentEl && this.tooltipContentEl.parentElement === document.body) {\n document.body.removeChild(this.tooltipContentEl);\n }\n this.isVisible = false;\n };\n\n private setupPopper = () => {\n if (!this.wrapperEl || !this.tooltipContentEl) return;\n this.popperInstance = createPopper(this.wrapperEl, this.tooltipContentEl, {\n strategy: 'fixed',\n placement: 'top',\n modifiers: [\n { name: 'offset', options: { offset: [0, 8] } },\n { name: 'preventOverflow', options: { padding: 8 } },\n { name: 'flip' },\n ],\n });\n };\n\n private destroyPopper = () => {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n };\n\n disconnectedCallback() {\n this.hideTooltip();\n }\n\n render() {\n // Check if content is provided before rendering the tooltip content.\n const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';\n\n return (\n <div\n class=\"tooltip-wrapper\"\n ref={el => (this.wrapperEl = el)}\n onMouseOver={this.showTooltip}\n onMouseOut={this.hideTooltip}\n //onFocusIn={this.showTooltip}\n //onFocusOut={this.hideTooltip}\n >\n <slot></slot>\n {shouldDisplayTooltip && (\n // STEP 4: Use the global class name we defined in our style string.\n <div class=\"udp-tooltip-portal\" role=\"tooltip\" ref={el => (this.tooltipContentEl = el)}>\n <unity-typography variant=\"caption-text\">{this.content}</unity-typography>\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-attachment-item.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-attachment-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-attachment-item2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-attachment-item2.js","mappings":";;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,oxBAAoxB;;MCSpyB,kBAAkB,iBAAAA,kBAAA,CAAA,MAAA,kBAAA,SAAAC,CAAA,CAAA;AAL/B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAyCE;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAEnC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAqIjC;AAnIS,IAAA,uBAAuB,CAAC,aAAsB,EAAA;;QAEpD,IAAI,aAAa,IAAI,IAAI,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AACxD,YAAA,OAAO,UAAU;;AAGnB,QAAA,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE;QACjE,QAAQ,GAAG;AACT,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,aAAa;AACtB,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,MAAM;AACX,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,KAAK;AACd,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,eAAe;AACxB,YAAA,KAAK,KAAK;AACV,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,eAAe;AACxB,YAAA;AACE,gBAAA,OAAO,UAAU;;;IAIf,mBAAmB,GAAA;AACzB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW;QAC5B,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AACpC,YAAA,OAAO,CAAC,IAAI,CAAC,8CAA8C,CAAC;YAC5D;;AAEF,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC;QACtE,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACrC,QAAA,CAAC,CAAC,IAAI,GAAG,GAAG;AACZ,QAAA,CAAC,CAAC,QAAQ,GAAG,QAAQ;AACrB,QAAA,CAAC,CAAC,GAAG,GAAG,qBAAqB;AAC7B,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC,KAAK,EAAE;QACT,CAAC,CAAC,MAAM,EAAE;;AAGJ,IAAA,UAAU,CAAC,IAAmB,EAAA;AACpC,QAAA,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS;AAAE,YAAA,OAAO,EAAE;AAClD,QAAA,MAAM,CAAC,GAAG,IAAI,YAAY,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;QACtD,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;AAAE,YAAA,OAAO,EAAE;AACxC,QAAA,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,CAAA,SAAS,KAAT,IAAA,IAAA,SAAS,uBAAT,SAAS,CAAE,QAAQ,KAAI,OAAO,EAAE;AAC7D,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,GAAG,EAAE,SAAS;AACf,SAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;;AAGN,IAAA,cAAc,CAAC,gBAAgB,EAAA;AACrC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAA,CAAwB,CACvF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAwB,CAAA,EACzE,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC7C,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAwB,CAAA,EACxE,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAwB,CAAA,EACzE,CAAsB,CAAA,sBAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAwB,CACpE,CACF,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAA,CAAA,sBAAA,EAAA,EAAsB,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAA,CAAwB,CACvF,CACF;;IAIV,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,2BAA2B,EAAE,IAAI;YACjC,WAAW,EAAE,IAAI,CAAC,UAAU;SAC7B;AAED,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,OAAO,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC;;QAG9C,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,gBAAgB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,UAAA,EAAA,EACE,QAAQ,EAAE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,aAAa,CAAC,EAC1D,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,OAAO,GACb,CACE,EAEN,CAAA,CAAA,KAAA,EAAA,IAAA,EACG,IAAI,CAAC,QAAQ,IAAI,gCAAuB,IAAI,CAAC,QAAQ,CAAwB,EAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACtB,IAAI,CAAC,QAAQ,KACZ,CAAsB,CAAA,sBAAA,EAAA,EAAA,OAAO,EAAC,cAAc,EAAE,EAAA,IAAI,CAAC,QAAQ,CAAwB,CACpF,EACA,IAAI,CAAC,UAAU,KACd,CAAsB,CAAA,sBAAA,EAAA,EAAA,OAAO,EAAC,cAAc,EAAA,kBAC7B,IAAI,CAAC,UAAU,CACP,CACxB,EACA,IAAI,CAAC,YAAY,KAChB,4BAAsB,OAAO,EAAC,cAAc,EACzC,EAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CACd,CACxB,CACG,CACF,CACF,EACL,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,KACjD,CAAA,CAAA,iBAAA,EAAA,EACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,EAAA,CACzC,CACH,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/attachment-list/udp-attachment-item.css?tag=udp-attachment-item&encapsulation=shadow","src/components/attachment-list/udp-attachment-item.tsx"],"sourcesContent":[".attachment-item-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px;\n border-bottom: 1px solid #e0e0e0;\n gap: var(--spacing-03);\n}\n\n.first-column {\n display: flex;\n align-items: center;\n gap: var(--spacing-03);\n}\n\n.icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-03, 8px);\n background-color: var(--primary-color, #0c2f50);\n border-radius: 50%;\n}\n\n.file-details{\n display: flex;\n gap: var(--spacing-04, 8px);\n flex-wrap: wrap;\n}\n\n.last-item {\n border-bottom: none;\n}\n\n.skeleton-icon-container {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.skeleton-text-group {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-02, 8px);\n flex: 1;\n}\n\n.skeleton-file-details {\n width: 100%;\n}\n\n.skeleton-action {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n}\n","/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { Component, h, Prop } from '@stencil/core';\nimport Download16 from '@carbon/icons/es/download/16';\n\n@Component({\n tag: 'udp-attachment-item',\n styleUrl: 'udp-attachment-item.css',\n shadow: true,\n})\nexport class UdpAttacchmentItem {\n /**\n * The display name of the file.\n * Defaults to 'test.jsx'.\n * @example \"invoice.pdf\"\n */\n @Prop() fileName: string;\n\n /**\n * Human readable file size (e.g. \"1.4MB\").\n */\n @Prop() fileSize: string;\n\n /**\n * File extension used to determine icon and behavior.\n * Can include or omit the leading dot (e.g. \".pdf\" or \"pdf\").\n */\n @Prop() fileExtension: string;\n\n /**\n * URL used to download the file when the download button is clicked.\n * If not provided or empty, the download button will be disabled.\n */\n @Prop() downloadUrl: string;\n\n /**\n * Name of the user who uploaded the file.\n */\n @Prop() uploadedBy: string;\n\n /**\n * Upload date. Accepts a Date object or an ISO/date string.\n * Displayed using the user's locale.\n */\n @Prop() uploadedDate: Date | string;\n\n /**\n * Whether this item is the last in a list (used to apply \"last-item\" styling).\n */\n @Prop() isLastItem: boolean = false;\n\n /**\n * Displays a skeleton version of this item while data is loading.\n */\n @Prop() loading: boolean = false;\n\n private getIconForFileExtension(fileExtension?: string) {\n // explicitly check for null/undefined or empty string to avoid using '!' on a string type\n if (fileExtension == null || fileExtension.trim() === '') {\n return 'document';\n }\n\n const ext = fileExtension.trim().replace(/^\\./, '').toLowerCase();\n switch (ext) {\n case 'pdf':\n return 'documentPdf';\n case 'jpg':\n case 'jpeg':\n case 'png':\n case 'gif':\n return 'image';\n case 'zip':\n case 'rar':\n case '7z':\n return 'zip';\n case 'mp3':\n case 'wav':\n return 'documentAudio';\n case 'mp4':\n case 'mov':\n return 'documentVideo';\n default:\n return 'document';\n }\n }\n\n private handleDownloadClick() {\n const url = this.downloadUrl;\n if (url == null || url.trim() === '') {\n console.warn('udp-attachment-item: no downloadUrl provided');\n return;\n }\n const fileName = (this.fileName || 'download').replace(/.*[\\/\\\\]/, '');\n const a = document.createElement('a');\n a.href = url;\n a.download = fileName;\n a.rel = 'noopener noreferrer';\n document.body.appendChild(a);\n a.click();\n a.remove();\n }\n\n private formatDate(date: Date | string) {\n if (date === null || date === undefined) return '';\n const d = date instanceof Date ? date : new Date(date);\n if (Number.isNaN(d.getTime())) return '';\n return new Intl.DateTimeFormat(navigator?.language || 'en-US', {\n year: 'numeric',\n month: 'numeric',\n day: 'numeric',\n }).format(d);\n }\n\n private renderSkeleton(containerClasses) {\n return (\n <div class={containerClasses}>\n <div class=\"first-column\">\n <div class=\"skeleton-icon-container\">\n <udp-skeleton-loading width=\"40px\" height=\"40px\" borderRadius=\"50%\"></udp-skeleton-loading>\n </div>\n\n <div class=\"skeleton-text-group\">\n <udp-skeleton-loading width=\"200px\" height=\"16px\"></udp-skeleton-loading>\n <div class=\"file-details skeleton-file-details\">\n <udp-skeleton-loading width=\"60px\" height=\"12px\"></udp-skeleton-loading>\n <udp-skeleton-loading width=\"120px\" height=\"12px\"></udp-skeleton-loading>\n <udp-skeleton-loading width=\"90px\" height=\"12px\"></udp-skeleton-loading>\n </div>\n </div>\n </div>\n <div class=\"skeleton-action\">\n <udp-skeleton-loading width=\"32px\" height=\"32px\" borderRadius=\"50%\"></udp-skeleton-loading>\n </div>\n </div>\n );\n }\n\n render() {\n const containerClasses = {\n 'attachment-item-container': true,\n 'last-item': this.isLastItem,\n };\n\n if (this.loading) {\n return this.renderSkeleton(containerClasses);\n }\n\n return (\n <div class={containerClasses}>\n <div class=\"first-column\">\n <div class=\"icon-container\">\n <udp-icon\n iconName={this.getIconForFileExtension(this.fileExtension)}\n darkIcon={false}\n color=\"white\"\n />\n </div>\n\n <div>\n {this.fileName && <udp-unity-typography>{this.fileName}</udp-unity-typography>}\n <div class=\"file-details\">\n {this.fileSize && (\n <udp-unity-typography variant=\"caption-text\">{this.fileSize}</udp-unity-typography>\n )}\n {this.uploadedBy && (\n <udp-unity-typography variant=\"caption-text\">\n Uploaded by {this.uploadedBy}\n </udp-unity-typography>\n )}\n {this.uploadedDate && (\n <udp-unity-typography variant=\"caption-text\">\n {this.formatDate(this.uploadedDate)}\n </udp-unity-typography>\n )}\n </div>\n </div>\n </div>\n {this.downloadUrl && this.downloadUrl.trim() !== '' && (\n <udp-icon-button\n iconColor=\"inherit\"\n icon={Download16}\n onClick={() => this.handleDownloadClick()}\n />\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-attachment-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-attachment-list.js","mappings":";;;;;;;;;;;;;;;;;;MAQaA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAJ9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAKE;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAqB,EAAE;AAuB3C;IArBC,MAAM,GAAA;;QACJ,QACE,CACG,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,IAAG,CAAC,IAC3B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,MACrC,CACE,CAAA,qBAAA,EAAA,EAAA,QAAQ,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAE,QAAQ,EAC9B,QAAQ,EAAE,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,QAAQ,EAC9B,aAAa,EAAE,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,aAAa,EACxC,UAAU,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAE,UAAU,EAClC,YAAY,EAAE,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,YAAY,EACtC,UAAU,EAAE,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,EACjD,WAAW,EAAE,UAAU,KAAV,IAAA,IAAA,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAE,WAAW,EACf,CAAA,CACxB,CAAC,KAEF,CAAyB,CAAA,yBAAA,EAAA,EAAA,WAAW,EAAC,eAAe,EAAG,CAAA,CACxD,CACQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpAttachmentList","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/attachment-list/udp-attachment-list.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { Component, h, Prop } from '@stencil/core';\nimport { AttachmentItem } from './type';\n\n@Component({\n tag: 'udp-attachment-list',\n shadow: true,\n})\nexport class UdpAttachmentList {\n /**\n * An array of attachment items to render in the list.\n */\n @Prop() attachments: AttachmentItem[] = [];\n\n render() {\n return (\n <udp-card>\n {this.attachments?.length > 0 ? (\n this.attachments.map((attachment, index) => (\n <udp-attachment-item\n fileName={attachment?.fileName}\n fileSize={attachment?.fileSize}\n fileExtension={attachment?.fileExtension}\n uploadedBy={attachment?.uploadedBy}\n uploadedDate={attachment?.uploadedDate}\n isLastItem={index === this.attachments.length - 1}\n downloadUrl={attachment?.downloadUrl}\n ></udp-attachment-item>\n ))\n ) : (\n <udp-empty-state-display primaryText=\"No Attachment\" />\n )}\n </udp-card>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-avatar.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-avatar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-avatar2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-avatar2.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,0oBAA0oB;;MCOlpB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAO,CAAA,OAAA,GAAsC,UAAU;QAGvD,IAAA,CAAA,MAAM,GAAG;YACf,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;AAgCF;IA9BC,UAAU,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG;;IAGrD,mBAAmB,GAAA;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;AAChE,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;;IAGnD,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC;QAC5F,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;QAEvD,MAAM,KAAK,GAAG,EAAE;QAChB,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;QAExC,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;;AAC9B,aAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACrB,YAAA,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,KAAK;;aACjC;YACL,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,mBAAmB,EAAE;;AAGxD,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EACxC,EAAA,IAAI,CAAC,QAAQ,GAAG,gBAAU,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAa,GAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAC,kBAAkB,EAAA,OAAG,IAAI,CAAC,UAAU,EAAE,CAAoB,CACnK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/udp-avatar/udp-avatar.css?tag=udp-avatar&encapsulation=shadow","src/components/data-display/udp-avatar/udp-avatar.tsx"],"sourcesContent":[".avatar {\n width: 35px;\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n }\n\n .avatar.circular {\n border-radius: 50%;\n }\n \n .avatar.rounded {\n border-radius: 4px;\n }\n \n .avatar.square {\n border-radius: 0;\n }\n \n .avatar.color-primary {\n background-color: var(--primary-color);\n }\n \n .avatar.color-secondary {\n background-color: var(--secondary-color);\n }\n \n .avatar.color-success {\n background-color: var(--success-color-main);\n }\n \n .avatar.color-warning {\n background-color: var(--warning-color-main);\n }\n \n .avatar.color-error {\n background-color: var(--error-color-main);\n }\n \n .avatar.color-info {\n background-color: var(--info-color-main);\n }\n \n .avatar.color-note {\n background-color: var(--note-color-main);\n }\n ","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'udp-avatar',\n styleUrl: 'udp-avatar.css',\n shadow: true,\n})\nexport class UdpAvatar {\n @Prop() username: string;\n @Prop() iconName: string;\n @Prop() variant: 'circular' | 'rounded' | 'square' = 'circular';\n @Prop() color: string;\n\n private colors = [\n '#F44336',\n '#E91E63',\n '#9C27B0',\n '#673AB7',\n '#3F51B5',\n '#2196F3',\n '#03A9F4',\n '#00BCD4',\n '#009688',\n '#4CAF50',\n '#8BC34A',\n '#CDDC39',\n '#FFC107',\n '#FF9800',\n '#FF5722',\n '#795548',\n ];\n\n getInitial() {\n return this.username ? this.username[0].toUpperCase() : '?';\n }\n\n private getColorForUsername() {\n const charCode = this.username ? this.username.charCodeAt(0) : 0;\n return this.colors[charCode % this.colors.length];\n }\n\n render() {\n const systemColors = ['primary', 'secondary', 'info', 'error', 'success', 'warning', 'note'];\n const isSystemColor = systemColors.includes(this.color);\n\n const style = {};\n const classes = ['avatar', this.variant];\n\n if (isSystemColor) {\n classes.push(`color-${this.color}`);\n } else if (this.color) {\n style['background-color'] = this.color;\n } else {\n style['background-color'] = this.getColorForUsername();\n }\n\n return (\n <div class={classes.join(' ')} style={style}>\n {this.iconName ? <udp-icon iconName={this.iconName} darkIcon={false}></udp-icon> : <unity-typography variant=\"data-display-two\"> {this.getInitial()}</unity-typography>}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-badge.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-badge.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-badge2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-badge2.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,yOAAyO;;MCQhP,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAW,CAAC;AACnB,QAAA,IAAG,CAAA,GAAA,GAAW,EAAE;AAgBzB;IAdC,MAAM,GAAA;QACJ,MAAM,cAAc,GAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,GAAG,CAAG,EAAA,IAAI,CAAC,GAAG,CAAG,CAAA,CAAA,GAAG,IAAI,CAAC,OAAO;AAEzD,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACxB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,cAAc,EAAA,OAAI,cAAc,MAAqB,CAE5E,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/badge/udp-badge.css?tag=udp-badge&encapsulation=shadow","src/components/data-display/badge/udp-badge.tsx"],"sourcesContent":[".badge-wrapper {\n position: relative;\n display: inline-block;\n }\n\n .badge-content {\n position: absolute;\n top: -12px;\n right: -8px;\n background-color: var(--primary-color);\n color: white;\n border-radius: 50%;\n padding: 4px;\n min-width: 18px;\n text-align: center;\n z-index: 1;\n }\n","import { Component, h, Prop } from '@stencil/core';\nimport './udp-badge.css';\n\n@Component({\n tag: 'udp-badge',\n styleUrl: 'udp-badge.css',\n shadow: true,\n})\nexport class UdpBadge {\n @Prop() content: number = 0;\n @Prop() max: number = 99;\n\n render() {\n const displayContent =\n this.content > this.max ? `${this.max}+` : this.content;\n\n return (\n <div class=\"badge-wrapper\">\n <slot></slot>\n <span class=\"badge-content\">\n <unity-typography variant='caption-text' > {displayContent} </unity-typography>\n \n </span>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-bar-chart.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-bar-chart.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-bar-chart2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-bar-chart2.js","mappings":";;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,EAAE;;MCYZ,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQU,QAAA,IAAA,CAAA,IAAI,GAAgE,SAAS;AAC7E,QAAA,IAAA,CAAA,UAAU,GAAmC,SAAS;AACtD,QAAA,IAAA,CAAA,UAAU,GAAqC,SAAS;AACxD,QAAA,IAAA,CAAA,KAAK,GAAyC,SAAS;AACvD,QAAA,IAAA,CAAA,SAAS,GAA4C,SAAS;AAI9D,QAAA,IAAe,CAAA,eAAA,GAA+B,EAAE;AAChD,QAAA,IAAY,CAAA,YAAA,GAAmB,MAAM;AACrC,QAAA,IAAI,CAAA,IAAA,GAMR,SAAS;AACL,QAAA,IAAA,CAAA,UAAU,GAA0C,SAAS;AAC7D,QAAA,IAAA,CAAA,UAAU,GAA0C,SAAS;AAC7D,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC9B,QAAA,IAAW,CAAA,WAAA,GAAgD,SAAS;AACpE,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAQ,CAAA,QAAA,GAAW,SAAS;AAC5B,QAAA,IAAS,CAAA,SAAA,GAAW,SAAS;AAC7B,QAAA,IAAS,CAAA,SAAA,GAAW,SAAS;AAC7B,QAAA,IAAoB,CAAA,oBAAA,GAAW,SAAS;AACxC,QAAA,IAAU,CAAA,UAAA,GAAY,IAAI;AAC1B,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAC3B,QAAA,IAAa,CAAA,aAAA,GAAY,KAAK;AAC9B,QAAA,IAAO,CAAA,OAAA,GAAGC,EAAI,EAAE;AA8BzB;IA5BC,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,CAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","uuid"],"sources":["src/components/charts/udp-bar-chart/udp-bar-chart.css?tag=udp-bar-chart&encapsulation=shadow","src/components/charts/udp-bar-chart/udp-bar-chart.tsx"],"sourcesContent":["","import { h, Component, Prop, Element, Build } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\nconst generateMockData = () => {\n const countries = ['USA', 'China', 'Japan', 'Germany', 'UK', 'France', 'India', 'Spain', 'Netherlands', 'South Korea', 'Canada'];\n return countries.map(c => ({ country: c, value: Math.random() * 2000 }));\n};\n@Component({\n tag: 'udp-bar-chart',\n styleUrl: 'udp-bar-chart.css',\n shadow: true,\n})\nexport class UdpBarChart {\n @Element() el: HTMLElement;\n\n @Prop() data: { [key: string]: any }[] = Build.isDev ? generateMockData() : undefined;\n @Prop() valueField: string = Build.isDev ? 'value' : undefined;\n @Prop() labelField: string = Build.isDev ? 'country' : undefined;\n @Prop() title: string = Build.isDev ? 'Test Header' : undefined;\n @Prop() subheader: string = Build.isDev ? 'Test subheader' : undefined;\n @Prop() customWidth?: number | string;\n @Prop() customHeight?: number | string;\n @Prop() customCardWidth?: number | string;\n @Prop() customCardStyle?: { [key: string]: string } = {};\n @Prop() kpisPosition: 'left' | 'top' = 'left';\n @Prop() kpis: { value: string; label: string }[] = Build.isDev\n ? [\n { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n { value: Math.round(Math.random() * 2000).toString(), label: 'YTD' },\n ]\n : undefined;\n @Prop() xAxisLabel: string = Build.isDev ? 'Test X Label' : undefined;\n @Prop() yAxisLabel: string = Build.isDev ? 'Test Y Label' : undefined;\n @Prop() hideAdornment: boolean = false;\n @Prop() valueFields: { fieldName: string; fieldLabel: string }[] = undefined;\n @Prop() stacked: boolean = false;\n @Prop() showBullets: boolean = false;\n @Prop() barWidth: number = undefined;\n @Prop() xDataType: string = undefined;\n @Prop() yDataType: string = undefined;\n @Prop() distBetweenGridLines: number = undefined;\n @Prop() hideLegend: boolean = true;\n @Prop() hideBorder: boolean = false;\n @Prop() removePadding: boolean = false;\n @Prop() chartId = uuid();\n\n render() {\n return (\n <udp-xy-chart\n title={this.title}\n subheader={this.subheader}\n data={this.data}\n chartId={this.chartId}\n kpis={this.kpis}\n customWidth={this.customWidth}\n customHeight={this.customHeight}\n customCardWidth={this.customCardWidth}\n customCardStyle={this.customCardStyle}\n kpisPosition={this.kpisPosition}\n hideAdornment={this.hideAdornment}\n labelField={this.labelField}\n valueField={this.valueField}\n showBullets={this.showBullets}\n xDataType={this.xDataType}\n yDataType={this.yDataType}\n hideLegend={this.hideLegend}\n hideBorder={this.hideBorder}\n removePadding={this.removePadding}\n chartType={'Column'}\n xAxisLabel={this.xAxisLabel}\n yAxisLabel={this.yAxisLabel}\n />\n );\n }\n}\n"],"version":3}

package/dist/components/udp-button.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-button2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-button2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/buttons/udp-button/udp-button.css?tag=udp-button&encapsulation=shadow","src/components/buttons/udp-button/udp-button.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n vertical-align: middle;\n --udp-button-primary-color: var(--primary-color, #000);\n --udp-button-primary-color-text: var(--primary-contrast-text, #fff);\n --udp-button-secondary-color: var(--secondary-color, #000);\n --udp-button-secondary-color-text: var(--secondary-contrast-text, #fff);\n --udp-button-success-color: var(--success-color, #0da40d);\n --udp-button-success-color-text: var(--success-contrast-text, #fff);\n --udp-button-error-color: var(--error-color, #ff0000);\n --udp-button-error-color-text: var(--error-contrast-text, #fff);\n --udp-button-warning-color: var(--warning-color, #ffa500);\n --udp-button-warning-color-text: var(--warning-contrast-text, #fff);\n --udp-button-info-color: var(--info-color, #2953ff);\n --udp-button-info-color-text: var(--info-contrast-text, #fff);\n\n /* Define base padding variables */\n --host-udp-btn-padding-y: var(--spacing-03);\n --host-udp-btn-padding-x: var(--spacing-05);\n --host-udp-btn-padding-x-with-start-icon: var(--spacing-03);\n --host-udp-btn-padding-x-with-end-icon: var(--spacing-03);\n}\n\n\n/* Base styles for udp-button */\n.udp-button {\n position: relative; /* Added to act as a positioning context for the absolute spinner */\n width: 100%;\n font-family: var(--font-family);\n /* font-weight: var(--button-font-weight); */\n font-size: var(--button-font-size);\n line-height: var(--button-line-height);\n /* padding: var(--spacing-03) var(--spacing-05); */\n padding-top: var(--host-udp-btn-padding-y);\n padding-bottom: var(--host-udp-btn-padding-y);\n padding-left: var(--host-udp-btn-padding-x);\n padding-right: var(--host-udp-btn-padding-x);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n text-decoration: none; /* For <a> tags */\n background-color: var(--host-udp-btn-base-bg, transparent);\n color: var(--host-udp-btn-base-text, inherit);\n border: 1px solid var(--host-udp-btn-base-border, transparent);\n transition: background-color var(--animation-duration) var(--animation-easing),\n border-color var(--animation-duration) var(--animation-easing),\n color var(--animation-duration) var(--animation-easing),\n box-shadow var(--animation-duration) var(--animation-easing);\n min-width: 64px;\n user-select: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n gap: var(--host-udp-btn-icon-gap, var(--spacing-03)); /* Gap between icon and text */\n border-radius: 2px;\n}\n\n/* Adjust padding when icons are present */\n.udp-button--has-start-icon {\n padding-left: var(--host-udp-btn-padding-x-with-start-icon);\n}\n\n.udp-button--has-end-icon {\n padding-right: var(--host-udp-btn-padding-x-with-end-icon);\n}\n\n.udp-button:focus-visible {\n outline: var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));\n outline-offset: 0;\n}\n\n/* This wrapper uses display: contents, so it doesn't affect the flex layout of its children (icons and text).\n It's used as a single element to toggle visibility when loading. */\n.udp-button__content-wrapper {\n display: contents;\n}\n\n/* Styles for the icon containers and text content */\n.udp-button__icon,\n.udp-button__text-content {\n display: inline-flex; /* Ensures proper alignment and wrapping */\n align-items: center;\n}\n\n.udp-button__icon svg {\n /* Default icon size, can be overridden by specific icon styles or button size variants */\n width: var(--host-udp-btn-icon-size, 1.25em); /* Relative to current font size */\n height: var(--host-udp-btn-icon-size, 1.25em);\n /* fill: currentColor; Icons inherit button text color */\n}\n\n/* Hide text content span if it's empty and there are icons,\n so the gap doesn't create extra space.\n The `gap` property on the parent flex container handles this well usually.\n If slot is empty, its span won't render content to create a gap against.\n*/\n.udp-button__text-content:empty {\n display: none;\n}\n\n.udp-button__label {\n display: inherit; /* Allows slot content (e.g. icons) to align correctly */\n align-items: inherit;\n justify-content: inherit;\n width: 100%; /* Ensure label fills the button */\n}\n\n/* Full width variant */\n.udp-button--full-width {\n width: 100%;\n}\n\n/* --- Size Variants --- */\n.udp-button--small {\n font-size: calc(var(--button-font-size) * 0.9); /* Slightly smaller font */\n padding: var(--spacing-02) var(--spacing-04);\n min-width: 48px;\n}\n\n.udp-button--large {\n font-size: calc(var(--button-font-size) * 1.1); /* Slightly larger font */\n padding: var(--spacing-04) var(--spacing-06);\n min-width: 80px;\n}\n\n.udp-button--small .udp-button__icon svg {\n width: var(--host-udp-btn-small-icon-size, 1.1em);\n height: var(--host-udp-btn-small-icon-size, 1.1em);\n}\n\n.udp-button--large .udp-button__icon svg {\n width: var(--host-udp-btn-large-icon-size, 1.4em);\n height: var(--host-udp-btn-large-icon-size, 1.4em);\n}\n\n/* --- Contained Variant --- */\n/* box-shadow: var(--host-udp-btn-contained-shadow, var(--elevation-02, none));\n box-shadow: var(--host-udp-btn-contained-hover-shadow, var(--elevation-04, none));\n box-shadow: var(--host-udp-btn-contained-active-shadow, var(--elevation-01, none));\n*/\n\n/* Contained - Primary */\n.udp-button--contained.udp-button--color-primary {\n background-color: var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));\n color: var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-primary:hover {\n background-color: var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray));\n}\n\n/* Contained - Secondary */\n.udp-button--contained.udp-button--color-secondary {\n background-color: var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));\n color: var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-secondary:hover {\n background-color: var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray));\n}\n\n/* Contained - Success */\n.udp-button--contained.udp-button--color-success {\n background-color: var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));\n color: var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-success:hover {\n background-color: var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen));\n}\n\n/* Contained - Error */\n.udp-button--contained.udp-button--color-error {\n background-color: var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));\n color: var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-error:hover {\n background-color: var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred));\n}\n\n/* Contained - Warning */\n.udp-button--contained.udp-button--color-warning {\n background-color: var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));\n color: var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-warning:hover {\n background-color: var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange));\n}\n\n/* Contained - Info */\n.udp-button--contained.udp-button--color-info {\n background-color: var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));\n color: var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white));\n}\n.udp-button--contained.udp-button--color-info:hover {\n background-color: var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue));\n}\n\n\n/* --- Outlined Variant --- */\n.udp-button--outlined {\n background-color: var(--host-udp-btn-outlined-default-bg, transparent);\n}\n.udp-button--outlined:active {\n background-color: var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04));\n}\n\n/* Outlined - Primary */\n.udp-button--outlined.udp-button--color-primary {\n border-color: var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));\n color: var(--host-udp-btn-outlined-primary-text, var(--primary-color, black));\n}\n.udp-button--outlined.udp-button--color-primary:hover {\n background-color: var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));\n border-color: var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray));\n}\n\n/* Outlined - Secondary */\n.udp-button--outlined.udp-button--color-secondary {\n border-color: var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));\n color: var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black));\n}\n.udp-button--outlined.udp-button--color-secondary:hover {\n background-color: var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));\n border-color: var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray));\n}\n\n/* Outlined - Success */\n.udp-button--outlined.udp-button--color-success {\n border-color: var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));\n color: var(--host-udp-btn-outlined-success-text, var(--success-color-main, green));\n}\n.udp-button--outlined.udp-button--color-success:hover {\n background-color: var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));\n border-color: var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen));\n}\n\n/* Outlined - Error */\n.udp-button--outlined.udp-button--color-error {\n border-color: var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));\n color: var(--host-udp-btn-outlined-error-text, var(--error-color-main, red));\n}\n.udp-button--outlined.udp-button--color-error:hover {\n background-color: var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));\n border-color: var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred));\n}\n\n/* Outlined - Warning */\n.udp-button--outlined.udp-button--color-warning {\n border-color: var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));\n color: var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange));\n}\n.udp-button--outlined.udp-button--color-warning:hover {\n background-color: var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));\n border-color: var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange));\n}\n\n/* Outlined - Info */\n.udp-button--outlined.udp-button--color-info {\n border-color: var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));\n color: var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue));\n}\n.udp-button--outlined.udp-button--color-info:hover {\n background-color: var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));\n border-color: var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue));\n}\n\n\n/* --- Text Variant --- */\n.udp-button--text {\n background-color: var(--host-udp-btn-text-default-bg, transparent);\n border-color: var(--host-udp-btn-text-default-border, transparent); /* Ensure no border unless outlined */\n}\n.udp-button--text:active {\n background-color: var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04));\n}\n\n/* Text - Primary */\n.udp-button--text.udp-button--color-primary {\n color: var(--host-udp-btn-text-primary-text, var(--primary-color, black));\n}\n.udp-button--text.udp-button--color-primary:hover {\n background-color: var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray));\n}\n\n/* Text - Secondary */\n.udp-button--text.udp-button--color-secondary {\n color: var(--host-udp-btn-text-secondary-text, var(--secondary-color, black));\n}\n.udp-button--text.udp-button--color-secondary:hover {\n background-color: var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray));\n}\n\n/* Text - Success */\n.udp-button--text.udp-button--color-success {\n color: var(--host-udp-btn-text-success-text, var(--success-color-main, green));\n}\n.udp-button--text.udp-button--color-success:hover {\n background-color: var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen));\n}\n\n/* Text - Error */\n.udp-button--text.udp-button--color-error {\n color: var(--host-udp-btn-text-error-text, var(--error-color-main, red));\n}\n.udp-button--text.udp-button--color-error:hover {\n background-color: var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink));\n}\n\n/* Text - Warning */\n.udp-button--text.udp-button--color-warning {\n color: var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange));\n}\n.udp-button--text.udp-button--color-warning:hover {\n background-color: var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow));\n}\n\n/* Text - Info */\n.udp-button--text.udp-button--color-info {\n color: var(--host-udp-btn-text-info-text, var(--info-color-main, blue));\n}\n.udp-button--text.udp-button--color-info:hover {\n background-color: var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue));\n}\n\n\n/* Inherit color variant */\n.udp-button--color-inherit {\n color: var(--host-udp-btn-inherit-text, inherit);\n}\n.udp-button--text.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0));\n}\n.udp-button--outlined.udp-button--color-inherit {\n border-color: var(--host-udp-btn-outlined-inherit-border, currentColor);\n}\n.udp-button--outlined.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));\n border-color: var(--host-udp-btn-outlined-inherit-hover-border, currentColor);\n}\n.udp-button--contained.udp-button--color-inherit {\n background-color: var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));\n color: var(--host-udp-btn-contained-inherit-text, var(--text-main, black));\n}\n.udp-button--contained.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0));\n}\n\n\n/* --- Disabled State (applies to all variants) --- */\n.udp-button--disabled {\n cursor: not-allowed;\n pointer-events: none; /* Prevents click events */\n color: var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important;\n}\n\n/* Disabled Contained */\n.udp-button--contained.udp-button--disabled {\n background-color: var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;\n color: var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;\n box-shadow: var(--host-udp-btn-contained-disabled-shadow, none) !important;\n}\n\n/* Disabled Outlined */\n.udp-button--outlined.udp-button--disabled {\n border-color: var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;\n color: var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important; /* Explicitly set for outlined disabled text */\n}\n\n/* Disabled Text */\n.udp-button--text.udp-button--disabled {\n color: var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;\n background-color: var(--host-udp-btn-text-disabled-bg, transparent) !important; /* Ensure text buttons remain transparent */\n}\n\n\n/* Ensure no hover/active effects when disabled by resetting properties potentially set by general hover/active rules */\n.udp-button--disabled:hover,\n.udp-button--disabled:active {\n /* These might need to be more specific if there are general hover/active styles on .udp-button not covered by variant styles */\n /* For now, variant-specific disabled styles handle most overrides. */\n /* Example of a general reset if needed:\n background-color: var(--host-udp-btn-disabled-general-bg-override, transparent) !important;\n box-shadow: var(--host-udp-btn-disabled-general-shadow-override, none) !important;\n */\n}\n\n/* Reset hover/active for contained disabled (already specific, but defensive) */\n.udp-button--contained.udp-button--disabled:hover,\n.udp-button--contained.udp-button--disabled:active {\n background-color: var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;\n box-shadow: var(--host-udp-btn-contained-disabled-shadow, none) !important;\n}\n\n/* Reset hover/active for outlined disabled */\n.udp-button--outlined.udp-button--disabled:hover,\n.udp-button--outlined.udp-button--disabled:active {\n background-color: var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important; /* Usually no background for outlined hover when disabled */\n border-color: var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;\n}\n\n/* Reset hover/active for text disabled */\n.udp-button--text.udp-button--disabled:hover,\n.udp-button--text.udp-button--disabled:active {\n background-color: var(--host-udp-btn-text-disabled-hover-bg, transparent) !important; /* Text buttons remain transparent */\n}\n\n/* --- Toolbar Layout --- */\n/* Applied when toolbarLayout prop is true. Can be combined with variants like text, outlined, contained. */\n.udp-button--toolbar-layout {\n flex-direction: column;\n justify-content: center; /* Center content vertically */\n align-items: center; /* Center content horizontally */\n padding: var(--host-udp-btn-toolbar-padding, var(--spacing-03)); /* Overall padding */\n /* Default to medium size for toolbar layout */\n width: var(--host-udp-btn-toolbar-fixed-size-medium, 80px);\n height: var(--host-udp-btn-toolbar-fixed-size-medium, 80px);\n gap: var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));\n\n /* Base appearance for toolbarLayout, if needed (user removed default border/bg) */\n /* border: 1px solid var(--host-udp-btn-toolbar-layout-base-border-color, transparent); */\n /* background-color: var(--host-udp-btn-toolbar-layout-base-bg, transparent); */\n}\n\n/* Icon styling within toolbarLayout - default (medium) */\n.udp-button--toolbar-layout .udp-button__icon svg {\n width: var(--host-udp-btn-toolbar-icon-size-medium, 2em);\n height: var(--host-udp-btn-toolbar-icon-size-medium, 2em);\n fill: currentColor;\n}\n\n/* Text content styling within toolbarLayout - default (medium) */\n.udp-button--toolbar-layout .udp-button__text-content {\n font-size: var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));\n line-height: var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));\n text-align: center;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-height: calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);\n word-break: break-word;\n}\n\n/* Toolbar Layout - Small Size */\n.udp-button--toolbar-layout.udp-button--small {\n width: var(--host-udp-btn-toolbar-fixed-size-small, 60px);\n height: var(--host-udp-btn-toolbar-fixed-size-small, 60px);\n gap: var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));\n padding: var(--host-udp-btn-toolbar-padding-small, var(--spacing-02));\n}\n.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg {\n width: var(--host-udp-btn-toolbar-icon-size-small, 1.6em);\n height: var(--host-udp-btn-toolbar-icon-size-small, 1.6em);\n}\n.udp-button--toolbar-layout.udp-button--small .udp-button__text-content {\n font-size: var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));\n line-height: var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));\n max-height: calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em); /* Adjust max-height based on smaller font */\n}\n\n/* Toolbar Layout - Large Size */\n.udp-button--toolbar-layout.udp-button--large {\n width: var(--host-udp-btn-toolbar-fixed-size-large, 100px);\n height: var(--host-udp-btn-toolbar-fixed-size-large, 100px);\n gap: var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));\n padding: var(--host-udp-btn-toolbar-padding-large, var(--spacing-04));\n}\n.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg {\n width: var(--host-udp-btn-toolbar-icon-size-large, 2.4em);\n height: var(--host-udp-btn-toolbar-icon-size-large, 2.4em);\n}\n.udp-button--toolbar-layout.udp-button--large .udp-button__text-content {\n max-height: calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em); /* Adjust max-height based on larger font */\n}\n\n/* Base hover/active for toolbarLayout (when variant=\"text\" or not strongly styled by other variants) */\n.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined) {\n background-color: var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));\n border-color: var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0));\n}\n.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined) {\n background-color: var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0));\n}\n\n/* Inherit color variant */\n.udp-button--color-inherit {\n color: var(--host-udp-btn-inherit-text, inherit);\n}\n.udp-button--text.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0));\n}\n.udp-button--outlined.udp-button--color-inherit {\n border-color: var(--host-udp-btn-outlined-inherit-border, currentColor);\n}\n.udp-button--outlined.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));\n border-color: var(--host-udp-btn-outlined-inherit-hover-border, currentColor);\n}\n.udp-button--contained.udp-button--color-inherit {\n background-color: var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));\n color: var(--host-udp-btn-contained-inherit-text, var(--text-main, black));\n}\n.udp-button--contained.udp-button--color-inherit:hover {\n background-color: var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0));\n}\n\n/* --- NEW: Loading State --- */\n\n@keyframes udp-button-spinner-spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n}\n\n.udp-button__spinner {\n position: absolute;\n /* Center the spinner inside the button */\n top: 50%;\n left: 50%;\n /* The transform is now handled by the animation, but this sets the initial state. */\n transform: translate(-50%, -50%);\n\n /* Hide the spinner by default */\n display: none;\n\n /* Use font-size to scale the spinner relative to the button's size */\n width: var(--host-udp-btn-icon-size, 1.25em);\n height: var(--host-udp-btn-icon-size, 1.25em);\n\n /* The spinner's color will be the button's current text color */\n border: 2px solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n\n box-sizing: border-box;\n}\n\n/* When the button has the .udp-button--loading class... */\n.udp-button--loading .udp-button__spinner {\n /* ...display the spinner... */\n display: inline-block;\n /* ...and start the animation. */\n animation: udp-button-spinner-spin 0.75s linear infinite;\n}\n\n/* ...and hide the button's actual content (icons and text). */\n.udp-button--loading .udp-button__content-wrapper {\n visibility: hidden;\n}\n\n/* Adjust spinner size for different button sizes */\n.udp-button--small .udp-button__spinner {\n width: var(--host-udp-btn-small-icon-size, 1.1em);\n height: var(--host-udp-btn-small-icon-size, 1.1em);\n border-width: 2px;\n}\n\n.udp-button--large .udp-button__spinner {\n width: var(--host-udp-btn-large-icon-size, 1.4em);\n height: var(--host-udp-btn-large-icon-size, 1.4em);\n border-width: 3px;\n}\n","import { Component, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\n\n/**\n * UdpButton is a versatile button component inspired by MUI, using global theme variables.\n * It aims to replace and improve upon the older `custom-button`.\n *\n * Features from `custom-button` and their `udp-button` equivalents:\n * - `label` prop from `custom-button`: Replaced by placing content directly within the\n * `<udp-button></udp-button>` tags (default slot).\n * - `variant='default'`: Maps to `udp-button`'s `variant='contained'`.\n * - `variant='outline'`: Maps to `udp-button`'s `variant='outlined'`.\n * - `secondary=true` (from `custom-button`): Similar to `udp-button`'s `variant='text'`\n * with a `color` prop (e.g., `color='secondary'` or `color='primary'`).\n * - `size`: Values 'short', 'default', 'tall' map to 'small', 'medium', 'large'.\n * - `type`, `disabled`: Directly supported.\n * - `customClick` (from `custom-button`): Replaced by the `click` event.\n *\n * New features:\n * - `startIcon`: Allows placing an icon (JSX/VNode) before the button text.\n * - `endIcon`: Allows placing an icon (JSX/VNode) after the button text.\n * - `loading`: Disables the button and shows a spinner.\n */\n@Component({\n tag: 'udp-button',\n styleUrl: 'udp-button.css',\n shadow: true,\n})\nexport class UdpButton {\n @Element() el: HTMLElement;\n\n /**\n * The variant to use.\n * - `text`: Typically used for less-pronounced actions.\n * - `outlined`: Emphasizes actions with a border.\n * - `contained`: High-emphasis, distinguished by a background color.\n */\n @Prop() variant: 'text' | 'outlined' | 'contained' = 'text';\n\n /**\n * If true, applies styling suitable for a toolbar button (e.g., icon above text, caption-style text).\n * This can be combined with other variants like 'text', 'outlined', or 'contained'.\n */\n @Prop() toolbarLayout: boolean = false;\n\n /**\n * The color of the component. It supports theming using global CSS variables.\n * `inherit` will inherit the color from its parent.\n */\n @Prop() color: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'inherit' = 'primary';\n\n /**\n * The size of the component.\n * `custom-button`'s 'short', 'default', 'tall' map to 'small', 'medium', 'large'.\n */\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n\n /**\n * If `true`, the component is disabled.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * If `true`, the button will be in a loading state.\n * This disables the button and shows a spinner.\n */\n @Prop() loading: boolean = false;\n\n /**\n * The URL to link to when the button is clicked. If provided, the component renders as an `<a>` tag.\n */\n @Prop() href?: string;\n\n /**\n * If `true`, the button will take up the full width of its container.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * The type of the button. Only used if `href` is not set.\n * Corresponds to the native `type` attribute of a `<button>` element.\n */\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n /**\n * If provided, will display an icon before the button's content.\n * Accepts JSX (e.g., an <svg> element or another Stencil component).\n */\n @Prop() startIcon?: any;\n\n /**\n * If provided, will display an icon after the button's content.\n * Accepts JSX (e.g., an <svg> element or another Stencil component).\n */\n @Prop() endIcon?: any;\n\n /**\n * Emitted when the button is clicked.\n */\n @Event() buttonClick: EventEmitter<MouseEvent>;\n\n /**\n * Optional aria-label for accessibility.\n * If not provided, it defaults to empty string.\n */\n @Prop() ariaLabel: string = '';\n\n /**\n * Tabindex for accessibility.\n * Defaults to 0 if not disabled, and -1 if disabled.\n * If the user does not provide a value, it defaults to 0.\n */\n @Prop() tabIndex: number = 0;\n\n private handleClick = (event: MouseEvent) => {\n // Prevent clicks if the button is disabled or in a loading state\n if (this.disabled || this.loading) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n this.buttonClick.emit(event);\n };\n\n render() {\n const TagType = this.href ? 'a' : 'button';\n // The button is considered disabled if the disabled prop is true or if it's loading.\n const isDisabled = this.disabled || this.loading;\n\n const classMap = {\n 'udp-button': true,\n [`udp-button--${this.variant}`]: true,\n [`udp-button--toolbar-layout`]: this.toolbarLayout,\n [`udp-button--${this.size}`]: true,\n [`udp-button--color-${this.color}`]: this.color !== 'inherit',\n 'udp-button--disabled': isDisabled,\n 'udp-button--full-width': this.fullWidth,\n 'udp-button--has-start-icon': !!this.startIcon,\n 'udp-button--has-end-icon': !!this.endIcon,\n 'udp-button--loading': this.loading,\n };\n\n const attributes: any = {\n class: Object.keys(classMap)\n .filter(key => classMap[key])\n .join(' '),\n disabled: isDisabled && !this.href, // `disabled` attribute is not valid on <a> tags\n onClick: this.handleClick,\n 'aria-busy': this.loading ? 'true' : null, // Accessibility for loading state\n // Provide a more descriptive aria-label during loading for screen readers\n 'aria-label': this.loading ? 'loading' : this.ariaLabel,\n };\n\n attributes.tabindex = isDisabled ? -1 : this.tabIndex;\n\n if (this.href) {\n attributes.href = this.href;\n // Add rel=\"noopener noreferrer\" for security if target=\"_blank\" is used by consumer\n } else {\n attributes.type = this.type;\n }\n\n return (\n <TagType {...attributes}>\n {/* The spinner is always in the DOM, but visibility is controlled by CSS */}\n <div class=\"udp-button__spinner\"></div>\n {/* Wrapper for the button's visible content */}\n <span class=\"udp-button__content-wrapper\">\n {this.startIcon && (\n <span class=\"udp-button__icon udp-button__icon--start\" aria-hidden=\"true\">\n {this.startIcon}\n </span>\n )}\n <span class=\"udp-button__text-content\">\n <slot></slot>\n </span>\n {this.endIcon && (\n <span class=\"udp-button__icon udp-button__icon--end\" aria-hidden=\"true\">\n {this.endIcon}\n </span>\n )}\n </span>\n </TagType>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-calendar-base.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-calendar-base.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-calendar-base2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-calendar-base2.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,EAAE;;MCWhB,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AASU,QAAA,IAAW,CAAA,WAAA,GAAW,cAAc;;AAGpC,QAAA,IAAA,CAAA,MAAM,GAAW,GAAG,CAAA;;AAMpB,QAAA,IAAA,CAAA,QAAQ,GAAY,IAAI,CAAA;AACxB,QAAA,IAAA,CAAA,UAAU,GAAa,EAAE,CAAA;AACzB,QAAA,IAAA,CAAA,UAAU,GAAa,KAAK,CAAA;AAG5B,QAAA,IAAA,CAAA,WAAW,GAAW,IAAI,CAAA;;;AAkB1B,QAAA,IAAA,CAAA,YAAY,GAAW,UAAU,CAAA;AACjC,QAAA,IAAA,CAAA,iBAAiB,GAAW,OAAO,CAAA;QACnC,IAAA,CAAA,eAAe,GAAQ;AAC7B,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,cAAc,EAAE,IAAI;AACpB,YAAA,QAAQ,EAAE;SACX;AACO,QAAA,IAAA,CAAA,WAAW,GAAW,UAAU,CAAA;AAChC,QAAA,IAAA,CAAA,WAAW,GAAW,UAAU,CAAA;AAChC,QAAA,IAAA,CAAA,UAAU,GAAW,UAAU,CAAA;AAC/B,QAAA,IAAA,CAAA,eAAe,GAAY,IAAI,CAAA;;AAqB/B,QAAA,IAAA,CAAA,QAAQ,GAAW,CAAC,CAAA;AACpB,QAAA,IAAA,CAAA,mBAAmB,GAAY,IAAI,CAAA;AACnC,QAAA,IAAA,CAAA,iBAAiB,GAAW,iDAAiD,CAAA;AAQ5E,QAAA,IAAgB,CAAA,gBAAA,GAAQ,EAAE;AAmHpC;IAjHC,gBAAgB,GAAA;AACd,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAgB;;QAG/E,IAAI,CAAC,gBAAgB,GAAG;YACtB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;SAC9C;;AAGD,QAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,GAAG;AACpC,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,IAAI,CAAC,iBAAiB;SAC9B;AAED,QAAA,IAAI,CAAC,gBAAgB,CAAC,KAAK,GAAG;AAC5B,YAAA,WAAW,EAAE;AACX,gBAAA,eAAe,EAAE,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,uBAAuB,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO;AAC/L,aAAA;AACD,YAAA,YAAY,EAAE;AACZ,gBAAA,eAAe,EAAE,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,wBAAwB,GAAG,EAAE,OAAO,EAAE,OAAO;AACpG;SACF;;AAGD,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,qBAAqB,EAAE;AAC/D,YAAA,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE;AACzD,YAAA,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAC3D,YAAA,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,sBAAsB,EAAE;AACjE,YAAA,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAC3D,YAAA,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE;AACrD,YAAA,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,EAAE;AACvD,YAAA,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,oBAAoB,EAAE;AAC7D,YAAA,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,qBAAqB,EAAE;AAC/D,YAAA,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE;AACzD,YAAA,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,mBAAmB,EAAE;AAC3D,YAAA,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,sBAAsB,EAAE;AACjE,YAAA,EAAE,IAAI,EAAE,oBAAoB,EAAE,OAAO,EAAE,oBAAoB,EAAE;AAC7D,YAAA,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,iBAAiB,EAAE;AACvD,YAAA,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,kBAAkB,EAAE;AACzD,YAAA,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,qBAAqB,EAAE;SAChE;QACD,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAI;AAClC,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC;;AAE7D,SAAC,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;;QAGxE,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM;QAC1C,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;QACtD,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;AAEtD,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;;;AAIxE,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,QAAQ,CAAC,UAAU,EACrC,MAAA,CAAA,MAAA,CAAA,EAAA,OAAO,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC,EAC3C,WAAW,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1B,IAAI,CAAC,gBAAgB,CAAA,CACxB;AACF,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;;QAGtB,IAAI,IAAI,CAAC,oBAAoB;YAAE,CAC7B,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,oBAAoB,CAAC;;AAKzD,IAAA,aAAa,CAAC,QAAa,EAAA;AACzB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;;;IAI1C,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;;;IAI3B,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GACd,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE;SAC5D;QAED,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,aAAa,EAAQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/calendar/udp-calendar-base.css?tag=udp-calendar-base&encapsulation=shadow","src/components/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 if (this.datesSet) {\n this.calendarSettings.datesSet = (dateInfo) => this.datesSet(dateInfo);\n }\n\n this.calendarSettings.events = this.events;\n this.calendarSettings.eventSources = this.eventSources;\n this.calendarSettings.eventContent = this.eventContent;\n\n if (this.eventOnclick) {\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/udp-calendar-day.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-calendar-day.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCQfA,gBAAc,iBAAAC,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE;AAWxB;IATC,iBAAiB,GAAA;;IAIjB,MAAM,GAAA;QACJ,QACE,CAAmB,CAAA,mBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,YAAY,EAAK,EAAA,IAAI,CAAC,KAAK,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpCalendarDay","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/calendar/udp-calendar-day.css?tag=udp-calendar-day&encapsulation=shadow","src/components/calendar/udp-calendar-day.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core'\nimport './udp-calendar-day.css'\n\n@Component({\n tag: 'udp-calendar-day',\n styleUrl: 'udp-calendar-day.css',\n shadow: true,\n})\nexport class UdpCalendarDay {\n @Prop() props: any = {}\n\n componentWillLoad() { \n \n }\n\n render() {\n return (\n <udp-calendar-base initialView='dayGridDay' {...this.props}></udp-calendar-base>\n )\n }\n}\n"],"version":3}

package/dist/components/udp-calendar-month.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-calendar-month.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCQjBA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;AAL7B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE;AAWxB;IATC,iBAAiB,GAAA;;IAIjB,MAAM,GAAA;QACJ,QACE,CAAmB,CAAA,mBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,cAAc,EAAK,EAAA,IAAI,CAAC,KAAK,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpCalendarMonth","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/calendar/udp-calendar-month.css?tag=udp-calendar-month&encapsulation=shadow","src/components/calendar/udp-calendar-month.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core'\nimport './udp-calendar-month.css'\n\n@Component({\n tag: 'udp-calendar-month',\n styleUrl: 'udp-calendar-month.css',\n shadow: true,\n})\nexport class UdpCalendarMonth {\n @Prop() props: any = {}\n\n componentWillLoad() { \n \n }\n\n render() {\n return (\n <udp-calendar-base initialView='dayGridMonth' {...this.props}></udp-calendar-base>\n )\n }\n}\n"],"version":3}

package/dist/components/udp-calendar-week.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-calendar-week.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,EAAE;;MCQhBA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE;AAWxB;IATC,iBAAiB,GAAA;;IAIjB,MAAM,GAAA;QACJ,QACE,CAAmB,CAAA,mBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,aAAa,EAAK,EAAA,IAAI,CAAC,KAAK,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpCalendarWeek","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/calendar/udp-calendar-week.css?tag=udp-calendar-week&encapsulation=shadow","src/components/calendar/udp-calendar-week.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core'\nimport './udp-calendar-week.css'\n\n@Component({\n tag: 'udp-calendar-week',\n styleUrl: 'udp-calendar-week.css',\n shadow: true,\n})\nexport class UdpCalendarWeek {\n @Prop() props: any = {}\n\n componentWillLoad() { \n \n }\n\n render() {\n return (\n <udp-calendar-base initialView='dayGridWeek' {...this.props}></udp-calendar-base>\n )\n }\n}\n"],"version":3}

package/dist/components/udp-calendar-year.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-calendar-year.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,EAAE;;MCQhBA,iBAAe,iBAAAC,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAQ,EAAE;AAWxB;IATC,iBAAiB,GAAA;;IAIjB,MAAM,GAAA;QACJ,QACE,CAAmB,CAAA,mBAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,aAAa,EAAK,EAAA,IAAI,CAAC,KAAK,CAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpCalendarYear","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/calendar/udp-calendar-year.css?tag=udp-calendar-year&encapsulation=shadow","src/components/calendar/udp-calendar-year.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core'\nimport './udp-calendar-year.css'\n\n@Component({\n tag: 'udp-calendar-year',\n styleUrl: 'udp-calendar-year.css',\n shadow: true,\n})\nexport class UdpCalendarYear {\n @Prop() props: any = {}\n\n componentWillLoad() { \n \n }\n\n render() {\n return (\n <udp-calendar-base initialView='dayGridYear' {...this.props}></udp-calendar-base>\n )\n }\n}\n"],"version":3}

package/dist/components/udp-card-action-area.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-card-action-area.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,iYAAiY;;MCOjZA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;IAC5B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACpB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpCardActionArea","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/cards/udp-card/udp-card-action-area/udp-card-action-area.css?tag=udp-card-action-area&encapsulation=shadow","src/components/data-display/cards/udp-card/udp-card-action-area/udp-card-action-area.tsx"],"sourcesContent":[":host {\n display: block;\n text-align: inherit;\n}\n\n.button {\n display: block;\n width: 100%;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n text-align: inherit;\n color: inherit;\n font: inherit;\n outline: none; /* We handle focus on the host */\n}\n\n.button:focus {\n outline: none;\n}\n\n:host(:focus), :host(:focus-within) {\n outline: var(--focus-outline);\n}\n\n:host(:hover) {\n background-color: var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10));\n} ","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'udp-card-action-area',\n styleUrl: 'udp-card-action-area.css',\n shadow: true,\n})\nexport class UdpCardActionArea {\n render() {\n return (\n <Host>\n <button class=\"button\">\n <slot></slot>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-card-actions.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-card-actions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-card-actions2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-card-actions2.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,6OAA6O;;MCO1P,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAA+B,KAAK;AASlD;IAPC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EACrB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/cards/udp-card/udp-card-actions/udp-card-actions.css?tag=udp-card-actions&encapsulation=shadow","src/components/data-display/cards/udp-card/udp-card-actions/udp-card-actions.tsx"],"sourcesContent":[":host {\n display: flex;\n padding: var(--spacing-03, 8px);\n align-items: center;\n gap: var(--spacing-03, 8px);\n /* background-color: red; */\n}\n\n:host(.start) {\n justify-content: flex-start;\n}\n\n:host(.center) {\n justify-content: center;\n}\n\n:host(.end) {\n justify-content: flex-end;\n}\n\n::slotted(*) {\n margin: 0;\n} ","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-card-actions',\n styleUrl: 'udp-card-actions.css',\n shadow: true,\n})\nexport class UdpCardActions {\n /**\n * The alignment of the actions.\n */\n @Prop() align: 'start' | 'center' | 'end' = 'end';\n\n render() {\n return (\n <Host class={this.align}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-card-content.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-card-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-card-content2.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/components/udp-card-header.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-card-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-card-header2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-card-header2.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,quBAAquB;;MCOjvB,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA0BE;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAY,KAAK;AAO1C;;AAEG;AACK,QAAA,IAAW,CAAA,WAAA,GAAY,OAAO;AAO9B,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAC,CAAc,KAAI;;AAE5C,YAAA,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM;AAC3B,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC;AAClC,SAAC;AAqCF;IAnCC,MAAM,GAAA;AACJ,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,GAAG,CAAkB,CAAA,kBAAA,EAAA,EAAA,OAAO,EAAC,IAAI,IAAE,IAAI,CAAC,SAAS,CAAoB;QAEjI,MAAM,mBAAmB,GACvB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,IAC/B,CAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,gBAAgB,IACzF,YAAY,CACJ,KAEX,YAAY,CACb;QAEH,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,IAC7C,IAAI,CAAC,SAAS,IACZ,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,IACpC,CAAA,CAAA,kBAAA,EAAA,EAAkB,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,eAAe,EAAA,EACpD,IAAI,CAAC,SAAS,CACE,KAEnB,IAAI,CAAC,SAAS,CACf;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,EACvD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,SAAS,IAAI,mBAAmB,CAAQ,EACjE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAAA,EAAE,IAAI,CAAC,SAAS,IAAI,gBAAgB,CAAQ,EAClE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,EACvD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/cards/udp-card/udp-card-header/udp-card-header.css?tag=udp-card-header&encapsulation=shadow","src/components/data-display/cards/udp-card/udp-card-header/udp-card-header.tsx"],"sourcesContent":[":host {\n display: flex;\n align-items: center;\n padding: var(--spacing-05, 16px);\n}\n\n.avatar {\n margin-right: var(--spacing-04, 12px);\n display: flex;\n flex: 0 0 auto;\n}\n\n.content {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.action {\n flex: 0 0 auto;\n align-self: flex-start;\n margin-top: var(--spacing-02, 4px);\n margin-right: var(--spacing-02, 4px);\n margin-left: var(--spacing-03, 8px);\n}\n\n::slotted([slot=\"title\"]) {\n display: block;\n margin-bottom: 0;\n}\n\n::slotted([slot=\"subheader\"]) {\n display: block;\n color: var(--text-secondary);\n}\n\n::slotted([slot=\"action\"]) {\n flex: 0 0 auto;\n align-self: flex-start;\n margin-top: var(--spacing-02, 4px);\n margin-right: var(--spacing-02, 4px);\n margin-left: var(--spacing-03, 8px);\n}\n\n::slotted(*) {\n font-size: var(--h6-font-size);\n font-weight: var(--h6-font-weight);\n line-height: var(--h6-line-height);\n} ","import { Component, Host, h, Prop, VNode, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'udp-card-header',\n styleUrl: 'udp-card-header.css',\n shadow: true,\n})\nexport class UdpCardHeader {\n /**\n * The action to display in the card header\n */\n @Prop() action?: any;\n\n /**\n * The avatar element to display\n */\n @Prop() avatar?: any;\n\n /**\n * The title content\n */\n @Prop() cardTitle?: string;\n\n /**\n * The subheader content. Can be a string or JSX.\n */\n @Prop() subheader?: string | VNode | VNode[];\n\n /**\n * If true, the title and subheader won't be wrapped by Typography component\n */\n @Prop() disableTypography: boolean = false;\n\n /**\n * Optional URL for the title link\n */\n @Prop() titleHref?: string;\n\n /**\n * Optional target for the title link\n */\n @Prop() titleTarget?: string = '_self';\n\n /**\n * Event emitted when the title link is clicked\n */\n @Event() titleClick: EventEmitter<MouseEvent>;\n\n private handleTitleClick = (e: CustomEvent) => {\n // Extract the original MouseEvent from the CustomEvent detail\n const mouseEvent = e.detail;\n this.titleClick.emit(mouseEvent);\n };\n\n render() {\n const titleContent = this.disableTypography ? this.cardTitle : <unity-typography variant=\"h6\">{this.cardTitle}</unity-typography>;\n\n const wrappedTitleContent =\n this.titleHref || this.titleClick ? (\n <udp-link href={this.titleHref} target={this.titleTarget} onLinkClick={this.handleTitleClick}>\n {titleContent}\n </udp-link>\n ) : (\n titleContent\n );\n\n const subheaderContent = this.disableTypography ? (\n this.subheader\n ) : typeof this.subheader === 'string' ? (\n <unity-typography variant=\"body1\" color=\"textSecondary\">\n {this.subheader}\n </unity-typography>\n ) : (\n this.subheader\n );\n\n return (\n <Host>\n {this.avatar && <div class=\"avatar\">{this.avatar}</div>}\n <div class=\"content\">\n <slot name=\"title\">{this.cardTitle && wrappedTitleContent}</slot>\n <slot name=\"subheader\">{this.subheader && subheaderContent}</slot>\n <slot></slot>\n </div>\n {this.action && <div class=\"action\">{this.action}</div>}\n <slot name=\"action\"></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-card-media.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-card-media.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-card-media2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-card-media2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8IAA8I;;MCOzJ,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IAWvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,GAAG,CAAO,IAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG,GAAG,SAAS,EAAE,EAAc,YAAA,EAAA,IAAI,CAAC,KAAK,EAAA,EAChH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/cards/udp-card/udp-card-media/udp-card-media.css?tag=udp-card-media&encapsulation=shadow","src/components/data-display/cards/udp-card/udp-card-media/udp-card-media.tsx"],"sourcesContent":[":host {\n display: block;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n height: var(--udp-card-media-height, 140px);\n} ","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-card-media',\n styleUrl: 'udp-card-media.css',\n shadow: true,\n})\nexport class UdpCardMedia {\n /**\n * The image to display.\n */\n @Prop() image: string;\n\n /**\n * The title of the image, used for accessibility.\n */\n @Prop() title: string;\n\n render() {\n return (\n <Host role=\"img\" style={{ backgroundImage: this.image ? `url(${this.image})` : undefined }} aria-label={this.title}>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-card.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-card2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-card2.js","mappings":";;;;;;;;;AAAA,MAAM,UAAU,GAAG,wsCAAwsC;;MCO9sC,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAQE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA4B,UAAU;AA2BrD;;AAEG;AACK,QAAA,IAAuB,CAAA,uBAAA,GAAa,KAAK;AAiBjD;;AAEG;AACK,QAAA,IAAoB,CAAA,oBAAA,GAAY,KAAK;AAE7C;;AAEG;AACK,QAAA,IAAqB,CAAA,qBAAA,GAAY,KAAK;AAkE/C;AA/CS,IAAA,iBAAiB,CAAC,QAAgB,EAAA;AACxC,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,CAAU,OAAA,EAAA,QAAQ,CAAI,EAAA,CAAA,CAAC;;IAGxD,MAAM,GAAA;;QAGJ,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC;AAChI,QAAA,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,UAAU;;AAGvE,QAAA,MAAM,WAAW,IACf,CAAA,CAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACN,WAAW,GAAG,CAAA,CAAA,gBAAA,EAAA,EAAgB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAA,CAAmB,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,EAC5H,YAAY,IACX,uBACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,YAAY,EACzB,iBAAiB,EAAE,IAAI,CAAC,uBAAuB,EAC/C,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,CAAA,KAEF,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CAC5B,EACD,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAa,EAAE,IAAI,CAAC,oBAAoB,EAAE,cAAc,EAAE,IAAI,CAAC,qBAAqB,EAAA,EACpG,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACI,CACV,CACZ;QAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACP,gBAAA,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;AACpB,gBAAA,aAAa,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU;aAC3C,EAAA,EAEE,IAAI,CAAC,eAAe,IAAI,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAE,IAAI,CAAC,eAAe,EAAI,CAAA,EACvE,WAAW,EAGX,IAAI,CAAC,OAAO,IAAI,CAAmB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,OAAO,CAAoB,CAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/cards/udp-card/udp-card.css?tag=udp-card&encapsulation=shadow","src/components/data-display/cards/udp-card/udp-card.tsx"],"sourcesContent":[":host {\n display: block;\n background: var(--udp-card-background, #fff);\n overflow: hidden;\n color: var(--text-main);\n font-family: var(--font-family);\n font-size: var(--body2-font-size);\n font-weight: var(--body2-font-weight);\n line-height: var(--body2-line-height);\n position: relative;\n border-radius: var(--border-radius);\n}\n\n:host udp-adornment {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 4px;\n z-index: 1;\n}\n\n:host udp-card-content {\n position: relative;\n z-index: 0;\n}\n\n:host udp-card-action-area {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n background: transparent;\n transition: background-color 0.3s ease;\n}\n\n:host udp-card-action-area:hover {\n background: rgba(0, 0, 0, 0.04);\n}\n\n:host udp-card-actions {\n position: relative;\n z-index: 2;\n}\n\n:host udp-card-actions ::slotted(*) {\n pointer-events: auto !important;\n}\n\n:host(.outlined) {\n border: 1px solid var(--divider-color);\n}\n\n:host(.elevation-1) { box-shadow: var(--elevation-01); }\n:host(.elevation-2) { box-shadow: var(--elevation-02); }\n:host(.elevation-3) { box-shadow: var(--elevation-03); }\n:host(.elevation-4) { box-shadow: var(--elevation-04); }\n:host(.elevation-5) { box-shadow: var(--elevation-05); }\n:host(.elevation-6) { box-shadow: var(--elevation-06); }\n:host(.elevation-7) { box-shadow: var(--elevation-07); }\n:host(.elevation-8) { box-shadow: var(--elevation-08); }\n","import { Component, Host, h, Prop, Fragment, VNode, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-card',\n styleUrl: 'udp-card.css',\n shadow: true,\n})\nexport class UdpCard {\n @Element() el: HTMLElement;\n\n /**\n * The variant to use.\n */\n @Prop() variant: 'elevated' | 'outlined' = 'outlined';\n\n /**\n * The adornmentStatus of the card.\n */\n @Prop() adornmentStatus: 'success' | 'error' | 'warning' | 'info';\n\n /**\n * The title for the card header\n */\n @Prop() cardTitle?: string;\n\n /**\n * The subheader for the card header\n */\n @Prop() subheader?: string | VNode | VNode[];\n\n /**\n * The avatar element to display in the card header\n */\n @Prop() avatar?: any;\n\n /**\n * The action to display in the card header\n */\n @Prop() headerAction?: any;\n\n /**\n * If true, the header title and subheader won't be wrapped by Typography component\n */\n @Prop() disableHeaderTypography?: boolean = false;\n\n /**\n * The image URL for the card media.\n */\n @Prop() mediaImage: string;\n\n /**\n * The title for the card media image, used for accessibility.\n */\n @Prop() mediaTitle: string;\n\n /**\n * The actions to display in the card footer\n */\n @Prop() actions?: any;\n\n /**\n * If `true`, the card content area will not have padding.\n */\n @Prop() disableContentGutter: boolean = false;\n\n /**\n * If `true`, the card content area will not have padding.\n */\n @Prop() disableContentPadding: boolean = false;\n\n /**\n * If `true`, the main content area of the card becomes a clickable action area.\n * Not implemented yet.\n */\n // @Prop() actionArea: boolean = false;\n\n /**\n * Click handler for when actionArea is true\n * Not implemented yet.\n */\n // @Prop() onClick?: (e: MouseEvent) => void;\n\n /**\n * Optional handler for when the title is clicked\n */\n @Prop() onTitleClick?: (e: CustomEvent) => void;\n\n private hasSlottedContent(slotName: string): boolean {\n return !!this.el.querySelector(`[slot=\"${slotName}\"]`);\n }\n\n render() {\n // const elevationClass = this.variant === 'elevation' && this.elevation >= 1 && this.elevation <= 8 ? `elevation-${this.elevation}` : null;\n\n const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);\n const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;\n // const hasDefaultContent = !!this.el.querySelector(':not([slot])');\n\n const mainContent = (\n <Fragment>\n {renderMedia ? <udp-card-media image={this.mediaImage} title={this.mediaTitle}></udp-card-media> : <slot name=\"media\"></slot>}\n {renderHeader ? (\n <udp-card-header\n cardTitle={this.cardTitle}\n subheader={this.subheader}\n avatar={this.avatar}\n action={this.headerAction}\n disableTypography={this.disableHeaderTypography}\n onTitleClick={this.onTitleClick}\n />\n ) : (\n <slot name=\"header\"></slot>\n )}\n <udp-card-content disableGutter={this.disableContentGutter} disablePadding={this.disableContentPadding}>\n <slot></slot>\n </udp-card-content>\n </Fragment>\n );\n\n return (\n <Host\n class={{\n [this.variant]: true, // This adds 'elevated' or 'outlined'\n 'elevation-1': this.variant === 'elevated', // This adds a default shadow\n }}\n >\n {this.adornmentStatus && <udp-adornment status={this.adornmentStatus} />}\n {mainContent}\n {/* TODO: Needs to be tested more before uncommenting */}\n {/* {this.actionArea && <udp-card-action-area onClick={this.onClick} style={{ cursor: 'pointer' }} />} */}\n {this.actions && <udp-card-actions>{this.actions}</udp-card-actions>}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-charts-example.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-charts-example.js","mappings":";;;;;;;;;;;;;;;MAQaA,kBAAgB,iBAAAC,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;;IAC3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,EAChD,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAC,KAAK,EAAE,CAAA,EACrC,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAiB,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACjB,CAAkB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpChartsExample","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/charts/udp-charts-example.tsx"],"sourcesContent":["import { h, Component, Host } from '@stencil/core';\n\n/**\n * component used to render examples of all the charts. Mostly used for dev purposes\n */\n@Component({\n tag: 'udp-charts-example',\n})\nexport class UdpChartsExample {\n render() {\n return (\n <Host style={{ display: 'flex', flexWrap: 'wrap' }}>\n <udp-donut-chart kpisPosition='top'/>\n <udp-distribution-chart />\n <udp-bar-chart />\n <udp-line-chart />\n </Host>\n );\n}\n}"],"version":3}

package/dist/components/udp-chip.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-chip.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-chip2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-chip2.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,snMAAsnM;;MCsB5nM,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;AALpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAYE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA0B,QAAQ;AAEjD;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAQA,MAAM;AAEnB;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAuB,QAAQ;AAO3C;;AAEG;AACK,QAAA,IAAY,CAAA,YAAA,GAAa,KAAK;AAEtC;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAc3B,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAiB,KAAI;AAChD,YAAA,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AAClC,SAAC;AAEO,QAAA,IAAe,CAAA,eAAA,GAAG,MAAK;AAC7B,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEnC,SAAC;AA6BF;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,CAAC,SAAS,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AAC/B,YAAA,CAAC,eAAe,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AACnC,YAAA,CAAC,cAAc,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;YACjC,iBAAiB,EAAE,IAAI,CAAC,SAAS;SAClC;AAED,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,EACnD,IAAI,CAAC,SAAS,KACb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACxC,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAI,CAAA,CACnD,CACR,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5C,IAAI,CAAC,YAAY,KAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,EAAC,QAAQ,EAAA,EAC7E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,EAAA,EACjE,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,8EAA8E,EAAA,CAAG,CACrF,CACD,CACR,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data-display/chips/udp-chip.css?tag=udp-chip&encapsulation=shadow","src/components/data-display/chips/udp-chip.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n vertical-align: middle;\n /* Color variables from global scope */\n --udp-chip-primary-color: var(--primary-color);\n --udp-chip-primary-color-text: var(--primary-contrast-text);\n --udp-chip-secondary-color: var(--secondary-color);\n --udp-chip-secondary-color-text: var(--secondary-contrast-text);\n --udp-chip-success-color: var(--success-color-main);\n --udp-chip-success-color-text: var(--success-contrast-text);\n --udp-chip-error-color: var(--error-color-main);\n --udp-chip-error-color-text: var(--error-contrast-text);\n --udp-chip-warning-color: var(--warning-color-main);\n --udp-chip-warning-color-text: var(--warning-contrast-text);\n --udp-chip-info-color: var(--info-color-main);\n --udp-chip-info-color-text: var(--info-contrast-text);\n\n /* --- Monochrome Variant Variables --- */\n --udp-chip-monochrome-color: #FFFFFF; /* Background for filled variant */\n --udp-chip-monochrome-color-text: var(--text-main); /* Text color for filled variant */\n\n /* Gray color variables from global scope */\n --udp-chip-gray-color: var(--gray-02);\n --udp-chip-gray-color-text: var(--text-main);\n --udp-chip-gray-color-border: var(--gray-04);\n\n /* Base font and spacing from global scope */\n --font-family: var(--font-family);\n --spacing-01: var(--spacing-01);\n --spacing-02: var(--spacing-02);\n\n /* Light background variables for delete icons on outlined chips, using global hint colors */\n --udp-chip-primary-color-light: var(--primary-color-hint);\n --udp-chip-secondary-color-light: var(--secondary-color-hint);\n --udp-chip-success-color-light: var(--success-color-hint);\n --udp-chip-error-color-light: var(--error-color-hint);\n --udp-chip-warning-color-light: var(--warning-color-hint);\n --udp-chip-info-color-light: var(--info-color-hint);\n --udp-chip-monochrome-color-light: var(--gray-02);\n --udp-chip-gray-color-light: var(--gray-02);\n}\n\n/* Base styles for the chip */\n.chip {\n font-family: var(--font-family);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n white-space: nowrap;\n transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;\n border: 1px solid transparent;\n border-radius: 16px; /* Default border-radius */\n gap: 4px;\n cursor: default;\n}\n\n.chip--clickable {\n cursor: pointer;\n}\n\n.chip--clickable:hover {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n}\n\n.chip--outlined.chip--clickable:hover {\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.chip__label {\n line-height: 1; /* Ensures proper vertical alignment */\n}\n\n/* --- Size Variants --- */\n.chip--size-medium {\n height: 32px;\n font-size: 13px;\n padding: 8px;\n}\n.chip--size-medium .chip__label {\n padding: 0 var(--spacing-02);\n}\n.chip--size-medium .chip__icon--start {\n margin-left: 0px;\n margin-right: 4px;\n}\n.chip--size-medium .chip__delete-icon {\n height: 20px;\n width: 20px;\n margin-right: -4px;\n}\n.chip--size-medium .chip__delete-icon svg {\n width: 14px;\n height: 14px;\n}\n\n.chip--size-small {\n height: auto;\n font-size: 12px;\n padding: 5px 4px;\n border-radius: 12px; /* Override for a tighter radius */\n}\n.chip--size-small .chip__label {\n padding: 0 4px;\n}\n.chip--size-small .chip__icon--start {\n margin-left: 0;\n margin-right: 3px;\n}\n.chip--size-small .chip__delete-icon {\n height: 18px;\n width: 18px;\n margin-right: -2px;\n}\n.chip--size-small .chip__delete-icon svg {\n width: 12px;\n height: 12px;\n}\n\n/* --- Delete Icon --- */\n.chip__delete-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n transition: background-color 0.15s ease-in-out;\n}\n\n/* --- Filled Variant --- */\n.chip--filled.chip--color-primary {\n background-color: var(--udp-chip-primary-color);\n color: var(--udp-chip-primary-color-text);\n}\n.chip--filled.chip--color-secondary {\n background-color: var(--udp-chip-secondary-color);\n color: var(--udp-chip-secondary-color-text);\n}\n.chip--filled.chip--color-success {\n background-color: var(--udp-chip-success-color);\n color: var(--udp-chip-success-color-text);\n}\n.chip--filled.chip--color-error {\n background-color: var(--udp-chip-error-color);\n color: var(--udp-chip-error-color-text);\n}\n.chip--filled.chip--color-warning {\n background-color: var(--udp-chip-warning-color);\n color: var(--udp-chip-warning-color-text);\n}\n.chip--filled.chip--color-info {\n background-color: var(--udp-chip-info-color);\n color: var(--udp-chip-info-color-text);\n}\n.chip--filled.chip--color-monochrome {\n background-color: var(--udp-chip-monochrome-color);\n color: var(--udp-chip-monochrome-color-text);\n}\n.chip--filled.chip--color-gray {\n background-color: var(--udp-chip-gray-color);\n color: var(--udp-chip-gray-color-text);\n}\n\n/* Delete icon styles for FILLED chips */\n.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon {\n background-color: rgba(255, 255, 255, 0.15);\n}\n.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover {\n background-color: rgba(255, 255, 255, 0.25);\n}\n.chip--filled.chip--color-warning .chip__delete-icon,\n.chip--filled.chip--color-gray .chip__delete-icon,\n.chip--filled.chip--color-monochrome .chip__delete-icon {\n background-color: rgba(0, 0, 0, 0.08);\n}\n.chip--filled.chip--color-warning .chip__delete-icon:hover,\n.chip--filled.chip--color-gray .chip__delete-icon:hover,\n.chip--filled.chip--color-monochrome .chip__delete-icon:hover {\n background-color: rgba(0, 0, 0, 0.16);\n}\n\n/* --- Outlined Variant --- */\n.chip--outlined {\n background-color: transparent;\n}\n.chip--outlined.chip--color-primary {\n border-color: var(--udp-chip-primary-color);\n color: var(--udp-chip-primary-color);\n}\n.chip--outlined.chip--color-secondary {\n border-color: var(--udp-chip-secondary-color);\n color: var(--udp-chip-secondary-color);\n}\n.chip--outlined.chip--color-success {\n border-color: var(--udp-chip-success-color);\n color: var(--udp-chip-success-color);\n}\n.chip--outlined.chip--color-error {\n border-color: var(--udp-chip-error-color);\n color: var(--udp-chip-error-color);\n}\n.chip--outlined.chip--color-warning {\n border-color: var(--udp-chip-warning-color);\n color: var(--udp-chip-warning-color);\n}\n.chip--outlined.chip--color-info {\n border-color: var(--udp-chip-info-color);\n color: var(--udp-chip-info-color);\n}\n.chip--outlined.chip--color-monochrome {\n color: inherit; /* Inherit the text color from the parent element */\n border-color: currentColor; /* Use the inherited text color for the border */\n}\n.chip--outlined.chip--color-gray {\n border-color: var(--udp-chip-gray-color-border);\n color: var(--udp-chip-gray-color-text);\n}\n\n/* Delete icon styles for OUTLINED chips */\n.chip--outlined.chip--color-primary .chip__delete-icon { background-color: var(--udp-chip-primary-color-light); }\n.chip--outlined.chip--color-secondary .chip__delete-icon { background-color: var(--udp-chip-secondary-color-light); }\n.chip--outlined.chip--color-success .chip__delete-icon { background-color: var(--udp-chip-success-color-light); }\n.chip--outlined.chip--color-error .chip__delete-icon { background-color: var(--udp-chip-error-color-light); }\n.chip--outlined.chip--color-warning .chip__delete-icon { background-color: var(--udp-chip-warning-color-light); }\n.chip--outlined.chip--color-info .chip__delete-icon { background-color: var(--udp-chip-info-color-light); }\n.chip--outlined.chip--color-monochrome .chip__delete-icon { background-color: var(--udp-chip-monochrome-color-light); }\n.chip--outlined.chip--color-gray .chip__delete-icon { background-color: var(--udp-chip-gray-color-light); }\n\n.chip--outlined .chip__delete-icon:hover {\n /* This generic overlay works on top of the initial light color to darken it */\n background-color: rgba(0, 0, 0, 0.08);\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n\n/**\n * Example Usage:\n * <udp-chip\n * label={this.activeView?.name}\n * variant=\"outlined\"\n * color=\"primary\"\n * clickable\n * deleteButton\n * onChipDelete={e => console.log(e.detail + ' delete')}\n * onChipClick={e => console.log(e.detail + ' click')}\n * startIcon={\"add\"}\n * ></udp-chip>\n */\n\n@Component({\n tag: 'udp-chip',\n styleUrl: 'udp-chip.css',\n shadow: true,\n})\nexport class UdpChip {\n\n /**\n * The text to be displayed in the chip.\n */\n @Prop() label: string;\n\n /**\n * The visual style of the chip.\n */\n @Prop() variant: 'filled' | 'outlined' = 'filled';\n\n /**\n * The color of the chip. Defaults to 'gray'.\n */\n @Prop() color:\n | 'primary'\n | 'secondary'\n | 'success'\n | 'error'\n | 'warning'\n | 'info'\n | 'monochrome'\n | 'gray' = 'gray';\n\n /**\n * The size of the chip.\n */\n @Prop() size: 'small' | 'medium' = 'medium';\n\n /**\n * An optional icon to display at the start of the chip.\n */\n @Prop() startIcon?: any;\n\n /**\n * If true, a delete icon will be displayed.\n */\n @Prop() deleteButton?: boolean = false;\n\n /**\n * If true, the chip will have a pointer cursor and emit a click event.\n */\n @Prop() clickable?: boolean = false;\n\n /**\n * Emitted when the chip is clicked, if clickable is true.\n * The event detail contains the chip's label.\n */\n @Event() chipClick: EventEmitter<string>;\n\n /**\n * Emitted when the delete icon is clicked.\n * The event detail contains the chip's label.\n */\n @Event() chipDelete: EventEmitter<string>;\n\n private handleDeleteClick = (event: MouseEvent) => {\n event.stopPropagation(); // Prevent the chip's click event from firing\n this.chipDelete.emit(this.label);\n };\n\n private handleChipClick = () => {\n if (this.clickable) {\n this.chipClick.emit(this.label);\n }\n };\n\n render() {\n const chipClasses = {\n 'chip': true,\n [`chip--${this.variant}`]: true,\n [`chip--color-${this.color}`]: true,\n [`chip--size-${this.size}`]: true,\n 'chip--clickable': this.clickable,\n };\n\n return (\n <div class={chipClasses} onClick={this.handleChipClick}>\n {this.startIcon && (\n <span class=\"chip__icon chip__icon--start\">\n <udp-icon iconName={this.startIcon} color={'inherit'} />\n </span>\n )}\n <span class=\"chip__label\">{this.label}</span>\n {this.deleteButton && (\n <span class=\"chip__delete-icon\" onClick={this.handleDeleteClick} title=\"Remove\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n <path d=\"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z\" />\n </svg>\n </span>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-column-header.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-column-header.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-column-header2.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/components/udp-container-query-grid-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-container-query-grid-item.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,iCAAiC;;MCQzDA,2BAAyB,iBAAAC,kBAAA,CAAA,MAAA,yBAAA,SAAAC,CAAA,CAAA;AALtC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAI,CAAA,IAAA,GAAsC,EAAE;AAuBrD;IArBS,aAAa,GAAA;AACnB,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;aAC5B,GAAG,CACF,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK;2BACL,UAAU,CAAA;;8BAEP,IAAI,CAAA;;IAE9B;aAEG,IAAI,CAAC,IAAI,CAAC;;IAGf,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAQ,IAAI,CAAC,aAAa,EAAE,CAAS,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpContainerQueryGridItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.css?tag=udp-container-query-grid-item&encapsulation=shadow","src/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.tsx"],"sourcesContent":["/* udp-container-query-grid-item.css */\n:host {\n display: block;\n width: 100%;\n}","// udp-container-query-grid-item.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-container-query-grid-item',\n styleUrl: 'udp-container-query-grid-item.css',\n shadow: true,\n})\nexport class UdpContainerQueryGridItem {\n @Prop() span?: { [breakpoint: number]: number } = {};\n\n private getSpanStyles(): string {\n return Object.entries(this.span)\n .map(\n ([breakpoint, cols]) => `\n @container (min-width: ${breakpoint}px) {\n :host {\n --udp-grid-item-span: ${cols};\n }\n }`,\n )\n .join('\\n');\n }\n\n render() {\n return (\n <Host>\n <style>{this.getSpanStyles()}</style>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-container-query-grid.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-container-query-grid.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,4DAA4D;;MCQhFA,uBAAqB,iBAAAC,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;AALlC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;QAOU,IAAA,CAAA,OAAO,GAAsC;YACnD,CAAC,EAAE,CAAC;YACJ,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP;QAEO,IAAA,CAAA,IAAI,GAAsC;YAChD,CAAC,EAAE,CAAC;YACJ,GAAG,EAAE,GAAG;YACR,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,GAAG;SACT;AAsCF;IApCC,MAAM,GAAA;;QAEJ,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAElG,QAAA,KAAK,CAAC,IAAI,CAAC,WAAW;aACnB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;aACpB,OAAO,CAAC,UAAU,IAAG;YACpB,OAAO,CAAC,UAAU,CAAC,GACd,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI;gBAC9B,uBAAuB,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAQ,MAAA,CAAA;aACpE,EAAC,GACE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;gBAC3B,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAK,GAAA,CAAA;AACnC,aAAA,EACF;AACH,SAAC,CAAC;AAEJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAqB,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,OAAO,EAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACc,EACtB,CAAQ,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA;;;AAG4B,0CAAA,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AACxC,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;;;SAGtB,CAAS,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpContainerQueryGrid","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout/udp-container-query-grid/udp-container-query-grid.css?tag=udp-container-query-grid&encapsulation=shadow","src/components/layout/udp-container-query-grid/udp-container-query-grid.tsx"],"sourcesContent":["/* udp-container-query-grid.css */\n:host {\n display: block;\n width: 100%;\n}\n\n.grid-container {\n width: 100%;\n}","// udp-container-query-grid.tsx\nimport { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-container-query-grid',\n styleUrl: 'udp-container-query-grid.css',\n shadow: true,\n})\nexport class UdpContainerQueryGrid {\n // Breakpoints for different container sizes\n @Prop() columns?: { [breakpoint: number]: number } = {\n 0: 1, // Default: single column\n 400: 2, // Small: 2 columns\n 600: 3, // Medium: 3 columns\n 800: 4, // Large: 4 columns\n };\n\n @Prop() gaps?: { [breakpoint: number]: number } = {\n 0: 1, // Default: 1rem gap\n 400: 1.5, // Small: 1.5rem gap\n 600: 2, // Medium: 2rem gap\n 800: 2.5, // Large: 2.5rem gap\n };\n\n render() {\n // Convert our columns and gaps into container query styles\n const queries = {};\n const breakpoints = new Set([...Object.keys(this.columns), ...Object.keys(this.gaps)].map(Number));\n\n Array.from(breakpoints)\n .sort((a, b) => b - a)\n .forEach(breakpoint => {\n queries[breakpoint] = {\n ...(this.columns[breakpoint] && {\n 'grid-template-columns': `repeat(${this.columns[breakpoint]}, 1fr)`,\n }),\n ...(this.gaps[breakpoint] && {\n gap: `${this.gaps[breakpoint]}rem`,\n }),\n };\n });\n\n return (\n <Host>\n <udp-container-query queries={queries}>\n <div class=\"grid-container\">\n <slot></slot>\n </div>\n </udp-container-query>\n <style>{`\n .grid-container {\n display: grid;\n grid-template-columns: repeat(${this.columns[0]}, 1fr);\n gap: ${this.gaps[0]}rem;\n width: 100%;\n }\n `}</style>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-container-query.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-container-query.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-container-query2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-container-query2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,0HAA0H;;MCO1I,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAO,CAAA,OAAA,GAAwD,EAAE;AAmC1E;IAhCS,sBAAsB,GAAA;;QAE5B,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;aAC3C,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,KAAI;AAC5B,YAAA,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM;AACxC,iBAAA,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAG,EAAA,QAAQ,CAAK,EAAA,EAAA,KAAK,GAAG;iBACnD,IAAI,CAAC,UAAU,CAAC;YAEnB,OAAO;2BACY,UAAU,CAAA;;QAE7B,aAAa;;IAEjB;AACE,SAAC;aACA,IAAI,CAAC,IAAI,CAAC;AAEb,QAAA,OAAO,UAAU;;IAGnB,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW;AACvC,aAAA,EAAA,EAED,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAQ,IAAI,CAAC,sBAAsB,EAAE,CAAS,EAC9C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout/udp-container-query/udp-container-query.css?tag=udp-container-query&encapsulation=shadow","src/components/layout/udp-container-query/udp-container-query.tsx"],"sourcesContent":[":host {\n display: block;\n container-type: inline-size;\n width: 100%;\n}\n\n:host(.container-query) ::slotted(*) {\n transition: all 0.3s ease;\n}\n\n/* :host(.container-query) ::slotted(*) {} */","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-container-query',\n styleUrl: 'udp-container-query.css',\n shadow: true,\n})\nexport class UdpContainerQuery {\n @Prop() queries: { [breakpoint: number]: { [key: string]: string } } = {};\n @Prop() customClass?: string;\n\n private getContainerQueryStyle(): string {\n // Create dynamic container query styles\n const styleRules = Object.entries(this.queries)\n .map(([breakpoint, styles]) => {\n const cssProperties = Object.entries(styles)\n .map(([property, value]) => `${property}: ${value};`)\n .join('\\n ');\n\n return `\n @container (min-width: ${breakpoint}px) {\n ::slotted(*) {\n ${cssProperties}\n }\n }`;\n })\n .join('\\n');\n\n return styleRules;\n }\n\n render() {\n return (\n <Host\n class={{\n [this.customClass]: !!this.customClass,\n }}\n >\n <style>{this.getContainerQueryStyle()}</style>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-container.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-container.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-container2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-container2.js","mappings":";;AAAA,MAAM,eAAe,GAAG,wYAAwY;;MCOnZ,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAME;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAY,KAAK;AAE9B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAsC,IAAI;AAE1D;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,IAAI;AAgBhC;IAdC,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,eAAe,EAAE,IAAI;gBACrB,sBAAsB,EAAE,IAAI,CAAC,KAAK;gBAClC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,CAAC,kBAAkB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAC1C,aAAA,EAAA,EAED,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/layout/udp-container/udp-container.css?tag=udp-container&encapsulation=shadow","src/components/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/udp-date-range-selector.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-date-range-selector.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,2hEAA2hE;;MCQ9iEA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AALjC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAME;;AAEG;AACsB,QAAA,IAAK,CAAA,KAAA,GAAW,OAAO;AAiBhD;;AAEG;AACsB,QAAA,IAAW,CAAA,WAAA,GAA8B,YAAY;AAE9E;;AAEG;AACsB,QAAA,IAAO,CAAA,OAAA,GAAiC,OAAO;AAExE;;AAEG;AACK,QAAA,IAAe,CAAA,eAAA,GAAW,CAAC;AAkBnC,QAAA,IAAY,CAAA,YAAA,GAAG,CAAC,IAAG;YACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,SAAC;AAoCF;IAlCC,MAAM,GAAA;AAEJ,QAAA,MAAM,WAAW,GACf,IAAI,CAAC,OAAO,KAAK;AACf,cAAE;AACF,cAAE,IAAI,CAAC,OAAO,KAAK;AACnB,kBAAE;kBACA,gBAAgB;AAEtB,QAAA,QACI,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAAE,EAAA,EAC7C,CAAC,CAAA,WAAW,EACV,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,cAAc,EAAE,CAAC,EACjB,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,eAAe,EAAE,IAAI,EACrB,MAAM,EAAC,QAAQ,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAA,EAE3B,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAC,SAAS,EAAY,CAAA,EAChF,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,SAAS,EAAY,CAAA,EAC7E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,MAAM,EACd,EAAA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACzD,CAAgB,CAAA,gBAAA,EAAA,EAAA,MAAM,EAAE,KAAK,GAAmB,CACjD,CAAC,CACE,CACM,CACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["UdpDateRangeSelector","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/date-range-selector/udp-date-range-selector.css?tag=udp-date-range-selector&encapsulation=shadow","src/components/inputs/date-range-selector/udp-date-range-selector.tsx"],"sourcesContent":[".grid {\n display: flex;\n gap: 16px;\n}\n\n:host([orientation='horizontal']) .grid {\n flex-direction: row;\n}\n\n:host([orientation='vertical']) .grid {\n flex-direction: column;\n}\n\ncalendar-month {\n --color-accent: var(--primary-color);\n --color-text-on-accent: #ffffff;\n}\n\n:host([variant='range']) calendar-month::part(button) {\n border-radius: 3px;\n}\n\n/* only for range variant */\n:host([variant='range']) calendar-month::part(range-inner) {\n border-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-start) {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-end) {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n\n:host([variant='range']) calendar-month::part(range-start range-end) {\n border-radius: 3px;\n}\n\n\n\ncalendar-range::part(button),\ncalendar-date::part(button),\ncalendar-multi::part(button) {\n border: 1px solid black;\n background-color: #ffffff;\n border-radius: 50%;\n width: 26px;\n height: 26px;\n}\n\ncalendar-range::part(button):hover,\ncalendar-date::part(button):hover,\ncalendar-multi::part(button):hover {\n background-color: #eeecec;\n}\n\ncalendar-month::part(button){\n width: calc(var(--calendar-width) / 7);\n height: calc(var(--calendar-width) / 7);\n}\n\n/* Custom styles that can be applied by using the getDayParts */\ncalendar-month::part(highlight-day) {\n color: var(--primary-color);\n font-weight: bold;\n}\n\ncalendar-month::part(primary-border) {\n border: 1px solid var(--primary-color);\n}\n\ncalendar-month::part(secondary-border) {\n border: 1px solid var(--secondary-color);\n}\n\ncalendar-month::part(warning-border) {\n border: 1px solid var(--warning-color-main);\n}\n\ncalendar-month::part(primary-dot) {\n position: relative;\n}\n\ncalendar-month::part(primary-dot)::after {\n content: ' ';\n position: absolute;\n top: 2px;\n right: 2px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--primary-color);\n}\n\ncalendar-month::part(secondary-dot) {\n position: relative;\n}\n\ncalendar-month::part(secondary-dot)::after {\n content: ' ';\n position: absolute;\n top: 2px;\n right: 2px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--secondary-color);\n}\n\n\ncalendar-month::part(warning-dot) {\n position: relative;\n}\n\ncalendar-month::part(warning-dot)::after {\n content: ' ';\n position: absolute;\n top: 2px;\n right: 2px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--warning-color-main); /* Orange */\n}\n\n\n\n","import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport 'cally';\n\n@Component({\n tag: 'udp-date-range-selector',\n styleUrl: 'udp-date-range-selector.css',\n shadow: true,\n})\nexport class UdpDateRangeSelector {\n /**\n * Width of each month\n */\n @Prop({ reflect: true }) width: string = '260px'\n\n /**\n * Min Selectable date\n */\n @Prop() minDate: string;\n\n /**\n * Max Selectable date\n */\n @Prop() maxDate: string;\n\n /**\n * Value The value property is expected in ISO-8601 range format (YYYY-MM-DD/YYYY-MM-DD). All other dates are expected in ISO-8601 format (YYYY-MM-DD)\n */\n @Prop() value: string;\n\n /**\n * Vertical or horizontal stacking of months\n */\n @Prop({ reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n /**\n * 'multi' | 'range' | 'single' select types\n */\n @Prop({ reflect: true }) variant: 'multi' | 'range' | 'single' = 'range';\n\n /**\n * 'multi' | 'range' | 'single' select types\n */\n @Prop() monthsToDisplay: number = 2;\n\n /**\n * function to disable certain days\n */\n @Prop() isDateDisallowed: (date: Date) => boolean;\n\n /**\n * function to style specific days\n */\n @Prop() getDayParts: (date: Date) => string;\n\n\n /**\n * change event with new value\n */\n @Event() change: EventEmitter<string>\n\n handleChange = e => {\n this.change.emit(e.target.value);\n }\n\n render() {\n\n const CalendarTag =\n this.variant === 'multi'\n ? 'calendar-multi'\n : this.variant === 'single'\n ? 'calendar-date'\n : 'calendar-range';\n\n return (\n <Host style={{ '--calendar-width': this.width }}>\n <CalendarTag\n value={this.value}\n min={this.minDate}\n max={this.maxDate}\n firstDayOfWeek={0}\n months={this.monthsToDisplay}\n showOutsideDays={true}\n pageBy=\"single\"\n isDateDisallowed={this.isDateDisallowed}\n getDayParts={this.getDayParts}\n onChange={this.handleChange}\n >\n <udp-icon slot=\"previous\" iconName={'chevronLeft16'} color=\"inherit\"></udp-icon>\n <udp-icon slot=\"next\" iconName={'chevronRight16'} color=\"inherit\"></udp-icon>\n <div class=\"grid\">\n {Array.from({ length: this.monthsToDisplay }).map((_, index) => (\n <calendar-month offset={index}></calendar-month>\n ))}\n </div>\n </CalendarTag>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-date-selector.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-date-selector.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/udp-date-selector2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"udp-date-selector2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/inputs/date-selector/udp-date-selector.css?tag=udp-date-selector&encapsulation=shadow","src/components/inputs/date-selector/udp-date-selector.tsx"],"sourcesContent":["@import '../inputs.css';\n\n:host(.full-width-host) {\n width: 100%;\n}","import { Component, h, Host, State, Event, EventEmitter, Prop, Watch } from '@stencil/core';\nimport { InputSize, InputMargin } from '../input-types';\n\n/**\n * A standardized date input component with validation, min/max constraints, and precise date selection.\n * Supports both controlled and uncontrolled modes.\n *\n * This component emits a custom `change` event with the committed value and also\n * propagates standard DOM events like `input`, `focus`, and `blur` from the\n * underlying input element.\n *\n * **Date Handling:**\n * - Uses HTML5 `date` input for consistent browser behavior and native date picker\n * - Supports YYYY-MM-DD format as per HTML5 specification\n * - Provides min/max date constraints for validation\n *\n * @example\n * ```tsx\n * // Uncontrolled component with initial value\n * <udp-date-selector\n * label=\"Event Date\"\n * initialValue=\"2024-01-15\"\n * onChange={(e) => console.log('Selected:', e.detail)}\n * />\n *\n * // Controlled component\n * <udp-date-selector\n * label=\"Appointment Date\"\n * value={appointmentDate}\n * onChange={(e) => setAppointmentDate(e.detail)}\n * />\n *\n * // With validation and constraints\n * <udp-date-selector\n * label=\"Booking Date\"\n * value={bookingDate}\n * min=\"2024-01-01\"\n * max=\"2024-12-31\"\n * required={true}\n * error={dateError}\n * onChange={handleDateChange}\n * />\n * ```\n */\n@Component({\n tag: 'udp-date-selector',\n styleUrl: 'udp-date-selector.css',\n shadow: true,\n})\nexport class UdpDateSelector {\n /**\n * Unique identifier for the input element. Used for form association and accessibility.\n */\n @Prop() id: string;\n\n /**\n * Name attribute for the input element. Used for form submission.\n */\n @Prop() name: string;\n\n /**\n * Label text displayed above the input field. Used for accessibility and user guidance.\n */\n @Prop() label: string;\n\n /**\n * Minimum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-01-01\").\n * Enforces lower bounds validation for date selection.\n */\n @Prop() min: string;\n\n /**\n * Maximum date value allowed. Uses YYYY-MM-DD format (e.g., \"2024-12-31\").\n * Enforces upper bounds validation for date selection.\n */\n @Prop() max: string;\n\n /**\n * Whether the field is required for form submission. Adds visual indicator (*) and validation.\n */\n @Prop() required: boolean;\n\n /**\n * Error message to display below the input field. Shows validation errors or other issues.\n */\n @Prop() error: string;\n\n /**\n * Initial value for the date selector. Used for uncontrolled components to set the default value.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). Only used when `value` prop is not provided.\n */\n @Prop() initialValue: string;\n\n /**\n * Current value of the date selector. When provided, makes this a controlled component.\n * Uses YYYY-MM-DD format (e.g., \"2024-01-15\"). The component will use this value and update it through events.\n */\n @Prop({ mutable: true }) value: string = '';\n\n /**\n * Whether the field is disabled. Users cannot interact with the field when disabled.\n */\n @Prop() disabled: boolean;\n\n /**\n * Whether the input is readonly.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * Whether the input should take the full width of its container.\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * Size variant controlling the padding and spacing of the input.\n * - 'small': Compact spacing for data-heavy interfaces\n * - 'normal': Standard spacing (default)\n * - 'large': Generous spacing for accessibility\n */\n @Prop() size: InputSize = 'normal';\n\n /**\n * Margin variant for the input spacing.\n * - 'none': No margin\n * - 'dense': Minimal margin spacing\n * - 'normal': Standard margin spacing (default)\n */\n @Prop() margin: InputMargin = 'normal';\n\n @State() internalValue: string = ''; // Internal state for value management\n @State() errorMessage: string;\n\n /**\n * Emitted when the date value changes through user interaction or programmatic update.\n * Contains the new date value in YYYY-MM-DD format.\n */\n @Event() change: EventEmitter<string>;\n\n\n /**\n * Component lifecycle method called when the component is about to load.\n * Initializes the internal value from either the value prop or initialValue prop.\n */\n componentWillLoad() {\n // Initialize from controlled value or initial value\n this.internalValue = this.value || this.initialValue || '';\n this.errorMessage = this.error;\n }\n\n /**\n * Watcher for the error prop. Updates the internal error message when the error prop changes.\n */\n @Watch('error')\n updateError() {\n this.errorMessage = this.error;\n }\n\n /**\n * Watcher for the initialValue prop. Updates the internal value when initialValue changes\n * (useful for form resets, dynamic initial values, etc.).\n * @param newValue - The new initial value\n */\n @Watch('initialValue')\n initialValueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /**\n * Watcher for the value prop. Updates the internal value when the value prop changes\n * (controlled component behavior).\n * @param newValue - The new controlled value\n */\n @Watch('value')\n valueChanged(newValue: string) {\n if (newValue !== undefined) {\n this.internalValue = newValue;\n }\n }\n\n /**\n * Handles the blur event on the date input. Standard focus events bubble naturally.\n */\n handleBlur() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /**\n * Handles the focus event on the date input. Standard focus events bubble naturally.\n */\n handleFocus() {\n // Standard focus events bubble naturally - no custom emission needed\n }\n\n /**\n * Handles changes to the date input value. Updates internal state and emits standard events.\n * @param event - The input event from the date input\n */\n handleDateChange = (event: Event) => {\n const target = event.target as HTMLInputElement;\n const newValue = target.value;\n\n // Update internal value\n this.internalValue = newValue;\n\n // Update controlled value if this is a controlled component\n if (this.value !== undefined) {\n this.value = newValue;\n }\n\n // Emit standard events for integration with form libraries and custom handlers\n this.change.emit(newValue);\n }\n\n formatDateForHtml(dateString: string) {\n // convert to date\n // when converting to ISO string, javascript will edit the date to compensate for the timezone, we dont want that here so we manually subtract the offset that it will add\n const date = new Date(dateString);\n if (isNaN(date?.getTime())) return null;\n date?.setTime(date?.getTime() - date?.getTimezoneOffset() * 60 * 1000);\n\n const isoString = date?.toISOString();\n if (!isoString) return null;\n\n return isoString?.split?.('T')[0];\n }\n\n render() {\n const isError: boolean = !!this.errorMessage;\n const classNames = ['bx--text-input'];\n if (isError) {\n classNames.push('bx--text-input--error');\n }\n if (this.disabled) {\n classNames.push('date-selector--disabled');\n }\n if (this.fullWidth) {\n classNames.push('bx--text-input--full-width');\n }\n const inputClass = classNames.join(' ');\n\n return (\n <Host\n class={{\n 'udp-input': true,\n 'udp-input--error': isError,\n 'udp-input--disabled': this.disabled,\n 'udp-input--readonly': this.readonly,\n 'udp-input--full-width': this.fullWidth,\n 'udp-input--required': this.required,\n [`udp-input--size-${this.size}`]: true,\n [`udp-input--margin-${this.margin}`]: true,\n }}\n aria-invalid={isError ? 'true' : 'false'}\n aria-required={this.required ? 'true' : 'false'}\n >\n <div class=\"bx--form-item\">\n <unity-typography variant=\"caption-text\">\n <label htmlFor={this.id} class=\"bx--label\">\n {this.label}\n {this.required ? '*' : ''}\n </label>\n </unity-typography>\n <input\n type=\"date\"\n id={this.id}\n name={this.name}\n class={inputClass}\n value={this.internalValue}\n min={this.min ? this.formatDateForHtml(this.min) : null}\n max={this.max ? this.formatDateForHtml(this.max) : null}\n onInput={this.handleDateChange}\n onChange={this.handleDateChange}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n disabled={this.disabled}\n readonly={this.readonly}\n required={this.required}\n //@ts-ignore\n udprecordid={'udpRecord-udp-date-selector-' + this.id}\n />\n <unity-typography class=\"error-message\" variant=\"caption-text\" color=\"error\">\n {this.errorMessage}\n </unity-typography>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/udp-datetime-selector.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"udp-datetime-selector.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}