@odx/angular 1.0.0-rc.9 → 1.0.0

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

@@ -1,17 +1,11 @@
 import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewContainerRef, Directive } from '@angular/core';
-import { autoUpdate, computePosition, offset, hide } from '@floating-ui/dom';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, inject, Directive } from '@angular/core';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
 import { CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { injectElement, hasChanged, applyStyles, cssTranslate, px, getInjector, Transform } from '@odx/angular/utils';
-import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
-
-const BADGE_HOST = new InjectionToken('@odx/angular/components/badge::BadgeHost');
-
-const BadgePosition = {
-    TOP: 'top',
-    BOTTOM: 'bottom',
-};
+import { injectElement, Transform, getInjector, Position, isPresent } from '@odx/angular/utils';
+import { ConnectedOverlayService } from '@odx/angular/cdk/connected-overlay';
 
 const BadgeVariant = {
     HIGHLIGHT: 'highlight',
@@ -19,125 +13,101 @@ const BadgeVariant = {
     CONFIRMATION: 'confirmation',
 };
 
-const POSITION_STRATEGY = 'fixed';
 let BadgeComponent = class BadgeComponent {
     constructor() {
-        this.hostElement = inject(BADGE_HOST).hostElement;
-        this.zone = inject(NgZone);
-        this.elementRect = null;
         this.element = injectElement();
-        this.value = 0;
-        this.position = BadgePosition.BOTTOM;
         this.contrast = false;
-    }
-    ngOnChanges(changes) {
-        if (hasChanged(changes, 'value')) {
-            this.startPositionUpdater();
-        }
-        if (hasChanged(changes, 'position')) {
-            this.updateBadgePosition();
-        }
-    }
-    ngAfterViewInit() {
-        this.element.nativeElement.style.position = POSITION_STRATEGY;
-        this.startPositionUpdater();
-    }
-    ngOnDestroy() {
-        this.stopPositionUpdater();
-    }
-    startPositionUpdater() {
-        this.element.nativeElement.dataset['value'] = this.value.toString();
-        if (this.value === 0) {
-            return this.stopPositionUpdater();
-        }
-        this.elementRect = this.element.nativeElement.getBoundingClientRect();
-        this.positionUpdater ?? (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.element.nativeElement, () => this.updateBadgePosition(), { animationFrame: true })));
-    }
-    stopPositionUpdater() {
-        this.positionUpdater?.();
-        this.positionUpdater = undefined;
-    }
-    async updateBadgePosition() {
-        const badgeOffset = (this.elementRect?.height ?? 0) / 2;
-        const badgeWidth = this.elementRect?.width ?? 0;
-        const { x, y, middlewareData } = await computePosition(this.hostElement, this.element.nativeElement, {
-            middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],
-            placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',
-            strategy: POSITION_STRATEGY,
-        });
-        if (!middlewareData.hide?.referenceHidden) {
-            applyStyles(this.element.nativeElement, { transform: cssTranslate(px(x), px(y)), display: null });
-        }
-        else if (this.element.nativeElement.style.display !== 'none') {
-            applyStyles(this.element.nativeElement, { display: 'none' });
-        }
+        this.variant = BadgeVariant.HIGHLIGHT;
     }
 };
-BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { value: "value", position: "position", contrast: "contrast", variant: "variant" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { contrast: "contrast", 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([
+    Transform(coerceBooleanProperty),
     CSSModifier(),
     __metadata("design:type", Object)
 ], BadgeComponent.prototype, "contrast", void 0);
 __decorate([
-    CSSModifier({ default: BadgeVariant.HIGHLIGHT }),
+    CSSModifier(),
     __metadata("design:type", String)
 ], BadgeComponent.prototype, "variant", void 0);
 BadgeComponent = __decorate([
     CSSComponent('badge')
 ], BadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{
+                    standalone: true,
                     selector: 'odx-badge',
-                    template: '',
+                    imports: [DynamicViewDirective],
+                    template: '<ng-template [odxDynamicView]="value"></ng-template>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    standalone: true,
                 }]
-        }], propDecorators: { value: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], contrast: [{
+        }], propDecorators: { contrast: [{
                 type: Input
             }], variant: [{
                 type: Input
+            }], value: [{
+                type: Input
             }] } });
 
-class BadgeDirective {
+const DEFAULT_BADGE_OVERLAY_OPTIONS = {
+    content: BadgeComponent,
+    enableFallback: false,
+    offset: 0,
+    containerClass: 'odx-badge-overlay',
+};
+let BadgeDirective = class BadgeDirective {
     constructor() {
-        this.badgeRef = null;
+        this.connectedOverlayService = inject(ConnectedOverlayService);
         this.injector = getInjector();
-        this.viewContainer = inject(ViewContainerRef);
-        this.hostElement = injectElement().nativeElement;
+        this.badgeRef = null;
+        this.element = injectElement();
+        this.value = null;
+        this.contrast = false;
+        this.position = Position.BOTTOM_END;
     }
-    ngOnChanges(changes) {
-        this.badgeRef ?? (this.badgeRef = this.viewContainer.createComponent(BadgeComponent, { injector: this.injector }));
-        for (const prop in changes) {
-            this.badgeRef.setInput(prop, changes[prop].currentValue);
+    ngOnChanges() {
+        if (isPresent(this.value)) {
+            this.showBadge();
+        }
+        else {
+            this.hideBadge();
         }
+        this.updateBadge();
     }
     ngOnDestroy() {
-        this.badgeRef?.destroy();
+        this.hideBadge();
     }
-}
-BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast"], position: ["odxBadgePosition", "position"], variant: ["odxBadgeVariant", "variant"] }, providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }], usesOnChanges: true, ngImport: i0 });
-__decorate([
-    Transform(coerceNumberProperty),
-    __metadata("design:type", Number)
-], BadgeDirective.prototype, "value", void 0);
+    showBadge() {
+        this.badgeRef ?? (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,
+        });
+    }
+};
+BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast"], position: ["odxBadgePosition", "position"], variant: ["odxBadgeVariant", "variant"] }, usesOnChanges: true, ngImport: i0 });
 __decorate([
     Transform(coerceBooleanProperty),
-    __metadata("design:type", Boolean)
+    __metadata("design:type", Object)
 ], BadgeDirective.prototype, "contrast", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BadgeDirective, decorators: [{
+BadgeDirective = __decorate([
+    CSSComponent('badge-host')
+], BadgeDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxBadge]',
                     standalone: true,
-                    providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],
                 }]
         }], propDecorators: { value: [{
                 type: Input,
@@ -157,5 +127,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BadgeDirective, BadgePosition, BadgeVariant };
+export { BadgeComponent, BadgeDirective, BadgeVariant };
 //# sourceMappingURL=odx-angular-components-badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../libs/angular/components/badge/src/lib/badge.config.ts","../../../../libs/angular/components/badge/src/lib/models/badge-position.ts","../../../../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":["import { InjectionToken } from '@angular/core';\nimport { BadgeHost } from './facade';\n\nexport const BADGE_HOST = new InjectionToken<BadgeHost>('@odx/angular/components/badge::BadgeHost');\n","export type BadgePosition = typeof BadgePosition[keyof typeof BadgePosition];\n\nexport const BadgePosition = {\n  TOP: 'top',\n  BOTTOM: 'bottom',\n} as const;\n","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 { AfterViewInit, ChangeDetectionStrategy, Component, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { applyStyles, cssTranslate, hasChanged, injectElement, NgChanges, px } from '@odx/angular/utils';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgePosition, BadgeVariant } from './models';\n\nconst POSITION_STRATEGY: Strategy = 'fixed';\n\n@CSSComponent('badge')\n@Component({\n  selector: 'odx-badge',\n  template: '',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: true,\n})\nexport class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {\n  private readonly hostElement = inject(BADGE_HOST).hostElement;\n  private readonly zone = inject(NgZone);\n  private positionUpdater?: () => void;\n  private elementRect: DOMRect | null = null;\n\n  public readonly element = injectElement();\n\n  @Input()\n  public value = 0;\n\n  @Input()\n  public position: BadgePosition = BadgePosition.BOTTOM;\n\n  @CSSModifier()\n  @Input()\n  public contrast = false;\n\n  @CSSModifier({ default: BadgeVariant.HIGHLIGHT })\n  @Input()\n  public variant!: BadgeVariant;\n\n  public ngOnChanges(changes: NgChanges<BadgeComponent>): void {\n    if (hasChanged(changes, 'value')) {\n      this.startPositionUpdater();\n    }\n    if (hasChanged(changes, 'position')) {\n      this.updateBadgePosition();\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    this.element.nativeElement.style.position = POSITION_STRATEGY;\n    this.startPositionUpdater();\n  }\n\n  public ngOnDestroy(): void {\n    this.stopPositionUpdater();\n  }\n\n  private startPositionUpdater(): void {\n    this.element.nativeElement.dataset['value'] = this.value.toString();\n    if (this.value === 0) {\n      return this.stopPositionUpdater();\n    }\n    this.elementRect = this.element.nativeElement.getBoundingClientRect();\n    this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n      autoUpdate(this.hostElement, this.element.nativeElement, () => this.updateBadgePosition(), { animationFrame: true })\n    );\n  }\n\n  private stopPositionUpdater(): void {\n    this.positionUpdater?.();\n    this.positionUpdater = undefined;\n  }\n\n  private async updateBadgePosition(): Promise<void> {\n    const badgeOffset = (this.elementRect?.height ?? 0) / 2;\n    const badgeWidth = this.elementRect?.width ?? 0;\n    const { x, y, middlewareData } = await computePosition(this.hostElement, this.element.nativeElement, {\n      middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],\n      placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',\n      strategy: POSITION_STRATEGY,\n    });\n    if (!middlewareData.hide?.referenceHidden) {\n      applyStyles(this.element.nativeElement, { transform: cssTranslate(px(x), px(y)), display: null });\n    } else if (this.element.nativeElement.style.display !== 'none') {\n      applyStyles(this.element.nativeElement, { display: 'none' });\n    }\n  }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, inject, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { getInjector, injectElement, Transform } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgeHost } from './facade';\nimport { BadgePosition, BadgeVariant } from './models';\n\n@Directive({\n  selector: '[odxBadge]',\n  standalone: true,\n  providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],\n})\nexport class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {\n  public static ngAcceptInputType_content: NumberInput;\n  public static ngAcceptInputType_contrast: BooleanInput;\n\n  private badgeRef: ComponentRef<BadgeComponent> | null = null;\n  private readonly injector = getInjector();\n  private readonly viewContainer = inject(ViewContainerRef);\n\n  public readonly hostElement = injectElement().nativeElement;\n\n  @Transform(coerceNumberProperty)\n  @Input('odxBadge')\n  public value!: number;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxBadgeContrast')\n  public contrast!: boolean;\n\n  @Input('odxBadgePosition')\n  public position!: BadgePosition;\n\n  @Input('odxBadgeVariant')\n  public variant!: BadgeVariant;\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    this.badgeRef ??= this.viewContainer.createComponent(BadgeComponent, { injector: this.injector });\n\n    for (const prop in changes) {\n      this.badgeRef.setInput(prop, changes[prop].currentValue);\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.badgeRef?.destroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"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 { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { 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, Transform } 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 static readonly ngAcceptInputType_contrast: BooleanInput;\n\n  public readonly element = injectElement();\n\n  @Transform(coerceBooleanProperty)\n  @CSSModifier()\n  @Input()\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 { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Directive, inject, Input, 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 { getInjector, injectElement, isPresent, Position, Transform } 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  public static ngAcceptInputType_contrast: BooleanInput;\n\n  private readonly connectedOverlayService = inject(ConnectedOverlayService);\n  private readonly injector = getInjector();\n  private badgeRef: ConnectedOverlayRef | null = null;\n\n  public readonly element = injectElement();\n\n  @Input('odxBadge')\n  public value?: DynamicTextContent | null = null;\n\n  @Transform(coerceBooleanProperty)\n  @Input('odxBadgeContrast')\n  public contrast = false;\n\n  @Input('odxBadgePosition')\n  public position: Position = Position.BOTTOM_END;\n\n  @Input('odxBadgeVariant')\n  public variant!: BadgeVariant;\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    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -10,12 +10,12 @@ let BarComponent = class BarComponent {
         this.element = injectElement();
     }
 };
-BarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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: "15.1.4", ngImport: i0, type: BarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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" }]
         }] });
@@ -29,20 +29,19 @@ let BarButtonDirective = class BarButtonDirective {
     constructor() {
         this.disabledController = DisabledController.inject();
         this.element = injectElement();
+        this.variant = BarButtonVariant.DEFAULT;
     }
 };
-BarButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BarButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: BarButtonDirective, isStandalone: true, selector: "button[odxBarButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "disabledController?.disabled" } }, providers: [DisabledController.connect()], ngImport: i0 });
+BarButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: BarButtonDirective, isStandalone: true, selector: "button[odxBarButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "disabledController?.disabled" } }, providers: [DisabledController.connect()], ngImport: i0 });
 __decorate([
-    CSSModifier({
-        default: BarButtonVariant.DEFAULT,
-    }),
+    CSSModifier(),
     __metadata("design:type", Object)
 ], BarButtonDirective.prototype, "variant", void 0);
 BarButtonDirective = __decorate([
     CSSComponent('bar-button')
 ], BarButtonDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[odxBarButton]',
@@ -61,12 +60,12 @@ let BarLabelDirective = class BarLabelDirective {
         this.element = injectElement();
     }
 };
-BarLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BarLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.4", type: BarLabelDirective, isStandalone: true, selector: "[odxBarLabel]", ngImport: i0 });
+BarLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BarLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", type: BarLabelDirective, isStandalone: true, selector: "[odxBarLabel]", ngImport: i0 });
 BarLabelDirective = __decorate([
     CSSComponent('bar-label')
 ], BarLabelDirective);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxBarLabel]',
@@ -77,10 +76,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
 const modules = [BarComponent, BarButtonDirective, BarLabelDirective];
 class BarModule {
 }
-BarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: BarModule, imports: [BarComponent, BarButtonDirective, BarLabelDirective], exports: [CoreModule, BarComponent, BarButtonDirective, BarLabelDirective] });
-BarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarModule, imports: [BarComponent, CoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BarModule, decorators: [{
+BarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: BarModule, imports: [BarComponent, BarButtonDirective, BarLabelDirective], exports: [CoreModule, BarComponent, BarButtonDirective, BarLabelDirective] });
+BarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarModule, imports: [BarComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

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

@@ -1 +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    default: BarButtonVariant.DEFAULT,\n  })\n  @Input()\n  public variant?: BarButtonVariant | null;\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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"}
+{"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/fesm2020/odx-angular-components-breadcrumbs.mjs

@@ -35,12 +35,12 @@ let BreadcrumbsComponent = class BreadcrumbsComponent {
         this.icons.clear();
     }
 };
-BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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: "15.1.4", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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: [{

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

@@ -14,8 +14,8 @@ let ButtonGroupComponent = class ButtonGroupComponent {
         this.reverse = false;
     }
 };
-ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: ButtonGroupComponent, isStandalone: true, selector: "odx-button-group", inputs: { alignRight: "alignRight", block: "block", vertical: "vertical", reverse: "reverse" }, ngImport: i0, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonGroupComponent, isStandalone: true, selector: "odx-button-group", inputs: { alignRight: "alignRight", block: "block", vertical: "vertical", reverse: "reverse" }, ngImport: i0, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     CSSModifier(),
     Transform(coerceBooleanProperty),
@@ -39,7 +39,7 @@ __decorate([
 ButtonGroupComponent = __decorate([
     CSSComponent('button-group')
 ], ButtonGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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: [{

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } 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';
@@ -25,26 +25,24 @@ let ButtonComponent = class ButtonComponent {
     constructor() {
         this.element = injectElement();
         this.type = this.element.nativeElement.getAttribute('type');
+        this.variant = ButtonVariant.SECONDARY;
+        this.size = ButtonSize.MEDIUM;
     }
 };
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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[alignLeft]\"></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 });
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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[alignLeft]\"></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({
-        default: ButtonVariant.SECONDARY,
-    }),
+    CSSModifier(),
     __metadata("design:type", Object)
 ], ButtonComponent.prototype, "variant", void 0);
 __decorate([
-    CSSModifier({
-        default: ButtonSize.MEDIUM,
-    }),
+    CSSModifier(),
     __metadata("design:type", Object)
 ], ButtonComponent.prototype, "size", void 0);
 ButtonComponent = __decorate([
     CSSComponent('button')
 ], ButtonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", 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"',
@@ -55,9 +53,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                 type: Input
             }] } });
 
+class ResponsiveButtonDirective {
+    constructor() {
+        // eslint-disable-next-line @angular-eslint/no-input-rename
+        this.breakpoint = null;
+    }
+}
+ResponsiveButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ResponsiveButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ResponsiveButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.8", 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: "15.2.8", 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 };
+export { ButtonComponent, ButtonSize, ButtonVariant, ResponsiveButtonDirective };
 //# sourceMappingURL=odx-angular-components-button.mjs.map

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

@@ -1 +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/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    default: ButtonVariant.SECONDARY,\n  })\n  @Input()\n  public variant?: ButtonVariant | null;\n\n  @CSSModifier({\n    default: ButtonSize.MEDIUM,\n  })\n  @Input()\n  public size?: ButtonSize | null;\n}\n","<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></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;;;ACFL,MAAA,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,MAAM,EAAE,QAAQ;;;ACUL,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;QACW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAuC,CAAC;QAC/D,IAAI,CAAA,IAAA,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAaxE,KAAA;;4GAfY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,6PCnB5B,kJAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADoBE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,aAAa,CAAC,SAAS;KACjC,CAAC;;AAEoC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEtC,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,MAAM;KAC3B,CAAC;;AAE8B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAdrB,eAAe,GAAA,UAAA,CAAA;IAb3B,YAAY,CAAC,QAAQ,CAAC;AAaV,CAAA,EAAA,eAAe,CAe3B,CAAA;2FAfY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAEN,QAAA,EAAA,iCAAiC,EAE5B,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,cAAA,EAC/B,CAAC,iBAAiB,CAAC,EAC7B,IAAA,EAAA;AACJ,wBAAA,aAAa,EAAE,kBAAkB;AAClC,qBAAA,EAAA,QAAA,EAAA,kJAAA,EAAA,CAAA;8BAUM,OAAO,EAAA,CAAA;sBADb,KAAK;gBAOC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEhCR;;AAEG;;;;"}
+{"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[alignLeft]\"></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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"}