@fewangsit/wangsvue 1.5.197-alpha.1 → 1.5.197-alpha.2

package/components/inputtext/InputText.vue.d.ts

@@ -165,9 +165,8 @@ export interface InputTextProps extends /* @vue-ignore */ InputHTMLAttributes {
    * The maximun character length allowed.
    *
    * @default 30 - for inputText;
-   * @default unlimited - for textarea;
+   * @default unlimited - for textarea and inputurl;
    * @default 60 - for InputEmail
-   * @default 120 - for InputUrl
    */
   maxLength?: number;
 

package/components/inputurl/InputURL.vue.d.ts

@@ -1,78 +1,19 @@
 import { Slot } from 'vue';
-import { ClassComponent, Nullable } from '../ts-helpers';
-import { CustomValidation } from '../form/Form.vue.d';
+import { ClassComponent } from '../ts-helpers';
+import {
+  InputTextEmits,
+  InputTextProps,
+} from 'lib/components/inputtext/InputText.vue.d';
 
 /**
  * InputURL component props
  */
-export interface InputURLProps {
-  /**
-   * Model value for the input field
-   */
-  modelValue?: string;
-
-  /**
-   * Label for the input field
-   */
-  label?: string;
-
-  /**
-   * Field name for the input field
-   */
-  fieldName?: string;
-
-  /**
-   * Determines if the field is mandatory
-   */
-  mandatory?: boolean;
-
-  /**
-   * Determines if the field uses a validator
-   */
-  useValidator?: boolean;
-
-  /**
-   * Validator message for the input field
-   */
-  validatorMessage?: string | CustomValidation;
-
-  /**
-   * Custom invalid state.
-   */
-  invalid?: boolean;
-
-  /**
-   * Placeholder for the input field
-   */
-  placeholder?: string;
-
-  /**
-   * Determines if the input field is disabled
-   */
-  disabled?: boolean;
-
-  /**
-   * Show information to user about the field.
-   */
-  fieldInfo?: string;
-
-  /**
-   * Whether validate the protocol http/https
-   *
-   * @default true
-   */
-  useProtocol?: boolean;
-}
+export type InputURLProps = Omit<InputTextProps, 'type'>;
 
 /**
  * InputURL component emits
  */
-export type InputURLEmits = {
-  /**
-   * Event emitted when the model value is updated
-   */
-  'update:modelValue': [payload?: Nullable<string>];
-};
+export type InputURLEmits = InputTextEmits;
 
 export type InputURLSlots = {
   'addon-left': Slot;
@@ -82,7 +23,7 @@ export type InputURLSlots = {
 /**
  * **WangsVue - InputURL**
  *
- * _Handle input email with form validation._
+ * _Handle input url with form validation._
  *
  * --- ---
  * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue",
-  "version": "1.5.197-alpha.1",
+  "version": "1.5.197-alpha.2",
   "author": "fewangsit",
   "description": "Wangsit VueJS Component Library",
   "module": "./wangsvue.es.js",

package/plugins/WangsVue.d.ts

@@ -15,12 +15,16 @@ import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/Inp
 import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
 import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
 import { InputNumberLocaleConfig } from '../components/inputnumber/InputNumber.vue.d';
+import { InputURLProps } from '../components/inputurl/InputURL.vue.d';
+import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
 /**
  * A Record of component names with theirs props interface
  */
 export interface ComponentDefaultPropsConfig {
     FieldWrapper?: FieldWrapperProps;
     InputText?: InputTextProps;
+    InputURL?: InputURLProps;
+    InputEmail?: InputEmailProps;
     Tree?: TreeProps;
 }
 interface ComponentLocaleConfig {

package/style.css

@@ -10,4 +10,4 @@ html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-
   Updated for @stackoverflow/stacks v0.64.0
   Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
   Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
-*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.cropper-event-notification[data-v-b3a0d4df]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-b3a0d4df]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}.wrap-text[data-v-5557db8b]{white-space:nowrap;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.scrollbar-hide[data-v-862afeeb]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-862afeeb]{-ms-overflow-style:none;scrollbar-width:none}.slide-fade-enter-active[data-v-e4cb4174]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-e4cb4174]{transition:all .3s ease-in-out}.slide-fade-enter-from[data-v-e4cb4174],.slide-fade-leave-to[data-v-e4cb4174]{transform:translateY(-15px);opacity:0}.detailtask-scrollbar-hide::-webkit-scrollbar{display:none}.detailtask-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
+*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.cropper-event-notification[data-v-b3a0d4df]{background:#0009;color:#fff;position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;transition:opacity .5s;opacity:0;pointer-events:none;padding-left:50px;padding-right:50px}.cropper-event-notification--visible[data-v-b3a0d4df]{transition:opacity .25s!important;pointer-events:all!important;opacity:1!important}.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}body.loading,body.loading *{overflow:hidden}.wrap-text[data-v-5557db8b]{white-space:nowrap;word-wrap:break-word;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.scrollbar-hide[data-v-862afeeb]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-862afeeb]{-ms-overflow-style:none;scrollbar-width:none}.slide-fade-enter-active[data-v-0d731f6d]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-0d731f6d]{transition:all .3s ease-in-out}.slide-fade-enter-from[data-v-0d731f6d],.slide-fade-leave-to[data-v-0d731f6d]{transform:translateY(-15px);opacity:0}.detailtask-scrollbar-hide::-webkit-scrollbar{display:none}.detailtask-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}