@getflip/swirl-components-react 0.368.1 → 0.370.0

package/dist/swirl-emoji-clap.entry.0256d5b6.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.17725a49.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "d8145152a1d500d30ec0a1061f34b05f233285d2" }, this.size === 16 && i("img", { key: "ce9fe6be764d0edb7e99b774f9c988509b90a6db", alt: this.label, class: s, height: "16", src: "emojis/Clap16.png", width: "16" }), this.size === 20 && i("img", { key: "3a95758faa7eb55ce62516d4b948d6394812a746", alt: this.label, class: s, height: "20", src: "emojis/Clap20.png", width: "20" }), this.size === 24 && i("img", { key: "2c9b32c6b109b244b27845dc79c15af55df9c3a0", alt: this.label, class: s, height: "24", src: "emojis/Clap24.png", width: "24" }), this.size === 32 && i("img", { key: "2c47f977da2466747c1115761f8931c747fa3e95", alt: this.label, class: s, height: "32", src: "emojis/Clap32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_clap
-};

package/dist/swirl-emoji-happy.entry.bd7627c8.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.17725a49.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "619129c7e28e73a3723d09bb20f5db4104664e52" }, this.size === 16 && i("img", { key: "5798a5cf99caf50942b860c7999175abdff20e9d", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && i("img", { key: "1ca5db3a8e5d1d32b216f3522320179637f910da", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && i("img", { key: "d96185a2e87c597f75693636dd58572e6682d4bb", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && i("img", { key: "e695555af8ab00a6bcc9fdaf0528b885fc08eba4", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-c.style = l;
-export {
-  c as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.f425e3a7.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.17725a49.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", d = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "1ddb0dbaa2dece9843885be0eb96297f7262d042" }, this.size === 16 && e("img", { key: "baa3127e120fd75fbf3f29dd33ae7d90f427d129", alt: this.label, class: s, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && e("img", { key: "3d388543de153e653acb4f0f247817495b7bb310", alt: this.label, class: s, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && e("img", { key: "7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db", alt: this.label, class: s, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && e("img", { key: "7574c6a2d552407413f9794ca8c8bbb1a2f1cb75", alt: this.label, class: s, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-d.style = c;
-export {
-  d as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.fab06943.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.17725a49.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "f228265076d1ae32694322c19ba8efdf6d499dc7" }, this.size === 16 && s("img", { key: "d01a77f870e92fbf86d1ea37483852d8c6ef1178", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "df5424c60471aef05b51e6dc416488acb83b8ea9", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "ca9df68a4a190d8f5c2b045e5ab7b49ca4e32708", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "021801691dde3891761b12cbc16684e9655bb67d", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.b8c2fc0d.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.17725a49.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "cacb17f5231e8e65a9ba788e97c88ac4d7a045d3" }, this.size === 16 && e("img", { key: "8c420591c9e1312e3bc7e10a263b708dff884d43", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "09372c3936cbf5828ef26b092f8c126d5697967d", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "519fc1a7bd8fd1d3c9d90ebe032c2dc10dc685fa", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "5443be3ab168eac250687611d2ec7e585f7393ca", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.237023ce.js

@@ -1,17 +0,0 @@
-import { r as e, h as i, F as a } from "./index.17725a49.js";
-import { c as t } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", h = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return i(a, { key: "7510a6d0c2a9a9d1cbf64b544c447925084b743d" }, this.size === 16 && i("img", { key: "de70ac25084a64fe1bfd85a8c3c0a6aa302f7733", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && i("img", { key: "5fb26959f969f039c39f44449cdb6de7fe6fa1d2", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && i("img", { key: "a91dae1f9643768541afc140e8978c86dcc3a6fb", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && i("img", { key: "9c2b744d0a4c96c3b9984734de5a4cc178cae7d5", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.fcb4d870.js

@@ -1,16 +0,0 @@
-import { r as e, h as i, H as t } from "./index.17725a49.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", a = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return i(t, { key: "f7b245d8cc103991cf4a2727776100f78f0d0c5a" }, i(s, { key: "6c6a83f481a491d04b3e204f942cadc45c06490e", label: this.label, size: this.size }));
-  }
-};
-a.style = r;
-export {
-  a as swirl_emoji
-};

package/dist/swirl-icon-arrow-right-small.entry.d832b7b1.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as i } from "./index.17725a49.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", l = class {
-  constructor(s) {
-    c(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, r = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "fb984c1cd3d61bfba94587041f198f151d1ec782", "aria-hidden": "true", class: r, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "1dfb73c38b768034792d7e6be4167bfd97630392" }, e("path", { key: "af5b535cae6cf90d6219b90865a3b24a772f0b0b", d: "M7.60918 10.1958L9.33584 8.46918C9.59584 8.20918 9.59584 7.78918 9.33584 7.52918L7.60918 5.80251C7.18918 5.38251 6.46918 5.68251 6.46918 6.27584L6.46918 9.72918C6.46918 10.3225 7.18918 10.6158 7.60918 10.1958Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "713b58f4e59246ba3ee1f414d69664616009d87e" }, e("path", { key: "e18c330b7374268241ca50d100712116c8c9db56", d: "M11.4137 15.2938L14.0037 12.7038C14.3937 12.3138 14.3937 11.6838 14.0037 11.2938L11.4137 8.70379C10.7837 8.07379 9.70374 8.52379 9.70374 9.41379L9.70374 14.5938C9.70374 15.4838 10.7837 15.9238 11.4137 15.2938Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "da0bad980880dd143762dec3b7d14e73e4f2fdb1" }, e("path", { key: "ee59e296954a54bc978cc15ea2c7a3b7c58a8e44", d: "M13.316 17.8427L16.3377 14.821C16.7927 14.366 16.7927 13.631 16.3377 13.176L13.316 10.1544C12.581 9.41938 11.321 9.94438 11.321 10.9827L11.321 17.026C11.321 18.0644 12.581 18.5777 13.316 17.8427Z", fill: "currentColor" })));
-  }
-};
-l.style = a;
-export {
-  l as swirl_icon_arrow_right_small
-};

package/dist/swirl-icon-dot.entry.3235f2cf.js

@@ -1,19 +0,0 @@
-import { r as a, h as s, F as i } from "./index.17725a49.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", f = class {
-  constructor(e) {
-    a(this, e), this.size = 24;
-  }
-  render() {
-    const e = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "cd38932d124f4ef146d2386ad62af4ff6d6d892f", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(i, { key: "965b1719565aaa7b1f60ff3699a4bcc74ca79847" }, s("path", { key: "5df70a3b35ca85350c10b6723f7f289df05424ce", d: "M10 8C10 9.10457 9.10457 10 8 10C6.89543 10 6 9.10457 6 8C6 6.89543 6.89543 6 8 6C9.10457 6 10 6.89543 10 8Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && s(i, { key: "dd1617e54ae867261a20fe3919ea48e858656bea" }, s("path", { key: "63f39413f65661dfd04ff5cfbf8a7550e758510f", d: "M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z", fill: "currentColor" })), this.size === 28 && s(i, { key: "5353b25630c0ffa13ae1d2e12c88fd2f6f0fb194" }, s("path", { key: "e37879466900445a495772f14b781d9934cbeb41", d: "M17.5 14C17.5 15.933 15.933 17.5 14 17.5C12.067 17.5 10.5 15.933 10.5 14C10.5 12.067 12.067 10.5 14 10.5C15.933 10.5 17.5 12.067 17.5 14Z", fill: "currentColor" })));
-  }
-};
-f.style = c;
-export {
-  f as swirl_icon_dot
-};

package/dist/swirl-icon-edit.entry.97897f1d.js

@@ -1,19 +0,0 @@
-import { r as c, h as e, F as s } from "./index.17725a49.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = class {
-  constructor(i) {
-    c(this, i), this.size = 24;
-  }
-  render() {
-    const i = this.size === 20 ? 24 : this.size, a = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, t = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "ce446c39154d3abf970b3b746e8f8ac3154c6af0", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(s, { key: "ac60dab4c4c27861887675438a030543d1de138b" }, e("path", { key: "d344e990aa77e9e8ca026f2a30a8e3404ab51385", d: "M12.7025 6.06027L9.912 3.29863L10.8312 2.37808C11.0829 2.12603 11.3922 2 11.759 2C12.1254 2 12.4344 2.12603 12.6861 2.37808L13.6054 3.29863C13.8571 3.55068 13.9884 3.8549 13.9993 4.21129C14.0103 4.56723 13.8899 4.87123 13.6382 5.12329L12.7025 6.06027ZM2.6566 14C2.47056 14 2.31473 13.9369 2.1891 13.8106C2.06303 13.6848 2 13.5288 2 13.3425V11.4849C2 11.3973 2.01641 11.3124 2.04924 11.2305C2.08207 11.1481 2.13132 11.074 2.19698 11.0082L8.95993 4.23562L11.7505 7.03014L4.98752 13.8027C4.92186 13.8685 4.8481 13.9178 4.76624 13.9507C4.68395 13.9836 4.59903 14 4.51148 14H2.6566Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(s, { key: "b673d1246749abf97ac1093bef571e5ffe74c058" }, e("path", { key: "4d5df071c0cdb0d4825dc8092d2faa08e168a2f9", d: "M19.0538 9.09041L14.868 4.94795L16.2469 3.56712C16.6244 3.18904 17.0883 3 17.6385 3C18.1881 3 18.6516 3.18904 19.0292 3.56712L20.408 4.94795C20.7856 5.32603 20.9826 5.78236 20.999 6.31693C21.0154 6.85085 20.8348 7.30685 20.4573 7.68493L19.0538 9.09041ZM3.9849 21C3.70584 21 3.47209 20.9053 3.28365 20.7159C3.09455 20.5272 3 20.2931 3 20.0137V17.2274C3 17.0959 3.02462 16.9687 3.07387 16.8457C3.12311 16.7221 3.19698 16.611 3.29547 16.5123L13.4399 6.35342L17.6257 10.5452L7.48128 20.7041C7.38279 20.8027 7.27215 20.8767 7.14937 20.926C7.02593 20.9753 6.89855 21 6.76723 21H3.9849Z", fill: "currentColor" })), this.size === 28 && e(s, { key: "6af2b4eacc57b128d2cf1fd2adf5cb10bdf70160" }, e("path", { key: "aae77aab33bbb118f4d5b1e5a4860560465bffa6", d: "M22.2294 10.6055L17.346 5.7726L18.9547 4.16164C19.3951 3.72055 19.9363 3.5 20.5783 3.5C21.2194 3.5 21.7602 3.72055 22.2007 4.16164L23.8094 5.7726C24.2498 6.2137 24.4797 6.74608 24.4988 7.36975C24.518 7.99266 24.3073 8.52466 23.8668 8.96575L22.2294 10.6055ZM4.64905 24.5C4.32348 24.5 4.05078 24.3895 3.83093 24.1686C3.61031 23.9484 3.5 23.6753 3.5 23.3493V20.0986C3.5 19.9452 3.52873 19.7968 3.58618 19.6533C3.64363 19.5091 3.72981 19.3795 3.84471 19.2644L15.6799 7.41233L20.5633 12.3027L8.72816 24.1548C8.61325 24.2699 8.48418 24.3562 8.34093 24.4137C8.19691 24.4712 8.0483 24.5 7.8951 24.5H4.64905Z", fill: "currentColor" })));
-  }
-};
-C.style = r;
-export {
-  C as swirl_icon_edit
-};

package/dist/swirl-symbol-roadmap.entry.2d6f11f2.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.17725a49.js";
-import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", a = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "d342fbf19ebe2d978eba560366a0983e0ce061f6", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "34ea55c68ec4fdb948e2098a8ee5d6e3281f599a" }, e("path", { key: "759fbb20146207c04690031d2e777d0147664551", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-a.style = l;
-export {
-  a as swirl_symbol_roadmap
-};

package/dist/swirl-symbol.entry.f9d603bc.js

@@ -1,16 +0,0 @@
-import { r as i, h as a, H as t } from "./index.17725a49.js";
-import "react";
-import "react-dom";
-const e = ":host{display:inline-flex}", r = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = `swirl-symbol-${this.glyph}`;
-    return a(t, { key: "b9cf1026a3a183a221369aa93042ba5110b3d951" }, a(s, { key: "3697aa0419a883adc8ef6db883aec416aaffcdfa", size: this.size }));
-  }
-};
-r.style = e;
-export {
-  r as swirl_symbol
-};

package/dist/swirl-tree-navigation-item.entry.2bc73bbd.js

@@ -1,71 +0,0 @@
-import { r, c as s, h as e, H as o, g as l } from "./index.17725a49.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import "react";
-import "react-dom";
-const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:2.25rem;padding:0 var(--s-space-16) 0 var(--tree-nav-item-padding, var(--s-space-8));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}", c = class {
-  constructor(t) {
-    r(this, t), this.expansionChange = s(this, "expansionChange", 7), this.level = 1, this.expandable = !0, this.external = !1, this.expanded = !1, this.hasChildren = !1, this.childrenHeight = "0", this.buttonId = `${this.navigationItemId}-button`, this.childrenId = `${this.navigationItemId}-children`, this.onKeyDown = (i) => {
-      switch (i.key) {
-        case " ":
-          i.preventDefault(), this.toggleExpanded(i);
-          break;
-        case "ArrowRight":
-          i.preventDefault(), !this.expanded && this.hasChildren && this.expand();
-          break;
-        case "ArrowLeft":
-          i.preventDefault(), this.expanded && this.collapse();
-          break;
-      }
-    }, this.toggleExpanded = (i) => {
-      this.expandable && this.hasChildren && !this.href && (i.preventDefault(), i.stopPropagation(), this.expanded ? this.collapse() : this.expand());
-    };
-  }
-  componentWillLoad() {
-    this.checkForChildren();
-  }
-  componentDidLoad() {
-    this.hasChildren && this.expanded && this.updateChildrenHeight();
-  }
-  updateChildrenHeight() {
-    if (this.childrenRef) {
-      const t = this.expanded ? `${this.childrenRef.scrollHeight}px` : "0";
-      this.childrenHeight = t;
-    }
-  }
-  handleExpandedChange() {
-    this.expansionChange.emit(this.expanded), this.updateChildrenHeight();
-  }
-  checkForChildren() {
-    this.hasChildren = Boolean(this.el.querySelector("swirl-tree-navigation-item"));
-  }
-  async expand() {
-    this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !0);
-  }
-  async collapse() {
-    !this.expanded || !this.expandable || !this.hasChildren || (this.expanded = !1);
-  }
-  render() {
-    const t = Boolean(this.href), i = t ? "a" : "button", a = d("tree-navigation-item__link", {
-      "tree-navigation-item__link--active": this.active,
-      "tree-navigation-item__link--has-icon": Boolean(this.icon)
-    });
-    return e(o, { key: "e208b1622c9178cfc4a2e296b25e7c67640aba29", role: "none" }, e("li", { key: "4fb5768056699d674ec4acebad45325c12b5c6dc", class: {
-      "tree-navigation-item": !0,
-      "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "890de4db9901ac6d160113c57a3b9fc5d0d2f213", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "c5889ed380fcfbf32ff693c23968feaba55a31af", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "b1ef92dcb88ccf54ecf46b3b726c403a4ee983c1", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "55e185c0457bc4d384eb252c35b42951849b0e97", class: "tree-navigation-item__label" }, e("span", { key: "5b5c07fb67742e97747177105f2d62492edcfe50", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "8e1c834c54ce2c641b3f7f2673bcb8f35bf7d620", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "cc62956a053f7dc9dacbe11e508b197cb7a355c0", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "4666fcb530af51df584bedce7927eff438d25a6d", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "3ef0bccfdb92ed52d8546e7d7064b52cac038cf8", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "83436a280c0a3e75a5dbcaa98b8316d32086556c", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
-      height: this.childrenHeight
-    } }, e("slot", { key: "10545f5a40caaaca0813b012f7909cea37a820a3" }))));
-  }
-  get el() {
-    return l(this);
-  }
-  static get watchers() {
-    return {
-      expanded: ["handleExpandedChange"]
-    };
-  }
-};
-c.style = h;
-export {
-  c as swirl_tree_navigation_item
-};