73 lines
2.0 KiB
PHP
Executable File
73 lines
2.0 KiB
PHP
Executable File
<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag; ?>
|
|
<?php foreach($attributes->onlyProps([
|
|
'title' => '',
|
|
'isSelected' => false,
|
|
]) as $__key => $__value) {
|
|
$$__key = $$__key ?? $__value;
|
|
} ?>
|
|
<?php $attributes = $attributes->exceptProps([
|
|
'title' => '',
|
|
'isSelected' => false,
|
|
]); ?>
|
|
<?php foreach (array_filter(([
|
|
'title' => '',
|
|
'isSelected' => false,
|
|
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
|
|
$$__key = $$__key ?? $__value;
|
|
} ?>
|
|
<?php $__defined_vars = get_defined_vars(); ?>
|
|
<?php foreach ($attributes as $__key => $__value) {
|
|
if (array_key_exists($__key, $__defined_vars)) unset($$__key);
|
|
} ?>
|
|
<?php unset($__defined_vars); ?>
|
|
|
|
<v-tab-item
|
|
title="<?php echo e($title); ?>"
|
|
is-selected="<?php echo e($isSelected); ?>"
|
|
<?php echo e($attributes->merge(['class' => 'p-4'])); ?>
|
|
|
|
>
|
|
<template v-slot>
|
|
<?php echo e($slot); ?>
|
|
|
|
</template>
|
|
</v-tab-item>
|
|
|
|
<?php if (! $__env->hasRenderedOnce('5a820ce9-c85e-405e-ad3a-860a7d9e06b0')): $__env->markAsRenderedOnce('5a820ce9-c85e-405e-ad3a-860a7d9e06b0');
|
|
$__env->startPush('scripts'); ?>
|
|
<script
|
|
type="text/x-template"
|
|
id="v-tab-item-template"
|
|
>
|
|
<div
|
|
v-if="isActive"
|
|
class="animate-[on-fade_0.5s_ease-in-out]"
|
|
>
|
|
<slot></slot>
|
|
</div>
|
|
</script>
|
|
|
|
<script type="module">
|
|
app.component('v-tab-item', {
|
|
template: '#v-tab-item-template',
|
|
|
|
props: ['title', 'isSelected'],
|
|
|
|
data() {
|
|
return {
|
|
isActive: false
|
|
}
|
|
},
|
|
|
|
mounted() {
|
|
this.isActive = this.isSelected;
|
|
|
|
/**
|
|
* On mounted, pushing element to its parents component.
|
|
*/
|
|
this.$parent.$data.tabs.push(this);
|
|
}
|
|
});
|
|
</script>
|
|
<?php $__env->stopPush(); endif; ?>
|
|
<?php /**PATH /var/www/html/packages/Webkul/Admin/src/Resources/views/components/tabs/item.blade.php ENDPATH**/ ?>
|