@cnamts/synapse 1.0.19 → 1.0.20

package/src/components/DatePicker/docExamples/DatePickerBidirectionalValidation.vue

@@ -158,9 +158,9 @@
 
 		<div class="date-range-container mb-6">
 			<div class="date-picker-wrapper">
-				<h3 class="text-subtitle-1 mb-2">
+				<h2 class="text-subtitle-1 mb-2">
 					Date de début
-				</h3>
+				</h2>
 				<DatePicker
 					ref="startDatePickerRef"
 					v-model="startDate"
@@ -171,9 +171,9 @@
 				/>
 			</div>
 			<div class="date-picker-wrapper">
-				<h3 class="text-subtitle-1 mb-2">
+				<h2 class="text-subtitle-1 mb-2">
 					Date de fin
-				</h3>
+				</h2>
 				<DatePicker
 					ref="endDatePickerRef"
 					v-model="endDate"

package/src/components/DatePicker/docExamples/DatePickerValidationExamples.vue

@@ -68,6 +68,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date1"
+					label="Date requise"
 					placeholder="Date requise"
 					required
 				/>
@@ -102,6 +103,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date2"
+					label="Jour de semaine"
 					placeholder="Jour de semaine uniquement"
 					:custom-rules="[{
 						type: 'notWeekend',
@@ -143,6 +145,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date3"
+					label="Date passée"
 					placeholder="Date passée ou aujourd'hui"
 					:custom-rules="[{
 						type: 'notAfterToday',
@@ -191,6 +194,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date4"
+					label="Date future"
 					placeholder="Date future ou aujourd'hui"
 					:custom-rules="[{
 						type: 'notBeforeToday',
@@ -239,6 +243,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date5"
+					label="Date après le 01/01/2025"
 					placeholder="Date après le 01/01/2025"
 					:custom-rules="[{
 						type: 'notBeforeDate',
@@ -281,6 +286,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date6"
+					label="Date avant le 31/12/2025"
 					placeholder="Date avant le 31/12/2025"
 					:custom-rules="[{
 						type: 'notAfterDate',
@@ -323,6 +329,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date7"
+					label="Date exacte"
 					placeholder="Date exacte: 25/12/2025"
 					:custom-rules="[{
 						type: 'dateExact',
@@ -365,6 +372,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date8"
+					label="Date hors 2024"
 					placeholder="Date hors 2024"
 					:custom-rules="[{
 						type: 'custom',
@@ -419,6 +427,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date9"
+					label="Date avec avertissement"
 					placeholder="Date (avertissement pour 2025)"
 					:custom-warning-rules="[{
 						type: 'custom',
@@ -477,6 +486,7 @@
 			<div class="mb-2">
 				<DatePicker
 					v-model="date10"
+					label="Date de travail"
 					placeholder="Date de travail"
 					required
 					:custom-rules="[

package/src/components/DiacriticPicker/accessibilite/Accessibility.mdx

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as DiacriticPicker from '../DiacriticPicker.stories';
+import '@/stories/styles/shared.css';
+
+<Meta of={DiacriticPicker} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+  <p>Cette page sera bientôt disponible</p>
+</div>

package/src/components/DialogBox/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as DialogBoxStories from '../DialogBox.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={DialogBoxStories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/DialogBox.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/798" target="_blank" style={{color:'#0C41BD'}}>issue #798</a>)</p>
+	</div>

package/src/components/DownloadBtn/DownloadBtn.vue

@@ -7,6 +7,7 @@
 	import { computed, ref, useAttrs } from 'vue'
 	import { config } from './config'
 	import { locales as defaultLocales } from './locales'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	type State = 'idle' | 'loading' | 'success' | 'error'
 
@@ -101,12 +102,12 @@
 		@click="download"
 	>
 		<slot name="icon">
-			<VIcon
+			<SyIcon
 				v-bind="options.icon"
+				:icon="mdiDownload"
 				:color="iconColor"
-			>
-				{{ mdiDownload }}
-			</VIcon>
+				decorative
+			/>
 		</slot>
 
 		<slot />

package/src/components/DownloadBtn/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../DownloadBtn.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/DownloadBtn.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/4007" target="_blank" style={{color:'#0C41BD'}}>issue #4007</a>)</p>
+	</div>

package/src/components/ErrorPage/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../ErrorPage.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/ErrorPage.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/652" target="_blank" style={{color:'#0C41BD'}}>issue #652</a>)</p>
+	</div>

package/src/components/ExternalLinks/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../ExternalLinks.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/ExternalLinks.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/808" target="_blank" style={{color:'#0C41BD'}}>issue #808</a>)</p>
+	</div>

package/src/components/FileList/UploadItem/UploadItem.vue

@@ -9,6 +9,7 @@
 	} from '@mdi/js'
 	import { cnamContextualTokens } from '@/designTokens/tokens/cnam/cnamContextual'
 	import { locales as defaultLocales } from './locales'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	type FileState = 'initial' | 'success' | 'error' | 'loading'
 
@@ -78,25 +79,29 @@
 							{{ locales.error }}
 						</span>
 
-						<VIcon
+						<SyIcon
 							v-if="state === 'error'"
+							:icon="mdiAlertCircle"
 							:size="cnamContextualTokens.iconSize.default"
-							:aria-label="locales.error"
 							color="error"
-						>{{ mdiAlertCircle }}</VIcon>
+							decorative
+						/>
 
-						<VIcon
+						<SyIcon
 							v-else-if="state === 'success'"
+							:icon="mdiCheckCircle"
 							:size="cnamContextualTokens.iconSize.default"
-							:aria-label="locales.success"
 							color="success"
-						>{{ mdiCheckCircle }}</VIcon>
+							decorative
+						/>
 
-						<VIcon
+						<SyIcon
 							v-else
 							:size="cnamContextualTokens.iconSize.default"
 							color="primary"
-						>{{ mdiFile }}</VIcon>
+							:icon="mdiFile"
+							decorative
+						/>
 					</slot>
 				</span>
 				<div>
@@ -129,11 +134,11 @@
 				>
 					<span>Importer</span>
 					<template #prepend>
-						<VIcon
+						<SyIcon
 							color="primary"
-						>
-							{{ mdiTrayArrowUp }}
-						</VIcon>
+							:icon="mdiTrayArrowUp"
+							decorative
+						/>
 					</template>
 				</VBtn>
 				<VBtn
@@ -144,11 +149,11 @@
 				>
 					<span>{{ locales.see }}</span>
 					<template #prepend>
-						<VIcon
+						<SyIcon
 							color="primary"
-						>
-							{{ mdiEyeOutline }}
-						</VIcon>
+							:icon="mdiEyeOutline"
+							decorative
+						/>
 					</template>
 				</VBtn>
 				<VBtn
@@ -159,11 +164,11 @@
 				>
 					<span>{{ locales.delete }}</span>
 					<template #prepend>
-						<VIcon
+						<SyIcon
 							color="error"
-						>
-							{{ mdiDeleteOutline }}
-						</VIcon>
+							:icon="mdiDeleteOutline"
+							decorative
+						/>
 					</template>
 				</VBtn>
 			</div>

package/src/components/FileList/accessibilite/Accessibility.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FileList.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+  <p>Cette page sera bientôt disponible</p>
+</div>
+
+<br />

package/src/components/FilePreview/accessibilite/Accessibility.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FilePreview.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+  <p>Cette page sera bientôt disponible</p>
+</div>
+
+<br />

package/src/components/FileUpload/FileUploadContent.vue

@@ -3,6 +3,7 @@
 	import { locales } from './locales'
 	import { mdiCloudUpload } from '@mdi/js'
 	import { computed } from 'vue'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	const props = defineProps<{
 		allowedExtensions: string[]
@@ -31,12 +32,12 @@
 		<slot
 			name="icon"
 		>
-			<VIcon
+			<SyIcon
 				size="40"
 				color="primary"
-			>
-				{{ mdiCloudUpload }}
-			</VIcon>
+				:icon="mdiCloudUpload"
+				decorative
+			/>
 		</slot>
 
 		<span

package/src/components/FileUpload/accessibilite/Accessibility.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FileUpload.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+  <p>Cette page sera bientôt disponible</p>
+</div>
+
+

package/src/components/FilterInline/FilterInline.vue

@@ -4,6 +4,7 @@
 	import { toRef } from 'vue'
 	import ChipList from '../ChipList/ChipList.vue'
 	import { locales as defaultLocales } from './locales'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	const props = withDefaults(defineProps<{
 		modelValue?: FilterProp
@@ -59,12 +60,12 @@
 
 					{{ filter.title }}
 
-					<VIcon
+					<SyIcon
 						size="small"
 						class="ml-1"
-					>
-						{{ isActive ? mdiChevronUp : mdiChevronDown }}
-					</VIcon>
+						:icon="isActive ? mdiChevronUp : mdiChevronDown"
+						decorative
+					/>
 				</VBtn>
 			</template>
 

package/src/components/FilterInline/accessibilite/Accessibility.mdx

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FilterInline.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+  <p>Cette page sera bientôt disponible</p>
+</div>
+
+<br />

package/src/components/FilterSideBar/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FilterSideBar.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/FilterSideBar.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/913" target="_blank" style={{color:'#0C41BD'}}>issue #913</a>)</p>
+	</div>

package/src/components/FooterBar/{Accessibilite.mdx → accessibilite/Accessibility.mdx}

@@ -1,6 +1,5 @@
 import { Meta, Story } from '@storybook/blocks';
-import * as AccessStories from './Accessibilite.stories.ts';
-import * as FooterBarStories from './FooterBar.stories';
+import * as FooterBarStories from '../FooterBar.stories';
 import AccessibilityIcon from '@/common/imgs/accessibility-svgrepo-com.svg';
 import {
 	AccessibilityGuideLayout,
@@ -10,9 +9,9 @@ import {
 	BestPracticesSection,
 	ResourcesSection,
 	AuditSection,
-} from '../../stories/accessibility/AccessibilityGuideLayout.mdx';
+} from '@/stories/accessibility/AccessibilityGuideLayout.mdx';
 
-<Meta of={AccessStories} />
+<Meta of={FooterBarStories} />
 
 <AccessibilityGuideLayout
 	componentName="FooterBar"

package/src/components/FranceConnectBtn/FranceConnectBtn.vue

@@ -3,6 +3,7 @@
 	import { computed } from 'vue'
 	import { useTheme } from 'vuetify'
 	import { locales } from './locales'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	const props = withDefaults(defineProps<{
 		href: string
@@ -85,13 +86,13 @@
 			:aria-label="locales.infoLinkAriaLabel(isConnectPlus)"
 		>
 			{{ locales.infoLinkLabel(isConnectPlus) }}
-
-			<VIcon
+			<SyIcon
+				name="external-link"
 				size="1em"
+				:icon="mdiOpenInNew"
 				class="sy-france-connect-info-link-icon"
-			>
-				{{ mdiOpenInNew }}
-			</VIcon>
+				decorative
+			/>
 		</a>
 	</div>
 </template>

package/src/components/FranceConnectBtn/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../FranceConnectBtn.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/FranceConnectBtn.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/4005" target="_blank" style={{color:'#0C41BD'}}>issue #4005</a>)</p>
+	</div>

package/src/components/FranceConnectBtn/tests/__snapshots__/FranceConnectBtn.spec.ts.snap

@@ -73,6 +73,7 @@ exports[`FranceConnectBtn > renders correctly 1`] = `
       v-icon
       v-theme--light
     "
+    name="external-link"
     style="
       font-size: 1em;
       height: 1em;
@@ -162,6 +163,7 @@ exports[`FranceConnectBtn > renders correctly in black 1`] = `
         v-icon
         v-theme--dark
       "
+      name="external-link"
       style="
         font-size: 1em;
         height: 1em;
@@ -247,6 +249,7 @@ exports[`FranceConnectBtn > renders correctly with connect-plus 1`] = `
       v-icon
       v-theme--light
     "
+    name="external-link"
     style="
       font-size: 1em;
       height: 1em;

package/src/components/HeaderBar/HeaderBurgerMenu/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/blocks'
+import * as HeaderBurgerMenuStories from '../HeaderBurgerMenu.stories';
+import '@/stories/styles/shared.css';
+
+<Meta of={HeaderBurgerMenuStories}/>
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/HeaderBurgerMenu.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/646" target="_blank" style={{color:'#0C41BD'}}>issue #646</a>)</p>
+	</div>

package/src/components/HeaderBar/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/blocks'
+import * as HeaderBarStories from '../HeaderBar.stories';
+import '@/stories/styles/shared.css';
+
+<Meta of={HeaderBarStories}/>
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/HeaderBar.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/643" target="_blank" style={{color:'#0C41BD'}}>issue #643</a>)</p>
+</div>

package/src/components/HeaderBar/{Usages.mdx → usages/Usages.mdx}

@@ -1,6 +1,6 @@
 import { Meta, Story} from "@storybook/blocks";
-import '../../stories/styles/shared.css';
-import * as HeaderBarStories from "./HeaderBar.stories.ts";
+import '../../../stories/styles/shared.css';
+import * as HeaderBarStories from "../HeaderBar.stories.ts";
 import * as UsagesStories from "./Usages.stories.ts";
 
 <Meta of={HeaderBarStories} />

package/src/components/HeaderLoading/{Accessibilite.mdx → accessibilite/Accessibility.mdx}

@@ -1,10 +1,9 @@
 import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas, Source, Story } from '@storybook/blocks';
-import * as AccessStories from './Accessibilite.stories.ts';
-import * as HeaderLoadingStories from './HeaderLoading.stories.ts';
+import * as HeaderLoadingStories from '../HeaderLoading.stories.ts';
 import AccessibilityIcon from '@/common/imgs/accessibility-svgrepo-com.svg';
-import '../../stories/styles/shared.css';
+import '../../../stories/styles/shared.css';
 
-<Meta of={AccessStories} />
+<Meta of={HeaderLoadingStories} />
 
 <div className="accessibility-guide">
   <Title>Guide d'Accessibilité du Composant HeaderLoading</Title>
@@ -266,7 +265,12 @@ import '../../stories/styles/shared.css';
   <div className="compliance-section">
     <h2>Conformité RGAA</h2>
     <div className="legend-container">
-      <Story of={AccessStories.Legende} />
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/HeaderLoading.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/639" target="_blank" style={{color:'#0C41BD'}}>issue #639</a>)</p>
+	</div>
+
     </div>
     
   </div>

package/src/components/HeaderToolbar/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/blocks'
+import * as HeaderToolbarStories from '../HeaderToolbar.stories';
+import '@/stories/styles/shared.css';
+
+<Meta of={HeaderToolbarStories}/>
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/HeaderToolbar.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/640" target="_blank" style={{color:'#0C41BD'}}>issue #640</a>)</p>
+	</div>

package/src/components/LangBtn/LangBtn.vue

@@ -7,6 +7,7 @@
 	import useCustomizableOptions, { type CustomizableOptions } from '@/composables/useCustomizableOptions'
 	import defaultOptions from './config'
 	import type { VBtn, VListItem } from 'vuetify/components'
+	import SyIcon from '@/components/Customs/SyIcon/SyIcon.vue'
 
 	const props = withDefaults(defineProps<CustomizableOptions & {
 		modelValue?: string
@@ -148,13 +149,13 @@
 					class="vd-lang-btn"
 				>
 					{{ currentLangData.name }}
-					<VIcon
+					<SyIcon
 						v-if="!hideDownArrow"
 						v-bind="options.icon"
 						class="ml-1"
-					>
-						{{ mdiMenuDown }}
-					</VIcon>
+						:icon="mdiMenuDown"
+						decorative
+					/>
 				</VBtn>
 			</template>
 			<VList

package/src/components/LangBtn/accessibilite/Accessibility.mdx

@@ -0,0 +1,15 @@
+import { Meta, Story } from '@storybook/addon-docs';
+import * as Stories from '../LangBtn.stories.ts';
+import '@/stories/styles/shared.css';
+
+<Meta of={Stories} />
+
+<div className="header">
+  <h1>Accessibilité</h1>
+</div>
+
+
+<div class="mt-2">
+<p>Rapport d’audit manuel : <a href="/audits/LangBtn.xlsx" style={{ color:'#0C41BD' }}>Voir le rapport</a></p>
+		<p style={{ color: 'grey', fontSize: '14px', marginTop: '0px' }}>Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/4009" target="_blank" style={{color:'#0C41BD'}}>issue #4009</a>)</p>
+	</div>