@net7/components 3.1.0 → 3.1.1

package/esm2020/lib/components/content-placeholder/content-placeholder.mjs

@@ -6,9 +6,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class ContentPlaceholderComponent {
 }
-ContentPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ContentPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContentPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n  <ng-container *ngFor=\"let b of data.blocks\">\n    <div *ngIf=\"!b.image\" class=\"n7-content-placeholder__item {{b.classes || ''}}\"></div>\n    <img *ngIf=\"b.image\" class=\"n7-content-placeholder__image {{b.classes || ''}}\" src=\"{{b.image}}\" alt=\"{{ b.alt || '' }}\">\n  </ng-container>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ContentPlaceholderComponent, decorators: [{
+ContentPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ContentPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ContentPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n  <ng-container *ngFor=\"let b of data.blocks\">\n    <div *ngIf=\"!b.image\" class=\"n7-content-placeholder__item {{b.classes || ''}}\"></div>\n    <img *ngIf=\"b.image\" class=\"n7-content-placeholder__image {{b.classes || ''}}\" src=\"{{b.image}}\" alt=\"{{ b.alt || '' }}\">\n  </ng-container>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ContentPlaceholderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-content-placeholder', template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n  <ng-container *ngFor=\"let b of data.blocks\">\n    <div *ngIf=\"!b.image\" class=\"n7-content-placeholder__item {{b.classes || ''}}\"></div>\n    <img *ngIf=\"b.image\" class=\"n7-content-placeholder__image {{b.classes || ''}}\" src=\"{{b.image}}\" alt=\"{{ b.alt || '' }}\">\n  </ng-container>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/data-widget/data-widget.mjs

@@ -16,9 +16,9 @@ export class DataWidgetComponent {
         this.emit('mouseleave', payload);
     }
 }
-DataWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DataWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DataWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DataWidgetComponent, selector: "n7-data-widget", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n    <div class=\"n7-data-widget__main\">\n        <span *ngIf=\"data.icon\"\n              class=\"n7-data-widget__main-icon {{data.icon}}\"\n              (mouseenter)=\"onMouseEnter(data.payload)\"\n              (mouseleave)=\"onMouseLeave(data.payload)\">\n        </span>\n        <h2 class=\"n7-data-widget__main-title\"\n            [innerHTML]=\"data.text\">\n        </h2>\n    </div>\n    \n    <div *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n         class=\"n7-data-widget__sub\">\n        <p *ngIf=\"data.subtitle.text\"\n           class=\"n7-data-widget__sub-title\"\n           [innerHTML]=\"data.subtitle.text\">\n        </p>\n        <span *ngIf=\"data.subtitle.icon || data.subtitle.value\"\n              class=\"n7-data-widget__sub-info\"\n              (mouseenter)=\"onMouseEnter(data.subtitle.payload)\"\n              (mouseleave)=\"onMouseLeave(data.subtitle.payload)\">\n                <span *ngIf=\"data.subtitle.icon\"\n                class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\">\n          </span>\n          <span *ngIf=\"data.subtitle.value\"\n                class=\"n7-data-widget__sub-info-label\"\n                [innerHTML]=\"data.subtitle.value\">\n          </span>\n        </span>\n    </div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DataWidgetComponent, decorators: [{
+DataWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DataWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DataWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: DataWidgetComponent, selector: "n7-data-widget", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n    <div class=\"n7-data-widget__main\">\n        <span *ngIf=\"data.icon\"\n              class=\"n7-data-widget__main-icon {{data.icon}}\"\n              (mouseenter)=\"onMouseEnter(data.payload)\"\n              (mouseleave)=\"onMouseLeave(data.payload)\">\n        </span>\n        <h2 class=\"n7-data-widget__main-title\"\n            [innerHTML]=\"data.text\">\n        </h2>\n    </div>\n    \n    <div *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n         class=\"n7-data-widget__sub\">\n        <p *ngIf=\"data.subtitle.text\"\n           class=\"n7-data-widget__sub-title\"\n           [innerHTML]=\"data.subtitle.text\">\n        </p>\n        <span *ngIf=\"data.subtitle.icon || data.subtitle.value\"\n              class=\"n7-data-widget__sub-info\"\n              (mouseenter)=\"onMouseEnter(data.subtitle.payload)\"\n              (mouseleave)=\"onMouseLeave(data.subtitle.payload)\">\n                <span *ngIf=\"data.subtitle.icon\"\n                class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\">\n          </span>\n          <span *ngIf=\"data.subtitle.value\"\n                class=\"n7-data-widget__sub-info-label\"\n                [innerHTML]=\"data.subtitle.value\">\n          </span>\n        </span>\n    </div>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DataWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-data-widget', template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n    <div class=\"n7-data-widget__main\">\n        <span *ngIf=\"data.icon\"\n              class=\"n7-data-widget__main-icon {{data.icon}}\"\n              (mouseenter)=\"onMouseEnter(data.payload)\"\n              (mouseleave)=\"onMouseLeave(data.payload)\">\n        </span>\n        <h2 class=\"n7-data-widget__main-title\"\n            [innerHTML]=\"data.text\">\n        </h2>\n    </div>\n    \n    <div *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n         class=\"n7-data-widget__sub\">\n        <p *ngIf=\"data.subtitle.text\"\n           class=\"n7-data-widget__sub-title\"\n           [innerHTML]=\"data.subtitle.text\">\n        </p>\n        <span *ngIf=\"data.subtitle.icon || data.subtitle.value\"\n              class=\"n7-data-widget__sub-info\"\n              (mouseenter)=\"onMouseEnter(data.subtitle.payload)\"\n              (mouseleave)=\"onMouseLeave(data.subtitle.payload)\">\n                <span *ngIf=\"data.subtitle.icon\"\n                class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\">\n          </span>\n          <span *ngIf=\"data.subtitle.value\"\n                class=\"n7-data-widget__sub-info-label\"\n                [innerHTML]=\"data.subtitle.value\">\n          </span>\n        </span>\n    </div>\n</div>\n" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/datepicker/datepicker.mjs

@@ -31,9 +31,9 @@ export class DatepickerComponent {
         });
     }
 }
-DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: DatepickerComponent, selector: "n7-datepicker", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n  <input type=\"text\" id=\"{{this.data.id}}\"/>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: DatepickerComponent, decorators: [{
+DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: DatepickerComponent, selector: "n7-datepicker", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n  <input type=\"text\" id=\"{{this.data.id}}\"/>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-datepicker', template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n  <input type=\"text\" id=\"{{this.data.id}}\"/>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/facet/facet.mjs

@@ -11,9 +11,9 @@ export class FacetComponent {
         this.emit('change', { inputPayload, value });
     }
 }
-FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FacetComponent, selector: "n7-facet", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet\">\n    <div *ngFor=\"let section of data.sections\" class=\"n7-facet__section {{ section.classes || '' }}\">\n        <div *ngFor=\"let input of section.inputs\"\n            class=\"n7-facet__section-input n7-facet__section-input-{{ input.type }} {{ input.classes || '' }}\">\n\n            <ng-container [ngSwitch]=\"input.type\">\n\n                <!-- Checkbox -->\n                <ng-container *ngSwitchCase=\"'checkbox'\">\n                    <input type=\"checkbox\" id=\"{{ input.id }}\" class=\"n7-facet__input-checkbox-input\"\n                        [checked]=\"input.checked\"\n                        [disabled]=\"input.disabled\"\n                        (change)=\"onChange(input.payload, $event.target.checked)\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__checkbox-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                </ng-container>\n\n                <!-- Text -->\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__input-text-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                    <div class=\"n7-facet__input-text-wrapper\">\n                        <input type=\"text\" id=\"{{ input.id }}\" class=\"n7-facet__input-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                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-text-icon {{input.icon || ''}}\" \n                            (click)=\"onChange(input.iconPayload)\">\n                        </span>\n                    </div>\n                </ng-container>\n\n                <!-- Link -->\n                <ng-container *ngSwitchCase=\"'link'\">\n                    <div class=\"n7-facet__input-link {{ input.classes || '' }}\"\n                        (click)=\"onChange(input.payload)\">\n                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-link-icon {{ input.icon }}\"></span>\n                        <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n                        <span *ngIf=\"input.counter || input.counter === 0\" class=\"n7-facet__input-link-counter\">{{ input.counter }}</span>\n                    </div>\n                </ng-container>\n\n                <!-- Select -->\n                <ng-container *ngSwitchCase=\"'select'\">\n                    <label *ngIf=\"input.label\" for=\"{{ input.id }}\">{{ input.label }}</label>\n                    <select (change)=\"onChange(input.payload, $event.target.value)\" \n                        id=\"{{ input.id }}\"\n                        class=\"n7-facet__input-select {{ input.classes || '' }}\"\n                        [disabled]=\"input.disabled\">\n                        <option *ngFor=\"let option of input.options\" \n                            [value]=\"option.value\" \n                            [disabled]=\"option.disabled\" \n                            [selected]=\"option.selected\">{{ option.label }}</option>\n                    </select>\n                </ng-container>\n            </ng-container>\n\n        </div>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetComponent, decorators: [{
+FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FacetComponent, selector: "n7-facet", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet\">\n    <div *ngFor=\"let section of data.sections\" class=\"n7-facet__section {{ section.classes || '' }}\">\n        <div *ngFor=\"let input of section.inputs\"\n            class=\"n7-facet__section-input n7-facet__section-input-{{ input.type }} {{ input.classes || '' }}\">\n\n            <ng-container [ngSwitch]=\"input.type\">\n\n                <!-- Checkbox -->\n                <ng-container *ngSwitchCase=\"'checkbox'\">\n                    <input type=\"checkbox\" id=\"{{ input.id }}\" class=\"n7-facet__input-checkbox-input\"\n                        [checked]=\"input.checked\"\n                        [disabled]=\"input.disabled\"\n                        (change)=\"onChange(input.payload, $event.target.checked)\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__checkbox-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                </ng-container>\n\n                <!-- Text -->\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__input-text-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                    <div class=\"n7-facet__input-text-wrapper\">\n                        <input type=\"text\" id=\"{{ input.id }}\" class=\"n7-facet__input-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                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-text-icon {{input.icon || ''}}\" \n                            (click)=\"onChange(input.iconPayload)\">\n                        </span>\n                    </div>\n                </ng-container>\n\n                <!-- Link -->\n                <ng-container *ngSwitchCase=\"'link'\">\n                    <div class=\"n7-facet__input-link {{ input.classes || '' }}\"\n                        (click)=\"onChange(input.payload)\">\n                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-link-icon {{ input.icon }}\"></span>\n                        <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n                        <span *ngIf=\"input.counter || input.counter === 0\" class=\"n7-facet__input-link-counter\">{{ input.counter }}</span>\n                    </div>\n                </ng-container>\n\n                <!-- Select -->\n                <ng-container *ngSwitchCase=\"'select'\">\n                    <label *ngIf=\"input.label\" for=\"{{ input.id }}\">{{ input.label }}</label>\n                    <select (change)=\"onChange(input.payload, $event.target.value)\" \n                        id=\"{{ input.id }}\"\n                        class=\"n7-facet__input-select {{ input.classes || '' }}\"\n                        [disabled]=\"input.disabled\">\n                        <option *ngFor=\"let option of input.options\" \n                            [value]=\"option.value\" \n                            [disabled]=\"option.disabled\" \n                            [selected]=\"option.selected\">{{ option.label }}</option>\n                    </select>\n                </ng-container>\n            </ng-container>\n\n        </div>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-facet', template: "<div *ngIf=\"data\" class=\"n7-facet\">\n    <div *ngFor=\"let section of data.sections\" class=\"n7-facet__section {{ section.classes || '' }}\">\n        <div *ngFor=\"let input of section.inputs\"\n            class=\"n7-facet__section-input n7-facet__section-input-{{ input.type }} {{ input.classes || '' }}\">\n\n            <ng-container [ngSwitch]=\"input.type\">\n\n                <!-- Checkbox -->\n                <ng-container *ngSwitchCase=\"'checkbox'\">\n                    <input type=\"checkbox\" id=\"{{ input.id }}\" class=\"n7-facet__input-checkbox-input\"\n                        [checked]=\"input.checked\"\n                        [disabled]=\"input.disabled\"\n                        (change)=\"onChange(input.payload, $event.target.checked)\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__checkbox-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                </ng-container>\n\n                <!-- Text -->\n                <ng-container *ngSwitchCase=\"'text'\">\n                    <label *ngIf=\"input.label\" class=\"n7-facet__input-text-label\" for=\"{{ input.id }}\">\n                        {{ input.label }}\n                    </label>\n                    <div class=\"n7-facet__input-text-wrapper\">\n                        <input type=\"text\" id=\"{{ input.id }}\" class=\"n7-facet__input-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                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-text-icon {{input.icon || ''}}\" \n                            (click)=\"onChange(input.iconPayload)\">\n                        </span>\n                    </div>\n                </ng-container>\n\n                <!-- Link -->\n                <ng-container *ngSwitchCase=\"'link'\">\n                    <div class=\"n7-facet__input-link {{ input.classes || '' }}\"\n                        (click)=\"onChange(input.payload)\">\n                        <span *ngIf=\"input.icon\" class=\"n7-facet__input-link-icon {{ input.icon }}\"></span>\n                        <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n                        <span *ngIf=\"input.counter || input.counter === 0\" class=\"n7-facet__input-link-counter\">{{ input.counter }}</span>\n                    </div>\n                </ng-container>\n\n                <!-- Select -->\n                <ng-container *ngSwitchCase=\"'select'\">\n                    <label *ngIf=\"input.label\" for=\"{{ input.id }}\">{{ input.label }}</label>\n                    <select (change)=\"onChange(input.payload, $event.target.value)\" \n                        id=\"{{ input.id }}\"\n                        class=\"n7-facet__input-select {{ input.classes || '' }}\"\n                        [disabled]=\"input.disabled\">\n                        <option *ngFor=\"let option of input.options\" \n                            [value]=\"option.value\" \n                            [disabled]=\"option.disabled\" \n                            [selected]=\"option.selected\">{{ option.label }}</option>\n                    </select>\n                </ng-container>\n            </ng-container>\n\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/facet-header/facet-header.mjs

@@ -11,9 +11,9 @@ export class FacetHeaderComponent {
         this.emit('click', payload);
     }
 }
-FacetHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FacetHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FacetHeaderComponent, selector: "n7-facet-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" \nclass=\"n7-facet-header {{ data.classes || '' }}\" \n(click)=\"onClick(data.payload)\">\n    <span *ngIf=\"data.iconLeft\"\n    class=\"n7-facet-header__icon-left {{ data.iconLeft }}\">\n    </span>\n    <span class=\"n7-facet-header__text-wrapper\">\n        <span class=\"n7-facet-header__text\">\n            {{data.text}}\n        </span>\n        <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n            {{data.additionalText}}\n        </span>\n    </span>\n    <span *ngIf=\"data.iconRight\" \n    class=\"n7-facet-header__icon-right {{ data.iconRight }}\">\n    </span>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetHeaderComponent, decorators: [{
+FacetHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FacetHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FacetHeaderComponent, selector: "n7-facet-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" \nclass=\"n7-facet-header {{ data.classes || '' }}\" \n(click)=\"onClick(data.payload)\">\n    <span *ngIf=\"data.iconLeft\"\n    class=\"n7-facet-header__icon-left {{ data.iconLeft }}\">\n    </span>\n    <span class=\"n7-facet-header__text-wrapper\">\n        <span class=\"n7-facet-header__text\">\n            {{data.text}}\n        </span>\n        <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n            {{data.additionalText}}\n        </span>\n    </span>\n    <span *ngIf=\"data.iconRight\" \n    class=\"n7-facet-header__icon-right {{ data.iconRight }}\">\n    </span>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-facet-header', template: "<div *ngIf=\"data\" \nclass=\"n7-facet-header {{ data.classes || '' }}\" \n(click)=\"onClick(data.payload)\">\n    <span *ngIf=\"data.iconLeft\"\n    class=\"n7-facet-header__icon-left {{ data.iconLeft }}\">\n    </span>\n    <span class=\"n7-facet-header__text-wrapper\">\n        <span class=\"n7-facet-header__text\">\n            {{data.text}}\n        </span>\n        <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n            {{data.additionalText}}\n        </span>\n    </span>\n    <span *ngIf=\"data.iconRight\" \n    class=\"n7-facet-header__icon-right {{ data.iconRight }}\">\n    </span>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/facet-year-range/facet-year-range.mjs

@@ -40,9 +40,9 @@ export class FacetYearRangeComponent {
         }
     }
 }
-FacetYearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetYearRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FacetYearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FacetYearRangeComponent, selector: "n7-facet-year-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n\n    <!-- Select starting year -->\n    <div class=\"n7-facet-year-range__in\">\n        <label class=\"n7-facet-year-range__in-label\">\n            {{ data.inDate.text }}\n        </label>\n        <select (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n            class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.inDate.placeholder.length > 0\" value=\"{{ data.inDate.placeholder }}\" disabled selected>\n                {{ data.inDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.inDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n\n    <!-- Select final year -->\n    <div class=\"n7-facet-year-range__out\">\n        <label class=\"n7-facet-year-range__out-label\">\n            {{ data.outDate.text }}\n        </label>\n        <select (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n                class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n                formControlName=\"outDate\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.outDate.placeholder.length > 0\" value=\"{{ data.outDate.placeholder }}\" disabled selected>\n                {{ data.outDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.outDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FacetYearRangeComponent, decorators: [{
+FacetYearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetYearRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FacetYearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FacetYearRangeComponent, selector: "n7-facet-year-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n\n    <!-- Select starting year -->\n    <div class=\"n7-facet-year-range__in\">\n        <label class=\"n7-facet-year-range__in-label\">\n            {{ data.inDate.text }}\n        </label>\n        <select (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n            class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.inDate.placeholder.length > 0\" value=\"{{ data.inDate.placeholder }}\" disabled selected>\n                {{ data.inDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.inDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n\n    <!-- Select final year -->\n    <div class=\"n7-facet-year-range__out\">\n        <label class=\"n7-facet-year-range__out-label\">\n            {{ data.outDate.text }}\n        </label>\n        <select (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n                class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n                formControlName=\"outDate\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.outDate.placeholder.length > 0\" value=\"{{ data.outDate.placeholder }}\" disabled selected>\n                {{ data.outDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.outDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FacetYearRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-facet-year-range', template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n\n    <!-- Select starting year -->\n    <div class=\"n7-facet-year-range__in\">\n        <label class=\"n7-facet-year-range__in-label\">\n            {{ data.inDate.text }}\n        </label>\n        <select (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n            class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.inDate.placeholder.length > 0\" value=\"{{ data.inDate.placeholder }}\" disabled selected>\n                {{ data.inDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.inDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n\n    <!-- Select final year -->\n    <div class=\"n7-facet-year-range__out\">\n        <label class=\"n7-facet-year-range__out-label\">\n            {{ data.outDate.text }}\n        </label>\n        <select (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n                class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n                formControlName=\"outDate\">\n            <!-- Placeholder option -->\n            <option *ngIf=\"data.outDate.placeholder.length > 0\" value=\"{{ data.outDate.placeholder }}\" disabled selected>\n                {{ data.outDate.placeholder }}\n            </option>\n            <option *ngFor=\"let opt of data.outDate.options\" value=\"{{ opt.value }}\">\n                {{ opt.value }}\n            </option>\n        </select>\n    </div>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/footer/footer.mjs

@@ -12,9 +12,9 @@ export class FooterComponent {
         this.emit('click', payload);
     }
 }
-FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: FooterComponent, selector: "n7-footer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n    <div class=\"n7-footer__content\">\n        <!-- Loop footer content columns -->\n        <div class=\"n7-footer__column {{column.classes || ''}}\" *ngFor=\"let column of data.columns\">\n            <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n        </div>\n    </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n    <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n        {{ column.title }}\n    </h2>\n    <p *ngIf=\"column.text\" \n       class=\"n7-footer__column-text\"\n       [innerHTML]=\"column.text\">\n    </p>\n    <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n        <ul class=\"n7-footer__column-nav-list\">\n            <li *ngFor=\"let link of column.links\"\n                class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n                <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n                [data]=\"link.anchor\"\n                (clicked)=\"onClick($event)\">\n                    {{ link.text }}\n                </n7-anchor-wrapper>\n            </li>\n        </ul>\n    </div>\n\n    <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n        <n7-anchor-wrapper  *ngFor=\"let image of column.images\"\n        [classes]=\"image.classes || ''\"\n        [data]=\"image.anchor\"\n        (clicked)=\"onClick($event)\">\n            <img \n            [src]=\"image.url\" \n            [attr.alt]=\"image.alttext\" />\n        </n7-anchor-wrapper>\n    </div>\n</ng-template>", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: FooterComponent, decorators: [{
+FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FooterComponent, selector: "n7-footer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n    <div class=\"n7-footer__content\">\n        <!-- Loop footer content columns -->\n        <div class=\"n7-footer__column {{column.classes || ''}}\" *ngFor=\"let column of data.columns\">\n            <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n        </div>\n    </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n    <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n        {{ column.title }}\n    </h2>\n    <p *ngIf=\"column.text\" \n       class=\"n7-footer__column-text\"\n       [innerHTML]=\"column.text\">\n    </p>\n    <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n        <ul class=\"n7-footer__column-nav-list\">\n            <li *ngFor=\"let link of column.links\"\n                class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n                <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n                [data]=\"link.anchor\"\n                (clicked)=\"onClick($event)\">\n                    {{ link.text }}\n                </n7-anchor-wrapper>\n            </li>\n        </ul>\n    </div>\n\n    <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n        <n7-anchor-wrapper  *ngFor=\"let image of column.images\"\n        [classes]=\"image.classes || ''\"\n        [data]=\"image.anchor\"\n        (clicked)=\"onClick($event)\">\n            <img \n            [src]=\"image.url\" \n            [attr.alt]=\"image.alttext\" />\n        </n7-anchor-wrapper>\n    </div>\n</ng-template>", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-footer', template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n    <div class=\"n7-footer__content\">\n        <!-- Loop footer content columns -->\n        <div class=\"n7-footer__column {{column.classes || ''}}\" *ngFor=\"let column of data.columns\">\n            <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n        </div>\n    </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n    <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n        {{ column.title }}\n    </h2>\n    <p *ngIf=\"column.text\" \n       class=\"n7-footer__column-text\"\n       [innerHTML]=\"column.text\">\n    </p>\n    <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n        <ul class=\"n7-footer__column-nav-list\">\n            <li *ngFor=\"let link of column.links\"\n                class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n                <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n                [data]=\"link.anchor\"\n                (clicked)=\"onClick($event)\">\n                    {{ link.text }}\n                </n7-anchor-wrapper>\n            </li>\n        </ul>\n    </div>\n\n    <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n        <n7-anchor-wrapper  *ngFor=\"let image of column.images\"\n        [classes]=\"image.classes || ''\"\n        [data]=\"image.anchor\"\n        (clicked)=\"onClick($event)\">\n            <img \n            [src]=\"image.url\" \n            [attr.alt]=\"image.alttext\" />\n        </n7-anchor-wrapper>\n    </div>\n</ng-template>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/header/header.mjs

@@ -38,9 +38,9 @@ export class HeaderComponent {
         this.emit('keyup', { payload, keyCode, value });
     }
 }
-HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: HeaderComponent, selector: "n7-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n    <div class=\"n7-header__content\">\n\n        <!-- Logo and title -->\n        <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n            <n7-anchor-wrapper [classes]=\"'n7-header__logo-link'\"\n            [data]=\"data.logo.anchor\"\n            (clicked)=\"onClick($event)\">\n                <img class=\"n7-header__logo\"\n                *ngIf=\"data.logo.image\"\n                [src]=\"data.logo.image\"\n                alt=\"{{ data.logo.title }}\" />\n                <div class=\"n7-header__title-subtitle\">\n                    <h1 class=\"n7-header__title\">\n                        {{ data.logo.title }}\n                    </h1>\n                    <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n                        {{ data.logo.subtitle }}\n                    </h2>\n                </div>\n            </n7-anchor-wrapper>\n        </div>\n\n        <!-- Main menu -->\n        <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n            <div class=\"n7-header__nav-content\">\n                <ul class=\"n7-header__nav-list\">\n                    <li class=\"n7-header__nav-item {{item.classes || ''}}\" *ngFor=\"let item of data.nav.items\">\n                        <n7-anchor-wrapper [classes]=\"'n7-header__nav-link'\"\n                        [data]=\"item.anchor\"\n                        (clicked)=\"onClick($event)\">\n                            <span class=\"n7-header__nav-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n                            <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n                                {{ item.text }}\n                            </span>\n                        </n7-anchor-wrapper>\n                        <!-- Sublevel -->\n                        <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n                            <li class=\"n7-header__subnav-item {{subitem.classes || ''}}\" *ngFor=\"let subitem of item.subnav\">\n                                <n7-anchor-wrapper [classes]=\"'n7-header__subnav-link'\"\n                                [data]=\"subitem.anchor\"\n                                (clicked)=\"onClick($event)\">\n                                    <span class=\"n7-header__subnav-icon {{subitem.icon}}\" *ngIf=\"subitem.icon\"></span>\n                                    <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n                                        {{ subitem.text }}\n                                    </span>\n                                </n7-anchor-wrapper>\n                            </li>\n                        </ul>\n                    </li>\n                </ul>\n            </div>\n        </nav>\n\n        <!-- Mobile menu toggle -->\n        <div class=\"n7-header__mobile-menu-toggle\">\n            <span class=\"n7-header__mobile-menu-icon n7-icon-menu\" \n                (click)=\"onClick(data.menuToggle.open.payload)\"></span>\n        </div>\n\n        <!-- Mobile menu close -->\n        <span class=\"n7-header__mobile-menu-close n7-icon-close\" \n            (click)=\"onClick(data.menuToggle.close.payload)\"></span>\n\n        <!-- Tools: search, notifications, use profile or login/signup -->\n        <div class=\"n7-header__tools\">\n            \n            <div class=\"n7-header__search {{data.search.classes || ''}}\" *ngIf=\"data.search\">\n                <input class=\"n7-header__search-input\" \n                    type=\"search\" \n                    name=\"search\" \n                    placeholder=\"{{ data.search.hint || ''}}\" \n                    (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"/>\n                <button class=\"n7-header__search-btn\" type=\"submit\" (click)=\"onClick(data.search.payload)\">\n                    <span class=\"n7-header__search-btn-label\">\n                        Search\n                    </span>\n                </button>\n            </div>\n            \n            <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n                <n7-anchor-wrapper *ngFor=\"let action of data.actions\" \n                [classes]=\"'n7-header__action' + (action.classes || '')\"\n                [data]=\"action.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n                    <span *ngIf=\"action.badge\" class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\">\n                        {{ action.badge.text }}\n                    </span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n                <n7-anchor-wrapper *ngFor=\"let button of data.buttons\"\n                [classes]=\"button.classes\" \n                [data]=\"button.anchor\"\n                (clicked)=\"onClick($event)\">\n                <span class=\"\" *ngIf=\"button.text\">\n                    {{ button.text }}\n                </span>\n                <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__user {{data.user.classes || ''}}\" *ngIf=\"data.user\">\n                <n7-anchor-wrapper [classes]=\"'n7-header__user-content'\"\n                [data]=\"data.user.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <img *ngIf=\"data.user.img\"\n                    class=\"n7-header__user-img\"  \n                    [src]=\"data.user.img\"/>\n                    <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n                        <span class=\"n7-header__user-name-label\">\n                            {{ data.user.name }}\n                        </span>\n                    </p>\n                </n7-anchor-wrapper>\n            </div>\n        </div>\n\n    </div>\n</header>\n\n", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HeaderComponent, decorators: [{
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeaderComponent, selector: "n7-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n    <div class=\"n7-header__content\">\n\n        <!-- Logo and title -->\n        <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n            <n7-anchor-wrapper [classes]=\"'n7-header__logo-link'\"\n            [data]=\"data.logo.anchor\"\n            (clicked)=\"onClick($event)\">\n                <img class=\"n7-header__logo\"\n                *ngIf=\"data.logo.image\"\n                [src]=\"data.logo.image\"\n                alt=\"{{ data.logo.title }}\" />\n                <div class=\"n7-header__title-subtitle\">\n                    <h1 class=\"n7-header__title\">\n                        {{ data.logo.title }}\n                    </h1>\n                    <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n                        {{ data.logo.subtitle }}\n                    </h2>\n                </div>\n            </n7-anchor-wrapper>\n        </div>\n\n        <!-- Main menu -->\n        <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n            <div class=\"n7-header__nav-content\">\n                <ul class=\"n7-header__nav-list\">\n                    <li class=\"n7-header__nav-item {{item.classes || ''}}\" *ngFor=\"let item of data.nav.items\">\n                        <n7-anchor-wrapper [classes]=\"'n7-header__nav-link'\"\n                        [data]=\"item.anchor\"\n                        (clicked)=\"onClick($event)\">\n                            <span class=\"n7-header__nav-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n                            <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n                                {{ item.text }}\n                            </span>\n                        </n7-anchor-wrapper>\n                        <!-- Sublevel -->\n                        <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n                            <li class=\"n7-header__subnav-item {{subitem.classes || ''}}\" *ngFor=\"let subitem of item.subnav\">\n                                <n7-anchor-wrapper [classes]=\"'n7-header__subnav-link'\"\n                                [data]=\"subitem.anchor\"\n                                (clicked)=\"onClick($event)\">\n                                    <span class=\"n7-header__subnav-icon {{subitem.icon}}\" *ngIf=\"subitem.icon\"></span>\n                                    <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n                                        {{ subitem.text }}\n                                    </span>\n                                </n7-anchor-wrapper>\n                            </li>\n                        </ul>\n                    </li>\n                </ul>\n            </div>\n        </nav>\n\n        <!-- Mobile menu toggle -->\n        <div class=\"n7-header__mobile-menu-toggle\">\n            <span class=\"n7-header__mobile-menu-icon n7-icon-menu\" \n                (click)=\"onClick(data.menuToggle.open.payload)\"></span>\n        </div>\n\n        <!-- Mobile menu close -->\n        <span class=\"n7-header__mobile-menu-close n7-icon-close\" \n            (click)=\"onClick(data.menuToggle.close.payload)\"></span>\n\n        <!-- Tools: search, notifications, use profile or login/signup -->\n        <div class=\"n7-header__tools\">\n            \n            <div class=\"n7-header__search {{data.search.classes || ''}}\" *ngIf=\"data.search\">\n                <input class=\"n7-header__search-input\" \n                    type=\"search\" \n                    name=\"search\" \n                    placeholder=\"{{ data.search.hint || ''}}\" \n                    (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"/>\n                <button class=\"n7-header__search-btn\" type=\"submit\" (click)=\"onClick(data.search.payload)\">\n                    <span class=\"n7-header__search-btn-label\">\n                        Search\n                    </span>\n                </button>\n            </div>\n            \n            <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n                <n7-anchor-wrapper *ngFor=\"let action of data.actions\" \n                [classes]=\"'n7-header__action' + (action.classes || '')\"\n                [data]=\"action.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n                    <span *ngIf=\"action.badge\" class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\">\n                        {{ action.badge.text }}\n                    </span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n                <n7-anchor-wrapper *ngFor=\"let button of data.buttons\"\n                [classes]=\"button.classes\" \n                [data]=\"button.anchor\"\n                (clicked)=\"onClick($event)\">\n                <span class=\"\" *ngIf=\"button.text\">\n                    {{ button.text }}\n                </span>\n                <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__user {{data.user.classes || ''}}\" *ngIf=\"data.user\">\n                <n7-anchor-wrapper [classes]=\"'n7-header__user-content'\"\n                [data]=\"data.user.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <img *ngIf=\"data.user.img\"\n                    class=\"n7-header__user-img\"  \n                    [src]=\"data.user.img\"/>\n                    <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n                        <span class=\"n7-header__user-name-label\">\n                            {{ data.user.name }}\n                        </span>\n                    </p>\n                </n7-anchor-wrapper>\n            </div>\n        </div>\n\n    </div>\n</header>\n\n", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-header', template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n    <div class=\"n7-header__content\">\n\n        <!-- Logo and title -->\n        <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n            <n7-anchor-wrapper [classes]=\"'n7-header__logo-link'\"\n            [data]=\"data.logo.anchor\"\n            (clicked)=\"onClick($event)\">\n                <img class=\"n7-header__logo\"\n                *ngIf=\"data.logo.image\"\n                [src]=\"data.logo.image\"\n                alt=\"{{ data.logo.title }}\" />\n                <div class=\"n7-header__title-subtitle\">\n                    <h1 class=\"n7-header__title\">\n                        {{ data.logo.title }}\n                    </h1>\n                    <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n                        {{ data.logo.subtitle }}\n                    </h2>\n                </div>\n            </n7-anchor-wrapper>\n        </div>\n\n        <!-- Main menu -->\n        <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n            <div class=\"n7-header__nav-content\">\n                <ul class=\"n7-header__nav-list\">\n                    <li class=\"n7-header__nav-item {{item.classes || ''}}\" *ngFor=\"let item of data.nav.items\">\n                        <n7-anchor-wrapper [classes]=\"'n7-header__nav-link'\"\n                        [data]=\"item.anchor\"\n                        (clicked)=\"onClick($event)\">\n                            <span class=\"n7-header__nav-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n                            <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n                                {{ item.text }}\n                            </span>\n                        </n7-anchor-wrapper>\n                        <!-- Sublevel -->\n                        <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n                            <li class=\"n7-header__subnav-item {{subitem.classes || ''}}\" *ngFor=\"let subitem of item.subnav\">\n                                <n7-anchor-wrapper [classes]=\"'n7-header__subnav-link'\"\n                                [data]=\"subitem.anchor\"\n                                (clicked)=\"onClick($event)\">\n                                    <span class=\"n7-header__subnav-icon {{subitem.icon}}\" *ngIf=\"subitem.icon\"></span>\n                                    <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n                                        {{ subitem.text }}\n                                    </span>\n                                </n7-anchor-wrapper>\n                            </li>\n                        </ul>\n                    </li>\n                </ul>\n            </div>\n        </nav>\n\n        <!-- Mobile menu toggle -->\n        <div class=\"n7-header__mobile-menu-toggle\">\n            <span class=\"n7-header__mobile-menu-icon n7-icon-menu\" \n                (click)=\"onClick(data.menuToggle.open.payload)\"></span>\n        </div>\n\n        <!-- Mobile menu close -->\n        <span class=\"n7-header__mobile-menu-close n7-icon-close\" \n            (click)=\"onClick(data.menuToggle.close.payload)\"></span>\n\n        <!-- Tools: search, notifications, use profile or login/signup -->\n        <div class=\"n7-header__tools\">\n            \n            <div class=\"n7-header__search {{data.search.classes || ''}}\" *ngIf=\"data.search\">\n                <input class=\"n7-header__search-input\" \n                    type=\"search\" \n                    name=\"search\" \n                    placeholder=\"{{ data.search.hint || ''}}\" \n                    (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"/>\n                <button class=\"n7-header__search-btn\" type=\"submit\" (click)=\"onClick(data.search.payload)\">\n                    <span class=\"n7-header__search-btn-label\">\n                        Search\n                    </span>\n                </button>\n            </div>\n            \n            <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n                <n7-anchor-wrapper *ngFor=\"let action of data.actions\" \n                [classes]=\"'n7-header__action' + (action.classes || '')\"\n                [data]=\"action.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n                    <span *ngIf=\"action.badge\" class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\">\n                        {{ action.badge.text }}\n                    </span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n                <n7-anchor-wrapper *ngFor=\"let button of data.buttons\"\n                [classes]=\"button.classes\" \n                [data]=\"button.anchor\"\n                (clicked)=\"onClick($event)\">\n                <span class=\"\" *ngIf=\"button.text\">\n                    {{ button.text }}\n                </span>\n                <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n                </n7-anchor-wrapper>\n            </div>\n\n            <div class=\"n7-header__user {{data.user.classes || ''}}\" *ngIf=\"data.user\">\n                <n7-anchor-wrapper [classes]=\"'n7-header__user-content'\"\n                [data]=\"data.user.anchor\"\n                (clicked)=\"onClick($event)\">\n                    <img *ngIf=\"data.user.img\"\n                    class=\"n7-header__user-img\"  \n                    [src]=\"data.user.img\"/>\n                    <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n                        <span class=\"n7-header__user-name-label\">\n                            {{ data.user.name }}\n                        </span>\n                    </p>\n                </n7-anchor-wrapper>\n            </div>\n        </div>\n\n    </div>\n</header>\n\n" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/hero/hero.mjs

@@ -28,9 +28,9 @@ export class HeroComponent {
         this.emit('enter', { inputPayload: payload, value });
     }
 }
-HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n    [ngClass]=\"{ \n        'has-image' : !!data.image, \n        'has-background-image': !!data.backgroundImage \n    }\"\n    [ngStyle]=\"{ \n        'background-image': getBackgroundImageCssValue(data.backgroundImage)\n    }\">\n    <div class=\"n7-hero__content\">\n        \n        <div class=\"n7-hero__text-wrapper\">\n            <h1 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h1>\n            <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n            <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n                <input type=\"text\" \n                       class=\"n7-hero__input\" \n                       placeholder=\"{{data.input.placeholder || ''}}\" \n                       *ngIf=\"data.input\" \n                       (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n                       (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n                <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n                      *ngIf=\"data.input && data.input.icon\" \n                      (click)=\"onClick(data.input.payload)\"></span>\n                <ng-container *ngIf=\"data.button\">\n                    <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n                    [data]=\"data.button.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        {{data.button.text}}\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n        \n        <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n            <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n        </div>\n\n    </div>\n</section>", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HeroComponent, decorators: [{
+HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n    [ngClass]=\"{ \n        'has-image' : !!data.image, \n        'has-background-image': !!data.backgroundImage \n    }\"\n    [ngStyle]=\"{ \n        'background-image': getBackgroundImageCssValue(data.backgroundImage)\n    }\">\n    <div class=\"n7-hero__content\">\n        \n        <div class=\"n7-hero__text-wrapper\">\n            <h1 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h1>\n            <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n            <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n                <input type=\"text\" \n                       class=\"n7-hero__input\" \n                       placeholder=\"{{data.input.placeholder || ''}}\" \n                       *ngIf=\"data.input\" \n                       (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n                       (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n                <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n                      *ngIf=\"data.input && data.input.icon\" \n                      (click)=\"onClick(data.input.payload)\"></span>\n                <ng-container *ngIf=\"data.button\">\n                    <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n                    [data]=\"data.button.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        {{data.button.text}}\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n        \n        <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n            <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n        </div>\n\n    </div>\n</section>", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeroComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" class=\"n7-hero {{data.classes || ''}}\" \n    [ngClass]=\"{ \n        'has-image' : !!data.image, \n        'has-background-image': !!data.backgroundImage \n    }\"\n    [ngStyle]=\"{ \n        'background-image': getBackgroundImageCssValue(data.backgroundImage)\n    }\">\n    <div class=\"n7-hero__content\">\n        \n        <div class=\"n7-hero__text-wrapper\">\n            <h1 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h1>\n            <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n            <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n                <input type=\"text\" \n                       class=\"n7-hero__input\" \n                       placeholder=\"{{data.input.placeholder || ''}}\" \n                       *ngIf=\"data.input\" \n                       (input)=\"onInputChange(data.input.payload, $event.target.value)\" \n                       (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\">\n                <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n                      *ngIf=\"data.input && data.input.icon\" \n                      (click)=\"onClick(data.input.payload)\"></span>\n                <ng-container *ngIf=\"data.button\">\n                    <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n                    [data]=\"data.button.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        {{data.button.text}}\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n        \n        <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n            <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\">\n        </div>\n\n    </div>\n</section>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/histogram-range/histogram-range.mjs

@@ -377,9 +377,9 @@ export class HistogramRangeComponent {
         this.emit('loaded', payload);
     }
 }
-HistogramRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HistogramRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HistogramRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: HistogramRangeComponent, selector: "n7-histogram-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n    <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HistogramRangeComponent, decorators: [{
+HistogramRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HistogramRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HistogramRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HistogramRangeComponent, selector: "n7-histogram-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n    <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HistogramRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-histogram-range', template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n    <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/image-viewer/image-viewer.mjs

@@ -42,9 +42,9 @@ export class ImageViewerComponent {
         this.emit('thumbclick', payload);
     }
 }
-ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ImageViewerComponent, selector: "n7-image-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n    <!-- OSD viewer -->\n    <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\">\n    </div>\n\n    <!-- Zoom controls -->\n    <div class=\"n7-image-viewer__controls\">\n        <ul class=\"n7-image-viewer__controls-list\">\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n                <span class=\"n7-icon-search-plus\"></span>\n            </li>\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n                <span class=\"n7-icon-search-minus\"></span>\n            </li>\n            <!--\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n                <span class=\"n7-icon-expand-arrows\"></span>\n            </li>\n            -->\n        </ul>\n    </div>\n\n    <!-- Navigation -->\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__prev\" id=\"n7-image-viewer-nav-prev\">\n        <span class=\"n7-icon-angle-left\"></span>\n    </div>\n\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__next\" id=\"n7-image-viewer-nav-next\">\n        <span class=\"n7-icon-angle-right\"></span>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ImageViewerComponent, decorators: [{
+ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ImageViewerComponent, selector: "n7-image-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n    <!-- OSD viewer -->\n    <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\">\n    </div>\n\n    <!-- Zoom controls -->\n    <div class=\"n7-image-viewer__controls\">\n        <ul class=\"n7-image-viewer__controls-list\">\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n                <span class=\"n7-icon-search-plus\"></span>\n            </li>\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n                <span class=\"n7-icon-search-minus\"></span>\n            </li>\n            <!--\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n                <span class=\"n7-icon-expand-arrows\"></span>\n            </li>\n            -->\n        </ul>\n    </div>\n\n    <!-- Navigation -->\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__prev\" id=\"n7-image-viewer-nav-prev\">\n        <span class=\"n7-icon-angle-left\"></span>\n    </div>\n\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__next\" id=\"n7-image-viewer-nav-next\">\n        <span class=\"n7-icon-angle-right\"></span>\n    </div>\n</div>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ImageViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'n7-image-viewer', template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n    <!-- OSD viewer -->\n    <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\">\n    </div>\n\n    <!-- Zoom controls -->\n    <div class=\"n7-image-viewer__controls\">\n        <ul class=\"n7-image-viewer__controls-list\">\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n                <span class=\"n7-icon-search-plus\"></span>\n            </li>\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n                <span class=\"n7-icon-search-minus\"></span>\n            </li>\n            <!--\n            <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n                <span class=\"n7-icon-expand-arrows\"></span>\n            </li>\n            -->\n        </ul>\n    </div>\n\n    <!-- Navigation -->\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__prev\" id=\"n7-image-viewer-nav-prev\">\n        <span class=\"n7-icon-angle-left\"></span>\n    </div>\n\n    <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__next\" id=\"n7-image-viewer-nav-next\">\n        <span class=\"n7-icon-angle-right\"></span>\n    </div>\n</div>" }]
         }], propDecorators: { data: [{

package/esm2020/lib/components/image-viewer-tools/image-viewer-tools.mjs

@@ -15,14 +15,14 @@ export class ImageViewerToolsComponent {
         this.emit('click', payload); // click
     }
 }
-ImageViewerToolsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ImageViewerToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageViewerToolsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<!-- <div *ngIf=\"data\" class=\"n7-image-viewer-tools\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription {{data.classes.description.className || ''}}\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs {{data.classes.thumbs.className || ''}}\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs\" \n            *ngIf=\"data.isVisible.thumbnails && data.images\" >\n            <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                class=\"n7-image-viewer-tools__thumb-container\"\n                [class.active]=\"imgIndex == data.initial\">\n                <img\n                    src=\"{{img.thumb}}\"\n                    (click)=\"onClick(img.payload)\" >\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__description\" \n            *ngIf=\"data.isVisible.description\" >\n            <div [innerHTML]=\"data.description\"></div>\n            <div class=\"n7-image-viewer-tools__description-closebtn\"\n                (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                <span class=\"{{data.controls.closedescription.icon}}\"></span>\n            </div>\n        </div>\n    </div>\n</div> -->\n\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription -->\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs -->\n\n<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.description && data.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.description.isActive\n                    }\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.thumbs.isActive\n                    }\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs-description\">\n            <div class=\"n7-image-viewer-tools__thumbs\" \n                *ngIf=\"data.isVisible.thumbnails && data.images\" >\n                <div class=\"n7-image-viewer-tools__thumbs-strip\">\n                    <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                        class=\"n7-image-viewer-tools__thumb\"\n                        [class.active]=\"imgIndex == data.initial\">\n                        <img\n                            class=\"n7-image-viewer-tools__thumb-image\"\n                            src=\"{{img.thumb}}\"\n                            (click)=\"onClick(img.payload)\" >\n                    </div>\n                </div> \n                \n                <ng-container *ngIf=\"data.navigation\">\n                    <div\n                    class=\"{{ data.navigation.prev.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.prev.payload)\">\n                    <!-- (click)=\"\" -->\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div\n                    class=\"{{ data.navigation.next.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container>\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n            </div>\n\n            <div class=\"n7-image-viewer-tools__description\" \n                *ngIf=\"data.isVisible.description\" >\n                <div class=\"n7-image-viewer-tools__description-close\"\n                    (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                    <!-- data.controls.closedescription.anchor.payload -->\n                    <span class=\"{{data.controls.closedescription.icon}}\"></span>\n                </div>\n                <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n                    <div class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n                </div>\n                \n            </div>\n        </div> \n    </div>\n</div>\n", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ImageViewerToolsComponent, decorators: [{
+ImageViewerToolsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ImageViewerToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ImageViewerToolsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<!-- <div *ngIf=\"data\" class=\"n7-image-viewer-tools\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription {{data.classes.description.className || ''}}\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs {{data.classes.thumbs.className || ''}}\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs\" \n            *ngIf=\"data.isVisible.thumbnails && data.images\" >\n            <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                class=\"n7-image-viewer-tools__thumb-container\"\n                [class.active]=\"imgIndex == data.initial\">\n                <img\n                    src=\"{{img.thumb}}\"\n                    (click)=\"onClick(img.payload)\" >\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__description\" \n            *ngIf=\"data.isVisible.description\" >\n            <div [innerHTML]=\"data.description\"></div>\n            <div class=\"n7-image-viewer-tools__description-closebtn\"\n                (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                <span class=\"{{data.controls.closedescription.icon}}\"></span>\n            </div>\n        </div>\n    </div>\n</div> -->\n\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription -->\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs -->\n\n<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.description && data.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.description.isActive\n                    }\"\n                    [data]=\"data.controls.description.anchor\"\n                    (click)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.thumbs.isActive\n                    }\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (click)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs-description\">\n            <div class=\"n7-image-viewer-tools__thumbs\" \n                *ngIf=\"data.isVisible.thumbnails && data.images\" >\n                <div class=\"n7-image-viewer-tools__thumbs-strip\">\n                    <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                        class=\"n7-image-viewer-tools__thumb\"\n                        [class.active]=\"imgIndex == data.initial\">\n                        <img\n                            class=\"n7-image-viewer-tools__thumb-image\"\n                            src=\"{{img.thumb}}\"\n                            (click)=\"onClick(img.payload)\" >\n                    </div>\n                </div> \n                \n                <ng-container *ngIf=\"data.navigation\">\n                    <div\n                    class=\"{{ data.navigation.prev.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.prev.payload)\">\n                    <!-- (click)=\"\" -->\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div\n                    class=\"{{ data.navigation.next.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container>\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n            </div>\n\n            <div class=\"n7-image-viewer-tools__description\" \n                *ngIf=\"data.isVisible.description\" >\n                <div class=\"n7-image-viewer-tools__description-close\"\n                    (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                    <!-- data.controls.closedescription.anchor.payload -->\n                    <span class=\"{{data.controls.closedescription.icon}}\"></span>\n                </div>\n                <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n                    <div class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n                </div>\n                \n            </div>\n        </div> \n    </div>\n</div>\n", components: [{ type: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ImageViewerToolsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'n7-image-viewer-tools', template: "<!-- <div *ngIf=\"data\" class=\"n7-image-viewer-tools\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription {{data.classes.description.className || ''}}\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs {{data.classes.thumbs.className || ''}}\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs\" \n            *ngIf=\"data.isVisible.thumbnails && data.images\" >\n            <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                class=\"n7-image-viewer-tools__thumb-container\"\n                [class.active]=\"imgIndex == data.initial\">\n                <img\n                    src=\"{{img.thumb}}\"\n                    (click)=\"onClick(img.payload)\" >\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__description\" \n            *ngIf=\"data.isVisible.description\" >\n            <div [innerHTML]=\"data.description\"></div>\n            <div class=\"n7-image-viewer-tools__description-closebtn\"\n                (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                <span class=\"{{data.controls.closedescription.icon}}\"></span>\n            </div>\n        </div>\n    </div>\n</div> -->\n\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription -->\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs -->\n\n<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.description && data.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.description.isActive\n                    }\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.thumbs.isActive\n                    }\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs-description\">\n            <div class=\"n7-image-viewer-tools__thumbs\" \n                *ngIf=\"data.isVisible.thumbnails && data.images\" >\n                <div class=\"n7-image-viewer-tools__thumbs-strip\">\n                    <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                        class=\"n7-image-viewer-tools__thumb\"\n                        [class.active]=\"imgIndex == data.initial\">\n                        <img\n                            class=\"n7-image-viewer-tools__thumb-image\"\n                            src=\"{{img.thumb}}\"\n                            (click)=\"onClick(img.payload)\" >\n                    </div>\n                </div> \n                \n                <ng-container *ngIf=\"data.navigation\">\n                    <div\n                    class=\"{{ data.navigation.prev.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.prev.payload)\">\n                    <!-- (click)=\"\" -->\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div\n                    class=\"{{ data.navigation.next.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container>\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n            </div>\n\n            <div class=\"n7-image-viewer-tools__description\" \n                *ngIf=\"data.isVisible.description\" >\n                <div class=\"n7-image-viewer-tools__description-close\"\n                    (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                    <!-- data.controls.closedescription.anchor.payload -->\n                    <span class=\"{{data.controls.closedescription.icon}}\"></span>\n                </div>\n                <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n                    <div class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n                </div>\n                \n            </div>\n        </div> \n    </div>\n</div>\n" }]
+            args: [{ selector: 'n7-image-viewer-tools', template: "<!-- <div *ngIf=\"data\" class=\"n7-image-viewer-tools\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription {{data.classes.description.className || ''}}\"\n                    [data]=\"data.controls.description.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__btn-container\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs {{data.classes.thumbs.className || ''}}\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (clicked)=\"onClick($event)\">\n                        <span class=\"{{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs\" \n            *ngIf=\"data.isVisible.thumbnails && data.images\" >\n            <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                class=\"n7-image-viewer-tools__thumb-container\"\n                [class.active]=\"imgIndex == data.initial\">\n                <img\n                    src=\"{{img.thumb}}\"\n                    (click)=\"onClick(img.payload)\" >\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__description\" \n            *ngIf=\"data.isVisible.description\" >\n            <div [innerHTML]=\"data.description\"></div>\n            <div class=\"n7-image-viewer-tools__description-closebtn\"\n                (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                <span class=\"{{data.controls.closedescription.icon}}\"></span>\n            </div>\n        </div>\n    </div>\n</div> -->\n\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnDescription -->\n<!-- n7-hero__btn n7-btn n7-btn-cta n7-btn-l n7-image-viewer-tools__btnThumbs -->\n\n<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n    <div class=\"n7-image-viewer-tools__bar\">\n        <div class=\"n7-image-viewer-tools__controls\">\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.description && data.description\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.description.isActive\n                    }\"\n                    [data]=\"data.controls.description.anchor\"\n                    (click)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n\n            <div class=\"n7-image-viewer-tools__control-wrapper\">\n                <ng-container *ngIf=\"data.controls.thumbs\">\n                    <n7-anchor-wrapper \n                    class=\"n7-image-viewer-tools__control-btn\"\n                    [ngClass]=\"{\n                        'is-active': data.controls.thumbs.isActive\n                    }\"\n                    [data]=\"data.controls.thumbs.anchor\"\n                    (click)=\"onClick($event)\">\n                    <!-- $event -->\n                        <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n                    </n7-anchor-wrapper>\n                </ng-container>\n            </div>\n        </div>\n\n        <div class=\"n7-image-viewer-tools__thumbs-description\">\n            <div class=\"n7-image-viewer-tools__thumbs\" \n                *ngIf=\"data.isVisible.thumbnails && data.images\" >\n                <div class=\"n7-image-viewer-tools__thumbs-strip\">\n                    <div *ngFor=\"let img of data.images; let imgIndex = index\" \n                        class=\"n7-image-viewer-tools__thumb\"\n                        [class.active]=\"imgIndex == data.initial\">\n                        <img\n                            class=\"n7-image-viewer-tools__thumb-image\"\n                            src=\"{{img.thumb}}\"\n                            (click)=\"onClick(img.payload)\" >\n                    </div>\n                </div> \n                \n                <ng-container *ngIf=\"data.navigation\">\n                    <div\n                    class=\"{{ data.navigation.prev.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.prev.payload)\">\n                    <!-- (click)=\"\" -->\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div\n                    class=\"{{ data.navigation.next.classes || '' }}\"\n                    (click)=\"onClick(data.navigation.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container>\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n\n                <!-- <ng-container *ngIf=\"data.navigation as nav\">\n                    <div \n                    classes=\"{{ nav.prev.classes || '' }}\" \n                    (click)=\"onClick(nav.prev.payload)\">\n                        <span class=\"n7-icon-angle-left\"></span>\n                    </div>\n                    <div \n                    classes=\"{{ nav.next.classes || '' }}\" \n                    (click)=\"onClick(nav.next.payload)\">\n                        <span class=\"n7-icon-angle-right\"></span>\n                    </div>\n                </ng-container> -->\n            </div>\n\n            <div class=\"n7-image-viewer-tools__description\" \n                *ngIf=\"data.isVisible.description\" >\n                <div class=\"n7-image-viewer-tools__description-close\"\n                    (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\n                    <!-- data.controls.closedescription.anchor.payload -->\n                    <span class=\"{{data.controls.closedescription.icon}}\"></span>\n                </div>\n                <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n                    <div class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n                </div>\n                \n            </div>\n        </div> \n    </div>\n</div>\n" }]
         }], propDecorators: { data: [{
                 type: Input
             }], emit: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLXRvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLXZpZXdlci10b29scy9pbWFnZS12aWV3ZXItdG9vbHMudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyLXRvb2xzL2ltYWdlLXZpZXdlci10b29scy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3Qix3QkFBd0I7QUFDeEIsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBOEdqRDs7R0FFRztBQU1ILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEMsT0FBTyxDQUFDLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUTtJQUN2QyxDQUFDOztzSEFSVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixxR0MxSHRDLGkvT0EySkE7MkZEakNhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBSXhCLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gSU1BR0UtVklFV0VSLVRPT0xTLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmNob3IgfSBmcm9tICcuLi8uLi9zaGFyZWQtaW50ZXJmYWNlcyc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbWFnZVZpZXdlckJ1dHRvbnNEYXRhLCBkZWZpbmVzIHRoZSB0aHVtYm5haWxcbiAqIHVybCBhbmQgaXRzIHJlbGF0aXZlIHBheWxvYWRcbiAqIEBwcm9wZXJ0eSB0aHVtYlxuICogQHByb3BlcnR5IHBheWxvYWRcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbWFnZVZpZXdlclRodW1iRGF0YSB7XG4gIC8qKlxuICAgKiBUaHVtYm5haWwgVVJMXG4gICAqL1xuICB0aHVtYjogc3RyaW5nO1xuICAvKipcbiAgICogUGF5bG9hZCBvbiB0aHVtYm5haWwgY2xpY2tcbiAgICovXG4gIHBheWxvYWQ6IGFueTtcbiAgLyoqXG4gICAqIFRodW1ibmFpbCBjYXB0aW9uXG4gICAqL1xuICBjYXB0aW9uPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJCdXR0b25zRGF0YSwgZGVmaW5lcyB0aGUgbG9vayBhbmRcbiAqIHBheWxvYWQgb2YgdGhlIGNvbnRyb2xzIGJ1dHRvbnNcbiAqIEBwcm9wZXJ0eSBpY29uXG4gKiBAcHJvcGVydHkgcGF5bG9hZFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyQnV0dG9uRGF0YSB7XG4gIC8qKlxuICAgKiBDU1MgY2xhc3Mgb2YgdGhlIGljb24uIFVzdWFsbHkgZnJvbSBuNyBpY29uIHBhY2tcbiAgICovXG4gIGljb246IHN0cmluZztcbiAgLyoqXG4gICAqIEJ1dHRvbiBBbmNob3JcbiAgICovXG4gIGFuY2hvcj86IEFuY2hvcjtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJUb29sc0NvbXBvbmVudCdzIFwiZGF0YVwiXG4gKiBAcHJvcGVydHkgaW1hZ2VzXG4gKiBAcHJvcGVydHkgZGVzY3JpcHRpb25cbiAqIEBwcm9wZXJ0eSBjb250cm9sc1xuICogQHByb3BlcnR5IHNob3dEZXNjcmlwdGlvblxuICogQHByb3BlcnR5IHNob3dUaHVtYm5haWxzXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyVG9vbHNEYXRhIHtcbiAgLyoqXG4gICAqIGxpc3Qgb2YgaW1hZ2UncyB0aHVtYm5haWxzXG4gICAqL1xuICBpbWFnZXM6IEltYWdlVmlld2VyVGh1bWJEYXRhW107XG4gIC8qKlxuICAgKiBkZXNjcmlwdGlvbiB0byBiZSBzaG93biBpbiB0aGUgYm94XG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgLyoqXG4gICAqIGRlc2NyaXB0aW9uL3RodW1ibmFpbHMgdmlzaWJpbGl0eSBjb250cm9sc1xuICAgKi9cbiAgY29udHJvbHM6IHtcbiAgICBkZXNjcmlwdGlvbjogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIHRodW1iczogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIGNsb3NlZGVzY3JpcHRpb246IEltYWdlVmlld2VyQnV0dG9uRGF0YTtcbiAgfTtcbiAgLyoqXG4gICAqIERlc2NyaXB0aW9uIC8gdGh1bWJuYWlsIHRvZ2dsZXJzXG4gICAqL1xuICBpc1Zpc2libGU6IHtcbiAgICAvKiogVG9nZ2xlIGRlc2NyaXB0aW9uIGJveCB2aXNpYmlsaXR5ICovXG4gICAgZGVzY3JpcHRpb246IGJvb2xlYW47XG4gICAgLyoqIFRvZ2dsZSB0aHVtYm5haWxzIHN0cmlwIHZpc2liaWxpdHkgKi9cbiAgICB0aHVtYm5haWxzOiBib29sZWFuO1xuICB9O1xuICAvKipcbiAgICogZGVzY3JpcHRpb24gb3ZlcmxheSBuYXZpZ2F0aW9uXG4gICAqL1xuICBuYXZpZ2F0aW9uPzoge1xuICAgIHByZXY6IHtcbiAgICAgIHBheWxvYWQ6IGFueTsgLy8gJ3ByZXYnXG4gICAgICBjbGFzc2VzPzogYW55O1xuICAgIH07XG4gICAgbmV4dDoge1xuICAgICAgcGF5bG9hZDogYW55OyAvLyAnbmV4dCdcbiAgICAgIGNsYXNzZXM/OiBhbnk7XG4gICAgfTtcbiAgfTtcbiAgLyoqXG4gICAqIEluaXRpYWwgaW1hZ2UgaW4gYXJyYXkgKHByb2dyZXNzaXZlIG51bWJlciBmcm9tIDApXG4gICAqL1xuICBpbml0aWFsOiBudW1iZXI7XG4gIC8qKlxuICAqIGFkZGl0aW9uYWwgaHRtbCBjbGFzc2VzXG4gICovXG4gIGNsYXNzZXM/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBhY3Rpb24gY2xpY2sncyBwYXlsb2FkXG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogYWRkaXRpb25hbCBpbmZvXG4gICAqL1xuICBfbWV0YT86IGFueTtcbn1cblxuLyoqXG4gKiBJbWFnZVZpZXdlclRvb2xzQ29tcG9uZW50IDxuNy1pbWFnZS12aWV3ZXItdG9vbHM+XG4gKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaW1hZ2Utdmlld2VyLXRvb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXZpZXdlci10b29scy5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWFnZVZpZXdlclRvb2xzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogSW1hZ2VWaWV3ZXJUb29sc0RhdGE7XG5cbiAgQElucHV0KCkgZW1pdDogYW55O1xuXG4gIG9uQ2xpY2socGF5bG9hZCkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpOyAvLyBjbGlja1xuICB9XG59XG4iLCI8IS0tIDxkaXYgKm5nSWY9XCJkYXRhXCIgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19iYXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbHNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0bi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy5kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICA8bjctYW5jaG9yLXdyYXBwZXIgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaGVyb19fYnRuIG43LWJ0biBuNy1idG4tY3RhIG43LWJ0bi1sIG43LWltYWdlLXZpZXdlci10b29sc19fYnRuRGVzY3JpcHRpb24ge3tkYXRhLmNsYXNzZXMuZGVzY3JpcHRpb24uY2xhc3NOYW1lIHx8ICcnfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uLmFuY2hvclwiXG4gICAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cIm9uQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ7e2RhdGEuY29udHJvbHMuZGVzY3JpcHRpb24uaWNvbn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L243LWFuY2hvci13cmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0bi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy50aHVtYnNcIj5cbiAgICAgICAgICAgICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyIFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm43LWhlcm9fX2J0biBuNy1idG4gbjctYnRuLWN0YSBuNy1idG4tbCBuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0blRodW1icyB7e2RhdGEuY2xhc3Nlcy50aHVtYnMuY2xhc3NOYW1lIHx8ICcnfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLnRodW1icy5hbmNob3JcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwie3tkYXRhLmNvbnRyb2xzLnRodW1icy5pY29ufX1cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbjctYW5jaG9yLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzXCIgXG4gICAgICAgICAgICAqbmdJZj1cImRhdGEuaXNWaXNpYmxlLnRodW1ibmFpbHMgJiYgZGF0YS5pbWFnZXNcIiA+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpbWcgb2YgZGF0YS5pbWFnZXM7IGxldCBpbWdJbmRleCA9IGluZGV4XCIgXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1iLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpbWdJbmRleCA9PSBkYXRhLmluaXRpYWxcIj5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIHNyYz1cInt7aW1nLnRodW1ifX1cIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpbWcucGF5bG9hZClcIiA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb25cIiBcbiAgICAgICAgICAgICpuZ0lmPVwiZGF0YS5pc1Zpc2libGUuZGVzY3JpcHRpb25cIiA+XG4gICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb24tY2xvc2VidG5cIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEuY29udHJvbHMuY2xvc2VkZXNjcmlwdGlvbi5hbmNob3IucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7ZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiAtLT5cblxuPCEtLSBuNy1oZXJvX19idG4gbjctYnRuIG43LWJ0bi1jdGEgbjctYnRuLWwgbjctaW1hZ2Utdmlld2VyLXRvb2xzX19idG5EZXNjcmlwdGlvbiAtLT5cbjwhLS0gbjctaGVyb19fYnRuIG43LWJ0biBuNy1idG4tY3RhIG43LWJ0bi1sIG43LWltYWdlLXZpZXdlci10b29sc19fYnRuVGh1bWJzIC0tPlxuXG48ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzIHt7ZGF0YS5jbGFzc2VzIHx8ICcnfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19iYXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbHNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uICYmIGRhdGEuZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyIFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG5cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnaXMtYWN0aXZlJzogZGF0YS5jb250cm9scy5kZXNjcmlwdGlvbi5pc0FjdGl2ZVxuICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFdPVwiZGF0YS5jb250cm9scy5kZXNjcmlwdGlvbi5hbmNob3JcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSAkZXZlbnQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG4taWNvbiB7e2RhdGEuY29udHJvbHMuZGVzY3JpcHRpb24uaWNvbn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L243LWFuY2hvci13cmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLmNvbnRyb2xzLnRodW1ic1wiPlxuICAgICAgICAgICAgICAgICAgICA8bjctYW5jaG9yLXdyYXBwZXIgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19jb250cm9sLWJ0blwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICdpcy1hY3RpdmUnOiBkYXRhLmNvbnRyb2xzLnRodW1icy5pc0FjdGl2ZVxuICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFdPVwiZGF0YS5jb250cm9scy50aHVtYnMuYW5jaG9yXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwib25DbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gJGV2ZW50IC0tPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtYnRuLWljb24ge3tkYXRhLmNvbnRyb2xzLnRodW1icy5pY29ufX1cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbjctYW5jaG9yLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYnNcIiBcbiAgICAgICAgICAgICAgICAqbmdJZj1cImRhdGEuaXNWaXNpYmxlLnRodW1ibmFpbHMgJiYgZGF0YS5pbWFnZXNcIiA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzLXN0cmlwXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGltZyBvZiBkYXRhLmltYWdlczsgbGV0IGltZ0luZGV4ID0gaW5kZXhcIiBcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYlwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImltZ0luZGV4ID09IGRhdGEuaW5pdGlhbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYi1pbWFnZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3JjPVwie3tpbWcudGh1bWJ9fVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soaW1nLnBheWxvYWQpXCIgPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj4gXG4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRhdGEubmF2aWdhdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwie3sgZGF0YS5uYXZpZ2F0aW9uLnByZXYuY2xhc3NlcyB8fCAnJyB9fVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEubmF2aWdhdGlvbi5wcmV2LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gKGNsaWNrKT1cIlwiIC0tPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pY29uLWFuZ2xlLWxlZnRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwie3sgZGF0YS5uYXZpZ2F0aW9uLm5leHQuY2xhc3NlcyB8fCAnJyB9fVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEubmF2aWdhdGlvbi5uZXh0LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtcmlnaHRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgPCEtLSA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5uYXZpZ2F0aW9uIGFzIG5hdlwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFxuICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPVwie3sgbmF2LnByZXYuY2xhc3NlcyB8fCAnJyB9fVwiIFxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhuYXYucHJldi5wYXlsb2FkKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pY29uLWFuZ2xlLWxlZnRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IFxuICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPVwie3sgbmF2Lm5leHQuY2xhc3NlcyB8fCAnJyB9fVwiIFxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhuYXYubmV4dC5wYXlsb2FkKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pY29uLWFuZ2xlLXJpZ2h0XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj4gLS0+XG5cbiAgICAgICAgICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLm5hdmlnYXRpb24gYXMgbmF2XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM9XCJ7eyBuYXYucHJldi5jbGFzc2VzIHx8ICcnIH19XCIgXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKG5hdi5wcmV2LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtbGVmdFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM9XCJ7eyBuYXYubmV4dC5jbGFzc2VzIHx8ICcnIH19XCIgXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKG5hdi5uZXh0LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtcmlnaHRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvblwiIFxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YS5pc1Zpc2libGUuZGVzY3JpcHRpb25cIiA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb24tY2xvc2VcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhkYXRhLmNvbnRyb2xzLmNsb3NlZGVzY3JpcHRpb24uYW5jaG9yLnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmFuY2hvci5wYXlsb2FkIC0tPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7ZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvbi10ZXh0LXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb24tdGV4dFwiIFtpbm5lckhUTUxdPVwiZGF0YS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PiBcbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLXRvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLXZpZXdlci10b29scy9pbWFnZS12aWV3ZXItdG9vbHMudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyLXRvb2xzL2ltYWdlLXZpZXdlci10b29scy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3Qix3QkFBd0I7QUFDeEIsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBOEdqRDs7R0FFRztBQU1ILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEMsT0FBTyxDQUFDLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUTtJQUN2QyxDQUFDOztzSEFSVSx5QkFBeUI7MEdBQXpCLHlCQUF5QixxR0MxSHRDLDYrT0EySkE7MkZEakNhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBSXhCLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gSU1BR0UtVklFV0VSLVRPT0xTLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmNob3IgfSBmcm9tICcuLi8uLi9zaGFyZWQtaW50ZXJmYWNlcyc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbWFnZVZpZXdlckJ1dHRvbnNEYXRhLCBkZWZpbmVzIHRoZSB0aHVtYm5haWxcbiAqIHVybCBhbmQgaXRzIHJlbGF0aXZlIHBheWxvYWRcbiAqIEBwcm9wZXJ0eSB0aHVtYlxuICogQHByb3BlcnR5IHBheWxvYWRcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbWFnZVZpZXdlclRodW1iRGF0YSB7XG4gIC8qKlxuICAgKiBUaHVtYm5haWwgVVJMXG4gICAqL1xuICB0aHVtYjogc3RyaW5nO1xuICAvKipcbiAgICogUGF5bG9hZCBvbiB0aHVtYm5haWwgY2xpY2tcbiAgICovXG4gIHBheWxvYWQ6IGFueTtcbiAgLyoqXG4gICAqIFRodW1ibmFpbCBjYXB0aW9uXG4gICAqL1xuICBjYXB0aW9uPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJCdXR0b25zRGF0YSwgZGVmaW5lcyB0aGUgbG9vayBhbmRcbiAqIHBheWxvYWQgb2YgdGhlIGNvbnRyb2xzIGJ1dHRvbnNcbiAqIEBwcm9wZXJ0eSBpY29uXG4gKiBAcHJvcGVydHkgcGF5bG9hZFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyQnV0dG9uRGF0YSB7XG4gIC8qKlxuICAgKiBDU1MgY2xhc3Mgb2YgdGhlIGljb24uIFVzdWFsbHkgZnJvbSBuNyBpY29uIHBhY2tcbiAgICovXG4gIGljb246IHN0cmluZztcbiAgLyoqXG4gICAqIEJ1dHRvbiBBbmNob3JcbiAgICovXG4gIGFuY2hvcj86IEFuY2hvcjtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJUb29sc0NvbXBvbmVudCdzIFwiZGF0YVwiXG4gKiBAcHJvcGVydHkgaW1hZ2VzXG4gKiBAcHJvcGVydHkgZGVzY3JpcHRpb25cbiAqIEBwcm9wZXJ0eSBjb250cm9sc1xuICogQHByb3BlcnR5IHNob3dEZXNjcmlwdGlvblxuICogQHByb3BlcnR5IHNob3dUaHVtYm5haWxzXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyVG9vbHNEYXRhIHtcbiAgLyoqXG4gICAqIGxpc3Qgb2YgaW1hZ2UncyB0aHVtYm5haWxzXG4gICAqL1xuICBpbWFnZXM6IEltYWdlVmlld2VyVGh1bWJEYXRhW107XG4gIC8qKlxuICAgKiBkZXNjcmlwdGlvbiB0byBiZSBzaG93biBpbiB0aGUgYm94XG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgLyoqXG4gICAqIGRlc2NyaXB0aW9uL3RodW1ibmFpbHMgdmlzaWJpbGl0eSBjb250cm9sc1xuICAgKi9cbiAgY29udHJvbHM6IHtcbiAgICBkZXNjcmlwdGlvbjogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIHRodW1iczogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIGNsb3NlZGVzY3JpcHRpb246IEltYWdlVmlld2VyQnV0dG9uRGF0YTtcbiAgfTtcbiAgLyoqXG4gICAqIERlc2NyaXB0aW9uIC8gdGh1bWJuYWlsIHRvZ2dsZXJzXG4gICAqL1xuICBpc1Zpc2libGU6IHtcbiAgICAvKiogVG9nZ2xlIGRlc2NyaXB0aW9uIGJveCB2aXNpYmlsaXR5ICovXG4gICAgZGVzY3JpcHRpb246IGJvb2xlYW47XG4gICAgLyoqIFRvZ2dsZSB0aHVtYm5haWxzIHN0cmlwIHZpc2liaWxpdHkgKi9cbiAgICB0aHVtYm5haWxzOiBib29sZWFuO1xuICB9O1xuICAvKipcbiAgICogZGVzY3JpcHRpb24gb3ZlcmxheSBuYXZpZ2F0aW9uXG4gICAqL1xuICBuYXZpZ2F0aW9uPzoge1xuICAgIHByZXY6IHtcbiAgICAgIHBheWxvYWQ6IGFueTsgLy8gJ3ByZXYnXG4gICAgICBjbGFzc2VzPzogYW55O1xuICAgIH07XG4gICAgbmV4dDoge1xuICAgICAgcGF5bG9hZDogYW55OyAvLyAnbmV4dCdcbiAgICAgIGNsYXNzZXM/OiBhbnk7XG4gICAgfTtcbiAgfTtcbiAgLyoqXG4gICAqIEluaXRpYWwgaW1hZ2UgaW4gYXJyYXkgKHByb2dyZXNzaXZlIG51bWJlciBmcm9tIDApXG4gICAqL1xuICBpbml0aWFsOiBudW1iZXI7XG4gIC8qKlxuICAqIGFkZGl0aW9uYWwgaHRtbCBjbGFzc2VzXG4gICovXG4gIGNsYXNzZXM/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBhY3Rpb24gY2xpY2sncyBwYXlsb2FkXG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogYWRkaXRpb25hbCBpbmZvXG4gICAqL1xuICBfbWV0YT86IGFueTtcbn1cblxuLyoqXG4gKiBJbWFnZVZpZXdlclRvb2xzQ29tcG9uZW50IDxuNy1pbWFnZS12aWV3ZXItdG9vbHM+XG4gKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaW1hZ2Utdmlld2VyLXRvb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXZpZXdlci10b29scy5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBJbWFnZVZpZXdlclRvb2xzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogSW1hZ2VWaWV3ZXJUb29sc0RhdGE7XG5cbiAgQElucHV0KCkgZW1pdDogYW55O1xuXG4gIG9uQ2xpY2socGF5bG9hZCkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpOyAvLyBjbGlja1xuICB9XG59XG4iLCI8IS0tIDxkaXYgKm5nSWY9XCJkYXRhXCIgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNcIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19iYXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbHNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0bi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy5kZXNjcmlwdGlvblwiPlxuICAgICAgICAgICAgICAgICAgICA8bjctYW5jaG9yLXdyYXBwZXIgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibjctaGVyb19fYnRuIG43LWJ0biBuNy1idG4tY3RhIG43LWJ0bi1sIG43LWltYWdlLXZpZXdlci10b29sc19fYnRuRGVzY3JpcHRpb24ge3tkYXRhLmNsYXNzZXMuZGVzY3JpcHRpb24uY2xhc3NOYW1lIHx8ICcnfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uLmFuY2hvclwiXG4gICAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cIm9uQ2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ7e2RhdGEuY29udHJvbHMuZGVzY3JpcHRpb24uaWNvbn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L243LWFuY2hvci13cmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0bi1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy50aHVtYnNcIj5cbiAgICAgICAgICAgICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyIFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm43LWhlcm9fX2J0biBuNy1idG4gbjctYnRuLWN0YSBuNy1idG4tbCBuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2J0blRodW1icyB7e2RhdGEuY2xhc3Nlcy50aHVtYnMuY2xhc3NOYW1lIHx8ICcnfX1cIlxuICAgICAgICAgICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLnRodW1icy5hbmNob3JcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwie3tkYXRhLmNvbnRyb2xzLnRodW1icy5pY29ufX1cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvbjctYW5jaG9yLXdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzXCIgXG4gICAgICAgICAgICAqbmdJZj1cImRhdGEuaXNWaXNpYmxlLnRodW1ibmFpbHMgJiYgZGF0YS5pbWFnZXNcIiA+XG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpbWcgb2YgZGF0YS5pbWFnZXM7IGxldCBpbWdJbmRleCA9IGluZGV4XCIgXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1iLWNvbnRhaW5lclwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpbWdJbmRleCA9PSBkYXRhLmluaXRpYWxcIj5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIHNyYz1cInt7aW1nLnRodW1ifX1cIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpbWcucGF5bG9hZClcIiA+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb25cIiBcbiAgICAgICAgICAgICpuZ0lmPVwiZGF0YS5pc1Zpc2libGUuZGVzY3JpcHRpb25cIiA+XG4gICAgICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5kZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb24tY2xvc2VidG5cIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEuY29udHJvbHMuY2xvc2VkZXNjcmlwdGlvbi5hbmNob3IucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7ZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiAtLT5cblxuPCEtLSBuNy1oZXJvX19idG4gbjctYnRuIG43LWJ0bi1jdGEgbjctYnRuLWwgbjctaW1hZ2Utdmlld2VyLXRvb2xzX19idG5EZXNjcmlwdGlvbiAtLT5cbjwhLS0gbjctaGVyb19fYnRuIG43LWJ0biBuNy1idG4tY3RhIG43LWJ0bi1sIG43LWltYWdlLXZpZXdlci10b29sc19fYnRuVGh1bWJzIC0tPlxuXG48ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzIHt7ZGF0YS5jbGFzc2VzIHx8ICcnfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19iYXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbHNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uICYmIGRhdGEuZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyIFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG5cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnaXMtYWN0aXZlJzogZGF0YS5jb250cm9scy5kZXNjcmlwdGlvbi5pc0FjdGl2ZVxuICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgW2RhdGFdPVwiZGF0YS5jb250cm9scy5kZXNjcmlwdGlvbi5hbmNob3JcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgICAgIDwhLS0gJGV2ZW50IC0tPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtYnRuLWljb24ge3tkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9uNy1hbmNob3Itd3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19jb250cm9sLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy50aHVtYnNcIj5cbiAgICAgICAgICAgICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyIFxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG5cIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnaXMtYWN0aXZlJzogZGF0YS5jb250cm9scy50aHVtYnMuaXNBY3RpdmVcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgIFtkYXRhXT1cImRhdGEuY29udHJvbHMudGh1bWJzLmFuY2hvclwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSAkZXZlbnQgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG4taWNvbiB7e2RhdGEuY29udHJvbHMudGh1bWJzLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9uNy1hbmNob3Itd3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYnMtZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1ic1wiIFxuICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YS5pc1Zpc2libGUudGh1bWJuYWlscyAmJiBkYXRhLmltYWdlc1wiID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYnMtc3RyaXBcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaW1nIG9mIGRhdGEuaW1hZ2VzOyBsZXQgaW1nSW5kZXggPSBpbmRleFwiIFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1iXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaW1nSW5kZXggPT0gZGF0YS5pbml0aWFsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1iLWltYWdlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzcmM9XCJ7e2ltZy50aHVtYn19XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpbWcucGF5bG9hZClcIiA+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PiBcbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5uYXZpZ2F0aW9uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ7eyBkYXRhLm5hdmlnYXRpb24ucHJldi5jbGFzc2VzIHx8ICcnIH19XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YS5uYXZpZ2F0aW9uLnByZXYucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSAoY2xpY2spPVwiXCIgLS0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtbGVmdFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ7eyBkYXRhLm5hdmlnYXRpb24ubmV4dC5jbGFzc2VzIHx8ICcnIH19XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YS5uYXZpZ2F0aW9uLm5leHQucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctaWNvbi1hbmdsZS1yaWdodFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8IS0tIDxuZy1jb250YWluZXIgKm5nSWY9XCJkYXRhLm5hdmlnYXRpb24gYXMgbmF2XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM9XCJ7eyBuYXYucHJldi5jbGFzc2VzIHx8ICcnIH19XCIgXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKG5hdi5wcmV2LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtbGVmdFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzZXM9XCJ7eyBuYXYubmV4dC5jbGFzc2VzIHx8ICcnIH19XCIgXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKG5hdi5uZXh0LnBheWxvYWQpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtcmlnaHRcIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPiAtLT5cblxuICAgICAgICAgICAgICAgIDwhLS0gPG5nLWNvbnRhaW5lciAqbmdJZj1cImRhdGEubmF2aWdhdGlvbiBhcyBuYXZcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBcbiAgICAgICAgICAgICAgICAgICAgY2xhc3Nlcz1cInt7IG5hdi5wcmV2LmNsYXNzZXMgfHwgJycgfX1cIiBcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2sobmF2LnByZXYucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctaWNvbi1hbmdsZS1sZWZ0XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBcbiAgICAgICAgICAgICAgICAgICAgY2xhc3Nlcz1cInt7IG5hdi5uZXh0LmNsYXNzZXMgfHwgJycgfX1cIiBcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2sobmF2Lm5leHQucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctaWNvbi1hbmdsZS1yaWdodFwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+IC0tPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2Rlc2NyaXB0aW9uXCIgXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJkYXRhLmlzVmlzaWJsZS5kZXNjcmlwdGlvblwiID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvbi1jbG9zZVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkNsaWNrKGRhdGEuY29udHJvbHMuY2xvc2VkZXNjcmlwdGlvbi5hbmNob3IucGF5bG9hZClcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBkYXRhLmNvbnRyb2xzLmNsb3NlZGVzY3JpcHRpb24uYW5jaG9yLnBheWxvYWQgLS0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwie3tkYXRhLmNvbnRyb2xzLmNsb3NlZGVzY3JpcHRpb24uaWNvbn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2Rlc2NyaXB0aW9uLXRleHQtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvbi10ZXh0XCIgW2lubmVySFRNTF09XCJkYXRhLmRlc2NyaXB0aW9uXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+IFxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/inner-title/inner-title.mjs

@@ -27,9 +27,9 @@ export class InnerTitleComponent {
         this.emit('search', { inputPayload: payload, value });
     }
 }
-InnerTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InnerTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: InnerTitleComponent, decorators: [{
+InnerTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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: i1.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InnerTitleComponent, decorators: [{
             type: Component,
             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" }]
         }], propDecorators: { data: [{