@gouvfr-anct/mediation-numerique/esm2020/shared/lib/components/text-input-modal/text-input-modal.component.mjs

📚 Bibliothèque pour la cartographie de l’offre de médiation numérique.

import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/flex";
export class TextInputModalComponent {
    constructor() {
        this.closed = new EventEmitter();
        this.newContent = new EventEmitter();
    }
    closeModal(shouldSend, content) {
        this.newContent.emit({ content, shouldSend });
    }
}
TextInputModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TextInputModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: TextInputModalComponent, selector: "app-text-input-modal", inputs: { openned: "openned", content: "content", placeholder: "placeholder" }, outputs: { closed: "closed", newContent: "newContent" }, ngImport: i0, template: "<div *ngIf=\"openned\" class=\"modalBackground\">\n  <div class=\"modal\">\n    <div class=\"contentModal\" fxLayout=\"column\" fxLayoutAlign=\"space-around center\">\n      <h3>ATTENTION</h3>\n      <p>{{ content }}</p>\n      <textarea #myText id=\"story\" class=\"textarea\" name=\"story\" rows=\"6\" placeholder=\"{{ placeholder }}\"></textarea>\n      <div class=\"footerModal\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button class=\"btn-primary small leave\" (click)=\"closeModal(true, myText.value)\">Confirmer</button>\n        <button class=\"btn-primary small\" (click)=\"closeModal(false, myText.value)\">Annuler</button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["html,body,p,span,label,h1,h2,h3,h4,h5,h6,.card-header-text,.welcome-message,.user-name,.profile-user-name,.project-name,.annuaire-label,.event_title,.objective_title{font-family:Lato,Helvetica,sans-serif}.modalExitContainer{width:100%;height:100%;z-index:1004;position:absolute;content:\"\";top:0;background-color:#33333340}.modalExitContainer .modal{width:350px;margin:auto;border-radius:6px;background:#4f4f4f!important;padding:0 0 1px 1px;border:1px solid #bdbdbd;margin-top:50vh;transform:translateY(-50%)}.modalExitContainer .modal .contentModal{width:100%;background:white;padding:35px 20px 18px}.modalExitContainer .modal .contentModal h3{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1.125em;color:#da6c2e}.modalExitContainer .modal .contentModal p{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em;color:#333;text-align:center}.modalExitContainer .modal .contentModal .footerModal{width:100%;margin-top:14px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em}.modalExitContainer .modal .contentModal .footerModal .leave{background:none;color:#333;text-decoration:underline}.modalExitContainer .modal .body-wrap{background-color:#fff}.modalBackground .modal .contentModal{padding:20px}.textarea{padding:13px 8px;background:#f8f8f8;border:1px solid #bdbdbd;border-radius:1px;resize:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-text-input-modal', template: "<div *ngIf=\"openned\" class=\"modalBackground\">\n  <div class=\"modal\">\n    <div class=\"contentModal\" fxLayout=\"column\" fxLayoutAlign=\"space-around center\">\n      <h3>ATTENTION</h3>\n      <p>{{ content }}</p>\n      <textarea #myText id=\"story\" class=\"textarea\" name=\"story\" rows=\"6\" placeholder=\"{{ placeholder }}\"></textarea>\n      <div class=\"footerModal\" fxLayout=\"row\" fxLayoutAlign=\"space-around center\">\n        <button class=\"btn-primary small leave\" (click)=\"closeModal(true, myText.value)\">Confirmer</button>\n        <button class=\"btn-primary small\" (click)=\"closeModal(false, myText.value)\">Annuler</button>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["html,body,p,span,label,h1,h2,h3,h4,h5,h6,.card-header-text,.welcome-message,.user-name,.profile-user-name,.project-name,.annuaire-label,.event_title,.objective_title{font-family:Lato,Helvetica,sans-serif}.modalExitContainer{width:100%;height:100%;z-index:1004;position:absolute;content:\"\";top:0;background-color:#33333340}.modalExitContainer .modal{width:350px;margin:auto;border-radius:6px;background:#4f4f4f!important;padding:0 0 1px 1px;border:1px solid #bdbdbd;margin-top:50vh;transform:translateY(-50%)}.modalExitContainer .modal .contentModal{width:100%;background:white;padding:35px 20px 18px}.modalExitContainer .modal .contentModal h3{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1.125em;color:#da6c2e}.modalExitContainer .modal .contentModal p{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em;color:#333;text-align:center}.modalExitContainer .modal .contentModal .footerModal{width:100%;margin-top:14px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em}.modalExitContainer .modal .contentModal .footerModal .leave{background:none;color:#333;text-decoration:underline}.modalExitContainer .modal .body-wrap{background-color:#fff}.modalBackground .modal .contentModal{padding:20px}.textarea{padding:13px 8px;background:#f8f8f8;border:1px solid #bdbdbd;border-radius:1px;resize:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { openned: [{
                type: Input
            }], content: [{
                type: Input
            }], placeholder: [{
                type: Input
            }], closed: [{
                type: Output
            }], newContent: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1pbnB1dC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9AZ291dmZyLWFuY3QvbWVkaWF0aW9uLW51bWVyaXF1ZS9zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL3RleHQtaW5wdXQtbW9kYWwvdGV4dC1pbnB1dC1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9AZ291dmZyLWFuY3QvbWVkaWF0aW9uLW51bWVyaXF1ZS9zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL3RleHQtaW5wdXQtbW9kYWwvdGV4dC1pbnB1dC1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3ZFLE1BQU0sT0FBTyx1QkFBdUI7SUFRbEM7UUFKVSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUNyQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQTRDLENBQUM7SUFHckUsQ0FBQztJQUVULFVBQVUsQ0FBQyxVQUFtQixFQUFFLE9BQWU7UUFDcEQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUNoRCxDQUFDOztvSEFaVSx1QkFBdUI7d0dBQXZCLHVCQUF1QixxTUNQcEMsa3NCQWFBOzJGRE5hLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7MEVBS2hCLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXRleHQtaW5wdXQtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGV4dC1pbnB1dC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtaW5wdXQtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXh0SW5wdXRNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBvcGVubmVkOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgY29udGVudDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpIG5ld0NvbnRlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgY29udGVudDogc3RyaW5nOyBzaG91bGRTZW5kOiBib29sZWFuIH0+KCk7XG5cbiAgcHVibGljIG15Q29udGVudDogc3RyaW5nO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHVibGljIGNsb3NlTW9kYWwoc2hvdWxkU2VuZDogYm9vbGVhbiwgY29udGVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5uZXdDb250ZW50LmVtaXQoeyBjb250ZW50LCBzaG91bGRTZW5kIH0pO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwib3Blbm5lZFwiIGNsYXNzPVwibW9kYWxCYWNrZ3JvdW5kXCI+XG4gIDxkaXYgY2xhc3M9XCJtb2RhbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50TW9kYWxcIiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1hcm91bmQgY2VudGVyXCI+XG4gICAgICA8aDM+QVRURU5USU9OPC9oMz5cbiAgICAgIDxwPnt7IGNvbnRlbnQgfX08L3A+XG4gICAgICA8dGV4dGFyZWEgI215VGV4dCBpZD1cInN0b3J5XCIgY2xhc3M9XCJ0ZXh0YXJlYVwiIG5hbWU9XCJzdG9yeVwiIHJvd3M9XCI2XCIgcGxhY2Vob2xkZXI9XCJ7eyBwbGFjZWhvbGRlciB9fVwiPjwvdGV4dGFyZWE+XG4gICAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyTW9kYWxcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1hcm91bmQgY2VudGVyXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJidG4tcHJpbWFyeSBzbWFsbCBsZWF2ZVwiIChjbGljayk9XCJjbG9zZU1vZGFsKHRydWUsIG15VGV4dC52YWx1ZSlcIj5Db25maXJtZXI8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0bi1wcmltYXJ5IHNtYWxsXCIgKGNsaWNrKT1cImNsb3NlTW9kYWwoZmFsc2UsIG15VGV4dC52YWx1ZSlcIj5Bbm51bGVyPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==