@six-group/ui-library 0.0.0-insider.ad9373a → 0.0.0-insider.af88f91

package/dist/cjs/modal-3ce015be.js.map

@@ -1 +0,0 @@
-{"file":"modal-3ce015be.js","mappings":";;AAAA;AACA;AACA;MACa,wBAAwB,GAAG;IACtC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK;QACX,OAAO,CAAC,KAAK,CAAC;YACZ,IAAI,aAAa;gBACf,SAAS,GAAG,IAAI,CAAC;gBACjB,OAAO,KAAK,CAAC;aACd;SACF,CAAC,CAAC;IAEL,OAAO,SAAS,CAAC;AACnB;;ACZA,IAAI,YAAY,GAAkB,EAAE,CAAC;MAEhB,KAAK;IAIxB,YAAY,OAAoB,EAAE,OAAsB;QACtD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACpD;IAED,QAAQ;QACN,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC1D;IAED,UAAU;QACR,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;QACtE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;KAC7D;IAED,QAAQ;;QAEN,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;KAC/D;IAED,aAAa,CAAC,KAAY;;QACxB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;;QAGnD,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,QAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,CAAA,KAAK,UAAU,EAAE;YACjH,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,CAAC,KAAK,CAAC,CAAC;SACjC;KACF;;;;;;","names":[],"sources":["src/utils/support.ts","src/utils/modal.ts"],"sourcesContent":["//\n// Determines if the browser supports focus({ preventScroll })\n//\nexport const isPreventScrollSupported = () => {\n  let supported = false;\n\n  const element = document.createElement('div');\n  element.focus &&\n    element.focus({\n      get preventScroll() {\n        supported = true;\n        return false;\n      },\n    });\n\n  return supported;\n};\n","interface ModalOptions {\n  onFocusOut?: (event: Event) => void;\n}\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  options?: ModalOptions;\n\n  constructor(element: HTMLElement, options?: ModalOptions) {\n    this.element = element;\n    this.options = options;\n    this.handleFocusIn = this.handleFocusIn.bind(this);\n  }\n\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n  }\n\n  deactivate() {\n    activeModals = activeModals.filter((modal) => modal !== this.element);\n    document.removeEventListener('focusin', this.handleFocusIn);\n  }\n\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  handleFocusIn(event: Event) {\n    const target = event.target as HTMLElement;\n    const tagName = this.element.tagName.toLowerCase();\n\n    // If focus is lost while the modal is active, run the onFocusOut callback\n    if (this.isActive() && target.closest(tagName) !== this.element && typeof this.options?.onFocusOut === 'function') {\n      this.options?.onFocusOut(event);\n    }\n  }\n}\n"],"version":3}

package/dist/cjs/set-attributes_2.cjs.entry.js

@@ -1,73 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5dd19c4b.js');
-
-const SetAttributes = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = {};
-    }
-    componentWillLoad() {
-        this.injectAttrs();
-    }
-    attrsUpdated() {
-        this.injectAttrs();
-    }
-    injectAttrs() {
-        const slot = this.host.firstElementChild;
-        if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-            return;
-        }
-        const child = slot.assignedElements().pop();
-        if (!child) {
-            return;
-        }
-        const types = {
-            // no need for function and bigint
-            undefined: (key) => child.removeAttribute(key),
-            boolean: (key, value) => {
-                if (value != null) {
-                    child.setAttribute(key, '');
-                }
-                else {
-                    child.removeAttribute(key);
-                }
-            },
-            number: (key, value) => child.setAttribute(key, value),
-            string: (key, value) => child.setAttribute(key, value),
-            object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-        };
-        for (const [key, value] of Object.entries(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            types[typeof value](key, value);
-        }
-    }
-    render() {
-        return index.h("slot", null);
-    }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": ["attrsUpdated"]
-    }; }
-};
-
-const sixStageIndicatorCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:grid}.center-content{display:grid;align-self:center;justify-self:center;grid-gap:5px;grid-auto-flow:column}.align-item{margin:auto}.indicator,.indicator--acceptance,.indicator--etu,.indicator--dev,.indicator--itu{font-family:var(--six-font-family);font-size:14px;font-weight:var(--six-font-weight-bold);display:grid;align-content:center;width:100%;height:24px}.indicator--itu{background-color:var(--six-color-success-600);color:var(--six-color-web-rock-900)}.indicator--dev{background-color:var(--six-color-web-rock-900);color:var(--six-color-white)}.indicator--etu{background-color:var(--six-color-action-600);color:var(--six-color-white)}.indicator--acceptance{background-color:var(--six-color-warning-800);color:var(--six-color-web-rock-900)}";
-
-const SixStageIndicator = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.stage = null;
-    }
-    render() {
-        return this.stage == null || this.stage == 'PROD' ? null : (index.h("div", { class: `indicator--${this.stage.toLowerCase()}` }, index.h("div", { class: "center-content" }, index.h("six-icon", { class: "align-item", size: "small" }, "error_outline"), index.h("span", { class: 'align-item' }, index.h("slot", null)))));
-    }
-};
-SixStageIndicator.style = sixStageIndicatorCss;
-
-exports.set_attributes = SetAttributes;
-exports.six_stage_indicator = SixStageIndicator;
-
-//# sourceMappingURL=set-attributes_2.cjs.entry.js.map

package/dist/cjs/set-attributes_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"set-attributes.six-stage-indicator.entry.cjs.js","mappings":";;;;;;MAKa,aAAa;;;qBAIR,EAAE;;IAElB,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;QAE5D,IAAI,QAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;YAChD,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;QAE5C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,KAAK,GAAG;;YAEZ,SAAS,EAAE,CAAC,GAAW,KAAK,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YACtD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAc;gBACnC,IAAI,KAAK,IAAI,IAAI,EAAE;oBACjB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;iBAC7B;qBAAM;oBACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;iBAC5B;aACF;YACD,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;;;YAGrD,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACjC;KACF;IAED,MAAM;QACJ,OAAOA,qBAAQ,CAAC;KACjB;;;;;;;ACzDH,MAAM,oBAAoB,GAAG,k2BAAk2B;;MCSl3B,iBAAiB;;;qBAED,IAAI;;IAE/B,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,GAAG,IAAI,IACtDA,iBAAK,KAAK,EAAE,cAAc,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,IAClDA,iBAAK,KAAK,EAAC,gBAAgB,IACzBA,sBAAU,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,oBAE9B,EACXA,kBAAM,KAAK,EAAE,YAAY,IACvBA,qBAAQ,CACH,CACH,CACF,CACP,CAAC;KACH;;;;;;;","names":["h"],"sources":["src/wrappers/set-attributes/set-attributes.tsx","src/components/six-stage-indicator/six-stage-indicator.scss?tag=six-stage-indicator&encapsulation=shadow","src/components/six-stage-indicator/six-stage-indicator.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host!: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  private injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key: string) => child.removeAttribute(key),\n      boolean: (key: string, value: unknown) => {\n        if (value != null) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key: string, value: string) => child.setAttribute(key, value),\n      string: (key: string, value: string) => child.setAttribute(key, value),\n      object: (key: string, value: string) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n","@import 'src/global/component';\n\n:host {\n  display: grid;\n}\n\n.center-content {\n  display: grid;\n  align-self: center;\n  justify-self: center;\n  grid-gap: 5px;\n  grid-auto-flow: column;\n}\n\n.align-item {\n  margin: auto;\n}\n\n.indicator {\n  font-family: var(--six-font-family);\n  font-size: 14px;\n  font-weight: var(--six-font-weight-bold);\n  display: grid;\n  align-content: center;\n  width: 100%;\n  height: 24px;\n\n  &--itu {\n    @extend .indicator;\n    background-color: var(--six-color-success-600);\n    color: var(--six-color-web-rock-900);\n  }\n\n  &--dev {\n    @extend .indicator;\n    background-color: var(--six-color-web-rock-900);\n    color: var(--six-color-white);\n  }\n\n  &--etu {\n    @extend .indicator;\n    background-color: var(--six-color-action-600);\n    color: var(--six-color-white);\n  }\n\n  &--acceptance {\n    @extend .indicator;\n    background-color: var(--six-color-warning-800);\n    color: var(--six-color-web-rock-900);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nexport type StageType = 'DEV' | 'ITU' | 'ETU' | 'ACCEPTANCE' | 'PROD' | null;\n\n@Component({\n  tag: 'six-stage-indicator',\n  styleUrl: 'six-stage-indicator.scss',\n  shadow: true,\n})\nexport class SixStageIndicator {\n  /** The indicators value attribute */\n  @Prop() stage: StageType = null;\n\n  render() {\n    return this.stage == null || this.stage == 'PROD' ? null : (\n      <div class={`indicator--${this.stage.toLowerCase()}`}>\n        <div class=\"center-content\">\n          <six-icon class=\"align-item\" size=\"small\">\n            error_outline\n          </six-icon>\n          <span class={'align-item'}>\n            <slot />\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/collection/components/six-header/assets/six-logo.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 90 26" xmlns="http://www.w3.org/2000/svg"><g fill="#DE3919" fill-rule="nonzero"><path d="m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525"/><path d="m42.16.324h5.21v24.806h-5.21z"/><path d="m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545"/></g></svg>

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

@@ -1,177 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SixHeader } from "../six-header";
-describe('six-header', () => {
-    beforeEach(() => {
-        const mutationObserverMock = jest.fn(function MutationObserver() {
-            this.observe = jest.fn();
-            this.disconnect = jest.fn();
-            return this;
-        });
-        global.MutationObserver = mutationObserverMock;
-    });
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SixHeader],
-            html: `<six-header></six-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-header>
-        <mock:shadow-root>
-          <header class="six-header">
-            <section class="six-header__menu">
-              <six-icon-button name="menu"></six-icon-button>
-            </section>
-            <section class="six-header__logo">
-             <svg height="20" viewBox="0 0 90 26" xmlns="http://www.w3.org/2000/svg">
-               <title>
-                 SIX
-               </title>
-               <g fill="#DE3919" fill-rule="nonzero">
-                 <path d="m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525"></path>
-                 <path d="m42.16.324h5.21v24.806h-5.21z"></path>
-                 <path d="m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545"></path>
-               </g>
-             </svg>
-
-            </section>
-            <section class="six-header__placeholder"></section>
-            <section class="six-header__custom">
-              <slot></slot>
-            </section>
-          </header>
-          <div class="six-header__search-field">
-            <slot name="search-field"></slot>
-          </div>
-        </mock:shadow-root>
-      </six-header>
-    `);
-    });
-    it('should render custom logo ', async () => {
-        // given
-        const html = `<six-header><div slot="logo">custom logo</div></six-header>`;
-        // when
-        const page = await newSpecPage({
-            components: [SixHeader],
-            html: html,
-        });
-        // then
-        expect(page.root).toEqualHtml(`
-      <six-header>
-        <mock:shadow-root>
-          <header class="six-header">
-            <section class="six-header__menu">
-              <six-icon-button name="menu"></six-icon-button>
-            </section>
-            <section>
-               <slot name="logo"></slot>
-            </section>
-            <section class="six-header__placeholder"></section>
-            <section class="six-header__custom">
-              <slot></slot>
-            </section>
-          </header>
-          <div class="six-header__search-field">
-            <slot name="search-field"></slot>
-          </div>
-        </mock:shadow-root>
-          <div slot="logo">
-            custom logo
-          </div>
-      </six-header>
-    `);
-    });
-    it('should render app switcher', async () => {
-        // given
-        const html = `<six-header>
-                    <six-menu slot="app-switcher-menu">
-                      <six-menu-item checked="false">Custody</six-menu-item>
-                      <six-menu-item checked="true">Swiss Interbank Clearing</six-menu-item>
-                    </six-menu>
-                  </six-header>`;
-        // when
-        const page = await newSpecPage({
-            components: [SixHeader],
-            html: html,
-        });
-        // then
-        expect(page.root).toEqualHtml(`
-      <six-header>
-        <mock:shadow-root>
-          <header class="six-header">
-            <section class="six-header__menu">
-              <six-icon-button name="menu"></six-icon-button>
-            </section>
-            <section class="six-header__logo">
-             <svg height="20" viewBox="0 0 90 26" xmlns="http://www.w3.org/2000/svg">
-               <title>
-                 SIX
-               </title>
-               <g fill="#DE3919" fill-rule="nonzero">
-                 <path d="m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525"></path>
-                 <path d="m42.16.324h5.21v24.806h-5.21z"></path>
-                 <path d="m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545"></path>
-               </g>
-             </svg>
-
-            </section>
-            <section class="six-header__placeholder"></section>
-            <section class="six-header__custom">
-              <slot></slot>
-            </section>
-            <section class="six-header__app-switcher">
-                <six-dropdown distance="13" placement="bottom-end" skidding="20">
-                  <div class="six-header__app-switcher-dropdown" slot="trigger">
-                    <a class="six-header__selected-app">Swiss Interbank Clearing</a>
-                    <six-icon-button name="apps"></six-icon-button>
-                  </div>
-                  <slot name="app-switcher-menu"></slot>
-               </six-dropdown>
-           </section>
-          </header>
-          <div class="six-header__search-field">
-            <slot name="search-field"></slot>
-          </div>
-        </mock:shadow-root>
-        <six-menu slot="app-switcher-menu">
-            <six-menu-item checked="false">Custody</six-menu-item>
-            <six-menu-item checked="true">Swiss Interbank Clearing</six-menu-item>
-        </six-menu>
-      </six-header>
-    `);
-    });
-    it('renders without hamburger menu', async () => {
-        const page = await newSpecPage({
-            components: [SixHeader],
-            html: `<six-header hide-hamburger-menu="true"></six-header>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <six-header hide-hamburger-menu="true">
-        <mock:shadow-root>
-          <header class="six-header">
-            <section class="six-header__logo">
-            <svg height="20" viewBox="0 0 90 26" xmlns="http://www.w3.org/2000/svg">
-              <title>
-                SIX
-              </title>
-              <g fill="#DE3919" fill-rule="nonzero">
-                <path d="m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525"></path>
-                <path d="m42.16.324h5.21v24.806h-5.21z"></path>
-                <path d="m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545"></path>
-              </g>
-            </svg>
-
-            </section>
-            <section class="six-header__placeholder"></section>
-            <section class="six-header__custom">
-              <slot></slot>
-            </section>
-          </header>
-          <div class="six-header__search-field">
-            <slot name="search-field"></slot>
-          </div>
-        </mock:shadow-root>
-      </six-header>
-  `);
-    });
-});
-//# sourceMappingURL=six-header.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"six-header.spec.js","sourceRoot":"","sources":["../../../../src/components/six-header/test/six-header.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,UAAU,CAAC,GAAG,EAAE;QACd,MAAM,oBAAoB,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,gBAAgB;YAC5D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;YAC5B,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,gBAAgB,GAAG,oBAAoB,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8B7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,QAAQ;QACR,MAAM,IAAI,GAAG,6DAA6D,CAAC;QAE3E,OAAO;QACP,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QAEH,OAAO;QACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;KAuB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,QAAQ;QACR,MAAM,IAAI,GAAG;;;;;gCAKe,CAAC;QAE7B,OAAO;QACP,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;QAEH,OAAO;QACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2C7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,sDAAsD;SAC7D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2B/B,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SixHeader } from '../six-header';\n\ndescribe('six-header', () => {\n  beforeEach(() => {\n    const mutationObserverMock = jest.fn(function MutationObserver(this: MutationObserver): MutationObserver {\n      this.observe = jest.fn();\n      this.disconnect = jest.fn();\n      return this;\n    });\n    global.MutationObserver = mutationObserverMock;\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SixHeader],\n      html: `<six-header></six-header>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <six-header>\n        <mock:shadow-root>\n          <header class=\"six-header\">\n            <section class=\"six-header__menu\">\n              <six-icon-button name=\"menu\"></six-icon-button>\n            </section>\n            <section class=\"six-header__logo\">\n             <svg height=\"20\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n               <title>\n                 SIX\n               </title>\n               <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n                 <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\"></path>\n                 <path d=\"m42.16.324h5.21v24.806h-5.21z\"></path>\n                 <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\"></path>\n               </g>\n             </svg>\n\n            </section>\n            <section class=\"six-header__placeholder\"></section>\n            <section class=\"six-header__custom\">\n              <slot></slot>\n            </section>\n          </header>\n          <div class=\"six-header__search-field\">\n            <slot name=\"search-field\"></slot>\n          </div>\n        </mock:shadow-root>\n      </six-header>\n    `);\n  });\n\n  it('should render custom logo ', async () => {\n    // given\n    const html = `<six-header><div slot=\"logo\">custom logo</div></six-header>`;\n\n    // when\n    const page = await newSpecPage({\n      components: [SixHeader],\n      html: html,\n    });\n\n    // then\n    expect(page.root).toEqualHtml(`\n      <six-header>\n        <mock:shadow-root>\n          <header class=\"six-header\">\n            <section class=\"six-header__menu\">\n              <six-icon-button name=\"menu\"></six-icon-button>\n            </section>\n            <section>\n               <slot name=\"logo\"></slot>\n            </section>\n            <section class=\"six-header__placeholder\"></section>\n            <section class=\"six-header__custom\">\n              <slot></slot>\n            </section>\n          </header>\n          <div class=\"six-header__search-field\">\n            <slot name=\"search-field\"></slot>\n          </div>\n        </mock:shadow-root>\n          <div slot=\"logo\">\n            custom logo\n          </div>\n      </six-header>\n    `);\n  });\n\n  it('should render app switcher', async () => {\n    // given\n    const html = `<six-header>\n                    <six-menu slot=\"app-switcher-menu\">\n                      <six-menu-item checked=\"false\">Custody</six-menu-item>\n                      <six-menu-item checked=\"true\">Swiss Interbank Clearing</six-menu-item>\n                    </six-menu>\n                  </six-header>`;\n\n    // when\n    const page = await newSpecPage({\n      components: [SixHeader],\n      html: html,\n    });\n\n    // then\n    expect(page.root).toEqualHtml(`\n      <six-header>\n        <mock:shadow-root>\n          <header class=\"six-header\">\n            <section class=\"six-header__menu\">\n              <six-icon-button name=\"menu\"></six-icon-button>\n            </section>\n            <section class=\"six-header__logo\">\n             <svg height=\"20\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n               <title>\n                 SIX\n               </title>\n               <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n                 <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\"></path>\n                 <path d=\"m42.16.324h5.21v24.806h-5.21z\"></path>\n                 <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\"></path>\n               </g>\n             </svg>\n\n            </section>\n            <section class=\"six-header__placeholder\"></section>\n            <section class=\"six-header__custom\">\n              <slot></slot>\n            </section>\n            <section class=\"six-header__app-switcher\">\n                <six-dropdown distance=\"13\" placement=\"bottom-end\" skidding=\"20\">\n                  <div class=\"six-header__app-switcher-dropdown\" slot=\"trigger\">\n                    <a class=\"six-header__selected-app\">Swiss Interbank Clearing</a>\n                    <six-icon-button name=\"apps\"></six-icon-button>\n                  </div>\n                  <slot name=\"app-switcher-menu\"></slot>\n               </six-dropdown>\n           </section>\n          </header>\n          <div class=\"six-header__search-field\">\n            <slot name=\"search-field\"></slot>\n          </div>\n        </mock:shadow-root>\n        <six-menu slot=\"app-switcher-menu\">\n            <six-menu-item checked=\"false\">Custody</six-menu-item>\n            <six-menu-item checked=\"true\">Swiss Interbank Clearing</six-menu-item>\n        </six-menu>\n      </six-header>\n    `);\n  });\n\n  it('renders without hamburger menu', async () => {\n    const page = await newSpecPage({\n      components: [SixHeader],\n      html: `<six-header hide-hamburger-menu=\"true\"></six-header>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <six-header hide-hamburger-menu=\"true\">\n        <mock:shadow-root>\n          <header class=\"six-header\">\n            <section class=\"six-header__logo\">\n            <svg height=\"20\" viewBox=\"0 0 90 26\" xmlns=\"http://www.w3.org/2000/svg\">\n              <title>\n                SIX\n              </title>\n              <g fill=\"#DE3919\" fill-rule=\"nonzero\">\n                <path d=\"m22.798 3.869c1.82-2.168 4.549-3.545 7.6-3.545h6.807v4.961h-6.807c-1.526 0-2.89.689-3.8 1.771l-12.19 14.526c-1.82 2.166-4.549 3.545-7.6 3.545h-6.808v-4.961h6.808c1.525 0 2.889-.689 3.799-1.773l12.191-14.525\"></path>\n                <path d=\"m42.16.324h5.21v24.806h-5.21z\"></path>\n                <path d=\"m66.743 3.869l4.195 4.999 4.195-4.999c1.819-2.168 4.549-3.545 7.6-3.545h6.806v4.961h-6.806c-1.526 0-2.89.689-3.8 1.771l-4.758 5.669 4.758 5.669c.91 1.084 2.274 1.773 3.8 1.773h6.806v4.961h-6.806c-3.051 0-5.781-1.379-7.6-3.545l-4.195-4.999-4.195 4.999c-1.82 2.166-4.55 3.545-7.6 3.545h-6.807v-4.961h6.807c1.525 0 2.889-.689 3.799-1.773l4.758-5.669-4.758-5.669c-.91-1.083-2.274-1.771-3.799-1.771h-6.807v-4.961h6.807c3.05 0 5.78 1.378 7.6 3.545\"></path>\n              </g>\n            </svg>\n\n            </section>\n            <section class=\"six-header__placeholder\"></section>\n            <section class=\"six-header__custom\">\n              <slot></slot>\n            </section>\n          </header>\n          <div class=\"six-header__search-field\">\n            <slot name=\"search-field\"></slot>\n          </div>\n        </mock:shadow-root>\n      </six-header>\n  `);\n  });\n});\n"]}

package/dist/collection/utils/support.js

@@ -1,16 +0,0 @@
-//
-// Determines if the browser supports focus({ preventScroll })
-//
-export const isPreventScrollSupported = () => {
-    let supported = false;
-    const element = document.createElement('div');
-    element.focus &&
-        element.focus({
-            get preventScroll() {
-                supported = true;
-                return false;
-            },
-        });
-    return supported;
-};
-//# sourceMappingURL=support.js.map

package/dist/collection/utils/support.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"support.js","sourceRoot":"","sources":["../../src/utils/support.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,8DAA8D;AAC9D,EAAE;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,KAAK;QACX,OAAO,CAAC,KAAK,CAAC;YACZ,IAAI,aAAa;gBACf,SAAS,GAAG,IAAI,CAAC;gBACjB,OAAO,KAAK,CAAC;YACf,CAAC;SACF,CAAC,CAAC;IAEL,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC","sourcesContent":["//\n// Determines if the browser supports focus({ preventScroll })\n//\nexport const isPreventScrollSupported = () => {\n  let supported = false;\n\n  const element = document.createElement('div');\n  element.focus &&\n    element.focus({\n      get preventScroll() {\n        supported = true;\n        return false;\n      },\n    });\n\n  return supported;\n};\n"]}

package/dist/collection/wrappers/set-attributes/set-attributes.js

@@ -1,74 +0,0 @@
-import { h } from "@stencil/core";
-export class SetAttributes {
-    constructor() {
-        this.value = {};
-    }
-    componentWillLoad() {
-        this.injectAttrs();
-    }
-    attrsUpdated() {
-        this.injectAttrs();
-    }
-    injectAttrs() {
-        const slot = this.host.firstElementChild;
-        if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-            return;
-        }
-        const child = slot.assignedElements().pop();
-        if (!child) {
-            return;
-        }
-        const types = {
-            // no need for function and bigint
-            undefined: (key) => child.removeAttribute(key),
-            boolean: (key, value) => {
-                if (value != null) {
-                    child.setAttribute(key, '');
-                }
-                else {
-                    child.removeAttribute(key);
-                }
-            },
-            number: (key, value) => child.setAttribute(key, value),
-            string: (key, value) => child.setAttribute(key, value),
-            object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-        };
-        for (const [key, value] of Object.entries(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            types[typeof value](key, value);
-        }
-    }
-    render() {
-        return h("slot", null);
-    }
-    static get is() { return "set-attributes"; }
-    static get properties() {
-        return {
-            "value": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{}",
-                    "resolved": "{}",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Attributes map"
-                },
-                "defaultValue": "{}"
-            }
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get watchers() {
-        return [{
-                "propName": "value",
-                "methodName": "attrsUpdated"
-            }];
-    }
-}
-//# sourceMappingURL=set-attributes.js.map

package/dist/collection/wrappers/set-attributes/set-attributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-attributes.js","sourceRoot":"","sources":["../../../src/wrappers/set-attributes/set-attributes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAKnE,MAAM,OAAO,aAAa;;qBAIR,EAAE;;IAElB,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;QAE5D,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;YAChD,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;QAE5C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,KAAK,GAAG;YACZ,kCAAkC;YAClC,SAAS,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YACtD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAc,EAAE,EAAE;gBACvC,IAAI,KAAK,IAAI,IAAI,EAAE;oBACjB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;iBAC7B;qBAAM;oBACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;iBAC5B;YACH,CAAC;YACD,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrD,6DAA6D;YAC7D,aAAa;YACb,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACjC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,eAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host!: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  private injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key: string) => child.removeAttribute(key),\n      boolean: (key: string, value: unknown) => {\n        if (value != null) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key: string, value: string) => child.setAttribute(key, value),\n      string: (key: string, value: string) => child.setAttribute(key, value),\n      object: (key: string, value: string) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n"]}

package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js

@@ -1,16 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { SetAttributes } from "../set-attributes";
-describe('set-attributes', () => {
-    it('renders', async () => {
-        const page = await newSpecPage({
-            components: [SetAttributes],
-            html: `<set-attributes><slot></slot></set-attributes>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <set-attributes>
-        <slot></slot>
-      </set-attributes>
-    `);
-    });
-});
-//# sourceMappingURL=set-attributes.spec.js.map

package/dist/collection/wrappers/set-attributes/test/set-attributes.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-attributes.spec.js","sourceRoot":"","sources":["../../../../src/wrappers/set-attributes/test/set-attributes.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,gDAAgD;SACvD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;KAI7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { SetAttributes } from '../set-attributes';\n\ndescribe('set-attributes', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [SetAttributes],\n      html: `<set-attributes><slot></slot></set-attributes>`,\n    });\n    expect(page.root).toEqualHtml(`\n      <set-attributes>\n        <slot></slot>\n      </set-attributes>\n    `);\n  });\n});\n"]}

package/dist/components/set-attributes.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SetAttributes extends Components.SetAttributes, HTMLElement {}
-export const SetAttributes: {
-    prototype: SetAttributes;
-    new (): SetAttributes;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/set-attributes.js

@@ -1,8 +0,0 @@
-import { S as SetAttributes$1, d as defineCustomElement$1 } from './set-attributes2.js';
-
-const SetAttributes = SetAttributes$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SetAttributes, defineCustomElement };
-
-//# sourceMappingURL=set-attributes.js.map

package/dist/components/set-attributes.js.map

@@ -1 +0,0 @@
-{"file":"set-attributes.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/set-attributes2.js

@@ -1,73 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const SetAttributes = /*@__PURE__*/ proxyCustomElement(class SetAttributes extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.value = {};
-    }
-    componentWillLoad() {
-        this.injectAttrs();
-    }
-    attrsUpdated() {
-        this.injectAttrs();
-    }
-    injectAttrs() {
-        const slot = this.host.firstElementChild;
-        if (typeof (slot === null || slot === void 0 ? void 0 : slot.assignedElements) !== 'function') {
-            return;
-        }
-        const child = slot.assignedElements().pop();
-        if (!child) {
-            return;
-        }
-        const types = {
-            // no need for function and bigint
-            undefined: (key) => child.removeAttribute(key),
-            boolean: (key, value) => {
-                if (value != null) {
-                    child.setAttribute(key, '');
-                }
-                else {
-                    child.removeAttribute(key);
-                }
-            },
-            number: (key, value) => child.setAttribute(key, value),
-            string: (key, value) => child.setAttribute(key, value),
-            object: (key, value) => child.setAttribute(key, JSON.stringify(value)),
-        };
-        for (const [key, value] of Object.entries(this.value)) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            types[typeof value](key, value);
-        }
-    }
-    render() {
-        return h("slot", null);
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "value": ["attrsUpdated"]
-    }; }
-}, [4, "set-attributes", {
-        "value": [16]
-    }, undefined, {
-        "value": ["attrsUpdated"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["set-attributes"];
-    components.forEach(tagName => { switch (tagName) {
-        case "set-attributes":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SetAttributes);
-            }
-            break;
-    } });
-}
-
-export { SetAttributes as S, defineCustomElement as d };
-
-//# sourceMappingURL=set-attributes2.js.map

package/dist/components/set-attributes2.js.map

@@ -1 +0,0 @@
-{"file":"set-attributes2.js","mappings":";;MAKa,aAAa;;;;qBAIR,EAAE;;IAElB,iBAAiB;QACf,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAGD,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEO,WAAW;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAoC,CAAC;QAE5D,IAAI,QAAO,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAA,KAAK,UAAU,EAAE;YAChD,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,GAAG,EAAE,CAAC;QAE5C,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QAED,MAAM,KAAK,GAAG;;YAEZ,SAAS,EAAE,CAAC,GAAW,KAAK,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC;YACtD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAc;gBACnC,IAAI,KAAK,IAAI,IAAI,EAAE;oBACjB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;iBAC7B;qBAAM;oBACL,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;iBAC5B;aACF;YACD,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACtE,MAAM,EAAE,CAAC,GAAW,EAAE,KAAa,KAAK,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SACvF,CAAC;QAEF,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;;;YAGrD,KAAK,CAAC,OAAO,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACjC;KACF;IAED,MAAM;QACJ,OAAO,eAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/wrappers/set-attributes/set-attributes.tsx"],"sourcesContent":["import { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'set-attributes',\n})\nexport class SetAttributes {\n  @Element() host!: HTMLSetAttributesElement;\n\n  /** Attributes map */\n  @Prop() value = {};\n\n  componentWillLoad() {\n    this.injectAttrs();\n  }\n\n  @Watch('value')\n  attrsUpdated() {\n    this.injectAttrs();\n  }\n\n  private injectAttrs() {\n    const slot = this.host.firstElementChild as HTMLSlotElement;\n\n    if (typeof slot?.assignedElements !== 'function') {\n      return;\n    }\n\n    const child = slot.assignedElements().pop();\n\n    if (!child) {\n      return;\n    }\n\n    const types = {\n      // no need for function and bigint\n      undefined: (key: string) => child.removeAttribute(key),\n      boolean: (key: string, value: unknown) => {\n        if (value != null) {\n          child.setAttribute(key, '');\n        } else {\n          child.removeAttribute(key);\n        }\n      },\n      number: (key: string, value: string) => child.setAttribute(key, value),\n      string: (key: string, value: string) => child.setAttribute(key, value),\n      object: (key: string, value: string) => child.setAttribute(key, JSON.stringify(value)),\n    };\n\n    for (const [key, value] of Object.entries(this.value)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      types[typeof value](key, value);\n    }\n  }\n\n  render() {\n    return <slot />;\n  }\n}\n"],"version":3}