@gcsa/console-vue 0.1.0

package/dist/components/ConsoleHeader.vue.d.ts

@@ -0,0 +1,18 @@
+import { ConsoleHeaderProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ConsoleHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConsoleHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConsoleHeader.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent as l, openBlock as s, createElementBlock as t, createElementVNode as o, toDisplayString as c, createCommentVNode as a, renderSlot as i } from "vue";
+const r = { class: "gcsa-console-header gcsa-ui-surface" }, d = { class: "gcsa-console-header__main" }, _ = {
+  key: 0,
+  class: "gcsa-console-header__eyebrow"
+}, h = { class: "gcsa-console-header__title-row" }, u = { class: "gcsa-console-header__title" }, m = {
+  key: 0,
+  class: "gcsa-console-header__subtitle"
+}, g = {
+  key: 0,
+  class: "gcsa-console-header__actions"
+}, f = /* @__PURE__ */ l({
+  name: "ConsoleHeader",
+  __name: "ConsoleHeader",
+  props: {
+    title: {},
+    eyebrow: {},
+    subtitle: {}
+  },
+  setup(e) {
+    return (n, b) => (s(), t("div", r, [
+      o("div", d, [
+        e.eyebrow ? (s(), t("span", _, c(e.eyebrow), 1)) : a("", !0),
+        o("div", h, [
+          o("h1", u, c(e.title), 1),
+          e.subtitle ? (s(), t("p", m, "（" + c(e.subtitle) + "）", 1)) : a("", !0)
+        ])
+      ]),
+      n.$slots.actions ? (s(), t("div", g, [
+        i(n.$slots, "actions")
+      ])) : a("", !0)
+    ]));
+  }
+});
+export {
+  f as default
+};
+//# sourceMappingURL=ConsoleHeader.vue.js.map

package/dist/components/ConsoleHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleHeader.vue.js","sources":["../../src/components/ConsoleHeader.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-console-header gcsa-ui-surface\">\n    <div class=\"gcsa-console-header__main\">\n      <span v-if=\"eyebrow\" class=\"gcsa-console-header__eyebrow\">{{ eyebrow }}</span>\n      <div class=\"gcsa-console-header__title-row\">\n        <h1 class=\"gcsa-console-header__title\">{{ title }}</h1>\n        <p v-if=\"subtitle\" class=\"gcsa-console-header__subtitle\">（{{ subtitle }}）</p>\n      </div>\n    </div>\n    <div v-if=\"$slots.actions\" class=\"gcsa-console-header__actions\">\n      <slot name=\"actions\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { ConsoleHeaderProps } from '../types/componentProps';\n\ndefineOptions({ name: 'ConsoleHeader' });\n\ndefineProps<ConsoleHeaderProps>();\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","__props","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","_hoisted_6","$slots","_hoisted_7","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;sBACEA,EAAA,GAAAC,EAWM,OAXNC,GAWM;AAAA,MAVJC,EAMM,OANNC,GAMM;AAAA,QALQC,EAAA,gBAAZJ,EAA8E,QAA9EK,GAA8EC,EAAjBF,EAAA,OAAO,GAAA,CAAA;QACpEF,EAGM,OAHNK,GAGM;AAAA,UAFJL,EAAuD,MAAvDM,GAAuDF,EAAbF,EAAA,KAAK,GAAA,CAAA;AAAA,UACtCA,EAAA,YAATL,EAAA,GAAAC,EAA6E,KAA7ES,GAAyD,MAACH,EAAGF,EAAA,QAAQ,IAAG,KAAC,CAAA;;;MAGlEM,EAAAA,OAAO,WAAlBX,KAAAC,EAEM,OAFNW,GAEM;AAAA,QADJC,EAAuBC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/ConsoleHeader2.vue.js

@@ -0,0 +1,5 @@
+import f from "./ConsoleHeader.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ConsoleHeader2.vue.js.map

package/dist/components/ConsoleHeader2.vue.js.map

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

package/dist/components/ConsolePage.vue.d.ts

@@ -0,0 +1,18 @@
+import { ConsolePageProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ConsolePageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ConsolePageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConsolePage.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, openBlock as t, createElementBlock as s, toDisplayString as o, createCommentVNode as i, renderSlot as a } from "vue";
+const l = { class: "gcsa-page-stack" }, r = {
+  key: 0,
+  class: "gcsa-page-intro gcsa-ui-surface"
+}, d = {
+  key: 0,
+  class: "gcsa-page-intro__title"
+}, g = {
+  key: 1,
+  class: "gcsa-page-intro__desc"
+}, _ = /* @__PURE__ */ n({
+  name: "ConsolePage",
+  __name: "ConsolePage",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(e) {
+    return (c, u) => (t(), s("div", l, [
+      e.title || e.description ? (t(), s("section", r, [
+        e.title ? (t(), s("div", d, o(e.title), 1)) : i("", !0),
+        e.description ? (t(), s("div", g, o(e.description), 1)) : i("", !0)
+      ])) : i("", !0),
+      a(c.$slots, "default")
+    ]));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=ConsolePage.vue.js.map

package/dist/components/ConsolePage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsolePage.vue.js","sources":["../../src/components/ConsolePage.vue"],"sourcesContent":["<template>\n  <div class=\"gcsa-page-stack\">\n    <section v-if=\"title || description\" class=\"gcsa-page-intro gcsa-ui-surface\">\n      <div v-if=\"title\" class=\"gcsa-page-intro__title\">{{ title }}</div>\n      <div v-if=\"description\" class=\"gcsa-page-intro__desc\">{{ description }}</div>\n    </section>\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { ConsolePageProps } from '../types/componentProps';\n\ndefineOptions({ name: 'ConsolePage' });\n\ndefineProps<ConsolePageProps>();\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","__props","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;sBACEA,EAAA,GAAAC,EAMM,OANNC,GAMM;AAAA,MALWC,EAAA,SAASA,EAAA,eAAxBH,KAAAC,EAGU,WAHVG,GAGU;AAAA,QAFGD,EAAA,cAAXF,EAAkE,OAAlEI,GAAkEC,EAAdH,EAAA,KAAK,GAAA,CAAA;QAC9CA,EAAA,oBAAXF,EAA6E,OAA7EM,GAA6ED,EAApBH,EAAA,WAAW,GAAA,CAAA;;MAEtEK,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/components/ConsolePage2.vue.js

@@ -0,0 +1,5 @@
+import f from "./ConsolePage.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ConsolePage2.vue.js.map

package/dist/components/ConsolePage2.vue.js.map

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

package/dist/components/ConsoleShell.vue.d.ts

@@ -0,0 +1,40 @@
+import { GcsaNavItem } from '@gcsa/console-core';
+import { ConsoleShellProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        sidebar?(_: {}): any;
+        header?(_: {}): any;
+        actions?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ConsoleShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "nav-select": (item: GcsaNavItem) => any;
+    "update:activeKey": (key: string) => any;
+    "update:collapsed": (collapsed: boolean) => any;
+    "update:mobileSidebarOpen": (open: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ConsoleShellProps> & Readonly<{
+    "onNav-select"?: ((item: GcsaNavItem) => any) | undefined;
+    "onUpdate:activeKey"?: ((key: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+    "onUpdate:mobileSidebarOpen"?: ((open: boolean) => any) | undefined;
+}>, {
+    collapsed: boolean;
+    activeKey: string;
+    productName: string;
+    productTagline: string;
+    collapsible: boolean;
+    mobileSidebarOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConsoleShell.vue.js

@@ -0,0 +1,166 @@
+import { defineComponent as V, useSlots as G, ref as f, computed as o, watch as H, onMounted as z, onUnmounted as A, openBlock as i, createElementBlock as u, normalizeClass as P, unref as Q, createCommentVNode as r, createElementVNode as v, renderSlot as m, createBlock as p, createVNode as R, createSlots as U, withCtx as C } from "vue";
+import j from "./ConsoleHeader.vue.js";
+import q from "./ConsolePage.vue.js";
+import F from "./ConsoleSidebar.vue.js";
+import J from "./GcsaIcon.vue.js";
+import { useGcsaLocaleMessages as W } from "../composables/useGcsaLocale.js";
+const X = ["aria-label"], Y = ["aria-hidden"], Z = { class: "gcsa-console-shell__main" }, ee = {
+  key: 0,
+  class: "gcsa-console-shell__header"
+}, ae = { class: "gcsa-console-shell__header-row" }, le = ["aria-expanded", "aria-label"], se = { class: "gcsa-console-shell__header-body" }, oe = {
+  class: "gcsa-console-shell__content",
+  id: "gcsa-console-main"
+}, ve = /* @__PURE__ */ V({
+  name: "ConsoleShell",
+  __name: "ConsoleShell",
+  props: {
+    navItems: {},
+    activeKey: { default: "" },
+    productName: { default: "GCSA" },
+    productTagline: { default: "Console" },
+    brandMark: {},
+    title: {},
+    eyebrow: {},
+    subtitle: {},
+    pageDescription: {},
+    collapsible: { type: Boolean, default: !0 },
+    collapsed: { type: Boolean, default: !1 },
+    mobileSidebarOpen: { type: Boolean, default: void 0 }
+  },
+  emits: ["nav-select", "update:activeKey", "update:collapsed", "update:mobileSidebarOpen"],
+  setup(a, { emit: B }) {
+    const t = a, h = B, c = W(), g = G(), l = f(!1), y = f(!1), n = f(t.collapsed), s = o({
+      get: () => t.mobileSidebarOpen ?? y.value,
+      set: (e) => {
+        t.mobileSidebarOpen === void 0 && (y.value = e), h("update:mobileSidebarOpen", e);
+      }
+    });
+    let d = null;
+    const M = o(() => {
+      var e;
+      return !!((e = t.navItems) != null && e.length);
+    }), k = o(() => !!(g.sidebar || M.value)), $ = o(() => !!(g.header || t.title)), E = o(() => $.value || t.collapsible && k.value), N = o(() => t.collapsible && k.value), O = o(() => t.collapsible && l.value && s.value), K = o(() => ({
+      "gcsa-console-shell--sidebar-collapsed": !l.value && n.value,
+      "gcsa-console-shell--sidebar-open": l.value && s.value
+    })), L = o(
+      () => l.value || !n.value ? "menu" : "chevronRight"
+    ), T = o(
+      () => l.value ? s.value : !n.value
+    ), I = o(() => l.value ? s.value ? c.value.shellCloseNav : c.value.shellOpenNav : n.value ? c.value.shellExpandSider : c.value.shellCollapseSider);
+    H(
+      () => t.collapsed,
+      (e) => {
+        n.value = e;
+      }
+    );
+    function b(e) {
+      l.value = e, e && (s.value = !1);
+    }
+    function S(e) {
+      e.key === "Escape" && l.value && s.value && w();
+    }
+    z(() => {
+      typeof window > "u" || (d = window.matchMedia("(max-width: 960px)"), b(d.matches), d.addEventListener("change", (e) => b(e.matches)), document.addEventListener("keydown", S));
+    }), A(() => {
+      d && d.removeEventListener("change", (e) => b(e.matches)), document.removeEventListener("keydown", S);
+    });
+    function x() {
+      if (l.value) {
+        s.value = !s.value;
+        return;
+      }
+      n.value = !n.value, h("update:collapsed", n.value);
+    }
+    function w() {
+      s.value = !1;
+    }
+    function D(e) {
+      l.value && (s.value = !1), h("nav-select", e), h("update:activeKey", e.key);
+    }
+    return (e, te) => (i(), u("div", {
+      class: P(["gcsa-console-shell gcsa-ui-surface", K.value])
+    }, [
+      O.value ? (i(), u("button", {
+        key: 0,
+        type: "button",
+        class: "gcsa-console-shell__scrim",
+        "aria-label": Q(c).shellCloseNav,
+        onClick: w
+      }, null, 8, X)) : r("", !0),
+      v("aside", {
+        class: "gcsa-console-shell__sidebar",
+        "aria-hidden": l.value && !s.value ? !0 : void 0
+      }, [
+        m(e.$slots, "sidebar", {}, () => {
+          var _;
+          return [
+            (_ = a.navItems) != null && _.length ? (i(), p(F, {
+              key: 0,
+              items: a.navItems,
+              "active-key": a.activeKey,
+              collapsed: n.value,
+              "product-name": a.productName,
+              "product-tagline": a.productTagline,
+              "brand-mark": a.brandMark,
+              onSelect: D
+            }, null, 8, ["items", "active-key", "collapsed", "product-name", "product-tagline", "brand-mark"])) : r("", !0)
+          ];
+        })
+      ], 8, Y),
+      v("section", Z, [
+        E.value ? (i(), u("header", ee, [
+          v("div", ae, [
+            N.value ? (i(), u("button", {
+              key: 0,
+              type: "button",
+              class: "gcsa-console-shell__sider-toggle gcsa-focus-ring",
+              "aria-expanded": T.value,
+              "aria-label": I.value,
+              onClick: x
+            }, [
+              R(J, { name: L.value }, null, 8, ["name"])
+            ], 8, le)) : r("", !0),
+            v("div", se, [
+              m(e.$slots, "header", {}, () => [
+                a.title ? (i(), p(j, {
+                  key: 0,
+                  title: a.title,
+                  eyebrow: a.eyebrow,
+                  subtitle: a.subtitle
+                }, U({ _: 2 }, [
+                  e.$slots.actions ? {
+                    name: "actions",
+                    fn: C(() => [
+                      m(e.$slots, "actions")
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["title", "eyebrow", "subtitle"])) : r("", !0)
+              ])
+            ])
+          ])
+        ])) : r("", !0),
+        v("main", oe, [
+          (i(), u("div", {
+            key: a.activeKey,
+            class: "gcsa-console-shell__content-inner"
+          }, [
+            a.pageDescription ? (i(), p(q, {
+              key: 0,
+              description: a.pageDescription
+            }, {
+              default: C(() => [
+                m(e.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["description"])) : m(e.$slots, "default", {}, void 0, void 0, 1)
+          ]))
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=ConsoleShell.vue.js.map

package/dist/components/ConsoleShell.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleShell.vue.js","sources":["../../src/components/ConsoleShell.vue"],"sourcesContent":["<template>\n  <div\n    class=\"gcsa-console-shell gcsa-ui-surface\"\n    :class=\"shellClasses\"\n  >\n    <button\n      v-if=\"showMobileScrim\"\n      type=\"button\"\n      class=\"gcsa-console-shell__scrim\"\n      :aria-label=\"messages.shellCloseNav\"\n      @click=\"closeMobileSidebar\"\n    />\n\n    <aside\n      class=\"gcsa-console-shell__sidebar\"\n      :aria-hidden=\"isMobile && !mobileSidebarOpen ? true : undefined\"\n    >\n      <slot name=\"sidebar\">\n        <ConsoleSidebar\n          v-if=\"navItems?.length\"\n          :items=\"navItems\"\n          :active-key=\"activeKey\"\n          :collapsed=\"desktopCollapsed\"\n          :product-name=\"productName\"\n          :product-tagline=\"productTagline\"\n          :brand-mark=\"brandMark\"\n          @select=\"onNavSelect\"\n        />\n      </slot>\n    </aside>\n\n    <section class=\"gcsa-console-shell__main\">\n      <header v-if=\"showHeaderBar\" class=\"gcsa-console-shell__header\">\n        <div class=\"gcsa-console-shell__header-row\">\n          <button\n            v-if=\"showSiderToggle\"\n            type=\"button\"\n            class=\"gcsa-console-shell__sider-toggle gcsa-focus-ring\"\n            :aria-expanded=\"siderToggleExpanded\"\n            :aria-label=\"siderToggleLabel\"\n            @click=\"toggleSidebar\"\n          >\n            <GcsaIcon :name=\"siderToggleIcon\" />\n          </button>\n          <div class=\"gcsa-console-shell__header-body\">\n            <slot name=\"header\">\n              <ConsoleHeader\n                v-if=\"title\"\n                :title=\"title\"\n                :eyebrow=\"eyebrow\"\n                :subtitle=\"subtitle\"\n              >\n                <template v-if=\"$slots.actions\" #actions>\n                  <slot name=\"actions\" />\n                </template>\n              </ConsoleHeader>\n            </slot>\n          </div>\n        </div>\n      </header>\n      <main class=\"gcsa-console-shell__content\" id=\"gcsa-console-main\">\n        <div :key=\"activeKey\" class=\"gcsa-console-shell__content-inner\">\n          <ConsolePage v-if=\"pageDescription\" :description=\"pageDescription\">\n            <slot />\n          </ConsolePage>\n          <slot v-else />\n        </div>\n      </main>\n    </section>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, useSlots, watch } from 'vue';\nimport type { GcsaNavItem } from '@gcsa/console-core';\nimport type { ConsoleShellProps } from '../types/componentProps';\nimport type { GcsaIconName } from '../icons';\nimport ConsoleHeader from './ConsoleHeader.vue';\nimport ConsolePage from './ConsolePage.vue';\nimport ConsoleSidebar from './ConsoleSidebar.vue';\nimport GcsaIcon from './GcsaIcon.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\ndefineOptions({ name: 'ConsoleShell' });\n\nconst props = withDefaults(\n  defineProps<ConsoleShellProps>(),\n  {\n    activeKey: '',\n    productName: 'GCSA',\n    productTagline: 'Console',\n    collapsible: true,\n    collapsed: false,\n    mobileSidebarOpen: undefined\n  }\n);\n\nconst emit = defineEmits<{\n  'nav-select': [item: GcsaNavItem];\n  'update:activeKey': [key: string];\n  'update:collapsed': [collapsed: boolean];\n  'update:mobileSidebarOpen': [open: boolean];\n}>();\n\nconst messages = useGcsaLocaleMessages();\n\nconst slots = useSlots();\nconst isMobile = ref(false);\nconst internalMobileSidebarOpen = ref(false);\nconst desktopCollapsed = ref(props.collapsed);\n\nconst mobileSidebarOpen = computed({\n  get: () => props.mobileSidebarOpen ?? internalMobileSidebarOpen.value,\n  set: (open: boolean) => {\n    if (props.mobileSidebarOpen === undefined) {\n      internalMobileSidebarOpen.value = open;\n    }\n    emit('update:mobileSidebarOpen', open);\n  }\n});\n\nlet mediaQuery: MediaQueryList | null = null;\n\nconst hasPresetSidebar = computed(() => Boolean(props.navItems?.length));\nconst hasSidebar = computed(() => Boolean(slots.sidebar || hasPresetSidebar.value));\nconst hasHeader = computed(() => Boolean(slots.header || props.title));\nconst showHeaderBar = computed(() => hasHeader.value || (props.collapsible && hasSidebar.value));\nconst showSiderToggle = computed(() => props.collapsible && hasSidebar.value);\nconst showMobileScrim = computed(() => props.collapsible && isMobile.value && mobileSidebarOpen.value);\n\nconst shellClasses = computed(() => ({\n  'gcsa-console-shell--sidebar-collapsed': !isMobile.value && desktopCollapsed.value,\n  'gcsa-console-shell--sidebar-open': isMobile.value && mobileSidebarOpen.value\n}));\n\nconst siderToggleIcon = computed((): GcsaIconName =>\n  isMobile.value || !desktopCollapsed.value ? 'menu' : 'chevronRight'\n);\n\nconst siderToggleExpanded = computed(() =>\n  isMobile.value ? mobileSidebarOpen.value : !desktopCollapsed.value\n);\n\nconst siderToggleLabel = computed(() => {\n  if (isMobile.value) {\n    return mobileSidebarOpen.value ? messages.value.shellCloseNav : messages.value.shellOpenNav;\n  }\n  return desktopCollapsed.value ? messages.value.shellExpandSider : messages.value.shellCollapseSider;\n});\n\nwatch(\n  () => props.collapsed,\n  value => {\n    desktopCollapsed.value = value;\n  }\n);\n\nfunction syncMobileState(matches: boolean) {\n  isMobile.value = matches;\n  if (matches) {\n    mobileSidebarOpen.value = false;\n  }\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && isMobile.value && mobileSidebarOpen.value) {\n    closeMobileSidebar();\n  }\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return;\n  mediaQuery = window.matchMedia('(max-width: 960px)');\n  syncMobileState(mediaQuery.matches);\n  mediaQuery.addEventListener('change', event => syncMobileState(event.matches));\n  document.addEventListener('keydown', onKeydown);\n});\n\nonUnmounted(() => {\n  if (mediaQuery) {\n    mediaQuery.removeEventListener('change', event => syncMobileState(event.matches));\n  }\n  document.removeEventListener('keydown', onKeydown);\n});\n\nfunction toggleSidebar() {\n  if (isMobile.value) {\n    mobileSidebarOpen.value = !mobileSidebarOpen.value;\n    return;\n  }\n  desktopCollapsed.value = !desktopCollapsed.value;\n  emit('update:collapsed', desktopCollapsed.value);\n}\n\nfunction closeMobileSidebar() {\n  mobileSidebarOpen.value = false;\n}\n\nfunction onNavSelect(item: GcsaNavItem) {\n  if (isMobile.value) {\n    mobileSidebarOpen.value = false;\n  }\n  emit('nav-select', item);\n  emit('update:activeKey', item.key);\n}\n</script>\n"],"names":["props","__props","emit","__emit","messages","useGcsaLocaleMessages","slots","useSlots","isMobile","ref","internalMobileSidebarOpen","desktopCollapsed","mobileSidebarOpen","computed","open","mediaQuery","hasPresetSidebar","_a","hasSidebar","hasHeader","showHeaderBar","showSiderToggle","showMobileScrim","shellClasses","siderToggleIcon","siderToggleExpanded","siderToggleLabel","watch","value","syncMobileState","matches","onKeydown","event","closeMobileSidebar","onMounted","onUnmounted","toggleSidebar","onNavSelect","item","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_ctx","_createBlock","ConsoleSidebar","_hoisted_3","_openBlock","_hoisted_4","_hoisted_5","_createVNode","GcsaIcon","_hoisted_7","ConsoleHeader","$slots","_hoisted_8","ConsolePage"],"mappings":"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"}

package/dist/components/ConsoleShell2.vue.js

@@ -0,0 +1,5 @@
+import f from "./ConsoleShell.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ConsoleShell2.vue.js.map

package/dist/components/ConsoleShell2.vue.js.map

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

package/dist/components/ConsoleSidebar.vue.d.ts

@@ -0,0 +1,13 @@
+import { GcsaNavItem } from '@gcsa/console-core';
+import { ConsoleSidebarProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<ConsoleSidebarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: GcsaNavItem) => any;
+}, string, import('vue').PublicProps, Readonly<ConsoleSidebarProps> & Readonly<{
+    onSelect?: ((item: GcsaNavItem) => any) | undefined;
+}>, {
+    collapsed: boolean;
+    activeKey: string;
+    productName: string;
+    productTagline: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/components/ConsoleSidebar.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as v, computed as g, openBlock as t, createElementBlock as l, unref as p, normalizeClass as k, createElementVNode as a, createBlock as _, Fragment as b, createTextVNode as y, toDisplayString as o, createVNode as h } from "vue";
+import { navItemsToMenuItems as M } from "@gcsa/console-core";
+import N from "./GcsaBrandMark.vue.js";
+import C from "./GcsaMenu.vue.js";
+import { useGcsaLocaleMessages as S } from "../composables/useGcsaLocale.js";
+const x = ["aria-label"], B = { class: "gcsa-console-nav__brand" }, T = { class: "gcsa-console-nav__brand-mark" }, I = { class: "gcsa-console-nav__brand-text" }, $ = /* @__PURE__ */ v({
+  __name: "ConsoleSidebar",
+  props: {
+    items: {},
+    activeKey: { default: "" },
+    collapsed: { type: Boolean, default: !1 },
+    productName: { default: "GCSA" },
+    productTagline: { default: "Console" },
+    brandMark: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: i }) {
+    const m = S(), n = e, d = i, r = g(() => M(n.items));
+    function u(c) {
+      const s = n.items.find((f) => f.key === c);
+      s && !s.href && d("select", s);
+    }
+    return (c, s) => (t(), l("nav", {
+      class: k(["gcsa-console-nav", { "gcsa-console-nav--collapsed": e.collapsed }]),
+      "aria-label": p(m).consoleNavLabel
+    }, [
+      a("div", B, [
+        a("div", T, [
+          e.brandMark ? (t(), l(b, { key: 1 }, [
+            y(o(e.brandMark), 1)
+          ], 64)) : (t(), _(N, { key: 0 }))
+        ]),
+        a("div", I, [
+          a("strong", null, o(e.productName), 1),
+          a("span", null, o(e.productTagline), 1)
+        ])
+      ]),
+      h(C, {
+        class: "gcsa-console-nav__menu",
+        items: r.value,
+        mode: "inline",
+        collapsed: e.collapsed,
+        "selected-key": e.activeKey,
+        onSelect: u
+      }, null, 8, ["items", "collapsed", "selected-key"])
+    ], 10, x));
+  }
+});
+export {
+  $ as default
+};
+//# sourceMappingURL=ConsoleSidebar.vue.js.map

package/dist/components/ConsoleSidebar.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleSidebar.vue.js","sources":["../../src/components/ConsoleSidebar.vue"],"sourcesContent":["<template>\n  <nav\n    class=\"gcsa-console-nav\"\n    :class=\"{ 'gcsa-console-nav--collapsed': collapsed }\"\n    :aria-label=\"messages.consoleNavLabel\"\n  >\n    <div class=\"gcsa-console-nav__brand\">\n      <div class=\"gcsa-console-nav__brand-mark\">\n        <GcsaBrandMark v-if=\"!brandMark\" />\n        <template v-else>{{ brandMark }}</template>\n      </div>\n      <div class=\"gcsa-console-nav__brand-text\">\n        <strong>{{ productName }}</strong>\n        <span>{{ productTagline }}</span>\n      </div>\n    </div>\n\n    <GcsaMenu\n      class=\"gcsa-console-nav__menu\"\n      :items=\"menuItems\"\n      mode=\"inline\"\n      :collapsed=\"collapsed\"\n      :selected-key=\"activeKey\"\n      @select=\"onMenuSelect\"\n    />\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { navItemsToMenuItems, type GcsaNavItem } from '@gcsa/console-core';\nimport type { ConsoleSidebarProps } from '../types/componentProps';\nimport GcsaBrandMark from './GcsaBrandMark.vue';\nimport GcsaMenu from './GcsaMenu.vue';\nimport { useGcsaLocaleMessages } from '../composables/useGcsaLocale';\n\nconst messages = useGcsaLocaleMessages();\n\nconst props = withDefaults(\n  defineProps<ConsoleSidebarProps>(),\n  {\n    activeKey: '',\n    collapsed: false,\n    productName: 'GCSA',\n    productTagline: 'Console'\n  }\n);\n\nconst emit = defineEmits<{\n  select: [item: GcsaNavItem];\n}>();\n\nconst menuItems = computed(() => navItemsToMenuItems(props.items));\n\nfunction onMenuSelect(key: string) {\n  const item = props.items.find(navItem => navItem.key === key);\n  if (item && !item.href) {\n    emit('select', item);\n  }\n}\n</script>\n"],"names":["messages","useGcsaLocaleMessages","props","__props","emit","__emit","menuItems","computed","navItemsToMenuItems","onMenuSelect","key","item","navItem","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","_createBlock","GcsaBrandMark","_hoisted_4","_createVNode","GcsaMenu"],"mappings":";;;;;;;;;;;;;;;;;AAoCA,UAAMA,IAAWC,EAAA,GAEXC,IAAQC,GAURC,IAAOC,GAIPC,IAAYC,EAAS,MAAMC,EAAoBN,EAAM,KAAK,CAAC;AAEjE,aAASO,EAAaC,GAAa;AACjC,YAAMC,IAAOT,EAAM,MAAM,KAAK,CAAAU,MAAWA,EAAQ,QAAQF,CAAG;AAC5D,MAAIC,KAAQ,CAACA,EAAK,QAChBP,EAAK,UAAUO,CAAI;AAAA,IAEvB;2BA1DEE,EAwBM,OAAA;AAAA,MAvBJ,OAAKC,EAAA,CAAC,oBAAkB,EAAA,+BACiBX,EAAA,UAAA,CAAS,CAAA;AAAA,MACjD,cAAYY,EAAAf,CAAA,EAAS;AAAA,IAAA;MAEtBgB,EASM,OATNC,GASM;AAAA,QARJD,EAGM,OAHNE,GAGM;AAAA,UAFkBf,EAAA,kBACtBU,EAA2CM,GAAA,EAAA,KAAA,KAAA;AAAA,gBAAvBhB,EAAA,SAAS,GAAA,CAAA;AAAA,UAAA,gBAD7BiB,EAAmCC,GAAA,EAAA,KAAA,GAAA;AAAA;QAGrCL,EAGM,OAHNM,GAGM;AAAA,UAFJN,EAAkC,kBAAvBb,EAAA,WAAW,GAAA,CAAA;AAAA,UACtBa,EAAiC,gBAAxBb,EAAA,cAAc,GAAA,CAAA;AAAA,QAAA;;MAI3BoB,EAOEC,GAAA;AAAA,QANA,OAAM;AAAA,QACL,OAAOlB,EAAA;AAAA,QACR,MAAK;AAAA,QACJ,WAAWH,EAAA;AAAA,QACX,gBAAcA,EAAA;AAAA,QACd,UAAQM;AAAA,MAAA;;;;"}

package/dist/components/ConsoleSidebar2.vue.js

@@ -0,0 +1,5 @@
+import f from "./ConsoleSidebar.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ConsoleSidebar2.vue.js.map

package/dist/components/ConsoleSidebar2.vue.js.map

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

package/dist/components/GcsaAlert.vue.d.ts

@@ -0,0 +1,20 @@
+import { GcsaAlertProps } from '../types/componentProps';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GcsaAlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GcsaAlertProps> & Readonly<{}>, {
+    type: "info" | "success" | "warning" | "error";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/GcsaAlert.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as r, openBlock as t, createElementBlock as a, normalizeClass as o, createElementVNode as l, toDisplayString as s, createCommentVNode as i, renderSlot as n, createTextVNode as d } from "vue";
+const m = {
+  key: 0,
+  class: "gcsa-alert__title"
+}, u = { class: "gcsa-alert__desc" }, g = /* @__PURE__ */ r({
+  name: "GcsaAlert",
+  __name: "GcsaAlert",
+  props: {
+    type: { default: "info" },
+    title: {},
+    description: {}
+  },
+  setup(e) {
+    return (c, f) => (t(), a("div", {
+      class: o(["gcsa-alert gcsa-ui-surface", `gcsa-alert--${e.type}`]),
+      role: "alert"
+    }, [
+      l("div", null, [
+        e.title ? (t(), a("div", m, s(e.title), 1)) : i("", !0),
+        l("div", u, [
+          n(c.$slots, "default", {}, () => [
+            d(s(e.description), 1)
+          ])
+        ])
+      ])
+    ], 2));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=GcsaAlert.vue.js.map

package/dist/components/GcsaAlert.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaAlert.vue.js","sources":["../../src/components/GcsaAlert.vue"],"sourcesContent":["<template>\n  <div\n    class=\"gcsa-alert gcsa-ui-surface\"\n    :class=\"`gcsa-alert--${type}`\"\n    role=\"alert\"\n  >\n    <div>\n      <div v-if=\"title\" class=\"gcsa-alert__title\">{{ title }}</div>\n      <div class=\"gcsa-alert__desc\">\n        <slot>{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { GcsaAlertProps } from '../types/componentProps';\n\ndefineOptions({ name: 'GcsaAlert' });\n\nwithDefaults(\n  defineProps<GcsaAlertProps>(),\n  { type: 'info' }\n);\n</script>\n"],"names":["_createElementBlock","_normalizeClass","__props","_createElementVNode","_hoisted_1","_toDisplayString","_hoisted_2","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;2BACEA,EAWM,OAAA;AAAA,MAVJ,OAAKC,EAAA,CAAC,8BAA4B,eACXC,EAAA,IAAI,EAAA,CAAA;AAAA,MAC3B,MAAK;AAAA,IAAA;MAELC,EAKM,OAAA,MAAA;AAAA,QAJOD,EAAA,cAAXF,EAA6D,OAA7DI,GAA6DC,EAAdH,EAAA,KAAK,GAAA,CAAA;QACpDC,EAEM,OAFNG,GAEM;AAAA,UADJC,EAA8BC,yBAA9B,MAA8B;AAAA,gBAArBN,EAAA,WAAW,GAAA,CAAA;AAAA,UAAA;;;;;;"}

package/dist/components/GcsaAlert2.vue.js

@@ -0,0 +1,5 @@
+import f from "./GcsaAlert.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=GcsaAlert2.vue.js.map

package/dist/components/GcsaAlert2.vue.js.map

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

package/dist/components/GcsaAutoComplete.vue.d.ts

@@ -0,0 +1,17 @@
+import { GcsaAutoCompleteOption, GcsaAutoCompleteProps } from '../types/componentProps';
+declare const _default: import('vue').DefineComponent<GcsaAutoCompleteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<GcsaAutoCompleteProps> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    options: GcsaAutoCompleteOption[];
+    portalled: boolean;
+    modelValue: string;
+    listMaxHeight: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    panelRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;