Livewire UI installed

This commit is contained in:
Benjamin Takats
2022-11-30 00:04:07 +01:00
parent 073473a9c8
commit ab19835b3d
516 changed files with 3973 additions and 8 deletions

View File

@@ -0,0 +1,27 @@
<div x-data="wireui_inputs_currency({
isLazy: @boolean($attributes->wire('model')->hasModifier('lazy')),
model: @entangle($attributes->wire('model')),
emitFormatted: @boolean($emitFormatted),
thousands: '{{ $thousands }}',
decimal: '{{ $decimal }}',
precision: {{ $precision }},
})" {{ $attributes->only('wire:key') }}>
<x-dynamic-component
:component="WireUi::component('input')"
{{ $attributes->whereDoesntStartWith(['wire:model', 'wire:key'])->except('type') }}
:borderless="$borderless"
:shadowless="$shadowless"
:label="$label"
:hint="$hint"
:corner-hint="$cornerHint"
:icon="$icon"
:right-icon="$rightIcon"
:prefix="$prefix"
:suffix="$suffix"
:prepend="$prepend"
:append="$append"
x-model="input"
x-on:input="mask($event.target.value)"
x-on:blur="emitInput($event.target.value)"
/>
</div>

View File

@@ -0,0 +1,25 @@
<div x-data="wireui_inputs_maskable({
isLazy: @boolean($attributes->wire('model')->hasModifier('lazy')),
model: @entangle($attributes->wire('model')),
emitFormatted: @boolean($emitFormatted),
mask: {{ $mask }},
})" {{ $attributes->only('wire:key') }}>
<x-dynamic-component
:component="WireUi::component('input')"
:borderless="$borderless"
:shadowless="$shadowless"
:label="$label"
:hint="$hint"
:corner-hint="$cornerHint"
:icon="$icon"
:right-icon="$rightIcon"
:prefix="$prefix"
:suffix="$suffix"
:prepend="$prepend"
:append="$append"
x-model="input"
x-on:input="onInput($event.target.value)"
x-on:blur="emitInput"
{{ $attributes->whereDoesntStartWith(['wire:model', 'x-model', 'wire:key']) }}
/>
</div>

View File

@@ -0,0 +1,54 @@
<div x-data="wireui_inputs_number({
disabled: @boolean($disabled),
readonly: @boolean($readonly),
})" {{ $attributes->only('wire:key') }}>
<x-dynamic-component
:component="WireUi::component('input')"
x-ref="input"
type="number"
inputmode="numeric"
{{ $attributes
->class('text-center appearance-number-none')
->whereDoesntStartWith('wire:key')
->except($except) }}
:borderless="$borderless"
:shadowless="$shadowless"
:label="$label"
:hint="$hint"
:corner-hint="$cornerHint"
x-on:keydown.up.prevent="plus"
x-on:keydown.down.prevent="minus"
>
<x-slot name="prepend">
<div class="absolute inset-y-0 left-0 flex items-center p-0.5">
<x-dynamic-component
:component="WireUi::component('button')"
x-hold.click.delay.repeat.100ms="minus"
x-on:keydown.enter="minus"
class="h-full rounded-l-md"
icon="minus"
primary
flat
squared
x-bind:disabled="disableMinus"
/>
</div>
</x-slot>
<x-slot name="append">
<div class="absolute inset-y-0 right-0 flex items-center p-0.5">
<x-dynamic-component
:component="WireUi::component('button')"
x-hold.click.delay.repeat.100ms="plus"
x-on:keydown.enter="plus"
class="h-full rounded-r-md"
icon="plus"
primary
flat
squared
x-bind:disabled="disablePlus"
/>
</div>
</x-slot>
</x-dynamic-component>
</div>

View File

@@ -0,0 +1,34 @@
<div x-data="wireui_inputs_password" {{ $attributes->only('wire:key') }}>
<x-dynamic-component
:component="WireUi::component('input')"
{{ $attributes->whereDoesntStartWith('wire:key') }}
:borderless="$borderless"
:shadowless="$shadowless"
:label="$label"
:hint="$hint"
:corner-hint="$cornerHint"
:icon="$icon"
:prefix="$prefix"
:prepend="$prepend"
x-bind:type="type"
>
<x-slot name="append">
<div class="absolute inset-y-0 right-0 pr-2.5 flex items-center">
<div x-on:click="toggle" class="text-gray-400 cursor-pointer">
<x-dynamic-component
x-show="!status"
:component="WireUi::component('icon')"
name="eye-off"
class="w-5 h-5"
/>
<x-dynamic-component
x-show="status"
:component="WireUi::component('icon')"
name="eye"
class="w-5 h-5"
/>
</div>
</div>
</x-slot>
</x-dynamic-component>
</div>