vueless 0.0.344 → 0.0.346

package/ui.form-select/storybook/stories.js

@@ -112,11 +112,11 @@ LargeItemList.args = {
 export const Multiple = DefaultTemplate.bind({});
 Multiple.args = { multiple: true, modelValue: [] };
 
-export const openDirection = EnumVariantTemplate.bind({});
-openDirection.args = { enum: "openDirection" };
+export const OpenDirection = EnumVariantTemplate.bind({});
+OpenDirection.args = { enum: "openDirection" };
 
-export const groupValue = GroupValuesTemplate.bind({});
-groupValue.args = {
+export const GroupValue = GroupValuesTemplate.bind({});
+GroupValue.args = {
   modelValue: "",
   modelValueMultiple: [],
   groupValueKey: "libs",
@@ -143,29 +143,29 @@ groupValue.args = {
   ],
 };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error text" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "some error text" };
 
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "some placeholder text" };
+export const Placeholder = DefaultTemplate.bind({});
+Placeholder.args = { placeholder: "some placeholder text" };
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "some description text" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "some description text" };
 
-export const optionsLimit2 = DefaultTemplate.bind({});
-optionsLimit2.args = { optionsLimit: 2 };
+export const OptionsLimit2 = DefaultTemplate.bind({});
+OptionsLimit2.args = { optionsLimit: 2 };
 
-export const noClear = DefaultTemplate.bind({});
-noClear.args = { noClear: true };
+export const NoClear = DefaultTemplate.bind({});
+NoClear.args = { noClear: true };
 
-export const addOption = DefaultTemplate.bind({});
-addOption.args = { addOption: true };
+export const AddOption = DefaultTemplate.bind({});
+AddOption.args = { addOption: true };
 
-export const optionIsHidden = DefaultTemplate.bind({});
-optionIsHidden.args = {
+export const OptionIsHidden = DefaultTemplate.bind({});
+OptionIsHidden.args = {
   options: [
     { id: 1, label: "value 1", isHidden: true },
     { id: 2, label: "value 2" },
@@ -174,15 +174,11 @@ optionIsHidden.args = {
   ],
 };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = {
-  enum: "size",
-  multiple: true,
-  multipleModelValue: [],
-};
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size", multiple: true, multipleModelValue: [] };
 
-export const slotToggle = DefaultTemplate.bind({});
-slotToggle.args = {
+export const SlotToggle = DefaultTemplate.bind({});
+SlotToggle.args = {
   slotTemplate: `
     <template #toggle="{ opened }">
       <UIcon
@@ -193,8 +189,8 @@ slotToggle.args = {
   `,
 };
 
-export const slotClear = DefaultTemplate.bind({});
-slotClear.args = {
+export const SlotClear = DefaultTemplate.bind({});
+SlotClear.args = {
   slotTemplate: `
     <template #clear>
       <ULink label="Close" />
@@ -202,8 +198,8 @@ slotClear.args = {
   `,
 };
 
-export const slotClearMultiple = DefaultTemplate.bind({});
-slotClearMultiple.args = {
+export const SlotClearMultiple = DefaultTemplate.bind({});
+SlotClearMultiple.args = {
   multiple: true,
   modelValue: [],
   slotTemplate: `
@@ -213,8 +209,8 @@ slotClearMultiple.args = {
   `,
 };
 
-export const slotSelectedValueLabel = DefaultTemplate.bind({});
-slotSelectedValueLabel.args = {
+export const SlotSelectedValueLabel = DefaultTemplate.bind({});
+SlotSelectedValueLabel.args = {
   slotTemplate: `
     <template #selected-label>
       🤘🤘🤘
@@ -222,8 +218,8 @@ slotSelectedValueLabel.args = {
   `,
 };
 
-export const slotSelectedValueLabelAfter = DefaultTemplate.bind({});
-slotSelectedValueLabelAfter.args = {
+export const SlotSelectedValueLabelAfter = DefaultTemplate.bind({});
+SlotSelectedValueLabelAfter.args = {
   slotTemplate: `
     <template #selected-label-after>
       🤘🤘🤘
@@ -231,8 +227,8 @@ slotSelectedValueLabelAfter.args = {
   `,
 };
 
-export const slotOption = DefaultTemplate.bind({});
-slotOption.args = {
+export const SlotOption = DefaultTemplate.bind({});
+SlotOption.args = {
   slotTemplate: `
     <template #option>
       🤘🤘🤘
@@ -240,8 +236,8 @@ slotOption.args = {
   `,
 };
 
-export const slotAfterCaret = DefaultTemplate.bind({});
-slotAfterCaret.args = {
+export const SlotAfterCaret = DefaultTemplate.bind({});
+SlotAfterCaret.args = {
   slotTemplate: `
     <template #after-caret="{ scopeProps }">
       <UBadge
@@ -256,8 +252,8 @@ slotAfterCaret.args = {
   `,
 };
 
-export const slotBeforeCaret = DefaultTemplate.bind({});
-slotBeforeCaret.args = {
+export const SlotBeforeCaret = DefaultTemplate.bind({});
+SlotBeforeCaret.args = {
   slotTemplate: `
     <template #before-caret>
       🤘
@@ -265,8 +261,8 @@ slotBeforeCaret.args = {
   `,
 };
 
-export const slotBeforeOption = DefaultTemplate.bind({});
-slotBeforeOption.args = {
+export const SlotBeforeOption = DefaultTemplate.bind({});
+SlotBeforeOption.args = {
   slotTemplate: `
     <template #before-option>
       🤘
@@ -274,18 +270,14 @@ slotBeforeOption.args = {
   `,
 };
 
-export const leftIcon = DefaultTemplate.bind({});
-leftIcon.args = {
-  leftIcon: "star",
-};
+export const LeftIcon = DefaultTemplate.bind({});
+LeftIcon.args = { leftIcon: "star" };
 
-export const rightIcon = DefaultTemplate.bind({});
-rightIcon.args = {
-  rightIcon: "star",
-};
+export const RightIcon = DefaultTemplate.bind({});
+RightIcon.args = { rightIcon: "star" };
 
-export const leftIconSlot = DefaultTemplate.bind({});
-leftIconSlot.args = {
+export const LeftIconSlot = DefaultTemplate.bind({});
+LeftIconSlot.args = {
   slotTemplate: `
     <template #left-icon>
       <UIcon name="star" color="green" />
@@ -293,8 +285,8 @@ leftIconSlot.args = {
   `,
 };
 
-export const rightIconSlot = DefaultTemplate.bind({});
-rightIconSlot.args = {
+export const RightIconSlot = DefaultTemplate.bind({});
+RightIconSlot.args = {
   slotTemplate: `
     <template #right-icon>
       <UIcon name="star" color="green" />
@@ -302,8 +294,8 @@ rightIconSlot.args = {
   `,
 };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       🤘
@@ -311,8 +303,8 @@ slotLeft.args = {
   `,
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
       🤘

package/ui.form-switch/storybook/stories.js

@@ -58,23 +58,23 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const label = DefaultTemplate.bind({});
-label.args = { label: "Some label" };
+export const Label = DefaultTemplate.bind({});
+Label.args = { label: "Some label" };
 
-export const description = DefaultTemplate.bind({});
-description.args = { label: "Label", description: "Some description" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { label: "Label", description: "Some description" };
 
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color", modelValue: true };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color", modelValue: true };
 
-export const toggleLabel = DefaultTemplate.bind({});
-toggleLabel.args = { toggleLabel: true };
+export const ToggleLabel = DefaultTemplate.bind({});
+ToggleLabel.args = { toggleLabel: true };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size", color: "yellow" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size", color: "yellow" };
 
-export const icon = DefaultTemplate.bind({});
-icon.args = { toggleIcon: true, color: "yellow" };
+export const Icon = DefaultTemplate.bind({});
+Icon.args = { toggleIcon: true, color: "yellow" };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };

package/ui.form-textarea/storybook/stories.js

@@ -58,35 +58,35 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const labelPlacement = EnumVariantTemplate.bind({});
-labelPlacement.args = { enum: "labelAlign" };
+export const LabelPlacement = EnumVariantTemplate.bind({});
+LabelPlacement.args = { enum: "labelAlign" };
 
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "some placeholder text" };
+export const Placeholder = DefaultTemplate.bind({});
+Placeholder.args = { placeholder: "some placeholder text" };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error text" };
+export const Error = DefaultTemplate.bind({});
+Error.args = { error: "some error text" };
 
-export const description = DefaultTemplate.bind({});
-description.args = { description: "some description text" };
+export const Description = DefaultTemplate.bind({});
+Description.args = { description: "some description text" };
 
-export const rows1 = DefaultTemplate.bind({});
-rows1.args = { rows: "1" };
+export const Rows1 = DefaultTemplate.bind({});
+Rows1.args = { rows: "1" };
 
-export const readonly = DefaultTemplate.bind({});
-readonly.args = { readonly: true, value: "some value for read" };
+export const Readonly = DefaultTemplate.bind({});
+Readonly.args = { readonly: true, value: "some value for read" };
 
-export const noAutocomplete = DefaultTemplate.bind({});
-noAutocomplete.args = { noAutocomplete: true };
+export const NoAutocomplete = DefaultTemplate.bind({});
+NoAutocomplete.args = { noAutocomplete: true };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -97,8 +97,8 @@ slotLeft.args = {
   `,
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
       <UIcon

package/ui.image-avatar/storybook/stories.js

@@ -66,41 +66,41 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = { size: "3xl" };
 
-export const src = DefaultTemplate.bind({});
-src.args = {
+export const Src = DefaultTemplate.bind({});
+Src.args = {
   src: "https://avatars.githubusercontent.com/u/16276298?v=4",
   size: "3xl",
 };
 
-export const label = DefaultTemplate.bind({});
-label.args = { label: "Name Surname", size: "3xl" };
+export const Label = DefaultTemplate.bind({});
+Label.args = { label: "Name Surname", size: "3xl" };
 
 /**
  * Hold cursor above an avatar to see value.
  */
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
 /**
  * Hold cursor above an avatar to see value.
  */
-export const rounded = EnumVariantTemplate.bind({});
-rounded.args = { enum: "rounded", label: "John Doe", color: "orange" };
+export const Rounded = EnumVariantTemplate.bind({});
+Rounded.args = { enum: "rounded", label: "John Doe", color: "orange" };
 
 /**
  * Hold cursor above an avatar to see value.
  */
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color" };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color" };
 
 /**
  * Hold cursor above an avatar to see value.
  */
-export const bordered = EnumVariantTemplate.bind({});
-bordered.args = { enum: "color", bordered: true };
+export const Bordered = EnumVariantTemplate.bind({});
+Bordered.args = { enum: "color", bordered: true };
 
-export const slotPlaceholder = DefaultTemplate.bind({});
-slotPlaceholder.args = {
+export const SlotPlaceholder = DefaultTemplate.bind({});
+SlotPlaceholder.args = {
   size: "3xl",
   slotTemplate: `
     <template #placeholder>

package/ui.image-icon/UIcon.vue

@@ -150,7 +150,7 @@ const dynamicComponent = computed(() => {
   if (!src && !name) return "";
 
   /* Static import */
-  if (src) return src.render();
+  if (src) return src.render({}, {});
 
   /* Dynamic import */
   if (!name) return "";

package/ui.image-icon/storybook/stories.js

@@ -55,17 +55,17 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color" };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color" };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const variants = EnumVariantTemplate.bind({});
-variants.args = { enum: "variant", color: "red" };
+export const Variants = EnumVariantTemplate.bind({});
+Variants.args = { enum: "variant", color: "red" };
 
-export const tooltip = DefaultTemplate.bind({});
-tooltip.args = { tooltip: "Some text" };
+export const Tooltip = DefaultTemplate.bind({});
+Tooltip.args = { tooltip: "Some text" };
 
-export const interactive = DefaultTemplate.bind({});
-interactive.args = { interactive: true };
+export const Interactive = DefaultTemplate.bind({});
+Interactive.args = { interactive: true };

package/ui.loader/storybook/stories.js

@@ -76,11 +76,11 @@ const LoadingTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color" };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color" };
 
-export const loading = LoadingTemplate.bind({});
-loading.args = {};
+export const Loading = LoadingTemplate.bind({});
+Loading.args = {};

package/ui.navigation-pagination/storybook/stories.js

@@ -35,23 +35,23 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const perPage1 = DefaultTemplate.bind({});
-perPage1.args = { perPage: 1 };
+export const PerPage1 = DefaultTemplate.bind({});
+PerPage1.args = { perPage: 1 };
 
-export const limit = DefaultTemplate.bind({});
-limit.args = { limit: 3 };
+export const Limit = DefaultTemplate.bind({});
+Limit.args = { limit: 3 };
 
-export const hideEllipsis = DefaultTemplate.bind({});
-hideEllipsis.args = { ellipses: false };
+export const HideEllipsis = DefaultTemplate.bind({});
+HideEllipsis.args = { ellipses: false };
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const hideNavButtons = DefaultTemplate.bind({});
-hideNavButtons.args = { showLast: false, showFirst: false };
+export const HideNavButtons = DefaultTemplate.bind({});
+HideNavButtons.args = { showLast: false, showFirst: false };
 
-export const setCustomNavigationLabel = DefaultTemplate.bind({});
-setCustomNavigationLabel.args = {
+export const SetCustomNavigationLabel = DefaultTemplate.bind({});
+SetCustomNavigationLabel.args = {
   prevLabel: "◀️",
   nextLabel: "▶️",
   lastLabel: "⏩",

package/ui.navigation-progress/storybook/stories.js

@@ -95,8 +95,8 @@ IndicatorSlot.args = {
 `,
 };
 
-export const stepSlot = DefaultTemplate.bind({});
-stepSlot.args = {
+export const StepSlot = DefaultTemplate.bind({});
+StepSlot.args = {
   max: ["Step 1", "Step 2", "Step 3"],
   slotTemplate: `
   <template #step-0>

package/ui.navigation-tab/storybook/stories.js

@@ -35,11 +35,11 @@ const DefaultTemplate = (args) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
+export const Disabled = DefaultTemplate.bind({});
+Disabled.args = { disabled: true };
 
-export const slotDefault = DefaultTemplate.bind({});
-slotDefault.args = {
+export const SlotDefault = DefaultTemplate.bind({});
+SlotDefault.args = {
   label: "Tag",
   slotTemplate: `
     <template #default>

package/ui.navigation-tabs/storybook/stories.js

@@ -60,14 +60,14 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
-export const bottomLine = DefaultTemplate.bind({});
-bottomLine.args = { underlined: true };
+export const BottomLine = DefaultTemplate.bind({});
+BottomLine.args = { underlined: true };
 
-export const disabledTab = DefaultTemplate.bind({});
-disabledTab.args = {
+export const DisabledTab = DefaultTemplate.bind({});
+DisabledTab.args = {
   options: [
     { label: "Tab 1", value: 1 },
     { label: "Tab 2", value: 2, disabled: true },

package/ui.text-alert/storybook/stories.js

@@ -67,14 +67,14 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const variants = EnumVariantTemplate.bind({});
-variants.args = { enum: "variant" };
+export const Variants = EnumVariantTemplate.bind({});
+Variants.args = { enum: "variant" };
 
-export const colors = EnumVariantTemplate.bind({});
-colors.args = { enum: "color" };
+export const Colors = EnumVariantTemplate.bind({});
+Colors.args = { enum: "color" };
 
-export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "size" };
+export const Sizes = EnumVariantTemplate.bind({});
+Sizes.args = { enum: "size" };
 
 export const HTML = DefaultTemplate.bind({});
 HTML.args = {
@@ -89,13 +89,11 @@ HTML.args = {
   `,
 };
 
-export const closable = DefaultTemplate.bind({});
-closable.args = {
-  closable: true,
-};
+export const Closable = DefaultTemplate.bind({});
+Closable.args = { closable: true };
 
-export const paragraphs = DefaultTemplate.bind({});
-paragraphs.args = {
+export const Paragraphs = DefaultTemplate.bind({});
+Paragraphs.args = {
   slotTemplate: `
     <template #default>
       <p>
@@ -112,8 +110,8 @@ paragraphs.args = {
   `,
 };
 
-export const list = DefaultTemplate.bind({});
-list.args = {
+export const List = DefaultTemplate.bind({});
+List.args = {
   slotTemplate: `
     <URow>
       <ul>
@@ -130,8 +128,8 @@ list.args = {
   `,
 };
 
-export const slotTitleAndDescription = DefaultTemplate.bind({});
-slotTitleAndDescription.args = {
+export const SlotTitleAndDescription = DefaultTemplate.bind({});
+SlotTitleAndDescription.args = {
   slotTemplate: `
     <template #title>
       <div class="text-lg font-semibold">This is a custom title for the alert.</div>
@@ -142,8 +140,8 @@ slotTitleAndDescription.args = {
   `,
 };
 
-export const slotClose = DefaultTemplate.bind({});
-slotClose.args = {
+export const SlotClose = DefaultTemplate.bind({});
+SlotClose.args = {
   closable: true,
   slotTemplate: `
     <template #close>
@@ -157,8 +155,8 @@ slotClose.args = {
   `,
 };
 
-export const slotLeft = DefaultTemplate.bind({});
-slotLeft.args = {
+export const SlotLeft = DefaultTemplate.bind({});
+SlotLeft.args = {
   slotTemplate: `
     <template #left>
       <UIcon
@@ -169,8 +167,8 @@ slotLeft.args = {
   `,
 };
 
-export const slotRight = DefaultTemplate.bind({});
-slotRight.args = {
+export const SlotRight = DefaultTemplate.bind({});
+SlotRight.args = {
   slotTemplate: `
     <template #right>
         <UIcon
@@ -181,8 +179,8 @@ slotRight.args = {
   `,
 };
 
-export const slotTop = DefaultTemplate.bind({});
-slotTop.args = {
+export const SlotTop = DefaultTemplate.bind({});
+SlotTop.args = {
   slotTemplate: `
     <template #top>
       <UIcon
@@ -193,8 +191,8 @@ slotTop.args = {
   `,
 };
 
-export const slotBottom = DefaultTemplate.bind({});
-slotBottom.args = {
+export const SlotBottom = DefaultTemplate.bind({});
+SlotBottom.args = {
   slotTemplate: `
     <template #bottom>
       <UIcon