npm - @api-client/ui - Versions diffs - 0.6.8 → 0.6.10 - Mend

@api-client/ui 0.6.8 → 0.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/build/src/md/button/internals/group.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/button/internals/group.styles.ts"],"names":[],"mappings":";AAGA,~~wBAkGC~~"}
1	+ {"version":3,"file":"group.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/button/internals/group.styles.ts"],"names":[],"mappings":";AAGA,wBAmGC"}

package/build/src/md/button/internals/group.styles.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { css } from 'lit';
 export default css `
   :host {
     display: flex;
+    flex-wrap: wrap;
     --_gap: 8px;
     --_xs-radius: 16px;

package/build/src/md/button/internals/group.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"group.styles.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,qEAAqE;AACrE,eAAe,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGjB~~,CAAA","sourcesContent":["import { css } from 'lit'\n\n/* Material Design 3 Expressive Button - CSS-Native Implementation */\nexport default css`\n :host {\n display: flex;\n\n --_gap: 8px;\n --_xs-radius: 16px;\n --_s-radius: 20px;\n --_m-radius: 28px;\n --_l-radius: 48px;\n --_xl-radius: 68px;\n\n gap: var(--_gap);\n }\n\n :host([size='xs'][type='standard']) {\n --_gap: 18px;\n }\n :host([size='xs'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='s'][type='standard']) {\n --_gap: 12px;\n }\n :host([size='s'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='m'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='m'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='l'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='l'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='xl'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='xl'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xs']:first-child) {\n --ui-button-shape-start-start: var(--_xs-radius);\n --ui-button-shape-end-start: var(--_xs-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='s']:first-child) {\n --ui-button-shape-start-start: var(--_s-radius);\n --ui-button-shape-end-start: var(--_s-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='m']:first-child) {\n --ui-button-shape-start-start: var(--_m-radius);\n --ui-button-shape-end-start: var(--_m-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='l']:first-child) {\n --ui-button-shape-start-start: var(--_l-radius);\n --ui-button-shape-end-start: var(--_l-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xl']:first-child) {\n --ui-button-shape-start-start: var(--_xl-radius);\n --ui-button-shape-end-start: var(--_xl-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xs']:last-child) {\n --ui-button-shape-start-end: var(--_xs-radius);\n --ui-button-shape-end-end: var(--_xs-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='s']:last-child) {\n --ui-button-shape-start-end: var(--_s-radius);\n --ui-button-shape-end-end: var(--_s-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='m']:last-child) {\n --ui-button-shape-start-end: var(--_m-radius);\n --ui-button-shape-end-end: var(--_m-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='l']:last-child) {\n --ui-button-shape-start-end: var(--_l-radius);\n --ui-button-shape-end-end: var(--_l-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xl']:last-child) {\n --ui-button-shape-start-end: var(--_xl-radius);\n --ui-button-shape-end-end: var(--_xl-radius);\n }\n`\n"]}
1	+ {"version":3,"file":"group.styles.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,qEAAqE;AACrE,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGjB,CAAA","sourcesContent":["import { css } from 'lit'\n\n/* Material Design 3 Expressive Button - CSS-Native Implementation */\nexport default css`\n :host {\n display: flex;\n flex-wrap: wrap;\n\n --_gap: 8px;\n --_xs-radius: 16px;\n --_s-radius: 20px;\n --_m-radius: 28px;\n --_l-radius: 48px;\n --_xl-radius: 68px;\n\n gap: var(--_gap);\n }\n\n :host([size='xs'][type='standard']) {\n --_gap: 18px;\n }\n :host([size='xs'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='s'][type='standard']) {\n --_gap: 12px;\n }\n :host([size='s'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='m'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='m'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='l'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='l'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([size='xl'][type='standard']) {\n --_gap: 8px;\n }\n :host([size='xl'][type='connected']) {\n --_gap: 2px;\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xs']:first-child) {\n --ui-button-shape-start-start: var(--_xs-radius);\n --ui-button-shape-end-start: var(--_xs-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='s']:first-child) {\n --ui-button-shape-start-start: var(--_s-radius);\n --ui-button-shape-end-start: var(--_s-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='m']:first-child) {\n --ui-button-shape-start-start: var(--_m-radius);\n --ui-button-shape-end-start: var(--_m-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='l']:first-child) {\n --ui-button-shape-start-start: var(--_l-radius);\n --ui-button-shape-end-start: var(--_l-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xl']:first-child) {\n --ui-button-shape-start-start: var(--_xl-radius);\n --ui-button-shape-end-start: var(--_xl-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xs']:last-child) {\n --ui-button-shape-start-end: var(--_xs-radius);\n --ui-button-shape-end-end: var(--_xs-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='s']:last-child) {\n --ui-button-shape-start-end: var(--_s-radius);\n --ui-button-shape-end-end: var(--_s-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='m']:last-child) {\n --ui-button-shape-start-end: var(--_m-radius);\n --ui-button-shape-end-end: var(--_m-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='l']:last-child) {\n --ui-button-shape-start-end: var(--_l-radius);\n --ui-button-shape-end-end: var(--_l-radius);\n }\n\n :host([type='connected']) ::slotted(ui-button[size='xl']:last-child) {\n --ui-button-shape-start-end: var(--_xl-radius);\n --ui-button-shape-end-end: var(--_xl-radius);\n }\n`\n"]}

package/build/src/modeling/dialogs/CountryTaxonomy.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { type CountryConfig } from '@api-client/core/modeling/definitions/Country.js';
+import { TemplateResult } from 'lit';
+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 Country annotated association.
+ */
+export declare class CountryTaxonomy extends TaxonomyDialog<CountryConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    protected handleAllowedCountriesChange(event: Event): void;
+    protected handleRemoveAllowedCountry(event: Event): void;
+    protected handleDisallowedCountriesChange(event: Event): void;
+    protected handleRemoveDisallowedCountry(event: Event): void;
+    render(): TemplateResult;
+    protected renderFormatSelect(): TemplateResult;
+    protected renderAllowedCountries(): TemplateResult;
+    protected renderDisallowedCountries(): TemplateResult;
+}
+//# sourceMappingURL=CountryTaxonomy.d.ts.map

package/build/src/modeling/dialogs/CountryTaxonomy.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CountryTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/CountryTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AACjF,OAAO,EAAE,KAAK,aAAa,EAA0B,MAAM,kDAAkD,CAAA;AAE7G,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0BAA0B,CAAA;AAEjC;;GAEG;AACH,qBAAa,eAAgB,SAAQ,cAAc,CAAC,aAAa,CAAC;IAG7C,aAAa,EAAE,cAAc;IAFhD,OAAgB,KAAK,SAA+B;gBAEjC,aAAa,EAAE,cAAc;cAW7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAc5D,SAAS,CAAC,4BAA4B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAc1D,SAAS,CAAC,0BAA0B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASxD,SAAS,CAAC,+BAA+B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAc7D,SAAS,CAAC,6BAA6B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAU3D,MAAM,IAAI,cAAc;IAQxB,SAAS,CAAC,kBAAkB,IAAI,cAAc;IA6B9C,SAAS,CAAC,sBAAsB,IAAI,cAAc;IAyBlD,SAAS,CAAC,yBAAyB,IAAI,cAAc;CAwBtD"}

package/build/src/modeling/dialogs/CountryTaxonomy.js ADDED Viewed

@@ -0,0 +1,174 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { DEFAULT_COUNTRY_CONFIG } from '@api-client/core/modeling/definitions/Country.js';
+import { bound } from '../../decorators/bound.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';
+/**
+ * A class that generates a dialog that allows the user to configure the taxonomy of a Country annotated association.
+ */
+let CountryTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    return class CountryTaxonomy 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 Country Taxonomy`;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Country);
+            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.Country);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.Country,
+                    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_COUNTRY_CONFIG.allowedCountries ?? [];
+                if (!countries.includes(value)) {
+                    countries.push(value);
+                    this.config = { ...this.config, allowedCountries: countries };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveAllowedCountry(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.allowedCountries) {
+                this.config.allowedCountries.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        handleDisallowedCountriesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const countries = this.config?.disallowedCountries ?? DEFAULT_COUNTRY_CONFIG.disallowedCountries ?? [];
+                if (!countries.includes(value)) {
+                    countries.push(value);
+                    this.config = { ...this.config, disallowedCountries: countries };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveDisallowedCountry(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.disallowedCountries) {
+                this.config.disallowedCountries.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            return html `
+      <div class="input-group">
+        ${this.renderFormatSelect()} ${this.renderAllowedCountries()} ${this.renderDisallowedCountries()}
+      </div>
+    `;
+        }
+        renderFormatSelect() {
+            const value = this.config?.format ?? DEFAULT_COUNTRY_CONFIG.format;
+            return html `
+      <div class="row">
+        <ui-select
+          label="Country format"
+          class="input"
+          name="format"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="ISO_3166_Alpha_2">
+            <div>ISO 3166 Alpha-2 (Recommended)</div>
+            <div slot="supporting-text">Store as ISO 3166 Alpha-2 (e.g., US)</div>
+          </ui-option>
+          <ui-option value="ISO_3166_Alpha_3">
+            <div>ISO 3166 Alpha-3</div>
+            <div slot="supporting-text">Store as ISO 3166 Alpha-3 (e.g., USA)</div>
+          </ui-option>
+          <ui-option value="Name">
+            <div>Name</div>
+            <div slot="supporting-text">Store as country name (e.g., United States)</div>
+          </ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'country:format')}
+      </div>
+    `;
+        }
+        renderAllowedCountries() {
+            const value = this.config?.allowedCountries ?? DEFAULT_COUNTRY_CONFIG.allowedCountries;
+            const chips = (value || []).map((country, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveAllowedCountry}"
+          >${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 and press Enter to add it to the list. Use the selected format."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'country:allowedCountries')}
+      </div>
+    `;
+        }
+        renderDisallowedCountries() {
+            const value = this.config?.disallowedCountries ?? DEFAULT_COUNTRY_CONFIG.disallowedCountries;
+            const chips = (value || []).map((country, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveDisallowedCountry}"
+          >${country}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="disallowedCountries"
+            label="Disallowed Countries"
+            @change="${this.handleDisallowedCountriesChange}"
+            supportingText="Add a country and press Enter to add it to the list. Use the selected format."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'country:disallowedCountries')}
+      </div>
+    `;
+        }
+    };
+})();
+export { CountryTaxonomy };
+//# sourceMappingURL=CountryTaxonomy.js.map

package/build/src/modeling/dialogs/CountryTaxonomy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CountryTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/CountryTaxonomy.ts"],"names":[],"mappings":";AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,kDAAkD,CAAA;AAC7G,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0BAA0B,CAAA;AAEjC;;GAEG;IACU,eAAe;sBAAS,cAAc;;;iBAAtC,eAAgB,SAAQ,WAA6B;;;kCA0E/D,KAAK;YACN,qKAAA,MAAM,6DAML;;;QA9EkB,aAAa,GAHrB,mDAAe;QAC1B,MAAM,CAAU,KAAK,GAAG,4BAA4B,CAAA;QAEpD,YAAmB,aAA6B;YAC9C,IAAI,MAAqB,CAAA;YACzB,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,OAAO,CAAC,CAAA;YACnF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAChC,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;YAC3C,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,EAAE,CAAA;YACb,CAAC;YACD,KAAK,CAAC,MAAM,CAAC,CAAA;YARI,kBAAa,GAAb,aAAa,CAAgB;QAShD,CAAC;QAEkB,YAAY,CAAC,KAAY;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,OAAO,CAAC,CAAA;YACxF,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;YAC/B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC;oBAChC,EAAE,EAAE,YAAY,CAAC,OAAO;oBACxB,MAAM,EAAE,IAAI,CAAC,MAAM;iBACpB,CAAC,CAAA;YACJ,CAAC;YACD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,YAAY,EAAE,CAAA;YACxC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAClC,CAAC;QAES,4BAA4B,CAAC,KAAY;YACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAA;YAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;YAChC,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,gBAAgB,IAAI,sBAAsB,CAAC,gBAAgB,IAAI,EAAE,CAAA;gBAChG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;oBACrB,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAA;oBAC7D,IAAI,CAAC,aAAa,EAAE,CAAA;gBACtB,CAAC;gBACD,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;QAES,0BAA0B,CAAC,KAAY;YAC/C,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAA;YAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;YACtD,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC;gBAChD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC7C,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAES,+BAA+B,CAAC,KAAY;YACpD,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAA;YAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;YAChC,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,mBAAmB,IAAI,sBAAsB,CAAC,mBAAmB,IAAI,EAAE,CAAA;gBACtG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;oBACrB,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,SAAS,EAAE,CAAA;oBAChE,IAAI,CAAC,aAAa,EAAE,CAAA;gBACtB,CAAC;gBACD,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;QAES,6BAA6B,CAAC,KAAY;YAClD,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAA;YAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;YACtD,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC;gBACnD,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAChD,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAGD,MAAM;YACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,kBAAkB,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE;;KAEnG,CAAA;QACH,CAAC;QAES,kBAAkB;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,sBAAsB,CAAC,MAAM,CAAA;YAClE,OAAO,IAAI,CAAA;;;;;;oBAMK,KAAe;qBACd,IAAI,CAAC,kBAAkB;;;;;;;;;;;;;;;UAelC,UAAU,CAAC,UAAU,EAAE,gBAAgB,CAAC;;KAE7C,CAAA;QACH,CAAC;QAES,sBAAsB;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,gBAAgB,IAAI,sBAAsB,CAAC,gBAAgB,CAAA;YACtF,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAC7B,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CACjB,IAAI,CAAA,+CAA+C,KAAK,cAAc,IAAI,CAAC,0BAA0B;aAChG,OAAO;UACV,CACL,CAAA;YACD,OAAO,IAAI,CAAA;;;;;;;uBAOQ,IAAI,CAAC,4BAA4B;;;yBAG/B,KAAK;;UAEpB,UAAU,CAAC,UAAU,EAAE,0BAA0B,CAAC;;KAEvD,CAAA;QACH,CAAC;QAES,yBAAyB;YACjC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,mBAAmB,IAAI,sBAAsB,CAAC,mBAAmB,CAAA;YAC5F,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAC7B,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CACjB,IAAI,CAAA,+CAA+C,KAAK,cAAc,IAAI,CAAC,6BAA6B;aACnG,OAAO;UACV,CACL,CAAA;YACD,OAAO,IAAI,CAAA;;;;;;;uBAOQ,IAAI,CAAC,+BAA+B;;;yBAGlC,KAAK;;UAEpB,UAAU,CAAC,UAAU,EAAE,6BAA6B,CAAC;;KAE1D,CAAA;QACH,CAAC;;;SAhKU,eAAe","sourcesContent":["import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { type CountryConfig, DEFAULT_COUNTRY_CONFIG } from '@api-client/core/modeling/definitions/Country.js'\nimport { bound } from '../../decorators/bound.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'\n\n/**\n * A class that generates a dialog that allows the user to configure the taxonomy of a Country annotated association.\n */\nexport class CountryTaxonomy extends TaxonomyDialog<CountryConfig> {\n static override title = `Configure Country Taxonomy`\n\n constructor(public domainElement: DomainProperty) {\n let config: CountryConfig\n const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Country)\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.Country)\n if (semantic) {\n semantic.config = this.config\n } else {\n this.domainElement.semantics.push({\n id: SemanticType.Country,\n config: this.config,\n })\n }\n this.domainElement.domain.notifyChange()\n return super.formCallback(event)\n }\n\n protected 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_COUNTRY_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 = ''\n }\n }\n\n protected handleRemoveAllowedCountry(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?.allowedCountries) {\n this.config.allowedCountries.splice(index, 1)\n this.requestUpdate()\n }\n }\n\n protected handleDisallowedCountriesChange(event: Event): void {\n const input = event.target as HTMLInputElement\n const value = input.value.trim()\n if (value) {\n const countries = this.config?.disallowedCountries ?? DEFAULT_COUNTRY_CONFIG.disallowedCountries ?? []\n if (!countries.includes(value)) {\n countries.push(value)\n this.config = { ...this.config, disallowedCountries: countries }\n this.requestUpdate()\n }\n input.value = ''\n }\n }\n\n protected handleRemoveDisallowedCountry(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?.disallowedCountries) {\n this.config.disallowedCountries.splice(index, 1)\n this.requestUpdate()\n }\n }\n\n @bound\n render(): TemplateResult {\n return html`\n <div class=\"input-group\">\n ${this.renderFormatSelect()} ${this.renderAllowedCountries()} ${this.renderDisallowedCountries()}\n </div>\n `\n }\n\n protected renderFormatSelect(): TemplateResult {\n const value = this.config?.format ?? DEFAULT_COUNTRY_CONFIG.format\n return html`\n <div class=\"row\">\n <ui-select\n label=\"Country format\"\n class=\"input\"\n name=\"format\"\n .value=\"${value as string}\"\n @change=\"${this.handleSelectChange}\"\n >\n <ui-option value=\"ISO_3166_Alpha_2\">\n <div>ISO 3166 Alpha-2 (Recommended)</div>\n <div slot=\"supporting-text\">Store as ISO 3166 Alpha-2 (e.g., US)</div>\n </ui-option>\n <ui-option value=\"ISO_3166_Alpha_3\">\n <div>ISO 3166 Alpha-3</div>\n <div slot=\"supporting-text\">Store as ISO 3166 Alpha-3 (e.g., USA)</div>\n </ui-option>\n <ui-option value=\"Name\">\n <div>Name</div>\n <div slot=\"supporting-text\">Store as country name (e.g., United States)</div>\n </ui-option>\n </ui-select>\n ${renderHelp('taxonomy', 'country:format')}\n </div>\n `\n }\n\n protected renderAllowedCountries(): TemplateResult {\n const value = this.config?.allowedCountries ?? DEFAULT_COUNTRY_CONFIG.allowedCountries\n const chips = (value || []).map(\n (country, index) =>\n html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveAllowedCountry}\"\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 and press Enter to add it to the list. Use the selected format.\"\n ></ui-outlined-text-field>\n <ui-chip-set>${chips}</ui-chip-set>\n </div>\n ${renderHelp('taxonomy', 'country:allowedCountries')}\n </div>\n `\n }\n\n protected renderDisallowedCountries(): TemplateResult {\n const value = this.config?.disallowedCountries ?? DEFAULT_COUNTRY_CONFIG.disallowedCountries\n const chips = (value || []).map(\n (country, index) =>\n html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveDisallowedCountry}\"\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=\"disallowedCountries\"\n label=\"Disallowed Countries\"\n @change=\"${this.handleDisallowedCountriesChange}\"\n supportingText=\"Add a country and press Enter to add it to the list. Use the selected format.\"\n ></ui-outlined-text-field>\n <ui-chip-set>${chips}</ui-chip-set>\n </div>\n ${renderHelp('taxonomy', 'country:disallowedCountries')}\n </div>\n `\n }\n}\n"]}

package/build/src/modeling/dialogs/PostalCodeTaxonomy.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { type PostalCodeConfig } from '@api-client/core/modeling/definitions/PostalCode.js';
+import { TemplateResult } from 'lit';
+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 PostalCode annotated association.
+ */
+export declare class PostalCodeTaxonomy extends TaxonomyDialog<PostalCodeConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    protected handleAllowedPostalCodesChange(event: Event): void;
+    protected handleRemovePostalCode(event: Event): void;
+    protected handleDisallowedPostalCodesChange(event: Event): void;
+    protected handleRemoveDisallowedPostalCode(event: Event): void;
+    render(): TemplateResult;
+    protected renderValidate(): TemplateResult;
+    protected renderAllowedPostalCodes(): TemplateResult;
+    protected renderDisallowedPostalCodes(): TemplateResult;
+}
+//# sourceMappingURL=PostalCodeTaxonomy.d.ts.map

package/build/src/modeling/dialogs/PostalCodeTaxonomy.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PostalCodeTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/PostalCodeTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AACjF,OAAO,EAAE,KAAK,gBAAgB,EAA8B,MAAM,qDAAqD,CAAA;AAEvH,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAG1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,8BAA8B,CAAA;AACrC,OAAO,0BAA0B,CAAA;AAEjC;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAGnD,aAAa,EAAE,cAAc;IAFhD,OAAgB,KAAK,SAAmC;gBAErC,aAAa,EAAE,cAAc;cAW7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAc5D,SAAS,CAAC,8BAA8B,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAc5D,SAAS,CAAC,sBAAsB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IASpD,SAAS,CAAC,iCAAiC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAc/D,SAAS,CAAC,gCAAgC,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAU9D,MAAM,IAAI,cAAc;IAOxB,SAAS,CAAC,cAAc,IAAI,cAAc;IAuB1C,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAyBpD,SAAS,CAAC,2BAA2B,IAAI,cAAc;CAwBxD"}

package/build/src/modeling/dialogs/PostalCodeTaxonomy.js ADDED Viewed

@@ -0,0 +1,167 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { DEFAULT_POSTAL_CODE_CONFIG } from '@api-client/core/modeling/definitions/PostalCode.js';
+import { bound } from '../../decorators/bound.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';
+/**
+ * A class that generates a dialog that allows the user to configure the taxonomy of a PostalCode annotated association.
+ */
+let PostalCodeTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _render_decorators;
+    return class PostalCodeTaxonomy 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 Postal Code Taxonomy`;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.PostalCode);
+            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.PostalCode);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.PostalCode,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleAllowedPostalCodesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const postalCodes = this.config?.allowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.allowedPostalCodes ?? [];
+                if (!postalCodes.includes(value)) {
+                    postalCodes.push(value);
+                    this.config = { ...this.config, allowedPostalCodes: postalCodes };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemovePostalCode(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.allowedPostalCodes) {
+                this.config.allowedPostalCodes.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        handleDisallowedPostalCodesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const postalCodes = this.config?.disallowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.disallowedPostalCodes ?? [];
+                if (!postalCodes.includes(value)) {
+                    postalCodes.push(value);
+                    this.config = { ...this.config, disallowedPostalCodes: postalCodes };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveDisallowedPostalCode(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.disallowedPostalCodes) {
+                this.config.disallowedPostalCodes.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            return html `
+      <div class="checkbox-group">${this.renderValidate()}</div>
+      <div class="input-group">${this.renderAllowedPostalCodes()} ${this.renderDisallowedPostalCodes()}</div>
+    `;
+        }
+        renderValidate() {
+            const enabled = this.config?.validate ?? DEFAULT_POSTAL_CODE_CONFIG.validate;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="validate"
+            .checked="${enabled}"
+            name="validate"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="validate" class="body-medium">Validate</label>
+            <span class="body-small meta"
+              >Enable strict validation of the postal code. This is an experimental feature.</span
+            >
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'postalCode:validate')}
+      </div>
+    `;
+        }
+        renderAllowedPostalCodes() {
+            const value = this.config?.allowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.allowedPostalCodes;
+            const chips = (value || []).map((postalCode, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemovePostalCode}"
+          >${postalCode}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="allowedPostalCodes"
+            label="Allowed Postal Codes"
+            @change="${this.handleAllowedPostalCodesChange}"
+            supportingText="Add a postal code and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'postalCode:allowedPostalCodes')}
+      </div>
+    `;
+        }
+        renderDisallowedPostalCodes() {
+            const value = this.config?.disallowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.disallowedPostalCodes;
+            const chips = (value || []).map((postalCode, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveDisallowedPostalCode}"
+          >${postalCode}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="disallowedPostalCodes"
+            label="Disallowed Postal Codes"
+            @change="${this.handleDisallowedPostalCodesChange}"
+            supportingText="Add a postal code and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'postalCode:disallowedPostalCodes')}
+      </div>
+    `;
+        }
+    };
+})();
+export { PostalCodeTaxonomy };
+//# sourceMappingURL=PostalCodeTaxonomy.js.map

package/build/src/modeling/dialogs/PostalCodeTaxonomy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PostalCodeTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/PostalCodeTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { type PostalCodeConfig, DEFAULT_POSTAL_CODE_CONFIG } from '@api-client/core/modeling/definitions/PostalCode.js'\nimport { bound } from '../../decorators/bound.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'\n\n/**\n * A class that generates a dialog that allows the user to configure the taxonomy of a PostalCode annotated association.\n */\nexport class PostalCodeTaxonomy extends TaxonomyDialog<PostalCodeConfig> {\n static override title = `Configure Postal Code Taxonomy`\n\n constructor(public domainElement: DomainProperty) {\n let config: PostalCodeConfig\n const semantic = domainElement.semantics.find((s) => s.id === SemanticType.PostalCode)\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.PostalCode)\n if (semantic) {\n semantic.config = this.config\n } else {\n this.domainElement.semantics.push({\n id: SemanticType.PostalCode,\n config: this.config,\n })\n }\n this.domainElement.domain.notifyChange()\n return super.formCallback(event)\n }\n\n protected handleAllowedPostalCodesChange(event: Event): void {\n const input = event.target as HTMLInputElement\n const value = input.value.trim()\n if (value) {\n const postalCodes = this.config?.allowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.allowedPostalCodes ?? []\n if (!postalCodes.includes(value)) {\n postalCodes.push(value)\n this.config = { ...this.config, allowedPostalCodes: postalCodes }\n this.requestUpdate()\n }\n input.value = ''\n }\n }\n\n protected handleRemovePostalCode(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?.allowedPostalCodes) {\n this.config.allowedPostalCodes.splice(index, 1)\n this.requestUpdate()\n }\n }\n\n protected handleDisallowedPostalCodesChange(event: Event): void {\n const input = event.target as HTMLInputElement\n const value = input.value.trim()\n if (value) {\n const postalCodes = this.config?.disallowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.disallowedPostalCodes ?? []\n if (!postalCodes.includes(value)) {\n postalCodes.push(value)\n this.config = { ...this.config, disallowedPostalCodes: postalCodes }\n this.requestUpdate()\n }\n input.value = ''\n }\n }\n\n protected handleRemoveDisallowedPostalCode(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?.disallowedPostalCodes) {\n this.config.disallowedPostalCodes.splice(index, 1)\n this.requestUpdate()\n }\n }\n\n @bound\n render(): TemplateResult {\n return html`\n <div class=\"checkbox-group\">${this.renderValidate()}</div>\n <div class=\"input-group\">${this.renderAllowedPostalCodes()} ${this.renderDisallowedPostalCodes()}</div>\n `\n }\n\n protected renderValidate(): TemplateResult {\n const enabled = this.config?.validate ?? DEFAULT_POSTAL_CODE_CONFIG.validate\n return html`\n <div class=\"row\">\n <div class=\"input checkbox metadata\">\n <ui-checkbox\n id=\"validate\"\n .checked=\"${enabled}\"\n name=\"validate\"\n @change=\"${this.handleBooleanChange}\"\n ></ui-checkbox>\n <div class=\"label\">\n <label for=\"validate\" class=\"body-medium\">Validate</label>\n <span class=\"body-small meta\"\n >Enable strict validation of the postal code. This is an experimental feature.</span\n >\n </div>\n </div>\n ${renderHelp('taxonomy', 'postalCode:validate')}\n </div>\n `\n }\n\n protected renderAllowedPostalCodes(): TemplateResult {\n const value = this.config?.allowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.allowedPostalCodes\n const chips = (value || []).map(\n (postalCode, index) =>\n html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemovePostalCode}\"\n >${postalCode}</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=\"allowedPostalCodes\"\n label=\"Allowed Postal Codes\"\n @change=\"${this.handleAllowedPostalCodesChange}\"\n supportingText=\"Add a postal 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', 'postalCode:allowedPostalCodes')}\n </div>\n `\n }\n\n protected renderDisallowedPostalCodes(): TemplateResult {\n const value = this.config?.disallowedPostalCodes ?? DEFAULT_POSTAL_CODE_CONFIG.disallowedPostalCodes\n const chips = (value || []).map(\n (postalCode, index) =>\n html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveDisallowedPostalCode}\"\n >${postalCode}</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=\"disallowedPostalCodes\"\n label=\"Disallowed Postal Codes\"\n @change=\"${this.handleDisallowedPostalCodesChange}\"\n supportingText=\"Add a postal 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', 'postalCode:disallowedPostalCodes')}\n </div>\n `\n }\n}\n"]}

package/build/src/modeling/domain-template-browser.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"domain-template-browser.d.ts","sourceRoot":"","sources":["../../../src/modeling/domain-template-browser.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,sCAAsC,CAAA;~~AAG1D~~,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,4CAA4C,CAAA;AAEnD,qBACa,4BAA6B,SAAQ,OAAO;IACvD,OAAgB,MAAM,~~4BAAW~~;~~CAClC~~;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,4BAA4B,CAAA;KACxD;CACF"}
1	+ {"version":3,"file":"domain-template-browser.d.ts","sourceRoot":"","sources":["../../../src/modeling/domain-template-browser.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAI1D,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,4CAA4C,CAAA;AAEnD,qBACa,4BAA6B,SAAQ,OAAO;IACvD,OAAgB,MAAM,4BAAuB;CAC9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,4BAA4B,CAAA;KACxD;CACF"}

package/build/src/modeling/domain-template-browser.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { __esDecorate, __runInitializers } from "tslib";
 import { customElement } from 'lit/decorators.js';
 import Element from './internals/DomainTemplateBrowser.js';
 import styles from './internals/styles/DomainTemplateBrowser.styles.js';
+import typography from '../styles/m3/typography.module.js';
 import '../md/button/ui-button.js';
 import '../md/button/ui-button-group.js';
 import '../md/icons/ui-icon.js';
@@ -20,7 +21,7 @@ let DomainTemplateBrowserElement = (() => {
             DomainTemplateBrowserElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static styles = [styles];
+        static styles = [styles, typography];
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }

package/build/src/modeling/domain-template-browser.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"domain-template-browser.js","sourceRoot":"","sources":["../../../src/modeling/domain-template-browser.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAC1D,OAAO,MAAM,MAAM,oDAAoD,CAAA;~~AAEvE~~,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,4CAA4C,CAAA;IAGtC,4BAA4B;4BADxC,aAAa,CAAC,yBAAyB,CAAC;;;;sBACS,OAAO;4CAAf,SAAQ,WAAO;;;;YAAzD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,MAAM,CAAC,CAAA;;~~YADtB~~,uDAA4B;;;;;SAA5B,4BAA4B","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/DomainTemplateBrowser.js'\nimport styles from './internals/styles/DomainTemplateBrowser.styles.js'\n\nimport '../md/button/ui-button.js'\nimport '../md/button/ui-button-group.js'\nimport '../md/icons/ui-icon.js'\nimport '../md/text-field/ui-outlined-text-field.js'\n\n@customElement('domain-template-browser')\nexport class DomainTemplateBrowserElement extends Element {\n static override styles = [styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'domain-template-browser': DomainTemplateBrowserElement\n }\n}\n"]}
1	+ {"version":3,"file":"domain-template-browser.js","sourceRoot":"","sources":["../../../src/modeling/domain-template-browser.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,sCAAsC,CAAA;AAC1D,OAAO,MAAM,MAAM,oDAAoD,CAAA;AACvE,OAAO,UAAU,MAAM,mCAAmC,CAAA;AAE1D,OAAO,2BAA2B,CAAA;AAClC,OAAO,iCAAiC,CAAA;AACxC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,4CAA4C,CAAA;IAGtC,4BAA4B;4BADxC,aAAa,CAAC,yBAAyB,CAAC;;;;sBACS,OAAO;4CAAf,SAAQ,WAAO;;;;YAAzD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;;YADlC,uDAA4B;;;;;SAA5B,4BAA4B","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/DomainTemplateBrowser.js'\nimport styles from './internals/styles/DomainTemplateBrowser.styles.js'\nimport typography from '../styles/m3/typography.module.js'\n\nimport '../md/button/ui-button.js'\nimport '../md/button/ui-button-group.js'\nimport '../md/icons/ui-icon.js'\nimport '../md/text-field/ui-outlined-text-field.js'\n\n@customElement('domain-template-browser')\nexport class DomainTemplateBrowserElement extends Element {\n static override styles = [styles, typography]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'domain-template-browser': DomainTemplateBrowserElement\n }\n}\n"]}

package/build/src/modeling/internals/DomainAutoFieldsDialog.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DomainAutoFieldsDialog.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAC5D;;OAEG;IACM,QAAQ,CAAC,cAAc,cAAoB;IAEpD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,~~CA4J1B~~;IAED;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIX,MAAM,IAAI,cAAc;IAuBjC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,WAAW;CAepB"}
1	+ {"version":3,"file":"DomainAutoFieldsDialog.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainAutoFieldsDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAC5D;;OAEG;IACM,QAAQ,CAAC,cAAc,cAAoB;IAEpD;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAC,UAAU,CA0L1B;IAED;;OAEG;IACH,KAAK,IAAI,IAAI;IAKb;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIX,MAAM,IAAI,cAAc;IAuBjC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,WAAW;CAepB"}

package/build/src/modeling/internals/DomainAutoFieldsDialog.js CHANGED Viewed

@@ -94,6 +94,36 @@ let DomainAutoFieldsDialog = (() => {
                     },
                 ],
             },
+            {
+                name: 'Contact & Address',
+                fields: [
+                    {
+                        id: 'street-address',
+                        name: 'Street Address',
+                        description: 'The street address.',
+                    },
+                    {
+                        id: 'city',
+                        name: 'City',
+                        description: 'The city.',
+                    },
+                    {
+                        id: 'region',
+                        name: 'Region',
+                        description: 'The region/state/province.',
+                    },
+                    {
+                        id: 'postal-code',
+                        name: 'Postal/Zip Code',
+                        description: 'The international postal/zip code.',
+                    },
+                    {
+                        id: 'country',
+                        name: 'Country',
+                        description: 'The country.',
+                    },
+                ],
+            },
             {
                 name: 'Lifecycle & Status',
                 fields: [