@pnx-mixtape/mxds 0.0.1

package/dist/build/Tabs.js

@@ -0,0 +1,164 @@
+import "./DropMenu.js";
+class Tabs extends HTMLElement {
+  constructor() {
+    super();
+    this.tabFocus = 0;
+    this.handleKeydown = ({ key }) => {
+      if (key === "ArrowRight" || key === "ArrowLeft") {
+        this.triggers[this.tabFocus].setAttribute("tabindex", "-1");
+        if (key === "ArrowRight") {
+          this.tabFocus += 1;
+          if (this.tabFocus >= this.triggers.length) {
+            this.tabFocus = 0;
+          }
+        } else if (key === "ArrowLeft") {
+          this.tabFocus -= 1;
+          if (this.tabFocus < 0) {
+            this.tabFocus = this.triggers.length - 1;
+          }
+        }
+        this.triggers[this.tabFocus].setAttribute("tabindex", "0");
+        this.triggers[this.tabFocus].focus();
+      }
+    };
+    this.handleClick = (event) => {
+      const target = event.target;
+      if (!(target instanceof HTMLButtonElement)) return;
+      event.preventDefault();
+      const id = target.getAttribute("aria-controls");
+      this.handleTabChange(id);
+    };
+    this.handleDropMenuSelect = (event) => {
+      const target = event.detail.target;
+      if (!(target instanceof HTMLButtonElement)) return;
+      const id = target.getAttribute("aria-controls");
+      this.handleTabChange(id);
+    };
+    this.handleTabChange = (id) => {
+      this.active = id;
+      this.handleUrlParams(id);
+      const { panel, tab, button } = this.tabs.get(id);
+      panel.focus({ preventScroll: true });
+      const newEvent = new CustomEvent("tab-toggle", {
+        bubbles: true,
+        cancelable: true,
+        detail: { id, tab, button, panel }
+      });
+      this.dispatchEvent(newEvent);
+    };
+    this.handleUrlParams = (id) => {
+      const urlParams = new URLSearchParams(
+        window.location.search
+      );
+      if (urlParams.get("tab") === id) return;
+      urlParams.set("tab", id);
+      window.history.replaceState(
+        {},
+        "",
+        `${window.location.pathname}?${urlParams.toString()}`
+      );
+    };
+    this.internals_ = this.attachInternals();
+    this.controller = new AbortController();
+  }
+  connectedCallback() {
+    if (!this.triggers || !this.panels) return;
+    this.locationHash = window.location.hash;
+    this.tabs = /* @__PURE__ */ new Map();
+    this.triggers.forEach((tab) => {
+      const id = tab.getAttribute("aria-controls");
+      const panel = this.querySelector(`#${id}`);
+      const button = this.dropMenu.querySelector(
+        `[aria-controls=${id}]`
+      );
+      if (id && panel && button) {
+        const labelId = `tab-label-${id}`;
+        tab.setAttribute("id", labelId);
+        tab.setAttribute("role", "tab");
+        tab.setAttribute("aria-selected", "false");
+        tab.setAttribute("tab-index", "-1");
+        panel.setAttribute("aria-labelledby", labelId);
+        panel.setAttribute("role", "tabpanel");
+        panel.setAttribute("tab-index", "0");
+        this.tabs.set(id, { panel, tab, button });
+      }
+    });
+    const { signal } = this.controller;
+    this.menu.addEventListener("click", this.handleClick, { signal });
+    this.menu.addEventListener("keydown", this.handleKeydown, { signal });
+    this.dropMenu.addEventListener(
+      "drop-menu-select",
+      this.handleDropMenuSelect,
+      { signal }
+    );
+    const hashEl = this.locationHash ? this.querySelector(this.locationHash) : null;
+    if (hashEl) {
+      this.active = hashEl.id;
+    } else if (!this.active) {
+      this.active = this.panels[0].id;
+    }
+  }
+  disconnectedCallback() {
+    this.controller.abort();
+  }
+  get dropMenu() {
+    const dropMenu = this.querySelector(".drop-menu");
+    if (!dropMenu) {
+      throw new Error(`${this.localName} must contain a .drop-menu`);
+    }
+    return dropMenu;
+  }
+  get dropMenuTrigger() {
+    const trigger = this.querySelector(
+      ".drop-menu__trigger"
+    );
+    if (!trigger) {
+      throw new Error(`${this.localName} must contain a .drop-menu__trigger`);
+    }
+    return trigger;
+  }
+  get menu() {
+    const menu = this.querySelector(".tab__list");
+    if (!menu) {
+      throw new Error(`${this.localName} must contain a .tab__list`);
+    }
+    menu.setAttribute("role", "tablist");
+    return menu;
+  }
+  get triggers() {
+    const triggers = this.querySelectorAll(".tab__list button");
+    if (!triggers.length) {
+      throw new Error(`${this.localName} must contain .tab__list buttons`);
+    }
+    return triggers;
+  }
+  get panels() {
+    const panels = this.querySelectorAll(".tab__panel");
+    if (!panels.length) {
+      throw new Error(`${this.localName} must contain .tab__panel's`);
+    }
+    return panels;
+  }
+  get active() {
+    return this.querySelector('[aria-selected="true"]');
+  }
+  set active(id) {
+    this.tabs.forEach(({ tab, panel }, key) => {
+      if (key === id) {
+        tab.setAttribute("aria-selected", "true");
+        tab.setAttribute("tab-index", "0");
+        panel.removeAttribute("inert");
+        this.dropMenuTrigger.textContent = tab.textContent;
+      } else {
+        tab.setAttribute("aria-selected", "false");
+        tab.setAttribute("tab-index", "-1");
+        panel.setAttribute("inert", "");
+      }
+    });
+  }
+}
+customElements.define("mx-tabs", Tabs);
+export {
+  Tabs as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/build/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Component/Tabs/Elements/Tabs.ts"],"sourcesContent":["/**\n * Tab toggle handler\n */\nimport \"../../DropMenu/Elements/DropMenu\"\nimport type { DropMenuEvent } from \"../../DropMenu/Elements/DropMenu\"\n\ntype TabsType = {\n  panel: HTMLElement\n  tab: HTMLButtonElement\n  button: HTMLButtonElement\n}\n\nexport default class Tabs extends HTMLElement {\n  internals_: ElementInternals\n  controller: AbortController\n  tabs?: Map<string, TabsType>\n  locationHash?: string\n  tabFocus?: number = 0\n\n  constructor() {\n    super()\n    this.internals_ = this.attachInternals()\n    this.controller = new AbortController()\n  }\n\n  connectedCallback(): void {\n    if (!this.triggers || !this.panels) return\n    this.locationHash = window.location.hash\n\n    this.tabs = new Map()\n    this.triggers.forEach((tab: HTMLButtonElement): void => {\n      const id: string = tab.getAttribute(\"aria-controls\")\n      const panel: HTMLElement = this.querySelector(`#${id}`)\n      const button: HTMLButtonElement = this.dropMenu.querySelector(\n        `[aria-controls=${id}]`,\n      )\n      if (id && panel && button) {\n        const labelId = `tab-label-${id}`\n        tab.setAttribute(\"id\", labelId)\n        tab.setAttribute(\"role\", \"tab\")\n        tab.setAttribute(\"aria-selected\", \"false\")\n        tab.setAttribute(\"tab-index\", \"-1\")\n        panel.setAttribute(\"aria-labelledby\", labelId)\n        panel.setAttribute(\"role\", \"tabpanel\")\n        panel.setAttribute(\"tab-index\", \"0\")\n        this.tabs.set(id, { panel, tab, button })\n      }\n    })\n\n    const { signal }: AbortController = this.controller\n    this.menu.addEventListener(\"click\", this.handleClick, { signal })\n    this.menu.addEventListener(\"keydown\", this.handleKeydown, { signal })\n\n    this.dropMenu.addEventListener(\n      \"drop-menu-select\",\n      this.handleDropMenuSelect,\n      { signal },\n    )\n\n    const hashEl: HTMLElement | null = this.locationHash\n      ? this.querySelector(this.locationHash)\n      : null\n    if (hashEl) {\n      this.active = hashEl.id\n    } else if (!this.active) {\n      this.active = this.panels[0].id\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.controller.abort()\n  }\n\n  handleKeydown = ({ key }: KeyboardEvent): void => {\n    if (key === \"ArrowRight\" || key === \"ArrowLeft\") {\n      this.triggers[this.tabFocus].setAttribute(\"tabindex\", \"-1\")\n      if (key === \"ArrowRight\") {\n        this.tabFocus += 1\n        // If we're at the end, go to the start\n        if (this.tabFocus >= this.triggers.length) {\n          this.tabFocus = 0\n        }\n        // Move left\n      } else if (key === \"ArrowLeft\") {\n        this.tabFocus -= 1\n        // If we're at the start, move to the end\n        if (this.tabFocus < 0) {\n          this.tabFocus = this.triggers.length - 1\n        }\n      }\n      this.triggers[this.tabFocus].setAttribute(\"tabindex\", \"0\")\n      this.triggers[this.tabFocus].focus()\n    }\n  }\n\n  handleClick = (event: MouseEvent): void => {\n    const target = event.target as HTMLButtonElement\n    if (!(target instanceof HTMLButtonElement)) return\n    event.preventDefault()\n    const id: string = target.getAttribute(\"aria-controls\")\n    this.handleTabChange(id)\n  }\n\n  handleDropMenuSelect = (event: DropMenuEvent): void => {\n    const target = event.detail.target as HTMLButtonElement\n    if (!(target instanceof HTMLButtonElement)) return\n    const id = target.getAttribute(\"aria-controls\")\n    this.handleTabChange(id)\n  }\n\n  handleTabChange = (id: string): void => {\n    this.active = id\n    this.handleUrlParams(id)\n    const { panel, tab, button } = this.tabs.get(id)\n    panel.focus({ preventScroll: true })\n    const newEvent: CustomEvent<{\n      id: string\n      tab: HTMLButtonElement\n      button: HTMLButtonElement\n      panel: HTMLElement\n    }> = new CustomEvent(\"tab-toggle\", {\n      bubbles: true,\n      cancelable: true,\n      detail: { id, tab, button, panel },\n    })\n    this.dispatchEvent(newEvent)\n  }\n\n  get dropMenu(): HTMLDivElement | null {\n    const dropMenu: HTMLDivElement | null = this.querySelector(\".drop-menu\")\n    if (!dropMenu) {\n      throw new Error(`${this.localName} must contain a .drop-menu`)\n    }\n    return dropMenu\n  }\n\n  get dropMenuTrigger(): HTMLButtonElement | null {\n    const trigger: HTMLButtonElement | null = this.querySelector(\n      \".drop-menu__trigger\",\n    )\n    if (!trigger) {\n      throw new Error(`${this.localName} must contain a .drop-menu__trigger`)\n    }\n    return trigger\n  }\n\n  get menu(): HTMLDivElement | null {\n    const menu: HTMLDivElement | null = this.querySelector(\".tab__list\")\n    if (!menu) {\n      throw new Error(`${this.localName} must contain a .tab__list`)\n    }\n    menu.setAttribute(\"role\", \"tablist\")\n    return menu\n  }\n\n  get triggers(): NodeListOf<HTMLButtonElement> | null {\n    const triggers: NodeListOf<HTMLButtonElement> | null =\n      this.querySelectorAll(\".tab__list button\")\n    if (!triggers.length) {\n      throw new Error(`${this.localName} must contain .tab__list buttons`)\n    }\n    return triggers\n  }\n\n  get panels(): NodeListOf<HTMLElement> | null {\n    const panels: NodeListOf<HTMLElement> | null =\n      this.querySelectorAll(\".tab__panel\")\n    if (!panels.length) {\n      throw new Error(`${this.localName} must contain .tab__panel's`)\n    }\n    return panels\n  }\n\n  get active(): HTMLButtonElement {\n    return this.querySelector('[aria-selected=\"true\"]')\n  }\n\n  set active(id: string) {\n    this.tabs.forEach(({ tab, panel }: TabsType, key: string): void => {\n      if (key === id) {\n        tab.setAttribute(\"aria-selected\", \"true\")\n        tab.setAttribute(\"tab-index\", \"0\")\n        panel.removeAttribute(\"inert\")\n        this.dropMenuTrigger.textContent = tab.textContent\n      } else {\n        tab.setAttribute(\"aria-selected\", \"false\")\n        tab.setAttribute(\"tab-index\", \"-1\")\n        panel.setAttribute(\"inert\", \"\")\n      }\n    })\n  }\n\n  handleUrlParams = (id: string): void => {\n    const urlParams: URLSearchParams = new URLSearchParams(\n      window.location.search,\n    )\n    if (urlParams.get(\"tab\") === id) return\n    urlParams.set(\"tab\", id)\n    window.history.replaceState(\n      {},\n      \"\",\n      `${window.location.pathname}?${urlParams.toString()}`,\n    )\n  }\n}\n\ncustomElements.define(\"mx-tabs\", Tabs)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"mx-tabs\": Tabs\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/build/accordion.css

@@ -0,0 +1,108 @@
+/**
+ * Accordion
+ */
+
+@layer defaults {
+    details summary {
+      list-style-type: none;
+    }
+
+      details summary:is(::-webkit-details-marker, ::marker) {
+        display: none;
+        content: "";
+      }
+
+  :is(mx-accordion, mx-accordiondiv, mx-accordionmobile) {
+    display: block;
+  }
+    :where(:is(div.accordion, mx-accordiondiv)) .accordion__toggle {
+      -webkit-appearance: none;
+         -moz-appearance: none;
+              appearance: none;
+      color: inherit;
+      font-size: inherit;
+      background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
+      background: initial;
+      border: medium none currentcolor;
+      border: initial;
+      padding: 0;
+      padding: initial;
+    }
+
+    :where(:is(div.accordion, mx-accordiondiv)) .accordion__content[inert] {
+      display: none;
+    }
+}
+
+@layer components {
+  .accordion__title {
+    margin-block-end: var(--spacing-m);
+    display: flex;
+    flex-flow: row wrap;
+    gap: var(--spacing-s);
+    align-items: center;
+  }
+
+  .accordions__toggle-all {
+    margin-inline-start: auto;
+  }
+
+  .accordion {
+    contain: layout;
+  }
+
+    .accordion .accordion__toggle {
+      cursor: pointer;
+      inline-size: 100%;
+    }
+
+    .accordion:is(> h2, > h3, > h4, > h5, > h6) {
+      all: unset;
+    }
+
+  .accordion--divided {
+    border-block-end: 1px solid
+      var(--line-colour, var(--colour-border));
+    border-block-end: var(--line-width, 1px) solid
+      var(--line-colour, var(--colour-border));
+  }
+
+    .accordion--divided .accordion__toggle {
+      padding-block: var(--vertical-padding, var(--spacing-xxs));
+      padding-inline: 0;
+      padding-inline: var(--horizontal-padding, 0);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+      .accordion--divided .accordion__toggle .button--icon-only {
+        flex-shrink: 0;
+        margin-inline-start: var(--spacing-xxs);
+      }
+        .accordion--divided:is([open], [data-open="true"]) .accordion__toggle .button--icon-only {
+          transform: rotate(180deg);
+        }
+
+      .accordion--divided:is([open], [data-open="true"]) .accordion__content {
+        border-block-start: 1px solid
+          var(--line-colour, var(--colour-border));
+        border-block-start: var(--line-width, 1px) solid
+          var(--line-colour, var(--colour-border));
+        padding-block: var(--vertical-padding, var(--spacing-xxs));
+        padding-inline: 0;
+        padding-inline: var(--horizontal-padding, 0);
+      }
+}
+
+/**
+ * Print stylesheet
+ */
+
+@media print {
+    .accordion .accordion__content {
+      display: block !important;
+    }
+}
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFjY29yZGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7SUFFSTtNQUNFLHFCQUFxQjtJQU12Qjs7TUFKRTtRQUNFLGFBQWE7UUFDYixXQUFXO01BQ2I7O0VBSUo7SUFDRSxjQUFjO0VBQ2hCO0lBR0U7TUFDRSx3QkFBZ0I7U0FBaEIscUJBQWdCO2NBQWhCLGdCQUFnQjtNQUNoQixjQUFjO01BQ2Qsa0JBQWtCO01BQ2xCLGlGQUFtQjtNQUFuQixtQkFBbUI7TUFDbkIsZ0NBQWU7TUFBZixlQUFlO01BQ2YsVUFBZ0I7TUFBaEIsZ0JBQWdCO0lBQ2xCOztJQUVBO01BQ0UsYUFBYTtJQUNmO0FBRUo7O0FBRUE7RUFDRTtJQUNFLGtDQUFrQztJQUNsQyxhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLHFCQUFxQjtJQUNyQixtQkFBbUI7RUFDckI7O0VBRUE7SUFDRSx5QkFBeUI7RUFDM0I7O0VBRUE7SUFDRSxlQUFlO0VBVWpCOztJQVJFO01BQ0UsZUFBZTtNQUNmLGlCQUFpQjtJQUNuQjs7SUFFQTtNQUNFLFVBQVU7SUFDWjs7RUFHRjtJQUNFOzhDQUMwQztJQUQxQzs4Q0FDMEM7RUE2QjVDOztJQTNCRTtNQUNFLDBEQUEwRDtNQUMxRCxpQkFBNEM7TUFBNUMsNENBQTRDO01BQzVDLGFBQWE7TUFDYiw4QkFBOEI7TUFDOUIsbUJBQW1CO0lBTXJCOztNQUpFO1FBQ0UsY0FBYztRQUNkLHVDQUF1QztNQUN6QztRQUtFO1VBQ0UseUJBQXlCO1FBQzNCOztNQUdGO1FBQ0U7a0RBQzBDO1FBRDFDO2tEQUMwQztRQUMxQywwREFBMEQ7UUFDMUQsaUJBQTRDO1FBQTVDLDRDQUE0QztNQUM5QztBQUdOOztBQUVBOztFQUVFOztBQUVGO0lBRUk7TUFDRSx5QkFBeUI7SUFDM0I7QUFFSiIsImZpbGUiOiJhY2NvcmRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBY2NvcmRpb25cbiAqL1xuXG5AbGF5ZXIgZGVmYXVsdHMge1xuICBkZXRhaWxzIHtcbiAgICAmIHN1bW1hcnkge1xuICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuXG4gICAgICAmOmlzKDo6LXdlYmtpdC1kZXRhaWxzLW1hcmtlciwgOjptYXJrZXIpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICA6aXMobXgtYWNjb3JkaW9uLCBteC1hY2NvcmRpb25kaXYsIG14LWFjY29yZGlvbm1vYmlsZSkge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5cbiAgOndoZXJlKDppcyhkaXYuYWNjb3JkaW9uLCBteC1hY2NvcmRpb25kaXYpKSB7XG4gICAgJiAuYWNjb3JkaW9uX190b2dnbGUge1xuICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgYmFja2dyb3VuZDogaW5pdGlhbDtcbiAgICAgIGJvcmRlcjogaW5pdGlhbDtcbiAgICAgIHBhZGRpbmc6IGluaXRpYWw7XG4gICAgfVxuXG4gICAgJiAuYWNjb3JkaW9uX19jb250ZW50W2luZXJ0XSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxufVxuXG5AbGF5ZXIgY29tcG9uZW50cyB7XG4gIC5hY2NvcmRpb25fX3RpdGxlIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuXG4gIC5hY2NvcmRpb25zX190b2dnbGUtYWxsIHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiBhdXRvO1xuICB9XG5cbiAgLmFjY29yZGlvbiB7XG4gICAgY29udGFpbjogbGF5b3V0O1xuXG4gICAgJiAuYWNjb3JkaW9uX190b2dnbGUge1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgfVxuXG4gICAgJjppcyg+IGgyLCA+IGgzLCA+IGg0LCA+IGg1LCA+IGg2KSB7XG4gICAgICBhbGw6IHVuc2V0O1xuICAgIH1cbiAgfVxuXG4gIC5hY2NvcmRpb24tLWRpdmlkZWQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG5cbiAgICAmIC5hY2NvcmRpb25fX3RvZ2dsZSB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS12ZXJ0aWNhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWhvcml6b250YWwtcGFkZGluZywgMCk7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgJiAuYnV0dG9uLS1pY29uLW9ubHkge1xuICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy14eHMpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6aXMoW29wZW5dLCBbZGF0YS1vcGVuPVwidHJ1ZVwiXSkge1xuICAgICAgJiAuYWNjb3JkaW9uX190b2dnbGUge1xuICAgICAgICAmIC5idXR0b24tLWljb24tb25seSB7XG4gICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgICBib3JkZXItYmxvY2stc3RhcnQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS12ZXJ0aWNhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLXh4cykpO1xuICAgICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0taG9yaXpvbnRhbC1wYWRkaW5nLCAwKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBQcmludCBzdHlsZXNoZWV0XG4gKi9cblxuQG1lZGlhIHByaW50IHtcbiAgLmFjY29yZGlvbiB7XG4gICAgJiAuYWNjb3JkaW9uX19jb250ZW50IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG59XG4iXX0= */