@kong/kongponents 9.28.2 → 9.28.3-pr.2684.3fe2fcabf.0

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

@@ -1,69 +1,15 @@
-import type { PropType } from 'vue';
-import type { LabelAttributes } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelAttributes: {
-        type: PropType<LabelAttributes>;
-        default: () => {};
-        validator: (value: LabelAttributes) => boolean;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import type { CheckboxProps, CheckboxSlots } from '../../../types';
+type __VLS_Slots = CheckboxSlots;
+declare const __VLS_component: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (value: boolean) => any;
-    change: (value: boolean) => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-        required: true;
-    };
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelAttributes: {
-        type: PropType<LabelAttributes>;
-        default: () => {};
-        validator: (value: LabelAttributes) => boolean;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    error: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
+    change: (changed: boolean) => any;
+    "update:modelValue": (modelValue: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxProps> & Readonly<{
     onInput?: ((value: boolean) => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    label: string;
-    description: string;
-    error: boolean;
-    labelAttributes: LabelAttributes;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-    tooltip?: ((props: {}) => any) | undefined;
-    description?: ((props: {}) => any) | undefined;
-}>;
+    onChange?: ((changed: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,273 +1,18 @@
-import type { PropType } from 'vue';
-import type { CodeBlockEventData, Theme } from '../../../types';
-type __VLS_Slots = {
-    /**
-     * Additional actions to be displayed in the code block.
-     */
-    'secondary-actions': void;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * ID value used for form elements like the search input and its label.
-     */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The code that will be rendered as a text node inside of a `<pre><code></code></pre>` fragment.
-     */
-    code: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The syntax language of `props.code` (e.g. `'json'`).
-     */
-    language: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Whether filter mode is initially active. **Default: `false`**.
-     */
-    initialFilterMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Whether regular expression mode is initially active. **Default: `false`**.
-     */
-    initialRegExpMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Shows an actions bar with a search input and related action buttons. **Default: `false`**.
-     */
-    searchable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The line numbers for the lines to highlight by default. **Default: `[]`**.
-     */
-    highlightedLineNumbers: {
-        type: PropType<string | (number | [number, number])[]>;
-        default: () => never[];
-        validator: (value: string | (number | [number, number])[]) => boolean;
-    };
-    /**
-     * Allows controlling the processing state from outside the component. This allows a parent component to show the processing icon when it’s, for example, currently syntax highlighting the code. **Default: `false`**.
-     */
-    processing: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Used as the initial value of the search input. Can be used to initialize a code block with a query which was read from client storage. **Default: `''`**.
-     */
-    query: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Controls whether to show a copy button. It copies the original code (i.e. the value of `props.code`) to the clipboard. **Default: `true`**.
-     */
-    showCopyButton: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls whether to show line numbers. **Default: `true`**.
-     */
-    showLineNumbers: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls whether to add links to the current line number. **Default: `false`**.
-     */
-    showLineNumberLinks: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls the color scheme of the component. **Default: `light`**.
-     */
-    theme: {
-        type: PropType<Theme>;
-        required: false;
-        default: string;
-    };
-    /**
-     * Displays the code on a single line. **Default: `false`**.
-     */
-    singleLine: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The max-height of the code block. **Default: `none`**.
-     */
-    maxHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "code-block-render": (data: CodeBlockEventData) => any;
-    "matching-lines-change": (data: CodeBlockEventData) => any;
-    "query-change": (data: string) => any;
-    "filter-mode-change": (data: boolean) => any;
-    "reg-exp-mode-change": (data: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * ID value used for form elements like the search input and its label.
-     */
-    id: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The code that will be rendered as a text node inside of a `<pre><code></code></pre>` fragment.
-     */
-    code: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * The syntax language of `props.code` (e.g. `'json'`).
-     */
-    language: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Whether filter mode is initially active. **Default: `false`**.
-     */
-    initialFilterMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Whether regular expression mode is initially active. **Default: `false`**.
-     */
-    initialRegExpMode: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Shows an actions bar with a search input and related action buttons. **Default: `false`**.
-     */
-    searchable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The line numbers for the lines to highlight by default. **Default: `[]`**.
-     */
-    highlightedLineNumbers: {
-        type: PropType<string | (number | [number, number])[]>;
-        default: () => never[];
-        validator: (value: string | (number | [number, number])[]) => boolean;
-    };
-    /**
-     * Allows controlling the processing state from outside the component. This allows a parent component to show the processing icon when it’s, for example, currently syntax highlighting the code. **Default: `false`**.
-     */
-    processing: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Used as the initial value of the search input. Can be used to initialize a code block with a query which was read from client storage. **Default: `''`**.
-     */
-    query: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    /**
-     * Controls whether to show a copy button. It copies the original code (i.e. the value of `props.code`) to the clipboard. **Default: `true`**.
-     */
-    showCopyButton: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls whether to show line numbers. **Default: `true`**.
-     */
-    showLineNumbers: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls whether to add links to the current line number. **Default: `false`**.
-     */
-    showLineNumberLinks: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Controls the color scheme of the component. **Default: `light`**.
-     */
-    theme: {
-        type: PropType<Theme>;
-        required: false;
-        default: string;
-    };
-    /**
-     * Displays the code on a single line. **Default: `false`**.
-     */
-    singleLine: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The max-height of the code block. **Default: `none`**.
-     */
-    maxHeight: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>> & Readonly<{
-    "onCode-block-render"?: ((data: CodeBlockEventData) => any) | undefined;
-    "onMatching-lines-change"?: ((data: CodeBlockEventData) => any) | undefined;
-    "onQuery-change"?: ((data: string) => any) | undefined;
-    "onFilter-mode-change"?: ((data: boolean) => any) | undefined;
-    "onReg-exp-mode-change"?: ((data: boolean) => any) | undefined;
-}>, {
-    maxHeight: string;
-    theme: Theme;
-    initialFilterMode: boolean;
-    initialRegExpMode: boolean;
-    searchable: boolean;
-    highlightedLineNumbers: string | (number | [number, number])[];
-    processing: boolean;
-    query: string;
-    showCopyButton: boolean;
-    showLineNumbers: boolean;
-    showLineNumberLinks: boolean;
-    singleLine: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { CodeBlockProps, CodeBlockSlots, CodeBlockEventData } from '../../../types';
+type __VLS_Slots = CodeBlockSlots;
+declare const __VLS_component: import("vue").DefineComponent<CodeBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "code-block-render": (evt: CodeBlockEventData) => any;
+    "matching-lines-change": (evt: CodeBlockEventData) => any;
+    "query-change": (query: string) => any;
+    "filter-mode-change": (on: boolean) => any;
+    "reg-exp-mode-change": (on: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CodeBlockProps> & Readonly<{
+    "onCode-block-render"?: ((evt: CodeBlockEventData) => any) | undefined;
+    "onMatching-lines-change"?: ((evt: CodeBlockEventData) => any) | undefined;
+    "onQuery-change"?: ((query: string) => any) | undefined;
+    "onFilter-mode-change"?: ((on: boolean) => any) | undefined;
+    "onReg-exp-mode-change"?: ((on: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/KCodeBlock/KCodeBlockIconButton.vue.d.ts

@@ -1,44 +1,25 @@
-import { type PropType } from 'vue';
-import type { Theme } from '../../../types';
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    theme: {
-        type: PropType<Theme>;
-        default: string;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Only pass tooltip text if it's the copy button
-     */
-    copyTooltip: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: {
-        type: PropType<Theme>;
-        default: string;
-    };
-    active: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Only pass tooltip text if it's the copy button
-     */
-    copyTooltip: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    active: boolean;
-    theme: Theme;
-    copyTooltip: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+import type { CodeBlockIconButtonProps } from '../../../types';
+import KButton from '../../components/KButton/KButton.vue';
+import KTooltip from '../../components/KTooltip/KTooltip.vue';
+declare const copyTooltipText: import("vue").Ref<string, string>;
+declare const attrs: {
+    [x: string]: unknown;
+};
+declare const onClick: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_12: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_12) => any;
 }>;
+declare const __VLS_self: import("vue").DefineComponent<CodeBlockIconButtonProps, {
+    KButton: typeof KButton;
+    KTooltip: typeof KTooltip;
+    copyTooltipText: typeof copyTooltipText;
+    attrs: typeof attrs;
+    onClick: typeof onClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeBlockIconButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<CodeBlockIconButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CodeBlockIconButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/types/types/checkbox.d.ts

@@ -0,0 +1,61 @@
+import type { LabelAttributes } from './input';
+export interface CheckboxProps {
+    /**
+     * Use v-model to bind the checked state of the underlying <input>.
+     * The v-model binds to the modelValue prop of the component and sets
+     * current checked state of the input.
+     * @required
+     */
+    modelValue: boolean;
+    /**
+     * Will place label text to the right of the checkbox. Can also be slotted.
+     * @default ''
+     */
+    label?: string;
+    /**
+     * KCheckbox has an instance of KLabel for supporting tooltip text.
+     * Use the labelAttributes prop to configure the KLabel's props.
+     * @default {}
+     */
+    labelAttributes?: LabelAttributes;
+    /**
+     * Will place description text under the checkbox label. Can also be slotted.
+     * @default ''
+     */
+    description?: string;
+    /**
+     * Use this prop to apply error styling to the component.
+     * @default false
+     */
+    error?: boolean;
+}
+export interface CheckboxEmits {
+    /**
+     * Fired on change, returns the checked status of the checkbox (boolean).
+     */
+    change: [changed: boolean];
+    /**
+     * Fired on change, returns the checked status of the checkbox (boolean).
+     */
+    input: [value: boolean];
+    /**
+     * Fired on change, returns the checked status of the checkbox (boolean).
+     */
+    'update:modelValue': [modelValue: boolean];
+}
+export interface CheckboxSlots {
+    /**
+     * Content passed in to the default slot will be shown as the label content.
+     * The slot content takes precedence over the label prop.
+     */
+    default?(): any;
+    /**
+     * Provides a slot for tooltip content displayed after the checkbox label.
+     */
+    tooltip?(): any;
+    /**
+     * Content passed in to the description slot will be shown as the description content.
+     * The slot content takes precedence over the description prop.
+     */
+    description?(): any;
+}

package/dist/types/types/code-block.d.ts

@@ -8,3 +8,117 @@ export interface CodeBlockEventData {
 }
 export type Theme = 'light' | 'dark';
 export type CommandKeywords = 'toggleFilterMode' | 'toggleRegExpMode' | 'jumpToNextMatch' | 'jumpToPreviousMatch' | 'copyCode';
+/**
+ * @internal
+ */
+export interface CodeBlockIconButtonProps {
+    theme?: Theme;
+    active?: boolean;
+    /**
+     * Only pass tooltip text if it's the copy button
+     */
+    copyTooltip?: string;
+}
+export interface CodeBlockProps {
+    /**
+     * ID value used for form elements like the search input and its label.
+     */
+    id: string;
+    /**
+     * The code that will be rendered as a text node inside of a `<pre><code></code></pre>` fragment.
+     */
+    code: string;
+    /**
+     * The syntax language of `props.code` (e.g. `'json'`).
+     */
+    language: string;
+    /**
+     * Whether filter mode is initially active.
+     * @default false
+     */
+    initialFilterMode?: boolean;
+    /**
+     * Whether regular expression mode is initially active.
+     * @default false
+     */
+    initialRegExpMode?: boolean;
+    /**
+     * Shows an actions bar with a search input and related action buttons.
+     * @default false
+     */
+    searchable?: boolean;
+    /**
+     * The line numbers for the lines to highlight by default.
+     * @default []
+     */
+    highlightedLineNumbers?: string | (number | [number, number])[];
+    /**
+     * Allows controlling the processing state from outside the component. This allows a parent component to show the processing icon when it’s, for example, currently syntax highlighting the code.
+     * @default false
+     */
+    processing?: boolean;
+    /**
+     * Used as the initial value of the search input. Can be used to initialize a code block with a query which was read from client storage.
+     * @default ''
+     */
+    query?: string;
+    /**
+     * Controls whether to show a copy button. It copies the original code (i.e. the value of `props.code`) to the clipboard.
+     * @default true
+     */
+    showCopyButton?: boolean;
+    /**
+     * Controls whether to show line numbers.
+     * @default true
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Controls whether to add links to the current line number.
+     * @default false
+     */
+    showLineNumberLinks?: boolean;
+    /**
+     * Controls the color scheme of the component.
+     * @default light
+     */
+    theme?: Theme;
+    /**
+     * Displays the code on a single line.
+     * @default false
+     */
+    singleLine?: boolean;
+    /**
+     * The max-height of the code block.
+     * @default none
+     */
+    maxHeight?: string;
+}
+export interface CodeBlockEmits {
+    /**
+     * Fired when the code block is rendered or re-rendered.
+     * This happens initially when mounting the component. It also happens when turning *off* filter mode (this renders a line-filtered sub set of the code and can’t be syntax highlighted after the fact). It also happens when the code changes (i.e. `props.code` is updated).
+     */
+    'code-block-render': [evt: CodeBlockEventData];
+    /**
+     * Fired when the matching line numbers are updated in response to a search.
+     */
+    'matching-lines-change': [evt: CodeBlockEventData];
+    /**
+     * Fired when the search query is updated.
+     */
+    'query-change': [query: string];
+    /**
+     * Fired when the filter mode is toggled.
+     */
+    'filter-mode-change': [on: boolean];
+    /**
+     * Fired when the regular expression mode is toggled.
+     */
+    'reg-exp-mode-change': [on: boolean];
+}
+export interface CodeBlockSlots {
+    /**
+     * Additional actions to be displayed in the code block.
+     */
+    'secondary-actions'?(): any;
+}

package/dist/types/types/index.d.ts

@@ -4,6 +4,7 @@ export * from './breadcrumbs';
 export * from './button';
 export * from './card';
 export * from './catalog';
+export * from './checkbox';
 export * from './code-block';
 export * from './collapse';
 export * from './date-time-picker';