@malva-ui/core 0.1.12

package/esm2022/filter/lib/smart-filter-bar/smart-filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-filter-bar.js","sourceRoot":"","sources":["../../../../../../../libs/core/filter/src/lib/smart-filter-bar/smart-filter-bar.ts","../../../../../../../libs/core/filter/src/lib/smart-filter-bar/smart-filter-bar.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  output,\n  signal,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  LucideChevronDown,\n  LucideChevronUp,\n  LucideRefreshCw,\n  LucideSettings2,\n} from '@lucide/angular';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvCheckbox } from '@malva-ui/core/checkbox';\nimport { normalizeForMatch } from '@malva-ui/core/dropdown';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupTrigger,\n} from '@malva-ui/core/popup';\nimport type { MlvSearchFieldTrigger } from '@malva-ui/core/search-field';\nimport { MlvSearchField } from '@malva-ui/core/search-field';\nimport { MLV_FILTER_I18N, MlvI18nResolverService } from '@malva-ui/i18n';\nimport type {\n  MlvFilterApplyMode,\n  MlvFilterCondition,\n  MlvFilterConditionStrategy,\n  MlvFilterDefinition,\n  MlvFilterExecutionPayload,\n  MlvFilterFieldState,\n  MlvFilterOperator,\n} from '../filter.types';\nimport { MlvFilter } from '../filter/filter';\n\n/** Returns whether an operator-complete condition represents an applied value. */\nfunction isConditionMeaningful(condition: MlvFilterCondition): boolean {\n  if (condition.operator === 'empty' || condition.operator === 'not-empty') {\n    return true;\n  }\n  if (condition.operator === 'between' && Array.isArray(condition.value)) {\n    return (\n      condition.value.length === 2 &&\n      condition.value.every(\n        (value) => value !== null && value !== undefined && value !== '',\n      )\n    );\n  }\n  if (Array.isArray(condition.value)) return condition.value.length > 0;\n  return (\n    condition.value !== null &&\n    condition.value !== undefined &&\n    condition.value !== ''\n  );\n}\n\n/** Deeply copies a supported structured filter value. */\nfunction cloneFilterValue<T>(value: T): T {\n  if (typeof structuredClone === 'function') {\n    try {\n      return structuredClone(value);\n    } catch {\n      // Fall through for values outside the structured-clone algorithm.\n    }\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => cloneFilterValue(item)) as T;\n  }\n  if (value instanceof Date) return new Date(value.getTime()) as T;\n  if (value instanceof Map) {\n    return new Map(\n      [...value].map(([key, item]) => [\n        cloneFilterValue(key),\n        cloneFilterValue(item),\n      ]),\n    ) as T;\n  }\n  if (value instanceof Set) {\n    return new Set([...value].map((item) => cloneFilterValue(item))) as T;\n  }\n  if (value !== null && typeof value === 'object') {\n    return Object.fromEntries(\n      Object.entries(value).map(([key, item]) => [key, cloneFilterValue(item)]),\n    ) as T;\n  }\n  return value;\n}\n\n/** Copies field states and nested operands for immutable public snapshots. */\nfunction cloneFieldStates(\n  states: readonly MlvFilterFieldState[],\n): MlvFilterFieldState[] {\n  return states.map((state) => ({\n    key: state.key,\n    strategy: state.strategy,\n    conditions: state.conditions.map((condition) => ({\n      ...condition,\n      value: cloneFilterValue(condition.value),\n    })),\n  }));\n}\n\n/** Whether two ordered string collections contain the same values. */\nfunction stringArraysEqual(\n  first: readonly string[],\n  second: readonly string[],\n): boolean {\n  return (\n    first.length === second.length &&\n    first.every((value, index) => value === second[index])\n  );\n}\n\n/** Metadata-driven query header for search, field filters, and execution. */\n@Component({\n  selector: 'mlv-smart-filter-bar',\n  imports: [\n    MlvButton,\n    MlvButtonIcon,\n    MlvCheckbox,\n    MlvFilter,\n    MlvPopup,\n    MlvPopupContent,\n    MlvPopupTrigger,\n    MlvSearchField,\n    LucideChevronDown,\n    LucideChevronUp,\n    LucideRefreshCw,\n    LucideSettings2,\n  ],\n  templateUrl: './smart-filter-bar.html',\n  styleUrl: './smart-filter-bar.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-smart-filter-bar',\n    '[class.mlv-smart-filter-bar--collapsed]': '!filtersVisible()',\n    '[class.mlv-smart-filter-bar--loading]': 'loading()',\n    '[class.mlv-smart-filter-bar--disabled]': 'disabled()',\n    '[attr.aria-busy]': 'loading() || null',\n  },\n})\nexport class MlvSmartFilterBar {\n  /** @protected Reactive translated strings for filters. */\n  protected readonly _i18n = inject(MLV_FILTER_I18N);\n\n  /** @private ICU resolver for parameterized translated strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n\n  /** Metadata for every available filter field. */\n  readonly definitions = input.required<readonly MlvFilterDefinition[]>();\n\n  /** Structured filter state. */\n  readonly filters = model<readonly MlvFilterFieldState[]>([]);\n\n  /** Keys currently shown in the filter row. */\n  readonly visibleKeys = model<readonly string[]>([]);\n\n  /** Global search query submitted with structured filters. */\n  readonly searchValue = model<string>('');\n\n  /** Commit behavior for the global search field. */\n  readonly searchTrigger = input<MlvSearchFieldTrigger>('live');\n\n  /** Debounce passed to the global live-search field. */\n  readonly searchDebounce = input<number, number | string>(200, {\n    transform: (value) => Math.max(0, numberAttribute(value, 200)),\n  });\n\n  /** Apply behavior used by each field filter editor. */\n  readonly filterApplyMode = input<MlvFilterApplyMode>('live');\n\n  /** Whether live search/filter commits should execute immediately. */\n  readonly autoExecute = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Whether structured fields are expanded beneath the query actions. */\n  readonly filtersVisible = model(true);\n\n  /** Whether the global search field is rendered. */\n  readonly showSearch = input<boolean, BooleanInput>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Whether query execution is in progress. */\n  readonly loading = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Whether every control in the bar is unavailable. */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** Emitted with an immutable snapshot when the query executes. */\n  readonly execute = output<MlvFilterExecutionPayload>();\n\n  /** Emitted when consumers should refresh using the current query snapshot. */\n  readonly refresh = output<MlvFilterExecutionPayload>();\n\n  /** Emitted after search, filter values, and visibility return to defaults. */\n  readonly resetCompleted = output<void>();\n\n  /** @protected Search term used only inside the available-filters manager. */\n  protected readonly _availableSearch = signal('');\n\n  /** @private Staged field visibility while the manager dialog is open. */\n  private readonly _draftVisibleKeys = signal<readonly string[]>([]);\n\n  /** @protected Id linking the filter visibility trigger to its region. */\n  protected readonly _filtersId = mlvNextId('mlv-smart-filter-bar-filters');\n\n  /** @protected Id linking the manager trigger to its dialog content. */\n  protected readonly _managerId = mlvNextId('mlv-smart-filter-bar-manager');\n\n  /** @protected Id for the validation summary announced after a blocked query. */\n  protected readonly _validationSummaryId = mlvNextId(\n    'mlv-smart-filter-bar-validation',\n  );\n\n  /** @private Whether metadata defaults have been applied to a usable definition set. */\n  private _definitionsInitialized = false;\n\n  /** @private Previous metadata keys used to distinguish new defaults from hidden fields. */\n  private _knownDefinitionKeys = new Set<string>();\n\n  /** @private Whether a query attempt should expose required-field errors. */\n  private readonly _validationAttempted = signal(false);\n\n  /** @private Coalesces paired condition/strategy model changes into one execution. */\n  private _autoExecuteQueued = false;\n\n  /** @private Manager panel used to focus its search field after opening. */\n  private readonly _managerPanel =\n    viewChild<ElementRef<HTMLElement>>('managerPanel');\n\n  /** @private Manager trigger restored after keyboard and action closes. */\n  private readonly _managerButton = viewChild('managerButton', {\n    read: ElementRef<HTMLButtonElement>,\n  });\n\n  /** @private Rendered filter hosts used to focus the first invalid field. */\n  private readonly _filterHosts = viewChildren(MlvFilter, {\n    read: ElementRef,\n  });\n\n  /** Visible definitions in stable metadata order. */\n  readonly visibleDefinitions = computed(() => {\n    const visible = new Set(this.visibleKeys());\n    return this.definitions().filter((definition) =>\n      visible.has(definition.key),\n    );\n  });\n\n  /** Number of filter fields currently visible. */\n  readonly visibleFilterCount = computed(\n    () => this.visibleDefinitions().length,\n  );\n\n  /** Number of fields with at least one applied condition. */\n  readonly appliedFilterCount = computed(\n    () =>\n      this.filters().filter((state) =>\n        state.conditions.some(isConditionMeaningful),\n      ).length,\n  );\n\n  /** @protected Required definitions without an applied, meaningful condition. */\n  protected readonly _missingRequiredDefinitions = computed(() => {\n    const states = new Map(this.filters().map((state) => [state.key, state]));\n    return this.definitions().filter((definition) => {\n      if (!definition.required) return false;\n      return !states\n        .get(definition.key)\n        ?.conditions.some(isConditionMeaningful);\n    });\n  });\n\n  /** @protected Whether required-field errors should currently be rendered. */\n  protected readonly _showRequiredErrors = computed(\n    () =>\n      this._validationAttempted() &&\n      this._missingRequiredDefinitions().length > 0,\n  );\n\n  /** @protected Whether search or any structured condition is active. */\n  protected readonly _hasState = computed(\n    () => this.searchValue().length > 0 || this.appliedFilterCount() > 0,\n  );\n\n  /** @protected Definitions matching the available-filter search. */\n  protected readonly _filteredDefinitions = computed(() => {\n    const query = normalizeForMatch(this._availableSearch().trim());\n    if (!query) return this.definitions();\n    return this.definitions().filter((definition) =>\n      normalizeForMatch(definition.label).includes(query),\n    );\n  });\n\n  /** @protected Parameterized label for the filter-management action. */\n  protected readonly _filtersLabel = computed(() =>\n    this._resolveMessage('filters', { count: this.visibleFilterCount() }),\n  );\n\n  /** @protected Parameterized status for fields with applied values. */\n  protected readonly _appliedFiltersLabel = computed(() =>\n    this._resolveMessage('filters', { count: this.appliedFilterCount() }),\n  );\n\n  /** @protected Parameterized heading for the available-filter list. */\n  protected readonly _availableFiltersLabel = computed(() =>\n    this._resolveMessage('availableFilters', {\n      count: this.definitions().length,\n    }),\n  );\n\n  /** @protected Localized validation summary for all missing required fields. */\n  protected readonly _requiredFiltersMessage = computed(() =>\n    this._resolveMessage('requiredFilters', {\n      count: this._missingRequiredDefinitions().length,\n    }),\n  );\n\n  constructor() {\n    effect(() => {\n      const definitions = this.definitions();\n      if (definitions.length === 0 && !this._definitionsInitialized) return;\n\n      const definitionKeys = definitions.map((definition) => definition.key);\n      const allowedKeys = new Set(definitionKeys);\n      const currentFilters = this.filters();\n      const stateByKey = new Map(\n        currentFilters\n          .filter((state) => allowedKeys.has(state.key))\n          .map((state) => [state.key, state]),\n      );\n      const normalizedFilters = definitions.flatMap((definition) => {\n        const state = stateByKey.get(definition.key);\n        return state ? [state] : [];\n      });\n\n      if (\n        normalizedFilters.length !== currentFilters.length ||\n        normalizedFilters.some(\n          (state, index) => state !== currentFilters[index],\n        )\n      ) {\n        this.filters.set(cloneFieldStates(normalizedFilters));\n      }\n\n      const activeKeys = new Set(\n        normalizedFilters\n          .filter((state) => state.conditions.some(isConditionMeaningful))\n          .map((state) => state.key),\n      );\n      const currentVisible = this.visibleKeys();\n      const requestedVisible = new Set(\n        currentVisible.filter((key) => allowedKeys.has(key)),\n      );\n      const initializeDefaults =\n        !this._definitionsInitialized && currentVisible.length === 0;\n\n      for (const definition of definitions) {\n        const newlyAdded = !this._knownDefinitionKeys.has(definition.key);\n        if (\n          definition.required ||\n          activeKeys.has(definition.key) ||\n          (definition.defaultVisible &&\n            (initializeDefaults ||\n              (this._definitionsInitialized && newlyAdded)))\n        ) {\n          requestedVisible.add(definition.key);\n        }\n      }\n\n      const normalizedVisible = definitionKeys.filter((key) =>\n        requestedVisible.has(key),\n      );\n      if (!stringArraysEqual(normalizedVisible, currentVisible)) {\n        this.visibleKeys.set(normalizedVisible);\n      }\n\n      if (definitions.length > 0) this._definitionsInitialized = true;\n      this._knownDefinitionKeys = allowedKeys;\n    });\n  }\n\n  /** Executes the current search and structured-filter snapshot. */\n  executeQuery(): void {\n    if (this.disabled() || this.loading()) return;\n    if (!this._validateRequiredFilters()) return;\n    this.execute.emit(this._payload());\n  }\n\n  /** Requests fresh results using the current query snapshot. */\n  refreshQuery(): void {\n    if (this.disabled() || this.loading()) return;\n    if (!this._validateRequiredFilters()) return;\n    this.refresh.emit(this._payload());\n  }\n\n  /** Clears search and conditions while retaining the user's visible fields. */\n  clear(): void {\n    if (this.disabled() || this.loading()) return;\n    this._validationAttempted.set(false);\n    this.searchValue.set('');\n    this.filters.set([]);\n    if (this.autoExecute()) this.executeQuery();\n  }\n\n  /** Restores search, conditions, and visible fields to metadata defaults. */\n  resetToDefaults(): void {\n    if (this.disabled() || this.loading()) return;\n    this._validationAttempted.set(false);\n    this.searchValue.set('');\n    this.filters.set([]);\n    this.visibleKeys.set(this._defaultVisibleKeys());\n    this._availableSearch.set('');\n    this.resetCompleted.emit();\n    if (this.autoExecute()) this.executeQuery();\n  }\n\n  /** @protected Updates search state and executes for submit or auto mode. */\n  protected _onSearch(query: string): void {\n    this.searchValue.set(query);\n    if (this.searchTrigger() === 'submit' || this.autoExecute()) {\n      this.executeQuery();\n    }\n  }\n\n  /** @protected Executes a staged live-search value immediately from Enter. */\n  protected _onSearchEnter(event: Event): void {\n    if (\n      !(event instanceof KeyboardEvent) ||\n      event.isComposing ||\n      this.searchTrigger() !== 'live' ||\n      this.autoExecute()\n    ) {\n      return;\n    }\n    event.preventDefault();\n    this.executeQuery();\n  }\n\n  /** @protected Updates the available-filter manager search. */\n  protected _onAvailableSearch(query: string): void {\n    this._availableSearch.set(query);\n  }\n\n  /** @protected Returns applied conditions for a definition key. */\n  protected _conditionsFor(key: string): readonly MlvFilterCondition[] {\n    return this.filters().find((state) => state.key === key)?.conditions ?? [];\n  }\n\n  /** @protected Returns the applied strategy for a definition key. */\n  protected _strategyFor(key: string): MlvFilterConditionStrategy {\n    return (\n      this.filters().find((state) => state.key === key)?.strategy ??\n      this.definitions().find((definition) => definition.key === key)\n        ?.conditionStrategy ??\n      'or'\n    );\n  }\n\n  /** @protected Whether a definition permits more than one free-form condition. */\n  protected _allowsMultipleConditions(\n    definition: MlvFilterDefinition,\n  ): boolean {\n    if (definition.allowMultipleConditions !== undefined) {\n      return definition.allowMultipleConditions;\n    }\n    return !(\n      definition.editor === 'options' ||\n      (definition.editor === undefined && (definition.options?.length ?? 0) > 0)\n    );\n  }\n\n  /** @protected Operators for a definition with the neutral default fallback. */\n  protected _operatorsFor(\n    definition: MlvFilterDefinition,\n  ): readonly MlvFilterOperator[] {\n    return (\n      definition.operators ?? [\n        'contains',\n        'not-contains',\n        'equals',\n        'not-equals',\n      ]\n    );\n  }\n\n  /** @protected Updates one field's conditions without disturbing other fields. */\n  protected _setConditions(\n    definition: MlvFilterDefinition,\n    conditions: readonly MlvFilterCondition[],\n  ): void {\n    const state = this.filters().find(\n      (candidate) => candidate.key === definition.key,\n    );\n    this._replaceFieldState({\n      key: definition.key,\n      conditions,\n      strategy: state?.strategy ?? definition.conditionStrategy ?? 'or',\n    });\n  }\n\n  /** @protected Updates one field's condition-combination strategy. */\n  protected _setStrategy(\n    definition: MlvFilterDefinition,\n    strategy: MlvFilterConditionStrategy,\n  ): void {\n    this._replaceFieldState({\n      key: definition.key,\n      conditions: this._conditionsFor(definition.key),\n      strategy,\n    });\n  }\n\n  /** @protected Whether a field key is currently visible. */\n  protected _isVisible(key: string): boolean {\n    return this._draftVisibleKeys().includes(key);\n  }\n\n  /** @protected Whether a field currently has an applied, meaningful condition. */\n  protected _isActive(key: string): boolean {\n    return (\n      this.filters()\n        .find((state) => state.key === key)\n        ?.conditions.some(isConditionMeaningful) ?? false\n    );\n  }\n\n  /** @protected Stages a field for addition or removal from the filter row. */\n  protected _setVisible(\n    definition: MlvFilterDefinition,\n    visible: boolean,\n  ): void {\n    if (this.disabled() || this.loading()) return;\n    if ((definition.required || this._isActive(definition.key)) && !visible) {\n      return;\n    }\n    const keys = new Set(this._draftVisibleKeys());\n    if (visible) keys.add(definition.key);\n    else keys.delete(definition.key);\n    const definitionOrder = this.definitions().map(\n      (candidate) => candidate.key,\n    );\n    this._draftVisibleKeys.set(definitionOrder.filter((key) => keys.has(key)));\n  }\n\n  /** @protected Toggles the structured filter row. */\n  protected _toggleFilters(): void {\n    this.filtersVisible.update((visible) => !visible);\n  }\n\n  /** @protected Focuses the manager's search input after the popup attaches. */\n  protected _onManagerOpened(): void {\n    this._draftVisibleKeys.set([...this.visibleKeys()]);\n    this._availableSearch.set('');\n    queueMicrotask(() => {\n      this._managerPanel()\n        ?.nativeElement.querySelector<HTMLInputElement>('input')\n        ?.focus();\n    });\n  }\n\n  /** @protected Restores manager-trigger focus after an overlay action closes. */\n  protected _onManagerClosed(): void {\n    this._draftVisibleKeys.set([...this.visibleKeys()]);\n    this._availableSearch.set('');\n    queueMicrotask(() => this._managerButton()?.nativeElement.focus());\n  }\n\n  /** @protected Stages the metadata default field selection in the manager. */\n  protected _resetManagerSelection(): void {\n    if (this.disabled() || this.loading()) return;\n    this._draftVisibleKeys.set(this._defaultVisibleKeys());\n  }\n\n  /** @protected Discards manager edits and closes its popup. */\n  protected _cancelManager(trigger: MlvPopupTrigger): void {\n    this._draftVisibleKeys.set([...this.visibleKeys()]);\n    trigger.close();\n  }\n\n  /** @protected Commits staged manager edits and closes its popup. */\n  protected _applyManager(trigger: MlvPopupTrigger): void {\n    if (this.disabled() || this.loading()) return;\n    const staged = new Set(this._draftVisibleKeys());\n    this.definitions()\n      .filter(\n        (definition) => definition.required || this._isActive(definition.key),\n      )\n      .forEach((definition) => staged.add(definition.key));\n    this.visibleKeys.set(\n      this.definitions()\n        .map((definition) => definition.key)\n        .filter((key) => staged.has(key)),\n    );\n    trigger.close();\n  }\n\n  /** @private Replaces or removes one field state and optionally auto-executes. */\n  private _replaceFieldState(state: MlvFilterFieldState): void {\n    const remaining = this.filters().filter(\n      (candidate) => candidate.key !== state.key,\n    );\n    const next =\n      state.conditions.length > 0 ? [...remaining, state] : remaining;\n    const order = this.definitions().map((definition) => definition.key);\n    next.sort((a, b) => order.indexOf(a.key) - order.indexOf(b.key));\n    this.filters.set(cloneFieldStates(next));\n    this._queueAutoExecute();\n  }\n\n  /** @private Schedules one auto execution for the current microtask. */\n  private _queueAutoExecute(): void {\n    if (!this.autoExecute() || this._autoExecuteQueued) return;\n    this._autoExecuteQueued = true;\n    queueMicrotask(() => {\n      this._autoExecuteQueued = false;\n      this.executeQuery();\n    });\n  }\n\n  /** @private Default-visible keys, always including required definitions. */\n  private _defaultVisibleKeys(): string[] {\n    return this.definitions()\n      .filter(\n        (definition) =>\n          definition.required ||\n          definition.defaultVisible ||\n          this._isActive(definition.key),\n      )\n      .map((definition) => definition.key);\n  }\n\n  /** @protected Whether a required field should currently expose an error. */\n  protected _isRequiredMissing(definition: MlvFilterDefinition): boolean {\n    return (\n      this._showRequiredErrors() &&\n      this._missingRequiredDefinitions().some(\n        (candidate) => candidate.key === definition.key,\n      )\n    );\n  }\n\n  /** @protected Stable id for one field-level validation message. */\n  protected _requiredErrorId(definition: MlvFilterDefinition): string {\n    const index = this.definitions().findIndex(\n      (candidate) => candidate.key === definition.key,\n    );\n    return `${this._validationSummaryId}-field-${Math.max(0, index)}`;\n  }\n\n  /** @protected Localized field-level validation message. */\n  protected _requiredFilterMessage(definition: MlvFilterDefinition): string {\n    return this._resolveMessage('requiredFilter', { label: definition.label });\n  }\n\n  /** @private Blocks execution and focuses the first incomplete required field. */\n  private _validateRequiredFilters(): boolean {\n    const missing = this._missingRequiredDefinitions();\n    if (missing.length === 0) {\n      this._validationAttempted.set(false);\n      return true;\n    }\n\n    this._validationAttempted.set(true);\n    this.filtersVisible.set(true);\n    queueMicrotask(() => {\n      const firstMissingKey = this._missingRequiredDefinitions()[0]?.key;\n      const index = this.visibleDefinitions().findIndex(\n        (definition) => definition.key === firstMissingKey,\n      );\n      const host = this._filterHosts()[index]?.nativeElement as\n        | HTMLElement\n        | undefined;\n      host?.querySelector<HTMLButtonElement>('.mlv-filter__trigger')?.focus();\n    });\n    return false;\n  }\n\n  /** @private Builds a defensive execution snapshot. */\n  private _payload(): MlvFilterExecutionPayload {\n    return {\n      search: this.searchValue(),\n      filters: cloneFieldStates(this.filters()),\n      visibleKeys: [...this.visibleKeys()],\n    };\n  }\n\n  /** @private Resolves one ICU message from the filter translation slice. */\n  private _resolveMessage(\n    key: 'availableFilters' | 'filters' | 'requiredFilter' | 'requiredFilters',\n    params: Record<string, string | number>,\n  ): string {\n    return this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      key,\n      params,\n    );\n  }\n}\n","<div class=\"mlv-smart-filter-bar__query-row\">\n  @if (showSearch()) {\n  <mlv-search-field\n    class=\"mlv-smart-filter-bar__search\"\n    [value]=\"searchValue()\"\n    [trigger]=\"searchTrigger()\"\n    [debounce]=\"searchDebounce()\"\n    [commitOnClear]=\"autoExecute() || searchTrigger() === 'live'\"\n    [disabled]=\"disabled() || loading()\"\n    [loading]=\"loading()\"\n    (valueChange)=\"searchValue.set($event)\"\n    (search)=\"_onSearch($event)\"\n    (keydown.enter)=\"_onSearchEnter($event)\"\n  />\n  }\n\n  <div class=\"mlv-smart-filter-bar__primary-actions\">\n    <button\n      mlvButton\n      type=\"button\"\n      [disabled]=\"disabled() || loading()\"\n      [loading]=\"loading()\"\n      (click)=\"executeQuery()\"\n    >\n      {{ _i18n().go }}\n    </button>\n\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"secondary\"\n      shape=\"square\"\n      [disabled]=\"disabled() || loading()\"\n      [attr.aria-label]=\"_i18n().refresh\"\n      (click)=\"refreshQuery()\"\n    >\n      <svg mlvButtonIcon lucideRefreshCw [size]=\"16\" aria-hidden=\"true\"></svg>\n    </button>\n  </div>\n</div>\n\n<div class=\"mlv-smart-filter-bar__filter-toolbar\">\n  <div class=\"mlv-smart-filter-bar__filter-actions\">\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"transparent\"\n      [disabled]=\"disabled() || loading()\"\n      [attr.aria-expanded]=\"filtersVisible()\"\n      [attr.aria-controls]=\"_filtersId\"\n      (click)=\"_toggleFilters()\"\n    >\n      @if (filtersVisible()) {\n      <svg mlvButtonIcon lucideChevronUp [size]=\"16\" aria-hidden=\"true\"></svg>\n      {{ _i18n().hideFilters }} } @else {\n      <svg mlvButtonIcon lucideChevronDown [size]=\"16\" aria-hidden=\"true\"></svg>\n      {{ _i18n().showFilters }} }\n    </button>\n\n    <button\n      #managerButton\n      #managerTrigger=\"mlvPopupTrigger\"\n      mlvButton\n      type=\"button\"\n      variant=\"transparent\"\n      [mlvPopupTrigger]=\"managerPopup\"\n      [ariaHasPopup]=\"'dialog'\"\n      [disabled]=\"disabled() || loading()\"\n      [attr.aria-label]=\"_i18n().manageFilters\"\n      [attr.aria-controls]=\"_managerId\"\n    >\n      <svg mlvButtonIcon lucideSettings2 [size]=\"16\" aria-hidden=\"true\"></svg>\n      {{ _filtersLabel() }}\n    </button>\n\n    @if (_hasState()) {\n    <button\n      mlvButton\n      type=\"button\"\n      variant=\"transparent\"\n      [disabled]=\"disabled() || loading()\"\n      (click)=\"clear()\"\n    >\n      {{ _i18n().clear }}\n    </button>\n    }\n  </div>\n\n  <span class=\"mlv-smart-filter-bar__status\" aria-live=\"polite\">\n    {{ _appliedFiltersLabel() }}\n  </span>\n</div>\n\n@if (_showRequiredErrors()) {\n<div\n  class=\"mlv-smart-filter-bar__validation-summary\"\n  [id]=\"_validationSummaryId\"\n  role=\"alert\"\n>\n  {{ _requiredFiltersMessage() }}\n</div>\n}\n\n<div\n  class=\"mlv-smart-filter-bar__filters\"\n  [id]=\"_filtersId\"\n  [hidden]=\"!filtersVisible()\"\n>\n  @for (definition of visibleDefinitions(); track definition.key) {\n  <div\n    class=\"mlv-smart-filter-bar__field\"\n    [class.mlv-smart-filter-bar__field--invalid]=\"\n      _isRequiredMissing(definition)\n    \"\n  >\n    <mlv-filter\n      [key]=\"definition.key\"\n      [label]=\"definition.label\"\n      [editor]=\"definition.editor\"\n      [options]=\"definition.options ?? []\"\n      [operators]=\"_operatorsFor(definition)\"\n      [operatorLabels]=\"definition.operatorLabels ?? {}\"\n      [defaultOperator]=\"definition.defaultOperator ?? 'contains'\"\n      [multiple]=\"definition.multiple ?? false\"\n      [allowMultipleConditions]=\"_allowsMultipleConditions(definition)\"\n      [placeholder]=\"definition.placeholder\"\n      [applyMode]=\"filterApplyMode()\"\n      [disabled]=\"\n        disabled() || loading() || (definition.disabled ?? false)\n      \"\n      [loading]=\"loading()\"\n      [invalid]=\"_isRequiredMissing(definition)\"\n      [ariaDescribedBy]=\"\n        _isRequiredMissing(definition)\n          ? _requiredErrorId(definition)\n          : undefined\n      \"\n      [conditions]=\"_conditionsFor(definition.key)\"\n      [conditionStrategy]=\"_strategyFor(definition.key)\"\n      (conditionsChange)=\"_setConditions(definition, $event)\"\n      (conditionStrategyChange)=\"_setStrategy(definition, $event)\"\n    />\n    @if (_isRequiredMissing(definition)) {\n    <span\n      class=\"mlv-smart-filter-bar__field-error\"\n      [id]=\"_requiredErrorId(definition)\"\n    >\n      {{ _requiredFilterMessage(definition) }}\n    </span>\n    }\n  </div>\n  }\n</div>\n\n<mlv-popup\n  #managerPopup\n  panelRole=\"dialog\"\n  [modal]=\"true\"\n  [ariaLabel]=\"_i18n().manageFilters\"\n  [position]=\"['bottom-end', 'top-end']\"\n  [hasShadow]=\"true\"\n  minWidth=\"18rem\"\n  maxWidth=\"28rem\"\n  (afterOpened)=\"_onManagerOpened()\"\n  (afterClosed)=\"_onManagerClosed()\"\n>\n  <ng-template mlvPopupContent>\n    <div #managerPanel class=\"mlv-smart-filter-bar__manager\" [id]=\"_managerId\">\n      <div class=\"mlv-smart-filter-bar__manager-header\">\n        <span class=\"mlv-smart-filter-bar__manager-title\">\n          {{ _availableFiltersLabel() }}\n        </span>\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          [disabled]=\"disabled() || loading()\"\n          (click)=\"_resetManagerSelection()\"\n        >\n          {{ _i18n().reset }}\n        </button>\n      </div>\n\n      <mlv-search-field\n        class=\"mlv-smart-filter-bar__manager-search\"\n        trigger=\"live\"\n        [debounce]=\"0\"\n        [value]=\"_availableSearch()\"\n        [placeholder]=\"_i18n().searchAvailableFilters\"\n        [ariaLabel]=\"_i18n().searchAvailableFilters\"\n        [disabled]=\"disabled() || loading()\"\n        (valueChange)=\"_availableSearch.set($event)\"\n        (search)=\"_onAvailableSearch($event)\"\n      />\n\n      <div\n        class=\"mlv-smart-filter-bar__manager-list\"\n        role=\"group\"\n        [attr.aria-label]=\"_availableFiltersLabel()\"\n      >\n        @for (definition of _filteredDefinitions(); track definition.key) {\n        <mlv-checkbox\n          class=\"mlv-smart-filter-bar__manager-option\"\n          [checked]=\"_isVisible(definition.key)\"\n          [disabled]=\"\n            disabled() ||\n            loading() ||\n            (definition.required ?? false) ||\n            _isActive(definition.key)\n          \"\n          (checkedChange)=\"_setVisible(definition, $event)\"\n        >\n          <span class=\"mlv-smart-filter-bar__manager-option-label\">\n            {{ definition.label }}\n          </span>\n          @if (definition.required) {\n          <span class=\"mlv-smart-filter-bar__manager-option-status\">\n            {{ _i18n().required }}\n          </span>\n          } @if (_isActive(definition.key)) {\n          <span class=\"mlv-smart-filter-bar__manager-option-status\">\n            {{ _i18n().active }}\n          </span>\n          }\n        </mlv-checkbox>\n        }\n      </div>\n\n      <div class=\"mlv-smart-filter-bar__manager-footer\">\n        <button\n          mlvButton\n          type=\"button\"\n          variant=\"transparent\"\n          [disabled]=\"disabled() || loading()\"\n          (click)=\"_cancelManager(managerTrigger)\"\n        >\n          {{ _i18n().cancel }}\n        </button>\n        <button\n          mlvButton\n          type=\"button\"\n          [disabled]=\"disabled() || loading()\"\n          (click)=\"_applyManager(managerTrigger)\"\n        >\n          {{ _i18n().apply }}\n        </button>\n      </div>\n    </div>\n  </ng-template>\n</mlv-popup>\n"]}

package/esm2022/filter/malva-ui-core-filter.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-filter.js.map

package/esm2022/filter/malva-ui-core-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-filter.js","sourceRoot":"","sources":["../../../../../libs/core/filter/src/malva-ui-core-filter.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/form/index.js

@@ -0,0 +1,7 @@
+export * from './lib/form.types';
+export * from './lib/form/form';
+export * from './lib/fieldset/fieldset';
+export * from './lib/form-header';
+export * from './lib/form-actions';
+export * from './lib/fieldset-span';
+//# sourceMappingURL=index.js.map

package/esm2022/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/form/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './lib/form.types';\nexport * from './lib/form/form';\nexport * from './lib/fieldset/fieldset';\nexport * from './lib/form-header';\nexport * from './lib/form-actions';\nexport * from './lib/fieldset-span';\n"]}

package/esm2022/form/lib/fieldset/fieldset.js

@@ -0,0 +1,101 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import { mlvFormGapValue } from '../form-gap';
+import * as i0 from "@angular/core";
+/**
+ * @internal Accepts `'auto'`, a positive integer, or a numeric string
+ * (`columns="2"`); anything else falls back to `'auto'`.
+ */
+function coerceColumns(value) {
+    if (value === 'auto' || value === '')
+        return 'auto';
+    const n = typeof value === 'number' ? value : Number(value);
+    return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 'auto';
+}
+/**
+ * Group of related controls on a native `<fieldset>`: styled legend, optional
+ * description (wired to `aria-describedby`), and a responsive grid body.
+ *
+ * - `columns='auto'` (default): auto-fit columns of at least `minColumnWidth`.
+ * - `columns=n`: **at most** `n` columns; still collapses when the container is
+ *   narrower than `n × minColumnWidth`.
+ * - Gap inherits the surrounding `form[mlvForm]` rhythm (`--mlv-form-gap`);
+ *   `gap` overrides it for this fieldset and nested ones.
+ * - Rich headings: project a native `<legend>` instead of the `legend` input
+ *   (the input wins when both are present).
+ *
+ * @example
+ * ```html
+ * <fieldset mlvFieldset legend="Address" description="Where we ship." [columns]="2">
+ *   <mlv-input label="Street" mlvFieldsetSpan="full" />
+ *   <mlv-input label="City" />
+ *   <mlv-input label="Postal code" />
+ * </fieldset>
+ * ```
+ */
+export class MlvFieldset {
+    /** Element id; auto-generated (`mlv-fieldset-<n>`) unless bound. Seeds the description id. */
+    id = input(mlvNextId('mlv-fieldset'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /** Group heading rendered as `<legend class="mlv-fieldset__legend">`. Omit and project a native `<legend>` for rich content. */
+    legend = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legend" }] : /* istanbul ignore next */ []));
+    /** Help text rendered under the legend and announced via `aria-describedby`. */
+    description = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    /** `'auto'` (responsive auto-fit) or a maximum column count. Numeric strings are accepted. */
+    columns = input('auto', { ...(ngDevMode ? { debugName: "columns" } : /* istanbul ignore next */ {}), transform: coerceColumns });
+    /** Smallest inline size a column may shrink to before the grid drops a column. */
+    minColumnWidth = input('10rem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minColumnWidth" }] : /* istanbul ignore next */ []));
+    /** Explicit gap for this fieldset (and nested ones); unset = inherited form rhythm / density default. */
+    gap = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    /** @internal Whether `columns` is a number (capped grid). */
+    _capped = computed(() => typeof this.columns() === 'number', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_capped" }] : /* istanbul ignore next */ []));
+    /** @internal Id of the description paragraph, `<id>-description`. */
+    _descriptionId = computed(() => `${this.id()}-description`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_descriptionId" }] : /* istanbul ignore next */ []));
+    /**
+     * @private A static `aria-describedby` authored by the consumer, read once at
+     * construction (before the host binding takes the attribute over). `null` when
+     * absent or blank. A *bound* `[attr.aria-describedby]` is not supported — the
+     * host binding owns the attribute from the first change detection run.
+     */
+    _authoredDescribedBy = (inject((ElementRef)).nativeElement.getAttribute('aria-describedby') ?? '').trim() || null;
+    /**
+     * @internal Host `aria-describedby`: the rendered description id (when
+     * `description` is set) merged with any consumer-authored value, `null` when
+     * neither is present.
+     */
+    _describedBy = computed(() => {
+        const parts = [
+            this.description() ? this._descriptionId() : null,
+            this._authoredDescribedBy,
+        ].filter((part) => !!part);
+        return parts.length ? parts.join(' ') : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []));
+    /** @internal Inline `--mlv-form-gap` value, `null` when unset. */
+    _gapValue = computed(() => {
+        const gap = this.gap();
+        return gap ? mlvFormGapValue(gap) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_gapValue" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFieldset, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvFieldset, isStandalone: true, selector: "fieldset[mlvFieldset]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, minColumnWidth: { classPropertyName: "minColumnWidth", publicName: "minColumnWidth", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "class.mlv-fieldset--capped": "_capped()", "style.--mlv-fieldset-columns": "_capped() ? columns() : null", "style.--mlv-fieldset-min-column-width": "minColumnWidth()", "style.--mlv-form-gap": "_gapValue()", "attr.aria-describedby": "_describedBy()" }, classAttribute: "mlv-fieldset" }, ngImport: i0, template: "@if (legend(); as text) {\n<legend class=\"mlv-fieldset__legend\">{{ text }}</legend>\n} @else {\n<ng-content select=\"legend\" />\n} @if (description(); as text) {\n<p class=\"mlv-fieldset__description\" [id]=\"_descriptionId()\">{{ text }}</p>\n}\n<div class=\"mlv-fieldset__body\"><ng-content /></div>\n", styles: [".mlv-fieldset{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-fieldset *{box-sizing:border-box}.mlv-fieldset{border:0;padding:0;margin:0;min-inline-size:0;--mlv-fieldset-default-gap: var(--mlv-spacing-4)}[class*=--tight] .mlv-fieldset:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset[class*=--tight]{--mlv-fieldset-default-gap: var(--mlv-spacing-2)}[class*=--compact] .mlv-fieldset:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset[class*=--compact]{--mlv-fieldset-default-gap: var(--mlv-spacing-3)}[class*=--spacious] .mlv-fieldset:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-fieldset[class*=--spacious]{--mlv-fieldset-default-gap: var(--mlv-spacing-5)}[class*=--airy] .mlv-fieldset:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-fieldset[class*=--airy]{--mlv-fieldset-default-gap: var(--mlv-spacing-6)}.mlv-fieldset{--mlv-fieldset-min-column-width: 10rem;display:block}.mlv-fieldset__legend,.mlv-fieldset>legend{float:none;inline-size:100%;margin:0;padding:0 0 var(--mlv-spacing-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-l-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-l-line-height);color:var(--mlv-text-primary)}[class*=--tight] .mlv-fieldset__legend:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset__legend[class*=--tight],[class*=--tight] .mlv-fieldset>legend:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset>legend[class*=--tight]{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}[class*=--compact] .mlv-fieldset__legend:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset__legend[class*=--compact],[class*=--compact] .mlv-fieldset>legend:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset>legend[class*=--compact]{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}.mlv-fieldset__description{margin:0 0 var(--mlv-spacing-3);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height);color:var(--mlv-text-secondary)}.mlv-fieldset__body{display:grid;min-inline-size:0;gap:var(--mlv-form-gap, var(--mlv-fieldset-default-gap));grid-template-columns:repeat(auto-fit,minmax(min(var(--mlv-fieldset-min-column-width),100%),1fr))}.mlv-fieldset--capped>.mlv-fieldset__body{grid-template-columns:repeat(auto-fit,minmax(max(min(var(--mlv-fieldset-min-column-width),100%),(100% - (var(--mlv-fieldset-columns) - 1) * var(--mlv-form-gap, var(--mlv-fieldset-default-gap))) / var(--mlv-fieldset-columns)),1fr))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFieldset, decorators: [{
+            type: Component,
+            args: [{ selector: 'fieldset[mlvFieldset]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-fieldset',
+                        '[attr.id]': 'id()',
+                        '[class.mlv-fieldset--capped]': '_capped()',
+                        '[style.--mlv-fieldset-columns]': '_capped() ? columns() : null',
+                        '[style.--mlv-fieldset-min-column-width]': 'minColumnWidth()',
+                        '[style.--mlv-form-gap]': '_gapValue()',
+                        '[attr.aria-describedby]': '_describedBy()',
+                    }, template: "@if (legend(); as text) {\n<legend class=\"mlv-fieldset__legend\">{{ text }}</legend>\n} @else {\n<ng-content select=\"legend\" />\n} @if (description(); as text) {\n<p class=\"mlv-fieldset__description\" [id]=\"_descriptionId()\">{{ text }}</p>\n}\n<div class=\"mlv-fieldset__body\"><ng-content /></div>\n", styles: [".mlv-fieldset{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-fieldset *{box-sizing:border-box}.mlv-fieldset{border:0;padding:0;margin:0;min-inline-size:0;--mlv-fieldset-default-gap: var(--mlv-spacing-4)}[class*=--tight] .mlv-fieldset:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset[class*=--tight]{--mlv-fieldset-default-gap: var(--mlv-spacing-2)}[class*=--compact] .mlv-fieldset:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset[class*=--compact]{--mlv-fieldset-default-gap: var(--mlv-spacing-3)}[class*=--spacious] .mlv-fieldset:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-fieldset[class*=--spacious]{--mlv-fieldset-default-gap: var(--mlv-spacing-5)}[class*=--airy] .mlv-fieldset:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-fieldset[class*=--airy]{--mlv-fieldset-default-gap: var(--mlv-spacing-6)}.mlv-fieldset{--mlv-fieldset-min-column-width: 10rem;display:block}.mlv-fieldset__legend,.mlv-fieldset>legend{float:none;inline-size:100%;margin:0;padding:0 0 var(--mlv-spacing-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-l-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-l-line-height);color:var(--mlv-text-primary)}[class*=--tight] .mlv-fieldset__legend:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset__legend[class*=--tight],[class*=--tight] .mlv-fieldset>legend:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset>legend[class*=--tight]{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}[class*=--compact] .mlv-fieldset__legend:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset__legend[class*=--compact],[class*=--compact] .mlv-fieldset>legend:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-fieldset>legend[class*=--compact]{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}.mlv-fieldset__description{margin:0 0 var(--mlv-spacing-3);font-size:var(--mlv-typography-body-s-size);line-height:var(--mlv-typography-body-s-line-height);color:var(--mlv-text-secondary)}.mlv-fieldset__body{display:grid;min-inline-size:0;gap:var(--mlv-form-gap, var(--mlv-fieldset-default-gap));grid-template-columns:repeat(auto-fit,minmax(min(var(--mlv-fieldset-min-column-width),100%),1fr))}.mlv-fieldset--capped>.mlv-fieldset__body{grid-template-columns:repeat(auto-fit,minmax(max(min(var(--mlv-fieldset-min-column-width),100%),(100% - (var(--mlv-fieldset-columns) - 1) * var(--mlv-form-gap, var(--mlv-fieldset-default-gap))) / var(--mlv-fieldset-columns)),1fr))}\n"] }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], minColumnWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minColumnWidth", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }] } });
+//# sourceMappingURL=fieldset.js.map

package/esm2022/form/lib/fieldset/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","sourceRoot":"","sources":["../../../../../../../libs/core/form/src/lib/fieldset/fieldset.ts","../../../../../../../libs/core/form/src/lib/fieldset/fieldset.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport type { MlvFieldsetColumns, MlvFormGap } from '../form.types';\nimport { mlvFormGapValue } from '../form-gap';\n\n/**\n * @internal Accepts `'auto'`, a positive integer, or a numeric string\n * (`columns=\"2\"`); anything else falls back to `'auto'`.\n */\nfunction coerceColumns(value: MlvFieldsetColumns | string): MlvFieldsetColumns {\n  if (value === 'auto' || value === '') return 'auto';\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 'auto';\n}\n\n/**\n * Group of related controls on a native `<fieldset>`: styled legend, optional\n * description (wired to `aria-describedby`), and a responsive grid body.\n *\n * - `columns='auto'` (default): auto-fit columns of at least `minColumnWidth`.\n * - `columns=n`: **at most** `n` columns; still collapses when the container is\n *   narrower than `n × minColumnWidth`.\n * - Gap inherits the surrounding `form[mlvForm]` rhythm (`--mlv-form-gap`);\n *   `gap` overrides it for this fieldset and nested ones.\n * - Rich headings: project a native `<legend>` instead of the `legend` input\n *   (the input wins when both are present).\n *\n * @example\n * ```html\n * <fieldset mlvFieldset legend=\"Address\" description=\"Where we ship.\" [columns]=\"2\">\n *   <mlv-input label=\"Street\" mlvFieldsetSpan=\"full\" />\n *   <mlv-input label=\"City\" />\n *   <mlv-input label=\"Postal code\" />\n * </fieldset>\n * ```\n */\n@Component({\n  // Attribute-selector component on the native element it enhances.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'fieldset[mlvFieldset]',\n  templateUrl: './fieldset.html',\n  styleUrl: './fieldset.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-fieldset',\n    '[attr.id]': 'id()',\n    '[class.mlv-fieldset--capped]': '_capped()',\n    '[style.--mlv-fieldset-columns]': '_capped() ? columns() : null',\n    '[style.--mlv-fieldset-min-column-width]': 'minColumnWidth()',\n    '[style.--mlv-form-gap]': '_gapValue()',\n    '[attr.aria-describedby]': '_describedBy()',\n  },\n})\nexport class MlvFieldset {\n  /** Element id; auto-generated (`mlv-fieldset-<n>`) unless bound. Seeds the description id. */\n  readonly id = input<string>(mlvNextId('mlv-fieldset'));\n\n  /** Group heading rendered as `<legend class=\"mlv-fieldset__legend\">`. Omit and project a native `<legend>` for rich content. */\n  readonly legend = input<string | undefined>(undefined);\n\n  /** Help text rendered under the legend and announced via `aria-describedby`. */\n  readonly description = input<string | undefined>(undefined);\n\n  /** `'auto'` (responsive auto-fit) or a maximum column count. Numeric strings are accepted. */\n  readonly columns = input<MlvFieldsetColumns, MlvFieldsetColumns | string>(\n    'auto',\n    { transform: coerceColumns },\n  );\n\n  /** Smallest inline size a column may shrink to before the grid drops a column. */\n  readonly minColumnWidth = input<string>('10rem');\n\n  /** Explicit gap for this fieldset (and nested ones); unset = inherited form rhythm / density default. */\n  readonly gap = input<MlvFormGap | undefined>(undefined);\n\n  /** @internal Whether `columns` is a number (capped grid). */\n  protected readonly _capped = computed(\n    () => typeof this.columns() === 'number',\n  );\n\n  /** @internal Id of the description paragraph, `<id>-description`. */\n  protected readonly _descriptionId = computed(\n    () => `${this.id()}-description`,\n  );\n\n  /**\n   * @private A static `aria-describedby` authored by the consumer, read once at\n   * construction (before the host binding takes the attribute over). `null` when\n   * absent or blank. A *bound* `[attr.aria-describedby]` is not supported — the\n   * host binding owns the attribute from the first change detection run.\n   */\n  private readonly _authoredDescribedBy =\n    (\n      inject(ElementRef<HTMLElement>).nativeElement.getAttribute(\n        'aria-describedby',\n      ) ?? ''\n    ).trim() || null;\n\n  /**\n   * @internal Host `aria-describedby`: the rendered description id (when\n   * `description` is set) merged with any consumer-authored value, `null` when\n   * neither is present.\n   */\n  protected readonly _describedBy = computed(() => {\n    const parts = [\n      this.description() ? this._descriptionId() : null,\n      this._authoredDescribedBy,\n    ].filter((part): part is string => !!part);\n    return parts.length ? parts.join(' ') : null;\n  });\n\n  /** @internal Inline `--mlv-form-gap` value, `null` when unset. */\n  protected readonly _gapValue = computed(() => {\n    const gap = this.gap();\n    return gap ? mlvFormGapValue(gap) : null;\n  });\n}\n","@if (legend(); as text) {\n<legend class=\"mlv-fieldset__legend\">{{ text }}</legend>\n} @else {\n<ng-content select=\"legend\" />\n} @if (description(); as text) {\n<p class=\"mlv-fieldset__description\" [id]=\"_descriptionId()\">{{ text }}</p>\n}\n<div class=\"mlv-fieldset__body\"><ng-content /></div>\n"]}

package/esm2022/form/lib/fieldset-span.js

@@ -0,0 +1,49 @@
+import { computed, Directive, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal `'full'` stays; positive numbers / numeric strings become the
+ * count; anything else falls back to `'full'` (never overflows the grid).
+ */
+function coerceSpan(value) {
+    if (value === 'full')
+        return 'full';
+    const n = typeof value === 'number' ? value : Number(value);
+    return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 'full';
+}
+/**
+ * Makes a direct child of a `fieldset[mlvFieldset]` grid span several columns.
+ *
+ * `'full'` (`grid-column: 1 / -1`) is safe in every grid. A numeric span is
+ * `grid-column: span n` — in an auto-fit grid that collapsed to fewer than `n`
+ * columns it creates implicit columns and overflows, so prefer `'full'` there
+ * and reserve numbers for `[columns]="n"` grids wide enough to hold them.
+ *
+ * @example
+ * ```html
+ * <fieldset mlvFieldset [columns]="2">
+ *   <mlv-input label="Street" mlvFieldsetSpan="full" />
+ *   <mlv-input label="City" />
+ *   <mlv-input label="Postal code" />
+ * </fieldset>
+ * ```
+ */
+export class MlvFieldsetSpan {
+    /** Column span: a positive integer (also as a string) or `'full'` for the whole row. */
+    mlvFieldsetSpan = input.required({ ...(ngDevMode ? { debugName: "mlvFieldsetSpan" } : /* istanbul ignore next */ {}), transform: coerceSpan });
+    /** @internal Resolved `grid-column` value. */
+    _gridColumn = computed(() => {
+        const span = this.mlvFieldsetSpan();
+        return span === 'full' ? '1 / -1' : `span ${span}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_gridColumn" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFieldsetSpan, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvFieldsetSpan, isStandalone: true, selector: "[mlvFieldsetSpan]", inputs: { mlvFieldsetSpan: { classPropertyName: "mlvFieldsetSpan", publicName: "mlvFieldsetSpan", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style.grid-column": "_gridColumn()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFieldsetSpan, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvFieldsetSpan]',
+                    host: { '[style.grid-column]': '_gridColumn()' },
+                }]
+        }], propDecorators: { mlvFieldsetSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvFieldsetSpan", required: true }] }] } });
+//# sourceMappingURL=fieldset-span.js.map

package/esm2022/form/lib/fieldset-span.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-span.js","sourceRoot":"","sources":["../../../../../../libs/core/form/src/lib/fieldset-span.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAK3D;;;GAGG;AACH,SAAS,UAAU,CACjB,KAAoC;IAEpC,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACpC,MAAM,CAAC,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/D,CAAC;AAED;;;;;;;;;;;;;;;;GAgBG;AAKH,MAAM,OAAO,eAAe;IAC1B,wFAAwF;IAC/E,eAAe,GAAG,KAAK,CAAC,QAAQ,sFAGrC,SAAS,EAAE,UAAU,GAAG,CAAC;IAE7B,8CAA8C;IAC3B,WAAW,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACpC,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,CAAC;IACrD,CAAC;oFAAC,CAAC;uGAXQ,eAAe;2FAAf,eAAe;;2FAAf,eAAe;kBAJ3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE,EAAE,qBAAqB,EAAE,eAAe,EAAE;iBACjD","sourcesContent":["import { computed, Directive, input } from '@angular/core';\n\n/** Column span of a fieldset grid child: a column count or the whole row. */\nexport type MlvFieldsetSpanValue = number | 'full';\n\n/**\n * @internal `'full'` stays; positive numbers / numeric strings become the\n * count; anything else falls back to `'full'` (never overflows the grid).\n */\nfunction coerceSpan(\n  value: MlvFieldsetSpanValue | string,\n): MlvFieldsetSpanValue {\n  if (value === 'full') return 'full';\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 'full';\n}\n\n/**\n * Makes a direct child of a `fieldset[mlvFieldset]` grid span several columns.\n *\n * `'full'` (`grid-column: 1 / -1`) is safe in every grid. A numeric span is\n * `grid-column: span n` — in an auto-fit grid that collapsed to fewer than `n`\n * columns it creates implicit columns and overflows, so prefer `'full'` there\n * and reserve numbers for `[columns]=\"n\"` grids wide enough to hold them.\n *\n * @example\n * ```html\n * <fieldset mlvFieldset [columns]=\"2\">\n *   <mlv-input label=\"Street\" mlvFieldsetSpan=\"full\" />\n *   <mlv-input label=\"City\" />\n *   <mlv-input label=\"Postal code\" />\n * </fieldset>\n * ```\n */\n@Directive({\n  selector: '[mlvFieldsetSpan]',\n  host: { '[style.grid-column]': '_gridColumn()' },\n})\nexport class MlvFieldsetSpan {\n  /** Column span: a positive integer (also as a string) or `'full'` for the whole row. */\n  readonly mlvFieldsetSpan = input.required<\n    MlvFieldsetSpanValue,\n    MlvFieldsetSpanValue | string\n  >({ transform: coerceSpan });\n\n  /** @internal Resolved `grid-column` value. */\n  protected readonly _gridColumn = computed(() => {\n    const span = this.mlvFieldsetSpan();\n    return span === 'full' ? '1 / -1' : `span ${span}`;\n  });\n}\n"]}

package/esm2022/form/lib/form/form.js

@@ -0,0 +1,60 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation, } from '@angular/core';
+import { MLV_DENSITY_ELEMENT, MlvDensityDirective, provideMlvDensityContext, } from '@malva-ui/cdk/density';
+import { mlvFormGapValue } from '../form-gap';
+import * as i0 from "@angular/core";
+import * as i1 from "@malva-ui/cdk/density";
+/**
+ * Layout shell for a native `<form>`: vertical stack with a density-scaled gap,
+ * and the density source for everything inside it.
+ *
+ * - `mlvDensity` (host directive) stamps `mlv-form--<density>` for cascade-only
+ *   controls **and** provides `MLV_DENSITY_CONTEXT` for directive-bearing ones
+ *   (buttons, selects, chips…), so one attribute sizes the whole form.
+ * - `gap` overrides the rhythm explicitly; `--mlv-form-gap` is the CSS hook.
+ *
+ * @example
+ * ```html
+ * <form mlvForm mlvDensity="compact" maxWidth="32rem" [formGroup]="form">
+ *   <mlv-input formControlName="name" label="Name" />
+ *   <footer mlvFormActions align="end"><button mlvButton type="submit">Save</button></footer>
+ * </form>
+ * ```
+ */
+export class MlvForm {
+    /**
+     * Explicit rhythm between the form's direct children (and, by inheritance,
+     * inside every `mlvFieldset`). Unset = density-scaled default
+     * (tight 0.5rem → airy 1.5rem).
+     */
+    gap = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []));
+    /** Caps the form's inline size (`max-inline-size`), e.g. `'32rem'`. */
+    maxWidth = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    /**
+     * @internal Inline `--mlv-form-gap` value; `null` removes the override so the
+     * stylesheet's density-scaled default applies.
+     */
+    _gapValue = computed(() => {
+        const gap = this.gap();
+        return gap ? mlvFormGapValue(gap) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_gapValue" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvForm, isStandalone: true, selector: "form[mlvForm]", inputs: { gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--mlv-form-gap": "_gapValue()", "style.max-inline-size": "maxWidth() ?? null" }, classAttribute: "mlv-form" }, providers: [
+            { provide: MLV_DENSITY_ELEMENT, useValue: 'form' },
+            provideMlvDensityContext(MlvDensityDirective),
+        ], hostDirectives: [{ directive: i1.MlvDensityDirective, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".mlv-form{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-form *{box-sizing:border-box}.mlv-form{--mlv-form-gap: var(--mlv-spacing-4)}[class*=--tight] .mlv-form:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-form[class*=--tight]{--mlv-form-gap: var(--mlv-spacing-2)}[class*=--compact] .mlv-form:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-form[class*=--compact]{--mlv-form-gap: var(--mlv-spacing-3)}[class*=--spacious] .mlv-form:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-form[class*=--spacious]{--mlv-form-gap: var(--mlv-spacing-5)}[class*=--airy] .mlv-form:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-form[class*=--airy]{--mlv-form-gap: var(--mlv-spacing-6)}.mlv-form{display:flex;flex-direction:column;align-items:stretch;min-inline-size:0;gap:var(--mlv-form-gap)}.mlv-form>.mlv-button{align-self:flex-start}.mlv-form__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3)}.mlv-form__header>:is(h1,h2,h3,h4,h5,h6){margin:0}.mlv-form__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--mlv-spacing-3)}.mlv-form__actions--align-end{justify-content:flex-end}.mlv-form__actions--align-center{justify-content:center}.mlv-form__actions--align-between{justify-content:space-between}.mlv-form fieldset:not(.mlv-fieldset){border:0;padding:0;margin:0;min-inline-size:0;display:flex;flex-direction:column;gap:var(--mlv-form-gap)}.mlv-form fieldset:not(.mlv-fieldset)>legend{float:none;inline-size:100%;margin:0;padding:0 0 var(--mlv-spacing-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-l-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-l-line-height);color:var(--mlv-text-primary)}.mlv-form[class*=--tight] fieldset:not(.mlv-fieldset)>legend,.mlv-form[class*=--compact] fieldset:not(.mlv-fieldset)>legend{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'form[mlvForm]', template: '<ng-content />', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: MlvDensityDirective, inputs: ['mlvDensity'] }], providers: [
+                        { provide: MLV_DENSITY_ELEMENT, useValue: 'form' },
+                        provideMlvDensityContext(MlvDensityDirective),
+                    ], host: {
+                        class: 'mlv-form',
+                        '[style.--mlv-form-gap]': '_gapValue()',
+                        '[style.max-inline-size]': 'maxWidth() ?? null',
+                    }, styles: [".mlv-form{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-form *{box-sizing:border-box}.mlv-form{--mlv-form-gap: var(--mlv-spacing-4)}[class*=--tight] .mlv-form:not([class*=--compact],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-form[class*=--tight]{--mlv-form-gap: var(--mlv-spacing-2)}[class*=--compact] .mlv-form:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-form[class*=--compact]{--mlv-form-gap: var(--mlv-spacing-3)}[class*=--spacious] .mlv-form:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--airy]),.mlv-form[class*=--spacious]{--mlv-form-gap: var(--mlv-spacing-5)}[class*=--airy] .mlv-form:not([class*=--tight],[class*=--compact],[class*=--comfortable],[class*=--spacious]),.mlv-form[class*=--airy]{--mlv-form-gap: var(--mlv-spacing-6)}.mlv-form{display:flex;flex-direction:column;align-items:stretch;min-inline-size:0;gap:var(--mlv-form-gap)}.mlv-form>.mlv-button{align-self:flex-start}.mlv-form__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mlv-spacing-3)}.mlv-form__header>:is(h1,h2,h3,h4,h5,h6){margin:0}.mlv-form__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--mlv-spacing-3)}.mlv-form__actions--align-end{justify-content:flex-end}.mlv-form__actions--align-center{justify-content:center}.mlv-form__actions--align-between{justify-content:space-between}.mlv-form fieldset:not(.mlv-fieldset){border:0;padding:0;margin:0;min-inline-size:0;display:flex;flex-direction:column;gap:var(--mlv-form-gap)}.mlv-form fieldset:not(.mlv-fieldset)>legend{float:none;inline-size:100%;margin:0;padding:0 0 var(--mlv-spacing-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-l-size);font-weight:var(--mlv-font-weight-semibold);line-height:var(--mlv-typography-body-l-line-height);color:var(--mlv-text-primary)}.mlv-form[class*=--tight] fieldset:not(.mlv-fieldset)>legend,.mlv-form[class*=--compact] fieldset:not(.mlv-fieldset)>legend{font-size:var(--mlv-typography-body-m-size);line-height:var(--mlv-typography-body-m-line-height)}\n"] }]
+        }], propDecorators: { gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }] } });
+//# sourceMappingURL=form.js.map

package/esm2022/form/lib/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../../../libs/core/form/src/lib/form/form.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;;AAE9C;;;;;;;;;;;;;;;;GAgBG;AAqBH,MAAM,OAAO,OAAO;IAClB;;;;OAIG;IACM,GAAG,GAAG,KAAK,CAAyB,SAAS;4EAAC,CAAC;IAExD,uEAAuE;IAC9D,QAAQ,GAAG,KAAK,CAAqB,SAAS;iFAAC,CAAC;IAEzD;;;OAGG;IACgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,OAAO,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;kFAAC,CAAC;uGAlBQ,OAAO;2FAAP,OAAO,ucAVP;YACT,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE;YAClD,wBAAwB,CAAC,mBAAmB,CAAC;SAC9C,yHARS,gBAAgB;;2FAef,OAAO;kBApBnB,SAAS;+BAIE,eAAe,YACf,gBAAgB,iBAEX,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,kBAC/B,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,aACjE;wBACT,EAAE,OAAO,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,EAAE;wBAClD,wBAAwB,CAAC,mBAAmB,CAAC;qBAC9C,QACK;wBACJ,KAAK,EAAE,UAAU;wBACjB,wBAAwB,EAAE,aAAa;wBACvC,yBAAyB,EAAE,oBAAoB;qBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  MLV_DENSITY_ELEMENT,\n  MlvDensityDirective,\n  provideMlvDensityContext,\n} from '@malva-ui/cdk/density';\nimport type { MlvFormGap } from '../form.types';\nimport { mlvFormGapValue } from '../form-gap';\n\n/**\n * Layout shell for a native `<form>`: vertical stack with a density-scaled gap,\n * and the density source for everything inside it.\n *\n * - `mlvDensity` (host directive) stamps `mlv-form--<density>` for cascade-only\n *   controls **and** provides `MLV_DENSITY_CONTEXT` for directive-bearing ones\n *   (buttons, selects, chips…), so one attribute sizes the whole form.\n * - `gap` overrides the rhythm explicitly; `--mlv-form-gap` is the CSS hook.\n *\n * @example\n * ```html\n * <form mlvForm mlvDensity=\"compact\" maxWidth=\"32rem\" [formGroup]=\"form\">\n *   <mlv-input formControlName=\"name\" label=\"Name\" />\n *   <footer mlvFormActions align=\"end\"><button mlvButton type=\"submit\">Save</button></footer>\n * </form>\n * ```\n */\n@Component({\n  // Attribute-selector component on the native element it enhances — same\n  // pattern as `button[mlvButton]` / `main[mlvPage]`.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'form[mlvForm]',\n  template: '<ng-content />',\n  styleUrl: './form.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: MlvDensityDirective, inputs: ['mlvDensity'] }],\n  providers: [\n    { provide: MLV_DENSITY_ELEMENT, useValue: 'form' },\n    provideMlvDensityContext(MlvDensityDirective),\n  ],\n  host: {\n    class: 'mlv-form',\n    '[style.--mlv-form-gap]': '_gapValue()',\n    '[style.max-inline-size]': 'maxWidth() ?? null',\n  },\n})\nexport class MlvForm {\n  /**\n   * Explicit rhythm between the form's direct children (and, by inheritance,\n   * inside every `mlvFieldset`). Unset = density-scaled default\n   * (tight 0.5rem → airy 1.5rem).\n   */\n  readonly gap = input<MlvFormGap | undefined>(undefined);\n\n  /** Caps the form's inline size (`max-inline-size`), e.g. `'32rem'`. */\n  readonly maxWidth = input<string | undefined>(undefined);\n\n  /**\n   * @internal Inline `--mlv-form-gap` value; `null` removes the override so the\n   * stylesheet's density-scaled default applies.\n   */\n  protected readonly _gapValue = computed(() => {\n    const gap = this.gap();\n    return gap ? mlvFormGapValue(gap) : null;\n  });\n}\n"]}

package/esm2022/form/lib/form-actions.js

@@ -0,0 +1,34 @@
+import { Directive, input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marks the actions row of a `form[mlvForm]` (submit / cancel buttons): a
+ * wrapping flex row with the standard button gap.
+ *
+ * @example
+ * ```html
+ * <footer mlvFormActions align="end">
+ *   <button mlvButton variant="secondary" type="button">Cancel</button>
+ *   <button mlvButton type="submit">Save</button>
+ * </footer>
+ * ```
+ */
+export class MlvFormActions {
+    /** Horizontal distribution of the actions. `'start'` (default) hugs the start edge. */
+    align = input('start', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFormActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvFormActions, isStandalone: true, selector: "[mlvFormActions]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mlv-form__actions--align-end": "align() === \"end\"", "class.mlv-form__actions--align-center": "align() === \"center\"", "class.mlv-form__actions--align-between": "align() === \"between\"" }, classAttribute: "mlv-form__actions" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFormActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvFormActions]',
+                    host: {
+                        class: 'mlv-form__actions',
+                        '[class.mlv-form__actions--align-end]': 'align() === "end"',
+                        '[class.mlv-form__actions--align-center]': 'align() === "center"',
+                        '[class.mlv-form__actions--align-between]': 'align() === "between"',
+                    },
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+//# sourceMappingURL=form-actions.js.map

package/esm2022/form/lib/form-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-actions.js","sourceRoot":"","sources":["../../../../../../libs/core/form/src/lib/form-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAGjD;;;;;;;;;;;GAWG;AAUH,MAAM,OAAO,cAAc;IACzB,uFAAuF;IAC9E,KAAK,GAAG,KAAK,CAAsB,OAAO;8EAAC,CAAC;uGAF1C,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAT1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,KAAK,EAAE,mBAAmB;wBAC1B,sCAAsC,EAAE,mBAAmB;wBAC3D,yCAAyC,EAAE,sBAAsB;wBACjE,0CAA0C,EAAE,uBAAuB;qBACpE;iBACF","sourcesContent":["import { Directive, input } from '@angular/core';\nimport type { MlvFormActionsAlign } from './form.types';\n\n/**\n * Marks the actions row of a `form[mlvForm]` (submit / cancel buttons): a\n * wrapping flex row with the standard button gap.\n *\n * @example\n * ```html\n * <footer mlvFormActions align=\"end\">\n *   <button mlvButton variant=\"secondary\" type=\"button\">Cancel</button>\n *   <button mlvButton type=\"submit\">Save</button>\n * </footer>\n * ```\n */\n@Directive({\n  selector: '[mlvFormActions]',\n  host: {\n    class: 'mlv-form__actions',\n    '[class.mlv-form__actions--align-end]': 'align() === \"end\"',\n    '[class.mlv-form__actions--align-center]': 'align() === \"center\"',\n    '[class.mlv-form__actions--align-between]': 'align() === \"between\"',\n  },\n})\nexport class MlvFormActions {\n  /** Horizontal distribution of the actions. `'start'` (default) hugs the start edge. */\n  readonly align = input<MlvFormActionsAlign>('start');\n}\n"]}

package/esm2022/form/lib/form-gap.js

@@ -0,0 +1,15 @@
+/** @internal Spacing token behind each {@link MlvFormGap} step. */
+const GAP_TOKENS = {
+    xs: 'var(--mlv-spacing-2)',
+    s: 'var(--mlv-spacing-3)',
+    m: 'var(--mlv-spacing-4)',
+    l: 'var(--mlv-spacing-5)',
+    xl: 'var(--mlv-spacing-6)',
+};
+/**
+ * @internal Resolves a gap step to the CSS value written into `--mlv-form-gap`.
+ */
+export function mlvFormGapValue(gap) {
+    return GAP_TOKENS[gap];
+}
+//# sourceMappingURL=form-gap.js.map

package/esm2022/form/lib/form-gap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-gap.js","sourceRoot":"","sources":["../../../../../../libs/core/form/src/lib/form-gap.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,MAAM,UAAU,GAA+B;IAC7C,EAAE,EAAE,sBAAsB;IAC1B,CAAC,EAAE,sBAAsB;IACzB,CAAC,EAAE,sBAAsB;IACzB,CAAC,EAAE,sBAAsB;IACzB,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,GAAe;IAC7C,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC","sourcesContent":["import type { MlvFormGap } from './form.types';\n\n/** @internal Spacing token behind each {@link MlvFormGap} step. */\nconst GAP_TOKENS: Record<MlvFormGap, string> = {\n  xs: 'var(--mlv-spacing-2)',\n  s: 'var(--mlv-spacing-3)',\n  m: 'var(--mlv-spacing-4)',\n  l: 'var(--mlv-spacing-5)',\n  xl: 'var(--mlv-spacing-6)',\n};\n\n/**\n * @internal Resolves a gap step to the CSS value written into `--mlv-form-gap`.\n */\nexport function mlvFormGapValue(gap: MlvFormGap): string {\n  return GAP_TOKENS[gap];\n}\n"]}

package/esm2022/form/lib/form-header.js

@@ -0,0 +1,27 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Marks the title row of a `form[mlvForm]`: a wrapping flex row that keeps a
+ * heading (`h*[mlvTitle]`) on the start side and accessories (badges,
+ * segmented controls) on the end side.
+ *
+ * @example
+ * ```html
+ * <header mlvFormHeader>
+ *   <h2 mlvTitle>Registration</h2>
+ *   <mlv-badge tone="info" muted>Step 1 of 3</mlv-badge>
+ * </header>
+ * ```
+ */
+export class MlvFormHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFormHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvFormHeader, isStandalone: true, selector: "[mlvFormHeader]", host: { classAttribute: "mlv-form__header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvFormHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvFormHeader]',
+                    host: { class: 'mlv-form__header' },
+                }]
+        }] });
+//# sourceMappingURL=form-header.js.map

package/esm2022/form/lib/form-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-header.js","sourceRoot":"","sources":["../../../../../../libs/core/form/src/lib/form-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;;;;;;;;GAYG;AAKH,MAAM,OAAO,aAAa;uGAAb,aAAa;2FAAb,aAAa;;2FAAb,aAAa;kBAJzB,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE;iBACpC","sourcesContent":["import { Directive } from '@angular/core';\n\n/**\n * Marks the title row of a `form[mlvForm]`: a wrapping flex row that keeps a\n * heading (`h*[mlvTitle]`) on the start side and accessories (badges,\n * segmented controls) on the end side.\n *\n * @example\n * ```html\n * <header mlvFormHeader>\n *   <h2 mlvTitle>Registration</h2>\n *   <mlv-badge tone=\"info\" muted>Step 1 of 3</mlv-badge>\n * </header>\n * ```\n */\n@Directive({\n  selector: '[mlvFormHeader]',\n  host: { class: 'mlv-form__header' },\n})\nexport class MlvFormHeader {}\n"]}

package/esm2022/form/lib/form.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=form.types.js.map

package/esm2022/form/lib/form.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.types.js","sourceRoot":"","sources":["../../../../../../libs/core/form/src/lib/form.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Explicit rhythm override for `form[mlvForm]` / `fieldset[mlvFieldset]`.\n * Maps onto the spacing scale: `xs` 0.5rem, `s` 0.75rem, `m` 1rem, `l` 1.25rem,\n * `xl` 1.5rem. Unset = density-scaled default.\n */\nexport type MlvFormGap = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n/**\n * Column mode of `fieldset[mlvFieldset]`: `'auto'` = responsive auto-fit,\n * a number = maximum column count (still collapses when narrow).\n */\nexport type MlvFieldsetColumns = 'auto' | number;\n\n/** Horizontal distribution of `[mlvFormActions]` children. */\nexport type MlvFormActionsAlign = 'start' | 'end' | 'center' | 'between';\n"]}

package/esm2022/form/malva-ui-core-form.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-form.js.map

package/esm2022/form/malva-ui-core-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-form.js","sourceRoot":"","sources":["../../../../../libs/core/form/src/malva-ui-core-form.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/form-utils/index.js

@@ -0,0 +1,16 @@
+export * from './lib/models/form-state';
+export * from './lib/models/error-display-strategy';
+export * from './lib/models/form-control-connector';
+export * from './lib/label/label';
+export * from './lib/hint/hint';
+export * from './lib/description/description';
+export * from './lib/message/message';
+export * from './lib/form-field/form-field';
+export * from './lib/form-control-base/signal-form-control-base';
+export * from './lib/form-control-wrapper/form-control-wrapper';
+export * from './lib/form-control-wrapper/form-control-wrapper-control';
+export * from './lib/form-control-sides';
+export * from './lib/selection.service';
+export * from './lib/aria-value-bridge';
+export * from './lib/focusable-group-base';
+//# sourceMappingURL=index.js.map

package/esm2022/form-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/form-utils/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kDAAkD,CAAC;AACjE,cAAc,iDAAiD,CAAC;AAChE,cAAc,yDAAyD,CAAC;AACxE,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './lib/models/form-state';\nexport * from './lib/models/error-display-strategy';\nexport * from './lib/models/form-control-connector';\nexport * from './lib/label/label';\nexport * from './lib/hint/hint';\nexport * from './lib/description/description';\nexport * from './lib/message/message';\nexport * from './lib/form-field/form-field';\nexport * from './lib/form-control-base/signal-form-control-base';\nexport * from './lib/form-control-wrapper/form-control-wrapper';\nexport * from './lib/form-control-wrapper/form-control-wrapper-control';\nexport * from './lib/form-control-sides';\nexport * from './lib/selection.service';\nexport * from './lib/aria-value-bridge';\nexport * from './lib/focusable-group-base';\n"]}