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

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

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

Files changed (979) hide show

package/dist/stencil-library/udp-button.entry.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-button.entry.esm.js","sources":["src/components/my-component/UI/buttons/udp-button/udp-button.css?tag=udp-button&encapsulation=shadow","src/components/my-component/UI/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"],"names":[],"mappings":"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"}

package/dist/stencil-library/udp-button.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as o,h as r,a as n}from"./index-n-1ZSeAs.js";const a=":host{display:inline-flex;vertical-align:middle;--udp-button-primary-color:var(--primary-color, #000);--udp-button-primary-color-text:var(--primary-contrast-text, #fff);--udp-button-secondary-color:var(--secondary-color, #000);--udp-button-secondary-color-text:var(--secondary-contrast-text, #fff);--udp-button-success-color:var(--success-color, #0da40d);--udp-button-success-color-text:var(--success-contrast-text, #fff);--udp-button-error-color:var(--error-color, #ff0000);--udp-button-error-color-text:var(--error-contrast-text, #fff);--udp-button-warning-color:var(--warning-color, #ffa500);--udp-button-warning-color-text:var(--warning-contrast-text, #fff);--udp-button-info-color:var(--info-color, #2953ff);--udp-button-info-color-text:var(--info-contrast-text, #fff);--host-udp-btn-padding-y:var(--spacing-03);--host-udp-btn-padding-x:var(--spacing-05);--host-udp-btn-padding-x-with-start-icon:var(--spacing-03);--host-udp-btn-padding-x-with-end-icon:var(--spacing-03)}.udp-button{position:relative;width:100%;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-line-height);padding-top:var(--host-udp-btn-padding-y);padding-bottom:var(--host-udp-btn-padding-y);padding-left:var(--host-udp-btn-padding-x);padding-right:var(--host-udp-btn-padding-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;background-color:var(--host-udp-btn-base-bg, transparent);color:var(--host-udp-btn-base-text, inherit);border:1px solid var(--host-udp-btn-base-border, transparent);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);min-width:64px;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--host-udp-btn-icon-gap, var(--spacing-03));border-radius:2px}.udp-button--has-start-icon{padding-left:var(--host-udp-btn-padding-x-with-start-icon)}.udp-button--has-end-icon{padding-right:var(--host-udp-btn-padding-x-with-end-icon)}.udp-button:focus-visible{outline:var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));outline-offset:0}.udp-button__content-wrapper{display:contents}.udp-button__icon,.udp-button__text-content{display:inline-flex;align-items:center}.udp-button__icon svg{width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);}.udp-button__text-content:empty{display:none}.udp-button__label{display:inherit;align-items:inherit;justify-content:inherit;width:100%;}.udp-button--full-width{width:100%}.udp-button--small{font-size:calc(var(--button-font-size) * 0.9);padding:var(--spacing-02) var(--spacing-04);min-width:48px}.udp-button--large{font-size:calc(var(--button-font-size) * 1.1);padding:var(--spacing-04) var(--spacing-06);min-width:80px}.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em)}.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em)}.udp-button--contained.udp-button--color-primary{background-color:var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));color:var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white))}.udp-button--contained.udp-button--color-primary:hover{background-color:var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray))}.udp-button--contained.udp-button--color-secondary{background-color:var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));color:var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white))}.udp-button--contained.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray))}.udp-button--contained.udp-button--color-success{background-color:var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));color:var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white))}.udp-button--contained.udp-button--color-success:hover{background-color:var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen))}.udp-button--contained.udp-button--color-error{background-color:var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));color:var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white))}.udp-button--contained.udp-button--color-error:hover{background-color:var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred))}.udp-button--contained.udp-button--color-warning{background-color:var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));color:var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white))}.udp-button--contained.udp-button--color-warning:hover{background-color:var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange))}.udp-button--contained.udp-button--color-info{background-color:var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));color:var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white))}.udp-button--contained.udp-button--color-info:hover{background-color:var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue))}.udp-button--outlined{background-color:var(--host-udp-btn-outlined-default-bg, transparent)}.udp-button--outlined:active{background-color:var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--outlined.udp-button--color-primary{border-color:var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));color:var(--host-udp-btn-outlined-primary-text, var(--primary-color, black))}.udp-button--outlined.udp-button--color-primary:hover{background-color:var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-secondary{border-color:var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));color:var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black))}.udp-button--outlined.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-success{border-color:var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));color:var(--host-udp-btn-outlined-success-text, var(--success-color-main, green))}.udp-button--outlined.udp-button--color-success:hover{background-color:var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));border-color:var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen))}.udp-button--outlined.udp-button--color-error{border-color:var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));color:var(--host-udp-btn-outlined-error-text, var(--error-color-main, red))}.udp-button--outlined.udp-button--color-error:hover{background-color:var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));border-color:var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred))}.udp-button--outlined.udp-button--color-warning{border-color:var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));color:var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange))}.udp-button--outlined.udp-button--color-warning:hover{background-color:var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));border-color:var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange))}.udp-button--outlined.udp-button--color-info{border-color:var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));color:var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue))}.udp-button--outlined.udp-button--color-info:hover{background-color:var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));border-color:var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue))}.udp-button--text{background-color:var(--host-udp-btn-text-default-bg, transparent);border-color:var(--host-udp-btn-text-default-border, transparent);}.udp-button--text:active{background-color:var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--text.udp-button--color-primary{color:var(--host-udp-btn-text-primary-text, var(--primary-color, black))}.udp-button--text.udp-button--color-primary:hover{background-color:var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray))}.udp-button--text.udp-button--color-secondary{color:var(--host-udp-btn-text-secondary-text, var(--secondary-color, black))}.udp-button--text.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray))}.udp-button--text.udp-button--color-success{color:var(--host-udp-btn-text-success-text, var(--success-color-main, green))}.udp-button--text.udp-button--color-success:hover{background-color:var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen))}.udp-button--text.udp-button--color-error{color:var(--host-udp-btn-text-error-text, var(--error-color-main, red))}.udp-button--text.udp-button--color-error:hover{background-color:var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink))}.udp-button--text.udp-button--color-warning{color:var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange))}.udp-button--text.udp-button--color-warning:hover{background-color:var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow))}.udp-button--text.udp-button--color-info{color:var(--host-udp-btn-text-info-text, var(--info-color-main, blue))}.udp-button--text.udp-button--color-info:hover{background-color:var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}.udp-button--disabled{cursor:not-allowed;pointer-events:none;color:var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important}.udp-button--contained.udp-button--disabled{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled{border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important;}.udp-button--text.udp-button--disabled{color:var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;background-color:var(--host-udp-btn-text-disabled-bg, transparent) !important;}.udp-button--disabled:hover,.udp-button--disabled:active{}.udp-button--contained.udp-button--disabled:hover,.udp-button--contained.udp-button--disabled:active{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled:hover,.udp-button--outlined.udp-button--disabled:active{background-color:var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important;border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important}.udp-button--text.udp-button--disabled:hover,.udp-button--text.udp-button--disabled:active{background-color:var(--host-udp-btn-text-disabled-hover-bg, transparent) !important;}.udp-button--toolbar-layout{flex-direction:column;justify-content:center;align-items:center;padding:var(--host-udp-btn-toolbar-padding, var(--spacing-03));width:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);height:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);gap:var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));}.udp-button--toolbar-layout .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-medium, 2em);height:var(--host-udp-btn-toolbar-icon-size-medium, 2em);fill:currentColor}.udp-button--toolbar-layout .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));line-height:var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);word-break:break-word}.udp-button--toolbar-layout.udp-button--small{width:var(--host-udp-btn-toolbar-fixed-size-small, 60px);height:var(--host-udp-btn-toolbar-fixed-size-small, 60px);gap:var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));padding:var(--host-udp-btn-toolbar-padding-small, var(--spacing-02))}.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-small, 1.6em);height:var(--host-udp-btn-toolbar-icon-size-small, 1.6em)}.udp-button--toolbar-layout.udp-button--small .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));line-height:var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));max-height:calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em);}.udp-button--toolbar-layout.udp-button--large{width:var(--host-udp-btn-toolbar-fixed-size-large, 100px);height:var(--host-udp-btn-toolbar-fixed-size-large, 100px);gap:var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));padding:var(--host-udp-btn-toolbar-padding-large, var(--spacing-04))}.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-large, 2.4em);height:var(--host-udp-btn-toolbar-icon-size-large, 2.4em)}.udp-button--toolbar-layout.udp-button--large .udp-button__text-content{max-height:calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em);}.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0))}.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}@keyframes udp-button-spinner-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.udp-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.udp-button--loading .udp-button__spinner{display:inline-block;animation:udp-button-spinner-spin 0.75s linear infinite}.udp-button--loading .udp-button__content-wrapper{visibility:hidden}.udp-button--small .udp-button__spinner{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em);border-width:2px}.udp-button--large .udp-button__spinner{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em);border-width:3px}";const e=class{constructor(r){t(this,r);this.buttonClick=o(this,"buttonClick");this.variant="text";this.toolbarLayout=false;this.color="primary";this.size="medium";this.disabled=false;this.loading=false;this.fullWidth=false;this.type="button";this.ariaLabel="";this.tabIndex=0;this.handleClick=t=>{if(this.disabled\|\|this.loading){t.preventDefault();t.stopPropagation();return}this.buttonClick.emit(t)}}render(){const t=this.href?"a":"button";const o=this.disabled\|\|this.loading;const n={"udp-button":true,[`udp-button--${this.variant}`]:true,[`udp-button--toolbar-layout`]:this.toolbarLayout,[`udp-button--${this.size}`]:true,[`udp-button--color-${this.color}`]:this.color!=="inherit","udp-button--disabled":o,"udp-button--full-width":this.fullWidth,"udp-button--has-start-icon":!!this.startIcon,"udp-button--has-end-icon":!!this.endIcon,"udp-button--loading":this.loading};const a={class:Object.keys(n).filter((t=>n[t])).join(" "),disabled:o&&!this.href,onClick:this.handleClick,"aria-busy":this.loading?"true":null,"aria-label":this.loading?"loading":this.ariaLabel};a.tabindex=o?-1:this.tabIndex;if(this.href){a.href=this.href}else{a.type=this.type}return r(t,Object.assign({key:"a7c5e84ace11fcaa4c1ce860a56d0f21884042ea"},a),r("div",{key:"074b6704a0ffd5f36693c671aaf247cdda765747",class:"udp-button__spinner"}),r("span",{key:"db350dd746f13cc29c98293447c90edab30ccfd6",class:"udp-button__content-wrapper"},this.startIcon&&r("span",{key:"ea8afce99fe56db0f1860b589e34e8cd46118d7c",class:"udp-button__icon udp-button__icon--start","aria-hidden":"true"},this.startIcon),r("span",{key:"12818dd99a11f7c4a025b2910e87663483d7edb1",class:"udp-button__text-content"},r("slot",{key:"b19eb4f2f6408cb44edadb9580da10d03ccd0c72"})),this.endIcon&&r("span",{key:"db815c5f23df3e38c48df9c2687d8ea095c91d3e",class:"udp-button__icon udp-button__icon--end","aria-hidden":"true"},this.endIcon)))}get el(){return n(this)}};e.style=a;export{e as udp_button};
2	+ //# sourceMappingURL=udp-button.entry.js.map

package/dist/stencil-library/udp-button.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","createEvent","h","getElement","udpButtonCss","UdpButton","constructor","hostRef","this","buttonClick","variant","toolbarLayout","color","size","disabled","loading","fullWidth","type","ariaLabel","tabIndex","handleClick","event","preventDefault","stopPropagation","emit","render","TagType","href","isDisabled","classMap","startIcon","endIcon","attributes","class","Object","keys","filter","key","join","onClick","tabindex","assign","el","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAkB,sBAE5E,MAAMC,EAAe,+yiBAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,YAAcR,EAAYO,KAAM,eAOrCA,KAAKE,QAAU,OAKfF,KAAKG,cAAgB,MAKrBH,KAAKI,MAAQ,UAKbJ,KAAKK,KAAO,SAIZL,KAAKM,SAAW,MAKhBN,KAAKO,QAAU,MAIfP,KAAKQ,UAAY,MAKjBR,KAAKS,KAAO,SAKZT,KAAKU,UAAY,GAMjBV,KAAKW,SAAW,EAChBX,KAAKY,YAAeC,IAEhB,GAAIb,KAAKM,UAAYN,KAAKO,QAAS,CAC/BM,EAAMC,iBACND,EAAME,kBACN,MACJ,CACAf,KAAKC,YAAYe,KAAKH,EAAM,CAEpC,CACA,MAAAI,GACI,MAAMC,EAAUlB,KAAKmB,KAAO,IAAM,SAElC,MAAMC,EAAapB,KAAKM,UAAYN,KAAKO,QACzC,MAAMc,EAAW,CACb,aAAc,KACd,CAAC,eAAerB,KAAKE,WAAY,KACjC,CAAC,8BAA+BF,KAAKG,cACrC,CAAC,eAAeH,KAAKK,QAAS,KAC9B,CAAC,qBAAqBL,KAAKI,SAAUJ,KAAKI,QAAU,UACpD,uBAAwBgB,EACxB,yBAA0BpB,KAAKQ,UAC/B,+BAAgCR,KAAKsB,UACrC,6BAA8BtB,KAAKuB,QACnC,sBAAuBvB,KAAKO,SAEhC,MAAMiB,EAAa,CACfC,MAAOC,OAAOC,KAAKN,GACdO,QAAOC,GAAOR,EAASQ,KACvBC,KAAK,KACVxB,SAAUc,IAAepB,KAAKmB,KAC9BY,QAAS/B,KAAKY,YACd,YAAaZ,KAAKO,QAAU,OAAS,KAErC,aAAcP,KAAKO,QAAU,UAAYP,KAAKU,WAElDc,EAAWQ,SAAWZ,GAAc,EAAIpB,KAAKW,SAC7C,GAAIX,KAAKmB,KAAM,CACXK,EAAWL,KAAOnB,KAAKmB,IAE3B,KACK,CACDK,EAAWf,KAAOT,KAAKS,IAC3B,CACA,OAAQf,EAAEwB,EAASQ,OAAOO,OAAO,CAAEJ,IAAK,4CAA8CL,GAAa9B,EAAE,MAAO,CAAEmC,IAAK,2CAA4CJ,MAAO,wBAA0B/B,EAAE,OAAQ,CAAEmC,IAAK,2CAA4CJ,MAAO,+BAAiCzB,KAAKsB,WAAc5B,EAAE,OAAQ,CAAEmC,IAAK,2CAA4CJ,MAAO,2CAA4C,cAAe,QAAUzB,KAAKsB,WAAa5B,EAAE,OAAQ,CAAEmC,IAAK,2CAA4CJ,MAAO,4BAA8B/B,EAAE,OAAQ,CAAEmC,IAAK,8CAAgD7B,KAAKuB,SAAY7B,EAAE,OAAQ,CAAEmC,IAAK,2CAA4CJ,MAAO,yCAA0C,cAAe,QAAUzB,KAAKuB,UACvxB,CACA,MAAIW,GAAO,OAAOvC,EAAWK,KAAO,GAExCH,EAAUsC,MAAQvC,SAETC","ignoreList":[]}

package/dist/stencil-library/udp-calendar-base.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as s}from"./index-n-1ZSeAs.js";import{Calendar as i}from"@fullcalendar/core";import n from"@fullcalendar/daygrid";import a from"@fullcalendar/interaction";const o="";const l=class{constructor(e){t(this,e);this.initialView="dayGridMonth";this.height=550;this.weekends=true;this.hiddenDays=[];this.dayHeaders=false;this.dayMinWidth=null;this.slotDuration="00:30:00";this.slotLabelInterval="01:00";this.slotLabelFormat={hour:"numeric",minute:"2-digit",omitZeroMinute:true,meridiem:"short"};this.slotMinTime="00:00:00";this.slotMaxTime="24:00:00";this.scrollTime="06:00:00";this.scrollTimeReset=true;this.firstDay=0;this.showNonCurrentDates=true;this.toggleViewOptions="dayGridDay,dayGridWeek,dayGridMonth,dayGridYear";this.calendarSettings={}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("#calendar");this.calendarSettings={height:this.height,contentHeight:this.contentHeight,aspectRatio:this.aspectRatio,weekends:this.weekends,hiddenDays:this.hiddenDays,dayHeaders:this.dayHeaders,dayMinWidth:this.dayMinWidth,slotDuration:this.slotDuration,slotLabelInterval:this.slotLabelInterval,slotLabelFormat:this.slotLabelFormat,slotMinTime:this.slotMinTime,slotMaxTime:this.slotMaxTime,scrollTime:this.scrollTime,scrollTimeReset:this.scrollTimeReset,firstDay:this.firstDay,showNonCurrentDates:this.showNonCurrentDates};this.calendarSettings.headerToolbar={left:"prev,next",center:"title",right:this.toggleViewOptions};this.calendarSettings.views={dayGridWeek:{dayHeaderFormat:this.dayHeaderFormatWeekView?this.dayHeaderFormatWeekView:{weekday:"short",month:"numeric",day:"numeric",omitCommas:true,omitZeroMinute:true,meridiem:"short"}},dayGridMonth:{dayHeaderFormat:this.dayHeaderFormatMonthView?this.dayHeaderFormatMonthView:{weekday:"short"}}};const e=[{prop:"dayHeaderClassNames",setting:"dayHeaderClassNames"},{prop:"dayHeaderContent",setting:"dayHeaderContent"},{prop:"dayHeaderDidMount",setting:"dayHeaderDidMount"},{prop:"dayHeaderWillUnmount",setting:"dayHeaderWillUnmount"},{prop:"dayCellClassNames",setting:"dayCellClassNames"},{prop:"dayCellContent",setting:"dayCellContent"},{prop:"dayCellDidMount",setting:"dayCellDidMount"},{prop:"dayCellWillUnmount",setting:"dayCellWillUnmount"},{prop:"slotLabelClassNames",setting:"slotLabelClassNames"},{prop:"slotLabelContent",setting:"slotLabelContent"},{prop:"slotLabelDidMount",setting:"slotLabelDidMount"},{prop:"slotLabelWillUnmount",setting:"slotLabelWillUnmount"},{prop:"slotLaneClassNames",setting:"slotLaneClassNames"},{prop:"slotLaneContent",setting:"slotLaneContent"},{prop:"slotLaneDidMount",setting:"slotLaneDidMount"},{prop:"slotLaneWillUnmount",setting:"slotLaneWillUnmount"}];e.forEach((({prop:t,setting:e})=>{if(this[t]){this.calendarSettings[e]=e=>this[t](e)}}));if(this.datesSet){this.calendarSettings.datesSet=t=>this.datesSet(t)}this.calendarSettings.events=this.events;this.calendarSettings.eventSources=this.eventSources;this.calendarSettings.eventContent=this.eventContent;if(this.eventOnclick){this.calendarSettings.eventClick=t=>this.eventOnclick(t)}this.calendar=new i(t,Object.assign({plugins:[n,a],initialView:this.initialView},this.calendarSettings));this.calendar.render();if(this.scrollToTimeDuration)this.calendar.scrollToTime(this.scrollToTimeDuration)}eventsChanged(t){if(this.calendar){this.calendar.removeAllEvents();this.calendar.addEventSource(t)}}disconnectedCallback(){if(this.calendar){this.calendar.destroy()}}render(){const t=Object.assign({},this.width!==null?{width:this.width+"px"}:{});return e("div",{key:"7d03ec3c6f36d37817e0e66ed7f1d43d51483f92",id:"calendar",style:t})}get el(){return s(this)}static get watchers(){return{events:["eventsChanged"]}}};l.style=o;export{l as udp_calendar_base};
+import{r as t,h as e,a as s}from"./index-n-1ZSeAs.js";import{Calendar as i}from"@fullcalendar/core";import a from"@fullcalendar/daygrid";import n from"@fullcalendar/interaction";const o="";const l=class{constructor(e){t(this,e);this.initialView="dayGridMonth";this.height=550;this.weekends=true;this.hiddenDays=[];this.dayHeaders=false;this.dayMinWidth=null;this.slotDuration="00:30:00";this.slotLabelInterval="01:00";this.slotLabelFormat={hour:"numeric",minute:"2-digit",omitZeroMinute:true,meridiem:"short"};this.slotMinTime="00:00:00";this.slotMaxTime="24:00:00";this.scrollTime="06:00:00";this.scrollTimeReset=true;this.firstDay=0;this.showNonCurrentDates=true;this.toggleViewOptions="dayGridDay,dayGridWeek,dayGridMonth,dayGridYear";this.calendarSettings={}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("#calendar");this.calendarSettings={height:this.height,contentHeight:this.contentHeight,aspectRatio:this.aspectRatio,weekends:this.weekends,hiddenDays:this.hiddenDays,dayHeaders:this.dayHeaders,dayMinWidth:this.dayMinWidth,slotDuration:this.slotDuration,slotLabelInterval:this.slotLabelInterval,slotLabelFormat:this.slotLabelFormat,slotMinTime:this.slotMinTime,slotMaxTime:this.slotMaxTime,scrollTime:this.scrollTime,scrollTimeReset:this.scrollTimeReset,firstDay:this.firstDay,showNonCurrentDates:this.showNonCurrentDates};this.calendarSettings.headerToolbar={left:"prev,next",center:"title",right:this.toggleViewOptions};this.calendarSettings.views={dayGridWeek:{dayHeaderFormat:this.dayHeaderFormatWeekView?this.dayHeaderFormatWeekView:{weekday:"short",month:"numeric",day:"numeric",omitCommas:true,omitZeroMinute:true,meridiem:"short"}},dayGridMonth:{dayHeaderFormat:this.dayHeaderFormatMonthView?this.dayHeaderFormatMonthView:{weekday:"short"}}};const e=[{prop:"dayHeaderClassNames",setting:"dayHeaderClassNames"},{prop:"dayHeaderContent",setting:"dayHeaderContent"},{prop:"dayHeaderDidMount",setting:"dayHeaderDidMount"},{prop:"dayHeaderWillUnmount",setting:"dayHeaderWillUnmount"},{prop:"dayCellClassNames",setting:"dayCellClassNames"},{prop:"dayCellContent",setting:"dayCellContent"},{prop:"dayCellDidMount",setting:"dayCellDidMount"},{prop:"dayCellWillUnmount",setting:"dayCellWillUnmount"},{prop:"slotLabelClassNames",setting:"slotLabelClassNames"},{prop:"slotLabelContent",setting:"slotLabelContent"},{prop:"slotLabelDidMount",setting:"slotLabelDidMount"},{prop:"slotLabelWillUnmount",setting:"slotLabelWillUnmount"},{prop:"slotLaneClassNames",setting:"slotLaneClassNames"},{prop:"slotLaneContent",setting:"slotLaneContent"},{prop:"slotLaneDidMount",setting:"slotLaneDidMount"},{prop:"slotLaneWillUnmount",setting:"slotLaneWillUnmount"}];e.forEach((({prop:t,setting:e})=>{if(this[t]){this.calendarSettings[e]=e=>this[t](e)}}));if(this.datesSet){this.calendarSettings.datesSet=t=>this.datesSet(t)}this.calendarSettings.events=this.events;this.calendarSettings.eventSources=this.eventSources;this.calendarSettings.eventContent=this.eventContent;if(this.eventOnclick){this.calendarSettings.eventClick=t=>this.eventOnclick(t)}this.calendar=new i(t,Object.assign({plugins:[a,n],initialView:this.initialView},this.calendarSettings));this.calendar.render();if(this.scrollToTimeDuration)this.calendar.scrollToTime(this.scrollToTimeDuration)}eventsChanged(t){if(this.calendar){this.calendar.removeAllEvents();this.calendar.addEventSource(t)}}disconnectedCallback(){if(this.calendar){this.calendar.destroy()}}render(){const t=Object.assign({},this.width!==null?{width:this.width+"px"}:{});return e("div",{key:"6aa4c11c5974fcf6f1a5de081e0e44e4c5881794",id:"calendar",style:t})}get el(){return s(this)}static get watchers(){return{events:["eventsChanged"]}}};l.style=o;export{l as udp_calendar_base};
 //# sourceMappingURL=udp-calendar-base.entry.js.map

package/dist/stencil-library/udp-calendar-day.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as a,h as e}from"./index-n-1ZSeAs.js";const r="";const s=class{constructor(e){a(this,e);this.props={}}componentWillLoad(){}render(){return e("udp-calendar-base",Object.assign({key:"48964793008fc4a1999fe007baaecf006491253a",initialView:"dayGridDay"},this.props))}};s.style=r;export{s as udp_calendar_day};
+import{r as e,h as a}from"./index-n-1ZSeAs.js";const c="";const d=class{constructor(a){e(this,a);this.props={}}componentWillLoad(){}render(){return a("udp-calendar-base",Object.assign({key:"eda41b82a073cce838cb0ed17ce6fe6837cb7dcf",initialView:"dayGridDay"},this.props))}};d.style=c;export{d as udp_calendar_day};
 //# sourceMappingURL=udp-calendar-day.entry.js.map

package/dist/stencil-library/udp-calendar-month.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as a,h as t}from"./index-n-1ZSeAs.js";const c="";const e=class{constructor(t){a(this,t);this.props={}}componentWillLoad(){}render(){return t("udp-calendar-base",Object.assign({key:"a961702bbf34f808c33ab32c36e97c5acd8c7a2a",initialView:"dayGridMonth"},this.props))}};e.style=c;export{e as udp_calendar_month};
+import{r as e,h as t}from"./index-n-1ZSeAs.js";const a="";const n=class{constructor(t){e(this,t);this.props={}}componentWillLoad(){}render(){return t("udp-calendar-base",Object.assign({key:"9b424e8ad395f89ca614d8ce580d1a0ff843e78e",initialView:"dayGridMonth"},this.props))}};n.style=a;export{n as udp_calendar_month};
 //# sourceMappingURL=udp-calendar-month.entry.js.map

package/dist/stencil-library/udp-calendar-week.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as a}from"./index-n-1ZSeAs.js";const r="";const s=class{constructor(a){e(this,a);this.props={}}componentWillLoad(){}render(){return a("udp-calendar-base",Object.assign({key:"1a3a3f243480dc0b8edb378706c4992e4739d85f",initialView:"dayGridWeek"},this.props))}};s.style=r;export{s as udp_calendar_week};
+import{r as e,h as a}from"./index-n-1ZSeAs.js";const d="";const r=class{constructor(a){e(this,a);this.props={}}componentWillLoad(){}render(){return a("udp-calendar-base",Object.assign({key:"55a306e034fdf1cec3d605b078ca63edd49da3f8",initialView:"dayGridWeek"},this.props))}};r.style=d;export{r as udp_calendar_week};
 //# sourceMappingURL=udp-calendar-week.entry.js.map

package/dist/stencil-library/udp-calendar-year.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as r}from"./index-n-1ZSeAs.js";const a="";const c=class{constructor(r){e(this,r);this.props={}}componentWillLoad(){}render(){return r("udp-calendar-base",Object.assign({key:"338f820de2909bc35cd1dcf0cacf18782853f44d",initialView:"dayGridYear"},this.props))}};c.style=a;export{c as udp_calendar_year};
+import{r as e,h as a}from"./index-n-1ZSeAs.js";const r="";const s=class{constructor(a){e(this,a);this.props={}}componentWillLoad(){}render(){return a("udp-calendar-base",Object.assign({key:"462eb65e73ea3d1f5407d02da9ff046c04f20420",initialView:"dayGridYear"},this.props))}};s.style=r;export{s as udp_calendar_year};
 //# sourceMappingURL=udp-calendar-year.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as o,h as t,H as n}from"./index-n-1ZSeAs.js";const a=":host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}";const r=class{constructor(t){o(this,t)}render(){return t(n,{key:"ae21a99ecf55da0261fd79773125105c7d8ffd66"},t("button",{key:"ba3a8b0787b33208c0f4bad409a42db540a1f10c",class:"button"},t("slot",{key:"bea97e746121d9fbb788956c08b16537f950f7d6"})))}};r.style=a;export{r as udp_card_action_area};
+import{r as o,h as a,H as t}from"./index-n-1ZSeAs.js";const n=":host{display:block;text-align:inherit}.button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:inherit;color:inherit;font:inherit;outline:none;}.button:focus{outline:none}:host(:focus),:host(:focus-within){outline:var(--focus-outline)}:host(:hover){background-color:var(--udp-card-action-area-hover-background, var(--primary-color-alpha-10))}";const r=class{constructor(a){o(this,a)}render(){return a(t,{key:"8aa6f62bf0a6d00e9faaa01690785394a3233c61"},a("button",{key:"8050e757c5f9a197b9800b0dd743215847d9ba3e",class:"button"},a("slot",{key:"836fe74f753e3dd77af3a2984c2c8838a62b931e"})))}};r.style=n;export{r as udp_card_action_area};
 //# sourceMappingURL=udp-card-action-area.entry.js.map

package/dist/stencil-library/udp-card_6.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,F as a,H as i,a as s,c as o}from"./index-n-1ZSeAs.js";const n=":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";const r=class{constructor(e){t(this,e);this.variant="outlined";this.disableHeaderTypography=false;this.disableContentGutter=false;this.disableContentPadding=false}hasSlottedContent(t){return!!this.el.querySelector(`[slot="${t}"]`)}render(){const t=!this.hasSlottedContent("header")&&(this.cardTitle||this.subheader||this.avatar||this.headerAction);const s=!this.hasSlottedContent("media")&&this.mediaImage;const o=e(a,{key:"b7fc40fddaccf8e1f7b065a1f10759a2f4395d84"},s?e("udp-card-media",{image:this.mediaImage,title:this.mediaTitle}):e("slot",{name:"media"}),t?e("udp-card-header",{cardTitle:this.cardTitle,subheader:this.subheader,avatar:this.avatar,action:this.headerAction,disableTypography:this.disableHeaderTypography,onTitleClick:this.onTitleClick}):e("slot",{name:"header"}),e("udp-card-content",{key:"a7380ff44692ad0123dc52def8b9b49e7b8c4617",disableGutter:this.disableContentGutter,disablePadding:this.disableContentPadding},e("slot",{key:"156cfbd696987a827f44a6cd5e5be838592c242f"})));return e(i,{key:"b2fcc1723f6cd77e67bd5280fef6ae935626afb5",class:{[this.variant]:true,"elevation-1":this.variant==="elevated"}},this.adornmentStatus&&e("udp-adornment",{key:"6355f98f462f2b8a7a300d52cc1d002834b00dae",status:this.adornmentStatus}),o,this.actions&&e("udp-card-actions",{key:"9843f998eae158c58e1c2fe04e6f0049f3034ff3"},this.actions))}get el(){return s(this)}};r.style=n;const d=":host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}";const c=class{constructor(e){t(this,e);this.align="end"}render(){return e(i,{key:"9fc889fd6af89dfb9850ef34cb3c834be7a69628",class:this.align},e("slot",{key:"8d57684b4dc755686e57ccd482a0cb2a17158f6e"}))}};c.style=d;const l=":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";const h=class{constructor(e){t(this,e);this.disableGutter=false;this.disablePadding=false}render(){return e(i,{key:"be09df278e7a7120c1c4bd3f544d39915e94ab65",class:{"disable-gutter":this.disableGutter,"disable-padding":this.disablePadding}},e("slot",{key:"223e15697e5b41cea30f8bfc572f6bfb2752f8fa"}))}};h.style=l;const f=':host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot="title"]){display:block;margin-bottom:0}::slotted([slot="subheader"]){display:block;color:var(--text-secondary)}::slotted([slot="action"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}';const b=class{constructor(e){t(this,e);this.titleClick=o(this,"titleClick");this.disableTypography=false;this.titleTarget="_self";this.handleTitleClick=t=>{const e=t.detail;this.titleClick.emit(e)}}render(){const t=this.disableTypography?this.cardTitle:e("unity-typography",{variant:"h6"},this.cardTitle);const a=this.titleHref||this.titleClick?e("udp-link",{href:this.titleHref,target:this.titleTarget,onLinkClick:this.handleTitleClick},t):t;const s=this.disableTypography?this.subheader:typeof this.subheader==="string"?e("unity-typography",{variant:"body1",color:"textSecondary"},this.subheader):this.subheader;return e(i,{key:"8cec58b9b79911ea5d9549f4dbeeb255fe1ccff7"},this.avatar&&e("div",{key:"fd15211179b5b66a075bc9286f1ca5cd4e36e043",class:"avatar"},this.avatar),e("div",{key:"0679d2d5fba60d1c9fc1d92acc85983f514834fd",class:"content"},e("slot",{key:"29da4a92ee444e699ec93389e2255592892731aa",name:"title"},this.cardTitle&&a),e("slot",{key:"434eb7e9b09f83b2ec7241befa784b13f7c93a9a",name:"subheader"},this.subheader&&s),e("slot",{key:"c76f2268e9afb63b2cf38410b6eb7f316d5c812f"})),this.action&&e("div",{key:"69bd50571df1f1a88c2139b6a2ff307dd96a2dbb",class:"action"},this.action),e("slot",{key:"271527b00faaf3541d4676f539e9d6636b35cc2a",name:"action"}))}};b.style=f;const p=":host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}";const u=class{constructor(e){t(this,e)}render(){return e(i,{key:"c3f9e1629e5b33d718edec1ba210e1173f3551db",role:"img",style:{backgroundImage:this.image?`url(${this.image})`:undefined},"aria-label":this.title},e("slot",{key:"3630a2018508dfa6cb9c312e36148129cb99d02a"}))}};u.style=p;const g=":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";const v=class{constructor(e){t(this,e);this.linkClick=o(this,"linkClick");this.target="_self";this.disabled=false;this.component="a";this.handleClick=t=>{if(this.disabled){t.preventDefault();return}this.linkClick.emit(t)}}render(){const t={class:{"udp-link":true,disabled:this.disabled},onClick:this.handleClick};if(this.component==="button"||!this.href){return e("button",Object.assign({},t,{disabled:this.disabled,type:"button"}),e("slot",null))}return e("a",Object.assign({},t,{href:this.href,target:this.target}),e("slot",null))}};v.style=g;export{r as udp_card,c as udp_card_actions,h as udp_card_content,b as udp_card_header,u as udp_card_media,v as udp_link};
+import{r as t,h as e,F as a,H as i,a as s,c as o}from"./index-n-1ZSeAs.js";const n=":host{display:block;background:var(--udp-card-background, #fff);overflow:hidden;color:var(--text-main);font-family:var(--font-family);font-size:var(--body2-font-size);font-weight:var(--body2-font-weight);line-height:var(--body2-line-height);position:relative;border-radius:var(--border-radius)}:host udp-adornment{position:absolute;top:0;left:0;bottom:0;width:4px;z-index:1}:host udp-card-content{position:relative;z-index:0}:host udp-card-action-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;transition:background-color 0.3s ease}:host udp-card-action-area:hover{background:rgba(0, 0, 0, 0.04)}:host udp-card-actions{position:relative;z-index:2}:host udp-card-actions ::slotted(*){pointer-events:auto !important}:host(.outlined){border:1px solid var(--divider-color)}:host(.elevation-1){box-shadow:var(--elevation-01)}:host(.elevation-2){box-shadow:var(--elevation-02)}:host(.elevation-3){box-shadow:var(--elevation-03)}:host(.elevation-4){box-shadow:var(--elevation-04)}:host(.elevation-5){box-shadow:var(--elevation-05)}:host(.elevation-6){box-shadow:var(--elevation-06)}:host(.elevation-7){box-shadow:var(--elevation-07)}:host(.elevation-8){box-shadow:var(--elevation-08)}";const d=class{constructor(e){t(this,e);this.variant="outlined";this.disableHeaderTypography=false;this.disableContentGutter=false;this.disableContentPadding=false}hasSlottedContent(t){return!!this.el.querySelector(`[slot="${t}"]`)}render(){const t=!this.hasSlottedContent("header")&&(this.cardTitle||this.subheader||this.avatar||this.headerAction);const s=!this.hasSlottedContent("media")&&this.mediaImage;const o=e(a,{key:"0689b37dae535348d37509e208962ba3a756ff4b"},s?e("udp-card-media",{image:this.mediaImage,title:this.mediaTitle}):e("slot",{name:"media"}),t?e("udp-card-header",{cardTitle:this.cardTitle,subheader:this.subheader,avatar:this.avatar,action:this.headerAction,disableTypography:this.disableHeaderTypography,onTitleClick:this.onTitleClick}):e("slot",{name:"header"}),e("udp-card-content",{key:"deb9102b93d97b2fede9ee01b51a08bfd32f1bf9",disableGutter:this.disableContentGutter,disablePadding:this.disableContentPadding},e("slot",{key:"7984b6e50173266018aaeb081632eb2e70d88ed1"})));return e(i,{key:"282b9a389d4e7344574ee533fdcedbae79260e08",class:{[this.variant]:true,"elevation-1":this.variant==="elevated"}},this.adornmentStatus&&e("udp-adornment",{key:"12b5f6fcbe682e2819c2739484f8308aa4578742",status:this.adornmentStatus}),o,this.actions&&e("udp-card-actions",{key:"d4c0eda2e0b5c78cafb9e6a704e9b4b40e43eaf5"},this.actions))}get el(){return s(this)}};d.style=n;const r=":host{display:flex;padding:var(--spacing-03, 8px);align-items:center;gap:var(--spacing-03, 8px);}:host(.start){justify-content:flex-start}:host(.center){justify-content:center}:host(.end){justify-content:flex-end}::slotted(*){margin:0}";const c=class{constructor(e){t(this,e);this.align="end"}render(){return e(i,{key:"95cf05215118e9f8db05eb3e478217dda1ac72d0",class:this.align},e("slot",{key:"a126c66aea6a7f84f46ddb51a89488faa5e921d2"}))}};c.style=r;const l=":host{display:block;padding:var(--spacing-05, 16px)}:host(:last-child){padding-bottom:var(--spacing-06, 24px)}.disable-gutter{padding-left:0 !important;padding-right:0 !important}.disable-padding{padding-top:0 !important;padding-bottom:0 !important}";const h=class{constructor(e){t(this,e);this.disableGutter=false;this.disablePadding=false}render(){return e(i,{key:"2e78093dc300bbf2dd29b56f7acc9709195a4e54",class:{"disable-gutter":this.disableGutter,"disable-padding":this.disablePadding}},e("slot",{key:"81eab6bf06aaddb1aaabd412d6899a41d78cbb1a"}))}};h.style=l;const f=':host{display:flex;align-items:center;padding:var(--spacing-05, 16px)}.avatar{margin-right:var(--spacing-04, 12px);display:flex;flex:0 0 auto}.content{flex:1 1 auto;min-width:0}.action{flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted([slot="title"]){display:block;margin-bottom:0}::slotted([slot="subheader"]){display:block;color:var(--text-secondary)}::slotted([slot="action"]){flex:0 0 auto;align-self:flex-start;margin-top:var(--spacing-02, 4px);margin-right:var(--spacing-02, 4px);margin-left:var(--spacing-03, 8px)}::slotted(*){font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height)}';const b=class{constructor(e){t(this,e);this.titleClick=o(this,"titleClick");this.disableTypography=false;this.titleTarget="_self";this.handleTitleClick=t=>{const e=t.detail;this.titleClick.emit(e)}}render(){const t=this.disableTypography?this.cardTitle:e("unity-typography",{variant:"h6"},this.cardTitle);const a=this.titleHref||this.titleClick?e("udp-link",{href:this.titleHref,target:this.titleTarget,onLinkClick:this.handleTitleClick},t):t;const s=this.disableTypography?this.subheader:typeof this.subheader==="string"?e("unity-typography",{variant:"body1",color:"textSecondary"},this.subheader):this.subheader;return e(i,{key:"3d5d1541e89f8e32fed4dbd948fddc44cae46a6f"},this.avatar&&e("div",{key:"2b9ee9575f3d4ae6dd272e151ad704c997042df3",class:"avatar"},this.avatar),e("div",{key:"06758a75f8c6883979f21cb8e49f4fb0de4f1420",class:"content"},e("slot",{key:"5be63eb3f42b33089cb67138f9cd0e7481ff359f",name:"title"},this.cardTitle&&a),e("slot",{key:"955ca2bab6df8130b0b7ed67cefd8538981dddff",name:"subheader"},this.subheader&&s),e("slot",{key:"b3287962ffd40451c9f23c3df63afa3b3e856f3d"})),this.action&&e("div",{key:"f4d363128ef172b900d3e34b71cfc836cd076220",class:"action"},this.action),e("slot",{key:"03f536ca620f254433d0099e403b7a6080acd03f",name:"action"}))}};b.style=f;const p=":host{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;height:var(--udp-card-media-height, 140px)}";const u=class{constructor(e){t(this,e)}render(){return e(i,{key:"e996bd3d01ccdf832b3c4dac1a0c9c01d3122044",role:"img",style:{backgroundImage:this.image?`url(${this.image})`:undefined},"aria-label":this.title},e("slot",{key:"7a55b1f51281cbacf0c70f82d5fd1cd8e45721b1"}))}};u.style=p;const g=":host{display:inline-flex}.udp-link{color:var(--primary-color);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit;outline:inherit;transition:color 0.2s ease-in-out}.udp-link:hover{color:var(--primary-dark);text-decoration:underline}.udp-link:focus{outline:2px solid var(--primary-light);outline-offset:2px}.udp-link.disabled{color:var(--text-disabled);cursor:default;pointer-events:none}.udp-link.disabled:hover{text-decoration:none}";const v=class{constructor(e){t(this,e);this.linkClick=o(this,"linkClick");this.target="_self";this.disabled=false;this.component="a";this.handleClick=t=>{if(this.disabled){t.preventDefault();return}this.linkClick.emit(t)}}render(){const t={class:{"udp-link":true,disabled:this.disabled},onClick:this.handleClick};if(this.component==="button"||!this.href){return e("button",Object.assign({},t,{disabled:this.disabled,type:"button"}),e("slot",null))}return e("a",Object.assign({},t,{href:this.href,target:this.target}),e("slot",null))}};v.style=g;export{d as udp_card,c as udp_card_actions,h as udp_card_content,b as udp_card_header,u as udp_card_media,v as udp_link};
 //# sourceMappingURL=udp-card_6.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as r}from"./index-n-1ZSeAs.js";const c=class{constructor(a){e(this,a)}render(){return a(r,{key:"473a1f06ef8849e12d8eae9416e9855c7ed4fa19",style:{display:"flex",flexWrap:"wrap"}},a("udp-donut-chart",{key:"011c5b108b019f84e277a6c7e8df5b4e73fa8a1f",kpisPosition:"top"}),a("udp-distribution-chart",{key:"d364f7496d903291aa5820a440ff0cbe2e5e450e"}),a("udp-bar-chart",{key:"76773e0e26477f3c82e8c00134e85301770e7649"}),a("udp-line-chart",{key:"6251ca89855ef9b87269bf111d70816dcc8780ea"}))}};export{c as udp_charts_example};
+import{r as e,h as d,H as a}from"./index-n-1ZSeAs.js";const r=class{constructor(d){e(this,d)}render(){return d(a,{key:"3d363f23bd976ae0389800768b40e1b9e7b8fd9e",style:{display:"flex",flexWrap:"wrap"}},d("udp-donut-chart",{key:"1e5fd2d0df2de43e1c41cfe7340689bfa7b2cd0d",kpisPosition:"top"}),d("udp-distribution-chart",{key:"a693dd0f31f7ff8029b39d5178deef02bae27082"}),d("udp-bar-chart",{key:"2f6d0d1b242f6a15342eb2dd35c45bd137ee0928"}),d("udp-line-chart",{key:"7172d5804f8c503b78a639a22c0746cf2944a111"}))}};export{r as udp_charts_example};
 //# sourceMappingURL=udp-charts-example.entry.js.map

package/dist/stencil-library/udp-chip_3.entry.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{r as o,c as r,h as i,a as c,H as e}from"./index-n-1ZSeAs.js";import{createPopper as t}from"@popperjs/core";const a=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const n=class{constructor(i){o(this,i);this.chipClick=r(this,"chipClick");this.chipDelete=r(this,"chipDelete");this.variant="filled";this.color="gray";this.size="medium";this.deleteButton=false;this.clickable=false;this.handleDeleteClick=o=>{o.stopPropagation();this.chipDelete.emit(this.label)};this.handleChipClick=()=>{if(this.clickable){this.chipClick.emit(this.label)}}}render(){const o={chip:true,[`chip--${this.variant}`]:true,[`chip--color-${this.color}`]:true,[`chip--size-${this.size}`]:true,"chip--clickable":this.clickable};return i("div",{key:"0a9f91093fe426b5a622065b42cf9b865f05a705",class:o,onClick:this.handleChipClick},this.startIcon&&i("span",{key:"ae44337da8673cc252199698a01d381655c48fab",class:"chip__icon chip__icon--start"},i("udp-icon",{key:"a9d8c5e669a3f16f51d57b3b0e00fa5473632335",iconName:this.startIcon,color:"inherit"})),i("span",{key:"a3f5f070a87e3e72f09cc220e4aa6839824ab591",class:"chip__label"},this.label),this.deleteButton&&i("span",{key:"716eb909412d0c4f52300ca2469d599779be70fb",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},i("svg",{key:"c17224698e39b42ac28e652bf8bc70f596ed2c3f",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},i("path",{key:"eb9b4ac119c42cb708dec8cff10e0d28b1e4acae",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};n.style=a;const l=".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";const s=class{constructor(i){o(this,i);this.click=r(this,"click");this.variant="text";this.color="primary";this.size="medium";this.disabled=false;this.type="button";this.ariaLabel="";this.handleClick=o=>{o.stopPropagation();if(!this.disabled){this.click.emit(o)}}}renderIcon(){if(!this.icon)return null;const o=this.icon;const r=this.iconColor?`icon-color-${this.iconColor}`:"";return i("svg",Object.assign({},o.attrs,{class:`icon ${r}`.trim()}),o.content.map(((o,r)=>{if(o.elem==="path"){return i("path",Object.assign({},o.attrs,{key:r}))}else if(o.elem==="circle"){return i("circle",Object.assign({},o.attrs,{key:r}))}return null})))}renderButton(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("button",{type:this.type,disabled:this.disabled,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}renderLink(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("a",{href:this.href,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}render(){const o=this.href?this.renderLink():this.renderButton();if(this.tooltip){return i("udp-ambient-tool-tip",{content:this.tooltip},o)}return o}get el(){return c(this)}};s.style=l;const p=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";const d=class{constructor(r){o(this,r);this.open=false;this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}this.destroyPopper()};this.handleKeyDown=o=>{var r;if(o.key==="Escape"){(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}};this.handleClickOutside=o=>{var r;const i=o.composedPath();const c=this.getAnchorElement();if(c&&i.includes(c)){return}(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}}disconnectedCallback(){this.removeListeners();this.destroyPopper()}handleOpenChange(o){o?this.present():this.dismiss()}present(){document.body.appendChild(this.hostEl);this.addListeners();requestAnimationFrame((()=>{this.setupPopper();this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners();this.hostEl.classList.remove("is-visible");this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}addListeners(){document.addEventListener("keydown",this.handleKeyDown);setTimeout((()=>{if(this.open){document.addEventListener("click",this.handleClickOutside)}}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return typeof this.anchor==="string"?document.getElementById(this.anchor):this.anchor}setupPopper(){const o=this.getAnchorElement();if(!o){console.error("UdpMenu: Anchor element could not be found.");return}if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=t(o,this.hostEl,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}render(){return i(e,{key:"3f7be47a5c35c075c742aaa03a28cde14a3d1090"},i("div",{key:"48323bd6c9b777ebb157c50505196345cb14ec43",class:"menu-panel",role:"menu"},i("slot",{key:"25e9949b651d5c5fa7443e1b8d6b58af3846b5a0"})))}get hostEl(){return c(this)}static get watchers(){return{open:["handleOpenChange"]}}};d.style=p;export{n as udp_chip,s as udp_icon_button,d as udp_menu};
+import{r as o,c as r,h as i,a as c,H as e}from"./index-n-1ZSeAs.js";import{createPopper as t}from"@popperjs/core";const n=":host{display:inline-flex;vertical-align:middle;--udp-chip-primary-color:var(--primary-color);--udp-chip-primary-color-text:var(--primary-contrast-text);--udp-chip-secondary-color:var(--secondary-color);--udp-chip-secondary-color-text:var(--secondary-contrast-text);--udp-chip-success-color:var(--success-color-main);--udp-chip-success-color-text:var(--success-contrast-text);--udp-chip-error-color:var(--error-color-main);--udp-chip-error-color-text:var(--error-contrast-text);--udp-chip-warning-color:var(--warning-color-main);--udp-chip-warning-color-text:var(--warning-contrast-text);--udp-chip-info-color:var(--info-color-main);--udp-chip-info-color-text:var(--info-contrast-text);--udp-chip-monochrome-color:#FFFFFF;--udp-chip-monochrome-color-text:var(--text-main);--udp-chip-gray-color:var(--gray-02);--udp-chip-gray-color-text:var(--text-main);--udp-chip-gray-color-border:var(--gray-04);--font-family:var(--font-family);--spacing-01:var(--spacing-01);--spacing-02:var(--spacing-02);--udp-chip-primary-color-light:var(--primary-color-hint);--udp-chip-secondary-color-light:var(--secondary-color-hint);--udp-chip-success-color-light:var(--success-color-hint);--udp-chip-error-color-light:var(--error-color-hint);--udp-chip-warning-color-light:var(--warning-color-hint);--udp-chip-info-color-light:var(--info-color-hint);--udp-chip-monochrome-color-light:var(--gray-02);--udp-chip-gray-color-light:var(--gray-02)}.chip{font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;transition:background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.1s ease-in-out;border:1px solid transparent;border-radius:16px;gap:4px;cursor:default}.chip--clickable{cursor:pointer}.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.chip--outlined.chip--clickable:hover{box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}.chip__label{line-height:1;}.chip--size-medium{height:32px;font-size:13px;padding:8px}.chip--size-medium .chip__label{padding:0 var(--spacing-02)}.chip--size-medium .chip__icon--start{margin-left:0px;margin-right:4px}.chip--size-medium .chip__delete-icon{height:20px;width:20px;margin-right:-4px}.chip--size-medium .chip__delete-icon svg{width:14px;height:14px}.chip--size-small{height:auto;font-size:12px;padding:5px 4px;border-radius:12px;}.chip--size-small .chip__label{padding:0 4px}.chip--size-small .chip__icon--start{margin-left:0;margin-right:3px}.chip--size-small .chip__delete-icon{height:18px;width:18px;margin-right:-2px}.chip--size-small .chip__delete-icon svg{width:12px;height:12px}.chip__delete-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.15s ease-in-out}.chip--filled.chip--color-primary{background-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color-text)}.chip--filled.chip--color-secondary{background-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color-text)}.chip--filled.chip--color-success{background-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color-text)}.chip--filled.chip--color-error{background-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color-text)}.chip--filled.chip--color-warning{background-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color-text)}.chip--filled.chip--color-info{background-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color-text)}.chip--filled.chip--color-monochrome{background-color:var(--udp-chip-monochrome-color);color:var(--udp-chip-monochrome-color-text)}.chip--filled.chip--color-gray{background-color:var(--udp-chip-gray-color);color:var(--udp-chip-gray-color-text)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon{background-color:rgba(255, 255, 255, 0.15)}.chip--filled:not(.chip--color-warning):not(.chip--color-gray) .chip__delete-icon:hover{background-color:rgba(255, 255, 255, 0.25)}.chip--filled.chip--color-warning .chip__delete-icon,.chip--filled.chip--color-gray .chip__delete-icon,.chip--filled.chip--color-monochrome .chip__delete-icon{background-color:rgba(0, 0, 0, 0.08)}.chip--filled.chip--color-warning .chip__delete-icon:hover,.chip--filled.chip--color-gray .chip__delete-icon:hover,.chip--filled.chip--color-monochrome .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.16)}.chip--outlined{background-color:transparent}.chip--outlined.chip--color-primary{border-color:var(--udp-chip-primary-color);color:var(--udp-chip-primary-color)}.chip--outlined.chip--color-secondary{border-color:var(--udp-chip-secondary-color);color:var(--udp-chip-secondary-color)}.chip--outlined.chip--color-success{border-color:var(--udp-chip-success-color);color:var(--udp-chip-success-color)}.chip--outlined.chip--color-error{border-color:var(--udp-chip-error-color);color:var(--udp-chip-error-color)}.chip--outlined.chip--color-warning{border-color:var(--udp-chip-warning-color);color:var(--udp-chip-warning-color)}.chip--outlined.chip--color-info{border-color:var(--udp-chip-info-color);color:var(--udp-chip-info-color)}.chip--outlined.chip--color-monochrome{color:inherit;border-color:currentColor;}.chip--outlined.chip--color-gray{border-color:var(--udp-chip-gray-color-border);color:var(--udp-chip-gray-color-text)}.chip--outlined.chip--color-primary .chip__delete-icon{background-color:var(--udp-chip-primary-color-light)}.chip--outlined.chip--color-secondary .chip__delete-icon{background-color:var(--udp-chip-secondary-color-light)}.chip--outlined.chip--color-success .chip__delete-icon{background-color:var(--udp-chip-success-color-light)}.chip--outlined.chip--color-error .chip__delete-icon{background-color:var(--udp-chip-error-color-light)}.chip--outlined.chip--color-warning .chip__delete-icon{background-color:var(--udp-chip-warning-color-light)}.chip--outlined.chip--color-info .chip__delete-icon{background-color:var(--udp-chip-info-color-light)}.chip--outlined.chip--color-monochrome .chip__delete-icon{background-color:var(--udp-chip-monochrome-color-light)}.chip--outlined.chip--color-gray .chip__delete-icon{background-color:var(--udp-chip-gray-color-light)}.chip--outlined .chip__delete-icon:hover{background-color:rgba(0, 0, 0, 0.08)}";const a=class{constructor(i){o(this,i);this.chipClick=r(this,"chipClick");this.chipDelete=r(this,"chipDelete");this.variant="filled";this.color="gray";this.size="medium";this.deleteButton=false;this.clickable=false;this.handleDeleteClick=o=>{o.stopPropagation();this.chipDelete.emit(this.label)};this.handleChipClick=()=>{if(this.clickable){this.chipClick.emit(this.label)}}}render(){const o={chip:true,[`chip--${this.variant}`]:true,[`chip--color-${this.color}`]:true,[`chip--size-${this.size}`]:true,"chip--clickable":this.clickable};return i("div",{key:"0c7f3bb13ac1b9ec1b256248fff7ba276bb3afb2",class:o,onClick:this.handleChipClick},this.startIcon&&i("span",{key:"be7b9c9e009357599e154c309862aef2b0f5d2b0",class:"chip__icon chip__icon--start"},i("udp-icon",{key:"11cc8be3ca1b611a0af7a48bf3e5c0ebcc213fc3",iconName:this.startIcon,color:"inherit"})),i("span",{key:"cae85378ee2f032dcede8fbbb0ac722064449140",class:"chip__label"},this.label),this.deleteButton&&i("span",{key:"b832acc73c73bcdc5ea776593ef8fbd82ee760d2",class:"chip__delete-icon",onClick:this.handleDeleteClick,title:"Remove"},i("svg",{key:"6accffd9bfb775ffdaf0505eb82a3807588c86f6",width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentColor"},i("path",{key:"22d2ff711b2cc0184b13890159c526000fd3341d",d:"M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"}))))}};a.style=n;const l=".udp-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;border-radius:var(--border-radius, 4px);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all 0.2s ease-in-out;position:relative;outline:none;box-sizing:border-box}.udp-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.udp-icon-button:disabled{opacity:0.6;cursor:default}.icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon{display:block;fill:currentColor}.label{display:flex;align-items:center}.size-x-small{min-height:24px;padding:4px;font-size:0.8rem}.size-x-small.has-label{padding:4px 8px}.size-x-small .icon{width:14px;height:14px}.icon-only.size-x-small{width:24px;height:24px}.size-small{min-height:32px;padding:6px;font-size:0.875rem}.size-small.has-label{padding:6px 12px}.size-small .icon{width:16px;height:16px}.size-medium{min-height:40px;padding:8px;font-size:0.875rem}.size-medium.has-label{padding:8px 16px}.size-medium .icon{width:20px;height:20px}.size-large{min-height:48px;padding:12px;font-size:1rem}.size-large.has-label{padding:12px 20px}.size-large .icon{width:24px;height:24px}.icon-only{border-radius:50%}.icon-only.size-small{width:32px;height:32px}.icon-only.size-medium{width:40px;height:40px}.icon-only.size-large{width:48px;height:48px}.variant-text{background:transparent;border:1px solid transparent}.variant-text:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-text:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-outlined{background:transparent;border:1px solid currentColor}.variant-outlined:hover:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.04)}.variant-outlined:active:not(:disabled){background:rgba(var(--primary-color-rgb, 0, 0, 0), 0.08)}.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border:1px solid var(--primary-color, #1976d2)}.variant-contained:hover:not(:disabled){background:var(--primary-color-dark, #1565c0);border-color:var(--primary-color-dark, #1565c0)}.variant-contained:active:not(:disabled){background:var(--primary-color-darker, #0d47a1);border-color:var(--primary-color-darker, #0d47a1)}.color-primary{color:var(--primary-color, #1976d2)}.color-primary.variant-contained{background:var(--primary-color, #1976d2);color:var(--primary-color-contrast, #fff);border-color:var(--primary-color, #1976d2)}.color-secondary{color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained{background:var(--secondary-color, #dc004e);color:var(--secondary-color-contrast, #fff);border-color:var(--secondary-color, #dc004e)}.color-secondary.variant-contained:hover:not(:disabled){background:var(--secondary-color-dark, #c5004a);border-color:var(--secondary-color-dark, #c5004a)}.color-success{color:var(--success-color, #2e7d32)}.color-success.variant-contained{background:var(--success-color, #2e7d32);color:var(--success-color-contrast, #fff);border-color:var(--success-color, #2e7d32)}.color-error{color:var(--error-color, #d32f2f)}.color-error.variant-contained{background:var(--error-color, #d32f2f);color:var(--error-color-contrast, #fff);border-color:var(--error-color, #d32f2f)}.color-warning{color:var(--warning-color, #ed6c02)}.color-warning.variant-contained{background:var(--warning-color, #ed6c02);color:var(--warning-color-contrast, #fff);border-color:var(--warning-color, #ed6c02)}.color-info{color:var(--info-color, #0288d1)}.color-info.variant-contained{background:var(--info-color, #0288d1);color:var(--info-color-contrast, #fff);border-color:var(--info-color, #0288d1)}.color-inherit{color:inherit}.color-inherit.variant-contained{background:currentColor;color:var(--background-color, #fff);border-color:currentColor}.icon-color-primary{fill:var(--primary-color, #1976d2) !important}.icon-color-secondary{fill:var(--secondary-color, #dc004e) !important}.icon-color-success{fill:var(--success-color, #2e7d32) !important}.icon-color-error{fill:var(--error-color, #d32f2f) !important}.icon-color-warning{fill:var(--warning-color, #ed6c02) !important}.icon-color-info{fill:var(--info-color, #0288d1) !important}.icon-color-inherit{fill:inherit !important}";const s=class{constructor(i){o(this,i);this.click=r(this,"click");this.variant="text";this.color="primary";this.size="medium";this.disabled=false;this.type="button";this.ariaLabel="";this.handleClick=o=>{o.stopPropagation();if(!this.disabled){this.click.emit(o)}}}renderIcon(){if(!this.icon)return null;const o=this.icon;const r=this.iconColor?`icon-color-${this.iconColor}`:"";return i("svg",Object.assign({},o.attrs,{class:`icon ${r}`.trim()}),o.content.map(((o,r)=>{if(o.elem==="path"){return i("path",Object.assign({},o.attrs,{key:r}))}else if(o.elem==="circle"){return i("circle",Object.assign({},o.attrs,{key:r}))}return null})))}renderButton(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("button",{type:this.type,disabled:this.disabled,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}renderLink(){var o;const r=(o=this.el.textContent)===null||o===void 0?void 0:o.trim();const c=this.ariaLabel||this.tooltip||undefined;const e={"udp-icon-button":true,[`variant-${this.variant}`]:true,[`color-${this.color}`]:true,[`size-${this.size}`]:true,"has-label":!!r,"icon-only":!r};const t=i("a",{href:this.href,class:e,onClick:this.handleClick,"aria-label":c,id:this.buttonId},i("span",{class:"icon-container"},this.renderIcon()),r&&i("span",{class:"label"},i("slot",null)));if(this.badgeContent){return i("udp-badge",{content:this.badgeContent},t)}return t}render(){const o=this.href?this.renderLink():this.renderButton();if(this.tooltip){return i("udp-ambient-tool-tip",{content:this.tooltip},o)}return o}get el(){return c(this)}};s.style=l;const d=":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out;border-radius:8px}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.menu-panel{background-color:white;border-radius:8px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0;overflow:hidden}";const p=class{constructor(r){o(this,r);this.open=false;this.handleTransitionEnd=()=>{if(!this.open&&this.hostEl.parentElement===document.body){document.body.removeChild(this.hostEl)}this.destroyPopper()};this.handleKeyDown=o=>{var r;if(o.key==="Escape"){(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}};this.handleClickOutside=o=>{var r;const i=o.composedPath();const c=this.getAnchorElement();if(c&&i.includes(c)){return}(r=this.handleClose)===null||r===void 0?void 0:r.call(this)}}disconnectedCallback(){this.removeListeners();this.destroyPopper()}handleOpenChange(o){o?this.present():this.dismiss()}present(){document.body.appendChild(this.hostEl);this.addListeners();requestAnimationFrame((()=>{this.setupPopper();this.hostEl.classList.add("is-visible")}))}dismiss(){this.removeListeners();this.hostEl.classList.remove("is-visible");this.hostEl.addEventListener("transitionend",this.handleTransitionEnd,{once:true})}addListeners(){document.addEventListener("keydown",this.handleKeyDown);setTimeout((()=>{if(this.open){document.addEventListener("click",this.handleClickOutside)}}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown);document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return typeof this.anchor==="string"?document.getElementById(this.anchor):this.anchor}setupPopper(){const o=this.getAnchorElement();if(!o){console.error("UdpMenu: Anchor element could not be found.");return}if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=t(o,this.hostEl,{strategy:"fixed",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})}destroyPopper(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}render(){return i(e,{key:"1ca45bf77a84383c47d65e1d996b9e1fc7201e08"},i("div",{key:"4d8d23254d38521d6b5405c16a0ad3cbb3daca88",class:"menu-panel",role:"menu"},i("slot",{key:"029615ab266eff3dd70f75da9db21b2e93c7bb85"})))}get hostEl(){return c(this)}static get watchers(){return{open:["handleOpenChange"]}}};p.style=d;export{a as udp_chip,s as udp_icon_button,p as udp_menu};
 //# sourceMappingURL=udp-chip_3.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as n}from"./index-n-1ZSeAs.js";const s=":host{display:block;width:100%}";const c=class{constructor(t){e(this,t);this.span={}}getSpanStyles(){return Object.entries(this.span).map((([e,t])=>`\n  @container (min-width: ${e}px) {\n    :host {\n      --udp-grid-item-span: ${t};\n    }\n  }`)).join("\n")}render(){return t(n,{key:"3ee975ba5b72248f07893f4d0cfac172087954ca"},t("style",{key:"6bd93fc0acc2bb9e9b6b92933c3e0fb72bd41244"},this.getSpanStyles()),t("slot",{key:"91b50c063f12a151ea4860f621e3a75ade985c7e"}))}};c.style=s;export{c as udp_container_query_grid_item};
+import{r as t,h as e,H as d}from"./index-n-1ZSeAs.js";const n=":host{display:block;width:100%}";const s=class{constructor(e){t(this,e);this.span={}}getSpanStyles(){return Object.entries(this.span).map((([t,e])=>`\n  @container (min-width: ${t}px) {\n    :host {\n      --udp-grid-item-span: ${e};\n    }\n  }`)).join("\n")}render(){return e(d,{key:"5cd829b1eb901463fa20d3404e983b9bf11bb73d"},e("style",{key:"b8c747b6d85192d2558cf13b0ad6041a4291a7df"},this.getSpanStyles()),e("slot",{key:"ed3f8d34467707013555671a9467dcd005168db8"}))}};s.style=n;export{s as udp_container_query_grid_item};
 //# sourceMappingURL=udp-container-query-grid-item.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as e,h as c,H as t}from"./index-n-1ZSeAs.js";const a=":host{display:block;width:100%}.grid-container{width:100%}";const r=class{constructor(c){e(this,c);this.columns={0:1,400:2,600:3,800:4};this.gaps={0:1,400:1.5,600:2,800:2.5}}render(){const e={};const a=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));Array.from(a).sort(((e,c)=>c-e)).forEach((c=>{e[c]=Object.assign(Object.assign({},this.columns[c]&&{"grid-template-columns":`repeat(${this.columns[c]}, 1fr)`}),this.gaps[c]&&{gap:`${this.gaps[c]}rem`})}));return c(t,{key:"a7cc56066ee7cd343f522c27f019352d646ad6c0"},c("udp-container-query",{key:"882ec6e733afab69e58b06f16c7310c2d4f5d89e",queries:e},c("div",{key:"62a321ca80a27175caa5745c4f7803a9eca6d9ac",class:"grid-container"},c("slot",{key:"db66a2c9cc6494230d21fb4445c454cfaf49343a"}))),c("style",{key:"76e529662fe8dcfbc79e983cefb3c9e07095d232"},`\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        `))}};r.style=a;export{r as udp_container_query_grid};
+import{r as e,h as t,H as c}from"./index-n-1ZSeAs.js";const r=":host{display:block;width:100%}.grid-container{width:100%}";const s=class{constructor(t){e(this,t);this.columns={0:1,400:2,600:3,800:4};this.gaps={0:1,400:1.5,600:2,800:2.5}}render(){const e={};const r=new Set([...Object.keys(this.columns),...Object.keys(this.gaps)].map(Number));Array.from(r).sort(((e,t)=>t-e)).forEach((t=>{e[t]=Object.assign(Object.assign({},this.columns[t]&&{"grid-template-columns":`repeat(${this.columns[t]}, 1fr)`}),this.gaps[t]&&{gap:`${this.gaps[t]}rem`})}));return t(c,{key:"c798a9c94242a4f389736c197e99db6cd2d06f4d"},t("udp-container-query",{key:"ab3eef71029dc4cfb8dc0b84f1046914cff2c5b6",queries:e},t("div",{key:"2ead4cf6b66817d42c2639963dd335b1dab7497d",class:"grid-container"},t("slot",{key:"3c622012f0e11a40d3f3ce5533a913acc26a57c1"}))),t("style",{key:"624229105bda2bd3557654196a4464ba9577e8fe"},`\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        `))}};s.style=r;export{s as udp_container_query_grid};
 //# sourceMappingURL=udp-container-query-grid.entry.js.map

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

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as n}from"./index-n-1ZSeAs.js";const s=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";const r=class{constructor(e){t(this,e);this.queries={}}getContainerQueryStyle(){const t=Object.entries(this.queries).map((([t,e])=>{const n=Object.entries(e).map((([t,e])=>`${t}: ${e};`)).join("\n      ");return`\n  @container (min-width: ${t}px) {\n    ::slotted(*) {\n      ${n}\n    }\n  }`})).join("\n");return t}render(){return e(n,{key:"0b35d66111bf60992c606994e9f7004f924603b7",class:{[this.customClass]:!!this.customClass}},e("style",{key:"5db19a4f8ec8f0e96d3b0b0106415005193b097b"},this.getContainerQueryStyle()),e("slot",{key:"6ee739731deffcead5c7334f64ddd3f063370cac"}))}};r.style=s;export{r as udp_container_query};
+import{r as e,h as t,H as n}from"./index-n-1ZSeAs.js";const s=":host{display:block;container-type:inline-size;width:100%}:host(.container-query) ::slotted(*){transition:all 0.3s ease}";const c=class{constructor(t){e(this,t);this.queries={}}getContainerQueryStyle(){const e=Object.entries(this.queries).map((([e,t])=>{const n=Object.entries(t).map((([e,t])=>`${e}: ${t};`)).join("\n      ");return`\n  @container (min-width: ${e}px) {\n    ::slotted(*) {\n      ${n}\n    }\n  }`})).join("\n");return e}render(){return t(n,{key:"72e9a3e0372b8e11fe6fe962407d4777771f7312",class:{[this.customClass]:!!this.customClass}},t("style",{key:"87319acfcb16ec36e4c968fc0df957abd2b168bd"},this.getContainerQueryStyle()),t("slot",{key:"8f617fcb093fe0650fc3007a0a36d9bbd40db7c4"}))}};c.style=s;export{c as udp_container_query};
 //# sourceMappingURL=udp-container-query.entry.js.map

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

@@ -0,0 +1 @@

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

package/dist/stencil-library/udp-container_2.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,h as o,H as e}from"./index-n-1ZSeAs.js";const a=":host{display:block;width:100%}.udp-container{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}.udp-container--padded{padding-left:1rem;padding-right:1rem}.udp-container--fluid{max-width:100%}.udp-container--sm{max-width:640px}.udp-container--md{max-width:768px}.udp-container--lg{max-width:1024px}.udp-container--xl{max-width:1280px}.udp-container--2xl{max-width:1536px}";const d=class{constructor(o){r(this,o);this.fluid=false;this.maxWidth="lg";this.padding=true}render(){return o("div",{key:"d13a542b574d26ebbf5257ee3bb2c59e5323ab26",class:{"udp-container":true,"udp-container--fluid":this.fluid,"udp-container--padded":this.padding,[`udp-container--${this.maxWidth}`]:true}},o("slot",{key:"0e33316718e26f8840997c19e1a54a8bad1981c6"}))}};d.style=a;const i=":host{--udp-loader-primary-color:var(--primary-color, #2953ff);--udp-loader-secondary-color:var(--secondary-color, #6f767a);--udp-loader-success-color:var(--success-color, #0da40d);--udp-loader-error-color:var(--error-color, #ff0000);--udp-loader-warning-color:var(--warning-color, #ffa500);--udp-loader-info-color:var(--info-color, #2953ff)}.loader{position:relative;width:100%;height:4px;background-color:transparent;overflow:hidden;}.indeterminate{background-color:var(--udp-loader-primary-color);position:absolute;width:40%;height:100%;animation:indeterminate 1s linear infinite}.loader--color-primary .indeterminate{background-color:var(--udp-loader-primary-color)}.loader--color-secondary .indeterminate{background-color:var(--udp-loader-secondary-color)}.loader--color-success .indeterminate{background-color:var(--udp-loader-success-color)}.loader--color-error .indeterminate{background-color:var(--udp-loader-error-color)}.loader--color-warning .indeterminate{background-color:var(--udp-loader-warning-color)}.loader--color-info .indeterminate{background-color:var(--udp-loader-info-color)}@keyframes indeterminate{0%{left:-50%;width:50%}100%{left:100%;width:100%}}";const n=class{constructor(o){r(this,o);this.color="primary"}render(){const r={loader:true,[`loader--color-${this.color}`]:true};return o(e,{key:"76ef775cc380682d012413eb55e5b30fccf9bed6"},o("div",{key:"984db4afaf37f2ad6e8d76438712808a5279312d",class:r},o("div",{key:"9ba710c6d48b0a0965ba1afe9c8846669a693ed3",class:"indeterminate"})))}};n.style=i;export{d as udp_container,n as udp_linear_loader};
2	+ //# sourceMappingURL=udp-container_2.entry.js.map

package/dist/stencil-library/udp-container_2.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","h","Host","udpContainerCss","UdpContainer","constructor","hostRef","this","fluid","maxWidth","padding","render","key","class","style","udpLinearLoaderCss","UdpLinearLoader","color","loaderClasses","loader"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,sBAEpD,MAAMC,EAAkB,yYAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,MAAQ,MAIbD,KAAKE,SAAW,KAIhBF,KAAKG,QAAU,IACnB,CACA,MAAAC,GACI,OAAQV,EAAE,MAAO,CAAEW,IAAK,2CAA4CC,MAAO,CACnE,gBAAiB,KACjB,uBAAwBN,KAAKC,MAC7B,wBAAyBD,KAAKG,QAC9B,CAAC,kBAAkBH,KAAKE,YAAa,OACpCR,EAAE,OAAQ,CAAEW,IAAK,6CAC9B,GAEJR,EAAaU,MAAQX,EAErB,MAAMY,EAAqB,ypCAE3B,MAAMC,EAAkB,MACpB,WAAAX,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKU,MAAQ,SACjB,CACA,MAAAN,GACI,MAAMO,EAAgB,CAClBC,OAAQ,KACR,CAAC,iBAAiBZ,KAAKU,SAAU,MAErC,OAAQhB,EAAEC,EAAM,CAAEU,IAAK,4CAA8CX,EAAE,MAAO,CAAEW,IAAK,2CAA4CC,MAAOK,GAAiBjB,EAAE,MAAO,CAAEW,IAAK,2CAA4CC,MAAO,mBAChO,GAEJG,EAAgBF,MAAQC,SAEfX,mBAA+BY","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import{r,c as a,h as t,H as o}from"./index-n-1ZSeAs.js";import"cally";const e=".grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}";const n=class{constructor(t){r(this,t);this.change=a(this,"change");this.width="260px";this.orientation="horizontal";this.variant="range";this.monthsToDisplay=2;this.handleChange=r=>{this.change.emit(r.target.value)}}render(){const r=this.variant==="multi"?"calendar-multi":this.variant==="single"?"calendar-date":"calendar-range";return t(o,{key:"8751c978e7189843fb2144142325ef336f880743",style:{"--calendar-width":this.width}},t(r,{key:"09479c235d49f8c2fd05d02a99cc6dab30c25d75",value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:true,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange},t("udp-icon",{key:"39b038349daad10491eacdd4a5a2aeae8a014836",slot:"previous",iconName:"chevronLeft16",color:"inherit"}),t("udp-icon",{key:"d45a83f8c724f7c9fed577cda3af02c43a88fa74",slot:"next",iconName:"chevronRight16",color:"inherit"}),t("div",{key:"056ec5297095c0c8a58468ecc7acad36e66b3a10",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,a)=>t("calendar-month",{offset:a}))))))}};n.style=e;export{n as udp_date_range_selector};
+import{r,c as a,h as t,H as e}from"./index-n-1ZSeAs.js";import"cally";const o=".grid{display:flex;gap:16px}:host([orientation='horizontal']) .grid{flex-direction:row}:host([orientation='vertical']) .grid{flex-direction:column}calendar-month{--color-accent:var(--primary-color);--color-text-on-accent:#ffffff}:host([variant='range']) calendar-month::part(button){border-radius:3px}:host([variant='range']) calendar-month::part(range-inner){border-radius:0}:host([variant='range']) calendar-month::part(range-start){border-start-end-radius:0;border-end-end-radius:0}:host([variant='range']) calendar-month::part(range-end){border-start-start-radius:0;border-end-start-radius:0}:host([variant='range']) calendar-month::part(range-start range-end){border-radius:3px}calendar-range::part(button),calendar-date::part(button),calendar-multi::part(button){border:1px solid black;background-color:#ffffff;border-radius:50%;width:26px;height:26px}calendar-range::part(button):hover,calendar-date::part(button):hover,calendar-multi::part(button):hover{background-color:#eeecec}calendar-month::part(button){width:calc(var(--calendar-width) / 7);height:calc(var(--calendar-width) / 7)}calendar-month::part(highlight-day){color:var(--primary-color);font-weight:bold}calendar-month::part(primary-border){border:1px solid var(--primary-color)}calendar-month::part(secondary-border){border:1px solid var(--secondary-color)}calendar-month::part(warning-border){border:1px solid var(--warning-color-main)}calendar-month::part(primary-dot){position:relative}calendar-month::part(primary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}calendar-month::part(secondary-dot){position:relative}calendar-month::part(secondary-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--secondary-color)}calendar-month::part(warning-dot){position:relative}calendar-month::part(warning-dot)::after{content:' ';position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background-color:var(--warning-color-main);}";const n=class{constructor(t){r(this,t);this.change=a(this,"change");this.width="260px";this.orientation="horizontal";this.variant="range";this.monthsToDisplay=2;this.handleChange=r=>{this.change.emit(r.target.value)}}render(){const r=this.variant==="multi"?"calendar-multi":this.variant==="single"?"calendar-date":"calendar-range";return t(e,{key:"05954e515800a73e77afdea576cd2b3f6c0e888a",style:{"--calendar-width":this.width}},t(r,{key:"c0ab6f626d2c2f72c70ea732db4cb6c4a4cda7dc",value:this.value,min:this.minDate,max:this.maxDate,firstDayOfWeek:0,months:this.monthsToDisplay,showOutsideDays:true,pageBy:"single",isDateDisallowed:this.isDateDisallowed,getDayParts:this.getDayParts,onChange:this.handleChange},t("udp-icon",{key:"68b20aae91c9892a7b1ed781f3cccfd5d7e1ef8a",slot:"previous",iconName:"chevronLeft16",color:"inherit"}),t("udp-icon",{key:"06ee7c8148a73d8626fa1530f7bfd6deae66d53f",slot:"next",iconName:"chevronRight16",color:"inherit"}),t("div",{key:"30ef370103f2e2682d985bef97d236a7650ca51d",class:"grid"},Array.from({length:this.monthsToDisplay}).map(((r,a)=>t("calendar-month",{offset:a}))))))}};n.style=o;export{n as udp_date_range_selector};
 //# sourceMappingURL=udp-date-range-selector.entry.js.map

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

@@ -0,0 +1 @@

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

package/dist/stencil-library/udp-divider.entry.js ADDED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","h","Host","udpDividerCss","UdpDivider","constructor","hostRef","this","variant","render","style","height","size","width","key","class"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,sBAEpD,MAAMC,EAAgB,oLAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,QAAU,YACnB,CACA,MAAAC,GACI,MAAMC,EAAQH,KAAKC,UAAY,WACzB,CAAEG,OAAQJ,KAAKK,MACf,CAAEC,MAAON,KAAKK,MACpB,OAAQX,EAAEC,EAAM,CAAEY,IAAK,2CAA4CJ,MAAOA,GAAST,EAAE,MAAO,CAAEa,IAAK,2CAA4CC,MAAOR,KAAKC,UAAY,aAAe,aAAe,aACzM,GAEJJ,EAAWM,MAAQP,SAEVC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import t from"axios";import{C as e}from"./configService-BqLfkVKh.js";function n(t){return t&&typeof t==="object"&&"driveFileId"in t}function o(t){return t instanceof File}function i(t){const e={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",bmp:"image/bmp",tiff:"image/tiff",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};const n=t.trim().toLowerCase();return e[n]||"application/octet-stream"}async function a(n){try{const o=`${e.tenantV1ApiUrl}/UdpDrive/${n.driveFileId}/stream`;const a=await t({method:"GET",url:o,responseType:"blob",timeout:3e5,headers:{}});const c=a.data;const r=n.name||`file.${n.extension}`;return new File([c],r,{type:c.type||i(n.extension),lastModified:n.lastUpdated?new Date(n.lastUpdated).getTime():Date.now()})}catch(t){console.error("Error downloading file from UdpDriveFile:",t);const e=n.name||`file.${n.extension}`;return new File([""],e,{type:"application/octet-stream"})}}async function c(t,e="file"){try{if(t.startsWith("data:")){const n=await fetch(t);const o=await n.blob();return new File([o],e,{type:o.type})}else{const n=await fetch(t);const o=await n.blob();const i=t.split("/").pop()||e;return new File([o],i,{type:o.type})}}catch(t){console.error("Error creating file from string:",t);return new File([""],e,{type:"application/octet-stream"})}}function r(t){return typeof t==="string"&&t.includes("|")&&(t.includes("udp:")||t.includes("b64:"))}async function s(t){const e=t.split(",").map((t=>t.trim())).filter((t=>t));const n=[];for(const t of e){try{const e=await p(t);if(e){n.push(e)}}catch(e){console.error("Error parsing file reference:",t,e)}}return n}async function p(t){const e=t.split("|");if(e.length!==2){console.warn("Invalid file reference format:",t);return null}const[n,o]=e;if(o.startsWith("udp:")){const t=n.split(".").pop()||"";const e=i(t);const a=new Blob([""],{type:e});const c=new File([a],n,{type:e});c.driveFileId=o.substring(4);c.extension=t;return c}else if(o.startsWith("b64:")){const t=o.substring(4);const e=`data:application/octet-stream;base64,${t}`;try{return await c(e,n)}catch(t){console.error("Error processing base64 file:",t);return null}}console.warn("Unknown file reference format:",o);return null}export{p as a,n as b,c,a as d,o as e,i as g,r as i,s as p};
-//# sourceMappingURL=udp-drive-utils-BiYKUATs.js.map
+import t from"axios";import{C as e}from"./configService-BqLfkVKh.js";function n(t){return t&&typeof t==="object"&&"driveFileId"in t}function o(t){return t instanceof File}function i(t){const e={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",bmp:"image/bmp",tiff:"image/tiff",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};const n=t.trim().toLowerCase();return e[n]||"application/octet-stream"}async function a(n){try{const o=`${e.tenantV1ApiUrl}/UdpDrive/${n.driveFileId}/stream`;const a=await t({method:"GET",url:o,responseType:"blob",timeout:3e5,headers:{}});const c=a.data;const r=n.name||`file.${n.extension}`;return new File([c],r,{type:c.type||i(n.extension),lastModified:n.lastUpdated?new Date(n.lastUpdated).getTime():Date.now()})}catch(t){console.error("Error downloading file from UdpDriveFile:",t);const e=n.name||`file.${n.extension}`;return new File([""],e,{type:"application/octet-stream"})}}async function c(t,e="file"){try{if(t.startsWith("data:")){const n=await fetch(t);const o=await n.blob();return new File([o],e,{type:o.type})}else{const n=await fetch(t);const o=await n.blob();const i=t.split("/").pop()||e;return new File([o],i,{type:o.type})}}catch(t){console.error("Error creating file from string:",t);return new File([""],e,{type:"application/octet-stream"})}}function r(t){return typeof t==="string"&&t.includes("|")&&(t.includes("udp:")||t.includes("b64:"))}async function s(t){const e=t.split(",").map((t=>t.trim())).filter((t=>t));const n=[];for(const t of e){try{const e=await p(t);if(e){n.push(e)}}catch(e){console.error("Error parsing file reference:",t,e)}}return n}async function p(t){const e=t.split("|");if(e.length!==2){console.warn("Invalid file reference format:",t);return null}const[n,o]=e;if(o.startsWith("udp:")){const t=n.split(".").pop()||"";const e=i(t);const a=new Blob([""],{type:e});const c=new File([a],n,{type:e});c.driveFileId=o.substring(4);c.extension=t;return c}else if(o.startsWith("b64:")){const t=o.substring(4);const e=`data:application/octet-stream;base64,${t}`;try{return await c(e,n)}catch(t){console.error("Error processing base64 file:",t);return null}}console.warn("Unknown file reference format:",o);return null}export{n as a,o as b,c,a as d,s as e,i as g,r as i,p};
+//# sourceMappingURL=udp-drive-utils-CIrjVGiJ.js.map

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

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

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

@@ -0,0 +1 @@

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