@pantograph/vue 0.28.8 → 0.29.1

package/dist/Card/Card.d.ts

@@ -0,0 +1,46 @@
+import { CardType } from './Card.model';
+import { ClassValue } from 'class-variance-authority/types';
+export interface CardProps {
+    type?: CardType;
+    selected?: boolean;
+    showFloatedActionsOnHover?: boolean;
+    leadingPadding?: boolean;
+    title?: string;
+    description?: string;
+    class?: ClassValue;
+    leadingCls?: ClassValue;
+    contentCls?: ClassValue;
+    titleCls?: ClassValue;
+    descriptionCls?: ClassValue;
+    actionsCls?: ClassValue;
+    floatedActionsCls?: ClassValue;
+    bodyCls?: ClassValue;
+}
+export interface CardSlots {
+    default: (data?: object) => never;
+    title: (data?: object) => never;
+    description: (data?: object) => never;
+    actions: (data?: object) => never;
+    floatedActions: (data?: object) => never;
+    leading: (data?: object) => never;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CardSlots> & CardSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CardProps> & Readonly<{}>, {
+    type: CardType;
+    selected: boolean;
+    showFloatedActionsOnHover: boolean;
+    leadingPadding: 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/Card/Card.model.d.ts

@@ -0,0 +1,2 @@
+export declare const CardTypes: readonly ["vertical", "horizontal"];
+export type CardType = (typeof CardTypes)[number];

package/dist/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Card, type CardProps, default } from './Card';
+export * from './Card.model.ts';

package/dist/Card/index.js

@@ -0,0 +1,6 @@
+import { _ as s, C as d, _ as e } from "../Card.vue_vue_type_style_index_0_lang-Cq4rXSmn.js";
+export {
+  s as Card,
+  d as CardTypes,
+  e as default
+};

package/dist/Card/index.umd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Card.vue_vue_type_style_index_0_lang-Iyaj4565.js");exports.Card=e._sfc_main;exports.CardTypes=e.CardTypes;exports.default=e._sfc_main;

package/dist/Card.vue_vue_type_style_index_0_lang-Cq4rXSmn.js

@@ -0,0 +1,109 @@
+import { defineComponent as E, useSlots as P, createElementBlock as _, openBlock as b, normalizeClass as u, unref as c, createVNode as d, createElementVNode as k, h as a } from "vue";
+import { getComponentOptions as F, getBemBlock as O, generateVariantClassList as p, normCls as s, getBemElement as i } from "@pantograph/utils";
+import { cva as S } from "class-variance-authority";
+import { isEmptyElement as r } from "@pantograph/utils-vue";
+const V = ["vertical", "horizontal"], N = /* @__PURE__ */ E({
+  ...F("Card"),
+  __name: "Card",
+  props: {
+    type: { default: "vertical" },
+    selected: { type: Boolean, default: !1 },
+    showFloatedActionsOnHover: { type: Boolean, default: !0 },
+    leadingPadding: { type: Boolean, default: !0 },
+    title: {},
+    description: {},
+    class: {},
+    leadingCls: {},
+    contentCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    actionsCls: {},
+    floatedActionsCls: {},
+    bodyCls: {}
+  },
+  setup(f) {
+    const o = f, l = O("card"), C = S(l, {
+      variants: {
+        type: p(V, l),
+        selected: p("selected", l),
+        leadingPadding: p("leading-padding", l)
+      }
+    }), n = P(), g = () => {
+      var e;
+      const t = (e = n.leading) == null ? void 0 : e.call(n, {});
+      return r(t) ? null : a("div", { class: s(i(l, "leading"), o.leadingCls) }, t);
+    }, m = () => {
+      var e;
+      const t = (e = n.title) == null ? void 0 : e.call(n, {});
+      return o.title || !r(t) ? a(
+        "div",
+        { class: s(i(l, "title"), "paragraph", o.titleCls) },
+        t ?? o.title
+      ) : null;
+    }, v = () => {
+      var e;
+      const t = (e = n.description) == null ? void 0 : e.call(n, {});
+      return o.description || !r(t) ? a(
+        "div",
+        { class: s(i(l, "description"), "paragraph", o.descriptionCls) },
+        t ?? o.description
+      ) : null;
+    }, y = () => {
+      const t = m(), e = v();
+      return t || e ? a("div", { class: s(i(l, "body"), o.bodyCls) }, [
+        t,
+        e
+      ]) : null;
+    }, B = () => {
+      var e;
+      const t = (e = n.default) == null ? void 0 : e.call(n, {});
+      return r(t) ? null : t;
+    }, h = () => {
+      var e;
+      const t = (e = n.actions) == null ? void 0 : e.call(n, {});
+      return r(t) ? null : a("div", { class: s(i(l, "actions"), o.actionsCls) }, t);
+    }, A = () => {
+      var e;
+      const t = (e = n.floatedActions) == null ? void 0 : e.call(n, {});
+      return r(t) ? null : a(
+        "div",
+        {
+          class: s(
+            i(l, "floated-actions"),
+            {
+              [`${i(l, "floated-actions")}--hover-only`]: o.showFloatedActionsOnHover
+            },
+            o.floatedActionsCls
+          )
+        },
+        t
+      );
+    };
+    return (t, e) => (b(), _("div", {
+      class: u(
+        c(s)(
+          c(C)({
+            type: t.type,
+            selected: t.selected,
+            leadingPadding: t.leadingPadding
+          }),
+          o.class
+        )
+      )
+    }, [
+      d(A),
+      d(g),
+      k("div", {
+        class: u(c(s)(c(i)(c(l), "content"), o.contentCls))
+      }, [
+        d(y),
+        d(B),
+        d(h)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  V as C,
+  N as _
+};

package/dist/Card.vue_vue_type_style_index_0_lang-Iyaj4565.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),s=require("@pantograph/utils"),E=require("class-variance-authority"),r=require("@pantograph/utils-vue"),a=["vertical","horizontal"],v=t.defineComponent({...s.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{},leadingCls:{},contentCls:{},titleCls:{},descriptionCls:{},actionsCls:{},floatedActionsCls:{},bodyCls:{}},setup(c){const i=c,o=s.getBemBlock("card"),d=E.cva(o,{variants:{type:s.generateVariantClassList(a,o),selected:s.generateVariantClassList("selected",o),leadingPadding:s.generateVariantClassList("leading-padding",o)}}),l=t.useSlots(),u=()=>{var n;const e=(n=l.leading)==null?void 0:n.call(l,{});return r.isEmptyElement(e)?null:t.h("div",{class:s.normCls(s.getBemElement(o,"leading"),i.leadingCls)},e)},m=()=>{var n;const e=(n=l.title)==null?void 0:n.call(l,{});return i.title||!r.isEmptyElement(e)?t.h("div",{class:s.normCls(s.getBemElement(o,"title"),"paragraph",i.titleCls)},e??i.title):null},p=()=>{var n;const e=(n=l.description)==null?void 0:n.call(l,{});return i.description||!r.isEmptyElement(e)?t.h("div",{class:s.normCls(s.getBemElement(o,"description"),"paragraph",i.descriptionCls)},e??i.description):null},C=()=>{const e=m(),n=p();return e||n?t.h("div",{class:s.normCls(s.getBemElement(o,"body"),i.bodyCls)},[e,n]):null},g=()=>{var n;const e=(n=l.default)==null?void 0:n.call(l,{});return r.isEmptyElement(e)?null:e},f=()=>{var n;const e=(n=l.actions)==null?void 0:n.call(l,{});return r.isEmptyElement(e)?null:t.h("div",{class:s.normCls(s.getBemElement(o,"actions"),i.actionsCls)},e)},y=()=>{var n;const e=(n=l.floatedActions)==null?void 0:n.call(l,{});return r.isEmptyElement(e)?null:t.h("div",{class:s.normCls(s.getBemElement(o,"floated-actions"),{[`${s.getBemElement(o,"floated-actions")}--hover-only`]:i.showFloatedActionsOnHover},i.floatedActionsCls)},e)};return(e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(s.normCls)(t.unref(d)({type:e.type,selected:e.selected,leadingPadding:e.leadingPadding}),i.class))},[t.createVNode(y),t.createVNode(u),t.createElementVNode("div",{class:t.normalizeClass(t.unref(s.normCls)(t.unref(s.getBemElement)(t.unref(o),"content"),i.contentCls))},[t.createVNode(C),t.createVNode(g),t.createVNode(f)],2)],2))}});exports.CardTypes=a;exports._sfc_main=v;

package/dist/Chip/Chip.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {},
     size: ChipSize;
     closeable: boolean;
     unExtendParent: boolean;
+    selected: boolean;
     closeIcon: string;
     overlayActions: boolean;
-    selected: boolean;
     closeTrigger: "pointer" | "click";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './AvatarGroup';
 export * from './Badge';
 export * from './Button';
 export * from './ButtonGroup';
+export * from './Card';
 export * from './Checkbox';
 export * from './CheckboxGroup';
 export * from './Chip';