@gouvfr-anct/mediation-numerique
Version:
📚 Bibliothèque pour la cartographie de l’offre de médiation numérique.
78 lines • 61.3 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i2 from '@angular/flex-layout';
import { FlexModule } from '@angular/flex-layout';
import * as i3 from '@gouvfr-anct/mediation-numerique/shared';
import { DistanceModule } from '@gouvfr-anct/mediation-numerique/shared';
class LieuxMediationNumeriqueListComponent {
constructor() {
this.structureList = [];
this.displayMapMarkerId = new EventEmitter();
}
}
LieuxMediationNumeriqueListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LieuxMediationNumeriqueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LieuxMediationNumeriqueListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: LieuxMediationNumeriqueListComponent, selector: "fr-lieux-mediation-numerique-list", inputs: { structureList: "structureList" }, outputs: { displayMapMarkerId: "displayMapMarkerId" }, ngImport: i0, template: "<div class=\"structureList-container\">\n <div class=\"structureListHeader hide-on-print\">\n <div class=\"nbStructuresLabel\" [ngPlural]=\"structureList.length\">\n <ng-template ngPluralCase=\"0\">0 structure</ng-template>\n <ng-template ngPluralCase=\"1\">1 structure</ng-template>\n <ng-template ngPluralCase=\"other\">{{ structureList.length }} structures</ng-template>\n </div>\n <ng-content select=\"[slot=structure-list-actions]\"></ng-content>\n </div>\n\n <div id=\"listCard\" class=\"listCard\" (mouseleave)=\"displayMapMarkerId.emit('')\">\n <ng-content select=\"[slot=structure-list-elements]\"></ng-content>\n <p *ngIf=\"structureList && structureList.length <= 0\">Il n'y a aucune r\u00E9ponse correspondant \u00E0 votre recherche</p>\n </div>\n</div>\n<ng-content></ng-content>\n", styles: [".ico-mglass{position:relative;display:inline-block;background:transparent;border-radius:30px;border:2px solid #333333;height:12px;width:12px;min-width:12px;max-width:12px}.ico-mglass:after{content:\"\";height:2px;width:8px;background:#333333;position:absolute;top:14px;left:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.ico-pin{width:20px;height:20px;max-width:20px;max-height:20px;border-radius:50% 50% 50% 0;background:transparent;transform:rotate(-45deg);left:50%;top:50%;margin:-4px 0 0}.ico-pin.after{content:\"\";width:14px;height:14px;margin:8px 0 0 8px;background:transparent;border-radius:50%}.ico-pin-search{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background-color:#696969}.ico-pin-search:before{content:\"\";position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:4px;background-color:#fff}.ico-dot-available{height:12px;width:12px;background-color:#41c29c;border-radius:50%;margin-right:8px}.ico-dot-unavailable{height:12px;width:12px;background-color:#da3635;border-radius:50%;margin-right:8px}.ico-dot-unknown{height:12px;width:12px;background-color:#bdbdbd;border-radius:50%;margin-right:8px}.ico-marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#da3635;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px}.ico-marker-pin.selected{background:#da3635}.ico-marker-pin:after{content:\"\";width:10px;height:10px;margin:10px 0 0 10px;background:#fff;position:absolute;border-radius:50%}.ico-marker-pin-sm{width:18px;height:18px;border-radius:50% 50% 50% 0;background:#696969;transform:rotate(-45deg);margin:0 4px}.ico-marker-pin-sm.absolute{position:absolute;margin:0}.ico-marker-pin-sm:after{content:\"\";width:7px;height:7px;margin:6px 0 0 5px;background:#f8f8f8;position:absolute;border-radius:50%}.ico-profile .head{width:12px;height:12px;border-radius:25px;border:2px solid #333333}.ico-profile .body{width:28px;height:10px;border-radius:20px 20px 0 0;border-top:2px solid #333333;border-right:2px solid #333333;border-left:2px solid #333333}.ico-close .mdiv{height:10px;width:2px;margin-left:5px;background-color:#696969;transform:rotate(45deg);z-index:1}.ico-close .md{height:10px;width:2px;background-color:#696969;transform:rotate(90deg);z-index:2}.ico-close-search{width:16px;height:16px;display:inline-block;vertical-align:middle}.ico-close-search:before{transform:rotate(45deg)}.ico-close-search:after{transform:rotate(-45deg)}.ico-close-search:before,.ico-close-search:after{position:absolute;content:\"\";height:16px;width:2px;background-color:#bdbdbd}.ic-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px}.ic-arrow-left:after,.ic-arrow-left:before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.ic-arrow-left:after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.ic-arrow-left:before{width:16px;height:2px;bottom:10px;background:currentColor}.ic-print{width:.68em;height:1em;border-style:solid;border-color:currentcolor;background-color:transparent;border-width:.07em;border-radius:.05em;margin:0 .16em}.ic-print:before{width:1em;height:.4em;border-width:.07em .21em 0;border-style:solid;border-color:currentColor currentcolor transparent;border-radius:.05em .05em 0 0;top:.25em;left:50%;transform:translate(-50%);background-image:linear-gradient(transparent 20%,currentcolor 20%,currentcolor 60%,transparent 60%)}.ic-print:after{width:.45em;height:.065em;background-color:currentColor;left:50%;transform:translate(-50%);top:.6em;box-shadow:0 .12em,-.1em -.28em 0 .05em}.ic-mail,.ic-mail:after{display:block;box-sizing:border-box;height:14px;border:2px solid}.ic-mail{color:#4f4f4f;overflow:hidden;transform:scale(var(--ggs, 1));position:absolute;width:18px;border-radius:2px}.ic-mail:after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}.ic-phone{color:#4f4f4f;box-sizing:border-box;position:absolute;display:block;width:22px;height:22px;transform:scale(var(--ggs, 1))}.ic-phone:after,.ic-phone:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-phone:after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0/4px 6px}.ic-phone:before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}.ic-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:16px;height:24px;border:2px solid;border-radius:10px}.ic-mouse:after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}.ic-wifi{color:#000;position:absolute;margin-left:7px;margin-top:13px;width:6px;height:6px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:before{content:\"\";position:absolute;left:-5px;top:-5px;width:14px;height:14px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:after{content:\"\";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-screen{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.ic-screen:after,.ic-screen:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.ic-screen:before{width:2px;height:6px;top:10px;left:8px}.ic-globe-alt,.ic-globe-alt:after,.ic-globe-alt:before{color:#4f4f4f;display:block;box-sizing:border-box;height:18px;border:2px solid}.ic-globe-alt{position:absolute;transform:scale(var(--ggs, 1));width:18px;border-radius:22px}.ic-globe-alt:after,.ic-globe-alt:before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.ic-globe-alt:after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}.ic-camera{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.ic-camera:after,.ic-camera:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-camera:before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.ic-camera:after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}.ic-calendar-today{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.ic-calendar-today:before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}.ic-user{display:block;position:absolute;transform:scale(var(--ggs, 1));box-sizing:border-box;width:12px;height:18px}.ic-user:after,.ic-user:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.ic-user:before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.ic-user:after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}.ico-close-details{width:44px;height:44px;border-radius:44px;display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer}.ico-close-details:before,.ico-close-details:after{content:\"\";width:24px;height:2px;background-color:#333;position:absolute;border-radius:1px}.ico-close-details:hover{background-color:#f4f4f4}.ico-close-details:before{transform:rotate(45deg)}.ico-close-details:after{transform:rotate(-45deg)}.ico-menu,.ico-menu:before,.ico-menu:after{cursor:pointer;border-radius:1px;height:2px;width:23px;background:#000000;position:absolute;display:block;content:\"\"}.ico-menu:before{top:-6px}.ico-menu:after{bottom:-6px}.ico-gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs, 1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.ico-gg-eye-alt:after,.ico-gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.ico-gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px #696969,inset 0 0 0 2px #696969;width:24px;height:24px}.ico-gg-eye-alt:before{width:8px;height:8px;border:2px solid #696969;bottom:4px;left:8px;background-color:#696969}.ico-gg-add{box-sizing:border-box;position:relative;display:block;color:#47c562;width:32px;height:32px}.ico-gg-add:after,.ico-gg-add:before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;border-radius:5px;top:8px;left:0px}.ico-gg-add:after{width:2px;height:14px;top:2px;left:6px}.gg-eye-alt{position:relative;display:block;width:18px;height:12px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt:after,.gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:18px;height:18px}.gg-eye-alt:before{width:2px;height:2px;border:2px solid black;bottom:3px;left:7px;background-color:#000}.ico-gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px;border:1px solid transparent;border-radius:100px;color:#fff}.ico-gg-check:after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:5px;top:-3px;width:7px;height:12px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);color:#fff}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}.btn-primary{background:#da3635;border-radius:4px;outline:none;cursor:pointer;color:#fff;height:40px;width:192px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em;line-height:18px;stroke:#fff;border:1px solid #333333}.btn-primary.small{width:149px}.btn-primary.invalid{opacity:.4}.btn-primary:focus{background:white;color:#da3635;border:1px solid #da3635;stroke:#da3635}.btn-grid{display:inline-flex;flex-wrap:wrap;gap:8px}.tags-cloud{font-style:normal;justify-content:center;align-items:center;height:28px;border-radius:20px;padding:5px 15px;color:#fff;border-style:none;margin-top:5px;background:#333333}.tags-cloud.unchecked{background:#bdbdbd}.structureList-container{overflow-y:auto;scrollbar-gutter:stable}.listCard>p{margin-left:1rem}.structureListHeader{height:50px;display:flex;flex-direction:row;align-items:center;margin:8px 16px}.structureListHeader .nbStructuresLabel{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.875em;color:#696969;flex:1}::ng-deep .structure-card:last-child .structure{border-bottom:unset!important}.structureList-details{position:absolute;top:0;left:0;height:100%;width:inherit}@media print{.listCard{display:none}.hide-on-print{display:none!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgPlural, selector: "[ngPlural]", inputs: ["ngPlural"] }, { kind: "directive", type: i1.NgPluralCase, selector: "[ngPluralCase]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LieuxMediationNumeriqueListComponent, decorators: [{
type: Component,
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'fr-lieux-mediation-numerique-list', template: "<div class=\"structureList-container\">\n <div class=\"structureListHeader hide-on-print\">\n <div class=\"nbStructuresLabel\" [ngPlural]=\"structureList.length\">\n <ng-template ngPluralCase=\"0\">0 structure</ng-template>\n <ng-template ngPluralCase=\"1\">1 structure</ng-template>\n <ng-template ngPluralCase=\"other\">{{ structureList.length }} structures</ng-template>\n </div>\n <ng-content select=\"[slot=structure-list-actions]\"></ng-content>\n </div>\n\n <div id=\"listCard\" class=\"listCard\" (mouseleave)=\"displayMapMarkerId.emit('')\">\n <ng-content select=\"[slot=structure-list-elements]\"></ng-content>\n <p *ngIf=\"structureList && structureList.length <= 0\">Il n'y a aucune r\u00E9ponse correspondant \u00E0 votre recherche</p>\n </div>\n</div>\n<ng-content></ng-content>\n", styles: [".ico-mglass{position:relative;display:inline-block;background:transparent;border-radius:30px;border:2px solid #333333;height:12px;width:12px;min-width:12px;max-width:12px}.ico-mglass:after{content:\"\";height:2px;width:8px;background:#333333;position:absolute;top:14px;left:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.ico-pin{width:20px;height:20px;max-width:20px;max-height:20px;border-radius:50% 50% 50% 0;background:transparent;transform:rotate(-45deg);left:50%;top:50%;margin:-4px 0 0}.ico-pin.after{content:\"\";width:14px;height:14px;margin:8px 0 0 8px;background:transparent;border-radius:50%}.ico-pin-search{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background-color:#696969}.ico-pin-search:before{content:\"\";position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:4px;background-color:#fff}.ico-dot-available{height:12px;width:12px;background-color:#41c29c;border-radius:50%;margin-right:8px}.ico-dot-unavailable{height:12px;width:12px;background-color:#da3635;border-radius:50%;margin-right:8px}.ico-dot-unknown{height:12px;width:12px;background-color:#bdbdbd;border-radius:50%;margin-right:8px}.ico-marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#da3635;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px}.ico-marker-pin.selected{background:#da3635}.ico-marker-pin:after{content:\"\";width:10px;height:10px;margin:10px 0 0 10px;background:#fff;position:absolute;border-radius:50%}.ico-marker-pin-sm{width:18px;height:18px;border-radius:50% 50% 50% 0;background:#696969;transform:rotate(-45deg);margin:0 4px}.ico-marker-pin-sm.absolute{position:absolute;margin:0}.ico-marker-pin-sm:after{content:\"\";width:7px;height:7px;margin:6px 0 0 5px;background:#f8f8f8;position:absolute;border-radius:50%}.ico-profile .head{width:12px;height:12px;border-radius:25px;border:2px solid #333333}.ico-profile .body{width:28px;height:10px;border-radius:20px 20px 0 0;border-top:2px solid #333333;border-right:2px solid #333333;border-left:2px solid #333333}.ico-close .mdiv{height:10px;width:2px;margin-left:5px;background-color:#696969;transform:rotate(45deg);z-index:1}.ico-close .md{height:10px;width:2px;background-color:#696969;transform:rotate(90deg);z-index:2}.ico-close-search{width:16px;height:16px;display:inline-block;vertical-align:middle}.ico-close-search:before{transform:rotate(45deg)}.ico-close-search:after{transform:rotate(-45deg)}.ico-close-search:before,.ico-close-search:after{position:absolute;content:\"\";height:16px;width:2px;background-color:#bdbdbd}.ic-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px}.ic-arrow-left:after,.ic-arrow-left:before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.ic-arrow-left:after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.ic-arrow-left:before{width:16px;height:2px;bottom:10px;background:currentColor}.ic-print{width:.68em;height:1em;border-style:solid;border-color:currentcolor;background-color:transparent;border-width:.07em;border-radius:.05em;margin:0 .16em}.ic-print:before{width:1em;height:.4em;border-width:.07em .21em 0;border-style:solid;border-color:currentColor currentcolor transparent;border-radius:.05em .05em 0 0;top:.25em;left:50%;transform:translate(-50%);background-image:linear-gradient(transparent 20%,currentcolor 20%,currentcolor 60%,transparent 60%)}.ic-print:after{width:.45em;height:.065em;background-color:currentColor;left:50%;transform:translate(-50%);top:.6em;box-shadow:0 .12em,-.1em -.28em 0 .05em}.ic-mail,.ic-mail:after{display:block;box-sizing:border-box;height:14px;border:2px solid}.ic-mail{color:#4f4f4f;overflow:hidden;transform:scale(var(--ggs, 1));position:absolute;width:18px;border-radius:2px}.ic-mail:after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}.ic-phone{color:#4f4f4f;box-sizing:border-box;position:absolute;display:block;width:22px;height:22px;transform:scale(var(--ggs, 1))}.ic-phone:after,.ic-phone:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-phone:after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0/4px 6px}.ic-phone:before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}.ic-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:16px;height:24px;border:2px solid;border-radius:10px}.ic-mouse:after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}.ic-wifi{color:#000;position:absolute;margin-left:7px;margin-top:13px;width:6px;height:6px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:before{content:\"\";position:absolute;left:-5px;top:-5px;width:14px;height:14px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:after{content:\"\";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-screen{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.ic-screen:after,.ic-screen:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.ic-screen:before{width:2px;height:6px;top:10px;left:8px}.ic-globe-alt,.ic-globe-alt:after,.ic-globe-alt:before{color:#4f4f4f;display:block;box-sizing:border-box;height:18px;border:2px solid}.ic-globe-alt{position:absolute;transform:scale(var(--ggs, 1));width:18px;border-radius:22px}.ic-globe-alt:after,.ic-globe-alt:before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.ic-globe-alt:after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}.ic-camera{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.ic-camera:after,.ic-camera:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-camera:before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.ic-camera:after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}.ic-calendar-today{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.ic-calendar-today:before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}.ic-user{display:block;position:absolute;transform:scale(var(--ggs, 1));box-sizing:border-box;width:12px;height:18px}.ic-user:after,.ic-user:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.ic-user:before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.ic-user:after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}.ico-close-details{width:44px;height:44px;border-radius:44px;display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer}.ico-close-details:before,.ico-close-details:after{content:\"\";width:24px;height:2px;background-color:#333;position:absolute;border-radius:1px}.ico-close-details:hover{background-color:#f4f4f4}.ico-close-details:before{transform:rotate(45deg)}.ico-close-details:after{transform:rotate(-45deg)}.ico-menu,.ico-menu:before,.ico-menu:after{cursor:pointer;border-radius:1px;height:2px;width:23px;background:#000000;position:absolute;display:block;content:\"\"}.ico-menu:before{top:-6px}.ico-menu:after{bottom:-6px}.ico-gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs, 1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.ico-gg-eye-alt:after,.ico-gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.ico-gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px #696969,inset 0 0 0 2px #696969;width:24px;height:24px}.ico-gg-eye-alt:before{width:8px;height:8px;border:2px solid #696969;bottom:4px;left:8px;background-color:#696969}.ico-gg-add{box-sizing:border-box;position:relative;display:block;color:#47c562;width:32px;height:32px}.ico-gg-add:after,.ico-gg-add:before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;border-radius:5px;top:8px;left:0px}.ico-gg-add:after{width:2px;height:14px;top:2px;left:6px}.gg-eye-alt{position:relative;display:block;width:18px;height:12px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt:after,.gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:18px;height:18px}.gg-eye-alt:before{width:2px;height:2px;border:2px solid black;bottom:3px;left:7px;background-color:#000}.ico-gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px;border:1px solid transparent;border-radius:100px;color:#fff}.ico-gg-check:after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:5px;top:-3px;width:7px;height:12px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);color:#fff}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}.btn-primary{background:#da3635;border-radius:4px;outline:none;cursor:pointer;color:#fff;height:40px;width:192px;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1em;line-height:18px;stroke:#fff;border:1px solid #333333}.btn-primary.small{width:149px}.btn-primary.invalid{opacity:.4}.btn-primary:focus{background:white;color:#da3635;border:1px solid #da3635;stroke:#da3635}.btn-grid{display:inline-flex;flex-wrap:wrap;gap:8px}.tags-cloud{font-style:normal;justify-content:center;align-items:center;height:28px;border-radius:20px;padding:5px 15px;color:#fff;border-style:none;margin-top:5px;background:#333333}.tags-cloud.unchecked{background:#bdbdbd}.structureList-container{overflow-y:auto;scrollbar-gutter:stable}.listCard>p{margin-left:1rem}.structureListHeader{height:50px;display:flex;flex-direction:row;align-items:center;margin:8px 16px}.structureListHeader .nbStructuresLabel{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.875em;color:#696969;flex:1}::ng-deep .structure-card:last-child .structure{border-bottom:unset!important}.structureList-details{position:absolute;top:0;left:0;height:100%;width:inherit}@media print{.listCard{display:none}.hide-on-print{display:none!important}}\n"] }]
}], propDecorators: { structureList: [{
type: Input
}], displayMapMarkerId: [{
type: Output
}] } });
class LieuxMediationNumeriqueItemComponent {
constructor() {
this.isSelected = false;
this.isOrientation = false;
this.isClaimed = true;
this.showDetails = new EventEmitter();
this.addToList = new EventEmitter();
this.hover = new EventEmitter();
}
}
LieuxMediationNumeriqueItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LieuxMediationNumeriqueItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LieuxMediationNumeriqueItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: LieuxMediationNumeriqueItemComponent, selector: "fr-lieux-mediation-numerique-item", inputs: { structure: "structure", isSelected: "isSelected", isOrientation: "isOrientation", isClaimed: "isClaimed" }, outputs: { showDetails: "showDetails", addToList: "addToList", hover: "hover" }, ngImport: i0, template: "<div\n class=\"structure\"\n fxLayout=\"column\"\n (click)=\"showDetails.emit(structure)\"\n (mouseenter)=\"hover.emit(structure)\"\n [ngClass]=\"{ orientation: isOrientation }\">\n <div class=\"left\">\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between baseline\" fxLayoutGap=\"16px\">\n <div fxLayout=\"column\" fxLayoutAlign=\"end\">\n <span class=\"structure-name\" [ngClass]=\"{ notClaimed: !isClaimed }\">{{ structure.structureName }}</span>\n <span class=\"typeStructure\">{{ structure.getLabelTypeStructure() }}</span>\n </div>\n <div *ngIf=\"!isOrientation\" fxLayout=\"column\" fxLayoutAlign=\"none end\">\n <div class=\"distanceStructure\">\n {{ structure.address.commune }}\n </div>\n <div class=\"distance\" *ngIf=\"structure.distance\">\n {{ structure.distance | distance }}\n </div>\n </div>\n </div>\n <div class=\"distance\" *ngIf=\"isOrientation && structure.distance\">\n {{ structure.distance | distance }}\n </div>\n </div>\n <div class=\"actions right\" *ngIf=\"isOrientation\">\n <div\n fxLayout=\"row\"\n *ngIf=\"!isSelected\"\n class=\"selection-button selected\"\n (click)=\"addToList.emit(structure); $event.stopPropagation()\">\n <app-svg-icon class=\"add-icon\" [type]=\"'ico'\" [icon]=\"'add'\" [iconColor]=\"'green'\"></app-svg-icon>\n Ajouter\n </div>\n <div\n fxLayout=\"row\"\n *ngIf=\"isSelected\"\n class=\"selection-button to-select\"\n (click)=\"addToList.emit(structure); $event.stopPropagation()\">\n <app-svg-icon class=\"add-icon\" [type]=\"'ico'\" [icon]=\"'validate'\" [iconColor]=\"'white'\"></app-svg-icon>\n Ajout\u00E9\n </div>\n </div>\n</div>\n", styles: [".ico-mglass{position:relative;display:inline-block;background:transparent;border-radius:30px;border:2px solid #333333;height:12px;width:12px;min-width:12px;max-width:12px}.ico-mglass:after{content:\"\";height:2px;width:8px;background:#333333;position:absolute;top:14px;left:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.ico-pin{width:20px;height:20px;max-width:20px;max-height:20px;border-radius:50% 50% 50% 0;background:transparent;transform:rotate(-45deg);left:50%;top:50%;margin:-4px 0 0}.ico-pin.after{content:\"\";width:14px;height:14px;margin:8px 0 0 8px;background:transparent;border-radius:50%}.ico-pin-search{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background-color:#696969}.ico-pin-search:before{content:\"\";position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:4px;background-color:#fff}.ico-dot-available{height:12px;width:12px;background-color:#41c29c;border-radius:50%;margin-right:8px}.ico-dot-unavailable{height:12px;width:12px;background-color:#da3635;border-radius:50%;margin-right:8px}.ico-dot-unknown{height:12px;width:12px;background-color:#bdbdbd;border-radius:50%;margin-right:8px}.ico-marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#da3635;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px}.ico-marker-pin.selected{background:#da3635}.ico-marker-pin:after{content:\"\";width:10px;height:10px;margin:10px 0 0 10px;background:#fff;position:absolute;border-radius:50%}.ico-marker-pin-sm{width:18px;height:18px;border-radius:50% 50% 50% 0;background:#696969;transform:rotate(-45deg);margin:0 4px}.ico-marker-pin-sm.absolute{position:absolute;margin:0}.ico-marker-pin-sm:after{content:\"\";width:7px;height:7px;margin:6px 0 0 5px;background:#f8f8f8;position:absolute;border-radius:50%}.ico-profile .head{width:12px;height:12px;border-radius:25px;border:2px solid #333333}.ico-profile .body{width:28px;height:10px;border-radius:20px 20px 0 0;border-top:2px solid #333333;border-right:2px solid #333333;border-left:2px solid #333333}.ico-close .mdiv{height:10px;width:2px;margin-left:5px;background-color:#696969;transform:rotate(45deg);z-index:1}.ico-close .md{height:10px;width:2px;background-color:#696969;transform:rotate(90deg);z-index:2}.ico-close-search{width:16px;height:16px;display:inline-block;vertical-align:middle}.ico-close-search:before{transform:rotate(45deg)}.ico-close-search:after{transform:rotate(-45deg)}.ico-close-search:before,.ico-close-search:after{position:absolute;content:\"\";height:16px;width:2px;background-color:#bdbdbd}.ic-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px}.ic-arrow-left:after,.ic-arrow-left:before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.ic-arrow-left:after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.ic-arrow-left:before{width:16px;height:2px;bottom:10px;background:currentColor}.ic-print{width:.68em;height:1em;border-style:solid;border-color:currentcolor;background-color:transparent;border-width:.07em;border-radius:.05em;margin:0 .16em}.ic-print:before{width:1em;height:.4em;border-width:.07em .21em 0;border-style:solid;border-color:currentColor currentcolor transparent;border-radius:.05em .05em 0 0;top:.25em;left:50%;transform:translate(-50%);background-image:linear-gradient(transparent 20%,currentcolor 20%,currentcolor 60%,transparent 60%)}.ic-print:after{width:.45em;height:.065em;background-color:currentColor;left:50%;transform:translate(-50%);top:.6em;box-shadow:0 .12em,-.1em -.28em 0 .05em}.ic-mail,.ic-mail:after{display:block;box-sizing:border-box;height:14px;border:2px solid}.ic-mail{color:#4f4f4f;overflow:hidden;transform:scale(var(--ggs, 1));position:absolute;width:18px;border-radius:2px}.ic-mail:after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}.ic-phone{color:#4f4f4f;box-sizing:border-box;position:absolute;display:block;width:22px;height:22px;transform:scale(var(--ggs, 1))}.ic-phone:after,.ic-phone:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-phone:after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0/4px 6px}.ic-phone:before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}.ic-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:16px;height:24px;border:2px solid;border-radius:10px}.ic-mouse:after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}.ic-wifi{color:#000;position:absolute;margin-left:7px;margin-top:13px;width:6px;height:6px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:before{content:\"\";position:absolute;left:-5px;top:-5px;width:14px;height:14px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:after{content:\"\";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-screen{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.ic-screen:after,.ic-screen:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.ic-screen:before{width:2px;height:6px;top:10px;left:8px}.ic-globe-alt,.ic-globe-alt:after,.ic-globe-alt:before{color:#4f4f4f;display:block;box-sizing:border-box;height:18px;border:2px solid}.ic-globe-alt{position:absolute;transform:scale(var(--ggs, 1));width:18px;border-radius:22px}.ic-globe-alt:after,.ic-globe-alt:before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.ic-globe-alt:after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}.ic-camera{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.ic-camera:after,.ic-camera:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-camera:before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.ic-camera:after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}.ic-calendar-today{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.ic-calendar-today:before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}.ic-user{display:block;position:absolute;transform:scale(var(--ggs, 1));box-sizing:border-box;width:12px;height:18px}.ic-user:after,.ic-user:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.ic-user:before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.ic-user:after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}.ico-close-details{width:44px;height:44px;border-radius:44px;display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer}.ico-close-details:before,.ico-close-details:after{content:\"\";width:24px;height:2px;background-color:#333;position:absolute;border-radius:1px}.ico-close-details:hover{background-color:#f4f4f4}.ico-close-details:before{transform:rotate(45deg)}.ico-close-details:after{transform:rotate(-45deg)}.ico-menu,.ico-menu:before,.ico-menu:after{cursor:pointer;border-radius:1px;height:2px;width:23px;background:#000000;position:absolute;display:block;content:\"\"}.ico-menu:before{top:-6px}.ico-menu:after{bottom:-6px}.ico-gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs, 1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.ico-gg-eye-alt:after,.ico-gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.ico-gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px #696969,inset 0 0 0 2px #696969;width:24px;height:24px}.ico-gg-eye-alt:before{width:8px;height:8px;border:2px solid #696969;bottom:4px;left:8px;background-color:#696969}.ico-gg-add{box-sizing:border-box;position:relative;display:block;color:#47c562;width:32px;height:32px}.ico-gg-add:after,.ico-gg-add:before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;border-radius:5px;top:8px;left:0px}.ico-gg-add:after{width:2px;height:14px;top:2px;left:6px}.gg-eye-alt{position:relative;display:block;width:18px;height:12px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt:after,.gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:18px;height:18px}.gg-eye-alt:before{width:2px;height:2px;border:2px solid black;bottom:3px;left:7px;background-color:#000}.ico-gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px;border:1px solid transparent;border-radius:100px;color:#fff}.ico-gg-check:after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:5px;top:-3px;width:7px;height:12px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);color:#fff}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}.structure{padding:12px 24px;border-bottom:1px solid #f8f8f8!important;min-height:110px;display:flex;justify-content:center;cursor:pointer}@media only screen and (max-width : 600px){.structure{height:unset}}.structure .typeStructure{color:#696969;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;font-style:italic}.structure:hover .structure-name{text-decoration:underline}.structure .structure-name{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1.125em;color:#333;padding-bottom:5px;width:100%}.structure .structure-name.notClaimed{color:#da3635}.structure .distanceStructure{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;color:#696969;text-align:right}.selection-button{font-style:normal;font-weight:700;justify-content:center;align-items:center;min-width:120px;height:40px;border-radius:20px}.selected{border:solid 1px #696969;background-color:#fff;color:#000}.to-select{color:#fff;border-style:none;background:#47c562}.distance{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.875em;color:#696969}.add-icon{color:#47c562}.orientation{flex-direction:row!important}.orientation .left{display:flex;flex-direction:column;justify-content:space-between;width:70%}.orientation .right{margin-top:6%}@media only screen and (max-width : 600px){.orientation .right{margin-left:unset}}\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: "pipe", type: i3.DistancePipe, name: "distance" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: LieuxMediationNumeriqueItemComponent, decorators: [{
type: Component,
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'fr-lieux-mediation-numerique-item', template: "<div\n class=\"structure\"\n fxLayout=\"column\"\n (click)=\"showDetails.emit(structure)\"\n (mouseenter)=\"hover.emit(structure)\"\n [ngClass]=\"{ orientation: isOrientation }\">\n <div class=\"left\">\n <div fxLayout=\"row\" fxLayoutAlign=\"space-between baseline\" fxLayoutGap=\"16px\">\n <div fxLayout=\"column\" fxLayoutAlign=\"end\">\n <span class=\"structure-name\" [ngClass]=\"{ notClaimed: !isClaimed }\">{{ structure.structureName }}</span>\n <span class=\"typeStructure\">{{ structure.getLabelTypeStructure() }}</span>\n </div>\n <div *ngIf=\"!isOrientation\" fxLayout=\"column\" fxLayoutAlign=\"none end\">\n <div class=\"distanceStructure\">\n {{ structure.address.commune }}\n </div>\n <div class=\"distance\" *ngIf=\"structure.distance\">\n {{ structure.distance | distance }}\n </div>\n </div>\n </div>\n <div class=\"distance\" *ngIf=\"isOrientation && structure.distance\">\n {{ structure.distance | distance }}\n </div>\n </div>\n <div class=\"actions right\" *ngIf=\"isOrientation\">\n <div\n fxLayout=\"row\"\n *ngIf=\"!isSelected\"\n class=\"selection-button selected\"\n (click)=\"addToList.emit(structure); $event.stopPropagation()\">\n <app-svg-icon class=\"add-icon\" [type]=\"'ico'\" [icon]=\"'add'\" [iconColor]=\"'green'\"></app-svg-icon>\n Ajouter\n </div>\n <div\n fxLayout=\"row\"\n *ngIf=\"isSelected\"\n class=\"selection-button to-select\"\n (click)=\"addToList.emit(structure); $event.stopPropagation()\">\n <app-svg-icon class=\"add-icon\" [type]=\"'ico'\" [icon]=\"'validate'\" [iconColor]=\"'white'\"></app-svg-icon>\n Ajout\u00E9\n </div>\n </div>\n</div>\n", styles: [".ico-mglass{position:relative;display:inline-block;background:transparent;border-radius:30px;border:2px solid #333333;height:12px;width:12px;min-width:12px;max-width:12px}.ico-mglass:after{content:\"\";height:2px;width:8px;background:#333333;position:absolute;top:14px;left:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.ico-pin{width:20px;height:20px;max-width:20px;max-height:20px;border-radius:50% 50% 50% 0;background:transparent;transform:rotate(-45deg);left:50%;top:50%;margin:-4px 0 0}.ico-pin.after{content:\"\";width:14px;height:14px;margin:8px 0 0 8px;background:transparent;border-radius:50%}.ico-pin-search{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background-color:#696969}.ico-pin-search:before{content:\"\";position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:4px;background-color:#fff}.ico-dot-available{height:12px;width:12px;background-color:#41c29c;border-radius:50%;margin-right:8px}.ico-dot-unavailable{height:12px;width:12px;background-color:#da3635;border-radius:50%;margin-right:8px}.ico-dot-unknown{height:12px;width:12px;background-color:#bdbdbd;border-radius:50%;margin-right:8px}.ico-marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#da3635;position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-15px 0 0 -15px}.ico-marker-pin.selected{background:#da3635}.ico-marker-pin:after{content:\"\";width:10px;height:10px;margin:10px 0 0 10px;background:#fff;position:absolute;border-radius:50%}.ico-marker-pin-sm{width:18px;height:18px;border-radius:50% 50% 50% 0;background:#696969;transform:rotate(-45deg);margin:0 4px}.ico-marker-pin-sm.absolute{position:absolute;margin:0}.ico-marker-pin-sm:after{content:\"\";width:7px;height:7px;margin:6px 0 0 5px;background:#f8f8f8;position:absolute;border-radius:50%}.ico-profile .head{width:12px;height:12px;border-radius:25px;border:2px solid #333333}.ico-profile .body{width:28px;height:10px;border-radius:20px 20px 0 0;border-top:2px solid #333333;border-right:2px solid #333333;border-left:2px solid #333333}.ico-close .mdiv{height:10px;width:2px;margin-left:5px;background-color:#696969;transform:rotate(45deg);z-index:1}.ico-close .md{height:10px;width:2px;background-color:#696969;transform:rotate(90deg);z-index:2}.ico-close-search{width:16px;height:16px;display:inline-block;vertical-align:middle}.ico-close-search:before{transform:rotate(45deg)}.ico-close-search:after{transform:rotate(-45deg)}.ico-close-search:before,.ico-close-search:after{position:absolute;content:\"\";height:16px;width:2px;background-color:#bdbdbd}.ic-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px}.ic-arrow-left:after,.ic-arrow-left:before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.ic-arrow-left:after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.ic-arrow-left:before{width:16px;height:2px;bottom:10px;background:currentColor}.ic-print{width:.68em;height:1em;border-style:solid;border-color:currentcolor;background-color:transparent;border-width:.07em;border-radius:.05em;margin:0 .16em}.ic-print:before{width:1em;height:.4em;border-width:.07em .21em 0;border-style:solid;border-color:currentColor currentcolor transparent;border-radius:.05em .05em 0 0;top:.25em;left:50%;transform:translate(-50%);background-image:linear-gradient(transparent 20%,currentcolor 20%,currentcolor 60%,transparent 60%)}.ic-print:after{width:.45em;height:.065em;background-color:currentColor;left:50%;transform:translate(-50%);top:.6em;box-shadow:0 .12em,-.1em -.28em 0 .05em}.ic-mail,.ic-mail:after{display:block;box-sizing:border-box;height:14px;border:2px solid}.ic-mail{color:#4f4f4f;overflow:hidden;transform:scale(var(--ggs, 1));position:absolute;width:18px;border-radius:2px}.ic-mail:after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}.ic-phone{color:#4f4f4f;box-sizing:border-box;position:absolute;display:block;width:22px;height:22px;transform:scale(var(--ggs, 1))}.ic-phone:after,.ic-phone:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-phone:after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0/4px 6px}.ic-phone:before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}.ic-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:16px;height:24px;border:2px solid;border-radius:10px}.ic-mouse:after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}.ic-wifi{color:#000;position:absolute;margin-left:7px;margin-top:13px;width:6px;height:6px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:before{content:\"\";position:absolute;left:-5px;top:-5px;width:14px;height:14px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-wifi:after{content:\"\";position:absolute;left:-9px;top:-9px;width:22px;height:22px;border-radius:50%;border-top:solid 1px currentColor;border-right:solid 1px transparent;border-bottom:solid 1px transparent;border-left:solid 1px transparent}.ic-screen{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.ic-screen:after,.ic-screen:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.ic-screen:before{width:2px;height:6px;top:10px;left:8px}.ic-globe-alt,.ic-globe-alt:after,.ic-globe-alt:before{color:#4f4f4f;display:block;box-sizing:border-box;height:18px;border:2px solid}.ic-globe-alt{position:absolute;transform:scale(var(--ggs, 1));width:18px;border-radius:22px}.ic-globe-alt:after,.ic-globe-alt:before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.ic-globe-alt:after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}.ic-camera{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.ic-camera:after,.ic-camera:before{content:\"\";display:block;box-sizing:border-box;position:absolute}.ic-camera:before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.ic-camera:after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}.ic-calendar-today{box-sizing:border-box;position:absolute;display:block;transform:scale(var(--ggs, 1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.ic-calendar-today:before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}.ic-user{display:block;position:absolute;transform:scale(var(--ggs, 1));box-sizing:border-box;width:12px;height:18px}.ic-user:after,.ic-user:before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.ic-user:before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.ic-user:after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}.ico-close-details{width:44px;height:44px;border-radius:44px;display:flex;justify-content:center;align-items:center;opacity:.8;cursor:pointer}.ico-close-details:before,.ico-close-details:after{content:\"\";width:24px;height:2px;background-color:#333;position:absolute;border-radius:1px}.ico-close-details:hover{background-color:#f4f4f4}.ico-close-details:before{transform:rotate(45deg)}.ico-close-details:after{transform:rotate(-45deg)}.ico-menu,.ico-menu:before,.ico-menu:after{cursor:pointer;border-radius:1px;height:2px;width:23px;background:#000000;position:absolute;display:block;content:\"\"}.ico-menu:before{top:-6px}.ico-menu:after{bottom:-6px}.ico-gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs, 1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.ico-gg-eye-alt:after,.ico-gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.ico-gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px #696969,inset 0 0 0 2px #696969;width:24px;height:24px}.ico-gg-eye-alt:before{width:8px;height:8px;border:2px solid #696969;bottom:4px;left:8px;background-color:#696969}.ico-gg-add{box-sizing:border-box;position:relative;display:block;color:#47c562;width:32px;height:32px}.ico-gg-add:after,.ico-gg-add:before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;border-radius:5px;top:8px;left:0px}.ico-gg-add:after{width:2px;height:14px;top:2px;left:6px}.gg-eye-alt{position:relative;display:block;width:18px;height:12px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt:after,.gg-eye-alt:before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt:after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:18px;height:18px}.gg-eye-alt:before{width:2px;height:2px;border:2px solid black;bottom:3px;left:7px;background-color:#000}.ico-gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs, 1));width:22px;height:22px;border:1px solid transparent;border-radius:100px;color:#fff}.ico-gg-check:after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:5px;top:-3px;width:7px;height:12px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg);color:#fff}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}.structure{padding:12px 24px;border-bottom:1px solid #f8f8f8!important;min-height:110px;display:flex;justify-content:center;cursor:pointer}@media only screen and (max-width : 600px){.structure{height:unset}}.structure .typeStructure{color:#696969;font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;font-style:italic}.structure:hover .structure-name{text-decoration:underline}.structure .structure-name{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:700;font-size:1.125em;color:#333;padding-bottom:5px;width:100%}.structure .structure-name.notClaimed{color:#da3635}.structure .distanceStructure{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:1em;color:#696969;text-align:right}.selection-button{font-style:normal;font-weight:700;justify-content:center;align-items:center;min-width:120px;height:40px;border-radius:20px}.selected{border:solid 1px #696969;background-color:#fff;color:#000}.to-select{color:#fff;border-style:none;background:#47c562}.distance{font-family:Lato,Helvetica,sans-serif;font-style:normal;font-weight:400;font-size:.875em;color:#696969}.add-icon{color:#47c562}.orientation{flex-direction:row!important}.orientation .left{display:flex;flex-direction:column;justify-content:space-between;width:70%}.orientation .right{margin-top:6%}@media only screen and (max-width : 600px){.orientation .right{margin-left:unset}}\n"] }]
}], propDecorators: { structure: [{
type: Input
}], isSelected: [{
type: Input
}], isOrientation: [{
type: Input
}], isClaimed: [{
type: Input
}], showDetails: [{
type: Output
}], addToList: [{
type: Output
}], hover: [{
type: Output
}] } });
class UiLieuxMediationNumeriqueModule {
}
UiLieuxMediationNumeriqueModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UiLieuxMediationNumeriqueModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
UiLieuxMediationNumeriqueModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: UiLieuxMediationNumeriqueModule, declarations: [LieuxMediationNumeriqueItemComponent, LieuxMediationNumeriqueListComponent], imports: [CommonModule, FlexModule, DistanceModule], exports: [LieuxMediationNumeriqueItemComponent, LieuxMediationNumeriqueListComponent] });
UiLieuxMediationNumeriqueModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UiLieuxMediationNumeriqueModule, imports: [CommonModule, FlexModule, DistanceModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: UiLieuxMediationNumeriqueModule, decorators: [{
type: NgModule,
args: [{
declarations: [LieuxMediationNumeriqueItemComponent, LieuxMediationNumeriqueListComponent],
exports: [LieuxMediationNumeriqueItemComponent, LieuxMediationNumeriqueListComponent],
imports: [CommonModule, FlexModule, DistanceModule]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { LieuxMediationNumeriqueItemComponent, LieuxMediationNumeriqueListComponent, UiLieuxMediationNumeriqueModule };
//# sourceMappingURL=gouvfr-anct-mediation-numerique-ui.mjs.map