@odx/angular 2.16.1 → 3.1.0

package/fesm2022/odx-angular-components-autocomplete.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-autocomplete.mjs","sources":["../../../../libs/angular/components/autocomplete/src/lib/autocomplete.tokens.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.ts","../../../../libs/angular/components/autocomplete/src/lib/components/option/autocomplete-option.component.html","../../../../libs/angular/components/autocomplete/src/lib/directives/autocomplete-input-control.directive.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.component.html","../../../../libs/angular/components/autocomplete/src/lib/pipes/autocomplete-search-filter.pipe.ts","../../../../libs/angular/components/autocomplete/src/lib/autocomplete.module.ts","../../../../libs/angular/components/autocomplete/src/odx-angular-components-autocomplete.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { AutocompleteComponent } from './autocomplete.component';\n\nexport const AUTOCOMPLETE_CONTROL = new InjectionToken<AutocompleteComponent>('@odx/angular/components/autocomplete::AutocompleteComponent');\n","import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { OptionControl } from '@odx/angular/cdk/option-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { AUTOCOMPLETE_CONTROL } from '../../autocomplete.tokens';\n\n@CSSComponent('autocomplete-option')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete-option',\n  imports: [CoreModule],\n  templateUrl: './autocomplete-option.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutocompleteOptionComponent<T> extends OptionControl<T> {\n  protected readonly autocompleteControl = inject(AUTOCOMPLETE_CONTROL);\n\n  public override setActiveStyles(): void {\n    this.isActive = true;\n\n    if (this.autocompleteControl.isOpen) {\n      this.autocompleteControl.scrollOptionIntoView(this);\n    }\n  }\n\n  protected selectOption(): void {\n    this.autocompleteControl.selectOption(this);\n  }\n}\n","<ng-content></ng-content>\n","import { Directive } from '@angular/core';\nimport { ReadonlyController, WithTabIndex } from '@odx/angular';\nimport { InputControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\n\n@CSSComponent('autocomplete__control')\n@Directive({\n  standalone: true,\n  selector: 'input[odxAutocompleteControl]',\n  host: {\n    '[attr.readonly]': 'readonlyController?.readonly || null',\n  },\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithTabIndex],\n})\nexport class AutocompleteInputControlDirective extends InputControlDirective {\n  protected readonly readonlyController = ReadonlyController.inject();\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  ContentChildren,\n  forwardRef,\n  HostListener,\n  inject,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { ClickOutsideDirective } from '@odx/angular';\nimport { AutocompleteControl, ODX_SEARCH_FILTER_HOST } from '@odx/angular/cdk/autocomplete-control';\nimport { DropdownDirective } from '@odx/angular/components/dropdown';\nimport { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { fromQueryList } from '@odx/angular/rxjs';\nimport { deferFn } from '@odx/angular/utils';\nimport { AUTOCOMPLETE_CONTROL } from './autocomplete.tokens';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\n\n@CSSComponent('autocomplete')\n@Component({\n  standalone: true,\n  selector: 'odx-autocomplete',\n  imports: [DropdownDirective, AutocompleteOptionComponent, LoadingSpinnerModule],\n  templateUrl: './autocomplete.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AUTOCOMPLETE_CONTROL,\n      useExisting: forwardRef(() => AutocompleteComponent),\n    },\n    {\n      provide: ODX_SEARCH_FILTER_HOST,\n      useExisting: AUTOCOMPLETE_CONTROL,\n    },\n  ],\n  hostDirectives: [ClickOutsideDirective],\n})\nexport class AutocompleteComponent<T = unknown> extends AutocompleteControl<T | null> implements AfterViewInit {\n  private readonly defaultActiveOptionIndex = 0;\n\n  protected readonly clickOutsideDirective = inject(ClickOutsideDirective, { host: true });\n\n  @ContentChildren(AutocompleteOptionComponent, { descendants: true, emitDistinctChangesOnly: true })\n  public options?: QueryList<AutocompleteOptionComponent<T>>;\n\n  @ContentChild(AutocompleteInputControlDirective)\n  public searchField?: AutocompleteInputControlDirective;\n\n  public readonly dropdownOpenTriggers = [];\n\n  public override ngAfterViewInit(): void {\n    if (!this.options) return;\n\n    this.initKeyManager(this.options);\n    this.handleQueryListOption(this.options);\n    this.handleSearchFieldChanges();\n    this.handleClickOutside();\n  }\n\n  public selectOption(option?: AutocompleteOptionComponent<T> | null): void {\n    if (!option?.value) return;\n\n    this.updateValue(option.value);\n    this.updateSearchField(option.value);\n\n    this.optionSelected.emit(option.value);\n\n    this.closeDropdown();\n  }\n\n  public resetSearchField(): void {\n    this.updateValue('' as T);\n    this.searchField?.reset();\n  }\n\n  protected handleQueryListOption(options: QueryList<AutocompleteOptionComponent<T>>): void {\n    fromQueryList(options)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(() => {\n        if (this.isOpen) {\n          deferFn(() => this.activateSelectedOption());\n        }\n      });\n  }\n\n  protected handleSearchFieldChanges(): void {\n    this.searchField?.valueChange$.pipe(this.takeUntilDestroyed()).subscribe(() => {\n      deferFn(() => this.handleSearchFieldValueChange());\n    });\n  }\n\n  protected handleClickOutside(): void {\n    this.clickOutsideDirective.odxClickOutside.pipe(this.takeUntilDestroyed()).subscribe(() => this.clickOutside());\n  }\n\n  protected clickOutside(): void {\n    this.closeDropdown();\n    this.blurSelectSearchField();\n  }\n\n  protected handleSearchFieldValueChange(): void {\n    this.updateValue((this.searchField?.nativeElementValue ?? '') as T);\n\n    if (this.isOpen && !this.hasOptions) {\n      this.closeDropdown();\n      return;\n    }\n\n    if (this.isOpen && this.hasOptions) {\n      return;\n    }\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('click')\n  protected handleClickEvent() {\n    if (this.isLoading && this.isOpen) {\n      this.closeDropdown();\n      this.blurSelectSearchField();\n      return;\n    }\n\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected handleKeyboardEvent(event: KeyboardEvent) {\n    if (this.isReadonly || this.isDisabled) return;\n\n    if (this.isOpen && this.hasOptions) {\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        this.selectOption(this.keyManager?.activeItem as AutocompleteOptionComponent<T> | undefined);\n        return;\n      }\n    }\n\n    if (event.key === 'Enter') {\n      this.optionSelected.emit((this.value ?? '') as T);\n      return;\n    }\n\n    if (!this.isOpen && event.key === 'Tab') {\n      return;\n    }\n\n    if (!this.isOpen && this.hasOptions) {\n      this.openDropdown();\n      return;\n    }\n\n    this.keyManager?.onKeydown(event);\n  }\n\n  protected activateSelectedOption(): void {\n    this.keyManager?.setActiveItem(this.defaultActiveOptionIndex);\n  }\n\n  protected onDropdownBeforeOpen(): void {\n    this.activateSelectedOption();\n  }\n\n  private updateSearchField(value: T): void {\n    if (!this.searchField) return;\n\n    this.searchField.nativeElementValue = this.stringify?.(value) ?? (value as string);\n  }\n\n  private blurSelectSearchField(): void {\n    this.searchField?.blur();\n  }\n}\n","<div\n  aria-haspopup=\"listbox\"\n  class=\"odx-autocomplete__trigger\"\n  [odxDropdown]=\"dropdownContent\"\n  [odxDropdownDisabled]=\"isDisabled || isReadonly\"\n  [odxDropdownOptions]=\"{ matchReferenceWidth: true, offset: 4, outerPadding: 10, position: 'bottom-start' }\"\n  [odxDropdownReferenceElement]=\"element.nativeElement\"\n  [odxDropdownShowLoader]=\"isLoading\"\n  [odxDropdownOpenTrigger]=\"dropdownOpenTriggers\"\n  [odxDropdownClickOutsideActive]=\"false\"\n  (odxDropdownBeforeOpen)=\"onDropdownBeforeOpen()\"\n  (odxDropdownAfterOpen)=\"enableSmoothScroll()\"\n  (odxDropdownBeforeClose)=\"disableSmoothScroll()\"\n>\n  <ng-content select=\"input[odxAutocompleteControl]\"></ng-content>\n</div>\n\n<ng-template #dropdownContent>\n  <div class=\"odx-dropdown__option-list\" role=\"listbox\">\n    <ng-template [ngIf]=\"hasOptions\">\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n</ng-template>\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { BaseSearchFilterPipe } from '@odx/angular/cdk/autocomplete-control';\n\n@Pipe({\n  pure: false,\n  name: 'odxAutocompleteSearchFilter',\n  standalone: true,\n})\nexport class AutocompleteSearchFilterPipe extends BaseSearchFilterPipe implements PipeTransform {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { AutocompleteComponent } from './autocomplete.component';\nimport { AutocompleteOptionComponent } from './components';\nimport { AutocompleteInputControlDirective } from './directives';\nimport { AutocompleteSearchFilterPipe } from './pipes';\n\nconst modules = [AutocompleteComponent, AutocompleteInputControlDirective, AutocompleteSearchFilterPipe, AutocompleteOptionComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class AutocompleteModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-avatar.mjs

@@ -0,0 +1,52 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+const AvatarSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+
+const AvatarVariant = {
+    CIRCLE: 'circle',
+    RECTANGLE: 'rectangle',
+};
+
+let AvatarComponent = class AvatarComponent {
+    constructor() {
+        this.element = injectElement();
+        this.size = AvatarSize.SMALL;
+        this.variant = AvatarVariant.CIRCLE;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size", variant: "variant" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], AvatarComponent.prototype, "size", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], AvatarComponent.prototype, "variant", void 0);
+AvatarComponent = __decorate([
+    CSSComponent('avatar')
+], AvatarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AvatarComponent, AvatarSize, AvatarVariant };
+//# sourceMappingURL=odx-angular-components-avatar.mjs.map

package/fesm2022/odx-angular-components-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/models/avatar-variant.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","export type AvatarVariant = (typeof AvatarVariant)[keyof typeof AvatarVariant];\n\nexport const AvatarVariant = {\n  CIRCLE: 'circle',\n  RECTANGLE: 'rectangle',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize, AvatarVariant } from './models';\n\n@CSSComponent('avatar')\n@Component({\n  standalone: true,\n  selector: 'odx-avatar',\n  templateUrl: 'avatar.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public size?: AvatarSize | null = AvatarSize.SMALL;\n\n  @CSSModifier()\n  @Input()\n  public variant?: AvatarVariant | null = AvatarVariant.CIRCLE;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACHH,MAAA,aAAa,GAAG;AAC3B,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,SAAS,EAAE,WAAW;;;ACSX,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAInC,QAAA,IAAA,CAAA,IAAI,GAAuB,UAAU,CAAC,KAAK,CAAC;AAI5C,QAAA,IAAA,CAAA,OAAO,GAA0B,aAAa,CAAC,MAAM,CAAC;AAC9D,KAAA;+GAVY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,oHCb5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADiBS,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEqC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAI5C,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAE+C,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATlD,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;AAQV,CAAA,EAAA,eAAe,CAU3B,CAAA;4FAVY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEP,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;8BAOxC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,OAAO,EAAA,CAAA;sBADb,KAAK;;;AErBR;;AAEG;;;;"}

package/fesm2022/odx-angular-components-badge.mjs

@@ -0,0 +1,132 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, inject, Injector, numberAttribute, Directive } from '@angular/core';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, Position, isPresent } from '@odx/angular/utils';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
+
+const BadgeVariant = {
+    HIGHLIGHT: 'highlight',
+    DANGER: 'danger',
+    CONFIRMATION: 'confirmation',
+};
+
+let BadgeComponent = class BadgeComponent {
+    constructor() {
+        this.element = injectElement();
+        this.contrast = false;
+        this.variant = BadgeVariant.HIGHLIGHT;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { contrast: ["contrast", "contrast", booleanAttribute], variant: "variant", value: "value" }, ngImport: i0, template: '<ng-template [odxDynamicView]="value"></ng-template>', isInline: true, dependencies: [{ kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], BadgeComponent.prototype, "contrast", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", String)
+], BadgeComponent.prototype, "variant", void 0);
+BadgeComponent = __decorate([
+    CSSComponent('badge')
+], BadgeComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-badge',
+                    imports: [DynamicViewDirective],
+                    template: '<ng-template [odxDynamicView]="value"></ng-template>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], propDecorators: { contrast: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], variant: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+const DEFAULT_BADGE_OVERLAY_OPTIONS = {
+    content: BadgeComponent,
+    enableFallback: false,
+    offset: 0,
+    containerClass: 'odx-badge-overlay',
+};
+let BadgeDirective = class BadgeDirective {
+    constructor() {
+        this.connectedOverlayService = inject(ConnectedOverlayService);
+        this.injector = inject(Injector);
+        this.badgeRef = null;
+        this.element = injectElement();
+        this.value = null;
+        this.contrast = false;
+        this.position = Position.BOTTOM_END;
+        this.offset = 0;
+        this.variant = BadgeVariant.HIGHLIGHT;
+    }
+    ngOnChanges() {
+        if (isPresent(this.value)) {
+            this.showBadge();
+        }
+        else {
+            this.hideBadge();
+        }
+        this.updateBadge();
+    }
+    ngOnDestroy() {
+        this.hideBadge();
+    }
+    showBadge() {
+        this.badgeRef ??= this.connectedOverlayService.createOverlay(this.element.nativeElement, DEFAULT_BADGE_OVERLAY_OPTIONS, { injector: this.injector });
+    }
+    hideBadge() {
+        this.badgeRef?.close();
+        this.badgeRef = null;
+    }
+    updateBadge() {
+        this.badgeRef?.update({
+            context: { contrast: this.contrast, value: this.value, variant: this.variant },
+            position: this.position,
+            offset: this.offset,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "16.2.12", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast", booleanAttribute], position: ["odxBadgePosition", "position"], offset: ["odxBadgeOffset", "offset", numberAttribute], variant: ["odxBadgeVariant", "variant"] }, usesOnChanges: true, ngImport: i0 }); }
+};
+BadgeDirective = __decorate([
+    CSSComponent('badge-host')
+], BadgeDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxBadge]',
+                    standalone: true,
+                }]
+        }], propDecorators: { value: [{
+                type: Input,
+                args: ['odxBadge']
+            }], contrast: [{
+                type: Input,
+                args: [{ alias: 'odxBadgeContrast', transform: booleanAttribute }]
+            }], position: [{
+                type: Input,
+                args: [{ alias: 'odxBadgePosition' }]
+            }], offset: [{
+                type: Input,
+                args: [{ alias: 'odxBadgeOffset', transform: numberAttribute }]
+            }], variant: [{
+                type: Input,
+                args: [{ alias: 'odxBadgeVariant' }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeComponent, BadgeDirective, BadgeVariant };
+//# sourceMappingURL=odx-angular-components-badge.mjs.map

package/fesm2022/odx-angular-components-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../libs/angular/components/badge/src/lib/models/badge-variant.ts","../../../../libs/angular/components/badge/src/lib/badge.component.ts","../../../../libs/angular/components/badge/src/lib/badge.directive.ts","../../../../libs/angular/components/badge/src/odx-angular-components-badge.ts"],"sourcesContent":["export type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];\n\nexport const BadgeVariant = {\n  HIGHLIGHT: 'highlight',\n  DANGER: 'danger',\n  CONFIRMATION: 'confirmation',\n} as const;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DynamicTextContent, DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { BadgeVariant } from './models';\n\n@CSSComponent('badge')\n@Component({\n  standalone: true,\n  selector: 'odx-badge',\n  imports: [DynamicViewDirective],\n  template: '<ng-template [odxDynamicView]=\"value\"></ng-template>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class BadgeComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public contrast = false;\n\n  @CSSModifier()\n  @Input()\n  public variant: BadgeVariant = BadgeVariant.HIGHLIGHT;\n\n  @Input()\n  public value?: DynamicTextContent | null;\n}\n","import { booleanAttribute, Directive, inject, Injector, Input, numberAttribute, OnChanges, OnDestroy } from '@angular/core';\nimport { ConnectedOverlayOptions, ConnectedOverlayRef, ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';\nimport { DynamicTextContent } from '@odx/angular/cdk/dynamic-view';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement, isPresent, Position } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BadgeVariant } from './models';\n\nconst DEFAULT_BADGE_OVERLAY_OPTIONS: Partial<ConnectedOverlayOptions> = {\n  content: BadgeComponent,\n  enableFallback: false,\n  offset: 0,\n  containerClass: 'odx-badge-overlay',\n};\n\n@CSSComponent('badge-host')\n@Directive({\n  selector: '[odxBadge]',\n  standalone: true,\n})\nexport class BadgeDirective implements BadgeComponent, OnChanges, OnDestroy {\n  private readonly connectedOverlayService = inject(ConnectedOverlayService);\n  private readonly injector = inject(Injector);\n  private badgeRef: ConnectedOverlayRef | null = null;\n\n  public readonly element = injectElement();\n\n  @Input('odxBadge')\n  public value?: DynamicTextContent | null = null;\n\n  @Input({ alias: 'odxBadgeContrast', transform: booleanAttribute })\n  public contrast = false;\n\n  @Input({ alias: 'odxBadgePosition' })\n  public position: Position = Position.BOTTOM_END;\n\n  @Input({ alias: 'odxBadgeOffset', transform: numberAttribute })\n  public offset = 0;\n\n  @Input({ alias: 'odxBadgeVariant' })\n  public variant: BadgeVariant = BadgeVariant.HIGHLIGHT;\n\n  public ngOnChanges(): void {\n    if (isPresent(this.value)) {\n      this.showBadge();\n    } else {\n      this.hideBadge();\n    }\n    this.updateBadge();\n  }\n\n  public ngOnDestroy(): void {\n    this.hideBadge();\n  }\n\n  private showBadge(): void {\n    this.badgeRef ??= this.connectedOverlayService.createOverlay(this.element.nativeElement, DEFAULT_BADGE_OVERLAY_OPTIONS, { injector: this.injector });\n  }\n\n  private hideBadge(): void {\n    this.badgeRef?.close();\n    this.badgeRef = null;\n  }\n\n  private updateBadge(): void {\n    this.badgeRef?.update({\n      context: { contrast: this.contrast, value: this.value, variant: this.variant },\n      position: this.position,\n      offset: this.offset,\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-bar.mjs

@@ -0,0 +1,95 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, Input, NgModule } from '@angular/core';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import { DisabledController, CoreModule } from '@odx/angular';
+
+let BarComponent = class BarComponent {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BarComponent, isStandalone: true, selector: "odx-bar", ngImport: i0, template: "<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+BarComponent = __decorate([
+    CSSComponent('bar')
+], BarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, selector: 'odx-bar', template: "<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n" }]
+        }] });
+
+const BarButtonVariant = {
+    DEFAULT: 'default',
+    SMALL: 'small',
+};
+
+let BarButtonDirective = class BarButtonDirective {
+    constructor() {
+        this.disabledController = DisabledController.inject();
+        this.element = injectElement();
+        this.variant = BarButtonVariant.DEFAULT;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BarButtonDirective, isStandalone: true, selector: "button[odxBarButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "disabledController?.disabled" } }, providers: [DisabledController.connect()], ngImport: i0 }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], BarButtonDirective.prototype, "variant", void 0);
+BarButtonDirective = __decorate([
+    CSSComponent('bar-button')
+], BarButtonDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[odxBarButton]',
+                    standalone: true,
+                    providers: [DisabledController.connect()],
+                    host: {
+                        '[class.is-disabled]': 'disabledController?.disabled',
+                    },
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+let BarLabelDirective = class BarLabelDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BarLabelDirective, isStandalone: true, selector: "[odxBarLabel]", ngImport: i0 }); }
+};
+BarLabelDirective = __decorate([
+    CSSComponent('bar-label')
+], BarLabelDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[odxBarLabel]',
+                    standalone: true,
+                }]
+        }] });
+
+const modules = [BarComponent, BarButtonDirective, BarLabelDirective];
+class BarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BarModule, imports: [BarComponent, BarButtonDirective, BarLabelDirective], exports: [CoreModule, BarComponent, BarButtonDirective, BarLabelDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarModule, imports: [CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BarButtonDirective, BarButtonVariant, BarComponent, BarLabelDirective, BarModule };
+//# sourceMappingURL=odx-angular-components-bar.mjs.map

package/fesm2022/odx-angular-components-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-bar.mjs","sources":["../../../../libs/angular/components/bar/src/lib/bar.component.ts","../../../../libs/angular/components/bar/src/lib/bar.component.html","../../../../libs/angular/components/bar/src/lib/models/bar-button-variant.ts","../../../../libs/angular/components/bar/src/lib/directives/bar-button.directive.ts","../../../../libs/angular/components/bar/src/lib/directives/bar-label.directive.ts","../../../../libs/angular/components/bar/src/lib/bar.module.ts","../../../../libs/angular/components/bar/src/odx-angular-components-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('bar')\n@Component({\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: 'bar.component.html',\n  selector: 'odx-bar',\n})\nexport class BarComponent {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"button[odxBarButton], [odxBarLabel]\"></ng-content>\n","export type BarButtonVariant = typeof BarButtonVariant[keyof typeof BarButtonVariant];\n\nexport const BarButtonVariant = {\n  DEFAULT: 'default',\n  SMALL: 'small',\n} as const;\n","import { Directive, Input } from '@angular/core';\nimport { DisabledController } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { BarButtonVariant } from '../models/bar-button-variant';\n\n@CSSComponent('bar-button')\n@Directive({\n  selector: 'button[odxBarButton]',\n  standalone: true,\n  providers: [DisabledController.connect()],\n  host: {\n    '[class.is-disabled]': 'disabledController?.disabled',\n  },\n})\nexport class BarButtonDirective {\n  protected readonly disabledController = DisabledController.inject();\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public variant?: BarButtonVariant | null = BarButtonVariant.DEFAULT;\n}\n","import { Directive } from '@angular/core';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('bar-label')\n@Directive({\n  selector: '[odxBarLabel]',\n  standalone: true,\n})\nexport class BarLabelDirective {\n  public readonly element = injectElement();\n}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { BarComponent } from './bar.component';\nimport { BarButtonDirective } from './directives/bar-button.directive';\nimport { BarLabelDirective } from './directives/bar-label.directive';\n\nconst modules = [BarComponent, BarButtonDirective, BarLabelDirective];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class BarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/odx-angular-components-breadcrumbs.mjs

@@ -0,0 +1,56 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { inject, Renderer2, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
+import { DynamicViewService } from '@odx/angular/cdk/dynamic-view';
+import { IconComponent } from '@odx/angular/components/icon';
+import { LinkDirective } from '@odx/angular/components/link';
+import { CSSComponent } from '@odx/angular/internal';
+import { fromQueryList } from '@odx/angular/rxjs';
+import { untilDestroyed, injectElement } from '@odx/angular/utils';
+
+let BreadcrumbsComponent = class BreadcrumbsComponent {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.destroyed = untilDestroyed();
+        this.dynamicViewService = inject(DynamicViewService);
+        this.icons = new Set();
+        this.element = injectElement();
+    }
+    ngAfterViewInit() {
+        fromQueryList(this.linkItems)
+            .pipe(this.destroyed())
+            .subscribe(() => this.addIcons());
+    }
+    addIcons() {
+        this.removeIcons();
+        this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));
+    }
+    addIcon(linkElement) {
+        const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });
+        this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);
+        this.icons.add(icon);
+    }
+    removeIcons() {
+        this.icons.forEach((icon) => icon.destroy());
+        this.icons.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbsComponent, isStandalone: true, selector: "odx-breadcrumbs", queries: [{ propertyName: "linkItems", predicate: LinkDirective }], ngImport: i0, template: "<ng-content select=\"[odxLink]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+BreadcrumbsComponent = __decorate([
+    CSSComponent('breadcrumbs')
+], BreadcrumbsComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-breadcrumbs', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[odxLink]\"></ng-content>\n" }]
+        }], propDecorators: { linkItems: [{
+                type: ContentChildren,
+                args: [LinkDirective]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbsComponent };
+//# sourceMappingURL=odx-angular-components-breadcrumbs.mjs.map

package/fesm2022/odx-angular-components-breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-breadcrumbs.mjs","sources":["../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/angular/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/angular/components/breadcrumbs/src/odx-angular-components-breadcrumbs.ts"],"sourcesContent":["import { AfterViewInit, ChangeDetectionStrategy, Component, ContentChildren, inject, QueryList, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { DynamicViewRef, DynamicViewService } from '@odx/angular/cdk/dynamic-view';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { LinkDirective } from '@odx/angular/components/link';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { fromQueryList } from '@odx/angular/rxjs';\nimport { injectElement, untilDestroyed } from '@odx/angular/utils';\n\n@CSSComponent('breadcrumbs')\n@Component({\n  selector: 'odx-breadcrumbs',\n  standalone: true,\n  templateUrl: './breadcrumbs.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbsComponent implements AfterViewInit {\n  private readonly renderer = inject(Renderer2);\n  private readonly destroyed = untilDestroyed();\n  private readonly dynamicViewService = inject(DynamicViewService);\n  private readonly icons = new Set<DynamicViewRef<typeof IconComponent>>();\n\n  @ContentChildren(LinkDirective)\n  protected readonly linkItems!: QueryList<LinkDirective>;\n\n  public readonly element = injectElement();\n\n  public ngAfterViewInit(): void {\n    fromQueryList(this.linkItems)\n      .pipe(this.destroyed())\n      .subscribe(() => this.addIcons());\n  }\n\n  private addIcons(): void {\n    this.removeIcons();\n    this.linkItems.forEach((linkItem, index) => !!index && this.addIcon(linkItem.element.nativeElement));\n  }\n\n  private addIcon(linkElement: HTMLElement): void {\n    const icon = this.dynamicViewService.createView(IconComponent, { context: { name: 'chevron-right', iconSet: 'core' } });\n    this.renderer.insertBefore(this.element.nativeElement, icon.getElement(), linkElement);\n    this.icons.add(icon);\n  }\n\n  private removeIcons(): void {\n    this.icons.forEach((icon) => icon.destroy());\n    this.icons.clear();\n  }\n}\n","<ng-content select=\"[odxLink]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAgBa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AACY,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC7B,IAAS,CAAA,SAAA,GAAG,cAAc,EAAE,CAAC;AAC7B,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,GAAG,EAAwC,CAAC;QAKzD,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAuB3C,KAAA;IArBQ,eAAe,GAAA;AACpB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC1B,aAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;aACtB,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;KACrC;IAEO,QAAQ,GAAA;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;KACtG;AAEO,IAAA,OAAO,CAAC,WAAwB,EAAA;QACtC,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AACxH,QAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,WAAW,CAAC,CAAC;AACvF,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACtB;IAEO,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;+GA/BU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAMd,aAAa,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBhC,kDACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADea,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,aAAa,CAAC;AAQf,CAAA,EAAA,oBAAoB,CAgChC,CAAA;4FAhCY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;+BACE,iBAAiB,EAAA,UAAA,EACf,IAAI,EAED,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kDAAA,EAAA,CAAA;8BAS5B,SAAS,EAAA,CAAA;sBAD3B,eAAe;uBAAC,aAAa,CAAA;;;AEtBhC;;AAEG;;;;"}

package/fesm2022/odx-angular-components-button-group.mjs

@@ -0,0 +1,59 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { booleanAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+let ButtonGroupComponent = class ButtonGroupComponent {
+    constructor() {
+        this.element = injectElement();
+        this.alignRight = false;
+        this.block = false;
+        this.vertical = false;
+        this.reverse = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ButtonGroupComponent, isStandalone: true, selector: "odx-button-group", inputs: { alignRight: ["alignRight", "alignRight", booleanAttribute], block: ["block", "block", booleanAttribute], vertical: ["vertical", "vertical", booleanAttribute], reverse: ["reverse", "reverse", booleanAttribute] }, ngImport: i0, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "alignRight", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "block", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "vertical", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "reverse", void 0);
+ButtonGroupComponent = __decorate([
+    CSSComponent('button-group')
+], ButtonGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n" }]
+        }], propDecorators: { alignRight: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], block: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], vertical: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], reverse: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonGroupComponent };
+//# sourceMappingURL=odx-angular-components-button-group.mjs.map

package/fesm2022/odx-angular-components-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-button-group.mjs","sources":["../../../../libs/angular/components/button-group/src/lib/button-group.component.ts","../../../../libs/angular/components/button-group/src/lib/button-group.component.html","../../../../libs/angular/components/button-group/src/odx-angular-components-button-group.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('button-group')\n@Component({\n  standalone: true,\n  selector: 'odx-button-group',\n  templateUrl: './button-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonGroupComponent {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public alignRight = false;\n\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public block = false;\n\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public vertical = false;\n\n  @CSSModifier()\n  @Input({ transform: booleanAttribute })\n  public reverse = false;\n}\n","<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAYa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;QAInC,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAInB,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;QAId,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAIjB,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;AACxB,KAAA;+GAlBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAIX,gBAAgB,CAIhB,EAAA,KAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,gBAAgB,sCAIhB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAIhB,gBAAgB,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BtC,wEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;ADgBS,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEY,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAInB,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEO,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAId,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAEU,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAIjB,UAAA,CAAA;AAFN,IAAA,WAAW,EAAE;;AAES,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAjBZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc,CAAC;AAQhB,CAAA,EAAA,oBAAoB,CAkBhC,CAAA;4FAlBY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,kBAAkB,EAEb,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,CAAA;8BAOxC,UAAU,EAAA,CAAA;sBADhB,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK/B,KAAK,EAAA,CAAA;sBADX,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK/B,QAAQ,EAAA,CAAA;sBADd,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAK/B,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;;;AE5BxC;;AAEG;;;;"}

package/fesm2022/odx-angular-components-button.mjs

@@ -0,0 +1,83 @@
+import { __decorate, __metadata } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive } from '@angular/core';
+import * as i1 from '@odx/angular';
+import { WithDisabledState } from '@odx/angular';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+const ButtonSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+};
+
+const ButtonVariant = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    GHOST: 'ghost',
+    HIGHLIGHT: 'highlight',
+    SUCCESS: 'success',
+    CONFIRMATION: 'confirmation',
+    DANGER: 'danger',
+};
+
+let ButtonComponent = class ButtonComponent {
+    constructor() {
+        this.element = injectElement();
+        this.type = this.element.nativeElement.getAttribute('type');
+        this.variant = ButtonVariant.SECONDARY;
+        this.size = ButtonSize.MEDIUM;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant", size: "size" }, host: { properties: { "attr.type": "type || \"button\"" } }, hostDirectives: [{ directive: i1.WithDisabledState }], ngImport: i0, template: "<ng-content select=\"odx-icon:not([alignRight])\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "variant", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "size", void 0);
+ButtonComponent = __decorate([
+    CSSComponent('button')
+], ButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [WithDisabledState], host: {
+                        '[attr.type]': 'type || "button"',
+                    }, template: "<ng-content select=\"odx-icon:not([alignRight])\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class ResponsiveButtonDirective {
+    constructor() {
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.breakpoint = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ResponsiveButtonDirective, isStandalone: true, selector: "[odxButton][odxResponsiveButton]", inputs: { breakpoint: ["odxResponsiveButton", "breakpoint"] }, host: { properties: { "attr.data-breakpoint": "breakpoint" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[odxButton][odxResponsiveButton]',
+                    host: {
+                        '[attr.data-breakpoint]': 'breakpoint',
+                    },
+                }]
+        }], propDecorators: { breakpoint: [{
+                type: Input,
+                args: ['odxResponsiveButton']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, ButtonSize, ButtonVariant, ResponsiveButtonDirective };
+//# sourceMappingURL=odx-angular-components-button.mjs.map

package/fesm2022/odx-angular-components-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-button.mjs","sources":["../../../../libs/angular/components/button/src/lib/models/button-size.ts","../../../../libs/angular/components/button/src/lib/models/button-variant.ts","../../../../libs/angular/components/button/src/lib/button.component.ts","../../../../libs/angular/components/button/src/lib/button.component.html","../../../../libs/angular/components/button/src/lib/directives/responsive-button.directive.ts","../../../../libs/angular/components/button/src/odx-angular-components-button.ts"],"sourcesContent":["export type ButtonSize = typeof ButtonSize[keyof typeof ButtonSize];\n\nexport const ButtonSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n} as const;\n","export type ButtonVariant = typeof ButtonVariant[keyof typeof ButtonVariant];\n\nexport const ButtonVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  GHOST: 'ghost',\n  HIGHLIGHT: 'highlight',\n  SUCCESS: 'success',\n  CONFIRMATION: 'confirmation',\n  DANGER: 'danger',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { WithDisabledState } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { ButtonSize, ButtonVariant } from './models';\n\n@CSSComponent('button')\n@Component({\n  standalone: true,\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'button[odxButton], a[odxButton]',\n  templateUrl: './button.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[attr.type]': 'type || \"button\"',\n  },\n})\nexport class ButtonComponent {\n  public readonly element = injectElement<HTMLButtonElement | HTMLLinkElement>();\n  public readonly type = this.element.nativeElement.getAttribute('type');\n\n  @CSSModifier()\n  @Input()\n  public variant?: ButtonVariant | null = ButtonVariant.SECONDARY;\n\n  @CSSModifier()\n  @Input()\n  public size?: ButtonSize | null = ButtonSize.MEDIUM;\n}\n","<ng-content select=\"odx-icon:not([alignRight])\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n","import { Directive, Input } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[odxButton][odxResponsiveButton]',\n  host: {\n    '[attr.data-breakpoint]': 'breakpoint',\n  },\n})\nexport class ResponsiveButtonDirective {\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('odxResponsiveButton')\n  public breakpoint: string | null = null;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}