@kong/kongponents 9.29.11 → 9.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,108 +1,10 @@
1
- declare var __VLS_9: {}, __VLS_15: {};
2
- type __VLS_Slots = {} & {
3
- title?: (props: typeof __VLS_9) => any;
4
- } & {
5
- default?: (props: typeof __VLS_15) => any;
6
- };
7
- declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
- visible: {
9
- type: BooleanConstructor;
10
- default: boolean;
11
- };
12
- closeButtonAlignment: {
13
- type: StringConstructor;
14
- default: string;
15
- validator: (value: string) => boolean;
16
- };
17
- hasOverlay: {
18
- type: BooleanConstructor;
19
- default: boolean;
20
- };
21
- offsetTop: {
22
- type: (StringConstructor | NumberConstructor)[];
23
- default: number;
24
- };
25
- closeOnBlur: {
26
- type: BooleanConstructor;
27
- default: boolean;
28
- };
29
- closeOnEscape: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- title: {
34
- type: StringConstructor;
35
- default: string;
36
- };
37
- /**
38
- * The max-width of the slideout. **Default: `500px`**.
39
- */
40
- maxWidth: {
41
- type: StringConstructor;
42
- required: false;
43
- default: string;
44
- };
45
- zIndex: {
46
- type: NumberConstructor;
47
- default: number;
48
- };
49
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
1
+ import type { KSlideoutProps, KSlideoutSlots } from '../../types/slideout';
2
+ type __VLS_Slots = KSlideoutSlots;
3
+ declare const __VLS_component: import("vue").DefineComponent<KSlideoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
50
4
  close: () => any;
51
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
52
- visible: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- closeButtonAlignment: {
57
- type: StringConstructor;
58
- default: string;
59
- validator: (value: string) => boolean;
60
- };
61
- hasOverlay: {
62
- type: BooleanConstructor;
63
- default: boolean;
64
- };
65
- offsetTop: {
66
- type: (StringConstructor | NumberConstructor)[];
67
- default: number;
68
- };
69
- closeOnBlur: {
70
- type: BooleanConstructor;
71
- default: boolean;
72
- };
73
- closeOnEscape: {
74
- type: BooleanConstructor;
75
- default: boolean;
76
- };
77
- title: {
78
- type: StringConstructor;
79
- default: string;
80
- };
81
- /**
82
- * The max-width of the slideout. **Default: `500px`**.
83
- */
84
- maxWidth: {
85
- type: StringConstructor;
86
- required: false;
87
- default: string;
88
- };
89
- zIndex: {
90
- type: NumberConstructor;
91
- default: number;
92
- };
93
- }>> & Readonly<{
5
+ }, string, import("vue").PublicProps, Readonly<KSlideoutProps> & Readonly<{
94
6
  onClose?: (() => any) | undefined;
95
- }>, {
96
- title: string;
97
- maxWidth: string;
98
- zIndex: number;
99
- offsetTop: string | number;
100
- visible: boolean;
101
- closeOnEscape: boolean;
102
- closeButtonAlignment: string;
103
- hasOverlay: boolean;
104
- closeOnBlur: boolean;
105
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
7
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
106
8
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
107
9
  export default _default;
108
10
  type __VLS_WithSlots<T, S> = T & {
@@ -0,0 +1,58 @@
1
+ export interface KSlideoutProps {
2
+ /**
3
+ * Controls the visibility of the slideout.
4
+ * @default false
5
+ */
6
+ visible?: boolean;
7
+ /**
8
+ * Enables or disables the overlay, allowing interaction with background content while the slideout is expanded.
9
+ * @default true
10
+ */
11
+ hasOverlay?: boolean;
12
+ /**
13
+ * Defines the offset from the top of the page.
14
+ * @default 0
15
+ */
16
+ offsetTop?: number | string;
17
+ /**
18
+ * Closes the slideout when clicking outside of it.
19
+ * @default true
20
+ */
21
+ closeOnBlur?: boolean;
22
+ /**
23
+ * Closes the slideout when pressing the Escape key.
24
+ * @default true
25
+ */
26
+ closeOnEscape?: boolean;
27
+ /**
28
+ * The title displayed at the top of the slideout.
29
+ * @default ''
30
+ */
31
+ title?: string;
32
+ /**
33
+ * The maximum width of the slideout.
34
+ * @default '500px'
35
+ */
36
+ maxWidth?: string;
37
+ /**
38
+ * The z-index of the slideout.
39
+ * @default 9999
40
+ */
41
+ zIndex?: number;
42
+ }
43
+ export interface KSlideoutEmits {
44
+ /**
45
+ * Emitted when the slideout is closed.
46
+ */
47
+ close: [];
48
+ }
49
+ export interface KSlideoutSlots {
50
+ /**
51
+ * Slot for custom content inside the slideout.
52
+ */
53
+ default: [];
54
+ /**
55
+ * Slot for custom title content.
56
+ */
57
+ title: [];
58
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kong/kongponents",
3
- "version": "9.29.11",
3
+ "version": "9.30.0",
4
4
  "description": "Kong Component library",
5
5
  "type": "module",
6
6
  "repository": {