{"version":3,"file":"edugouvfr-ngx-dsfr.mjs","sources":["../../../projects/ngx-dsfr-components/src/lib/shared/utils/dom-utils.ts","../../../projects/ngx-dsfr-components/src/lib/components/download/dsfr-mime.type.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/file-utils.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/json-utils.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/ssr-utils.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/local-storage.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/storage-enum.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/string-utils.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/uuid-utils.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/default-value-accessor.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/default-control.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/heading/heading.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/heading/heading.component.html","../../../projects/ngx-dsfr-components/src/lib/shared/components/heading/heading.module.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/heading-level.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/position.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/severity.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/size.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/text-size.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/button.model.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/link-target.model.ts","../../../projects/ngx-dsfr-components/src/lib/shared/models/index.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/link-download/link-download.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/link-download/link-download.component.html","../../../projects/ngx-dsfr-components/src/lib/shared/components/input-group/input-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/input-group/input-group.component.html","../../../projects/ngx-dsfr-components/src/lib/shared/components/pictogram/pictogram.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/pictogram/pictogram.component.html","../../../projects/ngx-dsfr-components/src/lib/shared/components/pictogram/pictogram.module.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/svg-icon/svg-icon.component.ts","../../../projects/ngx-dsfr-components/src/lib/shared/components/svg-icon/svg-icon.module.ts","../../../projects/ngx-dsfr-components/src/lib/shared/config/config-token.ts","../../../projects/ngx-dsfr-components/src/lib/shared/config/config.module.ts","../../../projects/ngx-dsfr-components/src/lib/shared/directives/watch-attr.directive.ts","../../../projects/ngx-dsfr-components/src/lib/shared/properties/messages.en.ts","../../../projects/ngx-dsfr-components/src/lib/shared/properties/messages.fr.ts","../../../projects/ngx-dsfr-components/src/lib/shared/services/config.service.ts","../../../projects/ngx-dsfr-components/src/lib/shared/services/logger.service.ts","../../../projects/ngx-dsfr-components/src/lib/shared/services/lang.service.ts","../../../projects/ngx-dsfr-components/src/lib/shared/services/base-i18n.service.ts","../../../projects/ngx-dsfr-components/src/lib/shared/services/i18n.service.ts","../../../projects/ngx-dsfr-components/src/lib/components/accordion/accordion.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/accordion/accordion.component.html","../../../projects/ngx-dsfr-components/src/lib/components/accordion/accordion.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/accordions-group/accordions-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/accordions-group/accordions-group.component.html","../../../projects/ngx-dsfr-components/src/lib/components/accordions-group/accordions-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/alert/alert.size.ts","../../../projects/ngx-dsfr-components/src/lib/components/alert/alert.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/alert/alert.component.html","../../../projects/ngx-dsfr-components/src/lib/components/alert/alert.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/backtotop/backtotop.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/backtotop/backtotop.component.html","../../../projects/ngx-dsfr-components/src/lib/components/backtotop/backtotop.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/badge/badge.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/badge/badge.component.html","../../../projects/ngx-dsfr-components/src/lib/components/badge/badge.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/badge/badges.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/badges-group/badges-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/badges-group/badges-group.component.html","../../../projects/ngx-dsfr-components/src/lib/components/badges-group/badges-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/link/link.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/link/link.component.html","../../../projects/ngx-dsfr-components/src/lib/components/link/item-link.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/breadcrumb/breadcrumb.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/breadcrumb/breadcrumb.component.html","../../../projects/ngx-dsfr-components/src/lib/components/breadcrumb/breadcrumb.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/button/button.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/button/button.component.html","../../../projects/ngx-dsfr-components/src/lib/components/button/button.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/buttons-group/buttons-group.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/buttons-group/buttons-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/buttons-group/buttons-group.component.html","../../../projects/ngx-dsfr-components/src/lib/components/buttons-group/buttons-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/callout/callout.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/callout/callout.component.html","../../../projects/ngx-dsfr-components/src/lib/components/callout/callout.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/link/link.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/tag/tag.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/tag/tag.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tag/tag.component.html","../../../projects/ngx-dsfr-components/src/lib/components/tag/tag.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/tags-group/tags-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tags-group/tags-group.component.html","../../../projects/ngx-dsfr-components/src/lib/components/tags-group/tags-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/card/base-panel.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/card/base-panel.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/card/card.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/card/card.component.html","../../../projects/ngx-dsfr-components/src/lib/components/card/card.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/card/card.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-manager/consent-service/consent-service.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-manager/consent-service/consent-service.component.html","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-manager/consent-manager.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-manager/consent-manager.component.html","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-banner.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-banner.component.html","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-manager/consent-manager.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/consent-banner/consent-banner.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/transcription/transcription.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/transcription/transcription.component.html","../../../projects/ngx-dsfr-components/src/lib/components/content/content.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/content/content.component.html","../../../projects/ngx-dsfr-components/src/lib/components/content/content.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/content/media.ts","../../../projects/ngx-dsfr-components/src/lib/components/display/display.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/display/display.component.html","../../../projects/ngx-dsfr-components/src/lib/components/display/display.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/download/download-variant.ts","../../../projects/ngx-dsfr-components/src/lib/components/download/download.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/download/download.component.html","../../../projects/ngx-dsfr-components/src/lib/components/download/download.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/downloads-group/downloads-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/downloads-group/downloads-group.component.html","../../../projects/ngx-dsfr-components/src/lib/components/downloads-group/downloads-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/footer/footer.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/footer/footer.component.html","../../../projects/ngx-dsfr-components/src/lib/components/footer/footer.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/franceconnect/franceconnect.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/franceconnect/franceconnect.component.html","../../../projects/ngx-dsfr-components/src/lib/components/search-bar/search-bar.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/search-bar/search-bar.component.html","../../../projects/ngx-dsfr-components/src/lib/components/search-bar/search-bar.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/translate/translate.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/translate/translate.component.html","../../../projects/ngx-dsfr-components/src/lib/components/translate/translate.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/header/mega-menu/mega-menu.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/header/mega-menu/mega-menu.component.html","../../../projects/ngx-dsfr-components/src/lib/components/header/header.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/header/header.component.html","../../../projects/ngx-dsfr-components/src/lib/components/header/header.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/highlight/highlight.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/highlight/highlight.component.html","../../../projects/ngx-dsfr-components/src/lib/components/highlight/highlight.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/logo/logo.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/logo/logo.component.html","../../../projects/ngx-dsfr-components/src/lib/components/logo/logo.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/modal/modal.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/modal/modal.component.html","../../../projects/ngx-dsfr-components/src/lib/components/modal/modal.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/notice/notice.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/notice/notice.component.html","../../../projects/ngx-dsfr-components/src/lib/components/notice/notice.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/pagination/page-link.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/pagination/page-link.component.html","../../../projects/ngx-dsfr-components/src/lib/components/pagination/pagination-calc.ts","../../../projects/ngx-dsfr-components/src/lib/components/pagination/pagination.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/pagination/pagination.component.html","../../../projects/ngx-dsfr-components/src/lib/components/pagination/previous-page/previous-page.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/pagination/previous-page/previous-page.component.html","../../../projects/ngx-dsfr-components/src/lib/components/pagination/pagination.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/quote/quote.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/quote/quote.component.html","../../../projects/ngx-dsfr-components/src/lib/components/quote/quote.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/range/range.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/range/range.component.html","../../../projects/ngx-dsfr-components/src/lib/components/segmented-control/segmented-control.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/segmented-control/segmented-control.component.html","../../../projects/ngx-dsfr-components/src/lib/components/segmented-control/segmented-control.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/share/share.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/share/share-link/share-link.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/share/share-link/share-link.component.html","../../../projects/ngx-dsfr-components/src/lib/components/share/share.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/share/share.component.html","../../../projects/ngx-dsfr-components/src/lib/components/share/share.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/sidemenu/sidemenu.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/sidemenu/sidemenu.component.html","../../../projects/ngx-dsfr-components/src/lib/components/sidemenu/sidemenu.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/skiplinks/skiplinks.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/skiplinks/skiplinks.component.html","../../../projects/ngx-dsfr-components/src/lib/components/skiplinks/skiplinks.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/stepper/stepper.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/stepper/stepper.component.html","../../../projects/ngx-dsfr-components/src/lib/components/stepper/stepper.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/summary/summary.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/summary/summary.component.html","../../../projects/ngx-dsfr-components/src/lib/components/summary/summary.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/table/data-table.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/table/table.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/table/table.component.html","../../../projects/ngx-dsfr-components/src/lib/components/table/table.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tabs.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tab.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tab.component.html","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tabs.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tabs.component.html","../../../projects/ngx-dsfr-components/src/lib/components/tabs/tabs.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/tile/tile.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tile/tile.component.html","../../../projects/ngx-dsfr-components/src/lib/components/tile/tile.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/tooltip/tooltip.directive.ts","../../../projects/ngx-dsfr-components/src/lib/components/tooltip/tooltip-button.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/tooltip/tooltip-button.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/fieldset/form-fieldset-element.directive.ts","../../../projects/ngx-dsfr-components/src/lib/forms/fieldset/base-fieldset.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/fieldset/form-fieldset.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/fieldset/form-fieldset.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/fieldset/form-fieldset.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-checkbox/form-checkbox.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-checkbox/form-checkbox.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-checkbox/form-checkbox.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/form-input.model.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/base-input.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/base-input-combo.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/form-input.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/form-input.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-input/form-input.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-email/email-utils.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-email/form-email.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-email/form-email.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-password/form-password.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-password/form-password.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-password/form-password.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/default-radio.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio/form-radio.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio/form-radio.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio/form-radio.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio-rich/form-radio-rich.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio-rich/form-radio-rich.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-radio-rich/form-radio-rich.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-select/form-select.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-select/form-select.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-select/form-select.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-tel/phone-number-utils.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-tel/form-tel.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggle/form-toggle.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggle/form-toggle.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggle/form-toggle.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggles-group/form-toggles-group.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggles-group/form-toggles-group.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-toggles-group/form-toggles-group.module.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-upload/upload.component.ts","../../../projects/ngx-dsfr-components/src/lib/forms/form-upload/upload.component.html","../../../projects/ngx-dsfr-components/src/lib/forms/form-upload/upload.module.ts","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow.model.ts","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow-link/follow-link.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow-link/follow-link.component.html","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow.component.ts","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow.component.html","../../../projects/ngx-dsfr-components/src/lib/components/follow/follow.module.ts","../../../projects/ngx-dsfr-components/src/lib/pages/login/login.component.ts","../../../projects/ngx-dsfr-components/src/lib/pages/login/login.component.html","../../../projects/ngx-dsfr-components/src/lib/pages/response/response.component.ts","../../../projects/ngx-dsfr-components/src/lib/pages/response/response.component.html","../../../projects/ngx-dsfr-components/src/lib/pages/response/response.module.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/address/address.component.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/address/address.component.html","../../../projects/ngx-dsfr-components/src/lib/patterns/address/address.module.ts","../../../projects/ngx-dsfr-components/src/lib/shared/utils/date-utils.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/date/date.model.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/date/date.component.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/date/date.component.html","../../../projects/ngx-dsfr-components/src/lib/patterns/date/date.module.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/name/name.component.ts","../../../projects/ngx-dsfr-components/src/lib/patterns/name/name.component.html","../../../projects/ngx-dsfr-components/src/lib/patterns/name/name.module.ts","../../../projects/ngx-dsfr-components/src/public-api.ts","../../../projects/ngx-dsfr-components/src/edugouvfr-ngx-dsfr.ts"],"sourcesContent":["import { ElementRef } from '@angular/core';\n\nexport class DomUtils {\n private constructor() {}\n\n static surroundChildWithli(parent: ElementRef, childTagName: string): void {\n const nativeElement = parent.nativeElement;\n const children = nativeElement.getElementsByTagName(childTagName);\n for (let i = 0; i < children.length; i++) {\n const child = children[i];\n const li = document.createElement('li');\n child.replaceWith(li);\n li.appendChild(child);\n }\n }\n}\n","export type DsfrMimeType = T[keyof T];\ntype T = typeof DsfrMimeTypeConst;\n\n/** cf. https://developer.mozilla.org/fr/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types */\nexport namespace DsfrMimeTypeConst {\n // TEXT\n export const TEXT_CSS = 'text/css';\n export const TEXT_CSV = 'text/csv';\n export const TEXT_HTML = 'text/html';\n export const TEXT_CALENDAR = 'text/calendar';\n export const TEXT_PLAIN = 'text/plain';\n export const TEXT_XML = 'text/xml';\n\n // FONT\n export const FONT_OTF = 'font/otf';\n export const FONT_TTF = 'font/ttf';\n export const FONT_WOFF = 'font/woff';\n export const FONT_WOFF2 = 'font/woff2';\n\n // IMAGE\n export const IMAGE_BMP = 'image/bmp';\n export const IMAGE_GIF = 'image/gif';\n export const IMAGE_ICON = 'image/x-icon';\n export const IMAGE_JPEG = 'image/jpeg';\n export const IMAGE_PNG = 'image/png';\n export const IMAGE_SVG = 'image/svg+xml';\n export const IMAGE_TIFF = 'image/tiff';\n export const IMAGE_WEBP = 'image/webp';\n\n // AUDIO\n export const AUDIO_3GPP = 'audio/3gpp';\n export const AUDIO_3GPP2 = 'audio/3gpp2';\n export const AUDIO_ACC = 'audio/aac';\n export const AUDIO_OGG = 'audio/ogg';\n export const AUDIO_MIDI = 'audio/midi';\n export const AUDIO_WAV = 'audio/x-wav';\n export const AUDIO_WEBM = 'audio/webm';\n\n // VIDEO\n export const VIDEO_3GPP = 'video/3gpp';\n export const VIDEO_3GPP2 = 'video/3gpp2';\n export const VIDEO_MPEG = 'video/mpeg';\n export const VIDEO_OGG = 'video/ogg';\n export const VIDEO_WEBM = 'video/webm';\n\n // APPLICATION\n export const APPLICATION_ABIWORD = 'application/x-abiword';\n export const APPLICATION_CSH = 'application/x-csh';\n export const APPLICATION_EPUB = 'application/epub+zip';\n export const APPLICATION_FLASH = 'application/x-shockwave-flash';\n export const APPLICATION_FORM_URLENCODED = 'application/x-www-form-urlencoded';\n export const APPLICATION_JAVASCRIPT = 'application/javascript';\n export const APPLICATION_JSON = 'application/json';\n export const APPLICATION_OCTET_STREAM = 'application/octet-stream';\n export const APPLICATION_OGG = 'application/ogg';\n export const APPLICATION_PDF = 'application/pdf';\n export const APPLICATION_RTF = 'application/rtf';\n export const APPLICATION_TYPESCRIPT = 'application/typescript';\n export const APPLICATION_XML = 'application/xml';\n export const APPLICATION_XML_ATOM = 'application/atom+xml';\n export const APPLICATION_XML_SVG = 'application/svg+xml';\n export const APPLICATION_XML_XHTML = 'application/xhtml+xml';\n export const APPLICATION_XML_XUL = 'application/vnd.mozilla.xul+xml';\n\n // ARCHIVE\n export const ARCHIVE_7Z_COMPRESSED = 'application/x-7z-compressed';\n export const ARCHIVE_BZIP = 'application/x-bzip';\n export const ARCHIVE_BZIP2 = 'application/x-bzip2';\n export const ARCHIVE_JAVA = 'application/java-archive';\n export const ARCHIVE_GZIP = 'application/gzip';\n export const ARCHIVE_RAR_COMPRESSED = 'application/x-rar-compressed';\n export const ARCHIVE_TAR = 'application/x-tar';\n export const ARCHIVE_RAR = 'application/vnd.rar';\n export const ARCHIVE_ZIP = 'application/zip';\n export const ARCHIVE_ZIP_COMPRESSED = 'application/x-zip-compressed';\n\n // MICROSOFT\n export const MS_FONT_OBJECT = 'application/vnd.ms-fontobject';\n export const MS_EXCEL = 'application/vnd.ms-excel';\n export const MS_EXCEL_XML = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';\n export const MS_POWERPOINT = 'application/vnd.ms-powerpoint';\n export const MS_POWERPOINT_XML = 'application/vnd.openxmlformats-officedocument.presentationml.presentation';\n export const MS_VIDEO = 'video/x-msvideo';\n export const MS_VISIO = 'application/vnd.visio';\n export const MS_WORD = 'application/msword';\n export const MS_WORD_XML = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';\n\n // Autres\n export const MULTIPART_FORM_DATA = 'multipart/form-data';\n export const SCRIPT_SHELL = 'application/x-sh';\n export const OPEN_PRESENTATION = 'application/vnd.oasis.opendocument.presentation';\n export const OPEN_SPREADSHEET = 'application/vnd.oasis.opendocument.spreadsheet';\n export const OPEN_TEXT = 'application/vnd.oasis.opendocument.text';\n}\n\nexport function convertMimeType2FileFormat(mineType: string): FileFormat | undefined {\n const element = mimeType2FileFormat.find((e) => e[0] === mineType);\n return element ? element[1] : undefined;\n}\n\nenum FileFormat {\n XLS = 'XLS',\n XLSX = 'XLSX',\n PPT = 'PPT',\n PPTX = 'PPTX',\n DOC = 'DOC',\n DOCX = 'DOCX',\n ODS = 'ODS',\n ODP = 'ODP',\n ODT = 'ODT',\n XML = 'XML',\n JPG = 'JPG',\n PNG = 'PNG',\n PDF = 'PDF',\n CSV = 'CSV',\n HTML = 'HTML',\n SVG = 'SVG',\n TXT = 'TXT',\n ZIP = 'ZIP',\n SEVEN_ZIP = '7Z',\n RAR = 'RAR',\n XHTML = 'XHTML',\n BMP = 'BMP',\n GIF = 'GIF',\n TIF = 'TIF',\n RTF = 'RTF',\n GZIP = 'GZIP',\n TAR = 'TAR',\n}\n\nconst mimeType2FileFormat: [DsfrMimeType | string, FileFormat][] = [\n [DsfrMimeTypeConst.APPLICATION_PDF, FileFormat.PDF],\n [DsfrMimeTypeConst.APPLICATION_RTF, FileFormat.RTF],\n [DsfrMimeTypeConst.APPLICATION_XML, FileFormat.XML],\n [DsfrMimeTypeConst.APPLICATION_XML_ATOM, FileFormat.XML],\n [DsfrMimeTypeConst.APPLICATION_XML_XHTML, FileFormat.XHTML],\n\n [DsfrMimeTypeConst.ARCHIVE_7Z_COMPRESSED, FileFormat.SEVEN_ZIP],\n [DsfrMimeTypeConst.ARCHIVE_GZIP, FileFormat.GZIP],\n [DsfrMimeTypeConst.ARCHIVE_RAR, FileFormat.RAR],\n [DsfrMimeTypeConst.ARCHIVE_TAR, FileFormat.TAR],\n [DsfrMimeTypeConst.ARCHIVE_ZIP, FileFormat.ZIP],\n [DsfrMimeTypeConst.ARCHIVE_ZIP_COMPRESSED, FileFormat.ZIP],\n\n [DsfrMimeTypeConst.IMAGE_BMP, FileFormat.BMP],\n [DsfrMimeTypeConst.IMAGE_GIF, FileFormat.GIF],\n [DsfrMimeTypeConst.IMAGE_JPEG, FileFormat.JPG],\n [DsfrMimeTypeConst.IMAGE_PNG, FileFormat.PNG],\n [DsfrMimeTypeConst.IMAGE_SVG, FileFormat.SVG],\n [DsfrMimeTypeConst.IMAGE_TIFF, FileFormat.TIF],\n\n [DsfrMimeTypeConst.MS_EXCEL, FileFormat.XLS],\n [DsfrMimeTypeConst.MS_EXCEL_XML, FileFormat.XLSX],\n [DsfrMimeTypeConst.MS_POWERPOINT, FileFormat.PPT],\n [DsfrMimeTypeConst.MS_POWERPOINT_XML, FileFormat.PPTX],\n [DsfrMimeTypeConst.MS_WORD, FileFormat.DOC],\n [DsfrMimeTypeConst.MS_WORD_XML, FileFormat.DOCX],\n\n [DsfrMimeTypeConst.OPEN_PRESENTATION, FileFormat.ODP],\n [DsfrMimeTypeConst.OPEN_SPREADSHEET, FileFormat.ODS],\n [DsfrMimeTypeConst.OPEN_TEXT, FileFormat.ODT],\n\n [DsfrMimeTypeConst.TEXT_CSV, FileFormat.CSV],\n [DsfrMimeTypeConst.TEXT_HTML, FileFormat.HTML],\n [DsfrMimeTypeConst.TEXT_PLAIN, FileFormat.TXT],\n [DsfrMimeTypeConst.TEXT_XML, FileFormat.XML],\n];\n","import { convertMimeType2FileFormat } from '../../components/download/dsfr-mime.type';\n\nconst KILO_OCTETS = 1024;\nconst MEGA_OCTETS = KILO_OCTETS * 1024;\nconst GIGA_OCTETS = MEGA_OCTETS * 1024;\n\n/**\n * Construit le libellé de détail dans un composant de téléchargement lorsque ce libellé n'est pas fourni par le Dsfr\n * @param mimeType Type mime du fichier\n * @param sizeBytes Nombre d'octets\n * @param sizeUnit Unité utilisée dans la restitution\n * @return par exemple 'PDF - 10 octets'\n */\nexport function downloadDetail(mimeType: string, sizeBytes: number | undefined, sizeUnit: DsfrFileSizeUnit): string {\n return !sizeBytes\n ? convertMimeType2FileFormat(mimeType) || ''\n : convertMimeType2FileFormat(mimeType) + ' - ' + fileSizeToString(sizeBytes, sizeUnit);\n}\n\n/**\n * Retourne la taille sous forme de string sous forme de 'nombre unité'\n * @param bytes Taille à transformer exprimée en octets\n * @param sizeUnit Si true, l'unité sera en bytes (KB, MB, ... ) sinon en octets (ko, mo, ...)\n */\nfunction fileSizeToString(bytes: number, sizeUnit?: DsfrFileSizeUnit): string {\n if (!bytes) return '';\n\n const bytesUnit = sizeUnit === 'bytes';\n\n let fileSize: number;\n let fileSizeUnit: string;\n\n if (bytes < KILO_OCTETS) {\n fileSize = bytes;\n fileSizeUnit = bytesUnit ? FileSizeUnit.BYTES : FileSizeUnit.OCTETS;\n } else if (bytes < MEGA_OCTETS) {\n fileSize = bytes / 1024;\n fileSizeUnit = bytesUnit ? FileSizeUnit.KB : FileSizeUnit.KO;\n } else if (bytes < GIGA_OCTETS) {\n fileSize = bytes / 1048576;\n fileSizeUnit = bytesUnit ? FileSizeUnit.MB : FileSizeUnit.MO;\n } else {\n fileSize = bytes / 1073741824;\n fileSizeUnit = bytesUnit ? FileSizeUnit.GB : FileSizeUnit.GO;\n }\n\n fileSize = Math.round(fileSize * 100) / 100;\n\n // @since 1.8, les options régionales sont prise en compte pour les décimales\n //FIXME: ne devrait-ton pas transmettre la locale depuis l'extérieur de manière à pouvoir la transmettre depuis i18nService ?\n const localSize = fileSize.toLocaleString();\n return localSize + ' ' + fileSizeUnit;\n}\n\n// -- Constantes d'unités de taille de fichier -------------------------------------------------------------------------\n\n// TODO Un peu bizarre ces noms ?\nenum FileSizeUnit {\n OCTETS = 'octets',\n KO = 'ko',\n MO = 'Mo',\n GO = 'Go',\n BYTES = 'bytes',\n KB = 'KB',\n MB = 'MB',\n GB = 'GB',\n}\n\nexport namespace DsfrFileSizeUnitConst {\n export const BYTES = 'bytes';\n export const OCTETS = 'octets';\n}\n\nexport type DsfrFileSizeUnit = (typeof DsfrFileSizeUnitConst)[keyof typeof DsfrFileSizeUnitConst];\n","/**\n * https://www.w3resource.com/JSON/JSONPath-with-JavaScript.php\n * @param obj : object|array This parameter represents the Object representing the JSON structure.\n * @param path : string This parameter represents JSONPath expression string.\n * @return une valeur extrait de l'objet Json\n */\nexport function jsonPath2Value(obj: any, path: string): any {\n const keys = path.split('.');\n let value = obj; // value est soit un objet JSON, soit une valeur terminale\n keys.forEach((key) => {\n // key, ex: 'labels[20]'\n const matchArr = key.match(/([^\\[]*)\\[(\\d*)\\]/);\n const k = matchArr ? matchArr[1] : undefined; // clé sans l'indice, ex : 'labels'\n const i = matchArr ? matchArr[2] : undefined; // indice, ex : 20\n value = k && i ? value[k][i] : value[key];\n });\n return value;\n}\n","/**\n * La fonction permet de savoir si le code en cours s'exécute côté serveur ou côté browser.\n */\nexport function isOnBrowser() {\n return typeof window !== 'undefined';\n}\n","import { isOnBrowser } from './ssr-utils';\n\n/**\n * Les méthodes statiques de cette classe permettent de gérer le local storage uniquement si le code s'exécute côté browser.\n */\nexport abstract class LocalStorage {\n /**\n * The setItem() method of the Storage interface, when passed a key name and value, will add that key to the given\n * Storage object, or update that key's value if it already exists.\n */\n static set(key: string, value: string): void {\n if (isOnBrowser()) window.localStorage?.setItem(key, value);\n }\n\n /**\n * The getItem() method of the Storage interface, when passed a key name, will return that key's value, or null if\n * he key does not exist, in the given Storage object.\n * @return Signature identique à l'interface Storage.getItem(key: string): string | null\n */\n static get(key: string): string | null {\n return isOnBrowser() ? window.localStorage?.getItem(key) : null;\n }\n\n /**\n * The removeItem() method of the Storage interface, when passed a key name, will remove that key from the given\n * Storage object if it exists. The Storage interface of the Web Storage API provides access to a\n * particular domain's session or local storage.\n */\n static remove(key: string): void {\n if (isOnBrowser()) window.localStorage?.removeItem(key);\n }\n}\n","export enum StorageEnum {\n SCHEME = 'scheme', // display type\n REMEMBER_ME = 'rememberMe',\n LOGIN = 'login', // remember me dans la page de login\n // 'lang' pour la langue (dans _commons)\n}\n","/**\n * Retourne vrai si la string 's' est null, undefined ou vide.\n * @param s la chaïne à considére\n */\nexport function isStringEmptyOrNull(s: string | null | undefined): boolean {\n return !s || s.trim() === '';\n}\n","import { v4 as uuidv4 } from 'uuid';\n\n/**\n * Fournit un identifiant unique de type string basé, actuellement, sur uuidv4.\n */\nexport function newUniqueId(): string {\n return uuidv4();\n}\n","import { Component, Input } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\n\n/**\n * Base class for all ControlValueAccessor classes defined in Forms package. Contains common logic and utility functions.\n * Le type de `value` est : T | undefined, undefined par défaut. Par exemple si on manipule un input de type number, celui-ci\n * sera initialisé à undefined par défaut.\n */\n// Même si on ne précise pas undefined, à l'exécution, c'est quand même le cas.\n// Même si on indique un type number, à l'exécution, si l'utilisateur saisie \"1a\", value sera de type string\n@Component({\n template: '',\n})\nexport abstract class DefaultValueAccessorComponent implements ControlValueAccessor {\n /**\n * Permet de désactiver le champ.\n */\n @Input() disabled = false;\n\n private _value: T | undefined;\n\n get value(): T | undefined {\n return this._value;\n }\n\n /**\n * La valeur gérée par le champ de formulaire.\n */\n @Input() set value(value: T | undefined) {\n this._value = value;\n this.fnOnChange(this.value);\n this.fnOnTouched();\n }\n\n /**\n * Writes a new value to the element.\n * This method is called by the forms API to write to the view when programmatic changes from model to view are requested.\n *\n * @internal\n */\n writeValue(value: T | undefined): void {\n this._value = value;\n }\n\n /**\n * Registers a callback function that is called when the control's value changes in the UI.\n * When the value changes in the UI, call the registered function to allow the forms API to update itself:\n * host: {\n * '(change)': '_onChange($event.target.value)'\n * }\n * @internal\n */\n registerOnChange(fn: (_: any) => void): void {\n this.fnOnChange = fn;\n }\n\n /**\n * Registers a callback function that is called by the forms API on initialization to update the form model on blur.\n * On blur (or equivalent), your class should call the registered function to allow the forms API to update itself:\n * host: {\n * '(blur)': '_onTouched()'\n * }\n * @internal\n */\n registerOnTouched(fn: () => void): void {\n this.fnOnTouched = fn;\n }\n\n /**\n * Function that is called by the forms API when the control status changes to or from 'DISABLED'.\n * Depending on the status, it enables or disables the appropriate DOM element.\n *\n * @internal\n */\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n /** @internal */\n fnOnChange = (_: T | undefined) => {};\n\n /** @internal */\n fnOnTouched = () => {};\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { newUniqueId } from '../utils';\nimport { DefaultValueAccessorComponent } from './default-value-accessor.component';\n\n/**\n * Ce composant est le contrôle abstrait des contrôles Dsfr possédant un id, un name et un label.\n */\n@Component({\n template: '',\n})\n// Renamed from AbstractControlComponent\nexport abstract class DefaultControlComponent extends DefaultValueAccessorComponent implements OnInit {\n @Input() ariaControls: string;\n\n /**\n * Attribut `id` du champ, généré automatiquement par défaut.\n */\n @Input() inputId: string;\n\n /**\n * Texte additionnel décrivant le champ.\n */\n @Input() hint: string | undefined; // Le composant upload utilise la valeur undefined\n\n /**\n * Libellé du champ.\n */\n @Input() label: string;\n\n /**\n * Sera utilisé pour positionner un attribut `name` sur le champ de formulaire.\n */\n @Input() name: string;\n\n /**\n * @deprecated since 1.11, l'id sur un label ne sera plus utilisé en 2.0\n * @internal\n */\n labelId: string;\n\n private _id: string;\n\n /**\n * Cet attribut doit être utilisé en tant que propriété et non en attribut, ex. `[id]=\"'monid'\"`.\n *\n * @deprecated since 1.5, utiliser `inputId` à la place.\n */\n @Input() set id(value: string) {\n if (value) {\n this._id = value;\n this.inputId ??= this._id;\n }\n }\n\n /** @internal */\n ngOnInit() {\n this.inputId = this.inputId || newUniqueId(); // même si this.inputId = '', l'id sera valorisé (contrairement à '')\n this.labelId = `${this.inputId}-label`;\n }\n}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrHeadingLevel } from '../../models';\n\n@Component({\n selector: 'edu-heading',\n templateUrl: './heading.component.html',\n encapsulation: ViewEncapsulation.None,\n})\n/**\n * Permet de définir le titre de composant d'un niveau de titre de `

` à `

`, avec un niveau par défaut de `

` à `

` ou `

`.\n * Ne permets pas la projection du titre.\n */\nexport class HeadingComponent {\n /** Classe du titre. */\n @Input() customClass: string;\n\n /** Le titre de l'accordéon est du texte simple. */\n @Input() heading: string;\n\n /** id du titre @since 1.9 */\n @Input() headingId: string;\n\n /** Le niveau du titre dans la structure. */\n @Input() level: DsfrHeadingLevel | undefined;\n\n /** Niveau par défaut si 'level' n'est pas renseigné. */\n @Input() defaultLevel: DsfrHeadingLevel | 'P';\n\n /** @internal */\n getLevel(): DsfrHeadingLevel | 'P' {\n return this.level ?? this.defaultLevel;\n }\n}\n","\n

\n \n

\n

\n \n

\n

\n \n

\n
\n \n
\n
\n \n
\n

\n \n

\n

\n \n

\n\n\n\n \n\n\n\n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { HeadingComponent } from './heading.component';\n\n@NgModule({\n declarations: [HeadingComponent],\n exports: [HeadingComponent],\n imports: [CommonModule],\n})\nexport class HeadingModule {}\n","/**\n * Constantes des niveaux de titre.\n */\nexport namespace DsfrHeadingLevelConst {\n /** @deprecated (@since 1.8) use undefined instead */\n export const NONE = 'none';\n export const H2 = 'H2';\n export const H3 = 'H3';\n export const H4 = 'H4';\n export const H5 = 'H5';\n export const H6 = 'H6';\n}\n\n/**\n * Niveaux de titre de H2 à H6 ou NONE (indique alors qu'il faut utiliser une balise

)\n */\nexport type DsfrHeadingLevel = (typeof DsfrHeadingLevelConst)[keyof typeof DsfrHeadingLevelConst];\n","/**\n * Les positions sous forme énumérées.\n */\nexport namespace DsfrPositionConst {\n export const LEFT = 'left';\n export const RIGHT = 'right';\n}\n\n/**\n * Les positions DSFR.\n */\nexport type DsfrPosition = (typeof DsfrPositionConst)[keyof typeof DsfrPositionConst];\n","/**\n * Les constantes des niveaux de sévérité DSFR.\n */\nexport namespace DsfrSeverityConst {\n export const INFO = 'info';\n export const SUCCESS = 'success';\n export const WARNING = 'warning';\n export const ERROR = 'error';\n}\n\n/**\n * Les niveaux de sévérité DSFR exposées sous forme de type.\n */\nexport type DsfrSeverity = (typeof DsfrSeverityConst)[keyof typeof DsfrSeverityConst];\n","/**\n * Les tailles sous forme énumérées.\n */\nexport namespace DsfrSizeConst {\n export const SM = 'SM';\n export const MD = 'MD';\n export const LG = 'LG';\n}\n\n/**\n * Les tailles standards DSFR : SM, MD, LG.\n */\nexport type DsfrSize = (typeof DsfrSizeConst)[keyof typeof DsfrSizeConst];\n","/**\n * Les tailles de texte sous forme énumérées.\n */\nexport namespace DsfrTextSizeConst {\n export const XS = 'XS';\n export const SM = 'SM';\n export const MD = 'MD';\n export const LG = 'LG';\n export const XL = 'XL';\n}\n\n/**\n * Les tailles DSFR.\n * @see https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/typographie > Corps de texte - Body\n */\nexport type DsfrTextSize = (typeof DsfrTextSizeConst)[keyof typeof DsfrTextSizeConst];\n","import { DsfrPosition, DsfrSize } from '../../shared';\n\n/** Interface traduite en bouton par certains composants de la librairie. */\nexport interface DsfrButton {\n /** Libellé du bouton. */\n label: string;\n\n /** Type du button,'submit' par défaut. */\n type?: DsfrButtonType;\n\n /** Message du tooltip (attribut title) du bouton. */\n tooltipMessage?: string;\n\n /** Style du bouton, 'primary' par défaut. */\n variant?: DsfrButtonVariant;\n\n /** Taille du bouton, 'MD' par défaut */\n size?: DsfrSize;\n\n /** Nom de l'icône. */\n icon?: string;\n\n /** Position de l'icône définie, 'left' par défaut. */\n iconPosition?: DsfrPosition;\n\n /** Permet de désactiver le bouton d'action, 'false' par défaut. */\n disabled?: boolean;\n\n /** Permet de passer le libellé du bouton en majuscules, 'false' par défaut. */\n uppercase?: boolean;\n\n /** Permet d'activer un visuel dénotant un \"chargement\" (busy), 'false' par défaut. */\n loader?: boolean;\n\n /** [accessibilité] Spécifie le libellé qui sera retranscrit par les narrateurs d'écran. */\n ariaLabel?: string;\n\n /** Permet d'inverser le contraste du marqueur de focus, 'false' par défaut. */\n invertedOutlineContrast?: boolean;\n\n /**Permet d'identifier le button. */\n id?: string;\n}\n\n/**\n * Les types du bouton sous forme énumérée.\n */\nexport namespace DsfrButtonTypeConst {\n export const SUBMIT = 'submit';\n export const RESET = 'reset';\n export const BUTTON = 'button';\n}\n\n/**\n * Le type d'un bouton au sens HTML.\n * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button\n */\ntype Type = typeof DsfrButtonTypeConst;\nexport type DsfrButtonType = Type[keyof Type];\n\n/**\n * Les constantes dénotant les variantes du bouton.\n */\nexport namespace DsfrButtonVariantConst {\n export const PRIMARY = 'primary';\n export const SECONDARY = 'secondary';\n export const TERTIARY = 'tertiary';\n export const TERTIARY_NO_OUTLINE = 'tertiary-no-outline';\n}\n/**\n * Les variantes du bouton exportées en tant que type.\n */\ntype Variant = typeof DsfrButtonVariantConst;\nexport type DsfrButtonVariant = Variant[keyof Variant];\n","/**\n * Constantes qui correspondent aux valeurs possibles de l'attribut target d'un lien html.\n */\nexport namespace DsfrLinkTargetConst {\n export const BLANK = '_blank';\n export const SELF = '_self';\n export const PARENT = '_parent';\n export const TOP = '_top';\n}\n\n/** @deprecated since 1.4 use DsfrLinkTargetConst instead */\nexport namespace DsfrTargetLinkConst {\n export const BLANK = '_blank';\n export const SELF = '_self';\n export const PARENT = '_parent';\n export const TOP = '_top';\n}\n\n/**\n * Les constantes target exposées sous forme de type.\n */\nexport type DsfrLinkTarget = (typeof DsfrLinkTargetConst)[keyof typeof DsfrLinkTargetConst];\n\n/** @deprecated since 1.4 use DsfrLinkTarget instead */\nexport type DsfrTargetLink = DsfrLinkTarget;\n","// Types\nexport * from './icon';\nexport * from './heading-level';\nexport * from './position';\nexport * from './severity';\nexport * from './size';\nexport * from './text-size';\n\n// Interfaces\nexport * from './anchor-link.model';\nexport * from './button.model';\nexport * from './link-target.model';\nexport * from './link.model';\nexport * from './navigation.model';\nexport * from './option.model';\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { DsfrLink, DsfrLinkTarget, DsfrPositionConst } from '../../models';\n\n@Component({\n selector: 'edu-link-download',\n templateUrl: './link-download.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule, RouterModule],\n})\n/** Ce composant permet de gérer facilement une ancre href ou un `routerLink` sans ajout de styles.\n * Utilisé par le `header`, `footer`, `breadcrumb` et `sidemenu`. */\nexport class LinkDownloadComponent {\n /** Classe personnalisée du composant, par exemple, `fr-btn`, `fr-nav__link`, ... */\n @Input() customClass: string;\n\n /**\n * Active la version download avec l'attribut download.\n * Permet l'utilisation de `downloadAssessFile` et `langCode`\n */\n @Input() downloadDirect: boolean | string = false;\n\n /** Option de détail de téléchargement renseigné automatiquement.\n * Si la valeur est 'bytes', l'unité sera en Bytes\n */\n @Input() downloadAssessFile: boolean | 'bytes' = false;\n\n /**\n * Langue courante. hreflang ne sera indiquée que différent de la langue courante.\n */\n @Input() langCode = 'fr';\n\n /**\n * Propage la valeur de 'route' ou de 'link' (selon le cas) lors du click sur le lien.\n */\n @Output() linkSelect = new EventEmitter();\n\n private _item: DsfrLink;\n\n get disabled(): boolean {\n return !(this.item.route || this.item.routerLink || this.item.link);\n }\n\n get item(): DsfrLink {\n return this._item;\n }\n\n /** Item représentant un lien `` avec ou sans `routerLink`. */\n @Input() set item(item: DsfrLink) {\n if (item.label) {\n this._item = { ...item, label: item.label };\n } else {\n this._item = item;\n }\n if (this.item) this.item.customClass = this.getLinkClasses();\n }\n\n /**\n * Si === 'true', télécharge directement le fichier sans l'ouvrir, 'false' par défaut.\n * @internal\n */\n isDirectDownload(): boolean {\n return this.downloadDirect !== false;\n }\n\n /** @internal */\n getHref(): string | undefined {\n if (this.item.route) return this.item.route;\n if (this.item.link) return this.item.link;\n return undefined;\n }\n\n /** @internal */\n getNewFileName(): string {\n return typeof this.downloadDirect === 'string' ? this.downloadDirect : '';\n }\n\n onLinkSelect(event: Event) {\n if (this.item.route && !this.item.routerLink) {\n event.preventDefault();\n this.linkSelect.emit(this.item.route);\n } else if (this.item.link) {\n this.linkSelect.emit(this.item.link);\n }\n }\n\n /** @internal */\n getLinkTarget(item: DsfrLink): DsfrLinkTarget | undefined {\n return item.target ?? item.linkTarget;\n }\n\n /** @internal */\n private getLinkClasses(): string {\n const classes = [];\n classes.push(!this.customClass ? 'fr-link' : this.customClass);\n\n if (this._item.icon) {\n classes.push(this._item.icon);\n // Dans le header, les liens utilisent la classe fr-btn, pour être cohérent, on va utiliser fr-btn--icon-left et right\n const likeButton = this.customClass?.search('fr-btn') >= 0;\n const prefixPos = likeButton ? 'fr-btn--icon-' : 'fr-link--icon-';\n classes.push(this._item.iconPosition === DsfrPositionConst.RIGHT ? prefixPos + 'right' : prefixPos + 'left');\n }\n\n return classes.join(' ');\n }\n}\n","\n\n \n\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrSeverity, DsfrSeverityConst } from '../../models';\nimport { isStringEmptyOrNull } from '../../utils';\n\n/**\n * InputGroupComponent contient :\n * - Le label et l'aide textuel de l'input,\n * - Les messages de l'input\n * @since 1.11.0\n * @author pfontanet\n */\n@Component({\n selector: 'edu-input-group',\n encapsulation: ViewEncapsulation.None,\n templateUrl: './input-group.component.html',\n standalone: true,\n imports: [CommonModule],\n})\nexport class InputGroupComponent {\n /** Libellé du champ. */\n @Input() label: string;\n\n /** Elément sur lequel porte le label. */\n @Input() inputId: string;\n\n /** Texte additionnel décrivant le champ. */\n @Input() hint: string | undefined;\n\n /**\n * Permet de désactiver le champ.\n */\n @Input() disabled = false;\n\n /**\n * Message d'information lié au composant\n */\n @Input() message: string | undefined = undefined;\n\n /**\n * Représente la sévérité du message\n */\n @Input() severity: DsfrSeverity;\n\n /**\n * Id de la div affichant les messages d'erreur ou de validation.\n */\n @Input() messagesGroupId: string;\n\n // Afin de pouvoir utiliser le type dans l'HTML\n /** @internal */\n protected readonly severityConst = DsfrSeverityConst;\n\n /** @internal */\n protected hasMessage(severity: DsfrSeverity): boolean {\n return !isStringEmptyOrNull(this.message) && severity === this.severity;\n }\n}\n","\n \n

\n \n {{ message }}

\n
\n\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'edu-pictogram',\n templateUrl: './pictogram.component.html',\n encapsulation: ViewEncapsulation.None,\n})\n/** Ce composant permet de gérer facilement les pictogrammes issus du DSFR. */\nexport class PictogramComponent {\n /**\n * Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.\n */\n @Input() artworkDirPath = 'artwork';\n\n /**\n * Chemin relatif à artworkDirPath dénotant le fichier d'illustration à utiliser.\n */\n @Input() artworkFilePath: string;\n\n /**\n * Détermine l'affichage du pictogramme associé aux téléchargements.\n */\n @Input() download = false;\n}\n","\n \n \n \n \n \n\n\n\n\n \n \n \n \n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PictogramComponent } from './pictogram.component';\n\n@NgModule({\n declarations: [PictogramComponent],\n exports: [PictogramComponent],\n imports: [CommonModule, RouterModule],\n})\nexport class PictogramModule {}\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'edu-svg-icon',\n template: `\n \n \n \n `,\n})\nexport class SvgIconComponent {\n @Input() iconPath: string;\n @Input() role = 'img';\n @Input() ariaHidden: boolean = true;\n @Input() alt: string;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SvgIconComponent } from './svg-icon.component';\n\n@NgModule({\n declarations: [SvgIconComponent],\n imports: [CommonModule],\n exports: [SvgIconComponent],\n})\nexport class SvgIconModule {}\n","import { InjectionToken } from '@angular/core';\nimport { DsfrConfig } from './config.model';\n\nexport const DEFAULT_CONFIG = {\n artworkDirPath: 'artwork',\n};\n\n/*\n * Étant donné que ce jeton est à usage interne uniquement, nous n'exporterons pas ce fichier en dehors de\n * la bibliothèque. La création du jeton DI dans un fichier séparé permet d'éviter dépendances circulaires.\n */\nexport const DSFR_CONFIG_TOKEN = new InjectionToken('ngx-dsfr-config', {\n providedIn: 'root',\n factory: () => DEFAULT_CONFIG,\n});\n","import { CommonModule } from '@angular/common';\nimport { ModuleWithProviders, NgModule } from '@angular/core';\nimport { DSFR_CONFIG_TOKEN } from './config-token';\nimport { DsfrConfig } from './config.model';\n\n@NgModule({\n imports: [CommonModule],\n})\nexport class DsfrConfigModule {\n static forRoot(config: DsfrConfig): ModuleWithProviders {\n return {\n ngModule: DsfrConfigModule,\n providers: [{ provide: DSFR_CONFIG_TOKEN, useValue: config }],\n };\n }\n}\n","import { Directive, ElementRef, EventEmitter, Input, OnDestroy, Output } from '@angular/core';\n\n@Directive({\n selector: '[watchAttr]',\n standalone: true,\n})\nexport class WatchAttrDirective implements OnDestroy {\n // /**\n // * Obligatoire : permet d'indiquer quel attribut on souhaite observer.\n // */\n // @Input() attrObserver: string;\n\n @Input()\n public watchAttrName: string | undefined = undefined;\n\n @Output()\n public watchAttr = new EventEmitter();\n\n private _changes: MutationObserver;\n\n constructor(private elementRef: ElementRef) {\n const element = this.elementRef.nativeElement;\n\n this._changes = new MutationObserver((mutations: MutationRecord[]) => {\n mutations.forEach((mutation: MutationRecord) => {\n if (\n this.watchAttrName === undefined ||\n (this.watchAttrName.trim().length > 0 && this.watchAttrName.trim() === mutation.attributeName)\n ) {\n this.watchAttr.emit(mutation);\n }\n });\n });\n\n this._changes.observe(element, {\n attributes: true,\n childList: false,\n characterData: false,\n });\n }\n\n ngOnDestroy(): void {\n this._changes.disconnect();\n }\n}\n","export const MESSAGES_EN = {\n commons: {\n accept: 'Accept',\n close: 'Close',\n disabled: 'Disabled',\n download: 'Download',\n enlarge: 'Enlarge',\n refuse: 'Refuse',\n search: 'Search',\n },\n\n alert: {\n close: 'Hide message',\n },\n backtotop: {\n topOfPage: 'Top of page',\n },\n breadcrumb: {\n viewBreadcrumb: 'View breadcrumb',\n ariaLabel: 'you are here :',\n },\n consent: {\n acceptAll: 'Accept All',\n allowAllCookies: 'Allow all cookies',\n refuseAll: 'Refuse all',\n refuseAllCookies: 'Refuse all cookies',\n customize: 'Customize',\n customizeCookies: 'Customize cookies',\n welcome: [\n 'Welcome ! We use cookies to improve your experience and the services available on this site. To find out more, visit the ',\n 'Personal data and cookies',\n ' page. You can, at any time, have control over the cookies you wish to activate.',\n ],\n\n manager: {\n title: 'Cookies management panel',\n preferences: 'Preferences for all services.',\n personalData: 'Personal data and cookies',\n confirmChoices: 'Confirm my choices',\n finalityExempt: 'Enabled',\n showDetails: 'Show more details',\n },\n },\n display: {\n heading: 'Display settings',\n hint: 'Choose a theme to customize the look of the site.',\n light: { label: 'Light theme' },\n dark: { label: 'Dark theme' },\n system: { label: 'System', hint: 'Use system settings.' },\n },\n email: {\n label: 'Email address',\n hint: 'Expected format: name@domain.fr',\n error: 'The format of the email address entered is invalid. The expected format is: name@example.org',\n },\n follow: {\n networks: { heading: 'Follow us
on social networks' },\n newsletter: {\n heading: 'Subscribe to our newsletter',\n button: { label: 'Subscribe', title: 'Subscribe to our newsletter' },\n input: {\n placeholder: 'Your email address (e.g. name@domain.fr)',\n hint: `By entering your email address, you agree to receive our news by email. You can unsubscribe at any time using the unsubscribe links or by contacting us.`,\n error: 'The format of the email address entered is invalid. The expected format is: name@example.org',\n },\n registration: { success: 'Your registration has been taken into account.' },\n },\n newWindow: 'New window',\n },\n footer: {\n partners: { title: 'Our partners' },\n },\n franceConnect: {\n title: 'Identify with',\n link: { label: 'What is FranceConnect', tooltip: 'What is FranceConnect? - new window' },\n },\n header: {\n menu: { label: 'Menu' },\n mainMenu: 'Main menu',\n },\n link: {\n newWindow: 'new window',\n },\n login: {\n heading: 'Connecting to ',\n franceConnect: {\n heading: 'Connect with FranceConnect',\n },\n or: 'or',\n account: {\n heading: 'Log in with your account',\n email: { label: 'Identifier' },\n srOnly: { label: 'identifiers' },\n rememberMe: { label: 'Remember me' },\n button: { label: 'Log in' },\n },\n noAccount: { heading: 'You do not have an account ?', button: { label: 'Create an account' } },\n },\n modal: {\n ariaLabel: 'Close the window',\n },\n notice: {\n close: 'Hide message',\n },\n pagination: {\n firstPage: 'First page',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n lastPage: 'Last page',\n role: 'navigation',\n ariaLabel: 'Paging',\n },\n password: {\n aria: { label: 'Show password' },\n forgotPassword: 'Forgot your password ?',\n label: 'Password',\n message: 'Your password must contain:',\n show: 'Show',\n dataFrValid: 'valid',\n dataFrError: 'in error',\n },\n response: {\n contactUs: 'Contact us',\n },\n select: {\n placeholder: 'Select an option',\n },\n share: {\n 'heading': 'Share page',\n 'cookiesText': 'Please $1allow cookies$2 to be shared on social networks.',\n //\n 'copy': { title: 'Clipboard', label: 'Copy to clipboard' },\n 'facebook': { title: 'Facebook', label: 'Share on Facebook' },\n 'linkedin': { title: 'LinkedIn', label: 'Share on LinkedIn' },\n 'mail': { title: 'Email', label: 'Share by email' },\n 'mastodon': { title: 'Mastodon', label: 'Share on Mastodon' },\n 'twitter': { title: 'X', label: 'Share on X' },\n 'twitter-x': { title: 'X', label: 'Share on X' },\n },\n table: {\n noData: 'No data',\n },\n tag: {\n removeFilter: 'Remove the filter',\n selectFilter: 'Select the filter',\n },\n tel: {\n label: 'Phone number',\n hint: 'Expected format: (+33) 1 23 45 67 89',\n error: 'The phone number format entered is invalid. The expected format is: (+33) 2 43 55 55 55',\n },\n toggle: {\n dataLabelChecked: 'Checked',\n dataLabelUnchecked: 'Unchecked',\n },\n tooltip: {\n button: { label: 'Contextual information' },\n },\n transcription: {\n button: 'Transcription',\n ariaLabel: 'Enlarge transcript',\n },\n translate: {\n tooltip: 'Select a language',\n },\n upload: {\n label: 'Add a file',\n hint: '** Mandatory help text which specifies the constraints at the level of the expected file(s) **',\n },\n date: {\n day: { label: 'Day', hint: 'Example: 14' },\n month: { label: 'Month', hint: 'Example: 12' },\n year: { label: 'Year', hint: 'Example: 1984' },\n error: {\n required: 'All fields are required.',\n invalid: {\n format: 'Fields must be in numeric format.',\n day: 'The day is not valid.',\n month: 'The month is not valid.',\n date: 'The date is not valid.',\n },\n },\n },\n pageResponse: {\n heading: 'Unexpected error',\n description: 'Try refreshing the page or try again later.',\n detail: 'Sorry, there is a problem with the service, we are working to resolve it as soon as possible.',\n },\n};\n","export const MESSAGES_FR = {\n commons: {\n accept: 'Accepter',\n close: 'Fermer',\n disabled: 'Désactivé',\n download: 'Télécharger',\n enlarge: 'Agrandir',\n refuse: 'Refuser',\n search: 'Rechercher',\n },\n\n alert: {\n close: 'Masquer le message',\n },\n backtotop: {\n topOfPage: 'Haut de page',\n },\n breadcrumb: {\n viewBreadcrumb: 'Voir le fil d’Ariane',\n ariaLabel: 'vous êtes ici :',\n },\n consent: {\n acceptAll: 'Tout accepter',\n allowAllCookies: 'Autoriser tous les cookies',\n refuseAll: 'Tout refuser',\n refuseAllCookies: 'Refuser tous les cookies',\n customize: 'Personnaliser',\n customizeCookies: 'Personnaliser les cookies',\n welcome: [\n 'Bienvenue ! Nous utilisons des cookies pour améliorer votre expérience et les services disponibles sur ce site. Pour en savoir plus, visitez la page',\n 'Données personnelles et cookies',\n '. Vous pouvez, à tout moment, avoir le contrôle sur les cookies que vous souhaitez activer.',\n ],\n\n manager: {\n title: 'Panneau de gestion des cookies',\n preferences: 'Préférences pour tous les services.',\n personalData: 'Données personnelles et cookies',\n confirmChoices: 'Confirmer mes choix',\n finalityExempt: 'Activé',\n showDetails: 'Voir plus de détails',\n },\n },\n display: {\n heading: 'Paramètres d’affichage',\n hint: 'Choisissez un thème pour personnaliser l’apparence du site.',\n light: { label: 'Thème clair' },\n dark: { label: 'Thème sombre' },\n system: { label: 'Système', hint: 'Utilise les paramètres système.' },\n },\n email: {\n label: 'Adresse électronique',\n hint: 'Format attendu : nom@domaine.fr',\n error: 'Le format de l’adresse électronique saisie n’est pas valide. Le format attendu est : nom@exemple.org',\n },\n follow: {\n networks: { heading: 'Suivez-nous
sur les réseaux sociaux' },\n newsletter: {\n heading: 'Abonnez-vous à notre lettre d’information',\n button: { label: 'S’abonner', title: 'S’abonner à notre lettre d’information' },\n input: {\n placeholder: 'Votre adresse électronique (ex. : nom@domaine.fr)',\n hint: `En renseignant votre adresse électronique, vous acceptez de recevoir nos actualités par courriel. Vous pouvez vous désinscrire à tout moment à l’aide des liens de désinscription ou en nous contactant.`,\n error: 'Le format de l’adresse électronique saisie n’est pas valide. Le format attendu est : nom@exemple.org',\n },\n registration: { success: 'Votre inscription a bien été prise en compte.' },\n },\n newWindow: 'Nouvelle fenêtre',\n },\n footer: {\n partners: { title: 'Nos partenaires' },\n },\n franceConnect: {\n title: 'S’identifier avec',\n link: { label: 'Qu’est-ce que FranceConnect', tooltip: 'Qu’est-ce que FranceConnect ? - nouvelle fenêtre' },\n },\n header: {\n menu: { label: 'Menu' },\n mainMenu: 'Menu principal',\n },\n link: {\n newWindow: 'nouvelle fenêtre',\n },\n login: {\n heading: 'Connexion à ',\n franceConnect: {\n heading: 'Se connecter avec FranceConnnect',\n },\n or: 'ou',\n account: {\n heading: 'Se connecter avec son compte',\n email: { label: 'Identifiant' },\n srOnly: { label: 'identifiants' },\n rememberMe: { label: 'Se souvenir de moi' },\n button: { label: 'Se connecter' },\n },\n noAccount: { heading: 'Vous n’avez pas de compte ?', button: { label: 'Créer un compte' } },\n },\n modal: {\n ariaLabel: 'Fermer la fenêtre',\n },\n notice: {\n close: 'Masquer le message',\n },\n pagination: {\n firstPage: 'Première page',\n previousPage: 'Page précédente',\n nextPage: 'Page suivante',\n lastPage: 'Dernière page',\n role: 'navigation',\n ariaLabel: 'Pagination',\n },\n password: {\n aria: { label: 'Afficher le mot de passe' },\n forgotPassword: 'Mot de passe oublié ?',\n label: 'Mot de passe',\n message: 'Votre mot de passe doit contenir :',\n show: 'Afficher',\n dataFrValid: 'validé',\n dataFrError: 'en erreur',\n },\n response: {\n contactUs: 'Contactez-nous',\n },\n select: {\n placeholder: 'Sélectionnez une option',\n },\n share: {\n 'heading': 'Partager la page',\n 'cookiesText': ['Veuillez', 'autoriser le dépôt de cookies', 'pour partager sur les réseaux sociaux.'],\n //\n 'copy': { title: 'Presse-papier', label: 'Copier dans le presse-papier' },\n 'facebook': { title: 'Facebook', label: 'Partager sur Facebook' },\n 'linkedin': { title: 'LinkedIn', label: 'Partager sur LinkedIn' },\n 'mail': { title: 'Email', label: 'Partager par email' },\n 'mastodon': { title: 'Mastodon', label: 'Partager sur Mastodon' },\n 'twitter': { title: 'X', label: 'Partager sur X' },\n 'twitter-x': { title: 'X', label: 'Partager sur X' },\n },\n table: {\n noData: 'Aucune donnée',\n },\n tag: {\n removeFilter: 'Retirer le filtre',\n selectFilter: 'Sélectionner le filtre',\n },\n tel: {\n label: 'Numéro de téléphone',\n hint: 'Format attendu : (+33) 1 23 45 67 89',\n error: 'Le format de numéro de téléphone saisie n’est pas valide. Le format attendu est : (+33) 2 43 55 55 55',\n },\n toggle: {\n dataLabelChecked: 'Activé',\n dataLabelUnchecked: 'Désactivé',\n },\n tooltip: {\n button: { label: 'Information contextuelle' },\n },\n transcription: {\n button: 'Transcription',\n ariaLabel: 'Agrandir la transcription',\n },\n translate: {\n tooltip: 'Sélectionner une langue',\n },\n upload: {\n label: 'Ajouter un fichier',\n hint: \"** Texte d'aide obligatoire qui précise les contraintes au niveau du ou des fichiers attendus **\",\n },\n date: {\n day: { label: 'Jour', hint: 'Exemple : 14' },\n month: { label: 'Mois', hint: 'Exemple : 12' },\n year: { label: 'Année', hint: 'Exemple : 1984' },\n error: {\n required: 'Tous les champs sont requis.',\n invalid: {\n format: 'Les champs doivent être au format numérique.',\n day: 'Le jour est invalide.',\n month: 'Le mois est invalide.',\n date: 'La date est invalide.',\n },\n },\n },\n pageResponse: {\n heading: 'Erreur inattendue',\n description: 'Essayez de rafraichir la page ou bien ressayez plus tard.',\n detail: 'Désolé, le service rencontre un problème, nous travaillons pour le résoudre le plus rapidement possible.',\n },\n};\n","import { Inject, Injectable, Optional } from '@angular/core';\nimport { DSFR_CONFIG_TOKEN } from '../config/config-token';\nimport { DsfrConfig } from '../config/config.model';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ConfigService {\n /**\n * Puisqu'il est possible que les utilisateurs de la bibliothèque oublient d'appeler forRoot(), nous marquons\n * le jeton DI comme optionnel à l'aide du décorateur intégré (pour éviter une erreur \"Aucun fournisseur pour ...\").\n * Dans ces cas, le paramètre constructeur sera nul, mais nous fournirons des valeurs par défaut.\n */\n constructor(\n @Optional()\n @Inject(DSFR_CONFIG_TOKEN)\n public readonly params: DsfrConfig | null,\n ) {}\n}\n","import { Injectable } from '@angular/core';\nimport { isOnBrowser } from '../utils';\n\n/** Levels used for identifying the severity of an event. Levels are organized from most specific to least. */\nexport enum DsfrLogLevel {\n OFF = 0, // No events will be logged.\n ERROR = 2, // An error in the application, possibly recoverable.\n WARN, // An event that might possible lead to an error.\n INFO, // An event for informational purposes.\n DEBUG, // A general debugging event.\n ALL = 7, // All events should be logged\n}\n\n@Injectable({\n providedIn: 'root',\n})\n/** Les opérations de journalisation de la librairie sont effectuées via ce service. */\nexport class LoggerService {\n /** Indique à partir de quel niveau on effectue la journalisation, WARN par défaut. */\n private _level = DsfrLogLevel.WARN;\n\n constructor() {}\n\n set level(value: DsfrLogLevel) {\n if (!value) return;\n this._level = value;\n this.info(`Configuration du niveau de log : '${this.levelAsString()}'`);\n }\n\n error(message: string) {\n this.log(DsfrLogLevel.ERROR, message);\n }\n\n warn(message: string) {\n this.log(DsfrLogLevel.WARN, message);\n }\n\n info(message: string) {\n this.log(DsfrLogLevel.INFO, message);\n }\n\n debug(message: string) {\n this.log(DsfrLogLevel.DEBUG, message);\n }\n\n private log(level: DsfrLogLevel, message: string) {\n if (!isOnBrowser()) return;\n\n if (level <= this._level) {\n switch (level) {\n case DsfrLogLevel.ERROR:\n console.error(message);\n break;\n case DsfrLogLevel.WARN:\n console.warn(message);\n break;\n case DsfrLogLevel.INFO:\n console.info(message);\n break;\n default:\n console.log(message);\n break;\n }\n }\n }\n\n private levelAsString() {\n switch (this._level) {\n case DsfrLogLevel.OFF:\n return 'OFF';\n case DsfrLogLevel.ERROR:\n return 'ERROR';\n case DsfrLogLevel.WARN:\n return 'WARN';\n case DsfrLogLevel.INFO:\n return 'INFO';\n case DsfrLogLevel.DEBUG:\n return 'DEBUG';\n case DsfrLogLevel.ALL:\n return 'ALL';\n }\n }\n}\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { LocalStorage } from '../utils';\nimport { LoggerService } from './logger.service';\n\n/**\n * Le service est chargé de maintenir le code langue de l'application et de signaler le changement de langue aux observateurs.\n */\n@Injectable({ providedIn: 'root' })\nexport class LangService {\n private static readonly DEF_LANG = 'fr';\n\n /** Observable de la langue. */\n subject = new BehaviorSubject(LangService.DEF_LANG);\n\n /** Par défaut, le code de la langue est stocké dans le localStorage. */\n private hasLocalStorage = true;\n\n /** Nom par défaut du local storage. */\n private localStorageName = 'lang';\n\n constructor(private logger: LoggerService) {\n if (this.hasLocalStorage) {\n const lang = LocalStorage.get(this.localStorageName);\n if (lang) this.lang = LocalStorage.get(this.localStorageName);\n }\n }\n\n get lang(): string {\n return this.subject.value;\n }\n\n set lang(code: string) {\n if (!code || code === this.lang) return;\n\n this.logger.info(`Changement de langue courante: '${code}'`);\n this.subject.next(code);\n\n if (this.hasLocalStorage) LocalStorage.set(this.localStorageName, code);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { jsonPath2Value } from '../utils';\nimport { LangService } from './lang.service';\nimport { LoggerService } from './logger.service';\n\n/**\n * La méthode i18n.t() de ce service retourne une traduction en fonction de la langue courante.\n * La traduction est recherchée dans la propriété `messages`.\n */\n@Injectable({ providedIn: 'root' })\nexport class BaseI18nService {\n /**\n * Messages (JSON) de la langue courante.\n */\n messages: {} = {};\n\n constructor(\n protected logger: LoggerService,\n private langService: LangService,\n ) {\n langService.subject.subscribe((code) => this.onLangChange(code));\n }\n\n /**\n * Retourne la valeur de traduction dans `messages` partir d'un path json.\n * @param jsonPath le chemin dans le fichier de messages json de la langue courante\n * @return le message et si non trouvé le path json\n */\n t(jsonPath: string): string {\n let message: string = jsonPath2Value(this.messages, jsonPath);\n if (!message) {\n this.logger.warn(`Aucune traduction '${this.langService.lang}' pour '${jsonPath}'`);\n message = jsonPath;\n }\n return message;\n }\n\n protected onLangChange(code: string) {}\n}\n","import { Injectable } from '@angular/core';\nimport { MESSAGES_EN, MESSAGES_FR } from '../properties';\nimport { BaseI18nService } from './base-i18n.service';\n\n/** Le service est chargé de maintenir le code langue de l'application et de signaler le changement de langue aux observateurs */\n@Injectable({ providedIn: 'root' })\nexport class I18nService extends BaseI18nService {\n protected override onLangChange(code: string): void {\n this.messages = code === 'fr' ? MESSAGES_FR : MESSAGES_EN;\n }\n}\n","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { DsfrHeadingLevel, DsfrHeadingLevelConst, newUniqueId } from '../../shared';\n\n@Component({\n selector: 'dsfr-accordion',\n templateUrl: './accordion.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrAccordionComponent implements OnInit {\n /**\n * Contenu de l'accordéon, accepte du html, prioritaire sur le slot par défaut.\n */\n @Input() content: string;\n\n /**\n * Indique si l'accordéon doit être ouvert initialement.\n */\n @Input() expanded: boolean = false;\n\n /**\n * Le titre de l'accordéon est du texte simple.\n */\n @Input() heading: string;\n\n /**\n * Le niveau du titre dans la structure, ne change pas l'apparence, `

` par défaut.\n */\n @Input() headingLevel: DsfrHeadingLevel = DsfrHeadingLevelConst.H3;\n\n /**\n * Index qui identifie l'accordéon sur la page. Identifiant unique généré par défaut.\n *\n * @deprecated (@since 1.8.0) jamais utilisé\n */\n @Input() index: string;\n\n /**\n * Attribut d'accessibilité pour l'entête de l'accordéon.\n */\n @Input() headingAriaLabel: string;\n\n /**\n * Événement présentant le nouvel état de l'accordéon.\n */\n @Output() expandedChange = new EventEmitter();\n\n /** @internal */\n accordionId: string;\n\n constructor() {}\n\n ngOnInit() {\n this.accordionId = newUniqueId();\n }\n\n /** @internal */\n onExpandButtonAttrChange(mutation: MutationRecord) {\n if (mutation.attributeName === 'aria-expanded') {\n const elem: HTMLElement = mutation.target;\n if (String(this.expanded) !== elem.ariaExpanded) {\n this.expanded = elem.ariaExpanded === 'true';\n this.expandedChange.emit(this.expanded);\n }\n }\n }\n}\n","
\n \n \n \n\n
\n \n {{ content }}\n \n \n \n \n \n
\n
\n\n\n \n \n {{ heading }}\n \n \n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { HeadingModule, WatchAttrDirective } from '../../shared';\nimport { DsfrAccordionComponent } from './accordion.component';\n\n@NgModule({\n declarations: [DsfrAccordionComponent],\n exports: [DsfrAccordionComponent],\n imports: [CommonModule, HeadingModule, WatchAttrDirective],\n})\nexport class DsfrAccordionModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'dsfr-accordions-group',\n templateUrl: './accordions-group.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrAccordionsGroupComponent {\n /** Dissocie le groupe d'accordéon pour en avoir plusieurs d'ouvert à la fois.*/\n @Input() ungroup = false;\n}\n","
\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DsfrAccordionsGroupComponent } from './accordions-group.component';\n\n@NgModule({\n declarations: [DsfrAccordionsGroupComponent],\n exports: [DsfrAccordionsGroupComponent],\n imports: [CommonModule],\n})\nexport class DsfrAccordionsGroupModule {}\n","export namespace DsfrAlertSizeConst {\n export const SM = 'SM';\n export const MD = 'MD';\n}\n\nexport type DsfrAlertSize = (typeof DsfrAlertSizeConst)[keyof typeof DsfrAlertSizeConst];\n","import { Component, ElementRef, EventEmitter, Input, Output, Renderer2, ViewEncapsulation } from '@angular/core';\nimport { DsfrHeadingLevel, DsfrSeverity, DsfrSeverityConst, DsfrSizeConst, I18nService } from '../../shared';\nimport { DsfrAlertSize, DsfrAlertSizeConst } from './alert.size';\n\n@Component({\n selector: 'dsfr-alert',\n templateUrl: './alert.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrAlertComponent {\n /** Le titre de l'alerte (html autorisé). */\n @Input() heading: string;\n\n /** Le niveau de titre devant être utilisé, une balise

sera utilisée si la propriété n'est pas renseignée. */\n @Input() headingLevel: DsfrHeadingLevel;\n\n /** Le corps du message de l'alerte (textex simple). */\n @Input() message: string;\n\n /** Le niveau d'alerte. 'info' par défaut. */\n @Input() severity: DsfrSeverity;\n\n /** La valeur à utiliser pour le rôle ARIA. 'alert' par défaut. */\n @Input() ariaRoleValue: 'alert' | 'status' = 'alert';\n\n /** La taille de l'alerte. 'MD' par défaut. */\n @Input() size: DsfrAlertSize;\n\n /** Le libellé associé au bouton de fermeture de l'alerte. */\n @Input() closeControlLabel: string;\n\n /** Doit être vrai si l'alerte apparait dynamiquement en cours de navigation. (ajout de role=alert pour l'accessibilité),\n * false par défaut */\n // https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/alerte\n // Pour les développeurs.\n // Nous avons retiré l’attribut role=\"alert\" des exemples de code pour les alertes présentes au chargement de la page.\n // En effet, l'élément avec un role=\"alert\" sont les premières choses lues par les technologies d'assistance.\n // De ce fait, le role=\"alert\" doit être réservé aux alertes ajoutées (/injectées) dynamiquement au cours de la navigation.\n // Ex : alertes de notification suite à une action utilisateur ou mise à jour d’un statut.\n @Input() hasAriaRole = false;\n\n /** L'alerte peut être masquée */\n @Input() closeable = false;\n\n /** Signale la fermeture de l'alerte. */\n @Output() conceal = new EventEmitter();\n\n constructor(\n private i18n: I18nService,\n private el: ElementRef,\n private renderer: Renderer2,\n ) {\n this.closeControlLabel = this.i18n.t('alert.close');\n this.severity = DsfrSeverityConst.INFO;\n this.size = DsfrAlertSizeConst.MD;\n }\n\n /** @deprecated @since 1.7.0 use 'closeable' instead (avec un 'e') */\n get closable(): boolean {\n return this.closeable;\n }\n\n /** @deprecated (@since 1.7.0) utiliser `closeable` à la place (avec un 'e') */\n @Input() set closable(value: boolean) {\n this.closeable = value;\n }\n\n /** @internal */\n getClasses(): string[] {\n const classes = ['fr-alert'];\n if (this.severity === DsfrSeverityConst.ERROR) classes.push('fr-alert--error');\n if (this.severity === DsfrSeverityConst.SUCCESS) classes.push('fr-alert--success');\n if (this.severity === DsfrSeverityConst.INFO) classes.push('fr-alert--info');\n if (this.severity === DsfrSeverityConst.WARNING) classes.push('fr-alert--warning');\n if (this.size === DsfrSizeConst.SM) classes.push('fr-alert--sm');\n return classes;\n }\n\n /** @internal */\n isSmall(): boolean {\n return this.size == DsfrSizeConst.SM;\n }\n\n /** @internal */\n onClose(event: Event): void {\n const parentNode = this.el.nativeElement?.parentNode;\n if (parentNode) {\n this.renderer.removeChild(parentNode, this.el.nativeElement, true);\n }\n\n this.conceal.emit();\n }\n}\n","

\n \n

{{ message }}

\n \n {{ closeControlLabel }}\n \n
\n\n\n\n \n

\n \n

\n

\n \n

\n

\n \n

\n
\n \n
\n
\n \n
\n

\n \n

\n \n\n\n\n \n\n\n\n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrAlertComponent } from './alert.component';\n\n@NgModule({\n declarations: [DsfrAlertComponent],\n exports: [DsfrAlertComponent],\n imports: [CommonModule],\n})\nexport class DsfrAlertModule {}\n","import { Component, ViewEncapsulation } from '@angular/core';\nimport { I18nService } from '../../shared';\n\n@Component({\n selector: 'dsfr-backtotop',\n templateUrl: './backtotop.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrBackToTopComponent {\n constructor(/** @internal */ public i18n: I18nService) {}\n}\n","\n {{ i18n.t('backtotop.topOfPage') }}\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrBackToTopComponent } from './backtotop.component';\n\n@NgModule({\n declarations: [DsfrBackToTopComponent],\n exports: [DsfrBackToTopComponent],\n imports: [CommonModule],\n})\nexport class DsfrBackToTopModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrSizeConst } from '../../shared';\nimport { DsfrBadgeSeverity, DsfrBadgeSize } from './badges.model';\n\n@Component({\n selector: 'dsfr-badge',\n templateUrl: './badge.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrBadgeComponent {\n /** Label du badge, obligatoire. */\n @Input() label: string;\n\n /**\n * L'icône de sévérité n'est pas affiché si `true` (`false` par défaut).\n * Attention seuls les badges dits \"système\" peuvent avoir une icône, les badges \"custom\" ne le peuvent pas.\n */\n @Input() noIcon = false;\n\n /** Taille du badge, optionnel, `MD` par défaut. */\n @Input() size: DsfrBadgeSize = 'MD';\n\n /** Classe personnalisée pour la couleur du badge. */\n @Input() customClass: string;\n\n /** @internal */\n private _severity: DsfrBadgeSeverity | undefined = undefined;\n\n get severity(): DsfrBadgeSeverity | undefined {\n return this._severity;\n }\n\n /** Niveau d'alerte, optionnel. */\n @Input() set severity(value: DsfrBadgeSeverity | undefined) {\n this._severity = !value ? undefined : value?.toLowerCase();\n }\n\n /** @internal */\n getClasses() {\n if (!this.severity) return '';\n return {\n // Severity\n 'fr-badge--new': this.severity === 'new',\n 'fr-badge--success': this.severity === 'success',\n 'fr-badge--info': this.severity == 'info',\n 'fr-badge--warning': this.severity == 'warning',\n 'fr-badge--error': this.severity === 'error',\n // small\n 'fr-badge--sm': this.size === DsfrSizeConst.SM && this.label,\n // no-icon (system badges)\n 'fr-badge--no-icon': this.noIcon,\n };\n }\n}\n","

\n {{ label }}\n

\n","import { CommonModule } from '@angular/common';\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { DsfrBadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [DsfrBadgeComponent],\n exports: [DsfrBadgeComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class DsfrBadgeModule {}\n","/**\n * Définition d'un badge dans un groupe de badges\n */\nexport interface DsfrBadge {\n /** Label du badge **/\n label: string;\n\n /** Niveau d'alerte. Optionnel. */\n severity?: DsfrBadgeSeverity;\n\n /** L'icône de sévérité n'est pas affiché si 'true' (il est affiché par défaut). */\n noIcon?: boolean;\n\n /** @deprecated since 1.9. Ignoré, La taille des badges dans un groupe est liée au groupe. */\n size?: DsfrBadgeSize;\n\n /** Classe personnalisée pour la couleur du badge. */\n customClass?: string;\n}\n\n// -- Severity ---------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrBadgeSeverityConst {\n export const NEW = 'new';\n export const INFO = 'info';\n export const SUCCESS = 'success';\n export const WARNING = 'warning';\n export const ERROR = 'error';\n}\n\n/** Sévérité des badges, (minuscules recommandées) */\ntype Type = typeof DsfrBadgeSeverityConst;\nexport type DsfrBadgeSeverity = Type[keyof Type] | 'NEW' | 'SUCCESS' | 'INFO' | 'WARNING' | 'ERROR';\n\n// -- Size ---------------------------------------------------------------------------------------------------------\n\nexport type DsfrBadgeSize = 'SM' | 'MD';\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrBadge } from '../badge';\n\n@Component({\n selector: 'dsfr-badges-group',\n templateUrl: './badges-group.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrBadgesGroupComponent {\n /** Tableau de type ``. */\n @Input() badges: DsfrBadge[] = [];\n\n /** @since 1.9.0 Taille des badges */\n @Input() small = false;\n}\n","
    \n
  • \n \n
    • \n
\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrBadgeModule } from '../badge';\nimport { DsfrBadgesGroupComponent } from './badges-group.component';\n\n@NgModule({\n declarations: [DsfrBadgesGroupComponent],\n exports: [DsfrBadgesGroupComponent],\n imports: [CommonModule, DsfrBadgeModule],\n})\nexport class DsfrBadgesGroupModule {}\n","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { IsActiveMatchOptions, NavigationExtras } from '@angular/router';\nimport {\n DsfrLink,\n DsfrLinkTarget,\n DsfrLinkTargetConst,\n DsfrPosition,\n DsfrPositionConst,\n DsfrSize,\n DsfrSizeConst,\n I18nService,\n} from '../../shared';\n\n@Component({\n selector: 'dsfr-link',\n templateUrl: './link.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrLinkComponent implements Omit, OnInit {\n /** Permet d'ajouter un attribut `aria-current` sur le lien.*/\n @Input() ariaCurrent: string | undefined;\n\n /** @since 1.4.0 La propriété ariaLabel définit une valeur de chaîne qui étiquette un élément interactif. */\n @Input() ariaLabel: string | undefined;\n\n /** @since 1.7 Identifie l'élément (ou les éléments) contrôlé par cet élément. */\n @Input() ariaControls: string | undefined;\n\n /** Pour ajouter des classes CSS custom. */\n @Input() customClass: string | undefined;\n\n /**\n * Permet de désactiver le composant.\n */\n @Input() disabled = false;\n\n /** Classe de l'icône. */\n @Input() icon: string | undefined;\n\n /** Position de l'icône. À droite par défaut. */\n @Input() iconPosition: DsfrPosition | undefined = DsfrPositionConst.RIGHT;\n\n /** @since 1.6 */\n @Input() linkId: string | undefined;\n\n /** Texte du lien. */\n @Input() label: string;\n\n /** Lien href externe, exclusif avec route et routePath. */\n @Input() link: string | undefined;\n\n /** Attribut target du lien. */\n // Le nom 'target' crée un problème avec le CSS DSFR, puisque du coup, on a target=\"_blank\" dans le host et un\n // style s'applique, ce qui provoque un doublement de l'icône lien externe.\n @Input() linkTarget: DsfrLinkTarget | undefined;\n\n /** Path interne. Exclusif avec link et routePath, prioritaire sur link. */\n @Input() route: string | undefined;\n\n /** Path angular géré en tant que directive routerLink. Prioritaire et exclusif avec link et route. */\n @Input() routePath: string | string[] | undefined;\n\n /** Classe CSS utilisée pour la directive routerLink active. */\n @Input() routerLinkActive: string | string[] | undefined;\n\n /** RouterLink : options additionnelles pour le routerLinkActive (exact). */\n @Input() routerLinkActiveOptions: { exact: boolean } | IsActiveMatchOptions | undefined;\n\n /** RouterLink : options additionnelles ppour le routerLink (queryParams, state, etc.) */\n @Input() routerLinkExtras: NavigationExtras | undefined;\n\n /** Taille du lien. */\n @Input() size: DsfrSize = DsfrSizeConst.MD;\n\n /** Message du tooltip (attribut title). @since 1.3.0 */\n @Input() tooltipMessage: string | undefined;\n\n /** @since 1.7.0 Transforme un lien en bouton si `button`, `link` par défaut. */\n @Input() mode: 'link' | 'button' | undefined;\n\n /**\n * Si l'input 'route' est renseigné, sa valeur sera émise lorsque le lien est sélectionné.\n */\n @Output() linkSelect = new EventEmitter();\n\n constructor(private i18n: I18nService) {}\n\n /** @deprecated @since 1.5 utiliser `linkTarget` à la place. */\n get targetLink(): DsfrLinkTarget | undefined {\n return this.linkTarget;\n }\n\n /** @deprecated @since 1.5 utiliser `linkTarget` à la place. */\n @Input() set targetLink(value: DsfrLinkTarget | undefined) {\n this.linkTarget = value;\n }\n\n /**\n * @deprecated (@since 1.11.5) utiliser `routePath` à la place.\n * routerLink provoque un bug accessibilité sur la navigation au clavier (ajout d'un tabindex=0)\n **/\n @Input() set routerLink(value: string | string[] | undefined) {\n if (value) this.routePath = value;\n }\n\n ngOnInit(): void {\n if (this.linkTarget === DsfrLinkTargetConst.BLANK) {\n this.tooltipMessage = this.tooltipMessage\n ? ` ${this.tooltipMessage} - ${this.i18n.t('link.newWindow')}`\n : `${this.i18n.t('link.newWindow')}`;\n }\n }\n\n /** @internal */\n getHref(): string | undefined {\n return this.disabled ? undefined : this.link || this.route;\n }\n\n /** @internal */\n hasRouterLink(): boolean {\n return !this.disabled && !!this.routePath;\n }\n\n /** @internal */\n /*\n * DsfrLink est partagé par plusieurs composants, 'tag', 'card' et 'tile' à la place d'un simple lien.\n * Cela permet de bénéficier des nombreuses caractéristiques du composant DsfrLink.\n * @since 1.5 Cependant, la classe 'fr-link' ne doit pas cohabiter les classes de ces composants ('fr-tag', ...)\n */\n getClass() {\n return {\n 'fr-link': !this.customClass && !this.disabled,\n 'fr-link--icon-right': this.icon && this.iconPosition === DsfrPositionConst.RIGHT,\n 'fr-link--icon-left': this.icon && this.iconPosition === DsfrPositionConst.LEFT,\n 'fr-link--sm': this.size === DsfrSizeConst.SM,\n 'fr-link--lg': this.size === DsfrSizeConst.LG,\n };\n }\n\n /** @internal */\n getButtonClasses(): string {\n const classes = ['fr-btn', 'fr-btn--tertiary-no-outline'];\n if (this.customClass) classes.push(this.customClass);\n\n if (this.icon) {\n classes.push(this.icon);\n classes.push(this.iconPosition === DsfrPositionConst.RIGHT ? 'fr-btn--icon-right' : 'fr-btn--icon-left');\n }\n\n return classes.join(' ');\n }\n\n /** @internal */\n onLink(event: Event) {\n if (this.route && !this.routePath) {\n event.preventDefault();\n this.linkSelect.emit(this.route);\n } else if (this.link) {\n this.linkSelect.emit(this.link);\n }\n }\n}\n","\n\n
\n \n\n\n\n\n
\n \n\n\n\n\n
\n \n\n\n\n \n\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { DsfrLink, DsfrPosition, DsfrPositionConst } from '../../shared';\nimport { DsfrLinkComponent } from './link.component';\n\n@Component({\n selector: 'edu-item-link',\n templateUrl: './link.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule, RouterModule],\n})\nexport class ItemLinkComponent extends DsfrLinkComponent {\n // DsfrPositionConst.RIGHT pour être, malheureusement, compatible avec l'existant. undefined dans l'idéal.\n @Input() defaultIconPosition: DsfrPosition | undefined = DsfrPositionConst.RIGHT;\n\n /**@internal */\n private _item: DsfrLink | undefined;\n\n /**@internal */\n get item(): DsfrLink | undefined {\n return this._item;\n }\n\n /** @since 1.7 Optionnel, utilisation avec un model DsfrLink (exclusif avec les autres propriétés) */\n @Input() set item(value: DsfrLink | undefined) {\n this._item = value;\n if (this._item) {\n this.ariaControls = this._item.ariaControls;\n this.ariaCurrent = this._item.active ? 'page' : undefined;\n this.ariaLabel = this._item.ariaLabel;\n this.routePath = this._item.routerLink;\n this.route = this._item.route;\n this.routerLinkActive = this._item.routerLinkActive;\n this.routerLinkActiveOptions = this._item?.routerLinkActiveOptions;\n this.routerLinkExtras = this._item.routerLinkExtras;\n this.customClass = this.customClass || this._item.customClass;\n this.disabled = this._item.disabled || false;\n this.mode = this._item.mode;\n this.icon = this._item.icon;\n this.iconPosition = this._item.iconPosition || this.defaultIconPosition;\n this.label = this._item.label;\n this.link = this._item.link;\n this.linkId = this._item.linkId;\n this.linkTarget = this._item.linkTarget || this._item.target;\n this.tooltipMessage = this._item.tooltipMessage;\n }\n }\n}\n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { DsfrLink, I18nService } from '../../shared';\n\n@Component({\n selector: 'dsfr-breadcrumb',\n templateUrl: './breadcrumb.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrBreadcrumbComponent {\n /** Tableau d'item du fil d'Ariane. */\n @Input() items: DsfrLink[] = [];\n\n /** Attribut aria-label de la balise `nav` du fil d'Ariane. */\n @Input() ariaLabel: string;\n\n /** Confirmation du clic sur le bouton. */\n @Output() linkSelect = new EventEmitter();\n\n /** @internal */\n constructor(public i18n: I18nService) {\n this.ariaLabel = this.i18n.t('breadcrumb.ariaLabel');\n }\n\n /** @internal */\n onItem(item: DsfrLink): void {\n this.linkSelect.emit(item);\n }\n}\n","\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ItemLinkComponent } from '../link/item-link.component';\nimport { DsfrBreadcrumbComponent } from './breadcrumb.component';\n\n@NgModule({\n declarations: [DsfrBreadcrumbComponent],\n exports: [DsfrBreadcrumbComponent],\n imports: [CommonModule, ItemLinkComponent],\n})\nexport class DsfrBreadcrumbModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport {\n DsfrButton,\n DsfrButtonType,\n DsfrButtonVariant,\n DsfrButtonVariantConst,\n DsfrPosition,\n DsfrPositionConst,\n DsfrSize,\n DsfrSizeConst,\n} from '../../shared';\n\n@Component({\n selector: 'dsfr-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrButtonComponent implements DsfrButton {\n /** Libellé du bouton, obligatoire. */\n @Input() label: string;\n\n /** Type du button, `submit` par défaut. */\n @Input() type: DsfrButtonType;\n\n /**\n * Message du `tooltip` (attribut `title` du bouton) ou ajout d'un `span` en `sr-only` si pas de label.\n */\n @Input() tooltipMessage: string;\n\n /** Style du bouton, `primary` par défaut. */\n @Input() variant: DsfrButtonVariant = DsfrButtonVariantConst.PRIMARY;\n\n /** Taille du bouton, `MD` par défaut */\n @Input() size: DsfrSize = DsfrSizeConst.MD;\n\n /** Nom de l'icône. */\n @Input() icon: string | undefined;\n\n /** Position de l'icône, à gauche par défaut. */\n @Input() iconPosition: DsfrPosition;\n\n /** Permet de désactiver le bouton d'action, `false` par défaut. */\n @Input() disabled = false;\n\n /**\n * @deprecated (since 1.1.0)\n * Permet de passer le libellé du bouton en majuscules, 'false' par défaut.\n */\n /** @internal */\n @Input() uppercase = false;\n\n /**\n * @deprecated (since 1.1.0)\n * Permet d'activer un visuel dénotant un \"chargement\" (busy), 'false' par défaut.\n * */\n /** @internal */\n @Input() loader = false;\n\n /** 👓 Spécifie le libellé qui sera retranscrit par les narrateurs d'écran. */\n @Input() ariaLabel: string;\n\n /** Permet d'inverser le contraste du marqueur de focus, `false` par défaut. */\n @Input() invertedOutlineContrast = false;\n\n /** Permet d'identifier le button. */\n @Input() id: string;\n\n /**\n * 👓 `ariaControls` est utilisé pour la manipulation d'une modale par exemple.\n * (prise en charge du retour de focus à la fermeture de la modale).\n */\n // ariaControls ne fait pas partie de l'interface ?\n @Input() ariaControls: string;\n\n /** Style personnalisé `@since 1.3.0` */\n @Input() customClass: string;\n\n /** @internal */\n getClasses(): string[] {\n const classes: string[] = ['fr-btn'];\n\n if (this.customClass) classes.push(this.customClass);\n\n if (this.variant === DsfrButtonVariantConst.SECONDARY) classes.push('fr-btn--secondary');\n else if (this.variant === DsfrButtonVariantConst.TERTIARY) classes.push('fr-btn--tertiary');\n else if (this.variant === DsfrButtonVariantConst.TERTIARY_NO_OUTLINE) classes.push('fr-btn--tertiary-no-outline');\n\n if (this.icon) {\n classes.push(this.icon);\n if (this.label) {\n if (this.iconPosition === DsfrPositionConst.RIGHT) classes.push('fr-btn--icon-right');\n else classes.push('fr-btn--icon-left');\n }\n }\n\n if (this.size === DsfrSizeConst.SM) classes.push('fr-btn--sm');\n else if (this.size === DsfrSizeConst.LG) classes.push('fr-btn--lg');\n\n // 'déprécié'\n if (this.uppercase) classes.push('uppercase');\n if (this.invertedOutlineContrast) classes.push('inverted-outline-contrast');\n\n return classes;\n }\n}\n","\n {{ label }}\n {{ tooltipMessage }}\n\n","import { CommonModule } from '@angular/common';\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrButtonComponent } from './button.component';\n\n@NgModule({\n imports: [CommonModule, FormsModule],\n declarations: [DsfrButtonComponent],\n exports: [DsfrButtonComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class DsfrButtonModule {}\n","// -- Alignement -------------------------------------------------------------------------------------------------------\n\n/**\n * Constantes des modes d'alignement.\n */\nexport namespace DsfrAlignConst {\n /** Aligne les boutons sur la gauche. */\n export const DEFAULT = 'default';\n\n /** Aligne les boutons sur la droite */\n export const RIGHT = 'right';\n\n /* Les boutons ont les mêmes espacements ente eux. */\n export const BETWEEN = 'between';\n\n /** Aligne les boutons au centre du conteneur. */\n export const CENTER = 'center';\n\n /** Combine un alignement à droite avec une inversion du sens des boutons de droite à gauche. */\n export const REVERSE = 'reverse';\n}\n\n/**\n * Type des modes d'alignement.\n */\nexport type DsfrAlign = (typeof DsfrAlignConst)[keyof typeof DsfrAlignConst];\n\n// -- Inline -----------------------------------------------------------------------------------------------------------\n\nimport { DsfrSizeConst } from '../../shared';\n\nexport namespace DsfrInlineConst {\n /**\n * Mode vertical (par défaut).\n */\n export const NEVER = 'never';\n /**\n * Toujours en mode horizontal.\n */\n export const ALWAYS = 'always';\n /**\n * Mode horizontal à partir du point de rupture SM (576px).\n */\n export const FROM_SM = DsfrSizeConst.SM;\n /**\n * Mode horizontal à partir du point de rupture MD 576px.\n */\n export const FROM_MD = DsfrSizeConst.MD;\n /**\n * Mode horizontal à partir du point de rupture LG ().\n */\n export const FROM_LG = DsfrSizeConst.LG;\n}\n\ntype T = typeof DsfrInlineConst;\nexport type DsfrInline = T[keyof T];\n","import {\n AfterViewInit,\n Component,\n ContentChildren,\n ElementRef,\n Input,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomUtils, DsfrPosition, DsfrPositionConst, DsfrSize, DsfrSizeConst } from '../../shared';\nimport { DsfrButtonComponent } from '../button';\nimport { DsfrAlign, DsfrAlignConst, DsfrInline, DsfrInlineConst } from './buttons-group.model';\n\n@Component({\n selector: 'dsfr-buttons-group',\n templateUrl: './buttons-group.component.html',\n styleUrls: ['./buttons-group.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrButtonsGroupComponent implements AfterViewInit {\n /** @internal */\n @ContentChildren(DsfrButtonComponent) buttons!: QueryList;\n\n /**\n * Permet de basculer la disposition des boutons en mode horizontal.\n * En mode vertical, mode par défaut, les boutons prennent 100% de la largeur du conteneur.\n */\n @Input() inline: DsfrInline = DsfrInlineConst.NEVER;\n\n /**\n * Placement des boutons en mode `inline` :\n * - `default` : aligne les boutons sur la gauche.\n * - `right` : aligne les boutons sur la droite\n * - `between` : les boutons ont les mêmes espacements ente eux.\n * - `center` : aligne les boutons au centre du conteneur.\n * - `reverse` : les boutons se lisent de droite à gauche (implique nécessairement un placement à droite).\n *\n * 📌 n'a aucun effet en mode vertical.\n */\n @Input() alignment: DsfrAlign;\n\n /**\n * Permet de mettre automatiquement tous les boutons d’un groupe à la même largeur.\n * Cela permet une uniformité des boutons en mode horizontal.\n * (en mode vertical, les boutons prennent 100% de la largeur du conteneur)\n * Cette option peut être combinée avec la propriété d'alignement.\n */\n @Input() equisized = false;\n\n /** Taille des boutons du groupe. */\n @Input() size: DsfrSize = DsfrSizeConst.MD;\n\n private _iconPosition: DsfrPosition;\n\n constructor(private _elementRef: ElementRef) {}\n\n get iconPosition(): DsfrPosition {\n return this._iconPosition;\n }\n\n /**\n * Positionnement (gauche ou droite) au niveau du groupe des icônes dans les boutons qui\n * contiennent à la fois une icône et un label.\n */\n @Input() set iconPosition(value: DsfrPosition) {\n this._iconPosition = value;\n this.updateButtonsIconPosition();\n }\n\n /**\n * Cette méthode calcule les styles du composant en évitant les magic strings.\n * @internal\n */\n getClasses(): string[] {\n let classes: string[] = [];\n\n // Inline class\n switch (this.inline) {\n case 'always':\n classes.push('fr-btns-group--inline');\n break;\n case 'LG':\n classes.push('fr-btns-group--inline-lg');\n break;\n case 'MD':\n classes.push('fr-btns-group--inline-md');\n break;\n case 'SM':\n classes.push('fr-btns-group--inline-sm');\n break;\n\n default:\n break;\n }\n\n // Alignment class\n switch (this.alignment) {\n case DsfrAlignConst.CENTER:\n classes.push('fr-btns-group--center');\n break;\n case DsfrAlignConst.BETWEEN:\n classes.push('fr-btns-group--between');\n break;\n case DsfrAlignConst.RIGHT:\n classes.push('fr-btns-group--right');\n break;\n case DsfrAlignConst.REVERSE:\n classes.push('fr-btns-group--inline-reverse', 'fr-btns-group--right');\n break;\n\n default:\n break;\n }\n\n // Size class\n if (this.size === DsfrSizeConst.SM) {\n classes.push('fr-btns-group--sm');\n } else if (this.size === DsfrSizeConst.LG) {\n classes.push('fr-btns-group--lg');\n }\n\n // Equisized class\n if (this.equisized) {\n classes.push('fr-btns-group--equisized');\n }\n\n // IconPosition class\n if (this._iconPosition) {\n classes.push(\n this._iconPosition === DsfrPositionConst.LEFT ? 'fr-btns-group--icon-left' : 'fr-btns-group--icon-right',\n );\n }\n\n return classes;\n }\n\n ngAfterViewInit() {\n // Position des icônes de boutons\n this.updateButtonsIconPosition();\n\n // Ajout de
  • autour des boutons\n DomUtils.surroundChildWithli(this._elementRef, 'dsfr-button');\n }\n\n /** On force la position des icônes des boutons. */\n private updateButtonsIconPosition(): void {\n this.buttons?.forEach((button) => (button.iconPosition = this._iconPosition));\n }\n}\n","
      \n \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrButtonsGroupComponent } from './buttons-group.component';\n\n@NgModule({\n declarations: [DsfrButtonsGroupComponent],\n exports: [DsfrButtonsGroupComponent],\n imports: [CommonModule],\n})\nexport class DsfrButtonsGroupModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrHeadingLevel, DsfrHeadingLevelConst } from '../../shared';\n\n@Component({\n selector: 'dsfr-callout',\n templateUrl: './callout.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrCalloutComponent {\n /**\n * Titre du call out. Si inexistant, pas de balise titre.\n */\n @Input() heading: string;\n\n /**\n * Le niveau de titre devant être utilisé.\n * Valeurs supportées : H2, H3, H4, H5, H6 ou P si vous ne souhaitez pas positionner un titre de section.\n */\n @Input() headingLevel: DsfrHeadingLevel = DsfrHeadingLevelConst.H3;\n\n /**\n * Indique la classe d'icône à utiliser en haut à gauche. Ex. `fr-icon-information-line`.\n */\n @Input() icon: string;\n\n /**\n * Permet de personnaliser la couleur du tag. Il faut donner la class exact (ex : fr-callout--green-emeraude) que vous trouverez\n * [ici](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/222331196/Mise+en+avant+-+Call+out#Personnalisation).\n */\n @Input() customClass: string;\n\n /**\n * Détermine la liste des classes CSS à positioner sur le parent.\n * @returns un tableau de classes CSS\n *\n * @internal\n */\n getClasses(): string[] {\n let results: string[] = ['fr-callout'];\n if (this.icon) {\n results = results.concat(this.icon.trim().split(/\\s+/));\n }\n if (this.customClass) {\n results = results.concat(this.customClass.trim().split(/\\s+/));\n }\n\n return results;\n }\n}\n","
    \n \n

    \n

    \n

    \n
    \n
    \n

    \n     \n

    \n \n

    \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrCalloutComponent } from './callout.component';\n\n@NgModule({\n declarations: [DsfrCalloutComponent],\n exports: [DsfrCalloutComponent],\n imports: [CommonModule],\n})\nexport class DsfrCalloutModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { DsfrLinkComponent } from './link.component';\n\n@NgModule({\n declarations: [DsfrLinkComponent],\n exports: [DsfrLinkComponent],\n imports: [CommonModule, RouterModule],\n})\nexport class DsfrLinkModule {}\n","import { DsfrNavigation } from '../../shared';\n\n/** @since 1.4.0 Événement sur sélection d'un tag (si l'id est renseigné). */\nexport interface DsfrTagEvent {\n id: string;\n label: string;\n link: string;\n route: string;\n selected: boolean;\n}\n\n/** Description d'un élément tag */\nexport interface DsfrTag extends Omit {\n /** @since 1.3.2 id du tag, optionnel */\n id?: string;\n\n /** Permet de personnaliser la couleur du tag. **/\n customClass?: string;\n\n /**\n * Permet d'avoir un tag cliquable disabled.\n * @since 1.3\n */\n disabled?: boolean;\n\n /** Icône */\n icon?: string;\n\n /** Libelle du tag. */\n label: string;\n\n /** Lien du tag à renseigner si le mode est 'clickable'. */\n link?: string;\n\n /** Mode spécifique : default / selectable / clickable / deletable */\n mode?: DsfrTagMode;\n\n /** Path angular. */\n route?: string;\n\n /** État selected du tag. */\n selected?: boolean;\n\n /** Taille du tag (small ou médium). */\n small?: boolean;\n\n /** Attribut aria-label du tag */\n ariaLabel?: string;\n\n /** Tooltip du tag */\n //TODO: à déprécier au profit d'un input tooltipMessage (pour des raisons de consistence)\n title?: string;\n}\n\n/** Modes du tag sous forme de constantes. */\nexport namespace DsfrTagModeConst {\n /** Par défaut, le tag ne peut pas changer d'état ni accepter aucun lien. */\n export const DEFAULT = 'default';\n\n /** Un tag cliquable permet de débrancher sur un lien iou un path Angular. */\n export const CLICKABLE = 'clickable';\n\n /** Un tag 'selectable' change le tag d'état. */\n export const SELECTABLE = 'selectable';\n\n export const DELETABLE = 'deletable';\n}\ntype T = typeof DsfrTagModeConst;\n\n/** Modes du tag */\nexport type DsfrTagMode = T[keyof T];\n","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { NavigationExtras } from '@angular/router';\nimport { DsfrLinkTarget, I18nService } from '../../shared';\nimport { DsfrTag, DsfrTagEvent, DsfrTagMode, DsfrTagModeConst } from './tag.model';\n\n@Component({\n selector: 'dsfr-tag',\n templateUrl: './tag.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrTagComponent implements Omit, OnChanges {\n /** id du tag, optionnel */\n @Input() tagId: string;\n\n /**\n * Permet de personnaliser la couleur du tag. Il faut donner la classe exacte (ex : `fr-tag--green-emeraude`) que vous trouverez\n * [ici](https://gouvfr.atlassian.net/wiki/spaces/DB/pages/310706305/Tag#Personnalisation).\n */\n @Input() customClass: string;\n\n /**\n * Permet d'avoir un tag cliquable disabled.\n * @since 1.3\n */\n @Input() disabled: boolean;\n\n /** Classe de l'icône (cf. DSFR TAG). */\n @Input() icon: string | undefined; // undefined car peut provenir d'un DsfrTag.icon dans le cas d'un groupe\n\n /** Libelle du tag. */\n @Input() label: string;\n\n /** Lien href externe, exclusif avec route et routePath. */\n @Input() link: string;\n\n /** Target du lien. Target par défaut de l'application si la propriété est non renseignée. */\n @Input() linkTarget: DsfrLinkTarget;\n\n /** Path interne. Exclusif avec link et routePath */\n @Input() route: string;\n\n /** Path angular géré en tant que directive routerLink. Exclusif avec link et route. */\n @Input() routePath: string | string[];\n\n /** RouterLink : classe utilisée pour la directive routerLink active. */\n @Input() routerLinkActive: string | string[] | undefined;\n\n /** RouterLink : valeurs additionnelles de navigation pour le routerLink (queryParams, state etc.) */\n @Input() routerLinkExtras: NavigationExtras;\n\n /** État d'un tag 'selectable'. */\n // 1.3 Non automatiquement modifié lorsque l'état du bouton 'aria-pressed' change, 'aria-pressed' est géré\n // le JavaScript du DSFR, d'où la gestion de l'événement '(click)' pour synchroniser 'selected' et 'aria-pressed'.\n @Input() selected = false;\n\n /** Taille du tag (small ou médium). */\n @Input() small = false;\n\n /** Donne l'attribut title pour les liens. */\n @Input() tooltipMessage: string;\n\n @Input() ariaLabel: string;\n\n /**\n * Événement émis suite au click sur un tag, le contenu de l'événement est soit le lien, la route ou à défaut le label du tag.\n * @since 1.4.0, si l'id du tag est renseigné, l'événement émet un objet de type DsfrTagEvent.\n */\n @Output() tagSelect = new EventEmitter();\n\n /** @internal */\n ariaPressed: boolean;\n\n /** Mode spécifique : default / selectable / clickable / deletable (les modes exclusifs entre eux). */\n private _mode: DsfrTagMode;\n\n private _id: string;\n\n /** @internal */\n constructor(public i18n: I18nService) {}\n\n get mode(): DsfrTagMode {\n if (!this._mode) {\n if (this.selected) this._mode = DsfrTagModeConst.SELECTABLE;\n else if (this.link || this.route || this.routePath) this._mode = DsfrTagModeConst.CLICKABLE;\n }\n return this._mode;\n }\n\n /** Mode spécifique : default / selectable / clickable / deletable (les modes exclusifs entre eux). */\n @Input() set mode(value: DsfrTagMode) {\n this._mode = value;\n }\n\n /**\n * @deprecated (@since 1.5) utiliser tagId.\n * Attention en cas d'utilisation de cet attribut, il doit être utilisé en tant que propriété et non en attribut,\n * ex. [id]=\"'monid'\"\n */\n @Input() set id(value: string) {\n if (value) {\n this._id = value;\n this.tagId ??= this._id;\n }\n }\n\n /**\n * @deprecated (@since 1.11.5) utiliser `routePath` à la place.\n * routerLink provoque un bug accessibilité sur la navigation au clavier (ajout d'un tabindex=0)\n **/\n @Input() set routerLink(value: string | string[] | undefined) {\n if (value) this.routePath = value;\n }\n\n ngOnChanges({ selected }: SimpleChanges) {\n // On ne se préoccupe pas trop du mode qui à l'initialisation est 'default' (comme ça chacun porte ses responsabilités)\n if (selected) {\n // On synchronise l'attribut 'aria-pressed' avec la nouvelle valeur de selected\n this.ariaPressed = this.selected || false; // || false au cas où on reçoit undefined ou null\n // On n'émet pas d'événement\n }\n }\n\n /**\n * Valeur pour le 'href' dans le template.\n * @internal\n */\n getHrefValue(): string {\n return this.route || this.link;\n }\n\n /**\n * Tag `selectable` : événement `tagSelect()` avec le contenu de du lien ou à défaut son label.\n * @internal\n */\n onSelectable() {\n this.selected = !this.selected; // @since 1.3.2\n this.emitTagSelect(this.getHrefValue() || this.label);\n }\n\n /**\n * Événement (click) sur un lien.\n * @internal\n */\n onClickable(event: Event) {\n if (this.route) {\n event.preventDefault();\n this.emitTagSelect(this.route);\n }\n }\n\n /**\n * Tag `selectable` : événement `tagSelect()` avec le contenu de `link` ou à défaut son `label`.\n * @internal\n */\n onDeletable() {\n this.emitTagSelect(this.getHrefValue() || this.label);\n }\n\n /** @internal */\n getSelectableClasses(): string[] {\n return this.getDefaultClasses();\n }\n\n /** @internal */\n getClickableClasses(): string {\n const classes = this.getDefaultClasses();\n if (this.customClass) classes.push(this.customClass);\n return classes.join(' ');\n }\n\n /** @internal */\n getNotClickableClasses(): string[] {\n return this.getDefaultClasses();\n }\n\n /** @since 1.4.0 Emission de DsfrTagEvent */\n private emitTagSelect(value: string) {\n if (!this.tagId) this.tagSelect.emit(value);\n else {\n this.tagSelect.emit({\n id: this.tagId,\n label: this.label,\n link: this.link,\n route: this.route,\n selected: this.selected,\n });\n }\n }\n\n private getDefaultClasses(): string[] {\n const classes: string[] = ['fr-tag'];\n\n if (this.small) classes.push('fr-tag--sm');\n if (this.icon) {\n classes.push('fr-tag--icon-left');\n classes.push(this.icon);\n }\n // Un tag non cliquable ne peut pas avoir de custom class\n\n return classes;\n }\n}\n","\n \n \n \n {{ label }}\n \n \n\n \n \n \n {{ label }}\n \n \n\n \n \n \n \n\n \n \n

    \n {{ label }}\n

    \n     \n    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrLinkModule } from '../link';\nimport { DsfrTagComponent } from './tag.component';\n\n@NgModule({\n declarations: [DsfrTagComponent],\n exports: [DsfrTagComponent],\n imports: [CommonModule, DsfrLinkModule],\n})\nexport class DsfrTagModule {}\n","import {\n AfterContentInit,\n AfterViewInit,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomUtils } from '../../shared';\nimport { DsfrTag, DsfrTagComponent, DsfrTagEvent, DsfrTagMode } from '../tag';\n\n@Component({\n selector: 'dsfr-tags-group',\n templateUrl: './tags-group.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrTagsGroupComponent implements AfterViewInit, AfterContentInit {\n /** Modèle de présentation des tags. */\n @Input() tags: DsfrTag[] = [];\n\n /** Mode du groupe de tags (deletable / clickable / selectable). Surcharge le mode par tag. */\n @Input() mode: DsfrTagMode;\n\n /**\n * Événement émis suite au click sur un tag, le contenu de l'événement est soit le link, la route ou à défaut le label du tag.\n * @since 1.4.0, si l'id du tag est renseigné, l'événement émet un objet de type DsfrTagEvent.\n */\n @Output() tagSelect = new EventEmitter();\n\n /** @internal */\n @ContentChildren(DsfrTagComponent) tagsComponent: QueryList;\n\n constructor(private _elementRef: ElementRef) {}\n\n /** @internal */\n ngAfterViewInit() {\n DomUtils.surroundChildWithli(this._elementRef, 'dsfr-tag');\n }\n\n /** @internal */\n ngAfterContentInit(): void {\n if (this.mode && this.tagsComponent) {\n this.setGroupeMode();\n }\n }\n\n /**\n * Surcharge le mode de chaque tag avec le mode du groupe en cas d'utilisation de ng-content.\n * @internal\n */\n setGroupeMode() {\n this.tagsComponent.map((c) => (c.mode = this.mode));\n }\n\n /** @internal */\n onTagSelect(event: string | DsfrTagEvent) {\n this.tagSelect.emit(event);\n }\n}\n","
      \n \n \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrTagModule } from '../tag';\nimport { DsfrTagsGroupComponent } from './tags-group.component';\n\n@NgModule({\n declarations: [DsfrTagsGroupComponent],\n exports: [DsfrTagsGroupComponent],\n imports: [CommonModule, DsfrTagModule],\n})\nexport class DsfrTagsGroupModule {}\n","import { Component, Input } from '@angular/core';\nimport { NavigationExtras } from '@angular/router';\nimport {\n DsfrFileSizeUnit,\n DsfrHeadingLevel,\n DsfrLink,\n DsfrLinkTarget,\n DsfrNavigation,\n DsfrSize,\n LangService,\n downloadDetail,\n} from '../../shared';\nimport { DsfrBadge } from '../badge';\nimport { DsfrPanelBackground, DsfrPanelBorder } from '../card';\nimport { DsfrTag } from '../tag';\n// Ne peut pas être déplacé dans 'shared' à cause de la dépendance sur DsfrBadge et DsfrTag\n\nexport const DEFAULT_HEADING_LEVEL: DsfrHeadingLevel = 'H3';\n\n@Component({ template: '' })\nexport abstract class BasePanelComponent implements DsfrNavigation {\n /** @since 1.7 La propriété ariaLabel définit une valeur de chaîne qui étiquette un élément interactif. */\n @Input() ariaLabel?: string;\n\n /**\n * Permet de positionner des badges (jusqu'à 4 badges maxi) en haut du composant, optionnel.\n * @see DsfrBadge\n */\n @Input() badges: DsfrBadge[] = [];\n\n /**\n * Permet d'avoir un fond gris ou transparent.\n */\n @Input() customBackground: DsfrPanelBackground = 'default';\n\n /**\n * Permet d'afficher une ombre ou ne pas mettre de bordure.\n */\n @Input() customBorder: DsfrPanelBorder = 'default';\n\n /**\n * Une description optionnelle plein texte.\n */\n @Input() description: string;\n\n /**\n * Permet de désactiver le composant.\n */\n @Input() disabled = false;\n\n /**\n * Equivalent à l'attribut html natif 'download'.\n * - true : la fenêtre de téléchargement s'affiche directement,\n * - false : le fichier est ouvert avant d'être téléchargé,\n * - string : nouveau nom de fichier proposé au téléchargement.\n */\n @Input() downloadDirect: boolean | string = true;\n\n /**\n * Si 'true' (défaut) : le détail du téléchargement est automatiquement renseigné par le script DSFR.\n * - Dans ce cas, les propriétés : 'downloadMimeType', 'downloadSizeBytes', 'downloadLangCode' sont ignorées.\n * Si 'false' : le détail est calculé par la librairie 'ngx-dsfr'.\n * Dans les 2 cas, l'unité dépend de la langue du site, en octets (ko, Mo, ...) pour 'fr', en 'bytes' (KB, MB...) pour les autres langues.\n * Ce mécanisme peut être forcé avec 'downloadSizeUnit'.\n */\n @Input() downloadAssessFile = true;\n\n /**\n * Obligatoire, dans le cas d'un téléchargement si le document n'est pas du même langage que la page courante.\n * Ex : downloadLangCode=\"en\".\n */\n @Input() downloadLangCode: string;\n\n /**\n * Format du fichier, à renseigner si downloadAssessFile est faux.\n */\n @Input() downloadMimeType: string;\n\n /**\n * Poids du fichier en octets, à renseigner si downloadAssessFile est faux.\n * */\n @Input() downloadSizeBytes: number;\n\n /**\n * Permet de désactiver le lien étendu de la carte.\n */\n @Input() enlargeLink = true;\n\n /**\n * Titre du composant.\n * Le fait de valoriser cette propriété est prioritaire sur le ng-content [heading].\n * Attention fonctionnellement la présence d'un titre est obligatoire.\n */\n @Input() heading: string;\n\n /**\n * Le niveau de titre devant être utilisé (tag `h4` par défaut).\n * Cette balise ne produit pas de style, mais de la structure.\n */\n @Input() headingLevel: string = DEFAULT_HEADING_LEVEL;\n\n /**\n * Passe le composant en mode horizontal.\n */\n @Input() horizontal = false;\n\n /**\n * Permet de positionner un lien de type href.\n * Sert aussi de lien de téléchargement.\n */\n @Input() link: string;\n\n /**\n * Permet de positionner une route Angular qui sera récupérée via 'output tileSelect.\n */\n @Input() route: string;\n\n /**\n * Path angular géré en tant que directive routerLink. Prioritaire et exclusif avec link et route.\n */\n @Input() routePath: string | string[];\n\n /**\n * Classe CSS utilisée pour la directive routerLink active.\n */\n @Input() routerLinkActive: string | string[] | undefined;\n\n /**\n * RouterLink : valeurs additionnelles de navigation pour le routerLink (queryParams, state, etc.)\n */\n @Input() routerLinkExtras: NavigationExtras;\n\n /**\n * Dimension du composant, 'MD' par défaut ('SM, 'MD' uniquement pour la tuile).\n */\n @Input() size: DsfrSize = 'MD';\n\n private _download = false;\n private _downloadSizeUnit: DsfrFileSizeUnit;\n private _linkTarget: DsfrLinkTarget;\n private _tags: DsfrTag[] = [];\n private _detailBottom: string;\n\n protected constructor(private langService: LangService) {}\n\n get downloadSizeUnit(): DsfrFileSizeUnit {\n return this._downloadSizeUnit || this.langService.lang ? 'octets' : 'bytes';\n }\n\n get linkTarget(): DsfrLinkTarget {\n return this._linkTarget;\n }\n\n get tags(): DsfrTag[] {\n return this._tags;\n }\n\n get itemLink(): DsfrLink {\n const label = this.heading ? this.heading : '';\n const itemLink: DsfrLink = { label: label, ariaLabel: this.ariaLabel }; // ariaLabel @since 1.7\n if (this.link) {\n itemLink.link = this.link;\n } else if (this.route) {\n itemLink.route = this.route;\n }\n return itemLink;\n }\n\n get download(): boolean {\n return this._download;\n }\n\n get detailBottom(): string {\n return !this.download ? this._detailBottom : this.downloadDetail;\n }\n\n /**\n * Dans le cas d'un téléchargement sans l'option 'downloadAssessFile',\n * on crée le détail à l'aide des propriétés 'downloadSizeBytes', 'downloadMimeType'.\n * @internal\n */\n protected get downloadDetail(): string {\n return downloadDetail(this.downloadMimeType, this.downloadSizeBytes, this.downloadSizeUnit);\n }\n\n /**\n * Transforme le composant classique en composant de téléchargement.\n */\n @Input() set download(download: boolean) {\n this._download = download;\n if (this._download) this.enlargeLink = true;\n }\n\n /** Zone de détail se trouvant visuellement sous la description et à côté de l’icône, optionnel.\n * Pour la tuile, on peut passer un slot de sélecteur \"detail\".\n * En cas de téléchargement le détail est remplacé par les informations du fichier calculées selon downloadAssessFile.\n */\n @Input() set detailBottom(value: string) {\n this._detailBottom = value;\n }\n\n /**\n * Force l'unité par défaut qui dépend de la langue du site, en octets (ko, Mo, ...) pour 'fr', en 'bytes' (KB, MB...) pour les autres langues.\n */\n @Input() set downloadSizeUnit(value: DsfrFileSizeUnit) {\n this._downloadSizeUnit = value;\n }\n\n /**\n * Attribut target du lien.\n */\n @Input() set linkTarget(target: DsfrLinkTarget) {\n this._linkTarget = target;\n\n // Si un lien est externe, le composant ne peut pas être entièrement cliquable\n if (target === '_blank') this.enlargeLink = false;\n }\n\n /**\n * Permet de positionner des tags en haut de la carte (cliquables ou non), optionnel.\n * @see DsfrTag\n */\n @Input() set tags(tags: DsfrTag[]) {\n this._tags = tags;\n\n // Vérifie si un tag est cliquable pour désactiver enlargeLink.\n if (tags?.find((tag) => tag.link)) this.enlargeLink = false;\n }\n\n /**\n * @deprecated (@since 1.11.5) utiliser `routePath` à la place.\n * routerLink provoque un bug accessibilité sur la navigation au clavier (ajout d'un tabindex=0)\n **/\n @Input() set routerLink(value: string | string[] | undefined) {\n if (value) this.routePath = value;\n }\n\n /** @internal */\n hasLink(): boolean {\n return !!(this.link || this.route || this.routePath);\n }\n}\n","// -- Background -------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrPanelBackgroundConst {\n export const DEFAULT = 'default';\n export const GREY = 'grey';\n export const TRANSPARENT = 'transparent';\n}\ntype TypeBackground = typeof DsfrPanelBackgroundConst;\n\nexport type DsfrPanelBackground = TypeBackground[keyof TypeBackground];\n\n// -- Border -----------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrPanelBorderConst {\n export const DEFAULT = 'default';\n export const NO_BORDER = 'no-border';\n export const SHADOW = 'shadow';\n}\ntype TypeBorder = typeof DsfrPanelBorderConst;\n\nexport type DsfrPanelBorder = TypeBorder[keyof TypeBorder];\n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { DsfrSizeConst, I18nService, LangService } from '../../shared';\nimport { BasePanelComponent } from './base-panel.component';\nimport { DsfrPanelBackgroundConst, DsfrPanelBorderConst } from './base-panel.model';\nimport { DsfrImageFit, DsfrImageRatio, DsfrImageType } from './card.model';\n\n@Component({\n selector: 'dsfr-card',\n templateUrl: './card.component.html',\n styleUrls: ['./card.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrCardComponent extends BasePanelComponent {\n /** Si true, les badges seront affichés sur la zone media. */\n @Input() badgesOnMedia: boolean;\n\n /**\n * Le détail, optionnel. Supporte le format HTML (slot avec sélecteur \"detail\")\n */\n @Input() detail: string;\n\n /** Icône de la zone de détail, optionnel. */\n @Input() detailIcon: string;\n\n /** Icône devant le détail situé au bas de la carte, optionnel. */\n @Input() detailBottomIcon: string;\n\n /**\n * Zone d'actions, composée de bouton ou de liens (jusqu'à 4 éléments), optionnelle (mais incompatible avec la\n * deuxième zone de détail).\n * Usage : cette propriété doit être activée pour afficher le contenu fourni par l'intermédiaire du slot 'actions'\n */\n @Input() hasFooter = false;\n\n /** Texte alternatif d'une image à utiliser uniquement si l'image à une information à passer. */\n @Input() imageAlt: string;\n\n /**\n * Selon la valeur utilisée pour 'imageFit', l'élément peut être rogné, mis à l'échelle ou étiré, afin de remplir\n * la boîte qui le contient.\n */\n @Input() imageFit: DsfrImageFit;\n\n /** Url de l'image de l'entête, optionnel. */\n @Input() imagePath: string;\n\n /** Ratio de l'image. */\n @Input() imageRatio: DsfrImageRatio;\n\n /**\n * Type d'illustration\n * - `img` : pour l'utilisation d'une balise ''.\n * - `svg` : pour l'utilisation de ''.\n * Si c'est le cas, `@ImagePath` devient le path du fichier `sprite.svg` et la concaténation de l'id du svg à afficher.\n */\n @Input() imageType: DsfrImageType = 'img';\n\n /** Signale quand la carte est sélectionnée. */\n @Output() readonly cardSelect: EventEmitter = new EventEmitter();\n\n /**@internal */\n constructor(\n langService: LangService,\n public i18n: I18nService,\n ) {\n super(langService);\n this.enlargeLink = false;\n }\n\n /** @internal */\n getClasses(): {} {\n return {\n 'fr-card': true,\n 'fr-card--horizontal': this.horizontal,\n 'fr-card--download': this.download,\n 'fr-enlarge-link': this.enlargeLink && !this.hasFooter,\n 'fr-card--no-arrow': this.hasFooter,\n 'fr-card--no-border': this.customBorder === DsfrPanelBorderConst.NO_BORDER,\n 'fr-card--shadow': this.customBorder === DsfrPanelBorderConst.SHADOW,\n 'fr-card--grey': this.customBackground === DsfrPanelBackgroundConst.GREY,\n 'fr-card--no-background': this.customBackground === DsfrPanelBackgroundConst.TRANSPARENT,\n 'fr-card--sm': this.size === DsfrSizeConst.SM,\n 'fr-card--lg': this.size === DsfrSizeConst.LG,\n };\n }\n\n /** @internal */\n onLinkSelect(): void {\n // on propage l'output, pas besoin de gérer ici le preventDefault, c'est géré en amont\n if (this.route) {\n this.cardSelect.emit(this.route);\n }\n }\n}\n","
    \n \n
    \n
    \n \n \n \n \n\n \n
    \n \n \n

    \n {{ detail }}\n

    \n
    \n\n \n

    \n\n \n
    \n

    \n {{ detailBottom }}\n

    \n
    \n
    \n\n \n
    \n \n
    \n
    \n \n
    \n
    \n \n \n \n
    \n \n
    \n
    \n\n\n \n

    \n \n

    \n

    \n \n

    \n

    \n \n

    \n
    \n \n
    \n
    \n \n
    \n     \n    \n\n\n \n \n \n \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { LinkDownloadComponent, SvgIconModule } from '../../shared';\nimport { DsfrBadgesGroupModule } from '../badges-group';\nimport { DsfrLinkModule } from '../link';\nimport { DsfrTagsGroupModule } from '../tags-group';\nimport { DsfrCardComponent } from './card.component';\n\n@NgModule({\n declarations: [DsfrCardComponent],\n exports: [DsfrCardComponent],\n imports: [\n CommonModule,\n DsfrBadgesGroupModule,\n DsfrTagsGroupModule,\n SvgIconModule,\n DsfrLinkModule,\n LinkDownloadComponent,\n ],\n})\nexport class DsfrCardModule {}\n","// -- Background -------------------------------------------------------------------------------------------------------\n\nimport { DsfrPanelBackground, DsfrPanelBackgroundConst, DsfrPanelBorder } from './base-panel.model';\n\n/** @deprecated @since 1.5.0 use DsfrPanelBackgroundConst instead */\nexport namespace DsfrCardBackgroundConst {\n export const DEFAULT = 'default';\n export const GREY = 'grey';\n export const TRANSPARENT = 'transparent';\n}\n\n/** @deprecated @since 1.5.0 use DsfrPanelBackground instead */\nexport type DsfrCardBackground = DsfrPanelBackground;\n\n// -- Border -----------------------------------------------------------------------------------------------------------\n\n/** @deprecated @since 1.5.0 use DsfrPanelBorderConst instead */\nexport namespace DsfrCardBorderConst {\n export const DEFAULT = 'default';\n export const NO_BORDER = 'no-border';\n export const SHADOW = 'shadow';\n}\n\n/** @deprecated @since 1.5.0 use DsfrPanelBorder instead */\nexport type DsfrCardBorder = DsfrPanelBorder;\n\n// -- Image Fit --------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrImageFitConst {\n export const FILL = 'fill';\n export const CONTAIN = 'contain';\n export const COVER = 'cover';\n export const NONE = 'none';\n export const SCALE_DOWN = 'scale-down';\n}\ntype TypeImageFit = typeof DsfrImageFitConst;\n\nexport type DsfrImageFit = TypeImageFit[keyof TypeImageFit];\n\n// -- Image Ratio ------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrImageRatioConst {\n export const RATIO_32_9 = '16:9/2';\n export const RATIO_16_9 = '16:9';\n export const RATIO_3_2 = '3:2';\n export const RATIO_4_3 = '4:3';\n export const RATIO_1_1 = '1:1';\n export const RATIO_3_4 = '3:4';\n export const RATIO_2_3 = '2:3';\n}\ntype TypeRatio = typeof DsfrImageRatioConst;\n\nexport type DsfrImageRatio = TypeRatio[keyof TypeRatio];\n\n// -- Image Type ------------------------------------------------------------------------------------------------------\n\nexport namespace DsfrImageTypeConst {\n export const IMG = 'img';\n export const SVG = 'svg';\n}\n\ntype K = typeof DsfrImageTypeConst;\n\nexport type DsfrImageType = K[keyof K];\n","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { I18nService } from '../../../../shared';\nimport { DsfrFinality, DsfrSubFinality } from '../../consent-banner.model';\n\n@Component({\n selector: 'edu-consent-service',\n templateUrl: './consent-service.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class ConsentServiceComponent implements OnInit {\n /**\n * Le modèle de présentation.\n */\n @Input() finality: DsfrFinality;\n /**\n * L'index de la finalité au sein du panneau de gestion.\n */\n @Input() idxFinality: number;\n /**\n * Émis lors l'utilisateur accepte/refuse la finalité.\n */\n @Output() finalityChange = new EventEmitter(); // changement accept/refuse d'une finalité ou sous-finalité\n\n _acceptAll: boolean | undefined;\n fieldsetLabelledBy: string;\n buttonDescribedBy = 'finality-{{idxFinality}}-legend';\n buttonControls = 'finality-{{idxFinality}}-collapse';\n\n constructor(public i18n: I18nService) {}\n\n /**\n * Au changement utilisateur accepter tout / refuser tout, mettre a jour la finalité et finalités enfants\n * Pas de mise à jour si la finalité est en disabled ou exempt (toujours accept=true)\n * @param value true (accept all), false (refuse all), undefined (pas de sélection)\n */\n @Input() set acceptAll(value: boolean | undefined) {\n this._acceptAll = value;\n if (this._acceptAll !== undefined && !this.finality.disabled && !this.finality.exempt) {\n this.finality.accept = this._acceptAll;\n this.finality.subFinalities?.map((f) => (f.accept = this._acceptAll));\n }\n }\n\n ngOnInit() {\n const index = this.idxFinality;\n this.fieldsetLabelledBy = `finality-${index}-legend finality-${index}}-desc`;\n this.buttonDescribedBy = `finality-${index}-legend`;\n this.buttonControls = `finality-${index}-collapse`;\n if (this.finality.exempt || this.finality.disabled) {\n this.finality.accept = true;\n }\n }\n\n /**\n * Changement accept/refuse de la finalité, mettre a jour les sous-finalités enfant\n * @param subFinality sous-finalité concernée\n */\n onFinalityRadioChange() {\n if (this.finality.subFinalities) {\n this.finality.subFinalities.map((f: DsfrSubFinality) => (f.accept = this.finality.accept));\n }\n this.finalityChange.emit(this.finality);\n }\n\n /**\n * Changement accept/refuse d'une sous finalité, remettre la finalité parente en accept undefined si necessaire\n * @param subFinality sous-finalité concernée\n */\n onSubFinalityRadioChange(subFinality: DsfrSubFinality) {\n if (\n (this.finality.accept && subFinality.accept === false) ||\n (this.finality.accept === false && subFinality.accept)\n ) {\n this.finality.accept = undefined;\n }\n\n this.finalityChange.emit(this.finality);\n }\n}\n","
    \n \n {{ finality.name }}\n
    \n
    \n \n \n
    \n
    \n \n \n
    \n

    {{ i18n.t('consent.manager.finalityExempt') }}

    \n
    \n

    \n {{ finality.description }}\n

    \n
    \n \n {{ i18n.t('consent.manager.showDetails') }}\n \n
    \n \n \n
    \n","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { DsfrNavigation, I18nService } from '../../../shared';\nimport { DsfrFinality } from '../consent-banner.model';\n\nexport const CONSENT_MODAL_ID = 'consent-modal-id';\n\n@Component({\n selector: 'edu-consent-manager',\n templateUrl: './consent-manager.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class ConsentManagerComponent implements OnInit {\n /** URL de présentation des données personnelles. */\n @Input() rgpdNavigation: DsfrNavigation;\n\n /** Modèle de présentation : liste de finalités. */\n @Input() finalities: DsfrFinality[];\n\n /** Confirmation de la personnalisation des finalités. */\n @Output() confirmSelect = new EventEmitter();\n\n /** Changement selection accept/refuse d'une finalité ou sous-finalité. */\n @Output() finalityChange = new EventEmitter();\n\n /** @since 1.7 Signale quand la route rgdp est sélectionnée. */\n @Output() rgpdRouteSelect = new EventEmitter();\n\n /** internal */ modalId: string;\n /** internal */ titleId: string;\n\n acceptAll: boolean | undefined;\n\n constructor(public i18n: I18nService) {}\n\n ngOnInit(): void {\n this.acceptAll = undefined;\n this.modalId = CONSENT_MODAL_ID;\n this.titleId = this.modalId + '-title';\n }\n\n /**\n * Changemennt selection accept/refuse d'une finalité ou sous-finalité\n * @param finality\n */\n onFinalityChange(finality: DsfrFinality): void {\n this.finalityChange.emit(finality);\n }\n\n /**\n * Confirmation de la sélection\n */\n onConfirm(): void {\n this.confirmSelect.emit(this.finalities);\n }\n\n /** @since 1.7 */\n onRgpdSelect(): void {\n // Signale quand la route rgdp est sélectionnée\n const route = this.rgpdNavigation.route;\n if (route) this.rgpdRouteSelect.emit(route);\n }\n}\n","\n
    \n
    \n
    \n
    \n
    \n \n {{ i18n.t('commons.close') }}\n \n
    \n
    \n

    {{ i18n.t('consent.manager.title') }}

    \n \n
    \n \n
    \n
    \n \n {{ i18n.t('consent.manager.preferences') }}\n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n
    \n\n \n\n \n
      \n
    • \n \n
      • \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n    \n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { NavigationExtras } from '@angular/router';\nimport { DsfrLinkTarget, I18nService } from '../../shared';\nimport { DsfrFinality } from './consent-banner.model';\nimport { CONSENT_MODAL_ID } from './consent-manager/consent-manager.component';\n\n@Component({\n selector: 'dsfr-consent-banner',\n templateUrl: './consent-banner.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrConsentBannerComponent {\n /**\n * URL de présentation des données personnelles. Utilisé si welcome n'est pas renseigné\n * RGPD : Règlement Général sur la Protection des Données\n */\n @Input() rgpdLink = 'https://www.transformation.gouv.fr/donnees-personnelles-et-cookies';\n\n /** @since 1.7 Target du lien. Target par défaut de l'application si la propriété est non renseignée. */\n @Input() rgpdLinkTarget?: DsfrLinkTarget | undefined;\n\n /** @since 1.7 Path interne. Exclusif avec link et routerLink */\n @Input() rgpdRoute?: string;\n\n /** @since 1.7 Path angular géré en tant que directive routerLink. Exclusif avec link et route. */\n @Input() rgpdRouterLink?: string | string[];\n\n /** @since 1.7 RouterLink : classe utilisée pour la directive routerLink active. */\n @Input() rgpdRouterLinkActive?: string | string[];\n\n /** @since 1.7 RouterLink : valeurs additionnelles de navigation pour le routerLink (queryParams, state etc.) */\n @Input() rgpdRouterLinkExtras?: NavigationExtras;\n\n /** Titre de la bannière */\n @Input() heading: string;\n\n /**\n * Modèle de présentation des finalités.\n */\n @Input() finalities: DsfrFinality[];\n\n /** Sélection bouton Tout accepter*/\n @Output() acceptAllSelect = new EventEmitter();\n\n /** Sélection bouton Tout refuser */\n @Output() refuseAllSelect = new EventEmitter();\n\n /** Sélection bouton Personnaliser */\n @Output() customizeSelect = new EventEmitter();\n\n /** Validation de la personnalisation */\n @Output() confirmCustomizeSelect = new EventEmitter();\n\n /** Sélection de Accepter ou Refuser pour une finalité */\n @Output() finalityChange = new EventEmitter();\n\n /** @since 1.7 Signale quand la route rgdp est sélectionnée. */\n @Output() rgpdRouteSelect = new EventEmitter();\n\n /** Description de bienvenue. Utilisation du texte par défaut si non renseigné */\n @Input() welcome: string;\n\n /** @internal */ modalId = CONSENT_MODAL_ID;\n\n /** @internal */\n constructor(public i18n: I18nService) {}\n\n /** @deprecated (@since 1.7) utiliser `rgdpLink` à la place. */\n get rgpdUrl(): string {\n return this.rgpdLink;\n }\n\n /** @deprecated (@since 1.7) utiliser 'heading' à la place. */\n get title(): string {\n return this.heading;\n }\n\n /** @deprecated (@since 1.7) utiliser `rgdpLink` à la place. */\n @Input() set rgpdUrl(value: string) {\n this.rgpdLink = value;\n }\n\n /** @deprecated (@since 1.7) utiliser `heading` à la place. */\n @Input() set title(value: string) {\n this.heading = value;\n }\n\n /**\n * Accepter tout\n * @internal\n */\n onAcceptAll(): void {\n this.acceptAllSelect.emit();\n }\n\n /**\n * Refuser tout\n * @internal\n */\n onRefuseAll(): void {\n this.refuseAllSelect.emit();\n }\n\n /**\n * Changement de sélection accept/refuse d'une finalité ou sous-finalité.\n * @internal\n */\n onFinalityChange(finality: DsfrFinality): void {\n this.finalityChange.emit(finality);\n }\n\n /**\n * Ouverture du panneau de personnalisation des finalités.\n * @internal\n */\n onCustomizeSelect(): void {\n this.customizeSelect.emit();\n }\n\n /**\n * Confirmation de la personnalisation des finalités.\n * @param finalities liste des finalités\n * @internal\n */\n onConfirmCustomize(finalities: DsfrFinality[]): void {\n this.confirmCustomizeSelect.emit(finalities);\n }\n\n /** @since 1.7 Emet un événement lors de la sélection du lien RGPD si l'accès aux RGPD est fait via la propriété 'route'. */\n /** @internal */\n onRgpdSelect(): void {\n // Relais. Signale quand la route rgdp est sélectionnée\n if (this.rgpdRoute) this.rgpdRouteSelect.emit(this.rgpdRoute);\n }\n}\n","
    \n

    {{ title }}

    \n \n
    \n

    \n

    \n {{ i18n.t('consent.welcome[0]') }}\n {{ i18n.t('consent.welcome[2]') }}\n

    \n
    \n \n
  • \n \n
    • \n
  • \n \n
    • \n
  • \n \n {{ i18n.t('consent.customize') }}\n \n
    • \n \n\n\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrLinkModule } from '../../link';\nimport { ConsentManagerComponent } from './consent-manager.component';\nimport { ConsentServiceComponent } from './consent-service/consent-service.component';\n\n@NgModule({\n declarations: [ConsentManagerComponent, ConsentServiceComponent],\n exports: [ConsentManagerComponent],\n imports: [CommonModule, FormsModule, DsfrLinkModule],\n})\nexport class DsfrConsentManagerModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrLinkModule } from '../link';\nimport { DsfrConsentBannerComponent } from './consent-banner.component';\nimport { DsfrConsentManagerModule } from './consent-manager/consent-manager.module';\n\n@NgModule({\n declarations: [DsfrConsentBannerComponent],\n exports: [DsfrConsentBannerComponent],\n imports: [CommonModule, FormsModule, DsfrConsentManagerModule, DsfrLinkModule],\n})\nexport class DsfrConsentBannerModule {}\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { I18nService, newUniqueId } from '../../shared';\n\n@Component({\n selector: 'dsfr-transcription',\n templateUrl: './transcription.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule],\n})\nexport class DsfrTranscriptionComponent implements AfterContentInit {\n /**\n * Contenu de la transcription, prioritaire sur le slot sans sélecteur.\n * Le slot permet d'avoir un contenu plus riche.\n */\n @Input() content: string;\n\n /** Titre du média de niveau h1. */\n @Input() heading: string;\n\n /** @internal */ collapseId: string;\n /** @internal */ dialogId: string;\n /** @internal */ titleId: string;\n /** @internal */ roleDialog = false;\n\n constructor(public i18n: I18nService) {}\n\n ngAfterContentInit(): void {\n this.collapseId = newUniqueId();\n this.dialogId = newUniqueId();\n this.titleId = newUniqueId();\n }\n\n /** @internal */\n enlargeScript() {\n this.roleDialog = !this.roleDialog;\n }\n}\n","
    \n \n
    \n
    \n
    \n \n {{ i18n.t('commons.enlarge') }}\n \n
    \n
    \n
    \n \n
    \n
    \n \n
    \n
    \n
    \n \n
    \n
    \n

    \n {{ heading }}\n

    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n","import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { NavigationExtras } from '@angular/router';\nimport { DsfrLinkTarget, DsfrNavigation, DsfrSize, DsfrSizeConst } from '../../shared';\nimport { DsfrMedia } from './media';\n\n// https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/medias/\ntype RatioImage = '16:9/2' | '16:9' | '3:2' | '4:3' | '1:1' | '3:4' | '2:3';\ntype RatioVideo = '16:9' | '4:3' | '1:1';\n\n@Component({\n selector: 'dsfr-content',\n templateUrl: './content.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrContentComponent implements DsfrNavigation {\n // -- Commun images / vidéos -----------------------------------------------------------------------------------------\n\n /** Type du média 'image' | 'video', 'image' par défaut. */\n @Input() type: DsfrMedia = 'image';\n\n /** Légende, optionnelle */\n @Input() legend: string | undefined;\n\n /** Le format conseillé par défaut est le 16:9. */\n @Input() ratio: RatioImage | RatioVideo = '16:9';\n\n /** @requires media, image, vidéo ou audio, obligatoire */\n @Input() source: string;\n\n // -- Lien de transcription sous le media (optionnel) ----------------------------------------------------------------\n\n /**\n * @since 1.6 remplace 'transcriptionLabel'.\n * Label du lien (de transcription), optionnel.\n */\n @Input() linkLabel: string;\n\n /** Lien de transcription (ou autre), optionnel. */\n @Input() link: string;\n\n /** Target du lien. Target par défaut de l'application si la propriété est non renseignée. */\n @Input() linkTarget: DsfrLinkTarget;\n\n /** Path interne. Exclusif avec link et routePath */\n @Input() route: string;\n\n /** Path angular géré en tant que directive routerLink. Exclusif avec link et route. */\n @Input() routePath: string | string[];\n\n /** RouterLink : classe utilisée pour la directive routerLink active. */\n @Input() routerLinkActive: string | string[] | undefined;\n\n /** RouterLink : valeurs additionnelles de navigation pour le routerLink (queryParams, state, etc.) */\n @Input() routerLinkExtras: NavigationExtras;\n\n /** Message du tooltip du média. */\n @Input() tooltipMessage: string;\n\n // -- Modal de transcription (optionnel) -----------------------------------------------------------------------------\n\n /**\n * @since 1.6 remplace 'transcription'.\n * Contenu, simple, optionnel de la modale de transcription.\n */\n @Input() transcriptionContent: string;\n\n /**\n * @since 1.6 Titre du média (image ou vidéo), de niveau h1.\n */\n @Input() transcriptionHeading: string;\n\n // -- Images ---------------------------------------------------------------------------------------------------------\n\n /**\n * Spécifique aux images.\n * Alternative d'une image (attribut alt), doit toujours être présente, sa valeur peut être vide (image n’apportant\n * pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte.\n */\n @Input() alternate: string;\n\n // -------------------------------------------------------------------------------------------------------------------\n\n /**\n * Si une route est spécifiée, émet un événement avec la route comme valeur, sinon n'émet rien.\n */\n @Output() linkSelect = new EventEmitter();\n\n private _size: DsfrSize = DsfrSizeConst.MD;\n\n constructor(private sanitizer: DomSanitizer) {}\n\n get size(): DsfrSize {\n return this._size;\n }\n\n /** @deprecated (@since 1.6) utiliser `transcriptionContent` à la place */\n get transcription(): string {\n return this.transcriptionContent;\n }\n\n /** @deprecated (@since 1.6) utiliser `transcriptionLinkLabel` à la place */\n get transcriptionLabel(): string {\n return this.linkLabel;\n }\n\n /** @deprecated (@since 1.6) utiliser `transcriptionContent` à la place */\n @Input() set transcription(value: string) {\n this.transcriptionContent = value;\n }\n\n /** @deprecated (@since 1.6) utiliser `transcriptionLinkLabel` à la place */\n @Input() set transcriptionLabel(value: string) {\n this.linkLabel = value;\n }\n\n /** Redimensionnement du composant : `LG` : 125%, `MD` : 100% (défault), `SM` : 75%. */\n @Input() set size(value: DsfrSize) {\n this._size = value?.toUpperCase();\n }\n\n /**\n * @deprecated (@since 1.11.5) utiliser `routePath` à la place.\n * routerLink provoque un bug accessibilité sur la navigation au clavier (ajout d'un tabindex=0)\n **/\n @Input() set routerLink(value: string | string[] | undefined) {\n if (value) this.routePath = value;\n }\n\n /** @internal */\n onLinkSelect() {\n if (this.route) {\n this.linkSelect.emit(this.route);\n }\n }\n\n /**\n * @internal\n */\n sanitizedSource() {\n return this.sanitizer.bypassSecurityTrustResourceUrl(this.source);\n }\n\n /** @internal */\n hasTranscriptionLink(): boolean {\n return !!this.linkLabel;\n }\n}\n","\n
    \n \n\n \n \n \n \n
    \n\n \n\n
    \n {{ legend }}\n \n
    \n\n \n \n \n\n","import { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrLinkModule } from '../link';\nimport { DsfrTranscriptionComponent } from '../transcription';\nimport { DsfrContentComponent } from './content.component';\n\n@NgModule({\n declarations: [DsfrContentComponent],\n exports: [DsfrContentComponent],\n imports: [CommonModule, DsfrTranscriptionComponent, DsfrLinkModule, NgOptimizedImage],\n})\nexport class DsfrContentModule {}\n","export type DsfrMedia = 'image' | 'video';\n\nexport namespace DsfrMediaConst {\n export const IMAGE = 'image';\n export const VIDEO = 'video';\n}\n","import { Component, ElementRef, EventEmitter, Inject, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { I18nService, LocalStorage, StorageEnum, isOnBrowser } from '../../shared';\nimport { DSFR_CONFIG_TOKEN } from '../../shared/config/config-token';\nimport { DsfrConfig } from '../../shared/config/config.model';\n\nexport const DISPLAY_MODAL_ID = 'theme-modal-id';\n\ntype DisplayTheme = 'light' | 'dark' | 'system';\n\n@Component({\n selector: 'dsfr-display',\n templateUrl: './display.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrDisplayComponent implements OnInit {\n /**\n * l'identifiant de la modale portant les paramètres d'affichage.\n */\n @Input() displayId = DISPLAY_MODAL_ID;\n\n /**\n * Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.\n */\n @Input() artworkDirPath: string;\n\n /**\n * Événement émis lorsque le thème change avec la valeur du nouveau thème : `light`, `dark` ou `system`.\n */\n @Output() displayChange = new EventEmitter();\n\n /**\n * Thème courant du composant.\n *\n * @internal\n */\n currentTheme: DisplayTheme;\n\n /** @internal */\n readonly themes = {\n light: {\n id: 'theme-light',\n value: 'light',\n label: this.i18n.t('display.light.label'),\n img: 'sun.svg',\n link: '/pictograms/environment/sun.svg',\n deprecatedLink: '/sun.svg',\n },\n dark: {\n id: 'theme-dark',\n value: 'dark',\n label: this.i18n.t('display.dark.label'),\n img: 'moon.svg',\n link: '/pictograms/environment/moon.svg',\n deprecatedLink: '/moon.svg',\n },\n system: {\n id: 'theme-system',\n value: 'system',\n label: this.i18n.t('display.system.label'),\n hint: this.i18n.t('display.system.hint'),\n img: 'system.svg',\n link: '/pictograms/system/system.svg',\n deprecatedLink: '/system.svg',\n },\n };\n\n /** @internal */ readonly closeI18n = this.i18n.t('commons.close');\n /** @internal */ name = 'radios-theme';\n /** @internal */ themeValues = Object.values(this.themes);\n /** @internal */ _svgRootPath: string;\n\n private _useDeprecatedLink = false;\n\n /** @internal */\n constructor(\n @Inject(DSFR_CONFIG_TOKEN) private config: DsfrConfig,\n public i18n: I18nService,\n private elementRef: ElementRef,\n ) {}\n\n get pictoPath(): string {\n return this.artworkDirPath;\n }\n\n /**\n * Chemin des pictogrammes (du composant display) renseigné par le développeur.\n *\n * Note: ce chemin doit permettre de récupérer directement les fichiers SVG suivants : moon.svg, sun.svg, system.svg\n *\n * @deprecated Use `artworkDirPath` instead.\n */\n @Input() set pictoPath(path: string) {\n this.artworkDirPath = path;\n this._useDeprecatedLink = true;\n }\n\n ngOnInit(): void {\n this.initDisplayTheme();\n if (this.artworkDirPath === undefined) {\n this.artworkDirPath = this.config.artworkDirPath;\n }\n }\n\n /** @internal */\n onChange() {\n this.setHtmlSchemeAttribute(this.currentTheme);\n this.displayChange.emit(this.currentTheme);\n }\n\n /** @internal */\n buildSvgPath(theme: any, sprite: string) {\n return this.artworkDirPath + (this._useDeprecatedLink ? theme.deprecatedLink : theme.link) + sprite;\n }\n\n private initDisplayTheme(): void {\n if (!isOnBrowser()) return;\n\n // Si l’utilisateur effectue une modification, son choix est conservé (dans le local storage) pour les visites ultérieures.\n let savedTheme = LocalStorage.get(StorageEnum.SCHEME);\n if (savedTheme) {\n this.setHtmlSchemeAttribute(savedTheme);\n }\n\n // Sinon on prend le theme de la balise HTML\n else {\n const nativeElt = this.elementRef?.nativeElement;\n const html = nativeElt?.ownerDocument?.documentElement;\n savedTheme = html?.getAttribute('data-fr-scheme');\n }\n\n this.currentTheme = savedTheme || 'system';\n }\n\n private setHtmlSchemeAttribute(value: DisplayTheme) {\n const nativeElt = this.elementRef?.nativeElement;\n const html = nativeElt?.ownerDocument?.documentElement;\n html?.setAttribute('data-fr-scheme', value);\n }\n}\n","\n
    \n
    \n
    \n
    \n
    \n \n
    \n
    \n

    {{ i18n.t('display.heading') }}

    \n \n
    \n
    \n \n {{ i18n.t('display.hint') }}\n \n \n \n
    \n
    \n \n \n
    \n \n \n \n \n \n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n
    \n    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrDisplayComponent } from './display.component';\n\n@NgModule({\n declarations: [DsfrDisplayComponent],\n exports: [DsfrDisplayComponent],\n imports: [CommonModule, FormsModule],\n})\nexport class DsfrDisplayModule {}\n","/**\n * Constantes correspondant aux différentes variantes du composant download.\n */\nexport namespace DsfrDownloadVariantConst {\n export const LINK = 'link';\n export const BLOCK = 'block';\n}\n\n/**\n * Les variantes du composant download exportées en tant que type.\n */\nexport type DsfrDownloadVariant = (typeof DsfrDownloadVariantConst)[keyof typeof DsfrDownloadVariantConst];\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrFileSizeUnit, I18nService, LangService, downloadDetail } from '../../shared';\nimport { DsfrDownloadVariant, DsfrDownloadVariantConst } from './download-variant';\nimport { DsfrDownload } from './download.model';\n\n@Component({\n selector: 'dsfr-download',\n templateUrl: './download.component.html',\n styleUrls: ['./download.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrDownloadComponent implements DsfrDownload {\n /**\n * Obligatoire si le document n'est pas du même langage que la page courante.\n * Ex : langCode=\"en\".\n */\n @Input() langCode: string;\n\n /**\n * Equivalent à l'attribut html natif 'download'.\n * Si == 'true', télécharge directement le fichier sans l'ouvrir, 'false' par défaut.\n * Peut prendre le nom du fichier à télécharger si on souhaite renommer ce fichier.\n */\n @Input() directDownload: boolean | string = false;\n\n /**\n * Lien de téléchargement du fichier.\n * Si cette propriété n'est pas renseignée, un bouton remplace l'ancre et l'événement (click) du bouton doit être intercepté.\n */\n @Input() link: string;\n\n /** Format du fichier - obligatoire. Cf. DsfrMimeType */\n @Input() mimeType: string;\n\n /** Nom du ficher - obligatoire. */\n @Input() fileName: string;\n\n /** Poids du fichier en octets. Obligatoire dans le Dsfr mais peut être renseigné ultérieurement. */\n @Input() sizeBytes: number | undefined;\n\n /** Permet de basculer la présentation en card. */\n @Input() variant: DsfrDownloadVariant = DsfrDownloadVariantConst.LINK;\n\n /** Description du fichier (uniquement en mode bloc). */\n @Input() description: string;\n\n /**\n * Indique que les métadonnées du fichier seront positionnées automatiquement par le script DSFR. Les propriétés\n * fileMimeType, fileSizeBytes, hreflang sont alors ignorées. Si la propriété est positionnée à false alors ce sont\n * les valeurs des propriétés fileMimeType, fileSizeBytes, hreflang qui seront utlisées.\n */\n @Input() assessFile = true;\n\n /** cf. accesseurs. */\n private _sizeUnit: DsfrFileSizeUnit;\n\n constructor(\n private langService: LangService,\n /** @internal */ public i18n: I18nService,\n ) {}\n\n get currentLang(): string {\n return this.langService.lang;\n }\n\n /**\n * Retourne l'affichage des détails dans cas précis, sinon retourne '' et laisse calculer l'affichage par le script DSFR.\n */\n get detail(): string {\n return downloadDetail(this.mimeType, this.sizeBytes, this.sizeUnit);\n }\n\n get sizeUnit(): DsfrFileSizeUnit {\n return this._sizeUnit ? this._sizeUnit : this.langService.lang === 'fr' ? 'octets' : 'bytes';\n }\n\n /**\n * Permet d'afficher la taille soit en bytes (KB, MB, ...) soit en octets (Ko, Mo, ...). Par défaut, l'unité est\n * en octets lorsque la langue courante est 'fr', 'bytes' dans les autres cas.\n */\n @Input() set sizeUnit(value: DsfrFileSizeUnit) {\n this._sizeUnit = value;\n }\n\n /**\n * Retourne vrai si on affiche un bouton à la place d'une ancre.\n * @internal\n */\n hasButtonMarkup(): boolean {\n return !this.link;\n }\n\n /**\n * Si === 'true', télécharge directement le fichier sans l'ouvrir, 'false' par défaut.\n * @internal\n */\n isDirectDownload(): boolean {\n return this.directDownload !== false;\n }\n\n /** @internal */\n getNewFileName(): string {\n return typeof this.directDownload === 'string' ? this.directDownload : '';\n }\n\n /** @internal */\n isBlockMode() {\n return this.variant === DsfrDownloadVariantConst.BLOCK;\n }\n}\n","\n

    \n \n \n {{ i18n.t('commons.download') }} {{ fileName }}\n {{ detail }}\n \n\n \n \n

    \n

    {{ description }}

    \n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrDownloadComponent } from './download.component';\n\n@NgModule({\n declarations: [DsfrDownloadComponent],\n exports: [DsfrDownloadComponent],\n imports: [CommonModule],\n})\nexport class DsfrDownloadModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrDownload } from '../download';\n\n@Component({\n selector: 'dsfr-downloads-group',\n templateUrl: './downloads-group.component.html',\n styleUrls: ['./downloads-group.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\n/**\n * Ce composant permet de proposer une liste de plusieurs téléchargements. Les téléchargements sont des liens\n * présentés sous forme de liste avec des puces. Un lien ne peut pas être un bloc. La description des liens est faite\n * sous forme de tableau.\n */\nexport class DsfrDownloadsGroupComponent {\n /** Titre du groupe de fichiers (facultatif). */\n @Input() heading: string;\n\n /** Niveau de titre, '

    ' par défaut. */\n @Input() headingLevel: string;\n\n /** Tableau des fichiers à lister. */\n @Input() downloads: DsfrDownload[] = [];\n}\n","
    \n \n

    {{ heading }}

    \n

    {{ heading }}

    \n
    {{ heading }}
    \n
    {{ heading }}
    \n

    {{ heading }}

    \n     \n\n
      \n \n
    • \n \n
      • \n       \n
    \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrDownloadModule } from '../download';\nimport { DsfrDownloadsGroupComponent } from './downloads-group.component';\n\n@NgModule({\n declarations: [DsfrDownloadsGroupComponent],\n exports: [DsfrDownloadsGroupComponent],\n imports: [CommonModule, DsfrDownloadModule],\n})\nexport class DsfrDownloadsGroupModule {}\n","import { Component, EventEmitter, Inject, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { DsfrLink, DsfrLinkTarget, I18nService } from '../../shared';\nimport { DSFR_CONFIG_TOKEN } from '../../shared/config/config-token';\nimport { DsfrConfig } from '../../shared/config/config.model';\nimport { DISPLAY_MODAL_ID } from '../display';\nimport { DsfrAccessibility } from './accessibility.type';\nimport { DsfrFooterReboundLinks } from './footer-rebound-links.model';\nimport { DsfrLogo } from './logo.model';\nimport { DsfrPartner } from './partner.model';\n\n@Component({\n selector: 'dsfr-footer',\n templateUrl: './footer.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrFooterComponent implements OnInit {\n /** Liens institutionnels */\n /** @internal */\n static readonly DEF_INSTITUTIONAL_LINKS: DsfrLink[] = [\n { label: 'legifrance.gouv.fr', link: 'https://legifrance.gouv.fr' },\n { label: 'info.gouv.fr', link: 'https://info.gouv.fr' },\n { label: 'service-public.fr', link: 'https://service-public.fr' },\n { label: 'data.gouv.fr', link: 'https://data.gouv.fr' },\n ];\n\n /** Liens réglementaires obligatoires */\n /** @internal */\n static readonly DEF_MANDATORY_LINKS: DsfrLink[] = [\n {\n label: 'Accessibilité : ',\n link: 'https://www.info.gouv.fr/accessibilite',\n linkTarget: '_blank',\n },\n { label: 'Mentions légales', link: '#' },\n {\n label: 'Données personnelles',\n link: 'https://www.info.gouv.fr/donnees-personnelles-et-cookies',\n linkTarget: '_blank',\n },\n {\n label: 'Gestion des cookies',\n link: 'https://www.info.gouv.fr/donnees-personnelles-et-cookies',\n linkTarget: '_blank',\n },\n ];\n\n /**\n * Affichage du lien 'Paramètre d'affichage' pour gérer les modes clair/sombre.\n */\n @Input() display: boolean;\n\n /**\n * Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.\n */\n @Input() artworkDirPath: string;\n\n /** Bloc marque de la marianne */\n @Input() logo: DsfrLogo = {\n label: 'République
    Française',\n link: '',\n tooltipMessage:\n \"Accueil - [À MODIFIER - texte alternatif de l’image : nom de l'opérateur ou du site serviciel] - République Française\",\n imagePath: '',\n imageAlt: '',\n };\n\n /** Texte de présentation (html possible). */\n @Input() presentation: string;\n\n /** Tableau des liens institutionnels - obligatoires. Initialisé par défaut. */\n @Input() institutionalLinks = DsfrFooterComponent.DEF_INSTITUTIONAL_LINKS;\n\n /**\n * Liens d'obligations légales. Cette liste doit être définie en fonction du site, toutefois les liens & contenus suivants\n * sont obligatoires : “accessibilité : non/partiellement/totalement conforme”, mentions légales, données personnelles et gestion des cookies. - obligatoire.\n */\n @Input() mandatoryLinks = DsfrFooterComponent.DEF_MANDATORY_LINKS;\n\n /** Logo partenaire principal. */\n @Input() partnerMain: DsfrPartner;\n\n /** Listes des logos partenaires. */\n @Input() partnersSub: DsfrPartner[];\n\n /** Liste de liens de rebond catégorisé. */\n @Input() reboundLinks: DsfrFooterReboundLinks[];\n\n /** Mention de licence. */\n @Input() license = 'Emplacement de la mention de licence - OBLIGATOIRE.';\n\n /**Indique le lien mandatory séléctionné. */\n @Output() mandatoryLinkSelect = new EventEmitter();\n\n /**\n * @internal\n */\n _useDeprecatedPictoPath = false;\n\n /** @internal */\n constructor(\n @Inject(DSFR_CONFIG_TOKEN) private config: DsfrConfig,\n public i18n: I18nService,\n ) {}\n\n get pictoPath(): string {\n return this.artworkDirPath;\n }\n\n get displayModalId() {\n return DISPLAY_MODAL_ID;\n }\n\n /**\n * Chemin des pictogrammes (du composant display) renseigné par le développeur.\n *\n * Note: ce chemin doit permettre de récupérer directement les fichiers SVG suivants : moon.svg, sun.svg, system.svg\n *\n * @deprecated Use `artworkDirPath` instead.\n */\n @Input() set pictoPath(path: string) {\n this.artworkDirPath = path;\n this._useDeprecatedPictoPath = true;\n }\n\n /** Mention légale de la conformité d'accessibilité (none / partially / fully-compliant) */\n @Input() set accessibility(accessibility: DsfrAccessibility) {\n let labelAccessibility: string = 'Accessibilité : non conforme';\n switch (accessibility) {\n case 'fully-compliant':\n labelAccessibility = 'Accessibilité : totalement conforme';\n break;\n case 'partially':\n labelAccessibility = 'Accessibilité : partiellement conforme';\n break;\n }\n\n DsfrFooterComponent.DEF_MANDATORY_LINKS[0].label = labelAccessibility;\n }\n\n ngOnInit(): void {\n if (this.artworkDirPath === undefined) {\n this.artworkDirPath = this.config.artworkDirPath;\n }\n }\n\n /** @internal */\n getLinkTarget(item: DsfrLink): DsfrLinkTarget | undefined {\n return item.target ?? item.linkTarget;\n }\n\n /** @internal */\n onMandatoryLinkSelect(link: string) {\n this.mandatoryLinkSelect.emit(link);\n }\n}\n","
    \n \n
    = 1\" class=\"fr-footer__top\">\n
    \n \n
    \n
    \n

    {{ item.title }}

    \n
      \n
    • \n \n
      • \n
    \n
    \n
    \n
    \n
    \n\n
    \n
    \n
    \n \n

    \n     \n \n \n \n

    \n     \n     \n
    \n
    \n

    \n
      \n \n
    • \n \n {{ item.label }}\n
      • \n
    \n
    \n
    \n \n
    \n

    {{ i18n.t('footer.partners.title') }}

    \n
    \n
    \n \n \n \n
    \n
    \n \n
    \n
    \n
    \n \n
    \n
      \n
    • \n \n
      • \n
    • \n \n Paramètres d'affichage\n \n
      • \n
    \n
    \n

    \n
    \n
    \n
    \n
    \n\n\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { DsfrDisplayModule } from '../display';\nimport { ItemLinkComponent } from '../link/item-link.component';\nimport { DsfrFooterComponent } from './footer.component';\n\n@NgModule({\n declarations: [DsfrFooterComponent],\n exports: [DsfrFooterComponent],\n imports: [CommonModule, RouterModule, ItemLinkComponent, DsfrDisplayModule],\n})\nexport class DsfrFooterModule {}\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { I18nService } from '../../shared';\n\n@Component({\n selector: 'dsfr-franceconnect',\n templateUrl: './franceconnect.component.html',\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n imports: [CommonModule],\n})\nexport class DsfrFranceConnectComponent {\n /** Utilisation de FranceConnect+ (qui est plus sécurisé). */\n @Input() secure: boolean;\n\n /** Demande de connexion par FranceConnect */\n @Output() franceConnectSelect = new EventEmitter();\n\n /** @internal */\n constructor(public i18n: I18nService) {}\n\n /** @internal */\n onConnect() {\n this.franceConnectSelect.emit(this.secure);\n }\n}\n","
    \n \n {{ i18n.t('franceConnect.title') }}\n FranceConnect\n \n

    \n {{ i18n.t('franceConnect.link.label') }}{{ secure ? '+' : '' }} ?\n

    \n
    \n","import { AfterContentInit, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { I18nService, newUniqueId } from '../../shared';\n\n@Component({\n selector: 'dsfr-search-bar',\n templateUrl: './search-bar.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrSearchBarComponent implements AfterContentInit {\n /**\n * Attribut 'id' du champ de recherche, généré automatiquement par défaut.\n */\n @Input() inputId: string | undefined;\n\n /** Texte du bouton */\n @Input() buttonText: string;\n\n /** Label (pour les lecteurs d'écrans). */\n @Input() label: string;\n\n /** Bascule le composant dans sa version large. */\n @Input() large: boolean = false;\n\n /** Emet le texte lors de l'évènement keyup sur l'input de recherche. */\n @Output() searchChange = new EventEmitter();\n\n /** Emet le texte lors du clic sur le bouton \"rechercher\". */\n @Output() searchSelect: EventEmitter = new EventEmitter();\n\n /** Le texte à rechercher. */\n text: string;\n\n private _id: string | undefined;\n\n constructor(/** @internal */ public i18n: I18nService) {\n const searchLabel = i18n.t('commons.search');\n this.buttonText = searchLabel;\n this.label = searchLabel;\n }\n\n get formId() {\n return 'search-form-' + this.inputId;\n }\n\n /**\n * @deprecated utiliser inputId\n * @since 1.5\n * * Cet attribut doit être utilisé en tant que propriété et non en attribut, ex. [id]=\"'monid'\"\n */\n @Input() set id(value: string | undefined) {\n if (value) {\n this._id = value;\n this.inputId ??= this._id;\n }\n }\n\n ngAfterContentInit() {\n if (!this.inputId) this.inputId = newUniqueId();\n }\n\n /** @internal */\n onSearch() {\n this.searchChange.emit(this.text);\n }\n\n /** @internal */\n onSearchClick() {\n this.searchSelect.emit(this.text);\n }\n\n /**\n * Si le libellé du bouton est identique au libellé potentiel du tooltip, il ne faut pas positionner de tooltip.\n *\n * @internal\n */\n getButtonTitleValue() {\n return this.buttonText === this.i18n.t('commons.search') ? null : this.i18n.t('commons.search');\n }\n}\n","
    \n \n \n
    \n \n {{ buttonText }}\n \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrSearchBarComponent } from './search-bar.component';\n\n@NgModule({\n declarations: [DsfrSearchBarComponent],\n exports: [DsfrSearchBarComponent],\n imports: [CommonModule, FormsModule],\n})\nexport class DsfrSearchBarModule {}\n","import { DOCUMENT } from '@angular/common';\nimport { Component, ElementRef, EventEmitter, Inject, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { I18nService, LangService, newUniqueId } from '../../shared';\nimport { DsfrLang } from './lang.model';\n\n@Component({\n selector: 'dsfr-translate',\n templateUrl: './translate.component.html',\n encapsulation: ViewEncapsulation.None,\n})\n/** Composant de sélection de la langue. */\nexport class DsfrTranslateComponent implements OnInit {\n /** Liste des langues proposées à l'utilisateur. */\n @Input() languages: DsfrLang[] = [];\n\n /** Sans bordure si 'false' */\n @Input() outline = true;\n\n /** Événement émit uniquement si la langue sélectionnée ne contient pas de href. Il contient le code de la langue. */\n @Output() langChange = new EventEmitter();\n\n /** @internal */\n collapseId: string;\n\n /** @internal */\n constructor(\n private langService: LangService,\n public i18n: I18nService,\n private elementRef: ElementRef,\n @Inject(DOCUMENT) private readonly document: Document,\n ) {}\n\n get currentLangCode(): string {\n return this.langService.lang;\n }\n\n get currentLabel(): string {\n let label = '';\n const language = this.getCurrentLang();\n if (language && language.label) {\n label = language.label;\n }\n\n return label;\n }\n\n /** Force la langue courante. */\n @Input() set currentLangCode(value: string) {\n this.langService.lang = value; // Informe le service\n this.setDocLang(value); // Positionne la langue dans le document html\n }\n\n /** @internal */\n ngOnInit() {\n this.collapseId = newUniqueId();\n }\n\n /** @internal */\n onClick(event: Event, lang: DsfrLang) {\n this.currentLangCode = lang.value;\n\n if (!lang.link) {\n event.preventDefault();\n // Si on ne déclenche pas le href, on est obligé de fermer manuellement le composant\n this.collapse();\n this.langChange.emit(lang.value);\n }\n }\n\n private getCurrentLang(): DsfrLang | undefined {\n return this.languages.find((l) => l.value === this.currentLangCode);\n }\n\n private collapse() {\n const nativeElt = this.elementRef.nativeElement;\n const buttonElt = nativeElt.querySelector('button');\n if (buttonElt) {\n buttonElt.setAttribute('aria-expanded', 'false');\n buttonElt.setAttribute('data-fr-js-collapse-button', true);\n }\n }\n\n /** Positionne l'attribut lang dans la balise html, ex : lang=\"fr\" */\n private setDocLang(codeLang: string) {\n this.document?.documentElement.setAttribute('lang', codeLang);\n }\n}\n","\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrTranslateComponent } from './translate.component';\n\n@NgModule({\n declarations: [DsfrTranslateComponent],\n exports: [DsfrTranslateComponent],\n imports: [CommonModule, FormsModule],\n})\nexport class DsfrTranslateModule {}\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { DsfrLink, I18nService } from '../../../shared';\nimport { DsfrLinkModule } from '../../link';\nimport { ItemLinkComponent } from '../../link/item-link.component';\nimport { DsfrMegaMenu } from './mega-menu.model';\n\n@Component({\n selector: 'dsfr-mega-menu',\n templateUrl: './mega-menu.component.html',\n styleUrls: ['./mega-menu.component.scss'],\n encapsulation: ViewEncapsulation.None,\n imports: [CommonModule, FormsModule, ItemLinkComponent, DsfrLinkModule],\n standalone: true,\n})\nexport class DsfrMegaMenuComponent {\n @Input() megaMenu: DsfrMegaMenu;\n @Input() idMenu: number;\n\n /**Emet l'évènement Event du DOM à la sélection d'un lien */\n @Output() linkSelect = new EventEmitter();\n\n /**Emet l'évènement Event du DOM à la fermeture du méga menu */\n @Output() closeSelect = new EventEmitter();\n\n constructor(public i18n: I18nService) {}\n\n onLink(event: DsfrLink) {\n this.linkSelect.emit(event);\n }\n\n onClose() {\n this.closeSelect.emit();\n }\n}\n","
    \n
    \n
    \n \n {{ i18n.t('commons.close') }}\n \n
    \n
    \n
    \n

    {{ megaMenu.leader.title }}

    \n

    {{ megaMenu.leader.text }}

    \n \n
    \n
    \n
    \n
    \n {{ category.label }}\n \n
    \n
      \n
    • \n \n
      • \n
    \n
    \n
    \n
    \n","import {\n AfterViewInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnInit,\n Output,\n Renderer2,\n TemplateRef,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DsfrLink, I18nService, newUniqueId } from '../../shared';\nimport { DSFR_CONFIG_TOKEN } from '../../shared/config/config-token';\nimport { DsfrConfig } from '../../shared/config/config.model';\nimport { DISPLAY_MODAL_ID } from '../display';\nimport { DsfrHeaderMenuItem, DsfrHeaderTranslate } from './header.model';\n\n@Component({\n selector: 'dsfr-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrHeaderComponent implements OnInit, AfterViewInit {\n /**@internal */\n @ViewChild('toolLinksMobile') toolLinksMobile: ElementRef;\n /**@internal */\n @ViewChild('toolLinks') toolLinks: ElementRef;\n /**@internal */\n @ContentChild('headerTools', { static: true }) headerTools: TemplateRef;\n /**@internal */\n @ContentChild('headerToolsMobile', { static: true }) headerToolsMobile: TemplateRef;\n /**@internal */\n @ViewChild('translateComponent', { read: ElementRef }) translateComponent: ElementRef;\n\n /**\n * Boolean pour afficher le tag Beta (pour un site en beta).\n */\n @Input() beta = false;\n\n /**\n * Identifiant de la navigation principale, généré par défaut\n */\n @Input() navigationId: string;\n\n /**\n * Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.\n */\n @Input() artworkDirPath: string;\n\n /**\n * Label associé au bloc marque (Marianne). Respectez la structure avec les
    .\n * (Ministère, gouvernement, république française)\n */\n @Input() logoLabel = 'République
    Française';\n /**\n * Url du lien 'retour accueil' du logo de la Marianne.\n */\n //TODO: implémenter la totalité de l'interface DsfrNavigation\n @Input() logoLink: string;\n /**\n * Url du lien 'retour accueil' du logo de la Marianne.\n */\n @Input() logoTooltipMessage: string;\n\n /** Path pour src d'image d'illustration. */\n @Input() operatorImagePath: string;\n /**\n * Text alternatif à utiliser uniquement si l'image à une information à passer.\n */\n @Input() operatorImageAlt: string;\n\n /** Boolean pour passer le logo opérateur en mode vertical. */\n @Input() operatorImageVertical = false;\n\n /** Nom du service. */\n @Input() serviceTitle: string;\n\n /** Tagline du service. */\n @Input() serviceTagline: string;\n\n /** Tableau d'items du menu. */\n @Input() menu: DsfrHeaderMenuItem[] = [];\n\n /**\n * Permet d'afficher la barre de recherche.\n */\n @Input() searchBar = false;\n\n /**\n * Permet d'afficher le selecteur de langue pour l'internationalisation.\n *\n * @see DsfrHeaderTranslate\n */\n @Input() translate: DsfrHeaderTranslate;\n\n /** Renvoi la valeur de l'input de la barre de recherche au changement. */\n @Output() readonly searchChange: EventEmitter = new EventEmitter();\n\n /** Renvoi la valeur de l'input de la barre de recherche au clic sur rechercher. */\n @Output() readonly searchSelect: EventEmitter = new EventEmitter();\n\n /**Emet l'évènement Event du DOM à la sélection d'un lien */\n @Output() readonly linkSelect = new EventEmitter();\n\n /** Evenement émis au changement de langue (si showTranslate). Il contient le code de la langue. */\n @Output() readonly langChange = new EventEmitter();\n\n /** @internal */\n public searchInputId = newUniqueId();\n\n /**\n * Nombre maximum de liens d'accès rapides (3)\n *\n * @internal\n */\n maxToolsLinks = 3;\n\n /**\n * @internal\n */\n _useDeprecatedPictoPath = false;\n\n /**\n * @internal\n */\n showDisplay: boolean;\n\n private _headerToolsLinks: DsfrLink[]; // ne pas initialiser à [] pour StoryBook\n\n /** @internal */\n constructor(\n @Inject(DSFR_CONFIG_TOKEN) private config: DsfrConfig,\n public i18n: I18nService,\n private renderer: Renderer2,\n ) {}\n\n get display(): boolean {\n return this.showDisplay;\n }\n\n get headerToolsLinks(): DsfrLink[] {\n return this._headerToolsLinks;\n }\n\n get displayModalId() {\n return DISPLAY_MODAL_ID;\n }\n\n get pictoPath(): string {\n return this.artworkDirPath;\n }\n\n /** Affichage du lien 'Paramètre d'affichage' pour gérer les modes clair/sombre. */\n @Input() set display(value: boolean) {\n this.showDisplay = value;\n this.maxToolsLinks = this.showDisplay ? 2 : 3;\n }\n\n /**\n * Tableau de lien d'accès rapide.\n * Les icônes acceptés sont ceux du DSFR y compris ceux du tableau `DsfrBtnIcon`.\n */\n @Input() set headerToolsLinks(links: DsfrLink[]) {\n if (links && links.length > this.maxToolsLinks) {\n if (this.showDisplay) {\n console.warn(\n \"Avec l'utilisation du paramètre d'affichage, le nombre d'accès rapides (tools links) est limité à \" +\n this.maxToolsLinks,\n );\n } else {\n console.warn(\"Le nombre d'accès rapides (tools links) est limité à \" + this.maxToolsLinks);\n }\n }\n this._headerToolsLinks = links;\n this.duplicateToolsLinksMobile();\n }\n\n /**\n * Chemin des pictogrammes (du composant display) renseigné par le développeur.\n *\n * Note: ce chemin doit permettre de récupérer directement les fichiers SVG suivants : moon.svg, sun.svg, system.svg\n *\n * @deprecated Use `artworkDirPath` instead.\n */\n @Input() set pictoPath(path: string) {\n this.artworkDirPath = path;\n this._useDeprecatedPictoPath = true;\n }\n\n /** internal */\n ngOnInit(): void {\n if (this.artworkDirPath === undefined) {\n this.artworkDirPath = this.config.artworkDirPath;\n }\n this.navigationId ??= newUniqueId();\n }\n\n /** internal */\n ngAfterViewInit(): void {\n this.duplicateToolsLinksMobile();\n }\n\n /**\n * Fix: evenements non dupliqués par le script DSFR pour les liens (toolslinks) version mobile\n * On prend la main sur le clic de la div parente en cas de lien 'route' pour envoyer l'event linkSelect\n * @param event element cliqué\n * @internal\n */\n onSelectLinkMobile(event: Event) {\n if (!this._headerToolsLinks) return;\n const parent = (event.target as HTMLElement)?.parentElement;\n const item = this._headerToolsLinks.find((l) => l.label === parent?.getAttribute('data-item'));\n if (item && item.route && !item.routerLink) {\n event.preventDefault();\n this.linkSelect.emit(item);\n }\n }\n\n /** @internal */\n hasToolsLinks(): boolean {\n return this.headerToolsLinks?.length > 0 || this.translate?.languages?.length > 0 || this.display;\n }\n\n /** @internal */\n onLink(item: DsfrLink) {\n this.linkSelect.emit(item);\n }\n\n /** @internal */\n onSearchSubmit(text: string) {\n this.searchSelect.emit(text);\n }\n\n /** @internal */\n onSearchChange(text: string) {\n this.searchChange.emit(text);\n }\n\n /** @internal */\n onLanguageChange(codeLang: string) {\n this.langChange.emit(codeLang);\n }\n\n /** @internal */\n onMegaMenuClose(item: DsfrHeaderMenuItem) {\n item.expanded = false;\n }\n\n /** @internal */\n onMenuItemClick(item: DsfrHeaderMenuItem) {\n this.menu.forEach((i) => (i.expanded = false));\n item.expanded = true;\n }\n\n /** @internal */\n getCustomClassHeaderToolsLink(item: DsfrLink) {\n const customClass = ['fr-btn'];\n if (item.icon) customClass.push(item.icon);\n if (item.customClass) customClass.push(item.customClass);\n return customClass.join(' ');\n }\n\n /**\n * Dupliquer les liens toolsLinks pour le menu mobile\n * /!\\ interaction script DSFR : le script copie les liens la premiere fois, mais n'écoute pas les changements\n * Les liens à l'interieur de fr-header__tools-links sont dupliqués dans fr-header__menu-links\n */\n private duplicateToolsLinksMobile() {\n if (this.toolLinksMobile?.nativeElement) {\n // timeout pour laisser le temps du rendu des éléments dans toolsLinks\n setTimeout(() => {\n const childElements: HTMLCollection = this.toolLinksMobile.nativeElement.children;\n // suppression des noeuds précédent\n Array.from(childElements).forEach((e) => {\n this.renderer.removeChild(this.toolLinksMobile.nativeElement, e);\n });\n // copie des liens de menu\n if (this.toolLinks?.nativeElement) {\n this.renderer.appendChild(this.toolLinksMobile.nativeElement, this.toolLinks.nativeElement.cloneNode(true));\n }\n // Dupliquer le composant translate\n if (this.translate) {\n if (this.translateComponent) {\n this.renderer.appendChild(this.toolLinksMobile.nativeElement, this.translateComponent.nativeElement);\n }\n }\n });\n }\n }\n}\n","
    \n \n
    \n
    \n
    \n
    \n
    \n
    \n \n \n

    \n \n \n

    \n
    \n
    \n \n \n \n \n \n \n \n
    \n
    \n \n {{ i18n.t('commons.search') }}\n \n \n {{ i18n.t('header.menu.label') }}\n \n
    \n
    \n
    \n \n

    \n {{ serviceTitle }}BETA\n

    \n     \n

    \n {{ serviceTitle }}BETA\n

    \n \n

    \n {{ serviceTagline }}\n

    \n
    \n
    \n\n \n\n \n \n
    \n     \n\n
    \n
    \n
      \n
    • \n \n \n
      • \n
    • \n \n {{ i18n.t('display.heading') }}\n \n
      • \n
    \n\n \n \n \n
    \n \n
    \n \n {{ i18n.t('commons.close') }}\n \n \n
    \n
    \n
    \n \n
    \n
    \n \n \n \n
    \n \n {{ i18n.t('commons.close') }}\n \n
    \n \n \n \n
    \n\n \n \n\n
    \n \n \n \n \n \n \n
    \n\n\n\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\nimport { DsfrDisplayModule } from '../display';\nimport { DsfrLinkModule } from '../link';\nimport { ItemLinkComponent } from '../link/item-link.component';\nimport { DsfrSearchBarModule } from '../search-bar';\nimport { DsfrTranslateModule } from '../translate';\nimport { DsfrHeaderComponent } from './header.component';\nimport { DsfrMegaMenuComponent } from './mega-menu/mega-menu.component';\n\n@NgModule({\n declarations: [DsfrHeaderComponent],\n exports: [DsfrHeaderComponent],\n imports: [\n CommonModule,\n FormsModule,\n RouterModule,\n DsfrMegaMenuComponent,\n DsfrSearchBarModule,\n ItemLinkComponent,\n DsfrTranslateModule,\n DsfrDisplayModule,\n DsfrLinkModule,\n ],\n})\nexport class DsfrHeaderModule {}\n","import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DsfrSize, DsfrSizeConst } from '../../shared';\n\n@Component({\n selector: 'dsfr-highlight',\n templateUrl: './highlight.component.html',\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrHighlightComponent {\n /** Contenu du composant, html accepté. */\n @Input() text: string;\n\n /** Choix de la taille du texte, medium par défaut. */\n @Input() textSize: DsfrSize;\n\n /**\n * Permet de personnaliser la couleur.\n * Il faut donner le nom de class exact (ex : fr-highlight--green-emeraude) que vous trouverez via ce [lien]\n * (@link https://gouvfr.atlassian.net/wiki/spaces/DB/pages/223019199/Mise+en+exergue+-+Highlight#Couleurs-d%E2%80%99accent)\n */\n @Input() customClass: string;\n\n /** @internal */\n getClasses(): { [className: string]: boolean } {\n return { 'fr-text--sm': this.textSize === DsfrSizeConst.SM, 'fr-text--lg': this.textSize === DsfrSizeConst.LG };\n }\n}\n","
    \n

    \n

    \n \n

    \n
    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrHighlightComponent } from './highlight.component';\n\n@NgModule({\n declarations: [DsfrHighlightComponent],\n exports: [DsfrHighlightComponent],\n imports: [CommonModule],\n})\nexport class DsfrHighlightModule {}\n","import { Component, Input } from '@angular/core';\nimport { DsfrSize } from '../../shared';\n\n@Component({\n selector: 'dsfr-logo',\n templateUrl: './logo.component.html',\n})\nexport class DsfrLogoComponent {\n /** Taille du logo, MD par défaut si non spécifié. */\n @Input() size: DsfrSize;\n\n /** Intitulé officiel */\n @Input() label: string;\n}\n","\n \n \n

    \n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { DsfrLogoComponent } from './logo.component';\n\n@NgModule({\n declarations: [DsfrLogoComponent],\n imports: [CommonModule],\n})\nexport class DsfrLogoModule {}\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnDestroy,\n OnInit,\n Output,\n Renderer2,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DsfrHeadingLevel, DsfrSize, DsfrSizeConst, I18nService, newUniqueId } from '../../shared';\nimport { DsfrModalAction } from './modal-action.model';\n\ndeclare function dsfr(elem: HTMLElement): any;\n\n@Component({\n selector: 'dsfr-modal',\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DsfrModalComponent implements AfterViewInit, OnInit, OnDestroy {\n /** L'identifiant unique de l'élément . */\n @Input() dialogId: string;\n\n /** Titre de la modal. */\n // TODO heading ?\n @Input() titleModal: string;\n\n /**\n * Le niveau de titre devant être utilisé (tag `h1` par défaut).\n * Cette balise ne produit pas de style, mais de la structure.\n */\n @Input() headingLevel: DsfrHeadingLevel | undefined;\n\n /** Le tableau des actions à positionner dans le dialogue modal. */\n // TODO Ne faudrait-il pas homogénéiser avec les tuiles et les cartes ?\n @Input() actions: DsfrModalAction[] = [];\n\n /** Permet de ne pas fermer la modale automatiquement lorsqu'une action est exécutée. */\n @Input() autoCloseOnAction = true;\n\n /**\n * Le mode de contrôle vous permet, le cas échéant, de maintenir la capacité de la modale à être pilotée\n * programmatiquement en absence de bouton de contrôle.\n *\n * @since 1.8.0\n */\n @Input() controlMode: 'button' | 'dynamic' = 'button';\n\n /** Signale l'ouverture de la modal. */\n @Output() disclose = new EventEmitter();\n\n /** Signale la fermeture de la modal. */\n @Output() conceal = new EventEmitter();\n\n /** @internal */\n @ViewChild('dsfrModal') dsfrModal: ElementRef;\n\n /**\n * L'identifiant unique de l'élément tenant titre descriptif du dialogue modal.\n *\n * @internal\n */\n titleElementId: string;\n\n /** @internal */\n sizeClasses: { [klass: string]: boolean };\n\n private _size: DsfrSize = DsfrSizeConst.MD;\n\n private _unlisten: { (): void }[] = [];\n\n /** @internal */\n constructor(\n public i18n: I18nService,\n private elemRef: ElementRef,\n private renderer2: Renderer2,\n ) {\n this.updateSizeClasses();\n }\n\n get size(): DsfrSize {\n return this._size;\n }\n\n /**\n * La taille de la modale.\n * Valeurs possibles : `SM` (pour small), `MD` (pour medium), `LG` (pour large).\n */\n @Input() set size(newSize: DsfrSize) {\n this._size = newSize;\n this.updateSizeClasses();\n }\n\n ngOnInit() {\n this.dialogId ??= newUniqueId();\n this.titleElementId = newUniqueId();\n }\n\n ngAfterViewInit() {\n this._unlisten.push(\n this.renderer2.listen(this.dsfrModal.nativeElement, 'dsfr.conceal', () => {\n this.conceal.emit();\n }),\n this.renderer2.listen(this.dsfrModal.nativeElement, 'dsfr.disclose', () => {\n this.disclose.emit();\n }),\n );\n }\n\n ngOnDestroy() {\n this._unlisten.forEach((unlistenFunc) => unlistenFunc());\n }\n\n /**\n * Permet de déclencher programmatiquement l'ouverture de la modale.\n */\n open() {\n dsfr(this.dsfrModal.nativeElement).modal.disclose();\n }\n\n /**\n * Permet de déclencher programmatiquement la fermeture de la modale.\n */\n close() {\n dsfr(this.dsfrModal.nativeElement).modal.conceal();\n }\n\n /** @internal */\n performAction(action: DsfrModalAction): void {\n if (action.callback) {\n action.callback();\n }\n }\n\n private updateSizeClasses() {\n this.sizeClasses = {\n 'fr-col-12': true,\n 'fr-col-md-4': this.size === DsfrSizeConst.SM,\n 'fr-col-md-8 fr-col-lg-6': this.size === DsfrSizeConst.MD,\n 'fr-col-md-8': this.size === DsfrSizeConst.LG,\n };\n }\n}\n","