@agendize/design-system
Version:
Agendize web design system
185 lines • 16.3 kB
TypeScript
import FieldInput from './presentation/component/form/fields/field-input/View.vue';
import FieldCopy from './presentation/component/form/fields/field-copy/View.vue';
import FieldEmail from './presentation/component/form/fields/field-email/View.vue';
import FieldTextArea from './presentation/component/form/fields/field-textarea/View.vue';
import FieldTinyMce from './presentation/component/form/fields/field-tinymce/View.vue';
import FieldChecklist from './presentation/component/form/fields/field-checklist/View.vue';
import FieldToggle from './presentation/component/form/fields/field-toggle/View.vue';
import FieldDateTime from './presentation/component/form/fields/field-datetime/View.vue';
import FieldPeriod from './presentation/component/form/fields/field-period/View.vue';
import FieldPassword from './presentation/component/form/fields/field-password/View.vue';
import SearchInput from './presentation/component/search-input/View.vue';
import FieldLabel from './presentation/component/form/fields/field-label/View.vue';
import FieldRadios from './presentation/component/form/fields/field-radios/View.vue';
import FieldRadioButton from './presentation/component/form/fields/field-radio-button/View.vue';
import FieldRating from './presentation/component/form/fields/field-rating/View.vue';
import FieldFile from './presentation/component/form/fields/field-file/View.vue';
import FieldNumber from './presentation/component/form/fields/field-number/View.vue';
import FieldPhone from './presentation/component/form/fields/field-phone/View.vue';
import FieldSelectSimple from './presentation/component/form/fields/field-select/SimpleSelect.vue';
import FieldSelectCategory from './presentation/component/form/fields/field-select/CategorySelect.vue';
import OptionIcon from './presentation/component/form/fields/field-select/OptionIcon.vue';
import FieldSelectMultiple from './presentation/component/form/fields/field-select/MultipleSelect.vue';
import FieldSelectV2 from './presentation/component/form/fields/field-select-v2/View.vue';
import DateStartEnd from './presentation/component/date-start-end/View.vue';
import { FieldSelectedObjectsModelType, FieldSelectedObjectValuesModelType, FieldSelectValue, FieldValueModelType, getValueOrLabel as getFieldValueOrLabel } from './presentation/component/form/fields/field-select-v2/viewModel';
import FieldUrl from './presentation/component/form/fields/field-url/View.vue';
import FieldCheckBox from './presentation/component/form/fields/field-checkbox/View.vue';
import FieldSubItem from './presentation/component/form/fields/field-subitem/View.vue';
import FieldResponse from './presentation/component/form/fields/field-response/View.vue';
import FieldColor from './presentation/component/form/fields/field-color/View.vue';
import DialogBox from './presentation/component/dialog-box/DialogBox.vue';
import ModalDialogBox from './presentation/component/modal-dialog-box/View.vue';
import { ComponentCloseTriggerType } from './presentation/component/modal-dialog-box/viewModel';
import DialogBoxDescription from './presentation/component/dialog-box/Dialog-description.vue';
import FormFields from './presentation/component/form/form-fields/View.vue';
import ButtonValidation from './presentation/component/btn-validation/View.vue';
import { BtnState } from './presentation/component/btn-validation/viewModel';
import { TOAST_OPTIONS } from './presentation/component/toast/viewModel';
import ToasterLabel from "./presentation/component/toast/toasterLabel.vue";
import Panel from './presentation/component/panel/Panel.vue';
import { DEFAULT_SPIN_LOADER_ICON, Mandatory, OverlayPosition, TextAlign } from './presentation/component/viewModel';
import Tabs from './presentation/component/tabs/View.vue';
import BusinessHours from './presentation/component/business-hours/View.vue';
import DaysButton from './presentation/component/days-button/View.vue';
import ConfirmDialog from "./presentation/component/confirm-dialog/View.vue";
import InputCriticalAction from "./presentation/component/input-critical-action/View.vue";
import ModalCriticalAction from "./presentation/component/modal-critical-action/View.vue";
import InputDialog from "./presentation/component/input-dialog/View.vue";
import ClosablePanel from "./presentation/component/closable-panel/View.vue";
import Accordeon from "./presentation/component/accordeon/View.vue";
import Avatar from "./presentation/component/avatar/Avatar.vue";
import refLocal from './mixins/refLocalStorage';
import refSession from './mixins/refSessionStorage';
import Closable from './mixins/clickOutside';
import { validateFields } from './mixins/useFormValidation';
import Card from "./presentation/component/card/Card.vue";
import CardList from "./presentation/component/card-list/View.vue";
import type { CardDataEntity, QuickFilterActionType } from "./presentation/component/card-list/viewModel";
import { generateId } from "./utils/attributesProperties";
import { copyToClipboard } from "./utils/copyToClipboard";
import OverflowMenu from "./presentation/component/action-overflow-menu/View.vue";
import type { ActionOverflowMenuOption as OverflowMenuOption } from "./presentation/component/action-overflow-menu/viewModel";
import HoursItem from "./presentation/component/hours-item/View.vue";
import { HoursError, HoursErrors } from "./utils/hoursError";
import FabButton from "./presentation/component/fab/FabButton.vue";
import HorizontalScroll from "./presentation/component/horizontal-scroll/View.vue";
import FieldAutoComplete from './presentation/component/field-input-autocomplete/View.vue';
import Address from './presentation/component/address/View.vue';
import { AddressObject } from './presentation/component/address/Address';
import Stepper from "./presentation/component/stepper/Stepper.vue";
import ErrorComponent from "./presentation/component/error/ErrorComponent.vue";
import LoadingComponent from "./presentation/component/loading/LoadingComponent.vue";
import SplashLogo from "./presentation/component/loading/SplashLogo.vue";
import FieldDuration from "./presentation/component/form/fields/field-duration/View.vue";
import { DurationUnit } from "./presentation/component/form/fields/field-duration/viewModel";
import FieldInterval from "./presentation/component/form/fields/field-interval/View.vue";
import AccessibilityAnchor from "./presentation/component/structure/accessibility-anchor/View.vue";
import RangeDatePicker from "./presentation/component/date-picker/RangeDatePicker.vue";
import Link from "./presentation/component/action/link/Link.vue";
import Button from "./presentation/component/action/button/View.vue";
import { ButtonColor, ButtonCursor, ButtonShape, ButtonSize } from "./presentation/component/action/button/viewModel";
import SegmentedButton from "./presentation/component/action/segmented-button/SegmentedButton.vue";
import { SegmentedButtonOption, SegmentedButtonProps } from "./presentation/component/action/segmented-button/SegmentedButtonViewModel";
import Tag from "./presentation/component/indicators/tag/View.vue";
import { TagColor, TagPropertiesType, TagSize } from "./presentation/component/indicators/tag/viewModel";
import AzAvatar from "./presentation/component/indicators/avatar/View.vue";
import LocationAvatar from "./presentation/component/indicators/avatar/LocationAvatar.vue";
import PeopleAvatar from "./presentation/component/indicators/avatar/PeopleAvatar.vue";
import { AvatarColor, AvatarShape, AvatarSize } from "./presentation/component/indicators/avatar/viewModel";
import Chips from "./presentation/component/selection-controls/chips/View.vue";
import Banner from "./presentation/component/overlays/banner/View.vue";
import Popover from "./presentation/component/overlays/popover/View.vue";
import Snackbar from "./presentation/component/overlays/snackbar/View.vue";
import AppHeader from "./presentation/component/structure/app-header/View.vue";
import AppFooter from "./presentation/component/structure/app-footer/View.vue";
import { ListCustomAction, ListItemFetch, ListItemFetchResponse, ListItemRow, ListItemSearchFilterData, ListItemSearchOptions, ListProperties, Selectable } from "./presentation/component/structure/list/viewModel";
import { ListItemProperties, ListItemTitlePropertiesOptional } from "./presentation/component/structure/list-item/viewModel";
import { LayoutVariant } from "./presentation/component/structure/layout/viewModel";
import { CardProperties, CardVariant } from "./presentation/component/structure/card/viewModel";
import { CardItemProperties, CardListCustomAction, CardListItemFetch, CardListItemSearchFilterData, CardListItemSearchOptions, CardListLoadingOptions } from "./presentation/component/structure/card-list/viewModel";
import StructuredList from "./presentation/component/structure/list/View.vue";
import StructuredListItem from "./presentation/component/structure/list-item/View.vue";
import StructuredPage from "./presentation/component/structure/page/View.vue";
import { TabsOptions as PageTabsOptions } from "./presentation/component/structure/page/viewModel";
import StructuredAccordeon from "./presentation/component/structure/accordeon/View.vue";
import StructuredDivider from "./presentation/component/structure/divider/View.vue";
import StructuredCard from "./presentation/component/structure/card/View.vue";
import StructuredButtonLayout from "./presentation/component/structure/button-layout/View.vue";
import StructuredFormLayout from "./presentation/component/structure/form-layout/View.vue";
import StructuredLayout from "./presentation/component/structure/layout/View.vue";
import StructuredPanel from "./presentation/component/structure/panel/View.vue";
import { PanelPinedOption } from "./presentation/component/structure/panel/viewModel";
import StructuredPageHeader from "./presentation/component/structure/page-header/View.vue";
import StructuredSection from "./presentation/component/structure/section/View.vue";
import StructuredEmptyState from "./presentation/component/structure/empty-state/View.vue";
import StructuredTable from "./presentation/component/structure/table/View.vue";
import StructuredTableCellItem from "./presentation/component/structure/table/TableCellItem.vue";
import { TableColumnOptions as StructuredTableColumnOptions } from "./presentation/component/structure/table/viewModel";
import StructuredSkeletonMenu from "./presentation/component/structure/skeleton-menu/View.vue";
import StructuredSkeletonListItem from "./presentation/component/structure/skeleton-item/View.vue";
import StructuredSkeletonPage from "./presentation/component/structure/skeleton-page/View.vue";
import StructuredSkeletonPageHeader from "./presentation/component/structure/skeleton-page-header/View.vue";
import StructuredSkeletonSection from "./presentation/component/structure/skeleton-section/View.vue";
import StructuredCardList from "./presentation/component/structure/card-list/View.vue";
import StructuredWidget from "./presentation/component/structure/widget/StructuredWidget.vue";
import HistoryActivity from "./presentation/component/history-activity/View.vue";
import FieldLabelValueList from "./presentation/component/form/fields/field-label-value-list/View.vue";
import ProgressBar from "./presentation/component/progress-bar/View.vue";
import UnsavedChangesDialog from "./presentation/component/unsaved-changes-dialog/View.vue";
import SpecificPeriods from "./presentation/component/specific-periods/View.vue";
import { HourModel, PeriodModel, SpecificPeriodModel } from "./presentation/component/specific-periods/SpecificPeriodModel";
import GridLayout from "./presentation/component/structure/grid-layout/View.vue";
import Badge from "./presentation/component/indicators/badge/View.vue";
import Iframe from "./presentation/component/iframe/View.vue";
import FieldRange from "./presentation/component/form/fields/field-range-date/View.vue";
import { ExtendedImageFileExtensionValues, ImageFileExtensionValues } from "./presentation/component/form/fields/field-file/viewModel";
import FieldSelectItem from "./presentation/component/form/fields/field-select-item/View.vue";
import './assets/css/vendor.scss';
import SecureDefaultComponent from './presentation/component/system/SecureDefaultComponent.vue';
import { Tooltip as ComponentTooltip, vTooltip as vDirectiveTooltip } from "floating-vue";
import 'floating-vue/dist/style.css';
export interface FormField {
id: string;
inputType: string;
label: string;
mandatory: boolean;
required?: boolean;
visible: boolean;
backofficeVisible?: boolean;
values: {
label: string;
value: string;
}[];
bind?: string;
multiple?: boolean;
value?: any;
pattern?: string;
disabled?: boolean;
minlength?: number;
maxlength?: number;
placeholder?: string;
helperMessage?: string;
help?: string;
fileName?: string;
subItem?: FormField[];
valueGroups?: {
label: string;
value: string;
values: {
label: string;
value: string;
}[];
}[];
}
export { FieldInput, FieldCopy, FieldEmail, FieldTextArea, FieldToggle, FieldDateTime, FieldPeriod, FieldPassword, SearchInput, FieldLabel, FieldFile, FieldRadios, FieldRadioButton, FieldRating, FieldNumber, FieldPhone, FieldUrl, ModalDialogBox, DialogBox, DialogBoxDescription, FormFields, ButtonValidation, BtnState, FieldTinyMce, TOAST_OPTIONS, Panel, Tabs, BusinessHours, DaysButton, Mandatory, refLocal, refSession, Closable, generateId, copyToClipboard, ClosablePanel, ConfirmDialog, InputCriticalAction, ModalCriticalAction, InputDialog, FieldChecklist, FieldCheckBox, FieldResponse, Accordeon, FieldSubItem, Card, CardList, CardDataEntity, OverflowMenu, OverflowMenuOption, QuickFilterActionType, FieldSelectSimple, FieldSelectCategory, FieldSelectMultiple, HoursItem, HoursErrors, HoursError, Avatar, ToasterLabel, FabButton, HorizontalScroll, FieldAutoComplete, Stepper, FieldDuration, FieldInterval, ErrorComponent, LoadingComponent, SplashLogo, Address, AddressObject, SpecificPeriods, SpecificPeriodModel, PeriodModel, HourModel, SecureDefaultComponent, RangeDatePicker, DateStartEnd, DEFAULT_SPIN_LOADER_ICON, Banner, Chips, Button, Tag, Popover, Snackbar, AppHeader, AppFooter, StructuredList, StructuredListItem, StructuredPage, StructuredPageHeader, StructuredSection, StructuredSkeletonListItem, StructuredSkeletonMenu, StructuredSkeletonPage, StructuredSkeletonPageHeader, StructuredSkeletonSection, StructuredDivider, StructuredCard, StructuredFormLayout, StructuredLayout, StructuredPanel, AccessibilityAnchor, StructuredEmptyState, AzAvatar, UnsavedChangesDialog, OptionIcon, FieldSelectV2, getFieldValueOrLabel, Link, validateFields, GridLayout, FieldLabelValueList, ProgressBar, StructuredAccordeon, LocationAvatar, PeopleAvatar, StructuredTable, Badge, StructuredTableCellItem, Iframe, StructuredCardList, FieldRange, Selectable, FieldColor, StructuredWidget, ImageFileExtensionValues, ExtendedImageFileExtensionValues, HistoryActivity, StructuredButtonLayout, FieldSelectItem, ComponentTooltip, vDirectiveTooltip, SegmentedButton };
export { htmlDirectives } from './utils/web';
export { useDarkMode } from './utils/darkMode';
export { getDateDiffLabel } from './utils/date';
export * from './utils/error';
export * from './utils/focus';
export * from './utils/slots';
export * from './utils/color';
export * from './utils/eventListener';
export type { OverlayPosition, TextAlign, PanelPinedOption, TagColor, TagSize, TagPropertiesType, AvatarSize, AvatarShape, AvatarColor, ButtonColor, ButtonShape, ButtonSize, ButtonCursor, ListProperties, ListCustomAction, ListItemFetch, ListItemSearchOptions, ListItemProperties, ListItemTitlePropertiesOptional, ListItemSearchFilterData, PageTabsOptions, ListItemRow, LayoutVariant, CardProperties, CardVariant, DurationUnit, FieldSelectValue, StructuredTableColumnOptions, ListItemFetchResponse, ComponentCloseTriggerType, CardListItemFetch, CardListItemSearchOptions, CardListCustomAction, CardListItemSearchFilterData, CardItemProperties, CardListLoadingOptions, FieldSelectedObjectsModelType, FieldSelectedObjectValuesModelType, FieldValueModelType, SegmentedButtonOption, SegmentedButtonProps };
//# sourceMappingURL=index.d.ts.map