@net7/components 3.11.0 → 3.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -430,6 +430,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
430
430
  type: Input
431
431
  }] } });
432
432
 
433
+ //---------------------------
434
+ class LoaderComponent {
435
+ }
436
+ LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
437
+ LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\">\n Loading\n</div>" });
438
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, decorators: [{
439
+ type: Component,
440
+ args: [{ selector: 'n7-loader', template: "<div class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\">\n Loading\n</div>" }]
441
+ }], propDecorators: { data: [{
442
+ type: Input
443
+ }] } });
444
+
445
+ class IconComponent {
446
+ onClick(value) {
447
+ if (!this.emit)
448
+ return;
449
+ this.emit('click', value);
450
+ }
451
+ }
452
+ IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
453
+ IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: IconComponent, selector: "n7-icon", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data as icon\">\n <span class=\"n7-icon\" *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\">\n </span>\n</ng-container>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
454
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: IconComponent, decorators: [{
455
+ type: Component,
456
+ args: [{ selector: 'n7-icon', template: "<ng-container *ngIf=\"data as icon\">\n <span class=\"n7-icon\" *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\">\n </span>\n</ng-container>\n" }]
457
+ }], propDecorators: { data: [{
458
+ type: Input
459
+ }], emit: [{
460
+ type: Input
461
+ }] } });
462
+
463
+ class ButtonComponent {
464
+ onClick(value) {
465
+ if (!this.emit)
466
+ return;
467
+ this.emit('click', value);
468
+ }
469
+ }
470
+ ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
471
+ ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ButtonComponent, selector: "n7-button", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data && data.anchor\">\n <n7-anchor-wrapper [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\">\n <button class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\">\n <!-- loader -->\n <n7-loader [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\"\n *ngIf=\"data.iconLeft\">\n </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\"\n class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\"\n *ngIf=\"data.iconRight\">\n </n7-icon>\n </button>\n </n7-anchor-wrapper>\n</ng-container>\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { type: LoaderComponent, selector: "n7-loader", inputs: ["data"] }, { type: IconComponent, selector: "n7-icon", inputs: ["data", "emit"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
472
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ButtonComponent, decorators: [{
473
+ type: Component,
474
+ args: [{ selector: 'n7-button', template: "<ng-container *ngIf=\"data && data.anchor\">\n <n7-anchor-wrapper [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\">\n <button class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\">\n <!-- loader -->\n <n7-loader [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\"\n *ngIf=\"data.iconLeft\">\n </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\"\n class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\"\n *ngIf=\"data.iconRight\">\n </n7-icon>\n </button>\n </n7-anchor-wrapper>\n</ng-container>\n" }]
475
+ }], propDecorators: { data: [{
476
+ type: Input
477
+ }], emit: [{
478
+ type: Input
479
+ }] } });
480
+
433
481
  //---------------------------
434
482
  class CarouselComponent {
435
483
  constructor() {
@@ -1306,10 +1354,10 @@ class InnerTitleComponent {
1306
1354
  }
1307
1355
  }
1308
1356
  InnerTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1309
- InnerTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InnerTitleComponent, selector: "n7-inner-title", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-inner-title\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *ngIf=\"data.image\" \n class=\"n7-inner-title__image-left\" \n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"></div>\n\n <div class=\"n7-inner-title__wrapper-texts\">\n <div *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\" \n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *ngIf=\"data.title.secondary\" \n [innerHTML]=\"data.title.secondary.text\" \n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\">\n </div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n \n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n \n<!-- Template sorting -->\n<ng-template #select let-select>\n<div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\">\n {{opt.text}}\n </option>\n </select>\n</div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input type=\"text\" \n class=\"n7-inner-title__search-bar \" \n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\">\n <button *ngIf=\"search.button\" \n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span> \n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></span>\n</ng-template>\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
1357
+ InnerTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InnerTitleComponent, selector: "n7-inner-title", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-inner-title\"\n [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\">\n </div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\">\n </div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\"\n *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions\n let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select\n let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\">\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search\n let-search>\n <div class=\"n7-inner-title__search\">\n <input type=\"text\"\n class=\"n7-inner-title__search-bar \"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\">\n <button *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons\n let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\"\n class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon\n let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></span>\n</ng-template>\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
1310
1358
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InnerTitleComponent, decorators: [{
1311
1359
  type: Component,
1312
- args: [{ selector: 'n7-inner-title', template: "<div *ngIf=\"data\" class=\"n7-inner-title\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *ngIf=\"data.image\" \n class=\"n7-inner-title__image-left\" \n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"></div>\n\n <div class=\"n7-inner-title__wrapper-texts\">\n <div *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\" \n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *ngIf=\"data.title.secondary\" \n [innerHTML]=\"data.title.secondary.text\" \n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\">\n </div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n \n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n \n<!-- Template sorting -->\n<ng-template #select let-select>\n<div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\">\n {{opt.text}}\n </option>\n </select>\n</div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input type=\"text\" \n class=\"n7-inner-title__search-bar \" \n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\">\n <button *ngIf=\"search.button\" \n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span> \n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></span>\n</ng-template>\n" }]
1360
+ args: [{ selector: 'n7-inner-title', template: "<div *ngIf=\"data\"\n class=\"n7-inner-title\"\n [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\">\n </div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\">\n </div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\"\n *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions\n let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select\n let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\">\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search\n let-search>\n <div class=\"n7-inner-title__search\">\n <input type=\"text\"\n class=\"n7-inner-title__search-bar \"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\">\n <button *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons\n let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\"\n class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon\n let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></span>\n</ng-template>\n" }]
1313
1361
  }], propDecorators: { data: [{
1314
1362
  type: Input
1315
1363
  }], emit: [{
@@ -1354,6 +1402,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1354
1402
  type: Input
1355
1403
  }] } });
1356
1404
 
1405
+ class InputTextareaComponent {
1406
+ onChange(inputPayload, value) {
1407
+ if (!this.emit)
1408
+ return;
1409
+ this.emit('change', { inputPayload, value });
1410
+ }
1411
+ }
1412
+ InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1413
+ InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputTextareaComponent, selector: "n7-input-textarea", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea id=\"{{ input.id }}\"\n type=\"textarea\"\n class=\"n7-input-textarea__text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\">\n </textarea>\n </div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
1414
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputTextareaComponent, decorators: [{
1415
+ type: Component,
1416
+ args: [{ selector: 'n7-input-textarea', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea id=\"{{ input.id }}\"\n type=\"textarea\"\n class=\"n7-input-textarea__text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\">\n </textarea>\n </div>\n</div>\n" }]
1417
+ }], propDecorators: { data: [{
1418
+ type: Input
1419
+ }], emit: [{
1420
+ type: Input
1421
+ }] } });
1422
+
1357
1423
  //---------------------------
1358
1424
  class InputTextComponent {
1359
1425
  onChange(inputPayload, value) {
@@ -1392,18 +1458,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1392
1458
  type: Input
1393
1459
  }] } });
1394
1460
 
1395
- //---------------------------
1396
- class LoaderComponent {
1397
- }
1398
- LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1399
- LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\">\n Loading\n</div>" });
1400
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoaderComponent, decorators: [{
1401
- type: Component,
1402
- args: [{ selector: 'n7-loader', template: "<div class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\">\n Loading\n</div>" }]
1403
- }], propDecorators: { data: [{
1404
- type: Input
1405
- }] } });
1406
-
1407
1461
  //---------------------------
1408
1462
  class MapComponent {
1409
1463
  constructor() {
@@ -1525,6 +1579,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1525
1579
  type: Input
1526
1580
  }] } });
1527
1581
 
1582
+ //---------------------------
1583
+ class ProgressLineComponent {
1584
+ }
1585
+ ProgressLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1586
+ ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProgressLineComponent, selector: "n7-progress-line", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class='n7-progress-line__bar' [ngStyle]=\"{'width.%':data.value}\"> {{data.value}}%\n </div>\n </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1587
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressLineComponent, decorators: [{
1588
+ type: Component,
1589
+ args: [{ selector: 'n7-progress-line', template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class='n7-progress-line__bar' [ngStyle]=\"{'width.%':data.value}\"> {{data.value}}%\n </div>\n </div>\n</div>" }]
1590
+ }], propDecorators: { data: [{
1591
+ type: Input
1592
+ }], emit: [{
1593
+ type: Input
1594
+ }] } });
1595
+
1528
1596
  //---------------------------
1529
1597
  class SidebarHeaderComponent {
1530
1598
  onClick(payload) {
@@ -1632,6 +1700,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1632
1700
  type: Input
1633
1701
  }] } });
1634
1702
 
1703
+ //---------------------------
1704
+ class TagComponent {
1705
+ onClick(payload) {
1706
+ if (!this.emit)
1707
+ return;
1708
+ this.emit('click', payload);
1709
+ }
1710
+ getIcon(data) {
1711
+ if (!data.icon)
1712
+ return null;
1713
+ if (typeof data.icon === 'string') {
1714
+ return {
1715
+ id: data.icon,
1716
+ payload: data.payload,
1717
+ };
1718
+ }
1719
+ return data.icon;
1720
+ }
1721
+ }
1722
+ TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1723
+ TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1724
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, decorators: [{
1725
+ type: Component,
1726
+ args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n" }]
1727
+ }], propDecorators: { data: [{
1728
+ type: Input
1729
+ }], emit: [{
1730
+ type: Input
1731
+ }] } });
1732
+
1635
1733
  //---------------------------
1636
1734
  class TextViewerComponent {
1637
1735
  ngOnInit() {
@@ -1669,36 +1767,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1669
1767
  type: Input
1670
1768
  }] } });
1671
1769
 
1672
- //---------------------------
1673
- class TagComponent {
1674
- onClick(payload) {
1675
- if (!this.emit)
1676
- return;
1677
- this.emit('click', payload);
1678
- }
1679
- getIcon(data) {
1680
- if (!data.icon)
1681
- return null;
1682
- if (typeof data.icon === 'string') {
1683
- return {
1684
- id: data.icon,
1685
- payload: data.payload,
1686
- };
1687
- }
1688
- return data.icon;
1689
- }
1690
- }
1691
- TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1692
- TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
1693
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TagComponent, decorators: [{
1694
- type: Component,
1695
- args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n" }]
1696
- }], propDecorators: { data: [{
1697
- type: Input
1698
- }], emit: [{
1699
- type: Input
1700
- }] } });
1701
-
1702
1770
  //---------------------------
1703
1771
  class TimelineComponent {
1704
1772
  constructor() {
@@ -1821,38 +1889,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1821
1889
  type: Input
1822
1890
  }] } });
1823
1891
 
1824
- //---------------------------
1825
- class ProgressLineComponent {
1826
- }
1827
- ProgressLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1828
- ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProgressLineComponent, selector: "n7-progress-line", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class='n7-progress-line__bar' [ngStyle]=\"{'width.%':data.value}\"> {{data.value}}%\n </div>\n </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
1829
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressLineComponent, decorators: [{
1830
- type: Component,
1831
- args: [{ selector: 'n7-progress-line', template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class='n7-progress-line__bar' [ngStyle]=\"{'width.%':data.value}\"> {{data.value}}%\n </div>\n </div>\n</div>" }]
1832
- }], propDecorators: { data: [{
1833
- type: Input
1834
- }], emit: [{
1835
- type: Input
1836
- }] } });
1837
-
1838
- class InputTextareaComponent {
1839
- onChange(inputPayload, value) {
1840
- if (!this.emit)
1841
- return;
1842
- this.emit('change', { inputPayload, value });
1843
- }
1844
- }
1845
- InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1846
- InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputTextareaComponent, selector: "n7-input-textarea", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea id=\"{{ input.id }}\"\n type=\"textarea\"\n class=\"n7-input-textarea__text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\">\n </textarea>\n </div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
1847
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputTextareaComponent, decorators: [{
1848
- type: Component,
1849
- args: [{ selector: 'n7-input-textarea', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea id=\"{{ input.id }}\"\n type=\"textarea\"\n class=\"n7-input-textarea__text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\">\n </textarea>\n </div>\n</div>\n" }]
1850
- }], propDecorators: { data: [{
1851
- type: Input
1852
- }], emit: [{
1853
- type: Input
1854
- }] } });
1855
-
1856
1892
  const COMPONENTS = [
1857
1893
  AdvancedAutocompleteComponent,
1858
1894
  AlertComponent,
@@ -1860,6 +1896,7 @@ const COMPONENTS = [
1860
1896
  AvatarComponent,
1861
1897
  BreadcrumbsComponent,
1862
1898
  BubbleChartComponent,
1899
+ ButtonComponent,
1863
1900
  CarouselComponent,
1864
1901
  ChartComponent,
1865
1902
  ContentPlaceholderComponent,
@@ -1871,6 +1908,7 @@ const COMPONENTS = [
1871
1908
  FooterComponent,
1872
1909
  HeaderComponent,
1873
1910
  HeroComponent,
1911
+ IconComponent,
1874
1912
  HistogramRangeComponent,
1875
1913
  ImageViewerComponent,
1876
1914
  ImageViewerToolsComponent,
@@ -1908,6 +1946,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
1908
1946
  AvatarComponent,
1909
1947
  BreadcrumbsComponent,
1910
1948
  BubbleChartComponent,
1949
+ ButtonComponent,
1911
1950
  CarouselComponent,
1912
1951
  ChartComponent,
1913
1952
  ContentPlaceholderComponent,
@@ -1919,6 +1958,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
1919
1958
  FooterComponent,
1920
1959
  HeaderComponent,
1921
1960
  HeroComponent,
1961
+ IconComponent,
1922
1962
  HistogramRangeComponent,
1923
1963
  ImageViewerComponent,
1924
1964
  ImageViewerToolsComponent,
@@ -1951,6 +1991,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
1951
1991
  AvatarComponent,
1952
1992
  BreadcrumbsComponent,
1953
1993
  BubbleChartComponent,
1994
+ ButtonComponent,
1954
1995
  CarouselComponent,
1955
1996
  ChartComponent,
1956
1997
  ContentPlaceholderComponent,
@@ -1962,6 +2003,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
1962
2003
  FooterComponent,
1963
2004
  HeaderComponent,
1964
2005
  HeroComponent,
2006
+ IconComponent,
1965
2007
  HistogramRangeComponent,
1966
2008
  ImageViewerComponent,
1967
2009
  ImageViewerToolsComponent,
@@ -6177,6 +6219,19 @@ const BUBBLECHART_MOCK = {
6177
6219
  ],
6178
6220
  };
6179
6221
 
6222
+ const BUTTON_MOCK = {
6223
+ text: 'The Button\'s label',
6224
+ // isDisabled: true,
6225
+ isLoading: true,
6226
+ anchor: {
6227
+ payload: 'button-click',
6228
+ },
6229
+ classes: 'n7-btn-cta',
6230
+ iconLeft: {
6231
+ id: 'n7-icon-circle-full'
6232
+ },
6233
+ };
6234
+
6180
6235
  const CAROUSEL_MOCK = {
6181
6236
  containerId: 'carousel-root',
6182
6237
  classes: 'demo',
@@ -7032,6 +7087,14 @@ const HISTOGRAM_RANGE_MOCK = {
7032
7087
  ]
7033
7088
  };
7034
7089
 
7090
+ const ICON_MOCK = {
7091
+ id: 'n7-icon-bell',
7092
+ payload: 'bell-click',
7093
+ style: {
7094
+ color: 'tomato',
7095
+ }
7096
+ };
7097
+
7035
7098
  const IMAGE_VIEWER_TOOLS_MOCK = {
7036
7099
  images: [
7037
7100
  { thumb: 'http://placekitten.com/200/130', payload: 'img1-payload' },
@@ -7160,7 +7223,8 @@ const INNER_TITLE_MOCK = {
7160
7223
  classes: 'n7-btn-cta'
7161
7224
  },
7162
7225
  ]
7163
- }
7226
+ },
7227
+ classes: 'mock-inner-title'
7164
7228
  };
7165
7229
 
7166
7230
  const INPUT_CHECKBOX_MOCK = {
@@ -8329,5 +8393,5 @@ const WIZARD_MOCK = {
8329
8393
  * Generated bundle index. Do not edit.
8330
8394
  */
8331
8395
 
8332
- export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BreadcrumbsComponent, BubbleChartComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MapComponent, MetadataViewerComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
8396
+ export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BUTTON_MOCK, BreadcrumbsComponent, BubbleChartComponent, ButtonComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, ICON_MOCK, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, IconComponent, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MapComponent, MetadataViewerComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
8333
8397
  //# sourceMappingURL=net7-components.mjs.map