@spectrum-web-components/checkbox 0.13.3 → 0.13.6-devmode.0

package/stories/checkbox.stories.js

@@ -1,123 +1,112 @@
-/*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-import '../sp-checkbox.js';
-import '@spectrum-web-components/field-group/sp-field-group.js';
-import { html } from '@spectrum-web-components/base';
+import "@spectrum-web-components/checkbox/sp-checkbox.js";
+import "@spectrum-web-components/field-group/sp-field-group.js";
+import { html } from "@spectrum-web-components/base";
 export default {
-    component: 'sp-checkbox',
-    title: 'Checkbox',
+  component: "sp-checkbox",
+  title: "Checkbox"
 };
 export const Default = () => {
-    return html `
+  return html`
         <sp-checkbox>Checkbox</sp-checkbox>
     `;
 };
 export const readonly = () => {
-    return html `
+  return html`
         <sp-checkbox checked readonly>Checkbox</sp-checkbox>
     `;
 };
 export const Indeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const Checked = () => {
-    return html `
+  return html`
         <sp-checkbox checked>Checkbox</sp-checkbox>
     `;
 };
 export const emphasized = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedIndeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedChecked = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized checked>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedInvalid = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized invalid>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedInvalidIndeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized invalid indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedInvalidChecked = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized invalid checked>Checkbox</sp-checkbox>
     `;
 };
 export const Invalid = () => {
-    return html `
+  return html`
         <sp-checkbox invalid>Checkbox</sp-checkbox>
     `;
 };
 export const invalidIndeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox invalid indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const invalidChecked = () => {
-    return html `
+  return html`
         <sp-checkbox invalid checked>Checkbox</sp-checkbox>
     `;
 };
 export const Autofocus = () => {
-    return html `
+  return html`
         <sp-checkbox autofocus>Checkbox</sp-checkbox>
     `;
 };
 export const Disabled = () => {
-    return html `
+  return html`
         <sp-checkbox disabled>Checkbox</sp-checkbox>
     `;
 };
 export const disabledChecked = () => {
-    return html `
+  return html`
         <sp-checkbox disabled checked>Checkbox</sp-checkbox>
     `;
 };
 export const disabledIndeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox disabled indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedDisabled = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized disabled>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedDisabledIndeterminate = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized disabled indeterminate>Checkbox</sp-checkbox>
     `;
 };
 export const emphasizedDisabledChecked = () => {
-    return html `
+  return html`
         <sp-checkbox emphasized checked>Checkbox</sp-checkbox>
     `;
 };
 export const tabIndexExample = () => {
-    return html `
+  return html`
         <sp-field-group horizontal>
             <sp-checkbox tabindex="0">Checkbox 0</sp-checkbox>
             <sp-checkbox disabled tabindex="3">Checkbox 3</sp-checkbox>
@@ -128,7 +117,7 @@ export const tabIndexExample = () => {
     `;
 };
 export const verticalTabIndexExample = () => {
-    return html `
+  return html`
         <sp-field-group vertical>
             <sp-checkbox tabindex="0">Checkbox 0</sp-checkbox>
             <sp-checkbox disabled tabindex="3">Checkbox 3</sp-checkbox>
@@ -138,4 +127,4 @@ export const verticalTabIndexExample = () => {
         </sp-field-group>
     `;
 };
-//# sourceMappingURL=checkbox.stories.js.map
+//# sourceMappingURL=checkbox.stories.js.map

package/stories/checkbox.stories.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["checkbox.stories.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '../sp-checkbox.js';\nimport '@spectrum-web-components/field-group/sp-field-group.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nexport default {\n    component: 'sp-checkbox',\n    title: 'Checkbox',\n};\n\nexport const Default = (): TemplateResult => {\n    return html`\n        <sp-checkbox>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const readonly = (): TemplateResult => {\n    return html`\n        <sp-checkbox checked readonly>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Indeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Checked = (): TemplateResult => {\n    return html`\n        <sp-checkbox checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasized = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalid = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalidIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalidChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Invalid = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const invalidIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const invalidChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Autofocus = (): TemplateResult => {\n    return html`\n        <sp-checkbox autofocus>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Disabled = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const disabledChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const disabledIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabled = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized disabled>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabledIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized disabled indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabledChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const tabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-field-group horizontal>\n            <sp-checkbox tabindex=\"0\">Checkbox 0</sp-checkbox>\n            <sp-checkbox disabled tabindex=\"3\">Checkbox 3</sp-checkbox>\n            <sp-checkbox tabindex=\"4\">Checkbox 4</sp-checkbox>\n            <sp-checkbox tabindex=\"2\" autofocus>Checkbox 2</sp-checkbox>\n            <sp-checkbox tabindex=\"1\">Checkbox 1</sp-checkbox>\n        </sp-field-group>\n    `;\n};\n\nexport const verticalTabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-field-group vertical>\n            <sp-checkbox tabindex=\"0\">Checkbox 0</sp-checkbox>\n            <sp-checkbox disabled tabindex=\"3\">Checkbox 3</sp-checkbox>\n            <sp-checkbox tabindex=\"4\">Checkbox 4</sp-checkbox>\n            <sp-checkbox tabindex=\"2\" autofocus>Checkbox 2</sp-checkbox>\n            <sp-checkbox tabindex=\"1\">Checkbox 1</sp-checkbox>\n        </sp-field-group>\n    `;\n};\n"]}
+{
+  "version": 3,
+  "sources": ["checkbox.stories.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport '@spectrum-web-components/field-group/sp-field-group.js';\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nexport default {\n    component: 'sp-checkbox',\n    title: 'Checkbox',\n};\n\nexport const Default = (): TemplateResult => {\n    return html`\n        <sp-checkbox>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const readonly = (): TemplateResult => {\n    return html`\n        <sp-checkbox checked readonly>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Indeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Checked = (): TemplateResult => {\n    return html`\n        <sp-checkbox checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasized = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalid = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalidIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedInvalidChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized invalid checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Invalid = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const invalidIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const invalidChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox invalid checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Autofocus = (): TemplateResult => {\n    return html`\n        <sp-checkbox autofocus>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const Disabled = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const disabledChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const disabledIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox disabled indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabled = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized disabled>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabledIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized disabled indeterminate>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const emphasizedDisabledChecked = (): TemplateResult => {\n    return html`\n        <sp-checkbox emphasized checked>Checkbox</sp-checkbox>\n    `;\n};\n\nexport const tabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-field-group horizontal>\n            <sp-checkbox tabindex=\"0\">Checkbox 0</sp-checkbox>\n            <sp-checkbox disabled tabindex=\"3\">Checkbox 3</sp-checkbox>\n            <sp-checkbox tabindex=\"4\">Checkbox 4</sp-checkbox>\n            <sp-checkbox tabindex=\"2\" autofocus>Checkbox 2</sp-checkbox>\n            <sp-checkbox tabindex=\"1\">Checkbox 1</sp-checkbox>\n        </sp-field-group>\n    `;\n};\n\nexport const verticalTabIndexExample = (): TemplateResult => {\n    return html`\n        <sp-field-group vertical>\n            <sp-checkbox tabindex=\"0\">Checkbox 0</sp-checkbox>\n            <sp-checkbox disabled tabindex=\"3\">Checkbox 3</sp-checkbox>\n            <sp-checkbox tabindex=\"4\">Checkbox 4</sp-checkbox>\n            <sp-checkbox tabindex=\"2\" autofocus>Checkbox 2</sp-checkbox>\n            <sp-checkbox tabindex=\"1\">Checkbox 1</sp-checkbox>\n        </sp-field-group>\n    `;\n};\n"],
+  "mappings": "AAWA;AACA;AACA;AAEA,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEO,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,aAAa,MAAsB;AAC5C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,0BAA0B,MAAsB;AACzD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,oBAAoB,MAAsB;AACnD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,oBAAoB,MAAsB;AACnD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,iCAAiC,MAAsB;AAChE,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,2BAA2B,MAAsB;AAC1D,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,UAAU,MAAsB;AACzC,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,uBAAuB,MAAsB;AACtD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,iBAAiB,MAAsB;AAChD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,YAAY,MAAsB;AAC3C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,wBAAwB,MAAsB;AACvD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,qBAAqB,MAAsB;AACpD,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,kCAAkC,MAAsB;AACjE,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,4BAA4B,MAAsB;AAC3D,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASX;AAEO,aAAM,0BAA0B,MAAsB;AACzD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASX;",
+  "names": []
+}

package/test/benchmark/test-basic.js

@@ -1,18 +1,7 @@
-/*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-import '@spectrum-web-components/checkbox/sp-checkbox.js';
-import { html } from 'lit';
-import { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';
-measureFixtureCreation(html `
+import "@spectrum-web-components/checkbox/sp-checkbox.js";
+import { html } from "lit";
+import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
+measureFixtureCreation(html`
     <sp-checkbox id="checkbox0" tabindex="5">Component</sp-checkbox>
 `);
-//# sourceMappingURL=test-basic.js.map
+//# sourceMappingURL=test-basic.js.map

package/test/benchmark/test-basic.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"test-basic.js","sourceRoot":"","sources":["test-basic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,kDAAkD,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,sBAAsB,CAAC,IAAI,CAAA;;CAE1B,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-checkbox id=\"checkbox0\" tabindex=\"5\">Component</sp-checkbox>\n`);\n"]}
+{
+  "version": 3,
+  "sources": ["test-basic.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { html } from 'lit';\nimport { measureFixtureCreation } from '../../../../test/benchmark/helpers.js';\n\nmeasureFixtureCreation(html`\n    <sp-checkbox id=\"checkbox0\" tabindex=\"5\">Component</sp-checkbox>\n`);\n"],
+  "mappings": "AAYA;AACA;AACA;AAEA,uBAAuB;AAAA;AAAA,CAEtB;",
+  "names": []
+}

package/test/checkbox-sizes.test-vrt.js

@@ -1,15 +1,4 @@
-/*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-import * as stories from '../stories/checkbox-sizes.stories.js';
-import { regressVisuals } from '../../../test/visual/test.js';
-regressVisuals('CheckboxSizesStories', stories);
-//# sourceMappingURL=checkbox-sizes.test-vrt.js.map
+import * as stories from "../stories/checkbox-sizes.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("CheckboxSizesStories", stories);
+//# sourceMappingURL=checkbox-sizes.test-vrt.js.map

package/test/checkbox-sizes.test-vrt.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"checkbox-sizes.test-vrt.js","sourceRoot":"","sources":["checkbox-sizes.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,sCAAsC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/checkbox-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('CheckboxSizesStories', stories);\n"]}
+{
+  "version": 3,
+  "sources": ["checkbox-sizes.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/checkbox-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('CheckboxSizesStories', stories);\n"],
+  "mappings": "AAYA;AACA;AAEA,eAAe,wBAAwB,OAAO;",
+  "names": []
+}

package/test/checkbox.test-vrt.js

@@ -1,15 +1,4 @@
-/*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-import * as stories from '../stories/checkbox.stories.js';
-import { regressVisuals } from '../../../test/visual/test.js';
-regressVisuals('CheckboxStories', stories);
-//# sourceMappingURL=checkbox.test-vrt.js.map
+import * as stories from "../stories/checkbox.stories.js";
+import { regressVisuals } from "../../../test/visual/test.js";
+regressVisuals("CheckboxStories", stories);
+//# sourceMappingURL=checkbox.test-vrt.js.map

package/test/checkbox.test-vrt.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"checkbox.test-vrt.js","sourceRoot":"","sources":["checkbox.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/checkbox.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('CheckboxStories', stories);\n"]}
+{
+  "version": 3,
+  "sources": ["checkbox.test-vrt.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/checkbox.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('CheckboxStories', stories);\n"],
+  "mappings": "AAYA;AACA;AAEA,eAAe,mBAAmB,OAAO;",
+  "names": []
+}

package/test/checkbox.test.js

@@ -1,35 +1,31 @@
-/*
-Copyright 2020 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-import '../sp-checkbox.js';
-import { elementUpdated, expect, fixture, html, triggerBlurFor, waitUntil, } from '@open-wc/testing';
-import '@spectrum-web-components/shared/src/focus-visible.js';
+import "@spectrum-web-components/checkbox/sp-checkbox.js";
+import {
+  elementUpdated,
+  expect,
+  fixture,
+  html,
+  triggerBlurFor,
+  waitUntil
+} from "@open-wc/testing";
+import "@spectrum-web-components/shared/src/focus-visible.js";
 function inputForCheckbox(checkbox) {
-    if (!checkbox.shadowRoot)
-        throw new Error('No shadowRoot');
-    return checkbox.shadowRoot.querySelector('#input');
+  if (!checkbox.shadowRoot)
+    throw new Error("No shadowRoot");
+  return checkbox.shadowRoot.querySelector("#input");
 }
 function labelNodeForCheckbox(checkbox) {
-    if (!checkbox.shadowRoot)
-        throw new Error('No shadowRoot');
-    const slotEl = checkbox.shadowRoot.querySelector('slot');
-    if (!slotEl) {
-        throw new Error('Failed to find slot in shadowRoot');
-    }
-    return slotEl.assignedNodes()[0];
+  if (!checkbox.shadowRoot)
+    throw new Error("No shadowRoot");
+  const slotEl = checkbox.shadowRoot.querySelector("slot");
+  if (!slotEl) {
+    throw new Error("Failed to find slot in shadowRoot");
+  }
+  return slotEl.assignedNodes()[0];
 }
-describe('Checkbox', () => {
-    let testFixture;
-    beforeEach(async () => {
-        testFixture = await fixture(html `
+describe("Checkbox", () => {
+  let testFixture;
+  beforeEach(async () => {
+    testFixture = await fixture(html`
                 <div>
                     <div id="test-checkbox">
                         <sp-checkbox id="checkbox0" tabindex="5">
@@ -53,76 +49,88 @@ describe('Checkbox', () => {
                     </div>
                 </div>
             `);
-    });
-    it('loads', async () => {
-        const el = testFixture.querySelector('sp-checkbox');
-        expect(el).to.not.equal(undefined);
-        const textNode = labelNodeForCheckbox(el);
-        const content = (textNode.textContent || '').trim();
-        expect(content).to.equal('Component');
-    });
-    it('loads default checkbox accessibly', async () => {
-        const el = await fixture(html `
+  });
+  it("loads", async () => {
+    const el = testFixture.querySelector("sp-checkbox");
+    expect(el).to.not.equal(void 0);
+    const textNode = labelNodeForCheckbox(el);
+    const content = (textNode.textContent || "").trim();
+    expect(content).to.equal("Component");
+  });
+  it("loads default checkbox accessibly", async () => {
+    const el = await fixture(html`
                 <sp-checkbox>Not Checked</sp-checkbox>
             `);
-        await elementUpdated(el);
-        await expect(el).to.be.accessible();
-    });
-    it('loads `checked` checkbox accessibly', async () => {
-        const el = await fixture(html `
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("loads `checked` checkbox accessibly", async () => {
+    const el = await fixture(html`
                 <sp-checkbox checked>Checked</sp-checkbox>
             `);
-        await elementUpdated(el);
-        await expect(el).to.be.accessible();
-    });
-    it('is `invalid` checkbox accessibly', async () => {
-        const el = await fixture(html `
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("is `invalid` checkbox accessibly", async () => {
+    const el = await fixture(html`
                 <sp-checkbox invalid>Invalid Checked</sp-checkbox>
             `);
-        await elementUpdated(el);
-        await expect(el).to.be.accessible();
-    });
-    it('autofocuses', async () => {
-        const autoElement = testFixture.querySelector('sp-checkbox[autofocus]');
-        expect(autoElement).to.exist;
-        await waitUntil(() => document.activeElement === autoElement, 'Autofocused');
-        await triggerBlurFor(autoElement);
-        expect(document.activeElement).to.not.equal(autoElement);
-    });
-    it('`click()`ing host clicks `focusElement`', async () => {
-        const el = await fixture(html `
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("autofocuses", async () => {
+    const autoElement = testFixture.querySelector("sp-checkbox[autofocus]");
+    expect(autoElement).to.exist;
+    await waitUntil(() => document.activeElement === autoElement, "Autofocused");
+    await triggerBlurFor(autoElement);
+    expect(document.activeElement).to.not.equal(autoElement);
+  });
+  it("`click()`ing host clicks `focusElement`", async () => {
+    const el = await fixture(html`
                 <sp-checkbox checked autofocus>Checked</sp-checkbox>
             `);
-        await elementUpdated(el);
-        expect(el.checked, 'checked initially').to.be.true;
-        el.click();
-        await elementUpdated(el);
-        expect(el.checked, 'unchecked').to.be.false;
-        el.click();
-        await elementUpdated(el);
-        expect(el.checked, 'checked again').to.be.true;
-    });
-    it('respects checked attribute', () => {
-        let el = testFixture.querySelector('#checkbox0');
-        expect(el.checked).to.be.false;
-        el = testFixture.querySelector('#checkbox1');
-        expect(el.checked).to.be.true;
-    });
-    it('handles click events', async () => {
-        const el = testFixture.querySelector('#checkbox1');
-        expect(el.checked).to.be.true;
-        inputForCheckbox(el).click();
-        await elementUpdated(el);
-        expect(el.checked).to.be.false;
-    });
-    it('maintains its value when [readonly]', async () => {
-        const el = await fixture(html `
+    await elementUpdated(el);
+    expect(el.checked, "checked initially").to.be.true;
+    el.click();
+    await elementUpdated(el);
+    expect(el.checked, "unchecked").to.be.false;
+    el.click();
+    await elementUpdated(el);
+    expect(el.checked, "checked again").to.be.true;
+  });
+  it("respects checked attribute", () => {
+    let el = testFixture.querySelector("#checkbox0");
+    expect(el.checked).to.be.false;
+    el = testFixture.querySelector("#checkbox1");
+    expect(el.checked).to.be.true;
+  });
+  it("handles click events", async () => {
+    const el = testFixture.querySelector("#checkbox1");
+    expect(el.checked).to.be.true;
+    inputForCheckbox(el).click();
+    await elementUpdated(el);
+    expect(el.checked).to.be.false;
+  });
+  it("can have `change` events cancelled", async () => {
+    const el = testFixture.querySelector("#checkbox0");
+    await elementUpdated(el);
+    expect(el.checked).to.be.false;
+    inputForCheckbox(el).click();
+    await elementUpdated(el);
+    expect(el.checked).to.be.true;
+    el.addEventListener("change", (event) => event.preventDefault());
+    inputForCheckbox(el).click();
+    await elementUpdated(el);
+    expect(el.checked).to.be.true;
+  });
+  it("maintains its value when [readonly]", async () => {
+    const el = await fixture(html`
             <sp-checkbox id="checkbox0" checked readonly>Component</sp-checkbox>
         `);
-        expect(el.checked).to.be.true;
-        inputForCheckbox(el).click();
-        await elementUpdated(el);
-        expect(el.checked).to.be.true;
-    });
+    expect(el.checked).to.be.true;
+    inputForCheckbox(el).click();
+    await elementUpdated(el);
+    expect(el.checked).to.be.true;
+  });
 });
-//# sourceMappingURL=checkbox.test.js.map
+//# sourceMappingURL=checkbox.test.js.map

package/test/checkbox.test.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"checkbox.test.js","sourceRoot":"","sources":["checkbox.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EACH,cAAc,EACd,MAAM,EACN,OAAO,EACP,IAAI,EACJ,cAAc,EACd,SAAS,GACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,sDAAsD,CAAC;AAE9D,SAAS,gBAAgB,CAAC,QAAkB;IACxC,IAAI,CAAC,QAAQ,CAAC,UAAU;QAAE,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3D,OAAO,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAqB,CAAC;AAC3E,CAAC;AAED,SAAS,oBAAoB,CAAC,QAAkB;IAC5C,IAAI,CAAC,QAAQ,CAAC,UAAU;QAAE,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;IAC3D,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,MAAM,EAAE;QACT,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;KACxD;IACD,OAAO,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;AACrC,CAAC;AACD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACtB,IAAI,WAA2B,CAAC;IAEhC,UAAU,CAAC,KAAK,IAAI,EAAE;QAClB,WAAW,GAAG,MAAM,OAAO,CACvB,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;aAuBH,CACJ,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QACnB,MAAM,EAAE,GAAG,WAAW,CAAC,aAAa,CAAC,aAAa,CAAa,CAAC;QAChE,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACpD,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,aAAa,EAAE,KAAK,IAAI,EAAE;QACzB,MAAM,WAAW,GAAG,WAAW,CAAC,aAAa,CACzC,wBAAwB,CACf,CAAC;QAEd,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC7B,MAAM,SAAS,CACX,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,KAAK,WAAW,EAC5C,aAAa,CAChB,CAAC;QAEF,MAAM,cAAc,CAAC,WAAW,CAAC,CAAC;QAElC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAEnD,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE5C,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QAClC,IAAI,EAAE,GAAG,WAAW,CAAC,aAAa,CAAC,YAAY,CAAa,CAAC;QAC7D,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAE/B,EAAE,GAAG,WAAW,CAAC,aAAa,CAAC,YAAY,CAAa,CAAC;QACzD,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,EAAE,GAAG,WAAW,CAAC,aAAa,CAAC,YAAY,CAAa,CAAC;QAC/D,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9B,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;SAEtC,CAAC,CAAC;QACH,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9B,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IAClC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '../sp-checkbox.js';\nimport { Checkbox } from '../';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    triggerBlurFor,\n    waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\n\nfunction inputForCheckbox(checkbox: Checkbox): HTMLInputElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelNodeForCheckbox(checkbox: Checkbox): Node {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const slotEl = checkbox.shadowRoot.querySelector('slot');\n    if (!slotEl) {\n        throw new Error('Failed to find slot in shadowRoot');\n    }\n    return slotEl.assignedNodes()[0];\n}\ndescribe('Checkbox', () => {\n    let testFixture: HTMLDivElement;\n\n    beforeEach(async () => {\n        testFixture = await fixture<HTMLDivElement>(\n            html`\n                <div>\n                    <div id=\"test-checkbox\">\n                        <sp-checkbox id=\"checkbox0\" tabindex=\"5\">\n                            Component\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox1\" tabindex=\"2\" checked>\n                            Check 1\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox2\" tabindex=\"3\" disabled>\n                            Check 2\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox3\" tabindex=\"1\" autofocus>\n                            Check 3\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox4\" tabindex=\"0\">\n                            Check 4\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox5\" tabindex=\"-1\">\n                            Check 5\n                        </sp-checkbox>\n                    </div>\n                </div>\n            `\n        );\n    });\n\n    it('loads', async () => {\n        const el = testFixture.querySelector('sp-checkbox') as Checkbox;\n        expect(el).to.not.equal(undefined);\n        const textNode = labelNodeForCheckbox(el);\n        const content = (textNode.textContent || '').trim();\n        expect(content).to.equal('Component');\n    });\n\n    it('loads default checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox>Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads `checked` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('is `invalid` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox invalid>Invalid Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('autofocuses', async () => {\n        const autoElement = testFixture.querySelector(\n            'sp-checkbox[autofocus]'\n        ) as Checkbox;\n\n        expect(autoElement).to.exist;\n        await waitUntil(\n            () => document.activeElement === autoElement,\n            'Autofocused'\n        );\n\n        await triggerBlurFor(autoElement);\n\n        expect(document.activeElement).to.not.equal(autoElement);\n    });\n\n    it('`click()`ing host clicks `focusElement`', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked autofocus>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked initially').to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'unchecked').to.be.false;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked again').to.be.true;\n    });\n\n    it('respects checked attribute', () => {\n        let el = testFixture.querySelector('#checkbox0') as Checkbox;\n        expect(el.checked).to.be.false;\n\n        el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n    });\n\n    it('handles click events', async () => {\n        const el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n    });\n\n    it('maintains its value when [readonly]', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox id=\"checkbox0\" checked readonly>Component</sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n});\n"]}
+{
+  "version": 3,
+  "sources": ["checkbox.test.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport '@spectrum-web-components/checkbox/sp-checkbox.js';\nimport { Checkbox } from '../';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    triggerBlurFor,\n    waitUntil,\n} from '@open-wc/testing';\nimport '@spectrum-web-components/shared/src/focus-visible.js';\n\nfunction inputForCheckbox(checkbox: Checkbox): HTMLInputElement {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    return checkbox.shadowRoot.querySelector('#input') as HTMLInputElement;\n}\n\nfunction labelNodeForCheckbox(checkbox: Checkbox): Node {\n    if (!checkbox.shadowRoot) throw new Error('No shadowRoot');\n    const slotEl = checkbox.shadowRoot.querySelector('slot');\n    if (!slotEl) {\n        throw new Error('Failed to find slot in shadowRoot');\n    }\n    return slotEl.assignedNodes()[0];\n}\ndescribe('Checkbox', () => {\n    let testFixture: HTMLDivElement;\n\n    beforeEach(async () => {\n        testFixture = await fixture<HTMLDivElement>(\n            html`\n                <div>\n                    <div id=\"test-checkbox\">\n                        <sp-checkbox id=\"checkbox0\" tabindex=\"5\">\n                            Component\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox1\" tabindex=\"2\" checked>\n                            Check 1\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox2\" tabindex=\"3\" disabled>\n                            Check 2\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox3\" tabindex=\"1\" autofocus>\n                            Check 3\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox4\" tabindex=\"0\">\n                            Check 4\n                        </sp-checkbox>\n                        <sp-checkbox id=\"checkbox5\" tabindex=\"-1\">\n                            Check 5\n                        </sp-checkbox>\n                    </div>\n                </div>\n            `\n        );\n    });\n\n    it('loads', async () => {\n        const el = testFixture.querySelector('sp-checkbox') as Checkbox;\n        expect(el).to.not.equal(undefined);\n        const textNode = labelNodeForCheckbox(el);\n        const content = (textNode.textContent || '').trim();\n        expect(content).to.equal('Component');\n    });\n\n    it('loads default checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox>Not Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads `checked` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('is `invalid` checkbox accessibly', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox invalid>Invalid Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('autofocuses', async () => {\n        const autoElement = testFixture.querySelector(\n            'sp-checkbox[autofocus]'\n        ) as Checkbox;\n\n        expect(autoElement).to.exist;\n        await waitUntil(\n            () => document.activeElement === autoElement,\n            'Autofocused'\n        );\n\n        await triggerBlurFor(autoElement);\n\n        expect(document.activeElement).to.not.equal(autoElement);\n    });\n\n    it('`click()`ing host clicks `focusElement`', async () => {\n        const el = await fixture<Checkbox>(\n            html`\n                <sp-checkbox checked autofocus>Checked</sp-checkbox>\n            `\n        );\n\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked initially').to.be.true;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'unchecked').to.be.false;\n\n        el.click();\n        await elementUpdated(el);\n\n        expect(el.checked, 'checked again').to.be.true;\n    });\n\n    it('respects checked attribute', () => {\n        let el = testFixture.querySelector('#checkbox0') as Checkbox;\n        expect(el.checked).to.be.false;\n\n        el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n    });\n\n    it('handles click events', async () => {\n        const el = testFixture.querySelector('#checkbox1') as Checkbox;\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.false;\n    });\n\n    it('can have `change` events cancelled', async () => {\n        const el = testFixture.querySelector('#checkbox0') as Checkbox;\n        await elementUpdated(el);\n        expect(el.checked).to.be.false;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n\n        el.addEventListener('change', (event: Event) => event.preventDefault());\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n\n    it('maintains its value when [readonly]', async () => {\n        const el = await fixture<Checkbox>(html`\n            <sp-checkbox id=\"checkbox0\" checked readonly>Component</sp-checkbox>\n        `);\n        expect(el.checked).to.be.true;\n\n        inputForCheckbox(el).click();\n        await elementUpdated(el);\n\n        expect(el.checked).to.be.true;\n    });\n});\n"],
+  "mappings": "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",
+  "names": []
+}