@bonniernews/dn-design-system-web 32.3.1 → 32.4.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/components/blocked-content/README-NJK.md +62 -0
  3. package/components/blocked-content/README.md +25 -62
  4. package/components/blocked-content/blocked-content.js +1 -1
  5. package/components/blocked-content/blocked-content.scss +1 -1
  6. package/components/video-caption/README-NJK.md +37 -0
  7. package/components/video-caption/README.md +22 -37
  8. package/package.json +1 -1
  9. package/preact/components/blocked-content/blocked-content.d.ts +20 -0
  10. package/preact/components/blocked-content/blocked-content.js +226 -0
  11. package/preact/components/blocked-content/blocked-content.js.map +7 -0
  12. package/preact/components/video-caption/video-caption.d.ts +20 -0
  13. package/preact/components/video-caption/video-caption.js +31 -0
  14. package/preact/components/video-caption/video-caption.js.map +7 -0
  15. package/preact/foundations/a11y/visually-hidden.d.ts +4 -0
package/CHANGELOG.md CHANGED
@@ -4,6 +4,28 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [32.4.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.3.2...@bonniernews/dn-design-system-web@32.4.0) (2025-05-19)
8
+
9
+
10
+ ### Features
11
+
12
+ * **web:** videocaption as tsx ([#1737](https://github.com/BonnierNews/dn-design-system/issues/1737)) ([fe29ca1](https://github.com/BonnierNews/dn-design-system/commit/fe29ca158036190b9af50917832a29f7e43ddbd8))
13
+
14
+ ## [32.3.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.3.1...@bonniernews/dn-design-system-web@32.3.2) (2025-05-19)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **web:** blocked content as TSX ([#1734](https://github.com/BonnierNews/dn-design-system/issues/1734)) ([48fbe1b](https://github.com/BonnierNews/dn-design-system/commit/48fbe1bbe3ae42b810facd9e647cd9a27fb4c34d))
20
+
21
+
22
+ ### Maintenance
23
+
24
+ * **deps-dev:** bump @babel/preset-env from 7.26.9 to 7.27.2 ([#1730](https://github.com/BonnierNews/dn-design-system/issues/1730)) ([268103a](https://github.com/BonnierNews/dn-design-system/commit/268103a526981a311a305d9caf49f5ab67402bf1))
25
+ * **deps-dev:** bump shelljs from 0.9.2 to 0.10.0 ([#1733](https://github.com/BonnierNews/dn-design-system/issues/1733)) ([df2b69d](https://github.com/BonnierNews/dn-design-system/commit/df2b69d7d31c948beec5414a88b24b52fca97427))
26
+ * **deps:** bump sass from 1.86.3 to 1.89.0 ([#1745](https://github.com/BonnierNews/dn-design-system/issues/1745)) ([38528b3](https://github.com/BonnierNews/dn-design-system/commit/38528b3f68989b7f80511fe4ac631648a06c9d6b))
27
+ * **web:** add teaser counter to package tests ([#1744](https://github.com/BonnierNews/dn-design-system/issues/1744)) ([f0997b6](https://github.com/BonnierNews/dn-design-system/commit/f0997b6511ca9d8ed80def769c412f34c5b9fe3f))
28
+
7
29
  ## [32.3.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.3.0...@bonniernews/dn-design-system-web@32.3.1) (2025-05-16)
8
30
 
9
31
 
package/components/blocked-content/README-NJK.md ADDED
@@ -0,0 +1,62 @@
1
+ - GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)
2
+ - Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)
3
+ - Storybook (Latest): [BlockedContent](https://designsystem-latest.dn.se/?path=/docs/article-blockedcontent--docs)
4
+
5
+ ----
6
+
7
+ # Blocked Content
8
+
9
+ This component is available as either a Nunjuck component or a JavaScript component. In Bang we only use the JavaScript variant. The Nunjuck implementation is mostly used to generate the html markup used in the JavaScript component.
10
+
11
+ ## Parameters
12
+
13
+ |parameter | type | required | options | default | description |
14
+ |:--- | :--- | :--- | :--- | :--- | :--- |
15
+ |title | String | yes | | | |
16
+ |body | HTML String | yes | | | |
17
+ |link | String | no | | | Ex "https://twitter.com/LAGalaxy/status/1665752957919592448" will be injected on a new line below body |
18
+ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
19
+ |elementAttributes | Object | no | | | Sets attributes on button element. Same structure as attributes above |
20
+ |classNames | String | no | | | Ex. "my-special-class" |
21
+ |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size |
22
+ |vendor | String | yes (only in JavaScript) | | | JavaScript attribute, not available as njk-parameter |
23
+
24
+ ## Minimum requirement example
25
+
26
+ ### Nunjucks
27
+
28
+ These are copy paste friendly examples to quickliy get started using a component.
29
+
30
+ ```html
31
+ {% from '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.njk' import BlockedContent %}
32
+
33
+ {{ BlockedContent({
34
+ title: 'Hoppsan, här saknas något',
35
+ body: 'Innehållet från Twitter kunde inte visas på grund av dina val i kakinställningarna.',
36
+ link: 'https://twitter.com/LAGalaxy/status/1665752957919592448'
37
+ })}}
38
+ ```
39
+
40
+ ### SCSS
41
+ ```scss
42
+ @use "@bonniernews/dn-design-system-web/components/blocked-content/blocked-content" as *;
43
+ ```
44
+
45
+ ### Javascript
46
+
47
+ ```javascript
48
+ import { dsBlockedContent } from '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.js'
49
+
50
+ // avalaible javascript parameters, matches njk paramaters + vendor:
51
+ const parameters = {
52
+ vendor: "YouTube",
53
+ title: "Videon kunde ej visas",
54
+ body: "För att spela videon behöver du gå till “Inställningar per partner” och godkänna Screen9 AB", // overrides vendor
55
+ classNames: "test-class",
56
+ forcePx: false,
57
+ attributes: { "data-test" : "test-value" },
58
+ elementAttributes: { "onClick": "javascript:Didomi.notice.show()" }
59
+ }
60
+
61
+ const blockedContentHtml = dsBlockedContent(parameters);
62
+ ```
package/components/blocked-content/README.md CHANGED
@@ -1,62 +1,25 @@
1
- - GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)
2
- - Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)
3
- - Storybook (Latest): [BlockedContent](https://designsystem-latest.dn.se/?path=/docs/article-blockedcontent--docs)
4
-
5
- ----
6
-
7
- # Blocked Content
8
-
9
- This component is available as either a Nunjuck component or a JavaScript component. In Bang we only use the JavaScript variant. The Nunjuck implementation is mostly used to generate the html markup used in the JavaScript component.
10
-
11
- ## Parameters
12
-
13
- |parameter | type | required | options | default | description |
14
- |:--- | :--- | :--- | :--- | :--- | :--- |
15
- |title | String | yes | | | |
16
- |body | HTML String | yes | | | |
17
- |link | String | no | | | Ex "https://twitter.com/LAGalaxy/status/1665752957919592448" will be injected on a new line below body |
18
- |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
19
- |elementAttributes | Object | no | | | Sets attributes on button element. Same structure as attributes above |
20
- |classNames | String | no | | | Ex. "my-special-class" |
21
- |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size |
22
- |vendor | String | yes (only in JavaScript) | | | JavaScript attribute, not available as njk-parameter |
23
-
24
- ## Minimum requirement example
25
-
26
- ### Nunjucks
27
-
28
- These are copy paste friendly examples to quickliy get started using a component.
29
-
30
- ```html
31
- {% from '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.njk' import BlockedContent %}
32
-
33
- {{ BlockedContent({
34
- title: 'Hoppsan, här saknas något',
35
- body: 'Innehållet från Twitter kunde inte visas på grund av dina val i kakinställningarna.',
36
- link: 'https://twitter.com/LAGalaxy/status/1665752957919592448'
37
- })}}
38
- ```
39
-
40
- ### SCSS
41
- ```scss
42
- @use "@bonniernews/dn-design-system-web/components/blocked-content/blocked-content" as *;
43
- ```
44
-
45
- ### Javascript
46
-
47
- ```javascript
48
- import { dsBlockedContent } from '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.js'
49
-
50
- // avalaible javascript parameters, matches njk paramaters + vendor:
51
- const parameters = {
52
- vendor: "YouTube",
53
- title: "Videon kunde ej visas",
54
- body: "För att spela videon behöver du gå till “Inställningar per partner” och godkänna Screen9 AB", // overrides vendor
55
- classNames: "test-class",
56
- forcePx: false,
57
- attributes: { "data-test" : "test-value" },
58
- elementAttributes: { "onClick": "javascript:Didomi.notice.show()" }
59
- }
60
-
61
- const blockedContentHtml = dsBlockedContent(parameters);
62
- ```
1
+ BlockedContent
2
+ ==============
3
+
4
+ * GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)
5
+ * Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)
6
+
7
+ The component will not include styling by itself. Make sure to include the right styles for the component. See example below: `@use '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.scss'`
8
+
9
+ | Name | Description | Default |
10
+ |:--- | :--- | :--- |
11
+ | title\* | string | \- |
12
+ | body\* | string | \- |
13
+ | link\* | string | \- |
14
+ | forcePx | boolean | false |
15
+ | classNames | string | ", " |
16
+ | attributes | object | { } |
17
+ | elementAttributes | { \[key: string\]: string; } | { } |
18
+
19
+ ```jsx
20
+ <BlockedContent
21
+ body="Innehållet från Twitter kunde inte visas på grund av dina val i kakinställningarna."
22
+ link="https://twitter.com/LAGalaxy/status/1665752957919592448"
23
+ title="Hoppsan, här saknas något"
24
+ />
25
+ ```
package/components/blocked-content/blocked-content.js CHANGED
@@ -7,7 +7,7 @@ function dsBlockedContent(params) {
7
7
  params = params || {};
8
8
 
9
9
  const blockedContentTmpl = document.createElement("div");
10
- // NOTE: this should match output of blocked-content.njk
10
+ // NOTE: this should match output of blocked-content.njk and blocked-content.tsx
11
11
  blockedContentTmpl.innerHTML = `
12
12
  <div class="ds-blocked-content">
13
13
  <div class="ds-blocked-content__inner">
package/components/blocked-content/blocked-content.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
 
26
26
  .ds-blocked-content__link {
27
- display: inline-block;
27
+ display: block;
28
28
  margin-top: ds-spacing($ds-s-050);
29
29
  word-break: break-word;
30
30
  @include ds-link($ds-link-paragraph);
package/components/video-caption/README-NJK.md ADDED
@@ -0,0 +1,37 @@
1
+ - GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)
2
+ - Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)
3
+ - Storybook (Latest): [VideoCaption](https://designsystem-latest.dn.se/?path=/docs/article-videocaption--docs)
4
+
5
+ ----
6
+
7
+ # VideoCaption
8
+
9
+ ## Parameters
10
+
11
+ |parameter | type | required | options | default | description |
12
+ |:--- | :--- | :--- | :--- | :--- | :--- |
13
+ |caption | String | no | | | |
14
+ |duration | String | no | | | |
15
+ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
16
+ |classNames | String | no | | | Ex. "my-special-class" |
17
+ |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size |
18
+
19
+ ## Minimum requirement example
20
+
21
+ ### Nunjucks
22
+
23
+ These are copy paste friendly examples to quickliy get started using a component.
24
+
25
+ ```html
26
+ {% from '@bonniernews/dn-design-system-web/components/video-caption/video-caption.njk' import VideoCaption %}
27
+
28
+ {{ VideoCaption({
29
+ caption: "Tre år har gått sedan terrordåden i Paris.",
30
+ duration: "47 sek"
31
+ }) }}
32
+ ```
33
+
34
+ ### SCSS
35
+ ```scss
36
+ @use "@bonniernews/dn-design-system-web/components/video-caption/video-caption";
37
+ ```
package/components/video-caption/README.md CHANGED
@@ -1,37 +1,22 @@
1
- - GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)
2
- - Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)
3
- - Storybook (Latest): [VideoCaption](https://designsystem-latest.dn.se/?path=/docs/article-videocaption--docs)
4
-
5
- ----
6
-
7
- # VideoCaption
8
-
9
- ## Parameters
10
-
11
- |parameter | type | required | options | default | description |
12
- |:--- | :--- | :--- | :--- | :--- | :--- |
13
- |caption | String | no | | | |
14
- |duration | String | no | | | |
15
- |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
16
- |classNames | String | no | | | Ex. "my-special-class" |
17
- |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size |
18
-
19
- ## Minimum requirement example
20
-
21
- ### Nunjucks
22
-
23
- These are copy paste friendly examples to quickliy get started using a component.
24
-
25
- ```html
26
- {% from '@bonniernews/dn-design-system-web/components/video-caption/video-caption.njk' import VideoCaption %}
27
-
28
- {{ VideoCaption({
29
- caption: "Tre år har gått sedan terrordåden i Paris.",
30
- duration: "47 sek"
31
- }) }}
32
- ```
33
-
34
- ### SCSS
35
- ```scss
36
- @use "@bonniernews/dn-design-system-web/components/video-caption/video-caption";
37
- ```
1
+ VideoCaption
2
+ ============
3
+
4
+ * GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)
5
+ * Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)
6
+
7
+ The component will not include styling by itself. Make sure to include the right styles for the component. See example below: `@use '@bonniernews/dn-design-system-web/components/video-caption/video-caption.scss'`
8
+
9
+ | Name | Description | Default |
10
+ |:--- | :--- | :--- |
11
+ | caption | Ex: "Detta är en bildtext"<br />string | \- |
12
+ | duration | Ex: "01:23"<br />string | \- |
13
+ | classNames | Ex: "my-special-class another-class"<br />string | \- |
14
+ | attributes | Ex: { target: "\_blank", "data-test": "lorem ipsum" }<br />object | \- |
15
+ | forcePx | Fixed pixel value is used for typography to prevent scaling based on html font-size<br />boolean | \- |
16
+
17
+ ```jsx
18
+ <VideoCaption
19
+ caption="Tre år har gått sedan terrordåden i Paris. 130 människor dog och hundratals skadades i attackerna. Nu inför Frankrike omstridda antiterrorlaga"
20
+ duration="47 sek"
21
+ />
22
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "32.3.1",
3
+ "version": "32.4.0",
4
4
  "description": "DN design system for web.",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/preact/components/blocked-content/blocked-content.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ export interface BlockedContentProps {
2
+ title: string;
3
+ body: string;
4
+ link: string;
5
+ forcePx?: boolean;
6
+ classNames?: string;
7
+ attributes?: object;
8
+ elementAttributes?: {
9
+ [key: string]: string;
10
+ };
11
+ }
12
+ /**
13
+ * - GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)
14
+ * - Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)
15
+ *
16
+ * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
17
+ * `@use '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.scss'`
18
+ */
19
+ export declare const BlockedContent: ({ title, body, link, forcePx, classNames, attributes, elementAttributes, }: BlockedContentProps) => import("preact").JSX.Element;
20
+ export default BlockedContent;
package/preact/components/blocked-content/blocked-content.js ADDED
@@ -0,0 +1,226 @@
1
+ // ../src/helpers/formatClassString.ts
2
+ var formatClassString = (classesArray) => {
3
+ return classesArray.filter((x) => !!x).join(" ");
4
+ };
5
+
6
+ // ../src/foundations/icons/sprite.svg
7
+ import { h } from "preact";
8
+ import { jsx, jsxs } from "preact/jsx-runtime";
9
+
10
+ // ../src/components/icon-sprite/icon-sprite.tsx
11
+ import { jsx as jsx2 } from "preact/jsx-runtime";
12
+ var IconUse = ({ iconName, classNames, attributes }) => {
13
+ const componentClassName = "ds-icon";
14
+ const classes = formatClassString([
15
+ componentClassName,
16
+ `${componentClassName}--sprite`,
17
+ `${componentClassName}--${iconName}`,
18
+ classNames
19
+ ]);
20
+ return /* @__PURE__ */ jsx2("i", { className: classes, ...attributes, children: /* @__PURE__ */ jsx2("svg", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: `#ds-${iconName}` }) }) });
21
+ };
22
+
23
+ // ../src/components/spinner/spinner.tsx
24
+ import { jsx as jsx3 } from "preact/jsx-runtime";
25
+ var Spinner = ({ variant = "primary", size = "large", forcePx, classNames, attributes }) => {
26
+ const componentClassName = "ds-spinner";
27
+ const classes = formatClassString([
28
+ `${componentClassName}`,
29
+ `${componentClassName}--${variant}`,
30
+ `${componentClassName}--${size}`,
31
+ forcePx && "ds-force-px",
32
+ classNames
33
+ ]);
34
+ return /* @__PURE__ */ jsx3("span", { className: classes, ...attributes, children: /* @__PURE__ */ jsx3("span", { className: `${componentClassName}__inner` }) });
35
+ };
36
+
37
+ // ../src/components/button/button-base.tsx
38
+ import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "preact/jsx-runtime";
39
+ var InnerButton = ({ text, isIconButton = false, attributes, icon, loadingHtml }) => {
40
+ let optionalHtml;
41
+ if (!isIconButton && attributes["aria-label"]) {
42
+ optionalHtml = /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: text });
43
+ } else if (!isIconButton) {
44
+ optionalHtml = /* @__PURE__ */ jsx4("span", { children: text });
45
+ }
46
+ return /* @__PURE__ */ jsxs2(Fragment, { children: [
47
+ optionalHtml,
48
+ icon,
49
+ loadingHtml
50
+ ] });
51
+ };
52
+ var ToggleWrapper = ({
53
+ selected = false,
54
+ disabled = false,
55
+ attributes,
56
+ classes,
57
+ onChild,
58
+ offChild,
59
+ loadingHtml
60
+ }) => {
61
+ return /* @__PURE__ */ jsxs2("button", { type: "button", role: "switch", "aria-checked": selected, className: classes, ...attributes, disabled, children: [
62
+ /* @__PURE__ */ jsx4("span", { className: "ds-btn__off", "aria-hidden": "true", children: onChild }),
63
+ /* @__PURE__ */ jsx4("span", { className: "ds-btn__on", "aria-hidden": "true", children: offChild }),
64
+ loadingHtml
65
+ ] });
66
+ };
67
+ var ButtonBase = ({
68
+ text,
69
+ disabled = false,
70
+ variant = "primary",
71
+ size = "md",
72
+ fullWidth = false,
73
+ mobileFullWidth = false,
74
+ iconPosition = "none",
75
+ iconName,
76
+ loading = false,
77
+ type = "button",
78
+ href,
79
+ classNames,
80
+ attributes = {},
81
+ forcePx = false,
82
+ isIconButton = false,
83
+ selected = false,
84
+ isToggle = false,
85
+ selectedIconName,
86
+ selectedText
87
+ }) => {
88
+ if (isIconButton && text && !attributes["aria-label"]) {
89
+ attributes["aria-label"] = text;
90
+ } else if (isToggle && text && selectedText && !attributes["aria-label"]) {
91
+ attributes["aria-label"] = selected ? selectedText : text;
92
+ }
93
+ let spinnerVariant = "secondary";
94
+ if (variant === "staticWhite" || variant === "transparent") {
95
+ spinnerVariant = "staticBlack";
96
+ } else if (variant === "secondaryFilled" || variant === "secondaryOutline") {
97
+ spinnerVariant = "primary";
98
+ }
99
+ const loadingHtml = /* @__PURE__ */ jsx4(Spinner, { ...{ size: "small", variant: spinnerVariant, forcePx, attributes: { "aria-hidden": "true" } } });
100
+ let icon;
101
+ if (iconName && (iconPosition != "none" || isIconButton == true)) {
102
+ icon = /* @__PURE__ */ jsx4(IconUse, { ...{ iconName, attributes: { "aria-hidden": "true" } } });
103
+ }
104
+ const classNamePrefix = "ds-btn--";
105
+ const classes = formatClassString([
106
+ "ds-btn",
107
+ `${classNamePrefix}${variant}`,
108
+ `${classNamePrefix}${size}`,
109
+ isToggle && selected && `${classNamePrefix}selected`,
110
+ fullWidth && `${classNamePrefix}full-width`,
111
+ mobileFullWidth && `${classNamePrefix}mobile-full-width`,
112
+ icon && !isIconButton && `${classNamePrefix}icon-${iconPosition}`,
113
+ isIconButton && `${classNamePrefix}icon-only`,
114
+ isToggle && `${classNamePrefix}toggle`,
115
+ loading && "ds-loading",
116
+ forcePx && "ds-force-px",
117
+ classNames
118
+ ]);
119
+ let buttonToRender;
120
+ if (isToggle) {
121
+ let onChild, offChild;
122
+ if (isIconButton && iconName && selectedIconName) {
123
+ onChild = /* @__PURE__ */ jsx4(IconUse, { iconName });
124
+ offChild = /* @__PURE__ */ jsx4(IconUse, { iconName: selectedIconName });
125
+ } else {
126
+ onChild = /* @__PURE__ */ jsx4("span", { children: text });
127
+ offChild = /* @__PURE__ */ jsxs2(Fragment, { children: [
128
+ /* @__PURE__ */ jsx4(IconUse, { iconName: "check" }),
129
+ /* @__PURE__ */ jsx4("span", { children: selectedText })
130
+ ] });
131
+ }
132
+ buttonToRender = /* @__PURE__ */ jsx4(ToggleWrapper, { ...{ selected, classes, attributes, disabled, onChild, offChild, loadingHtml } });
133
+ } else {
134
+ const buttonParams = { isIconButton, text, icon, loadingHtml, attributes };
135
+ if (href) {
136
+ const params = { ...buttonParams, loadingHtml: null };
137
+ buttonToRender = /* @__PURE__ */ jsx4("a", { href, className: classes, ...attributes, children: /* @__PURE__ */ jsx4(InnerButton, { ...params }) });
138
+ } else {
139
+ buttonToRender = /* @__PURE__ */ jsx4("button", { type, className: classes, ...attributes, disabled, children: /* @__PURE__ */ jsx4(InnerButton, { ...buttonParams }) });
140
+ }
141
+ }
142
+ return /* @__PURE__ */ jsx4(Fragment, { children: buttonToRender });
143
+ };
144
+
145
+ // ../src/components/button/button.tsx
146
+ import { jsx as jsx5 } from "preact/jsx-runtime";
147
+ var Button = ({
148
+ text,
149
+ disabled = false,
150
+ variant = "primary",
151
+ size = "md",
152
+ fullWidth = false,
153
+ mobileFullWidth = false,
154
+ iconPosition = "none",
155
+ iconName,
156
+ loading = false,
157
+ type = "button",
158
+ href,
159
+ isIconButton = false,
160
+ classNames,
161
+ attributes,
162
+ forcePx = false
163
+ }) => {
164
+ return /* @__PURE__ */ jsx5(ButtonBase, { ...{
165
+ text,
166
+ disabled,
167
+ variant,
168
+ size,
169
+ fullWidth,
170
+ mobileFullWidth,
171
+ iconPosition,
172
+ iconName,
173
+ loading,
174
+ type,
175
+ href,
176
+ isIconButton,
177
+ classNames,
178
+ attributes,
179
+ forcePx
180
+ } });
181
+ };
182
+
183
+ // ../src/components/blocked-content/blocked-content.tsx
184
+ import { jsx as jsx6, jsxs as jsxs3 } from "preact/jsx-runtime";
185
+ var BlockedContent = ({
186
+ title,
187
+ body,
188
+ link,
189
+ forcePx = false,
190
+ classNames = "",
191
+ attributes = {},
192
+ elementAttributes = {}
193
+ }) => {
194
+ const componentClassName = "ds-blocked-content";
195
+ const classes = [
196
+ componentClassName,
197
+ forcePx ? "ds-force-px" : "",
198
+ classNames
199
+ ].filter(Boolean).join(" ");
200
+ return /* @__PURE__ */ jsx6("div", { className: classes, ...attributes, children: /* @__PURE__ */ jsxs3("div", { className: `${componentClassName}__inner`, children: [
201
+ /* @__PURE__ */ jsxs3("div", { className: `${componentClassName}__content`, children: [
202
+ /* @__PURE__ */ jsx6("h2", { className: `${componentClassName}__title`, children: title }),
203
+ /* @__PURE__ */ jsxs3("div", { className: `${componentClassName}__body`, children: [
204
+ body,
205
+ /* @__PURE__ */ jsx6("a", { className: `${componentClassName}__link`, href: link, children: link })
206
+ ] })
207
+ ] }),
208
+ /* @__PURE__ */ jsx6(
209
+ Button,
210
+ {
211
+ text: "Hantera kakor",
212
+ variant: "secondaryFilled",
213
+ size: "md",
214
+ fullWidth: true,
215
+ forcePx,
216
+ attributes: elementAttributes
217
+ }
218
+ )
219
+ ] }) });
220
+ };
221
+ var blocked_content_default = BlockedContent;
222
+ export {
223
+ BlockedContent,
224
+ blocked_content_default as default
225
+ };
226
+ //# sourceMappingURL=blocked-content.js.map
package/preact/components/blocked-content/blocked-content.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../helpers/formatClassString.ts", "../../../foundations/icons/sprite.svg", "../../../components/icon-sprite/icon-sprite.tsx", "../../../components/spinner/spinner.tsx", "../../../components/button/button-base.tsx", "../../../components/button/button.tsx", "../../../components/blocked-content/blocked-content.tsx"],
4
+ "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n return classesArray.filter(x => !!x).join(' ');\n}\n", "import { h } from \"preact\";\nconst SvgSprite = props => <svg style={{\n display: \"block\",\n height: 0,\n width: 0\n}} {...props}><defs /><symbol id=\"ds-add\" viewBox=\"0 0 24 24\"><path d=\"M11.35 19.16v-6h-6v-1.5h6v-6h1.5v6h6v1.5h-6v6h-1.5Z\" /></symbol><symbol id=\"ds-arrow_back\" viewBox=\"0 0 24 24\"><path d=\"m12.313 19.808-7.626-7.625 7.625-7.625 1.075 1.075-5.825 5.8h12.375v1.5H7.563l5.825 5.8-1.075 1.075Z\" /></symbol><symbol id=\"ds-arrow_forward\" viewBox=\"0 0 24 24\"><path d=\"m12 19.625-1.075-1.075 5.825-5.8H4.375v-1.5H16.75l-5.825-5.8L12 4.375 19.625 12 12 19.625Z\" /></symbol><symbol id=\"ds-arrow_outward\" viewBox=\"0 0 24 24\"><path d=\"M6.4 17.65 5.35 16.6l9.85-9.85H6.25v-1.5h11.5v11.5h-1.5V7.8L6.4 17.65Z\" /></symbol><symbol id=\"ds-arrow_upward\" viewBox=\"0 0 24 24\"><path d=\"M11.25 19.615V7.258L5.44 13.069 4.385 12 12 4.385 19.616 12l-1.054 1.07-5.812-5.812v12.357h-1.5Z\" /></symbol><symbol id=\"ds-autoplay\" viewBox=\"0 0 24 24\"><path d=\"M9.75 16.038V7.962L16.038 12 9.75 16.038ZM12 22.5c-1.87 0-3.592-.456-5.163-1.367C5.264 20.22 3.986 18.94 3 17.29v3.21H1.5v-5.692h5.683v1.5H4.175c.812 1.455 1.908 2.6 3.29 3.437A8.595 8.595 0 0 0 12 21c1.949 0 3.707-.57 5.275-1.712 1.568-1.142 2.656-2.64 3.264-4.496l1.469.325c-.686 2.21-1.95 3.992-3.789 5.348C16.38 21.822 14.306 22.5 12 22.5ZM1.55 11a11.3 11.3 0 0 1 .752-3.006c.378-.925.915-1.818 1.61-2.678L4.99 6.375a9.71 9.71 0 0 0-1.272 2.144A9.544 9.544 0 0 0 3.066 11H1.55Zm4.84-6.016L5.33 3.906a10.985 10.985 0 0 1 2.702-1.618A9.781 9.781 0 0 1 11 1.57v1.5c-.83.084-1.634.29-2.41.62-.777.33-1.51.762-2.2 1.295Zm11.216 0a9.007 9.007 0 0 0-2.178-1.29A8.238 8.238 0 0 0 13 3.07v-1.5c1.033.094 2.03.338 2.991.732a10.43 10.43 0 0 1 2.684 1.615l-1.07 1.068ZM20.93 11a8.605 8.605 0 0 0-1.935-4.615l1.07-1.07a9.99 9.99 0 0 1 1.623 2.665c.395.96.642 1.967.742 3.02h-1.5Z\" /></symbol><symbol id=\"ds-bookmark-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.25V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-bookmarked\" viewBox=\"0 0 24 24\"><path d=\"m7 17.95 5-2.15 5 2.15V5H7v12.95Zm-1.5 2.3V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-campaign\" viewBox=\"0 0 24 24\"><path d=\"M17.95 12.75v-1.5h3.625v1.5H17.95Zm1.15 6.725L16.2 17.3l.925-1.175 2.9 2.15-.925 1.2ZM17.075 7.85l-.9-1.2 2.9-2.175.9 1.2-2.9 2.175ZM5.25 18.475v-3.9H4.225c-.5 0-.925-.175-1.275-.525a1.736 1.736 0 0 1-.525-1.275v-1.55c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525H8.1l4.475-2.675v10.5L8.1 14.575H6.75v3.9h-1.5Zm8.7-3.35v-6.25c.4.367.721.817.963 1.35.241.533.362 1.125.362 1.775 0 .65-.12 1.242-.362 1.775a4.108 4.108 0 0 1-.963 1.35Zm-9.725-4.2c-.067 0-.133.033-.2.1s-.1.133-.1.2v1.55c0 .067.033.133.1.2s.133.1.2.1H8.5l2.575 1.5v-5.15l-2.575 1.5H4.225Z\" /></symbol><symbol id=\"ds-cancel\" viewBox=\"0 0 24 24\"><path d=\"m8.4 16.65 3.6-3.6 3.6 3.6 1.05-1.05-3.6-3.6 3.6-3.6-1.05-1.05-3.6 3.6-3.6-3.6L7.35 8.4l3.6 3.6-3.6 3.6 1.05 1.05ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-celebration\" viewBox=\"0 0 24 24\"><path d=\"M2.8 20.925 7.175 8.65l7.9 7.9L2.8 20.925Zm2.475-2.475 7.05-2.5-4.55-4.55-2.5 7.05Zm8.7-6-.825-.825 7.3-7.325 2.3 2.325-.825.825-1.475-1.475-6.475 6.475Zm-3.65-3.65L9.5 7.95l1.675-1.675-1.725-1.7.85-.85 2.55 2.55L10.325 8.8Zm1.825 1.825-.825-.825L15.8 5.325 13.325 2.85 14.15 2l3.325 3.325-5.325 5.3Zm3.65 3.65-.825-.825 3.15-3.15 3.15 3.15-.85.825-2.3-2.3-2.325 2.3Z\" /></symbol><symbol id=\"ds-check_box_outline_blank\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4c.067 0 .133-.033.2-.1s.1-.133.1-.2V5.3c0-.067-.033-.133-.1-.2s-.133-.1-.2-.1H5.3c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.4c0 .067.033.133.1.2s.133.1.2.1Z\" /></symbol><symbol id=\"ds-check_box-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm5.3-5.025a.93.93 0 0 0 .338-.063.813.813 0 0 0 .287-.187l5.6-5.6c.133-.133.2-.3.2-.5A.72.72 0 0 0 16.8 8.6a.734.734 0 0 0-.538-.225.654.654 0 0 0-.512.225l-5.15 5.15-2.35-2.35a.679.679 0 0 0-.5-.2.72.72 0 0 0-.525.225.72.72 0 0 0-.225.525c0 .2.075.375.225.525l2.75 2.75a.81.81 0 0 0 .288.187c.108.042.22.063.337.063Z\" /></symbol><symbol id=\"ds-check_circle\" viewBox=\"0 0 24 24\"><path d=\"M10.575 16.25 17.3 9.525l-1.05-1.05-5.675 5.675-2.85-2.85-1.05 1.05 3.9 3.9ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-check\" viewBox=\"0 0 24 24\"><path d=\"M9.785 17.48 4.46 12.155l1.05-1.075 4.275 4.275L18.96 6.18l1.05 1.075L9.785 17.48Z\" /></symbol><symbol id=\"ds-chevron_down\" viewBox=\"0 0 24 24\"><path d=\"m2.479 7.883 1.42-1.42 8.234 8.235 8.234-8.235 1.42 1.42-9.654 9.654-9.654-9.654Z\" /></symbol><symbol id=\"ds-chevron_left\" viewBox=\"0 0 24 24\"><path d=\"M14 17.65 8.35 12 14 6.35l1.05 1.05-4.6 4.6 4.6 4.6L14 17.65Z\" /></symbol><symbol id=\"ds-chevron_right\" viewBox=\"0 0 24 24\"><path d=\"M9.4 17.65 8.35 16.6l4.6-4.6-4.6-4.6L9.4 6.35 15.05 12 9.4 17.65Z\" /></symbol><symbol id=\"ds-close\" viewBox=\"0 0 24 24\"><path d=\"m5.982 18.744-1.05-1.05 5.6-5.6-5.6-5.6 1.05-1.05 5.6 5.6 5.6-5.6 1.05 1.05-5.6 5.6 5.6 5.6-1.05 1.05-5.6-5.6-5.6 5.6Z\" /></symbol><symbol id=\"ds-comment\" viewBox=\"0 0 24 24\"><path d=\"M6.25 13.75h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm15.25 13.3-3.55-3.55H2.5v-15h19v18.55ZM20 4H4v12h14.575L20 17.425V4Z\" /></symbol><symbol id=\"ds-delete\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.5V6h-1V4.5H9v-.875h6V4.5h4.5V6h-1v14.5h-13ZM7 19h10V6H7v13Zm2.4-2h1.5V8H9.4v9Zm3.7 0h1.5V8h-1.5v9Z\" /></symbol><symbol id=\"ds-download\" viewBox=\"0 0 24 24\"><path d=\"M6.308 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V15H6v2.692c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h11.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V15h1.5v2.692c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.308ZM12 15.615l-4.27-4.269 1.055-1.084 2.465 2.465v-8.4h1.5v8.4l2.465-2.465 1.054 1.084L12 15.616Z\" /></symbol><symbol id=\"ds-edit\" viewBox=\"0 0 24 24\"><path d=\"M5.15 19H6.4l9.25-9.25-1.225-1.25-9.275 9.275V19Zm13.7-10.35L15.475 5.3l1.3-1.3c.3-.283.663-.425 1.088-.425.425 0 .779.142 1.062.425l1.225 1.225c.283.3.433.654.45 1.062.017.409-.125.755-.425 1.038L18.85 8.65Zm-1.075 1.1L7.025 20.5H3.65v-3.375L14.4 6.375l3.375 3.375Zm-2.75-.625-.6-.625 1.225 1.25-.625-.625Z\" /></symbol><symbol id=\"ds-expand_less\" viewBox=\"0 0 24 24\"><path d=\"m7.4 15.05-1.05-1.075L12 8.325l5.65 5.65-1.05 1.075-4.6-4.6-4.6 4.6Z\" /></symbol><symbol id=\"ds-expand_more\" viewBox=\"0 0 24 24\"><path d=\"M12 15.05 6.35 9.375l1.05-1.05 4.6 4.6 4.6-4.6 1.05 1.05L12 15.05Z\" /></symbol><symbol id=\"ds-facebook\" viewBox=\"0 0 24 24\"><path d=\"M17.525 9H14V7c0-1.032.084-1.682 1.563-1.682h1.868v-3.18A26.065 26.065 0 0 0 14.693 2C11.98 2 10 3.657 10 6.699V9H7v4l3-.001V22h4v-9.003l3.066-.001L17.525 9Z\" /></symbol><symbol id=\"ds-favorite-filled\" viewBox=\"0 0 24 24\"><path d=\"m12 21.35-1.45-1.3c-2.617-2.333-4.696-4.363-6.238-6.088C2.771 12.237 2 10.417 2 8.5c0-1.567.525-2.875 1.575-3.925C4.625 3.525 5.933 3 7.5 3a5.72 5.72 0 0 1 2.5.562c.783.375 1.45.888 2 1.538a5.962 5.962 0 0 1 2-1.538A5.72 5.72 0 0 1 16.5 3c1.567 0 2.875.525 3.925 1.575C21.475 5.625 22 6.933 22 8.5c0 1.917-.77 3.737-2.312 5.462-1.542 1.725-3.621 3.755-6.238 6.088L12 21.35Z\" /></symbol><symbol id=\"ds-favorite\" viewBox=\"0 0 24 24\"><path d=\"m12 20.325-1.1-1c-1.667-1.5-3.042-2.792-4.125-3.875-1.083-1.083-1.942-2.046-2.575-2.888-.633-.841-1.075-1.608-1.325-2.3A6.167 6.167 0 0 1 2.5 8.15c0-1.417.48-2.604 1.438-3.563C4.896 3.629 6.083 3.15 7.5 3.15c.867 0 1.692.204 2.475.612.783.409 1.458.996 2.025 1.763.567-.767 1.242-1.354 2.025-1.763A5.285 5.285 0 0 1 16.5 3.15c1.417 0 2.604.479 3.562 1.437.959.959 1.438 2.146 1.438 3.563 0 .717-.125 1.42-.375 2.112-.25.692-.692 1.459-1.325 2.3-.633.842-1.492 1.805-2.575 2.888-1.083 1.083-2.458 2.375-4.125 3.875l-1.1 1Zm0-2.025c1.6-1.433 2.917-2.667 3.95-3.7 1.033-1.033 1.85-1.93 2.45-2.688.6-.758 1.017-1.429 1.25-2.012.233-.583.35-1.167.35-1.75 0-1-.333-1.833-1-2.5s-1.5-1-2.5-1a3.87 3.87 0 0 0-2.188.675c-.675.45-1.204 1.075-1.587 1.875h-1.45c-.4-.817-.933-1.446-1.6-1.888A3.862 3.862 0 0 0 7.5 4.65c-1 0-1.833.333-2.5 1s-1 1.5-1 2.5c0 .583.117 1.167.35 1.75.233.583.65 1.254 1.25 2.012.6.759 1.417 1.65 2.45 2.675A123.359 123.359 0 0 0 12 18.3Z\" /></symbol><symbol id=\"ds-feed\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h10.5l4.7 4.7v10.5c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4a.292.292 0 0 0 .213-.087A.292.292 0 0 0 19 18.7V9h-4V5H5.3a.287.287 0 0 0-.212.088A.287.287 0 0 0 5 5.3v13.4c0 .083.03.154.088.213A.289.289 0 0 0 5.3 19Zm1.95-2.5h9.5V15h-9.5v1.5Zm0-7.5H12V7.5H7.25V9Zm0 3.75h9.5v-1.5h-9.5v1.5Z\" /></symbol><symbol id=\"ds-feedback\" viewBox=\"0 0 24 24\"><path d=\"M12 14.711a.784.784 0 0 0 .808-.807.784.784 0 0 0-.808-.808.784.784 0 0 0-.808.808.784.784 0 0 0 .808.807Zm-.75-3.48h1.5V5.192h-1.5v6.039ZM2.5 21.038V4.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v11.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.038L2.5 21.038ZM5.4 16h14.292a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V4.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.077L5.4 16Z\" /></symbol><symbol id=\"ds-filter_list\" viewBox=\"0 0 24 24\"><path d=\"M10.25 17.75v-1.5h3.5v1.5h-3.5Zm-4-5.192v-1.5h11.5v1.5H6.25Zm-3-5.193v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-filter_none\" viewBox=\"0 0 24 24\"><path d=\"M6.25 18V3h15v15h-15Zm1.5-1.5h12v-12h-12v12Zm-5 5V6.8h1.5V20h13.2v1.5H2.75Z\" /></symbol><symbol id=\"ds-format_size\" viewBox=\"0 0 24 24\"><path d=\"M14.45 19.55v-13h-5v-2.1h12.1v2.1h-5v13h-2.1Zm-9 0v-8h-3v-2.1h8.1v2.1h-3v8h-2.1Z\" /></symbol><symbol id=\"ds-forward_10\" viewBox=\"0 0 24 24\"><path d=\"M9.5 15.774v-4.5H8.058V10.08h2.634v5.693H9.5Zm3.385 0a.968.968 0 0 1-.713-.288.968.968 0 0 1-.287-.713v-3.692c0-.283.095-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.307-1.193h1.27c.038 0 .067-.01.086-.029.02-.019.029-.048.029-.086v-3.077c0-.039-.01-.067-.029-.087-.02-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.086.03Zm-.903 6.846a8.255 8.255 0 0 1-3.316-.669 8.609 8.609 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.82-2.695 8.255 8.255 0 0 1-.668-3.316c0-1.18.223-2.284.669-3.315a8.607 8.607 0 0 1 1.819-2.696 8.607 8.607 0 0 1 2.696-1.82 8.255 8.255 0 0 1 3.316-.669h.265L10.946 2.82 12 1.735l3.442 3.433L12.02 8.6l-1.053-1.084 1.588-1.589h-.265c-1.95 0-3.605.68-4.963 2.038-1.358 1.358-2.037 3.012-2.037 4.962 0 1.95.679 3.605 2.037 4.963 1.358 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.358-1.358 2.038-3.013 2.038-4.963h1.5c0 1.18-.224 2.285-.67 3.316a8.609 8.609 0 0 1-1.819 2.696 8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668Z\" /></symbol><symbol id=\"ds-forward_30\" viewBox=\"0 0 24 24\"><path d=\"M7.52 15.846v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.46c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029ZM12 21.5a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13c0-1.18.223-2.285.67-3.315a8.607 8.607 0 0 1 1.818-2.697A8.607 8.607 0 0 1 8.685 5.17 8.256 8.256 0 0 1 12 4.5h.265l-1.607-1.608 1.053-1.084 3.443 3.432-3.423 3.433-1.054-1.085L12.265 6H12c-1.95 0-3.604.68-4.963 2.037C5.68 9.396 5 11.05 5 13c0 1.95.68 3.604 2.037 4.962C8.396 19.322 10.05 20 12 20c1.95 0 3.604-.68 4.962-2.038C18.322 16.604 19 14.95 19 13h1.5c0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.5Z\" /></symbol><symbol id=\"ds-fullscreen\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5v-4.711H5V19h3.211v1.5H3.5Zm12.298 0V19h3.211v-3.211h1.5V20.5h-4.711ZM3.5 8.211V3.5h4.711V5H5v3.211H3.5Zm15.51 0V5h-3.212V3.5h4.711v4.711h-1.5Z\" /></symbol><symbol id=\"ds-grid_view\" viewBox=\"0 0 24 24\"><path d=\"M3.5 11V3.5H11V11H3.5Zm0 9.5V13H11v7.5H3.5ZM13 11V3.5h7.5V11H13Zm0 9.5V13h7.5v7.5H13Zm-8-11h4.5V5H5v4.5Zm9.5 0H19V5h-4.5v4.5Zm0 9.5H19v-4.5h-4.5V19ZM5 19h4.5v-4.5H5V19Z\" /></symbol><symbol id=\"ds-headphones-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5Z\" /></symbol><symbol id=\"ds-headphones\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5ZM5 19h2.05v-4.075H5V19Zm11.95 0H19v-4.075h-2.05V19Z\" /></symbol><symbol id=\"ds-history\" viewBox=\"0 0 24 24\"><path d=\"M11.71 20.63c-2.168 0-4.055-.711-5.664-2.136-1.608-1.425-2.529-3.213-2.762-5.363H4.81c.25 1.733 1.025 3.166 2.325 4.3 1.3 1.133 2.825 1.7 4.575 1.7 1.95 0 3.604-.68 4.963-2.038 1.358-1.358 2.037-3.012 2.037-4.962 0-1.95-.679-3.604-2.037-4.963C15.313 5.81 13.66 5.13 11.71 5.13a6.705 6.705 0 0 0-3.062.725 7.409 7.409 0 0 0-2.463 2h2.6v1.5H3.71V4.28h1.5v2.375a8.43 8.43 0 0 1 2.925-2.238 8.411 8.411 0 0 1 3.575-.787c1.183 0 2.292.225 3.325.675a8.676 8.676 0 0 1 2.7 1.825 8.533 8.533 0 0 1 1.812 2.688 8.272 8.272 0 0 1 .663 3.312 8.271 8.271 0 0 1-.663 3.312 8.532 8.532 0 0 1-1.812 2.688 8.676 8.676 0 0 1-2.7 1.825 8.237 8.237 0 0 1-3.325.675Zm3-4.474-3.726-3.725v-5.3h1.5v4.7l3.275 3.275-1.05 1.05Z\" /></symbol><symbol id=\"ds-home-filled\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.5V9.25L12 3.625l7.5 5.625V20.5h-5.575v-6.7h-3.85v6.7H4.5Z\" /></symbol><symbol id=\"ds-home\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.495V9.245L12 3.62l7.5 5.625v11.25h-5.575v-6.7h-3.85v6.7H4.5Zm1.5-1.5h2.575v-6.7h6.85v6.7H18v-9l-6-4.5-6 4.5v9Z\" /></symbol><symbol id=\"ds-info-filled\" viewBox=\"0 0 24 24\"><path d=\"M11.49 16.58h1.5v-5.75h-1.5v5.75Zm.75-7.45c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013 9.263 9.263 0 0 1-.75-3.712c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.528 3.08a9.263 9.263 0 0 1 3.712-.75 9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012 9.27 9.27 0 0 1 .75 3.713c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025 9.27 9.27 0 0 1-3.713.75Z\" /></symbol><symbol id=\"ds-info\" viewBox=\"0 0 24 24\"><path d=\"M11.25 16.75h1.5V11h-1.5v5.75ZM12 9.3c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-instagram\" viewBox=\"0 0 24 24\"><path d=\"M8.25 2.5A5.761 5.761 0 0 0 2.5 8.25v7.5a5.762 5.762 0 0 0 5.75 5.75h7.5a5.762 5.762 0 0 0 5.75-5.75v-7.5a5.762 5.762 0 0 0-5.75-5.75h-7.5Zm0 1.5h7.5A4.239 4.239 0 0 1 20 8.25v7.5A4.24 4.24 0 0 1 15.75 20h-7.5A4.239 4.239 0 0 1 4 15.75v-7.5A4.239 4.239 0 0 1 8.25 4ZM17 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5 1c-2.752 0-5 2.248-5 5s2.248 5 5 5 5-2.248 5-5-2.248-5-5-5Zm0 1.5c1.942 0 3.5 1.558 3.5 3.5s-1.558 3.5-3.5 3.5A3.489 3.489 0 0 1 8.5 12c0-1.942 1.558-3.5 3.5-3.5Z\" /></symbol><symbol id=\"ds-integrity\" viewBox=\"0 0 24 24\"><path d=\"M17 17c.417 0 .77-.146 1.062-.438.292-.291.438-.645.438-1.062 0-.417-.146-.77-.438-1.062A1.444 1.444 0 0 0 17 14c-.417 0-.77.146-1.062.438A1.444 1.444 0 0 0 15.5 15.5c0 .417.146.77.438 1.062.291.292.645.438 1.062.438Zm0 3c.517 0 .992-.121 1.425-.363a2.988 2.988 0 0 0 1.05-.962 4.892 4.892 0 0 0-1.175-.5A4.798 4.798 0 0 0 17 18c-.45 0-.883.058-1.3.175a4.892 4.892 0 0 0-1.175.5c.267.4.617.72 1.05.962.433.242.908.363 1.425.363Zm-5 1.475c-2.167-.583-3.958-1.854-5.375-3.812C5.208 15.704 4.5 13.517 4.5 11.1V5.35l7.5-2.8 7.5 2.8V11a13.148 13.148 0 0 0-.737-.238 9.387 9.387 0 0 0-.763-.187V6.4l-6-2.25L6 6.4v4.7c0 .883.125 1.746.375 2.588.25.841.596 1.633 1.038 2.374a9.377 9.377 0 0 0 1.575 1.988 7.82 7.82 0 0 0 1.987 1.4l.025-.025c.133.367.304.717.513 1.05.208.333.445.642.712.925a.511.511 0 0 1-.1.038c-.033.008-.075.02-.125.037Zm5 .025c-1.25 0-2.313-.437-3.188-1.312S12.5 18.25 12.5 17c0-1.25.437-2.313 1.312-3.188S15.75 12.5 17 12.5c1.25 0 2.313.437 3.188 1.312S21.5 15.75 21.5 17c0 1.25-.437 2.313-1.312 3.188S18.25 21.5 17 21.5Z\" /></symbol><symbol id=\"ds-ios_share\" viewBox=\"0 0 24 24\"><path d=\"M11.25 14.9V3.875L9.4 5.725 8.35 4.65 12 1l3.65 3.65-1.05 1.075-1.85-1.85V14.9h-1.5ZM4.5 21.65v-14h4.375v1.5H6v11h12v-11h-2.875v-1.5H19.5v14h-15Z\" /></symbol><symbol id=\"ds-link\" viewBox=\"0 0 24 24\"><path d=\"M10.968 16.645H7.16c-1.256 0-2.326-.443-3.21-1.328-.886-.885-1.328-1.955-1.328-3.21 0-1.256.442-2.326 1.327-3.211.885-.885 1.955-1.328 3.211-1.328h3.808v1.5H7.16c-.84 0-1.556.296-2.149.89a2.928 2.928 0 0 0-.89 2.148c0 .84.297 1.556.89 2.15.593.592 1.31.889 2.149.889h3.808v1.5ZM8.41 12.856v-1.5h7.5v1.5h-7.5Zm4.942 3.789v-1.5h3.808c.84 0 1.556-.297 2.15-.89.592-.593.889-1.309.889-2.149 0-.84-.297-1.556-.89-2.149a2.928 2.928 0 0 0-2.149-.89h-3.808v-1.5h3.808c1.256 0 2.326.443 3.211 1.328.885.885 1.328 1.955 1.328 3.21 0 1.256-.443 2.327-1.328 3.212-.885.885-1.955 1.328-3.211 1.328h-3.808Z\" /></symbol><symbol id=\"ds-lock\" viewBox=\"0 0 24 24\"><path d=\"M4.74 21.33v-13h3v-2c0-1.25.437-2.313 1.312-3.188S10.99 1.83 12.24 1.83c1.25 0 2.313.437 3.188 1.312S16.74 5.08 16.74 6.33v2h3v13h-15Zm4.5-13h6v-2c0-.833-.292-1.542-.875-2.125a2.893 2.893 0 0 0-2.125-.875c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9.24 6.33v2Zm-3 11.5h12v-10h-12v10Zm6-3.25c.483 0 .896-.17 1.238-.512.341-.342.512-.755.512-1.238s-.17-.896-.512-1.238a1.689 1.689 0 0 0-1.238-.512c-.483 0-.896.17-1.238.512a1.689 1.689 0 0 0-.512 1.238c0 .483.17.896.512 1.238.342.341.755.512 1.238.512Z\" /></symbol><symbol id=\"ds-login\" viewBox=\"0 0 24 24\"><path d=\"M11.99 20.5V19h6.702a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H11.99V3.5h6.702c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H11.99Zm-1.355-4.23-1.039-1.085 2.435-2.435H3.5v-1.5h8.53L9.597 8.815l1.039-1.084L14.904 12l-4.27 4.27Z\" /></symbol><symbol id=\"ds-logout\" viewBox=\"0 0 24 24\"><path d=\"M5.4 21c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.6 19.2V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h6.725V5H5.4c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.9c0 .067.033.133.1.2s.133.1.2.1h6.725V21H5.4Zm10.725-4.475-1.025-1.1L17.525 13h-8.4v-1.5h8.4L15.1 9.075l1.025-1.1L20.4 12.25l-4.275 4.275Z\" /></symbol><symbol id=\"ds-mail\" viewBox=\"0 0 24 24\"><path d=\"M2.5 19.5v-15h19v15h-19Zm9.5-6.95-8-5.1V18h16V7.45l-8 5.1ZM12 11l7.85-5H4.15L12 11ZM4 7.45V6v5.85-4.4Z\" /></symbol><symbol id=\"ds-manage_accounts-filled\" viewBox=\"0 0 24 24\"><path d=\"m16.1 20.05-.225-1.325a3.076 3.076 0 0 1-.662-.275 4.034 4.034 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.65 14l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425l.225 1.325c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.1ZM2.5 19.3v-2.225c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.288a.7.7 0 0 1 .262.05 7.127 7.127 0 0 0-.488 3.05 5.927 5.927 0 0 0 .913 2.9H2.5Zm14.3-1.75c.533 0 .983-.187 1.35-.562.367-.375.55-.83.55-1.363 0-.517-.183-.963-.55-1.338a1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562ZM10 11.7a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 6.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10 4.7c.967 0 1.792.342 2.475 1.025A3.373 3.373 0 0 1 13.5 8.2c0 .967-.342 1.792-1.025 2.475A3.372 3.372 0 0 1 10 11.7Z\" /></symbol><symbol id=\"ds-manage_accounts\" viewBox=\"0 0 24 24\"><path d=\"M10.25 11.4c-.967 0-1.792-.345-2.475-1.037C7.092 9.672 6.75 8.85 6.75 7.9c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10.25 4.4c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 13.75 7.9c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038ZM2.75 19v-2.224c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.3a.67.67 0 0 1 .25.05 5.583 5.583 0 0 0-.4 1.45h-.15c-1.15 0-2.17.133-3.062.4-.892.267-1.655.567-2.288.9-.217.117-.38.258-.488.425a.99.99 0 0 0-.162.55v.725h6.3c.067.267.163.529.288.787.125.259.254.496.387.713H2.75Zm13.6.75-.225-1.324a3.07 3.07 0 0 1-.662-.275 4.027 4.027 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.9 13.7l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425L18 12.25c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.35Zm.7-2.5c.533 0 .983-.186 1.35-.561.367-.375.55-.83.55-1.363a1.85 1.85 0 0 0-.55-1.338 1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562Zm-6.8-7.35c.55 0 1.021-.195 1.413-.587.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 10.25 5.9c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 8.25 7.9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-mark_email_unread\" viewBox=\"0 0 24 24\"><path d=\"M2.74 19.325v-15h11.825c-.05.25-.075.5-.075.75s.017.5.05.75H4.39l7.85 5 3.6-2.3c.183.167.375.317.575.45.2.133.408.25.625.35l-4.8 3.05-8-5.1v10.55h16V9.85c.283-.067.55-.15.8-.25s.483-.233.7-.4v10.125h-19ZM19.24 7.95a2.653 2.653 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.75.267-1.396.8-1.937a2.632 2.632 0 0 1 1.95-.813c.767 0 1.417.271 1.95.813.533.541.8 1.187.8 1.937 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Z\" /></symbol><symbol id=\"ds-memory\" viewBox=\"0 0 24 24\"><path d=\"M9.25 20.275V18.5H5.5v-3.75H3.725v-1.5H5.5v-2.5H3.725v-1.5H5.5V5.5h3.75V3.725h1.5V5.5h2.5V3.725h1.5V5.5h3.75v3.75h1.775v1.5H18.5v2.5h1.775v1.5H18.5v3.75h-3.75v1.775h-1.5V18.5h-2.5v1.775h-1.5ZM7 17h10V7H7v10Zm2.5-2.5v-5h5v5h-5ZM11 13h2v-2h-2v2Z\" /></symbol><symbol id=\"ds-menu-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.563 17.808v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Z\" /></symbol><symbol id=\"ds-menu\" viewBox=\"0 0 24 24\"><path d=\"M3.25 17.625v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-mode_comment\" viewBox=\"0 0 24 24\"><path d=\"m21.5 21.05-3.55-3.55H4.3c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 2.5 15.7V4.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h15.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v16.75ZM4 4.3V16h14.575L20 17.425V4.3a.292.292 0 0 0-.087-.213A.292.292 0 0 0 19.7 4H4.3a.289.289 0 0 0-.212.087A.29.29 0 0 0 4 4.3Zm0 0v13.125V4v.3Z\" /></symbol><symbol id=\"ds-more_horiz\" viewBox=\"0 0 24 24\"><path d=\"M6.22 13.5c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 4.72 12c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 6.22 10.5c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 10.495 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.77-.438 1.062a1.444 1.444 0 0 1-1.062.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 16.27 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Z\" /></symbol><symbol id=\"ds-mystery\" viewBox=\"0 0 24 24\"><path d=\"M11 18c1.933 0 3.583-.68 4.95-2.042C17.317 14.596 18 12.944 18 11c0-1.933-.683-3.583-2.05-4.95C14.583 4.683 12.933 4 11 4c-1.944 0-3.596.683-4.958 2.05C4.681 7.417 4 9.067 4 11c0 1.944.68 3.596 2.042 4.958C7.404 17.319 9.056 18 11 18Zm0-3.154c-1.345 0-2.539-.353-3.582-1.06A5.982 5.982 0 0 1 5.163 11c.46-1.135 1.212-2.06 2.255-2.774C8.461 7.511 9.655 7.154 11 7.154c1.328 0 2.514.357 3.557 1.072 1.043.715 1.8 1.64 2.27 2.774a6.077 6.077 0 0 1-2.27 2.787c-1.043.706-2.229 1.06-3.557 1.06Zm0-1.192c.949 0 1.822-.235 2.621-.706A5.065 5.065 0 0 0 15.508 11a5.153 5.153 0 0 0-1.887-1.94A5.03 5.03 0 0 0 11 8.346c-.959 0-1.84.238-2.641.714A5.142 5.142 0 0 0 6.467 11a5.055 5.055 0 0 0 1.892 1.948c.802.47 1.682.706 2.641.706Zm0-1.154c.417 0 .77-.143 1.063-.43A1.44 1.44 0 0 0 12.5 11c0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 11 9.5a1.44 1.44 0 0 0-1.07.438A1.46 1.46 0 0 0 9.5 11c0 .427.143.784.43 1.07.286.287.643.43 1.07.43Zm0 7a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.607 8.607 0 0 1-1.819-2.697A8.256 8.256 0 0 1 2.5 11c0-1.17.223-2.27.67-3.3a8.542 8.542 0 0 1 4.515-4.53A8.256 8.256 0 0 1 11 2.5c1.17 0 2.27.223 3.3.67a8.635 8.635 0 0 1 2.704 1.826A8.633 8.633 0 0 1 18.83 7.7c.446 1.03.669 2.13.669 3.3a8.189 8.189 0 0 1-.53 2.948 8.866 8.866 0 0 1-1.464 2.514l3.994 3.994-1.06 1.044-3.994-3.979a8.723 8.723 0 0 1-2.513 1.457A8.252 8.252 0 0 1 11 19.5Z\" /></symbol><symbol id=\"ds-newsmode\" viewBox=\"0 0 24 24\"><path d=\"M4.308 20.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V5.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H4.308Zm0-1.5h15.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.384c0 .077.032.148.096.212a.294.294 0 0 0 .212.096Zm2.077-2.385h11.23v-1.5H6.385v1.5Zm0-3.865h3.692V7.385H6.385v5.365Zm5.884 0h5.346v-1.5H12.27v1.5Zm0-3.865h5.346v-1.5H12.27v1.5Z\" /></symbol><symbol id=\"ds-notifications_off\" viewBox=\"0 0 24 24\"><path d=\"M4.22 18.714v-1.5H6.03V9.752c0-.466.056-.93.169-1.39.113-.46.282-.9.508-1.317L7.84 8.179a4.109 4.109 0 0 0-.311 1.573v7.462h7.277L1.756 4.202 2.809 3.15 20.652 20.99l-1.054 1.054-3.362-3.331H4.221Zm13.193-3.83-1.5-1.5V9.751c0-1.157-.41-2.145-1.228-2.964-.818-.819-1.806-1.228-2.964-1.228-.494 0-.97.081-1.426.243a3.714 3.714 0 0 0-1.232.73L7.98 5.45a5.878 5.878 0 0 1 1.156-.782c.419-.216.864-.371 1.336-.465V3.58c0-.347.121-.642.364-.885s.538-.365.885-.365.642.122.885.365c.244.243.366.538.366.885v.623c1.307.276 2.375.932 3.202 1.969.827 1.036 1.24 2.23 1.24 3.581v5.131Zm-5.694 6.638c-.497 0-.923-.177-1.276-.531a1.743 1.743 0 0 1-.53-1.277h3.616c0 .499-.178.925-.532 1.278-.354.353-.78.53-1.278.53Z\" /></symbol><symbol id=\"ds-notifications\" viewBox=\"0 0 24 24\"><path d=\"M4.25 18.875v-1.5h2v-7.25A5.65 5.65 0 0 1 7.5 6.537C8.333 5.479 9.417 4.8 10.75 4.5V2.55h2.5V4.5c1.333.3 2.417.979 3.25 2.037a5.65 5.65 0 0 1 1.25 3.588v7.25h2v1.5H4.25ZM12 21.8c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 10.2 20h3.6c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525Zm-4.25-4.425h8.5v-7.25c0-1.183-.417-2.188-1.25-3.013-.833-.825-1.833-1.237-3-1.237s-2.167.412-3 1.237c-.833.825-1.25 1.83-1.25 3.013v7.25Z\" /></symbol><symbol id=\"ds-pause\" viewBox=\"0 0 24 24\"><path d=\"M14 18.5v-13h3.75v13H14Zm-7.75 0v-13H10v13H6.25Z\" /></symbol><symbol id=\"ds-person\" viewBox=\"0 0 24 24\"><path d=\"M12 11.7c-.967 0-1.792-.346-2.475-1.038C8.842 9.971 8.5 9.15 8.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 12 4.7c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 15.5 8.2c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038Zm-7.5 7.6v-2.225c0-.483.133-.933.4-1.35a2.76 2.76 0 0 1 1.075-.975 14.36 14.36 0 0 1 2.988-1.088A13.003 13.003 0 0 1 12 13.3c1.017 0 2.03.12 3.038.362s2.004.605 2.987 1.088c.45.233.808.558 1.075.975.267.417.4.867.4 1.35V19.3h-15ZM6 17.8h12v-.725c0-.2-.058-.383-.175-.55a1.475 1.475 0 0 0-.475-.425 13.99 13.99 0 0 0-2.637-.963 11.064 11.064 0 0 0-5.426 0c-.891.225-1.77.546-2.637.963-.2.117-.358.258-.475.425a.938.938 0 0 0-.175.55v.725Zm6-7.6c.55 0 1.021-.196 1.413-.588.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 12 6.2c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 10 8.2c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-play_arrow-filled\" viewBox=\"0 0 24 24\"><path d=\"M8.422 17.687v-12.2l9.575 6.1-9.575 6.1Z\" /></symbol><symbol id=\"ds-play_arrow\" viewBox=\"0 0 24 24\"><path d=\"M8.5 18.1V5.9l9.575 6.1L8.5 18.1Zm1.5-2.75L15.275 12 10 8.65v6.7Z\" /></symbol><symbol id=\"ds-print\" viewBox=\"0 0 24 24\"><path d=\"M16 8.3v-3H8v3H6.5V3.8h11v4.5H16Zm1.8 4a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.713.287.97.97 0 0 0-.287.713c0 .283.096.52.287.712.192.192.43.288.713.288ZM16 19v-4.275H8V19h8Zm1.5 1.5h-11v-4H2.8v-5.7c0-.7.242-1.292.725-1.775C4.008 8.542 4.6 8.3 5.3 8.3h13.4c.717 0 1.313.242 1.788.725.475.483.712 1.075.712 1.775v5.7h-3.7v4Zm2.2-5.5v-4.2a.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287H5.3a.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713V15h2.2v-1.775h11V15h2.2Z\" /></symbol><symbol id=\"ds-priority_high\" viewBox=\"0 0 24 24\"><path d=\"M12 19.925c-.417 0-.77-.146-1.062-.437a1.447 1.447 0 0 1-.438-1.063c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 12 16.925c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.771-.438 1.063a1.446 1.446 0 0 1-1.062.437Zm-1.375-4.9V3.575h2.75v11.45h-2.75Z\" /></symbol><symbol id=\"ds-push_pin\" viewBox=\"0 0 24 24\"><path d=\"m15.883 12.313 2 2v2h-5v6l-1 1-1-1v-6h-5v-2l2-2v-7h-1v-2h10v2h-1v7Z\" /></symbol><symbol id=\"ds-queue_music\" viewBox=\"0 0 24 24\"><path d=\"M16 19.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95a2.654 2.654 0 0 1 1.95-.8c.217 0 .429.029.637.087.209.059.413.163.613.313v-8.4h4.5v1.775h-3V17c0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm-12.75-4v-1.5h7.5v1.5h-7.5Zm0-4v-1.5h11.5v1.5H3.25Zm0-4v-1.5h11.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-quiz\" viewBox=\"0 0 24 24\"><path d=\"M13.45 15.077a.878.878 0 0 0 .641-.274.878.878 0 0 0 .274-.642.878.878 0 0 0-.274-.64.878.878 0 0 0-.641-.275.878.878 0 0 0-.642.274.878.878 0 0 0-.274.641c0 .245.092.46.274.642a.878.878 0 0 0 .642.274Zm-.596-3.008h1.192c.013-.451.07-.786.174-1.005.103-.218.348-.514.733-.887.462-.442.776-.816.943-1.121.166-.305.25-.66.25-1.064 0-.711-.252-1.298-.754-1.76-.503-.463-1.15-.694-1.942-.694-.62 0-1.164.171-1.634.513-.47.342-.811.8-1.024 1.376l1.08.454c.17-.404.387-.707.652-.909.264-.202.573-.303.926-.303.438 0 .798.127 1.08.38.283.255.424.59.424 1.005 0 .252-.072.49-.215.71-.143.221-.39.494-.743.817-.486.425-.798.784-.936 1.075-.138.29-.207.762-.207 1.413Zm-5.097 5.739c-.505 0-.932-.175-1.282-.525A1.745 1.745 0 0 1 5.95 16V4.615c0-.505.175-.932.525-1.282.35-.35.777-.525 1.282-.525h11.385c.505 0 .933.175 1.283.525.35.35.525.777.525 1.282V16c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.757Zm0-1.5h11.385a.294.294 0 0 0 .212-.097.294.294 0 0 0 .096-.211V4.615a.294.294 0 0 0-.096-.211.294.294 0 0 0-.212-.096H7.757a.294.294 0 0 0-.211.096.294.294 0 0 0-.096.211V16c0 .077.032.147.096.211a.294.294 0 0 0 .211.097Zm-3.5 5c-.505 0-.932-.175-1.282-.526A1.745 1.745 0 0 1 2.45 19.5V6.615h1.5V19.5c0 .077.032.147.096.211a.294.294 0 0 0 .211.097h12.885v1.5H4.257Z\" /></symbol><symbol id=\"ds-radio_button_checked\" viewBox=\"0 0 24 24\"><path d=\"M12 16.5c1.25 0 2.313-.437 3.188-1.312S16.5 13.25 16.5 12c0-1.25-.437-2.313-1.312-3.188S13.25 7.5 12 7.5c-1.25 0-2.313.437-3.188 1.312S7.5 10.75 7.5 12c0 1.25.437 2.313 1.312 3.188S10.75 16.5 12 16.5Zm0 5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-radio_button_unchecked\" viewBox=\"0 0 24 24\"><path d=\"M12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-redeem\" viewBox=\"0 0 24 24\"><path d=\"M4.259 17.093v2.2h16v-2.2h-16Zm-1.5 3.7V6.818h4.575a1.931 1.931 0 0 1-.187-.475 2.141 2.141 0 0 1-.063-.525c0-.7.242-1.292.725-1.775.483-.483 1.075-.725 1.775-.725.417 0 .804.108 1.163.325.358.217.67.483.937.8l.55.75.575-.75c.25-.333.554-.604.913-.813a2.274 2.274 0 0 1 1.162-.312c.7 0 1.292.242 1.775.725.483.483.725 1.075.725 1.775 0 .183-.017.358-.05.525-.033.167-.1.325-.2.475h4.625v13.975h-19Zm1.5-6.3h16V8.318h-5.775l2.05 2.775-1.2.875-3.1-4.2-3.075 4.2-1.2-.875 2-2.775h-5.7v6.175Zm5.325-7.675a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Zm5.3 0a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Z\" /></symbol><symbol id=\"ds-refresh\" viewBox=\"0 0 24 24\"><path d=\"M12.039 19.5c-2.094 0-3.868-.726-5.32-2.18-1.454-1.452-2.18-3.225-2.18-5.319 0-2.093.726-3.866 2.18-5.32C8.17 5.227 9.944 4.5 12.038 4.5c1.169 0 2.275.26 3.319.78a7.106 7.106 0 0 1 2.604 2.2V4.5h1.5v6.115h-6.116v-1.5h3.95a5.885 5.885 0 0 0-2.192-2.281A5.888 5.888 0 0 0 12.039 6c-1.667 0-3.084.583-4.25 1.75-1.167 1.167-1.75 2.583-1.75 4.25 0 1.667.583 3.083 1.75 4.25 1.166 1.167 2.583 1.75 4.25 1.75a5.862 5.862 0 0 0 3.475-1.1 5.808 5.808 0 0 0 2.175-2.9h1.58c-.454 1.632-1.347 2.957-2.681 3.974-1.334 1.017-2.85 1.526-4.55 1.526Z\" /></symbol><symbol id=\"ds-replay_10\" viewBox=\"0 0 24 24\"><path d=\"M12.489 21.248a8.255 8.255 0 0 1-3.316-.669 8.608 8.608 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.819-2.695 8.255 8.255 0 0 1-.67-3.316h1.5c0 1.95.68 3.604 2.038 4.963 1.359 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.359-1.358 2.038-3.013 2.038-4.963 0-1.95-.68-3.604-2.038-4.962-1.358-1.358-3.012-2.038-4.962-2.038h-.266l1.589 1.589-1.054 1.084L9.335 4.99l3.442-3.433 1.054 1.085-1.608 1.607h.266c1.18 0 2.284.223 3.315.67A8.607 8.607 0 0 1 18.5 6.737a8.608 8.608 0 0 1 1.82 2.696c.446 1.03.669 2.136.669 3.315 0 1.18-.223 2.285-.67 3.316A8.609 8.609 0 0 1 18.5 18.76a8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668ZM9.7 15.594v-4.5H8.258V9.902h2.635v5.693H9.7Zm3.385 0a.968.968 0 0 1-.713-.287.967.967 0 0 1-.287-.713v-3.692c0-.283.096-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.308-1.192h1.269c.038 0 .067-.01.086-.029.02-.019.03-.048.03-.086V11.21c0-.039-.01-.067-.03-.087-.019-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.087.03Z\" /></symbol><symbol id=\"ds-replay_30\" viewBox=\"0 0 24 24\"><path d=\"M12 21.75a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13.25H5c0 1.95.68 3.604 2.037 4.962C8.396 19.572 10.05 20.25 12 20.25c1.95 0 3.604-.68 4.962-2.038C18.322 16.854 19 15.2 19 13.25c0-1.95-.68-3.604-2.038-4.963C15.604 6.93 13.95 6.25 12 6.25h-.265l1.588 1.588-1.054 1.085L8.846 5.49l3.443-3.432 1.053 1.084-1.607 1.608H12c1.18 0 2.285.223 3.315.67a8.608 8.608 0 0 1 2.697 1.818 8.605 8.605 0 0 1 1.819 2.697c.446 1.03.669 2.135.669 3.315 0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.75Zm-4.48-5.654v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.71c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029Z\" /></symbol><symbol id=\"ds-schedule_filled\" viewBox=\"0 0 24 24\"><path d=\"m15.3 16.7 1.4-1.4-3.7-3.7V7h-2v5.4l4.3 4.3ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z\" /></symbol><symbol id=\"ds-schedule\" viewBox=\"0 0 24 24\"><path d=\"m15.473 16.527 1.054-1.054-3.777-3.777V7h-1.5v5.304l4.223 4.223ZM12.002 21.5a9.255 9.255 0 0 1-3.705-.748 9.596 9.596 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.017 9.592 9.592 0 0 1 3.016-2.032 9.245 9.245 0 0 1 3.704-.748c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.597 9.597 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.247 9.247 0 0 1-3.704.749ZM12 20c2.217 0 4.104-.78 5.663-2.337C19.22 16.104 20 14.217 20 12s-.78-4.104-2.337-5.662C16.104 4.779 14.217 4 12 4s-4.104.78-5.663 2.338C4.78 7.896 4 9.783 4 12s.78 4.104 2.337 5.663C7.896 19.22 9.783 20 12 20Z\" /></symbol><symbol id=\"ds-search_off\" viewBox=\"0 0 24 24\"><path d=\"M7 21.3c-1.25 0-2.313-.437-3.188-1.312S2.5 18.05 2.5 16.8c0-1.25.437-2.313 1.312-3.188S5.75 12.3 7 12.3c1.25 0 2.313.437 3.188 1.312S11.5 15.55 11.5 16.8c0 1.25-.437 2.313-1.312 3.188S8.25 21.3 7 21.3Zm13.525-.725-6.35-6.35a1.313 1.313 0 0 1-.312.225 4.785 4.785 0 0 1-.363.175 12.188 12.188 0 0 0-.425-.55 4.53 4.53 0 0 0-.475-.5 4.51 4.51 0 0 0 1.825-1.625c.467-.717.7-1.533.7-2.45 0-1.283-.45-2.375-1.35-3.275-.9-.9-1.992-1.35-3.275-1.35s-2.375.45-3.275 1.35c-.9.9-1.35 1.992-1.35 3.275 0 .15.012.3.037.45.025.15.055.3.088.45a3.797 3.797 0 0 0-.75.137 4.924 4.924 0 0 0-.725.263c-.033-.2-.067-.408-.1-.625a4.436 4.436 0 0 1-.05-.675c0-1.7.596-3.146 1.787-4.338C7.354 3.971 8.8 3.375 10.5 3.375c1.7 0 3.146.596 4.338 1.787C16.029 6.354 16.625 7.8 16.625 9.5c0 .717-.121 1.396-.363 2.037a6.226 6.226 0 0 1-.962 1.713l6.275 6.275-1.05 1.05ZM5.225 19.2 7 17.425 8.75 19.2l.65-.625L7.625 16.8 9.4 15.05l-.625-.625L7 16.175l-1.775-1.75-.625.625 1.775 1.75L4.6 18.575l.625.625Z\" /></symbol><symbol id=\"ds-search\" viewBox=\"0 0 24 24\"><path d=\"m19.73 20.347-6.3-6.275c-.5.417-1.075.742-1.725.975-.65.233-1.317.35-2 .35-1.717 0-3.167-.592-4.35-1.775-1.184-1.184-1.775-2.633-1.775-4.35 0-1.7.591-3.146 1.775-4.338 1.183-1.191 2.633-1.787 4.35-1.787 1.7 0 3.142.592 4.325 1.775 1.183 1.183 1.775 2.633 1.775 4.35 0 .717-.117 1.4-.35 2.05a5.613 5.613 0 0 1-.95 1.7l6.275 6.275-1.05 1.05Zm-10.025-6.45c1.283 0 2.37-.45 3.263-1.35.891-.9 1.337-1.992 1.337-3.275s-.446-2.375-1.337-3.275c-.892-.9-1.98-1.35-3.263-1.35-1.3 0-2.396.45-3.287 1.35-.892.9-1.338 1.992-1.338 3.275s.446 2.375 1.338 3.275c.891.9 1.987 1.35 3.287 1.35Z\" /></symbol><symbol id=\"ds-settings\" viewBox=\"0 0 24 24\"><path d=\"m9.692 21.5-.38-3.046a5.334 5.334 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5.062 5.062 0 0 1-.049-.448 6.976 6.976 0 0 1 0-.882c.01-.147.026-.307.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.42 6.42 0 0 1 .772-.524 5.1 5.1 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056c.3.109.572.236.815.381.243.146.488.317.735.515l2.85-1.183 2.308 3.981-2.479 1.873c.036.162.056.313.059.453.003.14.005.282.005.424 0 .136-.004.274-.01.415-.006.14-.03.3-.069.481l2.46 1.854-2.308 4-2.816-1.202c-.247.198-.5.372-.757.524a4.576 4.576 0 0 1-.793.372l-.38 3.056H9.692ZM11 20h1.966l.359-2.679c.51-.133.977-.323 1.399-.568.422-.246.83-.561 1.222-.947l2.485 1.044.985-1.7-2.17-1.635c.084-.258.14-.512.17-.761a6.266 6.266 0 0 0 0-1.508 3.9 3.9 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.327 5.327 0 0 0-1.203-.949 5.173 5.173 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.22 5.22 0 0 0-1.414.553c-.432.249-.844.57-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.65 3.65 0 0 0-.175.74 6.28 6.28 0 0 0 0 1.575c.033.25.088.497.165.74l-2.15 1.635.985 1.7 2.475-1.05c.38.39.785.709 1.217.958.432.248.91.44 1.433.573L11 20Zm1.011-5c.833 0 1.54-.292 2.125-.876A2.892 2.892 0 0 0 15.011 12c0-.832-.293-1.54-.877-2.124A2.892 2.892 0 0 0 12.012 9c-.843 0-1.553.292-2.132.876A2.905 2.905 0 0 0 9.01 12c0 .832.29 1.54.869 2.124.579.584 1.29.876 2.131.876Z\" /></symbol><symbol id=\"ds-share\" viewBox=\"0 0 24 24\"><path d=\"M18 21.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.117.008-.246.025-.388.017-.141.05-.262.1-.362l-7.4-4.35a3.014 3.014 0 0 1-.9.625A2.59 2.59 0 0 1 6 14.75a2.654 2.654 0 0 1-1.95-.8 2.653 2.653 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95A2.654 2.654 0 0 1 6 9.25c.383 0 .742.075 1.075.225.333.15.633.358.9.625l7.4-4.35c-.05-.1-.083-.221-.1-.363A3.32 3.32 0 0 1 15.25 5c0-.767.267-1.417.8-1.95a2.653 2.653 0 0 1 1.95-.8c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8a2.59 2.59 0 0 1-1.075-.225 3.016 3.016 0 0 1-.9-.625l-7.4 4.35c.05.1.083.217.1.35a3.221 3.221 0 0 1 0 .787c-.017.142-.05.263-.1.363l7.4 4.35c.267-.267.567-.475.9-.625A2.59 2.59 0 0 1 18 16.25c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm0-15.5c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.888A1.21 1.21 0 0 0 18 3.75c-.35 0-.646.12-.887.362A1.208 1.208 0 0 0 16.75 5c0 .35.121.646.363.887.241.242.537.363.887.363Zm-12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 6 10.75c-.35 0-.646.121-.887.363A1.204 1.204 0 0 0 4.75 12c0 .35.121.646.363.887.241.242.537.363.887.363Zm12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 18 17.75c-.35 0-.646.121-.887.363a1.204 1.204 0 0 0-.363.887c0 .35.121.646.363.887.241.242.537.363.887.363Z\" /></symbol><symbol id=\"ds-support_agent\" viewBox=\"0 0 24 24\"><path d=\"M10.957 21.094v-1.5h7.625v-7.525c0-.967-.183-1.875-.55-2.725a7.078 7.078 0 0 0-1.5-2.225 7.078 7.078 0 0 0-2.225-1.5 6.806 6.806 0 0 0-2.725-.55c-.966 0-1.875.183-2.725.55a7.077 7.077 0 0 0-2.225 1.5 7.077 7.077 0 0 0-1.5 2.225 6.805 6.805 0 0 0-.55 2.725v5.925h-2.5v-5.225h1l.05-1.275a8.237 8.237 0 0 1 .863-3.175A8.505 8.505 0 0 1 5.882 5.83a8.526 8.526 0 0 1 2.612-1.612 8.365 8.365 0 0 1 3.088-.575 8.46 8.46 0 0 1 3.1.575c.984.383 1.854.92 2.612 1.612a8.685 8.685 0 0 1 1.876 2.475c.492.959.779 2.013.862 3.163l.05 1.3h1v5.225h-1v3.1h-9.125Zm-2.175-6.925a.869.869 0 0 1-.638-.263.839.839 0 0 1-.262-.612.87.87 0 0 1 .262-.638.87.87 0 0 1 .638-.262c.234 0 .438.087.612.262a.869.869 0 0 1 .263.638.837.837 0 0 1-.263.612.837.837 0 0 1-.612.263Zm5.6 0a.837.837 0 0 1-.612-.263.837.837 0 0 1-.263-.612c0-.25.088-.463.263-.638a.838.838 0 0 1 .612-.262.87.87 0 0 1 .638.262.87.87 0 0 1 .262.638.839.839 0 0 1-.262.612.869.869 0 0 1-.638.263Zm-8.425-1.625c-.066-.917.063-1.754.388-2.512.325-.759.758-1.4 1.3-1.926a5.762 5.762 0 0 1 1.862-1.212 5.62 5.62 0 0 1 2.125-.425c1.434 0 2.67.45 3.712 1.35 1.042.9 1.672 2.025 1.888 3.375-1.466 0-2.8-.392-4-1.175-1.2-.783-2.1-1.792-2.7-3.025a7.46 7.46 0 0 1-1.6 3.375 7.376 7.376 0 0 1-2.975 2.175Z\" /></symbol><symbol id=\"ds-system_update\" viewBox=\"0 0 24 24\"><path d=\"M7.308 22.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V3.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h9.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v17.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.308ZM7 19.75v.942c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h9.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212v-.942H7Zm0-1.5h10V5.75H7v12.5Zm5-2.596L8.346 12 9.4 10.946l1.85 1.82v-4.42h1.5v4.42l1.85-1.82L15.654 12 12 15.654ZM7 4.25h10v-.942a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H7.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v.942Z\" /></symbol><symbol id=\"ds-twitter\" viewBox=\"0 0 24 24\"><path d=\"M22 3.999c-.78.463-2.345 1.094-3.265 1.276-.027.007-.049.016-.075.023A4.5 4.5 0 0 0 11 8.499c0 .131-.011.372 0 .5-3.353 0-5.905-1.756-7.735-4-.199.5-.286 1.29-.286 2.032 0 1.401 1.095 2.777 2.8 3.63-.314.081-.66.139-1.02.139A2.686 2.686 0 0 1 3 10.183v.051c0 1.958 2.078 3.291 3.926 3.662-.375.221-1.131.243-1.5.243-.26 0-1.18-.119-1.426-.165.514 1.605 2.368 2.507 4.135 2.539-1.382 1.084-2.341 1.486-5.171 1.486H2C3.788 19.145 6.065 20 8.347 20 15.777 20 20 14.337 20 8.999l-.005-.447c0-.018.005-.035.005-.053 0-.027-.008-.053-.008-.08a18.384 18.384 0 0 0-.009-.329A8.217 8.217 0 0 0 22 5.999a8.07 8.07 0 0 1-2.32.636c.834-.5 2.019-1.692 2.32-2.636Z\" /></symbol><symbol id=\"ds-user_policy\" viewBox=\"0 0 24 24\"><path d=\"M14 13.5h4v-1.2h-4v1.2Zm0 2.7h4V15h-4v1.2Zm.5-8.7h7v14h-19v-14h7v-5h5v5ZM11 9h2V4h-2v5Zm-2 6c.367 0 .683-.129.95-.387.267-.259.4-.58.4-.963 0-.367-.133-.683-.4-.95a1.298 1.298 0 0 0-.95-.4c-.367 0-.683.133-.95.4-.267.267-.4.583-.4.95s.133.683.4.95c.267.267.583.4.95.4Zm-2.85 2.7h5.7v-.275c0-.267-.07-.508-.212-.725a1.386 1.386 0 0 0-.588-.5 4.665 4.665 0 0 0-1-.325 5.342 5.342 0 0 0-1.05-.1c-.367 0-.717.033-1.05.1a4.665 4.665 0 0 0-1 .325 1.38 1.38 0 0 0-.587.5 1.294 1.294 0 0 0-.213.725v.275ZM9.5 9H4v11h16V9h-5.5v1.5h-5V9Z\" /></symbol><symbol id=\"ds-view_list\" viewBox=\"0 0 24 24\"><path d=\"M3.5 18.3V5.55h17V18.3h-17Zm1.5-9h2.25V7.05H5V9.3Zm3.75 0H19V7.05H8.75V9.3Zm0 3.75H19V10.8H8.75v2.25Zm0 3.75H19v-2.25H8.75v2.25ZM5 16.8h2.25v-2.25H5v2.25Zm0-3.75h2.25V10.8H5v2.25Z\" /></symbol><symbol id=\"ds-vip\" viewBox=\"0 0 24 24\"><path d=\"M2.471 19.308v-2.223c0-.531.134-.995.401-1.392a2.767 2.767 0 0 1 1.065-.931c.85-.434 1.747-.784 2.692-1.052.945-.268 2.059-.402 3.342-.402.5 0 .965.02 1.395.06.43.04.832.101 1.205.182l-1.327 1.327a4.01 4.01 0 0 0-.595-.06c-.213-.006-.44-.01-.678-.01-1.183 0-2.22.133-3.11.397-.89.264-1.636.563-2.236.896-.227.122-.393.264-.497.427a1.01 1.01 0 0 0-.157.558v.723h6.058l1.5 1.5H2.47Zm12.954.746-3.104-3.104 1.054-1.054 2.05 2.05 5.05-5.05 1.054 1.054-6.104 6.104Zm-5.454-8.362c-.962 0-1.786-.342-2.472-1.028-.685-.685-1.028-1.51-1.028-2.472S6.814 6.406 7.5 5.72c.686-.685 1.51-1.028 2.472-1.028.963 0 1.787.343 2.472 1.028.685.686 1.028 1.51 1.028 2.472 0 .963-.343 1.787-1.028 2.472-.685.686-1.51 1.028-2.472 1.028Zm0-1.5c.55 0 1.021-.196 1.413-.587.391-.392.587-.863.587-1.413s-.196-1.02-.587-1.412a1.926 1.926 0 0 0-1.413-.588c-.55 0-1.02.196-1.412.588a1.926 1.926 0 0 0-.588 1.412c0 .55.196 1.021.588 1.413.391.391.862.587 1.412.587Z\" /></symbol><symbol id=\"ds-visibility_off\" viewBox=\"0 0 24 24\"><path d=\"m16.087 13.158-1.125-1.125c.15-.833-.087-1.579-.712-2.237-.625-.658-1.388-.913-2.288-.763l-1.125-1.125c.234-.1.467-.175.7-.225.234-.05.492-.075.775-.075 1.134 0 2.096.396 2.887 1.188.792.792 1.188 1.754 1.188 2.887 0 .284-.025.546-.075.787-.05.242-.125.472-.225.688Zm3.175 3.1-1.1-1.025a10.952 10.952 0 0 0 1.688-1.588 8.895 8.895 0 0 0 1.262-1.962C20.28 10 19.083 8.663 17.524 7.67c-1.558-.991-3.295-1.487-5.212-1.487-.483 0-.958.034-1.425.1a9.622 9.622 0 0 0-1.375.3L8.337 5.408c.634-.25 1.28-.433 1.938-.55a11.648 11.648 0 0 1 2.037-.175c2.35 0 4.467.646 6.35 1.938 1.884 1.292 3.25 2.979 4.1 5.062-.366.9-.841 1.738-1.425 2.512a10.348 10.348 0 0 1-2.075 2.063Zm.8 5.8-4.025-4.025c-.516.2-1.087.359-1.712.475-.625.117-1.296.175-2.013.175-2.35 0-4.462-.646-6.338-1.938-1.874-1.291-3.245-2.978-4.112-5.062a11.1 11.1 0 0 1 1.425-2.475 10.84 10.84 0 0 1 1.925-1.975l-2.775-2.8 1.05-1.075 17.65 17.65-1.075 1.05ZM6.262 8.283a10.06 10.06 0 0 0-1.537 1.513 8.948 8.948 0 0 0-1.213 1.887c.834 1.684 2.03 3.021 3.587 4.012 1.559.992 3.297 1.488 5.213 1.488.45 0 .9-.037 1.35-.113.45-.074.834-.153 1.15-.237l-1.25-1.3a3.877 3.877 0 0 1-1.25.225c-1.133 0-2.095-.396-2.887-1.188-.792-.791-1.188-1.753-1.188-2.887 0-.2.021-.412.063-.638.042-.224.096-.428.162-.612l-2.2-2.15Z\" /></symbol><symbol id=\"ds-visibility\" viewBox=\"0 0 24 24\"><path d=\"M12 15.575c1.133 0 2.096-.396 2.887-1.188.792-.791 1.188-1.754 1.188-2.887s-.396-2.096-1.188-2.887c-.791-.792-1.754-1.188-2.887-1.188s-2.096.396-2.887 1.188c-.792.791-1.188 1.754-1.188 2.887s.396 2.096 1.188 2.887c.791.792 1.754 1.188 2.887 1.188Zm0-1.375c-.75 0-1.387-.263-1.912-.788A2.602 2.602 0 0 1 9.3 11.5c0-.75.263-1.388.788-1.913A2.603 2.603 0 0 1 12 8.8c.75 0 1.388.262 1.913.787.525.525.787 1.163.787 1.913s-.262 1.387-.787 1.912A2.605 2.605 0 0 1 12 14.2Zm0 4.3c-2.3 0-4.396-.633-6.287-1.9-1.892-1.267-3.28-2.967-4.163-5.1.883-2.133 2.271-3.833 4.163-5.1C7.604 5.133 9.7 4.5 12 4.5s4.396.633 6.288 1.9c1.891 1.267 3.279 2.967 4.162 5.1-.883 2.133-2.27 3.833-4.162 5.1-1.892 1.267-3.988 1.9-6.288 1.9Zm0-1.5a9.545 9.545 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.777 9.777 0 0 0-3.612-4.013A9.55 9.55 0 0 0 12 6a9.55 9.55 0 0 0-5.188 1.487A9.777 9.777 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.612 4.012A9.545 9.545 0 0 0 12 17Z\" /></symbol><symbol id=\"ds-volume_off\" viewBox=\"0 0 24 24\"><path d=\"m19.475 22.15-3.025-3.025a7.332 7.332 0 0 1-2.275.975v-1.55c.217-.067.425-.142.625-.225.2-.083.392-.175.575-.275l-3.575-3.6v4.35l-4.3-4.3H3.8v-5h3.025L2 4.65 3.05 3.6l17.475 17.475-1.05 1.075Zm-.5-5.425L17.9 15.65c.35-.533.617-1.113.8-1.738.183-.625.275-1.27.275-1.937 0-1.517-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.175 5.4V3.85c1.867.5 3.383 1.5 4.55 3 1.167 1.5 1.75 3.208 1.75 5.125 0 .883-.129 1.725-.387 2.525a8.2 8.2 0 0 1-1.113 2.225Zm-3.05-3.05-1.75-1.75V8.3a3.94 3.94 0 0 1 1.563 1.55c.375.667.562 1.383.562 2.15 0 .3-.033.587-.1.862a4.908 4.908 0 0 1-.275.813ZM11.8 9.525l-2.175-2.15L11.8 5.2v4.325Zm-1.5 5.625v-2.2L8.325 11H5.3v2h2.85l2.15 2.15Z\" /></symbol><symbol id=\"ds-volume_up\" viewBox=\"0 0 24 24\"><path d=\"M14.05 20.1v-1.55a6.673 6.673 0 0 0 3.475-2.488c.883-1.208 1.325-2.57 1.325-4.087s-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.05 5.4V3.85c1.85.5 3.362 1.5 4.537 3 1.175 1.5 1.763 3.208 1.763 5.125 0 1.917-.588 3.625-1.763 5.125-1.175 1.5-2.687 2.5-4.537 3Zm-10.4-5.6v-5h3.725l4.275-4.3v13.6l-4.275-4.3H3.65Zm10.4 1.15V8.3a3.854 3.854 0 0 1 1.55 1.55 4.39 4.39 0 0 1 .55 2.15c0 .767-.183 1.475-.55 2.125a3.899 3.899 0 0 1-1.55 1.525Zm-3.9-6.8L8 11H5.15v2H8l2.15 2.15v-6.3Z\" /></symbol><symbol id=\"ds-wifi_off\" viewBox=\"0 0 24 24\"><path d=\"M21.9 11.1a14.116 14.116 0 0 0-4.462-3.013C15.746 7.362 13.933 7 12 7c-.35 0-.692.012-1.025.037A12.16 12.16 0 0 0 10 7.15L8.075 5.225c.6-.15 1.221-.263 1.863-.338A17.865 17.865 0 0 1 12 4.775c2.25 0 4.354.42 6.312 1.262A16.286 16.286 0 0 1 23.45 9.5l-1.55 1.6Zm-4 3.95-4-4c.967.133 1.908.43 2.825.888A9.185 9.185 0 0 1 19.2 13.75l-1.3 1.3Zm1.925 6.925-8.85-8.875c-.9.1-1.75.346-2.55.737-.8.392-1.492.896-2.075 1.513l-1.55-1.6a9.746 9.746 0 0 1 1.988-1.525 9.293 9.293 0 0 1 2.362-.975L6.175 8.3c-.717.317-1.429.717-2.137 1.2A13.447 13.447 0 0 0 2.1 11.1L.55 9.5c.6-.6 1.238-1.142 1.913-1.625.675-.483 1.362-.9 2.062-1.25l-2.2-2.2 1.05-1.05 17.55 17.55-1.1 1.05ZM12 21l-2.975-3c.383-.383.83-.683 1.338-.9A4.128 4.128 0 0 1 12 16.775c.583 0 1.129.108 1.637.325.509.217.955.517 1.338.9L12 21Z\" /></symbol><symbol id=\"ds-x\" viewBox=\"0 0 24 24\"><path d=\"M13.903 10.469 21.348 2h-1.764l-6.465 7.353L7.955 2H2l7.808 11.12L2 22h1.764l6.828-7.765L16.044 22H22l-8.098-11.531Zm-2.417 2.748-.791-1.107L4.4 3.3h2.71l5.08 7.11.791 1.107 6.604 9.242h-2.71l-5.389-7.541Z\" /></symbol><symbol id=\"ds-quiz-mask\" viewBox=\"0 0 596 335\"><style>{\".noop-so-svgo-keeps-clippath{fill:none}\"}</style><clipPath id=\"quiz-mask\" clipPathUnits=\"objectBoundingBox\"><path d=\"M.537.968C.582.974.621.921.632.847.646.936.694.998.747.99.774.986.798.964.816.933.832.96.853.978.876.98.926.986.97.92.975.831.992.547 1 .371 1 .229 1 .142.96.073.911.067.871.063.834.103.817.164.808.064.757-.008.699 0 .669.005.643.031.625.069A.078.078 0 0 0 .577.037C.547.033.52.056.502.093.491.046.466.01.436.002.39-.01.347.047.341.129L.34.141C.33.09.304.051.272.045.241.04.212.066.196.109.184.055.155.016.121.011.07.004.027.072.024.162a9.848 9.848 0 0 1-.023.539C-.005.79.032.87.082.877.106.881.128.867.145.843.14.921.173.991.217.999.255 1 .289.964.301.902c.013.034.033.059.058.065C.405.978.448.921.454.839L.455.83c.006.073.039.132.082.138\" /></clipPath></symbol></svg>;\nexport default SvgSprite;", "import { formatClassString } from \"../../helpers/formatClassString\";\nimport { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';\n\nimport SpriteFile from '../../foundations/icons/sprite.svg';\n\nexport interface IconProps {\n iconName: DsIcon;\n classNames?: string;\n attributes?: object;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-sprite)\n * - Storybook: [icon](https://designsystem.dn.se/?path=/docs/foundations-icons--docs)\n *\n * The IconUse component is used to render a specific icon from the sprite, but mostly we will use the IconWithWrapper component.\n * The IconSprite component is only used to export the sprite file.\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/icon/icon.scss'`\n */\nexport const IconUse = ({ iconName, classNames, attributes }: IconProps) => {\n const componentClassName = 'ds-icon';\n\n const classes = formatClassString([\n componentClassName,\n `${componentClassName}--sprite`,\n `${componentClassName}--${iconName}`,\n classNames,\n ])\n\n return (\n <i className={classes} { ...attributes }>\n <svg><use xlinkHref={`#ds-${ iconName }`}></use></svg>\n </i>\n );\n};\n\n// @ts-ignore\nexport const IconSprite = () => <SpriteFile />\n", "import { formatClassString } from '../../helpers/formatClassString'\n\nexport interface SpinnerProps {\n variant: 'brand' | 'secondary' | 'primary' | 'onBrand' | 'onBusiness' | 'staticBlack' | 'staticWhite'\n size?: 'large' | 'small' | 'xsmall'\n forcePx?: boolean\n classNames?: string\n attributes?: object\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/spinner](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/spinner)\n * - Storybook: [Spinner](https://designsystem.dn.se/?path=/docs/basic-spinner--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/spinner/spinner.scss'`\n */\nexport const Spinner = ({ variant = 'primary', size = 'large', forcePx, classNames, attributes }: SpinnerProps) => {\n const componentClassName = 'ds-spinner';\n\n const classes = formatClassString([\n `${componentClassName}`,\n `${componentClassName}--${variant}`,\n `${componentClassName}--${size}`,\n forcePx && 'ds-force-px',\n classNames,\n ])\n\n return (\n <span className={classes} {...attributes}>\n <span className={`${componentClassName}__inner`}></span>\n </span>\n )\n}\n\nexport default Spinner\n", "import { formatClassString } from '@bonniernews/dn-design-system-web/helpers/formatClassString.ts'\nimport { IconUse } from '../icon-sprite/icon-sprite'\nimport type { ButtonBaseProps, InnerButtonProps, ToggleWrapperProps } from '@bonniernews/dn-design-system-web/components/button/button-types.ts'\nimport { Spinner } from '../spinner/spinner'\nimport type { SpinnerProps } from '../spinner/spinner'\n\nexport const InnerButton = ({ text, isIconButton = false, attributes, icon, loadingHtml }: InnerButtonProps) => {\n let optionalHtml;\n if (!isIconButton && attributes['aria-label']) {\n optionalHtml = (<span aria-hidden='true'>{text}</span>)\n } else if (!isIconButton) {\n optionalHtml = (<span>{text}</span>)\n }\n\n return (\n <>\n {optionalHtml}\n {icon}\n {loadingHtml}\n </>\n )\n}\n\nexport const ToggleWrapper = ({\n selected = false,\n disabled = false,\n attributes,\n classes,\n onChild,\n offChild,\n loadingHtml,\n}: ToggleWrapperProps) => {\n return (\n <button type='button' role='switch' aria-checked={selected} className={classes} {...attributes} disabled={disabled}>\n <span className='ds-btn__off' aria-hidden='true'>\n {onChild}\n </span>\n <span className='ds-btn__on' aria-hidden='true'>\n {offChild}\n </span>\n {loadingHtml}\n </button>\n )\n}\n\nexport const ButtonBase = ({\n text,\n disabled = false,\n variant = 'primary',\n size = 'md',\n fullWidth = false,\n mobileFullWidth = false,\n iconPosition = 'none',\n iconName,\n loading = false,\n type = 'button',\n href,\n classNames,\n attributes = {},\n forcePx = false,\n isIconButton = false,\n selected = false,\n isToggle = false,\n selectedIconName,\n selectedText,\n}: ButtonBaseProps) => {\n if (isIconButton && text && !attributes['aria-label']) {\n attributes['aria-label'] = text\n } else if (isToggle && text && selectedText && !attributes['aria-label']) {\n attributes['aria-label'] = selected ? selectedText : text;\n }\n let spinnerVariant: SpinnerProps['variant'] = 'secondary';\n if (variant === 'staticWhite' || variant === 'transparent') {\n spinnerVariant = 'staticBlack'\n } else if (variant === 'secondaryFilled' || variant === 'secondaryOutline') {\n spinnerVariant = 'primary'\n }\n const loadingHtml = (\n <Spinner {...{ size: 'small', variant: spinnerVariant, forcePx, attributes: { 'aria-hidden': 'true' } }} />\n )\n\n let icon\n if (iconName && (iconPosition != 'none' || isIconButton == true)) {\n icon = <IconUse {...{ iconName, attributes: { 'aria-hidden': 'true' } }} />\n }\n\n const classNamePrefix = 'ds-btn--'\n const classes = formatClassString([\n 'ds-btn',\n `${classNamePrefix}${variant}`,\n `${classNamePrefix}${size}`,\n isToggle && selected && `${classNamePrefix}selected`,\n fullWidth && `${classNamePrefix}full-width`,\n mobileFullWidth && `${classNamePrefix}mobile-full-width`,\n icon && !isIconButton && `${classNamePrefix}icon-${iconPosition}`,\n isIconButton && `${classNamePrefix}icon-only`,\n isToggle && `${classNamePrefix}toggle`,\n loading && 'ds-loading',\n forcePx && 'ds-force-px',\n classNames,\n ])\n\n let buttonToRender\n if (isToggle) {\n let onChild, offChild\n if (isIconButton && iconName && selectedIconName) {\n onChild = <IconUse iconName={iconName} />\n offChild = <IconUse iconName={selectedIconName} />\n } else {\n onChild = <span>{text}</span>\n offChild = (\n <>\n <IconUse iconName='check' />\n <span>{selectedText}</span>\n </>\n )\n }\n buttonToRender = <ToggleWrapper {...{ selected, classes, attributes, disabled, onChild, offChild, loadingHtml }} />\n } else {\n const buttonParams = { isIconButton, text, icon, loadingHtml, attributes }\n if (href) {\n // Don't render spinner when button is a link\n const params = { ...buttonParams, loadingHtml: null }\n buttonToRender = (\n <a href={href} className={classes} {...attributes}>\n <InnerButton {...params} />\n </a>\n )\n } else {\n buttonToRender = (\n <button type={type} className={classes} {...attributes} disabled={disabled}>\n <InnerButton {...buttonParams} />\n </button>\n )\n }\n }\n\n return <>{buttonToRender}</>\n}\n", "import type { ButtonProps } from \"@bonniernews/dn-design-system-web/components/button/button-types.ts\";\nimport { ButtonBase } from \"@bonniernews/dn-design-system-web/components/button/button-base.tsx\";\n\n/**\n* - GitHub: [BonnierNews/dn-design-system/../web/src/components/button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/button)\n* - Storybook: [Buttons > Button](https://designsystem.dn.se/?path=/docs/basic-buttons-button--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/button/button.scss'`\n */\nexport const Button = ({\n text,\n disabled = false,\n variant = 'primary',\n size='md',\n fullWidth = false,\n mobileFullWidth = false,\n iconPosition = 'none',\n iconName,\n loading = false,\n type = 'button',\n href,\n isIconButton = false,\n classNames,\n attributes,\n forcePx = false\n}: ButtonProps) => {\n\n return (\n <ButtonBase {...{\n text,\n disabled,\n variant,\n size,\n fullWidth,\n mobileFullWidth,\n iconPosition,\n iconName,\n loading,\n type,\n href,\n isIconButton,\n classNames,\n attributes,\n forcePx,\n }} />\n )\n}\n\nexport default Button;\n", "import { Button } from '@bonniernews/dn-design-system-web/components/button/button.tsx';\n\nexport interface BlockedContentProps {\n title: string;\n body: string;\n link: string;\n forcePx?: boolean;\n classNames?: string;\n attributes?: object;\n elementAttributes?: { [key: string]: string };\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)\n * - Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.scss'`\n */\nexport const BlockedContent = ({\n title,\n body,\n link,\n forcePx = false,\n classNames = '',\n attributes = {},\n elementAttributes = {},\n}: BlockedContentProps) => {\n const componentClassName = 'ds-blocked-content';\n const classes = [\n componentClassName,\n forcePx ? 'ds-force-px' : '',\n classNames,\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={classes} {...attributes}>\n <div className={`${componentClassName}__inner`}>\n <div className={`${componentClassName}__content`}>\n <h2 className={`${componentClassName}__title`}>{title}</h2>\n <div className={`${componentClassName}__body`}>\n {body}\n <a className={`${componentClassName}__link`} href={link}>\n {link}\n </a>\n </div>\n </div>\n <Button\n text=\"Hantera kakor\"\n variant=\"secondaryFilled\"\n size=\"md\"\n fullWidth={true}\n forcePx={forcePx}\n attributes={elementAttributes}\n />\n </div>\n </div>\n );\n};\n\nexport default BlockedContent;"],
5
+ "mappings": "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",
6
+ "names": ["jsx", "jsx", "jsx", "jsxs", "jsx", "jsx", "jsxs"]
7
+ }
package/preact/components/video-caption/video-caption.d.ts ADDED
@@ -0,0 +1,20 @@
1
+ export interface VideoCaptionProps {
2
+ /** Ex: "Detta är en bildtext" */
3
+ caption?: string;
4
+ /** Ex: "01:23" */
5
+ duration?: string;
6
+ /** Ex: "my-special-class another-class" */
7
+ classNames?: string;
8
+ /** Ex: { target: "_blank", "data-test": "lorem ipsum" } */
9
+ attributes?: object;
10
+ /** Fixed pixel value is used for typography to prevent scaling based on html font-size */
11
+ forcePx?: boolean;
12
+ }
13
+ /**
14
+ * - GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)
15
+ * - Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)
16
+ *
17
+ * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:
18
+ * `@use '@bonniernews/dn-design-system-web/components/video-caption/video-caption.scss'`
19
+ */
20
+ export declare const VideoCaption: ({ caption, duration, classNames, attributes, forcePx }: VideoCaptionProps) => import("preact").JSX.Element;
package/preact/components/video-caption/video-caption.js ADDED
@@ -0,0 +1,31 @@
1
+ // ../src/helpers/formatClassString.ts
2
+ var formatClassString = (classesArray) => {
3
+ return classesArray.filter((x) => !!x).join(" ");
4
+ };
5
+
6
+ // ../src/foundations/a11y/visually-hidden.tsx
7
+ import { jsx } from "preact/jsx-runtime";
8
+ var VisuallyHidden = ({ text }) => {
9
+ return /* @__PURE__ */ jsx("span", { className: "visually-hidden", dangerouslySetInnerHTML: { __html: text } });
10
+ };
11
+
12
+ // ../src/components/video-caption/video-caption.tsx
13
+ import { Fragment, jsx as jsx2, jsxs } from "preact/jsx-runtime";
14
+ var VideoCaption = ({ caption, duration, classNames, attributes, forcePx }) => {
15
+ const classes = formatClassString([
16
+ "ds-video-caption",
17
+ forcePx && "ds-force-px",
18
+ classNames
19
+ ]);
20
+ return /* @__PURE__ */ jsxs("figcaption", { className: classes, ...attributes, children: [
21
+ duration && /* @__PURE__ */ jsxs(Fragment, { children: [
22
+ /* @__PURE__ */ jsx2("span", { className: "ds-video-caption__duration", "aria-hidden": "true", children: duration }),
23
+ /* @__PURE__ */ jsx2(VisuallyHidden, { text: `Videon \xE4r ${duration} l\xE5ng.` })
24
+ ] }),
25
+ caption && /* @__PURE__ */ jsx2("span", { className: "ds-video-caption__text", children: caption })
26
+ ] });
27
+ };
28
+ export {
29
+ VideoCaption
30
+ };
31
+ //# sourceMappingURL=video-caption.js.map
package/preact/components/video-caption/video-caption.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../helpers/formatClassString.ts", "../../../foundations/a11y/visually-hidden.tsx", "../../../components/video-caption/video-caption.tsx"],
4
+ "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n return classesArray.filter(x => !!x).join(' ');\n}\n", "export interface VisuallyHiddenProps {\n text: string;\n};\n\nexport const VisuallyHidden = ({ text }: VisuallyHiddenProps) => {\n return (<span className=\"visually-hidden\" dangerouslySetInnerHTML={{ __html: text }}></span>);\n}\n", "import { formatClassString } from '@bonniernews/dn-design-system-web/helpers/formatClassString.ts'\nimport { VisuallyHidden } from '../../foundations/a11y/visually-hidden';\n\nexport interface VideoCaptionProps {\n /** Ex: \"Detta \u00E4r en bildtext\" */\n caption?: string;\n /** Ex: \"01:23\" */\n duration?: string;\n /** Ex: \"my-special-class another-class\" */\n classNames?: string;\n /** Ex: { target: \"_blank\", \"data-test\": \"lorem ipsum\" } */\n attributes?: object;\n /** Fixed pixel value is used for typography to prevent scaling based on html font-size */\n forcePx?: boolean;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)\n * - Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/video-caption/video-caption.scss'`\n */\nexport const VideoCaption = ({ caption, duration, classNames, attributes, forcePx }: VideoCaptionProps) => {\n const classes = formatClassString([\n 'ds-video-caption',\n forcePx && 'ds-force-px',\n classNames,\n ]);\n\n return (\n <figcaption className={classes} {...attributes}>\n {duration && (\n <>\n <span className=\"ds-video-caption__duration\" aria-hidden=\"true\">\n {duration}\n </span>\n <VisuallyHidden text={`Videon \u00E4r ${duration} l\u00E5ng.`} />\n </>\n )}\n {caption && (\n <span className=\"ds-video-caption__text\">\n {caption}\n </span>\n )}\n </figcaption>\n );\n};\n"],
5
+ "mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAqD;AACrF,SAAO,aAAa,OAAO,OAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AAC/C;;;ACGU;AADH,IAAM,iBAAiB,CAAC,EAAE,KAAK,MAA2B;AAC/D,SAAQ,oBAAC,UAAK,WAAU,mBAAkB,yBAAyB,EAAE,QAAQ,KAAK,GAAG;AACvF;;;AC2BQ,mBACE,OAAAA,MADF;AAVD,IAAM,eAAe,CAAC,EAAE,SAAS,UAAU,YAAY,YAAY,QAAQ,MAAyB;AACzG,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,qBAAC,gBAAW,WAAW,SAAU,GAAG,YACjC;AAAA,gBACC,iCACE;AAAA,sBAAAA,KAAC,UAAK,WAAU,8BAA6B,eAAY,QACtD,oBACH;AAAA,MACA,gBAAAA,KAAC,kBAAe,MAAM,gBAAa,QAAQ,aAAU;AAAA,OACvD;AAAA,IAED,WACC,gBAAAA,KAAC,UAAK,WAAU,0BACb,mBACH;AAAA,KAEJ;AAEJ;",
6
+ "names": ["jsx"]
7
+ }
package/preact/foundations/a11y/visually-hidden.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export interface VisuallyHiddenProps {
2
+ text: string;
3
+ }
4
+ export declare const VisuallyHidden: ({ text }: VisuallyHiddenProps) => import("preact").JSX.Element;