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

package/dist/cjs/primary-action-header_2.cjs.entry.js

@@ -0,0 +1,395 @@
+'use strict';
+
+var index = require('./index-SNloIaSR.js');
+var iconMapping = require('./iconMapping-CkHR1LGY.js');
+require('@carbon/icons/es/add/16');
+require('@carbon/icons/es/add/32');
+require('@carbon/icons/es/add--alt/16');
+require('@carbon/icons/es/add--filled/16');
+require('@carbon/icons/es/arrows--horizontal/16');
+require('@carbon/icons/es/attachment/16');
+require('@carbon/icons/es/batch-job/16');
+require('@carbon/icons/es/box/16');
+require('@carbon/icons/es/close/16');
+require('@carbon/icons/es/close/24');
+require('@carbon/icons/es/close/32');
+require('@carbon/icons/es/close--filled/16');
+require('@carbon/icons/es/close--outline/16');
+require('@carbon/icons/es/checkmark/16');
+require('@carbon/icons/es/checkmark/24');
+require('@carbon/icons/es/checkmark/32');
+require('@carbon/icons/es/chevron--left/16');
+require('@carbon/icons/es/chevron--right/16');
+require('@carbon/icons/es/chevron--down/16');
+require('@carbon/icons/es/data-enrichment/16');
+require('@carbon/icons/es/document/16');
+require('@carbon/icons/es/document--add/16');
+require('@carbon/icons/es/document--attachment/16');
+require('@carbon/icons/es/document--pdf/16');
+require('@carbon/icons/es/document--video/16');
+require('@carbon/icons/es/document--audio/16');
+require('@carbon/icons/es/draggable/16');
+require('@carbon/icons/es/edit/16');
+require('@carbon/icons/es/export/16');
+require('@carbon/icons/es/flag/16');
+require('@carbon/icons/es/information/16');
+require('@carbon/icons/es/information/32');
+require('@carbon/icons/es/link/16');
+require('@carbon/icons/es/overflow-menu--vertical/16');
+require('@carbon/icons/es/overflow-menu--vertical/32');
+require('@carbon/icons/es/return/16');
+require('@carbon/icons/es/save/16');
+require('@carbon/icons/es/settings/16');
+require('@carbon/icons/es/subtract/16');
+require('@carbon/icons/es/subtract--alt/16');
+require('@carbon/icons/es/subtract--filled/16');
+require('@carbon/icons/es/trash-can/16');
+require('@carbon/icons/es/user/16');
+require('@carbon/icons/es/view/16');
+require('@carbon/icons/es/warning/16');
+require('@carbon/icons/es/warning/32');
+require('@carbon/icons/es/warning--alt/16');
+require('@carbon/icons/es/warning--alt/32');
+require('@carbon/icons/es/product/16');
+require('@carbon/icons/es/workspace/16');
+require('@carbon/icons/es/arrow--up/16');
+require('@carbon/icons/es/arrow--down/16');
+require('@carbon/icons/es/arrow--right/16');
+require('@carbon/icons/es/arrow--left/16');
+require('@carbon/icons/es/copy/16');
+require('@carbon/icons/es/star/16');
+require('@carbon/icons/es/data-table/16');
+require('@carbon/icons/es/fit-to-width/16');
+require('@carbon/icons/es/search--advanced/16');
+require('@carbon/icons/es/reset/16');
+require('@carbon/icons/es/column/16');
+require('@carbon/icons/es/column--delete/16');
+require('@carbon/icons/es/watson-health/rotate--360/16');
+require('@carbon/icons/es/filter/16');
+require('@carbon/icons/es/app-connectivity/16');
+require('@carbon/icons/es/text--font/16');
+require('@carbon/icons/es/text--long-paragraph/16');
+require('@carbon/icons/es/character--whole-number/16');
+require('@carbon/icons/es/checkbox--checked/16');
+require('@carbon/icons/es/radio-button--checked/16');
+require('@carbon/icons/es/event--schedule/16');
+require('@carbon/icons/es/view--off/16');
+require('@carbon/icons/es/time/16');
+require('@carbon/icons/es/calendar/16');
+require('@carbon/icons/es/list--checked/16');
+require('@carbon/icons/es/list--bulleted/16');
+require('@carbon/icons/es/cloud--upload/16');
+require('@carbon/icons/es/locked/16');
+require('@carbon/icons/es/pause/16');
+require('@carbon/icons/es/unlocked/16');
+require('@carbon/icons/es/send/16');
+require('@carbon/icons/es/email/16');
+require('@carbon/icons/es/checkmark--outline/16');
+require('@carbon/icons/es/migrate--alt/16');
+require('@carbon/icons/es/checkbox--checked--filled/16');
+require('@carbon/icons/es/checkbox/16');
+require('@carbon/icons/es/ZIP/16');
+require('@carbon/icons/es/image/16');
+require('@carbon/icons/es/PPT/16');
+require('@carbon/icons/es/XLS/16');
+
+const primaryActionHeaderCss = () => `:host{display:block;font-family:var(--font-family-base, sans-serif);background-color:var(--primary-action-header-background, #ffffff);color:var(--primary-action-header-text-color, rgba(0, 0, 0, 0.87));box-shadow:var(--primary-action-header-shadow, 0px 2px 4px -1px rgba(0,0,0,0.2));height:var(--primary-action-header-height, 48px);padding:var(--primary-action-header-padding, 0 var(--spacing-04));box-sizing:border-box}.header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.title-section{flex-shrink:0;margin-right:var(--spacing-md, 16px)}.tabs{flex-grow:1;display:flex;justify-content:center;align-items:stretch;min-width:0}.tabs udp-tabs{width:100%;display:flex;justify-content:center}.tabs udp-tabs::part(tab-list){}.tabs udp-tabs button{padding:0 16px;margin:0 var(--spacing-xxs, 4px);height:100%;border:none;background-color:transparent;cursor:pointer;font-size:var(--font-size-sm, 0.875rem);color:var(--text-color-secondary, rgba(0, 0, 0, 0.6));text-transform:uppercase;font-weight:var(--font-weight-medium, 500);border-bottom:2px solid transparent;transition:color 0.3s ease, border-bottom-color 0.3s ease}.tabs udp-tabs button:hover{color:var(--primary-color-hover, var(--primary-color, #1976d2))}.tabs udp-tabs button.active{color:var(--primary-color, #1976d2);border-bottom:2px solid var(--primary-color, #1976d2)}.button-section{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-sm, 8px)}.button-section stencil-icon-button{color:var(--primary-action-header-icon-color, var(--text-color-primary, rgba(0, 0, 0, 0.54)))}.button-section stencil-icon-button:hover{background-color:rgba(0,0,0,0.04)}.button-section custom-button{}`;
+
+const PrimaryActionHeader = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hiddenActionButtons = [];
+        this.hiddenLabels = [];
+        this.actionButtons = [];
+        this.defaultActionButtons = [];
+        this.tabs = true;
+        this.actionButtonLabel = '';
+    }
+    //   @State() activeTabIndex: number = 0;
+    getIconComponent(icon, customIcon) {
+        if (customIcon) {
+            return customIcon;
+        }
+        if (typeof icon === 'string') {
+            return iconMapping.iconMapping[icon];
+        }
+        return icon;
+    }
+    renderIcon(ActualIcon) {
+        if (ActualIcon && ActualIcon.elem === 'svg') {
+            return (index.h("svg", Object.assign({}, ActualIcon.attrs), ActualIcon.content.map((content, index$1) => {
+                return index.h("path", Object.assign({ key: index$1 }, content.attrs));
+            })));
+        }
+        return null;
+    }
+    //   selectTab(index: number) {
+    //     this.activeTabIndex = index;
+    //   }
+    render() {
+        console.log('active tab', this.activeTabIndex);
+        return (index.h("div", { key: '6619a0d1886bed91baf548f6577ffd29a6583e10', class: "header-bar" }, index.h("div", { key: '42005c79b8749912231c96e12bdeb03ae5d0e3c5', class: "title-section" }, index.h("unity-typography", { key: '2c9910a18282fb24d024428ac4f100fe4a884a0f', variant: "h4" }, this.title)), this.tabs && (index.h("div", { key: '1557c08c085bfc8784322861d56bb6b3d0649ab6', class: "tabs" }, index.h("udp-tabs", { key: 'd0825c8efaed182864999508c19550e979ee5982' }, index.h("button", { key: 'a7f4a1ddcde103c52a316ea1460828b39503398f', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), index.h("button", { key: 'f39ba5df6b9acc160f3951fd3f1a2407e413331b', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), index.h("div", { key: '7a2fd6fd7dc477c7b6bce09394f6ea5763cd22e0', class: "button-section" }, this.defaultActionButtons.map(btn => {
+            // Determine the actual icon to use
+            const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
+            const clickHandler = (event) => {
+                if (btn.clickHandler) {
+                    btn.clickHandler(event);
+                }
+                else {
+                    console.log(`${btn.label} Clicked but no custom handler defined`);
+                }
+            };
+            if (!this.hiddenActionButtons.includes(btn.label) && btn.visible) {
+                return (index.h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && index.h("span", null, btn.label)));
+            }
+            return null;
+        }), !this.actionButtonLabel && index.h("div", { key: '1794f324f22d659d1e072e1a5f35e05ea81b9388', class: "right-margin" }), this.actionButtonLabel && (index.h("udp-button", { key: '8f2fe83b58c869cdfac6db0d48a7d03aaead6ec1', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+    }
+};
+PrimaryActionHeader.style = primaryActionHeaderCss();
+
+const udpTabsCss = () => `.tab-container{display:flex;flex-direction:column}.tab-header{background-color:#ffffff;position:relative;display:flex;align-items:center}.tab-scroll-container{display:flex;position:relative;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0}.tab-scroll-container::-webkit-scrollbar{height:4px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent}.tab-scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.2);border-radius:4px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background-color:rgba(0, 0, 0, 0.3)}.tab-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--divider-color, #e0e0e0)}.tab-header button{padding:16px;font-size:14px;text-align:center;border:none;background:none;cursor:pointer;outline:none;transition:all 0.22s ease;color:#555555;font-weight:600;opacity:0.9;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px}.tab-header.fill .tab-scroll-container{width:100%}.tab-header.fill .tab-scroll-container button{flex-grow:1}.tab-header button.active{color:var(--secondary-color, #344861);opacity:1.0}.tab-header button.scroll-arrow{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:40px;padding:0;background:#ffffff;cursor:pointer;font-size:16px;font-weight:bold;color:#757575;z-index:2;transition:color 0.2s ease;flex-shrink:0;opacity:1;gap:0}.tab-header button.scroll-arrow:hover{color:#000}.tab-header button.scroll-arrow.left{left:0}.tab-header button.scroll-arrow.right{right:0}.scroll-fade{position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.scroll-fade.left{left:40px;background:linear-gradient(     to right,     #ffffff,     rgba(255, 255, 255, 0)   )}.scroll-fade.right{right:40px;background:linear-gradient(     to left,     #ffffff,     rgba(255, 255, 255, 0)   )}.tab-header button udp-icon{font-size:1.2em;line-height:1}.tab-header button.icon-start{flex-direction:row}.tab-header button.icon-end{flex-direction:row-reverse}.tab-header button.icon-top{flex-direction:column;gap:4px}.tab-header button.icon-bottom{flex-direction:column-reverse;gap:4px}.slider{position:absolute;bottom:0;left:0;height:2px;background-color:var(--secondary-color, #344861);transition:transform 0.22s cubic-bezier(0.4, 0, 0.2, 1),     width 0.22s cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.tab-header button.disabled{opacity:0.5;cursor:not-allowed}.tab-header button.disabled.active{color:#757575;opacity:0.5}`;
+
+const UdpTabs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.udpTabChange = index.createEvent(this, "udpTabChange");
+        /**
+         * Specifies the layout variant of the tab header.
+         *
+         * - `'standard'`: Tabs will be sized based on their content.
+         * - `'fill'`: Tabs will stretch to fill the available horizontal space.
+         */
+        this.variant = 'fill';
+        /**
+         * (Optional) An array of tab configuration objects.
+         * If provided, this will be used to render tabs instead of slotted `<udp-tab>` components.
+         * This mode is typically used with controlled tabs.
+         */
+        this.tabs = [];
+        this.internalActiveTab = 0; // For uncontrolled mode
+        this.tabDetails = []; // Unified details from prop or slot
+        this.sliderStyle = {
+            width: '0',
+            transform: 'translateX(0)',
+        };
+        this.showScrollLeft = false;
+        this.showScrollRight = false;
+        this.slottedTabs = []; // Renamed from `tabs`
+        this.buttonRefs = [];
+    }
+    /**
+     * Returns true if the component is in controlled mode.
+     */
+    get isControlled() {
+        return this.value != null;
+    }
+    /**
+     * Returns true if tabs are being provided by the `tabs` prop.
+     */
+    get useTabsProp() {
+        return this.tabs && this.tabs.length > 0;
+    }
+    /**
+     * Returns the currently active tab index,
+     * respecting controlled or uncontrolled mode.
+     */
+    get activeTab() {
+        return this.isControlled ? this.value : this.internalActiveTab;
+    }
+    handleSlotChange() {
+        // If we're using the tabs prop, slot changes are irrelevant
+        if (this.useTabsProp)
+            return;
+        this.initializeTabs();
+    }
+    handleResize() {
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    componentDidLoad() {
+        this.initializeTabs();
+    }
+    /**
+     * Watcher for uncontrolled state changes.
+     */
+    onActiveTabChange(newValue) {
+        this.updateActiveTabs();
+        this.updateSliderPosition();
+        this.scrollTabIntoView(newValue);
+    }
+    /**
+     * Watcher for controlled state changes.
+     */
+    onValueChange(newValue) {
+        this.updateActiveTabs();
+        this.updateSliderPosition();
+        this.scrollTabIntoView(newValue);
+    }
+    /**
+     * Watcher for tabs prop changes.
+     */
+    onTabsPropChange() {
+        this.initializeTabs();
+    }
+    onVariantChange() {
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    initializeTabs() {
+        var _a, _b;
+        this.buttonRefs = [];
+        if (this.useTabsProp) {
+            // --- Prop-based ---
+            this.tabDetails = this.tabs.map(t => (Object.assign({}, t))); // Use data from prop
+            this.slottedTabs = []; // Ensure we're not tracking slotted tabs
+        }
+        else {
+            // --- Slot-based ---
+            this.slottedTabs = Array.from(this.el.children).filter((child) => child.tagName.toLowerCase() === 'udp-tab');
+            this.tabDetails = this.slottedTabs.map(tab => ({
+                label: tab.label,
+                icon: tab.icon,
+                iconPlacement: tab.iconPlacement,
+                hidden: tab.hidden,
+                disabled: tab.disabled,
+            }));
+        }
+        // --- Common Logic ---
+        // In uncontrolled mode, check if the default active tab is invalid.
+        if (!this.isControlled) {
+            if (((_a = this.tabDetails[this.internalActiveTab]) === null || _a === void 0 ? void 0 : _a.hidden) || ((_b = this.tabDetails[this.internalActiveTab]) === null || _b === void 0 ? void 0 : _b.disabled)) {
+                const firstValidIndex = this.tabDetails.findIndex(tab => !tab.hidden && !tab.disabled);
+                this.internalActiveTab = firstValidIndex > -1 ? firstValidIndex : 0;
+            }
+        }
+        this.updateActiveTabs();
+        requestAnimationFrame(() => {
+            this.updateSliderPosition();
+            this.checkScroll();
+        });
+    }
+    updateActiveTabs() {
+        // Only update slotted tabs if we're in slot mode
+        if (!this.useTabsProp) {
+            const currentActiveTab = this.activeTab;
+            this.slottedTabs.forEach((tab, index) => {
+                tab.active = index === currentActiveTab;
+            });
+        }
+        // If in prop mode, the <button> 'active' class is handled by render()
+    }
+    updateSliderPosition() {
+        const activeButton = this.buttonRefs[this.activeTab]; // Use getter
+        if (!activeButton) {
+            this.sliderStyle = { width: '0px', transform: 'translateX(0px)' };
+            return;
+        }
+        this.sliderStyle = {
+            width: `${activeButton.offsetWidth}px`,
+            transform: `translateX(${activeButton.offsetLeft}px)`,
+        };
+    }
+    checkScroll() {
+        if (!this.scrollContainerRef)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = this.scrollContainerRef;
+        const isOverflowing = scrollWidth > clientWidth;
+        this.showScrollLeft = isOverflowing && scrollLeft > 1;
+        this.showScrollRight = isOverflowing && scrollLeft < scrollWidth - clientWidth - 1;
+    }
+    tabClicked(tabIndex) {
+        var _a;
+        if ((_a = this.tabDetails[tabIndex]) === null || _a === void 0 ? void 0 : _a.disabled) {
+            return;
+        }
+        if (this.isControlled) {
+            // In controlled mode, emit the event for the parent to handle.
+            // The `onValueChange` watcher will handle UI updates when the prop changes.
+            this.udpTabChange.emit(tabIndex);
+        }
+        else {
+            // In uncontrolled mode, update state directly.
+            // The `onActiveTabChange` watcher will handle UI updates.
+            this.internalActiveTab = tabIndex;
+        }
+    }
+    scrollTabIntoView(tabIndex) {
+        const tabButton = this.buttonRefs[tabIndex];
+        const container = this.scrollContainerRef;
+        if (!tabButton || !container)
+            return;
+        const { scrollLeft, clientWidth } = container;
+        const tabLeft = tabButton.offsetLeft;
+        const tabRight = tabLeft + tabButton.offsetWidth;
+        const safeZonePadding = 70;
+        const safeZoneLeft = scrollLeft + safeZonePadding;
+        const safeZoneRight = scrollLeft + clientWidth - safeZonePadding;
+        if (tabLeft < safeZoneLeft) {
+            container.scrollTo({
+                left: tabLeft - safeZonePadding,
+                behavior: 'smooth',
+            });
+        }
+        else if (tabRight > safeZoneRight) {
+            container.scrollTo({
+                left: tabRight - clientWidth + safeZonePadding,
+                behavior: 'smooth',
+            });
+        }
+    }
+    scrollToStart() {
+        if (!this.scrollContainerRef)
+            return;
+        this.scrollContainerRef.scrollTo({ left: 0, behavior: 'smooth' });
+    }
+    scrollToEnd() {
+        if (!this.scrollContainerRef)
+            return;
+        const container = this.scrollContainerRef;
+        const { scrollWidth, clientWidth } = container;
+        const maxScrollLeft = scrollWidth - clientWidth;
+        container.scrollTo({ left: maxScrollLeft, behavior: 'smooth' });
+    }
+    render() {
+        const currentActiveTab = this.activeTab; // Use getter
+        return (index.h("div", { key: '39658d24754621f8b22e718d126894451a4919d8', class: "tab-container" }, index.h("div", { key: '49afc82bdbfafb7292c450bdd76c3e6fd5b9e9aa', class: `tab-header ${this.variant}` }, this.showScrollLeft && (index.h("button", { key: 'ade7254e3b26254f12e3aedfc6e6656904b188e6', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, index.h("udp-icon", { key: '095dcdf5234ef669ea45bc28d0fb9f025eba5326', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && index.h("div", { key: '79c3ebfd7e482c60596fe92d42757d93dfb4e2b6', class: "scroll-fade left" }), index.h("div", { key: '7bac2bd5f30bb120284814b05ea4da8150c4cc40', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index$1) => {
+            if (tab.hidden) {
+                return null;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const iconEl = tab.icon ? index.h("udp-icon", { iconName: tab.icon, color: 'inherit' }) : null;
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            const labelEl = index.h("span", null, tab.label);
+            return (index.h("button", { class: {
+                    'active': index$1 === currentActiveTab,
+                    'has-icon': !!tab.icon,
+                    [`icon-${tab.iconPlacement}`]: !!tab.icon,
+                    'disabled': tab.disabled,
+                }, disabled: tab.disabled, onClick: () => this.tabClicked(index$1), role: "tab", "aria-selected": index$1 === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index$1] = el) }, iconEl, labelEl));
+        }), index.h("div", { key: 'f2c322a5bc7fe5c5e0aaace452727ddb287a17da', class: "slider", style: this.sliderStyle })), this.showScrollRight && index.h("div", { key: '08399f60df57432e46b7365c0d5f653f512edc46', class: "scroll-fade right" }), this.showScrollRight && (index.h("button", { key: '9be19443a7c996472714beb53d9e3534b000c62e', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, index.h("udp-icon", { key: 'e4c5baf6a8e0ae67adb82c0b8be48ca277b25ce4', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (index.h("div", { key: '4b33abce9f558a0d0fb22533d81f11fc1dc18849' }, index.h("slot", { key: '1ebca6515b93f563f063c5832e31e2d17a8dbcd8' })))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "internalActiveTab": [{
+                "onActiveTabChange": 0
+            }],
+        "value": [{
+                "onValueChange": 0
+            }],
+        "tabs": [{
+                "onTabsPropChange": 0
+            }],
+        "variant": [{
+                "onVariantChange": 0
+            }]
+    }; }
+};
+UdpTabs.style = udpTabsCss();
+
+exports.primary_action_header = PrimaryActionHeader;
+exports.udp_tabs = UdpTabs;

package/dist/cjs/question-configs-renderer_4.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
-var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BlgDh7P5.js');
-var enums = require('./enums-ibNZ4cZ4.js');
+var index = require('./index-SNloIaSR.js');
+var udpFormsBuilderQuestionTemplate = require('./udp-forms-builder-question-template-BS5ijef_.js');
+var enums = require('./enums-B3aaCQaV.js');
 var iconUtils = require('./iconUtils-BuDk48Xh.js');
 require('./iconMapping-CkHR1LGY.js');
 require('@carbon/icons/es/add/16');
@@ -96,7 +96,7 @@ require('@carbon/icons/es/image/16');
 require('@carbon/icons/es/PPT/16');
 require('@carbon/icons/es/XLS/16');
 
-const questionConfigsRendererCss = ".generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}";
+const questionConfigsRendererCss = () => `.generic-configs-container{display:flex;flex-direction:column;}.question-configs-header{display:flex;justify-content:space-between;align-items:center}`;
 
 const QuestionConfigsRenderer = class {
     constructor(hostRef) {
@@ -116,28 +116,28 @@ const QuestionConfigsRenderer = class {
     render() {
         const template = udpFormsBuilderQuestionTemplate.questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
         const isQuestionTextRequired = !(template && template.questionTextOptional);
-        return (index.h("div", { key: '07293c93d11c27439e17527eeb78cdeccb56caec', class: "generic-configs-container" }, index.h("div", { key: '887ec1f2a5e13e700ff7128c70bc33949cc4b4d6', class: "question-configs-header" }, index.h("unity-typography", { key: 'c0dcd102e7399f199a8cf07f26b1799bd2cf0c1b', variant: "h6" }, this.question.questionTypeName, " Question"), index.h("div", { key: 'd317bc353bbbf5475e09c79ea1641ab45755ba52' }, !this.question.fieldProperties.ignoreRequiredConfig && (index.h("stencil-toggle", { key: '8d137d95c56d8733a6f5fac8129c42624ee2f99c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
+        return (index.h("div", { key: '3ddd42597e37dbd3b1f0ac9ade2ea77bd073da32', class: "generic-configs-container" }, index.h("div", { key: '5368d5f2ae9b971359d7a8270045377bb3ac9e1e', class: "question-configs-header" }, index.h("unity-typography", { key: '1cebdec17b62362dca593d9084d47d5ac21eeecf', variant: "h6" }, this.question.questionTypeName, " Question"), index.h("div", { key: 'abfdac1af7952d9cad81623743ce1cf06ecd1349' }, !this.question.fieldProperties.ignoreRequiredConfig && (index.h("stencil-toggle", { key: '9892b0159a70769f288ad55deff33dbd238fed8c', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
                 const newValue = !this.question.required;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" })))), index.h("text-area", { key: '2b77e740cde748d17086f5350bdaba6dd62780fb', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
+            }, labelPosition: "right" })))), index.h("text-area", { key: '93cefa33c4e64dde9ba3d5ad5f70f8e386813833', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
                 this.onFormSectionsDraftChange(updated);
-            } }), index.h("text-area", { key: '826c1985e19bbd8bce26f7fdd67d6127b90dcf29', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
+            } }), index.h("text-area", { key: 'e9ef11aef0f8bdca7fdfeddedbd10c064919dfb2', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
                 const newValue = e.target.value;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
                 const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
                 this.onFormSectionsDraftChange(updated);
-            } }), index.h("question-specific-configs-renderer", { key: 'b2aa8b281f34a29a99260bcc6e2a1b8030021d07', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (index.h("div", { key: '27bf0303c7f375acd35ea4a9c3d3c0c52ba770fd' }, index.h("stencil-toggle", { key: '694e447a645c8d8288e7a19eee4bd817f4ab72f9', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
+            } }), index.h("question-specific-configs-renderer", { key: '8c9df8b200bcb3dfff2b049b4a4c7eff74e09d5f', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions }), this.isCommentingConfigOn && (index.h("div", { key: 'be226fae2aa4b47d2ba9f8f93b737669f88276c1' }, index.h("stencil-toggle", { key: 'efa63f9dcb5204e0a08f7a087d8afe7c28894733', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
                 const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
                 this.onFormSectionsDraftChange(updated);
-            }, labelPosition: "right" }))), this.formType == enums.UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (index.h("div", { key: '3f38852af022fb38fad4ba862af9df13b12d5125' }, index.h("stencil-toggle", { key: 'd586901f37c4e1812df8e662f00a8ce5e4410bcc', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
+            }, labelPosition: "right" }))), this.formType == enums.UdpFormsTypeEnum.Standard && this.isFollowUpFormConfigOn && (index.h("div", { key: 'bae3e66a3391fc22c395e7abedac8c9c3579cbeb' }, index.h("stencil-toggle", { key: '694abb0977636728bc111edc6ea9dd5a076c43bf', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
                 if (this.isViewOnly)
                     return;
                 const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
@@ -146,9 +146,9 @@ const QuestionConfigsRenderer = class {
             }, labelPosition: "right" })))));
     }
 };
-QuestionConfigsRenderer.style = questionConfigsRendererCss;
+QuestionConfigsRenderer.style = questionConfigsRendererCss();
 
-const sectionConfigsRendererCss = ".generic-configs-container{display:flex;flex-direction:column}";
+const sectionConfigsRendererCss = () => `.generic-configs-container{display:flex;flex-direction:column}`;
 
 const SectionConfigsRenderer = class {
     constructor(hostRef) {
@@ -174,24 +174,24 @@ const SectionConfigsRenderer = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '97408de596e927179652adfdf1302da24f18e172', class: "generic-configs-container" }, index.h("text-area", { key: 'dd9282d4a3b1fb668c106d7d1c42d5995c060c25', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
+        return (index.h("div", { key: '5fcf2d34b4cc671a7f7896eee54a3e0923de6a7d', class: "generic-configs-container" }, index.h("text-area", { key: 'b4b716284f0ec12906edda97912e8f9971c6c137', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), index.h("text-area", { key: '91c5b099229deb20ae6e7db68d4f0cf7daaa2479', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
+            } }), index.h("text-area", { key: 'b796df9c1a019bf7fd5eef5ab188f5ead5650f0d', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
                 const newValue = e.target.value;
                 const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
                 this.onFormSectionsDraftChange(updated);
-            } }), index.h("stencil-toggle", { key: 'c7e59748a3cd05230ba1cc055b1ee57a74b67c4f', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
+            } }), index.h("stencil-toggle", { key: '0cec601c369d040901a2810ee66aaf7d6899ce7e', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
                 const newValue = !this.section.sectionProperties.isRepeatable;
                 const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
                 this.onFormSectionsDraftChange(updated);
             }, labelPosition: "right" })));
     }
 };
-SectionConfigsRenderer.style = sectionConfigsRendererCss;
+SectionConfigsRenderer.style = sectionConfigsRendererCss();
 
-const udpFormsBuilderMenuCss = ":host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}";
+const udpFormsBuilderMenuCss = () => `:host{display:flex;flex-direction:column;gap:var(--spacing-05, 24px);border:1px dashed var(--primary-color);padding:var(--spacing-05, 24px);box-sizing:border-box;background-color:var(--card-background-color, #fff);}.menu-options-container{display:flex;flex:row;flex-wrap:wrap;gap:var(--spacing-03, 8px)}.menu-header-container{display:flex;align-items:center;justify-content:space-between}`;
 
 const UdpFormsBuilderMenu = class {
     constructor(hostRef) {
@@ -203,14 +203,14 @@ const UdpFormsBuilderMenu = class {
     }
     render() {
         return [
-            index.h("div", { key: '68795e319ee119db34098c0984238abc5c6d9352', class: 'menu-header-container' }, index.h("unity-typography", { key: 'c1acecdeef282e600074287de2f641ddff70c52a', variant: "body1" }, "Choose a Question Type"), index.h("stencil-icon-button", { key: '796c233952bb7967b45520e0578a8721bd27c576', icon: iconUtils.getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
-            index.h("div", { key: '016a02f4c2cf5af71e7f1241d19fe0ef622e087e', class: "menu-options-container" }, this.questionsTemplate.map(q => (index.h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: index.h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
+            index.h("div", { key: 'f490f7a9a90ad5b2950bb93b2295cb92093a64b8', class: 'menu-header-container' }, index.h("unity-typography", { key: '24bd89027e696522658a4408b81b0ca8288b4bfa', variant: "body1" }, "Choose a Question Type"), index.h("stencil-icon-button", { key: '3db3b42dfade4d548ac5b0111dad975c24e86052', icon: iconUtils.getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
+            index.h("div", { key: '172fcb129860019f0292c9f05086d3bb197bbe75', class: "menu-options-container" }, this.questionsTemplate.map(q => (index.h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: index.h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
         ];
     }
 };
-UdpFormsBuilderMenu.style = udpFormsBuilderMenuCss;
+UdpFormsBuilderMenu.style = udpFormsBuilderMenuCss();
 
-const udpFormsBuilderQuestionItemCss = ".list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}";
+const udpFormsBuilderQuestionItemCss = () => `.list-item{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-4, 16px);padding:var(--spacing-3, 12px) var(--spacing-4, 16px);border-bottom:1px solid var(--border-color, #e0e0e0);background-color:var(--card-background-color, #FFF);transition:background-color 0.1s}.list-item.clickable{cursor:grab}.list-item.clickable:hover{background-color:var(--primary-color-alpha-15, #f5f5f5)}.avatar-container{align-items:center}.text-container{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}.primary-text,.secondary-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-text{font-weight:500}.status-chip-container{display:flex;align-items:center;flex-shrink:0}.actions-container{display:flex;flex-shrink:0}`;
 
 const UdpFormsBuilderQuestionItem = class {
     constructor(hostRef) {
@@ -245,10 +245,9 @@ const UdpFormsBuilderQuestionItem = class {
     }
     get hostEl() { return index.getElement(this); }
 };
-UdpFormsBuilderQuestionItem.style = udpFormsBuilderQuestionItemCss;
+UdpFormsBuilderQuestionItem.style = udpFormsBuilderQuestionItemCss();
 
 exports.question_configs_renderer = QuestionConfigsRenderer;
 exports.section_configs_renderer = SectionConfigsRenderer;
 exports.udp_forms_builder_menu = UdpFormsBuilderMenu;
 exports.udp_forms_builder_question_item = UdpFormsBuilderQuestionItem;
-//# sourceMappingURL=question-configs-renderer.section-configs-renderer.udp-forms-builder-menu.udp-forms-builder-question-item.entry.cjs.js.map

package/dist/cjs/resource-timeline-calendar.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CGCOXUJE.js');
+var index = require('./index-SNloIaSR.js');
 
 class AgGridSubtitleCellRenderer {
     init(params) {
@@ -96,7 +96,7 @@ class ResourceTimelineColumnHeader {
     }
 }
 
-const resourceTimelineCalendarCss = ".resource-timeline-calendar {\n  .header-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .custom-header {\n    font-size: 12px;\n  }\n\n  .header-group .title {\n    color: rgba(0, 0, 0, 0.38);\n    font-weight: 400;\n  }\n\n  .header-group .sub-title {\n    color: black;\n    font-weight: 400;\n  }\n\n  .custom-group-column {\n    display: flex;\n    flex-direction: row;\n    width: 150px;\n    align-items: flex-start;\n    margin-top: -6px;\n    font-size: 12px;\n  }\n\n  .custom-group-column .title {\n    height: 14px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    width: 100%;\n  }\n\n  .custom-group-column .title-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  .custom-group-column .chip-container {\n    height: 15px;\n    margin-left: var(--spacing-01);\n    font-weight: 300;\n    position: absolute;\n    right: var(--spacing-03);\n    margin-top: var(--spacing-03);\n  }\n\n\n  .custom-group-column .sub-title {\n    font-weight: 400;\n    color: rgba(0, 0, 0, 0.6);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  .ag-header-cell,\n  .ag-cell {\n    border-right: 1px solid #f1f3f5;\n  }\n\n  .ag-header-cell:last-of-type,\n  .ag-cell:last-of-type {\n    border-right: none;\n  }\n\n  /* Doesnt display none row group */\n  .hide-row {\n    display: none;\n  }\n\n  .ag-row-level-0 {\n    font-size: 12px;\n    background-color: #f4f6f8;\n    font-weight: 600;\n  }\n\n  .ag-row-level-1 {\n    font-size: 12px;\n    background-color: #fafbfc\n  }\n\n  .ag-row-level-2 {\n    font-size: 11px;\n    color: rgba(0, 0, 0, 0.72);\n  }\n\n\n  .today-header {\n    background-color: #e6f7ff;\n    border-top: 1px solid #4e8cff;\n  }\n\n  .weekend-header {\n    background-color: rgba(0, 0, 0, 0.03);\n  }\n\n  .ag-header-cell-comp-wrapper {\n    justify-content: center;\n  }\n\n\n}\n";
+const resourceTimelineCalendarCss = () => `.resource-timeline-calendar{.header-group{display:flex;flex-direction:column;align-items:center}.custom-header{font-size:12px}.header-group .title{color:rgba(0, 0, 0, 0.38);font-weight:400}.header-group .sub-title{color:black;font-weight:400}.custom-group-column{display:flex;flex-direction:row;width:150px;align-items:flex-start;margin-top:-6px;font-size:12px}.custom-group-column .title{height:14px;text-overflow:ellipsis;white-space:nowrap;width:100%}.custom-group-column .title-container{display:flex;flex-direction:column;width:100%}.custom-group-column .chip-container{height:15px;margin-left:var(--spacing-01);font-weight:300;position:absolute;right:var(--spacing-03);margin-top:var(--spacing-03)}.custom-group-column .sub-title{font-weight:400;color:rgba(0, 0, 0, 0.6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.ag-header-cell,.ag-cell{border-right:1px solid #f1f3f5}.ag-header-cell:last-of-type,.ag-cell:last-of-type{border-right:none}.hide-row{display:none}.ag-row-level-0{font-size:12px;background-color:#f4f6f8;font-weight:600}.ag-row-level-1{font-size:12px;background-color:#fafbfc}.ag-row-level-2{font-size:11px;color:rgba(0, 0, 0, 0.72)}.today-header{background-color:#e6f7ff;border-top:1px solid #4e8cff}.weekend-header{background-color:rgba(0, 0, 0, 0.03)}.ag-header-cell-comp-wrapper{justify-content:center}}`;
 
 const ResourceTimelineCalendar = class {
     constructor(hostRef) {
@@ -192,7 +192,7 @@ const ResourceTimelineCalendar = class {
     }
     render() {
         const todayString = new Date().toLocaleDateString('en-US');
-        return (index.h("div", { key: '4ea81c717f5873038a455e41f7e51428881e15a7', class: "resource-timeline-calendar" }, index.h("resource-timeline-primary-bar", { key: '58497189fef631cd36d41a781778a9e39a1d142c', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), index.h("client-side-grid", { key: '1caea66bcb835ae9b7e0d926061f825cd5eb70a6', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
+        return (index.h("div", { key: 'cd451db6f5b3adf145b163e6bd1e9ecb51a176c1', class: "resource-timeline-calendar" }, index.h("resource-timeline-primary-bar", { key: 'dd1dd4ec783533d87787e3511baea1c9075a9847', gridBarTitle: this.gridBarTitle, subTitle: this.subTitle, primaryAction: this.primaryAction, secondaryAction: this.secondaryAction, clickBackward: this.handleClickBackward, clickForward: this.handleClickForward, clickToday: this.handleClickToday, subtitleStatus: this.subtitleStatus, subtitleStatusMappingClasses: this.subtitleStatusMappingClasses, disableHeaderActions: this.disableHeaderActions, showLockedIcon: this.showLockedIcon, expandAll: this.expandGroups, collapseAll: this.collapseGroups }), index.h("client-side-grid", { key: 'c7f5f5d2896aa1ff6cfaffdecfc5ae2c6eaed1f2', rowData: this.filledRowData, columnDefs: this.formattedColumnDefs, gridOptions: Object.assign(Object.assign({}, this.additionalGridOptions), { components: {
                     agGridSubtitleCellRenderer: AgGridSubtitleCellRenderer,
                     resourceTimelineCalendarHeader: ResourceTimelineColumnHeader,
                 }, processPivotResultColDef: colDef => {
@@ -234,12 +234,17 @@ const ResourceTimelineCalendar = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "rowData": ["updateRowData"],
-        "columnDefs": ["createColumnDefs"],
-        "dataLoading": ["toggleDataLoading"]
+        "rowData": [{
+                "updateRowData": 0
+            }],
+        "columnDefs": [{
+                "createColumnDefs": 0
+            }],
+        "dataLoading": [{
+                "toggleDataLoading": 0
+            }]
     }; }
 };
-ResourceTimelineCalendar.style = resourceTimelineCalendarCss;
+ResourceTimelineCalendar.style = resourceTimelineCalendarCss();
 
 exports.resource_timeline_calendar = ResourceTimelineCalendar;
-//# sourceMappingURL=resource-timeline-calendar.entry.cjs.js.map