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

package/dist/components/udp-forms-builder-question-item2.js

@@ -1,90 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$3 } from './udp-avatar2.js';
-import { d as defineCustomElement$2 } from './udp-icon2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-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 = /*@__PURE__*/ proxyCustomElement(class UdpFormsBuilderQuestionItem extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.hasPrimaryTextSlot = false;
-        this.hasSecondaryTextSlot = false;
-        this.hasActionsSlot = false;
-        this.hasStatusChipSlot = false;
-        this.avatarBackgroundColor = 'info';
-        this.avatarVariant = 'rounded';
-        this.clickable = false;
-        this.handleKeyPress = (event) => {
-            if (this.clickable && (event.key === 'Enter' || event.key === ' ')) {
-                event.preventDefault();
-                this.onClick(event);
-            }
-        };
-    }
-    componentWillLoad() {
-        this.hasPrimaryTextSlot = !!this.hostEl.querySelector('[slot="primary-text"]');
-        this.hasSecondaryTextSlot = !!this.hostEl.querySelector('[slot="secondary-text"]');
-        this.hasActionsSlot = !!this.hostEl.querySelector('[slot="actions"]');
-        this.hasStatusChipSlot = !!this.hostEl.querySelector('[slot="status-chip"]');
-    }
-    render() {
-        const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
-        const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: '1c6b06e082663db4d3e51d170abb8002c7c6a6fb' }, h("div", { key: 'be0c18a42c44bd24eba89a2bea78c3d11fd35450', class: {
-                'list-item': true,
-                'clickable': this.clickable,
-            }, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'e2dff5099a7e78069b08e108c2933970b30e4c6c', class: "drag-and-drop-container" }, h("slot", { key: '750f833f40268a94d69aec0d78b7fa6d6bf86d63', name: "drag-and-drop" })), this.iconName && (h("div", { key: '77204e29fe9285bd0fe2bde375063a2aca6444cf', class: "avatar-container" }, h("udp-avatar", { key: 'df561e11d0eb67d269fff2fb782602ac449a9b3d', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'd02ef8bdd86a7a19f823a4c3bd4d49994f829202', class: "text-container" }, showPrimaryText && (h("div", { key: '50a1c68ea44a30aa7b7322cd530d9c3a7fa8d374', class: "primary-text", title: this.primaryText }, h("slot", { key: '9ef2f38e44e8cd63aaa2bd16a32671c5666836fc', name: "primary-text" }, h("unity-typography", { key: '36db7a3571ba71743295586147855d17cc4d51a7', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '2f51b1fc60c900aaff3d7cf741d5c8c0d64ade13', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'e9685c494310e7f76d6ee33383ad89044f230e31', name: "secondary-text" }, h("unity-typography", { key: 'f21253dfb668bae52cfbffb91d1e93b7b79cc979', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '7834a508f25947e03c92caeedf46f370ae855560', class: "status-chip-container" }, h("slot", { key: 'ebab6a88439afee35ad1fe2baa74a6fb34d8c30e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '9962ce0879eebf80b67d0c8de5e49a40c4369186', class: "actions-container" }, h("slot", { key: '67d4bde56657955c6a38cc12bf24582212adcd40', name: "actions" }))))));
-    }
-    get hostEl() { return this; }
-    static get style() { return udpFormsBuilderQuestionItemCss; }
-}, [257, "udp-forms-builder-question-item", {
-        "primaryText": [1, "primary-text"],
-        "secondaryText": [1, "secondary-text"],
-        "iconName": [1, "icon-name"],
-        "avatarBackgroundColor": [1, "avatar-background-color"],
-        "avatarVariant": [1, "avatar-variant"],
-        "clickable": [4],
-        "onClick": [16],
-        "hasPrimaryTextSlot": [32],
-        "hasSecondaryTextSlot": [32],
-        "hasActionsSlot": [32],
-        "hasStatusChipSlot": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-builder-question-item", "udp-avatar", "udp-icon", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-builder-question-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsBuilderQuestionItem);
-            }
-            break;
-        case "udp-avatar":
-            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 { UdpFormsBuilderQuestionItem as U, defineCustomElement as d };
-//# sourceMappingURL=udp-forms-builder-question-item2.js.map
-
-//# sourceMappingURL=udp-forms-builder-question-item2.js.map
+import{p as t,H as a,h as e,d as i,t as s}from"./index2.js";import{d as c}from"./udp-avatar2.js";import{d as r}from"./udp-icon2.js";import{d as o}from"./unity-typography2.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasPrimaryTextSlot=!1,this.hasSecondaryTextSlot=!1,this.hasActionsSlot=!1,this.hasStatusChipSlot=!1,this.avatarBackgroundColor="info",this.avatarVariant="rounded",this.clickable=!1,this.handleKeyPress=t=>{!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.onClick(t))}}componentWillLoad(){this.hasPrimaryTextSlot=!!this.hostEl.querySelector('[slot="primary-text"]'),this.hasSecondaryTextSlot=!!this.hostEl.querySelector('[slot="secondary-text"]'),this.hasActionsSlot=!!this.hostEl.querySelector('[slot="actions"]'),this.hasStatusChipSlot=!!this.hostEl.querySelector('[slot="status-chip"]')}render(){const t=this.primaryText||this.hasPrimaryTextSlot,a=this.secondaryText||this.hasSecondaryTextSlot;return e(i,{key:"1c6b06e082663db4d3e51d170abb8002c7c6a6fb"},e("div",{key:"be0c18a42c44bd24eba89a2bea78c3d11fd35450",class:{"list-item":!0,clickable:this.clickable},onClick:this.onClick,onKeyPress:this.handleKeyPress,role:this.clickable?"button":void 0,tabindex:this.clickable?0:-1},e("div",{key:"e2dff5099a7e78069b08e108c2933970b30e4c6c",class:"drag-and-drop-container"},e("slot",{key:"750f833f40268a94d69aec0d78b7fa6d6bf86d63",name:"drag-and-drop"})),this.iconName&&e("div",{key:"77204e29fe9285bd0fe2bde375063a2aca6444cf",class:"avatar-container"},e("udp-avatar",{key:"df561e11d0eb67d269fff2fb782602ac449a9b3d",iconName:this.iconName,variant:this.avatarVariant,color:this.avatarBackgroundColor})),e("div",{key:"d02ef8bdd86a7a19f823a4c3bd4d49994f829202",class:"text-container"},t&&e("div",{key:"50a1c68ea44a30aa7b7322cd530d9c3a7fa8d374",class:"primary-text",title:this.primaryText},e("slot",{key:"9ef2f38e44e8cd63aaa2bd16a32671c5666836fc",name:"primary-text"},e("unity-typography",{key:"36db7a3571ba71743295586147855d17cc4d51a7",variant:"body"},this.primaryText))),a&&e("div",{key:"2f51b1fc60c900aaff3d7cf741d5c8c0d64ade13",class:"secondary-text",title:this.secondaryText},e("slot",{key:"e9685c494310e7f76d6ee33383ad89044f230e31",name:"secondary-text"},e("unity-typography",{key:"f21253dfb668bae52cfbffb91d1e93b7b79cc979",variant:"body",color:"textSecondary"},this.secondaryText)))),this.hasStatusChipSlot&&e("div",{key:"7834a508f25947e03c92caeedf46f370ae855560",class:"status-chip-container"},e("slot",{key:"ebab6a88439afee35ad1fe2baa74a6fb34d8c30e",name:"status-chip"})),this.hasActionsSlot&&e("div",{key:"9962ce0879eebf80b67d0c8de5e49a40c4369186",class:"actions-container"},e("slot",{key:"67d4bde56657955c6a38cc12bf24582212adcd40",name:"actions"}))))}get hostEl(){return this}static get style(){return".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}"}},[257,"udp-forms-builder-question-item",{primaryText:[1,"primary-text"],secondaryText:[1,"secondary-text"],iconName:[1,"icon-name"],avatarBackgroundColor:[1,"avatar-background-color"],avatarVariant:[1,"avatar-variant"],clickable:[4],onClick:[16],hasPrimaryTextSlot:[32],hasSecondaryTextSlot:[32],hasActionsSlot:[32],hasStatusChipSlot:[32]}]);function n(){"undefined"!=typeof customElements&&["udp-forms-builder-question-item","udp-avatar","udp-icon","unity-typography"].forEach((t=>{switch(t){case"udp-forms-builder-question-item":customElements.get(s(t))||customElements.define(s(t),d);break;case"udp-avatar":customElements.get(s(t))||c();break;case"udp-icon":customElements.get(s(t))||r();break;case"unity-typography":customElements.get(s(t))||o()}}))}export{d as U,n as d}

package/dist/components/udp-forms-builder-style-override.js

@@ -1,121 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './index2.js';
-import { d as defineCustomElement$5 } from './text-field2.js';
-import { d as defineCustomElement$4 } from './udp-divider2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './unity-typography2.js';
-
-const typographyVariantsList = [
-    'body',
-    'body1',
-    'body2',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'caption-text',
-    'data-display-one',
-    'data-display-two',
-    'data-display-three',
-    'data-display-four',
-    'button',
-];
-
-const udpFormsBuilderStyleOverrideCss = ":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}";
-
-const UdpFormsBuilderStyleOverride$1 = /*@__PURE__*/ proxyCustomElement(class UdpFormsBuilderStyleOverride extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    styleOverrideHandler(field, subfield, value) {
-        const updated = Object.assign({}, this.formMetadata);
-        if (!updated.styleOverrides) {
-            updated.styleOverrides = {};
-        }
-        if (subfield) {
-            if (!updated.styleOverrides[field]) {
-                updated.styleOverrides[field] = {};
-            }
-            updated.styleOverrides[field][subfield] = value;
-        }
-        else {
-            updated.styleOverrides[field] = value;
-        }
-        this.onFormMetadataChange(updated);
-    }
-    renderStyleTextField(label, value, field, subfield) {
-        return (h("div", { class: "form-style-override-item-container" }, h("text-field", { label: label, value: value || '', placeholder: label, onInput: (e) => {
-                e.preventDefault();
-                this.styleOverrideHandler(field, subfield !== null && subfield !== void 0 ? subfield : null, e.target.value);
-            } })));
-    }
-    renderStyleDropdownField(label, value, field, subfield) {
-        const typographyOptions = [
-            { value: '', label: 'None' },
-            ...typographyVariantsList.map(variant => ({
-                value: variant,
-                label: variant,
-            })),
-        ];
-        return (h("div", { class: "form-style-override-item-container" }, h("udp-selector", { label: label, key: `${field}-${subfield !== null && subfield !== void 0 ? subfield : ''}`, initialValue: value, options: typographyOptions, disabled: false, onChange: (e) => {
-                console.log(e);
-                this.styleOverrideHandler(field, subfield, e.detail);
-            } })));
-    }
-    render() {
-        // if (!this.isVisible) return null;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
-        return (h(Host, { key: '4009c6e83d90dd9d19d379f7685797d317929199' }, h("unity-typography", { key: 'b24f1321f16b06d6198bd59580ec44944228bd56', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '2f55ef30ca29af61cb1169ce0a6f238ce0f945b3' }), h("unity-typography", { key: 'f6014d55e927a6be62b244117ac8d87d464a0374', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
-    }
-    static get style() { return udpFormsBuilderStyleOverrideCss; }
-}, [257, "udp-forms-builder-style-override", {
-        "formMetadata": [8, "form-metadata"],
-        "isVisible": [4, "is-visible"],
-        "onFormMetadataChange": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["udp-forms-builder-style-override", "text-field", "udp-divider", "udp-selector", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "udp-forms-builder-style-override":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UdpFormsBuilderStyleOverride$1);
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const UdpFormsBuilderStyleOverride = UdpFormsBuilderStyleOverride$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UdpFormsBuilderStyleOverride, defineCustomElement };
-//# sourceMappingURL=udp-forms-builder-style-override.js.map
-
-//# sourceMappingURL=udp-forms-builder-style-override.js.map
+import{p as e,H as i,h as t,d as o,t as l}from"./index2.js";import{d}from"./text-field2.js";import{d as a}from"./udp-divider2.js";import{d as n}from"./udp-selector2.js";import{d as r}from"./unity-typography2.js";const s=["body","body1","body2","h1","h2","h3","h4","h5","h6","caption-text","data-display-one","data-display-two","data-display-three","data-display-four","button"],u=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}styleOverrideHandler(e,i,t){const o=Object.assign({},this.formMetadata);o.styleOverrides||(o.styleOverrides={}),i?(o.styleOverrides[e]||(o.styleOverrides[e]={}),o.styleOverrides[e][i]=t):o.styleOverrides[e]=t,this.onFormMetadataChange(o)}renderStyleTextField(e,i,o,l){return t("div",{class:"form-style-override-item-container"},t("text-field",{label:e,value:i||"",placeholder:e,onInput:e=>{e.preventDefault(),this.styleOverrideHandler(o,null!=l?l:null,e.target.value)}}))}renderStyleDropdownField(e,i,o,l){const d=[{value:"",label:"None"},...s.map((e=>({value:e,label:e})))];return t("div",{class:"form-style-override-item-container"},t("udp-selector",{label:e,key:`${o}-${null!=l?l:""}`,initialValue:i,options:d,disabled:!1,onChange:e=>{console.log(e),this.styleOverrideHandler(o,l,e.detail)}}))}render(){var e,i,l,d,a,n,r,s,u,v,p,h,y,c,m,b,f,g,x,T,F,k,C,E,j,B,H,w,I,q,M,O,P,Q;return t(o,{key:"ad322bbae798a71e4c0e1bcf6ee1e0b19efd0b2d"},t("unity-typography",{key:"69654e44f3287ca0ef7da615aa115d946bdc2267",variant:"h6"},"Backgrounds and Colors"),this.renderStyleTextField("Background Image",null!==(l=null===(i=null===(e=this.formMetadata)||void 0===e?void 0:e.background)||void 0===i?void 0:i.backgroundImage)&&void 0!==l?l:"","background","backgroundImage"),this.renderStyleTextField("Background Color",null!==(n=null===(a=null===(d=this.formMetadata)||void 0===d?void 0:d.background)||void 0===a?void 0:a.backgroundColor)&&void 0!==n?n:"","background","backgroundColor"),this.renderStyleTextField("Header Background Color",null!==(s=null===(r=this.formMetadata)||void 0===r?void 0:r.headerBackgroundColor)&&void 0!==s?s:"","headerBackgroundColor"),t("udp-divider",{key:"0bf14bc71b0197d5825417b38758cb8b4be57f06"}),t("unity-typography",{key:"980dea5b0a0e044a3f5d83d58fd64a1ba3e97c42",variant:"h6"},"Fonts"),this.renderStyleTextField("Font Family",null!==(v=null===(u=this.formMetadata)||void 0===u?void 0:u.fontFamily)&&void 0!==v?v:"","fontFamily"),this.renderStyleTextField("Question Text Font Family",null!==(y=null===(h=null===(p=this.formMetadata)||void 0===p?void 0:p.questionText)||void 0===h?void 0:h.fontFamily)&&void 0!==y?y:"","questionText","fontFamily"),this.renderStyleDropdownField("Question Text Typography",null!==(b=null===(m=null===(c=this.formMetadata)||void 0===c?void 0:c.questionText)||void 0===m?void 0:m.variant)&&void 0!==b?b:"","questionText","variant"),this.renderStyleTextField("Title Text Font Family",null!==(x=null===(g=null===(f=this.formMetadata)||void 0===f?void 0:f.titleText)||void 0===g?void 0:g.fontFamily)&&void 0!==x?x:"","titleText","fontFamily"),this.renderStyleDropdownField("Title Text Typography",null!==(k=null===(F=null===(T=this.formMetadata)||void 0===T?void 0:T.titleText)||void 0===F?void 0:F.variant)&&void 0!==k?k:"","titleText","variant"),this.renderStyleTextField("Paragraph Text Font Family",null!==(j=null===(E=null===(C=this.formMetadata)||void 0===C?void 0:C.paragraphText)||void 0===E?void 0:E.fontFamily)&&void 0!==j?j:"","paragraphText","fontFamily"),this.renderStyleDropdownField("Paragraph Text Typography",null!==(w=null===(H=null===(B=this.formMetadata)||void 0===B?void 0:B.paragraphText)||void 0===H?void 0:H.variant)&&void 0!==w?w:"","paragraphText","variant"),this.renderStyleTextField("Helper Text Font Family",null!==(M=null===(q=null===(I=this.formMetadata)||void 0===I?void 0:I.helperText)||void 0===q?void 0:q.fontFamily)&&void 0!==M?M:"","helperText","fontFamily"),this.renderStyleDropdownField("Helper Text Typography",null!==(Q=null===(P=null===(O=this.formMetadata)||void 0===O?void 0:O.helperText)||void 0===P?void 0:P.variant)&&void 0!==Q?Q:"","helperText","variant"))}static get style(){return":host{display:flex;flex-direction:column;gap:var(--spacing-4, 16px)}"}},[1,"udp-forms-builder-style-override",{formMetadata:[8,"form-metadata"],isVisible:[4,"is-visible"],onFormMetadataChange:[16]}]),v=u,p=function(){"undefined"!=typeof customElements&&["udp-forms-builder-style-override","text-field","udp-divider","udp-selector","unity-typography"].forEach((e=>{switch(e){case"udp-forms-builder-style-override":customElements.get(l(e))||customElements.define(l(e),u);break;case"text-field":customElements.get(l(e))||d();break;case"udp-divider":customElements.get(l(e))||a();break;case"udp-selector":customElements.get(l(e))||n();break;case"unity-typography":customElements.get(l(e))||r()}}))};export{v as UdpFormsBuilderStyleOverride,p as defineCustomElement}