@api-client/ui 0.5.58 → 0.6.0

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

@@ -0,0 +1,319 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { DEFAULT_SKU_CONFIG } from '@api-client/core/modeling/definitions/SKU.js';
+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 { repeat } from 'lit/directives/repeat.js';
+import '../../md/divider/ui-divider.js';
+let SkuTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _handleCustomPatternChange_decorators;
+    let _handleReservedValuesChange_decorators;
+    let _handleRemoveReservedValue_decorators;
+    let _render_decorators;
+    return class SkuTaxonomy extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _handleCustomPatternChange_decorators = [bound];
+            _handleReservedValuesChange_decorators = [bound];
+            _handleRemoveReservedValue_decorators = [bound];
+            _render_decorators = [bound];
+            __esDecorate(this, null, _handleCustomPatternChange_decorators, { kind: "method", name: "handleCustomPatternChange", static: false, private: false, access: { has: obj => "handleCustomPatternChange" in obj, get: obj => obj.handleCustomPatternChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleReservedValuesChange_decorators, { kind: "method", name: "handleReservedValuesChange", static: false, private: false, access: { has: obj => "handleReservedValuesChange" in obj, get: obj => obj.handleReservedValuesChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleRemoveReservedValue_decorators, { kind: "method", name: "handleRemoveReservedValue", static: false, private: false, access: { has: obj => "handleRemoveReservedValue" in obj, get: obj => obj.handleRemoveReservedValue }, 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 SKU Taxonomy`;
+        /**
+         * The list of properties available for source list.
+         * It is a computed list for the parent entity and all its parents.
+         */
+        properties = [];
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.SKU);
+            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', 'number'],
+                });
+            }
+        }
+        formCallback(event) {
+            const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.SKU);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.SKU,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleCustomPatternChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (!value) {
+                delete this.config.customPattern;
+            }
+            else if (this.isValidRegex(value)) {
+                this.config.customPattern = value;
+            }
+            else {
+                input.invalidText = 'Invalid regular expression pattern';
+                input.invalid = true;
+                return;
+            }
+            input.invalid = false;
+            this.requestUpdate();
+        }
+        isValidRegex(pattern) {
+            try {
+                new RegExp(pattern);
+                return true;
+            }
+            catch {
+                return false;
+            }
+        }
+        handleReservedValuesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const reservedValues = this.config?.reservedValues ?? DEFAULT_SKU_CONFIG.reservedValues ?? [];
+                if (!reservedValues.includes(value)) {
+                    reservedValues.push(value);
+                    this.config = { ...this.config, reservedValues };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveReservedValue(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.reservedValues) {
+                this.config.reservedValues.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            return html `
+      <div class="input-group">
+        ${this.renderValidationModeSelect()} ${this.renderCustomPatternInput()} ${this.renderCaseModeSelect()}
+        ${this.renderPrefixInput()} ${this.renderReservedValuesInput()}
+      </div>
+      <div class="checkbox-group">
+        ${this.renderEnforceUniqueness()} ${this.renderValidateReservedWords()} ${this.renderAutoGenerate()}
+      </div>
+      <div class="input-group">${this.renderAutoGenerateSourceSelect()}</div>
+    `;
+        }
+        renderValidationModeSelect() {
+            const value = this.config?.validationMode ?? DEFAULT_SKU_CONFIG.validationMode;
+            return html `
+      <div class="row">
+        <ui-select
+          label="Validation mode"
+          class="input"
+          name="validationMode"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="strict">Strict</ui-option>
+          <ui-option value="lenient">Lenient</ui-option>
+          <ui-option value="custom">Custom</ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'sku:validationMode')}
+      </div>
+    `;
+        }
+        renderCustomPatternInput() {
+            const mode = this.config?.validationMode ?? DEFAULT_SKU_CONFIG.validationMode;
+            if (mode !== 'custom') {
+                return nothing;
+            }
+            const value = this.config?.customPattern ?? DEFAULT_SKU_CONFIG.customPattern;
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          label="Custom Pattern"
+          class="input"
+          name="customPattern"
+          .value="${value}"
+          @change="${this.handleCustomPatternChange}"
+          required
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'sku:customPattern')}
+      </div>
+    `;
+        }
+        renderCaseModeSelect() {
+            const value = this.config?.caseMode ?? DEFAULT_SKU_CONFIG.caseMode;
+            return html `
+      <div class="row input-row">
+        <ui-select
+          label="Case Mode"
+          class="input"
+          name="caseMode"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="uppercase">Uppercase</ui-option>
+          <ui-option value="lowercase">Lowercase</ui-option>
+          <ui-option value="preserve">Preserve Case</ui-option>
+        </ui-select>
+        ${renderHelp('taxonomy', 'sku:caseMode')}
+      </div>
+    `;
+        }
+        renderPrefixInput() {
+            const value = this.config?.prefix ?? DEFAULT_SKU_CONFIG.prefix;
+            return html `
+      <div class="row input-row">
+        <ui-outlined-text-field
+          label="Prefix"
+          class="input"
+          name="prefix"
+          .value="${value}"
+          @change="${this.handleTextChange}"
+        ></ui-outlined-text-field>
+        ${renderHelp('taxonomy', 'sku:prefix')}
+      </div>
+    `;
+        }
+        renderReservedValuesInput() {
+            const value = this.config?.reservedValues ?? DEFAULT_SKU_CONFIG.reservedValues;
+            const chips = (value || []).map((val, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveReservedValue}"
+          >${val}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="reservedValues"
+            label="Reserved Values"
+            @change="${this.handleReservedValuesChange}"
+            supportingText="Add a reserved value and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'sku:reservedValues')}
+      </div>
+    `;
+        }
+        renderEnforceUniqueness() {
+            const value = this.config?.enforceUniqueness ?? DEFAULT_SKU_CONFIG.enforceUniqueness;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="enforce-uniqueness"
+            name="enforceUniqueness"
+            .checked="${value}"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="enforce-uniqueness" class="body-medium">Enforce Uniqueness</label>
+            <span class="body-small meta">Whether to enforce global uniqueness across all entities.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'sku:enforceUniqueness')}
+      </div>
+    `;
+        }
+        renderValidateReservedWords() {
+            const value = this.config?.validateReservedWords ?? DEFAULT_SKU_CONFIG.validateReservedWords;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="validate-reserved-words"
+            name="validateReservedWords"
+            .checked="${value}"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="validate-reserved-words" class="body-medium">Validate Reserved Words</label>
+            <span class="body-small meta">Whether to validate against reserved words.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'sku:validateReservedWords')}
+      </div>
+    `;
+        }
+        renderAutoGenerate() {
+            const value = this.config?.autoGenerate ?? DEFAULT_SKU_CONFIG.autoGenerate;
+            return html `
+      <div class="row">
+        <div class="input checkbox metadata">
+          <ui-checkbox
+            id="auto-generate"
+            name="autoGenerate"
+            .checked="${value}"
+            @change="${this.handleBooleanChange}"
+          ></ui-checkbox>
+          <div class="label">
+            <label for="auto-generate" class="body-medium">Auto Generate</label>
+            <span class="body-small meta">Whether to auto-generate SKUs for new entities.</span>
+          </div>
+        </div>
+        ${renderHelp('taxonomy', 'sku:autoGenerate')}
+      </div>
+    `;
+        }
+        renderAutoGenerateSourceSelect() {
+            const autoGenerate = this.config?.autoGenerate ?? DEFAULT_SKU_CONFIG.autoGenerate;
+            if (!autoGenerate) {
+                return nothing;
+            }
+            const value = this.config?.autoGenerateSource ?? DEFAULT_SKU_CONFIG.autoGenerateSource;
+            return html `
+      <div class="row input-row">
+        <ui-select
+          label="Auto Generate Source"
+          class="input"
+          name="autoGenerateSource"
+          .value="${value}"
+          @change="${this.handleSelectChange}"
+        >
+          <ui-option value="">
+            <div>Random</div>
+            <div slot="supporting-text">Use a randomly generated value.</div>
+          </ui-option>
+          <ui-divider></ui-divider>
+          ${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', 'sku:autoGenerateSource')}
+      </div>
+    `;
+        }
+    };
+})();
+export { SkuTaxonomy };
+//# sourceMappingURL=SkuTaxonomy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkuTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/SkuTaxonomy.ts"],"names":[],"mappings":"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","sourcesContent":["import { DEFAULT_SKU_CONFIG, type SKUConfig } from '@api-client/core/modeling/definitions/SKU.js'\nimport { 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 type { UiOutlinedTextFieldElement } from '../../md/text-field/ui-outlined-text-field.js'\nimport { repeat } from 'lit/directives/repeat.js'\n\nimport '../../md/divider/ui-divider.js'\n\nexport class SkuTaxonomy extends TaxonomyDialog<SKUConfig> {\n  static override title = `Configure SKU 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  constructor(public domainElement: DomainProperty) {\n    let config: SKUConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.SKU)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config) as SKUConfig\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', 'number'],\n      })\n    }\n  }\n\n  protected override formCallback(event: Event): Promise<void> {\n    const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.SKU)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.SKU,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  @bound\n  handleCustomPatternChange(event: Event): void {\n    const input = event.target as UiOutlinedTextFieldElement\n    const value = input.value.trim()\n    if (!value) {\n      delete this.config.customPattern\n    } else if (this.isValidRegex(value)) {\n      this.config.customPattern = value\n    } else {\n      input.invalidText = 'Invalid regular expression pattern'\n      input.invalid = true\n      return\n    }\n    input.invalid = false\n    this.requestUpdate()\n  }\n\n  isValidRegex(pattern: string): boolean {\n    try {\n      new RegExp(pattern)\n      return true\n    } catch {\n      return false\n    }\n  }\n\n  @bound\n  handleReservedValuesChange(event: Event): void {\n    const input = event.target as HTMLInputElement\n    const value = input.value.trim()\n    if (value) {\n      const reservedValues = this.config?.reservedValues ?? DEFAULT_SKU_CONFIG.reservedValues ?? []\n      if (!reservedValues.includes(value)) {\n        reservedValues.push(value)\n        this.config = { ...this.config, reservedValues }\n        this.requestUpdate()\n      }\n      input.value = ''\n    }\n  }\n\n  @bound\n  handleRemoveReservedValue(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?.reservedValues) {\n      this.config.reservedValues.splice(index, 1)\n      this.requestUpdate()\n    }\n  }\n\n  @bound\n  render(): TemplateResult {\n    return html`\n      <div class=\"input-group\">\n        ${this.renderValidationModeSelect()} ${this.renderCustomPatternInput()} ${this.renderCaseModeSelect()}\n        ${this.renderPrefixInput()} ${this.renderReservedValuesInput()}\n      </div>\n      <div class=\"checkbox-group\">\n        ${this.renderEnforceUniqueness()} ${this.renderValidateReservedWords()} ${this.renderAutoGenerate()}\n      </div>\n      <div class=\"input-group\">${this.renderAutoGenerateSourceSelect()}</div>\n    `\n  }\n\n  protected renderValidationModeSelect(): TemplateResult {\n    const value = this.config?.validationMode ?? DEFAULT_SKU_CONFIG.validationMode\n    return html`\n      <div class=\"row\">\n        <ui-select\n          label=\"Validation mode\"\n          class=\"input\"\n          name=\"validationMode\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"strict\">Strict</ui-option>\n          <ui-option value=\"lenient\">Lenient</ui-option>\n          <ui-option value=\"custom\">Custom</ui-option>\n        </ui-select>\n        ${renderHelp('taxonomy', 'sku:validationMode')}\n      </div>\n    `\n  }\n\n  protected renderCustomPatternInput(): TemplateResult | typeof nothing {\n    const mode = this.config?.validationMode ?? DEFAULT_SKU_CONFIG.validationMode\n    if (mode !== 'custom') {\n      return nothing\n    }\n    const value = this.config?.customPattern ?? DEFAULT_SKU_CONFIG.customPattern\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          label=\"Custom Pattern\"\n          class=\"input\"\n          name=\"customPattern\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleCustomPatternChange}\"\n          required\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'sku:customPattern')}\n      </div>\n    `\n  }\n\n  protected renderCaseModeSelect(): TemplateResult {\n    const value = this.config?.caseMode ?? DEFAULT_SKU_CONFIG.caseMode\n    return html`\n      <div class=\"row input-row\">\n        <ui-select\n          label=\"Case Mode\"\n          class=\"input\"\n          name=\"caseMode\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"uppercase\">Uppercase</ui-option>\n          <ui-option value=\"lowercase\">Lowercase</ui-option>\n          <ui-option value=\"preserve\">Preserve Case</ui-option>\n        </ui-select>\n        ${renderHelp('taxonomy', 'sku:caseMode')}\n      </div>\n    `\n  }\n\n  protected renderPrefixInput(): TemplateResult {\n    const value = this.config?.prefix ?? DEFAULT_SKU_CONFIG.prefix\n    return html`\n      <div class=\"row input-row\">\n        <ui-outlined-text-field\n          label=\"Prefix\"\n          class=\"input\"\n          name=\"prefix\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleTextChange}\"\n        ></ui-outlined-text-field>\n        ${renderHelp('taxonomy', 'sku:prefix')}\n      </div>\n    `\n  }\n\n  protected renderReservedValuesInput(): TemplateResult {\n    const value = this.config?.reservedValues ?? DEFAULT_SKU_CONFIG.reservedValues\n    const chips = (value || []).map(\n      (val, index) =>\n        html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveReservedValue}\"\n          >${val}</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=\"reservedValues\"\n            label=\"Reserved Values\"\n            @change=\"${this.handleReservedValuesChange}\"\n            supportingText=\"Add a reserved value 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', 'sku:reservedValues')}\n      </div>\n    `\n  }\n\n  protected renderEnforceUniqueness(): TemplateResult {\n    const value = this.config?.enforceUniqueness ?? DEFAULT_SKU_CONFIG.enforceUniqueness\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"enforce-uniqueness\"\n            name=\"enforceUniqueness\"\n            .checked=\"${value}\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"enforce-uniqueness\" class=\"body-medium\">Enforce Uniqueness</label>\n            <span class=\"body-small meta\">Whether to enforce global uniqueness across all entities.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'sku:enforceUniqueness')}\n      </div>\n    `\n  }\n\n  protected renderValidateReservedWords(): TemplateResult {\n    const value = this.config?.validateReservedWords ?? DEFAULT_SKU_CONFIG.validateReservedWords\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"validate-reserved-words\"\n            name=\"validateReservedWords\"\n            .checked=\"${value}\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"validate-reserved-words\" class=\"body-medium\">Validate Reserved Words</label>\n            <span class=\"body-small meta\">Whether to validate against reserved words.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'sku:validateReservedWords')}\n      </div>\n    `\n  }\n\n  protected renderAutoGenerate(): TemplateResult {\n    const value = this.config?.autoGenerate ?? DEFAULT_SKU_CONFIG.autoGenerate\n    return html`\n      <div class=\"row\">\n        <div class=\"input checkbox metadata\">\n          <ui-checkbox\n            id=\"auto-generate\"\n            name=\"autoGenerate\"\n            .checked=\"${value}\"\n            @change=\"${this.handleBooleanChange}\"\n          ></ui-checkbox>\n          <div class=\"label\">\n            <label for=\"auto-generate\" class=\"body-medium\">Auto Generate</label>\n            <span class=\"body-small meta\">Whether to auto-generate SKUs for new entities.</span>\n          </div>\n        </div>\n        ${renderHelp('taxonomy', 'sku:autoGenerate')}\n      </div>\n    `\n  }\n\n  protected renderAutoGenerateSourceSelect(): TemplateResult | typeof nothing {\n    const autoGenerate = this.config?.autoGenerate ?? DEFAULT_SKU_CONFIG.autoGenerate\n    if (!autoGenerate) {\n      return nothing\n    }\n    const value = this.config?.autoGenerateSource ?? DEFAULT_SKU_CONFIG.autoGenerateSource\n    return html`\n      <div class=\"row input-row\">\n        <ui-select\n          label=\"Auto Generate Source\"\n          class=\"input\"\n          name=\"autoGenerateSource\"\n          .value=\"${value as string}\"\n          @change=\"${this.handleSelectChange}\"\n        >\n          <ui-option value=\"\">\n            <div>Random</div>\n            <div slot=\"supporting-text\">Use a randomly generated value.</div>\n          </ui-option>\n          <ui-divider></ui-divider>\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', 'sku:autoGenerateSource')}\n      </div>\n    `\n  }\n}\n"]}

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

@@ -0,0 +1,27 @@
+import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js';
+import { StatusConfig } from '@api-client/core/modeling/definitions/Status.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 status field.
+ */
+export declare class StatusTaxonomy extends TaxonomyDialog<StatusConfig> {
+    domainElement: DomainProperty;
+    static title: string;
+    /**
+     * The enum values defined for the property, if any.
+     * These values take precedence over the default values defined in the StatusConfig.
+     */
+    propertyEnum?: string[];
+    constructor(domainElement: DomainProperty);
+    protected formCallback(event: Event): Promise<void>;
+    protected handleAllowedStatesChange(event: Event): void;
+    protected handleRemoveStatus(event: Event): void;
+    render(): TemplateResult;
+    protected renderIntro(): TemplateResult;
+    protected renderEnumSetMessage(): TemplateResult;
+    protected renderAllowedStatesInput(): TemplateResult;
+}
+//# sourceMappingURL=StatusTaxonomy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/StatusTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAEjF,OAAO,EAAyB,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACrG,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,cAAe,SAAQ,cAAc,CAAC,YAAY,CAAC;IAS3C,aAAa,EAAE,cAAc;IARhD,OAAgB,KAAK,SAA8B;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;gBAEJ,aAAa,EAAE,cAAc;cAY7B,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAe5D,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAevD,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAUhD,MAAM,IAAI,cAAc;IAQxB,SAAS,CAAC,WAAW,IAAI,cAAc;IAcvC,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAUhD,SAAS,CAAC,wBAAwB,IAAI,cAAc;CAwBrD"}

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

@@ -0,0 +1,138 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bound } from '../../decorators/bound.js';
+import { DEFAULT_STATUS_CONFIG } from '@api-client/core/modeling/definitions/Status.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 status field.
+ */
+let StatusTaxonomy = (() => {
+    let _classSuper = TaxonomyDialog;
+    let _instanceExtraInitializers = [];
+    let _handleAllowedStatesChange_decorators;
+    let _handleRemoveStatus_decorators;
+    let _render_decorators;
+    return class StatusTaxonomy extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _handleAllowedStatesChange_decorators = [bound];
+            _handleRemoveStatus_decorators = [bound];
+            _render_decorators = [bound];
+            __esDecorate(this, null, _handleAllowedStatesChange_decorators, { kind: "method", name: "handleAllowedStatesChange", static: false, private: false, access: { has: obj => "handleAllowedStatesChange" in obj, get: obj => obj.handleAllowedStatesChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleRemoveStatus_decorators, { kind: "method", name: "handleRemoveStatus", static: false, private: false, access: { has: obj => "handleRemoveStatus" in obj, get: obj => obj.handleRemoveStatus }, 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 Status Taxonomy`;
+        /**
+         * The enum values defined for the property, if any.
+         * These values take precedence over the default values defined in the StatusConfig.
+         */
+        propertyEnum;
+        constructor(domainElement) {
+            let config;
+            const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Status);
+            if (semantic && semantic.config) {
+                config = structuredClone(semantic.config);
+            }
+            else {
+                config = {};
+            }
+            super(config);
+            this.domainElement = domainElement;
+            this.propertyEnum = domainElement.schema?.enum;
+        }
+        formCallback(event) {
+            const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.Status);
+            if (semantic) {
+                semantic.config = this.config;
+            }
+            else {
+                this.domainElement.semantics.push({
+                    id: SemanticType.Status,
+                    config: this.config,
+                });
+            }
+            this.domainElement.domain.notifyChange();
+            return super.formCallback(event);
+        }
+        handleAllowedStatesChange(event) {
+            const input = event.target;
+            const value = input.value.trim();
+            if (value) {
+                const states = this.config?.allowedStates ?? DEFAULT_STATUS_CONFIG.allowedStates ?? [];
+                if (!states.includes(value)) {
+                    states.push(value);
+                    this.config = { ...this.config, allowedStates: states };
+                    this.requestUpdate();
+                }
+                input.value = '';
+            }
+        }
+        handleRemoveStatus(event) {
+            const chip = event.currentTarget;
+            const index = parseInt(chip.dataset.index || '-1', 10);
+            if (index >= 0 && this.config?.allowedStates) {
+                this.config.allowedStates.splice(index, 1);
+                this.requestUpdate();
+            }
+        }
+        render() {
+            if (this.propertyEnum && this.propertyEnum.length > 0) {
+                return html ` <div class="content">${this.renderEnumSetMessage()}</div> `;
+            }
+            return html `${this.renderIntro()}
+      <div class="input-group">${this.renderAllowedStatesInput()}</div> `;
+        }
+        renderIntro() {
+            return html `<div class="row">
+        <span class="body-medium input">
+          Define a list of valid states for this property (e.g., "Pending", "Active", "Completed"). This ensures data
+          consistency and helps drive business workflows.
+        </span>
+        ${renderHelp('taxonomy', 'status:overview')}
+      </div>
+      <span class="body-medium">
+        <strong>Note:</strong> If you define a list of "Enum Values" in the main property editor, that list will be used
+        instead of the states defined here.
+      </span>`;
+        }
+        renderEnumSetMessage() {
+            return html `<div class="row">
+      <span class="body-medium input">
+        This property has a list of "Enum Values" defined in its main schema. Therefore, that list is being used as the
+        source for allowed statuses.
+      </span>
+      ${renderHelp('taxonomy', 'status:enumIntegration')}
+    </div>`;
+        }
+        renderAllowedStatesInput() {
+            const value = this.config?.allowedStates ?? DEFAULT_STATUS_CONFIG.allowedStates;
+            const chips = (value || []).map((state, index) => html `<ui-chip type="input" removable data-index="${index}" @remove="${this.handleRemoveStatus}"
+          >${state}</ui-chip
+        >`);
+            return html `
+      <div class="row input-row">
+        <div class="input chips-input">
+          <ui-outlined-text-field
+            class="input"
+            name="allowedStates"
+            label="Allowed States"
+            @change="${this.handleAllowedStatesChange}"
+            supportingText="Add a state and press Enter to add it to the list."
+          ></ui-outlined-text-field>
+          <ui-chip-set>${chips}</ui-chip-set>
+        </div>
+        ${renderHelp('taxonomy', 'status:allowedStates')}
+      </div>
+    `;
+        }
+    };
+})();
+export { StatusTaxonomy };
+//# sourceMappingURL=StatusTaxonomy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusTaxonomy.js","sourceRoot":"","sources":["../../../../src/modeling/dialogs/StatusTaxonomy.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAgB,MAAM,iDAAiD,CAAA;AACrG,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,cAAc;sBAAS,cAAc;;;;;iBAArC,cAAe,SAAQ,WAA4B;;;qDAmC7D,KAAK;8CAeL,KAAK;kCAUL,KAAK;YAxBN,8NAAU,yBAAyB,6DAYlC;YAGD,yMAAU,kBAAkB,6DAO3B;YAGD,qKAAA,MAAM,6DAML;;;QA1DkB,aAAa,GATrB,mDAAc;QACzB,MAAM,CAAU,KAAK,GAAG,2BAA2B,CAAA;QAEnD;;;WAGG;QACH,YAAY,CAAW;QAEvB,YAAmB,aAA6B;YAC9C,IAAI,MAAoB,CAAA;YACxB,MAAM,QAAQ,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,MAAM,CAAC,CAAA;YAClF,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAChC,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,MAAsB,CAAC,CAAA;YAC3D,CAAC;iBAAM,CAAC;gBACN,MAAM,GAAG,EAAkB,CAAA;YAC7B,CAAC;YACD,KAAK,CAAC,MAAM,CAAC,CAAA;YARI,kBAAa,GAAb,aAAa,CAAgB;YAS9C,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,MAAM,EAAE,IAAI,CAAA;QAChD,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,MAAM,CAAC,CAAA;YACvF,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,MAAM;oBACvB,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;QAGS,yBAAyB,CAAC,KAAY;YAC9C,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,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,qBAAqB,CAAC,aAAa,IAAI,EAAE,CAAA;gBACtF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;oBAC5B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;oBAClB,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,CAAA;oBACvD,IAAI,CAAC,aAAa,EAAE,CAAA;gBACtB,CAAC;gBACD,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;YAClB,CAAC;QACH,CAAC;QAGS,kBAAkB,CAAC,KAAY;YACvC,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,aAAa,EAAE,CAAC;gBAC7C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;gBAC1C,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAGD,MAAM;YACJ,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACtD,OAAO,IAAI,CAAA,yBAAyB,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAA;YAC1E,CAAC;YACD,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,EAAE;iCACH,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAA;QACvE,CAAC;QAES,WAAW;YACnB,OAAO,IAAI,CAAA;;;;;UAKL,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC;;;;;cAKrC,CAAA;QACZ,CAAC;QAES,oBAAoB;YAC5B,OAAO,IAAI,CAAA;;;;;QAKP,UAAU,CAAC,UAAU,EAAE,wBAAwB,CAAC;WAC7C,CAAA;QACT,CAAC;QAES,wBAAwB;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,aAAa,IAAI,qBAAqB,CAAC,aAAa,CAAA;YAC/E,MAAM,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAC7B,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACf,IAAI,CAAA,+CAA+C,KAAK,cAAc,IAAI,CAAC,kBAAkB;aACxF,KAAK;UACR,CACL,CAAA;YACD,OAAO,IAAI,CAAA;;;;;;;uBAOQ,IAAI,CAAC,yBAAyB;;;yBAG5B,KAAK;;UAEpB,UAAU,CAAC,UAAU,EAAE,sBAAsB,CAAC;;KAEnD,CAAA;QACH,CAAC;;;SApHU,cAAc","sourcesContent":["import type { DomainProperty } from '@api-client/core/modeling/DomainProperty.js'\nimport { bound } from '../../decorators/bound.js'\nimport { DEFAULT_STATUS_CONFIG, StatusConfig } from '@api-client/core/modeling/definitions/Status.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 status field.\n */\nexport class StatusTaxonomy extends TaxonomyDialog<StatusConfig> {\n  static override title = `Configure Status Taxonomy`\n\n  /**\n   * The enum values defined for the property, if any.\n   * These values take precedence over the default values defined in the StatusConfig.\n   */\n  propertyEnum?: string[]\n\n  constructor(public domainElement: DomainProperty) {\n    let config: StatusConfig\n    const semantic = domainElement.semantics.find((s) => s.id === SemanticType.Status)\n    if (semantic && semantic.config) {\n      config = structuredClone(semantic.config as StatusConfig)\n    } else {\n      config = {} as StatusConfig\n    }\n    super(config)\n    this.propertyEnum = domainElement.schema?.enum\n  }\n\n  protected override formCallback(event: Event): Promise<void> {\n    const semantic = this.domainElement.semantics.find((s) => s.id === SemanticType.Status)\n    if (semantic) {\n      semantic.config = this.config\n    } else {\n      this.domainElement.semantics.push({\n        id: SemanticType.Status,\n        config: this.config,\n      })\n    }\n    this.domainElement.domain.notifyChange()\n    return super.formCallback(event)\n  }\n\n  @bound\n  protected handleAllowedStatesChange(event: Event): void {\n    const input = event.target as HTMLInputElement\n    const value = input.value.trim()\n    if (value) {\n      const states = this.config?.allowedStates ?? DEFAULT_STATUS_CONFIG.allowedStates ?? []\n      if (!states.includes(value)) {\n        states.push(value)\n        this.config = { ...this.config, allowedStates: states }\n        this.requestUpdate()\n      }\n      input.value = ''\n    }\n  }\n\n  @bound\n  protected handleRemoveStatus(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?.allowedStates) {\n      this.config.allowedStates.splice(index, 1)\n      this.requestUpdate()\n    }\n  }\n\n  @bound\n  render(): TemplateResult {\n    if (this.propertyEnum && this.propertyEnum.length > 0) {\n      return html` <div class=\"content\">${this.renderEnumSetMessage()}</div> `\n    }\n    return html`${this.renderIntro()}\n      <div class=\"input-group\">${this.renderAllowedStatesInput()}</div> `\n  }\n\n  protected renderIntro(): TemplateResult {\n    return html`<div class=\"row\">\n        <span class=\"body-medium input\">\n          Define a list of valid states for this property (e.g., \"Pending\", \"Active\", \"Completed\"). This ensures data\n          consistency and helps drive business workflows.\n        </span>\n        ${renderHelp('taxonomy', 'status:overview')}\n      </div>\n      <span class=\"body-medium\">\n        <strong>Note:</strong> If you define a list of \"Enum Values\" in the main property editor, that list will be used\n        instead of the states defined here.\n      </span>`\n  }\n\n  protected renderEnumSetMessage(): TemplateResult {\n    return html`<div class=\"row\">\n      <span class=\"body-medium input\">\n        This property has a list of \"Enum Values\" defined in its main schema. Therefore, that list is being used as the\n        source for allowed statuses.\n      </span>\n      ${renderHelp('taxonomy', 'status:enumIntegration')}\n    </div>`\n  }\n\n  protected renderAllowedStatesInput(): TemplateResult {\n    const value = this.config?.allowedStates ?? DEFAULT_STATUS_CONFIG.allowedStates\n    const chips = (value || []).map(\n      (state, index) =>\n        html`<ui-chip type=\"input\" removable data-index=\"${index}\" @remove=\"${this.handleRemoveStatus}\"\n          >${state}</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=\"allowedStates\"\n            label=\"Allowed States\"\n            @change=\"${this.handleAllowedStatesChange}\"\n            supportingText=\"Add a state 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', 'status:allowedStates')}\n      </div>\n    `\n  }\n}\n"]}

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

@@ -0,0 +1,23 @@
+import type { DomainAssociation } from '@api-client/core/modeling/DomainAssociation.js';
+import { type TagsConfig } from '@api-client/core/modeling/definitions/Tags.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 Tags annotated association.
+ */
+export declare class TagsTaxonomy extends TaxonomyDialog<TagsConfig> {
+    domainElement: DomainAssociation;
+    static title: string;
+    constructor(domainElement: DomainAssociation);
+    protected formCallback(event: Event): Promise<void>;
+    protected handleAllowedTagsChange(event: Event): void;
+    protected handleRemoveTag(event: Event): void;
+    render(): TemplateResult;
+    protected renderAllowCustomTags(): TemplateResult;
+    protected renderCaseSensitive(): TemplateResult;
+    protected renderAllowUnicode(): TemplateResult;
+    protected renderAllowedTagsInput(): TemplateResult;
+}
+//# sourceMappingURL=TagsTaxonomy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsTaxonomy.d.ts","sourceRoot":"","sources":["../../../../src/modeling/dialogs/TagsTaxonomy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AACvF,OAAO,EAAE,KAAK,UAAU,EAAuB,MAAM,+CAA+C,CAAA;AAEpG,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,YAAa,SAAQ,cAAc,CAAC,UAAU,CAAC;IAGvC,aAAa,EAAE,iBAAiB;IAFnD,OAAgB,KAAK,SAA4B;gBAE9B,aAAa,EAAE,iBAAiB;cAWhC,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAe5D,SAAS,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAerD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAU7C,MAAM,IAAI,cAAc;IASxB,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAqBjD,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAqB/C,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAqB9C,SAAS,CAAC,sBAAsB,IAAI,cAAc;CAsBnD"}