@globalbrain/sefirot 4.19.1 → 4.21.0

package/lib/components/SActionListItem.vue

@@ -25,9 +25,9 @@ const _tooltip = computed<Tooltip | undefined>(() => {
       size="small"
       type="text"
       :icon="leadIcon"
-      :label="label"
+      :label
       :href="link"
-      :disabled="disabled"
+      :disabled
       :tooltip="_tooltip"
       @click="onClick"
     />

package/lib/components/SActionMenu.vue

@@ -43,21 +43,21 @@ async function onOpen() {
   <div class="SActionMenu" :class="[block]" ref="container">
     <div class="button">
       <SButton
-        :tag="tag"
-        :size="size"
-        :type="type"
-        :mode="mode"
-        :icon="icon"
-        :lead-icon="leadIcon"
-        :trail-icon="trailIcon"
-        :icon-mode="iconMode"
-        :label="label"
-        :label-mode="labelMode"
-        :rounded="rounded"
-        :block="block"
-        :loading="loading"
-        :disabled="disabled"
-        :tooltip="tooltip"
+        :tag
+        :size
+        :type
+        :mode
+        :icon
+        :lead-icon
+        :trail-icon
+        :icon-mode
+        :label
+        :label-mode
+        :rounded
+        :block
+        :loading
+        :disabled
+        :tooltip
         @click="onOpen"
       />
     </div>

package/lib/components/SAvatarStack.vue

@@ -29,10 +29,10 @@ const count = computed(() => {
     <SAvatar
       v-for="(avatar, index) in avatars"
       :key="index"
-      :size="size"
+      :size
       :avatar="avatar.image"
       :name="avatar.name"
-      :tooltip="tooltip"
+      :tooltip
     />
     <div v-if="count" class="more">+{{ count }}</div>
   </div>

package/lib/components/SButton.vue

@@ -108,7 +108,7 @@ function handleClick(): void {
       :is="computedTag"
       class="SButton"
       :class="classes"
-      :href="href"
+      :href
       role="button"
       @click="handleClick"
     >

package/lib/components/SControlActionBarButton.vue

@@ -24,12 +24,12 @@ const size = useControlSize()
       :tag="as"
       type="text"
       mode="mute"
-      :size="size"
-      :icon="icon"
-      :href="href"
+      :size
+      :icon
+      :href
       block
-      :disabled="disabled"
-      :tooltip="tooltip"
+      :disabled
+      :tooltip
       @click="$emit('click')"
     />
   </div>

package/lib/components/SControlActionBarClose.vue

@@ -14,7 +14,7 @@ defineEmits<{
 <template>
   <div class="SControlActionBarClose">
     <SControlActionBarButton
-      :as="as"
+      :as
       :icon="IconX"
       @click="$emit('click')"
     />

package/lib/components/SControlActionBarCollapse.vue

@@ -30,8 +30,8 @@ const icon = computed(() => {
 <template>
   <div class="SControlActionBarCollapse" ref="el">
     <SControlActionBarButton
-      :as="as"
-      :icon="icon"
+      :as
+      :icon
       @click="toggleCollapse"
     />
   </div>

package/lib/components/SControlActionMenu.vue

@@ -27,22 +27,22 @@ const size = useControlSize()
 <template>
   <div class="SControlActionMenu">
     <SActionMenu
-      :tag="tag"
-      :size="size"
-      :type="type"
-      :mode="mode"
-      :icon="icon"
-      :lead-icon="leadIcon"
-      :trail-icon="trailIcon"
-      :icon-mode="iconMode"
-      :label="label"
-      :label-mode="labelMode"
-      :href="href"
-      :tooltip="tooltip"
-      :options="options"
+      :tag
+      :size
+      :type
+      :mode
+      :icon
+      :lead-icon
+      :trail-icon
+      :icon-mode
+      :label
+      :label-mode
+      :href
+      :tooltip
+      :options
       block
-      :loading="loading"
-      :disabled="disabled"
+      :loading
+      :disabled
     />
   </div>
 </template>

package/lib/components/SControlButton.vue

@@ -29,21 +29,21 @@ const size = useControlSize()
 <template>
   <div class="SControlButton">
     <SButton
-      :tag="tag"
-      :size="size"
-      :type="type"
-      :mode="mode"
-      :icon="icon"
-      :lead-icon="leadIcon"
-      :trail-icon="trailIcon"
-      :icon-mode="iconMode"
-      :label="label"
-      :label-mode="labelMode"
-      :href="href"
-      :tooltip="tooltip"
+      :tag
+      :size
+      :type
+      :mode
+      :icon
+      :lead-icon
+      :trail-icon
+      :icon-mode
+      :label
+      :label-mode
+      :href
+      :tooltip
       block
-      :loading="loading"
-      :disabled="disabled"
+      :loading
+      :disabled
       @click="$emit('click')"
     />
   </div>

package/lib/components/SControlInputSearch.vue

@@ -50,7 +50,7 @@ const _value = computed(() => {
       :placeholder="placeholder ?? t.placeholder"
       :unit-before="IconMagnifyingGlass"
       :model-value="_value"
-      :validation="validation"
+      :validation
       hide-error
       @update:model-value="$emit('update:model-value', $event)"
       @input="$emit('input', $event)"

package/lib/components/SControlPagination.vue

@@ -4,6 +4,7 @@ import SPagination, { type Size } from './SPagination.vue'
 
 defineProps<{
   size?: Size
+  disabled?: boolean
   total: number
   page: number
   perPage: number
@@ -21,11 +22,12 @@ const position = useControlPosition()
 <template>
   <div class="SControlPagination">
     <SPagination
-      :size="size"
+      :size
+      :disabled
       :align="position"
-      :total="total"
-      :page="page"
-      :per-page="perPage"
+      :total
+      :page
+      :per-page
       @prev="$emit('prev')"
       @next="$emit('next')"
     />

package/lib/components/SDesc.vue

@@ -20,8 +20,8 @@ provide('sefirot-desc-label-width', () => props.labelWidth)
   <SGrid
     class="SDesc"
     :class="[dir, { divider }]"
-    :cols="cols"
-    :gap="gap"
+    :cols
+    :gap
   >
     <slot />
   </SGrid>

package/lib/components/SDescItem.vue

@@ -17,7 +17,7 @@ const labelWidth = computed(() => {
 </script>
 
 <template>
-  <SGridItem class="SDescItem" :span="span">
+  <SGridItem class="SDescItem" :span>
     <slot />
   </SGridItem>
 </template>

package/lib/components/SDropdown.vue

@@ -11,7 +11,7 @@ defineProps<{
   <div class="SDropdown">
     <div class="container">
       <div v-for="(section, index) in sections" :key="index" class="section">
-        <SDropdownSection :section="section" />
+        <SDropdownSection :section />
       </div>
     </div>
   </div>

package/lib/components/SDropdownSectionFilter.vue

@@ -92,7 +92,7 @@ function handleClick(option: DropdownSectionFilterOption, value: any) {
             <span class="radio-dot" />
           </span>
           <span class="option-item">
-            <SDropdownSectionFilterItem :option="option" />
+            <SDropdownSectionFilterItem :option />
           </span>
         </button>
       </li>

package/lib/components/SErrorBoundary.vue

@@ -28,6 +28,6 @@ async function clearError(options: { redirect?: string } = {}) {
 </script>
 
 <template>
-  <slot v-if="error != null" name="error" :error="error" :clear-error="clearError" />
+  <slot v-if="error != null" name="error" :error :clear-error />
   <slot v-else />
 </template>

package/lib/components/SFragment.vue

@@ -5,7 +5,7 @@ defineOptions({ inheritAttrs: false })
 </script>
 
 <template>
-  <component v-if="is" :is="is" v-bind="$attrs">
+  <component v-if="is" :is v-bind="$attrs">
     <template v-for="(_, slot) of $slots" #[slot]="scope">
       <slot :name="slot" v-bind="scope" />
     </template>

package/lib/components/SInputCheckbox.vue

@@ -60,14 +60,14 @@ function onClick() {
   <SInputBase
     class="SInputCheckbox"
     :class="classes"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :validation="validation"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :validation
   >
     <div class="container">
       <div

package/lib/components/SInputCheckboxes.vue

@@ -69,14 +69,14 @@ function handleChange(value: Value): void {
   <SInputBase
     class="SInputCheckboxes"
     :class="[size ?? 'small']"
-    :name="name"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
+    :name
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
   >
     <div class="container">
       <div class="row">

package/lib/components/SInputDate.vue

@@ -54,16 +54,16 @@ function emitBlur() {
   <SInputBase
     class="SInputDate"
     :class="classes"
-    :name="name"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :hide-error="hideError"
-    :validation="validation"
+    :name
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :hide-error
+    :validation
   >
     <div class="container">
       <DatePicker
@@ -84,7 +84,7 @@ function emitBlur() {
           placeholder="YYYY-MM-DD"
           autocomplete="off"
           :value="inputValue"
-          :disabled="disabled"
+          :disabled
           v-on="disabled ? {} : inputEvents"
           @blur="emitBlur"
         >

package/lib/components/SInputDropdown.vue

@@ -143,14 +143,14 @@ function handleArray(value: OptionValue) {
   <SInputBase
     class="SInputDropdown"
     :class="classes"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :validation="validation"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :validation
   >
     <div class="container" ref="container">
       <div
@@ -167,7 +167,7 @@ function handleArray(value: OptionValue) {
             v-if="hasSelected"
             :item="selected!"
             :size="size ?? 'small'"
-            :removable="removable"
+            :removable
             :disabled="disabled ?? false"
             @remove="handleSelect"
           />

package/lib/components/SInputFile.vue

@@ -65,22 +65,22 @@ function onChange(e: Event) {
   <SInputBase
     class="SInputFile"
     :class="classes"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :validation="validation"
-    :hide-error="hideError"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :validation
+    :hide-error
   >
     <input
       ref="input"
       class="input"
       type="file"
-      :accept="accept"
-      :multiple="multiple"
+      :accept
+      :multiple
       @change="onChange"
     >
 

package/lib/components/SInputFileUpload.vue

@@ -158,22 +158,22 @@ function toFileObjects(files: File[]) {
   <SInputBase
     class="SInputFileUpload"
     :class="classes"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :validation="validation"
-    :hide-error="hideError"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :validation
+    :hide-error
   >
     <template #default="{ hasError }">
       <input
         ref="input"
         class="input"
         type="file"
-        :accept="accept"
+        :accept
         multiple
         @change="onChange"
       >
@@ -213,8 +213,8 @@ function toFileObjects(files: File[]) {
           <SInputFileUploadItem
             v-for="file, i in _value"
             :key="i"
-            :file="file"
-            :rules="rules"
+            :file
+            :rules
             @remove="() => { onRemove(i) }"
           />
         </template>

package/lib/components/SInputHMS.vue

@@ -144,15 +144,15 @@ function createRequiredTouched(): boolean[] {
   <SInputBase
     class="SInputHMS"
     :class="[size ?? 'small', { disabled }]"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :hide-error="hideError"
-    :validation="validation"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :hide-error
+    :validation
   >
     <div class="container" :class="{ focus: isFocused }">
       <input
@@ -161,7 +161,7 @@ function createRequiredTouched(): boolean[] {
         :value="_value?.hour"
         :placeholder="padPlaceholder.hour"
         :maxlength="2"
-        :disabled="disabled"
+        :disabled
         @focus="onFocus"
         @blur="updateHour"
       >
@@ -172,7 +172,7 @@ function createRequiredTouched(): boolean[] {
         :value="_value?.minute"
         :placeholder="padPlaceholder.minute"
         :maxlength="2"
-        :disabled="disabled"
+        :disabled
         @focus="onFocus"
         @blur="updateMinute"
       >
@@ -183,7 +183,7 @@ function createRequiredTouched(): boolean[] {
         :value="_value?.second"
         :placeholder="padPlaceholder.second"
         :maxlength="2"
-        :disabled="disabled"
+        :disabled
         @focus="onFocus"
         @blur="updateSecond"
       >

package/lib/components/SInputImage.vue

@@ -81,21 +81,21 @@ function onFileDelete() {
   <SInputBase
     class="SInputImage"
     :class="[size]"
-    :label="label"
-    :note="note"
-    :info="info"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :hide-error="hideError"
-    :validation="validation"
+    :label
+    :note
+    :info
+    :check-icon
+    :check-text
+    :check-color
+    :hide-error
+    :validation
   >
     <template #default>
       <input
         ref="fileInput"
         class="file-input"
         type="file"
-        :accept="accept"
+        :accept
         @change="onFileSelect"
       >
 
@@ -115,7 +115,7 @@ function onFileDelete() {
             <SButton
               size="small"
               :label="selectText"
-              :disabled="disabled"
+              :disabled
               @click="openFileSelect"
             />
             <SButton
@@ -123,7 +123,7 @@ function onFileDelete() {
               size="small"
               mode="danger"
               :label="removeText"
-              :disabled="disabled"
+              :disabled
               @click="onFileDelete"
             />
           </div>

package/lib/components/SInputNumber.vue

@@ -75,28 +75,28 @@ function emitUpdate(value: string | null) {
 <template>
   <SInputText
     class="SInputNumber"
-    :size="size"
-    :name="name"
+    :size
+    :name
     type="number"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :placeholder="placeholder"
-    :unit-before="unitBefore"
-    :unit-after="unitAfter"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
+    :label
+    :note
+    :info
+    :help
+    :placeholder
+    :unit-before
+    :unit-after
+    :check-icon
+    :check-text
+    :check-color
     :text-color="_textColor"
-    :align="align"
-    :disabled="disabled"
-    :display-value="displayValue"
+    :align
+    :disabled
+    :display-value
     :model-value="_value == null ? null : String(_value)"
-    :validation="validation"
-    :warning="warning"
-    :hide-error="hideError"
-    :hide-warning="hideWarning"
+    :validation
+    :warning
+    :hide-error
+    :hide-warning
     @update:model-value="emitUpdate"
     @input="emitUpdate"
   >

package/lib/components/SInputRadio.vue

@@ -45,15 +45,15 @@ function onClick() {
   <SInputBase
     class="SInputRadio"
     :class="classes"
-    :label="label"
-    :note="note"
-    :info="info"
-    :help="help"
-    :check-icon="checkIcon"
-    :check-text="checkText"
-    :check-color="checkColor"
-    :validation="validation"
-    :hide-error="hideError"
+    :label
+    :note
+    :info
+    :help
+    :check-icon
+    :check-text
+    :check-color
+    :validation
+    :hide-error
   >
     <div class="container">
       <div