cocori-ng/esm2020/feature-cms/shared/component-cms-editor/cocoring-cms-section-actions/cocoring-cms-section-actions.component.mjs

Cocori-ng is an Angular full of great components & utilites based on Material

import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
import { MAT_BOTTOM_SHEET_DATA } from '@angular/material/bottom-sheet';
import * as i0 from "@angular/core";
import * as i1 from "../../../core/service/cms.service";
import * as i2 from "@angular/material/bottom-sheet";
import * as i3 from "@angular/material/list";
import * as i4 from "@angular/material/core";
import * as i5 from "@angular/material/button";
import * as i6 from "@angular/material/icon";
import * as i7 from "cocori-ng/src/feature-form";
export class CocoringCmsSectionActionsComponent {
    constructor(cmsService, _bottomSheetRef, data) {
        this.cmsService = cmsService;
        this._bottomSheetRef = _bottomSheetRef;
        this.data = data;
        this.section = data.section;
        this.color = this.section.backgroundColor;
    }
    ngOnInit() {
    }
    close(event) {
        this._bottomSheetRef.dismiss();
        event.preventDefault();
    }
    removeSection(event) {
        this._bottomSheetRef.dismiss({ action: 'remove' });
        event.preventDefault();
    }
    moveUpSection(event) {
        this.cmsService.moveSection(this.section.id, 'move-up');
        event.preventDefault();
    }
    moveDownSection(event) {
        this.cmsService.moveSection(this.section.id, 'move-down');
        event.preventDefault();
    }
    duplicateSection(event) {
        this._bottomSheetRef.dismiss({ action: 'duplicate' });
        event.preventDefault();
    }
    selectColor(event) {
        this._bottomSheetRef.dismiss({ action: 'backgroundColor', value: this.color });
    }
    onColorChange(color) {
        this.color = color.hexa;
        this.cmsService.changeBackgroundColorSection(this.section.id, color.hexa);
    }
}
CocoringCmsSectionActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringCmsSectionActionsComponent, deps: [{ token: i1.CmsService }, { token: i2.MatBottomSheetRef }, { token: MAT_BOTTOM_SHEET_DATA }], target: i0.ɵɵFactoryTarget.Component });
CocoringCmsSectionActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: CocoringCmsSectionActionsComponent, selector: "cocoring-cms-section-actions", ngImport: i0, template: "<div class=\"bottom-sheet-header\">\r\n    <button class=\"actions-header-modal\" mat-icon-button aria-label=\"Fermer la fen\u00EAtre\" (click)=\"close($event)\">\r\n        <mat-icon>keyboard_arrow_down</mat-icon>\r\n    </button>\r\n    <div class=\"header-part-right\">\r\n        <div class=\"description-file\">Section</div>\r\n    </div>\r\n</div>\r\n<mat-nav-list class=\"bottom-sheet-list\">\r\n    <a mat-list-item (click)=\"selectColor($event)\">\r\n        <mat-icon mat-list-icon>format_color_fill</mat-icon>\r\n        <div class=\"circle-color\" [cocoring-colorpicker]=\"color\" (onColorChange)=\"onColorChange($event)\"></div>\r\n        <span mat-line>Changer la couleur de fond</span>\r\n    </a>\r\n    \r\n    <a href=\"#\" mat-list-item (click)=\"moveUpSection($event)\">\r\n        <mat-icon mat-list-icon>keyboard_arrow_up</mat-icon>\r\n        <span mat-line>D\u00E9placer vers le haut</span>\r\n    </a>\r\n    \r\n    <a href=\"#\" mat-list-item (click)=\"moveDownSection($event)\">\r\n        <mat-icon mat-list-icon>keyboard_arrow_down</mat-icon>\r\n        <span mat-line>D\u00E9placer vers le bas</span>\r\n    </a>\r\n\r\n    <a href=\"#\" mat-list-item (click)=\"duplicateSection($event)\">\r\n        <mat-icon mat-list-icon>content_copy</mat-icon>\r\n        <span mat-line>Dupliquer</span>\r\n    </a>\r\n\r\n    <a href=\"#\" target=\"_blank\" mat-list-item (click)=\"removeSection($event)\">\r\n        <mat-icon mat-list-icon>delete_outline</mat-icon>\r\n        <span mat-line>Supprimer</span>\r\n    </a>\r\n\r\n</mat-nav-list>\r\n", styles: [":host{display:block}.circle-color{height:32px;width:32px;box-sizing:border-box;border-radius:100%;border:1px solid #dadada;box-shadow:0 2px 4px #00000024}\n"], dependencies: [{ kind: "component", type: i3.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatLine, selector: "[mat-line], [matLine]" }, { kind: "directive", type: i3.MatListIconCssMatStyler, selector: "[mat-list-icon], [matListIcon]" }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.CocoringColorpickerDirective, selector: "[cocoring-colorpicker]", inputs: ["cocoring-colorpicker"], outputs: ["onColorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringCmsSectionActionsComponent, decorators: [{
            type: Component,
            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'cocoring-cms-section-actions', template: "<div class=\"bottom-sheet-header\">\r\n    <button class=\"actions-header-modal\" mat-icon-button aria-label=\"Fermer la fen\u00EAtre\" (click)=\"close($event)\">\r\n        <mat-icon>keyboard_arrow_down</mat-icon>\r\n    </button>\r\n    <div class=\"header-part-right\">\r\n        <div class=\"description-file\">Section</div>\r\n    </div>\r\n</div>\r\n<mat-nav-list class=\"bottom-sheet-list\">\r\n    <a mat-list-item (click)=\"selectColor($event)\">\r\n        <mat-icon mat-list-icon>format_color_fill</mat-icon>\r\n        <div class=\"circle-color\" [cocoring-colorpicker]=\"color\" (onColorChange)=\"onColorChange($event)\"></div>\r\n        <span mat-line>Changer la couleur de fond</span>\r\n    </a>\r\n    \r\n    <a href=\"#\" mat-list-item (click)=\"moveUpSection($event)\">\r\n        <mat-icon mat-list-icon>keyboard_arrow_up</mat-icon>\r\n        <span mat-line>D\u00E9placer vers le haut</span>\r\n    </a>\r\n    \r\n    <a href=\"#\" mat-list-item (click)=\"moveDownSection($event)\">\r\n        <mat-icon mat-list-icon>keyboard_arrow_down</mat-icon>\r\n        <span mat-line>D\u00E9placer vers le bas</span>\r\n    </a>\r\n\r\n    <a href=\"#\" mat-list-item (click)=\"duplicateSection($event)\">\r\n        <mat-icon mat-list-icon>content_copy</mat-icon>\r\n        <span mat-line>Dupliquer</span>\r\n    </a>\r\n\r\n    <a href=\"#\" target=\"_blank\" mat-list-item (click)=\"removeSection($event)\">\r\n        <mat-icon mat-list-icon>delete_outline</mat-icon>\r\n        <span mat-line>Supprimer</span>\r\n    </a>\r\n\r\n</mat-nav-list>\r\n", styles: [":host{display:block}.circle-color{height:32px;width:32px;box-sizing:border-box;border-radius:100%;border:1px solid #dadada;box-shadow:0 2px 4px #00000024}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.CmsService }, { type: i2.MatBottomSheetRef }, { type: undefined, decorators: [{
                    type: Inject,
                    args: [MAT_BOTTOM_SHEET_DATA]
                }] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29jb3JpbmctY21zLXNlY3Rpb24tYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2Nvcmktbmcvc3JjL2ZlYXR1cmUtY21zL3NoYXJlZC9jb21wb25lbnQtY21zLWVkaXRvci9jb2NvcmluZy1jbXMtc2VjdGlvbi1hY3Rpb25zL2NvY29yaW5nLWNtcy1zZWN0aW9uLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvY29tcG9uZW50LWNtcy1lZGl0b3IvY29jb3JpbmctY21zLXNlY3Rpb24tYWN0aW9ucy9jb2NvcmluZy1jbXMtc2VjdGlvbi1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxxQkFBcUIsRUFBcUIsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7Ozs7O0FBVzFGLE1BQU0sT0FBTyxrQ0FBa0M7SUFJN0MsWUFDVSxVQUFzQixFQUN0QixlQUFzRSxFQUN4QyxJQUErQjtRQUY3RCxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLG9CQUFlLEdBQWYsZUFBZSxDQUF1RDtRQUN4QyxTQUFJLEdBQUosSUFBSSxDQUEyQjtRQUNyRSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUE7UUFFM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGVBQWUsQ0FBQTtJQUMzQyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxLQUFLLENBQUMsS0FBSztRQUNULElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFL0IsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBSztRQUNqQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBaUMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUVuRixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRXhELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQUs7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFFMUQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFLO1FBQ3BCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFpQyxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBRXRGLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQUs7UUFDZixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBaUMsRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ2pILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUE7UUFFdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyw0QkFBNEIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDM0UsQ0FBQzs7K0hBdERVLGtDQUFrQyw2RUFPbkMscUJBQXFCO21IQVBwQixrQ0FBa0Msb0VDWi9DLG9pREFvQ0E7MkZEeEJhLGtDQUFrQztrQkFOOUMsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLDhCQUE4Qjs7MEJBV3JDLE1BQU07MkJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTUFUX0JPVFRPTV9TSEVFVF9EQVRBLCBNYXRCb3R0b21TaGVldFJlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2JvdHRvbS1zaGVldCc7XHJcblxyXG5pbXBvcnQgeyBCb3R0b21TaGVldFNlY3Rpb25SZXR1cm5BY3Rpb24sIFNlY3Rpb25Nb2RlbCB9IGZyb20gJy4uLy4uLy4uL2NvcmUvbW9kZWwvY21zLm1vZGVsJztcclxuaW1wb3J0IHsgQ21zU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2VydmljZS9jbXMuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzZWxlY3RvcjogJ2NvY29yaW5nLWNtcy1zZWN0aW9uLWFjdGlvbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2NvcmluZy1jbXMtc2VjdGlvbi1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2NvcmluZy1jbXMtc2VjdGlvbi1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENvY29yaW5nQ21zU2VjdGlvbkFjdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGNvbG9yOiBzdHJpbmc7XHJcbiAgc2VjdGlvbjogU2VjdGlvbk1vZGVsO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgY21zU2VydmljZTogQ21zU2VydmljZSxcclxuICAgIHByaXZhdGUgX2JvdHRvbVNoZWV0UmVmOiBNYXRCb3R0b21TaGVldFJlZjxDb2NvcmluZ0Ntc1NlY3Rpb25BY3Rpb25zQ29tcG9uZW50PixcclxuICAgIEBJbmplY3QoTUFUX0JPVFRPTV9TSEVFVF9EQVRBKSBwdWJsaWMgZGF0YTogeyBzZWN0aW9uOiBTZWN0aW9uTW9kZWwgfSkge1xyXG4gICAgdGhpcy5zZWN0aW9uID0gZGF0YS5zZWN0aW9uXHJcblxyXG4gICAgdGhpcy5jb2xvciA9IHRoaXMuc2VjdGlvbi5iYWNrZ3JvdW5kQ29sb3JcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgY2xvc2UoZXZlbnQpIHtcclxuICAgIHRoaXMuX2JvdHRvbVNoZWV0UmVmLmRpc21pc3MoKTtcclxuXHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgcmVtb3ZlU2VjdGlvbihldmVudCkge1xyXG4gICAgdGhpcy5fYm90dG9tU2hlZXRSZWYuZGlzbWlzcyg8Qm90dG9tU2hlZXRTZWN0aW9uUmV0dXJuQWN0aW9uPnsgYWN0aW9uOiAncmVtb3ZlJyB9KTtcclxuXHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuICBcclxuICBtb3ZlVXBTZWN0aW9uKGV2ZW50KSB7XHJcbiAgICB0aGlzLmNtc1NlcnZpY2UubW92ZVNlY3Rpb24odGhpcy5zZWN0aW9uLmlkLCAnbW92ZS11cCcpO1xyXG5cclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgfVxyXG5cclxuICBtb3ZlRG93blNlY3Rpb24oZXZlbnQpIHtcclxuICAgIHRoaXMuY21zU2VydmljZS5tb3ZlU2VjdGlvbih0aGlzLnNlY3Rpb24uaWQsICdtb3ZlLWRvd24nKTtcclxuXHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgZHVwbGljYXRlU2VjdGlvbihldmVudCkge1xyXG4gICAgdGhpcy5fYm90dG9tU2hlZXRSZWYuZGlzbWlzcyg8Qm90dG9tU2hlZXRTZWN0aW9uUmV0dXJuQWN0aW9uPnsgYWN0aW9uOiAnZHVwbGljYXRlJyB9KTtcclxuXHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0Q29sb3IoZXZlbnQpIHtcclxuICAgIHRoaXMuX2JvdHRvbVNoZWV0UmVmLmRpc21pc3MoPEJvdHRvbVNoZWV0U2VjdGlvblJldHVybkFjdGlvbj57IGFjdGlvbjogJ2JhY2tncm91bmRDb2xvcicsIHZhbHVlOiB0aGlzLmNvbG9yIH0pO1xyXG4gIH1cclxuXHJcbiAgb25Db2xvckNoYW5nZShjb2xvcjogYW55KSB7XHJcbiAgICB0aGlzLmNvbG9yID0gY29sb3IuaGV4YVxyXG5cclxuICAgIHRoaXMuY21zU2VydmljZS5jaGFuZ2VCYWNrZ3JvdW5kQ29sb3JTZWN0aW9uKHRoaXMuc2VjdGlvbi5pZCwgY29sb3IuaGV4YSlcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImJvdHRvbS1zaGVldC1oZWFkZXJcIj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJhY3Rpb25zLWhlYWRlci1tb2RhbFwiIG1hdC1pY29uLWJ1dHRvbiBhcmlhLWxhYmVsPVwiRmVybWVyIGxhIGZlbsOqdHJlXCIgKGNsaWNrKT1cImNsb3NlKCRldmVudClcIj5cclxuICAgICAgICA8bWF0LWljb24+a2V5Ym9hcmRfYXJyb3dfZG93bjwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItcGFydC1yaWdodFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvbi1maWxlXCI+U2VjdGlvbjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48bWF0LW5hdi1saXN0IGNsYXNzPVwiYm90dG9tLXNoZWV0LWxpc3RcIj5cclxuICAgIDxhIG1hdC1saXN0LWl0ZW0gKGNsaWNrKT1cInNlbGVjdENvbG9yKCRldmVudClcIj5cclxuICAgICAgICA8bWF0LWljb24gbWF0LWxpc3QtaWNvbj5mb3JtYXRfY29sb3JfZmlsbDwvbWF0LWljb24+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNpcmNsZS1jb2xvclwiIFtjb2NvcmluZy1jb2xvcnBpY2tlcl09XCJjb2xvclwiIChvbkNvbG9yQ2hhbmdlKT1cIm9uQ29sb3JDaGFuZ2UoJGV2ZW50KVwiPjwvZGl2PlxyXG4gICAgICAgIDxzcGFuIG1hdC1saW5lPkNoYW5nZXIgbGEgY291bGV1ciBkZSBmb25kPC9zcGFuPlxyXG4gICAgPC9hPlxyXG4gICAgXHJcbiAgICA8YSBocmVmPVwiI1wiIG1hdC1saXN0LWl0ZW0gKGNsaWNrKT1cIm1vdmVVcFNlY3Rpb24oJGV2ZW50KVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBtYXQtbGlzdC1pY29uPmtleWJvYXJkX2Fycm93X3VwPC9tYXQtaWNvbj5cclxuICAgICAgICA8c3BhbiBtYXQtbGluZT5Ew6lwbGFjZXIgdmVycyBsZSBoYXV0PC9zcGFuPlxyXG4gICAgPC9hPlxyXG4gICAgXHJcbiAgICA8YSBocmVmPVwiI1wiIG1hdC1saXN0LWl0ZW0gKGNsaWNrKT1cIm1vdmVEb3duU2VjdGlvbigkZXZlbnQpXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIG1hdC1saXN0LWljb24+a2V5Ym9hcmRfYXJyb3dfZG93bjwvbWF0LWljb24+XHJcbiAgICAgICAgPHNwYW4gbWF0LWxpbmU+RMOpcGxhY2VyIHZlcnMgbGUgYmFzPC9zcGFuPlxyXG4gICAgPC9hPlxyXG5cclxuICAgIDxhIGhyZWY9XCIjXCIgbWF0LWxpc3QtaXRlbSAoY2xpY2spPVwiZHVwbGljYXRlU2VjdGlvbigkZXZlbnQpXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIG1hdC1saXN0LWljb24+Y29udGVudF9jb3B5PC9tYXQtaWNvbj5cclxuICAgICAgICA8c3BhbiBtYXQtbGluZT5EdXBsaXF1ZXI8L3NwYW4+XHJcbiAgICA8L2E+XHJcblxyXG4gICAgPGEgaHJlZj1cIiNcIiB0YXJnZXQ9XCJfYmxhbmtcIiBtYXQtbGlzdC1pdGVtIChjbGljayk9XCJyZW1vdmVTZWN0aW9uKCRldmVudClcIj5cclxuICAgICAgICA8bWF0LWljb24gbWF0LWxpc3QtaWNvbj5kZWxldGVfb3V0bGluZTwvbWF0LWljb24+XHJcbiAgICAgICAgPHNwYW4gbWF0LWxpbmU+U3VwcHJpbWVyPC9zcGFuPlxyXG4gICAgPC9hPlxyXG5cclxuPC9tYXQtbmF2LWxpc3Q+XHJcbiJdfQ==