@gouvfr-anct/mediation-numerique
Version:
📚 Bibliothèque pour la cartographie de l’offre de médiation numérique.
351 lines • 59.7 kB
JavaScript
import * as i0 from '@angular/core';
import { Directive, Input, ContentChild, HostListener, Component, EventEmitter, Output, NgModule, Pipe } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i2 from '@angular/flex-layout/flex';
import * as i3 from '@angular/flex-layout/extended';
import { FlexLayoutModule, FlexModule } from '@angular/flex-layout';
var ButtonType;
(function (ButtonType) {
ButtonType[ButtonType["Regular"] = 0] = "Regular";
ButtonType[ButtonType["Primary"] = 1] = "Primary";
ButtonType[ButtonType["Secondary"] = 2] = "Secondary";
ButtonType[ButtonType["SecondaryWide"] = 3] = "SecondaryWide";
ButtonType[ButtonType["SecondaryUltraWide"] = 4] = "SecondaryUltraWide";
ButtonType[ButtonType["SecondaryOnlyIcon"] = 5] = "SecondaryOnlyIcon";
ButtonType[ButtonType["Tertiary"] = 6] = "Tertiary";
ButtonType[ButtonType["ButtonPhone"] = 7] = "ButtonPhone";
ButtonType[ButtonType["Filter"] = 8] = "Filter";
ButtonType[ButtonType["IconOnly"] = 9] = "IconOnly";
ButtonType[ButtonType["CheckButton"] = 10] = "CheckButton";
ButtonType[ButtonType["searchIcon"] = 11] = "searchIcon";
ButtonType[ButtonType["modalPrimary"] = 12] = "modalPrimary";
ButtonType[ButtonType["modalSecondary"] = 13] = "modalSecondary";
ButtonType[ButtonType["TagCloudButton"] = 14] = "TagCloudButton";
})(ButtonType || (ButtonType = {}));
class TooltipDirective {
constructor(renderer, elementRef, viewContainerRef) {
this.renderer = renderer;
this.elementRef = elementRef;
this.viewContainerRef = viewContainerRef;
}
onMouseEnter() {
if (this.title && this.title.length > 0) {
const view = this.viewContainerRef.createEmbeddedView(this.tooltipTemplateRef);
view.rootNodes.forEach((node) => this.renderer.appendChild(this.elementRef.nativeElement, node));
}
}
onMouseLeave() {
if (this.viewContainerRef) {
this.viewContainerRef.clear();
}
}
}
TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: TooltipDirective, selector: "[app-tooltipDirective]", inputs: { title: "title", parametroPlantilla: "parametroPlantilla" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, queries: [{ propertyName: "tooltipTemplateRef", first: true, predicate: ["tooltipTemplate"], descendants: true }], ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TooltipDirective, decorators: [{
type: Directive,
args: [{ selector: '[app-tooltipDirective]' }]
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { title: [{
type: Input
}], parametroPlantilla: [{
type: Input
}], tooltipTemplateRef: [{
type: ContentChild,
args: ['tooltipTemplate']
}], onMouseEnter: [{
type: HostListener,
args: ['mouseenter']
}], onMouseLeave: [{
type: HostListener,
args: ['mouseleave']
}] } });
class SvgIconComponent {
constructor() {
this.iconColor = 'none';
this.title = null;
}
}
SvgIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SvgIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: SvgIconComponent, selector: "app-svg-icon", inputs: { icon: "icon", iconClass: "iconClass", type: "type", iconColor: "iconColor", title: "title" }, ngImport: i0, template: "<div app-tooltipDirective title=\"{{ title }}\">\n <ng-template #tooltipTemplate>\n <div class=\"tooltip\">{{ title }}</div>\n </ng-template>\n <svg aria-hidden=\"true\" class=\"icon\" [ngClass]=\"iconClass\" [attr.fill]=\"iconColor\" [attr.stroke]=\"iconColor\">\n <use [attr.xlink:href]=\"'assets/' + type + '/sprite.svg#' + icon\"></use>\n </svg>\n</div>\n", styles: [":host{display:flex;align-items:center}.icon{display:inline-block;height:2em;width:1.5em}.icon.icon-full{width:unset;height:unset}.icon.icon-16{height:16px;width:16px}.icon.icon-26{height:26px;width:26px}.icon.icon-28{width:28px;height:28px}.icon.icon-30{width:30px;height:30px}.icon.icon-32{width:32px;height:32px}.icon.icon-40{width:40px;height:40px}.icon.icon-52{width:52px;height:52px}.icon.icon-75{width:4.688em}.icon.icon-80{height:80px;width:80px}.icon.icon-112{height:112px;width:112px}.icon.validation{height:36px;width:20px}.icon.validation-small{height:26px;width:20px}.icon.hover{cursor:pointer}.icon.hover:hover{opacity:.8}.icon.white{fill:#fff;stroke:#fff}.icon.white path{stroke:#fff;fill:#fff}.icon.grey{fill:#696969;stroke:#696969}.icon.grey-1{fill:#333;stroke:#333}.icon.green{fill:#47c562;stroke:#47c562}.icon.backArrow{height:40px;width:40px;margin-right:1rem}svg{top:.125em;position:relative}.icon-centered{padding-top:.15rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TooltipDirective, selector: "[app-tooltipDirective]", inputs: ["title", "parametroPlantilla"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconComponent, decorators: [{
type: Component,
args: [{ selector: 'app-svg-icon', template: "<div app-tooltipDirective title=\"{{ title }}\">\n <ng-template #tooltipTemplate>\n <div class=\"tooltip\">{{ title }}</div>\n </ng-template>\n <svg aria-hidden=\"true\" class=\"icon\" [ngClass]=\"iconClass\" [attr.fill]=\"iconColor\" [attr.stroke]=\"iconColor\">\n <use [attr.xlink:href]=\"'assets/' + type + '/sprite.svg#' + icon\"></use>\n </svg>\n</div>\n", styles: [":host{display:flex;align-items:center}.icon{display:inline-block;height:2em;width:1.5em}.icon.icon-full{width:unset;height:unset}.icon.icon-16{height:16px;width:16px}.icon.icon-26{height:26px;width:26px}.icon.icon-28{width:28px;height:28px}.icon.icon-30{width:30px;height:30px}.icon.icon-32{width:32px;height:32px}.icon.icon-40{width:40px;height:40px}.icon.icon-52{width:52px;height:52px}.icon.icon-75{width:4.688em}.icon.icon-80{height:80px;width:80px}.icon.icon-112{height:112px;width:112px}.icon.validation{height:36px;width:20px}.icon.validation-small{height:26px;width:20px}.icon.hover{cursor:pointer}.icon.hover:hover{opacity:.8}.icon.white{fill:#fff;stroke:#fff}.icon.white path{stroke:#fff;fill:#fff}.icon.grey{fill:#696969;stroke:#696969}.icon.grey-1{fill:#333;stroke:#333}.icon.green{fill:#47c562;stroke:#47c562}.icon.backArrow{height:40px;width:40px;margin-right:1rem}svg{top:.125em;position:relative}.icon-centered{padding-top:.15rem}\n"] }]
}], propDecorators: { icon: [{
type: Input
}], iconClass: [{
type: Input
}], type: [{
type: Input
}], iconColor: [{
type: Input
}], title: [{
type: Input
}] } });
class ButtonComponent {
constructor() {
this.style = ButtonType.Regular;
this.iconType = 'ico';
this.iconPos = 'left';
this.disabled = false;
this.active = false;
this.action = new EventEmitter();
this.buttonTypeEnum = ButtonType;
}
doAction() {
this.action.emit();
}
}
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ButtonComponent, selector: "app-button", inputs: { style: "style", text: "text", type: "type", iconType: "iconType", iconBtn: "iconBtn", iconPos: "iconPos", extraClass: "extraClass", disabled: "disabled", active: "active" }, outputs: { action: "action" }, ngImport: i0, template: "<ng-container *ngIf=\"style === buttonTypeEnum.Regular\">\n <button class=\"btn-regular\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.searchIcon\">\n <button class=\"searchIcon\" type=\"{{ type }}\" (click)=\"doAction()\">\n <div fxLayout=\"row center\" class=\"searchIcon withIcon\" fxLayoutAlign=\"space-between center\">\n <app-svg-icon [type]=\"'ico'\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\" [iconClass]=\"'icon-30'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Primary\">\n <button class=\"btn-regular primary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\" [ngClass]=\"extraClass\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span [ngClass]=\"extraClass\">{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span [ngClass]=\"extraClass\">{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.modalPrimary\">\n <button class=\"btn-regular modal-primary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.modalSecondary\">\n <button\n class=\"btn-regular modal-secondary\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"{ disabled: disabled }\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Secondary || style === buttonTypeEnum.SecondaryWide\">\n <button\n [ngClass]=\"{\n 'btn-regular secondary': true,\n wide: style === buttonTypeEnum.SecondaryWide\n }\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" [ngClass]=\"extraClass\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.SecondaryUltraWide\">\n <button class=\"btn-regular secondary ultrawide\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" [ngClass]=\"extraClass\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text withIcon left\" fxLayoutAlign=\"center center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text withIcon right\" fxLayoutAlign=\"center center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.SecondaryOnlyIcon\">\n <button class=\"btn-regular secondary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon center\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.ButtonPhone\">\n <button [disabled]=\"disabled\" class=\"btn-switch-phone\" type=\"{{ type }}\" (click)=\"doAction()\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon\n class=\"iconBtn\"\n [type]=\"'ico'\"\n [iconClass]=\"'icon-32'\"\n [icon]=\"iconBtn\"\n [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Filter\">\n <button\n [disabled]=\"disabled\"\n class=\"btn-filter-phone\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [ngClass]=\"{ disabled: disabled }\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon [type]=\"'ico'\" [iconClass]=\"'icon-32'\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Tertiary\">\n <button class=\"btn-regular tertiary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\" [ngClass]=\"extraClass\">\n <div>{{ text }}</div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.CheckButton\">\n <button\n class=\"btn-regular tertiary checkButton\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"extraClass\">\n <div fxLayout=\"row center\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon\n *ngIf=\"extraClass\"\n [type]=\"'ico'\"\n [icon]=\"'validate'\"\n [iconClass]=\"'icon-28'\"\n [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.IconOnly\">\n <button\n class=\"btn-regular icon-only\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"{ active: active }\">\n <div *ngIf=\"iconBtn\" class=\"text withIcon\">\n <app-svg-icon\n *ngIf=\"iconBtn\"\n [type]=\"iconType\"\n [icon]=\"iconBtn\"\n [iconColor]=\"\"\n [iconClass]=\"'icon-28'\"\n [iconColor]=\"active ? 'green' : 'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n<ng-container *ngIf=\"style === buttonTypeEnum.TagCloudButton\">\n <button class=\"btn-tags-cloud\" fxLayout=\"row\" (click)=\"doAction()\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"'ico'\" [iconClass]=\"'icon-centered'\" [icon]=\"'tagDelete'\" [iconColor]=\"'white'\"></app-svg-icon>\n </button>\n</ng-container>\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}button{outline:none;border-radius:4px;cursor:pointer;border:1px solid;padding:0}.searchIcon{background:transparent;border:none}.searchIcon>svg{width:30px;height:30px}.btnSearch{background:#4f4f4f!important;border-color:#bdbdbd;padding:0 0 4px 4px}.btnSearch .body-wrap{background-color:#fff}.btn-regular{background:#f8f8f8;border-radius:5px 5px 4px;border:0}.btn-regular div:first-child{width:125px}.btn-regular:hover{background:#333333!important;padding:0}.btn-regular:hover .body-wrap{background-color:#fff}.btn-regular:focus{border-color:#da3635}.btn-regular:active{background:none;border-color:#f8f8f8}.btn-regular .searchButton{background:#e9e9e9}.btn-regular.primary{border:0;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:.813em;line-height:18px}.btn-regular.primary .text{background:#da3635;border:1px solid #333333;line-height:15px;color:#fff}.btn-regular.primary .text.withIcon{color:#fff}.btn-regular.modal-primary{border:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:.813em;line-height:18px}.btn-regular.modal-primary .text{display:flex;align-items:center;justify-content:center;background:#da3635;text-align:center;margin:auto;color:#fff;width:auto}.btn-regular.modal-primary .text.withIcon{color:#fff}.btn-regular.modal-secondary{border:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.modal-secondary .text{display:flex;align-items:center;justify-content:center;text-align:center;margin:auto;color:#333;width:auto}.btn-regular.modal-secondary .text.withIcon{color:#333}.btn-regular.secondary{border:0;background:white;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.secondary div:first-child{width:unset}.btn-regular.secondary .text{background:white;border:1px solid #333333;color:#333;font-size:14px}.btn-regular.secondary .text.withIcon{color:#333}.btn-regular.secondary.wide div:first-child{min-width:50px;width:184px}.btn-regular.secondary.ultrawide div:first-child{min-width:50px;width:400px}@media only screen and (max-width : 980px){.btn-regular.secondary.ultrawide div:first-child{width:200px}}.btn-regular.secondary.ultrawide div:first-child span{padding-inline:4px}.btn-regular.secondary .small-text{height:22px!important}.btn-regular.tertiary{border:1px solid transparent;background:#f4f4f4;height:36px;color:#000;padding:0 16px;border-radius:20px;min-width:50px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.tertiary div:first-child{min-width:50px;width:unset}.btn-regular.tertiary:hover{border:1px solid #bdbdbd;box-sizing:border-box;background:#f4f4f4!important}.btn-regular.tertiary.selected{background-color:#47c562!important;color:#fff!important}.btn-regular.tertiary.selected:hover{background-color:#47c562!important}.btn-regular.tertiary.checkButton{padding:0 14px;font-weight:700}.btn-regular.tertiary.checkButton div:first-child{padding:0 14px}.btn-regular.tertiary.checkButton.selected{padding:unset}.btn-regular.icon-only div:first-child{width:unset}.btn-regular.icon-only.active .text{border-color:#47c562}.btn-regular.icon-only.active:hover{background:unset!important}.btn-regular .text{position:relative;top:-1px;right:-1px;border:1px solid #333333;background:white;height:31px;color:#333;padding:3px 15px;display:table-cell;vertical-align:middle;border-radius:4px;font-size:14px}.btn-regular .text.withIcon{color:#000;height:36px}.btn-regular .text.withIcon.left{padding-left:8px!important}.btn-regular .text.withIcon.right{padding-right:8px!important}.btn-regular .text.withIcon.center{padding-left:6px!important;padding-right:6px!important}.btn-switch-phone{background:#000000;height:40px;width:124px;color:#fff;padding:4px 28px;border-radius:20px}.btn-switch-phone .iconBtn{margin-right:6px}.btn-filter-phone{background:white;height:40px;color:#333;padding:4px 37px;border-color:#bdbdbd;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;line-height:19px}.btn-filter-phone.containCheckedFilters{border-color:#da3635}.fullButton{width:125px!important}.fullWidth{width:100%!important}.bigButton{width:280px!important}.bigButton .text{width:inherit!important}.btn-tags-cloud{-webkit-appearance:none;appearance:none;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.75em;justify-content:center;align-items:center;box-sizing:border-box;height:25px;border-radius:20px;padding:5px 10px 5px 15px;max-width:150px;color:#f8f8f8;border-style:none;margin-top:5px;background:#333333;text-overflow:ellipsis}.btn-tags-cloud span{text-overflow:ellipsis;max-width:130px;overflow:hidden;display:inline-block;white-space:nowrap}.btn-tags-cloud.unchecked{background:#333333}button:disabled{opacity:.4;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.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"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: SvgIconComponent, selector: "app-svg-icon", inputs: ["icon", "iconClass", "type", "iconColor", "title"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'app-button', template: "<ng-container *ngIf=\"style === buttonTypeEnum.Regular\">\n <button class=\"btn-regular\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.searchIcon\">\n <button class=\"searchIcon\" type=\"{{ type }}\" (click)=\"doAction()\">\n <div fxLayout=\"row center\" class=\"searchIcon withIcon\" fxLayoutAlign=\"space-between center\">\n <app-svg-icon [type]=\"'ico'\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\" [iconClass]=\"'icon-30'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Primary\">\n <button class=\"btn-regular primary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\" [ngClass]=\"extraClass\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span [ngClass]=\"extraClass\">{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span [ngClass]=\"extraClass\">{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.modalPrimary\">\n <button class=\"btn-regular modal-primary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.modalSecondary\">\n <button\n class=\"btn-regular modal-secondary\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"{ disabled: disabled }\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text\" fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Secondary || style === buttonTypeEnum.SecondaryWide\">\n <button\n [ngClass]=\"{\n 'btn-regular secondary': true,\n wide: style === buttonTypeEnum.SecondaryWide\n }\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" [ngClass]=\"extraClass\" class=\"text\">{{ text }}</div>\n <div\n *ngIf=\"iconBtn && iconPos === 'left'\"\n fxLayout=\"row center\"\n class=\"text withIcon left\"\n fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div\n *ngIf=\"iconBtn && iconPos === 'right'\"\n fxLayout=\"row center\"\n class=\"text withIcon right\"\n fxLayoutAlign=\"space-around center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.SecondaryUltraWide\">\n <button class=\"btn-regular secondary ultrawide\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"!iconBtn\" [ngClass]=\"extraClass\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn && iconPos === 'left'\" fxLayout=\"row center\" class=\"text withIcon left\" fxLayoutAlign=\"center center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n <span>{{ text }}</span>\n </div>\n <div *ngIf=\"iconBtn && iconPos === 'right'\" fxLayout=\"row center\" class=\"text withIcon right\" fxLayoutAlign=\"center center\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.SecondaryOnlyIcon\">\n <button class=\"btn-regular secondary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\">\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon center\" fxLayoutAlign=\"space-around center\">\n <app-svg-icon [type]=\"iconType\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.ButtonPhone\">\n <button [disabled]=\"disabled\" class=\"btn-switch-phone\" type=\"{{ type }}\" (click)=\"doAction()\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon\n class=\"iconBtn\"\n [type]=\"'ico'\"\n [iconClass]=\"'icon-32'\"\n [icon]=\"iconBtn\"\n [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Filter\">\n <button\n [disabled]=\"disabled\"\n class=\"btn-filter-phone\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [ngClass]=\"{ disabled: disabled }\">\n <div *ngIf=\"!iconBtn\" class=\"text\">{{ text }}</div>\n <div *ngIf=\"iconBtn\" fxLayout=\"row center\" class=\"text withIcon\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon [type]=\"'ico'\" [iconClass]=\"'icon-32'\" [icon]=\"iconBtn\" [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.Tertiary\">\n <button class=\"btn-regular tertiary\" type=\"{{ type }}\" (click)=\"doAction()\" [disabled]=\"disabled\" [ngClass]=\"extraClass\">\n <div>{{ text }}</div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.CheckButton\">\n <button\n class=\"btn-regular tertiary checkButton\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"extraClass\">\n <div fxLayout=\"row center\" fxLayoutAlign=\"space-around center\" fxLayoutGap=\"13px\">\n <app-svg-icon\n *ngIf=\"extraClass\"\n [type]=\"'ico'\"\n [icon]=\"'validate'\"\n [iconClass]=\"'icon-28'\"\n [iconColor]=\"'currentColor'\"></app-svg-icon>\n {{ text }}\n </div>\n </button>\n</ng-container>\n\n<ng-container *ngIf=\"style === buttonTypeEnum.IconOnly\">\n <button\n class=\"btn-regular icon-only\"\n type=\"{{ type }}\"\n (click)=\"doAction()\"\n [disabled]=\"disabled\"\n [ngClass]=\"{ active: active }\">\n <div *ngIf=\"iconBtn\" class=\"text withIcon\">\n <app-svg-icon\n *ngIf=\"iconBtn\"\n [type]=\"iconType\"\n [icon]=\"iconBtn\"\n [iconColor]=\"\"\n [iconClass]=\"'icon-28'\"\n [iconColor]=\"active ? 'green' : 'currentColor'\"></app-svg-icon>\n </div>\n </button>\n</ng-container>\n<ng-container *ngIf=\"style === buttonTypeEnum.TagCloudButton\">\n <button class=\"btn-tags-cloud\" fxLayout=\"row\" (click)=\"doAction()\">\n <span>{{ text }}</span>\n <app-svg-icon [type]=\"'ico'\" [iconClass]=\"'icon-centered'\" [icon]=\"'tagDelete'\" [iconColor]=\"'white'\"></app-svg-icon>\n </button>\n</ng-container>\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}button{outline:none;border-radius:4px;cursor:pointer;border:1px solid;padding:0}.searchIcon{background:transparent;border:none}.searchIcon>svg{width:30px;height:30px}.btnSearch{background:#4f4f4f!important;border-color:#bdbdbd;padding:0 0 4px 4px}.btnSearch .body-wrap{background-color:#fff}.btn-regular{background:#f8f8f8;border-radius:5px 5px 4px;border:0}.btn-regular div:first-child{width:125px}.btn-regular:hover{background:#333333!important;padding:0}.btn-regular:hover .body-wrap{background-color:#fff}.btn-regular:focus{border-color:#da3635}.btn-regular:active{background:none;border-color:#f8f8f8}.btn-regular .searchButton{background:#e9e9e9}.btn-regular.primary{border:0;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:.813em;line-height:18px}.btn-regular.primary .text{background:#da3635;border:1px solid #333333;line-height:15px;color:#fff}.btn-regular.primary .text.withIcon{color:#fff}.btn-regular.modal-primary{border:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:.813em;line-height:18px}.btn-regular.modal-primary .text{display:flex;align-items:center;justify-content:center;background:#da3635;text-align:center;margin:auto;color:#fff;width:auto}.btn-regular.modal-primary .text.withIcon{color:#fff}.btn-regular.modal-secondary{border:none;width:100%;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.modal-secondary .text{display:flex;align-items:center;justify-content:center;text-align:center;margin:auto;color:#333;width:auto}.btn-regular.modal-secondary .text.withIcon{color:#333}.btn-regular.secondary{border:0;background:white;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.secondary div:first-child{width:unset}.btn-regular.secondary .text{background:white;border:1px solid #333333;color:#333;font-size:14px}.btn-regular.secondary .text.withIcon{color:#333}.btn-regular.secondary.wide div:first-child{min-width:50px;width:184px}.btn-regular.secondary.ultrawide div:first-child{min-width:50px;width:400px}@media only screen and (max-width : 980px){.btn-regular.secondary.ultrawide div:first-child{width:200px}}.btn-regular.secondary.ultrawide div:first-child span{padding-inline:4px}.btn-regular.secondary .small-text{height:22px!important}.btn-regular.tertiary{border:1px solid transparent;background:#f4f4f4;height:36px;color:#000;padding:0 16px;border-radius:20px;min-width:50px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.813em;line-height:19px}.btn-regular.tertiary div:first-child{min-width:50px;width:unset}.btn-regular.tertiary:hover{border:1px solid #bdbdbd;box-sizing:border-box;background:#f4f4f4!important}.btn-regular.tertiary.selected{background-color:#47c562!important;color:#fff!important}.btn-regular.tertiary.selected:hover{background-color:#47c562!important}.btn-regular.tertiary.checkButton{padding:0 14px;font-weight:700}.btn-regular.tertiary.checkButton div:first-child{padding:0 14px}.btn-regular.tertiary.checkButton.selected{padding:unset}.btn-regular.icon-only div:first-child{width:unset}.btn-regular.icon-only.active .text{border-color:#47c562}.btn-regular.icon-only.active:hover{background:unset!important}.btn-regular .text{position:relative;top:-1px;right:-1px;border:1px solid #333333;background:white;height:31px;color:#333;padding:3px 15px;display:table-cell;vertical-align:middle;border-radius:4px;font-size:14px}.btn-regular .text.withIcon{color:#000;height:36px}.btn-regular .text.withIcon.left{padding-left:8px!important}.btn-regular .text.withIcon.right{padding-right:8px!important}.btn-regular .text.withIcon.center{padding-left:6px!important;padding-right:6px!important}.btn-switch-phone{background:#000000;height:40px;width:124px;color:#fff;padding:4px 28px;border-radius:20px}.btn-switch-phone .iconBtn{margin-right:6px}.btn-filter-phone{background:white;height:40px;color:#333;padding:4px 37px;border-color:#bdbdbd;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;line-height:19px}.btn-filter-phone.containCheckedFilters{border-color:#da3635}.fullButton{width:125px!important}.fullWidth{width:100%!important}.bigButton{width:280px!important}.bigButton .text{width:inherit!important}.btn-tags-cloud{-webkit-appearance:none;appearance:none;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.75em;justify-content:center;align-items:center;box-sizing:border-box;height:25px;border-radius:20px;padding:5px 10px 5px 15px;max-width:150px;color:#f8f8f8;border-style:none;margin-top:5px;background:#333333;text-overflow:ellipsis}.btn-tags-cloud span{text-overflow:ellipsis;max-width:130px;overflow:hidden;display:inline-block;white-space:nowrap}.btn-tags-cloud.unchecked{background:#333333}button:disabled{opacity:.4;cursor:not-allowed}\n"] }]
}], propDecorators: { style: [{
type: Input
}], text: [{
type: Input
}], type: [{
type: Input
}], iconType: [{
type: Input
}], iconBtn: [{
type: Input
}], iconPos: [{
type: Input
}], extraClass: [{
type: Input
}], disabled: [{
type: Input
}], active: [{
type: Input
}], action: [{
type: Output
}] } });
class TooltipModule {
}
TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: TooltipModule, declarations: [TooltipDirective], exports: [TooltipDirective] });
TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TooltipModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TooltipModule, decorators: [{
type: NgModule,
args: [{
declarations: [TooltipDirective],
exports: [TooltipDirective]
}]
}] });
class SvgIconModule {
}
SvgIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
SvgIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: SvgIconModule, declarations: [SvgIconComponent], imports: [CommonModule, TooltipModule], exports: [SvgIconComponent] });
SvgIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconModule, imports: [CommonModule, TooltipModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: SvgIconModule, decorators: [{
type: NgModule,
args: [{
declarations: [SvgIconComponent],
exports: [SvgIconComponent],
imports: [CommonModule, TooltipModule]
}]
}] });
class ButtonModule {
}
ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, FlexLayoutModule, SvgIconModule], exports: [ButtonComponent] });
ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ButtonModule, imports: [CommonModule, FlexLayoutModule, SvgIconModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ButtonModule, decorators: [{
type: NgModule,
args: [{
declarations: [ButtonComponent],
exports: [ButtonComponent],
imports: [CommonModule, FlexLayoutModule, SvgIconModule]
}]
}] });
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
}] } });
class TextInputModalModule {
}
TextInputModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
TextInputModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalModule, declarations: [TextInputModalComponent], imports: [CommonModule, FlexModule], exports: [TextInputModalComponent] });
TextInputModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalModule, imports: [CommonModule, FlexModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TextInputModalModule, decorators: [{
type: NgModule,
args: [{
declarations: [TextInputModalComponent],
exports: [TextInputModalComponent],
imports: [CommonModule, FlexModule]
}]
}] });
/* tslint:disable:member-ordering */
class ModalOutsideDirective {
constructor(_elementRef) {
this._elementRef = _elementRef;
this.clickOutside = new EventEmitter();
}
onMouseEnter(targetElement) {
const clickedInside = this._elementRef.nativeElement.contains(targetElement);
if (!clickedInside) {
this.clickOutside.emit(null);
}
}
}
ModalOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModalOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
ModalOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: ModalOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:mousedown": "onMouseEnter($event.target)" } }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModalOutsideDirective, decorators: [{
type: Directive,
args: [{
selector: '[clickOutside]'
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
type: Output
}], onMouseEnter: [{
type: HostListener,
args: ['document:mousedown', ['$event.target']]
}] } });
class ModalModule {
}
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: ModalModule, declarations: [ModalOutsideDirective], exports: [ModalOutsideDirective] });
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModalModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ModalModule, decorators: [{
type: NgModule,
args: [{
declarations: [ModalOutsideDirective],
exports: [ModalOutsideDirective]
}]
}] });
class DayPipe {
transform(day) {
switch (day) {
case 'monday':
return 'lundi';
case 'tuesday':
return 'mardi';
case 'thursday':
return 'jeudi';
case 'wednesday':
return 'mercredi';
case 'friday':
return 'vendredi';
case 'saturday':
return 'samedi';
case 'sunday':
return 'dimanche';
default:
return null;
}
}
}
DayPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
DayPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DayPipe, name: "day", pure: false });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DayPipe, decorators: [{
type: Pipe,
args: [{ name: 'day', pure: false }]
}] });
class DayModule {
}
DayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
DayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DayModule, declarations: [DayPipe], exports: [DayPipe] });
DayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DayModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DayModule, decorators: [{
type: NgModule,
args: [{
declarations: [DayPipe],
exports: [DayPipe]
}]
}] });
class DistancePipe {
transform(distance) {
return distance > 1000 ? (distance / 1000).toFixed(1).toString() + ' km' : distance.toFixed(0) + ' m';
}
}
DistancePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DistancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
DistancePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DistancePipe, name: "distance" });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DistancePipe, decorators: [{
type: Pipe,
args: [{ name: 'distance' }]
}] });
class DistanceModule {
}
DistanceModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DistanceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
DistanceModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DistanceModule, declarations: [DistancePipe], exports: [DistancePipe] });
DistanceModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DistanceModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DistanceModule, decorators: [{
type: NgModule,
args: [{
declarations: [DistancePipe],
exports: [DistancePipe]
}]
}] });
class PhonePipe {
transform(value) {
//Remove dot and space from the phone string and add space in each 2 numbers
const regexArray = value.replace(/\s|\./g, '').match(/.{1,2}/g);
return regexArray.join(' ');
}
}
PhonePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PhonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
PhonePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: PhonePipe, name: "phone" });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PhonePipe, decorators: [{
type: Pipe,
args: [{ name: 'phone' }]
}] });
class PhoneModule {
}
PhoneModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PhoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
PhoneModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: PhoneModule, declarations: [PhonePipe], exports: [PhonePipe] });
PhoneModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PhoneModule });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: PhoneModule, decorators: [{
type: NgModule,
args: [{
declarations: [PhonePipe],
exports: [PhonePipe]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { ButtonComponent, ButtonModule, ButtonType, DayModule, DayPipe, DistanceModule, DistancePipe, ModalModule, ModalOutsideDirective, PhoneModule, PhonePipe, SvgIconComponent, SvgIconModule, TextInputModalComponent, TextInputModalModule, TooltipDirective, TooltipModule };
//# sourceMappingURL=gouvfr-anct-mediation-numerique-shared.mjs.map