@kong/kongponents 9.49.1-pr.3045.8d71ad0.0 → 9.49.1

package/dist/types/components/KTabs/KTabs.vue.d.ts

@@ -1,17 +1,22 @@
 import type { TabsProps, TabsSlots } from '../../../types';
-declare const _default: <const Hash extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onChange?: ((hash: Hash) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((hash: Hash) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & TabsProps<Hash> & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <const Hash extends string = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<TabsProps<Hash> & {
+        onChange?: ((...args: NoInfer<[hash: Hash]>) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: NoInfer<[hash: Hash]>) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: TabsSlots<Hash>;
     emit: ((evt: "change", ...args: NoInfer<[hash: Hash]>) => void) & ((evt: "update:modelValue", ...args: NoInfer<[hash: Hash]>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/components/KTextArea/KTextArea.vue.d.ts

@@ -1,5 +1,7 @@
 import type { TextAreaProps, TextAreaSlots } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TextAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TextAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (value: string) => any;
     "update:modelValue": (value: string) => any;
     "char-limit-exceeded": (data: import("../../../types").LimitExceededData) => any;
@@ -8,7 +10,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TextAreaPr
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onChar-limit-exceeded"?: ((data: import("../../../types").LimitExceededData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TextAreaSlots>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/KToaster/KToaster.vue.d.ts

@@ -1,7 +1,8 @@
 import type { ToasterProps } from '../../../types';
-declare const _default: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (val: string) => any;
 }, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{
     onClose?: ((val: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/KToaster/ToastManager.d.ts

@@ -1,31 +1,13 @@
 import type { Ref } from 'vue';
 import type { Toast, ToasterOptions } from '../../../types';
-declare class InternalToastManager {
+export default class ToastManager {
     private toastersContainer;
     private toaster;
     toasts: Ref<Toast[]>;
-    constructor();
+    constructor(options?: ToasterOptions);
     setTimer(key: string, timeout: number): number;
     open(args: Record<string, any> | string): void;
     close(key: string): void;
     closeAll(): void;
     destroy(): void;
 }
-export default class ToastManager {
-    protected manager: InternalToastManager;
-    protected sym: symbol;
-    constructor();
-    /**
-     * @deprecated If you are using options to set zIndex, this never worked as
-     * expected and doing this is now deprecated. You can remove `options` as an
-     * argument.
-     */
-    constructor(options?: ToasterOptions);
-    constructor(options: ToasterOptions | undefined, manager: InternalToastManager);
-    setTimer(...args: Parameters<InternalToastManager['setTimer']>): number;
-    open(...args: Parameters<InternalToastManager['open']>): void;
-    close(...args: Parameters<InternalToastManager['close']>): void;
-    closeAll(...args: Parameters<InternalToastManager['closeAll']>): void;
-    destroy(): void;
-}
-export {};

package/dist/types/components/KToggle/KToggle.vue.d.ts

@@ -1,11 +1,12 @@
 import type { ToggleProps, ToggleSlots } from '../../../types';
 type __VLS_Slots = ToggleSlots;
-declare const __VLS_component: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggled: (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
     onToggled?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KTooltip/KTooltip.vue.d.ts

@@ -1,7 +1,8 @@
 import type { TooltipProps, TooltipSlots } from '../../../types';
 type __VLS_Slots = TooltipSlots;
-declare const __VLS_component: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KTreeList/KTreeDraggable.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TreeDraggableProps, TreeListItem } from '../../../types';
+import type { TreeDraggableProps, TreeListItem, TreeListSlots } from '../../../types';
 /**
  * Recursive check to get the maximum depth of an object.
  * Documented here: https://stackoverflow.com/a/48505969
@@ -6,7 +6,9 @@ import type { TreeDraggableProps, TreeListItem } from '../../../types';
 export declare const getMaximumDepth: ({ children }: {
     children?: never[] | undefined;
 }) => number;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TreeDraggableProps, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<TreeDraggableProps, {
     collapseAll: () => void;
     expandAll: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,34 +19,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<TreeDragga
     onSelected?: ((item: TreeListItem) => any) | undefined;
     onChange?: ((event: import("../../../types").TreeListChangeEvent) => any) | undefined;
     "onChild-change"?: ((event: import("../../../types").TreeListChildChangeEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'item-icon'?: (props: {
-        item: {
-            name: string;
-            id: string;
-            selected?: boolean | undefined;
-            children?: /*elided*/ any[] | undefined;
-        };
-    }) => any;
-} & {
-    'item-label'?: (props: {
-        item: {
-            name: string;
-            id: string;
-            selected?: boolean | undefined;
-            children?: /*elided*/ any[] | undefined;
-        };
-    }) => any;
-} & {
-    'item-icon'?: (props: {
-        item: any;
-    }) => any;
-} & {
-    'item-label'?: (props: {
-        item: any;
-    }) => any;
-}>;
-export default _default;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, TreeListSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/KTreeList/KTreeItem.vue.d.ts

@@ -1,6 +1,6 @@
 import type { TreeListItemProps, TreeListItemSlots } from '../../../types';
 type __VLS_Slots = TreeListItemSlots;
-declare const __VLS_component: import("vue").DefineComponent<TreeListItemProps, {
+declare const __VLS_base: import("vue").DefineComponent<TreeListItemProps, {
     setExpandedValue: (expanded: boolean) => void;
     id: string;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -10,7 +10,8 @@ declare const __VLS_component: import("vue").DefineComponent<TreeListItemProps,
     onSelected?: ((item: import("../../../types").TreeListItem) => any) | undefined;
     onExpanded?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KTreeList/KTreeList.vue.d.ts

@@ -1,15 +1,15 @@
 import type { TreeListProps, TreeListItem, TreeListChangeEvent, TreeListChildChangeEvent } from '../../../types';
-declare var __VLS_12: {
-    item: any;
-}, __VLS_14: {
-    item: any;
+declare var __VLS_14: {
+    item: TreeListItem;
+}, __VLS_17: {
+    item: TreeListItem;
 };
 type __VLS_Slots = {} & {
-    'item-icon'?: (props: typeof __VLS_12) => any;
+    'item-icon'?: (props: typeof __VLS_14) => any;
 } & {
-    'item-label'?: (props: typeof __VLS_14) => any;
+    'item-label'?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<TreeListProps, {
+declare const __VLS_base: import("vue").DefineComponent<TreeListProps, {
     collapseAll: () => void;
     expandAll: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -21,7 +21,8 @@ declare const __VLS_component: import("vue").DefineComponent<TreeListProps, {
     onChange?: ((event: TreeListChangeEvent) => any) | undefined;
     "onChild-change"?: ((event: TreeListChildChangeEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/components/KTruncate/KTruncate.vue.d.ts

@@ -1,7 +1,8 @@
 import type { TruncateProps, TruncateSlots } from '../../../types';
 type __VLS_Slots = TruncateSlots;
-declare const __VLS_component: import("vue").DefineComponent<TruncateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TruncateProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<TruncateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TruncateProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/types/date-time-picker.d.ts

@@ -38,8 +38,8 @@ export interface DateTimePickerState {
     popoverOpen: boolean;
     selectedRange: TimeRange;
     previouslySelectedRange: TimeRange;
-    selectedTimeframe: TimePeriod;
-    previouslySelectedTimeframe: TimePeriod;
+    selectedTimeframe: TimePeriod | null;
+    previouslySelectedTimeframe: TimePeriod | null;
     tabName: string;
 }
 /**

package/dist/types/types/tree-list.d.ts

@@ -153,9 +153,13 @@ export interface TreeListSlots {
     /**
      * Slot for content displayed to the left of the item name in place of the default icon.
      */
-    'item-icon'?(item: TreeListItem): any;
+    'item-icon'?(props: {
+        item: TreeListItem;
+    }): any;
     /**
      * Slot for the main content of an item (defaults to the `name` of the item).
      */
-    'item-label'?(item: TreeListItem): any;
+    'item-label'?(props: {
+        item: TreeListItem;
+    }): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.49.1-pr.3045.8d71ad0.0",
+  "version": "9.49.1",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -30,6 +30,35 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents:umd": "BUILD_UMD=true vite build",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
+    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
+    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
+  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.41.0",
@@ -70,7 +99,7 @@
     "@types/sortablejs": "^1.15.9",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/compiler-core": "^3.5.26",
-    "@vue/tsconfig": "^0.7.0",
+    "@vue/tsconfig": "^0.8.1",
     "@vueuse/core": "^14.1.0",
     "autoprefixer": "^10.4.23",
     "boxen": "^8.0.1",
@@ -107,7 +136,7 @@
     "vitepress": "^1.6.4",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
-    "vue-tsc": "^2.2.12"
+    "vue-tsc": "^3.2.2"
   },
   "resolutions": {
     "rollup": "npm:@rollup/wasm-node"
@@ -161,6 +190,7 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
+  "packageManager": "pnpm@10.26.2",
   "volta": {
     "node": "24.12.0",
     "pnpm": "10.26.2"
@@ -175,33 +205,12 @@
       "jiraAppend": "]"
     }
   },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents:umd": "BUILD_UMD=true vite build",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
-    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
-    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
+  "pnpm": {
+    "overrides": {
+      "axios@>=1.0.0 <1.12.0": ">=1.13.2",
+      "cross-spawn@>=7.0.0 <7.0.5": ">=7.0.6",
+      "glob@>=10.2.0 <10.5.0": ">=10.5.0",
+      "node-forge@<1.3.2": ">=1.3.3"
+    }
   }
-}
+}

package/dist/kongponents.es155.js

@@ -1,35 +0,0 @@
-import { defineComponent as l, watch as f, computed as m, createElementBlock as c, createCommentVNode as t, openBlock as o, renderSlot as d, createBlock as h, unref as n } from "vue";
-import s from "./kongponents.es216.js";
-import { KUI_ICON_SIZE_30 as u } from "./kongponents.es178.js";
-import { isValidUrl as a } from "./kongponents.es168.js";
-import { warnInvalidProp as k } from "./kongponents.es199.js";
-const p = ["href"], y = /* @__PURE__ */ l({
-  __name: "KExternalLink",
-  props: {
-    href: {},
-    hideIcon: { type: Boolean }
-  },
-  setup(e) {
-    f(() => e.href, (r) => {
-      a(r) || k("href", `\`href\` should be a valid URL, but got "${r}".`);
-    }, { immediate: !0 });
-    const i = m(() => !!a(e.href));
-    return (r, I) => i.value ? (o(), c("a", {
-      key: 0,
-      class: "k-external-link",
-      href: e.href,
-      rel: "noopener",
-      target: "_blank"
-    }, [
-      d(r.$slots, "default", {}, void 0, !0),
-      e.hideIcon ? t("", !0) : (o(), h(n(s), {
-        key: 0,
-        decorative: "",
-        size: n(u)
-      }, null, 8, ["size"]))
-    ], 8, p)) : t("", !0);
-  }
-});
-export {
-  y as default
-};

package/dist/kongponents.es164.js

@@ -1,183 +0,0 @@
-import { defineComponent as I, mergeModels as P, useId as A, computed as o, useModel as D, useTemplateRef as E, watch as h, createElementBlock as r, openBlock as s, createBlock as F, createCommentVNode as L, createElementVNode as d, mergeProps as q, unref as b, withCtx as $, createTextVNode as U, toDisplayString as S, createVNode as W, withDirectives as X, normalizeStyle as g, normalizeClass as B, vModelText as G, Fragment as C, renderList as K } from "vue";
-import H from "./kongponents.es48.js";
-import J from "./kongponents.es53.js";
-const O = {
-  class: "k-slider",
-  "data-testid": "k-slider"
-}, Q = { class: "slider-container" }, Y = { class: "input-value" }, Z = ["id", "disabled", "list", "max", "min", "step"], p = ["id"], _ = ["data-testid", "label", "value"], ee = {
-  "aria-hidden": "true",
-  class: "slider-marks",
-  "data-testid": "slider-marks"
-}, te = ["data-testid", "onClick"], ne = /* @__PURE__ */ I({
-  __name: "KSlider",
-  props: /* @__PURE__ */ P({
-    label: { default: "" },
-    min: { default: 0 },
-    max: { default: 10 },
-    step: { default: 1 },
-    showMarks: { type: Boolean, default: !1 },
-    marks: { default: () => [] },
-    showValue: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    labelAttributes: { default: () => ({}) }
-  }, {
-    modelValue: {
-      required: !0,
-      type: Number
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ P(["change", "update:modelValue"], ["update:modelValue"]),
-  setup(e, { emit: j }) {
-    const V = j, c = A(), N = o(() => ({ width: m(i.value) })), T = o(() => ({
-      left: m(i.value),
-      transform: `translateX(-${m(i.value)})`
-    })), R = () => {
-      V("change", i.value), x();
-    }, z = (t) => {
-      i.value = t, V("change", i.value), x();
-    }, M = E("thumbPopover"), x = () => {
-      var t;
-      (t = M.value) == null || t.showPopover();
-    }, k = () => {
-      var t;
-      (t = M.value) == null || t.hidePopover();
-    }, i = D(e, "modelValue"), n = o(() => {
-      const t = Math.max(
-        (String(e.step).split(".")[1] || "").length,
-        (String(e.min).split(".")[1] || "").length,
-        (String(e.max).split(".")[1] || "").length
-      );
-      return Math.pow(10, t);
-    }), v = o(() => {
-      if (e.max <= e.min || e.step <= 0)
-        return [];
-      const t = [], l = e.min * n.value, a = e.max * n.value, u = e.step * n.value;
-      for (let y = l; y <= a; y += u)
-        t.push(y / n.value);
-      return t;
-    }), f = (t) => t >= e.min && t <= e.max && v.value.includes(t), w = o(() => {
-      var t, l;
-      if (e.marks.length) {
-        if (typeof e.marks[0] == "object")
-          return e.marks.filter((a) => f(a.value));
-        {
-          const a = e.marks.filter((u) => f(u)).map((u) => ({
-            label: String(u),
-            value: u
-          }));
-          return ((t = a[0]) == null ? void 0 : t.value) !== e.min && a.unshift({ label: String(e.min), value: e.min }), ((l = a.at(-1)) == null ? void 0 : l.value) !== e.max && a.push({ label: String(e.max), value: e.max }), a;
-        }
-      }
-      return e.showMarks ? v.value.map((a) => ({
-        label: String(a),
-        value: a
-      })) : [
-        {
-          label: String(e.min),
-          value: e.min
-        },
-        {
-          label: String(e.max),
-          value: e.max
-        }
-      ];
-    }), m = (t) => `${(t - e.min) / (e.max - e.min) * 100}%`;
-    return h(() => e.max, (t) => {
-      t <= e.min && console.warn(`KSlider: max value ${t} must be greater than min value ${e.min}.`);
-    }, { immediate: !0 }), h(() => e.step, (t) => {
-      e.max > e.min && (t <= 0 || (e.max * n.value - e.min * n.value) % (t * n.value) !== 0) && console.warn(`KSlider: step value ${t} is invalid.`);
-    }, { immediate: !0 }), h(i, (t) => {
-      e.max > e.min && !f(t) && (console.warn(`KSlider: value ${t} is out of range [${v.value.join(", ")}]. Setting to min value ${e.min}.`), i.value = e.min);
-    }, { immediate: !0 }), h(() => e.marks, (t) => {
-      if (t.length) {
-        let l = [];
-        l = t.filter((a) => !f(typeof e.marks[0] == "object" ? a.value : a)), l.length && console.warn(`KSlider: marks [${l.map((a) => typeof l[0] == "object" ? a.value : a).join(", ")}] are out of range [${v.value.join(", ")}].`);
-      }
-    }, { immediate: !0 }), (t, l) => (s(), r("div", O, [
-      e.label ? (s(), F(H, q({ key: 0 }, e.labelAttributes, {
-        for: `${b(c)}-input`
-      }), {
-        default: $(() => [
-          U(S(e.label), 1)
-        ]),
-        _: 1
-      }, 16, ["for"])) : L("", !0),
-      d("div", Q, [
-        d("span", {
-          "aria-hidden": "true",
-          class: B(["lower-range-track", { "is-disabled": e.disabled }]),
-          style: g(N.value)
-        }, null, 6),
-        W(J, {
-          ref: "thumbPopover",
-          "aria-hidden": "true",
-          disabled: e.disabled || !e.showValue,
-          "hide-close-icon": "",
-          placement: "top",
-          "popover-timeout": 500,
-          trigger: "hover",
-          width: "auto"
-        }, {
-          content: $(() => [
-            d("span", Y, S(i.value), 1)
-          ]),
-          default: $(() => [
-            d("span", {
-              class: B(["thumb", { "is-disabled": e.disabled }]),
-              style: g(T.value)
-            }, null, 6)
-          ]),
-          _: 1
-        }, 8, ["disabled"]),
-        X(d("input", {
-          id: `${b(c)}-input`,
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => i.value = a),
-          "data-testid": "slider-input",
-          disabled: e.disabled,
-          list: `${b(c)}-markers`,
-          max: e.max,
-          min: e.min,
-          step: e.step,
-          type: "range",
-          onBlur: k,
-          onFocus: x,
-          onInput: R,
-          onMouseup: k,
-          onTouchend: k
-        }, null, 40, Z), [
-          [
-            G,
-            i.value,
-            void 0,
-            { number: !0 }
-          ]
-        ]),
-        d("datalist", {
-          id: `${b(c)}-markers`,
-          "data-testid": "slider-datalist-marks"
-        }, [
-          (s(!0), r(C, null, K(w.value, (a) => (s(), r("option", {
-            key: `datalist-mark-${a.value}`,
-            "data-testid": `datalist-mark-${a.value}`,
-            label: a.label,
-            style: g({ left: m(a.value) }),
-            value: a.value
-          }, null, 12, _))), 128))
-        ], 8, p),
-        d("div", ee, [
-          (s(!0), r(C, null, K(w.value, (a) => (s(), r("span", {
-            key: `mark-${a.value}`,
-            "data-testid": `mark-${a.value}`,
-            role: "button",
-            style: g({ left: m(a.value) }),
-            onClick: (u) => z(a.value)
-          }, S(a.label || a.value), 13, te))), 128))
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  ne as default
-};