{"version":3,"file":"ClassicNav-Dvm8faD9.mjs","names":[],"sources":["../src/components/misc/ClassicNav.vue","../src/components/misc/ClassicNav.vue"],"sourcesContent":["<!--\n  Component to make a tab-based navigation\n  @deprecated Use ClassicTabs instead\n-->\n<template>\n  <ul class=\"octopus-nav\" :class=\"light ? 'light' : ''\">\n    <li\n      v-for=\"index in tabNumber\"\n      v-show=\"$slots[index - 1]\"\n      :key=\"index - 1\"\n      class=\"octopus-nav-item\"\n    >\n      <button\n        class=\"octopus-nav-link\"\n        :class=\"activeTab === index - 1 ? 'active' : ''\"\n        @click=\"emit('update:activeTab', index - 1)\"\n      >\n        <slot :name=\"index - 1\" />\n      </button>\n    </li>\n  </ul>\n  <div\n    :class=\"\n      transparent\n        ? 'd-flex flex-grow-1 classic-nav-tab-container'\n        : 'octopus-tab-content'\n    \"\n  >\n    <div\n      v-for=\"index in tabNumber\"\n      v-show=\"$slots['tab' + (index - 1)]\"\n      :key=\"index - 1\"\n      class=\"octopus-tab-pane\"\n      :class=\"{ active: activeTab === index - 1, 'flex-column': flexColumn }\"\n    >\n      <slot :name=\"'tab' + (index - 1)\" :is-active=\"activeTab === index - 1\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n\n//Props \ndefineProps({\n  /** Number of tabs to display */\n  tabNumber: { default: 0, type: Number },\n  /** Currently active tab */\n  activeTab: { default: 0, type: Number },\n  /** Alternative css */\n  transparent: { default: false, type: Boolean },\n  /** Alternative css */\n  light: { default: false, type: Boolean },\n  /** Vertical content */\n  flexColumn: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:activeTab\"]);\n\n</script>\n\n<style lang=\"scss\">\n\n\n.octopus-app {\n  .octopus-nav {\n    display: flex;\n    flex-wrap: wrap;\n    padding-left: 0;\n    margin-bottom: 0;\n    margin-top: 0;\n    list-style: none;\n    border-bottom: 0.05rem solid var(--octopus-border-default);\n\n    &.light {\n      border: 0;\n    }\n  }\n\n  .octopus-nav-item {\n    border-right: solid 1px var(--octopus-border-default);\n    border-left: solid 1px var(--octopus-border-default);\n    border-top: solid 1px var(--octopus-border-default);\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    text-align: center;\n  }\n\n  .octopus-tab-content {\n    border-right: solid 1px var(--octopus-border-default);\n    border-left: solid 1px var(--octopus-border-default);\n    border-bottom: solid 1px var(--octopus-border-default);\n    background-color: var(--octopus-background);\n  }\n  .octopus-nav.light  .octopus-tab-content{\n    border-top: solid 1px var(--octopus-border-default);\n  }\n\n\n  .octopus-nav.light .octopus-nav-item {\n    border: 0;\n  }\n\n  .octopus-nav-link {\n    display: block;\n    background: transparent;\n    flex-grow: 1;\n    padding: 0.5rem 1rem;\n    text-decoration: none;\n    transition:\n      color 0.15s ease-in-out,\n      background-color 0.15s ease-in-out,\n      border-color 0.15s ease-in-out;\n    border: 0.1rem solid transparent;\n\n    &:hover {\n      border-color: var(--octopus-border-default);\n      border-bottom-color: var(--octopus-primary);\n      color: var(--octopus-primary);\n    }\n\n    &.active {\n      border-color: var(--octopus-primary);\n      background: var(--octopus-primary);\n      color: white;\n    }\n  }\n\n  .octopus-nav.light .octopus-nav-link {\n    font-weight: bold;\n    background:var(--octopus-border-default);\n    &.active{\n      border-bottom-color: var(--octopus-primary);\n      background: transparent;\n      color: var(--octopus-primary);\n    }\n  }\n\n\n  .octopus-tab-pane {\n    display: none;\n\n    &.active {\n      display: flex;\n      justify-content: space-between;\n      padding: 0.5rem;\n      flex-grow: 1;\n      @media (width <= 550px) {\n        padding:0;\n      }\n    }\n  }\n}\n</style>\n","<!--\n  Component to make a tab-based navigation\n  @deprecated Use ClassicTabs instead\n-->\n<template>\n  <ul class=\"octopus-nav\" :class=\"light ? 'light' : ''\">\n    <li\n      v-for=\"index in tabNumber\"\n      v-show=\"$slots[index - 1]\"\n      :key=\"index - 1\"\n      class=\"octopus-nav-item\"\n    >\n      <button\n        class=\"octopus-nav-link\"\n        :class=\"activeTab === index - 1 ? 'active' : ''\"\n        @click=\"emit('update:activeTab', index - 1)\"\n      >\n        <slot :name=\"index - 1\" />\n      </button>\n    </li>\n  </ul>\n  <div\n    :class=\"\n      transparent\n        ? 'd-flex flex-grow-1 classic-nav-tab-container'\n        : 'octopus-tab-content'\n    \"\n  >\n    <div\n      v-for=\"index in tabNumber\"\n      v-show=\"$slots['tab' + (index - 1)]\"\n      :key=\"index - 1\"\n      class=\"octopus-tab-pane\"\n      :class=\"{ active: activeTab === index - 1, 'flex-column': flexColumn }\"\n    >\n      <slot :name=\"'tab' + (index - 1)\" :is-active=\"activeTab === index - 1\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n\n//Props \ndefineProps({\n  /** Number of tabs to display */\n  tabNumber: { default: 0, type: Number },\n  /** Currently active tab */\n  activeTab: { default: 0, type: Number },\n  /** Alternative css */\n  transparent: { default: false, type: Boolean },\n  /** Alternative css */\n  light: { default: false, type: Boolean },\n  /** Vertical content */\n  flexColumn: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:activeTab\"]);\n\n</script>\n\n<style lang=\"scss\">\n\n\n.octopus-app {\n  .octopus-nav {\n    display: flex;\n    flex-wrap: wrap;\n    padding-left: 0;\n    margin-bottom: 0;\n    margin-top: 0;\n    list-style: none;\n    border-bottom: 0.05rem solid var(--octopus-border-default);\n\n    &.light {\n      border: 0;\n    }\n  }\n\n  .octopus-nav-item {\n    border-right: solid 1px var(--octopus-border-default);\n    border-left: solid 1px var(--octopus-border-default);\n    border-top: solid 1px var(--octopus-border-default);\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n    cursor: pointer;\n    display: flex;\n    flex-grow: 1;\n    text-align: center;\n  }\n\n  .octopus-tab-content {\n    border-right: solid 1px var(--octopus-border-default);\n    border-left: solid 1px var(--octopus-border-default);\n    border-bottom: solid 1px var(--octopus-border-default);\n    background-color: var(--octopus-background);\n  }\n  .octopus-nav.light  .octopus-tab-content{\n    border-top: solid 1px var(--octopus-border-default);\n  }\n\n\n  .octopus-nav.light .octopus-nav-item {\n    border: 0;\n  }\n\n  .octopus-nav-link {\n    display: block;\n    background: transparent;\n    flex-grow: 1;\n    padding: 0.5rem 1rem;\n    text-decoration: none;\n    transition:\n      color 0.15s ease-in-out,\n      background-color 0.15s ease-in-out,\n      border-color 0.15s ease-in-out;\n    border: 0.1rem solid transparent;\n\n    &:hover {\n      border-color: var(--octopus-border-default);\n      border-bottom-color: var(--octopus-primary);\n      color: var(--octopus-primary);\n    }\n\n    &.active {\n      border-color: var(--octopus-primary);\n      background: var(--octopus-primary);\n      color: white;\n    }\n  }\n\n  .octopus-nav.light .octopus-nav-link {\n    font-weight: bold;\n    background:var(--octopus-border-default);\n    &.active{\n      border-bottom-color: var(--octopus-primary);\n      background: transparent;\n      color: var(--octopus-primary);\n    }\n  }\n\n\n  .octopus-tab-pane {\n    display: none;\n\n    &.active {\n      display: flex;\n      justify-content: space-between;\n      padding: 0.5rem;\n      flex-grow: 1;\n      @media (width <= 550px) {\n        padding:0;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDCKE,mBAeK,MAAA,EAfD,OAAK,eAAA,CAAC,eAAsB,OAAA,QAAK,UAAA,EAAA,CAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GACnC,mBAaK,UAAA,MAAA,WAZa,OAAA,YAAT,UAAK;sCADd,mBAaK,MAAA;GAVF,KAAK,QAAK;GACX,OAAM;MAEN,mBAMS,UAAA;GALP,OAAK,eAAA,CAAC,oBACE,OAAA,cAAc,QAAK,IAAA,WAAA,EAAA,CAAA;GAC1B,UAAK,WAAE,OAAA,KAAI,oBAAqB,QAAK,CAAA;MAEtC,WAA0B,KAAA,QAAb,QAAK,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,IAAA,CAAA,CAAA,OATZ,KAAA,OAAO,QAAK,EAAA,CAAA,CAAA;iBAaxB,mBAgBM,OAAA,EAfH,OAAK,eAAS,OAAA,cAAA,iDAAA,qBAAA,EAAA,GAAA,EAAA,UAAA,IAAA,GAMf,mBAQM,UAAA,MAAA,WAPY,OAAA,YAAT,UAAK;sCADd,mBAQM,OAAA;GALH,KAAK,QAAK;GACX,OAAK,eAAA,CAAC,oBAAkB;IAAA,QACN,OAAA,cAAc,QAAK;IAAA,eAAqB,OAAA;GAAU,CAAA,CAAA;MAEpE,WAAyE,KAAA,QAAA,SAAnD,QAAK,IAAA,EAAQ,UAAW,OAAA,cAAc,QAAK,EAAA,CAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,OALzD,KAAA,OAAM,SAAU,QAAK,GAAA,CAAA,CAAA"}