@odx/angular 1.0.0-rc.1 → 1.0.0-rc.10

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-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 { 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;;;;"}

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

@@ -1,27 +1,21 @@
 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 { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, forwardRef, Directive, NgModule } from '@angular/core';
 import * as i1 from '@odx/angular';
-import { CustomFormControl, DISABLED_CONTROLLER_PROVIDER, CoreModule } from '@odx/angular';
+import { ReadonlyController, WithDisabledState, CoreModule } 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';
+import { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';
 
-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,46 +29,77 @@ 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: "15.1.5", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { indeterminate: "indeterminate" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [ReadonlyController.connect()], usesInheritance: true, hostDirectives: [{ directive: i1.WithDisabledState }], 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]=\"isRequired || 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: "15.1.5", 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: [ReadonlyController.connect()], hostDirectives: [WithDisabledState], 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]=\"isRequired || 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
             }] } });
 
+class CheckboxValidator extends CheckboxRequiredValidator {
+}
+CheckboxValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+CheckboxValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: CheckboxValidator, isStandalone: true, selector: "odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]", providers: [
+        {
+            provide: NG_VALIDATORS,
+            useExisting: forwardRef(() => CheckboxValidator),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CheckboxValidator, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => CheckboxValidator),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+const modules = [CheckboxComponent, CheckboxValidator];
+class CheckboxModule {
+}
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] });
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxComponent };
+export { CheckboxComponent, CheckboxModule, CheckboxValidator };
 //# sourceMappingURL=odx-angular-components-checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-output-native */\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { Validators } from '@angular/forms';\nimport { CoreModule, CustomFormControl, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CoreModule, IconComponent],\n  providers: [DISABLED_CONTROLLER_PROVIDER],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CustomFormControl<boolean> {\n  public static ngAcceptInputType_checked: BooleanInput;\n  public static ngAcceptInputType_indeterminate: BooleanInput;\n\n  private isIndeterminate = false;\n\n  @Input()\n  public set checked(value: boolean) {\n    this.controlValue = value;\n  }\n  public get checked(): boolean {\n    return this.controlValue;\n  }\n\n  @CSSModifier()\n  @Input()\n  public set indeterminate(value: unknown) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = coerceBooleanProperty(value);\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  @Input()\n  public value: string | null = null;\n\n  public get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'indeterminate' : 'checkmark';\n  }\n\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {\n    super(false);\n  }\n\n  public onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n  }\n\n  protected override updateRequiredValidator(): void {\n    this.toggleValidator(Validators.requiredTrue, this.required);\n  }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;IAqBa,iBAAiB,GAAA,MAAjB,iBAAkB,SAAQ,iBAA0B,CAAA;AAwC/D,IAAA,WAAA,CAA4B,OAAgC,EAAA;QAC1D,KAAK,CAAC,KAAK,CAAC,CAAC;QADa,IAAO,CAAA,OAAA,GAAP,OAAO,CAAyB;QApCpD,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;QAuBzB,IAAK,CAAA,KAAA,GAAkB,IAAI,CAAC;AAWnB,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAW,CAAC;KAIjE;IApCD,IACW,OAAO,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;KAC3B;AACD,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;AAIU,IAAA,IAAA,aAAa,CAAC,KAAc,EAAA;AACrC,QAAA,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE;AAClC,YAAA,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACrD,SAAA;KACF;AACD,IAAA,IAAW,aAAa,GAAA;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;AAKD,IAAA,IAAW,WAAW,GAAA;QACpB,OAAO,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;KACvE;AAED,IAAA,IAAW,YAAY,GAAA;QACrB,OAAO,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,WAAW,CAAC;KAC3D;AASM,IAAA,SAAS,CAAC,KAAY,EAAA;QAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,WAAW,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAC;KAC/D;IAEkB,uBAAuB,GAAA;QACxC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC9D;EACF;8GArDY,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,SAAA,EALjB,CAAC,4BAA4B,CAAC,iDChB3C,8sBAwBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDTY,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;AAoBlC,IAAA,WAAW,EAAE;;;AAOb,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA,CAAA;AArBU,iBAAiB,GAAA,UAAA,CAAA;IAb7B,YAAY,CAAC,UAAU,CAAC;qCAqDc,UAAU,CAAA,CAAA;AAxCpC,CAAA,EAAA,iBAAiB,CAqD7B,CAAA;2FArDY,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,cAAc,EAEP,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,WAC5B,CAAC,UAAU,EAAE,aAAa,CAAC,aACzB,CAAC,4BAA4B,CAAC,EACnC,IAAA,EAAA;AACJ,wBAAA,mBAAmB,EAAE,0BAA0B;AAChD,qBAAA,EAAA,QAAA,EAAA,8sBAAA,EAAA,CAAA;iGASU,OAAO,EAAA,CAAA;sBADjB,KAAK;gBAUK,aAAa,EAAA,CAAA;sBADvB,KAAK;gBAYC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAYU,mBAAmB,EAAA,CAAA;sBADlC,MAAM;;;AE1DT;;AAEG;;;;"}
+{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { ReadonlyController, WithDisabledState } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n  standalone: true,\n  selector: 'odx-checkbox',\n  templateUrl: 'checkbox.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [IconComponent, ControlDirective],\n  providers: [ReadonlyController.connect()],\n  hostDirectives: [WithDisabledState],\n  host: {\n    '[class.is-active]': 'checked || indeterminate',\n  },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n  public static ngAcceptInputType_indeterminate: BooleanInput;\n\n  private isIndeterminate = false;\n\n  @CSSModifier()\n  @Input()\n  public set indeterminate(value: unknown) {\n    if (this.isIndeterminate !== value) {\n      this.isIndeterminate = coerceBooleanProperty(value);\n      this.indeterminateChange.emit(this.isIndeterminate);\n    }\n  }\n\n  public get indeterminate(): boolean {\n    return this.isIndeterminate;\n  }\n\n  @Output()\n  public readonly indeterminateChange = new EventEmitter<boolean>();\n\n  public override get ariaChecked(): string {\n    return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n  }\n\n  public get modifierIcon(): string {\n    return this.indeterminate ? 'indeterminate' : 'check';\n  }\n\n  public override onChanged(event: Event): void {\n    event.stopPropagation();\n    this.indeterminate = false;\n    super.updateValue((event.target as HTMLInputElement).checked);\n  }\n}\n","<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]=\"isRequired || 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","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n@Directive({\n  standalone: true,\n  selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxValidator),\n      multi: true,\n    },\n  ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\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-chip.mjs

@@ -0,0 +1,71 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement, Transform } from '@odx/angular/utils';
+import * as i1 from '@angular/common';
+
+const ChipSize = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+};
+
+const ChipVariant = {
+    SECONDARY: 'secondary',
+    HIGHLIGHT: 'highlight',
+    SUCCESS: 'success',
+    DANGER: 'danger',
+};
+
+let ChipComponent = class ChipComponent {
+    constructor() {
+        this.element = injectElement();
+        this.removable = false;
+        this.size = ChipSize.SMALL;
+        this.variant = ChipVariant.SECONDARY;
+        this.remove = new EventEmitter();
+    }
+    onClick() {
+        this.remove.emit();
+    }
+};
+ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: "removable", size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    Transform(coerceBooleanProperty),
+    __metadata("design:type", Object)
+], ChipComponent.prototype, "removable", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", String)
+], ChipComponent.prototype, "size", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", String)
+], ChipComponent.prototype, "variant", void 0);
+ChipComponent = __decorate([
+    CSSComponent('chip')
+], ChipComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ChipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-chip', imports: [CoreModule, ButtonComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n" }]
+        }], propDecorators: { removable: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], remove: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChipComponent, ChipSize, ChipVariant };
+//# sourceMappingURL=odx-angular-components-chip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-chip.mjs","sources":["../../../../libs/angular/components/chip/src/lib/models/chip-size.ts","../../../../libs/angular/components/chip/src/lib/models/chip-variant.ts","../../../../libs/angular/components/chip/src/lib/chip.component.ts","../../../../libs/angular/components/chip/src/lib/chip.component.html","../../../../libs/angular/components/chip/src/odx-angular-components-chip.ts"],"sourcesContent":["export type ChipSize = typeof ChipSize[keyof typeof ChipSize];\n\nexport const ChipSize = {\n  SMALL: 'small',\n  MEDIUM: 'medium',\n} as const;\n","export type ChipVariant = typeof ChipVariant[keyof typeof ChipVariant];\n\nexport const ChipVariant = {\n  SECONDARY: 'secondary',\n  HIGHLIGHT: 'highlight',\n  SUCCESS: 'success',\n  DANGER: 'danger',\n} as const;\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\nimport { ChipSize, ChipVariant } from './models';\n\n@CSSComponent('chip')\n@Component({\n  selector: 'odx-chip',\n  templateUrl: './chip.component.html',\n  imports: [CoreModule, ButtonComponent, IconComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class ChipComponent {\n  public static ngAcceptInputType_removable: BooleanInput;\n  public readonly element = injectElement();\n\n  @Transform(coerceBooleanProperty)\n  @Input()\n  public removable = false;\n\n  @CSSModifier()\n  @Input()\n  public size: ChipSize = ChipSize.SMALL;\n\n  @CSSModifier()\n  @Input()\n  public variant: ChipVariant = ChipVariant.SECONDARY;\n\n  @Output()\n  public remove = new EventEmitter<void>();\n\n  public onClick(): void {\n    this.remove.emit();\n  }\n}\n","<div class=\"odx-chip__content\">\n  <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n  <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAEa,MAAA,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;;;ACFL,MAAA,WAAW,GAAG;AACzB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;;;ACYL,IAAA,aAAa,GAAnB,MAAM,aAAa,CAAA;AAAnB,IAAA,WAAA,GAAA;QAEW,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;QAInC,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAIlB,QAAA,IAAA,CAAA,IAAI,GAAa,QAAQ,CAAC,KAAK,CAAC;AAIhC,QAAA,IAAA,CAAA,OAAO,GAAgB,WAAW,CAAC,SAAS,CAAC;AAG7C,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;AAK1C,KAAA;IAHQ,OAAO,GAAA;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACpB;;0GArBU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,yKClB1B,4RAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOY,UAAU,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,yGAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AASpD,UAAA,CAAA;IAAC,SAAS,CAAC,qBAAqB,CAAC;;AAER,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEzB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;AAEyB,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEvC,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;AAEsC,CAAA,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAdzC,aAAa,GAAA,UAAA,CAAA;IATzB,YAAY,CAAC,MAAM,CAAC;AASR,CAAA,EAAA,aAAa,CAsBzB,CAAA;2FAtBY,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WAEX,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,CAAC,EACtC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,4RAAA,EAAA,CAAA;8BAQT,SAAS,EAAA,CAAA;sBADf,KAAK;gBAKC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,MAAM;;;AElCT;;AAEG;;;;"}

package/fesm2020/odx-angular-components-circular-progress.mjs

@@ -0,0 +1,110 @@
+import { __decorate, __metadata } from 'tslib';
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { fromElementResize$ } from '@odx/angular/rxjs';
+import { untilDestroyed, injectElement, hasChanged, Transform } from '@odx/angular/utils';
+
+const CircularProgressSize = {
+    AUTO: 'auto',
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
+
+let CircularProgressComponent = class CircularProgressComponent {
+    constructor() {
+        this.changeDetector = inject(ChangeDetectorRef);
+        this.takeUntilDestroyed = untilDestroyed();
+        this._value = 0;
+        this.viewPortSize = 100;
+        this.radius = 0;
+        this.normalizedStroke = 0;
+        this.circumference = 283;
+        this.element = injectElement();
+        this.indeterminate = false;
+        this.stroke = 4;
+        this.size = CircularProgressSize.MEDIUM;
+    }
+    get ariaValueNow() {
+        return this.indeterminate ? null : this.value;
+    }
+    get progressValue() {
+        return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);
+    }
+    set value(value) {
+        const coercedValue = coerceNumberProperty(value);
+        if (coercedValue <= 100 && coercedValue >= -1) {
+            this._value = coercedValue;
+            this.indeterminate = coercedValue === -1;
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    ngAfterViewInit() {
+        fromElementResize$(this.element.nativeElement)
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(() => this.updateDimensions());
+    }
+    ngOnChanges(changes) {
+        if (hasChanged(changes, ['stroke', 'size'])) {
+            this.updateDimensions();
+        }
+    }
+    updateDimensions() {
+        const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);
+        this.normalizedStroke = normalizeFactor * this.stroke;
+        if (normalizeFactor >= 3) {
+            this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);
+        }
+        this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;
+        this.circumference = Math.floor(2 * this.radius * Math.PI);
+        this.changeDetector.detectChanges();
+    }
+};
+CircularProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CircularProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: CircularProgressComponent, isStandalone: true, selector: "odx-circular-progress", inputs: { stroke: "stroke", size: "size", value: "value" }, host: { properties: { "attr.aria-valuenow": "ariaValueNow", "attr.aria-valuemax": "100", "attr.aria-valuemin": "0", "attr.role": "\"meter\"" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], CircularProgressComponent.prototype, "indeterminate", void 0);
+__decorate([
+    Transform(coerceNumberProperty),
+    __metadata("design:type", Object)
+], CircularProgressComponent.prototype, "stroke", void 0);
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], CircularProgressComponent.prototype, "size", void 0);
+__decorate([
+    Transform(coerceNumberProperty),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CircularProgressComponent.prototype, "value", null);
+CircularProgressComponent = __decorate([
+    CSSComponent('circular-progress')
+], CircularProgressComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: CircularProgressComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-circular-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[attr.aria-valuenow]': 'ariaValueNow',
+                        '[attr.aria-valuemax]': '100',
+                        '[attr.aria-valuemin]': '0',
+                        '[attr.role]': '"meter"',
+                    }, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { indeterminate: [], stroke: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CircularProgressComponent, CircularProgressSize };
+//# sourceMappingURL=odx-angular-components-circular-progress.mjs.map

package/fesm2020/odx-angular-components-circular-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-circular-progress.mjs","sources":["../../../../libs/angular/components/circular-progress/src/lib/models/circular-progress-size.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.ts","../../../../libs/angular/components/circular-progress/src/lib/circular-progress.component.html","../../../../libs/angular/components/circular-progress/src/odx-angular-components-circular-progress.ts"],"sourcesContent":["export type CircularProgressSize = typeof CircularProgressSize[keyof typeof CircularProgressSize];\n\nexport const CircularProgressSize = {\n  AUTO: 'auto',\n  SMALL: 'small',\n  MEDIUM: 'medium',\n  LARGE: 'large',\n} as const;\n","import { coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, OnChanges, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { fromElementResize$ } from '@odx/angular/rxjs';\nimport { hasChanged, injectElement, NgChanges, Transform, untilDestroyed } from '@odx/angular/utils';\nimport { CircularProgressSize } from './models/circular-progress-size';\n\n@CSSComponent('circular-progress')\n@Component({\n  standalone: true,\n  selector: 'odx-circular-progress',\n  templateUrl: './circular-progress.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[attr.aria-valuenow]': 'ariaValueNow',\n    '[attr.aria-valuemax]': '100',\n    '[attr.aria-valuemin]': '0',\n    '[attr.role]': '\"meter\"',\n  },\n})\nexport class CircularProgressComponent implements OnChanges, AfterViewInit {\n  public static ngAcceptInputType_size: NumberInput;\n  public static ngAcceptInputType_stroke: NumberInput;\n  public static ngAcceptInputType_value: NumberInput;\n\n  private readonly changeDetector = inject(ChangeDetectorRef);\n  private readonly takeUntilDestroyed = untilDestroyed();\n  private _value = 0;\n\n  protected readonly viewPortSize = 100;\n  protected radius = 0;\n  protected normalizedStroke = 0;\n  protected circumference = 283;\n\n  protected get ariaValueNow(): null | number {\n    return this.indeterminate ? null : this.value;\n  }\n\n  protected get progressValue(): number {\n    return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);\n  }\n\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  public indeterminate = false;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public stroke = 4;\n\n  @CSSModifier()\n  @Input()\n  public size = CircularProgressSize.MEDIUM;\n\n  @Transform(coerceNumberProperty)\n  @Input()\n  public set value(value: unknown) {\n    const coercedValue = coerceNumberProperty(value);\n    if (coercedValue <= 100 && coercedValue >= -1) {\n      this._value = coercedValue;\n      this.indeterminate = coercedValue === -1;\n    }\n  }\n\n  public get value(): number {\n    return this._value;\n  }\n\n  public ngAfterViewInit(): void {\n    fromElementResize$(this.element.nativeElement)\n      .pipe(this.takeUntilDestroyed())\n      .subscribe(() => this.updateDimensions());\n  }\n\n  public ngOnChanges(changes: NgChanges<CircularProgressComponent>): void {\n    if (hasChanged(changes, ['stroke', 'size'])) {\n      this.updateDimensions();\n    }\n  }\n\n  private updateDimensions(): void {\n    const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);\n\n    this.normalizedStroke = normalizeFactor * this.stroke;\n    if (normalizeFactor >= 3) {\n      this.normalizedStroke = Math.max(0, this.normalizedStroke - normalizeFactor);\n    }\n    this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;\n    this.circumference = Math.floor(2 * this.radius * Math.PI);\n    this.changeDetector.detectChanges();\n  }\n}\n","<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n  <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n  <circle\n    class=\"odx-circular-progress__indicator\"\n    [attr.stroke-dasharray]=\"circumference\"\n    [attr.stroke-dashoffset]=\"progressValue\"\n    [attr.stroke-width]=\"normalizedStroke\"\n    [attr.r]=\"radius\"\n    cx=\"50%\"\n    cy=\"50%\"\n  />\n</svg>\n<ng-content></ng-content>\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-content-box.mjs

@@ -3,9 +3,9 @@ import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive, NgMod
 
 class ContentBoxComponent {
 }
-ContentBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxComponent, isStandalone: true, selector: "odx-content-box", host: { properties: { "class.odx-content-box": "true" } }, ngImport: i0, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxComponent, decorators: [{
+ContentBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ContentBoxComponent, isStandalone: true, selector: "odx-content-box", host: { properties: { "class.odx-content-box": "true" } }, ngImport: i0, template: "<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'odx-content-box', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.odx-content-box]': 'true',
@@ -14,12 +14,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class ContentBoxFooterDirective {
 }
-ContentBoxFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ContentBoxFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxFooterDirective, isStandalone: true, selector: "odx-content-box-footer", host: { properties: { "class.odx-content-box__footer": "true" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxFooterDirective, decorators: [{
+ContentBoxFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ContentBoxFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ContentBoxFooterDirective, isStandalone: true, selector: "odx-content-box-footer", host: { properties: { "class.odx-content-box__footer": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxFooterDirective, decorators: [{
             type: Directive,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'odx-content-box-footer',
                     standalone: true,
                     host: {
@@ -30,12 +29,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 
 class ContentBoxHeaderDirective {
 }
-ContentBoxHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ContentBoxHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: ContentBoxHeaderDirective, isStandalone: true, selector: "odx-content-box-header", host: { properties: { "class.odx-content-box__header": "true" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxHeaderDirective, decorators: [{
+ContentBoxHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ContentBoxHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.5", type: ContentBoxHeaderDirective, isStandalone: true, selector: "odx-content-box-header", host: { properties: { "class.odx-content-box__header": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxHeaderDirective, decorators: [{
             type: Directive,
             args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: 'odx-content-box-header',
                     standalone: true,
                     host: {
@@ -47,10 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImpor
 const modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];
 class ContentBoxModule {
 }
-ContentBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ContentBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective], exports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective] });
-ContentBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: ContentBoxModule, decorators: [{
+ContentBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ContentBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective], exports: [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective] });
+ContentBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxModule, imports: [ContentBoxComponent] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ContentBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,

package/fesm2020/odx-angular-components-content-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-content-box.mjs","sources":["../../../../libs/angular/components/content-box/src/lib/content-box.component.ts","../../../../libs/angular/components/content-box/src/lib/content-box.component.html","../../../../libs/angular/components/content-box/src/lib/directives/content-box-footer-directive.ts","../../../../libs/angular/components/content-box/src/lib/directives/content-box-header-directive.ts","../../../../libs/angular/components/content-box/src/lib/content-box.module.ts","../../../../libs/angular/components/content-box/src/odx-angular-components-content-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'odx-content-box',\n  standalone: true,\n  templateUrl: './content-box.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.odx-content-box]': 'true',\n  },\n})\nexport class ContentBoxComponent {}\n","<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-content-box-footer',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__footer]': 'true',\n  },\n})\nexport class ContentBoxFooterDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: 'odx-content-box-header',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__header]': 'true',\n  },\n})\nexport class ContentBoxHeaderDirective {}\n","import { NgModule } from '@angular/core';\nimport { ContentBoxComponent } from './content-box.component';\nimport { ContentBoxFooterDirective } from './directives/content-box-footer-directive';\nimport { ContentBoxHeaderDirective } from './directives/content-box-header-directive';\n\nconst modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ContentBoxModule {}\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-content-box.mjs","sources":["../../../../libs/angular/components/content-box/src/lib/content-box.component.ts","../../../../libs/angular/components/content-box/src/lib/content-box.component.html","../../../../libs/angular/components/content-box/src/lib/directives/content-box-footer-directive.ts","../../../../libs/angular/components/content-box/src/lib/directives/content-box-header-directive.ts","../../../../libs/angular/components/content-box/src/lib/content-box.module.ts","../../../../libs/angular/components/content-box/src/odx-angular-components-content-box.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'odx-content-box',\n  standalone: true,\n  templateUrl: './content-box.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.odx-content-box]': 'true',\n  },\n})\nexport class ContentBoxComponent {}\n","<ng-content select=\"odx-area-header, odx-content-box-header\"></ng-content>\n<div class=\"odx-content-box__content\">\n  <ng-content></ng-content>\n</div>\n<ng-content select=\"odx-content-box-footer\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-content-box-footer',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__footer]': 'true',\n  },\n})\nexport class ContentBoxFooterDirective {}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: 'odx-content-box-header',\n  standalone: true,\n  host: {\n    '[class.odx-content-box__header]': 'true',\n  },\n})\nexport class ContentBoxHeaderDirective {}\n","import { NgModule } from '@angular/core';\nimport { ContentBoxComponent } from './content-box.component';\nimport { ContentBoxFooterDirective } from './directives/content-box-footer-directive';\nimport { ContentBoxHeaderDirective } from './directives/content-box-header-directive';\n\nconst modules = [ContentBoxComponent, ContentBoxHeaderDirective, ContentBoxFooterDirective];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class ContentBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}