@six-group/ui-library 0.0.0-insider.562dfe9 → 0.0.0-insider.564a90a

package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js

@@ -1,83 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixCheckbox } from "../six-checkbox";
-describe('six-checkbox', () => {
-    it('default', async () => {
-        const page = await newSpecPage({
-            components: [SixCheckbox],
-            html: `<six-checkbox></six-checkbox>`,
-        });
-        expect(page.root).toEqualHtml(`
-       <six-checkbox>
-         <mock:shadow-root>
-           <div class="form-control form-control--medium" part="form-control">
-             <label aria-hidden="true" class="form-control__label" htmlfor="checkbox-1" id="checkbox-label-1" part="label">
-               <slot name="label"></slot>
-             </label>
-             <div class="form-control__input">
-               <label class="checkbox" htmlfor="checkbox-1" part="base">
-                 <span class="checkbox__control" part="control">
-                   <input aria-checked="false" aria-labelledby="checkbox-label-1" id="checkbox-1" role="checkbox" type="checkbox" value="on">
-                 </span>
-                 <span class="checkbox__text" id="checkbox-text-1" part="text">
-                   <slot></slot>
-                 </span>
-               </label>
-             </div>
-             <div aria-hidden="true" class="form-control__error-text" id="input-error-text-1" part="error-text">
-              <slot name="error-text"></slot>
-             </div>
-             <div aria-hidden="true" class="form-control__help-text" part="help-text">
-               <slot name="help-text"></slot>
-             </div>
-           </div>
-         </mock:shadow-root>
-       </six-checkbox>
-    `);
-    });
-    it('checked', async () => {
-        const page = await newSpecPage({
-            components: [SixCheckbox],
-            html: `<six-checkbox checked></six-checkbox>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-checkbox checked="">
-        <mock:shadow-root>
-          <div class="form-control form-control--medium" part="form-control">
-            <label aria-hidden="true" class="form-control__label" htmlfor="checkbox-2" id="checkbox-label-2" part="label">
-                <slot name="label"></slot>
-            </label>
-            <div class="form-control__input">
-              <label class="checkbox checkbox--checked" htmlfor="checkbox-2" part="base">
-                <span part="control" class="checkbox__control">
-                  <span part="checked-icon" class="checkbox__icon">
-                    <svg viewBox="0 0 16 16">
-                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-                        <g stroke="currentColor" stroke-width="2">
-                          <g transform="translate(3.428571, 3.428571)">
-                            <path d="M0,5.71428571 L3.42857143,9.14285714"></path>
-                            <path d="M9.14285714,0 L3.42857143,9.14285714"></path>
-                          </g>
-                        </g>
-                      </g>
-                    </svg>
-                  </span>
-                  <input id="checkbox-2" type="checkbox" role="checkbox" aria-checked="true" aria-labelledby="checkbox-label-2" checked="" value="on">
-                </span>
-                <span part="text" id="checkbox-text-2" class="checkbox__text">
-                  <slot></slot>
-                </span>
-              </label>
-            </div>
-            <div aria-hidden="true" class="form-control__error-text" id="input-error-text-2" part="error-text">
-              <slot name="error-text"></slot>
-            </div>
-            <div aria-hidden="true" class="form-control__help-text" part="help-text">
-                <slot name="help-text"></slot>
-            </div>
-          </div>
-        </mock:shadow-root>
-    </six-checkbox>
-    `);
-    });
-});
-//# sourceMappingURL=six-checkbox.spec.js.map

package/dist/collection/components/six-checkbox/test/six-checkbox.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-checkbox.spec.js","sourceRoot":"","sources":["../../../../src/components/six-checkbox/test/six-checkbox.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,+BAA+B;SACtC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;KA0B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixCheckbox } from '../six-checkbox';\n\ndescribe('six-checkbox', () => {\n  it('default', async () => {\n    const page = await newSpecPage({\n      components: [SixCheckbox],\n      html: `<six-checkbox></six-checkbox>`,\n    });\n    expect(page.root).toEqualHtml(`\n       <six-checkbox>\n         <mock:shadow-root>\n           <div class=\"form-control form-control--medium\" part=\"form-control\">\n             <label aria-hidden=\"true\" class=\"form-control__label\" htmlfor=\"checkbox-1\" id=\"checkbox-label-1\" part=\"label\">\n               <slot name=\"label\"></slot>\n             </label>\n             <div class=\"form-control__input\">\n               <label class=\"checkbox\" htmlfor=\"checkbox-1\" part=\"base\">\n                 <span class=\"checkbox__control\" part=\"control\">\n                   <input aria-checked=\"false\" aria-labelledby=\"checkbox-label-1\" id=\"checkbox-1\" role=\"checkbox\" type=\"checkbox\" value=\"on\">\n                 </span>\n                 <span class=\"checkbox__text\" id=\"checkbox-text-1\" part=\"text\">\n                   <slot></slot>\n                 </span>\n               </label>\n             </div>\n             <div aria-hidden=\"true\" class=\"form-control__error-text\" id=\"input-error-text-1\" part=\"error-text\">\n              <slot name=\"error-text\"></slot>\n             </div>\n             <div aria-hidden=\"true\" class=\"form-control__help-text\" part=\"help-text\">\n               <slot name=\"help-text\"></slot>\n             </div>\n           </div>\n         </mock:shadow-root>\n       </six-checkbox>\n    `);\n  });\n\n  it('checked', async () => {\n    const page = await newSpecPage({\n      components: [SixCheckbox],\n      html: `<six-checkbox checked></six-checkbox>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-checkbox checked=\"\">\n        <mock:shadow-root>\n          <div class=\"form-control form-control--medium\" part=\"form-control\">\n            <label aria-hidden=\"true\" class=\"form-control__label\" htmlfor=\"checkbox-2\" id=\"checkbox-label-2\" part=\"label\">\n                <slot name=\"label\"></slot>\n            </label>\n            <div class=\"form-control__input\">\n              <label class=\"checkbox checkbox--checked\" htmlfor=\"checkbox-2\" part=\"base\">\n                <span part=\"control\" class=\"checkbox__control\">\n                  <span part=\"checked-icon\" class=\"checkbox__icon\">\n                    <svg viewBox=\"0 0 16 16\">\n                      <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"round\">\n                        <g stroke=\"currentColor\" stroke-width=\"2\">\n                          <g transform=\"translate(3.428571, 3.428571)\">\n                            <path d=\"M0,5.71428571 L3.42857143,9.14285714\"></path>\n                            <path d=\"M9.14285714,0 L3.42857143,9.14285714\"></path>\n                          </g>\n                        </g>\n                      </g>\n                    </svg>\n                  </span>\n                  <input id=\"checkbox-2\" type=\"checkbox\" role=\"checkbox\" aria-checked=\"true\" aria-labelledby=\"checkbox-label-2\" checked=\"\" value=\"on\">\n                </span>\n                <span part=\"text\" id=\"checkbox-text-2\" class=\"checkbox__text\">\n                  <slot></slot>\n                </span>\n              </label>\n            </div>\n            <div aria-hidden=\"true\" class=\"form-control__error-text\" id=\"input-error-text-2\" part=\"error-text\">\n              <slot name=\"error-text\"></slot>\n            </div>\n            <div aria-hidden=\"true\" class=\"form-control__help-text\" part=\"help-text\">\n                <slot name=\"help-text\"></slot>\n            </div>\n          </div>\n        </mock:shadow-root>\n    </six-checkbox>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js

@@ -1,26 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDatepicker } from "../six-datepicker";
-describe('six-datepicker', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDatepicker],
-            html: `<six-datepicker></six-datepicker>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-datepicker>
-        <mock:shadow-root>
-        <div class="datepicker__container">
-          <six-input class="input--empty" errortext="" label="" part="base" size="medium" value="">
-            <span class="prefix" part="icon" slot="prefix">
-              <six-icon size="medium">
-                today
-              </six-icon>
-            </span>
-          </six-input>
-          </div>
-        </mock:shadow-root>
-      </six-datepicker>
-    `);
-    });
-});
-//# sourceMappingURL=six-datepicker.spec.js.map

package/dist/collection/components/six-datepicker/test/six-datepicker.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-datepicker.spec.js","sourceRoot":"","sources":["../../../../src/components/six-datepicker/test/six-datepicker.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,CAAC;YAC3B,IAAI,EAAE,mCAAmC;SAC1C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDatepicker } from '../six-datepicker';\n\ndescribe('six-datepicker', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDatepicker],\n      html: `<six-datepicker></six-datepicker>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-datepicker>\n        <mock:shadow-root>\n        <div class=\"datepicker__container\">\n          <six-input class=\"input--empty\" errortext=\"\" label=\"\" part=\"base\" size=\"medium\" value=\"\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                today\n              </six-icon>\n            </span>\n          </six-input>\n          </div>\n        </mock:shadow-root>\n      </six-datepicker>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-details/test/six-details.spec.js

@@ -1,36 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDetails } from "../six-details";
-describe('six-details', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDetails],
-            html: `<six-details></six-details>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-details summary-icon-size="inherit">
-        <mock:shadow-root>
-          <div class="details" part="base">
-            <header aria-controls="details-1-content" aria-disabled="false" aria-expanded="false" class="details__header" id="details-1-header" part="header" role="button" tabindex="0">
-              <div class="details__summary" part="summary">
-                <slot name="summary"></slot>
-              </div>
-              <span class="details__summary-icon details__summary-icon--animate" part="summary-icon">
-                <slot name="summary-icon">
-                  <six-icon size="inherit">
-                    expand_more
-                  </six-icon>
-                </slot>
-              </span>
-            </header>
-            <div class="details__body" hidden="">
-              <div aria-labelledby="details-1-header" class="details__content" id="details-1-content" part="content" role="region">
-                <slot></slot>
-              </div>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-details>
-    `);
-    });
-});
-//# sourceMappingURL=six-details.spec.js.map

package/dist/collection/components/six-details/test/six-details.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-details.spec.js","sourceRoot":"","sources":["../../../../src/components/six-details/test/six-details.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDetails } from '../six-details';\n\ndescribe('six-details', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDetails],\n      html: `<six-details></six-details>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-details summary-icon-size=\"inherit\">\n        <mock:shadow-root>\n          <div class=\"details\" part=\"base\">\n            <header aria-controls=\"details-1-content\" aria-disabled=\"false\" aria-expanded=\"false\" class=\"details__header\" id=\"details-1-header\" part=\"header\" role=\"button\" tabindex=\"0\">\n              <div class=\"details__summary\" part=\"summary\">\n                <slot name=\"summary\"></slot>\n              </div>\n              <span class=\"details__summary-icon details__summary-icon--animate\" part=\"summary-icon\">\n                <slot name=\"summary-icon\">\n                  <six-icon size=\"inherit\">\n                    expand_more\n                  </six-icon>\n                </slot>\n              </span>\n            </header>\n            <div class=\"details__body\" hidden=\"\">\n              <div aria-labelledby=\"details-1-header\" class=\"details__content\" id=\"details-1-content\" part=\"content\" role=\"region\">\n                <slot></slot>\n              </div>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-details>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-dialog/test/six-dialog.spec.js

@@ -1,34 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDialog } from "../six-dialog";
-describe('six-dialog', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDialog],
-            html: `<six-dialog></six-dialog>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dialog>
-        <mock:shadow-root>
-          <div class="dialog" part="base">
-            <div class="dialog__overlay" part="overlay"></div>
-            <div aria-hidden="true" aria-labelledby="dialog-1-title" aria-modal="true" class="dialog__panel" part="panel" role="dialog" tabindex="0">
-              <header class="dialog__header" part="header">
-                <span class="dialog__title" id="dialog-1-title" part="title">
-                    <slot name="label"></slot>
-                </span>
-                <six-icon-button class="dialog__close" exportparts="base:close-button" name="close"></six-icon-button>
-              </header>
-              <div class="dialog__body" part="body">
-                <slot></slot>
-              </div>
-              <footer class="dialog__footer" part="footer">
-                <slot name="footer"></slot>
-              </footer>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-dialog>
-    `);
-    });
-});
-//# sourceMappingURL=six-dialog.spec.js.map

package/dist/collection/components/six-dialog/test/six-dialog.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-dialog.spec.js","sourceRoot":"","sources":["../../../../src/components/six-dialog/test/six-dialog.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDialog } from '../six-dialog';\n\ndescribe('six-dialog', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDialog],\n      html: `<six-dialog></six-dialog>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dialog>\n        <mock:shadow-root>\n          <div class=\"dialog\" part=\"base\">\n            <div class=\"dialog__overlay\" part=\"overlay\"></div>\n            <div aria-hidden=\"true\" aria-labelledby=\"dialog-1-title\" aria-modal=\"true\" class=\"dialog__panel\" part=\"panel\" role=\"dialog\" tabindex=\"0\">\n              <header class=\"dialog__header\" part=\"header\">\n                <span class=\"dialog__title\" id=\"dialog-1-title\" part=\"title\">\n                    <slot name=\"label\"></slot>\n                </span>\n                <six-icon-button class=\"dialog__close\" exportparts=\"base:close-button\" name=\"close\"></six-icon-button>\n              </header>\n              <div class=\"dialog__body\" part=\"body\">\n                <slot></slot>\n              </div>\n              <footer class=\"dialog__footer\" part=\"footer\">\n                <slot name=\"footer\"></slot>\n              </footer>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-dialog>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-drawer/test/six-drawer.spec.js

@@ -1,34 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDrawer } from "../six-drawer";
-describe('six-drawer', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixDrawer],
-            html: `<six-drawer></six-drawer>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-drawer>
-        <mock:shadow-root>
-          <div class="drawer drawer--fixed drawer--right" part="base">
-            <div class="drawer__overlay" part="overlay" tabindex="-1"></div>
-            <div aria-hidden="true" aria-labelledby="drawer-1-title" aria-modal="true" class="drawer__panel" part="panel" role="dialog" tabindex="0">
-              <header class="drawer__header" part="header">
-                <span class="drawer__title" id="drawer-1-title" part="title">
-                  <slot name="label"></slot>
-                </span>
-                <six-icon-button class="drawer__close" exportparts="base:close-button" name="close"></six-icon-button>
-              </header>
-              <div class="drawer__body" part="body">
-                <slot></slot>
-              </div>
-              <footer class="drawer__footer" part="footer">
-                <slot name="footer"></slot>
-              </footer>
-            </div>
-          </div>
-        </mock:shadow-root>
-      </six-drawer>
-    `);
-    });
-});
-//# sourceMappingURL=six-drawer.spec.js.map

package/dist/collection/components/six-drawer/test/six-drawer.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-drawer.spec.js","sourceRoot":"","sources":["../../../../src/components/six-drawer/test/six-drawer.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,2BAA2B;SAClC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDrawer } from '../six-drawer';\n\ndescribe('six-drawer', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixDrawer],\n      html: `<six-drawer></six-drawer>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-drawer>\n        <mock:shadow-root>\n          <div class=\"drawer drawer--fixed drawer--right\" part=\"base\">\n            <div class=\"drawer__overlay\" part=\"overlay\" tabindex=\"-1\"></div>\n            <div aria-hidden=\"true\" aria-labelledby=\"drawer-1-title\" aria-modal=\"true\" class=\"drawer__panel\" part=\"panel\" role=\"dialog\" tabindex=\"0\">\n              <header class=\"drawer__header\" part=\"header\">\n                <span class=\"drawer__title\" id=\"drawer-1-title\" part=\"title\">\n                  <slot name=\"label\"></slot>\n                </span>\n                <six-icon-button class=\"drawer__close\" exportparts=\"base:close-button\" name=\"close\"></six-icon-button>\n              </header>\n              <div class=\"drawer__body\" part=\"body\">\n                <slot></slot>\n              </div>\n              <footer class=\"drawer__footer\" part=\"footer\">\n                <slot name=\"footer\"></slot>\n              </footer>\n            </div>\n          </div>\n        </mock:shadow-root>\n      </six-drawer>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-dropdown/test/six-dropdown.spec.js

@@ -1,122 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixDropdown } from "../six-dropdown";
-import { SixMenu } from "../../six-menu/six-menu";
-describe('six-dropdown', () => {
-    it('renders open=false', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown>
-      <div class="dropdown" id="dropdown-1" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" hidden="">
-             <div aria-hidden="true" aria-labelledby="dropdown-1" class="dropdown__panel" part="panel" role="menu">
-             <six-menu></six-menu>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders open=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown open="">
-      <div class="dropdown dropdown--open" id="dropdown-2" part="base">
-        <span class="dropdown__trigger" part="trigger">
-          <six-button caret="" slot="trigger">
-            Dropdown
-          </six-button>
-         </span>
-         <div class="dropdown__positioner" style="position: absolute; left: 0; top: 0; margin: 0;">
-             <div aria-hidden="false" aria-labelledby="dropdown-2" class="dropdown__panel" part="panel" role="menu">
-             <six-menu></six-menu>
-         </div>
-        </div>
-      </div>
-      </six-dropdown>
-    `);
-    });
-    it('renders filter=true', async () => {
-        const page = await newSpecPage({
-            components: [SixDropdown],
-            html: `<six-dropdown open="true" filter="true"><six-button slot="trigger" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,
-            supportsShadowDom: false,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-dropdown open="" filter="true">
-        <div part="base" id="dropdown-3" class="dropdown dropdown--open">
-            <span part="trigger" class="dropdown__trigger"><six-button slot="trigger" caret="">Dropdown</six-button></span>
-            <div class="dropdown__positioner dropdown__positioner__filtered" style="position: absolute; left: 0; top: 0; margin: 0;">
-            <six-input aria-hidden="false" placeholder="Filter..."></six-input>
-            <div part="panel" class="dropdown__panel" role="menu" aria-hidden="false" aria-labelledby="dropdown-3">
-            <six-menu></six-menu></div></div></div>
-            </six-dropdown>
-    `);
-    });
-    it('renders dynamically added options', async () => {
-        // given
-        const page = await newSpecPage({
-            components: [SixDropdown, SixMenu],
-            html: ` <six-dropdown><six-button slot="trigger" caret>Dropdown</six-button></six-dropdown>`,
-        });
-        // when
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        page.root.options = Array.from(Array(3).keys()).map((idx) => ({
-            label: `label ${idx}`,
-            value: `value ${idx}`,
-        }));
-        await page.waitForChanges();
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-dropdown>
-      <mock:shadow-root>
-    <div class="dropdown" id="dropdown-4" part="base">
-          <span class="dropdown__trigger" part="trigger">
-            <slot name="trigger"></slot>
-          </span>
-          <div class="dropdown__positioner" hidden="">
-            <div aria-hidden="true" aria-labelledby="dropdown-4" class="dropdown__panel" part="panel" role="menu">
-              <slot></slot>
-              <six-menu part="menu">
-                <mock:shadow-root>
-                  <div class="menu" part="wrapper">
-                    <div part="base" role="menu" tabindex="0">
-                      <slot></slot>
-                      <six-menu-item value="value 0">
-                        label 0
-                      </six-menu-item>
-                      <six-menu-item value="value 1">
-                        label 1
-                      </six-menu-item>
-                      <six-menu-item value="value 2">
-                        label 2
-                      </six-menu-item>
-                    </div>
-                  </div>
-                </mock:shadow-root>
-              </six-menu>
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-      <six-button caret="" slot="trigger">
-        Dropdown
-      </six-button>
-    </six-dropdown>
-    `);
-    });
-});
-//# sourceMappingURL=six-dropdown.spec.js.map

package/dist/collection/components/six-dropdown/test/six-dropdown.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"six-dropdown.spec.js","sourceRoot":"","sources":["../../../../src/components/six-dropdown/test/six-dropdown.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,0GAA0G;YAChH,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,sHAAsH;YAC5H,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;KAe7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,oIAAoI;YAC1I,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,QAAQ;QACR,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC;YAClC,IAAI,EAAE,sFAAsF;SAC7F,CAAC,CAAC;QAEH,OAAO;QACP,6DAA6D;QAC7D,aAAa;QACb,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC5D,KAAK,EAAE,SAAS,GAAG,EAAE;YACrB,KAAK,EAAE,SAAS,GAAG,EAAE;SACtB,CAAC,CAAC,CAAC;QACJ,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,OAAO;QACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoC7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixDropdown } from '../six-dropdown';\nimport { SixMenu } from '../../six-menu/six-menu';\n\ndescribe('six-dropdown', () => {\n  it('renders open=false', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dropdown>\n      <div class=\"dropdown\" id=\"dropdown-1\" part=\"base\">\n        <span class=\"dropdown__trigger\" part=\"trigger\">\n          <six-button caret=\"\" slot=\"trigger\">\n            Dropdown\n          </six-button>\n         </span>\n         <div class=\"dropdown__positioner\" hidden=\"\">\n             <div aria-hidden=\"true\" aria-labelledby=\"dropdown-1\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n             <six-menu></six-menu>\n         </div>\n        </div>\n      </div>\n      </six-dropdown>\n    `);\n  });\n\n  it('renders open=true', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown open=\"true\"><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-dropdown open=\"\">\n      <div class=\"dropdown dropdown--open\" id=\"dropdown-2\" part=\"base\">\n        <span class=\"dropdown__trigger\" part=\"trigger\">\n          <six-button caret=\"\" slot=\"trigger\">\n            Dropdown\n          </six-button>\n         </span>\n         <div class=\"dropdown__positioner\" style=\"position: absolute; left: 0; top: 0; margin: 0;\">\n             <div aria-hidden=\"false\" aria-labelledby=\"dropdown-2\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n             <six-menu></six-menu>\n         </div>\n        </div>\n      </div>\n      </six-dropdown>\n    `);\n  });\n\n  it('renders filter=true', async () => {\n    const page = await newSpecPage({\n      components: [SixDropdown],\n      html: `<six-dropdown open=\"true\" filter=\"true\"><six-button slot=\"trigger\" caret>Dropdown</six-button><six-menu></six-menu></six-dropdown>`,\n      supportsShadowDom: false,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-dropdown open=\"\" filter=\"true\">\n        <div part=\"base\" id=\"dropdown-3\" class=\"dropdown dropdown--open\">\n            <span part=\"trigger\" class=\"dropdown__trigger\"><six-button slot=\"trigger\" caret=\"\">Dropdown</six-button></span>\n            <div class=\"dropdown__positioner dropdown__positioner__filtered\" style=\"position: absolute; left: 0; top: 0; margin: 0;\">\n            <six-input aria-hidden=\"false\" placeholder=\"Filter...\"></six-input>\n            <div part=\"panel\" class=\"dropdown__panel\" role=\"menu\" aria-hidden=\"false\" aria-labelledby=\"dropdown-3\">\n            <six-menu></six-menu></div></div></div>\n            </six-dropdown>\n    `);\n  });\n\n  it('renders dynamically added options', async () => {\n    // given\n    const page = await newSpecPage({\n      components: [SixDropdown, SixMenu],\n      html: ` <six-dropdown><six-button slot=\"trigger\" caret>Dropdown</six-button></six-dropdown>`,\n    });\n\n    // when\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    page.root.options = Array.from(Array(3).keys()).map((idx) => ({\n      label: `label ${idx}`,\n      value: `value ${idx}`,\n    }));\n    await page.waitForChanges();\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-dropdown>\n      <mock:shadow-root>\n    <div class=\"dropdown\" id=\"dropdown-4\" part=\"base\">\n          <span class=\"dropdown__trigger\" part=\"trigger\">\n            <slot name=\"trigger\"></slot>\n          </span>\n          <div class=\"dropdown__positioner\" hidden=\"\">\n            <div aria-hidden=\"true\" aria-labelledby=\"dropdown-4\" class=\"dropdown__panel\" part=\"panel\" role=\"menu\">\n              <slot></slot>\n              <six-menu part=\"menu\">\n                <mock:shadow-root>\n                  <div class=\"menu\" part=\"wrapper\">\n                    <div part=\"base\" role=\"menu\" tabindex=\"0\">\n                      <slot></slot>\n                      <six-menu-item value=\"value 0\">\n                        label 0\n                      </six-menu-item>\n                      <six-menu-item value=\"value 1\">\n                        label 1\n                      </six-menu-item>\n                      <six-menu-item value=\"value 2\">\n                        label 2\n                      </six-menu-item>\n                    </div>\n                  </div>\n                </mock:shadow-root>\n              </six-menu>\n            </div>\n          </div>\n        </div>\n      </mock:shadow-root>\n      <six-button caret=\"\" slot=\"trigger\">\n        Dropdown\n      </six-button>\n    </six-dropdown>\n    `);\n  });\n});\n"]}

package/dist/collection/components/six-error-page/test/six-error-page.spec.js

@@ -1,240 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixErrorPage } from "../six-error-page";
-describe('six-error-page', () => {
-    it('should render right page for error code 403 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="403" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="403" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              lock
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Access Denied
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              You don’t have permission to access this page.
-            </div>
-            <div>
-              Please contact an administrator or click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 403 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="403" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-        <six-error-page error-code="403" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              lock
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Kein Zugriff
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sie haben keine Zugriffsberechtigung auf diese Seite.
-            </div>
-            <div>
-              Bitte wenden Sie sich an einen Administrator oder klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 404 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="404" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="404" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              find-in-page
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Not Found
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              We have not found the page you requested.
-            </div>
-            <div>
-              Please click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 404 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="404" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="404" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              find-in-page
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Seite nicht gefunden
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Wir haben die angeforderte Seite nicht gefunden.
-            </div>
-            <div>
-              Bitte klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 500 in english', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="500" language="en"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="500" language="en">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              sentiment-dissatisfied
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Ooops!
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sorry, we messed up! We try to fix this.
-            </div>
-            <div>
-              Please click the SIX logo on top left.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for error code 500 in german', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page error-code="500" language="de"></six-error-page>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page error-code="500" language="de">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              sentiment-dissatisfied
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            Ups!
-          </div>
-          <div class="six-error-page__description" part="description">
-            <div>
-              Sorry, das war unser Fehler! Wir versuchen das zu beheben.
-            </div>
-            <div>
-              Bitte klicken Sie auf das SIX-Logo oben links.
-            </div>
-          </div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-    it('should render right page for custom error', async () => {
-        // given
-        const config = {
-            components: [SixErrorPage],
-            html: `<six-error-page custom-title="my title" id="custom-error-message" custom-icon="home"></six-error-page>
-        <script type="module">
-          const sixErrorPage = document.getElementById('custom-error-message');
-          sixErrorPage.customDescription = ['My', 'Description'];
-        </script>`,
-        };
-        // when
-        const page = await newSpecPage(config);
-        // then
-        expect(page.root).toEqualHtml(`
-    <six-error-page custom-icon="home" custom-title="my title" id="custom-error-message">
-      <mock:shadow-root>
-        <div part="container">
-          <div class="six-error-page__icon-container" part="icon-container">
-            <six-picto class="six-error-page__icon" part="icon" size="4xl">
-              home
-            </six-picto>
-          </div>
-          <div class="six-error-page__title" part="title">
-            my title
-          </div>
-          <div class="six-error-page__description" part="description"></div>
-        </div>
-      </mock:shadow-root>
-    </six-error-page>
-   `);
-    });
-});
-//# sourceMappingURL=six-error-page.spec.js.map