543 lines
16 KiB
PHP
543 lines
16 KiB
PHP
<?php
|
|
|
|
return [
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Default attribute definitions
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| BladewindUO makes common UI assumptions which may bot be in line with
|
|
| what you need in your project. To prevent you from defining several
|
|
| attributes just to get your components to conform to your design, you
|
|
| can define the default attributes here, and they will be applied to all
|
|
| your BladewindUI components. https://bladewindui.com/customize#defaults
|
|
|
|
|
*/
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Alert component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'alert' => [
|
|
'shade' => 'faint',
|
|
'show_icon' => true,
|
|
'color' => null,
|
|
'size' => 'tiny',
|
|
'show_ring' => false
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Avatar component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'avatars' => [
|
|
'size' => 'regular',
|
|
'show_ring' => true,
|
|
'dot_color' => 'primary',
|
|
'bg_color' => null,
|
|
'dot_position' => 'bottom',
|
|
'dotted' => false,
|
|
'stacked' => false,
|
|
],
|
|
|
|
'avatar' => [
|
|
'size' => 'regular',
|
|
'dot_color' => 'primary',
|
|
'dot_position' => 'bottom',
|
|
'dotted' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Bell component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'bell' => [
|
|
'show_dot' => true,
|
|
'animate_dot' => false,
|
|
'size' => 'small',
|
|
'color' => 'primary',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Button component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'button' => [
|
|
'size' => 'regular',
|
|
'radius' => 'small',
|
|
'show_focus_ring' => true,
|
|
'tag' => 'button',
|
|
'icon_right' => false,
|
|
'outline' => false,
|
|
'border_width' => 2,
|
|
'ring_width' => '',
|
|
'uppercasing' => true,
|
|
// define default attributes for all circular buttons
|
|
'circle' => [
|
|
'size' => 'regular',
|
|
]
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Card component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'card' => [
|
|
'compact' => false,
|
|
'has_shadow' => true,
|
|
'has_border' => true,
|
|
'reduce_padding' => false,
|
|
'hover_effect' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Contact Card component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'contact_card' => [
|
|
'has_shadow' => true,
|
|
'hover_effect' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Centered Content component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'centered_content' => [
|
|
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Checkbox component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'checkbox' => [
|
|
'add_clearing' => true,
|
|
'color' => 'primary',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Checkcards component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'checkcards' => [
|
|
'compact' => true,
|
|
'show_error' => false,
|
|
'auto_select_new' => true,
|
|
'color' => 'primary',
|
|
'radius' => 'medium',
|
|
'avatar_size' => 'medium',
|
|
'border_width' => 2,
|
|
'border_color' => 'gray',
|
|
'align_items' => 'top',
|
|
'error_heading' => 'Max selection',
|
|
'error_message' => 'You have selected the maximum cards allowed',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Datepicker component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'datepicker' => [
|
|
'format' => 'yyyy-mm-dd',
|
|
'week_starts' => 'sun',
|
|
'validate' => false,
|
|
'show_error_inline' => false,
|
|
'stacked' => true,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Dropdown component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'dropdown' => [
|
|
'append_value_to_url' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Dropmenu component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'dropmenu' => [
|
|
'trigger' => 'ellipsis-horizontal-icon',
|
|
'trigger_on' => 'click',
|
|
'icon_right' => false,
|
|
'divided' => false,
|
|
'padded' => true,
|
|
// default attributes for dropmenu-item component
|
|
'item' => [
|
|
'dir' => '',
|
|
'icon_right' => false,
|
|
'hover' => true,
|
|
'padded' => true,
|
|
'divided' => false,
|
|
]
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| EmptyState component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'empty_state' => [
|
|
// the public directory is the starting point
|
|
// the default below is public/vendor/bladewind/images...
|
|
'image' => '/vendor/bladewind/images/empty-state.svg',
|
|
'show_image' => true,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Filepicker component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'filepicker' => [
|
|
'accepted_file_types' => 'audio/*, video/*, image/*, .pdf',
|
|
'max_file_size' => 5,
|
|
'add_clearing' => true,
|
|
'selected_value_class' => 'h-52',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Horizontal Line Graph component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'horizontal_line_graph' => [
|
|
'shade' => 'faint',
|
|
'color' => 'primary',
|
|
'percentage_label_opacity' => 50,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Icon component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'icon' => [
|
|
'type' => 'outline',
|
|
'dir' => '',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Input component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'input' => [
|
|
'add_clearing' => true,
|
|
'show_error_inline' => false,
|
|
'show_placeholder_always' => false,
|
|
'error_heading' => 'Error',
|
|
'transparent_prefix' => true,
|
|
'transparent_suffix' => true,
|
|
'clearable' => false,
|
|
'size' => 'medium',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| List View component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'list_view' => [
|
|
'compact' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Modal component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'modal' => [
|
|
'align_buttons' => 'right',
|
|
'ok_button_label' => 'okay',
|
|
'cancel_button_label' => 'cancel',
|
|
'close_after_action' => true,
|
|
'backdrop_can_close' => true,
|
|
'blur_backdrop' => true,
|
|
'blur_size' => 'medium',
|
|
'center_action_buttons' => false,
|
|
'stretch_action_buttons' => false,
|
|
'show_close_icon' => false,
|
|
'size' => 'medium',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Notification component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'notification' => [
|
|
'position' => 'top-right',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Number component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'number' => [
|
|
'with_dots' => true,
|
|
'transparent_icons' => true,
|
|
'size' => 'medium',
|
|
'icon_type' => 'outline',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Progress bar component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'progress_bar' => [
|
|
'show_percentage_label' => false,
|
|
'show_percentage_label_inline' => true,
|
|
'shade' => 'faint',
|
|
'percentage_label_opacity' => '100',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Progress Circle component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'progress_circle' => [
|
|
'animate' => true,
|
|
'show_label' => false,
|
|
'show_percent' => false,
|
|
'shade' => 'faint',
|
|
'size' => 'medium',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Radio Button component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'radio_button' => [
|
|
'add_clearing' => true,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Rating component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'rating' => [
|
|
'type' => 'star',
|
|
'clickable' => true,
|
|
'size' => 'small',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Select component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'select' => [
|
|
'placeholder' => 'Select One',
|
|
'search_placeholder' => 'Type here...',
|
|
'empty_placeholder' => 'No options available',
|
|
'label' => null,
|
|
'add_clearing' => true,
|
|
'max_error_message' => 'Please select only %s items',
|
|
'modular' => false,
|
|
'size' => 'medium',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Slider component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'slider' => [
|
|
'show_values' => true,
|
|
'range' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Spinner component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'spinner' => [
|
|
'color' => 'gray',
|
|
'size' => 'small',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Statistic component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'statistic' => [
|
|
'currency' => '',
|
|
'label_position' => 'top',
|
|
'currency_position' => 'left',
|
|
'icon_position' => 'left',
|
|
'has_shadow' => true,
|
|
'has_border' => true,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Tab component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'tab' => [
|
|
'group' => [
|
|
'style' => 'simple',
|
|
'color' => 'primary',
|
|
],
|
|
'body' => [
|
|
'class' => '',
|
|
],
|
|
'content' => [
|
|
'class' => '',
|
|
],
|
|
'heading' => [
|
|
'icon_type' => 'outline',
|
|
'icon_dir' => '', // starts from your-project/public
|
|
]
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Table component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'table' => [
|
|
'striped' => false,
|
|
'has_shadow' => false,
|
|
'has_border' => false,
|
|
'divided' => true,
|
|
'divider' => 'regular',
|
|
'hover_effect' => true,
|
|
'compact' => false,
|
|
'uppercasing' => true,
|
|
'celled' => false,
|
|
'searchable' => false,
|
|
'selectable' => false,
|
|
'checkable' => false,
|
|
'transparent' => false,
|
|
'search_placeholder' => 'Search table below...',
|
|
'no_data_message' => 'No records to display',
|
|
'message_as_empty_state' => false,
|
|
'show_image' => true,
|
|
'sortable' => false,
|
|
'paginated' => false,
|
|
'pagination_style' => 'arrows',
|
|
'page_size' => 25,
|
|
'show_row_numbers' => false,
|
|
'show_page_number' => false,
|
|
'show_total_pages' => false,
|
|
'show_total' => true,
|
|
'total_label' => 'Showing :a to :b of :c records',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Tags component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'tags' => [
|
|
'color' => 'primary',
|
|
'shade' => 'faint',
|
|
'rounded' => false,
|
|
'uppercasing' => true,
|
|
'tiny' => false,
|
|
'outline' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Tag component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'tag' => [
|
|
'rounded' => false,
|
|
'uppercasing' => true,
|
|
'shade' => 'faint',
|
|
'color' => 'primary',
|
|
'outline' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Textarea component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'textarea' => [
|
|
'add_clearing' => true,
|
|
'rows' => 3,
|
|
'error_heading' => 'Error',
|
|
'show_error_inline' => false,
|
|
'toolbar' => false,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Timeline component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'timeline' => [
|
|
'stacked' => false,
|
|
// defaults for timeline-group
|
|
'group' => [
|
|
'stacked' => false,
|
|
'anchor' => 'small',
|
|
'color' => 'gray',
|
|
],
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Timepicker component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'timepicker' => [
|
|
'hour_label' => 'HH',
|
|
'minute_label' => 'MM',
|
|
'format_label' => '--',
|
|
'format' => '12',
|
|
'style' => 'popup',
|
|
'placeholder' => 'HH:MM',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Toggle component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'toggle' => [
|
|
'label_position' => 'left',
|
|
'justified' => false,
|
|
'bar' => 'thick',
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Verification Code component
|
|
|--------------------------------------------------------------------------
|
|
*/
|
|
'code' => [
|
|
'total_digits' => 4,
|
|
'size' => 'regular',
|
|
'mask' => false,
|
|
],
|
|
|
|
];
|