@leaflink/stash 49.1.0 → 49.3.0

package/dist/Tab.vue_vue_type_script_setup_true_lang-9aa53203.js

@@ -1,93 +0,0 @@
-import { defineComponent as x, inject as T, computed as o, onMounted as k, nextTick as g, toRefs as u, openBlock as c, createElementBlock as y, normalizeClass as _, unref as n, withKeys as C, createBlock as P, resolveDynamicComponent as B, mergeProps as E, withCtx as b, createElementVNode as $, createVNode as N, renderSlot as A } from "vue";
-import I from "@leaflink/snitch";
-import j from "./Badge.js";
-import { T as D } from "./Tabs.vue_used_vue_type_style_index_0_lang.module-3aa36673.js";
-const L = ["id", "aria-selected", "aria-controls", "aria-disabled"], V = { class: "tw-mt-0.5" }, J = /* @__PURE__ */ x({
-  __name: "Tab",
-  props: {
-    value: {},
-    to: {},
-    href: {},
-    badge: {},
-    disabled: { type: Boolean },
-    anchorProps: {},
-    routerLinkProps: {}
-  },
-  setup(p) {
-    const e = p, l = T(D.key);
-    if (!l)
-      throw Error("The Tab component must be a child of the Tabs component.");
-    const { setActiveTab: v, activeTab: w, variant: a } = l, t = o(() => e.value === w.value), f = o(() => e.to ? "router-link" : e.href ? "a" : "button");
-    function d(i) {
-      e.disabled || v(i);
-    }
-    const s = o(() => `tabpanel-${e.value}`);
-    k(async () => {
-      await g(), process.env.NODE_ENV !== "test" && t.value && !document.getElementById(s.value) && I.warn(
-        `The <Tab> with value "${e.value}" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an "id" attribute with value "${s.value}" and a "role" attribute with value "tabpanel".`
-      );
-    });
-    const h = o(() => e.to && e.routerLinkProps ? u(e.routerLinkProps) : e.href && e.anchorProps ? u(e.anchorProps) : {});
-    return (i, r) => (c(), y("li", {
-      id: `tab-${e.value}`,
-      role: "tab",
-      "aria-selected": t.value,
-      "aria-controls": s.value,
-      "aria-disabled": e.disabled,
-      class: _(["stash-tab", [
-        {
-          "stash-tab--active is-active": t.value,
-          "stash-tab--disabled": e.disabled,
-          "stash-tab--variant-line": n(a) === "line",
-          "stash-tab--variant-enclosed": n(a) === "enclosed"
-        }
-      ]]),
-      onClick: r[0] || (r[0] = (m) => d(e.value)),
-      onKeypress: r[1] || (r[1] = C((m) => d(e.value), ["enter"]))
-    }, [
-      (c(), P(B(f.value), E(h.value, {
-        to: e.to,
-        href: e.href,
-        class: ["tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline", [
-          {
-            "tw-border-b-2": n(a) === "line",
-            "tw-border-t-4 tw-px-6": n(a) === "enclosed",
-            "tw-rounded-t tw-bg-white": t.value && n(a) === "enclosed",
-            "focus:tw-no-underline": e.href,
-            "tw-pointer-events-none tw-text-ice-500": e.disabled,
-            "tw-text-ice-700": !e.disabled && !t.value
-          },
-          [
-            t.value ? "tw-border-blue-500 tw-text-blue-500" : "tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500"
-          ]
-        ]],
-        tabindex: e.disabled ? -1 : 0
-      }), {
-        default: b(() => [
-          $("div", V, [
-            N(j, {
-              content: e.badge,
-              position: "inline",
-              color: "red",
-              "is-disabled": e.disabled
-            }, {
-              default: b(() => [
-                A(i.$slots, "default", {
-                  isActive: t.value,
-                  isDisabled: e.disabled,
-                  variant: n(a)
-                })
-              ]),
-              _: 3
-            }, 8, ["content", "is-disabled"])
-          ])
-        ]),
-        _: 3
-      }, 16, ["to", "href", "class", "tabindex"]))
-    ], 42, L));
-  }
-});
-export {
-  J as _
-};
-//# sourceMappingURL=Tab.vue_vue_type_script_setup_true_lang-9aa53203.js.map

package/dist/Tab.vue_vue_type_script_setup_true_lang-9aa53203.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang-9aa53203.js","sources":["../src/components/Tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, inject, nextTick, onMounted, toRefs } from 'vue';\n  import { type RouteLocationRaw, type RouterLinkProps } from 'vue-router';\n\n  import Badge from '../Badge/Badge.vue';\n  import { TABS_INJECTION } from '../Tabs/Tabs.vue';\n\n  /**\n   * Allowed attributes for the `<a>` element when the `href` prop is used.\n   */\n  type AnchorAttrs =\n    | HTMLAnchorElement['download']\n    | HTMLAnchorElement['hreflang']\n    | HTMLAnchorElement['ping']\n    | HTMLAnchorElement['referrerPolicy']\n    | HTMLAnchorElement['rel']\n    | HTMLAnchorElement['target']\n    | HTMLAnchorElement['type'];\n\n  export interface TabProps {\n    /**\n     * The tab identifier\n     */\n    value: string;\n\n    /**\n     * Router link `to` prop\n     */\n    to?: RouteLocationRaw;\n\n    /**\n     * Anchor tag href. Used for navigating to non-vue pages, such as Django pages in marketplace.\n     */\n    href?: string;\n\n    /**\n     * The badge's content\n     */\n    badge?: string | number;\n\n    /**\n     * Will render a plain text item if true.\n     */\n    disabled?: boolean;\n\n    /**\n     * Props for the `<a>` element when the `href` prop is used\n     */\n    anchorProps?: Record<AnchorAttrs, string>;\n\n    /**\n     * Props for the `<RouterLink>` element when the `to` prop is used\n     */\n    routerLinkProps?: Omit<RouterLinkProps, 'to'>;\n  }\n\n  const props = defineProps<TabProps>();\n\n  const tabsInjection = inject(TABS_INJECTION.key);\n\n  if (!tabsInjection) {\n    throw Error('The Tab component must be a child of the Tabs component.');\n  }\n\n  const { setActiveTab, activeTab, variant } = tabsInjection;\n\n  const isTabActive = computed(() => {\n    return props.value === activeTab.value;\n  });\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'button';\n  });\n\n  /**\n   * Note: this click handler gets ignored when the `href` prop is used; `preventDefault()` is intentionally omitted in order to enable the `href` prop to work correctly. The `href` prop is used for navigation to non-vue pages, such as Django pages in marketplace.\n   */\n  function onClick(tabValue: string) {\n    if (props.disabled) {\n      return;\n    }\n\n    setActiveTab(tabValue);\n  }\n\n  const panelId = computed(() => `tabpanel-${props.value}`);\n\n  onMounted(async () => {\n    await nextTick();\n\n    if (process.env.NODE_ENV !== 'test' && isTabActive.value && !document.getElementById(panelId.value)) {\n      // The following warning ensures optimal accessibility is maintained when using the Tabs component. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role#example\n      logger.warn(\n        `The <Tab> with value \"${props.value}\" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an \"id\" attribute with value \"${panelId.value}\" and a \"role\" attribute with value \"tabpanel\".`,\n      );\n    }\n  });\n\n  const dynamicComponentAttrs = computed(() => {\n    if (props.to && props.routerLinkProps) {\n      return toRefs(props.routerLinkProps);\n    }\n\n    if (props.href && props.anchorProps) {\n      return toRefs(props.anchorProps);\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <li\n    :id=\"`tab-${props.value}`\"\n    role=\"tab\"\n    :aria-selected=\"isTabActive\"\n    :aria-controls=\"panelId\"\n    :aria-disabled=\"props.disabled\"\n    class=\"stash-tab\"\n    :class=\"[\n      {\n        'stash-tab--active is-active': isTabActive,\n        'stash-tab--disabled': props.disabled,\n        'stash-tab--variant-line': variant === 'line',\n        'stash-tab--variant-enclosed': variant === 'enclosed',\n      },\n    ]\"\n    @click=\"onClick(props.value)\"\n    @keypress.enter=\"onClick(props.value)\"\n  >\n    <component\n      v-bind=\"dynamicComponentAttrs\"\n      :is=\"is\"\n      :to=\"props.to\"\n      :href=\"props.href\"\n      class=\"tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-whitespace-nowrap tw-border-solid tw-py-1.5 tw-text-sm tw-font-medium hover:tw-no-underline\"\n      :class=\"[\n        {\n          'tw-border-b-2': variant === 'line',\n          'tw-border-t-4 tw-px-6': variant === 'enclosed',\n          'tw-rounded-t tw-bg-white': isTabActive && variant === 'enclosed',\n          'focus:tw-no-underline': props.href,\n          'tw-pointer-events-none tw-text-ice-500': props.disabled,\n          'tw-text-ice-700': !props.disabled && !isTabActive,\n        },\n        [\n          isTabActive\n            ? 'tw-border-blue-500 tw-text-blue-500'\n            : 'tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500',\n        ],\n      ]\"\n      :tabindex=\"props.disabled ? -1 : 0\"\n    >\n      <!-- The margin-top on the <div> below is necessary to fix the vertical alignment of text in the default slot since our Sofia font has extra space under the baseline -->\n      <div class=\"tw-mt-0.5\">\n        <Badge :content=\"props.badge\" position=\"inline\" color=\"red\" :is-disabled=\"props.disabled\">\n          <slot :is-active=\"isTabActive\" :is-disabled=\"props.disabled\" :variant=\"variant\"></slot>\n        </Badge>\n      </div>\n    </component>\n  </li>\n</template>\n"],"names":["props","__props","tabsInjection","inject","TABS_INJECTION","setActiveTab","activeTab","variant","isTabActive","computed","is","onClick","tabValue","panelId","onMounted","nextTick","logger","dynamicComponentAttrs","toRefs"],"mappings":";;;;;;;;;;;;;;;;AAyDE,UAAMA,IAAQC,GAERC,IAAgBC,EAAOC,EAAe,GAAG;AAE/C,QAAI,CAACF;AACH,YAAM,MAAM,0DAA0D;AAGxE,UAAM,EAAE,cAAAG,GAAc,WAAAC,GAAW,SAAAC,EAAA,IAAYL,GAEvCM,IAAcC,EAAS,MACpBT,EAAM,UAAUM,EAAU,KAClC,GAEKI,IAAKD,EAAS,MACdT,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,QACR;AAKD,aAASW,EAAQC,GAAkB;AACjC,MAAIZ,EAAM,YAIVK,EAAaO,CAAQ;AAAA,IACvB;AAEA,UAAMC,IAAUJ,EAAS,MAAM,YAAYT,EAAM,OAAO;AAExD,IAAAc,EAAU,YAAY;AACpB,YAAMC,EAAS,GAEX,QAAQ,IAAI,aAAa,UAAUP,EAAY,SAAS,CAAC,SAAS,eAAeK,EAAQ,KAAK,KAEzFG,EAAA;AAAA,QACL,yBAAyBhB,EAAM,uJAAuJa,EAAQ;AAAA,MAAA;AAAA,IAElM,CACD;AAEK,UAAAI,IAAwBR,EAAS,MACjCT,EAAM,MAAMA,EAAM,kBACbkB,EAAOlB,EAAM,eAAe,IAGjCA,EAAM,QAAQA,EAAM,cACfkB,EAAOlB,EAAM,WAAW,IAG1B,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}