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

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

@@ -2,98 +2,95 @@ import { __decorate, __metadata } from 'tslib';
 import * as i2 from '@angular/cdk/observers';
 import { ObserversModule } from '@angular/cdk/observers';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, inject, ChangeDetectorRef, ViewChild, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
 import * as i1 from '@odx/angular';
-import { CustomFormControl, DISABLED_CONTROLLER_PROVIDER, DisabledController, CoreModule } from '@odx/angular';
-import { CSSModifier, CSSComponent, detectControllerChanges } from '@odx/angular/internal';
+import { DisabledController, ReadonlyController, CoreModule } from '@odx/angular';
+import { RadioControlDirective, RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';
+import { CSSModifier, CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
 
-let RadioGroupComponent = class RadioGroupComponent extends CustomFormControl {
-    constructor(element) {
-        super(null);
-        this.element = element;
-        this.horizontal = false;
-    }
-};
-RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: RadioGroupComponent, isStandalone: true, selector: "odx-radio-group", inputs: { horizontal: "horizontal" }, providers: [DISABLED_CONTROLLER_PROVIDER], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-__decorate([
-    CSSModifier(),
-    __metadata("design:type", Object)
-], RadioGroupComponent.prototype, "horizontal", void 0);
-RadioGroupComponent = __decorate([
-    CSSComponent('radio-group'),
-    __metadata("design:paramtypes", [ElementRef])
-], RadioGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'odx-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [DISABLED_CONTROLLER_PROVIDER], template: "<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { horizontal: [{
-                type: Input
-            }] } });
-
-let RadioButtonComponent = class RadioButtonComponent {
-    constructor(element) {
-        this.element = element;
-        this.disabledController = inject(DisabledController, { optional: true });
-        this.radioGroup = inject(RadioGroupComponent);
-        this['no-label'] = false;
-        this.value = null;
-        detectControllerChanges(inject(ChangeDetectorRef), this.radioGroup, this.disabledController).subscribe();
-    }
-    get isActive() {
-        return this.radioGroup.controlValue === this.value;
-    }
-    get isDisabled() {
-        var _a, _b;
-        return (_b = (_a = this.disabledController) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : this.radioGroup.isDisabled;
-    }
-    get ariaChecked() {
-        return this.isActive ? 'true' : 'false';
+let RadioButtonComponent = class RadioButtonComponent extends RadioControlDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+        this.withLabel = false;
     }
     ngAfterViewInit() {
         this.onContentChange();
     }
     onContentChange() {
         var _a;
-        this['no-label'] = !((_a = this.contentElement.nativeElement.textContent) === null || _a === void 0 ? void 0 : _a.trim());
+        this.withLabel = !!((_a = this.contentElement.nativeElement.textContent) === null || _a === void 0 ? void 0 : _a.trim());
     }
 };
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.2", type: RadioButtonComponent, isStandalone: true, selector: "odx-radio-button", inputs: { value: "value" }, host: { properties: { "class.is-active": "isActive", "class.is-disabled": "isDisabled", "class.is-readonly": "radioGroup.readonly", "class.has-error": "radioGroup.hasError" } }, viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<label class=\"odx-radio-button__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxMonitorFocus\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"isActive\"\n    [disabled]=\"isDisabled || radioGroup.readonly\"\n    [name]=\"radioGroup.name\"\n    [readonly]=\"radioGroup.readonly\"\n    [required]=\"radioGroup.required\"\n    [value]=\"value\"\n    (change)=\"radioGroup.updateValue(value)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"isDisabled\" (cdkObserveContent)=\"onContentChange()\" #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.MonitorFocusDirective, selector: "[odxMonitorFocus]", exportAs: ["odxMonitorFocus"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: RadioButtonComponent, isStandalone: true, selector: "odx-radio-button", providers: [DisabledController.connect(), ReadonlyController.connect()], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #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.ReadonlyController, selector: "[readonly]", inputs: ["readonly"] }, { kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 __decorate([
     CSSModifier(),
     __metadata("design:type", Object)
-], RadioButtonComponent.prototype, "no-label", void 0);
+], RadioButtonComponent.prototype, "withLabel", void 0);
 RadioButtonComponent = __decorate([
-    CSSComponent('radio-button'),
-    __metadata("design:paramtypes", [ElementRef])
+    CSSComponent('radio-button')
 ], RadioButtonComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'odx-radio-button', imports: [CoreModule, ObserversModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '[class.is-active]': 'isActive',
-                        '[class.is-disabled]': 'isDisabled',
-                        '[class.is-readonly]': 'radioGroup.readonly',
-                        '[class.has-error]': 'radioGroup.hasError',
-                    }, template: "<label class=\"odx-radio-button__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxMonitorFocus\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"isActive\"\n    [disabled]=\"isDisabled || radioGroup.readonly\"\n    [name]=\"radioGroup.name\"\n    [readonly]=\"radioGroup.readonly\"\n    [required]=\"radioGroup.required\"\n    [value]=\"value\"\n    (change)=\"radioGroup.updateValue(value)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"isDisabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { 'no-label': [], value: [{
-                type: Input
-            }], contentElement: [{
+            args: [{ standalone: true, selector: 'odx-radio-button', imports: [CoreModule, ObserversModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
+        }], propDecorators: { withLabel: [], contentElement: [{
                 type: ViewChild,
                 args: ['content']
             }] } });
 
-const modules = [CoreModule, RadioGroupComponent, RadioButtonComponent];
+var RadioGroupComponent_1;
+let RadioGroupComponent = RadioGroupComponent_1 = class RadioGroupComponent extends RadioGroupControlDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+        this.horizontal = false;
+    }
+};
+RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: RadioGroupComponent, isStandalone: true, selector: "odx-radio-group", inputs: { horizontal: "horizontal" }, providers: [
+        {
+            provide: RADIO_GROUP_CONTROL,
+            useExisting: RadioGroupComponent_1,
+            multi: false,
+        },
+        DisabledController.connect(),
+        ReadonlyController.connect(),
+    ], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], RadioGroupComponent.prototype, "horizontal", void 0);
+RadioGroupComponent = RadioGroupComponent_1 = __decorate([
+    CSSComponent('radio-group')
+], RadioGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: RADIO_GROUP_CONTROL,
+                            useExisting: RadioGroupComponent,
+                            multi: false,
+                        },
+                        DisabledController.connect(),
+                        ReadonlyController.connect(),
+                    ], template: "<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n" }]
+        }], propDecorators: { horizontal: [{
+                type: Input
+            }] } });
+
+const modules = [RadioGroupComponent, RadioButtonComponent];
 class RadioGroupModule {
 }
-RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupModule, imports: [CoreModule, RadioGroupComponent, RadioButtonComponent], exports: [CoreModule, RadioGroupComponent, RadioButtonComponent] });
-RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupModule, imports: [modules, CoreModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: RadioGroupModule, decorators: [{
+RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupModule, imports: [RadioGroupComponent, RadioButtonComponent], exports: [CoreModule, RadioGroupComponent, RadioButtonComponent] });
+RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupModule, imports: [modules, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: RadioGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: modules,
-                    exports: modules,
+                    exports: [CoreModule, ...modules],
                 }]
         }] });
 

package/fesm2015/odx-angular-components-radio-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"odx-angular-components-radio-group.mjs","sources":["../../../../libs/angular/components/radio-group/src/lib/radio-group.component.ts","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.html","../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.ts","../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.module.ts","../../../../libs/angular/components/radio-group/src/odx-angular-components-radio-group.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-output-native */\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';\nimport { CustomFormControl, DISABLED_CONTROLLER_PROVIDER } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('radio-group')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-group',\n  templateUrl: 'radio-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [DISABLED_CONTROLLER_PROVIDER],\n})\nexport class RadioGroupComponent<T = unknown> extends CustomFormControl<T | null> {\n  @CSSModifier()\n  @Input()\n  public horizontal = false;\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {\n    super(null);\n  }\n}\n","<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n","import { ObserversModule } from '@angular/cdk/observers';\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, inject, Input, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { CoreModule, DisabledController } from '@odx/angular';\nimport { CSSComponent, CSSModifier, detectControllerChanges } from '@odx/angular/internal';\nimport { RadioGroupComponent } from '../../radio-group.component';\n\n@CSSComponent('radio-button')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-button',\n  templateUrl: './radio-button.component.html',\n  imports: [CoreModule, ObserversModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.is-active]': 'isActive',\n    '[class.is-disabled]': 'isDisabled',\n    '[class.is-readonly]': 'radioGroup.readonly',\n    '[class.has-error]': 'radioGroup.hasError',\n  },\n})\nexport class RadioButtonComponent<T = unknown> implements AfterViewInit {\n  private readonly disabledController = inject(DisabledController, { optional: true });\n  protected readonly radioGroup = inject(RadioGroupComponent);\n\n  @CSSModifier()\n  protected 'no-label' = false;\n\n  @Input()\n  public value: T | null = null;\n\n  @ViewChild('content')\n  public contentElement!: ElementRef<HTMLDivElement>;\n\n  public get isActive(): boolean {\n    return this.radioGroup.controlValue === this.value;\n  }\n\n  public get isDisabled(): boolean {\n    return this.disabledController?.disabled ?? this.radioGroup.isDisabled;\n  }\n\n  public get ariaChecked(): string {\n    return this.isActive ? 'true' : 'false';\n  }\n\n  constructor(public readonly element: ElementRef<HTMLElement>) {\n    detectControllerChanges(inject(ChangeDetectorRef), this.radioGroup, this.disabledController).subscribe();\n  }\n\n  public ngAfterViewInit(): void {\n    this.onContentChange();\n  }\n\n  protected onContentChange() {\n    this['no-label'] = !this.contentElement.nativeElement.textContent?.trim();\n  }\n}\n","<label class=\"odx-radio-button__label\" [class.has-focus]=\"focusMonitor.hasFocus\">\n  <input\n    odxMonitorFocus\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [checked]=\"isActive\"\n    [disabled]=\"isDisabled || radioGroup.readonly\"\n    [name]=\"radioGroup.name\"\n    [readonly]=\"radioGroup.readonly\"\n    [required]=\"radioGroup.required\"\n    [value]=\"value\"\n    (change)=\"radioGroup.updateValue(value)\"\n    #focusMonitor=\"odxMonitorFocus\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"isDisabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioButtonComponent } from './components';\nimport { RadioGroupComponent } from './radio-group.component';\n\nconst modules = [CoreModule, RadioGroupComponent, RadioButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: modules,\n})\nexport class RadioGroupModule {}\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-radio-group.mjs","sources":["../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.ts","../../../../libs/angular/components/radio-group/src/lib/components/radio-button/radio-button.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.ts","../../../../libs/angular/components/radio-group/src/lib/radio-group.component.html","../../../../libs/angular/components/radio-group/src/lib/radio-group.module.ts","../../../../libs/angular/components/radio-group/src/odx-angular-components-radio-group.ts"],"sourcesContent":["import { ObserversModule } from '@angular/cdk/observers';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { CoreModule, DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('radio-button')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-button',\n  templateUrl: './radio-button.component.html',\n  imports: [CoreModule, ObserversModule],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class RadioButtonComponent<T = unknown> extends RadioControlDirective<T> implements AfterViewInit {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  protected withLabel = false;\n\n  @ViewChild('content')\n  public contentElement!: ElementRef<HTMLDivElement>;\n\n  public ngAfterViewInit(): void {\n    this.onContentChange();\n  }\n\n  protected onContentChange() {\n    this.withLabel = !!this.contentElement.nativeElement.textContent?.trim();\n  }\n}\n","<label class=\"odx-radio-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <div class=\"odx-radio-button__indicator\"></div>\n  <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n    <ng-content></ng-content>\n  </div>\n</label>\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('radio-group')\n@Component({\n  standalone: true,\n  selector: 'odx-radio-group',\n  templateUrl: 'radio-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    {\n      provide: RADIO_GROUP_CONTROL,\n      useExisting: RadioGroupComponent,\n      multi: false,\n    },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class RadioGroupComponent<T = unknown> extends RadioGroupControlDirective<T> {\n  public readonly element = injectElement();\n\n  @CSSModifier()\n  @Input()\n  public horizontal = false;\n}\n","<ng-content select=\"odx-radio-button, [odxRadioControl]\"></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { RadioButtonComponent } from './components';\nimport { RadioGroupComponent } from './radio-group.component';\n\nconst modules = [RadioGroupComponent, RadioButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class RadioGroupModule {}\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-switch.mjs

@@ -0,0 +1,28 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation } 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 { CSSComponent } from '@odx/angular/internal';
+
+let SwitchComponent = class SwitchComponent extends CheckBoxControl {
+};
+SwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: SwitchComponent, isStandalone: true, selector: "odx-switch", host: { properties: { "class.is-active": "checked" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-switch__label\">\n  <input\n    odxControl\n    class=\"odx-switch__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    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-switch__indicator\"></div>\n  <div class=\"odx-switch__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n", dependencies: [{ kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SwitchComponent = __decorate([
+    CSSComponent('switch')
+], SwitchComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SwitchComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ControlDirective], providers: [DisabledController.connect(), ReadonlyController.connect()], host: {
+                        '[class.is-active]': 'checked',
+                    }, template: "<label class=\"odx-switch__label\">\n  <input\n    odxControl\n    class=\"odx-switch__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    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-switch__indicator\"></div>\n  <div class=\"odx-switch__content\">\n    <ng-content></ng-content>\n  </div>\n</label>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SwitchComponent };
+//# sourceMappingURL=odx-angular-components-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-switch.mjs","sources":["../../../../libs/angular/components/switch/src/lib/switch.component.ts","../../../../libs/angular/components/switch/src/lib/switch.component.html","../../../../libs/angular/components/switch/src/odx-angular-components-switch.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { CSSComponent } from '@odx/angular/internal';\n\n@CSSComponent('switch')\n@Component({\n  standalone: true,\n  selector: 'odx-switch',\n  templateUrl: 'switch.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [ControlDirective],\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n  host: {\n    '[class.is-active]': 'checked',\n  },\n})\nexport class SwitchComponent extends CheckBoxControl {}\n","<label class=\"odx-switch__label\">\n  <input\n    odxControl\n    class=\"odx-switch__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    [name]=\"name\"\n    [readonly]=\"isReadonly\"\n    [value]=\"value\"\n    type=\"checkbox\"\n    (blur)=\"onTouched()\"\n    (change)=\"onChanged($event)\"\n  />\n  <div class=\"odx-switch__indicator\"></div>\n  <div class=\"odx-switch__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":";;;;;;;;AAmBO,IAAM,eAAe,GAArB,MAAM,wBAAwB,eAAe,CAAA;;4GAAvC,eAAe,EAAA,IAAA,EAAA,IAAA,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,EALf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,ECdzE,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kpBAsBA,4CDTY,gBAAgB,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AAMf,eAAe,GAAA,UAAA,CAAA;IAb3B,YAAY,CAAC,QAAQ,CAAC;CAaV,EAAA,eAAe,CAA2B,CAAA;2FAA1C,eAAe,EAAA,UAAA,EAAA,CAAA;kBAZ3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,gBAAgB,CAAC,EAChB,SAAA,EAAA,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,EACjE,IAAA,EAAA;AACJ,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA,EAAA,QAAA,EAAA,kpBAAA,EAAA,CAAA;;;AEjBH;;AAEG;;;;"}

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

@@ -0,0 +1,75 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { DisabledController, ReadonlyController, CoreModule } from '@odx/angular';
+import { RadioControlDirective, RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+
+let ToggleButtonComponent = class ToggleButtonComponent extends RadioControlDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+    }
+};
+ToggleButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ToggleButtonComponent, isStandalone: true, selector: "odx-toggle-button", host: { attributes: { "role": "button" }, properties: { "class.is-active": "isActive", "class.is-disabled": "disabledController?.disabled", "class.is-readonly": "readonlyController?.readonly", "class.has-error": "radioGroupControl.hasError" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ToggleButtonComponent = __decorate([
+    CSSComponent('toggle-button')
+], ToggleButtonComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-toggle-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class.is-active]': 'isActive',
+                        '[class.is-disabled]': 'disabledController?.disabled',
+                        '[class.is-readonly]': 'readonlyController?.readonly',
+                        '[class.has-error]': 'radioGroupControl.hasError',
+                        role: 'button',
+                    }, providers: [DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n" }]
+        }] });
+
+var ToggleButtonGroupComponent_1;
+let ToggleButtonGroupComponent = ToggleButtonGroupComponent_1 = class ToggleButtonGroupComponent extends RadioGroupControlDirective {
+    constructor() {
+        super(...arguments);
+        this.element = injectElement();
+    }
+};
+ToggleButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ToggleButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ToggleButtonGroupComponent, isStandalone: true, selector: "odx-toggle-button-group", providers: [
+        { provide: RADIO_GROUP_CONTROL, useExisting: ToggleButtonGroupComponent_1, multi: false },
+        DisabledController.connect(),
+        ReadonlyController.connect(),
+    ], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"odx-toggle-button\"> </ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ToggleButtonGroupComponent = ToggleButtonGroupComponent_1 = __decorate([
+    CSSComponent('toggle-button-group')
+], ToggleButtonGroupComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'odx-toggle-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: RADIO_GROUP_CONTROL, useExisting: ToggleButtonGroupComponent, multi: false },
+                        DisabledController.connect(),
+                        ReadonlyController.connect(),
+                    ], template: "<ng-content select=\"odx-toggle-button\"> </ng-content>\n" }]
+        }] });
+
+const modules = [ToggleButtonGroupComponent, ToggleButtonComponent];
+class ToggleButtonGroupModule {
+}
+ToggleButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ToggleButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupModule, imports: [ToggleButtonGroupComponent, ToggleButtonComponent], exports: [CoreModule, ToggleButtonGroupComponent, ToggleButtonComponent] });
+ToggleButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupModule, imports: [modules, CoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ToggleButtonGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToggleButtonComponent, ToggleButtonGroupComponent, ToggleButtonGroupModule };
+//# sourceMappingURL=odx-angular-components-toggle-button-group.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"odx-angular-components-toggle-button-group.mjs","sources":["../../../../libs/angular/components/toggle-button-group/src/lib/components/toggle-button/toggle-button.component.ts","../../../../libs/angular/components/toggle-button-group/src/lib/components/toggle-button/toggle-button.component.html","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.component.ts","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.component.html","../../../../libs/angular/components/toggle-button-group/src/lib/toggle-button-group.module.ts","../../../../libs/angular/components/toggle-button-group/src/odx-angular-components-toggle-button-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioControlDirective } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('toggle-button')\n@Component({\n  standalone: true,\n  selector: 'odx-toggle-button',\n  templateUrl: './toggle-button.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class.is-active]': 'isActive',\n    '[class.is-disabled]': 'disabledController?.disabled',\n    '[class.is-readonly]': 'readonlyController?.readonly',\n    '[class.has-error]': 'radioGroupControl.hasError',\n    role: 'button',\n  },\n  providers: [DisabledController.connect(), ReadonlyController.connect()],\n})\nexport class ToggleButtonComponent<T = unknown> extends RadioControlDirective<T> {\n  public readonly element = injectElement();\n}\n","<label class=\"odx-toggle-button__label\">\n  <input\n    class=\"odx-radio-button__input\"\n    type=\"radio\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n    [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n    [attr.aria-required]=\"radioGroupControl.required || null\"\n    [checked]=\"isActive\"\n    [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n    [name]=\"radioGroupControl.name\"\n    [readonly]=\"readonlyController?.readonly\"\n    [required]=\"radioGroupControl.required\"\n    [value]=\"value\"\n    (change)=\"radioGroupControl.updateValue(value)\"\n  />\n  <ng-content></ng-content>\n</label>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { RadioGroupControlDirective, RADIO_GROUP_CONTROL } from '@odx/angular/cdk/radio-group-control';\nimport { CSSComponent } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\n\n@CSSComponent('toggle-button-group')\n@Component({\n  standalone: true,\n  selector: 'odx-toggle-button-group',\n  templateUrl: './toggle-button-group.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: RADIO_GROUP_CONTROL, useExisting: ToggleButtonGroupComponent, multi: false },\n    DisabledController.connect(),\n    ReadonlyController.connect(),\n  ],\n})\nexport class ToggleButtonGroupComponent<T = unknown> extends RadioGroupControlDirective<T> {\n  public readonly element = injectElement();\n}\n","<ng-content select=\"odx-toggle-button\"> </ng-content>\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ToggleButtonComponent } from './components';\nimport { ToggleButtonGroupComponent } from './toggle-button-group.component';\n\nconst modules = [ToggleButtonGroupComponent, ToggleButtonComponent];\n\n@NgModule({\n  imports: modules,\n  exports: [CoreModule, ...modules],\n})\nexport class ToggleButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/odx-angular-internal.mjs

@@ -1,13 +1,38 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, Directive } from '@angular/core';
-import { combineLatest, BehaviorSubject, shareReplay, EMPTY, takeUntil } from 'rxjs';
-import { tap } from 'rxjs/operators';
-
-function px(value) {
-    return `${Math.round(value)}px`;
+const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');
+const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');
+/** @internal */
+/* istanbul ignore next */
+function CSSComponent(name, prefix = 'odx') {
+    return (target) => {
+        const cssClass = `${prefix}-${name}`;
+        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
+            value: cssClass,
+        });
+        (function (ngOnInit) {
+            target.prototype.ngOnInit = function () {
+                var _a;
+                this.element.nativeElement.classList.add(cssClass);
+                ngOnInit === null || ngOnInit === void 0 ? void 0 : ngOnInit.call(this);
+                if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {
+                    for (const property of this[CSS_COMPONENT_MODIFIERS]) {
+                        (_a = this[property]) !== null && _a !== void 0 ? _a : (this[property] = null);
+                    }
+                }
+            };
+        })(target.prototype.ngOnInit);
+    };
 }
-function applyStyles(element, styles) {
-    Object.assign(element.style, styles);
+
+/** @internal */
+/* istanbul ignore next */
+function camelToKebabCase(value) {
+    if (value !== value.toLowerCase()) {
+        return value.replace(/[A-Z]/g, (match, index) => {
+            const char = match.toLowerCase();
+            return index === 0 ? char : `-${char}`;
+        });
+    }
+    return value;
 }
 
 /* istanbul ignore next */
@@ -45,39 +70,6 @@ function getEnumValues(e) {
     return keys.filter((key) => e[key] !== undefined).map((key) => e[key]);
 }
 
-function isViewContainer(value) {
-    return isFunction(value === null || value === void 0 ? void 0 : value.createComponent);
-}
-function isTemplateRef(value) {
-    return value instanceof TemplateRef;
-}
-function isComponent(value) {
-    return isFunction(value);
-}
-function isString(value) {
-    return typeof value === 'string';
-}
-function isNonEmptyString(value) {
-    return isString(value) && value.length > 0;
-}
-function isBoolean(value) {
-    return typeof value === 'boolean';
-}
-// eslint-disable-next-line @typescript-eslint/ban-types
-function isFunction(value) {
-    return typeof value === 'function';
-}
-function isPresent(value) {
-    return value !== null && value !== undefined;
-}
-
-/** @internal */
-function watch(changeDetectorRef) {
-    return tap(() => {
-        changeDetectorRef.markForCheck();
-    });
-}
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
@@ -116,56 +108,6 @@ function ɵwithMultipleDescriptors(target, key, symbol) {
     };
 }
 
-function detectControllerChanges(changeDetector, ...controllers) {
-    return combineLatest(controllers.reduce((changes, controller) => (controller ? changes.concat(controller.change$) : changes), [])).pipe(watch(changeDetector));
-}
-/** @internal */
-class Controller {
-    constructor() {
-        this.change$$ = new BehaviorSubject(undefined);
-        this.change$ = this.change$$.pipe(shareReplay({ refCount: true }));
-    }
-    ngOnChanges() {
-        this.triggerControllerChange();
-    }
-    ngOnDestroy() {
-        this.change$$.complete();
-    }
-    triggerControllerChange() {
-        this.change$$.next();
-    }
-}
-Controller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: Controller, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-Controller.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: Controller, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: Controller, decorators: [{
-            type: Directive
-        }] });
-
-const CSS_COMPONENT_NAME = Symbol('__CSSComponentName__');
-const CSS_COMPONENT_MODIFIERS = Symbol('__CSSComponentModifiers__');
-/** @internal */
-/* istanbul ignore next */
-function CSSComponent(name, prefix = 'odx') {
-    return (target) => {
-        const cssClass = `${prefix}-${name}`;
-        Object.defineProperty(target.prototype, CSS_COMPONENT_NAME, {
-            value: cssClass,
-        });
-        (function (ngOnInit) {
-            target.prototype.ngOnInit = function () {
-                var _a;
-                this.element.nativeElement.classList.add(cssClass);
-                ngOnInit === null || ngOnInit === void 0 ? void 0 : ngOnInit.call(this);
-                if (Array.isArray(this[CSS_COMPONENT_MODIFIERS])) {
-                    for (const property of this[CSS_COMPONENT_MODIFIERS]) {
-                        (_a = this[property]) !== null && _a !== void 0 ? _a : (this[property] = null);
-                    }
-                }
-            };
-        })(target.prototype.ngOnInit);
-    };
-}
-
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /** @internal */
 /* istanbul ignore next */
@@ -173,11 +115,12 @@ function CSSModifier(options) {
     return (target, propertyKey) => {
         const propertySymbol = Symbol(`__CSSModifier{${propertyKey.toString()}}__`);
         const descriptors = ɵwithMultipleDescriptors(target, propertyKey, propertySymbol);
+        const propertyKeyKebabCase = camelToKebabCase(propertyKey.toString());
         function createModifierClass(value) {
             var _a, _b;
             value = (_a = value !== null && value !== void 0 ? value : options === null || options === void 0 ? void 0 : options.default) !== null && _a !== void 0 ? _a : null;
-            if (isBoolean(value) || isNonEmptyString(value)) {
-                let modifier = isBoolean(value) ? propertyKey.toString() : value;
+            if (typeof value === 'boolean' || (typeof value === 'string' && value.length > 0)) {
+                let modifier = typeof value === 'boolean' ? propertyKeyKebabCase : value;
                 if (options === null || options === void 0 ? void 0 : options.withPrefix) {
                     modifier = [propertyKey, modifier].join('-');
                 }
@@ -200,7 +143,7 @@ function CSSModifier(options) {
                     }
                     this[propertySymbol][i] = currentValue;
                     const newModifierClass = createModifierClass.apply(this, [this[propertySymbol][i]]);
-                    if (newModifierClass !== null && (isBoolean(currentValue) ? currentValue : true)) {
+                    if (newModifierClass !== null && (typeof currentValue === 'boolean' ? currentValue : true)) {
                         this.element.nativeElement.classList.add(newModifierClass);
                     }
                 }
@@ -216,17 +159,9 @@ function CSSModifier(options) {
     };
 }
 
-/** @internal */
-function watchedControllerFactory(controller, changeDetectorRef, destroy$) {
-    var _a;
-    const changes$ = (_a = controller === null || controller === void 0 ? void 0 : controller.change$) !== null && _a !== void 0 ? _a : EMPTY;
-    changes$.pipe(watch(changeDetectorRef), takeUntil(destroy$)).subscribe();
-    return controller;
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CSSComponent, CSSModifier, CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME, Controller, applyStyles, detectControllerChanges, getCSSVariables, getEnumValues, isBoolean, isComponent, isFunction, isNonEmptyString, isPresent, isString, isTemplateRef, isViewContainer, px, watch, watchedControllerFactory, ɵwithMultipleDescriptors };
+export { CSSComponent, CSSModifier, CSS_COMPONENT_MODIFIERS, CSS_COMPONENT_NAME, camelToKebabCase, getCSSVariables, getEnumValues, ɵwithMultipleDescriptors };
 //# sourceMappingURL=odx-angular-internal.mjs.map