vueless 0.0.305 → 0.0.307

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.305",
+  "version": "0.0.307",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.container-accordion/configs/default.config.js

@@ -27,8 +27,9 @@ export default /*tw*/ {
   toggleIcon: "{UIcon}",
   divider: "{UDivider} group-last:hidden",
   defaults: {
+    size: "md",
+    /* icons */
     expandIcon: "add",
     collapseIcon: "remove",
-    size: "md",
   },
 };

package/ui.container-modal/configs/default.config.js

@@ -54,8 +54,6 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    backLinkIcon: "arrow_back",
-    closeIcon: "close",
     width: "sm",
     inner: false,
     closeButton: true,
@@ -64,5 +62,8 @@ export default /*tw*/ {
     noDivider: false,
     mobileBottomAlign: false,
     mobileFooterReverse: false,
+    /* icons */
+    backIcon: "arrow_back",
+    closeIcon: "close",
   },
 };

package/ui.container-modal/index.vue

@@ -35,7 +35,7 @@
                       internal
                       size="xs"
                       color="gray"
-                      :name="config.defaults.backLinkIcon"
+                      :name="config.defaults.backIcon"
                       v-bind="backLinkIconAttrs"
                     />
                     {{ backRoute.title }}

package/ui.container-page/configs/default.config.js

@@ -61,11 +61,12 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    backLinkIcon: "arrow_back",
     titleSize: "lg",
     width: "wide",
     gray: false,
     fixedRounding: false,
     mobileFooterReverse: false,
+    /* icons */
+    backIcon: "arrow_back",
   },
 };

package/ui.container-page/index.vue

@@ -26,7 +26,7 @@
                     internal
                     size="xs"
                     color="gray"
-                    :name="config.defaults.backLinkIcon"
+                    :name="config.defaults.backIcon"
                     v-bind="backLinkIconAttrs"
                   />
                 </template>

package/ui.data-list/configs/default.config.js

@@ -38,14 +38,15 @@ export default /*tw*/ {
     emptyDescription: "There is no data in the list.",
   },
   defaults: {
-    dragIcon: "drag_indicator",
-    deleteIcon: "delete",
-    editIcon: "edit_note",
     size: "md",
     labelKey: "label",
     valueKey: "id",
     animationDuration: 200,
     nesting: false,
     upperlined: false,
+    /* icons */
+    dragIcon: "drag_indicator",
+    deleteIcon: "delete",
+    editIcon: "edit_note",
   },
 };

package/ui.data-table/configs/default.config.js

@@ -94,12 +94,13 @@ export default /*tw*/ {
     noData: "There is no data in the table.",
   },
   defaults: {
-    bodyCellNestedExpandIcon: "add",
-    bodyCellNestedCollapseIcon: "remove",
     nesting: false,
     compact: false,
     selectable: false,
     stickyHeader: false,
     stickyFooter: false,
+    /* icons */
+    expandIcon: "add",
+    collapseIcon: "remove",
   },
 };

package/ui.data-table/index.vue

@@ -431,6 +431,12 @@ const sortedRows = computed(() => {
       const [key] = entry;
       const headerIndex = headerKeys.indexOf(key);
 
+      if (!~headerIndex) {
+        sortedEntries.push(entry);
+
+        return;
+      }
+
       sortedEntries[headerIndex] = entry;
     });
 

package/ui.dropdown-badge/configs/default.config.js

@@ -27,7 +27,6 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    dropdownIcon: "keyboard_arrow_down",
     color: "brand",
     size: "md",
     weight: "medium",
@@ -37,5 +36,7 @@ export default /*tw*/ {
     listYPosition: "bottom",
     listXPosition: "left",
     noIcon: false,
+    /* icons */
+    dropdownIcon: "keyboard_arrow_down",
   },
 };

package/ui.dropdown-link/configs/default.config.js

@@ -18,7 +18,6 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    dropdownIcon: "keyboard_arrow_down",
     color: "brand",
     size: "md",
     labelKey: "label",
@@ -30,5 +29,7 @@ export default /*tw*/ {
     noRing: true,
     noIcon: false,
     disabled: false,
+    /* icons */
+    dropdownIcon: "keyboard_arrow_down",
   },
 };

package/ui.dropdown-list/configs/default.config.js

@@ -64,10 +64,11 @@ export default /*tw*/ {
     size: "md",
     labelKey: "label",
     valueKey: "id",
-    addOptionIcon: "add",
     optionHeight: 40,
     visibleOptions: undefined,
     disabled: false,
     addOption: false,
+    /* icons */
+    addOptionIcon: "add",
   },
 };

package/ui.form-calendar/configs/default.config.js

@@ -119,14 +119,15 @@ export default /*tw*/ {
     okLabel: "Ok",
   },
   defaults: {
-    viewSwitchIcon: "keyboard_arrow_down",
-    nextIcon: "keyboard_arrow_right",
-    prevIcon: "keyboard_arrow_left",
     userFormat: "j F, Y",
     range: false,
     timepicker: false,
     dateFormat: undefined,
     maxDate: undefined,
     minDate: undefined,
+    /* icons */
+    viewSwitchIcon: "keyboard_arrow_down",
+    nextIcon: "keyboard_arrow_right",
+    prevIcon: "keyboard_arrow_left",
   },
 };

package/ui.form-checkbox/configs/default.config.js

@@ -42,13 +42,14 @@ export default /*tw*/ {
   },
   checkedIcon: "{UIcon}",
   defaults: {
-    partiallyCheckedIcon: "remove",
-    checkedIcon: "check",
     color: "brand",
     size: "md",
     labelAlign: "right",
     partial: false,
     disabled: false,
+    /* icons */
+    partiallyCheckedIcon: "remove",
+    checkedIcon: "check",
   },
   safelist: (colors) => [
     { pattern: `bg-(${colors})-600` },

package/ui.form-color-picker/configs/default.config.js

@@ -24,7 +24,6 @@ export default /*tw*/ {
     `,
   },
   defaults: {
-    unselectedIcon: "close",
     size: "md",
     name: "colorPicker",
     disabled: false,
@@ -47,6 +46,8 @@ export default /*tw*/ {
       "pink",
       "rose",
     ],
+    /* icons */
+    unselectedIcon: "close",
   },
   safelist: (colors) => [
     { pattern: `bg-(${colors})-400`, variants: ["disabled"] },

package/ui.form-date-picker-range/configs/default.config.js

@@ -156,9 +156,6 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    nextIcon: "keyboard_arrow_right",
-    prevIcon: "keyboard_arrow_left",
-    periodButtonIcon: "apps",
     size: "md",
     variant: "button",
     openDirectionX: "auto",
@@ -168,5 +165,9 @@ export default /*tw*/ {
     dateFormat: undefined,
     maxDate: undefined,
     minDate: undefined,
+    /* icons */
+    nextIcon: "keyboard_arrow_right",
+    prevIcon: "keyboard_arrow_left",
+    ownRangeIcon: "apps",
   },
 };

package/ui.form-date-picker-range/index.vue

@@ -126,7 +126,7 @@
             size="xs"
             variant="thirdary"
             :label="locale.ownRange"
-            :left-icon="config.defaults.periodButtonIcon"
+            :left-icon="config.defaults.ownRangeIcon"
             v-bind="periodButtonAttrs(getPeriodButtonsClasses(PERIOD.ownRange))"
             @click="onClickOwnRange"
           />

package/ui.form-input/configs/default.config.js

@@ -53,8 +53,6 @@ export default /*tw*/ {
     ],
   },
   defaults: {
-    passwordVisibleIcon: "visibility-fill",
-    passwordHiddenIcon: "visibility_off-fill",
     size: "md",
     type: "text",
     inputmode: "text",
@@ -63,5 +61,8 @@ export default /*tw*/ {
     readonly: false,
     disabled: false,
     noAutocomplete: false,
+    /* icons */
+    passwordVisibleIcon: "visibility-fill",
+    passwordHiddenIcon: "visibility_off-fill",
   },
 };

package/ui.form-input-file/configs/default.config.js

@@ -69,14 +69,15 @@ export default /*tw*/ {
     uploadFile: "Choose file",
   },
   defaults: {
-    chooseFileIcon: "attach_file",
-    clearIcon: "close",
-    removeItemIcon: "close",
     size: "md",
     labelAlign: "topInside",
     allowedFileTypes: [],
     maxFileSize: 0,
     multiple: false,
     disabled: false,
+    /* icons */
+    chooseFileIcon: "attach_file",
+    clearIcon: "close",
+    removeItemIcon: "close",
   },
 };

package/ui.form-input-number/configs/default.config.js

@@ -26,8 +26,9 @@ export default /*tw*/ {
     },
   },
   defaults: {
+    size: "md",
+    /* icons */
     removeIcon: "remove",
     addIcon: "add",
-    size: "md",
   },
 };

package/ui.form-input-rating/configs/default.config.js

@@ -31,12 +31,13 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    selectedIcon: "star-fill",
-    unselectedIcon: "star",
     labelAlign: "top",
     size: "md",
     stars: 5,
     counter: false,
     selectable: false,
+    /* icons */
+    selectedIcon: "star-fill",
+    unselectedIcon: "star",
   },
 };

package/ui.form-input-search/configs/default.config.js

@@ -4,13 +4,14 @@ export default /*tw*/ {
   searchIcon: "{UIcon}",
   button: "{UButton} rounded-l-none ml-1 outline outline-1 outline-gray-900",
   defaults: {
-    clearIcon: "close",
-    searchIcon: "search",
     size: "md",
     labelAlign: "topInside",
     debounce: 300,
     disabled: false,
     readonly: false,
     searchButton: false,
+    /* icons */
+    clearIcon: "close",
+    searchIcon: "search",
   },
 };

package/ui.form-select/configs/default.config.js

@@ -112,9 +112,6 @@ export default /*tw*/ {
     addMore: "Add more...",
   },
   defaults: {
-    toggleIcon: "expand_more",
-    clearIcon: "close_small",
-    clearMultipleIcon: "close_small",
     size: "md",
     labelAlign: "topInside",
     openDirection: "auto",
@@ -127,5 +124,9 @@ export default /*tw*/ {
     searchable: true,
     noClear: false,
     addOption: false,
+    /* icons */
+    dropdownIcon: "expand_more",
+    clearIcon: "close_small",
+    clearMultipleIcon: "close_small",
   },
 };

package/ui.form-select/index.vue

@@ -71,7 +71,7 @@
         -->
         <slot
           name="toggle"
-          :icon-name="config.defaults.toggleIcon"
+          :icon-name="config.defaults.dropdownIcon"
           :icon-size="iconSize"
           :opened="isOpen"
         >
@@ -80,7 +80,7 @@
             interactive
             color="gray"
             :size="iconSize"
-            :name="config.defaults.toggleIcon"
+            :name="config.defaults.dropdownIcon"
             v-bind="toggleIconAttrs"
             :tabindex="-1"
           />

package/ui.form-switch/configs/default.config.js

@@ -57,14 +57,15 @@ export default /*tw*/ {
     active: "On",
   },
   defaults: {
-    enabledIcon: "check",
-    disabledIcon: "close",
     color: "brand",
     size: "md",
     labelAlign: "right",
     disabled: false,
     toggleIcon: false,
     toggleLabel: false,
+    /* icons */
+    onIcon: "check",
+    offIcon: "close",
   },
   safelist: (colors) => [
     { pattern: `ring-(${colors})-700` },

package/ui.form-switch/index.vue

@@ -25,7 +25,7 @@
         <UIcon
           v-if="toggleIcon"
           internal
-          :name="checkedValue ? config.defaults.enabledIcon : config.defaults.disabledIcon"
+          :name="checkedValue ? config.defaults.onIcon : config.defaults.offIcon"
           :color="iconColor"
           :size="iconSize"
           v-bind="toggleIconAttrs"

package/ui.image-avatar/configs/default.config.js

@@ -38,8 +38,9 @@ export default /*tw*/ {
     color: "grayscale",
     rounded: "md",
     size: "md",
-    placeholderIcon: "image",
     bordered: false,
+    /* icons */
+    placeholderIcon: "image",
   },
   safelist: (colors) => [
     { pattern: `bg-(${colors})-100` },

package/ui.text-alert/configs/default.config.js

@@ -45,13 +45,14 @@ export default /*tw*/ {
   closeButton: "{UButton}",
   closeIcon: "{UIcon}",
   defaults: {
-    closeIcon: "close",
     variant: "primary",
     color: "brand",
     size: "md",
     timeout: 0,
     bordered: false,
     closable: false,
+    /* icons */
+    closeIcon: "close",
   },
   safelist: (colors) => [
     { pattern: `bg-(${colors})-50` },

package/ui.text-empty/configs/default.config.js

@@ -35,6 +35,7 @@ export default /*tw*/ {
   },
   defaults: {
     size: "md",
+    /* icons */
     emptyIcon: "emoji_food_beverage",
   },
 };

package/ui.text-file/configs/default.config.js

@@ -26,7 +26,8 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    fileIcon: "description",
     size: "md",
+    /* icons */
+    fileIcon: "description",
   },
 };

package/ui.text-notify/configs/default.config.js

@@ -42,11 +42,12 @@ export default /*tw*/ {
     },
   },
   defaults: {
+    xPosition: "center",
+    yPosition: "top",
+    /* icons */
     successIcon: "check_circle",
     warningIcon: "warning",
     errorIcon: "error",
     closeIcon: "close",
-    xPosition: "center",
-    yPosition: "top",
   },
 };

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.305",
+  "version": "0.0.307",
   "contributions": {
     "html": {
       "description-markup": "markdown",