@holmdigital/components 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,529 +0,0 @@
1
- // src/AccessibilityStatement/AccessibilityStatement.tsx
2
- import {
3
- getStatementToolsByCountry
4
- } from "@holmdigital/standards";
5
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
6
- var ENFORCEMENT_BODIES = {
7
- SE: "Myndigheten f\xF6r digital f\xF6rvaltning (Digg)",
8
- NO: "Digitaliseringsdirektoratet (uutilsynet)",
9
- DK: "Digitaliseringsstyrelsen",
10
- FI: "Regionf\xF6rvaltningsverket i S\xF6dra Finland (AVI)",
11
- NL: "Ministerie van Binnenlandse Zaken en Koninkrijksrelaties (BZK)",
12
- DE: "BFIT-Bund (\xDCberwachungsstelle des Bundes f\xFCr Barrierefreiheit von Informationstechnik)",
13
- FR: "Direction interminist\xE9rielle du num\xE9rique (DINUM)",
14
- ES: "Ministerio para la Transformaci\xF3n Digital y de la Funci\xF3n P\xFAblica",
15
- IE: "National Disability Authority (NDA)",
16
- GB: "Equality and Human Rights Commission (EHRC)",
17
- US: "Department of Justice (Civil Rights Division)",
18
- CA: "Accessibility Commissioner (Canadian Human Rights Commission)",
19
- EU: "Europeiska kommissionen (DG CNECT)"
20
- };
21
- var TEMPLATES = {
22
- sv: `Tillg\xE4nglighet f\xF6r {<webbplats>}
23
-
24
- {<organisation>} st\xE5r bakom den h\xE4r webbplatsen. Vi vill att s\xE5 m\xE5nga som m\xF6jligt ska kunna anv\xE4nda den. Det h\xE4r dokumentet beskriver hur {<webbplats>} uppfyller lagen om tillg\xE4nglighet till digital offentlig service, eventuella k\xE4nda tillg\xE4nglighetsproblem och hur du kan rapportera brister till oss s\xE5 att vi kan \xE5tg\xE4rda dem.
25
-
26
- ## Hur tillg\xE4nglig \xE4r webbplatsen?
27
-
28
- {Vi har inga k\xE4nda brister i tillg\xE4ngligheten f\xF6r den h\xE4r webbplatsen./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information./Vi \xE4r medvetna om att delar av webbplatsen inte \xE4r helt tillg\xE4ngliga. Se avsnittet om inneh\xE5ll som inte \xE4r tillg\xE4ngligt nedan f\xF6r mer information.}
29
-
30
- ## Vad kan du g\xF6ra om du inte kan anv\xE4nda delar av webbplatsen?
31
-
32
- Om du beh\xF6ver inneh\xE5ll fr\xE5n {<webbplats>} som inte \xE4r tillg\xE4ngligt f\xF6r dig, men som \xE4r undantaget fr\xE5n lagens till\xE4mpningsomr\xE5de enligt beskrivning nedan, kan du meddela oss.
33
-
34
- [Svarstiden \xE4r normalt {<svarstid>}.]
35
-
36
- [Du kan ocks\xE5 kontakta oss p\xE5 f\xF6ljande s\xE4tt:
37
-
38
- * skicka e-post till {<e-postadress>}
39
- * ring {<telefonnummer>}]
40
-
41
- ## Rapportera brister i webbplatsens tillg\xE4nglighet
42
-
43
- Vi str\xE4var hela tiden efter att f\xF6rb\xE4ttra webbplatsens tillg\xE4nglighet. Om du uppt\xE4cker problem som inte \xE4r beskrivna p\xE5 den h\xE4r sidan, eller om du anser att vi inte uppfyller lagens krav, meddela oss s\xE5 att vi f\xE5r veta att problemet finns.
44
-
45
- ## Tillsyn
46
-
47
- {<enforcement_body>} har ansvaret f\xF6r tillsyn \xF6ver lagen om tillg\xE4nglighet till digital offentlig service. Du kan anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r digitala service har brister i tillg\xE4nglighet.
48
-
49
- Du kan ocks\xE5 anm\xE4la till {<enforcement_body>} om du tycker att v\xE5r bed\xF6mning av vad som \xE4r osk\xE4ligt betungande ska granskas, om du tycker att v\xE5r tillg\xE4nglighetsredog\xF6relse har brister eller om du tycker att vi inte har hanterat din beg\xE4ran om tillg\xE4ngligg\xF6rande korrekt.
50
-
51
- ## Teknisk information om webbplatsens tillg\xE4nglighet
52
-
53
- {Den h\xE4r webbplatsen \xE4r helt f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service./Den h\xE4r webbplatsen \xE4r delvis f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service, p\xE5 grund av de brister som beskrivs nedan./Den h\xE4r webbplatsen \xE4r inte f\xF6renlig med lagen om tillg\xE4nglighet till digital offentlig service. Otillg\xE4ngliga delar beskrivs nedan.}
54
-
55
- ## Inneh\xE5ll som inte \xE4r tillg\xE4ngligt
56
-
57
- Det inneh\xE5ll som beskrivs nedan \xE4r p\xE5 ett eller annat s\xE4tt inte helt tillg\xE4ngligt.
58
-
59
- [
60
- ### Bristande f\xF6renlighet med lagkraven
61
- {<brister>}
62
- ]
63
-
64
- ## Hur vi testat webbplatsen
65
-
66
- {Vi har gjort en sj\xE4lvskattning (intern testning) av {<webbplats>}./{<extern akt\xF6r>} har gjort en oberoende granskning av {<webbplats>}./Vi har uppskattat tillg\xE4ngligheten utan granskning.}
67
-
68
- Senaste bed\xF6mningen gjordes den {<bed\xF6mningsdatum>}.
69
-
70
- [Granskningsmetod: {<metod>}]
71
-
72
- Webbplatsen publicerades den {<publiceringsdatum>}.
73
-
74
- Redog\xF6relsen uppdaterades senast den {<uppdateringsdatum>}.`,
75
- en: `Accessibility of {<website>}
76
-
77
- This website is run by {<organisation>}. We want as many people as possible to be able to use it, and this document describes how {<website>} complies with the accessibility regulations, any known accessibility issues, and how you can report problems so that we can fix them.
78
-
79
- ## How accessible is the website?
80
-
81
- {There are no known accessibility issues with this website./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information./We know some parts of this website aren\u2019t fully accessible. See the section on non-accessible content below for more information.}
82
-
83
- ## What to do if you can\u2019t access parts of this website?
84
-
85
- If you need content from this website that is not accessible for you, but is not within the scope of the accessibility regulations as described below, please contact us.
86
-
87
- [Our normal response time is {<response time>}.]
88
-
89
- [You can also contact us in the following ways:
90
-
91
- * email {<email address>}
92
- * call {<telephone number>}]
93
-
94
- ## Reporting accessibility problems with this website
95
-
96
- We\u2019re always looking to improve the accessibility of this website. If you find any problems that aren\u2019t listed on this page or if we\u2019re not meeting the requirements of the accessibility regulations, contact us and let us know about the problem.
97
-
98
- ## Enforcement procedure
99
-
100
- The {<enforcement_body>} is responsible for enforcing the web accessibility regulations. If you experience accessibility issues on our website, you can submit a complaint to {<enforcement_body>}.
101
-
102
- You can also submit a complaint to {<enforcement_body>} if you think that our assessment of what constitutes a disproportionate burden should be reviewed, if you think that our accessibility statement is inadequate, or it you think that your request for excluded content in an accessible format has not been handled correctly.
103
-
104
- ## Technical information about this website\u2019s accessibility
105
-
106
- {This website is fully compliant with the accessibility regulations./This website is partially compliant with the accessibility regulations, due to the non-compliances listed below./This website is not compliant with the accessibility regulations. The non-accessible sections are listed below.}
107
-
108
- ## Non-accessible content
109
-
110
- The content described below is, in one way or another, not fully accessible.
111
-
112
- [
113
- ### Non-compliance with the accessibility regulations
114
-
115
- {<issues>}
116
- ]
117
-
118
- ## How we tested this website
119
-
120
- {We have performed a self-assessment (internal testing) of {<website>}./{<third party>} has tested {<website>}./We have estimated the accessibility without testing.}
121
-
122
- The last assessment was made on {<assessment date>}.
123
-
124
- [Assessment method: {<method>}]
125
-
126
- The website was published on {<publish date>}.
127
-
128
- The statement was last updated on {<update date>}.`
129
- };
130
- var formatDiggDate = (date, locale) => {
131
- return date.toLocaleDateString(locale === "sv" ? "sv-SE" : "en-US", {
132
- year: "numeric",
133
- month: "long",
134
- day: "numeric"
135
- });
136
- };
137
- var AccessibilityStatement = ({
138
- country,
139
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
140
- sector: _sector,
141
- organizationName,
142
- websiteUrl: _websiteUrl,
143
- complianceLevel,
144
- lastReviewDate,
145
- contactEmail,
146
- assessmentDate,
147
- evaluationMethod,
148
- generatorTool,
149
- logoUrl,
150
- nonComplianceItems = [],
151
- locale = "en",
152
- className = "",
153
- phoneNumber,
154
- responseTime,
155
- badgeUrl,
156
- publishDate
157
- }) => {
158
- const lang = locale === "sv" ? "sv" : "en";
159
- const template = TEMPLATES[lang] || TEMPLATES.en;
160
- const d = (date) => formatDiggDate(date, locale);
161
- const enforcementBody = ENFORCEMENT_BODIES[country] || ENFORCEMENT_BODIES.EU;
162
- const replacements = {
163
- "{<webbplats>}": organizationName,
164
- // Or websiteUrl, but usually org/site name
165
- "{<website>}": organizationName,
166
- "{<organisation>}": organizationName,
167
- "{<e-postadress>}": contactEmail,
168
- "{<email address>}": contactEmail,
169
- "{<telefonnummer>}": phoneNumber || "",
170
- "{<telephone number>}": phoneNumber || "",
171
- "{<svarstid>}": responseTime || "",
172
- "{<response time>}": responseTime || "",
173
- "{<bed\xF6mningsdatum>}": assessmentDate ? d(assessmentDate) : d(lastReviewDate),
174
- "{<assessment date>}": assessmentDate ? d(assessmentDate) : d(lastReviewDate),
175
- "{<uppdateringsdatum>}": d(lastReviewDate),
176
- "{<update date>}": d(lastReviewDate),
177
- "{<publiceringsdatum>}": publishDate ? d(publishDate) : "2024-01-01",
178
- // Default to a realistic value if unknown
179
- "{<publish date>}": publishDate ? d(publishDate) : "2024-01-01",
180
- "{<metod>}": evaluationMethod || "Automated Scan",
181
- "{<method>}": evaluationMethod || "Automated Scan",
182
- "{<extern akt\xF6r>}": generatorTool?.name || "HolmDigital Engine",
183
- "{<third party>}": generatorTool?.name || "HolmDigital Engine",
184
- "{<enforcement_body>}": enforcementBody
185
- };
186
- let issuesContent = "";
187
- if (nonComplianceItems.length > 0) {
188
- issuesContent = "\n\n" + nonComplianceItems.map((item) => `* ${item}`).join("\n");
189
- } else {
190
- issuesContent = lang === "sv" ? "Inga k\xE4nda brister." : "No known issues.";
191
- }
192
- replacements["{<brister>}"] = issuesContent;
193
- replacements["{<issues>}"] = issuesContent;
194
- const renderTemplate = (tmpl) => {
195
- let text = tmpl;
196
- text = text.replace(/\[([\s\S]*?)\]/g, (_match, content) => {
197
- if (content.includes("{<svarstid>}") || content.includes("{<response time>}")) {
198
- return responseTime ? content : "";
199
- }
200
- if (content.includes("{<telefonnummer>}") || content.includes("{<telephone number>}")) {
201
- return phoneNumber ? content : "";
202
- }
203
- if (content.includes("{<brister>}") || content.includes("{<issues>}")) {
204
- return complianceLevel !== "full" ? content : "";
205
- }
206
- return "\n" + content.trim() + "\n";
207
- });
208
- for (const [key, value] of Object.entries(replacements)) {
209
- text = text.replaceAll(key, value);
210
- }
211
- text = text.replace(/\{([^{}]*?)\}/g, (_match, content) => {
212
- const parts = content.split("/");
213
- if (parts.length >= 2) {
214
- let idx = 0;
215
- if (complianceLevel === "partial") idx = 1;
216
- if (complianceLevel === "non-compliant") idx = parts.length > 2 ? 2 : 1;
217
- return parts[idx].trim();
218
- }
219
- return _match;
220
- });
221
- text = text.replace(/\r\n/g, "\n");
222
- const sections = text.split("\n\n");
223
- const sectionNodes = sections.map((block, i) => {
224
- const trimmed = block.trim();
225
- if (!trimmed) return null;
226
- let IconNode = null;
227
- if (trimmed.includes("Hur tillg\xE4nglig") || trimmed.includes("How accessible")) {
228
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(EyeIcon, {}) });
229
- } else if (trimmed.includes("Vad kan du g\xF6ra") || trimmed.includes("What to do")) {
230
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(HelpCircleIcon, {}) });
231
- } else if (trimmed.includes("Rapportera brister") || trimmed.includes("Reporting accessibility")) {
232
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(AlertOctagonIcon, {}) });
233
- } else if (trimmed.includes("Tillsyn") || trimmed.includes("Enforcement procedure")) {
234
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(GavelIcon, {}) });
235
- } else if (trimmed.includes("Teknisk information") || trimmed.includes("Technical information")) {
236
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(CpuIcon, {}) });
237
- } else if (trimmed.includes("Hur vi testat") || trimmed.includes("How we tested")) {
238
- IconNode = /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(CheckCircleIcon, {}) });
239
- }
240
- if (trimmed.startsWith("## ")) {
241
- const title = trimmed.replace("## ", "");
242
- return /* @__PURE__ */ jsxs("h2", { style: styles.sectionTitle, children: [
243
- IconNode,
244
- title
245
- ] }, i);
246
- }
247
- if (trimmed.startsWith("### ")) {
248
- return /* @__PURE__ */ jsx("h3", { style: { ...styles.sectionTitle, fontSize: "1.4rem" }, children: trimmed.replace("### ", "") }, i);
249
- }
250
- if (trimmed.includes("* ") || trimmed.includes("\u2022 ")) {
251
- const lines = trimmed.split("\n");
252
- return /* @__PURE__ */ jsx("ul", { style: styles.list, children: lines.map((line, li) => {
253
- const cleanLine = line.trim().replace(/^[*-•]\s*/, "");
254
- if (!cleanLine) return null;
255
- const isListItem = line.trim().startsWith("*") || line.trim().startsWith("\u2022") || line.trim().startsWith("-");
256
- if (!isListItem) {
257
- return /* @__PURE__ */ jsx("p", { style: styles.paragraph, children: line }, `p-${li}`);
258
- }
259
- return /* @__PURE__ */ jsxs("li", { style: styles.listItem, children: [
260
- /* @__PURE__ */ jsx("div", { style: styles.listBullet }),
261
- cleanLine
262
- ] }, li);
263
- }) }, i);
264
- }
265
- const isCardSection = trimmed.includes("e-post") || trimmed.includes("email") || trimmed.includes("ring ") || trimmed.includes("call ");
266
- if (isCardSection) {
267
- return /* @__PURE__ */ jsx("div", { style: styles.card, children: trimmed }, i);
268
- }
269
- return /* @__PURE__ */ jsx("p", { style: styles.paragraph, children: trimmed }, i);
270
- });
271
- return sectionNodes;
272
- };
273
- const statementTools = getStatementToolsByCountry(country);
274
- const usedTool = generatorTool || statementTools.find((t) => t.recommended) || statementTools[0];
275
- const styles = {
276
- page: {
277
- fontFamily: '"Inter", system-ui, -apple-system, sans-serif',
278
- color: "#334155",
279
- // Slate 700
280
- lineHeight: 1.6,
281
- maxWidth: "100%"
282
- },
283
- header: {
284
- display: "flex",
285
- justifyContent: "space-between",
286
- alignItems: "center",
287
- marginBottom: "4.5rem",
288
- paddingBottom: "2rem",
289
- borderBottom: "1px solid #f1f5f9"
290
- },
291
- logoContainer: {
292
- display: "flex",
293
- alignItems: "center",
294
- textDecoration: "none",
295
- marginRight: "1.5rem"
296
- },
297
- divider: {
298
- height: "2.5rem",
299
- width: "1px",
300
- backgroundColor: "#e2e8f0",
301
- marginRight: "1.5rem",
302
- display: "block"
303
- },
304
- websiteContainer: {
305
- display: "flex",
306
- alignItems: "center",
307
- gap: "0.75rem",
308
- textDecoration: "none",
309
- color: "#475569",
310
- // Slate 600
311
- fontWeight: 600,
312
- fontSize: "1rem",
313
- padding: "0.5rem 1rem",
314
- backgroundColor: "#f8fafc",
315
- borderRadius: "0.75rem",
316
- border: "1px solid #f1f5f9"
317
- },
318
- container: {
319
- maxWidth: "900px",
320
- margin: "2rem auto",
321
- padding: "4.5rem",
322
- backgroundColor: "#ffffff",
323
- borderRadius: "24px",
324
- boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.05)",
325
- border: "1px solid #f1f5f9",
326
- fontFamily: '"Inter", system-ui, -apple-system, sans-serif',
327
- color: "#1e293b",
328
- // Slate 800
329
- lineHeight: 1.75,
330
- fontSize: "1.125rem"
331
- },
332
- mainHeading: {
333
- fontSize: "3rem",
334
- fontWeight: 900,
335
- color: "#082f49",
336
- // Primary 950
337
- marginTop: "0",
338
- marginBottom: "1rem",
339
- letterSpacing: "-0.04em",
340
- lineHeight: 1.1
341
- },
342
- metaData: {
343
- color: "#64748b",
344
- // Slate 500
345
- fontSize: "0.925rem",
346
- marginBottom: "4rem",
347
- fontWeight: 500,
348
- display: "flex",
349
- gap: "1.5rem"
350
- },
351
- section: {
352
- marginBottom: "4.5rem"
353
- },
354
- sectionTitle: {
355
- fontSize: "1.75rem",
356
- fontWeight: 800,
357
- color: "#082f49",
358
- // Primary 950
359
- marginBottom: "1.5rem",
360
- marginTop: 0,
361
- letterSpacing: "-0.025em",
362
- display: "flex",
363
- alignItems: "center",
364
- gap: "0.75rem"
365
- },
366
- card: {
367
- padding: "2.5rem",
368
- backgroundColor: "#f0f9ff",
369
- // Primary 50
370
- borderRadius: "1.5rem",
371
- border: "1px solid #e0f2fe",
372
- marginBottom: "2.5rem"
373
- },
374
- paragraph: {
375
- marginBottom: "1.5rem",
376
- maxWidth: "65ch",
377
- whiteSpace: "pre-line"
378
- },
379
- link: {
380
- color: "#0284c7",
381
- // Primary 600
382
- textDecoration: "none",
383
- fontWeight: 600,
384
- borderBottom: "2px solid #e0f2fe",
385
- transition: "border-color 0.2s",
386
- cursor: "pointer"
387
- },
388
- list: {
389
- listStyleType: "none",
390
- paddingLeft: 0,
391
- marginBottom: "1.5rem"
392
- },
393
- listItem: {
394
- marginBottom: "0.75rem",
395
- paddingLeft: "1.75rem",
396
- position: "relative",
397
- display: "block"
398
- },
399
- listBullet: {
400
- position: "absolute",
401
- left: 0,
402
- top: "0.6em",
403
- width: "0.5rem",
404
- height: "0.5rem",
405
- borderRadius: "50%",
406
- backgroundColor: "#0ea5e9"
407
- // Primary 500
408
- },
409
- statusBadge: {
410
- display: "inline-flex",
411
- alignItems: "center",
412
- padding: "0.375rem 1rem",
413
- borderRadius: "9999px",
414
- fontSize: "0.875rem",
415
- fontWeight: 700,
416
- backgroundColor: complianceLevel === "full" ? "#dcfce7" : complianceLevel === "partial" ? "#fef9c3" : "#fee2e2",
417
- color: complianceLevel === "full" ? "#166534" : complianceLevel === "partial" ? "#854d0e" : "#991b1b",
418
- boxShadow: `0 4px 6px -1px ${complianceLevel === "full" ? "rgba(34, 197, 94, 0.1)" : complianceLevel === "partial" ? "rgba(234, 179, 8, 0.1)" : "rgba(239, 68, 68, 0.1)"}`,
419
- border: `1px solid ${complianceLevel === "full" ? "#bbf7d0" : complianceLevel === "partial" ? "#fef08a" : "#fecaca"}`,
420
- marginLeft: "0.5rem"
421
- },
422
- iconWrapper: {
423
- display: "flex",
424
- alignItems: "center",
425
- justifyContent: "center",
426
- width: "2.5rem",
427
- height: "2.5rem",
428
- borderRadius: "0.75rem",
429
- backgroundColor: "#ffffff",
430
- boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
431
- border: "1px solid #f1f5f9",
432
- color: "#0284c7"
433
- }
434
- };
435
- const Logo = () => /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
436
- /* @__PURE__ */ jsx("rect", { width: "32", height: "32", rx: "6", fill: "#0F172A" }),
437
- /* @__PURE__ */ jsx("path", { d: "M16 8L24 16L16 24L8 16L16 8Z", fill: "#38BDF8" }),
438
- /* @__PURE__ */ jsx("path", { d: "M16 12L20 16L16 20L12 16L16 12Z", fill: "#0F172A" })
439
- ] });
440
- const IconWrapper = ({ children }) => /* @__PURE__ */ jsx("div", { style: styles.iconWrapper, children });
441
- const EyeIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
442
- /* @__PURE__ */ jsx("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
443
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
444
- ] });
445
- const HelpCircleIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
446
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
447
- /* @__PURE__ */ jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
448
- /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
449
- ] });
450
- const AlertOctagonIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
451
- /* @__PURE__ */ jsx("polygon", { points: "7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" }),
452
- /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
453
- /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
454
- ] });
455
- const GavelIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
456
- /* @__PURE__ */ jsx("path", { d: "m14 13-5 5 2 2 5-5-2-2Z" }),
457
- /* @__PURE__ */ jsx("path", { d: "m3 21 2-2 5-5-2-2-5 5-2 2Z" }),
458
- /* @__PURE__ */ jsx("path", { d: "m15 6 5 5-11 11-5-5L15 6Z" }),
459
- /* @__PURE__ */ jsx("path", { d: "M13 2 18 7" })
460
- ] });
461
- const CpuIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
462
- /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2" }),
463
- /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "6", height: "6" }),
464
- /* @__PURE__ */ jsx("path", { d: "M15 2v2" }),
465
- /* @__PURE__ */ jsx("path", { d: "M15 20v2" }),
466
- /* @__PURE__ */ jsx("path", { d: "M2 15h2" }),
467
- /* @__PURE__ */ jsx("path", { d: "M2 9h2" }),
468
- /* @__PURE__ */ jsx("path", { d: "M20 15h2" }),
469
- /* @__PURE__ */ jsx("path", { d: "M20 9h2" }),
470
- /* @__PURE__ */ jsx("path", { d: "M9 2v2" }),
471
- /* @__PURE__ */ jsx("path", { d: "M9 20v2" })
472
- ] });
473
- const CheckCircleIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
474
- /* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
475
- /* @__PURE__ */ jsx("polyline", { points: "22 4 12 14.01 9 11.01" })
476
- ] });
477
- return /* @__PURE__ */ jsxs(
478
- "main",
479
- {
480
- role: "main",
481
- className,
482
- style: styles.container,
483
- "aria-labelledby": "a11y-statement-title",
484
- children: [
485
- /* @__PURE__ */ jsxs("header", { style: styles.header, children: [
486
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [
487
- /* @__PURE__ */ jsx("a", { href: "https://holmdigital.se", style: styles.logoContainer, target: "_blank", rel: "noreferrer", children: logoUrl ? /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Holm Digital", style: { height: "3rem", width: "auto" } }) : /* @__PURE__ */ jsxs(Fragment, { children: [
488
- /* @__PURE__ */ jsx(Logo, {}),
489
- /* @__PURE__ */ jsx("span", { style: { marginLeft: "0.75rem", fontWeight: 700, fontSize: "1.25rem", color: "#0c4a6e" }, children: "HolmDigital" })
490
- ] }) }),
491
- /* @__PURE__ */ jsx("div", { style: styles.divider, "aria-hidden": "true" }),
492
- /* @__PURE__ */ jsxs("a", { href: "https://holmdigital.se", style: styles.websiteContainer, target: "_blank", rel: "noreferrer", children: [
493
- /* @__PURE__ */ jsx("span", { style: { backgroundColor: "#f1f5f9", padding: "0.25rem", borderRadius: "0.375rem", display: "flex" }, children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { color: "#64748b" }, "aria-hidden": "true", children: [
494
- /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
495
- /* @__PURE__ */ jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
496
- /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1 4-10z" })
497
- ] }) }),
498
- /* @__PURE__ */ jsxs("span", { children: [
499
- "holmdigital",
500
- /* @__PURE__ */ jsx("span", { style: { color: "#0284c7" }, children: ".se" })
501
- ] })
502
- ] })
503
- ] }),
504
- badgeUrl && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx("img", { src: badgeUrl, alt: "Accessibility Badge", style: { height: "1.5rem", width: "auto" } }) })
505
- ] }),
506
- /* @__PURE__ */ jsx("div", { className: "statement-content", children: (() => {
507
- const parts = template.split("\n");
508
- const titleRaw = parts[0];
509
- const bodyRaw = parts.slice(1).join("\n");
510
- let title = titleRaw.replace("{<webbplats>}", organizationName).replace("{<website>}", organizationName);
511
- return /* @__PURE__ */ jsxs(Fragment, { children: [
512
- /* @__PURE__ */ jsx("h1", { id: "a11y-statement-title", style: styles.mainHeading, children: title }),
513
- renderTemplate(bodyRaw)
514
- ] });
515
- })() }),
516
- /* @__PURE__ */ jsx("footer", { style: { marginTop: "3rem", borderTop: "1px solid #e2e8f0", paddingTop: "1.5rem", fontSize: "0.875rem", color: "#64748b" }, children: /* @__PURE__ */ jsxs("p", { children: [
517
- lang === "sv" ? "Genererad med hj\xE4lp av" : "Generated using",
518
- " ",
519
- /* @__PURE__ */ jsx("a", { href: usedTool?.url || "https://holmdigital.se", style: styles.link, target: "_blank", rel: "noopener noreferrer", children: usedTool?.name || "HolmDigital Engine" })
520
- ] }) })
521
- ]
522
- }
523
- );
524
- };
525
- AccessibilityStatement.displayName = "AccessibilityStatement";
526
-
527
- export {
528
- AccessibilityStatement
529
- };