@api-client/ui 0.5.57 → 0.6.0

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

@@ -0,0 +1,210 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { DEFAULT_CATEGORIES_CONFIG } from '@api-client/core/modeling/definitions/Categories.js';
+import { bound } from '../../decorators/bound.js';
+import { html, nothing } from 'lit';
+import { SemanticType } from '@api-client/core/modeling/Semantics.js';
+import { renderHelp } from '../../help/render.js';
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import '../../md/chip/ui-chip-set.js';
+import '../../md/chip/ui-chip.js';
+/**
+ * A class that generates a dialog that allows the user to configure the taxonomy of a Tags annotated association.
+ */
+let CategoryTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    return class CategoryTaxonomy 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 Categories Taxonomy`;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Categories);
+            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.Categories);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.Categories,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleAllowedCategoriesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const categories = this.config?.allowedCategories ?? DEFAULT_CATEGORIES_CONFIG.allowedCategories ?? [];
+                if (!categories.includes(value)) {
+                    categories.push(value);
+                    this.config = { ...this.config, allowedCategories: categories };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveCategory(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.allowedCategories) {
+                this.config.allowedCategories.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            return html `
+      <div class="input-group">${this.renderAllowedCategoriesInput()}</div>
+      <div class="checkbox-group">
+        ${this.renderAllowCustomCategories()} ${this.renderAllowHierarchy()} ${this.renderCaseSensitive()}
+        ${this.renderAllowUnicode()}
+      </div>
+      <div class="input-group">${this.renderMaxDepthInput()}</div>
+    `;
+        }
+        renderAllowCustomCategories() {
+            const enabled = this.config?.allowCustomCategories ?? DEFAULT_CATEGORIES_CONFIG.allowCustomCategories;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-custom-categories"
+            .checked="${enabled}"
+            name="allowCustomCategories"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-custom-categories" class="body-medium">Allow Custom Categories</label>
+            <span class="body-small meta"
+              >Users are allowed to add custom categories not in the allowed categories list.</span
+            >
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'categories:allowCustomCategories')}
+      </div>
+    `;
+        }
+        renderAllowHierarchy() {
+            const enabled = this.config?.allowHierarchy ?? DEFAULT_CATEGORIES_CONFIG.allowHierarchy;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-hierarchy"
+            .checked="${enabled}"
+            name="allowHierarchy"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-hierarchy" class="body-medium">Allow Hierarchy</label>
+            <span class="body-small meta">Whether categories can have subcategories.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'categories:allowHierarchy')}
+      </div>
+    `;
+        }
+        renderCaseSensitive() {
+            const enabled = this.config?.caseSensitive ?? DEFAULT_CATEGORIES_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 categories are case sensitive.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'categories:caseSensitive')}
+      </div>
+    `;
+        }
+        renderAllowUnicode() {
+            const enabled = this.config?.allowUnicode ?? DEFAULT_CATEGORIES_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</label>
+            <span class="body-small meta">Users are allowed to add unicode characters in categories.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'categories:allowUnicode')}
+      </div>
+    `;
+        }
+        renderAllowedCategoriesInput() {
+            const value = this.config?.allowedCategories ?? DEFAULT_CATEGORIES_CONFIG.allowedCategories;
+            const chips = (value || []).map((category, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveCategory}"
+          >${category}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="allowedCategories"
+            label="Allowed Categories"
+            @change="${this.handleAllowedCategoriesChange}"
+            supportingText="Add a category and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'categories:allowedCategories')}
+      </div>
+    `;
+        }
+        renderMaxDepthInput() {
+            const enabled = this.config?.allowHierarchy ?? DEFAULT_CATEGORIES_CONFIG.allowHierarchy;
+            if (!enabled) {
+                return nothing;
+            }
+            const value = this.config?.maxDepth ?? DEFAULT_CATEGORIES_CONFIG.maxDepth;
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          class="input"
+          name="maxDepth"
+          label="Max Depth"
+          type="number"
+          min="0"
+          .value="${value}"
+          @change="${this.handleTextChange}"
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'categories:maxDepth')}
+      </div>
+    `;
+        }
+    };
+})();
+export { CategoryTaxonomy };
+//# sourceMappingURL=CategoryTaxonomy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/CategoryTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DomainAssociation } from '@api-client/core/modeling/DomainAssociation.js'\nimport { type CategoriesConfig, DEFAULT_CATEGORIES_CONFIG } from '@api-client/core/modeling/definitions/Categories.js'\nimport { bound } from '../../decorators/bound.js'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { SemanticType } from '@api-client/core/modeling/Semantics.js'\nimport { renderHelp } from '../../help/render.js'\nimport { TaxonomyDialog } from './TaxonomyDialog.js'\n\nimport '../../md/chip/ui-chip-set.js'\nimport '../../md/chip/ui-chip.js'\n\n/**\n * A class that generates a dialog that allows the user to configure the taxonomy of a Tags annotated association.\n */\nexport class CategoryTaxonomy extends TaxonomyDialog<CategoriesConfig> {\n  static override title = `Configure Categories Taxonomy`\n\n  constructor(public domainElement: DomainAssociation) {\n    let config: CategoriesConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Categories)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config)\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.Categories)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.Categories,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  protected handleAllowedCategoriesChange(event: Event): void {\n    const input = event.target as HTMLInputElement\n    const value = input.value.trim()\n    if (value) {\n      const categories = this.config?.allowedCategories ?? DEFAULT_CATEGORIES_CONFIG.allowedCategories ?? []\n      if (!categories.includes(value)) {\n        categories.push(value)\n        this.config = { ...this.config, allowedCategories: categories }\n        this.requestUpdate()\n      }\n      input.value = ''\n    }\n  }\n\n  protected handleRemoveCategory(event: Event): void {\n    const chip = event.currentTarget as HTMLElement\n    const index = parseInt(chip.dataset.index || '-1', 10)\n    if (index >= 0 && this.config?.allowedCategories) {\n      this.config.allowedCategories.splice(index, 1)\n      this.requestUpdate()\n    }\n  }\n\n  @bound\n  render(): TemplateResult {\n    return html`\n      <div class=\"input-group\">${this.renderAllowedCategoriesInput()}</div>\n      <div class=\"checkbox-group\">\n        ${this.renderAllowCustomCategories()} ${this.renderAllowHierarchy()} ${this.renderCaseSensitive()}\n        ${this.renderAllowUnicode()}\n      </div>\n      <div class=\"input-group\">${this.renderMaxDepthInput()}</div>\n    `\n  }\n\n  protected renderAllowCustomCategories(): TemplateResult {\n    const enabled = this.config?.allowCustomCategories ?? DEFAULT_CATEGORIES_CONFIG.allowCustomCategories\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-custom-categories\"\n            .checked=\"${enabled}\"\n            name=\"allowCustomCategories\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-custom-categories\" class=\"body-medium\">Allow Custom Categories</label>\n            <span class=\"body-small meta\"\n              >Users are allowed to add custom categories not in the allowed categories list.</span\n            >\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'categories:allowCustomCategories')}\n      </div>\n    `\n  }\n\n  protected renderAllowHierarchy(): TemplateResult {\n    const enabled = this.config?.allowHierarchy ?? DEFAULT_CATEGORIES_CONFIG.allowHierarchy\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-hierarchy\"\n            .checked=\"${enabled}\"\n            name=\"allowHierarchy\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-hierarchy\" class=\"body-medium\">Allow Hierarchy</label>\n            <span class=\"body-small meta\">Whether categories can have subcategories.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'categories:allowHierarchy')}\n      </div>\n    `\n  }\n\n  protected renderCaseSensitive(): TemplateResult {\n    const enabled = this.config?.caseSensitive ?? DEFAULT_CATEGORIES_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 categories are case sensitive.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'categories:caseSensitive')}\n      </div>\n    `\n  }\n\n  protected renderAllowUnicode(): TemplateResult {\n    const enabled = this.config?.allowUnicode ?? DEFAULT_CATEGORIES_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</label>\n            <span class=\"body-small meta\">Users are allowed to add unicode characters in categories.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'categories:allowUnicode')}\n      </div>\n    `\n  }\n\n  protected renderAllowedCategoriesInput(): TemplateResult {\n    const value = this.config?.allowedCategories ?? DEFAULT_CATEGORIES_CONFIG.allowedCategories\n    const chips = (value || []).map(\n      (category, index) =>\n        html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveCategory}\"\n          >${category}</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=\"allowedCategories\"\n            label=\"Allowed Categories\"\n            @change=\"${this.handleAllowedCategoriesChange}\"\n            supportingText=\"Add a category 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', 'categories:allowedCategories')}\n      </div>\n    `\n  }\n\n  protected renderMaxDepthInput(): TemplateResult | typeof nothing {\n    const enabled = this.config?.allowHierarchy ?? DEFAULT_CATEGORIES_CONFIG.allowHierarchy\n    if (!enabled) {\n      return nothing\n    }\n    const value = this.config?.maxDepth ?? DEFAULT_CATEGORIES_CONFIG.maxDepth\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          class=\"input\"\n          name=\"maxDepth\"\n          label=\"Max Depth\"\n          type=\"number\"\n          min=\"0\"\n          .value=\"${value as unknown as string}\"\n          @change=\"${this.handleTextChange}\"\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'categories:maxDepth')}\n      </div>\n    `\n  }\n}\n"]}

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

@@ -0,0 +1,27 @@
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { type CurrencyConfig } from '@api-client/core/modeling/definitions/Currency.js';
+import { TemplateResult } from 'lit';
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import '../../md/chip/ui-chip-set.js';
+import '../../md/chip/ui-chip.js';
+import '../../elements/currency/currency-picker.js';
+/**
+ * A class that generates a dialog that allows the user to configure the taxonomy of a price/currency field.
+ */
+export declare class CurrencyTaxonomy extends TaxonomyDialog<CurrencyConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    protected handleAllowedCurrenciesChange(event: Event): void;
+    protected handleDecimalPlacesChange(event: Event): void;
+    protected handleDefaultCurrencyChange(event: Event): void;
+    render(): TemplateResult;
+    protected renderStorageFormatSelect(): TemplateResult;
+    protected renderDecimalPlacesInput(): TemplateResult;
+    protected renderAllowedCurrenciesInput(): TemplateResult;
+    protected renderDefaultCurrencyInput(): TemplateResult;
+    protected renderAllowNegative(): TemplateResult;
+    protected renderValidateCurrencyCode(): TemplateResult;
+}
+//# sourceMappingURL=CurrencyTaxonomy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/CurrencyTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAEjF,OAAO,EAAE,KAAK,cAAc,EAA2B,MAAM,mDAAmD,CAAA;AAChH,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4CAA4C,CAAA;AAEnD;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAG/C,aAAa,EAAE,cAAc;IAFhD,OAAgB,KAAK,SAAgC;gBAElC,aAAa,EAAE,cAAc;cAW7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAc5D,SAAS,CAAC,6BAA6B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAO3D,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASvD,SAAS,CAAC,2BAA2B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAYzD,MAAM,IAAI,cAAc;IAUxB,SAAS,CAAC,yBAAyB,IAAI,cAAc;IA6BrD,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAsBpD,SAAS,CAAC,4BAA4B,IAAI,cAAc;IAgBxD,SAAS,CAAC,0BAA0B,IAAI,cAAc;IAmBtD,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAqB/C,SAAS,CAAC,0BAA0B,IAAI,cAAc;CAoBvD"}

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

@@ -0,0 +1,212 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bound } from '../../decorators/bound.js';
+import { DEFAULT_CURRENCY_CONFIG } from '@api-client/core/modeling/definitions/Currency.js';
+import { html } from 'lit';
+import { SemanticType } from '@api-client/core/modeling/Semantics.js';
+import { renderHelp } from '../../help/render.js';
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import '../../md/chip/ui-chip-set.js';
+import '../../md/chip/ui-chip.js';
+import '../../elements/currency/currency-picker.js';
+/**
+ * A class that generates a dialog that allows the user to configure the taxonomy of a price/currency field.
+ */
+let CurrencyTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    return class CurrencyTaxonomy 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 Currency Taxonomy`;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Currency);
+            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.Currency);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.Currency,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleAllowedCurrenciesChange(event) {
+            const currencyPicker = event.target;
+            const selectedCodes = currencyPicker.selected || [];
+            this.config = { ...this.config, allowedCurrencies: selectedCodes.length > 0 ? selectedCodes : undefined };
+            this.requestUpdate();
+        }
+        handleDecimalPlacesChange(event) {
+            const input = event.target;
+            const value = parseInt(input.value, 10);
+            if (!isNaN(value) && value >= 0 && value <= 8) {
+                this.config = { ...this.config, decimalPlaces: value };
+                this.requestUpdate();
+            }
+        }
+        handleDefaultCurrencyChange(event) {
+            const currencyPicker = event.target;
+            const selectedCodes = currencyPicker.selected || [];
+            if (selectedCodes.length > 0) {
+                const selectedCurrency = selectedCodes[0];
+                this.config = { ...this.config, defaultCurrency: selectedCurrency };
+            }
+            else {
+                this.config = { ...this.config, defaultCurrency: undefined };
+            }
+        }
+        render() {
+            return html `
+      <div class="input-group">
+        ${this.renderStorageFormatSelect()} ${this.renderDecimalPlacesInput()} ${this.renderAllowedCurrenciesInput()}
+        ${this.renderDefaultCurrencyInput()}
+      </div>
+      <div class="checkbox-group">${this.renderAllowNegative()} ${this.renderValidateCurrencyCode()}</div>
+    `;
+        }
+        renderStorageFormatSelect() {
+            const value = this.config?.storageFormat ?? DEFAULT_CURRENCY_CONFIG.storageFormat;
+            return html `
+      <div class="row">
+        <ui-select
+          label="Storage Format"
+          class="input"
+          name="storageFormat"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="decimal">
+            <div>Decimal</div>
+            <div slot="supporting-text">Store as DECIMAL/NUMERIC (e.g., 19.99)</div>
+          </ui-option>
+          <ui-option value="integer_cents">
+            <div>Integer Cents</div>
+            <div slot="supporting-text">Store as INTEGER in smallest unit (e.g., 1999 for $19.99)</div>
+          </ui-option>
+          <ui-option value="complex_object">
+            <div>Complex Object</div>
+            <div slot="supporting-text">Store as JSON with amount and currency</div>
+          </ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'currency:storageFormat')}
+      </div>
+    `;
+        }
+        renderDecimalPlacesInput() {
+            const valueRaw = this.config?.decimalPlaces ?? DEFAULT_CURRENCY_CONFIG.decimalPlaces;
+            const value = valueRaw !== undefined ? valueRaw.toString() : '';
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          class="input"
+          name="decimalPlaces"
+          type="number"
+          .value="${value}"
+          label="Decimal Places"
+          min="0"
+          max="8"
+          step="1"
+          supportingText="Number of decimal places for precision (0-8)"
+          @change="${this.handleDecimalPlacesChange}"
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'currency:decimalPlaces')}
+      </div>
+    `;
+        }
+        renderAllowedCurrenciesInput() {
+            const allowedCurrencies = this.config?.allowedCurrencies ?? DEFAULT_CURRENCY_CONFIG.allowedCurrencies ?? [];
+            return html `
+      <div class="row input-row">
+        <currency-picker
+          label="Allowed Currencies"
+          .selected="${allowedCurrencies}"
+          @change="${this.handleAllowedCurrenciesChange}"
+          multi
+          class="input"
+        ></currency-picker>
+        ${renderHelp('taxonomy', 'currency:allowedCurrencies')}
+      </div>
+    `;
+        }
+        renderDefaultCurrencyInput() {
+            const allowedCurrencies = this.config?.allowedCurrencies ?? DEFAULT_CURRENCY_CONFIG.allowedCurrencies ?? [];
+            const value = this.config?.defaultCurrency ?? DEFAULT_CURRENCY_CONFIG.defaultCurrency;
+            const selected = value && allowedCurrencies.includes(value) ? [value] : [];
+            return html `
+      <div class="row  input-row">
+        <currency-picker
+          label="Default Currency"
+          .selected="${selected}"
+          .allowedCurrencies="${allowedCurrencies}"
+          @change="${this.handleDefaultCurrencyChange}"
+          name="defaultCurrency"
+          class="input"
+        ></currency-picker>
+        ${renderHelp('taxonomy', 'currency:defaultCurrency')}
+      </div>
+    `;
+        }
+        renderAllowNegative() {
+            const enabled = this.config?.allowNegative ?? DEFAULT_CURRENCY_CONFIG.allowNegative;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="allow-negative"
+            .checked="${enabled}"
+            name="allowNegative"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="allow-negative" class="body-medium">Allow Negative Values</label>
+            <span class="body-small meta">Allow negative amounts for refunds, discounts, etc.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'currency:allowNegative')}
+      </div>
+    `;
+        }
+        renderValidateCurrencyCode() {
+            const enabled = this.config?.validateCurrencyCode ?? DEFAULT_CURRENCY_CONFIG.validateCurrencyCode;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="validate-currency-code"
+            .checked="${enabled}"
+            name="validateCurrencyCode"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="validate-currency-code" class="body-medium">Validate Currency Codes</label>
+            <span class="body-small meta">Automatically validate currency codes against ISO 4217 standard.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'currency:validateCurrencyCode')}
+      </div>
+    `;
+        }
+    };
+})();
+export { CurrencyTaxonomy };
+//# sourceMappingURL=CurrencyTaxonomy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/CurrencyTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { bound } from '../../decorators/bound.js'\nimport { type CurrencyConfig, DEFAULT_CURRENCY_CONFIG } from '@api-client/core/modeling/definitions/Currency.js'\nimport { html, TemplateResult } from 'lit'\nimport { SemanticType } from '@api-client/core/modeling/Semantics.js'\nimport { renderHelp } from '../../help/render.js'\nimport { TaxonomyDialog } from './TaxonomyDialog.js'\n\nimport '../../md/chip/ui-chip-set.js'\nimport '../../md/chip/ui-chip.js'\nimport '../../elements/currency/currency-picker.js'\n\n/**\n * A class that generates a dialog that allows the user to configure the taxonomy of a price/currency field.\n */\nexport class CurrencyTaxonomy extends TaxonomyDialog<CurrencyConfig> {\n  static override title = `Configure Currency Taxonomy`\n\n  constructor(public domainElement: DomainProperty) {\n    let config: CurrencyConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Currency)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config) as CurrencyConfig\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.Currency)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.Currency,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  protected handleAllowedCurrenciesChange(event: Event): void {\n    const currencyPicker = event.target as HTMLElement & { selected: string[] }\n    const selectedCodes = currencyPicker.selected || []\n    this.config = { ...this.config, allowedCurrencies: selectedCodes.length > 0 ? selectedCodes : undefined }\n    this.requestUpdate()\n  }\n\n  protected handleDecimalPlacesChange(event: Event): void {\n    const input = event.target as HTMLInputElement\n    const value = parseInt(input.value, 10)\n    if (!isNaN(value) && value >= 0 && value <= 8) {\n      this.config = { ...this.config, decimalPlaces: value }\n      this.requestUpdate()\n    }\n  }\n\n  protected handleDefaultCurrencyChange(event: Event): void {\n    const currencyPicker = event.target as HTMLElement & { selected: string[] }\n    const selectedCodes = currencyPicker.selected || []\n    if (selectedCodes.length > 0) {\n      const selectedCurrency = selectedCodes[0]\n      this.config = { ...this.config, defaultCurrency: selectedCurrency }\n    } else {\n      this.config = { ...this.config, defaultCurrency: undefined }\n    }\n  }\n\n  @bound\n  render(): TemplateResult {\n    return html`\n      <div class=\"input-group\">\n        ${this.renderStorageFormatSelect()} ${this.renderDecimalPlacesInput()} ${this.renderAllowedCurrenciesInput()}\n        ${this.renderDefaultCurrencyInput()}\n      </div>\n      <div class=\"checkbox-group\">${this.renderAllowNegative()} ${this.renderValidateCurrencyCode()}</div>\n    `\n  }\n\n  protected renderStorageFormatSelect(): TemplateResult {\n    const value = this.config?.storageFormat ?? DEFAULT_CURRENCY_CONFIG.storageFormat\n    return html`\n      <div class=\"row\">\n        <ui-select\n          label=\"Storage Format\"\n          class=\"input\"\n          name=\"storageFormat\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"decimal\">\n            <div>Decimal</div>\n            <div slot=\"supporting-text\">Store as DECIMAL/NUMERIC (e.g., 19.99)</div>\n          </ui-option>\n          <ui-option value=\"integer_cents\">\n            <div>Integer Cents</div>\n            <div slot=\"supporting-text\">Store as INTEGER in smallest unit (e.g., 1999 for $19.99)</div>\n          </ui-option>\n          <ui-option value=\"complex_object\">\n            <div>Complex Object</div>\n            <div slot=\"supporting-text\">Store as JSON with amount and currency</div>\n          </ui-option>\n        </ui-select>\n        ${renderHelp('taxonomy', 'currency:storageFormat')}\n      </div>\n    `\n  }\n\n  protected renderDecimalPlacesInput(): TemplateResult {\n    const valueRaw = this.config?.decimalPlaces ?? DEFAULT_CURRENCY_CONFIG.decimalPlaces\n    const value = valueRaw !== undefined ? valueRaw.toString() : ''\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          class=\"input\"\n          name=\"decimalPlaces\"\n          type=\"number\"\n          .value=\"${value}\"\n          label=\"Decimal Places\"\n          min=\"0\"\n          max=\"8\"\n          step=\"1\"\n          supportingText=\"Number of decimal places for precision (0-8)\"\n          @change=\"${this.handleDecimalPlacesChange}\"\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'currency:decimalPlaces')}\n      </div>\n    `\n  }\n\n  protected renderAllowedCurrenciesInput(): TemplateResult {\n    const allowedCurrencies = this.config?.allowedCurrencies ?? DEFAULT_CURRENCY_CONFIG.allowedCurrencies ?? []\n    return html`\n      <div class=\"row input-row\">\n        <currency-picker\n          label=\"Allowed Currencies\"\n          .selected=\"${allowedCurrencies}\"\n          @change=\"${this.handleAllowedCurrenciesChange}\"\n          multi\n          class=\"input\"\n        ></currency-picker>\n        ${renderHelp('taxonomy', 'currency:allowedCurrencies')}\n      </div>\n    `\n  }\n\n  protected renderDefaultCurrencyInput(): TemplateResult {\n    const allowedCurrencies = this.config?.allowedCurrencies ?? DEFAULT_CURRENCY_CONFIG.allowedCurrencies ?? []\n    const value = this.config?.defaultCurrency ?? DEFAULT_CURRENCY_CONFIG.defaultCurrency\n    const selected = value && allowedCurrencies.includes(value) ? [value] : []\n    return html`\n      <div class=\"row  input-row\">\n        <currency-picker\n          label=\"Default Currency\"\n          .selected=\"${selected}\"\n          .allowedCurrencies=\"${allowedCurrencies}\"\n          @change=\"${this.handleDefaultCurrencyChange}\"\n          name=\"defaultCurrency\"\n          class=\"input\"\n        ></currency-picker>\n        ${renderHelp('taxonomy', 'currency:defaultCurrency')}\n      </div>\n    `\n  }\n\n  protected renderAllowNegative(): TemplateResult {\n    const enabled = this.config?.allowNegative ?? DEFAULT_CURRENCY_CONFIG.allowNegative\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"allow-negative\"\n            .checked=\"${enabled}\"\n            name=\"allowNegative\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"allow-negative\" class=\"body-medium\">Allow Negative Values</label>\n            <span class=\"body-small meta\">Allow negative amounts for refunds, discounts, etc.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'currency:allowNegative')}\n      </div>\n    `\n  }\n\n  protected renderValidateCurrencyCode(): TemplateResult {\n    const enabled = this.config?.validateCurrencyCode ?? DEFAULT_CURRENCY_CONFIG.validateCurrencyCode\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"validate-currency-code\"\n            .checked=\"${enabled}\"\n            name=\"validateCurrencyCode\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"validate-currency-code\" class=\"body-medium\">Validate Currency Codes</label>\n            <span class=\"body-small meta\">Automatically validate currency codes against ISO 4217 standard.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'currency:validateCurrencyCode')}\n      </div>\n    `\n  }\n}\n"]}

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

@@ -0,0 +1,21 @@
+import { TaxonomyDialog } from './TaxonomyDialog.js';
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { TemplateResult } from 'lit';
+import { type EmailConfig } from '@api-client/core/modeling/definitions/Email.js';
+/**
+ * A dialog to render and edit the Email taxonomy semantic on a domain property.
+ */
+export declare class EmailTaxonomy extends TaxonomyDialog<EmailConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    handleAllowedDomainsChange(event: Event): void;
+    handleRemoveDomain(event: Event): void;
+    render(): TemplateResult;
+    protected renderAllowSubaddresses(): TemplateResult;
+    protected renderAllowInternational(): TemplateResult;
+    protected renderRequireVerification(): TemplateResult;
+    protected renderAllowedDomainsInput(): TemplateResult;
+}
+//# sourceMappingURL=EmailTaxonomy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/EmailTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAGjF,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAE1C,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,gDAAgD,CAAA;AAEvG;;GAEG;AACH,qBAAa,aAAc,SAAQ,cAAc,CAAC,WAAW,CAAC;IAGzC,aAAa,EAAE,cAAc;IAFhD,OAAgB,KAAK,SAA6B;gBAE/B,aAAa,EAAE,cAAc;cAW7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAc5D,0BAA0B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAc9C,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAUtC,MAAM,IAAI,cAAc;IASxB,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAsBnD,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAsBpD,SAAS,CAAC,yBAAyB,IAAI,cAAc;IAsBrD,SAAS,CAAC,yBAAyB,IAAI,cAAc;CAwBtD"}