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

package/dist/collection/components/six-tab-panel/test/six-tab-panel.spec.js

@@ -1,20 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTabPanel } from "../six-tab-panel";
-describe('six-tab-panel', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixTabPanel],
-            html: `<six-tab-panel></six-tab-panel>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-tab-panel id="tab-panel-1" style="display: none;">
-        <mock:shadow-root>
-          <div aria-hidden="true" aria-selected="false" class="tab-panel" part="base" role="tabpanel">
-            <slot></slot>
-          </div>
-        </mock:shadow-root>
-      </six-tab-panel>
-    `);
-    });
-});
-//# sourceMappingURL=six-tab-panel.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tab-panel.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tab-panel/test/six-tab-panel.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;KAQ7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixTabPanel } from '../six-tab-panel';\n\ndescribe('six-tab-panel', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTabPanel],\n      html: `<six-tab-panel></six-tab-panel>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tab-panel id=\"tab-panel-1\" style=\"display: none;\">\n        <mock:shadow-root>\n          <div aria-hidden=\"true\" aria-selected=\"false\" class=\"tab-panel\" part=\"base\" role=\"tabpanel\">\n            <slot></slot>\n          </div>\n        </mock:shadow-root>\n      </six-tab-panel>\n    `);\n  });\n});\n"]}

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

@@ -1,54 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTag } from "../six-tag";
-describe('six-tag', () => {
-    beforeEach(async () => {
-        global.ResizeObserver = jest.fn().mockImplementation(() => ({
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn(),
-        }));
-    });
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixTag],
-            html: `<six-tag size="small">label</six-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-
-      <six-tag size="small" type="primary">
-        <mock:shadow-root>
-          <span class="tag tag--primary tag--small" part="base">
-          <six-tooltip>
-            <span class="tag__content" part="content">
-              <slot></slot>
-            </span>
-            </six-tooltip>
-          </span>
-        </mock:shadow-root>
-        label
-      </six-tag>
-    `);
-    });
-    it('renders clearable', async () => {
-        const page = await newSpecPage({
-            components: [SixTag],
-            html: `<six-tag size="medium" clearable>label</six-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-tag clearable="" size="medium" type="primary">
-        <mock:shadow-root>
-          <span class="tag tag--clear tag--medium tag--primary" part="base">
-          <six-tooltip>
-            <span class="tag__content" part="content">
-              <slot></slot>
-            </span>
-          </six-tooltip>
-            <six-icon-button class="tag__clear" exportparts="base:clear-button" name="clear" size="xSmall"></six-icon-button>
-          </span>
-        </mock:shadow-root>
-        label
-      </six-tag>
-    `);
-    });
-});
-//# sourceMappingURL=six-tag.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tag.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tag/test/six-tag.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC;YAC1D,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;YACpB,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;SACtB,CAAC,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,CAAC;YACpB,IAAI,EAAE,uCAAuC;SAC9C,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;KAc7B,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,MAAM,CAAC;YACpB,IAAI,EAAE,kDAAkD;SACzD,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 { SixTag } from '../six-tag';\n\ndescribe('six-tag', () => {\n  beforeEach(async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"small\">label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n\n      <six-tag size=\"small\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--primary tag--small\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n            </six-tooltip>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n\n  it('renders clearable', async () => {\n    const page = await newSpecPage({\n      components: [SixTag],\n      html: `<six-tag size=\"medium\" clearable>label</six-tag>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tag clearable=\"\" size=\"medium\" type=\"primary\">\n        <mock:shadow-root>\n          <span class=\"tag tag--clear tag--medium tag--primary\" part=\"base\">\n          <six-tooltip>\n            <span class=\"tag__content\" part=\"content\">\n              <slot></slot>\n            </span>\n          </six-tooltip>\n            <six-icon-button class=\"tag__clear\" exportparts=\"base:clear-button\" name=\"clear\" size=\"xSmall\"></six-icon-button>\n          </span>\n        </mock:shadow-root>\n        label\n      </six-tag>\n    `);\n  });\n});\n"]}

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

@@ -1,119 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTextarea } from "../six-textarea";
-describe('six-textarea', () => {
-    let page;
-    let textarea;
-    beforeEach(async () => {
-        var _a;
-        global.ResizeObserver = jest.fn().mockImplementation(() => ({
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn(),
-        }));
-        page = (await newSpecPage({
-            components: [SixTextarea],
-            html: `<six-textarea></six-textarea>`,
-            supportsShadowDom: true,
-        }));
-        const element = (_a = page.root.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('textarea');
-        if (element != null) {
-            textarea = element;
-            return;
-        }
-        fail('textarea not found');
-    });
-    it('renders', async () => {
-        // then
-        expect(page.root).toEqualHtml(`
-      <six-textarea size="medium" value="">
-        <mock:shadow-root>
-         <div class="form-control form-control--medium" part="form-control">
-           <label aria-hidden="true" class="form-control__label" htmlfor="textarea-1" id="textarea-label-1" part="label">
-             <slot name="label"></slot>
-           </label>
-           <div class="form-control__input">
-             <div class="textarea textarea--empty textarea--medium textarea--resize-vertical" part="base"><textarea aria-labelledby="textarea-label-1" autocapitalize="off" autocorrect="off" class="textarea__control" id="textarea-1" part="textarea" rows="4" value=""></textarea>
-             </div>
-           </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" id="textarea-help-text-1" part="help-text">
-             <slot name="help-text"></slot>
-           </div>
-         </div>
-       </mock:shadow-root>
-     </six-textarea>
-    `);
-    });
-    it('should properly dispatch blur event', async () => {
-        const spy = jest.fn();
-        page.root.addEventListener('six-textarea-blur', spy);
-        await page.waitForChanges();
-        // when
-        textarea.dispatchEvent(new Event('blur'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-blur',
-        }));
-        // when
-        page.root.value = 'some new value';
-        await page.waitForChanges();
-        textarea.dispatchEvent(new Event('blur'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-blur',
-        }));
-    });
-    it('should properly dispatch focus event', async () => {
-        const spy = jest.fn();
-        page.root.addEventListener('six-textarea-focus', spy);
-        await page.waitForChanges();
-        // when
-        textarea.dispatchEvent(new Event('focus'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-focus',
-        }));
-        // when
-        page.root.value = 'some new value';
-        await page.waitForChanges();
-        textarea.dispatchEvent(new Event('focus'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-focus',
-        }));
-    });
-    it('should properly dispatch input event', async () => {
-        const spy = jest.fn();
-        page.root.addEventListener('six-textarea-input', spy);
-        await page.waitForChanges();
-        // when
-        textarea.dispatchEvent(new Event('input'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-input',
-        }));
-        // when
-        page.root.value = 'some new value';
-        await page.waitForChanges();
-        textarea.dispatchEvent(new Event('input'));
-        await page.waitForChanges();
-        // then
-        expect(spy).toHaveBeenCalledWith(expect.objectContaining({
-            detail: undefined,
-            type: 'six-textarea-input',
-        }));
-    });
-});
-//# sourceMappingURL=six-textarea.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-textarea.spec.js","sourceRoot":"","sources":["../../../../src/components/six-textarea/test/six-textarea.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage, SpecPage } from '@stencil/core/testing';\nimport { SixTextarea } from '../six-textarea';\n\ninterface TypedSpecPage<T> extends SpecPage {\n  root: HTMLElement & T;\n}\n\ndescribe('six-textarea', () => {\n  let page: TypedSpecPage<SixTextarea>;\n  let textarea: HTMLTextAreaElement;\n\n  beforeEach(async () => {\n    global.ResizeObserver = jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    }));\n\n    page = (await newSpecPage({\n      components: [SixTextarea],\n      html: `<six-textarea></six-textarea>`,\n      supportsShadowDom: true,\n    })) as TypedSpecPage<SixTextarea>;\n\n    const element = page.root.shadowRoot?.querySelector('textarea');\n    if (element != null) {\n      textarea = element;\n      return;\n    }\n    fail('textarea not found');\n  });\n\n  it('renders', async () => {\n    // then\n    expect(page.root).toEqualHtml(`\n      <six-textarea size=\"medium\" value=\"\">\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=\"textarea-1\" id=\"textarea-label-1\" part=\"label\">\n             <slot name=\"label\"></slot>\n           </label>\n           <div class=\"form-control__input\">\n             <div class=\"textarea textarea--empty textarea--medium textarea--resize-vertical\" part=\"base\"><textarea aria-labelledby=\"textarea-label-1\" autocapitalize=\"off\" autocorrect=\"off\" class=\"textarea__control\" id=\"textarea-1\" part=\"textarea\" rows=\"4\" value=\"\"></textarea>\n             </div>\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\" id=\"textarea-help-text-1\" part=\"help-text\">\n             <slot name=\"help-text\"></slot>\n           </div>\n         </div>\n       </mock:shadow-root>\n     </six-textarea>\n    `);\n  });\n\n  it('should properly dispatch blur event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-blur', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('blur'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-blur',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('blur'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-blur',\n      })\n    );\n  });\n\n  it('should properly dispatch focus event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-focus', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('focus'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-focus',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('focus'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-focus',\n      })\n    );\n  });\n\n  it('should properly dispatch input event', async () => {\n    const spy = jest.fn();\n    page.root.addEventListener('six-textarea-input', spy);\n    await page.waitForChanges();\n\n    // when\n    textarea.dispatchEvent(new Event('input'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-input',\n      })\n    );\n\n    // when\n    page.root.value = 'some new value';\n    await page.waitForChanges();\n    textarea.dispatchEvent(new Event('input'));\n    await page.waitForChanges();\n\n    // then\n    expect(spy).toHaveBeenCalledWith(\n      expect.objectContaining({\n        detail: undefined,\n        type: 'six-textarea-input',\n      })\n    );\n  });\n});\n"]}

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

@@ -1,69 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixTile } from "../six-tile";
-describe('six-tile', () => {
-    it('renders six-tile with props', async () => {
-        const page = await newSpecPage({
-            components: [SixTile],
-            html: `<six-tile label="Medium" icon-name="home"></six-tile>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-tile label="Medium" icon-name="home" size="medium">
-        <mock:shadow-root>
-          <six-tooltip disabled="" content="Medium">
-            <div class="tile tile--medium tile--visible" part="base">
-              <div class="tile__header" part="header">
-                <six-icon-button name="close" size="medium"></six-icon-button>
-              </div>
-              <div class="tile__body" part="body">
-                <six-icon size="xxLarge">
-                  home
-                </six-icon>
-              </div>
-              <div class="tile__footer--medium" part="footer">
-                <div class=".label__footer">
-                  Medium
-                </div>
-              </div>
-            </div>
-          </six-tooltip>
-        </mock:shadow-root>
-      </six-tile>
-    `);
-    });
-    it('renders six-tile with slot', async () => {
-        const page = await newSpecPage({
-            components: [SixTile],
-            html: `
-      <six-tile>
-        <six-icon slot="icon">delete</six-icon>
-        <div slot="label">short label</div>
-      </six-tile>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-tile size="medium">
-        <mock:shadow-root>
-          <six-tooltip content="" disabled="">
-            <div class="tile tile--medium tile--visible" part="base">
-              <div class="tile__header" part="header">
-                <six-icon-button name="close" size="medium"></six-icon-button>
-              </div>
-              <div class="tile__body" part="body">
-                <slot name="icon"></slot>
-              </div>
-              <div class="tile__footer--medium" part="footer">
-                <slot name="label"></slot>
-              </div>
-            </div>
-          </six-tooltip>
-        </mock:shadow-root>
-        <six-icon slot="icon">
-          delete
-        </six-icon>
-        <div slot="label">
-          short label
-        </div>
-      </six-tile>
-    `);
-    });
-});
-//# sourceMappingURL=six-tile.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-tile.spec.js","sourceRoot":"","sources":["../../../../src/components/six-tile/test/six-tile.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE,uDAAuD;SAC9D,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;KAsB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,OAAO,CAAC;YACrB,IAAI,EAAE;;;;kBAIM;SACb,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 { SixTile } from '../six-tile';\n\ndescribe('six-tile', () => {\n  it('renders six-tile with props', async () => {\n    const page = await newSpecPage({\n      components: [SixTile],\n      html: `<six-tile label=\"Medium\" icon-name=\"home\"></six-tile>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tile label=\"Medium\" icon-name=\"home\" size=\"medium\">\n        <mock:shadow-root>\n          <six-tooltip disabled=\"\" content=\"Medium\">\n            <div class=\"tile tile--medium tile--visible\" part=\"base\">\n              <div class=\"tile__header\" part=\"header\">\n                <six-icon-button name=\"close\" size=\"medium\"></six-icon-button>\n              </div>\n              <div class=\"tile__body\" part=\"body\">\n                <six-icon size=\"xxLarge\">\n                  home\n                </six-icon>\n              </div>\n              <div class=\"tile__footer--medium\" part=\"footer\">\n                <div class=\".label__footer\">\n                  Medium\n                </div>\n              </div>\n            </div>\n          </six-tooltip>\n        </mock:shadow-root>\n      </six-tile>\n    `);\n  });\n\n  it('renders six-tile with slot', async () => {\n    const page = await newSpecPage({\n      components: [SixTile],\n      html: `\n      <six-tile>\n        <six-icon slot=\"icon\">delete</six-icon>\n        <div slot=\"label\">short label</div>\n      </six-tile>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-tile size=\"medium\">\n        <mock:shadow-root>\n          <six-tooltip content=\"\" disabled=\"\">\n            <div class=\"tile tile--medium tile--visible\" part=\"base\">\n              <div class=\"tile__header\" part=\"header\">\n                <six-icon-button name=\"close\" size=\"medium\"></six-icon-button>\n              </div>\n              <div class=\"tile__body\" part=\"body\">\n                <slot name=\"icon\"></slot>\n              </div>\n              <div class=\"tile__footer--medium\" part=\"footer\">\n                <slot name=\"label\"></slot>\n              </div>\n            </div>\n          </six-tooltip>\n        </mock:shadow-root>\n        <six-icon slot=\"icon\">\n          delete\n        </six-icon>\n        <div slot=\"label\">\n          short label\n        </div>\n      </six-tile>\n    `);\n  });\n});\n"]}