anguland 0.0.29 → 1.0.4

package/fesm2022/anguland.mjs

@@ -105,9 +105,9 @@ function urlValidator() {
 class FormErrorComponent {
     constructor() {
         this.VALIDATION_MESSAGES = VALIDATION_MESSAGES;
-        this.formGroup = input.required({});
-        this.controlName = input.required();
-        this.validationKey = input.required();
+        this.formGroup = input.required({ ...(ngDevMode ? { debugName: "formGroup" } : {}) });
+        this.controlName = input.required(...(ngDevMode ? [{ debugName: "controlName" }] : []));
+        this.validationKey = input.required(...(ngDevMode ? [{ debugName: "validationKey" }] : []));
     }
     get validationsForKey() {
         return this.VALIDATION_MESSAGES[this.validationKey()];
@@ -120,8 +120,8 @@ class FormErrorComponent {
             false;
         return hasError;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: FormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.4", type: FormErrorComponent, isStandalone: true, selector: "lib-form-error", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: true, transformFunction: null }, validationKey: { classPropertyName: "validationKey", publicName: "validationKey", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-component": "anguland-form-error" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FormErrorComponent, isStandalone: true, selector: "lib-form-error", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, controlName: { classPropertyName: "controlName", publicName: "controlName", isSignal: true, isRequired: true, transformFunction: null }, validationKey: { classPropertyName: "validationKey", publicName: "validationKey", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "data-component": "anguland-form-error" } }, ngImport: i0, template: `
     @for (validation of validationsForKey; track $index) {
     <ng-container>
       @if(hasError(validation.type)) {
@@ -133,7 +133,7 @@ class FormErrorComponent {
     }
   `, isInline: true, styles: [".smallError{color:#f44336;font-size:.7rem}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: FormErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: "lib-form-error", standalone: true, host: {
                         "data-component": "anguland-form-error"
@@ -148,11 +148,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
     </ng-container>
     }
   `, styles: [".smallError{color:#f44336;font-size:.7rem}\n"] }]
-        }] });
+        }], propDecorators: { formGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "formGroup", required: true }] }], controlName: [{ type: i0.Input, args: [{ isSignal: true, alias: "controlName", required: true }] }], validationKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationKey", required: true }] }] } });
 
 class DarkModeToggleComponent {
     constructor() {
-        this.isDarkMode = input.required();
+        this.isDarkMode = input.required(...(ngDevMode ? [{ debugName: "isDarkMode" }] : []));
         //Would also work
         // isDarkMode = model<boolean>();
         this.darkModeToggled = output();
@@ -160,8 +160,8 @@ class DarkModeToggleComponent {
     toggleDarkMode(e) {
         this.darkModeToggled.emit(e.target.checked);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DarkModeToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.4", type: DarkModeToggleComponent, isStandalone: true, selector: "lib-dark-mode-toggle", inputs: { isDarkMode: { classPropertyName: "isDarkMode", publicName: "isDarkMode", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { darkModeToggled: "darkModeToggled" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DarkModeToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: DarkModeToggleComponent, isStandalone: true, selector: "lib-dark-mode-toggle", inputs: { isDarkMode: { classPropertyName: "isDarkMode", publicName: "isDarkMode", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { darkModeToggled: "darkModeToggled" }, ngImport: i0, template: `
     <div class="darkModeToggleButton">
     <input type="checkbox" id="switch" [checked]="isDarkMode()" (change)="toggleDarkMode($event)" />
     <div class="switch-btn">
@@ -176,7 +176,7 @@ class DarkModeToggleComponent {
 
   `, isInline: true, styles: [".darkModeToggleButton{position:relative;--switch-width: 60px;--switch-height: 30px;--label-width: 30px;--switch-radius: 20px}.darkModeToggleButton *{transition:all .75s ease}input[type=checkbox]{outline:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0;width:var(--switch-width);height:100%;opacity:0;z-index:2;cursor:pointer}.switch-btn{width:var(--switch-width);height:var(--switch-height) + 5px;background-color:#eceef1;border:3px solid #d1d6db;border-radius:var(--switch-radius);position:relative;z-index:1;padding:3px}label{width:var(--label-width);height:var(--switch-height);display:flex;align-items:center;justify-content:center;background:#f8f8f9;border-radius:var(--switch-radius);overflow:hidden;cursor:pointer}.icons{display:flex;align-items:center;gap:20px;transform:translate(-11px,19px) rotate(110deg);-webkit-user-select:none;user-select:none;color:#17193f}input[type=checkbox]:checked~.switch-btn{border:3px solid #2e3052;background-color:#17193f}input[type=checkbox]:checked~.switch-btn label{transform:translate(calc(var(--switch-width) - var(--label-width)));box-shadow:0 3px 5px #0003}input[type=checkbox]:checked~.switch-btn label .icons{transform:translate(-20px)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: DarkModeToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DarkModeToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-dark-mode-toggle', imports: [], template: `
     <div class="darkModeToggleButton">
@@ -192,7 +192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
   </div>
 
   `, styles: [".darkModeToggleButton{position:relative;--switch-width: 60px;--switch-height: 30px;--label-width: 30px;--switch-radius: 20px}.darkModeToggleButton *{transition:all .75s ease}input[type=checkbox]{outline:none;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0;width:var(--switch-width);height:100%;opacity:0;z-index:2;cursor:pointer}.switch-btn{width:var(--switch-width);height:var(--switch-height) + 5px;background-color:#eceef1;border:3px solid #d1d6db;border-radius:var(--switch-radius);position:relative;z-index:1;padding:3px}label{width:var(--label-width);height:var(--switch-height);display:flex;align-items:center;justify-content:center;background:#f8f8f9;border-radius:var(--switch-radius);overflow:hidden;cursor:pointer}.icons{display:flex;align-items:center;gap:20px;transform:translate(-11px,19px) rotate(110deg);-webkit-user-select:none;user-select:none;color:#17193f}input[type=checkbox]:checked~.switch-btn{border:3px solid #2e3052;background-color:#17193f}input[type=checkbox]:checked~.switch-btn label{transform:translate(calc(var(--switch-width) - var(--label-width)));box-shadow:0 3px 5px #0003}input[type=checkbox]:checked~.switch-btn label .icons{transform:translate(-20px)}\n"] }]
-        }] });
+        }], propDecorators: { isDarkMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDarkMode", required: true }] }], darkModeToggled: [{ type: i0.Output, args: ["darkModeToggled"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/anguland.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"anguland.mjs","sources":["../../../projects/anguland/src/lib/validation.ts","../../../projects/anguland/src/lib/formError.component.ts","../../../projects/anguland/src/lib/dark-mode-toggle.component.ts","../../../projects/anguland/src/anguland.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport interface ValidationMessage {\r\n  type: string;\r\n  message: string;\r\n}\r\n\r\nexport interface ValidationMessages {\r\n  [key: string]: ValidationMessage[];\r\n}\r\n\r\nexport const PASSWORD_MIN_LENGTH = 6;\r\nexport const USERNAME_MIN_LENGTH = 2;\r\nexport const USERNAME_MAX_LENGTH = 30;\r\n\r\nexport const VALIDATION_MESSAGES: ValidationMessages = {\r\n  username: [\r\n    { type: 'required', message: 'Benutzername erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    {\r\n      type: 'minlength',\r\n      message: `Benutzername muss mindestens ${USERNAME_MIN_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'maxlength',\r\n      message: `Benutzername darf höchstens ${USERNAME_MAX_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'pattern',\r\n      message: 'Benutzername darf nur Buchstaben, Zahlen und Unterstriche enthalten',\r\n    },\r\n  ],\r\n  email: [\r\n    { type: 'required', message: 'E-Mail erforderlich' },\r\n    { type: 'email', message: 'Ungültige E-Mail' },\r\n    { type: 'alreadyInUse', message: 'E-Mail bereits in Gebrauch' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    { type: 'unauthenticated', message: 'Benutzername oder Passwort falsch' },\r\n  ],\r\n  confirmPassword: [\r\n    { type: 'required', message: 'Passwort erforderlich' },\r\n    { type: 'matching', message: 'Passwort stimmt nicht überein' },\r\n  ],\r\n  password: [\r\n    { type: 'required', message: 'Passwort erforderlich' },\r\n    { type: 'minlength', message: `Mindestlänge ${PASSWORD_MIN_LENGTH} Zeichen` },\r\n    { type: 'unauthenticated', message: 'Benutzername oder Passwort falsch' },\r\n  ],\r\n  name: [\r\n    { type: 'required', message: 'Name erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    {\r\n      type: 'minlength',\r\n      message: `Name muss mindestens ${USERNAME_MIN_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'maxlength',\r\n      message: `Name darf höchstens ${USERNAME_MAX_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'pattern',\r\n      message: 'Name darf nur Buchstaben, Zahlen und Unterstriche enthalten',\r\n    },\r\n  ],\r\n  phone: [\r\n    { type: 'required', message: 'Telefonnummer erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige Telefonnummer' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  date: [\r\n    { type: 'required', message: 'Datum erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  zipCode: [\r\n    { type: 'required', message: 'PLZ erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige PLZ' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  other: [\r\n    { type: 'required', message: 'Eingabe erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  url: [\r\n    { type: 'required', message: 'URL erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige URL' },\r\n  ],\r\n};\r\n\r\nexport function matchValidator(\r\n  matchTo: string,\r\n  reverse?: boolean\r\n): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (control.parent && reverse) {\r\n      const c = (control.parent?.controls as any)[matchTo] as AbstractControl;\r\n      if (c) {\r\n        c.updateValueAndValidity();\r\n      }\r\n      return null;\r\n    }\r\n    return !!control.parent &&\r\n      !!control.parent.value &&\r\n      control.value === (control.parent?.controls as any)[matchTo].value\r\n      ? null\r\n      : { matching: true };\r\n  };\r\n}\r\n\r\nexport function urlValidator(): ValidatorFn {\r\n  const urlPattern = /^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/i;\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (!control.value) {\r\n      return null; // Don't validate empty values to allow required validator to handle them\r\n    }\r\n    return urlPattern.test(control.value) ? null : { pattern: true };\r\n  };\r\n}","import { Component, input } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { VALIDATION_MESSAGES, ValidationMessage, ValidationMessages } from \"./validation\";\n\n@Component({\n  selector: \"lib-form-error\",\n  standalone: true,\n  host: {\n    \"data-component\": \"anguland-form-error\"\n  },\n  template: `\n    @for (validation of validationsForKey; track $index) {\n    <ng-container>\n      @if(hasError(validation.type)) {\n      <small class=\"smallError\">\n        {{ validation.message }}\n      </small>\n      }\n    </ng-container>\n    }\n  `,\n  styles: `\n    .smallError{\n      color: #f44336;\n      font-size: 0.7rem;\n    }\n  `\n})\nexport class FormErrorComponent {\n  VALIDATION_MESSAGES: ValidationMessages = VALIDATION_MESSAGES;\n  formGroup = input.required<FormGroup>({});\n  controlName = input.required<string>();\n  validationKey = input.required<string>();\n\n  get validationsForKey(): ValidationMessage[] {\n    return this.VALIDATION_MESSAGES[this.validationKey()];\n  }\n\n  get control() {\n    return this.formGroup().get(this.controlName());\n  }\n\n  hasError(errorType: string): boolean {\n    const hasError: boolean =\n      (this.control?.hasError(errorType) && this.control?.touched && !this.control?.pristine) ||\n      false;\n    return hasError;\n  }\n}\n","import { Component, input, output } from '@angular/core';\n\n@Component({\n    selector: 'lib-dark-mode-toggle',\n    imports: [],\n    template: `\n    <div class=\"darkModeToggleButton\">\n    <input type=\"checkbox\" id=\"switch\" [checked]=\"isDarkMode()\" (change)=\"toggleDarkMode($event)\" />\n    <div class=\"switch-btn\">\n      <label>\n        <div class=\"icons\">\n          <span><i class=\"material-icons\">light_mode</i></span>\n          <span><i class=\"material-icons\">dark_mode</i></span>\n        </div>\n      </label>\n    </div>\n  </div>\n\n  `,\n    styles: [`\n      .darkModeToggleButton {\n    position: relative;\n    * {\n      transition: all 0.75s ease;\n    }\n    --switch-width: 60px;\n    --switch-height: 30px;\n    --label-width: 30px;\n    --switch-radius: 20px;\n  }\n\n  input[type=\"checkbox\"] {\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    position: absolute; \n    top: 0;\n    left: 0;\n    width: var(--switch-width);\n    height: 100%;\n    opacity: 0; \n    z-index: 2; \n    cursor: pointer;\n  }\n\n  .switch-btn {\n    width: var(--switch-width);\n    height: var(--switch-height) + 5px;\n    background-color: #eceef1;\n    border: 3px solid #d1d6db;\n    border-radius: var(--switch-radius);\n    position: relative;\n    z-index: 1;\n    padding: 3px;\n  }\n\n  label {\n    width: var(--label-width);\n    height: var(--switch-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f8f8f9;\n    border-radius: var(--switch-radius);\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .icons {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    transform: translate(-11px, 19px) rotate(110deg);\n    user-select: none;\n    color: #17193f;\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn {\n    border: 3px solid #2e3052;\n    background-color: #17193f;\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn label {\n    transform: translateX(calc(var(--switch-width) - var(--label-width)));\n    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn label .icons {\n    transform: translateX(-20px);\n  }\n\n  `]\n})\nexport class DarkModeToggleComponent {\n\n  isDarkMode = input.required<boolean>();\n  //Would also work\n  // isDarkMode = model<boolean>();\n  darkModeToggled = output<boolean>();\n\n  toggleDarkMode(e: any) {\n    this.darkModeToggled.emit(e.target.checked);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"anguland.mjs","sources":["../../../projects/anguland/src/lib/validation.ts","../../../projects/anguland/src/lib/formError.component.ts","../../../projects/anguland/src/lib/dark-mode-toggle.component.ts","../../../projects/anguland/src/anguland.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\n\r\nexport interface ValidationMessage {\r\n  type: string;\r\n  message: string;\r\n}\r\n\r\nexport interface ValidationMessages {\r\n  [key: string]: ValidationMessage[];\r\n}\r\n\r\nexport const PASSWORD_MIN_LENGTH = 6;\r\nexport const USERNAME_MIN_LENGTH = 2;\r\nexport const USERNAME_MAX_LENGTH = 30;\r\n\r\nexport const VALIDATION_MESSAGES: ValidationMessages = {\r\n  username: [\r\n    { type: 'required', message: 'Benutzername erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    {\r\n      type: 'minlength',\r\n      message: `Benutzername muss mindestens ${USERNAME_MIN_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'maxlength',\r\n      message: `Benutzername darf höchstens ${USERNAME_MAX_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'pattern',\r\n      message: 'Benutzername darf nur Buchstaben, Zahlen und Unterstriche enthalten',\r\n    },\r\n  ],\r\n  email: [\r\n    { type: 'required', message: 'E-Mail erforderlich' },\r\n    { type: 'email', message: 'Ungültige E-Mail' },\r\n    { type: 'alreadyInUse', message: 'E-Mail bereits in Gebrauch' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    { type: 'unauthenticated', message: 'Benutzername oder Passwort falsch' },\r\n  ],\r\n  confirmPassword: [\r\n    { type: 'required', message: 'Passwort erforderlich' },\r\n    { type: 'matching', message: 'Passwort stimmt nicht überein' },\r\n  ],\r\n  password: [\r\n    { type: 'required', message: 'Passwort erforderlich' },\r\n    { type: 'minlength', message: `Mindestlänge ${PASSWORD_MIN_LENGTH} Zeichen` },\r\n    { type: 'unauthenticated', message: 'Benutzername oder Passwort falsch' },\r\n  ],\r\n  name: [\r\n    { type: 'required', message: 'Name erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n    {\r\n      type: 'minlength',\r\n      message: `Name muss mindestens ${USERNAME_MIN_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'maxlength',\r\n      message: `Name darf höchstens ${USERNAME_MAX_LENGTH} Zeichen lang sein`,\r\n    },\r\n    {\r\n      type: 'pattern',\r\n      message: 'Name darf nur Buchstaben, Zahlen und Unterstriche enthalten',\r\n    },\r\n  ],\r\n  phone: [\r\n    { type: 'required', message: 'Telefonnummer erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige Telefonnummer' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  date: [\r\n    { type: 'required', message: 'Datum erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  zipCode: [\r\n    { type: 'required', message: 'PLZ erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige PLZ' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  other: [\r\n    { type: 'required', message: 'Eingabe erforderlich' },\r\n    { type: 'unknown', message: 'Unbekannter Fehler' },\r\n  ],\r\n  url: [\r\n    { type: 'required', message: 'URL erforderlich' },\r\n    { type: 'pattern', message: 'Ungültige URL' },\r\n  ],\r\n};\r\n\r\nexport function matchValidator(\r\n  matchTo: string,\r\n  reverse?: boolean\r\n): ValidatorFn {\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (control.parent && reverse) {\r\n      const c = (control.parent?.controls as any)[matchTo] as AbstractControl;\r\n      if (c) {\r\n        c.updateValueAndValidity();\r\n      }\r\n      return null;\r\n    }\r\n    return !!control.parent &&\r\n      !!control.parent.value &&\r\n      control.value === (control.parent?.controls as any)[matchTo].value\r\n      ? null\r\n      : { matching: true };\r\n  };\r\n}\r\n\r\nexport function urlValidator(): ValidatorFn {\r\n  const urlPattern = /^(https?|ftp):\\/\\/[^\\s/$.?#].[^\\s]*$/i;\r\n  return (control: AbstractControl): ValidationErrors | null => {\r\n    if (!control.value) {\r\n      return null; // Don't validate empty values to allow required validator to handle them\r\n    }\r\n    return urlPattern.test(control.value) ? null : { pattern: true };\r\n  };\r\n}","import { Component, input } from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport { VALIDATION_MESSAGES, ValidationMessage, ValidationMessages } from \"./validation\";\n\n@Component({\n  selector: \"lib-form-error\",\n  standalone: true,\n  host: {\n    \"data-component\": \"anguland-form-error\"\n  },\n  template: `\n    @for (validation of validationsForKey; track $index) {\n    <ng-container>\n      @if(hasError(validation.type)) {\n      <small class=\"smallError\">\n        {{ validation.message }}\n      </small>\n      }\n    </ng-container>\n    }\n  `,\n  styles: `\n    .smallError{\n      color: #f44336;\n      font-size: 0.7rem;\n    }\n  `\n})\nexport class FormErrorComponent {\n  VALIDATION_MESSAGES: ValidationMessages = VALIDATION_MESSAGES;\n  formGroup = input.required<FormGroup>({});\n  controlName = input.required<string>();\n  validationKey = input.required<string>();\n\n  get validationsForKey(): ValidationMessage[] {\n    return this.VALIDATION_MESSAGES[this.validationKey()];\n  }\n\n  get control() {\n    return this.formGroup().get(this.controlName());\n  }\n\n  hasError(errorType: string): boolean {\n    const hasError: boolean =\n      (this.control?.hasError(errorType) && this.control?.touched && !this.control?.pristine) ||\n      false;\n    return hasError;\n  }\n}\n","import { Component, input, output } from '@angular/core';\n\n@Component({\n    selector: 'lib-dark-mode-toggle',\n    imports: [],\n    template: `\n    <div class=\"darkModeToggleButton\">\n    <input type=\"checkbox\" id=\"switch\" [checked]=\"isDarkMode()\" (change)=\"toggleDarkMode($event)\" />\n    <div class=\"switch-btn\">\n      <label>\n        <div class=\"icons\">\n          <span><i class=\"material-icons\">light_mode</i></span>\n          <span><i class=\"material-icons\">dark_mode</i></span>\n        </div>\n      </label>\n    </div>\n  </div>\n\n  `,\n    styles: [`\n      .darkModeToggleButton {\n    position: relative;\n    * {\n      transition: all 0.75s ease;\n    }\n    --switch-width: 60px;\n    --switch-height: 30px;\n    --label-width: 30px;\n    --switch-radius: 20px;\n  }\n\n  input[type=\"checkbox\"] {\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    position: absolute; \n    top: 0;\n    left: 0;\n    width: var(--switch-width);\n    height: 100%;\n    opacity: 0; \n    z-index: 2; \n    cursor: pointer;\n  }\n\n  .switch-btn {\n    width: var(--switch-width);\n    height: var(--switch-height) + 5px;\n    background-color: #eceef1;\n    border: 3px solid #d1d6db;\n    border-radius: var(--switch-radius);\n    position: relative;\n    z-index: 1;\n    padding: 3px;\n  }\n\n  label {\n    width: var(--label-width);\n    height: var(--switch-height);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #f8f8f9;\n    border-radius: var(--switch-radius);\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .icons {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    transform: translate(-11px, 19px) rotate(110deg);\n    user-select: none;\n    color: #17193f;\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn {\n    border: 3px solid #2e3052;\n    background-color: #17193f;\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn label {\n    transform: translateX(calc(var(--switch-width) - var(--label-width)));\n    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n\n  input[type=\"checkbox\"]:checked ~ .switch-btn label .icons {\n    transform: translateX(-20px);\n  }\n\n  `]\n})\nexport class DarkModeToggleComponent {\n\n  isDarkMode = input.required<boolean>();\n  //Would also work\n  // isDarkMode = model<boolean>();\n  darkModeToggled = output<boolean>();\n\n  toggleDarkMode(e: any) {\n    this.darkModeToggled.emit(e.target.checked);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "anguland",
-  "version": "0.0.29",
+  "version": "1.0.4",
   "peerDependencies": {
-    "@angular/common": "^18.0.0 || ^19.0.0 || ^20.0.0",
-    "@angular/core": "^18.0.0 || ^19.0.0 || ^20.0.0"
+    "@angular/common": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0",
+    "@angular/core": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/anguland.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/anguland.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/anguland.d.ts",
       "default": "./fesm2022/anguland.mjs"
     }
   }

package/{index.d.ts → types/anguland.d.ts}

@@ -22,7 +22,7 @@ declare class FormErrorComponent {
     controlName: _angular_core.InputSignal<string>;
     validationKey: _angular_core.InputSignal<string>;
     get validationsForKey(): ValidationMessage[];
-    get control(): _angular_forms.AbstractControl<any, any> | null;
+    get control(): _angular_forms.AbstractControl<any, any, any> | null;
     hasError(errorType: string): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormErrorComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormErrorComponent, "lib-form-error", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "controlName": { "alias": "controlName"; "required": true; "isSignal": true; }; "validationKey": { "alias": "validationKey"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;