@ukic/canary-web-components 2.0.0-canary.25 → 2.0.0-canary.26
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +6 -0
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/components/ic-accordion.js +1 -1
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-toast-region.js +6 -0
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-13993bf3.entry.js → p-01bc462e.entry.js} +2 -2
- package/dist/core/p-01bc462e.entry.js.map +1 -0
- package/dist/core/p-f5fbfbc9.entry.js +2 -0
- package/dist/core/p-f5fbfbc9.entry.js.map +1 -0
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +6 -0
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/hydrate/index.js +7 -1
- package/package.json +6 -6
- package/dist/collection/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.js +0 -146
- package/dist/collection/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.e2e.js +0 -2040
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.e2e.js.map +0 -1
- package/dist/core/p-13993bf3.entry.js.map +0 -1
- package/dist/core/p-9777ebb1.entry.js +0 -2
- package/dist/core/p-9777ebb1.entry.js.map +0 -1
- package/dist/types/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.d.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ic-toast-region.entry.js","mappings":";;MACa,WAAW;IACpB;;QACI,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK;YACnB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;YACvI,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAE;gBAClE,KAAK,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,CAAC,CAAC;aACpE;YACD,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;gBACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1C,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;KAC9B;IACD,qBAAqB,CAAC,QAAQ;QAC1B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;KACJ;IACD,oBAAoB;QAChB,IAAI,EAAE,CAAC;QACP,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;iBACpB,UAAU,EAAE;iBACZ,IAAI,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,CAAC,CAAC;YACnD,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;SAClC;aACI;YACD,IAAI,IAAI,CAAC,iBAAiB,IAAI,UAAU,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAChE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC;aACrC;;gBAEG,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;SACrF;KACJ;;;;;IAKD,MAAM,UAAU,CAAC,KAAK;QAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;KACzB;IACD,MAAM;QACF,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KAC1B;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-toast-region/ic-toast-region.js"],"sourcesContent":["import { h, } from \"@stencil/core\";\nexport class ToastRegion {\n constructor() {\n this.pendingVisibility = [];\n this.showToast = (toast) => {\n const visibleToasts = Array.from(document.querySelectorAll(\"ic-toast\")).filter((el) => window.getComputedStyle(el).display !== \"none\");\n if (visibleToasts.indexOf(toast) === -1 && visibleToasts.length <= 0) {\n toast.setVisible().then((res) => (this.previouslyFocused = res));\n }\n if (visibleToasts.length > 0)\n this.pendingVisibility.push(toast);\n };\n this.openToast = undefined;\n }\n watchOpenToastHandler(newValue) {\n if (this.openToast !== undefined) {\n this.showToast(newValue);\n this.openToast = undefined;\n }\n }\n handleDismissedToast() {\n var _a;\n if (this.pendingVisibility.length > 0) {\n this.pendingVisibility[0]\n .setVisible()\n .then((res) => (this.previouslyFocused = res));\n this.pendingVisibility.shift();\n }\n else {\n if (this.previouslyFocused && \"setFocus\" in this.previouslyFocused) {\n this.previouslyFocused.setFocus();\n }\n else\n (_a = this.previouslyFocused) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n /**\n * @deprecated Use openToast prop to display toast instead.\n * @param {HTMLIcToastElement} toast The toast component to display\n */\n async setVisible(toast) {\n this.showToast(toast);\n }\n render() {\n return h(\"slot\", null);\n }\n static get is() { return \"ic-toast-region\"; }\n static get properties() {\n return {\n \"openToast\": {\n \"type\": \"unknown\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"HTMLIcToastElement\",\n \"resolved\": \"HTMLIcToastElement\",\n \"references\": {\n \"HTMLIcToastElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcToastElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The toast element to be displayed.\"\n }\n }\n };\n }\n static get methods() {\n return {\n \"setVisible\": {\n \"complexType\": {\n \"signature\": \"(toast: HTMLIcToastElement) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"toast\",\n \"type\": \"HTMLIcToastElement\",\n \"docs\": \"The toast component to display\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLIcToastElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcToastElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use openToast prop to display toast instead.\"\n }, {\n \"name\": \"param\",\n \"text\": \"toast The toast component to display\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"openToast\",\n \"methodName\": \"watchOpenToastHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icDismiss\",\n \"method\": \"handleDismissedToast\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-toast-region.js.map\n"],"version":3}
|
|
1
|
+
{"file":"ic-toast-region.entry.js","mappings":";;MACa,WAAW;IACpB;;QACI,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK;YACnB,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;YACvI,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAE;gBAClE,KAAK,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,CAAC,CAAC;aACpE;YACD,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;gBACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC1C,CAAC;QACF,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;KAC9B;IACD,qBAAqB,CAAC,QAAQ;QAC1B,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;YAC9B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;KACJ;IACD,gBAAgB;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;SAC9B;KACJ;IACD,oBAAoB;QAChB,IAAI,EAAE,CAAC;QACP,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;iBACpB,UAAU,EAAE;iBACZ,IAAI,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,CAAC,CAAC;YACnD,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;SAClC;aACI;YACD,IAAI,IAAI,CAAC,iBAAiB,IAAI,UAAU,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAChE,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC;aACrC;;gBAEG,CAAC,EAAE,GAAG,IAAI,CAAC,iBAAiB,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;SACrF;KACJ;;;;;IAKD,MAAM,UAAU,CAAC,KAAK;QAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;KACzB;IACD,MAAM;QACF,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;KAC1B;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-toast-region/ic-toast-region.js"],"sourcesContent":["import { h, } from \"@stencil/core\";\nexport class ToastRegion {\n constructor() {\n this.pendingVisibility = [];\n this.showToast = (toast) => {\n const visibleToasts = Array.from(document.querySelectorAll(\"ic-toast\")).filter((el) => window.getComputedStyle(el).display !== \"none\");\n if (visibleToasts.indexOf(toast) === -1 && visibleToasts.length <= 0) {\n toast.setVisible().then((res) => (this.previouslyFocused = res));\n }\n if (visibleToasts.length > 0)\n this.pendingVisibility.push(toast);\n };\n this.openToast = undefined;\n }\n watchOpenToastHandler(newValue) {\n if (this.openToast !== undefined) {\n this.showToast(newValue);\n this.openToast = undefined;\n }\n }\n componentDidLoad() {\n if (this.openToast) {\n this.showToast(this.openToast);\n this.openToast = undefined;\n }\n }\n handleDismissedToast() {\n var _a;\n if (this.pendingVisibility.length > 0) {\n this.pendingVisibility[0]\n .setVisible()\n .then((res) => (this.previouslyFocused = res));\n this.pendingVisibility.shift();\n }\n else {\n if (this.previouslyFocused && \"setFocus\" in this.previouslyFocused) {\n this.previouslyFocused.setFocus();\n }\n else\n (_a = this.previouslyFocused) === null || _a === void 0 ? void 0 : _a.focus();\n }\n }\n /**\n * @deprecated Use openToast prop to display toast instead.\n * @param {HTMLIcToastElement} toast The toast component to display\n */\n async setVisible(toast) {\n this.showToast(toast);\n }\n render() {\n return h(\"slot\", null);\n }\n static get is() { return \"ic-toast-region\"; }\n static get properties() {\n return {\n \"openToast\": {\n \"type\": \"unknown\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"HTMLIcToastElement\",\n \"resolved\": \"HTMLIcToastElement\",\n \"references\": {\n \"HTMLIcToastElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcToastElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The toast element to be displayed.\"\n }\n }\n };\n }\n static get methods() {\n return {\n \"setVisible\": {\n \"complexType\": {\n \"signature\": \"(toast: HTMLIcToastElement) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"toast\",\n \"type\": \"HTMLIcToastElement\",\n \"docs\": \"The toast component to display\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLIcToastElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcToastElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"Use openToast prop to display toast instead.\"\n }, {\n \"name\": \"param\",\n \"text\": \"toast The toast component to display\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"openToast\",\n \"methodName\": \"watchOpenToastHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icDismiss\",\n \"method\": \"handleDismissedToast\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-toast-region.js.map\n"],"version":3}
|
package/hydrate/index.js
CHANGED
|
@@ -8080,7 +8080,7 @@ var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org
|
|
|
8080
8080
|
</svg>
|
|
8081
8081
|
`;
|
|
8082
8082
|
|
|
8083
|
-
const icAccordionCss = "/*!@html*/html.sc-ic-accordion{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion{margin:0}/*!@main*/main.sc-ic-accordion{display:block}/*!@h1*/h1.sc-ic-accordion{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion,strong.sc-ic-accordion{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion,kbd.sc-ic-accordion,samp.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion,sup.sc-ic-accordion{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion{top:-0.5em}/*!@img*/img.sc-ic-accordion{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion,input.sc-ic-accordion,optgroup.sc-ic-accordion,select.sc-ic-accordion,textarea.sc-ic-accordion{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion,input.sc-ic-accordion{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion,select.sc-ic-accordion{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion,[type=\"button\"].sc-ic-accordion,[type=\"reset\"].sc-ic-accordion,[type=\"submit\"].sc-ic-accordion{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion::-moz-focus-inner,[type=\"button\"].sc-ic-accordion::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion:-moz-focusring,[type=\"button\"].sc-ic-accordion:-moz-focusring,[type=\"reset\"].sc-ic-accordion:-moz-focusring,[type=\"submit\"].sc-ic-accordion:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion,[type=\"radio\"].sc-ic-accordion{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion{display:block}/*!@summary*/summary.sc-ic-accordion{display:list-item}/*!@template*/template.sc-ic-accordion{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion,body.sc-ic-accordion,div.sc-ic-accordion,span.sc-ic-accordion,applet.sc-ic-accordion,object.sc-ic-accordion,iframe.sc-ic-accordion,h1.sc-ic-accordion,h2.sc-ic-accordion,h3.sc-ic-accordion,h4.sc-ic-accordion,h5.sc-ic-accordion,h6.sc-ic-accordion,p.sc-ic-accordion,blockquote.sc-ic-accordion,pre.sc-ic-accordion,a.sc-ic-accordion,abbr.sc-ic-accordion,acronym.sc-ic-accordion,address.sc-ic-accordion,big.sc-ic-accordion,cite.sc-ic-accordion,code.sc-ic-accordion,del.sc-ic-accordion,dfn.sc-ic-accordion,em.sc-ic-accordion,img.sc-ic-accordion,ins.sc-ic-accordion,kbd.sc-ic-accordion,q.sc-ic-accordion,s.sc-ic-accordion,samp.sc-ic-accordion,small.sc-ic-accordion,strike.sc-ic-accordion,strong.sc-ic-accordion,sub.sc-ic-accordion,sup.sc-ic-accordion,tt.sc-ic-accordion,var.sc-ic-accordion,b.sc-ic-accordion,u.sc-ic-accordion,i.sc-ic-accordion,center.sc-ic-accordion,dl.sc-ic-accordion,dt.sc-ic-accordion,dd.sc-ic-accordion,ol.sc-ic-accordion,ul.sc-ic-accordion,li.sc-ic-accordion,fieldset.sc-ic-accordion,form.sc-ic-accordion,label.sc-ic-accordion,legend.sc-ic-accordion,table.sc-ic-accordion,caption.sc-ic-accordion,tbody.sc-ic-accordion,tfoot.sc-ic-accordion,thead.sc-ic-accordion,tr.sc-ic-accordion,th.sc-ic-accordion,td.sc-ic-accordion,article.sc-ic-accordion,aside.sc-ic-accordion,canvas.sc-ic-accordion,details.sc-ic-accordion,embed.sc-ic-accordion,figure.sc-ic-accordion,figcaption.sc-ic-accordion,footer.sc-ic-accordion,header.sc-ic-accordion,hgroup.sc-ic-accordion,menu.sc-ic-accordion,nav.sc-ic-accordion,output.sc-ic-accordion,ruby.sc-ic-accordion,section.sc-ic-accordion,summary.sc-ic-accordion,time.sc-ic-accordion,mark.sc-ic-accordion,audio.sc-ic-accordion,video.sc-ic-accordion{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-accordion-h{display:block;border-bottom:var(--ic-border-default)}/*!@:host ic-typography,\n:host .expand-chevron*/.sc-ic-accordion-h ic-typography.sc-ic-accordion,.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-color-primary-text)}/*!@:host(.light) ic-typography,\n:host(.light) .expanded-content,\n:host(.light) .icon-container,\n:host(.light) .expand-chevron*/.light.sc-ic-accordion-h ic-typography.sc-ic-accordion,.light.sc-ic-accordion-h .expanded-content.sc-ic-accordion,.light.sc-ic-accordion-h .icon-container.sc-ic-accordion,.light.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-color-white-text)}/*!@:host(.disabled) ic-typography,\n:host(.disabled) .icon-container,\n:host(.disabled) .expand-chevron*/.disabled.sc-ic-accordion-h ic-typography.sc-ic-accordion,.disabled.sc-ic-accordion-h .icon-container.sc-ic-accordion,.disabled.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-architectural-500)}/*!@.section-button.small*/.section-button.small.sc-ic-accordion{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@.section-button.large*/.section-button.large.sc-ic-accordion{padding:var(--ic-space-sm) var(--ic-space-xs)}/*!@:host(:first-of-type)*/.sc-ic-accordion-h:first-of-type{border-top:var(--ic-border-default)}/*!@:focus*/.sc-ic-accordion:focus{outline:none}/*!@.section-button*/.section-button.sc-ic-accordion{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}/*!@.section-header*/.section-header.sc-ic-accordion{text-align:left;flex:1 0}/*!@button:hover:enabled*/button.sc-ic-accordion:hover:enabled{background-color:var(--ic-action-dark-bg-hover);cursor:pointer}/*!@button:active*/button.sc-ic-accordion:active{background-color:var(--ic-action-dark-bg-active)}/*!@button:focus*/button.sc-ic-accordion:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}/*!@button:disabled*/button.sc-ic-accordion:disabled{pointer-events:none}/*!@.icon-container*/.icon-container.sc-ic-accordion{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@::slotted(svg)*/.sc-ic-accordion-s>svg{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@.expand-chevron*/.expand-chevron.sc-ic-accordion{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}/*!@.content-expanded-chevron*/.content-expanded-chevron.sc-ic-accordion{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-accordion{height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}/*!@.expanded-content-inner*/.expanded-content-inner.sc-ic-accordion{padding:var(--ic-space-xs)}/*!@.expanded-content-opened*/.expanded-content-opened.sc-ic-accordion{overflow:visible}";
|
|
8083
|
+
const icAccordionCss = "/*!@html*/html.sc-ic-accordion{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion{margin:0}/*!@main*/main.sc-ic-accordion{display:block}/*!@h1*/h1.sc-ic-accordion{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion,strong.sc-ic-accordion{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion,kbd.sc-ic-accordion,samp.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion,sup.sc-ic-accordion{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion{top:-0.5em}/*!@img*/img.sc-ic-accordion{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion,input.sc-ic-accordion,optgroup.sc-ic-accordion,select.sc-ic-accordion,textarea.sc-ic-accordion{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion,input.sc-ic-accordion{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion,select.sc-ic-accordion{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion,[type=\"button\"].sc-ic-accordion,[type=\"reset\"].sc-ic-accordion,[type=\"submit\"].sc-ic-accordion{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion::-moz-focus-inner,[type=\"button\"].sc-ic-accordion::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion:-moz-focusring,[type=\"button\"].sc-ic-accordion:-moz-focusring,[type=\"reset\"].sc-ic-accordion:-moz-focusring,[type=\"submit\"].sc-ic-accordion:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion,[type=\"radio\"].sc-ic-accordion{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion{display:block}/*!@summary*/summary.sc-ic-accordion{display:list-item}/*!@template*/template.sc-ic-accordion{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion,body.sc-ic-accordion,div.sc-ic-accordion,span.sc-ic-accordion,applet.sc-ic-accordion,object.sc-ic-accordion,iframe.sc-ic-accordion,h1.sc-ic-accordion,h2.sc-ic-accordion,h3.sc-ic-accordion,h4.sc-ic-accordion,h5.sc-ic-accordion,h6.sc-ic-accordion,p.sc-ic-accordion,blockquote.sc-ic-accordion,pre.sc-ic-accordion,a.sc-ic-accordion,abbr.sc-ic-accordion,acronym.sc-ic-accordion,address.sc-ic-accordion,big.sc-ic-accordion,cite.sc-ic-accordion,code.sc-ic-accordion,del.sc-ic-accordion,dfn.sc-ic-accordion,em.sc-ic-accordion,img.sc-ic-accordion,ins.sc-ic-accordion,kbd.sc-ic-accordion,q.sc-ic-accordion,s.sc-ic-accordion,samp.sc-ic-accordion,small.sc-ic-accordion,strike.sc-ic-accordion,strong.sc-ic-accordion,sub.sc-ic-accordion,sup.sc-ic-accordion,tt.sc-ic-accordion,var.sc-ic-accordion,b.sc-ic-accordion,u.sc-ic-accordion,i.sc-ic-accordion,center.sc-ic-accordion,dl.sc-ic-accordion,dt.sc-ic-accordion,dd.sc-ic-accordion,ol.sc-ic-accordion,ul.sc-ic-accordion,li.sc-ic-accordion,fieldset.sc-ic-accordion,form.sc-ic-accordion,label.sc-ic-accordion,legend.sc-ic-accordion,table.sc-ic-accordion,caption.sc-ic-accordion,tbody.sc-ic-accordion,tfoot.sc-ic-accordion,thead.sc-ic-accordion,tr.sc-ic-accordion,th.sc-ic-accordion,td.sc-ic-accordion,article.sc-ic-accordion,aside.sc-ic-accordion,canvas.sc-ic-accordion,details.sc-ic-accordion,embed.sc-ic-accordion,figure.sc-ic-accordion,figcaption.sc-ic-accordion,footer.sc-ic-accordion,header.sc-ic-accordion,hgroup.sc-ic-accordion,menu.sc-ic-accordion,nav.sc-ic-accordion,output.sc-ic-accordion,ruby.sc-ic-accordion,section.sc-ic-accordion,summary.sc-ic-accordion,time.sc-ic-accordion,mark.sc-ic-accordion,audio.sc-ic-accordion,video.sc-ic-accordion{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-accordion-h{display:block;border-bottom:var(--ic-border-default)}/*!@:host ic-typography,\n:host .expand-chevron*/.sc-ic-accordion-h ic-typography.sc-ic-accordion,.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-color-primary-text)}/*!@:host(.light) ic-typography,\n:host(.light) .expanded-content,\n:host(.light) .icon-container,\n:host(.light) .expand-chevron*/.light.sc-ic-accordion-h ic-typography.sc-ic-accordion,.light.sc-ic-accordion-h .expanded-content.sc-ic-accordion,.light.sc-ic-accordion-h .icon-container.sc-ic-accordion,.light.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-color-white-text)}/*!@:host(.disabled) ic-typography,\n:host(.disabled) .icon-container,\n:host(.disabled) .expand-chevron*/.disabled.sc-ic-accordion-h ic-typography.sc-ic-accordion,.disabled.sc-ic-accordion-h .icon-container.sc-ic-accordion,.disabled.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-architectural-500)}/*!@.section-button.small*/.section-button.small.sc-ic-accordion{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@.section-button.large*/.section-button.large.sc-ic-accordion{padding:var(--ic-space-sm) var(--ic-space-xs)}/*!@:host(:first-of-type)*/.sc-ic-accordion-h:first-of-type{border-top:var(--ic-border-default)}/*!@:focus*/.sc-ic-accordion:focus{outline:none}/*!@.section-button*/.section-button.sc-ic-accordion{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}/*!@.section-header*/.section-header.sc-ic-accordion{text-align:left;flex:1 0}/*!@button:hover:enabled*/button.sc-ic-accordion:hover:enabled{background-color:var(--ic-action-dark-bg-hover);cursor:pointer}/*!@button:active*/button.sc-ic-accordion:active{background-color:var(--ic-action-dark-bg-active)}/*!@button:focus*/button.sc-ic-accordion:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}/*!@button:disabled*/button.sc-ic-accordion:disabled{pointer-events:none}/*!@.icon-container*/.icon-container.sc-ic-accordion{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@::slotted(svg)*/.sc-ic-accordion-s>svg{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@.expand-chevron*/.expand-chevron.sc-ic-accordion{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}/*!@.content-expanded-chevron*/.content-expanded-chevron.sc-ic-accordion{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-accordion{height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}/*!@.expanded-content-inner*/.expanded-content-inner.sc-ic-accordion{padding:var(--ic-space-xs)}/*!@.expanded-content-opened*/.expanded-content-opened.sc-ic-accordion{overflow:visible}@media (forced-colors: active){/*!@button:focus*/button.sc-ic-accordion:focus{border:var(--ic-hc-border) !important}}";
|
|
8084
8084
|
|
|
8085
8085
|
let accordionIds = 0;
|
|
8086
8086
|
/**
|
|
@@ -27622,6 +27622,12 @@ class ToastRegion {
|
|
|
27622
27622
|
this.openToast = undefined;
|
|
27623
27623
|
}
|
|
27624
27624
|
}
|
|
27625
|
+
componentDidLoad() {
|
|
27626
|
+
if (this.openToast) {
|
|
27627
|
+
this.showToast(this.openToast);
|
|
27628
|
+
this.openToast = undefined;
|
|
27629
|
+
}
|
|
27630
|
+
}
|
|
27625
27631
|
handleDismissedToast() {
|
|
27626
27632
|
var _a;
|
|
27627
27633
|
if (this.pendingVisibility.length > 0) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukic/canary-web-components",
|
|
3
|
-
"version": "2.0.0-canary.
|
|
3
|
+
"version": "2.0.0-canary.26",
|
|
4
4
|
"description": "A web component UI library compiled with StencilJS",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
"lint:fix": "echo '*** Linting CSS ***' && stylelint --config ../../.stylelintrc.json src/**/*.css --fix && echo '*** Linting standard files ***' && eslint --config ../../.eslintrc.js src --fix",
|
|
33
33
|
"start": "npx http-server storybook-static -s",
|
|
34
34
|
"kill": "kill-port 8080 --graceful",
|
|
35
|
-
"loki-tests": "loki --requireReference --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
|
|
36
|
-
"loki-tests:ci:canary": "loki --requireReference --port 8080 --chromeFlags=\"--no-sandbox --headless --hide-scrollbars --disable-gpu\" --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
|
|
37
|
-
"loki-tests:update": "loki update --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 && npm run kill",
|
|
35
|
+
"loki-tests": "loki --requireReference --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
|
|
36
|
+
"loki-tests:ci:canary": "loki --requireReference --port 8080 --chromeFlags=\"--no-sandbox --headless --hide-scrollbars --disable-gpu\" --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
|
|
37
|
+
"loki-tests:update": "loki update --port 8080 --chromeTolerance=1 --chromeRetries=1 --chromeConcurrency=1 --passWithNoStories && npm run kill",
|
|
38
38
|
"test-visual": "npm-run-all --parallel start loki-tests",
|
|
39
39
|
"test-visual:ci:canary": "npm-run-all --parallel start loki-tests:ci:canary",
|
|
40
40
|
"test-visual:update": "npm run build-storybook && npm-run-all --parallel start loki-tests:update",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@popperjs/core": "^2.11.2",
|
|
45
45
|
"@stencil/core": "^4.9.0",
|
|
46
|
-
"@ukic/web-components": "^2.
|
|
46
|
+
"@ukic/web-components": "^2.29.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@ukic/fonts": "^2.3.0"
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"webpack": "^5.76.0"
|
|
90
90
|
},
|
|
91
91
|
"license": "MIT",
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "eac36044d122bbfe72142a35877135ebff6dce5e"
|
|
93
93
|
}
|
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
import { fixture } from "@open-wc/testing-helpers";
|
|
2
|
-
import { axe } from "jest-axe";
|
|
3
|
-
import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
|
|
4
|
-
describe("ic-select", () => {
|
|
5
|
-
it("passes accessibility (single)", async () => {
|
|
6
|
-
const el = await fixture(`<ic-select
|
|
7
|
-
label="Select component"
|
|
8
|
-
helper-text="Helper text"
|
|
9
|
-
required
|
|
10
|
-
validation-status="error"
|
|
11
|
-
validation-text="Validation text"
|
|
12
|
-
></ic-select>
|
|
13
|
-
<script>
|
|
14
|
-
var select = document.querySelector("ic-select");
|
|
15
|
-
var option = "Value 1";
|
|
16
|
-
select.options = [
|
|
17
|
-
{
|
|
18
|
-
label: "Label 1",
|
|
19
|
-
value: "Value 1",
|
|
20
|
-
description: "Description 1",
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
label: "Label 2",
|
|
24
|
-
value: "Value 2",
|
|
25
|
-
description: "Description 2",
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
label: "Label 3",
|
|
29
|
-
children: [
|
|
30
|
-
{
|
|
31
|
-
label: "Label 4",
|
|
32
|
-
value: "Value 4",
|
|
33
|
-
description: "Description 4",
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
label: "Label 5",
|
|
37
|
-
value: "Value 5",
|
|
38
|
-
description: "Description 5",
|
|
39
|
-
},
|
|
40
|
-
],
|
|
41
|
-
},
|
|
42
|
-
];
|
|
43
|
-
select.addEventListener("icChange", function (event) {
|
|
44
|
-
option = event.detail.value;
|
|
45
|
-
select.value = option;
|
|
46
|
-
});
|
|
47
|
-
</script>`);
|
|
48
|
-
checkShadowElementRendersCorrectly(el);
|
|
49
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
50
|
-
});
|
|
51
|
-
it("passes accessibility (multi)", async () => {
|
|
52
|
-
const el = await fixture(`<ic-select
|
|
53
|
-
label="Select component"
|
|
54
|
-
helper-text="Helper text"
|
|
55
|
-
required
|
|
56
|
-
multiple
|
|
57
|
-
validation-status="error"
|
|
58
|
-
validation-text="Validation text"
|
|
59
|
-
></ic-select>
|
|
60
|
-
<script>
|
|
61
|
-
var select = document.querySelector("ic-select");
|
|
62
|
-
var option = "Value 1";
|
|
63
|
-
select.options = [
|
|
64
|
-
{
|
|
65
|
-
label: "Label 1",
|
|
66
|
-
value: "Value 1",
|
|
67
|
-
description: "Description 1",
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
label: "Label 2",
|
|
71
|
-
value: "Value 2",
|
|
72
|
-
description: "Description 2",
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
label: "Label 3",
|
|
76
|
-
children: [
|
|
77
|
-
{
|
|
78
|
-
label: "Label 4",
|
|
79
|
-
value: "Value 4",
|
|
80
|
-
description: "Description 4",
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
label: "Label 5",
|
|
84
|
-
value: "Value 5",
|
|
85
|
-
description: "Description 5",
|
|
86
|
-
},
|
|
87
|
-
],
|
|
88
|
-
},
|
|
89
|
-
];
|
|
90
|
-
select.addEventListener("icChange", function (event) {
|
|
91
|
-
option = event.detail.value;
|
|
92
|
-
select.value = option;
|
|
93
|
-
});
|
|
94
|
-
</script>`);
|
|
95
|
-
checkShadowElementRendersCorrectly(el);
|
|
96
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
97
|
-
});
|
|
98
|
-
it("passes accessibility (searchable)", async () => {
|
|
99
|
-
const el = await fixture(`<ic-select
|
|
100
|
-
label="Select component"
|
|
101
|
-
helper-text="Helper text"
|
|
102
|
-
required
|
|
103
|
-
searchable
|
|
104
|
-
validation-status="error"
|
|
105
|
-
validation-text="Validation text"
|
|
106
|
-
></ic-select>
|
|
107
|
-
<script>
|
|
108
|
-
var select = document.querySelector("ic-select");
|
|
109
|
-
var option = "Value 1";
|
|
110
|
-
select.options = [
|
|
111
|
-
{
|
|
112
|
-
label: "Label 1",
|
|
113
|
-
value: "Value 1",
|
|
114
|
-
description: "Description 1",
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
label: "Label 2",
|
|
118
|
-
value: "Value 2",
|
|
119
|
-
description: "Description 2",
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
label: "Label 3",
|
|
123
|
-
children: [
|
|
124
|
-
{
|
|
125
|
-
label: "Label 4",
|
|
126
|
-
value: "Value 4",
|
|
127
|
-
description: "Description 4",
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
label: "Label 5",
|
|
131
|
-
value: "Value 5",
|
|
132
|
-
description: "Description 5",
|
|
133
|
-
},
|
|
134
|
-
],
|
|
135
|
-
},
|
|
136
|
-
];
|
|
137
|
-
select.addEventListener("icChange", function (event) {
|
|
138
|
-
option = event.detail.value;
|
|
139
|
-
select.value = option;
|
|
140
|
-
});
|
|
141
|
-
</script>`);
|
|
142
|
-
checkShadowElementRendersCorrectly(el);
|
|
143
|
-
expect(await axe(el)).toHaveNoViolations();
|
|
144
|
-
});
|
|
145
|
-
});
|
|
146
|
-
//# sourceMappingURL=ic-select.test.a11y.js.map
|
package/dist/collection/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ic-select.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-select-with-multi/test/a11y/ic-select.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyCb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0Cb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0Cb,CAAC,CAAC;QACd,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-select\", () => {\n it(\"passes accessibility (single)\", async () => {\n const el = await fixture(`<ic-select\n label=\"Select component\"\n helper-text=\"Helper text\"\n required\n validation-status=\"error\"\n validation-text=\"Validation text\"\n ></ic-select>\n <script>\n var select = document.querySelector(\"ic-select\");\n var option = \"Value 1\";\n select.options = [\n {\n label: \"Label 1\",\n value: \"Value 1\",\n description: \"Description 1\",\n },\n {\n label: \"Label 2\",\n value: \"Value 2\",\n description: \"Description 2\",\n },\n {\n label: \"Label 3\",\n children: [\n {\n label: \"Label 4\",\n value: \"Value 4\",\n description: \"Description 4\",\n },\n {\n label: \"Label 5\",\n value: \"Value 5\",\n description: \"Description 5\",\n },\n ],\n },\n ];\n select.addEventListener(\"icChange\", function (event) {\n option = event.detail.value;\n select.value = option;\n });\n </script>`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n\n it(\"passes accessibility (multi)\", async () => {\n const el = await fixture(`<ic-select\n label=\"Select component\"\n helper-text=\"Helper text\"\n required\n multiple\n validation-status=\"error\"\n validation-text=\"Validation text\"\n ></ic-select>\n <script>\n var select = document.querySelector(\"ic-select\");\n var option = \"Value 1\";\n select.options = [\n {\n label: \"Label 1\",\n value: \"Value 1\",\n description: \"Description 1\",\n },\n {\n label: \"Label 2\",\n value: \"Value 2\",\n description: \"Description 2\",\n },\n {\n label: \"Label 3\",\n children: [\n {\n label: \"Label 4\",\n value: \"Value 4\",\n description: \"Description 4\",\n },\n {\n label: \"Label 5\",\n value: \"Value 5\",\n description: \"Description 5\",\n },\n ],\n },\n ];\n select.addEventListener(\"icChange\", function (event) {\n option = event.detail.value;\n select.value = option;\n });\n </script>`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n\n it(\"passes accessibility (searchable)\", async () => {\n const el = await fixture(`<ic-select\n label=\"Select component\"\n helper-text=\"Helper text\"\n required\n searchable\n validation-status=\"error\"\n validation-text=\"Validation text\"\n ></ic-select>\n <script>\n var select = document.querySelector(\"ic-select\");\n var option = \"Value 1\";\n select.options = [\n {\n label: \"Label 1\",\n value: \"Value 1\",\n description: \"Description 1\",\n },\n {\n label: \"Label 2\",\n value: \"Value 2\",\n description: \"Description 2\",\n },\n {\n label: \"Label 3\",\n children: [\n {\n label: \"Label 4\",\n value: \"Value 4\",\n description: \"Description 4\",\n },\n {\n label: \"Label 5\",\n value: \"Value 5\",\n description: \"Description 5\",\n },\n ],\n },\n ];\n select.addEventListener(\"icChange\", function (event) {\n option = event.detail.value;\n select.value = option;\n });\n </script>`);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
|