268 lines
10 KiB
PHP
268 lines
10 KiB
PHP
<?php
|
|
|
|
use TallStackUi\View\Components;
|
|
|
|
return [
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Prefix
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| Control a prefix for the TallStackUI components. The term here will be used
|
|
| to prefix all TallStackUI components. This is useful to avoid conflicts
|
|
| with other components registered by other libraries or created by yourself.
|
|
|
|
|
| For example: prefixing as 'ts-', the `alert` usage will be: '<x-ts-alert />'
|
|
*/
|
|
'prefix' => env('TALLSTACKUI_PREFIX'),
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Debug Mode
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| Control the debug mode for TallStackUI components.
|
|
*/
|
|
'debug' => [
|
|
'status' => env('TALLSTACKUI_DEBUG_MODE', false),
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| You can control in which environments the debug mode is enabled.
|
|
|----------------------------------------------------------------------
|
|
*/
|
|
'environments' => [
|
|
'local',
|
|
'sandbox',
|
|
'staging',
|
|
],
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| You can ignore debug mode for certain specific components
|
|
| by setting the exact component name in this array.
|
|
|----------------------------------------------------------------------
|
|
*/
|
|
'ignore' => [
|
|
//
|
|
],
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Icon Style
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| MAKE SURE TO READ THE DOCS BEFORE CHANGE THIS CONFIGURATION HERE.
|
|
*/
|
|
'icons' => [
|
|
/*
|
|
|----------------------------------
|
|
| Default and in-use icon type.
|
|
|----------------------------------
|
|
| Allowed: heroicons, phosphoricons, google, tablericons.
|
|
*/
|
|
'type' => env('TALLSTACKUI_ICON_TYPE', 'tablericons'),
|
|
|
|
/*
|
|
|----------------------------------
|
|
| Default and in-use icon style.
|
|
|----------------------------------
|
|
| Allowed:
|
|
|
|
|
| Heroicons: solid, outline
|
|
| Phosphoricons: thin, light, regular, bold, duotone
|
|
| Google: default
|
|
| Tablericons: default
|
|
*/
|
|
'style' => env('TALLSTACKUI_ICON_STYLE', 'default'),
|
|
|
|
/*
|
|
|----------------------------------
|
|
| Flush unused icons pack.
|
|
|----------------------------------
|
|
|
|
|
| To avoid the accumulation of unused files, the icon packs that are
|
|
| not in use can be deleted automatically when new icons are set.
|
|
*/
|
|
'flush' => true,
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Component Settings
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| General components settings.
|
|
*/
|
|
'settings' => [
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Dialog
|
|
|----------------------------------------------------------------------
|
|
| z-index: controls the default z-index.
|
|
| overflow: avoids hiding the overflow, allowing the scroll of the page.
|
|
| blur: enables the background blur effect by default.
|
|
| persistent: enables the dialog to not be closed by clicking outside by default.
|
|
*/
|
|
'dialog' => [
|
|
'z-index' => 'z-50',
|
|
'overflow' => false,
|
|
'blur' => false,
|
|
'persistent' => false,
|
|
],
|
|
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Form
|
|
|----------------------------------------------------------------------
|
|
*/
|
|
'form' => [
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Color
|
|
|----------------------------------------------------------------------
|
|
| colors: array of custom colors to be used in the color picker.
|
|
*/
|
|
'color' => [
|
|
'colors' => null,
|
|
],
|
|
],
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Modal
|
|
|----------------------------------------------------------------------
|
|
|
|
|
| z-index: controls the default z-index.
|
|
| overflow: avoids hiding the overflow, allowing the scroll of the page.
|
|
| blur: enables the background blur effect by default (Allowed: false, sm, md, lg, xl).
|
|
| persistent: enables the modal to not be closed by clicking outside by default.
|
|
| size: controls the default modal size (Allowed: sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl).
|
|
| center: controls if the modal is centered by default.
|
|
*/
|
|
'modal' => [
|
|
'z-index' => 'z-50',
|
|
'overflow' => false,
|
|
'blur' => false,
|
|
'persistent' => false,
|
|
'size' => '2xl',
|
|
'center' => false,
|
|
],
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Loading
|
|
|----------------------------------------------------------------------
|
|
|
|
|
| z-index: controls the default z-index.
|
|
| overflow: avoids hiding the overflow, allowing the scroll of the page.
|
|
| blur: enables the background blur effect by default.
|
|
| opacity: enables the background opacity by default.
|
|
*/
|
|
'loading' => [
|
|
'z-index' => 'z-50',
|
|
'overflow' => false,
|
|
'blur' => false,
|
|
'opacity' => true,
|
|
],
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Slide
|
|
|----------------------------------------------------------------------
|
|
|
|
|
| z-index: controls the default z-index.
|
|
| overflow: avoids hiding the overflow, allowing the scroll of the page.
|
|
| blur: enables the background blur effect by default (Allowed: false, sm, md, lg, xl).
|
|
| persistent: enables the slide to not be closed by clicking outside by default.
|
|
| size: controls the default modal size (Allowed: sm, md, lg, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, full).
|
|
| position: controls the default slide position (Allowed: right, left).
|
|
*/
|
|
'slide' => [
|
|
'z-index' => 'z-50',
|
|
'overflow' => false,
|
|
'blur' => false,
|
|
'persistent' => false,
|
|
'size' => 'lg',
|
|
'position' => 'right',
|
|
],
|
|
/*
|
|
|----------------------------------------------------------------------
|
|
| Toast
|
|
|----------------------------------------------------------------------
|
|
|
|
|
| z-index: controls the default z-index.
|
|
| progress: enables the progress bar.
|
|
| expandable: enables the expand effect by default.
|
|
| position: controls the default toast position (Allowed: top-right, top-left, bottom-right, bottom-left).
|
|
| timeout: controls the default timeout in seconds.
|
|
*/
|
|
'toast' => [
|
|
'z-index' => 'z-50',
|
|
'progress' => true,
|
|
'expandable' => false,
|
|
'position' => 'top-right',
|
|
'timeout' => 3,
|
|
],
|
|
],
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Component List
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| List of all TallStackUI components.
|
|
*/
|
|
'components' => [
|
|
'alert' => Components\Alert::class,
|
|
'avatar' => Components\Avatar::class,
|
|
'badge' => Components\Badge::class,
|
|
'banner' => Components\Banner::class,
|
|
'boolean' => Components\Boolean::class,
|
|
'button' => Components\Button\Button::class,
|
|
'button.circle' => Components\Button\Circle::class,
|
|
'card' => Components\Card::class,
|
|
'checkbox' => Components\Form\Checkbox::class,
|
|
'color' => Components\Form\Color::class,
|
|
'clipboard' => Components\Clipboard::class,
|
|
'date' => Components\Form\Date::class,
|
|
'dialog' => Components\Interaction\Dialog::class,
|
|
'dropdown' => Components\Dropdown\Dropdown::class,
|
|
'dropdown.items' => Components\Dropdown\Items::class,
|
|
'error' => Components\Form\Error::class,
|
|
'errors' => Components\Errors::class,
|
|
'floating' => Components\Floating::class,
|
|
'upload' => Components\Form\Upload::class,
|
|
'hint' => Components\Form\Hint::class,
|
|
'icon' => Components\Icon::class,
|
|
'input' => Components\Form\Input::class,
|
|
'label' => Components\Form\Label::class,
|
|
'link' => Components\Link::class,
|
|
'loading' => Components\Loading::class,
|
|
'modal' => Components\Modal::class,
|
|
'number' => Components\Form\Number::class,
|
|
'password' => Components\Form\Password::class,
|
|
'pin' => Components\Form\Pin::class,
|
|
'progress' => Components\Progress\Progress::class,
|
|
'progress.circle' => Components\Progress\Circle::class,
|
|
'radio' => Components\Form\Radio::class,
|
|
'range' => Components\Form\Range::class,
|
|
'rating' => Components\Rating::class,
|
|
'select.native' => Components\Select\Native::class,
|
|
'select.styled' => Components\Select\Styled::class,
|
|
'slide' => Components\Slide::class,
|
|
'stats' => Components\Stats::class,
|
|
'step' => Components\Step\Step::class,
|
|
'step.items' => Components\Step\Items::class,
|
|
'tab' => Components\Tab\Tab::class,
|
|
'tag' => Components\Form\Tag::class,
|
|
'table' => Components\Table::class,
|
|
'tab.items' => Components\Tab\Items::class,
|
|
'textarea' => Components\Form\Textarea::class,
|
|
'theme-switch' => Components\ThemeSwitch::class,
|
|
'time' => Components\Form\Time::class,
|
|
'toast' => Components\Interaction\Toast::class,
|
|
'toggle' => Components\Form\Toggle::class,
|
|
'tooltip' => Components\Tooltip::class,
|
|
'reaction' => Components\Reaction::class,
|
|
'wrapper.input' => Components\Wrapper\Input::class,
|
|
'wrapper.radio' => Components\Wrapper\Radio::class,
|
|
],
|
|
];
|