admins-components 1.2.5 → 1.2.6

package/dist/index.d.ts

@@ -1 +1,6 @@
+export * from './src/index'
+export {}
+import AdminsComponents from './src/index'
+export default AdminsComponents
+export * from './src/index'
 export {}

package/dist/src/components/CheckBox.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id: string;
+    label: string;
+    checked: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    changed: (option: {
+        id: string;
+        checked: boolean;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChanged?: ((option: {
+        id: string;
+        checked: boolean;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/CheckBoxList.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    items: CheckBoxListItem[];
+    callback: (id: string, checked: boolean) => any;
+};
+export interface CheckBoxListItem {
+    id: string;
+    label: string;
+    checked: boolean;
+    childrend: CheckBoxListItem[];
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/DropDown.vue.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+export interface DropDownItem {
+    icon?: string;
+    label: string;
+    id: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    id: string;
+    label: string;
+    selected?: string | undefined | null;
+    options: Ref<DropDownItem[]>;
+    opentop?: boolean;
+    disableFilter?: boolean;
+    storeselected?: boolean;
+    filterevent?: boolean;
+    disabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    selected: (option: DropDownItem) => any;
+    filtered: (filter: string) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    id: string;
+    label: string;
+    selected?: string | undefined | null;
+    options: Ref<DropDownItem[]>;
+    opentop?: boolean;
+    disableFilter?: boolean;
+    storeselected?: boolean;
+    filterevent?: boolean;
+    disabled?: boolean;
+}> & Readonly<{
+    onSelected?: ((option: DropDownItem) => any) | undefined;
+    onFiltered?: ((filter: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    DropDownTriggerButton: HTMLButtonElement;
+    DropDownMenu: HTMLDivElement;
+    ddSearch: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/components/DropDownCallBack.vue.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+type __VLS_Props = {
+    id: string;
+    default: DropDownCallBackItem;
+    selected?: string;
+    enabled?: boolean;
+    options: Ref<DropDownCallBackItem[]>;
+};
+export interface DropDownCallBackItem {
+    icon?: string;
+    label: string;
+    value: string;
+    callback: (property: string) => any;
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    DropDownTriggerButton: HTMLButtonElement;
+    DropDownMenu: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/components/DropDownMenu.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    label?: string;
+    icon?: string;
+    options: DropDownMenuItem[];
+    item: any;
+    id: string;
+    right?: boolean;
+};
+export interface DropDownMenuItem {
+    icon: string;
+    label: string;
+    command: (item: any) => any;
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    DropDownTriggerButton: HTMLButtonElement;
+    DropDownMenu: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/src/components/FilterCompact.vue.d.ts

@@ -0,0 +1,14 @@
+import { FilterDate, FilterDropDown, FilterText } from './FilterControl.vue';
+type __VLS_Props = {
+    items: {
+        filter: FilterDate | FilterDropDown | FilterText;
+        icon: string;
+        label: string;
+    }[];
+};
+export interface FilterDateFilter {
+    from: string;
+    untill: string;
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/FilterControl.vue.d.ts

@@ -0,0 +1,44 @@
+import { Ref } from 'vue';
+import { DropDownItem } from './DropDown.vue';
+export interface IFilterItem {
+    type: "text" | "date" | "dropdown";
+    key: string;
+    filtered: (key: string, value: any) => any;
+    defaultv?: string | undefined;
+}
+export declare class FilterText implements IFilterItem {
+    key: string;
+    placeholder: string;
+    filtered: (key: string, value: string) => any;
+    constructor(key: string, placeholder: string, filtered: (key: string, value: string) => any);
+    type: "text";
+}
+export declare class FilterDropDown implements IFilterItem {
+    key: string;
+    label: string;
+    options: Ref<DropDownItem[]>;
+    filterevent: boolean | undefined;
+    onfiltered: undefined | ((v: string) => any);
+    filtered: (key: string, value: string) => any;
+    constructor(key: string, label: string, options: Ref<DropDownItem[]>, filterevent: boolean | undefined, onfiltered: undefined | ((v: string) => any), filtered: (key: string, value: string) => any);
+    type: "dropdown";
+}
+export declare class FilterDate implements IFilterItem {
+    key: string;
+    label: string;
+    filtered: (key: string, value: FilterDateFilter) => any;
+    defFrom?: string | undefined;
+    defTill?: string | undefined;
+    constructor(key: string, label: string, filtered: (key: string, value: FilterDateFilter) => any, defFrom?: string | undefined, defTill?: string | undefined);
+    type: "date";
+}
+export interface FilterDateFilter {
+    from: string;
+    untill: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    item: IFilterItem;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    item: IFilterItem;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/IconButton.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    icon: string;
+    active?: boolean;
+    big?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/PaginatorControl.vue.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+export interface PaginatorSettings {
+    total: number;
+    pagesize: number;
+    page: number;
+    sizes: number[];
+}
+type __VLS_Props = {
+    settings: Ref<PaginatorSettings>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    pagesize: (value: number) => any;
+    page: (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPagesize?: ((value: number) => any) | undefined;
+    onPage?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/RadioButton.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    group: string;
+    label: string;
+    id: any;
+    selected?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    selected: (id: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelected?: ((id: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/RadioButtonGroup.vue.d.ts

@@ -0,0 +1,15 @@
+export interface RadioButtonGroupItem {
+    label: string;
+    id: any;
+    selected?: boolean;
+}
+type __VLS_Props = {
+    group: string;
+    items: RadioButtonGroupItem[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    selected: (id: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelected?: ((id: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/SpinningProgress.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    loading: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/TableToList.vue.d.ts

@@ -0,0 +1,47 @@
+import { Ref } from 'vue';
+import { IFilterItem } from './FilterControl.vue';
+import { PaginatorSettings } from './PaginatorControl.vue';
+export interface TableToListConfig {
+    selectableId?: string | undefined;
+    columns: Column[];
+    smColCount: number;
+    sortEnabled: boolean;
+    actions?: Action[] | undefined;
+    actionHeader?: string | undefined;
+    paginatorSettings?: Ref<PaginatorSettings> | undefined;
+}
+export interface Column {
+    visible?: boolean | undefined;
+    label: string;
+    filter: IFilterItem | undefined;
+    filterIcon: string | undefined;
+    property: string;
+    sort?: undefined | Sort;
+    converter: undefined | ((v: any, item: any) => any);
+}
+export interface Sort {
+    label: string;
+    icon: string;
+    active: Ref<boolean> | undefined;
+    callback: (property: string) => any;
+}
+export interface Action {
+    icon: string;
+    label: string;
+    enabled: (item: any) => boolean;
+    command: (item: any) => any;
+}
+declare const _default: import('vue').DefineComponent<{
+    items: any[];
+    config: TableToListConfig;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    pagesize: (value: number) => any;
+    page: (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    items: any[];
+    config: TableToListConfig;
+}> & Readonly<{
+    onPagesize?: ((value: number) => any) | undefined;
+    onPage?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/TextListBox.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    items: TextListBoxItem[];
+};
+export interface TextListBoxItem {
+    id: string;
+    label: string;
+    hideDelete?: boolean;
+    showId?: boolean;
+    childrend: TextListBoxItem[] | undefined;
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    deleted: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleted?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/ToastComponent.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    defaultDisplayDuration: number;
+};
+export interface Toast {
+    title: string;
+    message: string;
+    type: "info" | "success" | "warning" | "error";
+    id?: Date;
+    displayDuration?: number;
+}
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    addToast: (toast: Toast) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/components/ToastWrapper.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    toast: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        defaultDisplayDuration: number;
+    }> & Readonly<{}>, {
+        addToast: (toast: import('./ToastComponent.vue').Toast) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        defaultDisplayDuration: number;
+    }> & Readonly<{}>, {
+        addToast: (toast: import('./ToastComponent.vue').Toast) => void;
+    }, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

package/dist/src/index.d.ts

@@ -0,0 +1,22 @@
+import { App } from 'vue';
+import { default as CheckBox } from './components/CheckBox.vue';
+import { default as CheckBoxList } from './components/CheckBoxList.vue';
+import { default as DropDown } from './components/DropDown.vue';
+import { default as DropDownCallBack } from './components/DropDownCallBack.vue';
+import { default as DropDownMenu } from './components/DropDownMenu.vue';
+import { default as FilterCompact } from './components/FilterCompact.vue';
+import { default as FilterControl } from './components/FilterControl.vue';
+import { default as IconButton } from './components/IconButton.vue';
+import { default as PaginatorControl } from './components/PaginatorControl.vue';
+import { default as RadioButton } from './components/RadioButton.vue';
+import { default as RadioButtonGroup } from './components/RadioButtonGroup.vue';
+import { default as SpinningProgress } from './components/SpinningProgress.vue';
+import { default as TableToList } from './components/TableToList.vue';
+import { default as TextListBox } from './components/TextListBox.vue';
+import { default as ToastComponent } from './components/ToastComponent.vue';
+import { default as ToastWrapper } from './components/ToastWrapper.vue';
+declare const plugin: {
+    install(app: App): void;
+};
+export { CheckBox, CheckBoxList, DropDown, DropDownMenu, DropDownCallBack, FilterCompact, FilterControl, IconButton, PaginatorControl, RadioButton, RadioButtonGroup, SpinningProgress, TableToList, TextListBox, ToastComponent, ToastWrapper, };
+export default plugin;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "admins-components",
-    "version": "1.2.5",
+    "version": "1.2.6",
     "type": "module",
     "files": [
         "dist"

package/dist/style.css

@@ -1 +0,0 @@
-::-webkit-scrollbar{width:.7rem}::-webkit-scrollbar-track{border-radius:.7rem;background-color:#ecebeb}::-webkit-scrollbar-thumb{border-radius:.7rem;background-color:#dbd9d9}.clickable{cursor:pointer}.align-items-base{align-items:baseline}.label{font-weight:700}.tlb-container{cursor:default}.tlb-children-container{cursor:default;padding-left:1rem}.tlb-item:hover{background-color:var(--bs-gray-100)}.tlb-item .id{color:var(--bs-gray-500)}.ps-header{border:4px solid #e25900;background-color:#e25900!important;color:#fff}.ps-body{padding:.5rem;border:1px solid var(--bs-gray-400);max-height:300px;overflow-y:auto}.dd-flex{display:flex;flex:1}.dd-button{width:100%}.dd-label{display:flex;flex:1;justify-content:center}.dd-menu{position:absolute;z-index:1000;background-color:#fff;display:block;width:auto;border:1px solid var(--bs-gray-600);border-radius:5px}.dd-item-list{overflow:auto;max-height:400px}.dd-item{font-size:1rem;font-weight:400;cursor:pointer;padding:.2rem .5rem}.dd-item__icon{margin-right:.25rem}.dd-item:hover{background-color:var(--bs-gray-200)}.dd-toggle:after{display:inline-block;width:0;height:0;margin:auto auto auto .255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.ddc-flex{display:flex;flex:1!important}.ddc-button{width:100%}.ddc-menu{position:absolute;z-index:1000;background-color:#fff;display:block;border:1px solid var(--bs-gray-200);border-radius:5px;width:auto}.ddc-row{display:flex;flex:1;align-items:center;gap:1rem}.ddc-item{display:flex;flex-direction:row;gap:1rem;align-items:center;font-size:1rem;font-weight:400;cursor:pointer;padding:.2rem .5rem;width:auto;min-width:150px}.ddc-item:hover{background-color:var(--bs-gray-200)}.ddc-label{display:flex;flex:1}.ddc-icon{display:flex}.dropdown-toggle:after{margin:auto}.ddm-menu{position:absolute;z-index:1000;background-color:#fff;display:block;border:1px solid var(--bs-gray-200);border-radius:5px}.ddm-item{display:flex;gap:1rem;align-items:center;cursor:pointer;padding:.5rem;max-height:400px}.ddm-item:hover{background-color:var(--bs-gray-400)}.ddm-item:active{background-color:var(--bs-gray-200)}.ddm-label{display:flex;flex:1;justify-content:center;align-items:center;min-height:1.5rem}.fltrc-container{display:flex;flex:1;flex-direction:row;gap:1rem}.fltrctrl-container{display:flex;flex:1}.form-date{display:flex;flex-shrink:1;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ib-container{display:flex;justify-content:end;padding-right:1rem}.ib-button{height:2rem;width:2rem;border-radius:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.ib-button:hover{background-color:var(--bs-gray-400)}.ib-button:active{background-color:var(--bs-gray-200)}.ib-button-active{background-color:var(--bs-gray-100)}.ib-button-big{font-size:1.5rem}.pc-container{display:flex;gap:.5rem;padding:1rem;justify-content:center;align-items:center}.pc-input{max-width:200px}.pc-dropdown{max-width:100px;min-width:50px}.t2l-table-view{display:flex;flex-direction:column}.t2l-table-header-label{background-color:var(--bs-gray-200);font-weight:700;border-bottom:1px solid var(--bs-gray-400);padding:.5rem;flex-direction:row;align-items:center}.t2l-table-header-filter{background-color:var(--bs-gray-200);font-weight:700;border-bottom:1px solid var(--bs-gray-400);padding:.3rem;flex-direction:row;align-items:center}.t2l-rows{flex-direction:column;flex:1;overflow-y:auto}.t2l-row{border-bottom:1px solid var(--bs-gray-400);padding:.3rem;display:flex;flex-direction:row}.t2l-cell{padding:.3rem;display:flex;flex:1;align-items:center}.t2l-select{padding:.3rem;display:flex;flex:1;align-items:center;max-width:3rem}.t2l-cell-label{display:none}.t2l-actions{display:flex;flex-direction:row;gap:.5rem}.t2l-card-view{display:none;flex-direction:column}.t2l-card-col{display:flex;flex-direction:column;flex:1;gap:1rem;overflow-y:auto;align-items:start}.t2l-card-select{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;max-width:2rem}.t2l-card-filters{flex-direction:column;gap:.5rem;padding:.5rem;background-color:var(--bs-gray-200)}.t2l-property{display:flex;flex-direction:column;flex:1}.t2l-label{font-weight:700}.t2l-footer{padding:1rem;background-color:var(--bs-gray-200)}@media (max-width: 1024px){.t2l-table-view{display:none}.t2l-card-view{display:flex}}.options-header{cursor:pointer;font-size:.8rem;padding:.2rem;border-top:1px solid var(--bs-gray-200);border-right:1px solid var(--bs-gray-200);border-top-right-radius:3px}.options-header:hover{opacity:.7}.options-body{font-size:.8rem;padding:1rem;background-color:var(--bs-gray-100)}.options-header-label{font-weight:700}.toast-info{background:var(--bs-blue);color:#fff}.toast-success{background:var(--bs-green);color:#fff}.toast-warning{background:var(--bs-orange);color:#fff}.toast-error{background:var(--bs-red);color:#fff}.toast-zindex{z-index:1100}.cbl-container[data-v-ae2832c5]{display:flex;flex-direction:column}.cbl-childrend-container[data-v-ae2832c5]{display:flex;flex-direction:column;padding-left:1rem}