@api-client/ui 0.5.57 → 0.6.0

package/build/src/modeling/dialogs/PhoneTaxonomy.js

@@ -0,0 +1,242 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import { SemanticType } from '@api-client/core/modeling/Semantics.js';
+import { bound } from '../../decorators/bound.js';
+import { html, nothing } from 'lit';
+import { renderHelp } from '../../help/render.js';
+import { DEFAULT_PHONE_CONFIG } from '@api-client/core/modeling/definitions/Phone.js';
+let PhoneTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _handleAllowedCountriesChange_decorators;
+    let _handleRemoveCountry_decorators;
+    let _render_decorators;
+    return class PhoneTaxonomy extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _handleAllowedCountriesChange_decorators = [bound];
+            _handleRemoveCountry_decorators = [bound];
+            _render_decorators = [bound];
+            __esDecorate(this, null, _handleAllowedCountriesChange_decorators, { kind: "method", name: "handleAllowedCountriesChange", static: false, private: false, access: { has: obj => "handleAllowedCountriesChange" in obj, get: obj => obj.handleAllowedCountriesChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleRemoveCountry_decorators, { kind: "method", name: "handleRemoveCountry", static: false, private: false, access: { has: obj => "handleRemoveCountry" in obj, get: obj => obj.handleRemoveCountry }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        domainElement = __runInitializers(this, _instanceExtraInitializers);
+        static title = `Configure Phone Taxonomy`;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Phone);
+            if (semantic && semantic.config) {
+                config = structuredClone(semantic.config);
+            }
+            else {
+                config = {};
+            }
+            super(config);
+            this.domainElement = domainElement;
+        }
+        formCallback(event) {
+            const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.Phone);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.Phone,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleAllowedCountriesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const countries = this.config?.allowedCountries ?? DEFAULT_PHONE_CONFIG.allowedCountries ?? [];
+                if (!countries.includes(value)) {
+                    countries.push(value);
+                    this.config = { ...this.config, allowedCountries: countries };
+                    this.requestUpdate();
+                }
+                input.value = ''; // Clear the input after adding
+            }
+        }
+        handleRemoveCountry(event) {
+            const chip = event.target;
+            const index = parseInt(chip.dataset.index || '0', 10);
+            if (!isNaN(index) && this.config?.allowedCountries) {
+                this.config.allowedCountries.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            return html `
+      <div class="checkbox-group">
+        ${this.renderRequireCountryCode()} ${this.renderAllowExtension()} ${this.renderRequireVerification()}
+      </div>
+      <div class="input-group">
+        ${this.renderVerificationMethodSelect()} ${this.renderFormatSelect()} ${this.renderCustomFormatInput()}
+        ${this.renderAllowedCountriesInput()}
+      </div>
+    `;
+        }
+        renderRequireCountryCode() {
+            const enabled = this.config?.requireCountryCode ?? DEFAULT_PHONE_CONFIG.requireCountryCode;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="require-country-code"
+            .checked="${enabled}"
+            name="requireCountryCode"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="require-country-code" class="body-medium">Require Country Code</label>
+            <span class="body-small meta">Users must include a country code in their phone numbers.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'phone:requireCountryCode')}
+      </div>
+    `;
+        }
+        renderAllowExtension() {
+            const enabled = this.config?.allowExtension ?? DEFAULT_PHONE_CONFIG.allowExtension;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-extension"
+            .checked="${enabled}"
+            name="allowExtension"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-extension" class="body-medium">Allow Extension</label>
+            <span class="body-small meta">Users can add an extension to their phone numbers.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'phone:allowExtension')}
+      </div>
+    `;
+        }
+        renderRequireVerification() {
+            const enabled = this.config?.requireVerification ?? DEFAULT_PHONE_CONFIG.requireVerification;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="require-verification"
+            .checked="${enabled}"
+            name="requireVerification"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="require-verification" class="body-medium">Require Verification</label>
+            <span class="body-small meta">Users must verify their phone numbers.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'phone:requireVerification')}
+      </div>
+    `;
+        }
+        renderFormatSelect() {
+            const value = this.config?.format ?? DEFAULT_PHONE_CONFIG.format;
+            return html `
+      <div class="row input-row select">
+        <ui-select
+          label="Phone Number Format"
+          class="input"
+          name="format"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="international" lines="two">
+            <div>International</div>
+            <div slot="supporting-text">E.164 format with country code (e.g., +1234567890).</div>
+          </ui-option>
+          <ui-option value="national" lines="two">
+            <div>National</div>
+            <div slot="supporting-text">Local format without country code (e.g., 0123456789).</div>
+          </ui-option>
+          <ui-option value="custom" lines="two">
+            <div>Custom</div>
+            <div slot="supporting-text">User-defined format.</div>
+          </ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'phone:format')}
+      </div>
+    `;
+        }
+        renderVerificationMethodSelect() {
+            const enabled = this.config?.requireVerification ?? DEFAULT_PHONE_CONFIG.requireVerification;
+            if (!enabled) {
+                return nothing; // Skip rendering if verification is not required
+            }
+            // Render verification method select only if verification is required
+            const value = this.config?.verificationMethod ?? DEFAULT_PHONE_CONFIG.verificationMethod;
+            return html `
+      <div class="row input-row select">
+        <ui-select
+          label="Verification method"
+          class="input"
+          name="verificationMethod"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="sms">SMS</ui-option>
+          <ui-option value="call">Call</ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'phone:verificationMethod')}
+      </div>
+    `;
+        }
+        renderAllowedCountriesInput() {
+            const value = this.config?.allowedCountries ?? DEFAULT_PHONE_CONFIG.allowedCountries;
+            const chips = (value || []).map((country, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveCountry}"
+          >${country}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="allowedCountries"
+            label="Allowed Countries"
+            @change="${this.handleAllowedCountriesChange}"
+            supportingText="Add a country code and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'phone:allowedCountries')}
+      </div>
+    `;
+        }
+        renderCustomFormatInput() {
+            const format = this.config?.format ?? DEFAULT_PHONE_CONFIG.format;
+            if (format !== 'custom') {
+                return nothing; // Skip rendering if format is not custom
+            }
+            // Render custom format input only if the format is set to 'custom'
+            // Examples: '###-###-####', '(###) ###-####'
+            const value = this.config?.customFormat ?? DEFAULT_PHONE_CONFIG.customFormat;
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          class="input"
+          name="customFormat"
+          label="Custom Format"
+          .value="${value || ''}"
+          @change="${this.handleTextChange}"
+          supportingText="Examples: '###-###-####', '(###) ###-####'"
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'phone:customFormat')}
+      </div>
+    `;
+        }
+    };
+})();
+export { PhoneTaxonomy };
+//# sourceMappingURL=PhoneTaxonomy.js.map

package/build/src/modeling/dialogs/PhoneTaxonomy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/PhoneTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import { TaxonomyDialog } from './TaxonomyDialog.js'\nimport type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { SemanticType } from '@api-client/core/modeling/Semantics.js'\nimport { bound } from '../../decorators/bound.js'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { renderHelp } from '../../help/render.js'\nimport { DEFAULT_PHONE_CONFIG, type PhoneConfig } from '@api-client/core/modeling/definitions/Phone.js'\n\nexport class PhoneTaxonomy extends TaxonomyDialog<PhoneConfig> {\n  static override title = `Configure Phone Taxonomy`\n\n  constructor(public domainElement: DomainProperty) {\n    let config: PhoneConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Phone)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config) as PhoneConfig\n    } else {\n      config = {}\n    }\n    super(config)\n  }\n\n  protected override formCallback(event: Event): Promise<void> {\n    const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.Phone)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.Phone,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  @bound\n  handleAllowedCountriesChange(event: Event): void {\n    const input = event.target as HTMLInputElement\n    const value = input.value.trim()\n    if (value) {\n      const countries = this.config?.allowedCountries ?? DEFAULT_PHONE_CONFIG.allowedCountries ?? []\n      if (!countries.includes(value)) {\n        countries.push(value)\n        this.config = { ...this.config, allowedCountries: countries }\n        this.requestUpdate()\n      }\n      input.value = '' // Clear the input after adding\n    }\n  }\n\n  @bound\n  handleRemoveCountry(event: Event): void {\n    const chip = event.target as HTMLElement\n    const index = parseInt(chip.dataset.index || '0', 10)\n    if (!isNaN(index) && this.config?.allowedCountries) {\n      this.config.allowedCountries.splice(index, 1)\n      this.requestUpdate()\n    }\n  }\n\n  @bound\n  render(): TemplateResult {\n    return html`\n      <div class=\"checkbox-group\">\n        ${this.renderRequireCountryCode()} ${this.renderAllowExtension()} ${this.renderRequireVerification()}\n      </div>\n      <div class=\"input-group\">\n        ${this.renderVerificationMethodSelect()} ${this.renderFormatSelect()} ${this.renderCustomFormatInput()}\n        ${this.renderAllowedCountriesInput()}\n      </div>\n    `\n  }\n\n  protected renderRequireCountryCode(): TemplateResult {\n    const enabled = this.config?.requireCountryCode ?? DEFAULT_PHONE_CONFIG.requireCountryCode\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"require-country-code\"\n            .checked=\"${enabled}\"\n            name=\"requireCountryCode\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"require-country-code\" class=\"body-medium\">Require Country Code</label>\n            <span class=\"body-small meta\">Users must include a country code in their phone numbers.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'phone:requireCountryCode')}\n      </div>\n    `\n  }\n\n  protected renderAllowExtension(): TemplateResult {\n    const enabled = this.config?.allowExtension ?? DEFAULT_PHONE_CONFIG.allowExtension\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-extension\"\n            .checked=\"${enabled}\"\n            name=\"allowExtension\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-extension\" class=\"body-medium\">Allow Extension</label>\n            <span class=\"body-small meta\">Users can add an extension to their phone numbers.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'phone:allowExtension')}\n      </div>\n    `\n  }\n\n  protected renderRequireVerification(): TemplateResult {\n    const enabled = this.config?.requireVerification ?? DEFAULT_PHONE_CONFIG.requireVerification\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"require-verification\"\n            .checked=\"${enabled}\"\n            name=\"requireVerification\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"require-verification\" class=\"body-medium\">Require Verification</label>\n            <span class=\"body-small meta\">Users must verify their phone numbers.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'phone:requireVerification')}\n      </div>\n    `\n  }\n\n  protected renderFormatSelect(): TemplateResult {\n    const value = this.config?.format ?? DEFAULT_PHONE_CONFIG.format\n    return html`\n      <div class=\"row input-row select\">\n        <ui-select\n          label=\"Phone Number Format\"\n          class=\"input\"\n          name=\"format\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"international\" lines=\"two\">\n            <div>International</div>\n            <div slot=\"supporting-text\">E.164 format with country code (e.g., +1234567890).</div>\n          </ui-option>\n          <ui-option value=\"national\" lines=\"two\">\n            <div>National</div>\n            <div slot=\"supporting-text\">Local format without country code (e.g., 0123456789).</div>\n          </ui-option>\n          <ui-option value=\"custom\" lines=\"two\">\n            <div>Custom</div>\n            <div slot=\"supporting-text\">User-defined format.</div>\n          </ui-option>\n        </ui-select>\n        ${renderHelp('taxonomy', 'phone:format')}\n      </div>\n    `\n  }\n\n  protected renderVerificationMethodSelect(): TemplateResult | typeof nothing {\n    const enabled = this.config?.requireVerification ?? DEFAULT_PHONE_CONFIG.requireVerification\n    if (!enabled) {\n      return nothing // Skip rendering if verification is not required\n    }\n    // Render verification method select only if verification is required\n    const value = this.config?.verificationMethod ?? DEFAULT_PHONE_CONFIG.verificationMethod\n    return html`\n      <div class=\"row input-row select\">\n        <ui-select\n          label=\"Verification method\"\n          class=\"input\"\n          name=\"verificationMethod\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"sms\">SMS</ui-option>\n          <ui-option value=\"call\">Call</ui-option>\n        </ui-select>\n        ${renderHelp('taxonomy', 'phone:verificationMethod')}\n      </div>\n    `\n  }\n\n  protected renderAllowedCountriesInput(): TemplateResult {\n    const value = this.config?.allowedCountries ?? DEFAULT_PHONE_CONFIG.allowedCountries\n    const chips = (value || []).map(\n      (country, index) =>\n        html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveCountry}\"\n          >${country}</ui-chip\n        >`\n    )\n    return html`\n      <div class=\"row input-row\">\n        <div class=\"input chips-input\">\n          <ui-outlined-text-field\n            class=\"input\"\n            name=\"allowedCountries\"\n            label=\"Allowed Countries\"\n            @change=\"${this.handleAllowedCountriesChange}\"\n            supportingText=\"Add a country code and press Enter to add it to the list.\"\n          ></ui-outlined-text-field>\n          <ui-chip-set>${chips}</ui-chip-set>\n        </div>\n        ${renderHelp('taxonomy', 'phone:allowedCountries')}\n      </div>\n    `\n  }\n\n  protected renderCustomFormatInput(): TemplateResult | typeof nothing {\n    const format = this.config?.format ?? DEFAULT_PHONE_CONFIG.format\n    if (format !== 'custom') {\n      return nothing // Skip rendering if format is not custom\n    }\n    // Render custom format input only if the format is set to 'custom'\n    // Examples: '###-###-####', '(###) ###-####'\n    const value = this.config?.customFormat ?? DEFAULT_PHONE_CONFIG.customFormat\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          class=\"input\"\n          name=\"customFormat\"\n          label=\"Custom Format\"\n          .value=\"${value || ''}\"\n          @change=\"${this.handleTextChange}\"\n          supportingText=\"Examples: '###-###-####', '(###) ###-####'\"\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'phone:customFormat')}\n      </div>\n    `\n  }\n}\n"]}

package/build/src/modeling/dialogs/PublicUniqueNameTaxonomy.d.ts

@@ -0,0 +1,28 @@
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { TemplateResult } from 'lit';
+import { type PublicUniqueNameConfig } from '@api-client/core/modeling/definitions/PublicUniqueName.js';
+export declare class PublicUniqueNameTaxonomy extends TaxonomyDialog<PublicUniqueNameConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    /**
+     * The list of properties available for source list.
+     * It is a computed list for the parent entity and all its parents.
+     */
+    properties: DomainProperty[];
+    /**
+     * The default source field to use for the public unique name.
+     * It is the first property with the `Title` semantic.
+     */
+    defaultSourceField?: DomainProperty;
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    render(): TemplateResult;
+    protected renderSourceFieldInput(): TemplateResult;
+    protected renderFallbackFieldInput(): TemplateResult;
+    protected renderSeparatorInput(): TemplateResult;
+    protected renderCaseSensitive(): TemplateResult;
+    protected renderAllowUnicode(): TemplateResult;
+    protected renderAllowDuplicates(): TemplateResult;
+}
+//# sourceMappingURL=PublicUniqueNameTaxonomy.d.ts.map

package/build/src/modeling/dialogs/PublicUniqueNameTaxonomy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicUniqueNameTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/PublicUniqueNameTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAGjF,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,2DAA2D,CAAA;AAGlE,qBAAa,wBAAyB,SAAQ,cAAc,CAAC,sBAAsB,CAAC;IAe/D,aAAa,EAAE,cAAc;IAdhD,OAAgB,KAAK,SAA0C;IAE/D;;;OAGG;IACH,UAAU,EAAE,cAAc,EAAE,CAAK;IAEjC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,cAAc,CAAA;gBAEhB,aAAa,EAAE,cAAc;cAmB7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAe5D,MAAM,IAAI,cAAc;IAWxB,SAAS,CAAC,sBAAsB,IAAI,cAAc;IA8BlD,SAAS,CAAC,wBAAwB,IAAI,cAAc;IA8BpD,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAiBhD,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAqB/C,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAqB9C,SAAS,CAAC,qBAAqB,IAAI,cAAc;CAoBlD"}

package/build/src/modeling/dialogs/PublicUniqueNameTaxonomy.js

@@ -0,0 +1,205 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import { SemanticType } from '@api-client/core/modeling/Semantics.js';
+import { bound } from '../../decorators/bound.js';
+import { html, nothing } from 'lit';
+import { renderHelp } from '../../help/render.js';
+import { DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG, } from '@api-client/core/modeling/definitions/PublicUniqueName.js';
+import { repeat } from 'lit/directives/repeat.js';
+let PublicUniqueNameTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    return class PublicUniqueNameTaxonomy extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _render_decorators = [bound];
+            __esDecorate(this, null, _render_decorators, { kind: "method", name: "render", static: false, private: false, access: { has: obj => "render" in obj, get: obj => obj.render }, metadata: _metadata }, null, _instanceExtraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        domainElement = __runInitializers(this, _instanceExtraInitializers);
+        static title = `Configure Public Unique Name Taxonomy`;
+        /**
+         * The list of properties available for source list.
+         * It is a computed list for the parent entity and all its parents.
+         */
+        properties = [];
+        /**
+         * The default source field to use for the public unique name.
+         * It is the first property with the `Title` semantic.
+         */
+        defaultSourceField;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.PublicUniqueName);
+            if (semantic && semantic.config) {
+                config = structuredClone(semantic.config);
+            }
+            else {
+                config = {};
+            }
+            super(config);
+            this.domainElement = domainElement;
+            const entity = domainElement.getParentInstance();
+            if (entity) {
+                this.properties = this.listComputedProperties(entity, {
+                    exclude: [this.domainElement.key],
+                    types: ['string'],
+                });
+                this.defaultSourceField = this.properties.find((prop) => prop.hasSemantic(SemanticType.Title));
+            }
+        }
+        formCallback(event) {
+            const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.PublicUniqueName);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.PublicUniqueName,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        render() {
+            return html `
+      <div class="input-group">
+        ${this.renderSourceFieldInput()} ${this.renderFallbackFieldInput()} ${this.renderSeparatorInput()}
+      </div>
+      <div class="checkbox-group">
+        ${this.renderCaseSensitive()} ${this.renderAllowUnicode()} ${this.renderAllowDuplicates()}
+      </div>
+    `;
+        }
+        renderSourceFieldInput() {
+            const value = this.config?.sourceField ?? this.defaultSourceField?.key;
+            return html `
+      <div class="row input-row">
+        <ui-select
+          label="Source Field"
+          class="input"
+          name="sourceField"
+          required
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          ${repeat(this.properties, (prop) => prop.key, (prop) => {
+                return html `
+                <ui-option value="${prop.key}">
+                  <div>${prop.info.getLabel()}</div>
+                  ${prop.info.description ? html `<div slot="supporting-text">${prop.info.description}</div>` : nothing}
+                </ui-option>
+              `;
+            })}
+        </ui-select>
+        ${renderHelp('taxonomy', 'publicuniquename:sourceField')}
+      </div>
+    `;
+        }
+        renderFallbackFieldInput() {
+            const value = this.config?.fallbackField;
+            return html `
+      <div class="row input-row">
+        <ui-select
+          label="Fallback Field"
+          class="input"
+          name="fallbackField"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+          supportingText="If the source field is empty, this field will be used as a fallback."
+        >
+          ${repeat(this.properties, (prop) => prop.key, (prop) => {
+                return html `
+                <ui-option value="${prop.key}">
+                  <div>${prop.info.getLabel()}</div>
+                  ${prop.info.description ? html `<div slot="supporting-text">${prop.info.description}</div>` : nothing}
+                </ui-option>
+              `;
+            })}
+        </ui-select>
+        ${renderHelp('taxonomy', 'publicuniquename:fallbackField')}
+      </div>
+    `;
+        }
+        renderSeparatorInput() {
+            const value = this.config?.separator ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.separator;
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          label="Separator"
+          class="input"
+          name="separator"
+          .value="${value}"
+          @change="${this.handleTextChange}"
+          required
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'publicuniquename:separator')}
+      </div>
+    `;
+        }
+        renderCaseSensitive() {
+            const enabled = this.config?.caseSensitive ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.caseSensitive;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="case-sensitive"
+            .checked="${enabled}"
+            name="caseSensitive"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="case-sensitive" class="body-medium">Case Sensitive</label>
+            <span class="body-small meta">Whether the public unique name is case sensitive.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'publicuniquename:caseSensitive')}
+      </div>
+    `;
+        }
+        renderAllowUnicode() {
+            const enabled = this.config?.allowUnicode ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.allowUnicode;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-unicode"
+            .checked="${enabled}"
+            name="allowUnicode"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-unicode" class="body-medium">Allow Unicode Characters</label>
+            <span class="body-small meta">Whether to allow Unicode characters in the public unique name.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'publicuniquename:allowUnicode')}
+      </div>
+    `;
+        }
+        renderAllowDuplicates() {
+            const enabled = this.config?.allowDuplicates ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.allowDuplicates;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-duplicates"
+            .checked="${enabled}"
+            name="allowDuplicates"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-duplicates" class="body-medium">Allow Duplicates</label>
+            <span class="body-small meta">Whether to allow duplicate public unique names.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'publicuniquename:allowDuplicates')}
+      </div>
+    `;
+        }
+    };
+})();
+export { PublicUniqueNameTaxonomy };
+//# sourceMappingURL=PublicUniqueNameTaxonomy.js.map

package/build/src/modeling/dialogs/PublicUniqueNameTaxonomy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicUniqueNameTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/PublicUniqueNameTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import { TaxonomyDialog } from './TaxonomyDialog.js'\nimport type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { SemanticType } from '@api-client/core/modeling/Semantics.js'\nimport { bound } from '../../decorators/bound.js'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { renderHelp } from '../../help/render.js'\nimport {\n  type PublicUniqueNameConfig,\n  DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG,\n} from '@api-client/core/modeling/definitions/PublicUniqueName.js'\nimport { repeat } from 'lit/directives/repeat.js'\n\nexport class PublicUniqueNameTaxonomy extends TaxonomyDialog<PublicUniqueNameConfig> {\n  static override title = `Configure Public Unique Name Taxonomy`\n\n  /**\n   * The list of properties available for source list.\n   * It is a computed list for the parent entity and all its parents.\n   */\n  properties: DomainProperty[] = []\n\n  /**\n   * The default source field to use for the public unique name.\n   * It is the first property with the `Title` semantic.\n   */\n  defaultSourceField?: DomainProperty\n\n  constructor(public domainElement: DomainProperty) {\n    let config: PublicUniqueNameConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.PublicUniqueName)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config) as PublicUniqueNameConfig\n    } else {\n      config = {}\n    }\n    super(config)\n    const entity = domainElement.getParentInstance()\n    if (entity) {\n      this.properties = this.listComputedProperties(entity, {\n        exclude: [this.domainElement.key],\n        types: ['string'],\n      })\n      this.defaultSourceField = this.properties.find((prop) => prop.hasSemantic(SemanticType.Title))\n    }\n  }\n\n  protected override formCallback(event: Event): Promise<void> {\n    const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.PublicUniqueName)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.PublicUniqueName,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  @bound\n  render(): TemplateResult {\n    return html`\n      <div class=\"input-group\">\n        ${this.renderSourceFieldInput()} ${this.renderFallbackFieldInput()} ${this.renderSeparatorInput()}\n      </div>\n      <div class=\"checkbox-group\">\n        ${this.renderCaseSensitive()} ${this.renderAllowUnicode()} ${this.renderAllowDuplicates()}\n      </div>\n    `\n  }\n\n  protected renderSourceFieldInput(): TemplateResult {\n    const value = this.config?.sourceField ?? this.defaultSourceField?.key\n    return html`\n      <div class=\"row input-row\">\n        <ui-select\n          label=\"Source Field\"\n          class=\"input\"\n          name=\"sourceField\"\n          required\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          ${repeat(\n            this.properties,\n            (prop) => prop.key,\n            (prop) => {\n              return html`\n                <ui-option value=\"${prop.key}\">\n                  <div>${prop.info.getLabel()}</div>\n                  ${prop.info.description ? html`<div slot=\"supporting-text\">${prop.info.description}</div>` : nothing}\n                </ui-option>\n              `\n            }\n          )}\n        </ui-select>\n        ${renderHelp('taxonomy', 'publicuniquename:sourceField')}\n      </div>\n    `\n  }\n\n  protected renderFallbackFieldInput(): TemplateResult {\n    const value = this.config?.fallbackField\n    return html`\n      <div class=\"row input-row\">\n        <ui-select\n          label=\"Fallback Field\"\n          class=\"input\"\n          name=\"fallbackField\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n          supportingText=\"If the source field is empty, this field will be used as a fallback.\"\n        >\n          ${repeat(\n            this.properties,\n            (prop) => prop.key,\n            (prop) => {\n              return html`\n                <ui-option value=\"${prop.key}\">\n                  <div>${prop.info.getLabel()}</div>\n                  ${prop.info.description ? html`<div slot=\"supporting-text\">${prop.info.description}</div>` : nothing}\n                </ui-option>\n              `\n            }\n          )}\n        </ui-select>\n        ${renderHelp('taxonomy', 'publicuniquename:fallbackField')}\n      </div>\n    `\n  }\n\n  protected renderSeparatorInput(): TemplateResult {\n    const value = this.config?.separator ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.separator\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          label=\"Separator\"\n          class=\"input\"\n          name=\"separator\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleTextChange}\"\n          required\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'publicuniquename:separator')}\n      </div>\n    `\n  }\n\n  protected renderCaseSensitive(): TemplateResult {\n    const enabled = this.config?.caseSensitive ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.caseSensitive\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"case-sensitive\"\n            .checked=\"${enabled}\"\n            name=\"caseSensitive\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"case-sensitive\" class=\"body-medium\">Case Sensitive</label>\n            <span class=\"body-small meta\">Whether the public unique name is case sensitive.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'publicuniquename:caseSensitive')}\n      </div>\n    `\n  }\n\n  protected renderAllowUnicode(): TemplateResult {\n    const enabled = this.config?.allowUnicode ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.allowUnicode\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-unicode\"\n            .checked=\"${enabled}\"\n            name=\"allowUnicode\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-unicode\" class=\"body-medium\">Allow Unicode Characters</label>\n            <span class=\"body-small meta\">Whether to allow Unicode characters in the public unique name.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'publicuniquename:allowUnicode')}\n      </div>\n    `\n  }\n\n  protected renderAllowDuplicates(): TemplateResult {\n    const enabled = this.config?.allowDuplicates ?? DEFAULT_PUBLIC_UNIQUE_NAME_CONFIG.allowDuplicates\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-duplicates\"\n            .checked=\"${enabled}\"\n            name=\"allowDuplicates\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-duplicates\" class=\"body-medium\">Allow Duplicates</label>\n            <span class=\"body-small meta\">Whether to allow duplicate public unique names.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'publicuniquename:allowDuplicates')}\n      </div>\n    `\n  }\n}\n"]}

package/build/src/modeling/dialogs/SkuTaxonomy.d.ts

@@ -0,0 +1,31 @@
+import { type SKUConfig } from '@api-client/core/modeling/definitions/SKU.js';
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { nothing, TemplateResult } from 'lit';
+import '../../md/divider/ui-divider.js';
+export declare class SkuTaxonomy extends TaxonomyDialog<SKUConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    /**
+     * The list of properties available for source list.
+     * It is a computed list for the parent entity and all its parents.
+     */
+    properties: DomainProperty[];
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    handleCustomPatternChange(event: Event): void;
+    isValidRegex(pattern: string): boolean;
+    handleReservedValuesChange(event: Event): void;
+    handleRemoveReservedValue(event: Event): void;
+    render(): TemplateResult;
+    protected renderValidationModeSelect(): TemplateResult;
+    protected renderCustomPatternInput(): TemplateResult | typeof nothing;
+    protected renderCaseModeSelect(): TemplateResult;
+    protected renderPrefixInput(): TemplateResult;
+    protected renderReservedValuesInput(): TemplateResult;
+    protected renderEnforceUniqueness(): TemplateResult;
+    protected renderValidateReservedWords(): TemplateResult;
+    protected renderAutoGenerate(): TemplateResult;
+    protected renderAutoGenerateSourceSelect(): TemplateResult | typeof nothing;
+}
+//# sourceMappingURL=SkuTaxonomy.d.ts.map

package/build/src/modeling/dialogs/SkuTaxonomy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkuTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/SkuTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,8CAA8C,CAAA;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAGjF,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnD,OAAO,gCAAgC,CAAA;AAEvC,qBAAa,WAAY,SAAQ,cAAc,CAAC,SAAS,CAAC;IASrC,aAAa,EAAE,cAAc;IARhD,OAAgB,KAAK,SAA2B;IAEhD;;;OAGG;IACH,UAAU,EAAE,cAAc,EAAE,CAAK;gBAEd,aAAa,EAAE,cAAc;cAkB7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAe5D,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAgB7C,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAUtC,0BAA0B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAe9C,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAU7C,MAAM,IAAI,cAAc;IAaxB,SAAS,CAAC,0BAA0B,IAAI,cAAc;IAoBtD,SAAS,CAAC,wBAAwB,IAAI,cAAc,GAAG,OAAO,OAAO;IAqBrE,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAoBhD,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAgB7C,SAAS,CAAC,yBAAyB,IAAI,cAAc;IAyBrD,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAqBnD,SAAS,CAAC,2BAA2B,IAAI,cAAc;IAqBvD,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAqB9C,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,OAAO,OAAO;CAqC5E"}