154 lines
13 KiB
PHP
Executable File
154 lines
13 KiB
PHP
Executable File
<?php
|
|
if (!function_exists('__98731c7ff116f3bf4e1c1c541d94dec6')):
|
|
function __98731c7ff116f3bf4e1c1c541d94dec6($__blaze, $__data = [], $__slots = [], $__bound = [], $__keys = [], $__this = null) {
|
|
$__env = $__blaze->env;
|
|
$__slots['slot'] ??= new \Illuminate\View\ComponentSlot('');
|
|
if (($__data['attributes'] ?? null) instanceof \Illuminate\View\ComponentAttributeBag) { $__data = $__data + $__data['attributes']->all(); unset($__data['attributes']); }
|
|
extract($__slots, EXTR_SKIP); unset($__slots);
|
|
extract($__data, EXTR_SKIP);
|
|
$attributes = \Livewire\Blaze\Runtime\BlazeAttributeBag::make($__data, $__bound, $__keys);
|
|
unset($__data, $__bound, $__keys);
|
|
ob_start();
|
|
?>
|
|
|
|
|
|
<?php $iconTrailing ??= $attributes->pluck('icon:trailing'); ?>
|
|
<?php $iconVariant ??= $attributes->pluck('icon:variant'); ?>
|
|
|
|
<?php
|
|
$__defaults = [
|
|
'iconVariant' => 'micro',
|
|
'iconTrailing' => null,
|
|
'variant' => null,
|
|
'rounded' => null,
|
|
'color' => null,
|
|
'inset' => null,
|
|
'size' => null,
|
|
'icon' => null,
|
|
'label' => null,
|
|
];
|
|
$iconVariant ??= $attributes['icon-variant'] ?? $attributes['iconVariant'] ?? $__defaults['iconVariant']; unset($attributes['iconVariant'], $attributes['icon-variant']);
|
|
$iconTrailing ??= $attributes['icon-trailing'] ?? $attributes['iconTrailing'] ?? $__defaults['iconTrailing']; unset($attributes['iconTrailing'], $attributes['icon-trailing']);
|
|
$variant ??= $attributes['variant'] ?? $__defaults['variant']; unset($attributes['variant']);
|
|
$rounded ??= $attributes['rounded'] ?? $__defaults['rounded']; unset($attributes['rounded']);
|
|
$color ??= $attributes['color'] ?? $__defaults['color']; unset($attributes['color']);
|
|
$inset ??= $attributes['inset'] ?? $__defaults['inset']; unset($attributes['inset']);
|
|
$size ??= $attributes['size'] ?? $__defaults['size']; unset($attributes['size']);
|
|
$icon ??= $attributes['icon'] ?? $__defaults['icon']; unset($attributes['icon']);
|
|
$label ??= $attributes['label'] ?? $__defaults['label']; unset($attributes['label']);
|
|
unset($__defaults);
|
|
?>
|
|
|
|
<?php
|
|
// Backwards compatibility for 'pill' variant...
|
|
if ($variant === 'pill') {
|
|
$rounded = true;
|
|
$variant = null;
|
|
}
|
|
|
|
$insetClasses = Flux::applyInset($inset, top: '-mt-1', right: '-me-2', bottom: '-mb-1', left: '-ms-2');
|
|
|
|
// When using the outline icon variant, we need to size it down to match the default icon sizes...
|
|
$iconClasses = Flux::classes()
|
|
->add($size === 'sm' ? 'size-3' : ($iconVariant === 'outline' ? 'size-4' : ''));
|
|
|
|
$classes = Flux::classes()
|
|
->add('inline-flex items-center font-medium whitespace-nowrap')
|
|
->add($insetClasses)
|
|
->add('[print-color-adjust:exact]')
|
|
->add(match ($size) {
|
|
'lg' => 'text-sm py-1.5 **:data-flux-badge-icon:me-2',
|
|
default => 'text-sm py-1 **:data-flux-badge-icon:me-1.5',
|
|
'sm' => 'text-xs py-1 **:data-flux-badge-icon:me-1',
|
|
})
|
|
->add(match ($rounded) {
|
|
true => 'rounded-full px-3',
|
|
default => 'rounded-md px-2',
|
|
})
|
|
/**
|
|
* We can't compile classes for each color because of variants color to color and Tailwind's JIT compiler.
|
|
* We instead need to write out each one by hand. Sorry...
|
|
*/
|
|
->add($variant === 'solid' ? match ($color) {
|
|
default => 'text-white dark:text-white bg-zinc-600 dark:bg-zinc-600 [&:is(button)]:hover:bg-zinc-700 dark:[button]:hover:bg-zinc-500',
|
|
'red' => 'text-white dark:text-white bg-red-500 dark:bg-red-600 [&:is(button)]:hover:bg-red-600 dark:[button]:hover:bg-red-500',
|
|
'orange' => 'text-white dark:text-white bg-orange-500 dark:bg-orange-600 [&:is(button)]:hover:bg-orange-600 dark:[button]:hover:bg-orange-500',
|
|
'amber' => 'text-white dark:text-zinc-950 bg-amber-500 dark:bg-amber-500 [&:is(button)]:hover:bg-amber-600 dark:[button]:hover:bg-amber-400',
|
|
'yellow' => 'text-white dark:text-zinc-950 bg-yellow-500 dark:bg-yellow-400 [&:is(button)]:hover:bg-yellow-600 dark:[button]:hover:bg-yellow-300',
|
|
'lime' => 'text-white dark:text-white bg-lime-500 dark:bg-lime-600 [&:is(button)]:hover:bg-lime-600 dark:[button]:hover:bg-lime-500',
|
|
'green' => 'text-white dark:text-white bg-green-500 dark:bg-green-600 [&:is(button)]:hover:bg-green-600 dark:[button]:hover:bg-green-500',
|
|
'emerald' => 'text-white dark:text-white bg-emerald-500 dark:bg-emerald-600 [&:is(button)]:hover:bg-emerald-600 dark:[button]:hover:bg-emerald-500',
|
|
'teal' => 'text-white dark:text-white bg-teal-500 dark:bg-teal-600 [&:is(button)]:hover:bg-teal-600 dark:[button]:hover:bg-teal-500',
|
|
'cyan' => 'text-white dark:text-white bg-cyan-500 dark:bg-cyan-600 [&:is(button)]:hover:bg-cyan-600 dark:[button]:hover:bg-cyan-500',
|
|
'sky' => 'text-white dark:text-white bg-sky-500 dark:bg-sky-600 [&:is(button)]:hover:bg-sky-600 dark:[button]:hover:bg-sky-500',
|
|
'blue' => 'text-white dark:text-white bg-blue-500 dark:bg-blue-600 [&:is(button)]:hover:bg-blue-600 dark:[button]:hover:bg-blue-500',
|
|
'indigo' => 'text-white dark:text-white bg-indigo-500 dark:bg-indigo-600 [&:is(button)]:hover:bg-indigo-600 dark:[button]:hover:bg-indigo-500',
|
|
'violet' => 'text-white dark:text-white bg-violet-500 dark:bg-violet-600 [&:is(button)]:hover:bg-violet-600 dark:[button]:hover:bg-violet-500',
|
|
'purple' => 'text-white dark:text-white bg-purple-500 dark:bg-purple-600 [&:is(button)]:hover:bg-purple-600 dark:[button]:hover:bg-purple-500',
|
|
'fuchsia' => 'text-white dark:text-white bg-fuchsia-500 dark:bg-fuchsia-600 [&:is(button)]:hover:bg-fuchsia-600 dark:[button]:hover:bg-fuchsia-500',
|
|
'pink' => 'text-white dark:text-white bg-pink-500 dark:bg-pink-600 [&:is(button)]:hover:bg-pink-600 dark:[button]:hover:bg-pink-500',
|
|
'rose' => 'text-white dark:text-white bg-rose-500 dark:bg-rose-600 [&:is(button)]:hover:bg-rose-600 dark:[button]:hover:bg-rose-500',
|
|
} : match ($color) {
|
|
default => 'text-zinc-700 [&_button]:text-zinc-700! dark:text-zinc-200 dark:[&_button]:text-zinc-200! bg-zinc-400/15 dark:bg-zinc-400/40 [&:is(button)]:hover:bg-zinc-400/25 dark:[button]:hover:bg-zinc-400/50',
|
|
'red' => 'text-red-700 [&_button]:text-red-700! dark:text-red-200 dark:[&_button]:text-red-200! bg-red-400/20 dark:bg-red-400/40 [&:is(button)]:hover:bg-red-400/30 dark:[button]:hover:bg-red-400/50',
|
|
'orange' => 'text-orange-700 [&_button]:text-orange-700! dark:text-orange-200 dark:[&_button]:text-orange-200! bg-orange-400/20 dark:bg-orange-400/40 [&:is(button)]:hover:bg-orange-400/30 dark:[button]:hover:bg-orange-400/50',
|
|
'amber' => 'text-amber-700 [&_button]:text-amber-700! dark:text-amber-200 dark:[&_button]:text-amber-200! bg-amber-400/25 dark:bg-amber-400/40 [&:is(button)]:hover:bg-amber-400/40 dark:[button]:hover:bg-amber-400/50',
|
|
'yellow' => 'text-yellow-800 [&_button]:text-yellow-800! dark:text-yellow-200 dark:[&_button]:text-yellow-200! bg-yellow-400/25 dark:bg-yellow-400/40 [&:is(button)]:hover:bg-yellow-400/40 dark:[button]:hover:bg-yellow-400/50',
|
|
'lime' => 'text-lime-800 [&_button]:text-lime-800! dark:text-lime-200 dark:[&_button]:text-lime-200! bg-lime-400/25 dark:bg-lime-400/40 [&:is(button)]:hover:bg-lime-400/35 dark:[button]:hover:bg-lime-400/50',
|
|
'green' => 'text-green-800 [&_button]:text-green-800! dark:text-green-200 dark:[&_button]:text-green-200! bg-green-400/20 dark:bg-green-400/40 [&:is(button)]:hover:bg-green-400/30 dark:[button]:hover:bg-green-400/50',
|
|
'emerald' => 'text-emerald-800 [&_button]:text-emerald-800! dark:text-emerald-200 dark:[&_button]:text-emerald-200! bg-emerald-400/20 dark:bg-emerald-400/40 [&:is(button)]:hover:bg-emerald-400/30 dark:[button]:hover:bg-emerald-400/50',
|
|
'teal' => 'text-teal-800 [&_button]:text-teal-800! dark:text-teal-200 dark:[&_button]:text-teal-200! bg-teal-400/20 dark:bg-teal-400/40 [&:is(button)]:hover:bg-teal-400/30 dark:[button]:hover:bg-teal-400/50',
|
|
'cyan' => 'text-cyan-800 [&_button]:text-cyan-800! dark:text-cyan-200 dark:[&_button]:text-cyan-200! bg-cyan-400/20 dark:bg-cyan-400/40 [&:is(button)]:hover:bg-cyan-400/30 dark:[button]:hover:bg-cyan-400/50',
|
|
'sky' => 'text-sky-800 [&_button]:text-sky-800! dark:text-sky-200 dark:[&_button]:text-sky-200! bg-sky-400/20 dark:bg-sky-400/40 [&:is(button)]:hover:bg-sky-400/30 dark:[button]:hover:bg-sky-400/50',
|
|
'blue' => 'text-blue-800 [&_button]:text-blue-800! dark:text-blue-200 dark:[&_button]:text-blue-200! bg-blue-400/20 dark:bg-blue-400/40 [&:is(button)]:hover:bg-blue-400/30 dark:[button]:hover:bg-blue-400/50',
|
|
'indigo' => 'text-indigo-700 [&_button]:text-indigo-700! dark:text-indigo-200 dark:[&_button]:text-indigo-200! bg-indigo-400/20 dark:bg-indigo-400/40 [&:is(button)]:hover:bg-indigo-400/30 dark:[button]:hover:bg-indigo-400/50',
|
|
'violet' => 'text-violet-700 [&_button]:text-violet-700! dark:text-violet-200 dark:[&_button]:text-violet-200! bg-violet-400/20 dark:bg-violet-400/40 [&:is(button)]:hover:bg-violet-400/30 dark:[button]:hover:bg-violet-400/50',
|
|
'purple' => 'text-purple-700 [&_button]:text-purple-700! dark:text-purple-200 dark:[&_button]:text-purple-200! bg-purple-400/20 dark:bg-purple-400/40 [&:is(button)]:hover:bg-purple-400/30 dark:[button]:hover:bg-purple-400/50',
|
|
'fuchsia' => 'text-fuchsia-700 [&_button]:text-fuchsia-700! dark:text-fuchsia-200 dark:[&_button]:text-fuchsia-200! bg-fuchsia-400/20 dark:bg-fuchsia-400/40 [&:is(button)]:hover:bg-fuchsia-400/30 dark:[button]:hover:bg-fuchsia-400/50',
|
|
'pink' => 'text-pink-700 [&_button]:text-pink-700! dark:text-pink-200 dark:[&_button]:text-pink-200! bg-pink-400/20 dark:bg-pink-400/40 [&:is(button)]:hover:bg-pink-400/30 dark:[button]:hover:bg-pink-400/50',
|
|
'rose' => 'text-rose-700 [&_button]:text-rose-700! dark:text-rose-200 dark:[&_button]:text-rose-200! bg-rose-400/20 dark:bg-rose-400/40 [&:is(button)]:hover:bg-rose-400/30 dark:[button]:hover:bg-rose-400/50',
|
|
});
|
|
?>
|
|
|
|
<?php $__blaze->ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/button-or-div.blade.php', $__blaze->compiledPath.'/a4dcf5f20d4e03305f496626b14eb345.php'); ?>
|
|
<?php if (isset($__slotsa4dcf5f20d4e03305f496626b14eb345)) { $__slotsStacka4dcf5f20d4e03305f496626b14eb345[] = $__slotsa4dcf5f20d4e03305f496626b14eb345; } ?>
|
|
<?php if (isset($__attrsa4dcf5f20d4e03305f496626b14eb345)) { $__attrsStacka4dcf5f20d4e03305f496626b14eb345[] = $__attrsa4dcf5f20d4e03305f496626b14eb345; } ?>
|
|
<?php $__attrsa4dcf5f20d4e03305f496626b14eb345 = ['attributes' => $attributes->class($classes),'dataFluxBadge' => true]; ?>
|
|
<?php $__slotsa4dcf5f20d4e03305f496626b14eb345 = []; ?>
|
|
<?php $__blaze->pushData($__attrsa4dcf5f20d4e03305f496626b14eb345); ?>
|
|
<?php ob_start(); ?>
|
|
<?php if (is_string($icon) && $icon !== ''): ?>
|
|
<?php $__blaze->ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/icon/index.blade.php', $__blaze->compiledPath.'/50d7e9e02b0a09ef19c84ebdf6a22b69.php'); ?>
|
|
<?php $__blaze->pushData(['icon' => $icon,'variant' => $iconVariant,'class' => $iconClasses,'dataFluxBadgeIcon' => true]); ?>
|
|
<?php __50d7e9e02b0a09ef19c84ebdf6a22b69($__blaze, ['icon' => $icon,'variant' => $iconVariant,'class' => $iconClasses,'dataFluxBadgeIcon' => true], [], ['icon', 'variant', 'class', 'dataFluxBadgeIcon'], ['dataFluxBadgeIcon' => 'data-flux-badge-icon'], $__this ?? (isset($this) ? $this : null)); ?>
|
|
<?php $__blaze->popData(); ?>
|
|
<?php else: ?>
|
|
<?php echo e($icon); ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
<?php echo e($slot->isEmpty() ? $label : $slot); ?>
|
|
|
|
|
|
<?php if ($iconTrailing): ?>
|
|
<div class="ps-1 flex items-center" data-flux-badge-icon:trailing>
|
|
<?php if (is_string($iconTrailing)): ?>
|
|
<?php $__blaze->ensureRequired('/Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/icon/index.blade.php', $__blaze->compiledPath.'/50d7e9e02b0a09ef19c84ebdf6a22b69.php'); ?>
|
|
<?php $__blaze->pushData(['icon' => $iconTrailing,'variant' => $iconVariant,'class' => $iconClasses]); ?>
|
|
<?php __50d7e9e02b0a09ef19c84ebdf6a22b69($__blaze, ['icon' => $iconTrailing,'variant' => $iconVariant,'class' => $iconClasses], [], ['icon', 'variant', 'class'], [], $__this ?? (isset($this) ? $this : null)); ?>
|
|
<?php $__blaze->popData(); ?>
|
|
<?php else: ?>
|
|
<?php echo e($iconTrailing); ?>
|
|
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php $__slotsa4dcf5f20d4e03305f496626b14eb345['slot'] = new \Illuminate\View\ComponentSlot($__blaze->processPassthroughContent('trim', trim(ob_get_clean())), []); ?>
|
|
<?php $__blaze->pushSlots($__slotsa4dcf5f20d4e03305f496626b14eb345); ?>
|
|
<?php __a4dcf5f20d4e03305f496626b14eb345($__blaze, $__attrsa4dcf5f20d4e03305f496626b14eb345, $__slotsa4dcf5f20d4e03305f496626b14eb345, ['attributes', 'dataFluxBadge'], ['dataFluxBadge' => 'data-flux-badge'], $__this ?? (isset($this) ? $this : null)); ?>
|
|
<?php if (! empty($__slotsStacka4dcf5f20d4e03305f496626b14eb345)) { $__slotsa4dcf5f20d4e03305f496626b14eb345 = array_pop($__slotsStacka4dcf5f20d4e03305f496626b14eb345); } ?>
|
|
<?php if (! empty($__attrsStacka4dcf5f20d4e03305f496626b14eb345)) { $__attrsa4dcf5f20d4e03305f496626b14eb345 = array_pop($__attrsStacka4dcf5f20d4e03305f496626b14eb345); } ?>
|
|
<?php $__blaze->popData(); ?>
|
|
<?php
|
|
echo $__blaze->processPassthroughContent('ltrim', ltrim(ob_get_clean()));
|
|
} endif; ?><?php /**PATH /Users/mag/Sites/WMS/Core/vendor/livewire/flux/src/../stubs/resources/views/flux/badge/index.blade.php ENDPATH**/ ?>
|