@fewangsit/wangsvue-fats 1.0.1-rc.8 → 2.0.0-alpha.0

package/buttonsplit/index.d.ts

@@ -1,353 +0,0 @@
-/**
- *
- * ButtonSplit groups a set of commands in an overlay with a default command.
- *
- * [Live Demo](https://www.primevue.org/splitbutton/)
- *
- * @module splitbutton
- *
- */
-import { ButtonHTMLAttributes, VNode } from 'vue';
-
-import { ComponentHooks } from '../basecomponent';
-import { MenuItem } from '../menuitem';
-import { PassThroughOptions } from '../passthrough';
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  HintedString,
-  PassThrough,
-} from '../ts-helpers.d';
-
-import { ButtonPassThroughOptions } from 'primevue/button';
-import {
-  TieredMenuPassThroughOptions,
-  TieredMenuRouterBindProps,
-} from 'primevue/tieredmenu';
-
-import { WangsIcons } from '../icon';
-
-export declare type ButtonSplitPassThroughOptionType =
-  | ButtonSplitPassThroughAttributes
-  | ((
-      options: ButtonSplitPassThroughMethodOptions,
-    ) => ButtonSplitPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
-
-/**
- * Custom passthrough(pt) option method.
- */
-export interface ButtonSplitPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: ButtonSplitProps;
-  /**
-   * Defines current inline state.
-   */
-  state: ButtonSplitState;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
-}
-
-/**
- * Custom shared passthrough(pt) option method.
- */
-export interface ButtonSplitSharedPassThroughMethodOptions {
-  /**
-   * Defines valid properties.
-   */
-  props: ButtonSplitProps;
-  /**
-   * Defines current inline state.
-   */
-  state: ButtonSplitState;
-}
-
-/**
- * Custom passthrough(pt) options.
- * @see {@link ButtonSplitProps.pt}
- */
-export interface ButtonSplitPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: ButtonSplitPassThroughOptionType;
-  /**
-   * Used to pass attributes to the button's DOM element.
-   */
-  button?: ButtonSplitPassThroughOptionType;
-  /**
-   * Used to pass attributes to the Button component.
-   * @see {@link ButtonPassThroughOptions}
-   */
-  menuButton?: ButtonPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
-  /**
-   * Used to pass attributes to the TieredMenu component.
-   * @see {@link TieredMenuPassThroughOptions}
-   */
-  menu?: TieredMenuPassThroughOptions<ButtonSplitSharedPassThroughMethodOptions>;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface ButtonSplitPassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines current inline state in ButtonSplit component.
- */
-export interface ButtonSplitState {
-  /**
-   * Current blocked state as a boolean.
-   * @defaultValue false
-   */
-  isBlocked: boolean;
-}
-
-/**
- * Defines valid properties in ButtonSplit component.
- */
-export interface ButtonSplitProps {
-  /**
-   * Text of the button.
-   */
-  label?: string | undefined;
-  /**
-   * Name of the icon of main button.
-   */
-  icon?: WangsIcons | undefined;
-  /**
-   * MenuModel instance to define the overlay items.
-   */
-  model?: MenuItem[] | undefined;
-  /**
-   * Whether to automatically manage layering.
-   * @defaultValue true
-   */
-  autoZIndex?: boolean | undefined;
-  /**
-   * Base zIndex value to use in layering.
-   * @defaultValue 0
-   */
-  baseZIndex?: number | undefined;
-  /**
-   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-   * Special keywords are 'body' for document body and 'self' for the element itself.
-   * @defaultValue body
-   */
-  appendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
-  /**
-   * When present, it specifies that the element should be disabled.
-   * @defaultValue false
-   */
-  disabled?: boolean | undefined;
-  /**
-   * Style class of the component.
-   */
-  class?: any | undefined;
-  /**
-   * Inline style of the component.
-   */
-  style?: any | undefined;
-  /**
-   * Used to pass all properties of the HTMLButtonElement to the default button.
-   */
-  buttonProps?: ButtonHTMLAttributes | undefined;
-  /**
-   * Used to pass all properties of the HTMLButtonElement to the menu button.
-   */
-  menuButtonProps?: ButtonHTMLAttributes | undefined;
-  /**
-   * Name of the menu button icon.
-   */
-  menuButtonIcon?: WangsIcons | undefined;
-  /**
-   * Defines the style of the button.
-   */
-  severity?:
-    | HintedString<
-        | 'secondary'
-        | 'success'
-        | 'info'
-        | 'warning'
-        | 'help'
-        | 'danger'
-        | 'contrast'
-      >
-    | undefined;
-  /**
-   * Add a shadow to indicate elevation.
-   * @defaultValue false
-   */
-  raised?: boolean | undefined;
-  /**
-   * Add a circular border radius to the button.
-   * @defaultValue false
-   */
-  rounded?: boolean | undefined;
-  /**
-   * Add a textual class to the button without a background initially.
-   * @defaultValue false
-   */
-  text?: boolean | undefined;
-  /**
-   * Add a border class without a background initially.
-   * @defaultValue false
-   */
-  outlined?: boolean | undefined;
-  /**
-   * Defines the size of the button.
-   */
-  size?: 'small' | 'large' | undefined;
-  /**
-   * Add a plain textual class to the button without a background initially.
-   * @defaultValue false
-   */
-  plain?: boolean | undefined;
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {ButtonSplitPassThroughOptions}
-   */
-  pt?: PassThrough<ButtonSplitPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
-}
-
-/**
- * Defines valid slots in ButtonSplit component.
- */
-export interface ButtonSplitSlots {
-  /**
-   * Button part of the content can easily be customized with the default slot instead of using the built-in modes.
-   */
-  default(): VNode[];
-  /**
-   * Command button part of the content can easily be customized with the button content slot.
-   */
-  buttoncontent(): VNode[];
-  /**
-   * Custom button icon template.
-   * @param {Object} scope - icon slot's params.
-   */
-  icon(scope: {
-    /**
-     * Style class of the icon.
-     */
-    class: string;
-  }): VNode[];
-  /**
-   * Custom menu button icon template.
-   * @param {Object} scope - menubuttonicon slot's params.
-   */
-  menubuttonicon(scope: {
-    /**
-     * Style class of the icon.
-     */
-    class: string;
-  }): VNode[];
-  /**
-   * Custom menu item icon template.
-   * @param {Object} scope - menuitemicon slot's params.
-   */
-  menuitemicon(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Style class of the item icon element.
-     */
-    class: any;
-  }): VNode[];
-  /**
-   * Custom content for each menu item.
-   * @param {Object} scope - item slot's params.
-   */
-  item(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Label property of the menuitem
-     */
-    label: string | ((...args: any) => string) | undefined;
-    /**
-     * Binding properties of the menuitem
-     */
-    props: TieredMenuRouterBindProps;
-    /**
-     * Whether or not there is a submenu
-     */
-    hasSubmenu: boolean;
-  }): VNode[];
-}
-
-/**
- * Defines valid emits in ButtonSplit component.
- */
-export interface ButtonSplitEmits {
-  /**
-   * Callback to invoke when main button is clicked.
-   * @param {Event} event - Browser event.
-   */
-  click(event: Event): void;
-}
-
-/**
- * **PrimeVue - ButtonSplit**
- *
- * _ButtonSplit groups a set of commands in an overlay with a default command._
- *
- * [Live Demo](https://www.primevue.org/splitbutton/)
- * --- ---
- * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
- *
- * @group Component
- *
- */
-declare class ButtonSplit extends ClassComponent<
-  ButtonSplitProps,
-  ButtonSplitSlots,
-  ButtonSplitEmits
-> {}
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    ButtonSplit: GlobalComponentConstructor<ButtonSplit>;
-  }
-}
-
-export default ButtonSplit;

package/buttonsync/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/buttontoggle/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/buttonviewlog/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/calendar/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/card/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/carousel/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/checkbox/package.json

@@ -1,4 +0,0 @@
-{
-  "module": "./index.es.js",
-  "types": "./index.d.ts"
-}

package/codesnippet/CodeSnippet.es.js

@@ -1,118 +0,0 @@
-import { defineComponent as T, mergeModels as H, useModel as S, inject as B, ref as k, shallowRef as w, computed as N, onMounted as P, watch as V, createElementBlock as d, openBlock as r, createBlock as $, createCommentVNode as x, createElementVNode as o, mergeProps as u, unref as m, withDirectives as z, vModelText as D, Fragment as E, renderList as W, toDisplayString as q, normalizeClass as F } from "vue";
-import { H as l } from "../vendor/highlight.js/es/core.es.js";
-import { j as J } from "../vendor/highlight.js/es/languages/javascript.es.js";
-import { j as R } from "../vendor/highlight.js/es/languages/json.es.js";
-import { t as U } from "../vendor/highlight.js/es/languages/typescript.es.js";
-import { v as A } from "../vendor/highlight.js/es/languages/vbscript-html.es.js";
-import { _ as G } from "../button/Button.es.js";
-const I = { class: "relative w-full overflow-hidden" }, K = ["placeholder"], O = { class: "relative" }, Q = ["innerHTML"], re = /* @__PURE__ */ T({
-  __name: "CodeSnippet",
-  props: /* @__PURE__ */ H({
-    code: {},
-    lang: { default: "json" },
-    readonly: { type: Boolean },
-    placeholder: {}
-  }, {
-    code: { default: "" },
-    codeModifiers: {}
-  }),
-  emits: ["update:code"],
-  setup(g) {
-    l.registerLanguage("javascript", J), l.registerLanguage("typescript", U), l.registerLanguage("json", R), l.registerLanguage("html", A);
-    const L = g, a = S(g, "code"), n = B("preset", {}).codesnippet, j = k(), f = k(), v = w(0), h = w(!1), s = N(() => a.value.split(`
-`).map((i, c) => {
-      const p = l.highlight(i, {
-        language: L.lang
-      }).value;
-      return {
-        line: c + 1,
-        code: p
-      };
-    })), M = () => {
-      var e;
-      (e = navigator.clipboard) == null || e.writeText(a.value), h.value = !0, setTimeout(() => {
-        h.value = !1;
-      }, 1500);
-    };
-    P(() => {
-      y();
-    });
-    const y = () => {
-      if (f.value) {
-        const e = f.value.querySelector(
-          "[data-wv-section=linenumber]"
-        );
-        v.value = e.offsetWidth;
-      }
-    };
-    return V(s, () => {
-      y();
-    }), (e, i) => {
-      var c, p, b;
-      return r(), d("div", I, [
-        a.value.length && e.readonly ? (r(), $(G, u({ key: 0 }, (c = m(n)) == null ? void 0 : c.copybutton, {
-          icon: h.value ? "check" : "file-copy",
-          onClick: M,
-          size: "small",
-          text: ""
-        }), null, 16, ["icon"])) : x("", !0),
-        o("div", u((p = m(n)) == null ? void 0 : p.body, { style: { "scrollbar-width": "none" } }), [
-          e.readonly ? x("", !0) : z((r(), d("textarea", u({
-            key: 0,
-            ref_key: "textarea",
-            ref: j
-          }, (b = m(n)) == null ? void 0 : b.textarea, {
-            "onUpdate:modelValue": i[0] || (i[0] = (t) => a.value = t),
-            placeholder: e.placeholder,
-            spellcheck: !1,
-            style: `left: ${v.value}px; width: calc(100% - ${v.value + 6}px); scrollbar-width: none;`
-          }), null, 16, K)), [
-            [D, a.value]
-          ]),
-          o("table", {
-            ref_key: "codesnippet",
-            ref: f,
-            class: "relative"
-          }, [
-            o("tbody", O, [
-              (r(!0), d(E, null, W(s.value, ({ line: t, code: C }) => {
-                var _;
-                return r(), d("tr", {
-                  key: t,
-                  class: "h-5"
-                }, [
-                  o("td", u({ ref_for: !0 }, (_ = m(n)) == null ? void 0 : _.linenumber, {
-                    class: [
-                      {
-                        "pt-1.5": t === 1,
-                        "pb-1.5": t === s.value.length
-                      }
-                    ],
-                    "data-wv-section": "linenumber"
-                  }), q(t), 17),
-                  o("td", {
-                    class: F([
-                      "px-1.5",
-                      {
-                        "pt-1.5": t == 1,
-                        "pb-1.5": t === s.value.length
-                      }
-                    ])
-                  }, [
-                    o("pre", {
-                      innerHTML: C,
-                      class: "font-poppins"
-                    }, null, 8, Q)
-                  ], 2)
-                ]);
-              }), 128))
-            ])
-          ], 512)
-        ], 16)
-      ]);
-    };
-  }
-});
-export {
-  re as _
-};

package/codesnippetadapter/CodeSnippetAdapter.es.js

@@ -1,26 +0,0 @@
-import { defineComponent as n, ref as d, watch as p, createBlock as s, openBlock as c, unref as l, withCtx as i, createVNode as u } from "vue";
-import { n as m, N as f } from "../vendor/@tiptap/vue-3/dist/index.es.js";
-import { _ } from "../codesnippet/CodeSnippet.es.js";
-const x = /* @__PURE__ */ n({
-  __name: "CodeSnippetAdapter",
-  props: m,
-  setup(r) {
-    const o = r, e = d(o.node.attrs.code);
-    return p(e, () => {
-      o.updateAttributes({ code: e.value });
-    }), (w, t) => (c(), s(l(f), null, {
-      default: i(() => [
-        u(_, {
-          code: e.value,
-          "onUpdate:code": t[0] || (t[0] = (a) => e.value = a),
-          readonly: !o.editor.isEditable,
-          placeholder: "Masukan Code"
-        }, null, 8, ["code", "readonly"])
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  x as _
-};