@acorex/components 16.18.14 → 16.18.16

package/esm2022/lib/toast/toast-message/toast-message.component.mjs

@@ -11,6 +11,8 @@ export class AXToastMessageComponent {
     timeOut = 6000;
     closeable = false;
     type = 'info';
+    axId;
+    axClass;
     style = 'info';
     icon = '';
     toastWidth = 100;
@@ -57,11 +59,11 @@ export class AXToastMessageComponent {
         this.elRef.nativeElement.parentElement.removeChild(this.elRef.nativeElement);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToastMessageComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToastMessageComponent, selector: "ng-component", inputs: { title: "title", message: "message", timeOut: "timeOut", closeable: "closeable", type: "type" }, ngImport: i0, template: "<div class=\"toast-container\">\n    <header *ngIf=\"title\" class=\"ax toast {{ style }}\">\n        <div>\n            <i class=\"{{icon}}\"></i>&nbsp; {{ title }}\n        </div>\n        <div *ngIf=\"closeable\" (click)=\"close()\" class=\"toast-close\">\n            <i class=\"far fa-times\"></i>\n        </div>\n    </header>\n    <div class=\"content ax toast {{ style }}\">\n        {{ message }}\n        <div *ngIf=\"!title && closeable\" (click)=\"close()\" class=\"toast-close\">\n            <i class=\"far fa-times\"></i>\n        </div>\n        <div class=\"toast-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\n    </div>\n</div>", styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8rem 0;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer;font-size:1rem}.toast-container .toast-progress{position:absolute;background:#00000080;width:100%;bottom:0;left:0;height:6px;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToastMessageComponent, selector: "ng-component", inputs: { title: "title", message: "message", timeOut: "timeOut", closeable: "closeable", type: "type", axId: "axId", axClass: "axClass" }, ngImport: i0, template: "<div \n  class=\"toast-container {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n    <header \n      *ngIf=\"title\" \n      class=\"ax toast {{ style }} {{axClass ? axClass + '-header' : ''}}\" \n      [attr.id]=\"axId ? axId + '-header' : null\"\n    >\n        <div>\n            <i class=\"{{icon}}\"></i>&nbsp; {{ title }}\n        </div>\n        <div \n          *ngIf=\"closeable\" \n          (click)=\"close()\" \n          class=\"toast-close {{axClass ? axClass + '-close' : ''}}\" \n          [attr.id]=\"axId ? axId + '-close' : null\"\n        >\n            <i class=\"far fa-times\"></i>\n        </div>\n    </header>\n    <div \n      class=\"content ax toast {{ style }} {{axClass ? axClass + '-content' : ''}}\" \n      [attr.id]=\"axId ? axId + '-content' : null\"\n    >\n        {{ message }}\n        <div \n          *ngIf=\"!title && closeable\" \n          (click)=\"close()\" \n          class=\"toast-close {{axClass ? axClass + '-close' : ''}}\" \n          [attr.id]=\"axId ? axId + '-close' : null\"\n        >\n            <i class=\"far fa-times\"></i>\n        </div>\n        <div \n          class=\"toast-progress\" \n          [style.animation-duration.ms]=\"timeOut\"\n          [attr.id]=\"axId ? axId + '-progress' : null\"\n        ></div>\n    </div>\n</div>\n", styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8rem 0;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer;font-size:1rem}.toast-container .toast-progress{position:absolute;background:#00000080;width:100%;bottom:0;left:0;height:6px;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToastMessageComponent, decorators: [{
             type: Component,
-            args: [{ encapsulation: ViewEncapsulation.None, template: "<div class=\"toast-container\">\n    <header *ngIf=\"title\" class=\"ax toast {{ style }}\">\n        <div>\n            <i class=\"{{icon}}\"></i>&nbsp; {{ title }}\n        </div>\n        <div *ngIf=\"closeable\" (click)=\"close()\" class=\"toast-close\">\n            <i class=\"far fa-times\"></i>\n        </div>\n    </header>\n    <div class=\"content ax toast {{ style }}\">\n        {{ message }}\n        <div *ngIf=\"!title && closeable\" (click)=\"close()\" class=\"toast-close\">\n            <i class=\"far fa-times\"></i>\n        </div>\n        <div class=\"toast-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\n    </div>\n</div>", styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8rem 0;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer;font-size:1rem}.toast-container .toast-progress{position:absolute;background:#00000080;width:100%;bottom:0;left:0;height:6px;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}\n"] }]
+            args: [{ encapsulation: ViewEncapsulation.None, template: "<div \n  class=\"toast-container {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n    <header \n      *ngIf=\"title\" \n      class=\"ax toast {{ style }} {{axClass ? axClass + '-header' : ''}}\" \n      [attr.id]=\"axId ? axId + '-header' : null\"\n    >\n        <div>\n            <i class=\"{{icon}}\"></i>&nbsp; {{ title }}\n        </div>\n        <div \n          *ngIf=\"closeable\" \n          (click)=\"close()\" \n          class=\"toast-close {{axClass ? axClass + '-close' : ''}}\" \n          [attr.id]=\"axId ? axId + '-close' : null\"\n        >\n            <i class=\"far fa-times\"></i>\n        </div>\n    </header>\n    <div \n      class=\"content ax toast {{ style }} {{axClass ? axClass + '-content' : ''}}\" \n      [attr.id]=\"axId ? axId + '-content' : null\"\n    >\n        {{ message }}\n        <div \n          *ngIf=\"!title && closeable\" \n          (click)=\"close()\" \n          class=\"toast-close {{axClass ? axClass + '-close' : ''}}\" \n          [attr.id]=\"axId ? axId + '-close' : null\"\n        >\n            <i class=\"far fa-times\"></i>\n        </div>\n        <div \n          class=\"toast-progress\" \n          [style.animation-duration.ms]=\"timeOut\"\n          [attr.id]=\"axId ? axId + '-progress' : null\"\n        ></div>\n    </div>\n</div>\n", styles: [".rtl .toast-progress{right:0;left:inherit!important}.toast-container{overflow:hidden;margin:.8rem 0;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation:slide-in-bottom .3s cubic-bezier(.25,.46,.45,.94) both;border-radius:var(--ax-size-border-radius)}.toast-container header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;font-weight:500}.toast-container .content{padding:1rem;display:flex;align-items:center;justify-content:space-between}.toast-container .toast-close{cursor:pointer;font-size:1rem}.toast-container .toast-progress{position:absolute;background:#00000080;width:100%;bottom:0;left:0;height:6px;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
                 type: Input
             }], message: [{
@@ -72,5 +74,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                 type: Input
             }], type: [{
                 type: Input
+            }], axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b2FzdC90b2FzdC1tZXNzYWdlL3RvYXN0LW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9hc3QvdG9hc3QtbWVzc2FnZS90b2FzdC1tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3hGLE1BQU0sT0FBTyx1QkFBdUI7SUFDZDtJQUFwQixZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO0lBQUksQ0FBQztJQUVqQyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLE9BQU8sQ0FBUztJQUNoQixPQUFPLEdBQVcsSUFBSSxDQUFDO0lBQ3ZCLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFFM0IsSUFBSSxHQUE2QyxNQUFNLENBQUM7SUFFakUsS0FBSyxHQUFXLE1BQU0sQ0FBQztJQUN2QixJQUFJLEdBQVcsRUFBRSxDQUFDO0lBQ2xCLFVBQVUsR0FBVyxHQUFHLENBQUM7SUFFekIsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2pCLE1BQU0sUUFBUSxHQUFHLFdBQVcsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2hDLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDbEIsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLENBQUMsRUFBRSxDQUFDO29CQUMxQixhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7b0JBQ3hCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDZixDQUFDO1lBQ0gsQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDLENBQUM7UUFDekIsQ0FBQztRQUNELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xCLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztnQkFDdkIsTUFBTTtZQUNSLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztnQkFDdkIsTUFBTTtZQUNSLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQztnQkFDckIsTUFBTTtZQUNSO2dCQUNFLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO2dCQUNwQixNQUFNO1FBQ1YsQ0FBQztRQUNELFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xCLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsSUFBSSxHQUFHLHFCQUFxQixDQUFDO2dCQUNsQyxNQUFNO1lBQ1IsS0FBSyxTQUFTO2dCQUNaLElBQUksQ0FBQyxJQUFJLEdBQUcsNkJBQTZCLENBQUM7Z0JBQzFDLE1BQU07WUFDUixLQUFLLE9BQU87Z0JBQ1YsSUFBSSxDQUFDLElBQUksR0FBRywyQkFBMkIsQ0FBQztnQkFDeEMsTUFBTTtZQUNSO2dCQUNFLElBQUksQ0FBQyxJQUFJLEdBQUcsb0JBQW9CLENBQUM7Z0JBQ2pDLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQztJQUNELEtBQUs7UUFDSCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDL0UsQ0FBQzt1R0F2RFUsdUJBQXVCOzJGQUF2Qix1QkFBdUIsOEpDUHBDLHVwQkFnQk07OzJGRFRPLHVCQUF1QjtrQkFMbkMsU0FBUztvQ0FHTyxpQkFBaUIsQ0FBQyxJQUFJOytFQUs1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgRWxlbWVudFJlZiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC1tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QtbWVzc2FnZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEFYVG9hc3RNZXNzYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbFJlZjogRWxlbWVudFJlZikgeyB9XG5cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBtZXNzYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpbWVPdXQ6IG51bWJlciA9IDYwMDA7XG4gIEBJbnB1dCgpIGNsb3NlYWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHR5cGU6ICdpbmZvJyB8ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgPSAnaW5mbyc7XG5cbiAgc3R5bGU6IHN0cmluZyA9ICdpbmZvJztcbiAgaWNvbjogc3RyaW5nID0gJyc7XG4gIHRvYXN0V2lkdGg6IG51bWJlciA9IDEwMDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy50aW1lT3V0KSB7XG4gICAgICBjb25zdCBpbnRlcnZhbCA9IHNldEludGVydmFsKCgpID0+IHtcbiAgICAgICAgLS10aGlzLnRvYXN0V2lkdGg7XG4gICAgICAgIGlmICh0aGlzLnRvYXN0V2lkdGggPT09IDApIHtcbiAgICAgICAgICBjbGVhckludGVydmFsKGludGVydmFsKTtcbiAgICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICAgIH0sIHRoaXMudGltZU91dCAvIDEwMCk7XG4gICAgfVxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgdGhpcy5zdHlsZSA9ICdzdWNjZXNzJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgdGhpcy5zdHlsZSA9ICd3YXJuaW5nJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgIHRoaXMuc3R5bGUgPSAnZXJyb3InO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuc3R5bGUgPSAnaW5mbyc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgICBzd2l0Y2ggKHRoaXMudHlwZSkge1xuICAgICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICAgIHRoaXMuaWNvbiA9ICdmYXMgZmEtY2hlY2stY2lyY2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgICAgdGhpcy5pY29uID0gJ2ZhcyBmYS1leGNsYW1hdGlvbi10cmlhbmdsZSc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnZXJyb3InOlxuICAgICAgICB0aGlzLmljb24gPSAnZmFzIGZhLWV4Y2xhbWF0aW9uLWNpcmNsZSc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgdGhpcy5pY29uID0gJ2ZhcyBmYS1pbmZvLWNpcmNsZSc7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5yZW1vdmVDaGlsZCh0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidG9hc3QtY29udGFpbmVyXCI+XG4gICAgPGhlYWRlciAqbmdJZj1cInRpdGxlXCIgY2xhc3M9XCJheCB0b2FzdCB7eyBzdHlsZSB9fVwiPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJ7e2ljb259fVwiPjwvaT4mbmJzcDsge3sgdGl0bGUgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJjbG9zZWFibGVcIiAoY2xpY2spPVwiY2xvc2UoKVwiIGNsYXNzPVwidG9hc3QtY2xvc2VcIj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2hlYWRlcj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudCBheCB0b2FzdCB7eyBzdHlsZSB9fVwiPlxuICAgICAgICB7eyBtZXNzYWdlIH19XG4gICAgICAgIDxkaXYgKm5nSWY9XCIhdGl0bGUgJiYgY2xvc2VhYmxlXCIgKGNsaWNrKT1cImNsb3NlKClcIiBjbGFzcz1cInRvYXN0LWNsb3NlXCI+XG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhciBmYS10aW1lc1wiPjwvaT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b2FzdC1wcm9ncmVzc1wiIFtzdHlsZS5hbmltYXRpb24tZHVyYXRpb24ubXNdPVwidGltZU91dFwiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b2FzdC90b2FzdC1tZXNzYWdlL3RvYXN0LW1lc3NhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9hc3QvdG9hc3QtbWVzc2FnZS90b2FzdC1tZXNzYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3hGLE1BQU0sT0FBTyx1QkFBdUI7SUFDZDtJQUFwQixZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO0lBQUksQ0FBQztJQUVqQyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLE9BQU8sQ0FBUztJQUNoQixPQUFPLEdBQVcsSUFBSSxDQUFDO0lBQ3ZCLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFFM0IsSUFBSSxHQUE2QyxNQUFNLENBQUM7SUFFeEQsSUFBSSxDQUFTO0lBRWIsT0FBTyxDQUFTO0lBRXpCLEtBQUssR0FBVyxNQUFNLENBQUM7SUFDdkIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixVQUFVLEdBQVcsR0FBRyxDQUFDO0lBRXpCLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixNQUFNLFFBQVEsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFO2dCQUNoQyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQ2xCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLEVBQUUsQ0FBQztvQkFDMUIsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO29CQUN4QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2YsQ0FBQztZQUNILENBQUMsRUFBRSxJQUFJLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLENBQUM7UUFDRCxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNsQixLQUFLLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7Z0JBQ3ZCLE1BQU07WUFDUixLQUFLLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7Z0JBQ3ZCLE1BQU07WUFDUixLQUFLLE9BQU87Z0JBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7Z0JBQ3JCLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztnQkFDcEIsTUFBTTtRQUNWLENBQUM7UUFDRCxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNsQixLQUFLLFNBQVM7Z0JBQ1osSUFBSSxDQUFDLElBQUksR0FBRyxxQkFBcUIsQ0FBQztnQkFDbEMsTUFBTTtZQUNSLEtBQUssU0FBUztnQkFDWixJQUFJLENBQUMsSUFBSSxHQUFHLDZCQUE2QixDQUFDO2dCQUMxQyxNQUFNO1lBQ1IsS0FBSyxPQUFPO2dCQUNWLElBQUksQ0FBQyxJQUFJLEdBQUcsMkJBQTJCLENBQUM7Z0JBQ3hDLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsSUFBSSxHQUFHLG9CQUFvQixDQUFDO2dCQUNqQyxNQUFNO1FBQ1YsQ0FBQztJQUNILENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQy9FLENBQUM7dUdBM0RVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLGdNQ1BwQyxveENBeUNBOzsyRkRsQ2EsdUJBQXVCO2tCQUxuQyxTQUFTO29DQUdPLGlCQUFpQixDQUFDLElBQUk7K0VBSzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEVsZW1lbnRSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZVVybDogJy4vdG9hc3QtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RvYXN0LW1lc3NhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBWFRvYXN0TWVzc2FnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxSZWY6IEVsZW1lbnRSZWYpIHsgfVxuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xuICBASW5wdXQoKSB0aW1lT3V0OiBudW1iZXIgPSA2MDAwO1xuICBASW5wdXQoKSBjbG9zZWFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSB0eXBlOiAnaW5mbycgfCAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZXJyb3InID0gJ2luZm8nO1xuXG4gIEBJbnB1dCgpIGF4SWQ6IHN0cmluZztcbiAgXG4gIEBJbnB1dCgpIGF4Q2xhc3M6IHN0cmluZztcblxuICBzdHlsZTogc3RyaW5nID0gJ2luZm8nO1xuICBpY29uOiBzdHJpbmcgPSAnJztcbiAgdG9hc3RXaWR0aDogbnVtYmVyID0gMTAwO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRpbWVPdXQpIHtcbiAgICAgIGNvbnN0IGludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgICAtLXRoaXMudG9hc3RXaWR0aDtcbiAgICAgICAgaWYgKHRoaXMudG9hc3RXaWR0aCA9PT0gMCkge1xuICAgICAgICAgIGNsZWFySW50ZXJ2YWwoaW50ZXJ2YWwpO1xuICAgICAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgfSwgdGhpcy50aW1lT3V0IC8gMTAwKTtcbiAgICB9XG4gICAgc3dpdGNoICh0aGlzLnR5cGUpIHtcbiAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgICB0aGlzLnN0eWxlID0gJ3N1Y2Nlc3MnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICB0aGlzLnN0eWxlID0gJ3dhcm5pbmcnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgICAgdGhpcy5zdHlsZSA9ICdlcnJvcic7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgdGhpcy5zdHlsZSA9ICdpbmZvJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgICAgdGhpcy5pY29uID0gJ2ZhcyBmYS1jaGVjay1jaXJjbGUnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgICB0aGlzLmljb24gPSAnZmFzIGZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlICdlcnJvcic6XG4gICAgICAgIHRoaXMuaWNvbiA9ICdmYXMgZmEtZXhjbGFtYXRpb24tY2lyY2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICB0aGlzLmljb24gPSAnZmFzIGZhLWluZm8tY2lyY2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG4gIGNsb3NlKCkge1xuICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5wYXJlbnRFbGVtZW50LnJlbW92ZUNoaWxkKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCk7XG4gIH1cbn1cbiIsIjxkaXYgXG4gIGNsYXNzPVwidG9hc3QtY29udGFpbmVyIHt7YXhDbGFzc319XCIgXG4gIFthdHRyLmlkXT1cImF4SWRcIlxuPlxuICAgIDxoZWFkZXIgXG4gICAgICAqbmdJZj1cInRpdGxlXCIgXG4gICAgICBjbGFzcz1cImF4IHRvYXN0IHt7IHN0eWxlIH19IHt7YXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWhlYWRlcicgOiAnJ319XCIgXG4gICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctaGVhZGVyJyA6IG51bGxcIlxuICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwie3tpY29ufX1cIj48L2k+Jm5ic3A7IHt7IHRpdGxlIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IFxuICAgICAgICAgICpuZ0lmPVwiY2xvc2VhYmxlXCIgXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIiBcbiAgICAgICAgICBjbGFzcz1cInRvYXN0LWNsb3NlIHt7YXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWNsb3NlJyA6ICcnfX1cIiBcbiAgICAgICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctY2xvc2UnIDogbnVsbFwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2hlYWRlcj5cbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJjb250ZW50IGF4IHRvYXN0IHt7IHN0eWxlIH19IHt7YXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWNvbnRlbnQnIDogJyd9fVwiIFxuICAgICAgW2F0dHIuaWRdPVwiYXhJZCA/IGF4SWQgKyAnLWNvbnRlbnQnIDogbnVsbFwiXG4gICAgPlxuICAgICAgICB7eyBtZXNzYWdlIH19XG4gICAgICAgIDxkaXYgXG4gICAgICAgICAgKm5nSWY9XCIhdGl0bGUgJiYgY2xvc2VhYmxlXCIgXG4gICAgICAgICAgKGNsaWNrKT1cImNsb3NlKClcIiBcbiAgICAgICAgICBjbGFzcz1cInRvYXN0LWNsb3NlIHt7YXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWNsb3NlJyA6ICcnfX1cIiBcbiAgICAgICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctY2xvc2UnIDogbnVsbFwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBcbiAgICAgICAgICBjbGFzcz1cInRvYXN0LXByb2dyZXNzXCIgXG4gICAgICAgICAgW3N0eWxlLmFuaW1hdGlvbi1kdXJhdGlvbi5tc109XCJ0aW1lT3V0XCJcbiAgICAgICAgICBbYXR0ci5pZF09XCJheElkID8gYXhJZCArICctcHJvZ3Jlc3MnIDogbnVsbFwiXG4gICAgICAgID48L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/toolbar/group-button/toolbar-group-button.component.mjs

@@ -1,14 +1,16 @@
-import { Component, Input, Output, EventEmitter } from "@angular/core";
-import { AXToolbarItem } from "../toolbar-item";
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { AXToolbarItem } from '../toolbar-item';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class AXToolbarButtonGroupComponent {
-    constructor() { }
+    axId;
+    axClass;
     items = [];
     itemClick = new EventEmitter();
-    mode = "single";
+    mode = 'single';
+    constructor() { }
     onClick(item) {
-        if (this.mode == "single") {
+        if (this.mode === 'single') {
             this.items.forEach(c => {
                 c.selected = false;
             });
@@ -16,20 +18,19 @@ export class AXToolbarButtonGroupComponent {
             this.itemClick.emit(item);
         }
         else {
-            if (item.selected) {
-                item.selected = false;
-            }
-            else {
-                item.selected = true;
-                this.itemClick.emit(item);
-            }
+            item.selected = !item.selected;
+            this.itemClick.emit(item);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarButtonGroupComponent, selector: "ax-toolbar-group-button", inputs: { items: "items", mode: "mode" }, outputs: { itemClick: "itemClick" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarButtonGroupComponent, selector: "ax-toolbar-group-button", inputs: { axId: "axId", axClass: "axClass", items: "items", mode: "mode" }, outputs: { itemClick: "itemClick" }, providers: [
             { provide: AXToolbarItem, useExisting: AXToolbarButtonGroupComponent }
         ], ngImport: i0, template: `
-    <div class="btn-group" role="group">
+    <div 
+      class="btn-group {{axClass}}" 
+      role="group" 
+      [attr.id]="axId"
+    >
       <button
         type="button"
         *ngFor="let item of items"
@@ -47,9 +48,13 @@ export class AXToolbarButtonGroupComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: "ax-toolbar-group-button",
+                    selector: 'ax-toolbar-group-button',
                     template: `
-    <div class="btn-group" role="group">
+    <div 
+      class="btn-group {{axClass}}" 
+      role="group" 
+      [attr.id]="axId"
+    >
       <button
         type="button"
         *ngFor="let item of items"
@@ -67,11 +72,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                         { provide: AXToolbarItem, useExisting: AXToolbarButtonGroupComponent }
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { items: [{
+        }], ctorParameters: () => [], propDecorators: { axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
+            }], items: [{
                 type: Input
             }], itemClick: [{
                 type: Output
             }], mode: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1ncm91cC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9ncm91cC1idXR0b24vdG9vbGJhci1ncm91cC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUF3QmhELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsZ0JBQWdCLENBQUM7SUFHakIsS0FBSyxHQUFxQixFQUFFLENBQUM7SUFHN0IsU0FBUyxHQUFpQyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUc3RSxJQUFJLEdBQTBCLFFBQVEsQ0FBQztJQUV2QyxPQUFPLENBQUMsSUFBb0I7UUFDMUIsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNyQixDQUFDLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUNyQixDQUFDLENBQUMsQ0FBQztZQUNILElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztnQkFDckIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDNUIsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO3VHQTNCVSw2QkFBNkI7MkZBQTdCLDZCQUE2QixpSUFKN0I7WUFDVCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLDZCQUE2QixFQUFFO1NBQ3ZFLDBCQWpCUzs7Ozs7Ozs7Ozs7Ozs7R0FjVDs7MkZBS1UsNkJBQTZCO2tCQXJCekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLCtCQUErQixFQUFFO3FCQUN2RTtpQkFDRjt3REFLQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixNQUFNO2dCQUlQLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQVhUb29sYmFySXRlbSB9IGZyb20gXCIuLi90b29sYmFyLWl0ZW1cIjtcbmltcG9ydCB7IEFYQmFzZU1lbnVJdGVtIH0gZnJvbSAnQGFjb3JleC9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImF4LXRvb2xiYXItZ3JvdXAtYnV0dG9uXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImJ0bi1ncm91cFwiIHJvbGU9XCJncm91cFwiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc20ge3sgaXRlbS5zdHlsZSB9fVwiXG4gICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaXRlbS5zZWxlY3RlZFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCJcbiAgICAgICAgW3RpdGxlXT1cIml0ZW0udG9vbHRpcFwiXG4gICAgICA+XG4gICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5pY29uIH19XCI+PC9pPlxuICAgICAgICB7eyBpdGVtLnRleHQgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYVG9vbGJhckl0ZW0sIHVzZUV4aXN0aW5nOiBBWFRvb2xiYXJCdXR0b25Hcm91cENvbXBvbmVudCB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhUb29sYmFyQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIEBJbnB1dCgpXG4gIGl0ZW1zOiBBWEJhc2VNZW51SXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpXG4gIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYQmFzZU1lbnVJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhCYXNlTWVudUl0ZW0+KCk7XG5cbiAgQElucHV0KClcbiAgbW9kZTogXCJzaW5nbGVcIiB8IFwibXVsdGlwbGVcIiA9IFwic2luZ2xlXCI7XG5cbiAgb25DbGljayhpdGVtOiBBWEJhc2VNZW51SXRlbSkge1xuICAgIGlmICh0aGlzLm1vZGUgPT0gXCJzaW5nbGVcIikge1xuICAgICAgdGhpcy5pdGVtcy5mb3JFYWNoKGMgPT4ge1xuICAgICAgICBjLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgICB9KTtcbiAgICAgIGl0ZW0uc2VsZWN0ZWQgPSB0cnVlO1xuICAgICAgdGhpcy5pdGVtQ2xpY2suZW1pdChpdGVtKTtcbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKGl0ZW0uc2VsZWN0ZWQpIHtcbiAgICAgICAgaXRlbS5zZWxlY3RlZCA9IGZhbHNlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgaXRlbS5zZWxlY3RlZCA9IHRydWU7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1ncm91cC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9ncm91cC1idXR0b24vdG9vbGJhci1ncm91cC1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUEyQmhELE1BQU0sT0FBTyw2QkFBNkI7SUFDL0IsSUFBSSxDQUFTO0lBRWIsT0FBTyxDQUFTO0lBRWhCLEtBQUssR0FBcUIsRUFBRSxDQUFDO0lBRTVCLFNBQVMsR0FBaUMsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFFOUUsSUFBSSxHQUEwQixRQUFRLENBQUM7SUFFaEQsZ0JBQWdCLENBQUM7SUFFakIsT0FBTyxDQUFDLElBQW9CO1FBQzFCLElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDckIsQ0FBQyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDckIsQ0FBQyxDQUFDLENBQUM7WUFDSCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNyQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLENBQUM7SUFDSCxDQUFDO3VHQXhCVSw2QkFBNkI7MkZBQTdCLDZCQUE2QixtS0FKN0I7WUFDVCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLDZCQUE2QixFQUFFO1NBQ3ZFLDBCQXJCUzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUOzsyRkFLVSw2QkFBNkI7a0JBekJ6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUO29CQUNELFNBQVMsRUFBRTt3QkFDVCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVywrQkFBK0IsRUFBRTtxQkFDdkU7aUJBQ0Y7d0RBRVUsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTTtnQkFFRSxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCYXNlTWVudUl0ZW0gfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xuaW1wb3J0IHsgQVhUb29sYmFySXRlbSB9IGZyb20gJy4uL3Rvb2xiYXItaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRvb2xiYXItZ3JvdXAtYnV0dG9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJidG4tZ3JvdXAge3theENsYXNzfX1cIiBcbiAgICAgIHJvbGU9XCJncm91cFwiIFxuICAgICAgW2F0dHIuaWRdPVwiYXhJZFwiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIlxuICAgICAgICBjbGFzcz1cImJ0biBidG4tc20ge3sgaXRlbS5zdHlsZSB9fVwiXG4gICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaXRlbS5zZWxlY3RlZFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCJcbiAgICAgICAgW3RpdGxlXT1cIml0ZW0udG9vbHRpcFwiXG4gICAgICA+XG4gICAgICAgIDxpIGNsYXNzPVwie3sgaXRlbS5pY29uIH19XCI+PC9pPlxuICAgICAgICB7eyBpdGVtLnRleHQgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxuICBwcm92aWRlcnM6IFtcbiAgICB7IHByb3ZpZGU6IEFYVG9vbGJhckl0ZW0sIHVzZUV4aXN0aW5nOiBBWFRvb2xiYXJCdXR0b25Hcm91cENvbXBvbmVudCB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQVhUb29sYmFyQnV0dG9uR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKSBheElkOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgYXhDbGFzczogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGl0ZW1zOiBBWEJhc2VNZW51SXRlbVtdID0gW107XG5cbiAgQE91dHB1dCgpIGl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYQmFzZU1lbnVJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhCYXNlTWVudUl0ZW0+KCk7XG5cbiAgQElucHV0KCkgbW9kZTogJ3NpbmdsZScgfCAnbXVsdGlwbGUnID0gJ3NpbmdsZSc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkNsaWNrKGl0ZW06IEFYQmFzZU1lbnVJdGVtKSB7XG4gICAgaWYgKHRoaXMubW9kZSA9PT0gJ3NpbmdsZScpIHtcbiAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaChjID0+IHtcbiAgICAgICAgYy5zZWxlY3RlZCA9IGZhbHNlO1xuICAgICAgfSk7XG4gICAgICBpdGVtLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGl0ZW0uc2VsZWN0ZWQgPSAhaXRlbS5zZWxlY3RlZDtcbiAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/toolbar/menu/toolbar-menu.component.mjs

@@ -29,6 +29,8 @@ export class AXToolbarMenuComponent extends AXToolbarItem {
         this._items = v;
         this.update();
     }
+    axId;
+    axClass;
     handleItemClick(item) {
         this.onItemClick.emit(item);
     }
@@ -40,11 +42,11 @@ export class AXToolbarMenuComponent extends AXToolbarItem {
         this.cdr.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarMenuComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: { menuTemplate: "menuTemplate", floatPlacemnet: "floatPlacemnet", selection: "selection", items: "items" }, outputs: { onItemClick: "onItemClick" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarMenuComponent }], queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-toolbar-menu-container\">\n  <ax-menu\n    #menu\n    [items]=\"items\"\n    [selection]=\"selection\"\n    (onItemClick)=\"handleItemClick($event)\"\n    [menuTemplate]=\"menuTemplate\"\n    [floatPlacemnet]=\"floatPlacemnet\"\n  >\n  </ax-menu>\n</div>\n", dependencies: [{ kind: "component", type: i1.AXMenuComponent, selector: "ax-menu", inputs: ["menuTemplate", "rtl", "size", "selection", "mode", "target", "floatAlignment", "floatPlacemnet", "direction", "items"], outputs: ["onItemClick"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarMenuComponent, selector: "ax-toolbar-menu", inputs: { menuTemplate: "menuTemplate", floatPlacemnet: "floatPlacemnet", selection: "selection", items: "items", axId: "axId", axClass: "axClass" }, outputs: { onItemClick: "onItemClick" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarMenuComponent }], queries: [{ propertyName: "_contentMenuTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div \n  class=\"ax-toolbar-menu-container {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <ax-menu\n    #menu\n    [items]=\"items\"\n    [selection]=\"selection\"\n    (onItemClick)=\"handleItemClick($event)\"\n    [menuTemplate]=\"menuTemplate\"\n    [floatPlacemnet]=\"floatPlacemnet\"\n    [attr.id]=\"axId ? axId + '-menu' : null\"\n    [attr.class]=\"axClass\"\n  >\n  </ax-menu>\n</div>\n", dependencies: [{ kind: "component", type: i1.AXMenuComponent, selector: "ax-menu", inputs: ["menuTemplate", "rtl", "size", "selection", "mode", "target", "floatAlignment", "floatPlacemnet", "direction", "items", "axId", "axClass"], outputs: ["onItemClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toolbar-menu', providers: [{ provide: AXToolbarItem, useExisting: AXToolbarMenuComponent }], encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-toolbar-menu-container\">\n  <ax-menu\n    #menu\n    [items]=\"items\"\n    [selection]=\"selection\"\n    (onItemClick)=\"handleItemClick($event)\"\n    [menuTemplate]=\"menuTemplate\"\n    [floatPlacemnet]=\"floatPlacemnet\"\n  >\n  </ax-menu>\n</div>\n" }]
+            args: [{ selector: 'ax-toolbar-menu', providers: [{ provide: AXToolbarItem, useExisting: AXToolbarMenuComponent }], encapsulation: ViewEncapsulation.None, template: "<div \n  class=\"ax-toolbar-menu-container {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <ax-menu\n    #menu\n    [items]=\"items\"\n    [selection]=\"selection\"\n    (onItemClick)=\"handleItemClick($event)\"\n    [menuTemplate]=\"menuTemplate\"\n    [floatPlacemnet]=\"floatPlacemnet\"\n    [attr.id]=\"axId ? axId + '-menu' : null\"\n    [attr.class]=\"axClass\"\n  >\n  </ax-menu>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { menu: [{
                 type: ViewChild,
                 args: ['menu', { static: true }]
@@ -61,5 +63,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                 type: Input
             }], items: [{
                 type: Input
+            }], axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3Rvb2xiYXIvbWVudS90b29sYmFyLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9tZW51L3Rvb2xiYXItbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsR0FFaEIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVFoRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsYUFBYTtJQUNuQztJQUFwQixZQUFvQixHQUFzQjtRQUN4QyxLQUFLLEVBQUUsQ0FBQztRQURVLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRTFDLENBQUM7SUFFb0MsSUFBSSxDQUFrQjtJQUczRCxXQUFXLEdBQ1QsSUFBSSxZQUFZLEVBQXdCLENBQUM7SUFHM0Msb0JBQW9CLENBQW1CO0lBRS9CLGFBQWEsQ0FBbUI7SUFDeEMsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQzdFLENBQUM7SUFDRCxJQUFXLFlBQVksQ0FBQyxDQUFtQjtRQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBR0QsY0FBYyxDQUFjO0lBR3JCLFNBQVMsR0FBbUMsTUFBTSxDQUFDO0lBRWxELE1BQU0sQ0FBZTtJQUM3QixJQUNXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQVcsS0FBSyxDQUFDLENBQWU7UUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxlQUFlLENBQUMsSUFBMkI7UUFDekMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVNLEtBQUs7UUFDVixxQkFBcUI7SUFDdkIsQ0FBQztJQUVELE1BQU07UUFDSixxQkFBcUI7UUFDckIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMzQixDQUFDO3VHQWxEVSxzQkFBc0I7MkZBQXRCLHNCQUFzQix1TUFIdEIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLENBQUMsNEVBYzlELFdBQVcsaU1DbkMzQixrUkFXQTs7MkZEYWEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixhQUVoQixDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLHdCQUF3QixFQUFFLENBQUMsaUJBQzdELGlCQUFpQixDQUFDLElBQUk7c0ZBT0EsSUFBSTtzQkFBeEMsU0FBUzt1QkFBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUduQyxXQUFXO3NCQURWLE1BQU07Z0JBS1Asb0JBQW9CO3NCQURuQixZQUFZO3VCQUFDLFdBQVcsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBS2hDLFlBQVk7c0JBRHRCLEtBQUs7Z0JBU04sY0FBYztzQkFEYixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFLSyxLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWE1lbnVJdGVtLCBBWFBsYWNlbWVudCB9IGZyb20gJ0BhY29yZXgvY29yZSc7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQVhNZW51Q29tcG9uZW50LFxuICBBWE1lbnVJdGVtQ2xpY2tFdmVudCxcbn0gZnJvbSAnLi4vLi4vbWVudS9tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBWFRvb2xiYXJJdGVtIH0gZnJvbSAnLi4vdG9vbGJhci1pdGVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdG9vbGJhci1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXItbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhUb29sYmFySXRlbSwgdXNlRXhpc3Rpbmc6IEFYVG9vbGJhck1lbnVDb21wb25lbnQgfV0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYVG9vbGJhck1lbnVDb21wb25lbnQgZXh0ZW5kcyBBWFRvb2xiYXJJdGVtIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ21lbnUnLCB7IHN0YXRpYzogdHJ1ZSB9KSBtZW51OiBBWE1lbnVDb21wb25lbnQ7XG5cbiAgQE91dHB1dCgpXG4gIG9uSXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8QVhNZW51SXRlbUNsaWNrRXZlbnQ+ID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW1DbGlja0V2ZW50PigpO1xuXG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYsIHsgc3RhdGljOiB0cnVlIH0pXG4gIF9jb250ZW50TWVudVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIHByaXZhdGUgX21lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KClcbiAgcHVibGljIGdldCBtZW51VGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuX21lbnVUZW1wbGF0ZSA/IHRoaXMuX21lbnVUZW1wbGF0ZSA6IHRoaXMuX2NvbnRlbnRNZW51VGVtcGxhdGU7XG4gIH1cbiAgcHVibGljIHNldCBtZW51VGVtcGxhdGUodjogVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIHRoaXMuX21lbnVUZW1wbGF0ZSA9IHY7XG4gIH1cblxuICBASW5wdXQoKVxuICBmbG9hdFBsYWNlbW5ldDogQVhQbGFjZW1lbnQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNlbGVjdGlvbjogJ25vbmUnIHwgJ3NpbmdsZScgfCAnbXVsdGlwbGUnID0gJ25vbmUnO1xuXG4gIHByaXZhdGUgX2l0ZW1zOiBBWE1lbnVJdGVtW107XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgaXRlbXMoKTogQVhNZW51SXRlbVtdIHtcbiAgICByZXR1cm4gdGhpcy5faXRlbXM7XG4gIH1cbiAgcHVibGljIHNldCBpdGVtcyh2OiBBWE1lbnVJdGVtW10pIHtcbiAgICB0aGlzLl9pdGVtcyA9IHY7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgfVxuXG4gIGhhbmRsZUl0ZW1DbGljayhpdGVtPzogQVhNZW51SXRlbUNsaWNrRXZlbnQpIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gIH1cblxuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgLy8gdGhpcy5tZW51LmNsb3NlKCk7XG4gIH1cblxuICB1cGRhdGUoKSB7XG4gICAgLy90aGlzLm1lbnUudXBkYXRlKCk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdG9vbGJhci1tZW51LWNvbnRhaW5lclwiPlxuICA8YXgtbWVudVxuICAgICNtZW51XG4gICAgW2l0ZW1zXT1cIml0ZW1zXCJcbiAgICBbc2VsZWN0aW9uXT1cInNlbGVjdGlvblwiXG4gICAgKG9uSXRlbUNsaWNrKT1cImhhbmRsZUl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICBbbWVudVRlbXBsYXRlXT1cIm1lbnVUZW1wbGF0ZVwiXG4gICAgW2Zsb2F0UGxhY2VtbmV0XT1cImZsb2F0UGxhY2VtbmV0XCJcbiAgPlxuICA8L2F4LW1lbnU+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9zcmMvbGliL3Rvb2xiYXIvbWVudS90b29sYmFyLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9tZW51L3Rvb2xiYXItbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sV0FBVyxFQUNYLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGVBQWUsR0FFaEIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVFoRCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsYUFBYTtJQUNuQztJQUFwQixZQUFvQixHQUFzQjtRQUN4QyxLQUFLLEVBQUUsQ0FBQztRQURVLFFBQUcsR0FBSCxHQUFHLENBQW1CO0lBRTFDLENBQUM7SUFFb0MsSUFBSSxDQUFrQjtJQUczRCxXQUFXLEdBQ1QsSUFBSSxZQUFZLEVBQXdCLENBQUM7SUFHM0Msb0JBQW9CLENBQW1CO0lBRS9CLGFBQWEsQ0FBbUI7SUFDeEMsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQzdFLENBQUM7SUFDRCxJQUFXLFlBQVksQ0FBQyxDQUFtQjtRQUN6QyxJQUFJLENBQUMsYUFBYSxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBR0QsY0FBYyxDQUFjO0lBR3JCLFNBQVMsR0FBbUMsTUFBTSxDQUFDO0lBRWxELE1BQU0sQ0FBZTtJQUM3QixJQUNXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQVcsS0FBSyxDQUFDLENBQWU7UUFDOUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFUSxJQUFJLENBQVM7SUFFYixPQUFPLENBQVM7SUFFekIsZUFBZSxDQUFDLElBQTJCO1FBQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFTSxLQUFLO1FBQ1YscUJBQXFCO0lBQ3ZCLENBQUM7SUFFRCxNQUFNO1FBQ0oscUJBQXFCO1FBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDM0IsQ0FBQzt1R0F0RFUsc0JBQXNCOzJGQUF0QixzQkFBc0IseU9BSHRCLENBQUMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxzQkFBc0IsRUFBRSxDQUFDLDRFQWM5RCxXQUFXLGlNQ25DM0IseVlBZ0JBOzsyRkRRYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGFBRWhCLENBQUMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsd0JBQXdCLEVBQUUsQ0FBQyxpQkFDN0QsaUJBQWlCLENBQUMsSUFBSTtzRkFPQSxJQUFJO3NCQUF4QyxTQUFTO3VCQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBR25DLFdBQVc7c0JBRFYsTUFBTTtnQkFLUCxvQkFBb0I7c0JBRG5CLFlBQVk7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFLaEMsWUFBWTtzQkFEdEIsS0FBSztnQkFTTixjQUFjO3NCQURiLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUtLLEtBQUs7c0JBRGYsS0FBSztnQkFTRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhNZW51SXRlbSwgQVhQbGFjZW1lbnQgfSBmcm9tICdAYWNvcmV4L2NvcmUnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFYTWVudUNvbXBvbmVudCxcbiAgQVhNZW51SXRlbUNsaWNrRXZlbnQsXG59IGZyb20gJy4uLy4uL21lbnUvbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQVhUb29sYmFySXRlbSB9IGZyb20gJy4uL3Rvb2xiYXItaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LXRvb2xiYXItbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sYmFyLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYVG9vbGJhckl0ZW0sIHVzZUV4aXN0aW5nOiBBWFRvb2xiYXJNZW51Q29tcG9uZW50IH1dLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRvb2xiYXJNZW51Q29tcG9uZW50IGV4dGVuZHMgQVhUb29sYmFySXRlbSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBAVmlld0NoaWxkKCdtZW51JywgeyBzdGF0aWM6IHRydWUgfSkgbWVudTogQVhNZW51Q29tcG9uZW50O1xuXG4gIEBPdXRwdXQoKVxuICBvbkl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEFYTWVudUl0ZW1DbGlja0V2ZW50PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxBWE1lbnVJdGVtQ2xpY2tFdmVudD4oKTtcblxuICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmLCB7IHN0YXRpYzogdHJ1ZSB9KVxuICBfY29udGVudE1lbnVUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcml2YXRlIF9tZW51VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBnZXQgbWVudVRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4ge1xuICAgIHJldHVybiB0aGlzLl9tZW51VGVtcGxhdGUgPyB0aGlzLl9tZW51VGVtcGxhdGUgOiB0aGlzLl9jb250ZW50TWVudVRlbXBsYXRlO1xuICB9XG4gIHB1YmxpYyBzZXQgbWVudVRlbXBsYXRlKHY6IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICB0aGlzLl9tZW51VGVtcGxhdGUgPSB2O1xuICB9XG5cbiAgQElucHV0KClcbiAgZmxvYXRQbGFjZW1uZXQ6IEFYUGxhY2VtZW50O1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZWxlY3Rpb246ICdub25lJyB8ICdzaW5nbGUnIHwgJ211bHRpcGxlJyA9ICdub25lJztcblxuICBwcml2YXRlIF9pdGVtczogQVhNZW51SXRlbVtdO1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IGl0ZW1zKCk6IEFYTWVudUl0ZW1bXSB7XG4gICAgcmV0dXJuIHRoaXMuX2l0ZW1zO1xuICB9XG4gIHB1YmxpYyBzZXQgaXRlbXModjogQVhNZW51SXRlbVtdKSB7XG4gICAgdGhpcy5faXRlbXMgPSB2O1xuICAgIHRoaXMudXBkYXRlKCk7XG4gIH1cblxuICBASW5wdXQoKSBheElkOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgYXhDbGFzczogc3RyaW5nO1xuXG4gIGhhbmRsZUl0ZW1DbGljayhpdGVtPzogQVhNZW51SXRlbUNsaWNrRXZlbnQpIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoaXRlbSk7XG4gIH1cblxuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgLy8gdGhpcy5tZW51LmNsb3NlKCk7XG4gIH1cblxuICB1cGRhdGUoKSB7XG4gICAgLy90aGlzLm1lbnUudXBkYXRlKCk7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iLCI8ZGl2IFxuICBjbGFzcz1cImF4LXRvb2xiYXItbWVudS1jb250YWluZXIge3theENsYXNzfX1cIiBcbiAgW2F0dHIuaWRdPVwiYXhJZFwiXG4+XG4gIDxheC1tZW51XG4gICAgI21lbnVcbiAgICBbaXRlbXNdPVwiaXRlbXNcIlxuICAgIFtzZWxlY3Rpb25dPVwic2VsZWN0aW9uXCJcbiAgICAob25JdGVtQ2xpY2spPVwiaGFuZGxlSXRlbUNsaWNrKCRldmVudClcIlxuICAgIFttZW51VGVtcGxhdGVdPVwibWVudVRlbXBsYXRlXCJcbiAgICBbZmxvYXRQbGFjZW1uZXRdPVwiZmxvYXRQbGFjZW1uZXRcIlxuICAgIFthdHRyLmlkXT1cImF4SWQgPyBheElkICsgJy1tZW51JyA6IG51bGxcIlxuICAgIFthdHRyLmNsYXNzXT1cImF4Q2xhc3NcIlxuICA+XG4gIDwvYXgtbWVudT5cbjwvZGl2PlxuIl19

package/esm2022/lib/toolbar/search/toolbar-search.component.mjs

@@ -23,6 +23,8 @@ export class AXToolbarSearchComponent {
             });
         }
     }
+    axId;
+    axClass;
     focus() {
         this.inputSearch.nativeElement.focus();
     }
@@ -40,11 +42,11 @@ export class AXToolbarSearchComponent {
         this.searchChangeObserver.next(text);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: { text: "text" }, outputs: { onValueChanged: "onValueChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent }], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"search-bar\">\n  <input #input type=\"text\" placeholder=\"\u062C\u0633\u062A\u062C\u0648 ...\" (input)=\"onSearchChanged($event.target.value)\" />\n  <i class=\"far fa-search text-secondary\"></i>\n</div>", styles: [".search-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ax-border-color);border-radius:var(--ax-size-border-radius);padding:.3em .6em;background:var(--ax-white-color)}.search-bar input{border:none!important;background-color:transparent;outline-color:transparent!important;flex:1;font-family:inherit;font-size:inherit}.search-bar input::placeholder{color:var(--ax-gray-color)}.search-bar i{color:var(--ax-gray-color)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarSearchComponent, selector: "ax-toolbar-search", inputs: { text: "text", axId: "axId", axClass: "axClass" }, outputs: { onValueChanged: "onValueChanged" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent }], viewQueries: [{ propertyName: "inputSearch", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<div \n  class=\"search-bar {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <input \n    #input \n    type=\"text\" \n    placeholder=\"\u062C\u0633\u062A\u062C\u0648 ...\" \n    (input)=\"onSearchChanged($event.target.value)\" \n    [attr.id]=\"axId ? axId + '-input' : null\"\n    [attr.class]=\"axClass ? axClass + '-input' : null\"\n  />\n  <i \n    class=\"far fa-search text-secondary\"\n    [attr.id]=\"axId ? axId + '-icon' : null\"\n    [attr.class]=\"axClass ? axClass + '-icon' : null\"\n  ></i>\n</div>\n", styles: [".search-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ax-border-color);border-radius:var(--ax-size-border-radius);padding:.3em .6em;background:var(--ax-white-color)}.search-bar input{border:none!important;background-color:transparent;outline-color:transparent!important;flex:1;font-family:inherit;font-size:inherit}.search-bar input::placeholder{color:var(--ax-gray-color)}.search-bar i{color:var(--ax-gray-color)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toolbar-search', providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent }], template: "<div class=\"search-bar\">\n  <input #input type=\"text\" placeholder=\"\u062C\u0633\u062A\u062C\u0648 ...\" (input)=\"onSearchChanged($event.target.value)\" />\n  <i class=\"far fa-search text-secondary\"></i>\n</div>", styles: [".search-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ax-border-color);border-radius:var(--ax-size-border-radius);padding:.3em .6em;background:var(--ax-white-color)}.search-bar input{border:none!important;background-color:transparent;outline-color:transparent!important;flex:1;font-family:inherit;font-size:inherit}.search-bar input::placeholder{color:var(--ax-gray-color)}.search-bar i{color:var(--ax-gray-color)}\n"] }]
+            args: [{ selector: 'ax-toolbar-search', providers: [{ provide: AXToolbarItem, useExisting: AXToolbarSearchComponent }], template: "<div \n  class=\"search-bar {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <input \n    #input \n    type=\"text\" \n    placeholder=\"\u062C\u0633\u062A\u062C\u0648 ...\" \n    (input)=\"onSearchChanged($event.target.value)\" \n    [attr.id]=\"axId ? axId + '-input' : null\"\n    [attr.class]=\"axClass ? axClass + '-input' : null\"\n  />\n  <i \n    class=\"far fa-search text-secondary\"\n    [attr.id]=\"axId ? axId + '-icon' : null\"\n    [attr.class]=\"axClass ? axClass + '-icon' : null\"\n  ></i>\n</div>\n", styles: [".search-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ax-border-color);border-radius:var(--ax-size-border-radius);padding:.3em .6em;background:var(--ax-white-color)}.search-bar input{border:none!important;background-color:transparent;outline-color:transparent!important;flex:1;font-family:inherit;font-size:inherit}.search-bar input::placeholder{color:var(--ax-gray-color)}.search-bar i{color:var(--ax-gray-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { inputSearch: [{
                 type: ViewChild,
                 args: ['input', { static: true }]
@@ -52,5 +54,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImpor
                 type: Output
             }], text: [{
                 type: Input
+            }], axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9zZWFyY2gvdG9vbGJhci1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9zZWFyY2gvdG9vbGJhci1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBcUIsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBWWhELE1BQU0sT0FBTyx3QkFBd0I7SUFDakMsZ0JBQWdCLENBQUM7SUFFVCxvQkFBb0IsQ0FBTTtJQUVJLFdBQVcsQ0FBYTtJQUc5RCxjQUFjLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO0lBRXRGLEtBQUssQ0FBUztJQUN0QixJQUNXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQVcsSUFBSSxDQUFDLENBQVM7UUFDckIsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDckIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsS0FBSyxFQUFFLENBQUM7Z0JBQ1IsUUFBUSxFQUFFLEdBQUc7YUFDaEIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDM0MsQ0FBQztJQUVELGVBQWUsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUM3QixVQUFVLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUV6QixJQUFJLENBQUMsb0JBQW9CLEdBQUcsUUFBUSxDQUFDO1lBQ3pDLENBQUMsQ0FBQztpQkFDRyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2lCQUN2QixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztpQkFDNUIsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNYLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxDQUFDO1lBQ2xCLENBQUMsQ0FBQyxDQUFDO1FBQ1gsQ0FBQztRQUNELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQzt1R0E1Q1Esd0JBQXdCOzJGQUF4Qix3QkFBd0IscUhBSHRCLENBQUMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSx3QkFBd0IsRUFBRSxDQUFDLDhJQ1psRiw0TkFHTTs7MkZEWU8sd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNJLG1CQUFtQixhQUdsQixDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLDBCQUEwQixFQUFFLENBQUM7d0RBUXhDLFdBQVc7c0JBQWhELFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFHcEMsY0FBYztzQkFEYixNQUFNO2dCQUtJLElBQUk7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdG9yUmVmLCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBWFRvb2xiYXJJdGVtIH0gZnJvbSAnLi4vdG9vbGJhci1pdGVtJztcbmltcG9ydCB7IEFYVmFsdWVFdmVudCB9IGZyb20gJy4uLy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcbmltcG9ydCB7IEFYQmFzZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2F4LXRvb2xiYXItc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2xiYXItc2VhcmNoLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWFRvb2xiYXJJdGVtLCB1c2VFeGlzdGluZzogQVhUb29sYmFyU2VhcmNoQ29tcG9uZW50IH1dXG59KVxuXG5leHBvcnQgY2xhc3MgQVhUb29sYmFyU2VhcmNoQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgcHJpdmF0ZSBzZWFyY2hDaGFuZ2VPYnNlcnZlcjogYW55O1xuXG4gICAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbnB1dFNlYXJjaDogRWxlbWVudFJlZjtcblxuICAgIEBPdXRwdXQoKVxuICAgIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhWYWx1ZUV2ZW50PHN0cmluZz4+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8c3RyaW5nPj4oKTtcblxuICAgIHByaXZhdGUgX3RleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBnZXQgdGV4dCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGV4dDtcbiAgICB9XG4gICAgcHVibGljIHNldCB0ZXh0KHY6IHN0cmluZykge1xuICAgICAgICBpZiAodiAhPT0gdGhpcy5fdGV4dCkge1xuICAgICAgICAgICAgY29uc3Qgb2xkID0gdGhpcy5fdGV4dDtcbiAgICAgICAgICAgIHRoaXMuX3RleHQgPSB2O1xuICAgICAgICAgICAgdGhpcy5vblZhbHVlQ2hhbmdlZC5lbWl0KHtcbiAgICAgICAgICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgICAgICAgICAgdmFsdWU6IHYsXG4gICAgICAgICAgICAgICAgb2xkVmFsdWU6IG9sZFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgZm9jdXMoKSB7XG4gICAgICAgIHRoaXMuaW5wdXRTZWFyY2gubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cblxuICAgIG9uU2VhcmNoQ2hhbmdlZCh0ZXh0OiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF0aGlzLnNlYXJjaENoYW5nZU9ic2VydmVyKSB7XG4gICAgICAgICAgICBPYnNlcnZhYmxlLmNyZWF0ZShvYnNlcnZlciA9PiB7XG5cbiAgICAgICAgICAgICAgICB0aGlzLnNlYXJjaENoYW5nZU9ic2VydmVyID0gb2JzZXJ2ZXI7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIC5waXBlKGRlYm91bmNlVGltZSg1MDApKVxuICAgICAgICAgICAgICAgIC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCkpXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShjID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50ZXh0ID0gYztcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnNlYXJjaENoYW5nZU9ic2VydmVyLm5leHQodGV4dCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNlYXJjaC1iYXJcIj5cbiAgPGlucHV0ICNpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwi2KzYs9iq2KzZiCAuLi5cIiAoaW5wdXQpPVwib25TZWFyY2hDaGFuZ2VkKCRldmVudC50YXJnZXQudmFsdWUpXCIgLz5cbiAgPGkgY2xhc3M9XCJmYXIgZmEtc2VhcmNoIHRleHQtc2Vjb25kYXJ5XCI+PC9pPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9zZWFyY2gvdG9vbGJhci1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci9zZWFyY2gvdG9vbGJhci1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBcUIsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBWWhELE1BQU0sT0FBTyx3QkFBd0I7SUFDakMsZ0JBQWdCLENBQUM7SUFFVCxvQkFBb0IsQ0FBTTtJQUVJLFdBQVcsQ0FBYTtJQUc5RCxjQUFjLEdBQXVDLElBQUksWUFBWSxFQUF3QixDQUFDO0lBRXRGLEtBQUssQ0FBUztJQUN0QixJQUNXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQVcsSUFBSSxDQUFDLENBQVM7UUFDckIsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDckIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsS0FBSyxFQUFFLENBQUM7Z0JBQ1IsUUFBUSxFQUFFLEdBQUc7YUFDaEIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFFUSxJQUFJLENBQVM7SUFFYixPQUFPLENBQVM7SUFFbEIsS0FBSztRQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxlQUFlLENBQUMsSUFBWTtRQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDN0IsVUFBVSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFFekIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLFFBQVEsQ0FBQztZQUN6QyxDQUFDLENBQUM7aUJBQ0csSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDdkIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7aUJBQzVCLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDWCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztZQUNsQixDQUFDLENBQUMsQ0FBQztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pDLENBQUM7dUdBaERRLHdCQUF3QjsyRkFBeEIsd0JBQXdCLHVKQUh0QixDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsd0JBQXdCLEVBQUUsQ0FBQyw4SUNabEYsaWdCQWtCQTs7MkZESGEsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNJLG1CQUFtQixhQUdsQixDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLDBCQUEwQixFQUFFLENBQUM7d0RBUXhDLFdBQVc7c0JBQWhELFNBQVM7dUJBQUMsT0FBTyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFHcEMsY0FBYztzQkFEYixNQUFNO2dCQUtJLElBQUk7c0JBRGQsS0FBSztnQkFnQkcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdG9yUmVmLCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGRlYm91bmNlVGltZSwgZGlzdGluY3RVbnRpbENoYW5nZWQgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBWFRvb2xiYXJJdGVtIH0gZnJvbSAnLi4vdG9vbGJhci1pdGVtJztcbmltcG9ydCB7IEFYVmFsdWVFdmVudCB9IGZyb20gJy4uLy4uL2Jhc2UvZXZlbnRzLmNsYXNzJztcbmltcG9ydCB7IEFYQmFzZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYmFzZS9lbGVtZW50LmNsYXNzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2F4LXRvb2xiYXItc2VhcmNoJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci1zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3Rvb2xiYXItc2VhcmNoLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbeyBwcm92aWRlOiBBWFRvb2xiYXJJdGVtLCB1c2VFeGlzdGluZzogQVhUb29sYmFyU2VhcmNoQ29tcG9uZW50IH1dXG59KVxuXG5leHBvcnQgY2xhc3MgQVhUb29sYmFyU2VhcmNoQ29tcG9uZW50IHtcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgcHJpdmF0ZSBzZWFyY2hDaGFuZ2VPYnNlcnZlcjogYW55O1xuXG4gICAgQFZpZXdDaGlsZCgnaW5wdXQnLCB7IHN0YXRpYzogdHJ1ZSB9KSBpbnB1dFNlYXJjaDogRWxlbWVudFJlZjtcblxuICAgIEBPdXRwdXQoKVxuICAgIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhWYWx1ZUV2ZW50PHN0cmluZz4+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWFZhbHVlRXZlbnQ8c3RyaW5nPj4oKTtcblxuICAgIHByaXZhdGUgX3RleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBnZXQgdGV4dCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGV4dDtcbiAgICB9XG4gICAgcHVibGljIHNldCB0ZXh0KHY6IHN0cmluZykge1xuICAgICAgICBpZiAodiAhPT0gdGhpcy5fdGV4dCkge1xuICAgICAgICAgICAgY29uc3Qgb2xkID0gdGhpcy5fdGV4dDtcbiAgICAgICAgICAgIHRoaXMuX3RleHQgPSB2O1xuICAgICAgICAgICAgdGhpcy5vblZhbHVlQ2hhbmdlZC5lbWl0KHtcbiAgICAgICAgICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgICAgICAgICAgdmFsdWU6IHYsXG4gICAgICAgICAgICAgICAgb2xkVmFsdWU6IG9sZFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKSBheElkOiBzdHJpbmc7XG4gIFxuICAgIEBJbnB1dCgpIGF4Q2xhc3M6IHN0cmluZztcblxuICAgIHB1YmxpYyBmb2N1cygpIHtcbiAgICAgICAgdGhpcy5pbnB1dFNlYXJjaC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuXG4gICAgb25TZWFyY2hDaGFuZ2VkKHRleHQ6IHN0cmluZykge1xuICAgICAgICBpZiAoIXRoaXMuc2VhcmNoQ2hhbmdlT2JzZXJ2ZXIpIHtcbiAgICAgICAgICAgIE9ic2VydmFibGUuY3JlYXRlKG9ic2VydmVyID0+IHtcblxuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoQ2hhbmdlT2JzZXJ2ZXIgPSBvYnNlcnZlcjtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDUwMCkpXG4gICAgICAgICAgICAgICAgLnBpcGUoZGlzdGluY3RVbnRpbENoYW5nZWQoKSlcbiAgICAgICAgICAgICAgICAuc3Vic2NyaWJlKGMgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnRleHQgPSBjO1xuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc2VhcmNoQ2hhbmdlT2JzZXJ2ZXIubmV4dCh0ZXh0KTtcbiAgICB9XG59XG4iLCI8ZGl2IFxuICBjbGFzcz1cInNlYXJjaC1iYXIge3theENsYXNzfX1cIiBcbiAgW2F0dHIuaWRdPVwiYXhJZFwiXG4+XG4gIDxpbnB1dCBcbiAgICAjaW5wdXQgXG4gICAgdHlwZT1cInRleHRcIiBcbiAgICBwbGFjZWhvbGRlcj1cItis2LPYqtis2YggLi4uXCIgXG4gICAgKGlucHV0KT1cIm9uU2VhcmNoQ2hhbmdlZCgkZXZlbnQudGFyZ2V0LnZhbHVlKVwiIFxuICAgIFthdHRyLmlkXT1cImF4SWQgPyBheElkICsgJy1pbnB1dCcgOiBudWxsXCJcbiAgICBbYXR0ci5jbGFzc109XCJheENsYXNzID8gYXhDbGFzcyArICctaW5wdXQnIDogbnVsbFwiXG4gIC8+XG4gIDxpIFxuICAgIGNsYXNzPVwiZmFyIGZhLXNlYXJjaCB0ZXh0LXNlY29uZGFyeVwiXG4gICAgW2F0dHIuaWRdPVwiYXhJZCA/IGF4SWQgKyAnLWljb24nIDogbnVsbFwiXG4gICAgW2F0dHIuY2xhc3NdPVwiYXhDbGFzcyA/IGF4Q2xhc3MgKyAnLWljb24nIDogbnVsbFwiXG4gID48L2k+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/toolbar/title/toolbar-title.component.mjs

@@ -3,7 +3,8 @@ import { AXToolbarItem } from '../toolbar-item';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class AXToolbarTitleComponent {
-    constructor() { }
+    axId;
+    axClass;
     _text;
     get text() {
         return this._text;
@@ -14,24 +15,38 @@ export class AXToolbarTitleComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarTitleComponent, selector: "ax-toolbar-title", inputs: { text: "text" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarTitleComponent }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarTitleComponent, selector: "ax-toolbar-title", inputs: { axId: "axId", axClass: "axClass", text: "text" }, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarTitleComponent }], ngImport: i0, template: `
         <ng-container *ngIf="text; else elseTemplate">
-        <div class="title">{{text}}</div>
+            <div 
+                class="title {{axClass}}" 
+                [attr.id]="axId">
+                {{text}}
+            </div>
         </ng-container>
         <ng-template #elseTemplate>
             <ng-content></ng-content>
-        </ng-template>`, isInline: true, styles: [".title{height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+        </ng-template>
+    `, isInline: true, styles: [".title{height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-toolbar-title', template: `
         <ng-container *ngIf="text; else elseTemplate">
-        <div class="title">{{text}}</div>
+            <div 
+                class="title {{axClass}}" 
+                [attr.id]="axId">
+                {{text}}
+            </div>
         </ng-container>
         <ng-template #elseTemplate>
             <ng-content></ng-content>
-        </ng-template>`, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarTitleComponent }], styles: [".title{height:100%;display:flex;align-items:center}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { text: [{
+        </ng-template>
+    `, providers: [{ provide: AXToolbarItem, useExisting: AXToolbarTitleComponent }], styles: [".title{height:100%;display:flex;align-items:center}\n"] }]
+        }], propDecorators: { axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
+            }], text: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3RpdGxlL3Rvb2xiYXItdGl0bGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUF3QixNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQW9CaEQsTUFBTSxPQUFPLHVCQUF1QjtJQUNoQyxnQkFBZ0IsQ0FBQztJQUVULEtBQUssQ0FBUztJQUN0QixJQUNXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQVcsSUFBSSxDQUFDLENBQVM7UUFDckIsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLENBQUM7SUFDTCxDQUFDO3VHQVpRLHVCQUF1QjsyRkFBdkIsdUJBQXVCLHFFQUZyQixDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsdUJBQXVCLEVBQUUsQ0FBQywwQkFkbkU7Ozs7Ozt1QkFNUzs7MkZBVVYsdUJBQXVCO2tCQWxCbkMsU0FBUzsrQkFDSSxrQkFBa0IsWUFDbEI7Ozs7Ozt1QkFNUyxhQVFSLENBQUMsRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcseUJBQXlCLEVBQUUsQ0FBQzt3REFPbEUsSUFBSTtzQkFEZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhUb29sYmFySXRlbSB9IGZyb20gJy4uL3Rvb2xiYXItaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXgtdG9vbGJhci10aXRsZScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRleHQ7IGVsc2UgZWxzZVRlbXBsYXRlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7dGV4dH19PC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctdGVtcGxhdGUgI2Vsc2VUZW1wbGF0ZT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5gLFxuICAgIHN0eWxlczogW2BcbiAgICAgICAgLnRpdGxle1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICBgXSxcbiAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IEFYVG9vbGJhckl0ZW0sIHVzZUV4aXN0aW5nOiBBWFRvb2xiYXJUaXRsZUNvbXBvbmVudCB9XVxufSlcbmV4cG9ydCBjbGFzcyBBWFRvb2xiYXJUaXRsZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIHByaXZhdGUgX3RleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBnZXQgdGV4dCgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGV4dDtcbiAgICB9XG4gICAgcHVibGljIHNldCB0ZXh0KHY6IHN0cmluZykge1xuICAgICAgICBpZiAodiAhPT0gdGhpcy5fdGV4dCkge1xuICAgICAgICAgICAgdGhpcy5fdGV4dCA9IHY7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3RpdGxlL3Rvb2xiYXItdGl0bGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBeUJoRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ3ZCLElBQUksQ0FBUztJQUViLE9BQU8sQ0FBUztJQUVqQixLQUFLLENBQVM7SUFDdEIsSUFDVyxJQUFJO1FBQ1gsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFDRCxJQUFXLElBQUksQ0FBQyxDQUFTO1FBQ3JCLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztRQUNuQixDQUFDO0lBQ0wsQ0FBQzt1R0FkUSx1QkFBdUI7MkZBQXZCLHVCQUF1Qix1R0FGckIsQ0FBQyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLENBQUMsMEJBbkJuRTs7Ozs7Ozs7Ozs7S0FXVDs7MkZBVVEsdUJBQXVCO2tCQXZCbkMsU0FBUzsrQkFDSSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7O0tBV1QsYUFRVSxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxXQUFXLHlCQUF5QixFQUFFLENBQUM7OEJBR3BFLElBQUk7c0JBQVosS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBSUssSUFBSTtzQkFEZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhUb29sYmFySXRlbSB9IGZyb20gJy4uL3Rvb2xiYXItaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXgtdG9vbGJhci10aXRsZScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRleHQ7IGVsc2UgZWxzZVRlbXBsYXRlXCI+XG4gICAgICAgICAgICA8ZGl2IFxuICAgICAgICAgICAgICAgIGNsYXNzPVwidGl0bGUge3theENsYXNzfX1cIiBcbiAgICAgICAgICAgICAgICBbYXR0ci5pZF09XCJheElkXCI+XG4gICAgICAgICAgICAgICAge3t0ZXh0fX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNlbHNlVGVtcGxhdGU+XG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgYCxcbiAgICBzdHlsZXM6IFtgXG4gICAgICAgIC50aXRsZSB7XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuICAgIGBdLFxuICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogQVhUb29sYmFySXRlbSwgdXNlRXhpc3Rpbmc6IEFYVG9vbGJhclRpdGxlQ29tcG9uZW50IH1dXG59KVxuZXhwb3J0IGNsYXNzIEFYVG9vbGJhclRpdGxlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBheElkOiBzdHJpbmc7XG4gICAgXG4gICAgQElucHV0KCkgYXhDbGFzczogc3RyaW5nO1xuXG4gICAgcHJpdmF0ZSBfdGV4dDogc3RyaW5nO1xuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGdldCB0ZXh0KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl90ZXh0O1xuICAgIH1cbiAgICBwdWJsaWMgc2V0IHRleHQodjogc3RyaW5nKSB7XG4gICAgICAgIGlmICh2ICE9PSB0aGlzLl90ZXh0KSB7XG4gICAgICAgICAgICB0aGlzLl90ZXh0ID0gdjtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/toolbar/toolbar.component.mjs

@@ -1,13 +1,19 @@
-import { Component, ViewEncapsulation } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 export class AXToolbarComponent {
     constructor() { }
     ngOnInit() { }
+    axId;
+    axClass;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarComponent, selector: "ax-toolbar", ngImport: i0, template: "<div class=\"ax-toolbar\">\n    <ng-content>\n    </ng-content>\n</div>", styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.7", type: AXToolbarComponent, selector: "ax-toolbar", inputs: { axId: "axId", axClass: "axClass" }, ngImport: i0, template: "<div \n  class=\"ax-toolbar {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.7", ngImport: i0, type: AXToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-toolbar', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-toolbar\">\n    <ng-content>\n    </ng-content>\n</div>", styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}\n"] }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU3JFLE1BQU0sT0FBTyxrQkFBa0I7SUFFM0IsZ0JBQWdCLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7dUdBSlgsa0JBQWtCOzJGQUFsQixrQkFBa0Isa0RDVC9CLHlFQUdNOzsyRkRNTyxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0ksWUFBWSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC10b29sYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdG9vbGJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246Vmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBBWFRvb2xiYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgY29uc3RydWN0b3IoKSB7IH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQgeyB9XG4gICAgXG59XG4iLCI8ZGl2IGNsYXNzPVwiYXgtdG9vbGJhclwiPlxuICAgIDxuZy1jb250ZW50PlxuICAgIDwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==
+            args: [{ selector: 'ax-toolbar', encapsulation: ViewEncapsulation.None, template: "<div \n  class=\"ax-toolbar {{axClass}}\" \n  [attr.id]=\"axId\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["ax-toolbar{width:100%}ax-toolbar .ax-toolbar{display:flex;width:100%;justify-content:space-between;align-items:center}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { axId: [{
+                type: Input
+            }], axClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM1RSxNQUFNLE9BQU8sa0JBQWtCO0lBRTNCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDO0lBRVgsSUFBSSxDQUFTO0lBRWIsT0FBTyxDQUFTO3VHQVJoQixrQkFBa0I7MkZBQWxCLGtCQUFrQixnR0NUL0IsNEdBTUE7OzJGREdhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUk7d0RBUTVCLElBQUk7c0JBQVosS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC10b29sYmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdG9vbGJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQVhUb29sYmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gICAgQElucHV0KCkgYXhJZDogc3RyaW5nO1xuXG4gICAgQElucHV0KCkgYXhDbGFzczogc3RyaW5nO1xuXG59XG4iLCI8ZGl2IFxuICBjbGFzcz1cImF4LXRvb2xiYXIge3theENsYXNzfX1cIiBcbiAgW2F0dHIuaWRdPVwiYXhJZFwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19