@six-group/ui-library-angular 0.0.0-insider.c3b5116 → 0.0.0-insider.c8fa9a3

package/esm2022/lib/form/six-form.directive.mjs

@@ -0,0 +1,134 @@
+import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
+import { FormArray, FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+/**
+ * This directive intercepts the ngSubmit event of an Angular form and introduces
+ * a supplementary event named sixSubmit. The sixSubmit event is triggered exclusively
+ * when the form is valid. In cases where the form is considered invalid, this directive
+ * takes proactive actions by marking all form controls as touched and dirty. Additionally,
+ * it shifts the focus to the initial invalid form element, facilitating quick error
+ * resolution.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixForm (sixSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * For users needing greater flexibility in determining when error messages are displayed,
+ * or for those who prefer not to rely solely on the form submission event,
+ * an alternative is to use the SixFormUtilDirective.
+ */
+export class SixFormDirective {
+    onNgSubmit(event) {
+        if (this.formGroupDirective.invalid) {
+            focusInvalidField(this.formGroupDirective, this.elementRef);
+        }
+        else {
+            this.sixSubmit.emit(event);
+        }
+    }
+    constructor(elementRef, formGroupDirective) {
+        this.elementRef = elementRef;
+        this.formGroupDirective = formGroupDirective;
+        /**
+         * Emits an event when the form is valid and the form submission has been triggered.
+         */
+        this.sixSubmit = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixFormDirective, deps: [{ token: i0.ElementRef }, { token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SixFormDirective, selector: "form[sixForm]", outputs: { sixSubmit: "sixSubmit" }, host: { listeners: { "ngSubmit": "onNgSubmit($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixFormDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'form[sixForm]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FormGroupDirective }]; }, propDecorators: { sixSubmit: [{
+                type: Output
+            }], onNgSubmit: [{
+                type: HostListener,
+                args: ['ngSubmit', ['$event']]
+            }] } });
+/**
+ * This directive provides a utility method, that marks all form controls
+ * as touched and dirty, and focuses the first invalid form element.
+ *
+ * To utilize this directive, apply it to an Angular form.
+ * ```html
+ * <form [formGroup]="form" sixFormUtil (ngSubmit)="onSubmit($event)">
+ *   <!-- form content -->
+ * </form>
+ * ```
+ *
+ * Then, get a reference to the directive and invoke `focusInvalidField()` if the
+ * form is invalid:
+ * ```ts
+ * @ViewChild(SixFormUtilDirective) sixFormUtil!: SixFormUtilDirective;
+ * // ...
+ * onSubmit() {
+ *   if (this.form.invalid) {
+ *     this.sixFormUtil.focusInvalidField();
+ *   } else {
+ *      // ...
+ *   }
+ * }
+ * ```
+ */
+export class SixFormUtilDirective {
+    constructor(elementRef, formGroupDirective) {
+        this.elementRef = elementRef;
+        this.formGroupDirective = formGroupDirective;
+    }
+    /** markAllControlsAsDirty(Object.values(formGroup.controls));
+     * Marks all form controls as touched and dirty, and focuses the first
+     * invalid form element.
+     */
+    focusInvalidField() {
+        focusInvalidField(this.formGroupDirective, this.elementRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixFormUtilDirective, deps: [{ token: i0.ElementRef }, { token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SixFormUtilDirective, selector: "[sixFormUtil]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixFormUtilDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sixFormUtil]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FormGroupDirective }]; } });
+function focusInvalidField(formGroupDirective, formElement) {
+    formGroupDirective.form.markAllAsTouched();
+    markAllAsDirty([formGroupDirective.form]);
+    const invalidElement = getInvalidElement(formElement.nativeElement);
+    if ('setFocus' in invalidElement && typeof invalidElement?.setFocus === 'function') {
+        invalidElement.setFocus();
+    }
+    if ('focus' in invalidElement && typeof invalidElement?.focus === 'function') {
+        invalidElement.focus();
+    }
+}
+function getInvalidElement(parent) {
+    const invalidElement = parent.querySelector('.ng-invalid');
+    if (invalidElement == null) {
+        return parent;
+    }
+    return getInvalidElement(invalidElement);
+}
+function markAllAsDirty(controls) {
+    controls.forEach((control) => {
+        if (control instanceof FormControl) {
+            control.markAsDirty({ onlySelf: true });
+        }
+        else if (control instanceof FormGroup) {
+            control.markAsDirty({ onlySelf: true });
+            markAllAsDirty(Object.values(control.controls));
+        }
+        else if (control instanceof FormArray) {
+            control.markAsDirty({ onlySelf: true });
+            markAllAsDirty(control.controls);
+        }
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l4LWZvcm0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9mb3JtL3NpeC1mb3JtLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sRUFBbUIsU0FBUyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQXNCLE1BQU0sZ0JBQWdCLENBQUM7OztBQUV4Rzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBSUgsTUFBTSxPQUFPLGdCQUFnQjtJQU8zQixVQUFVLENBQUMsS0FBa0I7UUFDM0IsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxFQUFFO1lBQ25DLGlCQUFpQixDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDN0Q7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVELFlBQ1UsVUFBbUMsRUFDbkMsa0JBQXNDO1FBRHRDLGVBQVUsR0FBVixVQUFVLENBQXlCO1FBQ25DLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFoQmhEOztXQUVHO1FBQ08sY0FBUyxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7SUFjbkQsQ0FBQzsrR0FsQk8sZ0JBQWdCO21HQUFoQixnQkFBZ0I7OzRGQUFoQixnQkFBZ0I7a0JBSDVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGVBQWU7aUJBQzFCO2tJQUtXLFNBQVM7c0JBQWxCLE1BQU07Z0JBR1AsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLFVBQVUsRUFBRSxDQUFDLFFBQVEsQ0FBQzs7QUFldEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdCRztBQUlILE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsWUFDVSxVQUFtQyxFQUNuQyxrQkFBc0M7UUFEdEMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtJQUM3QyxDQUFDO0lBRUo7OztPQUdHO0lBQ0ksaUJBQWlCO1FBQ3RCLGlCQUFpQixDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDOUQsQ0FBQzsrR0FaVSxvQkFBb0I7bUdBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFIaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtpQkFDMUI7O0FBZ0JELFNBQVMsaUJBQWlCLENBQUMsa0JBQXNDLEVBQUUsV0FBb0M7SUFDckcsa0JBQWtCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDM0MsY0FBYyxDQUFDLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUUxQyxNQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDcEUsSUFBSSxVQUFVLElBQUksY0FBYyxJQUFJLE9BQU8sY0FBYyxFQUFFLFFBQVEsS0FBSyxVQUFVLEVBQUU7UUFDbEYsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0tBQzNCO0lBQ0QsSUFBSSxPQUFPLElBQUksY0FBYyxJQUFJLE9BQU8sY0FBYyxFQUFFLEtBQUssS0FBSyxVQUFVLEVBQUU7UUFDNUUsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDO0tBQ3hCO0FBQ0gsQ0FBQztBQUVELFNBQVMsaUJBQWlCLENBQUMsTUFBZTtJQUN4QyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzNELElBQUksY0FBYyxJQUFJLElBQUksRUFBRTtRQUMxQixPQUFPLE1BQU0sQ0FBQztLQUNmO0lBQ0QsT0FBTyxpQkFBaUIsQ0FBQyxjQUFjLENBQUMsQ0FBQztBQUMzQyxDQUFDO0FBRUQsU0FBUyxjQUFjLENBQUMsUUFBMkI7SUFDakQsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1FBQzNCLElBQUksT0FBTyxZQUFZLFdBQVcsRUFBRTtZQUNsQyxPQUFPLENBQUMsV0FBVyxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7U0FDekM7YUFBTSxJQUFJLE9BQU8sWUFBWSxTQUFTLEVBQUU7WUFDdkMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ3hDLGNBQWMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1NBQ2pEO2FBQU0sSUFBSSxPQUFPLFlBQVksU0FBUyxFQUFFO1lBQ3ZDLE9BQU8sQ0FBQyxXQUFXLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztZQUN4QyxjQUFjLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIEZvcm1BcnJheSwgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybUdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vKipcbiAqIFRoaXMgZGlyZWN0aXZlIGludGVyY2VwdHMgdGhlIG5nU3VibWl0IGV2ZW50IG9mIGFuIEFuZ3VsYXIgZm9ybSBhbmQgaW50cm9kdWNlc1xuICogYSBzdXBwbGVtZW50YXJ5IGV2ZW50IG5hbWVkIHNpeFN1Ym1pdC4gVGhlIHNpeFN1Ym1pdCBldmVudCBpcyB0cmlnZ2VyZWQgZXhjbHVzaXZlbHlcbiAqIHdoZW4gdGhlIGZvcm0gaXMgdmFsaWQuIEluIGNhc2VzIHdoZXJlIHRoZSBmb3JtIGlzIGNvbnNpZGVyZWQgaW52YWxpZCwgdGhpcyBkaXJlY3RpdmVcbiAqIHRha2VzIHByb2FjdGl2ZSBhY3Rpb25zIGJ5IG1hcmtpbmcgYWxsIGZvcm0gY29udHJvbHMgYXMgdG91Y2hlZCBhbmQgZGlydHkuIEFkZGl0aW9uYWxseSxcbiAqIGl0IHNoaWZ0cyB0aGUgZm9jdXMgdG8gdGhlIGluaXRpYWwgaW52YWxpZCBmb3JtIGVsZW1lbnQsIGZhY2lsaXRhdGluZyBxdWljayBlcnJvclxuICogcmVzb2x1dGlvbi5cbiAqXG4gKiBUbyB1dGlsaXplIHRoaXMgZGlyZWN0aXZlLCBhcHBseSBpdCB0byBhbiBBbmd1bGFyIGZvcm0uXG4gKiBgYGBodG1sXG4gKiA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiBzaXhGb3JtIChzaXhTdWJtaXQpPVwib25TdWJtaXQoJGV2ZW50KVwiPlxuICogICA8IS0tIGZvcm0gY29udGVudCAtLT5cbiAqIDwvZm9ybT5cbiAqIGBgYFxuICpcbiAqIEZvciB1c2VycyBuZWVkaW5nIGdyZWF0ZXIgZmxleGliaWxpdHkgaW4gZGV0ZXJtaW5pbmcgd2hlbiBlcnJvciBtZXNzYWdlcyBhcmUgZGlzcGxheWVkLFxuICogb3IgZm9yIHRob3NlIHdobyBwcmVmZXIgbm90IHRvIHJlbHkgc29sZWx5IG9uIHRoZSBmb3JtIHN1Ym1pc3Npb24gZXZlbnQsXG4gKiBhbiBhbHRlcm5hdGl2ZSBpcyB0byB1c2UgdGhlIFNpeEZvcm1VdGlsRGlyZWN0aXZlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdmb3JtW3NpeEZvcm1dJyxcbn0pXG5leHBvcnQgY2xhc3MgU2l4Rm9ybURpcmVjdGl2ZSB7XG4gIC8qKlxuICAgKiBFbWl0cyBhbiBldmVudCB3aGVuIHRoZSBmb3JtIGlzIHZhbGlkIGFuZCB0aGUgZm9ybSBzdWJtaXNzaW9uIGhhcyBiZWVuIHRyaWdnZXJlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBzaXhTdWJtaXQgPSBuZXcgRXZlbnRFbWl0dGVyPFN1Ym1pdEV2ZW50PigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ25nU3VibWl0JywgWyckZXZlbnQnXSlcbiAgb25OZ1N1Ym1pdChldmVudDogU3VibWl0RXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5mb3JtR3JvdXBEaXJlY3RpdmUuaW52YWxpZCkge1xuICAgICAgZm9jdXNJbnZhbGlkRmllbGQodGhpcy5mb3JtR3JvdXBEaXJlY3RpdmUsIHRoaXMuZWxlbWVudFJlZik7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2l4U3VibWl0LmVtaXQoZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcHJpdmF0ZSBmb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZVxuICApIHt9XG59XG5cbi8qKlxuICogVGhpcyBkaXJlY3RpdmUgcHJvdmlkZXMgYSB1dGlsaXR5IG1ldGhvZCwgdGhhdCBtYXJrcyBhbGwgZm9ybSBjb250cm9sc1xuICogYXMgdG91Y2hlZCBhbmQgZGlydHksIGFuZCBmb2N1c2VzIHRoZSBmaXJzdCBpbnZhbGlkIGZvcm0gZWxlbWVudC5cbiAqXG4gKiBUbyB1dGlsaXplIHRoaXMgZGlyZWN0aXZlLCBhcHBseSBpdCB0byBhbiBBbmd1bGFyIGZvcm0uXG4gKiBgYGBodG1sXG4gKiA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiBzaXhGb3JtVXRpbCAobmdTdWJtaXQpPVwib25TdWJtaXQoJGV2ZW50KVwiPlxuICogICA8IS0tIGZvcm0gY29udGVudCAtLT5cbiAqIDwvZm9ybT5cbiAqIGBgYFxuICpcbiAqIFRoZW4sIGdldCBhIHJlZmVyZW5jZSB0byB0aGUgZGlyZWN0aXZlIGFuZCBpbnZva2UgYGZvY3VzSW52YWxpZEZpZWxkKClgIGlmIHRoZVxuICogZm9ybSBpcyBpbnZhbGlkOlxuICogYGBgdHNcbiAqIEBWaWV3Q2hpbGQoU2l4Rm9ybVV0aWxEaXJlY3RpdmUpIHNpeEZvcm1VdGlsITogU2l4Rm9ybVV0aWxEaXJlY3RpdmU7XG4gKiAvLyAuLi5cbiAqIG9uU3VibWl0KCkge1xuICogICBpZiAodGhpcy5mb3JtLmludmFsaWQpIHtcbiAqICAgICB0aGlzLnNpeEZvcm1VdGlsLmZvY3VzSW52YWxpZEZpZWxkKCk7XG4gKiAgIH0gZWxzZSB7XG4gKiAgICAgIC8vIC4uLlxuICogICB9XG4gKiB9XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NpeEZvcm1VdGlsXScsXG59KVxuZXhwb3J0IGNsYXNzIFNpeEZvcm1VdGlsRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICBwcml2YXRlIGZvcm1Hcm91cERpcmVjdGl2ZTogRm9ybUdyb3VwRGlyZWN0aXZlXG4gICkge31cblxuICAvKiogbWFya0FsbENvbnRyb2xzQXNEaXJ0eShPYmplY3QudmFsdWVzKGZvcm1Hcm91cC5jb250cm9scykpO1xuICAgKiBNYXJrcyBhbGwgZm9ybSBjb250cm9scyBhcyB0b3VjaGVkIGFuZCBkaXJ0eSwgYW5kIGZvY3VzZXMgdGhlIGZpcnN0XG4gICAqIGludmFsaWQgZm9ybSBlbGVtZW50LlxuICAgKi9cbiAgcHVibGljIGZvY3VzSW52YWxpZEZpZWxkKCkge1xuICAgIGZvY3VzSW52YWxpZEZpZWxkKHRoaXMuZm9ybUdyb3VwRGlyZWN0aXZlLCB0aGlzLmVsZW1lbnRSZWYpO1xuICB9XG59XG5cbmZ1bmN0aW9uIGZvY3VzSW52YWxpZEZpZWxkKGZvcm1Hcm91cERpcmVjdGl2ZTogRm9ybUdyb3VwRGlyZWN0aXZlLCBmb3JtRWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHtcbiAgZm9ybUdyb3VwRGlyZWN0aXZlLmZvcm0ubWFya0FsbEFzVG91Y2hlZCgpO1xuICBtYXJrQWxsQXNEaXJ0eShbZm9ybUdyb3VwRGlyZWN0aXZlLmZvcm1dKTtcblxuICBjb25zdCBpbnZhbGlkRWxlbWVudCA9IGdldEludmFsaWRFbGVtZW50KGZvcm1FbGVtZW50Lm5hdGl2ZUVsZW1lbnQpO1xuICBpZiAoJ3NldEZvY3VzJyBpbiBpbnZhbGlkRWxlbWVudCAmJiB0eXBlb2YgaW52YWxpZEVsZW1lbnQ/LnNldEZvY3VzID09PSAnZnVuY3Rpb24nKSB7XG4gICAgaW52YWxpZEVsZW1lbnQuc2V0Rm9jdXMoKTtcbiAgfVxuICBpZiAoJ2ZvY3VzJyBpbiBpbnZhbGlkRWxlbWVudCAmJiB0eXBlb2YgaW52YWxpZEVsZW1lbnQ/LmZvY3VzID09PSAnZnVuY3Rpb24nKSB7XG4gICAgaW52YWxpZEVsZW1lbnQuZm9jdXMoKTtcbiAgfVxufVxuXG5mdW5jdGlvbiBnZXRJbnZhbGlkRWxlbWVudChwYXJlbnQ6IEVsZW1lbnQpOiBFbGVtZW50IHtcbiAgY29uc3QgaW52YWxpZEVsZW1lbnQgPSBwYXJlbnQucXVlcnlTZWxlY3RvcignLm5nLWludmFsaWQnKTtcbiAgaWYgKGludmFsaWRFbGVtZW50ID09IG51bGwpIHtcbiAgICByZXR1cm4gcGFyZW50O1xuICB9XG4gIHJldHVybiBnZXRJbnZhbGlkRWxlbWVudChpbnZhbGlkRWxlbWVudCk7XG59XG5cbmZ1bmN0aW9uIG1hcmtBbGxBc0RpcnR5KGNvbnRyb2xzOiBBYnN0cmFjdENvbnRyb2xbXSk6IHZvaWQge1xuICBjb250cm9scy5mb3JFYWNoKChjb250cm9sKSA9PiB7XG4gICAgaWYgKGNvbnRyb2wgaW5zdGFuY2VvZiBGb3JtQ29udHJvbCkge1xuICAgICAgY29udHJvbC5tYXJrQXNEaXJ0eSh7IG9ubHlTZWxmOiB0cnVlIH0pO1xuICAgIH0gZWxzZSBpZiAoY29udHJvbCBpbnN0YW5jZW9mIEZvcm1Hcm91cCkge1xuICAgICAgY29udHJvbC5tYXJrQXNEaXJ0eSh7IG9ubHlTZWxmOiB0cnVlIH0pO1xuICAgICAgbWFya0FsbEFzRGlydHkoT2JqZWN0LnZhbHVlcyhjb250cm9sLmNvbnRyb2xzKSk7XG4gICAgfSBlbHNlIGlmIChjb250cm9sIGluc3RhbmNlb2YgRm9ybUFycmF5KSB7XG4gICAgICBjb250cm9sLm1hcmtBc0RpcnR5KHsgb25seVNlbGY6IHRydWUgfSk7XG4gICAgICBtYXJrQWxsQXNEaXJ0eShjb250cm9sLmNvbnRyb2xzKTtcbiAgICB9XG4gIH0pO1xufVxuIl19

package/esm2022/lib/link/six-router-link.directive.mjs

@@ -0,0 +1,61 @@
+import { Directive, HostListener, Input, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+/**
+ * Forked from  https://github.com/ionic-team/ionic-framework/blob/main/packages/angular/common/src/directives/navigation/router-link-delegate.ts.
+ */
+export class SixRouterLinkDirective {
+    constructor(locationStrategy, elementRef, router, renderer, routerLinkDirective) {
+        this.locationStrategy = locationStrategy;
+        this.elementRef = elementRef;
+        this.router = router;
+        this.renderer = renderer;
+        this.routerLinkDirective = routerLinkDirective;
+    }
+    onClick(event) {
+        // Prevents the browser from performing a page reload when pressing a SIX-component with routerLink.
+        event.preventDefault();
+    }
+    ngOnInit() {
+        this.updateTargetUrlAndHref();
+    }
+    ngOnChanges() {
+        this.updateTargetUrlAndHref();
+    }
+    updateTargetUrlAndHref() {
+        if (this.routerLinkDirective?.urlTree) {
+            const url = this.locationStrategy.prepareExternalUrl(this.router.serializeUrl(this.routerLinkDirective.urlTree));
+            this.renderer.setAttribute(this.elementRef.nativeElement, 'href', url);
+            // Remove the `tabindex` attribute to prevent redundant focus behavior.
+            // Angular's RouterLink adds `tabindex="0"` to non-focusable elements (e.g., `<div>`),
+            // but custom components like `six-button` already handle focusability.
+            // Keeping the tabindex would cause the element to receive focus twice.
+            this.renderer.removeAttribute(this.elementRef.nativeElement, 'tabindex');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixRouterLinkDirective, deps: [{ token: i1.LocationStrategy }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.Renderer2 }, { token: i2.RouterLink, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SixRouterLinkDirective, selector: "six-sidebar-item[routerLink],six-sidebar-item-group[routerLink],six-button[routerLink],six-icon-button[routerLink]", inputs: { routerLink: "routerLink", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", relativeTo: "relativeTo" }, host: { listeners: { "click": "onClick($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SixRouterLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar-item[routerLink],six-sidebar-item-group[routerLink],six-button[routerLink],six-icon-button[routerLink]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocationStrategy }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.Renderer2 }, { type: i2.RouterLink, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], routerLink: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }], fragment: [{
+                type: Input
+            }], queryParamsHandling: [{
+                type: Input
+            }], relativeTo: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l4LXJvdXRlci1saW5rLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbGluay9zaXgtcm91dGVyLWxpbmsuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBcUIsUUFBUSxFQUFhLE1BQU0sZUFBZSxDQUFDOzs7O0FBSW5IOztHQUVHO0FBS0gsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUNVLGdCQUFrQyxFQUNsQyxVQUFzQixFQUN0QixNQUFjLEVBQ2QsUUFBbUIsRUFDUCxtQkFBZ0M7UUFKNUMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNsQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ1Asd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFhO0lBQ25ELENBQUM7SUFHSixPQUFPLENBQUMsS0FBYztRQUNwQixvR0FBb0c7UUFDcEcsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFRRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHNCQUFzQixFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU8sc0JBQXNCO1FBQzVCLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFLE9BQU8sRUFBRTtZQUNyQyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7WUFDakgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBRXZFLHVFQUF1RTtZQUN2RSxzRkFBc0Y7WUFDdEYsdUVBQXVFO1lBQ3ZFLHVFQUF1RTtZQUN2RSxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQztTQUMxRTtJQUNILENBQUM7K0dBeENVLHNCQUFzQjttR0FBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFDTixvSEFBb0g7aUJBQ3ZIOzswQkFPSSxRQUFROzRDQUlYLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTXhCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3B0aW9uYWwsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyLCBSb3V0ZXJMaW5rIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IExvY2F0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG4vKipcbiAqIEZvcmtlZCBmcm9tICBodHRwczovL2dpdGh1Yi5jb20vaW9uaWMtdGVhbS9pb25pYy1mcmFtZXdvcmsvYmxvYi9tYWluL3BhY2thZ2VzL2FuZ3VsYXIvY29tbW9uL3NyYy9kaXJlY3RpdmVzL25hdmlnYXRpb24vcm91dGVyLWxpbmstZGVsZWdhdGUudHMuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjpcbiAgICAnc2l4LXNpZGViYXItaXRlbVtyb3V0ZXJMaW5rXSxzaXgtc2lkZWJhci1pdGVtLWdyb3VwW3JvdXRlckxpbmtdLHNpeC1idXR0b25bcm91dGVyTGlua10sc2l4LWljb24tYnV0dG9uW3JvdXRlckxpbmtdJyxcbn0pXG5leHBvcnQgY2xhc3MgU2l4Um91dGVyTGlua0RpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBsb2NhdGlvblN0cmF0ZWd5OiBMb2NhdGlvblN0cmF0ZWd5LFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIHJvdXRlckxpbmtEaXJlY3RpdmU/OiBSb3V0ZXJMaW5rXG4gICkge31cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIG9uQ2xpY2soZXZlbnQ6IFVJRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBQcmV2ZW50cyB0aGUgYnJvd3NlciBmcm9tIHBlcmZvcm1pbmcgYSBwYWdlIHJlbG9hZCB3aGVuIHByZXNzaW5nIGEgU0lYLWNvbXBvbmVudCB3aXRoIHJvdXRlckxpbmsuXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG4gIEBJbnB1dCgpIHJvdXRlckxpbms/OiBhbnk7XG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zPzogYW55O1xuICBASW5wdXQoKSBmcmFnbWVudD86IGFueTtcbiAgQElucHV0KCkgcXVlcnlQYXJhbXNIYW5kbGluZz86IGFueTtcbiAgQElucHV0KCkgcmVsYXRpdmVUbz86IGFueTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZVRhcmdldFVybEFuZEhyZWYoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlVGFyZ2V0VXJsQW5kSHJlZigpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVUYXJnZXRVcmxBbmRIcmVmKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnJvdXRlckxpbmtEaXJlY3RpdmU/LnVybFRyZWUpIHtcbiAgICAgIGNvbnN0IHVybCA9IHRoaXMubG9jYXRpb25TdHJhdGVneS5wcmVwYXJlRXh0ZXJuYWxVcmwodGhpcy5yb3V0ZXIuc2VyaWFsaXplVXJsKHRoaXMucm91dGVyTGlua0RpcmVjdGl2ZS51cmxUcmVlKSk7XG4gICAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2hyZWYnLCB1cmwpO1xuXG4gICAgICAvLyBSZW1vdmUgdGhlIGB0YWJpbmRleGAgYXR0cmlidXRlIHRvIHByZXZlbnQgcmVkdW5kYW50IGZvY3VzIGJlaGF2aW9yLlxuICAgICAgLy8gQW5ndWxhcidzIFJvdXRlckxpbmsgYWRkcyBgdGFiaW5kZXg9XCIwXCJgIHRvIG5vbi1mb2N1c2FibGUgZWxlbWVudHMgKGUuZy4sIGA8ZGl2PmApLFxuICAgICAgLy8gYnV0IGN1c3RvbSBjb21wb25lbnRzIGxpa2UgYHNpeC1idXR0b25gIGFscmVhZHkgaGFuZGxlIGZvY3VzYWJpbGl0eS5cbiAgICAgIC8vIEtlZXBpbmcgdGhlIHRhYmluZGV4IHdvdWxkIGNhdXNlIHRoZSBlbGVtZW50IHRvIHJlY2VpdmUgZm9jdXMgdHdpY2UuXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUF0dHJpYnV0ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ3RhYmluZGV4Jyk7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/lib/services/alert.service.mjs

@@ -0,0 +1,21 @@
+import { inject, Injectable, NgZone } from '@angular/core';
+import { showAlert } from '@six-group/ui-library';
+import * as i0 from "@angular/core";
+export class AlertService {
+    constructor() {
+        this.ngZone = inject(NgZone);
+    }
+    /**
+     * Displays an alert as a toast notification.
+     */
+    showAlert(message, alertType, duration, iconName) {
+        this.ngZone.runOutsideAngular(() => showAlert(message, alertType, duration, iconName));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AlertService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvc2VydmljZXMvYWxlcnQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0QsT0FBTyxFQUFhLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQUc3RCxNQUFNLE9BQU8sWUFBWTtJQUR6QjtRQUVVLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7S0FRakM7SUFOQzs7T0FFRztJQUNJLFNBQVMsQ0FBQyxPQUFlLEVBQUUsU0FBcUIsRUFBRSxRQUFpQixFQUFFLFFBQWlCO1FBQzNGLElBQUksQ0FBQyxNQUFNLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDekYsQ0FBQzsrR0FSVSxZQUFZO21IQUFaLFlBQVksY0FEQyxNQUFNOzs0RkFDbkIsWUFBWTtrQkFEeEIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWxlcnRUeXBlLCBzaG93QWxlcnQgfSBmcm9tICdAc2l4LWdyb3VwL3VpLWxpYnJhcnknO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIEFsZXJ0U2VydmljZSB7XG4gIHByaXZhdGUgbmdab25lID0gaW5qZWN0KE5nWm9uZSk7XG5cbiAgLyoqXG4gICAqIERpc3BsYXlzIGFuIGFsZXJ0IGFzIGEgdG9hc3Qgbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgcHVibGljIHNob3dBbGVydChtZXNzYWdlOiBzdHJpbmcsIGFsZXJ0VHlwZT86IEFsZXJ0VHlwZSwgZHVyYXRpb24/OiBudW1iZXIsIGljb25OYW1lPzogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4gc2hvd0FsZXJ0KG1lc3NhZ2UsIGFsZXJ0VHlwZSwgZHVyYXRpb24sIGljb25OYW1lKSk7XG4gIH1cbn1cbiJdfQ==

package/{esm2020 → esm2022}/lib/services/validation-messages.service.mjs

@@ -5,11 +5,11 @@ export class ValidationMessagesService {
     getErrorMessage(language, error) {
         return getErrorMessage(language, error);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValidationMessagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValidationMessagesService, providedIn: 'root' }); }
 }
-ValidationMessagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValidationMessagesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ValidationMessagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValidationMessagesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ValidationMessagesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ValidationMessagesService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1tZXNzYWdlcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zZXJ2aWNlcy92YWxpZGF0aW9uLW1lc3NhZ2VzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBNkIsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUczQyxNQUFNLE9BQU8seUJBQXlCO0lBQzdCLGVBQWUsQ0FBQyxRQUFrQixFQUFFLEtBQXNCO1FBQy9ELE9BQU8sZUFBZSxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDOztzSEFIVSx5QkFBeUI7MEhBQXpCLHlCQUF5QixjQURaLE1BQU07MkZBQ25CLHlCQUF5QjtrQkFEckMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIExhbmd1YWdlLCBWYWxpZGF0aW9uRXJyb3IgfSBmcm9tICdAc2l4LWdyb3VwL3VpLWxpYnJhcnknO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFZhbGlkYXRpb25NZXNzYWdlc1NlcnZpY2Uge1xuICBwdWJsaWMgZ2V0RXJyb3JNZXNzYWdlKGxhbmd1YWdlOiBMYW5ndWFnZSwgZXJyb3I6IFZhbGlkYXRpb25FcnJvcik6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldEVycm9yTWVzc2FnZShsYW5ndWFnZSwgZXJyb3IpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1tZXNzYWdlcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zZXJ2aWNlcy92YWxpZGF0aW9uLW1lc3NhZ2VzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBNkIsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUczQyxNQUFNLE9BQU8seUJBQXlCO0lBQzdCLGVBQWUsQ0FBQyxRQUFrQixFQUFFLEtBQXNCO1FBQy9ELE9BQU8sZUFBZSxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDOytHQUhVLHlCQUF5QjttSEFBekIseUJBQXlCLGNBRFosTUFBTTs7NEZBQ25CLHlCQUF5QjtrQkFEckMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRFcnJvck1lc3NhZ2UsIExhbmd1YWdlLCBWYWxpZGF0aW9uRXJyb3IgfSBmcm9tICdAc2l4LWdyb3VwL3VpLWxpYnJhcnknO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFZhbGlkYXRpb25NZXNzYWdlc1NlcnZpY2Uge1xuICBwdWJsaWMgZ2V0RXJyb3JNZXNzYWdlKGxhbmd1YWdlOiBMYW5ndWFnZSwgZXJyb3I6IFZhbGlkYXRpb25FcnJvcik6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGdldEVycm9yTWVzc2FnZShsYW5ndWFnZSwgZXJyb3IpO1xuICB9XG59XG4iXX0=

package/esm2022/lib/sidebar/active-sidebar.directive.mjs

@@ -0,0 +1,110 @@
+import { ContentChildren, Directive, HostBinding, inject } from '@angular/core';
+import { RouterLinkActive } from '@angular/router';
+import { SixSidebarItem, SixSidebarItemGroup } from '../stencil-generated/components';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+/**
+ * Enables Angular router integration for the six-sidebar component.
+ *
+ * When this directive is added to a six-sidebar component using the 'sixRouterLinkActive' attribute,
+ * it activates automatic route-based selection for sidebar items and groups.
+ *
+ * @recommended Add this directive to enable automatic route-based navigation in sidebars.
+ *
+ * @example
+ * ```html
+ * <six-sidebar sixRouterLinkActive>
+ *   <six-sidebar-item routerLink="/home">Home</six-sidebar-item>
+ *   <six-sidebar-item-group>
+ *     <six-sidebar-item routerLink="/settings/profile">Profile</six-sidebar-item>
+ *   </six-sidebar-item-group>
+ * </six-sidebar>
+ * ```
+ */
+export class ActiveSidebarDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarDirective, selector: "six-sidebar[sixRouterLinkActive]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar[sixRouterLinkActive]',
+                }]
+        }] });
+/**
+ * Enhances six-sidebar-item with Angular router integration.
+ *
+ * This directive automatically manages the 'selected' state of sidebar items based on the current route.
+ * When used with ActiveSidebarDirective, it switches from manual selection to route-based selection.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based selection
+ */
+export class ActiveSidebarItemDirective {
+    constructor() {
+        this.routerLinkActive = inject(RouterLinkActive);
+        this.sidebarItem = inject(SixSidebarItem);
+        this.activeSidebarDirective = inject(ActiveSidebarDirective, { optional: true });
+    }
+    get selected() {
+        if (this.activeSidebarDirective == null) {
+            return this.sidebarItem.selected;
+        }
+        else {
+            return this.routerLinkActive.isActive;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarItemDirective, selector: "six-sidebar-item", host: { properties: { "selected": "this.selected" } }, hostDirectives: [{ directive: i1.RouterLinkActive }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar-item',
+                    hostDirectives: [RouterLinkActive],
+                }]
+        }], propDecorators: { selected: [{
+                type: HostBinding,
+                args: ['selected']
+            }] } });
+/**
+ * Enhances six-sidebar-item-group with Angular router integration.
+ *
+ * This directive automatically manages the 'open' state of sidebar groups based on the active route.
+ * When a child route is active, the group automatically expands to show the active item.
+ *
+ * @requires RouterLinkActive
+ * @optional ActiveSidebarDirective - If present, enables route-based expansion
+ */
+export class ActiveSidebarItemGroupDirective {
+    constructor() {
+        this.routerLinkActive = inject(RouterLinkActive);
+        this.sidebarItemGroup = inject(SixSidebarItemGroup);
+        this.activeSidebarDirective = inject(ActiveSidebarDirective, { optional: true });
+    }
+    get open() {
+        if (this.activeSidebarDirective == null) {
+            return this.sidebarItemGroup.open;
+        }
+        if (this.sidebarItems?.length > 0) {
+            return this.routerLinkActive.isActive ? true : this.sidebarItemGroup.open;
+        }
+        return this.routerLinkActive.isActive;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ActiveSidebarItemGroupDirective, selector: "six-sidebar-item-group", host: { properties: { "open": "this.open" } }, queries: [{ propertyName: "sidebarItems", predicate: SixSidebarItem }], hostDirectives: [{ directive: i1.RouterLinkActive }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActiveSidebarItemGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'six-sidebar-item-group',
+                    hostDirectives: [RouterLinkActive],
+                }]
+        }], propDecorators: { sidebarItems: [{
+                type: ContentChildren,
+                args: [SixSidebarItem]
+            }], open: [{
+                type: HostBinding,
+                args: ['open']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZlLXNpZGViYXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9zaWRlYmFyL2FjdGl2ZS1zaWRlYmFyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQWdCLE1BQU0sRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQUV0Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FpQkc7QUFJSCxNQUFNLE9BQU8sc0JBQXNCOytHQUF0QixzQkFBc0I7bUdBQXRCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0NBQWtDO2lCQUM3Qzs7QUFHRDs7Ozs7Ozs7R0FRRztBQUtILE1BQU0sT0FBTywwQkFBMEI7SUFKdkM7UUFLVSxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUU1QyxnQkFBVyxHQUFHLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNyQywyQkFBc0IsR0FBRyxNQUFNLENBQUMsc0JBQXNCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztLQVVyRjtJQVJDLElBQ0ksUUFBUTtRQUNWLElBQUksSUFBSSxDQUFDLHNCQUFzQixJQUFJLElBQUksRUFBRTtZQUN2QyxPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7U0FDdkM7SUFDSCxDQUFDOytHQWJVLDBCQUEwQjttR0FBMUIsMEJBQTBCOzs0RkFBMUIsMEJBQTBCO2tCQUp0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLGNBQWMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUNuQzs4QkFRSyxRQUFRO3NCQURYLFdBQVc7dUJBQUMsVUFBVTs7QUFVekI7Ozs7Ozs7O0dBUUc7QUFLSCxNQUFNLE9BQU8sK0JBQStCO0lBSjVDO1FBS1UscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDNUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUFDL0MsMkJBQXNCLEdBQUcsTUFBTSxDQUFDLHNCQUFzQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0FnQnJGO0lBWkMsSUFDSSxJQUFJO1FBQ04sSUFBSSxJQUFJLENBQUMsc0JBQXNCLElBQUksSUFBSSxFQUFFO1lBQ3ZDLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQztTQUNuQztRQUVELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2pDLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1NBQzNFO1FBRUQsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxDQUFDO0lBQ3hDLENBQUM7K0dBbEJVLCtCQUErQjttR0FBL0IsK0JBQStCLDBJQUt6QixjQUFjOzs0RkFMcEIsK0JBQStCO2tCQUozQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLGNBQWMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUNuQzs4QkFNMEMsWUFBWTtzQkFBcEQsZUFBZTt1QkFBQyxjQUFjO2dCQUczQixJQUFJO3NCQURQLFdBQVc7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbnRlbnRDaGlsZHJlbiwgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBpbmplY3QsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTGlua0FjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTaXhTaWRlYmFySXRlbSwgU2l4U2lkZWJhckl0ZW1Hcm91cCB9IGZyb20gJy4uL3N0ZW5jaWwtZ2VuZXJhdGVkL2NvbXBvbmVudHMnO1xuXG4vKipcbiAqIEVuYWJsZXMgQW5ndWxhciByb3V0ZXIgaW50ZWdyYXRpb24gZm9yIHRoZSBzaXgtc2lkZWJhciBjb21wb25lbnQuXG4gKlxuICogV2hlbiB0aGlzIGRpcmVjdGl2ZSBpcyBhZGRlZCB0byBhIHNpeC1zaWRlYmFyIGNvbXBvbmVudCB1c2luZyB0aGUgJ3NpeFJvdXRlckxpbmtBY3RpdmUnIGF0dHJpYnV0ZSxcbiAqIGl0IGFjdGl2YXRlcyBhdXRvbWF0aWMgcm91dGUtYmFzZWQgc2VsZWN0aW9uIGZvciBzaWRlYmFyIGl0ZW1zIGFuZCBncm91cHMuXG4gKlxuICogQHJlY29tbWVuZGVkIEFkZCB0aGlzIGRpcmVjdGl2ZSB0byBlbmFibGUgYXV0b21hdGljIHJvdXRlLWJhc2VkIG5hdmlnYXRpb24gaW4gc2lkZWJhcnMuXG4gKlxuICogQGV4YW1wbGVcbiAqIGBgYGh0bWxcbiAqIDxzaXgtc2lkZWJhciBzaXhSb3V0ZXJMaW5rQWN0aXZlPlxuICogICA8c2l4LXNpZGViYXItaXRlbSByb3V0ZXJMaW5rPVwiL2hvbWVcIj5Ib21lPC9zaXgtc2lkZWJhci1pdGVtPlxuICogICA8c2l4LXNpZGViYXItaXRlbS1ncm91cD5cbiAqICAgICA8c2l4LXNpZGViYXItaXRlbSByb3V0ZXJMaW5rPVwiL3NldHRpbmdzL3Byb2ZpbGVcIj5Qcm9maWxlPC9zaXgtc2lkZWJhci1pdGVtPlxuICogICA8L3NpeC1zaWRlYmFyLWl0ZW0tZ3JvdXA+XG4gKiA8L3NpeC1zaWRlYmFyPlxuICogYGBgXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NpeC1zaWRlYmFyW3NpeFJvdXRlckxpbmtBY3RpdmVdJyxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aXZlU2lkZWJhckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIEVuaGFuY2VzIHNpeC1zaWRlYmFyLWl0ZW0gd2l0aCBBbmd1bGFyIHJvdXRlciBpbnRlZ3JhdGlvbi5cbiAqXG4gKiBUaGlzIGRpcmVjdGl2ZSBhdXRvbWF0aWNhbGx5IG1hbmFnZXMgdGhlICdzZWxlY3RlZCcgc3RhdGUgb2Ygc2lkZWJhciBpdGVtcyBiYXNlZCBvbiB0aGUgY3VycmVudCByb3V0ZS5cbiAqIFdoZW4gdXNlZCB3aXRoIEFjdGl2ZVNpZGViYXJEaXJlY3RpdmUsIGl0IHN3aXRjaGVzIGZyb20gbWFudWFsIHNlbGVjdGlvbiB0byByb3V0ZS1iYXNlZCBzZWxlY3Rpb24uXG4gKlxuICogQHJlcXVpcmVzIFJvdXRlckxpbmtBY3RpdmVcbiAqIEBvcHRpb25hbCBBY3RpdmVTaWRlYmFyRGlyZWN0aXZlIC0gSWYgcHJlc2VudCwgZW5hYmxlcyByb3V0ZS1iYXNlZCBzZWxlY3Rpb25cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc2l4LXNpZGViYXItaXRlbScsXG4gIGhvc3REaXJlY3RpdmVzOiBbUm91dGVyTGlua0FjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGl2ZVNpZGViYXJJdGVtRGlyZWN0aXZlIHtcbiAgcHJpdmF0ZSByb3V0ZXJMaW5rQWN0aXZlID0gaW5qZWN0KFJvdXRlckxpbmtBY3RpdmUpO1xuXG4gIHByaXZhdGUgc2lkZWJhckl0ZW0gPSBpbmplY3QoU2l4U2lkZWJhckl0ZW0pO1xuICBwcml2YXRlIGFjdGl2ZVNpZGViYXJEaXJlY3RpdmUgPSBpbmplY3QoQWN0aXZlU2lkZWJhckRpcmVjdGl2ZSwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcblxuICBASG9zdEJpbmRpbmcoJ3NlbGVjdGVkJylcbiAgZ2V0IHNlbGVjdGVkKCkge1xuICAgIGlmICh0aGlzLmFjdGl2ZVNpZGViYXJEaXJlY3RpdmUgPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIHRoaXMuc2lkZWJhckl0ZW0uc2VsZWN0ZWQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0aGlzLnJvdXRlckxpbmtBY3RpdmUuaXNBY3RpdmU7XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogRW5oYW5jZXMgc2l4LXNpZGViYXItaXRlbS1ncm91cCB3aXRoIEFuZ3VsYXIgcm91dGVyIGludGVncmF0aW9uLlxuICpcbiAqIFRoaXMgZGlyZWN0aXZlIGF1dG9tYXRpY2FsbHkgbWFuYWdlcyB0aGUgJ29wZW4nIHN0YXRlIG9mIHNpZGViYXIgZ3JvdXBzIGJhc2VkIG9uIHRoZSBhY3RpdmUgcm91dGUuXG4gKiBXaGVuIGEgY2hpbGQgcm91dGUgaXMgYWN0aXZlLCB0aGUgZ3JvdXAgYXV0b21hdGljYWxseSBleHBhbmRzIHRvIHNob3cgdGhlIGFjdGl2ZSBpdGVtLlxuICpcbiAqIEByZXF1aXJlcyBSb3V0ZXJMaW5rQWN0aXZlXG4gKiBAb3B0aW9uYWwgQWN0aXZlU2lkZWJhckRpcmVjdGl2ZSAtIElmIHByZXNlbnQsIGVuYWJsZXMgcm91dGUtYmFzZWQgZXhwYW5zaW9uXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NpeC1zaWRlYmFyLWl0ZW0tZ3JvdXAnLFxuICBob3N0RGlyZWN0aXZlczogW1JvdXRlckxpbmtBY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBBY3RpdmVTaWRlYmFySXRlbUdyb3VwRGlyZWN0aXZlIHtcbiAgcHJpdmF0ZSByb3V0ZXJMaW5rQWN0aXZlID0gaW5qZWN0KFJvdXRlckxpbmtBY3RpdmUpO1xuICBwcml2YXRlIHNpZGViYXJJdGVtR3JvdXAgPSBpbmplY3QoU2l4U2lkZWJhckl0ZW1Hcm91cCk7XG4gIHByaXZhdGUgYWN0aXZlU2lkZWJhckRpcmVjdGl2ZSA9IGluamVjdChBY3RpdmVTaWRlYmFyRGlyZWN0aXZlLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oU2l4U2lkZWJhckl0ZW0pIHByaXZhdGUgc2lkZWJhckl0ZW1zITogUXVlcnlMaXN0PFNpeFNpZGViYXJJdGVtPjtcblxuICBASG9zdEJpbmRpbmcoJ29wZW4nKVxuICBnZXQgb3BlbigpIHtcbiAgICBpZiAodGhpcy5hY3RpdmVTaWRlYmFyRGlyZWN0aXZlID09IG51bGwpIHtcbiAgICAgIHJldHVybiB0aGlzLnNpZGViYXJJdGVtR3JvdXAub3BlbjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5zaWRlYmFySXRlbXM/Lmxlbmd0aCA+IDApIHtcbiAgICAgIHJldHVybiB0aGlzLnJvdXRlckxpbmtBY3RpdmUuaXNBY3RpdmUgPyB0cnVlIDogdGhpcy5zaWRlYmFySXRlbUdyb3VwLm9wZW47XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMucm91dGVyTGlua0FjdGl2ZS5pc0FjdGl2ZTtcbiAgfVxufVxuIl19