design-react-kit 5.4.1 → 5.5.1
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.
- package/CHANGELOG.md +29 -0
- package/dist/Autocomplete/Autocomplete.cjs +2 -0
- package/dist/Autocomplete/Autocomplete.cjs.map +1 -0
- package/dist/Autocomplete/Autocomplete.js +21 -0
- package/dist/Autocomplete/Autocomplete.js.map +1 -0
- package/dist/BackToTop/BackToTop.cjs +1 -1
- package/dist/BackToTop/BackToTop.cjs.map +1 -1
- package/dist/BackToTop/BackToTop.js +3 -4
- package/dist/BackToTop/BackToTop.js.map +1 -1
- package/dist/Collapse/Collapse.cjs +1 -1
- package/dist/Collapse/Collapse.cjs.map +1 -1
- package/dist/Collapse/Collapse.js +14 -9
- package/dist/Collapse/Collapse.js.map +1 -1
- package/dist/Dropdown/Dropdown.cjs +1 -1
- package/dist/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/Dropdown/Dropdown.js +3 -3
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/DropdownMenu.cjs +1 -1
- package/dist/Dropdown/DropdownMenu.cjs.map +1 -1
- package/dist/Dropdown/DropdownMenu.js +5 -6
- package/dist/Dropdown/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/DropdownToggle.cjs +1 -1
- package/dist/Dropdown/DropdownToggle.cjs.map +1 -1
- package/dist/Dropdown/DropdownToggle.js +1 -2
- package/dist/Dropdown/DropdownToggle.js.map +1 -1
- package/dist/Header/HeaderContent.cjs +1 -1
- package/dist/Header/HeaderContent.cjs.map +1 -1
- package/dist/Header/HeaderContent.js +1 -1
- package/dist/Header/HeaderContent.js.map +1 -1
- package/dist/Header/HeaderToggler.cjs +1 -1
- package/dist/Header/HeaderToggler.cjs.map +1 -1
- package/dist/Header/HeaderToggler.js +3 -2
- package/dist/Header/HeaderToggler.js.map +1 -1
- package/dist/Megamenu/MegamenuItem.cjs +1 -1
- package/dist/Megamenu/MegamenuItem.cjs.map +1 -1
- package/dist/Megamenu/MegamenuItem.js +4 -2
- package/dist/Megamenu/MegamenuItem.js.map +1 -1
- package/dist/NavScroll/index.cjs +1 -1
- package/dist/NavScroll/index.cjs.map +1 -1
- package/dist/NavScroll/types.cjs +1 -1
- package/dist/NavScroll/types.cjs.map +1 -1
- package/dist/NavScroll/useNavScroll.cjs +1 -1
- package/dist/NavScroll/useNavScroll.cjs.map +1 -1
- package/dist/NavScroll/useNavScroll.js +84 -28
- package/dist/NavScroll/useNavScroll.js.map +1 -1
- package/dist/Rating/Rating.cjs +1 -1
- package/dist/Rating/Rating.cjs.map +1 -1
- package/dist/Rating/Rating.js +1 -1
- package/dist/Rating/Rating.js.map +1 -1
- package/dist/Skiplink/Skiplink.cjs +1 -1
- package/dist/Skiplink/Skiplink.cjs.map +1 -1
- package/dist/Skiplink/Skiplink.js +9 -3
- package/dist/Skiplink/Skiplink.js.map +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs +1 -1
- package/dist/Skiplink/SkiplinkItem.cjs.map +1 -1
- package/dist/Skiplink/SkiplinkItem.js +8 -2
- package/dist/Skiplink/SkiplinkItem.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/track-focus.cjs +2 -0
- package/dist/track-focus.cjs.map +1 -0
- package/dist/track-focus.js +2 -0
- package/dist/track-focus.js.map +1 -0
- package/dist/types/Autocomplete/Autocomplete.d.ts +32 -0
- package/dist/types/BackToTop/BackToTop.d.ts +10 -6
- package/dist/types/Collapse/Collapse.d.ts +2 -0
- package/dist/types/Dropdown/Dropdown.d.ts +3 -2
- package/dist/types/Dropdown/DropdownMenu.d.ts +1 -0
- package/dist/types/Header/HeaderToggler.d.ts +2 -1
- package/dist/types/NavScroll/types.d.ts +4 -0
- package/dist/types/Skiplink/Skiplink.d.ts +3 -0
- package/dist/types/Skiplink/SkiplinkItem.d.ts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +25 -16
- package/src/Autocomplete/Autocomplete.tsx +80 -0
- package/src/BackToTop/BackToTop.tsx +14 -11
- package/src/Collapse/Collapse.tsx +20 -7
- package/src/Dropdown/Dropdown.tsx +9 -6
- package/src/Dropdown/DropdownMenu.tsx +7 -6
- package/src/Dropdown/DropdownToggle.tsx +1 -2
- package/src/Header/HeaderContent.tsx +1 -1
- package/src/Header/HeaderToggler.tsx +4 -2
- package/src/Megamenu/MegamenuItem.tsx +4 -2
- package/src/NavScroll/types.ts +4 -0
- package/src/NavScroll/useNavScroll.ts +102 -34
- package/src/Rating/Rating.tsx +1 -1
- package/src/Skiplink/Skiplink.tsx +16 -3
- package/src/Skiplink/SkiplinkItem.tsx +12 -1
- package/src/index.ts +3 -0
- package/src/track-focus.js +49 -0
package/dist/Rating/Rating.js
CHANGED
|
@@ -38,7 +38,7 @@ export const Rating = ({ className, inputs, legend, name, readOnly, value, wrapp
|
|
|
38
38
|
return (React.createElement(Fragment, { key: id },
|
|
39
39
|
React.createElement(Input, { type: 'radio', id: id, name: name, value: String(currentValue), cssModule: { 'form-control': '' }, className: fieldClasses, onChange: () => onChange(currentValue, name), checked: value === currentValue, disabled: readOnly, ...extraFieldAttrs }),
|
|
40
40
|
React.createElement(Label, { className: 'full', for: id },
|
|
41
|
-
React.createElement(Icon, { icon: 'it-star-full', size: 'sm' }),
|
|
41
|
+
React.createElement(Icon, { icon: 'it-star-full', size: 'sm', "aria-hidden": 'true' }),
|
|
42
42
|
React.createElement("span", { className: 'visually-hidden' }, labelFn(currentValue)))));
|
|
43
43
|
})));
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var d=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var N=(e,s)=>{for(var t in s)i(e,t,{get:s[t],enumerable:!0})},m=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of u(s))!b.call(e,a)&&a!==t&&i(e,a,{get:()=>s[a],enumerable:!(l=g(s,a))||l.enumerable});return e};var k=(e,s,t)=>(t=e!=null?d(f(e)):{},m(s||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),x=e=>m(i({},"__esModule",{value:!0}),e);var H={};N(H,{Skiplink:()=>E});module.exports=x(H);var n=k(require("react"),1),c=k(require("classnames"),1),E=({ariaLabel:e=null,className:s,tag:t="div",nav:l=!1,testId:a,children:T,...r})=>{let o=l?"nav":t,p=(0,c.default)(s,"skiplinks");return l?n.default.createElement(o,{"aria-label":e,className:p,...r,"data-testid":a},n.default.createElement("ul",null,T)):n.default.createElement(o,{"aria-label":e,className:p,...r,"data-testid":a})};0&&(module.exports={Skiplink});
|
|
2
2
|
//# sourceMappingURL=Skiplink.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Skiplink/Skiplink.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkProps extends HTMLAttributes<HTMLElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n testId?: string;\n}\n\nexport const Skiplink: FC<SkiplinkProps> = ({ className, tag = 'div', testId, ...attributes }) => {\n const Tag = tag;\n const classes = classNames(className, 'skiplinks');\n\n return <Tag className={classes} {...attributes} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,
|
|
1
|
+
{"version":3,"sources":["../../src/Skiplink/Skiplink.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkProps extends HTMLAttributes<HTMLElement> {\n ariaLabel?: string;\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Utilizzare il componente in modalità `nav` */\n nav?: boolean;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n testId?: string;\n}\n\nexport const Skiplink: FC<SkiplinkProps> = ({ ariaLabel=null, className, tag = 'div', nav=false, testId, children, ...attributes }) => {\n const Tag = nav ? 'nav' : tag;\n const classes = classNames(className, 'skiplinks');\n if (nav) {\n return (\n <Tag aria-label={ariaLabel} className={classes} {...attributes} data-testid={testId} >\n <ul>\n {children}\n </ul>\n </Tag>\n )\n\n } else {\n return <Tag aria-label={ariaLabel} className={classes} {...attributes} data-testid={testId} />;\n }\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAaVH,EAA8B,CAAC,CAAE,UAAAI,EAAU,KAAM,UAAAC,EAAW,IAAAC,EAAM,MAAO,IAAAC,EAAI,GAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAW,IAAM,CACrI,IAAMC,EAAMJ,EAAM,MAAQD,EACpBM,KAAU,EAAAC,SAAWR,EAAW,WAAW,EACjD,OAAIE,EAEA,EAAAO,QAAA,cAACH,EAAA,CAAI,aAAYP,EAAW,UAAWQ,EAAU,GAAGF,EAAY,cAAaF,GAC3E,EAAAM,QAAA,cAAC,UACEL,CACH,CACF,EAIK,EAAAK,QAAA,cAACH,EAAA,CAAI,aAAYP,EAAW,UAAWQ,EAAU,GAAGF,EAAY,cAAaF,EAAQ,CAEhG","names":["Skiplink_exports","__export","Skiplink","__toCommonJS","import_react","import_classnames","ariaLabel","className","tag","nav","testId","children","attributes","Tag","classes","classNames","React"]}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
export const Skiplink = ({ className, tag = 'div', testId, ...attributes }) => {
|
|
4
|
-
const Tag = tag;
|
|
3
|
+
export const Skiplink = ({ ariaLabel = null, className, tag = 'div', nav = false, testId, children, ...attributes }) => {
|
|
4
|
+
const Tag = nav ? 'nav' : tag;
|
|
5
5
|
const classes = classNames(className, 'skiplinks');
|
|
6
|
-
|
|
6
|
+
if (nav) {
|
|
7
|
+
return (React.createElement(Tag, { "aria-label": ariaLabel, className: classes, ...attributes, "data-testid": testId },
|
|
8
|
+
React.createElement("ul", null, children)));
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
return React.createElement(Tag, { "aria-label": ariaLabel, className: classes, ...attributes, "data-testid": testId });
|
|
12
|
+
}
|
|
7
13
|
};
|
|
8
14
|
//# sourceMappingURL=Skiplink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skiplink.js","sourceRoot":"","sources":["../../src/Skiplink/Skiplink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Skiplink.js","sourceRoot":"","sources":["../../src/Skiplink/Skiplink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,SAAS,GAAC,IAAI,EAAE,SAAS,EAAE,GAAG,GAAG,KAAK,EAAE,GAAG,GAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,EAAE;IACpI,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACnD,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,oBAAC,GAAG,kBAAa,SAAS,EAAE,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM;YACjF,gCACG,QAAQ,CACN,CACD,CACP,CAAA;IAEH,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,GAAG,kBAAa,SAAS,EAAE,SAAS,EAAE,OAAO,KAAM,UAAU,iBAAe,MAAM,GAAI,CAAC;IACjG,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var k=Object.create;var o=Object.defineProperty;var
|
|
1
|
+
"use strict";var k=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var b=(e,s)=>{for(var t in s)o(e,t,{get:s[t],enumerable:!0})},p=(e,s,t,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of T(s))!A.call(e,n)&&n!==t&&o(e,n,{get:()=>s[n],enumerable:!(l=u(s,n))||l.enumerable});return e};var f=(e,s,t)=>(t=e!=null?k(h(e)):{},p(s||!e||!e.__esModule?o(t,"default",{value:e,enumerable:!0}):t,e)),g=e=>p(o({},"__esModule",{value:!0}),e);var H={};b(H,{SkiplinkItem:()=>x});module.exports=g(H);var r=f(require("react"),1),d=f(require("classnames"),1),x=({className:e,tag:s="a",focusable:t=!0,navItem:l=!1,testId:n,...a})=>{let i=s,m=(0,d.default)(e,{"visually-hidden-focusable":t}),c=a.onClick?{href:"#"}:{};return l?r.default.createElement("li",{className:m},r.default.createElement(i,{...a,...c,"data-testid":n})):r.default.createElement(i,{className:m,...a,...c,"data-testid":n})};0&&(module.exports={SkiplinkItem});
|
|
2
2
|
//# sourceMappingURL=SkiplinkItem.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Skiplink/SkiplinkItem.tsx"],"sourcesContent":["import React, { FC, ElementType, AnchorHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n /** Abilitare questo attributo per renderizzare lo SkipLinkItem al focus */\n focusable?: boolean;\n testId?: string;\n}\n\nexport const SkiplinkItem: FC<SkiplinkItemProps> = ({\n className,\n tag = 'a',\n focusable = true,\n testId,\n ...attributes\n}) => {\n const Tag = tag;\n const classes = classNames(className, {\n 'visually-hidden-focusable': focusable\n });\n\n // Add an extra href for focusable if the user passes an onClick rather than href prop\n const extraHref = attributes.onClick ? { href: '#' } : {};\n\n return <Tag className={classes} {...attributes} {...extraHref} data-testid={testId} />;\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6D,sBAC7DC,EAAuB,
|
|
1
|
+
{"version":3,"sources":["../../src/Skiplink/SkiplinkItem.tsx"],"sourcesContent":["import React, { FC, ElementType, AnchorHTMLAttributes } from 'react';\nimport classNames from 'classnames';\n\nexport interface SkiplinkItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Utilizzare il componente come elemento di uno Skiplink in modalità `nav` */\n navItem?: boolean;\n /** Classi aggiuntive da usare per il componente Skiplink */\n className?: string;\n /** Abilitare questo attributo per renderizzare lo SkipLinkItem al focus */\n focusable?: boolean;\n testId?: string;\n}\n\nexport const SkiplinkItem: FC<SkiplinkItemProps> = ({\n className,\n tag = 'a',\n focusable = true,\n navItem = false,\n testId,\n ...attributes\n}) => {\n const Tag = tag;\n const classes = classNames(className, {\n 'visually-hidden-focusable': focusable\n });\n\n // Add an extra href for focusable if the user passes an onClick rather than href prop\n const extraHref = attributes.onClick ? { href: '#' } : {};\n\n if (navItem) {\n return (\n <li className={classes} >\n <Tag {...attributes} {...extraHref} data-testid={testId} />\n </li>\n );\n } else {\n return <Tag className={classes} {...attributes} {...extraHref} data-testid={testId} />;\n }\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6D,sBAC7DC,EAAuB,2BAcVH,EAAsC,CAAC,CAClD,UAAAI,EACA,IAAAC,EAAM,IACN,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAML,EACNM,KAAU,EAAAC,SAAWR,EAAW,CACpC,4BAA6BE,CAC/B,CAAC,EAGKO,EAAYJ,EAAW,QAAU,CAAE,KAAM,GAAI,EAAI,CAAC,EAExD,OAAIF,EAEA,EAAAO,QAAA,cAAC,MAAG,UAAWH,GACb,EAAAG,QAAA,cAACJ,EAAA,CAAK,GAAGD,EAAa,GAAGI,EAAW,cAAaL,EAAQ,CAC3D,EAGK,EAAAM,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAAa,GAAGI,EAAW,cAAaL,EAAQ,CAExF","names":["SkiplinkItem_exports","__export","SkiplinkItem","__toCommonJS","import_react","import_classnames","className","tag","focusable","navItem","testId","attributes","Tag","classes","classNames","extraHref","React"]}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
export const SkiplinkItem = ({ className, tag = 'a', focusable = true, testId, ...attributes }) => {
|
|
3
|
+
export const SkiplinkItem = ({ className, tag = 'a', focusable = true, navItem = false, testId, ...attributes }) => {
|
|
4
4
|
const Tag = tag;
|
|
5
5
|
const classes = classNames(className, {
|
|
6
6
|
'visually-hidden-focusable': focusable
|
|
7
7
|
});
|
|
8
8
|
// Add an extra href for focusable if the user passes an onClick rather than href prop
|
|
9
9
|
const extraHref = attributes.onClick ? { href: '#' } : {};
|
|
10
|
-
|
|
10
|
+
if (navItem) {
|
|
11
|
+
return (React.createElement("li", { className: classes },
|
|
12
|
+
React.createElement(Tag, { ...attributes, ...extraHref, "data-testid": testId })));
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
return React.createElement(Tag, { className: classes, ...attributes, ...extraHref, "data-testid": testId });
|
|
16
|
+
}
|
|
11
17
|
};
|
|
12
18
|
//# sourceMappingURL=SkiplinkItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkiplinkItem.js","sourceRoot":"","sources":["../../src/Skiplink/SkiplinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SkiplinkItem.js","sourceRoot":"","sources":["../../src/Skiplink/SkiplinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AACrE,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,SAAS,EACT,GAAG,GAAG,GAAG,EACT,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,GAAG,CAAC;IAChB,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,2BAA2B,EAAE,SAAS;KACvC,CAAC,CAAC;IAEH,sFAAsF;IACtF,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE1D,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO;YACpB,oBAAC,GAAG,OAAK,UAAU,KAAM,SAAS,iBAAe,MAAM,GAAI,CACxD,CACN,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,KAAM,UAAU,KAAM,SAAS,iBAAe,MAAM,GAAI,CAAC;IACzF,CAAC;AACH,CAAC,CAAC"}
|