@aotearoan/neon 22.0.0 → 22.0.1

package/dist/components/layout/page/NeonPage.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),s=n.defineComponent({name:"NeonPage",setup(){const e=()=>{const t=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${t}rem`);const o=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${o}rem`)};n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)})}});module.exports=s;
+"use strict";const n=require("vue"),r=n.defineComponent({name:"NeonPage",setup(i,{slots:t}){const e=()=>{const o=window.innerHeight*.01;document.documentElement.style.setProperty("--vh",`${o}rem`);const s=window.innerWidth*.01;document.documentElement.style.setProperty("--vw",`${s}rem`)};return n.onMounted(()=>{window.addEventListener("resize",e,{passive:!0}),e()}),n.onUnmounted(()=>{window.removeEventListener("resize",e)}),{slots:t}}});module.exports=r;
 //# sourceMappingURL=NeonPage.cjs.js.map

package/dist/components/layout/page/NeonPage.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,OAAQ,CACN,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,CACH,CACF,CAAC"}
+{"version":3,"file":"NeonPage.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":"oCAMAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAK,OAAO,YAAc,IAChC,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,EAC7D,MAAMC,EAAK,OAAO,WAAa,IAC/B,SAAS,gBAAgB,MAAM,YAAY,OAAQ,GAAGA,CAAE,KAAK,CAC/D,EAEAC,OAAAA,EAAAA,UAAU,IAAM,CACd,OAAO,iBAAiB,SAAUH,EAAc,CAAE,QAAS,GAAM,EACjEA,EAAA,CACF,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChB,OAAO,oBAAoB,SAAUJ,CAAY,CACnD,CAAC,EAEM,CAAE,MAAAD,CAAA,CACX,CACF,CAAC"}

package/dist/components/layout/page/NeonPage.es.js

@@ -1,21 +1,21 @@
-import { defineComponent as o, onMounted as s, onUnmounted as i } from "vue";
-const d = o({
+import { defineComponent as r, onMounted as s, onUnmounted as i } from "vue";
+const u = r({
   name: "NeonPage",
-  setup() {
+  setup(d, { slots: n }) {
     const e = () => {
-      const n = window.innerHeight * 0.01;
-      document.documentElement.style.setProperty("--vh", `${n}rem`);
-      const t = window.innerWidth * 0.01;
-      document.documentElement.style.setProperty("--vw", `${t}rem`);
+      const t = window.innerHeight * 0.01;
+      document.documentElement.style.setProperty("--vh", `${t}rem`);
+      const o = window.innerWidth * 0.01;
+      document.documentElement.style.setProperty("--vw", `${o}rem`);
     };
-    s(() => {
+    return s(() => {
       window.addEventListener("resize", e, { passive: !0 }), e();
     }), i(() => {
       window.removeEventListener("resize", e);
-    });
+    }), { slots: n };
   }
 });
 export {
-  d as default
+  u as default
 };
 //# sourceMappingURL=NeonPage.es.js.map

package/dist/components/layout/page/NeonPage.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup() {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n  },\n});\n"],"names":["_sfc_main","defineComponent","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,IAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC;AAAA,EACH;AACF,CAAC;"}
+{"version":3,"file":"NeonPage.es.js","sources":["../../../../src/components/layout/page/NeonPage.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted } from 'vue';\n\n/**\n * A \"page\" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the\n * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.\n */\nexport default defineComponent({\n  name: 'NeonPage',\n  setup(_props, { slots }) {\n    const handleResize = () => {\n      const vh = window.innerHeight * 0.01;\n      document.documentElement.style.setProperty('--vh', `${vh}rem`);\n      const vw = window.innerWidth * 0.01;\n      document.documentElement.style.setProperty('--vw', `${vw}rem`);\n    };\n\n    onMounted(() => {\n      window.addEventListener('resize', handleResize, { passive: true });\n      handleResize();\n    });\n\n    onUnmounted(() => {\n      window.removeEventListener('resize', handleResize);\n    });\n\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots","handleResize","vh","vw","onMounted","onUnmounted"],"mappings":";AAMA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAK,OAAO,cAAc;AAChC,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAC7D,YAAMC,IAAK,OAAO,aAAa;AAC/B,eAAS,gBAAgB,MAAM,YAAY,QAAQ,GAAGA,CAAE,KAAK;AAAA,IAC/D;AAEA,WAAAC,EAAU,MAAM;AACd,aAAO,iBAAiB,UAAUH,GAAc,EAAE,SAAS,IAAM,GACjEA,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,MAAM;AAChB,aAAO,oBAAoB,UAAUJ,CAAY;AAAA,IACnD,CAAC,GAEM,EAAE,OAAAD,EAAA;AAAA,EACX;AACF,CAAC;"}

package/dist/components/layout/page/NeonPage.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./NeonPage.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-page__container"};function r(n,l,i,p,c,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-page",{"neon-page--with-top-nav":n.$slots["top-nav"],"neon-page--with-side-nav":n.$slots["side-nav"]}])},[e.renderSlot(n.$slots,"top-nav"),e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",t,[e.renderSlot(n.$slots,"content")])],2)}const a=s(o,[["render",r]]);module.exports=a;
+"use strict";const o=require("./NeonPage.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={class:"neon-page__container"};function r(n,l,i,p,c,d){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-page--with-top-nav":n.slots["top-nav"],"neon-page--with-side-nav":n.slots["side-nav"]},"neon-page"])},[e.renderSlot(n.$slots,"top-nav"),e.renderSlot(n.$slots,"side-nav"),e.createElementVNode("div",t,[e.renderSlot(n.$slots,"content")])],2)}const a=s(o,[["render",r]]);module.exports=a;
 //# sourceMappingURL=NeonPage.vue.cjs.js.map

package/dist/components/layout/page/NeonPage.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    class=\"neon-page\"\n    :class=\"{ 'neon-page--with-top-nav': $slots['top-nav'], 'neon-page--with-side-nav': $slots['side-nav'] }\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":"mIASSA,EAAA,CAAA,MAAM,sBAAsB,+CARnCC,EAAAA,mBAYM,MAAA,CAXJ,MAAKC,EAAAA,eAAA,CAAC,YAAW,CAAA,0BACoBC,EAAA,6CAA+CA,EAAA,OAAM,UAAA,CAAA,CAAA,CAAA,IAG1FC,aAA4BD,EAAA,OAAA,SAAA,EAE5BC,aAA6BD,EAAA,OAAA,UAAA,EAC7BE,EAAAA,mBAGM,MAHNL,EAGM,CADJI,aAA4BD,EAAA,OAAA,SAAA"}
+{"version":3,"file":"NeonPage.vue.cjs.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-page--with-top-nav': slots['top-nav'], 'neon-page--with-side-nav': slots['side-nav'] }\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":"mIASSA,EAAA,CAAA,MAAM,sBAAsB,+CARnCC,EAAAA,mBAYM,MAAA,CAXH,MAAKC,EAAAA,eAAA,CAAA,CAAA,0BAA+BC,EAAA,MAAK,SAAA,EAAA,2BAAyCA,EAAA,mBAC7E,WAAW,CAAA,IAGjBC,aAA4BD,EAAA,OAAA,SAAA,EAE5BC,aAA6BD,EAAA,OAAA,UAAA,EAC7BE,EAAAA,mBAGM,MAHNL,EAGM,CADJI,aAA4BD,EAAA,OAAA,SAAA"}

package/dist/components/layout/page/NeonPage.vue.es.js

@@ -2,9 +2,9 @@ import n from "./NeonPage.es.js";
 import { openBlock as s, createElementBlock as t, normalizeClass as a, renderSlot as o, createElementVNode as r } from "vue";
 import p from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const i = { class: "neon-page__container" };
-function l(e, c, d, m, $, f) {
+function l(e, c, d, m, f, v) {
   return s(), t("div", {
-    class: a(["neon-page", { "neon-page--with-top-nav": e.$slots["top-nav"], "neon-page--with-side-nav": e.$slots["side-nav"] }])
+    class: a([{ "neon-page--with-top-nav": e.slots["top-nav"], "neon-page--with-side-nav": e.slots["side-nav"] }, "neon-page"])
   }, [
     o(e.$slots, "top-nav"),
     o(e.$slots, "side-nav"),

package/dist/components/layout/page/NeonPage.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    class=\"neon-page\"\n    :class=\"{ 'neon-page--with-top-nav': $slots['top-nav'], 'neon-page--with-side-nav': $slots['side-nav'] }\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AASS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;cARnCC,EAYM,OAAA;AAAA,IAXJ,OAAKC,EAAA,CAAC,aAAW,EAAA,2BACoBC,EAAA,+CAA+CA,EAAA,OAAM,UAAA,EAAA,CAAA,CAAA;AAAA;IAG1FC,EAA4BD,EAAA,QAAA,SAAA;AAAA,IAE5BC,EAA6BD,EAAA,QAAA,UAAA;AAAA,IAC7BE,EAGM,OAHNL,GAGM;AAAA,MADJI,EAA4BD,EAAA,QAAA,SAAA;AAAA;;;;"}
+{"version":3,"file":"NeonPage.vue.es.js","sources":["../../../../src/components/layout/page/NeonPage.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-page--with-top-nav': slots['top-nav'], 'neon-page--with-side-nav': slots['side-nav'] }\"\n    class=\"neon-page\"\n  >\n    <!-- @slot The <strong>NeonTopNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"top-nav\"></slot>\n    <!-- @slot The <strong>NeonSideNav</strong> slot. This slot is required to ensure the correct responsive page layout. -->\n    <slot name=\"side-nav\"></slot>\n    <div class=\"neon-page__container\">\n      <!-- @slot The main page content -->\n      <slot name=\"content\"></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonPage.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_renderSlot","_createElementVNode"],"mappings":";;;AASS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;cARnCC,EAYM,OAAA;AAAA,IAXH,OAAKC,EAAA,CAAA,EAAA,2BAA+BC,EAAA,MAAK,SAAA,GAAA,4BAAyCA,EAAA,qBAC7E,WAAW,CAAA;AAAA;IAGjBC,EAA4BD,EAAA,QAAA,SAAA;AAAA,IAE5BC,EAA6BD,EAAA,QAAA,UAAA;AAAA,IAC7BE,EAGM,OAHNL,GAGM;AAAA,MADJI,EAA4BD,EAAA,QAAA,SAAA;AAAA;;;;"}

package/dist/components/layout/side-nav/NeonSideNav.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n=e.defineComponent({name:"NeonSideNav",props:{fullWidth:{type:Boolean,default:!1}}});module.exports=n;
+"use strict";const t=require("vue"),n=t.defineComponent({name:"NeonSideNav",props:{fullWidth:{type:Boolean,default:!1}},setup(o,{slots:e}){return{slots:e}}});module.exports=n;
 //# sourceMappingURL=NeonSideNav.cjs.js.map

package/dist/components/layout/side-nav/NeonSideNav.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":"oCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,CAE/C,CAAC"}
+{"version":3,"file":"NeonSideNav.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n  setup(_props, { slots }) {\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots"],"mappings":"oCAQAA,EAAeC,kBAAgB,CAC7B,KAAM,cACN,MAAO,CAIL,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE7C,MAAMC,EAAQ,CAAE,MAAAC,GAAS,CACvB,MAAO,CAAE,MAAAA,CAAA,CACX,CACF,CAAC"}

package/dist/components/layout/side-nav/NeonSideNav.es.js

@@ -1,14 +1,17 @@
-import { defineComponent as e } from "vue";
-const a = e({
+import { defineComponent as o } from "vue";
+const p = o({
   name: "NeonSideNav",
   props: {
     /**
      * If true, removes the side nav component's padding.
      */
     fullWidth: { type: Boolean, default: !1 }
+  },
+  setup(t, { slots: e }) {
+    return { slots: e };
   }
 });
 export {
-  a as default
+  p as default
 };
 //# sourceMappingURL=NeonSideNav.es.js.map

package/dist/components/layout/side-nav/NeonSideNav.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n});\n"],"names":["_sfc_main","defineComponent"],"mappings":";AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAE/C,CAAC;"}
+{"version":3,"file":"NeonSideNav.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\n/**\n * A side navigation component. This is displayed at the <em>larger-than-tablet</em> breakpoint and hidden at\n * <em>tablet</em> and below. Use this to display menus, navigation or other items related to the main page content. A\n * side nave had two slots, one for <em>sticky</em> content which remains visible at all times. The other is for\n * <em>scrolling content</em> which is allowed to overflow below the bottom of the page.\n */\nexport default defineComponent({\n  name: 'NeonSideNav',\n  props: {\n    /**\n     * If true, removes the side nav component's padding.\n     */\n    fullWidth: { type: Boolean, default: false },\n  },\n  setup(_props, { slots }) {\n    return { slots };\n  },\n});\n"],"names":["_sfc_main","defineComponent","_props","slots"],"mappings":";AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE7C,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,WAAO,EAAE,OAAAA,EAAA;AAAA,EACX;AACF,CAAC;"}

package/dist/components/layout/side-nav/NeonSideNav.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonSideNav.cjs.js"),e=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={key:0,class:"neon-side-nav__sticky"},l={key:1},r={key:2,class:"neon-side-nav__scrolling"},c={class:"neon-side-nav__scrolling-container"};function i(o,d,_,u,k,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["neon-side-nav",{"neon-side-nav--full-width":o.fullWidth}])},[o.$slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(o.$slots,"sticky")])):e.createCommentVNode("",!0),o.$slots.sticky&&o.$slots.scrolling?(e.openBlock(),e.createElementBlock("hr",l)):e.createCommentVNode("",!0),o.$slots.scrolling?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}const a=n(s,[["render",i]]);module.exports=a;
+"use strict";const s=require("./NeonSideNav.cjs.js"),e=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t={key:0,class:"neon-side-nav__sticky"},l={key:1},r={key:2,class:"neon-side-nav__scrolling"},c={class:"neon-side-nav__scrolling-container"};function i(o,d,_,u,k,p){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-side-nav--full-width":o.fullWidth},"neon-side-nav"])},[o.slots.sticky?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(o.$slots,"sticky")])):e.createCommentVNode("",!0),o.slots.sticky&&o.slots.scrolling?(e.openBlock(),e.createElementBlock("hr",l)):e.createCommentVNode("",!0),o.slots.scrolling?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",c,[e.renderSlot(o.$slots,"scrolling")])])):e.createCommentVNode("",!0)],2)}const a=n(s,[["render",i]]);module.exports=a;
 //# sourceMappingURL=NeonSideNav.vue.cjs.js.map

package/dist/components/layout/side-nav/NeonSideNav.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.vue.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div class=\"neon-side-nav\" :class=\"{ 'neon-side-nav--full-width': fullWidth }\">\n    <div v-if=\"$slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"$slots.sticky && $slots.scrolling\" />\n    <div v-if=\"$slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":"+IAE8B,MAAM,4CAKH,MAAM,4BAE5BA,EAAA,CAAA,MAAM,oCAAoC,+CARnDC,EAAAA,mBAYM,MAAA,CAZD,MAAKC,EAAAA,eAAA,CAAC,gBAAe,CAAA,4BAAwCC,EAAA,UAAS,CAAA,IAC9DA,EAAA,OAAO,QAAlBC,EAAAA,YAAAH,EAAAA,mBAGM,MAHNI,EAGM,CADJC,aAA2BH,EAAA,OAAA,QAAA,iCAEnBA,EAAA,OAAO,QAAUA,EAAA,OAAO,yBAAlCF,EAAAA,mBAA+C,KAAAM,CAAA,+BACpCJ,EAAA,OAAO,WAAlBC,EAAAA,YAAAH,EAAAA,mBAKM,MALNO,EAKM,CAHJC,EAAAA,mBAEM,MAFNT,EAEM,CADJM,aAA8BH,EAAA,OAAA,WAAA"}
+{"version":3,"file":"NeonSideNav.vue.cjs.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div :class=\"{ 'neon-side-nav--full-width': fullWidth }\" class=\"neon-side-nav\">\n    <div v-if=\"slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"slots.sticky && slots.scrolling\" />\n    <div v-if=\"slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":"+IAE6B,MAAM,4CAKH,MAAM,4BAE3BA,EAAA,CAAA,MAAM,oCAAoC,+CARnDC,EAAAA,mBAYM,MAAA,CAZA,MAAKC,EAAAA,eAAA,CAAA,CAAA,4BAAiCC,EAAA,SAAS,EAAU,eAAe,CAAA,IACjEA,EAAA,MAAM,QAAjBC,EAAAA,YAAAH,EAAAA,mBAGM,MAHNI,EAGM,CADJC,aAA2BH,EAAA,OAAA,QAAA,iCAEnBA,EAAA,MAAM,QAAUA,EAAA,MAAM,yBAAhCF,EAAAA,mBAA6C,KAAAM,CAAA,+BAClCJ,EAAA,MAAM,WAAjBC,EAAAA,YAAAH,EAAAA,mBAKM,MALNO,EAKM,CAHJC,EAAAA,mBAEM,MAFNT,EAEM,CADJM,aAA8BH,EAAA,OAAA,WAAA"}

package/dist/components/layout/side-nav/NeonSideNav.vue.es.js

@@ -8,15 +8,15 @@ const d = {
   key: 2,
   class: "neon-side-nav__scrolling"
 }, m = { class: "neon-side-nav__scrolling-container" };
-function f(s, p, v, $, k, u) {
+function f(s, p, v, k, u, h) {
   return e(), o("div", {
-    class: l(["neon-side-nav", { "neon-side-nav--full-width": s.fullWidth }])
+    class: l([{ "neon-side-nav--full-width": s.fullWidth }, "neon-side-nav"])
   }, [
-    s.$slots.sticky ? (e(), o("div", d, [
+    s.slots.sticky ? (e(), o("div", d, [
       t(s.$slots, "sticky")
     ])) : n("", !0),
-    s.$slots.sticky && s.$slots.scrolling ? (e(), o("hr", a)) : n("", !0),
-    s.$slots.scrolling ? (e(), o("div", _, [
+    s.slots.sticky && s.slots.scrolling ? (e(), o("hr", a)) : n("", !0),
+    s.slots.scrolling ? (e(), o("div", _, [
       r("div", m, [
         t(s.$slots, "scrolling")
       ])

package/dist/components/layout/side-nav/NeonSideNav.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonSideNav.vue.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div class=\"neon-side-nav\" :class=\"{ 'neon-side-nav--full-width': fullWidth }\">\n    <div v-if=\"$slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"$slots.sticky && $slots.scrolling\" />\n    <div v-if=\"$slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":";;;;;EAE8B,OAAM;;;EAKH,OAAM;GAE5BA,IAAA,EAAA,OAAM,qCAAoC;;cARnDC,EAYM,OAAA;AAAA,IAZD,OAAKC,EAAA,CAAC,iBAAe,EAAA,6BAAwCC,EAAA,WAAS,CAAA;AAAA;IAC9DA,EAAA,OAAO,UAAlBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,MADJC,EAA2BH,EAAA,QAAA,QAAA;AAAA;IAEnBA,EAAA,OAAO,UAAUA,EAAA,OAAO,kBAAlCF,EAA+C,MAAAM,CAAA;IACpCJ,EAAA,OAAO,aAAlBC,KAAAH,EAKM,OALNO,GAKM;AAAA,MAHJC,EAEM,OAFNT,GAEM;AAAA,QADJM,EAA8BH,EAAA,QAAA,WAAA;AAAA;;;;;"}
+{"version":3,"file":"NeonSideNav.vue.es.js","sources":["../../../../src/components/layout/side-nav/NeonSideNav.vue"],"sourcesContent":["<template>\n  <div :class=\"{ 'neon-side-nav--full-width': fullWidth }\" class=\"neon-side-nav\">\n    <div v-if=\"slots.sticky\" class=\"neon-side-nav__sticky\">\n      <!-- @slot sticky (fixed, non-scrolling) content -->\n      <slot name=\"sticky\"></slot>\n    </div>\n    <hr v-if=\"slots.sticky && slots.scrolling\" />\n    <div v-if=\"slots.scrolling\" class=\"neon-side-nav__scrolling\">\n      <!-- @slot scrolling content -->\n      <div class=\"neon-side-nav__scrolling-container\">\n        <slot name=\"scrolling\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSideNav.ts\"></script>\n"],"names":["_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_openBlock","_hoisted_1","_renderSlot","_hoisted_2","_hoisted_3","_createElementVNode"],"mappings":";;;;;EAE6B,OAAM;;;EAKH,OAAM;GAE3BA,IAAA,EAAA,OAAM,qCAAoC;;cARnDC,EAYM,OAAA;AAAA,IAZA,OAAKC,EAAA,CAAA,EAAA,6BAAiCC,EAAA,UAAS,GAAU,eAAe,CAAA;AAAA;IACjEA,EAAA,MAAM,UAAjBC,KAAAH,EAGM,OAHNI,GAGM;AAAA,MADJC,EAA2BH,EAAA,QAAA,QAAA;AAAA;IAEnBA,EAAA,MAAM,UAAUA,EAAA,MAAM,kBAAhCF,EAA6C,MAAAM,CAAA;IAClCJ,EAAA,MAAM,aAAjBC,KAAAH,EAKM,OALNO,GAKM;AAAA,MAHJC,EAEM,OAFNT,GAEM;AAAA,QADJM,EAA8BH,EAAA,QAAA,WAAA;AAAA;;;;;"}

package/dist/src/components/layout/page/NeonPage.d.ts

@@ -2,5 +2,9 @@
  * A "page" component, this is defined as a wrapper around the contents (NeonGrid, etc) and footer which provides the
  * correct responsive layout accounting for NeonTopNav and NeonSideNav components being used.
  */
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/src/components/layout/side-nav/NeonSideNav.d.ts

@@ -12,7 +12,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * If true, removes the side nav component's padding.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aotearoan/neon",
   "description": "Neon is a lightweight design library of Vue 3 components with minimal dependencies.",
-  "version": "22.0.0",
+  "version": "22.0.1",
   "main": "./dist/neon.cjs.js",
   "module": "./dist/neon.es.js",
   "types": "./dist/src/neon.d.ts",