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

package/dist/components/udp-pop-over2.js

@@ -1,161 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { createPopper } from '@popperjs/core';
-
-const udpPopOverCss = ":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}";
-
-const UdpPopOver = /*@__PURE__*/ proxyCustomElement(class UdpPopOver extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isOpen = false;
-        this.popoverPlacement = 'bottom-start';
-        this.appendToBody = true;
-        this.overflow = 'auto';
-        this.handleTransitionEnd = () => {
-            // FIX: Only remove from body if it's truly closed and still there.
-            if (!this.isOpen) {
-                if (this.appendToBody && this.hostEl.parentElement === document.body) {
-                    document.body.removeChild(this.hostEl);
-                }
-                else if (this.container && this.hostEl.parentElement === this.container) {
-                    this.container.removeChild(this.hostEl);
-                }
-            }
-            this.destroyPopper();
-        };
-        this.handleKeyDown = (event) => {
-            var _a;
-            if (event.key === 'Escape') {
-                (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
-            }
-        };
-        this.handleClickOutside = (event) => {
-            var _a;
-            const path = event.composedPath();
-            const anchorEl = this.getAnchorElement();
-            if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {
-                return;
-            }
-            (_a = this.handleOnClose) === null || _a === void 0 ? void 0 : _a.call(this, event);
-        };
-    }
-    disconnectedCallback() {
-        this.removeListeners();
-        this.destroyPopper();
-    }
-    handleOpenChange(newValue) {
-        newValue ? this.present() : this.dismiss();
-    }
-    present() {
-        const containerEl = this.getContainer();
-        if (containerEl) {
-            containerEl.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.isOpen) {
-                document.addEventListener('click', this.handleClickOutside);
-            }
-        }, 0);
-    }
-    removeListeners() {
-        document.removeEventListener('keydown', this.handleKeyDown);
-        document.removeEventListener('click', this.handleClickOutside);
-    }
-    getAnchorElement() {
-        return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;
-    }
-    getContainer() {
-        if (this.container)
-            return this.container;
-        if (this.appendToBody) {
-            return document.body;
-        }
-        return null;
-    }
-    setupPopper() {
-        const anchorEl = this.getAnchorElement();
-        if (!anchorEl) {
-            console.error('UdpPopover: Anchor element could not be found.');
-            return;
-        }
-        // Ensure we don't create multiple instances
-        if (this.popperInstance) {
-            this.popperInstance.destroy();
-        }
-        this.popperInstance = createPopper(anchorEl, this.hostEl, {
-            strategy: 'fixed',
-            placement: this.popoverPlacement,
-            modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],
-        });
-    }
-    destroyPopper() {
-        if (this.popperInstance) {
-            this.popperInstance.destroy();
-            this.popperInstance = null;
-        }
-    }
-    componentWillLoad() {
-        if (this.isOpen) {
-            this.present();
-        }
-    }
-    render() {
-        const style = {
-            width: this.popoverWidth,
-            maxHeight: this.popoverMaxHeight,
-            overflow: this.overflow
-        };
-        return (h(Host, { key: 'e57087abf7d9030bdb67b18bf1c44542f59a46fb' }, h("div", { key: 'c6d16dfb8aa66f1594767782326d6ac8ad74a5c3', class: "popover", style: style }, h("slot", { key: '4c5cb34f024e0de4e5c433210367e7a837c170ab' }))));
-    }
-    get hostEl() { return this; }
-    static get watchers() { return {
-        "isOpen": ["handleOpenChange"]
-    }; }
-    static get style() { return udpPopOverCss; }
-}, [257, "udp-pop-over", {
-        "anchorElement": [1, "anchor-element"],
-        "isOpen": [516, "is-open"],
-        "popoverWidth": [1, "popover-width"],
-        "popoverMaxHeight": [1, "popover-max-height"],
-        "popoverPlacement": [8, "popover-placement"],
-        "handleOnClose": [16],
-        "appendToBody": [4, "append-to-body"],
-        "container": [16],
-        "overflow": [1]
-    }, undefined, {
-        "isOpen": ["handleOpenChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-pop-over"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-pop-over":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpPopOver);
-            }
-            break;
-    } });
-}
-
-export { UdpPopOver as U, defineCustomElement as d };
-//# sourceMappingURL=udp-pop-over2.js.map
-
-//# sourceMappingURL=udp-pop-over2.js.map
+import{p as t,H as e,h as s,d as i,t as o}from"./index2.js";import{createPopper as n}from"@popperjs/core";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isOpen=!1,this.popoverPlacement="bottom-start",this.appendToBody=!0,this.overflow="auto",this.handleTransitionEnd=()=>{this.isOpen||(this.appendToBody&&this.hostEl.parentElement===document.body?document.body.removeChild(this.hostEl):this.container&&this.hostEl.parentElement===this.container&&this.container.removeChild(this.hostEl)),this.destroyPopper()},this.handleKeyDown=t=>{var e;"Escape"===t.key&&(null===(e=this.handleOnClose)||void 0===e||e.call(this,t))},this.handleClickOutside=t=>{var e;const s=t.composedPath(),i=this.getAnchorElement();s.includes(this.hostEl)||i&&s.includes(i)||null===(e=this.handleOnClose)||void 0===e||e.call(this,t)}}disconnectedCallback(){this.removeListeners(),this.destroyPopper()}handleOpenChange(t){t?this.present():this.dismiss()}present(){const t=this.getContainer();t&&t.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:!0})}addListeners(){document.addEventListener("keydown",this.handleKeyDown),setTimeout((()=>{this.isOpen&&document.addEventListener("click",this.handleClickOutside)}),0)}removeListeners(){document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("click",this.handleClickOutside)}getAnchorElement(){return"string"==typeof this.anchorElement?document.getElementById(this.anchorElement):this.anchorElement}getContainer(){return this.container?this.container:this.appendToBody?document.body:null}setupPopper(){const t=this.getAnchorElement();t?(this.popperInstance&&this.popperInstance.destroy(),this.popperInstance=n(t,this.hostEl,{strategy:"fixed",placement:this.popoverPlacement,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{padding:8}},{name:"flip"}]})):console.error("UdpPopover: Anchor element could not be found.")}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}componentWillLoad(){this.isOpen&&this.present()}render(){return s(i,{key:"e57087abf7d9030bdb67b18bf1c44542f59a46fb"},s("div",{key:"c6d16dfb8aa66f1594767782326d6ac8ad74a5c3",class:"popover",style:{width:this.popoverWidth,maxHeight:this.popoverMaxHeight,overflow:this.overflow}},s("slot",{key:"4c5cb34f024e0de4e5c433210367e7a837c170ab"})))}get hostEl(){return this}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return":host{display:block;position:fixed;z-index:9999;pointer-events:none;opacity:0;transform:scale(0.95);transition:opacity 0.2s ease-out}:host(.is-visible){pointer-events:auto;opacity:1;transform:scale(1)}.popover{background-color:white;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);border:1px solid #e0e0e0}"}},[257,"udp-pop-over",{anchorElement:[1,"anchor-element"],isOpen:[516,"is-open"],popoverWidth:[1,"popover-width"],popoverMaxHeight:[1,"popover-max-height"],popoverPlacement:[8,"popover-placement"],handleOnClose:[16],appendToBody:[4,"append-to-body"],container:[16],overflow:[1]},void 0,{isOpen:[{handleOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["udp-pop-over"].forEach((t=>{"udp-pop-over"===t&&(customElements.get(o(t))||customElements.define(o(t),h))}))}export{h as U,r as d}

package/dist/components/udp-question-comments.js

@@ -1,9 +1 @@
-import { U as UdpQuestionComments$1, d as defineCustomElement$1 } from './udp-question-comments2.js';
-
-const UdpQuestionComments = UdpQuestionComments$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpQuestionComments, defineCustomElement };
-//# sourceMappingURL=udp-question-comments.js.map
-
-//# sourceMappingURL=udp-question-comments.js.map
+import{U as o,d as s}from"./udp-question-comments2.js";const t=o,m=s;export{t as UdpQuestionComments,m as defineCustomElement}

package/dist/components/udp-question-comments2.js

@@ -1,139 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './index2.js';
-import { d as dateFormatter } from './utils.js';
-import { d as defineCustomElement$5 } from './stencil-field2.js';
-import { d as defineCustomElement$4 } from './text-area2.js';
-import { d as defineCustomElement$3 } from './udp-button2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const udpQuestionCommentsCss = ".question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}";
-
-const UdpQuestionComments = /*@__PURE__*/ proxyCustomElement(class UdpQuestionComments extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.questionCommentAction = createEvent(this, "questionCommentAction");
-        this.commentFieldProps = {};
-        this.initialValues = {};
-        this.userId = null;
-    }
-    emitQuestionCommentAction(type, commentId) {
-        this.questionCommentAction.emit({
-            type,
-            questionIdentifierKey: this.question.questionIdentifierKey,
-            commentId,
-        });
-    }
-    handleCommentAdd() {
-        this.emitQuestionCommentAction('add', null);
-    }
-    handleCommentSave(commentId) {
-        this.emitQuestionCommentAction('save', commentId);
-    }
-    handleCommentEdit(commentId) {
-        this.emitQuestionCommentAction('edit', commentId);
-    }
-    handleCommentDelete(commentId) {
-        this.emitQuestionCommentAction('delete', commentId);
-    }
-    handleCommentEditClose(commentId) {
-        this.emitQuestionCommentAction('editClose', commentId);
-    }
-    render() {
-        var _a, _b;
-        const [sectionName, questionName] = this.question.questionIdentifierKey.split('.');
-        const questionData = ((_b = (_a = this.initialValues) === null || _a === void 0 ? void 0 : _a[sectionName]) === null || _b === void 0 ? void 0 : _b[questionName]) || {
-            comments: [],
-            draftComments: [],
-        };
-        // normalize incoming shape (back-compat)
-        const savedComments = Array.isArray(questionData.comments)
-            ? questionData.comments
-            : questionData.comments
-                ? [questionData.comments]
-                : [];
-        const draftComments = Array.isArray(questionData.draftComments)
-            ? questionData.draftComments
-            : questionData.draftComments
-                ? [questionData.draftComments]
-                : [];
-        // enforce single active action UX:
-        // - Only one draft is shown/active at a time (pick first draft if present)
-        // detect any draft anywhere in the form's initialValues
-        const activeDraft = draftComments.length > 0 ? draftComments[0] : null;
-        const isAnyQuestionContainsActiveDraft = Object.values(this.initialValues || {}).some((section) => Object.values(section || {}).some((q) => {
-            if (!q)
-                return false;
-            const drafts = q.draftComments;
-            if (!drafts)
-                return false;
-            if (Array.isArray(drafts) && drafts.length < 1)
-                return false;
-            return true;
-        }));
-        return (h("div", null, savedComments.map((commentObj, idx) => {
-            const commentsIdentifierValueKey = `${this.question.questionIdentifierKey}.comments[${idx}].value`;
-            const isOwner = (commentObj === null || commentObj === void 0 ? void 0 : commentObj.userId) === this.userId;
-            const showActions = !activeDraft && isOwner; // only show edit/delete when no active draft and owner
-            // return the comment edit component if it's the active draft
-            if (activeDraft && commentObj.commentId == activeDraft.commentId) {
-                return (h("div", { class: "question-comment-draft-container", key: activeDraft.commentId || `draft-0` }, h("stencil-field", { name: `${this.question.questionIdentifierKey}.draftComments[0].value`, required: true, ignoreDirty: true }, h("text-area", Object.assign({}, this.commentFieldProps, { label: "Comment:", placeholder: "Add a comment" }))), h("div", { class: "question-comment-action-container" }, h("udp-button", { variant: "text", onClick: () => this.handleCommentSave(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "save", color: "inherit" }) }, "Save"), h("udp-button", { variant: "text", onClick: () => this.handleCommentDelete(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "trashCan", color: "inherit" }) }, "Delete"), h("udp-button", { variant: "text", onClick: () => this.handleCommentEditClose(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "close16", color: "inherit" }) }, "Cancel"))));
-            }
-            // return the comment display component 
-            return !(commentObj === null || commentObj === void 0 ? void 0 : commentObj.isDeleted) ? (h("div", { class: "question-comment-input-container", key: commentObj.commentId || idx }, h("stencil-field", { name: commentsIdentifierValueKey, style: { display: 'none' } }, h("text-area", { disabled: true })), h("div", { class: "question-comment-display" }, h("unity-typography", { variant: "h4", color: "inherit", class: "question-comment-header" }, `${commentObj === null || commentObj === void 0 ? void 0 : commentObj.userDisplayName} ${(commentObj === null || commentObj === void 0 ? void 0 : commentObj.timestamp) ? `on ${dateFormatter(commentObj.timestamp, 'short')}` : ''}`), commentObj === null || commentObj === void 0 ? void 0 :
-                commentObj.value), h("div", { class: "question-comment-action-container" }, showActions && !isAnyQuestionContainsActiveDraft && (h("div", null, h("udp-button", { variant: "text", onClick: () => this.handleCommentEdit(commentObj.commentId), startIcon: h("udp-icon", { iconName: "edit", color: "inherit" }) }, "Edit")))))) : (h("div", null));
-        }), activeDraft && activeDraft.isTempComment && !savedComments.includes(c => c.commentId == activeDraft.commentId) && (h("div", { class: "question-comment-draft-container", key: activeDraft.commentId || `draft-0` }, h("stencil-field", { name: `${this.question.questionIdentifierKey}.draftComments[0].value`, required: true, ignoreDirty: true }, h("text-area", Object.assign({}, this.commentFieldProps, { label: "Comment:", placeholder: "Add a comment" }))), h("div", { class: "question-comment-action-container" }, h("udp-button", { variant: "text", onClick: () => this.handleCommentEditClose(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "trashCan", color: "inherit" }) }, "Cancel"), h("udp-button", { variant: "text", onClick: () => this.handleCommentSave(activeDraft.commentId), startIcon: h("udp-icon", { iconName: "save", color: "inherit" }) }, "Save")))), !activeDraft && !isAnyQuestionContainsActiveDraft && (h("div", { class: "question-comment-add-comment-button" }, h("udp-button", { variant: "text", onClick: () => this.handleCommentAdd(), startIcon: h("udp-icon", { iconName: "add", color: "inherit" }) }, "Add a Comment")))));
-    }
-    static get style() { return udpQuestionCommentsCss; }
-}, [257, "udp-question-comments", {
-        "question": [16],
-        "commentFieldProps": [16],
-        "initialValues": [16],
-        "userId": [1, "user-id"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-question-comments", "stencil-field", "text-area", "udp-button", "udp-icon", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-question-comments":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpQuestionComments);
-            }
-            break;
-        case "stencil-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "text-area":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { UdpQuestionComments as U, defineCustomElement as d };
-//# sourceMappingURL=udp-question-comments2.js.map
-
-//# sourceMappingURL=udp-question-comments2.js.map
+import{p as t,H as e,c as n,h as o,t as i}from"./index2.js";import{d as s}from"./utils.js";import{d as a}from"./stencil-field2.js";import{d as r}from"./text-area2.js";import{d as c}from"./udp-button2.js";import{d}from"./udp-icon2.js";import{d as m}from"./unity-typography2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.questionCommentAction=n(this,"questionCommentAction"),this.commentFieldProps={},this.currentValues={},this.userId=null}emitQuestionCommentAction(t,e){this.questionCommentAction.emit({type:t,questionIdentifierKey:this.question.questionIdentifierKey,commentId:e})}handleCommentAdd(){this.emitQuestionCommentAction("add",null)}handleCommentSave(t){this.emitQuestionCommentAction("save",t)}handleCommentEdit(t){this.emitQuestionCommentAction("edit",t)}handleCommentDelete(t){this.emitQuestionCommentAction("delete",t)}handleCommentEditClose(t){this.emitQuestionCommentAction("editClose",t)}render(){var t,e;const[n,i]=this.question.questionIdentifierKey.split("."),a=(null===(e=null===(t=this.currentValues)||void 0===t?void 0:t[n])||void 0===e?void 0:e[i])||{comments:[],draftComments:[]},r=Array.isArray(a.comments)?a.comments:a.comments?[a.comments]:[],c=Array.isArray(a.draftComments)?a.draftComments:a.draftComments?[a.draftComments]:[],d=c.length>0?c[0]:null,m=Object.values(this.currentValues||{}).some((t=>Object.values(t||{}).some((t=>{if(!t)return!1;const e=t.draftComments;return!(!e||Array.isArray(e)&&e.length<1)}))));return o("div",null,r.map(((t,e)=>{const n=`${this.question.questionIdentifierKey}.comments[${e}].value`,i=!d&&(null==t?void 0:t.userId)===this.userId;return d&&t.commentId==d.commentId?o("div",{class:"question-comment-draft-container",key:d.commentId||"draft-0"},o("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:!0,ignoreDirty:!0},o("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),o("div",{class:"question-comment-action-container"},o("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(d.commentId),startIcon:o("udp-icon",{iconName:"save",color:"inherit"})},"Save"),o("udp-button",{variant:"text",onClick:()=>this.handleCommentDelete(d.commentId),startIcon:o("udp-icon",{iconName:"trashCan",color:"inherit"})},"Delete"),o("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(d.commentId),startIcon:o("udp-icon",{iconName:"close16",color:"inherit"})},"Cancel"))):(null==t?void 0:t.isDeleted)?o("div",null):o("div",{class:"question-comment-input-container",key:t.commentId||e},o("stencil-field",{name:n,style:{display:"none"}},o("text-area",{disabled:!0})),o("div",{class:"question-comment-display"},o("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},`${null==t?void 0:t.userDisplayName} ${(null==t?void 0:t.timestamp)?`on ${s(t.timestamp,"short")}`:""}`),null==t?void 0:t.value),o("div",{class:"question-comment-action-container"},i&&!m&&o("div",null,o("udp-button",{variant:"text",onClick:()=>this.handleCommentEdit(t.commentId),startIcon:o("udp-icon",{iconName:"edit",color:"inherit"})},"Edit"))))})),d&&d.isTempComment&&!r.includes((t=>t.commentId==d.commentId))&&o("div",{class:"question-comment-draft-container",key:d.commentId||"draft-0"},o("stencil-field",{name:`${this.question.questionIdentifierKey}.draftComments[0].value`,required:!0,ignoreDirty:!0},o("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),o("div",{class:"question-comment-action-container"},o("udp-button",{variant:"text",onClick:()=>this.handleCommentEditClose(d.commentId),startIcon:o("udp-icon",{iconName:"trashCan",color:"inherit"})},"Cancel"),o("udp-button",{variant:"text",onClick:()=>this.handleCommentSave(d.commentId),startIcon:o("udp-icon",{iconName:"save",color:"inherit"})},"Save"))),!d&&!m&&o("div",{class:"question-comment-add-comment-button"},o("udp-button",{variant:"text",onClick:()=>this.handleCommentAdd(),startIcon:o("udp-icon",{iconName:"add",color:"inherit"})},"Add a Comment")))}static get style(){return".question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin:var(--spacing-05) 0;border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04);overflow-wrap:break-word;word-wrap:break-word}.question-comment-display unity-typography:not(.question-comment-header){display:block;white-space:pre-wrap;word-break:break-word;}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em;white-space:nowrap;}.question-comment-add-comment-button{display:flex;justify-content:center;margin:var(--spacing-03) 0}.question-comment-action-container{display:flex;justify-content:end}"}},[1,"udp-question-comments",{question:[16],commentFieldProps:[16],currentValues:[16],userId:[1,"user-id"]}]);function u(){"undefined"!=typeof customElements&&["udp-question-comments","stencil-field","text-area","udp-button","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-question-comments":customElements.get(i(t))||customElements.define(i(t),l);break;case"stencil-field":customElements.get(i(t))||a();break;case"text-area":customElements.get(i(t))||r();break;case"udp-button":customElements.get(i(t))||c();break;case"udp-icon":customElements.get(i(t))||d();break;case"unity-typography":customElements.get(i(t))||m()}}))}export{l as U,u as d}

package/dist/components/udp-question.js

@@ -1,9 +1 @@
-import { U as UdpQuestion$1, d as defineCustomElement$1 } from './udp-question2.js';
-
-const UdpQuestion = UdpQuestion$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpQuestion, defineCustomElement };
-//# sourceMappingURL=udp-question.js.map
-
-//# sourceMappingURL=udp-question.js.map
+import{U as o,d as s}from"./udp-question2.js";const t=o,p=s;export{t as UdpQuestion,p as defineCustomElement}