@eui/mobile-core 16.7.0-snapshot-1709025354856 → 16.7.0-snapshot-1709133352306

package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs

@@ -1,27 +1,37 @@
 import { Directive, HostBinding } from '@angular/core';
-import { EuimBaseDirective } from '../../euim-base.directive';
+import { BaseStatesDirective } from '../../base-states.directive';
 import * as i0 from "@angular/core";
-export class EuimDataSummaryColLabelDirective extends EuimBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.rootClass = 'euim-data-summary__col-label';
-    }
+import * as i1 from "../../base-states.directive";
+export class EuimDataSummaryColLabelDirective {
     get cssClasses() {
-        return this.getCssClasses(this.rootClass);
+        return this.getCssClasses();
+    }
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
     }
-    getCssClasses(rootClass) {
-        return super.getCssClasses(rootClass);
+    getCssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
+        ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryColLabelDirective, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryColLabelDirective, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary"] }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDataSummaryColLabel]',
+                    hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euimPrimary',
+                            ],
+                        },
+                    ],
                 }]
-        }], propDecorators: { cssClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.BaseStatesDirective }]; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnktY29sLWxhYmVsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS1jb2wtbGFiZWwvZXVpbS1kYXRhLXN1bW1hcnktY29sLWxhYmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFLOUQsTUFBTSxPQUFPLGdDQUNULFNBQVEsaUJBQWlCO0lBSjdCOztRQU1JLGNBQVMsR0FBRyw4QkFBOEIsQ0FBQztLQVc5QztJQVRHLElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxhQUFhLENBQUMsU0FBaUI7UUFDM0IsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzFDLENBQUM7a0lBWlEsZ0NBQWdDO3NIQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDJCQUEyQjtpQkFDeEM7OEJBT2MsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpbUJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9ldWltLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxEaXJlY3RpdmVcbiAgICBleHRlbmRzIEV1aW1CYXNlRGlyZWN0aXZlIHtcblxuICAgIHJvb3RDbGFzcyA9ICdldWltLWRhdGEtc3VtbWFyeV9fY29sLWxhYmVsJztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKHRoaXMucm9vdENsYXNzKTtcbiAgICB9XG5cbiAgICBnZXRDc3NDbGFzc2VzKHJvb3RDbGFzczogc3RyaW5nICk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBzdXBlci5nZXRDc3NDbGFzc2VzKHJvb3RDbGFzcyk7XG4gICAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnktY29sLWxhYmVsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS1jb2wtbGFiZWwvZXVpbS1kYXRhLXN1bW1hcnktY29sLWxhYmVsLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBYWxFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDekMsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFHLENBQUM7SUFFL0QsYUFBYTtRQUNULE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLDhCQUE4QixDQUFDO1NBQ3pFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7a0lBWlEsZ0NBQWdDO3NIQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBWDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsY0FBYyxFQUFFO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxtQkFBbUI7NEJBQzlCLE1BQU0sRUFBRTtnQ0FDSixhQUFhOzZCQUNoQjt5QkFDSjtxQkFDSjtpQkFDSjswR0FHYyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vYmFzZS1zdGF0ZXMuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxdJyxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpbVByaW1hcnknLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltRGF0YVN1bW1hcnlDb2xMYWJlbERpcmVjdGl2ZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYmFzZVN0YXRlc0RpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSkge31cblxuICAgIGdldENzc0NsYXNzZXMoKSA6c3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWltLWRhdGEtc3VtbWFyeV9fY29sLWxhYmVsJyksXG4gICAgICAgIF0uam9pbignICcpLnRyaW0oKTtcbiAgICB9XG59XG4iXX0=

package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs

@@ -1,27 +1,28 @@
 import { Directive, HostBinding } from '@angular/core';
-import { EuimBaseDirective } from '../../euim-base.directive';
 import * as i0 from "@angular/core";
-export class EuimDataSummaryColValueDirective extends EuimBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.rootClass = 'euim-data-summary__col-value';
-    }
+import * as i1 from "../../base-states.directive";
+export class EuimDataSummaryColValueDirective {
     get cssClasses() {
-        return this.getCssClasses(this.rootClass);
+        return this.getCssClasses();
+    }
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
     }
-    getCssClasses(rootClass) {
-        return super.getCssClasses(rootClass);
+    getCssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
+        ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryColValueDirective, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryColValueDirective, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDataSummaryColValue]',
                 }]
-        }], propDecorators: { cssClasses: [{
+        }], ctorParameters: function () { return [{ type: i1.BaseStatesDirective }]; }, propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnktY29sLXZhbHVlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS1jb2wtdmFsdWUvZXVpbS1kYXRhLXN1bW1hcnktY29sLXZhbHVlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFLOUQsTUFBTSxPQUFPLGdDQUFpQyxTQUFRLGlCQUFpQjtJQUh2RTs7UUFJSSxjQUFTLEdBQUcsOEJBQThCLENBQUM7S0FVOUM7SUFSRyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQVM7UUFDbkIsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzFDLENBQUM7a0lBVlEsZ0NBQWdDO3NIQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDJCQUEyQjtpQkFDeEM7OEJBS2MsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpbUJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9ldWltLWJhc2UuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbURhdGFTdW1tYXJ5Q29sVmFsdWVdJyxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbURhdGFTdW1tYXJ5Q29sVmFsdWVEaXJlY3RpdmUgZXh0ZW5kcyBFdWltQmFzZURpcmVjdGl2ZSB7XG4gICAgcm9vdENsYXNzID0gJ2V1aW0tZGF0YS1zdW1tYXJ5X19jb2wtdmFsdWUnO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXModGhpcy5yb290Q2xhc3MpO1xuICAgIH1cblxuICAgIGdldENzc0NsYXNzZXMocm9vdENsYXNzICk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBzdXBlci5nZXRDc3NDbGFzc2VzKHJvb3RDbGFzcyk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnktY29sLXZhbHVlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS1jb2wtdmFsdWUvZXVpbS1kYXRhLXN1bW1hcnktY29sLXZhbHVlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTXZELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDekMsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtJQUFHLENBQUM7SUFFL0QsYUFBYTtRQUNULE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLDhCQUE4QixDQUFDO1NBQ3pFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7a0lBWlEsZ0NBQWdDO3NIQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSDVDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDJCQUEyQjtpQkFDeEM7MEdBR2MsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmFzZVN0YXRlc0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2Jhc2Utc3RhdGVzLmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2V1aW1EYXRhU3VtbWFyeUNvbFZhbHVlXScsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlKSB7fVxuXG4gICAgZ2V0Q3NzQ2xhc3NlcygpIDpzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aW0tZGF0YS1zdW1tYXJ5X19jb2wtdmFsdWUnKSxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs

@@ -1,39 +1,49 @@
 import { ChangeDetectionStrategy, Component, ContentChildren, HostBinding, ViewEncapsulation, } from '@angular/core';
-import { EuimBaseDirective } from '../euim-base.directive';
 import { EuimDataSummaryColLabelDirective } from './euim-data-summary-col-label/euim-data-summary-col-label.directive';
 import { EuimDataSummaryColValueDirective } from './euim-data-summary-col-value/euim-data-summary-col-value.directive';
+import { BaseStatesDirective } from '../base-states.directive';
 import * as i0 from "@angular/core";
-export class EuimDataSummaryComponent extends EuimBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.rootClass = 'euim-data-summary';
-    }
+import * as i1 from "../base-states.directive";
+export class EuimDataSummaryComponent {
     get cssClasses() {
-        return this.getCssClasses(this.rootClass);
+        return this.getCssClasses();
+    }
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
     }
-    getCssClasses(rootClass) {
-        return super.getCssClasses(rootClass);
+    getCssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('euim-data-summary'),
+        ].join(' ');
     }
     ngAfterContentInit() {
         if (this.euimDataSummaryColLabelComponent
             && this.euimDataSummaryColValueComponent) {
-            if (this.euimPrimary) {
+            if (this.baseStatesDirective.euimPrimary) {
                 this.euimDataSummaryColLabelComponent.forEach(item => {
-                    item.euimPrimary = true;
+                    item.baseStatesDirective.euimPrimary = true;
                 });
                 this.euimDataSummaryColValueComponent.forEach(item => {
-                    item.euimPrimary = true;
+                    item.baseStatesDirective.euimPrimary = true;
                 });
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary--primary{background-color:var(--eui-base-color-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-label--primary{color:var(--eui-base-color-white)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-data-summary__col-value--primary{color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimPrimary", "euimPrimary", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary--primary{background-color:var(--eui-base-color-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-label--primary{color:var(--eui-base-color-white)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-data-summary__col-value--primary{color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary--primary{background-color:var(--eui-base-color-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-label--primary{color:var(--eui-base-color-white)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-data-summary__col-value--primary{color:var(--eui-base-color-white)}\n"] }]
-        }], propDecorators: { euimDataSummaryColLabelComponent: [{
+            args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euimPrimary',
+                                'color',
+                            ],
+                        },
+                    ], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary--primary{background-color:var(--eui-base-color-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-label--primary{color:var(--eui-base-color-white)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-data-summary__col-value--primary{color:var(--eui-base-color-white)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BaseStatesDirective }]; }, propDecorators: { euimDataSummaryColLabelComponent: [{
                 type: ContentChildren,
                 args: [EuimDataSummaryColLabelDirective, { descendants: true }]
             }], euimDataSummaryColValueComponent: [{
@@ -43,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZGF0YS1zdW1tYXJ5L2V1aW0tZGF0YS1zdW1tYXJ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxFQUVYLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQzs7QUFTdkgsTUFBTSxPQUFPLHdCQUNULFNBQVEsaUJBQWlCO0lBUjdCOztRQVdJLGNBQVMsR0FBRyxtQkFBbUIsQ0FBQztLQStCbkM7SUF2QkcsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDOUMsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUFTO1FBQ25CLE9BQU8sS0FBSyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsa0JBQWtCO1FBRWQsSUFBSSxJQUFJLENBQUMsZ0NBQWdDO2VBQ2xDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRTtZQUMxQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7Z0JBQ2xCLElBQUksQ0FBQyxnQ0FBZ0MsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2pELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO2dCQUM1QixDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLENBQUMsZ0NBQWdDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNqRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztnQkFDNUIsQ0FBQyxDQUFDLENBQUM7YUFDTjtTQUNKO0lBQ0wsQ0FBQztrSUFsQ1Esd0JBQXdCO3NIQUF4Qix3QkFBd0IsZ0tBTWhCLGdDQUFnQyxzRkFHaEMsZ0NBQWdDLHVFQzdCckQsNkJBQ0E7OzRGRG1CYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBU2pDLGdDQUFnQztzQkFEbkMsZUFBZTt1QkFBQyxnQ0FBZ0MsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSXBFLGdDQUFnQztzQkFEbkMsZUFBZTt1QkFBQyxnQ0FBZ0MsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSTdELFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWltQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2V1aW0tYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxEaXJlY3RpdmUgfSBmcm9tICcuL2V1aW0tZGF0YS1zdW1tYXJ5LWNvbC1sYWJlbC9ldWltLWRhdGEtc3VtbWFyeS1jb2wtbGFiZWwuZGlyZWN0aXZlJztcbmltcG9ydCB7IEV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlRGlyZWN0aXZlIH0gZnJvbSAnLi9ldWltLWRhdGEtc3VtbWFyeS1jb2wtdmFsdWUvZXVpbS1kYXRhLXN1bW1hcnktY29sLXZhbHVlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1kYXRhLXN1bW1hcnknLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy9faW5kZXguc2NzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWRhdGEtc3VtbWFyeS5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbURhdGFTdW1tYXJ5Q29tcG9uZW50XG4gICAgZXh0ZW5kcyBFdWltQmFzZURpcmVjdGl2ZVxuICAgIGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG5cbiAgICByb290Q2xhc3MgPSAnZXVpbS1kYXRhLXN1bW1hcnknO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihFdWltRGF0YVN1bW1hcnlDb2xMYWJlbERpcmVjdGl2ZSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICAgICAgICBldWltRGF0YVN1bW1hcnlDb2xMYWJlbENvbXBvbmVudDogUXVlcnlMaXN0PEV1aW1EYXRhU3VtbWFyeUNvbExhYmVsRGlyZWN0aXZlPiA7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKEV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlRGlyZWN0aXZlLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gICAgICAgIGV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlQ29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpbURhdGFTdW1tYXJ5Q29sVmFsdWVEaXJlY3RpdmU+O1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXModGhpcy5yb290Q2xhc3MpO1xuICAgIH1cblxuICAgIGdldENzc0NsYXNzZXMocm9vdENsYXNzICk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBzdXBlci5nZXRDc3NDbGFzc2VzKHJvb3RDbGFzcyk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuXG4gICAgICAgIGlmICh0aGlzLmV1aW1EYXRhU3VtbWFyeUNvbExhYmVsQ29tcG9uZW50XG4gICAgICAgICAgICAmJiB0aGlzLmV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlQ29tcG9uZW50KSB7XG4gICAgICAgICAgICBpZiAodGhpcy5ldWltUHJpbWFyeSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxDb21wb25lbnQuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaXRlbS5ldWltUHJpbWFyeSA9IHRydWU7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgdGhpcy5ldWltRGF0YVN1bW1hcnlDb2xWYWx1ZUNvbXBvbmVudC5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgICAgICAgICAgICAgICAgICBpdGVtLmV1aW1QcmltYXJ5ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1kYXRhLXN1bW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZGF0YS1zdW1tYXJ5L2V1aW0tZGF0YS1zdW1tYXJ5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWRhdGEtc3VtbWFyeS9ldWltLWRhdGEtc3VtbWFyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUgsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsV0FBVyxFQUVYLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBa0IvRCxNQUFNLE9BQU8sd0JBQXdCO0lBUWpDLElBQ1csVUFBVTtRQUNqQixPQUFPLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFBbUIsbUJBQXdDO1FBQXhDLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7SUFBRyxDQUFDO0lBRS9ELGFBQWE7UUFDVCxPQUFPO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQztTQUM5RCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsSUFBSSxJQUFJLENBQUMsZ0NBQWdDO2VBQ2xDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRTtZQUMxQyxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUU7Z0JBQ3RDLElBQUksQ0FBQyxnQ0FBZ0MsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7b0JBQ2pELElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO2dCQUNoRCxDQUFDLENBQUMsQ0FBQztnQkFDSCxJQUFJLENBQUMsZ0NBQWdDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO29CQUNqRCxJQUFJLENBQUMsbUJBQW1CLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztnQkFDaEQsQ0FBQyxDQUFDLENBQUM7YUFDTjtTQUNKO0lBQ0wsQ0FBQztrSUFqQ1Esd0JBQXdCO3NIQUF4Qix3QkFBd0IsZ0tBRWhCLGdDQUFnQyxzRkFHaEMsZ0NBQWdDLG1LQ2xDckQsNkJBQ0E7OzRGRDRCYSx3QkFBd0I7a0JBaEJwQyxTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osYUFBYTtnQ0FDYixPQUFPOzZCQUNWO3lCQUNKO3FCQUNKOzBHQUtHLGdDQUFnQztzQkFEbkMsZUFBZTt1QkFBQyxnQ0FBZ0MsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSXBFLGdDQUFnQztzQkFEbkMsZUFBZTt1QkFBQyxnQ0FBZ0MsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBSTdELFVBQVU7c0JBRHBCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWltRGF0YVN1bW1hcnlDb2xMYWJlbERpcmVjdGl2ZSB9IGZyb20gJy4vZXVpbS1kYXRhLXN1bW1hcnktY29sLWxhYmVsL2V1aW0tZGF0YS1zdW1tYXJ5LWNvbC1sYWJlbC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRXVpbURhdGFTdW1tYXJ5Q29sVmFsdWVEaXJlY3RpdmUgfSBmcm9tICcuL2V1aW0tZGF0YS1zdW1tYXJ5LWNvbC12YWx1ZS9ldWltLWRhdGEtc3VtbWFyeS1jb2wtdmFsdWUuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICcuLi9iYXNlLXN0YXRlcy5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tZGF0YS1zdW1tYXJ5JyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1kYXRhLXN1bW1hcnkuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbXG4gICAgICAgICAgICAgICAgJ2V1aW1QcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAnY29sb3InLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltRGF0YVN1bW1hcnlDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oRXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxEaXJlY3RpdmUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICAgICAgZXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxDb21wb25lbnQ6IFF1ZXJ5TGlzdDxFdWltRGF0YVN1bW1hcnlDb2xMYWJlbERpcmVjdGl2ZT4gO1xuXG4gICAgQENvbnRlbnRDaGlsZHJlbihFdWltRGF0YVN1bW1hcnlDb2xWYWx1ZURpcmVjdGl2ZSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICAgICAgICBldWltRGF0YVN1bW1hcnlDb2xWYWx1ZUNvbXBvbmVudDogUXVlcnlMaXN0PEV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlRGlyZWN0aXZlPjtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICB0aGlzLmJhc2VTdGF0ZXNEaXJlY3RpdmUuZ2V0Q3NzQ2xhc3NlcygnZXVpbS1kYXRhLXN1bW1hcnknKSxcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5ldWltRGF0YVN1bW1hcnlDb2xMYWJlbENvbXBvbmVudFxuICAgICAgICAgICAgJiYgdGhpcy5ldWltRGF0YVN1bW1hcnlDb2xWYWx1ZUNvbXBvbmVudCkge1xuICAgICAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWltUHJpbWFyeSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZXVpbURhdGFTdW1tYXJ5Q29sTGFiZWxDb21wb25lbnQuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaXRlbS5iYXNlU3RhdGVzRGlyZWN0aXZlLmV1aW1QcmltYXJ5ID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB0aGlzLmV1aW1EYXRhU3VtbWFyeUNvbFZhbHVlQ29tcG9uZW50LmZvckVhY2goaXRlbSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGl0ZW0uYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWltUHJpbWFyeSA9IHRydWU7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs

@@ -1,12 +1,11 @@
 import { __decorate } from "tslib";
-import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import { EuimBaseDirective } from '../euim-base.directive';
+import { Component, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
 import { coerceBoolean } from '@eui/base';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@ionic/angular";
 import * as i3 from "@ngx-translate/core";
-export class EuimEmptyListPlaceholderComponent extends EuimBaseDirective {
+export class EuimEmptyListPlaceholderComponent {
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -18,8 +17,8 @@ export class EuimEmptyListPlaceholderComponent extends EuimBaseDirective {
             this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: "euimMarginTopLarge", euimMarginTopSmall: "euimMarginTopSmall", euimMarginBottomSmall: "euimMarginBottomSmall" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ion-icon *ngIf=\"icon\" [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<ion-icon *ngIf=\"(!icon && !message && !description)\" name=\"search-sharp\" size=\"large\"\n    class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<div class=\"euim-empty-list-placeholder__message\" *ngIf=\"message || (!icon && !message && !description)\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n</div>\n<div class=\"euim-empty-list-placeholder__description\" *ngIf=\"description || (!icon && !message && !description)\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n</div>\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: "euimMarginTopLarge", euimMarginTopSmall: "euimMarginTopSmall", euimMarginBottomSmall: "euimMarginBottomSmall" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ion-icon *ngIf=\"icon\" [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<ion-icon *ngIf=\"(!icon && !message && !description)\" name=\"search-sharp\" size=\"large\"\n    class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<div class=\"euim-empty-list-placeholder__message\" *ngIf=\"message || (!icon && !message && !description)\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n</div>\n<div class=\"euim-empty-list-placeholder__description\" *ngIf=\"description || (!icon && !message && !description)\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n</div>\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -32,7 +31,7 @@ __decorate([
 ], EuimEmptyListPlaceholderComponent.prototype, "euimMarginBottomSmall", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, template: "<ion-icon *ngIf=\"icon\" [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<ion-icon *ngIf=\"(!icon && !message && !description)\" name=\"search-sharp\" size=\"large\"\n    class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<div class=\"euim-empty-list-placeholder__message\" *ngIf=\"message || (!icon && !message && !description)\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n</div>\n<div class=\"euim-empty-list-placeholder__description\" *ngIf=\"description || (!icon && !message && !description)\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n</div>\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"] }]
+            args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-icon *ngIf=\"icon\" [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<ion-icon *ngIf=\"(!icon && !message && !description)\" name=\"search-sharp\" size=\"large\"\n    class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n<div class=\"euim-empty-list-placeholder__message\" *ngIf=\"message || (!icon && !message && !description)\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n</div>\n<div class=\"euim-empty-list-placeholder__description\" *ngIf=\"description || (!icon && !message && !description)\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n</div>\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-base-spacing-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-base-spacing-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-base-spacing-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-base-spacing-m)}.euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__message{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-75)}.euim-empty-list-placeholder__description{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}\n"] }]
         }], propDecorators: { message: [{
                 type: Input
             }], icon: [{
@@ -51,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXIvZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXIvZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFPMUMsTUFBTSxPQUFPLGlDQUFrQyxTQUFRLGlCQUFpQjtJQWlCcEUsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFDRCxhQUFhO1FBQ1QsT0FBTztZQUNILDZCQUE2QjtZQUM3QixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLCtDQUErQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzlFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsK0NBQStDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUUsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxrREFBa0QsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUV2RixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDO2tJQTdCUSxpQ0FBaUM7c0hBQWpDLGlDQUFpQyxnWENWOUMscXJCQVN5Qjs7QURRckI7SUFEQyxhQUFhOzZFQUNtQjtBQUlqQztJQURDLGFBQWE7NkVBQ21CO0FBSWpDO0lBREMsYUFBYTtnRkFDc0I7NEZBZjNCLGlDQUFpQztrQkFON0MsU0FBUzsrQkFDSSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBR04sa0JBQWtCO3NCQUZqQixLQUFLO2dCQU1OLGtCQUFrQjtzQkFGakIsS0FBSztnQkFNTixxQkFBcUI7c0JBRnBCLEtBQUs7Z0JBS0ssVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWltQmFzZURpcmVjdGl2ZSB9IGZyb20gJy4uL2V1aW0tYmFzZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltRW1wdHlMaXN0UGxhY2Vob2xkZXJDb21wb25lbnQgZXh0ZW5kcyBFdWltQmFzZURpcmVjdGl2ZSB7XG4gICAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGJ1dHRvbjogc3RyaW5nO1xuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBldWltTWFyZ2luVG9wTGFyZ2U6IEJvb2xlYW5JbnB1dDtcblxuICAgIEBJbnB1dCgpXG4gICAgQGNvZXJjZUJvb2xlYW5cbiAgICBldWltTWFyZ2luVG9wU21hbGw6IEJvb2xlYW5JbnB1dDtcbiAgICBcbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgZXVpbU1hcmdpbkJvdHRvbVNtYWxsOiBCb29sZWFuSW5wdXQ7XG4gICAgXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG4gICAgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlcicsXG4gICAgICAgICAgICB0aGlzLmV1aW1NYXJnaW5Ub3BMYXJnZSA/ICdldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXItLW1hcmdpbi10b3AtbGFyZ2UnIDogJycsXG4gICAgICAgICAgICB0aGlzLmV1aW1NYXJnaW5Ub3BTbWFsbCA/ICdldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXItLW1hcmdpbi10b3Atc21hbGwnIDogJycsXG4gICAgICAgICAgICB0aGlzLmV1aW1NYXJnaW5Cb3R0b21TbWFsbCA/ICdldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXItLW1hcmdpbi1ib3R0b20tc21hbGwnIDogJycsXG5cbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxufVxuICIsIjxpb24taWNvbiAqbmdJZj1cImljb25cIiBbbmFtZV09XCJpY29uXCIgc2l6ZT1cImxhcmdlXCIgY2xhc3M9XCJldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXJfX2ljb25cIj48L2lvbi1pY29uPlxuPGlvbi1pY29uICpuZ0lmPVwiKCFpY29uICYmICFtZXNzYWdlICYmICFkZXNjcmlwdGlvbilcIiBuYW1lPVwic2VhcmNoLXNoYXJwXCIgc2l6ZT1cImxhcmdlXCJcbiAgICBjbGFzcz1cImV1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlcl9faWNvblwiPjwvaW9uLWljb24+XG48ZGl2IGNsYXNzPVwiZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyX19tZXNzYWdlXCIgKm5nSWY9XCJtZXNzYWdlIHx8ICghaWNvbiAmJiAhbWVzc2FnZSAmJiAhZGVzY3JpcHRpb24pXCI+XG4gICAge3sgbWVzc2FnZSB8fCAnZXVpbS5lbXB0eS1saXN0LXBsYWNlaG9sZGVyLm1lc3NhZ2UnIHwgdHJhbnNsYXRlIH19XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXJfX2Rlc2NyaXB0aW9uXCIgKm5nSWY9XCJkZXNjcmlwdGlvbiB8fCAoIWljb24gJiYgIW1lc3NhZ2UgJiYgIWRlc2NyaXB0aW9uKVwiPlxuICAgIHt7IGRlc2NyaXB0aW9uIHx8ICdldWltLmVtcHR5LWxpc3QtcGxhY2Vob2xkZXIuZGVzY3JpcHRpb24nIHwgdHJhbnNsYXRlIH19XG48L2Rpdj5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXIvZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXIvZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7QUFRMUMsTUFBTSxPQUFPLGlDQUFpQztJQWlCMUMsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFDRCxhQUFhO1FBQ1QsT0FBTztZQUNILDZCQUE2QjtZQUM3QixJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLCtDQUErQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzlFLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsK0NBQStDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDOUUsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxrREFBa0QsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUN2RixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDO2tJQTVCUSxpQ0FBaUM7c0hBQWpDLGlDQUFpQyx5VkNWOUMscXJCQVN5Qjs7QURRckI7SUFEQyxhQUFhOzZFQUNtQjtBQUlqQztJQURDLGFBQWE7NkVBQ21CO0FBSWpDO0lBREMsYUFBYTtnRkFDc0I7NEZBZjNCLGlDQUFpQztrQkFQN0MsU0FBUzsrQkFDSSw2QkFBNkIsaUJBR3hCLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBR04sa0JBQWtCO3NCQUZqQixLQUFLO2dCQU1OLGtCQUFrQjtzQkFGakIsS0FBSztnQkFNTixxQkFBcUI7c0JBRnBCLEtBQUs7Z0JBS0ssVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IGNvZXJjZUJvb2xlYW4gfSBmcm9tICdAZXVpL2Jhc2UnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltRW1wdHlMaXN0UGxhY2Vob2xkZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcbiAgICBASW5wdXQoKSBidXR0b246IHN0cmluZztcbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgZXVpbU1hcmdpblRvcExhcmdlOiBCb29sZWFuSW5wdXQ7XG5cbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgZXVpbU1hcmdpblRvcFNtYWxsOiBCb29sZWFuSW5wdXQ7XG5cbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgZXVpbU1hcmdpbkJvdHRvbVNtYWxsOiBCb29sZWFuSW5wdXQ7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q3NzQ2xhc3NlcygpO1xuICAgIH1cbiAgICBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyJyxcbiAgICAgICAgICAgIHRoaXMuZXVpbU1hcmdpblRvcExhcmdlID8gJ2V1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlci0tbWFyZ2luLXRvcC1sYXJnZScgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpbU1hcmdpblRvcFNtYWxsID8gJ2V1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlci0tbWFyZ2luLXRvcC1zbWFsbCcgOiAnJyxcbiAgICAgICAgICAgIHRoaXMuZXVpbU1hcmdpbkJvdHRvbVNtYWxsID8gJ2V1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlci0tbWFyZ2luLWJvdHRvbS1zbWFsbCcgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJyk7XG4gICAgfVxufVxuIiwiPGlvbi1pY29uICpuZ0lmPVwiaWNvblwiIFtuYW1lXT1cImljb25cIiBzaXplPVwibGFyZ2VcIiBjbGFzcz1cImV1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlcl9faWNvblwiPjwvaW9uLWljb24+XG48aW9uLWljb24gKm5nSWY9XCIoIWljb24gJiYgIW1lc3NhZ2UgJiYgIWRlc2NyaXB0aW9uKVwiIG5hbWU9XCJzZWFyY2gtc2hhcnBcIiBzaXplPVwibGFyZ2VcIlxuICAgIGNsYXNzPVwiZXVpbS1lbXB0eS1saXN0LXBsYWNlaG9sZGVyX19pY29uXCI+PC9pb24taWNvbj5cbjxkaXYgY2xhc3M9XCJldWltLWVtcHR5LWxpc3QtcGxhY2Vob2xkZXJfX21lc3NhZ2VcIiAqbmdJZj1cIm1lc3NhZ2UgfHwgKCFpY29uICYmICFtZXNzYWdlICYmICFkZXNjcmlwdGlvbilcIj5cbiAgICB7eyBtZXNzYWdlIHx8ICdldWltLmVtcHR5LWxpc3QtcGxhY2Vob2xkZXIubWVzc2FnZScgfCB0cmFuc2xhdGUgfX1cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImV1aW0tZW1wdHktbGlzdC1wbGFjZWhvbGRlcl9fZGVzY3JpcHRpb25cIiAqbmdJZj1cImRlc2NyaXB0aW9uIHx8ICghaWNvbiAmJiAhbWVzc2FnZSAmJiAhZGVzY3JpcHRpb24pXCI+XG4gICAge3sgZGVzY3JpcHRpb24gfHwgJ2V1aW0uZW1wdHktbGlzdC1wbGFjZWhvbGRlci5kZXNjcmlwdGlvbicgfCB0cmFuc2xhdGUgfX1cbjwvZGl2PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==

package/esm2022/lib/components/euim-fieldset/euim-fieldset-actions/euim-fieldset-actions.component.mjs

@@ -1,13 +1,11 @@
 import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
-import { EuimBaseDirective } from '../../euim-base.directive';
 import * as i0 from "@angular/core";
-export class EuimFieldsetActionsComponent extends EuimBaseDirective {
+export class EuimFieldsetActionsComponent {
     constructor() {
-        super(...arguments);
         this.className = 'euim-fieldset-actions';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetActionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldsetActionsComponent, selector: "euim-fieldset-actions", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldsetActionsComponent, selector: "euim-fieldset-actions", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetActionsComponent, decorators: [{
             type: Component,
@@ -16,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWZpZWxkc2V0L2V1aW0tZmllbGRzZXQtYWN0aW9ucy9ldWltLWZpZWxkc2V0LWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1hY3Rpb25zL2V1aW0tZmllbGRzZXQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFROUQsTUFBTSxPQUFPLDRCQUE2QixTQUFRLGlCQUFpQjtJQU5uRTs7UUFPMEIsY0FBUyxHQUFHLHVCQUF1QixDQUFDO0tBQzdEO2tJQUZZLDRCQUE0QjtzSEFBNUIsNEJBQTRCLHlJQ1R6Qyw2QkFDQTs7NEZEUWEsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNJLHVCQUF1QixtQkFFaEIsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFHZixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1CYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZXVpbS1iYXNlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1maWVsZHNldC1hY3Rpb25zJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1maWVsZHNldC1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltRmllbGRzZXRBY3Rpb25zQ29tcG9uZW50IGV4dGVuZHMgRXVpbUJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnZXVpbS1maWVsZHNldC1hY3Rpb25zJztcbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWZpZWxkc2V0L2V1aW0tZmllbGRzZXQtYWN0aW9ucy9ldWltLWZpZWxkc2V0LWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1hY3Rpb25zL2V1aW0tZmllbGRzZXQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRbkcsTUFBTSxPQUFPLDRCQUE0QjtJQU56QztRQU8wQixjQUFTLEdBQUcsdUJBQXVCLENBQUM7S0FDN0Q7a0lBRlksNEJBQTRCO3NIQUE1Qiw0QkFBNEIsa0hDUnpDLDZCQUNBOzs0RkRPYSw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUVoQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdmLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tZmllbGRzZXQtYWN0aW9ucycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tZmllbGRzZXQtYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUZpZWxkc2V0QWN0aW9uc0NvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLWZpZWxkc2V0LWFjdGlvbnMnO1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/lib/components/euim-fieldset/euim-fieldset-legend/euim-fieldset-legend.component.mjs

@@ -1,13 +1,11 @@
 import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
-import { EuimBaseDirective } from '../../euim-base.directive';
 import * as i0 from "@angular/core";
-export class EuimFieldsetLegendComponent extends EuimBaseDirective {
+export class EuimFieldsetLegendComponent {
     constructor() {
-        super(...arguments);
         this.className = 'euim-fieldset-legend';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetLegendComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldsetLegendComponent, selector: "euim-fieldset-legend", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldsetLegendComponent, selector: "euim-fieldset-legend", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldsetLegendComponent, decorators: [{
             type: Component,
@@ -16,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1sZWdlbmQvZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1sZWdlbmQvZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBUTlELE1BQU0sT0FBTywyQkFBNEIsU0FBUSxpQkFBaUI7SUFObEU7O1FBTzBCLGNBQVMsR0FBRyxzQkFBc0IsQ0FBQztLQUM1RDtrSUFGWSwyQkFBMkI7c0hBQTNCLDJCQUEyQix3SUNUeEMsNkJBQ0E7OzRGRFFhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSxzQkFBc0IsbUJBRWYsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTs4QkFHZixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1CYXNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZXVpbS1iYXNlLmRpcmVjdGl2ZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1maWVsZHNldC1sZWdlbmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWltLWZpZWxkc2V0LWxlZ2VuZC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUZpZWxkc2V0TGVnZW5kQ29tcG9uZW50IGV4dGVuZHMgRXVpbUJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnZXVpbS1maWVsZHNldC1sZWdlbmQnO1xufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1sZWdlbmQvZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tZmllbGRzZXQvZXVpbS1maWVsZHNldC1sZWdlbmQvZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUW5HLE1BQU0sT0FBTywyQkFBMkI7SUFOeEM7UUFPMEIsY0FBUyxHQUFHLHNCQUFzQixDQUFDO0tBQzVEO2tJQUZZLDJCQUEyQjtzSEFBM0IsMkJBQTJCLGlIQ1J4Qyw2QkFDQTs7NEZET2EsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNJLHNCQUFzQixtQkFFZix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdmLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tZmllbGRzZXQtbGVnZW5kJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1maWVsZHNldC1sZWdlbmQuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1GaWVsZHNldExlZ2VuZENvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLWZpZWxkc2V0LWxlZ2VuZCc7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2022/lib/components/euim-fieldset/euim-fieldset.component.mjs

@@ -1,13 +1,11 @@
 import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';
-import { EuimBaseDirective } from '../euim-base.directive';
 import * as i0 from "@angular/core";
-export class EuimFieldSetComponent extends EuimBaseDirective {
+export class EuimFieldSetComponent {
     constructor() {
-        super(...arguments);
         this.className = 'euim-fieldset';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldSetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldSetComponent, selector: "euim-fieldset", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<div>\n    <div class=\"euim-fieldset__header\">\n        <ng-content select=\"euim-fieldset-legend\"></ng-content>\n        <ng-content select=\"euim-fieldset-actions\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimFieldSetComponent, selector: "euim-fieldset", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div>\n    <div class=\"euim-fieldset__header\">\n        <ng-content select=\"euim-fieldset-legend\"></ng-content>\n        <ng-content select=\"euim-fieldset-actions\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimFieldSetComponent, decorators: [{
             type: Component,
@@ -16,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1maWVsZHNldC9ldWltLWZpZWxkc2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWZpZWxkc2V0L2V1aW0tZmllbGRzZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBUzNELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxpQkFBaUI7SUFQNUQ7O1FBUTBCLGNBQVMsR0FBRyxlQUFlLENBQUM7S0FDckQ7a0lBRlkscUJBQXFCO3NIQUFyQixxQkFBcUIsaUlDVmxDLDhPQU9BOzs0RkRHYSxxQkFBcUI7a0JBUGpDLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdmLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpbUJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9ldWltLWJhc2UuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWZpZWxkc2V0JyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1maWVsZHNldC5jb21wb25lbnQuaHRtbCcsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUZpZWxkU2V0Q29tcG9uZW50IGV4dGVuZHMgRXVpbUJhc2VEaXJlY3RpdmUge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnZXVpbS1maWVsZHNldCc7XG59XG4iLCI8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJldWltLWZpZWxkc2V0X19oZWFkZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpbS1maWVsZHNldC1sZWdlbmRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImV1aW0tZmllbGRzZXQtYWN0aW9uc1wiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1maWVsZHNldC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS1maWVsZHNldC9ldWltLWZpZWxkc2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLWZpZWxkc2V0L2V1aW0tZmllbGRzZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU25HLE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRMEIsY0FBUyxHQUFHLGVBQWUsQ0FBQztLQUNyRDtrSUFGWSxxQkFBcUI7c0hBQXJCLHFCQUFxQiwwR0NUbEMsOE9BT0E7OzRGREVhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDSSxlQUFlLG1CQUdSLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBR2YsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpbS1maWVsZHNldCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tZmllbGRzZXQuY29tcG9uZW50Lmh0bWwnLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1GaWVsZFNldENvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLWZpZWxkc2V0Jztcbn1cbiIsIjxkaXY+XG4gICAgPGRpdiBjbGFzcz1cImV1aW0tZmllbGRzZXRfX2hlYWRlclwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJldWltLWZpZWxkc2V0LWxlZ2VuZFwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZXVpbS1maWVsZHNldC1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs

@@ -1,46 +1,56 @@
 import { __decorate } from "tslib";
 import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import { EuimBaseDirective } from '../euim-base.directive';
+import { BaseStatesDirective } from '../base-states.directive';
 import { coerceBoolean } from '@eui/base';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class EuimMediaHeaderComponent extends EuimBaseDirective {
-    constructor() {
-        super(...arguments);
-        this.euimNoGradient = false;
-    }
+import * as i1 from "../base-states.directive";
+import * as i2 from "@angular/common";
+export class EuimMediaHeaderComponent {
     get cssClasses() {
         return this.getCssClasses();
     }
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
+        this.euimNoGradient = false;
+    }
     getCssClasses() {
         let size;
-        if (this.euimSizeM) {
+        if (this.baseStatesDirective.euimSizeM) {
             size = 'm';
         }
-        if (this.euimSizeS) {
+        if (this.baseStatesDirective.euimSizeS) {
             size = 's';
         }
-        if (this.euimSizeL) {
+        if (this.baseStatesDirective.euimSizeL) {
             size = 'l';
         }
         return [
-            'euim-media-header',
+            this.baseStatesDirective.getCssClasses('euim-media-header'),
             size ? `euim-media-header__size-${size}` : '',
-        ].join(' ');
+        ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMediaHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: "euimNoGradient" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div *ngIf=\"!euimNoGradient\" class=\"euim-media-header__gradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: "euimNoGradient" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div *ngIf=\"!euimNoGradient\" class=\"euim-media-header__gradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
 ], EuimMediaHeaderComponent.prototype, "euimNoGradient", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div *ngIf=\"!euimNoGradient\" class=\"euim-media-header__gradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"] }]
-        }], propDecorators: { euimNoGradient: [{
+            args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'euimSizeM',
+                                'euimSizeS',
+                                'euimSizeL',
+                            ],
+                        },
+                    ], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div *ngIf=\"!euimNoGradient\" class=\"euim-media-header__gradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;bottom:var(--eui-base-spacing-m);color:#fff;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-media-header__text h4{margin-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;margin-top:0}.euim-media-header__text div{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__text .euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__text .euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--eui-base-color-black) 100%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-white)}.euim-media-header__sub-title{color:var(--eui-base-color-white);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 25)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BaseStatesDirective }]; }, propDecorators: { euimNoGradient: [{
                 type: Input
             }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1tZWRpYS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tbWVkaWEtaGVhZGVyL2V1aW0tbWVkaWEtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW1lZGlhLWhlYWRlci9ldWltLW1lZGlhLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7OztBQVMxQyxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsaUJBQWlCO0lBUC9EOztRQVdJLG1CQUFjLEdBQWlCLEtBQUssQ0FBQztLQTBCeEM7SUF4QkcsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxhQUFhO1FBRVQsSUFBSSxJQUFZLENBQUM7UUFFakIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2hCLElBQUksR0FBRyxHQUFHLENBQUM7U0FDZDtRQUNELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNoQixJQUFJLEdBQUcsR0FBRyxDQUFDO1NBQ2Q7UUFDRCxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsSUFBSSxHQUFHLEdBQUcsQ0FBQztTQUNkO1FBRUQsT0FBTztZQUNILG1CQUFtQjtZQUNuQixJQUFJLENBQUMsQ0FBQyxDQUFDLDJCQUEyQixJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUNoRCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNoQixDQUFDO2tJQTdCUSx3QkFBd0I7c0hBQXhCLHdCQUF3QixvTENackMsOE5BTUE7O0FEVUk7SUFEQyxhQUFhO2dFQUN1Qjs0RkFKNUIsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNJLG1CQUFtQixtQkFHWix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzhCQU1yQyxjQUFjO3NCQUZiLEtBQUs7Z0JBS0ssVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXVpbUJhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9ldWltLWJhc2UuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLW1lZGlhLWhlYWRlcicsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tbWVkaWEtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltTWVkaWFIZWFkZXJDb21wb25lbnQgZXh0ZW5kcyBFdWltQmFzZURpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoKVxuICAgIEBjb2VyY2VCb29sZWFuXG4gICAgZXVpbU5vR3JhZGllbnQ6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoKTtcbiAgICB9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCk6IHN0cmluZyB7XG5cbiAgICAgICAgbGV0IHNpemU6IHN0cmluZztcblxuICAgICAgICBpZiAodGhpcy5ldWltU2l6ZU0pIHtcbiAgICAgICAgICAgIHNpemUgPSAnbSc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuZXVpbVNpemVTKSB7XG4gICAgICAgICAgICBzaXplID0gJ3MnO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLmV1aW1TaXplTCkge1xuICAgICAgICAgICAgc2l6ZSA9ICdsJztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAnZXVpbS1tZWRpYS1oZWFkZXInLFxuICAgICAgICAgICAgc2l6ZSA/IGBldWltLW1lZGlhLWhlYWRlcl9fc2l6ZS0ke3NpemV9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJbZXVpbU1lZGlhSGVhZGVySW1hZ2VdXCI+PC9uZy1jb250ZW50PlxuPGRpdiAqbmdJZj1cIiFldWltTm9HcmFkaWVudFwiIGNsYXNzPVwiZXVpbS1tZWRpYS1oZWFkZXJfX2dyYWRpZW50XCI+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJldWltLW1lZGlhLWhlYWRlcl9fdGV4dFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1tZWRpYS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tbWVkaWEtaGVhZGVyL2V1aW0tbWVkaWEtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLW1lZGlhLWhlYWRlci9ldWltLW1lZGlhLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRS9ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUM7Ozs7QUFtQjFDLE1BQU0sT0FBTyx3QkFBd0I7SUFNakMsSUFDVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxZQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQVAzRCxtQkFBYyxHQUFpQixLQUFLLENBQUM7SUFPeUIsQ0FBQztJQUUvRCxhQUFhO1FBQ1QsSUFBSSxJQUFZLENBQUM7UUFFakIsSUFBSSxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFO1lBQ3BDLElBQUksR0FBRyxHQUFHLENBQUM7U0FDZDtRQUNELElBQUksSUFBSSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRTtZQUNwQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1NBQ2Q7UUFDRCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLEVBQUU7WUFDcEMsSUFBSSxHQUFHLEdBQUcsQ0FBQztTQUNkO1FBQ0QsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUM7WUFDM0QsSUFBSSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDaEQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztrSUE3QlEsd0JBQXdCO3NIQUF4Qix3QkFBd0IsOFNDdEJyQyw4TkFNQTs7QURvQkk7SUFEQyxhQUFhO2dFQUN1Qjs0RkFKNUIsd0JBQXdCO2tCQWpCcEMsU0FBUzsrQkFDSSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxrQkFDckI7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLG1CQUFtQjs0QkFDOUIsTUFBTSxFQUFFO2dDQUNKLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxXQUFXOzZCQUNkO3lCQUNKO3FCQUNKOzBHQU1ELGNBQWM7c0JBRmIsS0FBSztnQkFLSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCYXNlU3RhdGVzRGlyZWN0aXZlIH0gZnJvbSAnLi4vYmFzZS1zdGF0ZXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBjb2VyY2VCb29sZWFuIH0gZnJvbSAnQGV1aS9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLW1lZGlhLWhlYWRlcicsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0tbWVkaWEtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWltU2l6ZU0nLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZVMnLFxuICAgICAgICAgICAgICAgICdldWltU2l6ZUwnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltTWVkaWFIZWFkZXJDb21wb25lbnQge1xuXG4gICAgQElucHV0KClcbiAgICBAY29lcmNlQm9vbGVhblxuICAgIGV1aW1Ob0dyYWRpZW50OiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJhc2VTdGF0ZXNEaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUpIHt9XG5cbiAgICBnZXRDc3NDbGFzc2VzKCkgOnN0cmluZyB7XG4gICAgICAgIGxldCBzaXplOiBzdHJpbmc7XG5cbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWltU2l6ZU0pIHtcbiAgICAgICAgICAgIHNpemUgPSAnbSc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWltU2l6ZVMpIHtcbiAgICAgICAgICAgIHNpemUgPSAncyc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5ldWltU2l6ZUwpIHtcbiAgICAgICAgICAgIHNpemUgPSAnbCc7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWltLW1lZGlhLWhlYWRlcicpLFxuICAgICAgICAgICAgc2l6ZSA/IGBldWltLW1lZGlhLWhlYWRlcl9fc2l6ZS0ke3NpemV9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aW1NZWRpYUhlYWRlckltYWdlXVwiPjwvbmctY29udGVudD5cbjxkaXYgKm5nSWY9XCIhZXVpbU5vR3JhZGllbnRcIiBjbGFzcz1cImV1aW0tbWVkaWEtaGVhZGVyX19ncmFkaWVudFwiPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZXVpbS1tZWRpYS1oZWFkZXJfX3RleHRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==