@sellmate/design-system-vue 1.29.0 → 1.31.0

package/dist/components.d.ts

@@ -50,6 +50,11 @@ export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]
 export declare const SdTag: StencilVueComponent<JSX.SdTag>;
 export declare const SdTextLink: StencilVueComponent<JSX.SdTextLink>;
 export declare const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["value"]>;
+export declare const SdTimePicker: StencilVueComponent<JSX.SdTimePicker, JSX.SdTimePicker["value"]>;
+export declare const SdTimePickerSelector: StencilVueComponent<JSX.SdTimePickerSelector>;
+export declare const SdTimePickerTrigger: StencilVueComponent<JSX.SdTimePickerTrigger>;
+export declare const SdTimeRangePicker: StencilVueComponent<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]>;
+export declare const SdTimeRangePickerSelector: StencilVueComponent<JSX.SdTimeRangePickerSelector>;
 export declare const SdToast: StencilVueComponent<JSX.SdToast>;
 export declare const SdToastContainer: StencilVueComponent<JSX.SdToastContainer>;
 export declare const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>;

package/dist/components.js

@@ -122,12 +122,13 @@ export const SdChipInput = /*@__PURE__*/ defineContainer('sd-chip-input', undefi
     'error',
     'useReset',
     'maxCount',
+    'metaPlacement',
     'duplicateLabel',
     'suggestions',
     'loadingSuggestions',
     'recommendedItems',
     'loadingRecommendedItems',
-    'autocompleteMinWidth',
+    'dropdownMinWidth',
     'label',
     'labelWidth',
     'hint',
@@ -204,6 +205,7 @@ export const SdDatePicker = /*@__PURE__*/ defineContainer('sd-date-picker', unde
     'errorMessage',
     'rules',
     'error',
+    'status',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -229,6 +231,7 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
     'placeholder',
     'selectable',
     'maxRange',
+    'useTimePicker',
     'disabled',
     'width',
     'label',
@@ -239,6 +242,7 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
     'errorMessage',
     'rules',
     'error',
+    'status',
     'icon',
     'labelTooltip',
     'labelTooltipProps',
@@ -253,6 +257,7 @@ export const SdDateRangePickerCalendar = /*@__PURE__*/ defineContainer('sd-date-
     'value',
     'selectable',
     'maxRange',
+    'useTimePicker',
     'sdSelect',
     'sdViewChange'
 ], [
@@ -292,6 +297,8 @@ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
     'borderless',
     'label',
     'labelWidth',
+    'labelHeight',
+    'multiline',
     'addonLabel',
     'addonAlign',
     'icon',
@@ -309,6 +316,7 @@ export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', unde
     'maxFileSize',
     'maxTotalSize',
     'maxFiles',
+    'size',
     'name',
     'label',
     'labelWidth',
@@ -355,6 +363,7 @@ export const SdGhostButton = /*@__PURE__*/ defineContainer('sd-ghost-button', un
     'size',
     'intent',
     'ariaLabel',
+    'pressed',
     'tooltipText',
     'disabled',
     'sdClick'
@@ -460,6 +469,7 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
     'step',
     'useButton',
     'useDecimal',
+    'maxDecimalLength',
     'value',
     'label',
     'labelWidth',
@@ -502,24 +512,26 @@ export const SdPagination = /*@__PURE__*/ defineContainer('sd-pagination', undef
     'sdPageChange'
 ], 'currentPage', 'sdPageChange', undefined);
 export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined, [
-    'show',
+    'open',
+    'defaultOpen',
     'placement',
-    'color',
+    'type',
+    'menuTitle',
+    'titleIcon',
     'icon',
     'iconSize',
-    'label',
-    'name',
-    'rightIcon',
+    'color',
+    'leftLinkLabel',
+    'buttonLabel',
     'ariaLabel',
-    'disabled',
-    'type',
-    'menuTitle',
-    'leftLink',
-    'button',
-    'menuClass',
-    'sdShowChange'
+    'menuClassName',
+    'sdShowChange',
+    'sdButtonClick',
+    'sdLeftLinkClick'
 ], [
-    'sdShowChange'
+    'sdShowChange',
+    'sdButtonClick',
+    'sdLeftLinkClick'
 ]);
 export const SdPopup = /*@__PURE__*/ defineContainer('sd-popup', undefined, [
     'popupTitle',
@@ -547,6 +559,7 @@ export const SdRadio = /*@__PURE__*/ defineContainer('sd-radio', undefined, [
     'val',
     'disabled',
     'label',
+    'name',
     'sdUpdate'
 ], [
     'sdUpdate'
@@ -651,6 +664,8 @@ export const SdSelectTrigger = /*@__PURE__*/ defineContainer('sd-select-trigger'
 ]);
 export const SdSwitch = /*@__PURE__*/ defineContainer('sd-switch', undefined, [
     'value',
+    'leftLabel',
+    'rightLabel',
     'label',
     'disabled',
     'sdUpdate'
@@ -671,7 +686,7 @@ export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
     'name',
     'label',
     'icon',
-    'isLeft',
+    'iconLeft',
     'width'
 ]);
 export const SdTextLink = /*@__PURE__*/ defineContainer('sd-text-link', undefined, [
@@ -723,6 +738,94 @@ export const SdTextarea = /*@__PURE__*/ defineContainer('sd-textarea', undefined
     'sdFocus',
     'sdBlur'
 ], 'value', 'sdUpdate', undefined);
+export const SdTimePicker = /*@__PURE__*/ defineContainer('sd-time-picker', undefined, [
+    'value',
+    'size',
+    'type',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'useMeridiem',
+    'minuteStep',
+    'width',
+    'label',
+    'labelWidth',
+    'addonLabel',
+    'addonAlign',
+    'hint',
+    'errorMessage',
+    'rules',
+    'error',
+    'status',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
+    'name',
+    'sdUpdate',
+    'sdDropDownShow'
+], [
+    'sdUpdate',
+    'sdDropDownShow'
+], 'value', 'sdUpdate', undefined);
+export const SdTimePickerSelector = /*@__PURE__*/ defineContainer('sd-time-picker-selector', undefined, [
+    'value',
+    'useMeridiem',
+    'minuteStep',
+    'sdUpdate'
+], [
+    'sdUpdate'
+]);
+export const SdTimePickerTrigger = /*@__PURE__*/ defineContainer('sd-time-picker-trigger', undefined, [
+    'displayText',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'size',
+    'sdTriggerClick',
+    'sdClear'
+], [
+    'sdTriggerClick',
+    'sdClear'
+]);
+export const SdTimeRangePicker = /*@__PURE__*/ defineContainer('sd-time-range-picker', undefined, [
+    'value',
+    'size',
+    'type',
+    'placeholder',
+    'disabled',
+    'clearable',
+    'useMeridiem',
+    'minuteStep',
+    'rangeOrder',
+    'width',
+    'label',
+    'labelWidth',
+    'addonLabel',
+    'addonAlign',
+    'hint',
+    'errorMessage',
+    'rules',
+    'error',
+    'status',
+    'icon',
+    'labelTooltip',
+    'labelTooltipProps',
+    'name',
+    'sdUpdate',
+    'sdDropDownShow'
+], [
+    'sdUpdate',
+    'sdDropDownShow'
+], 'value', 'sdUpdate', undefined);
+export const SdTimeRangePickerSelector = /*@__PURE__*/ defineContainer('sd-time-range-picker-selector', undefined, [
+    'value',
+    'useMeridiem',
+    'minuteStep',
+    'rangeOrder',
+    'sdUpdate'
+], [
+    'sdUpdate'
+]);
 export const SdToast = /*@__PURE__*/ defineContainer('sd-toast', undefined, [
     'icon',
     'message',
@@ -763,15 +866,9 @@ export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined,
     'tooltipType',
     'icon',
     'iconSize',
-    'label',
-    'name',
-    'rightIcon',
     'ariaLabel',
     'disabled',
-    'type',
     'useClose',
-    'sdClass',
     'message',
-    'triggerClass',
-    'triggerStyle'
+    'triggerClassName'
 ]);

package/dist/index.d.ts

@@ -4,4 +4,4 @@ export * from './plugin';
 export { sdModal, SdModalVuePlugin } from './sdModal';
 export { sdLoading } from '@sellmate/design-system/utils';
 export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
-export type { ButtonName, ButtonProps, ButtonType, ButtonSize, GhostButtonIntent, GhostButtonSize, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, BadgeColor, FieldAddonAlign, FieldSize, Rule, FieldIdentifier, ValidatableField, InputSize, NumberInputSize, BarcodeInputSize, ChipInputSize, SdTooltipProps, TooltipType, CalloutType, CalendarEventGroup, CheckedType, RadioValue, RadioOption, SelectOption, SelectOptionSelectDetail, SelectType, SelectValue, ConfirmModalMainButton, ConfirmModalType, ConfirmModalOptions, TagName, SdModalCreateOptions, ModalDialogRefLike, SdLoadingShowArgs, LoadingModalState, LoadingModalOptions, Type as DateBoxType, DatePickerSize, DateRangeValue, SdKeyValueField, SdKeyValueChangeDetail, LinearProgressType, CircleProgressType, PopoverButton, PopoverLink, PopupType, GuideType, TextLinkSize, TabOption, TabSize, ToastType, ToastPosition, ToastEntry, ToastNotifyOptions, } from '@sellmate/design-system';
+export type { ButtonName, ButtonProps, ButtonType, ButtonSize, GhostButtonIntent, GhostButtonSize, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, BadgeColor, FieldAddonAlign, FieldSize, Rule, FieldIdentifier, ValidatableField, InputSize, NumberInputSize, BarcodeInputSize, ChipInputSize, SdTooltipProps, TooltipType, CalloutType, CalendarEventGroup, CheckedType, RadioValue, RadioOption, SelectOption, SelectOptionSelectDetail, SelectType, SelectValue, ConfirmModalMainButton, ConfirmModalType, ConfirmModalOptions, TagName, SdModalCreateOptions, ModalDialogRefLike, SdLoadingShowArgs, LoadingModalState, LoadingModalOptions, Type as DateBoxType, DatePickerSize, DateRangeValue, SdKeyValueField, SdKeyValueChangeDetail, LinearProgressType, CircleProgressType, PopupType, GuideType, TextLinkSize, TabOption, TabSize, ToastType, ToastPosition, ToastEntry, ToastNotifyOptions, } from '@sellmate/design-system';

package/lib/components.ts

@@ -150,12 +150,13 @@ export const SdChipInput: StencilVueComponent<JSX.SdChipInput, JSX.SdChipInput["
   'error',
   'useReset',
   'maxCount',
+  'metaPlacement',
   'duplicateLabel',
   'suggestions',
   'loadingSuggestions',
   'recommendedItems',
   'loadingRecommendedItems',
-  'autocompleteMinWidth',
+  'dropdownMinWidth',
   'label',
   'labelWidth',
   'hint',
@@ -241,6 +242,7 @@ export const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicke
   'errorMessage',
   'rules',
   'error',
+  'status',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -271,6 +273,7 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
   'placeholder',
   'selectable',
   'maxRange',
+  'useTimePicker',
   'disabled',
   'width',
   'label',
@@ -281,6 +284,7 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
   'errorMessage',
   'rules',
   'error',
+  'status',
   'icon',
   'labelTooltip',
   'labelTooltipProps',
@@ -298,6 +302,7 @@ export const SdDateRangePickerCalendar: StencilVueComponent<JSX.SdDateRangePicke
   'value',
   'selectable',
   'maxRange',
+  'useTimePicker',
   'sdSelect',
   'sdViewChange'
 ], [
@@ -343,6 +348,8 @@ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineCon
   'borderless',
   'label',
   'labelWidth',
+  'labelHeight',
+  'multiline',
   'addonLabel',
   'addonAlign',
   'icon',
@@ -362,6 +369,7 @@ export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicke
   'maxFileSize',
   'maxTotalSize',
   'maxFiles',
+  'size',
   'name',
   'label',
   'labelWidth',
@@ -415,6 +423,7 @@ export const SdGhostButton: StencilVueComponent<JSX.SdGhostButton> = /*@__PURE__
   'size',
   'intent',
   'ariaLabel',
+  'pressed',
   'tooltipText',
   'disabled',
   'sdClick'
@@ -539,6 +548,7 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
   'step',
   'useButton',
   'useDecimal',
+  'maxDecimalLength',
   'value',
   'label',
   'labelWidth',
@@ -587,24 +597,26 @@ export const SdPagination: StencilVueComponent<JSX.SdPagination, JSX.SdPaginatio
 
 
 export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defineContainer<JSX.SdPopover>('sd-popover', undefined, [
-  'show',
+  'open',
+  'defaultOpen',
   'placement',
-  'color',
+  'type',
+  'menuTitle',
+  'titleIcon',
   'icon',
   'iconSize',
-  'label',
-  'name',
-  'rightIcon',
+  'color',
+  'leftLinkLabel',
+  'buttonLabel',
   'ariaLabel',
-  'disabled',
-  'type',
-  'menuTitle',
-  'leftLink',
-  'button',
-  'menuClass',
-  'sdShowChange'
+  'menuClassName',
+  'sdShowChange',
+  'sdButtonClick',
+  'sdLeftLinkClick'
 ], [
-  'sdShowChange'
+  'sdShowChange',
+  'sdButtonClick',
+  'sdLeftLinkClick'
 ]);
 
 
@@ -638,6 +650,7 @@ export const SdRadio: StencilVueComponent<JSX.SdRadio, JSX.SdRadio["value"]> = /
   'val',
   'disabled',
   'label',
+  'name',
   'sdUpdate'
 ], [
   'sdUpdate'
@@ -762,6 +775,8 @@ export const SdSelectTrigger: StencilVueComponent<JSX.SdSelectTrigger> = /*@__PU
 
 export const SdSwitch: StencilVueComponent<JSX.SdSwitch, JSX.SdSwitch["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSwitch, JSX.SdSwitch["value"]>('sd-switch', undefined, [
   'value',
+  'leftLabel',
+  'rightLabel',
   'label',
   'disabled',
   'sdUpdate'
@@ -788,7 +803,7 @@ export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContain
   'name',
   'label',
   'icon',
-  'isLeft',
+  'iconLeft',
   'width'
 ]);
 
@@ -847,6 +862,106 @@ export const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["val
 'value', 'sdUpdate', undefined);
 
 
+export const SdTimePicker: StencilVueComponent<JSX.SdTimePicker, JSX.SdTimePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTimePicker, JSX.SdTimePicker["value"]>('sd-time-picker', undefined, [
+  'value',
+  'size',
+  'type',
+  'placeholder',
+  'disabled',
+  'clearable',
+  'useMeridiem',
+  'minuteStep',
+  'width',
+  'label',
+  'labelWidth',
+  'addonLabel',
+  'addonAlign',
+  'hint',
+  'errorMessage',
+  'rules',
+  'error',
+  'status',
+  'icon',
+  'labelTooltip',
+  'labelTooltipProps',
+  'name',
+  'sdUpdate',
+  'sdDropDownShow'
+], [
+  'sdUpdate',
+  'sdDropDownShow'
+],
+'value', 'sdUpdate', undefined);
+
+
+export const SdTimePickerSelector: StencilVueComponent<JSX.SdTimePickerSelector> = /*@__PURE__*/ defineContainer<JSX.SdTimePickerSelector>('sd-time-picker-selector', undefined, [
+  'value',
+  'useMeridiem',
+  'minuteStep',
+  'sdUpdate'
+], [
+  'sdUpdate'
+]);
+
+
+export const SdTimePickerTrigger: StencilVueComponent<JSX.SdTimePickerTrigger> = /*@__PURE__*/ defineContainer<JSX.SdTimePickerTrigger>('sd-time-picker-trigger', undefined, [
+  'displayText',
+  'placeholder',
+  'disabled',
+  'clearable',
+  'size',
+  'sdTriggerClick',
+  'sdClear'
+], [
+  'sdTriggerClick',
+  'sdClear'
+]);
+
+
+export const SdTimeRangePicker: StencilVueComponent<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTimeRangePicker, JSX.SdTimeRangePicker["value"]>('sd-time-range-picker', undefined, [
+  'value',
+  'size',
+  'type',
+  'placeholder',
+  'disabled',
+  'clearable',
+  'useMeridiem',
+  'minuteStep',
+  'rangeOrder',
+  'width',
+  'label',
+  'labelWidth',
+  'addonLabel',
+  'addonAlign',
+  'hint',
+  'errorMessage',
+  'rules',
+  'error',
+  'status',
+  'icon',
+  'labelTooltip',
+  'labelTooltipProps',
+  'name',
+  'sdUpdate',
+  'sdDropDownShow'
+], [
+  'sdUpdate',
+  'sdDropDownShow'
+],
+'value', 'sdUpdate', undefined);
+
+
+export const SdTimeRangePickerSelector: StencilVueComponent<JSX.SdTimeRangePickerSelector> = /*@__PURE__*/ defineContainer<JSX.SdTimeRangePickerSelector>('sd-time-range-picker-selector', undefined, [
+  'value',
+  'useMeridiem',
+  'minuteStep',
+  'rangeOrder',
+  'sdUpdate'
+], [
+  'sdUpdate'
+]);
+
+
 export const SdToast: StencilVueComponent<JSX.SdToast> = /*@__PURE__*/ defineContainer<JSX.SdToast>('sd-toast', undefined, [
   'icon',
   'message',
@@ -894,16 +1009,10 @@ export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defin
   'tooltipType',
   'icon',
   'iconSize',
-  'label',
-  'name',
-  'rightIcon',
   'ariaLabel',
   'disabled',
-  'type',
   'useClose',
-  'sdClass',
   'message',
-  'triggerClass',
-  'triggerStyle'
+  'triggerClassName'
 ]);
 

package/lib/index.ts

@@ -73,9 +73,6 @@ export type {
  // Progress types
  LinearProgressType,
  CircleProgressType,
- // Popover types
- PopoverButton,
- PopoverLink,
  // Popup types
  PopupType,
  // Guide types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellmate/design-system-vue",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "description": "Design System - Vue Component Wrappers",
   "keywords": [
     "vue",
@@ -47,7 +47,7 @@
     "vue": "^3.4.38"
   },
   "dependencies": {
-    "@sellmate/design-system": "^1.29.0",
+    "@sellmate/design-system": "^1.31.0",
     "@stencil/vue-output-target": "^0.11.8"
   },
   "peerDependencies": {

package/dist/SdTable.d.ts

@@ -1,241 +0,0 @@
-import { type PropType } from 'vue';
-import type { Row as SdTableRow, SdTableColumn, SelectOption } from '@sellmate/design-system';
-type TablePagination = {
-    page: number;
-    rowsPerPage: number;
-    lastPage?: number;
-};
-type TableVirtualScroll = {
-    vertical?: boolean;
-    horizontal?: boolean;
-};
-type TableVirtualBufferSize = {
-    vertical?: number;
-    horizontal?: number;
-};
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    columns: {
-        type: PropType<SdTableColumn[]>;
-        required: true;
-    };
-    rows: {
-        type: PropType<SdTableRow[]>;
-        required: true;
-    };
-    modelValue: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    selected: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: any;
-    };
-    height: {
-        type: StringConstructor;
-        default: any;
-    };
-    stickyHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    stickyColumn: {
-        type: PropType<{
-            left?: number;
-            right?: number;
-        }>;
-        default: () => {
-            left: number;
-            right: number;
-        };
-    };
-    noDataLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pagination: {
-        type: PropType<TablePagination | undefined>;
-        default: any;
-    };
-    useInternalPagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useRowsPerPageSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowsPerPageOption: {
-        type: PropType<SelectOption[]>;
-        default: () => {
-            label: string;
-            value: number;
-        }[];
-    };
-    useVirtualScroll: {
-        type: PropType<TableVirtualScroll>;
-        default: () => {};
-    };
-    virtualRowHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualColumnWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualBufferSize: {
-        type: PropType<TableVirtualBufferSize>;
-        default: () => {
-            vertical: number;
-            horizontal: number;
-        };
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "sdSelectChange" | "sdPageChange" | "sdRowsPerPageChange")[], "update:modelValue" | "sdSelectChange" | "sdPageChange" | "sdRowsPerPageChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    columns: {
-        type: PropType<SdTableColumn[]>;
-        required: true;
-    };
-    rows: {
-        type: PropType<SdTableRow[]>;
-        required: true;
-    };
-    modelValue: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    selected: {
-        type: PropType<SdTableRow[]>;
-        default: any;
-    };
-    rowKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resizable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    width: {
-        type: StringConstructor;
-        default: any;
-    };
-    height: {
-        type: StringConstructor;
-        default: any;
-    };
-    stickyHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    stickyColumn: {
-        type: PropType<{
-            left?: number;
-            right?: number;
-        }>;
-        default: () => {
-            left: number;
-            right: number;
-        };
-    };
-    noDataLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    isLoading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pagination: {
-        type: PropType<TablePagination | undefined>;
-        default: any;
-    };
-    useInternalPagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    useRowsPerPageSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    rowsPerPageOption: {
-        type: PropType<SelectOption[]>;
-        default: () => {
-            label: string;
-            value: number;
-        }[];
-    };
-    useVirtualScroll: {
-        type: PropType<TableVirtualScroll>;
-        default: () => {};
-    };
-    virtualRowHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualColumnWidth: {
-        type: NumberConstructor;
-        default: number;
-    };
-    virtualBufferSize: {
-        type: PropType<TableVirtualBufferSize>;
-        default: () => {
-            vertical: number;
-            horizontal: number;
-        };
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onSdSelectChange?: (...args: any[]) => any;
-    onSdPageChange?: (...args: any[]) => any;
-    onSdRowsPerPageChange?: (...args: any[]) => any;
-}>, {
-    modelValue: SdTableRow[];
-    selected: SdTableRow[];
-    rowKey: string;
-    selectable: boolean;
-    resizable: boolean;
-    width: string;
-    height: string;
-    stickyHeader: boolean;
-    stickyColumn: {
-        left?: number;
-        right?: number;
-    };
-    noDataLabel: string;
-    isLoading: boolean;
-    pagination: TablePagination;
-    useInternalPagination: boolean;
-    useRowsPerPageSelect: boolean;
-    rowsPerPageOption: SelectOption[];
-    useVirtualScroll: TableVirtualScroll;
-    virtualRowHeight: number;
-    virtualColumnWidth: number;
-    virtualBufferSize: TableVirtualBufferSize;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/SdTable.js

@@ -1,191 +0,0 @@
-import { computed, defineComponent, h, ref, useAttrs, useSlots, watch, } from 'vue';
-const SLOT_WRAPPER_STYLE = {
-    display: 'contents',
-};
-const getCellValue = (column, row) => {
-    const { field, format, name } = column;
-    const value = typeof field === 'function' ? field(row) : field ? row[field] : row[name];
-    return format ? format(value, row) : value;
-};
-export default defineComponent({
-    name: 'SdTable',
-    inheritAttrs: false,
-    props: {
-        columns: {
-            type: Array,
-            required: true,
-        },
-        rows: {
-            type: Array,
-            required: true,
-        },
-        modelValue: {
-            type: Array,
-            default: undefined,
-        },
-        selected: {
-            type: Array,
-            default: undefined,
-        },
-        rowKey: {
-            type: String,
-            default: 'id',
-        },
-        selectable: {
-            type: Boolean,
-            default: false,
-        },
-        resizable: {
-            type: Boolean,
-            default: false,
-        },
-        width: {
-            type: String,
-            default: undefined,
-        },
-        height: {
-            type: String,
-            default: undefined,
-        },
-        stickyHeader: {
-            type: Boolean,
-            default: false,
-        },
-        stickyColumn: {
-            type: Object,
-            default: () => ({ left: 0, right: 0 }),
-        },
-        noDataLabel: {
-            type: String,
-            default: '데이터가 없습니다.',
-        },
-        isLoading: {
-            type: Boolean,
-            default: false,
-        },
-        pagination: {
-            type: Object,
-            default: undefined,
-        },
-        useInternalPagination: {
-            type: Boolean,
-            default: false,
-        },
-        useRowsPerPageSelect: {
-            type: Boolean,
-            default: false,
-        },
-        rowsPerPageOption: {
-            type: Array,
-            default: () => [
-                { label: '10개씩 보기', value: 10 },
-                { label: '25개씩 보기', value: 25 },
-                { label: '50개씩 보기', value: 50 },
-                { label: '100개씩 보기', value: 100 },
-            ],
-        },
-        useVirtualScroll: {
-            type: Object,
-            default: () => ({}),
-        },
-        virtualRowHeight: {
-            type: Number,
-            default: 44,
-        },
-        virtualColumnWidth: {
-            type: Number,
-            default: 120,
-        },
-        virtualBufferSize: {
-            type: Object,
-            default: () => ({
-                vertical: 5,
-                horizontal: 5,
-            }),
-        },
-    },
-    emits: ['update:modelValue', 'sdSelectChange', 'sdPageChange', 'sdRowsPerPageChange'],
-    setup(props, { emit }) {
-        const attrs = useAttrs();
-        const slots = useSlots();
-        const normalizedRows = computed(() => props.rows ?? []);
-        const currentPage = ref(props.pagination?.page || 1);
-        const currentRowsPerPage = ref(props.pagination?.rowsPerPage || normalizedRows.value.length || 0);
-        watch(() => props.pagination, pagination => {
-            currentPage.value = pagination?.page || 1;
-            currentRowsPerPage.value = pagination?.rowsPerPage || normalizedRows.value.length || 0;
-        }, { immediate: true, deep: true });
-        watch(() => normalizedRows.value.length, rowLength => {
-            if (!currentRowsPerPage.value) {
-                currentRowsPerPage.value = rowLength;
-            }
-        });
-        const renderedRows = computed(() => {
-            if (!props.useInternalPagination || !currentRowsPerPage.value) {
-                return normalizedRows.value;
-            }
-            const startIndex = (currentPage.value - 1) * currentRowsPerPage.value;
-            return normalizedRows.value.slice(startIndex, startIndex + currentRowsPerPage.value);
-        });
-        return () => {
-            const slotChildren = [];
-            const noDataSlot = slots['no-data'];
-            if (noDataSlot) {
-                slotChildren.push(h('span', {
-                    key: 'no-data',
-                    slot: 'no-data',
-                    style: SLOT_WRAPPER_STYLE,
-                }, noDataSlot()));
-            }
-            props.columns.forEach(column => {
-                const headerSlot = slots[`header-${column.name}`] || slots.header;
-                if (headerSlot) {
-                    slotChildren.push(h('span', {
-                        key: `header-${column.name}`,
-                        slot: `header-cell-${column.name}`,
-                        style: SLOT_WRAPPER_STYLE,
-                    }, headerSlot({ column })));
-                }
-            });
-            renderedRows.value.forEach((row, rowIndex) => {
-                props.columns.forEach(column => {
-                    const cellSlot = slots[`cell-${column.name}`] || slots.cell;
-                    if (!cellSlot)
-                        return;
-                    slotChildren.push(h('span', {
-                        key: `cell-${column.name}-${rowIndex}`,
-                        slot: `body-cell-${column.name}-${rowIndex}`,
-                        style: SLOT_WRAPPER_STYLE,
-                    }, cellSlot({
-                        column,
-                        row,
-                        rowIndex,
-                        value: getCellValue(column, row),
-                    })));
-                });
-            });
-            return h('sd-table', {
-                ...attrs,
-                ...props,
-                rows: normalizedRows.value,
-                selected: props.modelValue ?? props.selected,
-                onSdSelectChange: (event) => {
-                    emit('update:modelValue', event.detail);
-                    emit('sdSelectChange', event);
-                },
-                onSdPageChange: (event) => {
-                    currentPage.value = event.detail;
-                    emit('sdPageChange', event);
-                },
-                onSdRowsPerPageChange: (event) => {
-                    currentRowsPerPage.value = event.detail;
-                    const lastPage = Math.max(1, Math.ceil(normalizedRows.value.length / event.detail));
-                    currentPage.value = Math.min(currentPage.value, lastPage);
-                    emit('sdRowsPerPageChange', event);
-                },
-            }, {
-                default: () => slotChildren,
-            });
-        };
-    },
-});

package/dist/composables/useSdTableVirtualScroll.d.ts

@@ -1,11 +0,0 @@
-import { type Ref } from 'vue';
-export interface VirtualRow<T = Record<string, any>> {
-    /** 전체 rows 기준 절대 인덱스 — sd-tr의 rowKey로 사용 */
-    index: number;
-    row: T;
-}
-export declare function useSdTableVirtualScroll<T extends Record<string, any>>(tableRef: Ref<any>, rows: Ref<T[]>): {
-    virtualRows: import("vue").ComputedRef<VirtualRow<T>[]>;
-    from: import("vue").ComputedRef<number>;
-    to: import("vue").ComputedRef<number>;
-};

package/dist/composables/useSdTableVirtualScroll.js

@@ -1,58 +0,0 @@
-import { ref, computed, onMounted, onUnmounted } from 'vue';
-export function useSdTableVirtualScroll(tableRef, rows) {
-    const range = ref(null);
-    let targetEl = null;
-    let rafId = 0;
-    const onVirtualUpdate = (e) => {
-        const { from, to } = e.detail;
-        range.value = { from, to };
-    };
-    const syncRange = (el) => {
-        const currentRange = el.getVirtualScrollRangeSync?.();
-        if (currentRange &&
-            typeof currentRange.from === 'number' &&
-            typeof currentRange.to === 'number') {
-            range.value = { from: currentRange.from, to: currentRange.to };
-            return true;
-        }
-        return false;
-    };
-    const attachWhenReady = () => {
-        // Stencil Vue 래퍼는 expose()를 사용하지 않으므로 $el로 실제 custom element에 접근
-        const raw = tableRef.value?.$el ?? tableRef.value;
-        const el = raw instanceof HTMLElement ? raw : null;
-        if (!el) {
-            rafId = requestAnimationFrame(attachWhenReady);
-            return;
-        }
-        targetEl = el;
-        targetEl.addEventListener('sdVirtualUpdate', onVirtualUpdate);
-        const trySync = () => {
-            if (!targetEl)
-                return;
-            if (!syncRange(targetEl)) {
-                rafId = requestAnimationFrame(trySync);
-            }
-        };
-        trySync();
-    };
-    onMounted(() => {
-        attachWhenReady();
-    });
-    onUnmounted(() => {
-        cancelAnimationFrame(rafId);
-        targetEl?.removeEventListener('sdVirtualUpdate', onVirtualUpdate);
-        targetEl = null;
-    });
-    const virtualRows = computed(() => {
-        if (!range.value)
-            return [];
-        const { from, to } = range.value;
-        return rows.value.slice(from, to).map((row, i) => ({ index: from + i, row }));
-    });
-    return {
-        virtualRows,
-        from: computed(() => range.value?.from ?? 0),
-        to: computed(() => range.value?.to ?? 0),
-    };
-}