@odx/angular 1.0.0-rc.0 → 1.0.0-rc.2

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

@@ -1,7 +1,8 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input } 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',
@@ -10,12 +11,12 @@ const AvatarSize = {
 };
 
 let AvatarComponent = class AvatarComponent {
-    constructor(element) {
-        this.element = element;
+    constructor() {
+        this.element = injectElement();
     }
 };
-AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     CSSModifier({
         default: AvatarSize.SMALL,
@@ -23,13 +24,12 @@ __decorate([
     __metadata("design:type", Object)
 ], AvatarComponent.prototype, "size", void 0);
 AvatarComponent = __decorate([
-    CSSComponent('avatar'),
-    __metadata("design:paramtypes", [ElementRef])
+    CSSComponent('avatar')
 ], AvatarComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: AvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", 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" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
+        }], propDecorators: { size: [{
                 type: Input
             }] } });
 

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

@@ -1 +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/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","import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { AvatarSize } 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  @CSSModifier({\n    default: AvatarSize.SMALL,\n  })\n  @Input()\n  public size?: AvatarSize | null;\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {}\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;;;ACOH,IAAA,eAAe,SAAf,eAAe,CAAA;AAO1B,IAAA,WAAA,CAA4B,OAAgC,EAAA;AAAhC,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;KAAI;EACjE;4GARY,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,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,gGCZ5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;ADYG,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,KAAK;KAC1B,CAAC;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AALrB,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;qCAegB,UAAU,CAAA,CAAA;CAPpC,EAAA,eAAe,CAQ3B,CAAA;2FARY,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;iGAOxC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEhBR;;AAEG;;;;"}
+{"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/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","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize } 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    default: AvatarSize.SMALL,\n  })\n  @Input()\n  public size?: AvatarSize | null;\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;;;ACQH,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;KAO3C;;4GARY,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,gGCb5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADeE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,KAAK;KAC1B,CAAC;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPrB,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;CAQV,EAAA,eAAe,CAQ3B,CAAA;2FARY,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;8BASxC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEnBR;;AAEG;;;;"}

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

@@ -1,9 +1,9 @@
 import { __awaiter, __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ElementRef, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Directive } from '@angular/core';
+import { InjectionToken, inject, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Injector, ViewContainerRef, Directive } from '@angular/core';
 import { autoUpdate, computePosition, offset, hide } from '@floating-ui/dom';
-import { applyStyles, px, CSSModifier, CSSComponent } from '@odx/angular/internal';
-import { hasChanged, Transform } from '@odx/angular/utils';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, hasChanged, applyStyles, px, Transform } from '@odx/angular/utils';
 import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
 
 const BADGE_HOST = new InjectionToken('@odx/angular/components/badge::BadgeHost');
@@ -21,12 +21,11 @@ const BadgeVariant = {
 
 const POSITION_STRATEGY = 'fixed';
 let BadgeComponent = class BadgeComponent {
-    constructor(element, zone) {
-        this.element = element;
-        this.zone = zone;
+    constructor() {
         this.hostElement = inject(BADGE_HOST).hostElement;
-        this.referenceElement = this.element.nativeElement;
+        this.zone = inject(NgZone);
         this.elementRect = null;
+        this.element = injectElement();
         this.value = 0;
         this.position = BadgePosition.BOTTOM;
         this.contrast = false;
@@ -40,7 +39,7 @@ let BadgeComponent = class BadgeComponent {
         }
     }
     ngAfterViewInit() {
-        this.referenceElement.style.position = POSITION_STRATEGY;
+        this.element.nativeElement.style.position = POSITION_STRATEGY;
         this.startPositionUpdater();
     }
     ngOnDestroy() {
@@ -48,12 +47,12 @@ let BadgeComponent = class BadgeComponent {
     }
     startPositionUpdater() {
         var _a;
-        this.referenceElement.dataset['value'] = this.value.toString();
+        this.element.nativeElement.dataset['value'] = this.value.toString();
         if (this.value === 0) {
             return this.stopPositionUpdater();
         }
-        this.elementRect = this.referenceElement.getBoundingClientRect();
-        (_a = this.positionUpdater) !== null && _a !== void 0 ? _a : (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.referenceElement, () => this.updateBadgePosition(), { animationFrame: true })));
+        this.elementRect = this.element.nativeElement.getBoundingClientRect();
+        (_a = this.positionUpdater) !== null && _a !== void 0 ? _a : (this.positionUpdater = this.zone.runOutsideAngular(() => autoUpdate(this.hostElement, this.element.nativeElement, () => this.updateBadgePosition(), { animationFrame: true })));
     }
     stopPositionUpdater() {
         var _a;
@@ -65,22 +64,22 @@ let BadgeComponent = class BadgeComponent {
         return __awaiter(this, void 0, void 0, function* () {
             const badgeOffset = ((_b = (_a = this.elementRect) === null || _a === void 0 ? void 0 : _a.height) !== null && _b !== void 0 ? _b : 0) / 2;
             const badgeWidth = (_d = (_c = this.elementRect) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : 0;
-            const { x, y, middlewareData } = yield computePosition(this.hostElement, this.referenceElement, {
+            const { x, y, middlewareData } = yield 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 (!((_e = middlewareData.hide) === null || _e === void 0 ? void 0 : _e.referenceHidden)) {
-                applyStyles(this.referenceElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });
+                applyStyles(this.element.nativeElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });
             }
-            else if (this.referenceElement.style.display !== 'none') {
-                applyStyles(this.referenceElement, { display: 'none' });
+            else if (this.element.nativeElement.style.display !== 'none') {
+                applyStyles(this.element.nativeElement, { display: 'none' });
             }
         });
     }
 };
-BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", 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: "14.2.7", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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 });
 __decorate([
     CSSModifier(),
     __metadata("design:type", Object)
@@ -90,10 +89,9 @@ __decorate([
     __metadata("design:type", String)
 ], BadgeComponent.prototype, "variant", void 0);
 BadgeComponent = __decorate([
-    CSSComponent('badge'),
-    __metadata("design:paramtypes", [ElementRef, NgZone])
+    CSSComponent('badge')
 ], BadgeComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'odx-badge',
@@ -102,7 +100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     standalone: true,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { value: [{
+        }], propDecorators: { value: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -113,11 +111,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
             }] } });
 
 class BadgeDirective {
-    constructor(injector, viewContainer) {
-        this.injector = injector;
-        this.viewContainer = viewContainer;
+    constructor() {
         this.badgeRef = null;
-        this.hostElement = inject((ElementRef)).nativeElement;
+        this.injector = inject(Injector);
+        this.viewContainer = inject(ViewContainerRef);
+        this.hostElement = injectElement().nativeElement;
     }
     ngOnChanges(changes) {
         var _a;
@@ -131,8 +129,8 @@ class BadgeDirective {
         (_a = this.badgeRef) === null || _a === void 0 ? void 0 : _a.destroy();
     }
 }
-BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeDirective, deps: [{ token: i0.Injector }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", 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 });
+BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.7", 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)
@@ -141,14 +139,14 @@ __decorate([
     Transform(coerceBooleanProperty),
     __metadata("design:type", Boolean)
 ], BadgeDirective.prototype, "contrast", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[odxBadge]',
                     standalone: true,
                     providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ViewContainerRef }]; }, propDecorators: { value: [{
+        }], propDecorators: { value: [{
                 type: Input,
                 args: ['odxBadge']
             }], contrast: [{

package/fesm2015/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, ElementRef, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { applyStyles, CSSComponent, CSSModifier, px } from '@odx/angular/internal';\nimport { hasChanged, NgChanges } 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 referenceElement = this.element.nativeElement;\n  private positionUpdater?: () => void;\n  private elementRect: DOMRect | null = null;\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  constructor(public readonly element: ElementRef<HTMLElement>, private readonly zone: NgZone) {}\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.referenceElement.style.position = POSITION_STRATEGY;\n    this.startPositionUpdater();\n  }\n\n  public ngOnDestroy(): void {\n    this.stopPositionUpdater();\n  }\n\n  private startPositionUpdater(): void {\n    this.referenceElement.dataset['value'] = this.value.toString();\n    if (this.value === 0) {\n      return this.stopPositionUpdater();\n    }\n    this.elementRect = this.referenceElement.getBoundingClientRect();\n    this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n      autoUpdate(this.hostElement, this.referenceElement, () => 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.referenceElement, {\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.referenceElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });\n    } else if (this.referenceElement.style.display !== 'none') {\n      applyStyles(this.referenceElement, { display: 'none' });\n    }\n  }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, ElementRef, inject, Injector, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { 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\n  public readonly hostElement = inject(ElementRef<HTMLElement>).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  constructor(private readonly injector: Injector, private readonly viewContainer: ViewContainerRef) {}\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/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, 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: `translate(${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, Injector, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { 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 = inject(Injector);\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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"}

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

@@ -0,0 +1,60 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, Transform } from '@odx/angular/utils';
+
+let ButtonGroupComponent = class ButtonGroupComponent {
+    constructor() {
+        this.element = injectElement();
+        this.alignRight = false;
+        this.block = false;
+        this.vertical = false;
+        this.reverse = false;
+    }
+};
+ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", 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),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "alignRight", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "block", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "vertical", void 0);
+__decorate([
+    CSSModifier(),
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ButtonGroupComponent.prototype, "reverse", void 0);
+ButtonGroupComponent = __decorate([
+    CSSComponent('button-group')
+], ButtonGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", 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
+            }], block: [{
+                type: Input
+            }], vertical: [{
+                type: Input
+            }], reverse: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonGroupComponent };
+//# sourceMappingURL=odx-angular-components-button-group.mjs.map

package/fesm2015/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 { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } 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 static ngAcceptInputType_reverse: BooleanInput;\n  public static ngAcceptInputType_block: BooleanInput;\n  public static ngAcceptInputType_alignRight: BooleanInput;\n  public static ngAcceptInputType_vertical: BooleanInput;\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public alignRight = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public block = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public vertical = false;\n\n  @CSSModifier()\n  @Transform(coerceBooleanProperty)\n  @Input()\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":";;;;;;;AAaa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAKnC,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAKnB,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;AAKd,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAKjB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACxB;;iHA3BY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,4KCbjC,wEACA,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,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEP,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAE1B,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEZ,EAAA,oBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAErB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAET,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAExB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEV,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA1BZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc,CAAC;CAQhB,EAAA,oBAAoB,CA2BhC,CAAA;2FA3BY,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;8BAaxC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAMC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAMC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAMC,OAAO,EAAA,CAAA;sBADb,KAAK;;;AEtCR;;AAEG;;;;"}

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

@@ -1,9 +1,14 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Attribute, Input } from '@angular/core';
-import { NgForm, FormGroupDirective } from '@angular/forms';
-import { DISABLED_CONTROLLER, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { DisabledController } 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',
@@ -16,53 +21,42 @@ const ButtonVariant = {
 };
 
 let ButtonComponent = class ButtonComponent {
-    constructor(type, element) {
-        this.type = type;
-        this.element = element;
-        this.isSubmitButton = this.type === 'submit';
-        this.isResetButton = this.type === 'reset';
-        this.disabledController = inject(DISABLED_CONTROLLER, { optional: true });
-        this.form = inject(NgForm, { optional: true });
-        this.formGroup = inject(FormGroupDirective, { optional: true });
+    constructor() {
+        this.disabledController = DisabledController.inject();
+        this.element = injectElement();
     }
-    get isDisabled() {
+    get type() {
         var _a;
-        return ((_a = this.disabledController) === null || _a === void 0 ? void 0 : _a.disabled) || (this.isSubmitButton && this.isParentFormInvalid) || (this.isResetButton && this.isParentFormDirty);
-    }
-    get isParentFormInvalid() {
-        var _a, _b;
-        return !!((_a = this.form) === null || _a === void 0 ? void 0 : _a.invalid) || !!((_b = this.formGroup) === null || _b === void 0 ? void 0 : _b.invalid);
-    }
-    get isParentFormDirty() {
-        var _a, _b;
-        return !!((_a = this.form) === null || _a === void 0 ? void 0 : _a.dirty) || !!((_b = this.formGroup) === null || _b === void 0 ? void 0 : _b.dirty);
+        return (_a = this.element.nativeElement.type) !== null && _a !== void 0 ? _a : null;
     }
 };
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ButtonComponent, deps: [{ token: 'type', attribute: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant" }, host: { properties: { "class.is-disabled": "isDisabled", "attr.disabled": "isDisabled || null", "attr.role": "\"button\"" } }, providers: [DISABLED_CONTROLLER_PROVIDER], 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: "14.2.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant", size: "size" }, host: { properties: { "class.is-disabled": "disabledController?.disabled", "attr.type": "type || \"button\"", "attr.role": "\"button\"" } }, providers: [DisabledController.connect()], 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,
     }),
     __metadata("design:type", Object)
 ], ButtonComponent.prototype, "variant", void 0);
+__decorate([
+    CSSModifier({
+        default: ButtonSize.MEDIUM,
+    }),
+    __metadata("design:type", Object)
+], ButtonComponent.prototype, "size", void 0);
 ButtonComponent = __decorate([
-    CSSComponent('button'),
-    __metadata("design:paramtypes", [Object, ElementRef])
+    CSSComponent('button')
 ], ButtonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DISABLED_CONTROLLER_PROVIDER], host: {
-                        '[class.is-disabled]': 'isDisabled',
-                        '[attr.disabled]': 'isDisabled || null',
+            args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect()], host: {
+                        '[class.is-disabled]': 'disabledController?.disabled',
+                        '[attr.type]': 'type || "button"',
                         '[attr.role]': '"button"',
                     }, template: "<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n" }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Attribute,
-                        args: ['type']
-                    }] }, { type: i0.ElementRef }];
-    }, propDecorators: { variant: [{
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
                 type: Input
             }] } });
 
@@ -70,5 +64,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, ButtonVariant };
+export { ButtonComponent, ButtonSize, ButtonVariant };
 //# sourceMappingURL=odx-angular-components-button.mjs.map

package/fesm2015/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-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 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 { Attribute, ChangeDetectionStrategy, Component, ElementRef, inject, Input, ViewEncapsulation } from '@angular/core';\nimport { FormGroupDirective, NgForm } from '@angular/forms';\nimport { DISABLED_CONTROLLER, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { 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  providers: [DISABLED_CONTROLLER_PROVIDER],\n  host: {\n    '[class.is-disabled]': 'isDisabled',\n    '[attr.disabled]': 'isDisabled || null',\n    '[attr.role]': '\"button\"',\n  },\n})\nexport class ButtonComponent {\n  private readonly isSubmitButton = this.type === 'submit';\n  private readonly isResetButton = this.type === 'reset';\n\n  protected readonly disabledController = inject(DISABLED_CONTROLLER, { optional: true });\n  protected readonly form = inject(NgForm, { optional: true });\n  protected readonly formGroup = inject(FormGroupDirective, { optional: true });\n\n  public get isDisabled(): boolean {\n    return this.disabledController?.disabled || (this.isSubmitButton && this.isParentFormInvalid) || (this.isResetButton && this.isParentFormDirty);\n  }\n\n  public get isParentFormInvalid(): boolean {\n    return !!this.form?.invalid || !!this.formGroup?.invalid;\n  }\n\n  public get isParentFormDirty(): boolean {\n    return !!this.form?.dirty || !!this.formGroup?.dirty;\n  }\n\n  @CSSModifier({\n    default: ButtonVariant.SECONDARY,\n  })\n  @Input()\n  public variant?: ButtonVariant | null;\n\n  constructor(@Attribute('type') public readonly type: string | null, public readonly element: ElementRef<HTMLButtonElement | HTMLLinkElement>) {}\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":"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"}
+{"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 { DisabledController } 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  providers: [DisabledController.connect()],\n  host: {\n    '[class.is-disabled]': 'disabledController?.disabled',\n    '[attr.type]': 'type || \"button\"',\n    '[attr.role]': '\"button\"',\n  },\n})\nexport class ButtonComponent {\n  protected readonly disabledController = DisabledController.inject();\n\n  public readonly element = injectElement<HTMLButtonElement | HTMLLinkElement>();\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  public get type(): string | null {\n    return this.element.nativeElement.type ?? null;\n  }\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;;;ACYL,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACc,QAAA,IAAA,CAAA,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAEpD,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAuC,CAAC;KAiBhF;AAHC,IAAA,IAAW,IAAI,GAAA;;QACb,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC;KAChD;;4GAnBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,8BAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAPf,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,0BCd3C,kJAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADuBE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,aAAa,CAAC,SAAS;KACjC,CAAC;;CAEoC,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;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAfrB,eAAe,GAAA,UAAA,CAAA;IAf3B,YAAY,CAAC,QAAQ,CAAC;CAeV,EAAA,eAAe,CAoB3B,CAAA;2FApBY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YAEN,iCAAiC,EAAA,aAAA,EAE5B,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,aACpC,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,EACnC,IAAA,EAAA;AACJ,wBAAA,qBAAqB,EAAE,8BAA8B;AACrD,wBAAA,aAAa,EAAE,kBAAkB;AACjC,wBAAA,aAAa,EAAE,UAAU;AAC1B,qBAAA,EAAA,QAAA,EAAA,kJAAA,EAAA,CAAA;8BAWM,OAAO,EAAA,CAAA;sBADb,KAAK;gBAOC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEnCR;;AAEG;;;;"}

package/fesm2015/odx-angular-components-checkbox.mjs

@@ -1,27 +1,19 @@
 import { __decorate, __metadata } from 'tslib';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
-import { Validators } from '@angular/forms';
-import * as i1 from '@odx/angular';
-import { CustomFormControl, DISABLED_CONTROLLER_PROVIDER, CoreModule } from '@odx/angular';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
+import { DisabledController, ReadonlyController } from '@odx/angular';
+import { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';
+import { ControlDirective } from '@odx/angular/cdk/custom-form-control';
 import { IconComponent } from '@odx/angular/components/icon';
 import { CSSModifier, CSSComponent } from '@odx/angular/internal';
 
-let CheckboxComponent = class CheckboxComponent extends CustomFormControl {
-    constructor(element) {
-        super(false);
-        this.element = element;
+let CheckboxComponent = class CheckboxComponent extends CheckBoxControl {
+    constructor() {
+        super(...arguments);
         this.isIndeterminate = false;
-        this.value = null;
         this.indeterminateChange = new EventEmitter();
     }
-    set checked(value) {
-        this.controlValue = value;
-    }
-    get checked() {
-        return this.controlValue;
-    }
     set indeterminate(value) {
         if (this.isIndeterminate !== value) {
             this.isIndeterminate = coerceBooleanProperty(value);
@@ -35,38 +27,30 @@ let CheckboxComponent = class CheckboxComponent extends CustomFormControl {
         return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';
     }
     get modifierIcon() {
-        return this.indeterminate ? 'indeterminate' : 'checkmark';
+        return this.indeterminate ? 'indeterminate' : 'check';
     }
     onChanged(event) {
         event.stopPropagation();
         this.indeterminate = false;
         super.updateValue(event.target.checked);
     }
-    updateRequiredValidator() {
-        this.toggleValidator(Validators.requiredTrue, this.required);
-    }
 };
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { checked: "checked", indeterminate: "indeterminate", value: "value" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [DISABLED_CONTROLLER_PROVIDER], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-checkbox__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxControl\n    odxMonitorFocus\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || readonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"readonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.DisabledController, selector: "[disabled]", inputs: ["disabled"] }, { kind: "directive", type: i1.ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }, { kind: "directive", type: i1.MonitorFocusDirective, selector: "[odxMonitorFocus]", exportAs: ["odxMonitorFocus"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { indeterminate: "indeterminate" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"required || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }, { kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     CSSModifier(),
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [Object])
 ], CheckboxComponent.prototype, "indeterminate", null);
 CheckboxComponent = __decorate([
-    CSSComponent('checkbox'),
-    __metadata("design:paramtypes", [ElementRef])
+    CSSComponent('checkbox')
 ], CheckboxComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CoreModule, IconComponent], providers: [DISABLED_CONTROLLER_PROVIDER], host: {
+            args: [{ standalone: true, selector: 'odx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, ControlDirective], providers: [DisabledController.connect(), ReadonlyController.connect()], host: {
                         '[class.is-active]': 'checked || indeterminate',
-                    }, template: "<label class=\"odx-checkbox__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxControl\n    odxMonitorFocus\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || readonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"readonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { checked: [{
-                type: Input
-            }], indeterminate: [{
-                type: Input
-            }], value: [{
+                    }, template: "<label class=\"odx-checkbox__label\">\n  <input\n    odxControl\n    class=\"odx-checkbox__input\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"hasError || null\"\n    [attr.aria-readonly]=\"isReadonly || null\"\n    [attr.aria-required]=\"required || null\"\n    [checked]=\"checked\"\n    [disabled]=\"isDisabled || isReadonly\"\n    [indeterminate]=\"indeterminate\"\n    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-checkbox__indicator\">\n    <odx-icon [name]=\"modifierIcon\"></odx-icon>\n  </div>\n  <div class=\"odx-checkbox__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
+        }], propDecorators: { indeterminate: [{
                 type: Input
             }], indeterminateChange: [{
                 type: Output