@dcodegroup-au/dsg-vue 0.1.7 → 0.1.9

package/dist/components/Elements/DsgButton.vue.d.ts

@@ -29,9 +29,9 @@ declare function __VLS_template(): {
         'dsg-button--icon-after'?(_: {}): any;
     };
     refs: {
-        dsgButtonEl: HTMLButtonElement;
+        dsgButtonEl: unknown;
     };
-    rootEl: HTMLButtonElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DsgButtonProps, {
@@ -41,8 +41,8 @@ declare const __VLS_component: import('vue').DefineComponent<DsgButtonProps, {
 }, string, import('vue').PublicProps, Readonly<DsgButtonProps> & Readonly<{
     "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    dsgButtonEl: HTMLButtonElement;
-}, HTMLButtonElement>;
+    dsgButtonEl: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Elements/DsgCheckbox.vue.d.ts

@@ -40,14 +40,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: DsgCheckboxModelType) => any;
 } & {
+    "update:model-value": (newValue: DsgCheckboxModelType) => any;
     "before-checked": (oldValue: DsgCheckboxModelType, newValue: DsgCheckboxModelType) => any;
     "after-checked": (newValue: DsgCheckboxModelType) => any;
-    "update:model-value": (newValue: DsgCheckboxModelType) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: DsgCheckboxModelType) => any) | undefined;
+    "onUpdate:model-value"?: ((newValue: DsgCheckboxModelType) => any) | undefined;
     "onBefore-checked"?: ((oldValue: DsgCheckboxModelType, newValue: DsgCheckboxModelType) => any) | undefined;
     "onAfter-checked"?: ((newValue: DsgCheckboxModelType) => any) | undefined;
-    "onUpdate:model-value"?: ((newValue: DsgCheckboxModelType) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     checkboxWrapper: HTMLLabelElement;
     inputCheckbox: HTMLInputElement;

package/dist/components/Elements/DsgDropdown.vue.d.ts

@@ -672,7 +672,7 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
-                dsgButtonEl: HTMLButtonElement;
+                dsgButtonEl: unknown;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -681,7 +681,7 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "button-clicked", clickEvent: Event) => void;
-            $el: HTMLButtonElement;
+            $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgButton.vue').DsgButtonProps> & Readonly<{
                 "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
             }>, {
@@ -1346,7 +1346,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
         $refs: {
             [x: string]: unknown;
         } & {
-            dsgButtonEl: HTMLButtonElement;
+            dsgButtonEl: unknown;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -1355,7 +1355,7 @@ declare const __VLS_component: import('vue').DefineComponent<DsgDropdownProps, {
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: (event: "button-clicked", clickEvent: Event) => void;
-        $el: HTMLButtonElement;
+        $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('./DsgButton.vue').DsgButtonProps> & Readonly<{
             "onButton-clicked"?: ((clickEvent: Event) => any) | undefined;
         }>, {

package/dist/components/Elements/DsgIconSelect.vue.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Types
+ */
+export interface DsgIconItem {
+    id: string | number;
+    primaryText: string;
+    secondaryText?: string;
+    iconUrl?: string | null;
+    [key: string]: unknown;
+}
+/**
+ * Props
+ */
+type __VLS_Props = {
+    modelValue: DsgIconItem | DsgIconItem[] | null;
+    options?: DsgIconItem[];
+    endpoint?: string;
+    queryParam?: string;
+    extraParams?: Record<string, string | number | boolean>;
+    method?: "GET" | "POST";
+    minChars?: number;
+    delay?: number;
+    multiple?: boolean;
+    trackBy?: keyof DsgIconItem | string;
+    labelKey?: keyof DsgIconItem | string;
+    secondaryTextKey?: keyof DsgIconItem | string;
+    iconKey?: keyof DsgIconItem | string;
+    placeholder?: string;
+    clearOnSelect?: boolean;
+    disabled?: boolean;
+    selectLabel?: string;
+    selectedLabel?: string;
+    hideSelectedLabel?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    search: (query: string) => any;
+    error: (err: unknown) => any;
+    "update:modelValue": (value: DsgIconItem | DsgIconItem[] | null) => any;
+    change: (value: DsgIconItem | DsgIconItem[] | null) => any;
+    loaded: (items: DsgIconItem[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: ((query: string) => any) | undefined;
+    onError?: ((err: unknown) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DsgIconItem | DsgIconItem[] | null) => any) | undefined;
+    onChange?: ((value: DsgIconItem | DsgIconItem[] | null) => any) | undefined;
+    onLoaded?: ((items: DsgIconItem[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    queryParam: string;
+    method: "GET" | "POST";
+    minChars: number;
+    delay: number;
+    multiple: boolean;
+    trackBy: keyof DsgIconItem | string;
+    labelKey: keyof DsgIconItem | string;
+    secondaryTextKey: keyof DsgIconItem | string;
+    iconKey: keyof DsgIconItem | string;
+    clearOnSelect: boolean;
+    disabled: boolean;
+    selectLabel: string;
+    selectedLabel: string;
+    hideSelectedLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/Elements/DsgInputSelect.vue.d.ts

@@ -47,8 +47,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     select: (value: any, id: string | number) => any;
     "update:modelValue": (value: any) => any;
     "update:model-value": (value: any) => any;
-    tag: (label: any, id: string | number) => any;
     "search-change": (queryTerm: string) => any;
+    tag: (label: any, id: string | number) => any;
     open: (id: string | number) => any;
     close: (value: any, id: string | number) => any;
     remove: (value: any, id: string | number) => any;
@@ -56,8 +56,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onSelect?: ((value: any, id: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onTag?: ((label: any, id: string | number) => any) | undefined;
     "onSearch-change"?: ((queryTerm: string) => any) | undefined;
+    onTag?: ((label: any, id: string | number) => any) | undefined;
     onOpen?: ((id: string | number) => any) | undefined;
     onClose?: ((value: any, id: string | number) => any) | undefined;
     onRemove?: ((value: any, id: string | number) => any) | undefined;

package/dist/components/Elements/ElementComponents.d.ts

@@ -1,6 +1,7 @@
 import { default as PrivateAccordion } from './DsgAccordion.vue';
 import { default as PrivateAvatar } from './DsgAvatar.vue';
 import { default as PrivateAlert } from './DsgAlert.vue';
+import { default as PrivateIconSelect } from './DsgIconSelect.vue';
 import { default as PrivateAlertComponent } from './DsgAlertComponent.vue';
 import { default as PrivateBadge } from './DsgBadge.vue';
 import { default as PrivateButton } from './DsgButton.vue';
@@ -22,4 +23,4 @@ import { default as PrivateProgress } from './DsgProgress.vue';
 import { default as PrivateBarcodeScanner } from './DsgBarcodeScanner.vue';
 import { default as PrivateCard } from './DsgCard.vue';
 import { default as PrivateCardContainer } from './DsgCardContainer.vue';
-export { PrivateAccordion, PrivateAvatar, PrivateAlert, PrivateAlertComponent, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateInputNumber, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, PrivateProgress, PrivateBarcodeScanner, PrivateCard, PrivateCardContainer, };
+export { PrivateAccordion, PrivateAvatar, PrivateIconSelect, PrivateAlert, PrivateAlertComponent, PrivateBadge, PrivateButton, PrivateCheckbox, PrivateCheckboxGroup, PrivateDropdown, PrivateInput, PrivateInputSelect, PrivateInputDropdown, PrivateInputNumber, PrivateDatepicker, PrivateLabel, PrivateLink, PrivateModal, PrivateTag, PrivateToggle, PrivateTooltip, PrivateProgress, PrivateBarcodeScanner, PrivateCard, PrivateCardContainer, };