{"version":3,"file":"property-workspace-view-settings.element-BpuJkNA5.js","sources":["../../../src/packages/core/property-type/workspace/views/settings/property-workspace-view-settings.element.ts"],"sourcesContent":["import { UMB_PROPERTY_TYPE_WORKSPACE_CONTEXT } from '../../../index.js';\nimport { css, html, customElement, state, nothing, query } from '@umbraco-cms/backoffice/external/lit';\nimport { generateAlias } from '@umbraco-cms/backoffice/utils';\nimport { umbBindToValidation } from '@umbraco-cms/backoffice/validation';\nimport { UmbLitElement, umbFocus } from '@umbraco-cms/backoffice/lit-element';\nimport { UmbTextStyles } from '@umbraco-cms/backoffice/style';\nimport { UMB_CONTENT_TYPE_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/content-type';\nimport type { UmbPropertyTypeModel } from '@umbraco-cms/backoffice/content-type';\nimport type { UmbWorkspaceViewElement } from '@umbraco-cms/backoffice/extension-registry';\nimport type {\n\tUUIBooleanInputEvent,\n\tUUIInputEvent,\n\tUUIInputLockElement,\n\tUUISelectEvent,\n} from '@umbraco-cms/backoffice/external/uui';\n\n@customElement('umb-property-type-workspace-view-settings')\nexport class UmbPropertyTypeWorkspaceViewSettingsElement extends UmbLitElement implements UmbWorkspaceViewElement {\n\t#context?: typeof UMB_PROPERTY_TYPE_WORKSPACE_CONTEXT.TYPE;\n\n\t@state()\n\tprivate _customValidationOptions: Array<Option> = [\n\t\t{\n\t\t\tname: this.localize.term('validation_validateNothing'),\n\t\t\tvalue: '!NOVALIDATION!',\n\t\t\tselected: true,\n\t\t},\n\t\t{\n\t\t\tname: this.localize.term('validation_validateAsEmail'),\n\t\t\tvalue: '[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\\\\.[a-zA-Z0-9-.]+',\n\t\t},\n\t\t{\n\t\t\tname: this.localize.term('validation_validateAsNumber'),\n\t\t\tvalue: '^[0-9]*$',\n\t\t},\n\t\t{\n\t\t\tname: this.localize.term('validation_validateAsUrl'),\n\t\t\tvalue: 'https?://[a-zA-Z0-9-.]+\\\\.[a-zA-Z]{2,}',\n\t\t},\n\t\t{\n\t\t\tname: this.localize.term('validation_enterCustomValidation'),\n\t\t\tvalue: '.+',\n\t\t},\n\t];\n\n\t@state()\n\tprivate _data?: UmbPropertyTypeModel;\n\n\t@state()\n\tprivate _aliasLocked = true;\n\n\t@state()\n\tprivate _autoGenerateAlias = true;\n\n\t@state()\n\tprivate _contentTypeVariesByCulture?: boolean;\n\n\t@state()\n\tprivate _contentTypeVariesBySegment?: boolean;\n\n\t@query('#alias-input')\n\tprivate _aliasInput!: UUIInputLockElement;\n\n\t@state()\n\tprivate _entityType?: string;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.consumeContext(UMB_PROPERTY_TYPE_WORKSPACE_CONTEXT, (instance) => {\n\t\t\tthis.#context = instance;\n\t\t\tthis.observe(\n\t\t\t\tinstance.data,\n\t\t\t\t(data) => {\n\t\t\t\t\tif (!this._data && data?.alias) {\n\t\t\t\t\t\t// Initial. Loading existing property\n\t\t\t\t\t\tthis._autoGenerateAlias = false;\n\t\t\t\t\t}\n\t\t\t\t\tthis._data = data;\n\t\t\t\t},\n\t\t\t\t'observeData',\n\t\t\t);\n\t\t});\n\n\t\tthis.consumeContext(UMB_CONTENT_TYPE_WORKSPACE_CONTEXT, (instance) => {\n\t\t\tthis.observe(instance.variesByCulture, (variesByCulture) => (this._contentTypeVariesByCulture = variesByCulture));\n\t\t\tthis.observe(instance.variesBySegment, (variesBySegment) => (this._contentTypeVariesBySegment = variesBySegment));\n\t\t\tthis._entityType = instance.getEntityType();\n\t\t}).passContextAliasMatches();\n\t}\n\n\tupdateValue(partialValue: Partial<UmbPropertyTypeModel>) {\n\t\tthis.#context?.updateData(partialValue);\n\t}\n\n\t#onNameChange(event: UUIInputEvent) {\n\t\tthis.updateValue({ name: event.target.value.toString() });\n\t\tif (this._aliasLocked && this._autoGenerateAlias) {\n\t\t\tthis.updateValue({ alias: generateAlias(this._data?.name ?? '') });\n\t\t}\n\t}\n\n\t#onAliasChange() {\n\t\t// TODO: Why can I not get the correct value via event? Is it an issue in uui library too?\n\t\tconst alias = generateAlias(this._aliasInput.value.toString());\n\t\tthis.updateValue({ alias });\n\t}\n\n\t#onDescriptionChange(event: UUIInputEvent) {\n\t\tthis.updateValue({ description: event.target.value.toString() });\n\t}\n\n\t#onDataTypeIdChange(event: UUIInputEvent) {\n\t\tconst dataTypeUnique = event.target.value.toString();\n\t\tthis.updateValue({ dataType: { unique: dataTypeUnique } });\n\t}\n\n\t#onMandatoryChange(event: UUIBooleanInputEvent) {\n\t\tconst mandatory = event.target.checked;\n\t\tthis.updateValue({\n\t\t\tvalidation: { ...this._data?.validation, mandatory },\n\t\t});\n\t}\n\n\t#onMandatoryMessageChange(event: UUIInputEvent) {\n\t\tconst mandatoryMessage = event.target.value.toString();\n\t\tthis.updateValue({\n\t\t\tvalidation: { ...this._data?.validation, mandatory: this._data?.validation.mandatory ?? false, mandatoryMessage },\n\t\t});\n\t}\n\n\t#setAppearanceNormal() {\n\t\tconst currentValue = this._data?.appearance?.labelOnTop;\n\t\tif (currentValue !== true) return;\n\n\t\tthis.updateValue({\n\t\t\tappearance: { ...this._data?.appearance, labelOnTop: false },\n\t\t});\n\t}\n\t#setAppearanceTop() {\n\t\tconst currentValue = this._data?.appearance?.labelOnTop;\n\t\tif (currentValue === true) return;\n\n\t\tthis.updateValue({\n\t\t\tappearance: { ...this._data?.appearance, labelOnTop: true },\n\t\t});\n\t}\n\n\t#onToggleShowOnMemberProfile(e: UUIBooleanInputEvent) {\n\t\tconst memberCanEdit = this._data?.visibility?.memberCanEdit ?? false;\n\t\tthis.updateValue({ visibility: { memberCanView: e.target.checked, memberCanEdit } });\n\t}\n\n\t#onToggleMemberCanEdit(e: UUIBooleanInputEvent) {\n\t\tconst memberCanView = this._data?.visibility?.memberCanView ?? false;\n\t\tthis.updateValue({ visibility: { memberCanEdit: e.target.checked, memberCanView } });\n\t}\n\n\t#onToggleIsSensitiveData(e: UUIBooleanInputEvent) {\n\t\tthis.updateValue({ isSensitive: e.target.checked });\n\t}\n\n\t#onToggleAliasLock() {\n\t\tthis._aliasLocked = !this._aliasLocked;\n\t\tif (this._aliasLocked && !this._data?.alias) {\n\t\t\t// Reenable auto-generate if alias is empty and locked.\n\t\t\tthis._autoGenerateAlias = true;\n\t\t} else {\n\t\t\tthis._autoGenerateAlias = false;\n\t\t}\n\t}\n\n\t#onCustomValidationChange(event: UUISelectEvent) {\n\t\tconst value = event.target.value.toString();\n\t\tconst regEx = value !== '!NOVALIDATION!' ? value : null;\n\n\t\tthis.updateValue({\n\t\t\tvalidation: { ...this._data?.validation, mandatory: this._data?.validation.mandatory ?? false, regEx },\n\t\t});\n\t}\n\n\t#onValidationRegExChange(event: UUIInputEvent) {\n\t\tconst value = event.target.value.toString();\n\t\tconst regEx = value !== '!NOVALIDATION!' ? value : null;\n\t\tconst betterChoice = this._customValidationOptions.find((option) => {\n\t\t\toption.selected = option.value === value;\n\t\t\treturn option.selected;\n\t\t});\n\t\tif (betterChoice === undefined) {\n\t\t\tthis._customValidationOptions[4].selected = true;\n\t\t\tthis.requestUpdate('_customValidationOptions');\n\t\t}\n\t\tthis.updateValue({\n\t\t\tvalidation: { ...this._data?.validation, mandatory: this._data?.validation.mandatory ?? false, regEx },\n\t\t});\n\t}\n\t#onValidationMessageChange(event: UUIInputEvent) {\n\t\tconst regExMessage = event.target.value.toString();\n\t\tthis.updateValue({\n\t\t\tvalidation: { ...this._data?.validation, mandatory: this._data?.validation.mandatory ?? false, regExMessage },\n\t\t});\n\t}\n\n\t#onVaryByCultureChange(event: UUIBooleanInputEvent) {\n\t\tconst variesByCulture = event.target.checked;\n\t\tthis.updateValue({\n\t\t\tvariesByCulture,\n\t\t});\n\t}\n\n\toverride render() {\n\t\tif (!this._data) return;\n\t\treturn html`\n\t\t\t<uui-box class=\"uui-text\">\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<umb-form-validation-message>\n\t\t\t\t\t\t<uui-input\n\t\t\t\t\t\t\tid=\"name-input\"\n\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\tlabel=${this.localize.term('placeholders_entername')}\n\t\t\t\t\t\t\tplaceholder=${this.localize.term('placeholders_entername')}\n\t\t\t\t\t\t\t.value=${this._data?.name}\n\t\t\t\t\t\t\t@input=${this.#onNameChange}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t${umbBindToValidation(this, '$.name')}\n\t\t\t\t\t\t\t${umbFocus()}>\n\t\t\t\t\t\t\t<!-- TODO: validation for bad characters -->\n\t\t\t\t\t\t</uui-input>\n\t\t\t\t\t</umb-form-validation-message>\n\t\t\t\t\t<umb-form-validation-message>\n\t\t\t\t\t\t<uui-input-lock\n\t\t\t\t\t\t\tid=\"alias-input\"\n\t\t\t\t\t\t\tname=\"alias\"\n\t\t\t\t\t\t\tlabel=${this.localize.term('placeholders_enterAlias')}\n\t\t\t\t\t\t\tplaceholder=${this.localize.term('placeholders_enterAlias')}\n\t\t\t\t\t\t\t.value=${this._data?.alias}\n\t\t\t\t\t\t\t?locked=${this._aliasLocked}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t${umbBindToValidation(this, '$.alias')}\n\t\t\t\t\t\t\t@input=${this.#onAliasChange}\n\t\t\t\t\t\t\t@lock-change=${this.#onToggleAliasLock}>\n\t\t\t\t\t\t</uui-input-lock>\n\t\t\t\t\t</umb-form-validation-message>\n\t\t\t\t\t<uui-textarea\n\t\t\t\t\t\tid=\"description-input\"\n\t\t\t\t\t\tname=\"description\"\n\t\t\t\t\t\t@input=${this.#onDescriptionChange}\n\t\t\t\t\t\tlabel=${this.localize.term('placeholders_enterDescription')}\n\t\t\t\t\t\tplaceholder=${this.localize.term('placeholders_enterDescription')}\n\t\t\t\t\t\t.value=${this._data?.description}></uui-textarea>\n\t\t\t\t</div>\n\t\t\t\t<umb-form-validation-message>\n\t\t\t\t\t<umb-data-type-flow-input\n\t\t\t\t\t\t.value=${this._data?.dataType?.unique ?? ''}\n\t\t\t\t\t\t@change=${this.#onDataTypeIdChange}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\t${umbBindToValidation(this, '$.dataType.unique')}></umb-data-type-flow-input>\n\t\t\t\t</umb-form-validation-message>\n\t\t\t\t<hr />\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<b><umb-localize key=\"validation_validation\">Validation</umb-localize></b>\n\t\t\t\t\t${this.#renderMandatory()}\n\t\t\t\t\t<p style=\"margin-bottom: 0\">\n\t\t\t\t\t\t<umb-localize key=\"validation_customValidation\">Custom validation</umb-localize>\n\t\t\t\t\t</p>\n\t\t\t\t\t${this.#renderCustomValidation()}\n\t\t\t\t</div>\n\t\t\t\t<hr />\n\t\t\t\t${this.#renderVariationControls()}\n\t\t\t\t<div class=\"container\">\n\t\t\t\t\t<b style=\"margin-bottom: var(--uui-size-space-3)\">\n\t\t\t\t\t\t<umb-localize key=\"contentTypeEditor_displaySettingsHeadline\">Appearance</umb-localize>\n\t\t\t\t\t</b>\n\t\t\t\t\t<div id=\"appearances\">${this.#renderAlignLeftIcon()} ${this.#renderAlignTopIcon()}</div>\n\t\t\t\t</div>\n\t\t\t\t${this.#renderMemberTypeOptions()}\n\t\t\t</uui-box>\n\t\t`;\n\t}\n\n\t#renderMemberTypeOptions() {\n\t\tif (this._entityType !== 'member-type') return nothing;\n\t\treturn html` <hr />\n\t\t\t<div class=\"container\">\n\t\t\t\t<b style=\"margin-bottom: var(--uui-size-space-3)\">\n\t\t\t\t\t<umb-localize key=\"general_options\">Options</umb-localize>\n\t\t\t\t</b>\n\t\t\t\t<div class=\"options\">\n\t\t\t\t\t<uui-toggle\n\t\t\t\t\t\t?checked=${this._data?.visibility?.memberCanView}\n\t\t\t\t\t\t@change=${this.#onToggleShowOnMemberProfile}\n\t\t\t\t\t\tlabel=${this.localize.term('contentTypeEditor_showOnMemberProfile')}></uui-toggle>\n\t\t\t\t\t<small>\n\t\t\t\t\t\t<umb-localize key=\"contentTypeEditor_showOnMemberProfileDescription\">\n\t\t\t\t\t\t\tAllow this property value to be displayed on the member profile page\n\t\t\t\t\t\t</umb-localize>\n\t\t\t\t\t</small>\n\n\t\t\t\t\t<uui-toggle\n\t\t\t\t\t\t?checked=${this._data?.visibility?.memberCanEdit}\n\t\t\t\t\t\t@change=${this.#onToggleMemberCanEdit}\n\t\t\t\t\t\tlabel=${this.localize.term('contentTypeEditor_memberCanEdit')}></uui-toggle>\n\t\t\t\t\t<small>\n\t\t\t\t\t\t<umb-localize key=\"contentTypeEditor_memberCanEditDescription\">\n\t\t\t\t\t\t\tAllow this property value to be edited by the member on their profile page\n\t\t\t\t\t\t</umb-localize>\n\t\t\t\t\t</small>\n\n\t\t\t\t\t<uui-toggle\n\t\t\t\t\t\t?checked=${this._data?.isSensitive}\n\t\t\t\t\t\t@change=${this.#onToggleIsSensitiveData}\n\t\t\t\t\t\tlabel=${this.localize.term('contentTypeEditor_isSensitiveData')}></uui-toggle>\n\t\t\t\t\t<small>\n\t\t\t\t\t\t<umb-localize key=\"contentTypeEditor_isSensitiveDataDescription\">\n\t\t\t\t\t\t\tHide this property value from content editors that don't have access to view sensitive information\n\t\t\t\t\t\t</umb-localize>\n\t\t\t\t\t</small>\n\t\t\t\t</div>\n\t\t\t</div>`;\n\t}\n\n\t#renderAlignLeftIcon() {\n\t\treturn html`<button\n\t\t\ttype=\"button\"\n\t\t\t@click=${this.#setAppearanceNormal}\n\t\t\tclass=\"appearance left ${this._data?.appearance?.labelOnTop ? '' : 'selected'}\">\n\t\t\t<svg width=\"200\" height=\"48\" viewBox=\"0 0 200 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<rect width=\"94\" height=\"14\" rx=\"6\" fill=\"currentColor\" />\n\t\t\t\t<rect y=\"22\" width=\"64\" height=\"9\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.4\" />\n\t\t\t\t<rect x=\"106\" width=\"94\" height=\"60\" rx=\"5\" fill=\"currentColor\" fill-opacity=\"0.4\" />\n\t\t\t</svg>\n\t\t\t<label class=\"appearance-label\">\n\t\t\t\t<umb-localize key=\"contentTypeEditor_displaySettingsLabelOnLeft\">Label to the left</umb-localize>\n\t\t\t</label>\n\t\t</button>`;\n\t}\n\n\t#renderAlignTopIcon() {\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=${this.#setAppearanceTop}\n\t\t\t\tclass=\"appearance top ${this._data?.appearance?.labelOnTop ? 'selected' : ''}\">\n\t\t\t\t<svg width=\"140\" height=\"48\" viewBox=\"0 0 140 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<rect width=\"90\" height=\"14\" rx=\"6\" fill=\"currentColor\" />\n\t\t\t\t\t<rect y=\"22\" width=\"64\" height=\"9\" rx=\"4\" fill=\"currentColor\" fill-opacity=\"0.4\" />\n\t\t\t\t\t<rect y=\"42\" width=\"140\" height=\"36\" rx=\"5\" fill=\"currentColor\" fill-opacity=\"0.4\" />\n\t\t\t\t</svg>\n\t\t\t\t<label class=\"appearance-label\">\n\t\t\t\t\t<umb-localize key=\"contentTypeEditor_displaySettingsLabelOnTop\">Label above (full-width)</umb-localize>\n\t\t\t\t</label>\n\t\t\t</button>\n\t\t`;\n\t}\n\n\t#renderMandatory() {\n\t\treturn html`<div style=\"display: flex; justify-content: space-between\">\n\t\t\t\t<label for=\"mandatory\">\n\t\t\t\t\t<umb-localize key=\"validation_fieldIsMandatory\">Field is mandatory</umb-localize>\n\t\t\t\t</label>\n\t\t\t\t<uui-toggle\n\t\t\t\t\t@change=${this.#onMandatoryChange}\n\t\t\t\t\tid=\"mandatory\"\n\t\t\t\t\t.checked=${this._data?.validation?.mandatory ?? false}\n\t\t\t\t\tslot=\"editor\"></uui-toggle>\n\t\t\t</div>\n\t\t\t${this._data?.validation?.mandatory\n\t\t\t\t? html`<uui-input\n\t\t\t\t\t\tname=\"mandatory-message\"\n\t\t\t\t\t\tvalue=${this._data.validation?.mandatoryMessage ?? ''}\n\t\t\t\t\t\t@change=${this.#onMandatoryMessageChange}\n\t\t\t\t\t\tstyle=\"margin-top: var(--uui-size-space-1)\"\n\t\t\t\t\t\tid=\"mandatory-message\"\n\t\t\t\t\t\tplaceholder=${this.localize.term('validation_mandatoryMessage')}\n\t\t\t\t\t\tlabel=${this.localize.term('validation_mandatoryMessage')}></uui-input>`\n\t\t\t\t: ''}`;\n\t}\n\n\t#renderCustomValidation() {\n\t\treturn html`<uui-select\n\t\t\t\tstyle=\"margin-top: var(--uui-size-space-1)\"\n\t\t\t\t@change=${this.#onCustomValidationChange}\n\t\t\t\t.options=${this._customValidationOptions}></uui-select>\n\n\t\t\t${this._data?.validation?.regEx !== null\n\t\t\t\t? html`\n\t\t\t\t\t\t<uui-input\n\t\t\t\t\t\t\tname=\"pattern\"\n\t\t\t\t\t\t\tstyle=\"margin-bottom: var(--uui-size-space-1); margin-top: var(--uui-size-space-5);\"\n\t\t\t\t\t\t\t@change=${this.#onValidationRegExChange}\n\t\t\t\t\t\t\tplaceholder=${this.localize.term('validation_validationRegExp')}\n\t\t\t\t\t\t\tlabel=${this.localize.term('validation_validationRegExp')}\n\t\t\t\t\t\t\t.value=${this._data?.validation?.regEx ?? ''}></uui-input>\n\t\t\t\t\t\t<uui-textarea\n\t\t\t\t\t\t\tname=\"pattern-message\"\n\t\t\t\t\t\t\t@change=${this.#onValidationMessageChange}\n\t\t\t\t\t\t\tplaceholder=${this.localize.term('validation_validationRegExpMessage')}\n\t\t\t\t\t\t\tlabel=${this.localize.term('validation_validationRegExpMessage')}\n\t\t\t\t\t\t\t.value=${this._data?.validation?.regExMessage ?? ''}></uui-textarea>\n\t\t\t\t\t`\n\t\t\t\t: nothing} `;\n\t}\n\n\t#renderVariationControls() {\n\t\treturn this._contentTypeVariesByCulture || this._contentTypeVariesBySegment\n\t\t\t? html` <div class=\"container\">\n\t\t\t\t\t\t<b><umb-localize key=\"contentTypeEditor_variantsHeading\">Allow variations</umb-localize></b>\n\t\t\t\t\t\t${this._contentTypeVariesByCulture ? this.#renderVaryByCulture() : ''}\n\t\t\t\t\t</div>\n\t\t\t\t\t<hr />`\n\t\t\t: '';\n\t}\n\t#renderVaryByCulture() {\n\t\treturn html`<uui-toggle\n\t\t\t@change=${this.#onVaryByCultureChange}\n\t\t\t.checked=${this._data?.variesByCulture ?? false}\n\t\t\tlabel=${this.localize.term('contentTypeEditor_cultureVariantLabel')}></uui-toggle> `;\n\t}\n\n\tstatic override styles = [\n\t\tUmbTextStyles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: var(--uui-size-layout-1);\n\t\t\t}\n\t\t\t#alias-input,\n\t\t\t#label-input,\n\t\t\t#description-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t#alias-input {\n\t\t\t\tborder-color: transparent;\n\t\t\t\tbackground: var(--uui-color-surface);\n\t\t\t}\n\n\t\t\t#label-input {\n\t\t\t\tfont-weight: bold; /* TODO: UUI Input does not support bold text yet */\n\t\t\t\t--uui-input-border-color: transparent;\n\t\t\t}\n\t\t\t#label-input input {\n\t\t\t\tfont-weight: bold;\n\t\t\t\t--uui-input-border-color: transparent;\n\t\t\t}\n\n\t\t\t#description-input {\n\t\t\t\t--uui-textarea-border-color: transparent;\n\t\t\t\tfont-weight: 0.5rem; /* TODO: Cant change font size of UUI textarea yet */\n\t\t\t}\n\n\t\t\t#appearances {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: var(--uui-size-layout-1);\n\t\t\t\tmax-width: 350px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\t\t\t.appearance {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\t\t\t\tborder: 1px solid var(--uui-color-border-standalone);\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: var(--uui-size-space-4) var(--uui-size-space-5);\n\t\t\t\talign-items: center;\n\t\t\t\tborder-radius: var(--uui-border-radius);\n\t\t\t\topacity: 0.8;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tgap: var(--uui-size-space-3);\n\t\t\t}\n\t\t\t.appearance-label {\n\t\t\t\tfont-size: 0.8rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: bold;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t\t.appearance.left {\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\t\t\t.appearance.top {\n\t\t\t\tflex-shrink: 1;\n\t\t\t}\n\t\t\t.appearance svg {\n\t\t\t\tdisplay: flex;\n\t\t\t\twidth: 100%;\n\t\t\t\tcolor: var(--uui-color-text);\n\t\t\t}\n\t\t\t.appearance:not(.selected):hover {\n\t\t\t\tborder-color: var(--uui-color-border-emphasis);\n\t\t\t\tcursor: pointer;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\t.appearance.selected {\n\t\t\t\tbackground-color: var(--uui-color-surface);\n\t\t\t\tborder-color: var(--uui-color-selected);\n\t\t\t\tcolor: var(--uui-color-selected);\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\t.appearance.selected svg {\n\t\t\t\tcolor: var(--uui-color-selected);\n\t\t\t}\n\t\t\t.appearance.selected::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tborder-radius: 6px;\n\t\t\t\topacity: 0.1;\n\t\t\t\tbackground-color: var(--uui-color-selected);\n\t\t\t}\n\t\t\thr {\n\t\t\t\tborder: none;\n\t\t\t\tborder-top: 1px solid var(--uui-color-divider);\n\t\t\t\tmargin-top: var(--uui-size-space-6);\n\t\t\t\tmargin-bottom: var(--uui-size-space-5);\n\t\t\t}\n\t\t\tuui-input {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\tuui-input:focus-within {\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t\tuui-input-lock:focus-within {\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t\t.container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t}\n\t\t\tuui-form,\n\t\t\tform {\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t`,\n\t];\n}\n\nexport default UmbPropertyTypeWorkspaceViewSettingsElement;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'umb-property-type-workspace-view-settings': UmbPropertyTypeWorkspaceViewSettingsElement;\n\t}\n}\n"],"names":["_context","_UmbPropertyTypeWorkspaceViewSettingsElement_instances","onNameChange_fn","onAliasChange_fn","onDescriptionChange_fn","onDataTypeIdChange_fn","onMandatoryChange_fn","onMandatoryMessageChange_fn","setAppearanceNormal_fn","setAppearanceTop_fn","onToggleShowOnMemberProfile_fn","onToggleMemberCanEdit_fn","onToggleIsSensitiveData_fn","onToggleAliasLock_fn","onCustomValidationChange_fn","onValidationRegExChange_fn","onValidationMessageChange_fn","onVaryByCultureChange_fn","renderMemberTypeOptions_fn","renderAlignLeftIcon_fn","renderAlignTopIcon_fn","renderMandatory_fn","renderCustomValidation_fn","renderVariationControls_fn","renderVaryByCulture_fn","UmbPropertyTypeWorkspaceViewSettingsElement","UmbLitElement","__privateAdd","UMB_PROPERTY_TYPE_WORKSPACE_CONTEXT","instance","__privateSet","data","UMB_CONTENT_TYPE_WORKSPACE_CONTEXT","variesByCulture","variesBySegment","partialValue","__privateGet","html","__privateMethod","umbBindToValidation","umbFocus","event","generateAlias","alias","dataTypeUnique","mandatory","mandatoryMessage","memberCanEdit","memberCanView","value","regEx","option","regExMessage","nothing","UmbTextStyles","css","__decorateClass","state","query","customElement","UmbPropertyTypeWorkspaceViewSettingsElement$1"],"mappings":"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"}