vueless 0.0.354 → 0.0.356

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.354",
+  "version": "0.0.356",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",
@@ -37,7 +37,7 @@
     "@release-it/bumper": "^6.0.1",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vueless/plugin-vite": "^0.0.60",
+    "@vueless/plugin-vite": "^0.0.61",
     "@vueless/storybook": "^0.0.34",
     "@vueless/web-types": "^0.0.15",
     "autoprefixer": "^10.4.19",

package/ui.container-modal/UModal.vue

@@ -321,7 +321,7 @@ function preventOverlayFromScrolling(newValue) {
   if (newValue) {
     document.body.style.overflow = "hidden";
   } else {
-    document.getElementById(`${props.id}`).style.overflow = "hidden";
+    document.getElementById(`${elementId}`).style.overflow = "hidden";
     document.body.style.overflow = "auto";
   }
 }

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

@@ -460,7 +460,7 @@ const localValue = computed({
   },
 });
 
-const rangeInputName = computed(() => `rangeInput-${props.id}`);
+const rangeInputName = computed(() => `rangeInput-${elementId}`);
 
 const isVariant = computed(() => ({
   button: props.variant === DATE_PICKER_BUTTON_TYPE,

package/ui.form-input/UInput.vue

@@ -388,7 +388,7 @@ function onInput(inputEvent) {
   let value = inputEvent.target.value;
 
   if (props.validationRule) {
-    const input = document.querySelector(`#${props.id}`);
+    const input = document.querySelector(`#${elementId}`);
 
     value = VALIDATION_RULES_REG_EX[props.validationRule]
       ? transformValue(value, VALIDATION_RULES_REG_EX[props.validationRule])
@@ -438,7 +438,7 @@ function onClickShowPassword() {
  */
 function toggleReadonlyToPreventAutocomplete(toggleState) {
   if (props.noAutocomplete && !props.readonly) {
-    const input = document.getElementById(props.id);
+    const input = document.getElementById(elementId);
 
     toggleState ? input.setAttribute("readonly", "readonly") : input.removeAttribute("readonly");
   }
@@ -476,6 +476,6 @@ function setLabelPosition() {
 <style lang="postcss" scoped>
 @font-face {
   font-family: text-security-disc;
-  src: url("./assets/fonts/text-security-disc.woff");
+  src: url("./assets/text-security-disc.woff");
 }
 </style>

package/ui.form-select/USelect.vue

@@ -797,7 +797,7 @@ function deactivate() {
   search.value = "";
   isOpen.value = false;
 
-  nextTick(() => emit("close", localValue.value, props.id));
+  nextTick(() => emit("close", localValue.value, elementId));
 }
 
 function activate() {
@@ -815,7 +815,7 @@ function activate() {
 
   if (wrapperRef.value !== undefined && !props.searchable) wrapperRef.value.focus();
 
-  emit("open", props.id);
+  emit("open", elementId);
 }
 
 function adjustPosition() {
@@ -851,7 +851,7 @@ function removeElement(option, shouldClose = true) {
   }
 
   emit("update:modelValue", value);
-  emit("remove", option, props.id);
+  emit("remove", option, elementId);
 
   if (shouldClose) {
     deactivate();

package/ui.form-textarea/UTextarea.vue

@@ -318,7 +318,7 @@ function onMousedown() {
 
 function toggleReadonly(hasReadonly) {
   if (props.noAutocomplete && !props.readonly) {
-    const textarea = document.getElementById(props.id);
+    const textarea = document.getElementById(elementId);
 
     hasReadonly
       ? textarea.setAttribute("readonly", "readonly")

package/web-types.json

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