@six-group/ui-library 0.0.0-insider.cd0cd0d → 0.0.0-insider.db2b416

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

@@ -0,0 +1,496 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { SixTimepicker } from "../six-timepicker";
+describe('six-timepicker', () => {
+  it('should render default timepicker', async () => {
+    var _a, _b;
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker></six-timepicker>`,
+    };
+    // when initially loaded
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-timepicker>
+    <mock:shadow-root>
+      <div class="timepicker__container" part="container">
+        <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
+          <span class="prefix" part="icon" slot="prefix">
+            <six-icon size="medium">
+              watch_later
+            </six-icon>
+          </span>
+        </six-input>
+      </div>
+    </mock:shadow-root>
+  </six-timepicker>
+   `);
+    // when setting a value and opening the popup
+    if (((_a = page.root) === null || _a === void 0 ? void 0 : _a.shadowRoot) != null) {
+      page.root.value = '20:00:00';
+      (_b = page.root.shadowRoot.querySelector('six-input')) === null || _b === void 0 ? void 0 : _b.click();
+    }
+    await page.waitForChanges();
+    // then expect the correct time to be rendered
+    expect(page.root).toEqualHtml(`
+<six-timepicker open="">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input error-text="" label="" part="input" size="medium" value="20:00:00">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+      <div class="timepicker__popup" part="popup">
+        <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="0"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="0"></six-item-picker>
+      </div>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render open timepicker', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open value="13:20:59"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-timepicker open="" value="13:20:59">
+      <mock:shadow-root>
+        <div class="timepicker__container" part="container">
+          <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
+            <span class="prefix" part="icon" slot="prefix">
+              <six-icon size="medium">
+                watch_later
+              </six-icon>
+            </span>
+          </six-input>
+          <div class="timepicker__popup" part="popup">
+            <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
+            <div class="timepicker__separator">
+              <span>
+                :
+              </span>
+            </div>
+            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+            <div class="timepicker__separator">
+              <span>
+                :
+              </span>
+            </div>
+            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-timepicker>
+   `);
+  });
+  it('should render inline timepicker', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker inline value="13:20:59"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-timepicker inline="" open="" value="13:20:59">
+    <mock:shadow-root>
+      <div class="timepicker__container" part="container">
+        <six-input class="input--hide" error-text="" label="" part="input" size="medium" value="13:20:59">
+          <span class="prefix" part="icon" slot="prefix">
+            <six-icon size="medium">
+              watch_later
+            </six-icon>
+          </span>
+        </six-input>
+        <div class="timepicker__popup timepicker__popup--is-inline" part="popup">
+          <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
+          <div class="timepicker__separator">
+            <span>
+              :
+            </span>
+          </div>
+          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+          <div class="timepicker__separator">
+            <span>
+              :
+            </span>
+          </div>
+          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
+        </div>
+      </div>
+    </mock:shadow-root>
+  </six-timepicker>
+   `);
+  });
+  it('should render open timepicker with default time', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open default-time="13:20:59"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-timepicker default-time="13:20:59" open="">
+    <mock:shadow-root>
+      <div class="timepicker__container" part="container">
+        <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
+          <span class="prefix" part="icon" slot="prefix">
+            <six-icon size="medium">
+              watch_later
+            </six-icon>
+          </span>
+        </six-input>
+        <div class="timepicker__popup" part="popup">
+          <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
+          <div class="timepicker__separator">
+            <span>
+              :
+            </span>
+          </div>
+          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+          <div class="timepicker__separator">
+            <span>
+              :
+            </span>
+          </div>
+          <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
+        </div>
+      </div>
+    </mock:shadow-root>
+  </six-timepicker>
+   `);
+  });
+  it('should render timepicker with different separator', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open value="11:59:20" separator="-"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+    <six-timepicker open="" separator="-" value="11:59:20">
+      <mock:shadow-root>
+        <div class="timepicker__container" part="container">
+          <six-input error-text="" label="" part="input" size="medium" value="11:59:20">
+            <span class="prefix" part="icon" slot="prefix">
+              <six-icon size="medium">
+                watch_later
+              </six-icon>
+            </span>
+          </six-input>
+          <div class="timepicker__popup" part="popup">
+            <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="11"></six-item-picker>
+            <div class="timepicker__separator">
+              <span>
+                -
+              </span>
+            </div>
+            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
+            <div class="timepicker__separator">
+              <span>
+                -
+              </span>
+            </div>
+            <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+          </div>
+        </div>
+      </mock:shadow-root>
+    </six-timepicker>
+   `);
+  });
+  it('should render timepicker with different format', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open value="03:45:20:PM" format="hh:mm:ss:aa"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker format="hh:mm:ss:aa" open="" value="03:45:20:PM">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input error-text="" label="" part="input" size="medium" value="03:45:20:PM">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+      <div class="timepicker__popup" part="popup">
+        <six-item-picker interval="35" max="11" min="0" padded="" timeout="300" type="number" value="3"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="45"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+        <six-item-picker interval="35" padded="" timeout="300" type="custom" value="PM"></six-item-picker>
+      </div>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render timepicker with adjusted timeout and interval', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open value="13:20:59" timeout="500" interval="150"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker interval="150" open="" timeout="500" value="13:20:59">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+      <div class="timepicker__popup" part="popup">
+        <six-item-picker interval="150" max="23" min="0" padded="" timeout="500" type="number" value="13"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="150" max="59" min="0" padded="" timeout="500" type="number" value="20"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="150" max="59" min="0" padded="" timeout="500" type="number" value="59"></six-item-picker>
+      </div>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render timepicker with placeholder', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker placeholder="HH:mm:ss"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker placeholder="HH:mm:ss">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input class="input--empty" error-text="" label="" part="input" placeholder="HH:mm:ss" size="medium" value="">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render readonly timepicker', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker value="02:00:00" readonly></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker readonly="" value="02:00:00">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input error-text="" label="" part="input" readonly="" size="medium" value="02:00:00">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render disabled timepicker', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker value="02:00:00" disabled></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker disabled="" value="02:00:00">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input disabled="" error-text="" label="" part="input" size="medium" value="02:00:00">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render timepicker in correct sizes', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker size="small"></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker size="small">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input class="input--empty" error-text="" label="" part="input" size="small" value="">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="small">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+    // when changing size
+    if (page.root != null) {
+      page.root.size = 'medium';
+    }
+    await page.waitForChanges();
+    // then expect medium sized timepicker
+    expect(page.root).toEqualHtml(`
+<six-timepicker size="small">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input class="input--empty" error-text="" label="" part="input" size="medium" value="">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+    // when changing size
+    if (page.root != null) {
+      page.root.size = 'large';
+    }
+    await page.waitForChanges();
+    // then expect medium sized timepicker
+    expect(page.root).toEqualHtml(`
+<six-timepicker size="small">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input class="input--empty" error-text="" label="" part="input" size="large" value="">
+        <span class="prefix" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+      </six-input>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+  it('should render open timepicker with icon on the right', async () => {
+    // given
+    const config = {
+      components: [SixTimepicker],
+      html: `<six-timepicker open value="13:20:59" icon-position="right" clearable></six-timepicker>`,
+    };
+    // when
+    const page = await newSpecPage(config);
+    // then
+    expect(page.root).toEqualHtml(`
+<six-timepicker clearable="" icon-position="right" open="" value="13:20:59">
+  <mock:shadow-root>
+    <div class="timepicker__container" part="container">
+      <six-input error-text="" label="" part="input" size="medium" value="13:20:59">
+        <span class="prefix prefix--right" part="icon" slot="prefix">
+          <six-icon size="medium">
+            watch_later
+          </six-icon>
+        </span>
+        <button class="timepicker_clear timepicker_clear--left" slot="suffix" tabindex="-1" type="button">
+          <six-icon size="small">
+            clear
+          </six-icon>
+        </button>
+      </six-input>
+      <div class="timepicker__popup" part="popup">
+        <six-item-picker interval="35" max="23" min="0" padded="" timeout="300" type="number" value="13"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="20"></six-item-picker>
+        <div class="timepicker__separator">
+          <span>
+            :
+          </span>
+        </div>
+        <six-item-picker interval="35" max="59" min="0" padded="" timeout="300" type="number" value="59"></six-item-picker>
+      </div>
+    </div>
+  </mock:shadow-root>
+</six-timepicker>
+   `);
+  });
+});
+//# sourceMappingURL=six-timepicker.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"six-timepicker.spec.js","sourceRoot":"","sources":["../../../../src/components/six-timepicker/test/six-timepicker.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTimepicker } from '../six-timepicker';\n\ndescribe('six-timepicker', () => {\n  it('should render default timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker></six-timepicker>`,\n    };\n\n    // when initially loaded\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker>\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n\n    // when setting a value and opening the popup\n    if (page.root?.shadowRoot != null) {\n      page.root.value = '20:00:00';\n      page.root.shadowRoot.querySelector('six-input')?.click();\n    }\n    await page.waitForChanges();\n\n    // then expect the correct time to be rendered\n    expect(page.root).toEqualHtml(`\n<six-timepicker open=\"\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"20:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"0\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"0\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker open=\"\" value=\"13:20:59\">\n      <mock:shadow-root>\n        <div class=\"timepicker__container\" part=\"container\">\n          <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                watch_later\n              </six-icon>\n            </span>\n          </six-input>\n          <div class=\"timepicker__popup\" part=\"popup\">\n            <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                :\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                :\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-timepicker>\n   `);\n  });\n\n  it('should render inline timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker inline value=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker inline=\"\" open=\"\" value=\"13:20:59\">\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--hide\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n        <div class=\"timepicker__popup timepicker__popup--is-inline\" part=\"popup\">\n          <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n        </div>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker with default time', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open default-time=\"13:20:59\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker default-time=\"13:20:59\" open=\"\">\n    <mock:shadow-root>\n      <div class=\"timepicker__container\" part=\"container\">\n        <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n          <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n            <six-icon size=\"medium\">\n              watch_later\n            </six-icon>\n          </span>\n        </six-input>\n        <div class=\"timepicker__popup\" part=\"popup\">\n          <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          <div class=\"timepicker__separator\">\n            <span>\n              :\n            </span>\n          </div>\n          <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n        </div>\n      </div>\n    </mock:shadow-root>\n  </six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with different separator', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"11:59:20\" separator=\"-\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n    <six-timepicker open=\"\" separator=\"-\" value=\"11:59:20\">\n      <mock:shadow-root>\n        <div class=\"timepicker__container\" part=\"container\">\n          <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"11:59:20\">\n            <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n              <six-icon size=\"medium\">\n                watch_later\n              </six-icon>\n            </span>\n          </six-input>\n          <div class=\"timepicker__popup\" part=\"popup\">\n            <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"11\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                -\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n            <div class=\"timepicker__separator\">\n              <span>\n                -\n              </span>\n            </div>\n            <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n          </div>\n        </div>\n      </mock:shadow-root>\n    </six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with different format', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"03:45:20:PM\" format=\"hh:mm:ss:aa\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker format=\"hh:mm:ss:aa\" open=\"\" value=\"03:45:20:PM\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"03:45:20:PM\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"11\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"3\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"45\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <six-item-picker interval=\"35\" padded=\"\" timeout=\"300\" type=\"custom\" value=\"PM\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with adjusted timeout and interval', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\" timeout=\"500\" interval=\"150\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker interval=\"150\" open=\"\" timeout=\"500\" value=\"13:20:59\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"150\" max=\"23\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"13\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"150\" max=\"59\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"150\" max=\"59\" min=\"0\" padded=\"\" timeout=\"500\" type=\"number\" value=\"59\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker with placeholder', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker placeholder=\"HH:mm:ss\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker placeholder=\"HH:mm:ss\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" placeholder=\"HH:mm:ss\" size=\"medium\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render readonly timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker value=\"02:00:00\" readonly></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker readonly=\"\" value=\"02:00:00\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" readonly=\"\" size=\"medium\" value=\"02:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render disabled timepicker', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker value=\"02:00:00\" disabled></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker disabled=\"\" value=\"02:00:00\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input disabled=\"\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"02:00:00\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render timepicker in correct sizes', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker size=\"small\"></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"small\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"small\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n\n    // when changing size\n    if (page.root != null) {\n      page.root.size = 'medium';\n    }\n    await page.waitForChanges();\n\n    // then expect medium sized timepicker\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n\n    // when changing size\n    if (page.root != null) {\n      page.root.size = 'large';\n    }\n    await page.waitForChanges();\n\n    // then expect medium sized timepicker\n    expect(page.root).toEqualHtml(`\n<six-timepicker size=\"small\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input class=\"input--empty\" error-text=\"\" label=\"\" part=\"input\" size=\"large\" value=\"\">\n        <span class=\"prefix\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n      </six-input>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n\n  it('should render open timepicker with icon on the right', async () => {\n    // given\n    const config = {\n      components: [SixTimepicker],\n      html: `<six-timepicker open value=\"13:20:59\" icon-position=\"right\" clearable></six-timepicker>`,\n    };\n\n    // when\n    const page = await newSpecPage(config);\n\n    // then\n    expect(page.root).toEqualHtml(`\n<six-timepicker clearable=\"\" icon-position=\"right\" open=\"\" value=\"13:20:59\">\n  <mock:shadow-root>\n    <div class=\"timepicker__container\" part=\"container\">\n      <six-input error-text=\"\" label=\"\" part=\"input\" size=\"medium\" value=\"13:20:59\">\n        <span class=\"prefix prefix--right\" part=\"icon\" slot=\"prefix\">\n          <six-icon size=\"medium\">\n            watch_later\n          </six-icon>\n        </span>\n        <button class=\"timepicker_clear timepicker_clear--left\" slot=\"suffix\" tabindex=\"-1\" type=\"button\">\n          <six-icon size=\"small\">\n            clear\n          </six-icon>\n        </button>\n      </six-input>\n      <div class=\"timepicker__popup\" part=\"popup\">\n        <six-item-picker interval=\"35\" max=\"23\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"13\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"20\"></six-item-picker>\n        <div class=\"timepicker__separator\">\n          <span>\n            :\n          </span>\n        </div>\n        <six-item-picker interval=\"35\" max=\"59\" min=\"0\" padded=\"\" timeout=\"300\" type=\"number\" value=\"59\"></six-item-picker>\n      </div>\n    </div>\n  </mock:shadow-root>\n</six-timepicker>\n   `);\n  });\n});\n"]}

package/dist/collection/components/six-tooltip/six-tooltip.js

@@ -1,5 +1,5 @@
-import { h, Host } from '@stencil/core';
-import Popover from '../../utils/popover';
+import { h, Host } from "@stencil/core";
+import Popover from "../../utils/popover";
 let id = 0;
 /**
  * @since 1.0
@@ -316,7 +316,8 @@ export class SixTooltip {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -336,7 +337,8 @@ export class SixTooltip {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -356,7 +358,8 @@ export class SixTooltip {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -376,7 +379,8 @@ export class SixTooltip {
           "references": {
             "EmptyPayload": {
               "location": "import",
-              "path": "../../utils/types"
+              "path": "../../utils/types",
+              "id": "src/utils/types.ts::EmptyPayload"
             }
           }
         }
@@ -390,7 +394,8 @@ export class SixTooltip {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -406,7 +411,8 @@ export class SixTooltip {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"