@supersoniks/concorde 1.1.27 → 1.1.30

package/core/mixins/FormElement.js

@@ -21,10 +21,10 @@ const Form = (superClass) => {
         constructor(...args) {
             super();
             this.touched = false;
-            this.error = null;
-            this.autofocus = null;
+            this.error = false;
+            this.autofocus = false;
+            this.required = false;
             this.disabled = null;
-            this.required = null;
             this.onValueAssign = null;
             this.onFormValueAssign = null;
             this.onFormDataInValidate = null;
@@ -133,6 +133,10 @@ const Form = (superClass) => {
                 formPublisher.onInvalidate((this.onFormDataInValidate));
             }
         }
+        handleBlur() {
+            this.touched = true;
+            // this.validateFormElement();
+        }
         handleChange(e) {
             this.value = e.target.value;
             const event = new Event("change");
@@ -230,10 +234,10 @@ const Form = (superClass) => {
     ], FormElement.prototype, "autofocus", void 0);
     __decorate([
         property({ type: Boolean })
-    ], FormElement.prototype, "disabled", void 0);
+    ], FormElement.prototype, "required", void 0);
     __decorate([
         property({ type: Boolean })
-    ], FormElement.prototype, "required", void 0);
+    ], FormElement.prototype, "disabled", void 0);
     __decorate([
         property()
     ], FormElement.prototype, "name", null);

package/core/mixins/FormInput.d.ts

@@ -8,22 +8,23 @@ declare const Form: <T extends Constructor<FormElementInterface>>(superClass: T)
          * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
          */
         type: "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
-        tabindex: string | null;
-        autocomplete: "on" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | null;
+        tabindex?: number | undefined;
+        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: any): void;
+        handleBlur(e?: any): void;
         getValueForFormPublisher(): any;
-        error: true | null;
-        autofocus: true | null;
+        error: boolean;
+        autofocus: boolean;
+        required: boolean;
         disabled: true | null;
-        required: true | null;
         formDataProvider: string;
-        _value: any;
         /**
          * Le type De l'input, comme en html cependant tous les types ne sont pas actuellements compatibles en raison du style en vigueur
          * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
          */
+        _value: any;
         value: any;
         _name: string;
         name: string;

package/core/mixins/FormInput.js

@@ -14,8 +14,6 @@ const Form = (superClass) => {
              * On peut essayer text, date, color, email par exemple, mais pas radio/checkbox/range a priori
              */
             this.type = "text";
-            this.tabindex = null;
-            this.autocomplete = null;
             args;
         }
         validateFormElement() {
@@ -32,7 +30,7 @@ const Form = (superClass) => {
         property({ type: String })
     ], FormInput.prototype, "type", void 0);
     __decorate([
-        property({ type: String })
+        property({ type: Number })
     ], FormInput.prototype, "tabindex", void 0);
     __decorate([
         property({ type: String })

package/mixins.d.ts

@@ -55,10 +55,11 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         initPublisher(): void;
         getFormPublisher(): any;
         updateDataValue(): void;
-        error: true | null;
-        autofocus: true | null;
+        handleBlur(e?: any): void;
+        error: boolean;
+        autofocus: boolean;
+        required: boolean;
         disabled: true | null;
-        required: true | null;
         formDataProvider: string;
         props: any;
         isConnected: boolean;
@@ -89,16 +90,17 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
     new (...args: any[]): {
         validateFormElement(): void;
         type: "number" | "search" | "file" | "button" | "password" | "url" | "color" | "hidden" | "time" | "image" | "text" | "reset" | "submit" | "month" | "week" | "checkbox" | "radio" | "range" | "tel" | "email" | "date" | "datetime-local";
-        tabindex: string | null;
-        autocomplete: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | null;
+        tabindex?: number | undefined;
+        autocomplete?: "url" | "name" | "language" | "on" | "tel" | "email" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "photo" | undefined;
         getFormPublisher(): any;
         updateDataValue(): void;
         handleChange(e?: any): void;
+        handleBlur(e?: any): void;
         getValueForFormPublisher(): any;
-        error: true | null;
-        autofocus: true | null;
+        error: boolean;
+        autofocus: boolean;
+        required: boolean;
         disabled: true | null;
-        required: true | null;
         formDataProvider: string;
         _value: any;
         value: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.27",
+  "version": "1.1.30",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -56,8 +56,10 @@
     "./functional/subscriber": "./core/components/functional/subscriber/subscriber.js",
     "./core/components/ui/_css/scroll": "./core/components/ui/_css/scroll.js",
     "./ui/_css/scroll": "./core/components/ui/_css/scroll.js",
-    "./core/components/ui/_css/types": "./core/components/ui/_css/types.js",
-    "./ui/_css/types": "./core/components/ui/_css/types.js",
+    "./core/components/ui/_css/size": "./core/components/ui/_css/size.js",
+    "./ui/_css/size": "./core/components/ui/_css/size.js",
+    "./core/components/ui/_css/type": "./core/components/ui/_css/type.js",
+    "./ui/_css/type": "./core/components/ui/_css/type.js",
     "./core/components/ui/alert/alert": "./core/components/ui/alert/alert.js",
     "./ui/alert": "./core/components/ui/alert/alert.js",
     "./core/components/ui/badge/badge": "./core/components/ui/badge/badge.js",

package/core/components/ui/_css/types.d.ts

@@ -1,2 +0,0 @@
-export declare const typesColor: import("lit").CSSResult;
-export declare const typesBg: import("lit").CSSResult;