@balinasoftware/balinaui-components 3.3.11 → 3.3.12

package/fesm2022/balinasoftware-balinaui-components.mjs

@@ -719,20 +719,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             }] } });
 
 class GraphCard {
-    // =========================================
-    // INPUTS
-    // =========================================
     title = 'GMT';
     customClass = '';
     clickable = false;
     disabled = false;
-    // =========================================
-    // OUTPUT
-    // =========================================
     clicked = new EventEmitter();
-    // =========================================
-    // CLICK
-    // =========================================
     onClick(event) {
         if (!this.clickable ||
             this.disabled) {
@@ -741,11 +732,11 @@ class GraphCard {
         this.clicked.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: GraphCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: GraphCard, isStandalone: true, selector: "lib-graph-card", inputs: { title: "title", customClass: "customClass", clickable: "clickable", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- =====================================\n       TITLE\n       ===================================== -->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!-- =====================================\n       DEVELOPER CONTENT\n       ===================================== -->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>", styles: [".balina-card{--card-width: 100%;--card-min-height: 400px;--card-padding: 30px;--card-background: #ffffff;--card-border: 3px solid #cccccc;--card-title-color: #000000;--card-content-color: #000000;--card-radius: 12px;--card-title-size: 40px;--card-title-weight: 700;--card-title-line-height: 1.2;--card-content-gap: 20px;--card-title-content-gap: 25px;--card-font-family: Arial, Helvetica, sans-serif;width:var(--card-width);min-height:var(--card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--card-padding);background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);color:var(--card-content-color);font-family:var(--card-font-family);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.card-title{flex:0 0 auto;margin:0;padding:0;color:var(--card-title-color);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-line-height);word-break:break-word}.card-content{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--card-content-gap);margin-top:var(--card-title-content-gap);box-sizing:border-box}.card-content img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px}.card-content canvas{display:block;max-width:100%;height:auto}.card-content>*{max-width:100%;box-sizing:border-box}.card-content p{margin:0;color:var(--card-content-color);line-height:1.5;word-break:break-word}.card-content button{box-sizing:border-box;cursor:pointer}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 15px #0000001f}.card-clickable:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.card-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.chart-card{--card-width: 500px;--card-min-height: 400px;--card-padding: 30px;--card-title-size: 40px}.image-card{--card-width: 500px;--card-min-height: 300px;--card-padding: 25px;--card-title-size: 32px}.large-card{--card-width: 800px;--card-min-height: 500px;--card-padding: 40px;--card-title-size: 42px}@media(max-width:768px){.balina-card{--card-min-height: 350px;--card-padding: 24px;--card-title-size: 32px;--card-content-gap: 16px;--card-title-content-gap: 20px}}@media(max-width:480px){.balina-card{--card-min-height: 300px;--card-padding: 18px;--card-title-size: 28px;--card-content-gap: 14px;--card-title-content-gap: 18px;--card-radius: 10px}}@media(max-width:360px){.balina-card{--card-padding: 14px;--card-title-size: 24px}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: GraphCard, isStandalone: true, selector: "lib-graph-card", inputs: { title: "title", customClass: "customClass", clickable: "clickable", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- TITLE-->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!--DEVELOPER CONTENT-->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>", styles: [".balina-card{--card-width: 100%;--card-min-height: 400px;--card-padding: 30px;--card-background: #ffffff;--card-border: 3px solid #cccccc;--card-title-color: #000000;--card-content-color: #000000;--card-radius: 12px;--card-title-size: 40px;--card-title-weight: 700;--card-title-line-height: 1.2;--card-content-gap: 20px;--card-title-content-gap: 25px;--card-font-family: Arial, Helvetica, sans-serif;width:var(--card-width);min-height:var(--card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--card-padding);background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);color:var(--card-content-color);font-family:var(--card-font-family);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.card-title{flex:0 0 auto;margin:0;padding:0;color:var(--card-title-color);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-line-height);word-break:break-word}.card-content{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--card-content-gap);margin-top:var(--card-title-content-gap);box-sizing:border-box}.card-content img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px}.card-content canvas{display:block;max-width:100%;height:auto}.card-content>*{max-width:100%;box-sizing:border-box}.card-content p{margin:0;color:var(--card-content-color);line-height:1.5;word-break:break-word}.card-content button{box-sizing:border-box;cursor:pointer}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 15px #0000001f}.card-clickable:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.card-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.chart-card{--card-width: 500px;--card-min-height: 400px;--card-padding: 30px;--card-title-size: 40px}.image-card{--card-width: 500px;--card-min-height: 300px;--card-padding: 25px;--card-title-size: 32px}.large-card{--card-width: 800px;--card-min-height: 500px;--card-padding: 40px;--card-title-size: 42px}@media(max-width:768px){.balina-card{--card-min-height: 350px;--card-padding: 24px;--card-title-size: 32px;--card-content-gap: 16px;--card-title-content-gap: 20px}}@media(max-width:480px){.balina-card{--card-min-height: 300px;--card-padding: 18px;--card-title-size: 28px;--card-content-gap: 14px;--card-title-content-gap: 18px;--card-radius: 10px}}@media(max-width:360px){.balina-card{--card-padding: 14px;--card-title-size: 24px}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: GraphCard, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-graph-card', standalone: true, imports: [], template: "<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- =====================================\n       TITLE\n       ===================================== -->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!-- =====================================\n       DEVELOPER CONTENT\n       ===================================== -->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>", styles: [".balina-card{--card-width: 100%;--card-min-height: 400px;--card-padding: 30px;--card-background: #ffffff;--card-border: 3px solid #cccccc;--card-title-color: #000000;--card-content-color: #000000;--card-radius: 12px;--card-title-size: 40px;--card-title-weight: 700;--card-title-line-height: 1.2;--card-content-gap: 20px;--card-title-content-gap: 25px;--card-font-family: Arial, Helvetica, sans-serif;width:var(--card-width);min-height:var(--card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--card-padding);background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);color:var(--card-content-color);font-family:var(--card-font-family);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.card-title{flex:0 0 auto;margin:0;padding:0;color:var(--card-title-color);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-line-height);word-break:break-word}.card-content{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--card-content-gap);margin-top:var(--card-title-content-gap);box-sizing:border-box}.card-content img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px}.card-content canvas{display:block;max-width:100%;height:auto}.card-content>*{max-width:100%;box-sizing:border-box}.card-content p{margin:0;color:var(--card-content-color);line-height:1.5;word-break:break-word}.card-content button{box-sizing:border-box;cursor:pointer}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 15px #0000001f}.card-clickable:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.card-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.chart-card{--card-width: 500px;--card-min-height: 400px;--card-padding: 30px;--card-title-size: 40px}.image-card{--card-width: 500px;--card-min-height: 300px;--card-padding: 25px;--card-title-size: 32px}.large-card{--card-width: 800px;--card-min-height: 500px;--card-padding: 40px;--card-title-size: 42px}@media(max-width:768px){.balina-card{--card-min-height: 350px;--card-padding: 24px;--card-title-size: 32px;--card-content-gap: 16px;--card-title-content-gap: 20px}}@media(max-width:480px){.balina-card{--card-min-height: 300px;--card-padding: 18px;--card-title-size: 28px;--card-content-gap: 14px;--card-title-content-gap: 18px;--card-radius: 10px}}@media(max-width:360px){.balina-card{--card-padding: 14px;--card-title-size: 24px}}\n"] }]
+            args: [{ selector: 'lib-graph-card', standalone: true, imports: [], template: "<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- TITLE-->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!--DEVELOPER CONTENT-->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>", styles: [".balina-card{--card-width: 100%;--card-min-height: 400px;--card-padding: 30px;--card-background: #ffffff;--card-border: 3px solid #cccccc;--card-title-color: #000000;--card-content-color: #000000;--card-radius: 12px;--card-title-size: 40px;--card-title-weight: 700;--card-title-line-height: 1.2;--card-content-gap: 20px;--card-title-content-gap: 25px;--card-font-family: Arial, Helvetica, sans-serif;width:var(--card-width);min-height:var(--card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--card-padding);background:var(--card-background);border:var(--card-border);border-radius:var(--card-radius);color:var(--card-content-color);font-family:var(--card-font-family);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,opacity .2s ease}.card-title{flex:0 0 auto;margin:0;padding:0;color:var(--card-title-color);font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-line-height);word-break:break-word}.card-content{width:100%;min-width:0;display:flex;flex-direction:column;gap:var(--card-content-gap);margin-top:var(--card-title-content-gap);box-sizing:border-box}.card-content img{display:block;max-width:100%;height:auto;object-fit:contain;border-radius:8px}.card-content canvas{display:block;max-width:100%;height:auto}.card-content>*{max-width:100%;box-sizing:border-box}.card-content p{margin:0;color:var(--card-content-color);line-height:1.5;word-break:break-word}.card-content button{box-sizing:border-box;cursor:pointer}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 15px #0000001f}.card-clickable:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.card-disabled{opacity:.55;pointer-events:none;cursor:not-allowed;box-shadow:none;transform:none}.chart-card{--card-width: 500px;--card-min-height: 400px;--card-padding: 30px;--card-title-size: 40px}.image-card{--card-width: 500px;--card-min-height: 300px;--card-padding: 25px;--card-title-size: 32px}.large-card{--card-width: 800px;--card-min-height: 500px;--card-padding: 40px;--card-title-size: 42px}@media(max-width:768px){.balina-card{--card-min-height: 350px;--card-padding: 24px;--card-title-size: 32px;--card-content-gap: 16px;--card-title-content-gap: 20px}}@media(max-width:480px){.balina-card{--card-min-height: 300px;--card-padding: 18px;--card-title-size: 28px;--card-content-gap: 14px;--card-title-content-gap: 18px;--card-radius: 10px}}@media(max-width:360px){.balina-card{--card-padding: 14px;--card-title-size: 24px}}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], customClass: [{
@@ -759,19 +750,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             }] } });
 
 class FlightCard {
-    // CONTENT INPUTS
-    flightNumber = ' ';
-    route = ' ';
-    date = ' ';
-    airTime = ' ';
-    description = ' ';
-    // BEHAVIOR INPUTS
+    flightNumber = 'ET-123';
+    route = 'Addis Ababa (ADD) to Nairobi (NBO)';
+    date = 'June 14, 2026';
+    airTime = '2h 10m';
+    description = 'Flight information and operational performance.';
     clickable = false;
     disabled = false;
-    customClass = ' ';
-    // EVENTS
+    customClass = '';
+    get hostClasses() {
+        return [
+            this.customClass,
+            this.clickable ? 'flight-card-clickable' : '',
+            this.disabled ? 'flight-card-disabled' : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
     clicked = new EventEmitter();
-    // CLICK
     onClick(event) {
         if (!this.clickable ||
             this.disabled) {
@@ -780,11 +776,11 @@ class FlightCard {
         this.clicked.emit(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: FlightCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: FlightCard, isStandalone: true, selector: "lib-flight-card", inputs: { flightNumber: "flightNumber", route: "route", date: "date", airTime: "airTime", description: "description", clickable: "clickable", disabled: "disabled", customClass: "customClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"flight-card\" [class]=\"customClass\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            \u2708\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>", styles: [".flight-card{--flight-card-width: 100%;--flight-card-min-height: 420px;--flight-card-padding: 38px 42px;--flight-card-background: #ffffff;--flight-card-border: #e1e1e1;--flight-card-text: #111111;--flight-card-icon: #3478f6;--flight-card-divider: #eeeeee;--flight-card-border-width: 2px;--flight-card-radius: 12px;--flight-header-gap: 24px;--flight-info-gap: 26px;--flight-description-gap: 32px;--flight-font-family: Arial, Helvetica, sans-serif;--flight-title-size: 30px;--flight-route-size: 28px;--flight-date-size: 27px;--flight-air-time-size: 27px;--flight-description-size: 20px;width:var(--flight-card-width);min-height:var(--flight-card-min-height);box-sizing:border-box;padding:var(--flight-card-padding);display:flex;flex-direction:column;background:var(--flight-card-background);border:var(--flight-card-border-width) solid var(--flight-card-border);border-radius:var(--flight-card-radius);color:var(--flight-card-text);font-family:var(--flight-font-family);box-shadow:0 3px 6px #00000026;transition:box-shadow .2s ease,transform .2s ease}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 12px #00000026}.flight-header{display:flex;align-items:center;gap:var(--flight-header-gap)}.flight-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--flight-card-icon);font-size:40px;line-height:1;transform:rotate(-8deg)}.flight-title{margin:0;font-size:var(--flight-title-size);font-weight:700;line-height:1.2}.flight-info{display:flex;flex-direction:column;gap:var(--flight-info-gap);margin-top:48px}.flight-route{font-size:var(--flight-route-size);font-weight:500;line-height:1.3}.flight-date{font-size:var(--flight-date-size);font-weight:500;line-height:1.3}.flight-air-time{font-size:var(--flight-air-time-size);font-weight:500;line-height:1.3}.flight-divider{width:100%;height:6px;flex-shrink:0;margin-top:20px;background:var(--flight-card-divider)}.flight-description{margin-top:var(--flight-description-gap);font-size:var(--flight-description-size);font-weight:400;line-height:1.35}.card-disabled{opacity:.55;pointer-events:none;box-shadow:none}@media(max-width:768px){.flight-card{--flight-card-padding: 28px;--flight-title-size: 25px;--flight-route-size: 22px;--flight-date-size: 21px;--flight-air-time-size: 21px;--flight-description-size: 17px}.flight-header{gap:16px}.flight-icon{font-size:32px}.flight-info{margin-top:35px}}@media(max-width:480px){.flight-card{--flight-card-padding: 20px;--flight-title-size: 21px;--flight-route-size: 18px;--flight-date-size: 18px;--flight-air-time-size: 18px;--flight-description-size: 15px}.flight-info{gap:18px;margin-top:28px}.flight-icon{font-size:28px}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: FlightCard, isStandalone: true, selector: "lib-flight-card", inputs: { flightNumber: "flightNumber", route: "route", date: "date", airTime: "airTime", description: "description", clickable: "clickable", disabled: "disabled", customClass: "customClass" }, outputs: { clicked: "clicked" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"flight-card\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            \u2708\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>", styles: [":host{--flight-card-width: 100%;--flight-card-min-height: 420px;--flight-card-max-width: none;--flight-card-padding: 35px 40px;--flight-header-gap: 20px;--flight-info-gap: 20px;--flight-description-gap: 28px;--flight-title-info-gap: 40px;--flight-card-background: #ffffff;--flight-card-border: 2px solid #d9d9d9;--flight-card-text: #111111;--flight-card-icon: #3478f6;--flight-card-divider: #eeeeee;--flight-card-radius: 12px;--flight-title-size: 30px;--flight-title-weight: 700;--flight-title-line-height: 1.2;--flight-route-size: 25px;--flight-route-weight: 500;--flight-date-size: 23px;--flight-date-weight: 500;--flight-air-time-size: 23px;--flight-air-time-weight: 500;--flight-description-size: 18px;--flight-description-weight: 400;--flight-description-line-height: 1.5;--flight-icon-size: 40px;--flight-divider-height: 4px;--flight-font-family: Arial, Helvetica, sans-serif;display:block;width:var(--flight-card-width);max-width:var(--flight-card-max-width);box-sizing:border-box}.flight-card{width:100%;min-height:var(--flight-card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--flight-card-padding);background:var(--flight-card-background);border:var(--flight-card-border);border-radius:var(--flight-card-radius);color:var(--flight-card-text);font-family:var(--flight-font-family);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.flight-header{width:100%;display:flex;align-items:center;gap:var(--flight-header-gap);box-sizing:border-box}.flight-icon{flex:0 0 auto;width:var(--flight-icon-size);height:var(--flight-icon-size);display:flex;align-items:center;justify-content:center;color:var(--flight-card-icon);font-size:var(--flight-icon-size);line-height:1;transform:rotate(-8deg)}.flight-title{flex:1;min-width:0;margin:0;padding:0;color:var(--flight-card-text);font-size:var(--flight-title-size);font-weight:var(--flight-title-weight);line-height:var(--flight-title-line-height);word-break:break-word}.flight-info{width:100%;display:flex;flex-direction:column;gap:var(--flight-info-gap);margin-top:var(--flight-title-info-gap);box-sizing:border-box}.flight-route{color:var(--flight-card-text);font-size:var(--flight-route-size);font-weight:var(--flight-route-weight);line-height:1.3;word-break:break-word}.flight-date{color:var(--flight-card-text);font-size:var(--flight-date-size);font-weight:var(--flight-date-weight);line-height:1.3;word-break:break-word}.flight-air-time{color:var(--flight-card-text);font-size:var(--flight-air-time-size);font-weight:var(--flight-air-time-weight);line-height:1.3;word-break:break-word}.flight-divider{width:100%;height:var(--flight-divider-height);flex-shrink:0;margin-top:25px;background:var(--flight-card-divider);border-radius:999px}.flight-description{width:100%;margin-top:var(--flight-description-gap);color:var(--flight-card-text);font-size:var(--flight-description-size);font-weight:var(--flight-description-weight);line-height:var(--flight-description-line-height);word-break:break-word;overflow-wrap:anywhere}:host(.flight-card-clickable){cursor:pointer}:host(.flight-card-clickable) .flight-card{cursor:pointer}:host(.flight-card-clickable) .flight-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}:host(.flight-card-clickable) .flight-card:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}:host(.flight-card-disabled){opacity:.55;cursor:not-allowed;pointer-events:none}:host(.flight-card-disabled) .flight-card{box-shadow:none;transform:none}.flight-card img{display:block;max-width:100%;height:auto}.flight-card canvas{display:block;max-width:100%;height:auto}.flight-card svg{max-width:100%;height:auto}.flight-card>*{max-width:100%;box-sizing:border-box}@media(max-width:768px){:host{--flight-card-min-height: 350px;--flight-card-padding: 28px;--flight-header-gap: 16px;--flight-info-gap: 18px;--flight-title-info-gap: 32px;--flight-title-size: 26px;--flight-route-size: 21px;--flight-date-size: 20px;--flight-air-time-size: 20px;--flight-description-size: 17px;--flight-icon-size: 34px}}@media(max-width:480px){:host{--flight-card-min-height: 300px;--flight-card-padding: 20px;--flight-header-gap: 12px;--flight-info-gap: 14px;--flight-title-info-gap: 25px;--flight-title-size: 22px;--flight-route-size: 18px;--flight-date-size: 17px;--flight-air-time-size: 17px;--flight-description-size: 15px;--flight-description-line-height: 1.45;--flight-icon-size: 28px;--flight-card-radius: 10px}}@media(max-width:360px){:host{--flight-card-padding: 16px;--flight-header-gap: 10px;--flight-title-size: 20px;--flight-route-size: 17px;--flight-date-size: 16px;--flight-air-time-size: 16px;--flight-description-size: 14px;--flight-icon-size: 25px}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: FlightCard, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-flight-card', standalone: true, imports: [], template: "<div class=\"flight-card\" [class]=\"customClass\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            \u2708\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>", styles: [".flight-card{--flight-card-width: 100%;--flight-card-min-height: 420px;--flight-card-padding: 38px 42px;--flight-card-background: #ffffff;--flight-card-border: #e1e1e1;--flight-card-text: #111111;--flight-card-icon: #3478f6;--flight-card-divider: #eeeeee;--flight-card-border-width: 2px;--flight-card-radius: 12px;--flight-header-gap: 24px;--flight-info-gap: 26px;--flight-description-gap: 32px;--flight-font-family: Arial, Helvetica, sans-serif;--flight-title-size: 30px;--flight-route-size: 28px;--flight-date-size: 27px;--flight-air-time-size: 27px;--flight-description-size: 20px;width:var(--flight-card-width);min-height:var(--flight-card-min-height);box-sizing:border-box;padding:var(--flight-card-padding);display:flex;flex-direction:column;background:var(--flight-card-background);border:var(--flight-card-border-width) solid var(--flight-card-border);border-radius:var(--flight-card-radius);color:var(--flight-card-text);font-family:var(--flight-font-family);box-shadow:0 3px 6px #00000026;transition:box-shadow .2s ease,transform .2s ease}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-1px);box-shadow:0 5px 12px #00000026}.flight-header{display:flex;align-items:center;gap:var(--flight-header-gap)}.flight-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--flight-card-icon);font-size:40px;line-height:1;transform:rotate(-8deg)}.flight-title{margin:0;font-size:var(--flight-title-size);font-weight:700;line-height:1.2}.flight-info{display:flex;flex-direction:column;gap:var(--flight-info-gap);margin-top:48px}.flight-route{font-size:var(--flight-route-size);font-weight:500;line-height:1.3}.flight-date{font-size:var(--flight-date-size);font-weight:500;line-height:1.3}.flight-air-time{font-size:var(--flight-air-time-size);font-weight:500;line-height:1.3}.flight-divider{width:100%;height:6px;flex-shrink:0;margin-top:20px;background:var(--flight-card-divider)}.flight-description{margin-top:var(--flight-description-gap);font-size:var(--flight-description-size);font-weight:400;line-height:1.35}.card-disabled{opacity:.55;pointer-events:none;box-shadow:none}@media(max-width:768px){.flight-card{--flight-card-padding: 28px;--flight-title-size: 25px;--flight-route-size: 22px;--flight-date-size: 21px;--flight-air-time-size: 21px;--flight-description-size: 17px}.flight-header{gap:16px}.flight-icon{font-size:32px}.flight-info{margin-top:35px}}@media(max-width:480px){.flight-card{--flight-card-padding: 20px;--flight-title-size: 21px;--flight-route-size: 18px;--flight-date-size: 18px;--flight-air-time-size: 18px;--flight-description-size: 15px}.flight-info{gap:18px;margin-top:28px}.flight-icon{font-size:28px}}\n"] }]
+            args: [{ selector: 'lib-flight-card', standalone: true, imports: [], template: "<div class=\"flight-card\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            \u2708\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>", styles: [":host{--flight-card-width: 100%;--flight-card-min-height: 420px;--flight-card-max-width: none;--flight-card-padding: 35px 40px;--flight-header-gap: 20px;--flight-info-gap: 20px;--flight-description-gap: 28px;--flight-title-info-gap: 40px;--flight-card-background: #ffffff;--flight-card-border: 2px solid #d9d9d9;--flight-card-text: #111111;--flight-card-icon: #3478f6;--flight-card-divider: #eeeeee;--flight-card-radius: 12px;--flight-title-size: 30px;--flight-title-weight: 700;--flight-title-line-height: 1.2;--flight-route-size: 25px;--flight-route-weight: 500;--flight-date-size: 23px;--flight-date-weight: 500;--flight-air-time-size: 23px;--flight-air-time-weight: 500;--flight-description-size: 18px;--flight-description-weight: 400;--flight-description-line-height: 1.5;--flight-icon-size: 40px;--flight-divider-height: 4px;--flight-font-family: Arial, Helvetica, sans-serif;display:block;width:var(--flight-card-width);max-width:var(--flight-card-max-width);box-sizing:border-box}.flight-card{width:100%;min-height:var(--flight-card-min-height);height:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--flight-card-padding);background:var(--flight-card-background);border:var(--flight-card-border);border-radius:var(--flight-card-radius);color:var(--flight-card-text);font-family:var(--flight-font-family);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.flight-header{width:100%;display:flex;align-items:center;gap:var(--flight-header-gap);box-sizing:border-box}.flight-icon{flex:0 0 auto;width:var(--flight-icon-size);height:var(--flight-icon-size);display:flex;align-items:center;justify-content:center;color:var(--flight-card-icon);font-size:var(--flight-icon-size);line-height:1;transform:rotate(-8deg)}.flight-title{flex:1;min-width:0;margin:0;padding:0;color:var(--flight-card-text);font-size:var(--flight-title-size);font-weight:var(--flight-title-weight);line-height:var(--flight-title-line-height);word-break:break-word}.flight-info{width:100%;display:flex;flex-direction:column;gap:var(--flight-info-gap);margin-top:var(--flight-title-info-gap);box-sizing:border-box}.flight-route{color:var(--flight-card-text);font-size:var(--flight-route-size);font-weight:var(--flight-route-weight);line-height:1.3;word-break:break-word}.flight-date{color:var(--flight-card-text);font-size:var(--flight-date-size);font-weight:var(--flight-date-weight);line-height:1.3;word-break:break-word}.flight-air-time{color:var(--flight-card-text);font-size:var(--flight-air-time-size);font-weight:var(--flight-air-time-weight);line-height:1.3;word-break:break-word}.flight-divider{width:100%;height:var(--flight-divider-height);flex-shrink:0;margin-top:25px;background:var(--flight-card-divider);border-radius:999px}.flight-description{width:100%;margin-top:var(--flight-description-gap);color:var(--flight-card-text);font-size:var(--flight-description-size);font-weight:var(--flight-description-weight);line-height:var(--flight-description-line-height);word-break:break-word;overflow-wrap:anywhere}:host(.flight-card-clickable){cursor:pointer}:host(.flight-card-clickable) .flight-card{cursor:pointer}:host(.flight-card-clickable) .flight-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}:host(.flight-card-clickable) .flight-card:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}:host(.flight-card-disabled){opacity:.55;cursor:not-allowed;pointer-events:none}:host(.flight-card-disabled) .flight-card{box-shadow:none;transform:none}.flight-card img{display:block;max-width:100%;height:auto}.flight-card canvas{display:block;max-width:100%;height:auto}.flight-card svg{max-width:100%;height:auto}.flight-card>*{max-width:100%;box-sizing:border-box}@media(max-width:768px){:host{--flight-card-min-height: 350px;--flight-card-padding: 28px;--flight-header-gap: 16px;--flight-info-gap: 18px;--flight-title-info-gap: 32px;--flight-title-size: 26px;--flight-route-size: 21px;--flight-date-size: 20px;--flight-air-time-size: 20px;--flight-description-size: 17px;--flight-icon-size: 34px}}@media(max-width:480px){:host{--flight-card-min-height: 300px;--flight-card-padding: 20px;--flight-header-gap: 12px;--flight-info-gap: 14px;--flight-title-info-gap: 25px;--flight-title-size: 22px;--flight-route-size: 18px;--flight-date-size: 17px;--flight-air-time-size: 17px;--flight-description-size: 15px;--flight-description-line-height: 1.45;--flight-icon-size: 28px;--flight-card-radius: 10px}}@media(max-width:360px){:host{--flight-card-padding: 16px;--flight-header-gap: 10px;--flight-title-size: 20px;--flight-route-size: 17px;--flight-date-size: 16px;--flight-air-time-size: 16px;--flight-description-size: 14px;--flight-icon-size: 25px}}\n"] }]
         }], propDecorators: { flightNumber: [{
                 type: Input
             }], route: [{
@@ -801,21 +797,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 type: Input
             }], customClass: [{
                 type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
             }], clicked: [{
                 type: Output
             }] } });
 
 class Breadcrumb {
-    items = [
-        {
-            label: 'Dashboard',
-            url: '/dashboard'
-        }
-    ];
+    /* =====================================
+       INPUTS
+       ===================================== */
+    items = [];
     customClass = '';
     clickable = true;
     disabled = false;
+    /* =====================================
+       CUSTOM CLASS + STATES
+       ===================================== */
+    get hostClasses() {
+        return [
+            this.customClass,
+            this.clickable
+                ? 'breadcrumb-clickable'
+                : '',
+            this.disabled
+                ? 'breadcrumb-disabled'
+                : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    /* =====================================
+       DEVELOPER EVENT
+       ===================================== */
     clicked = new EventEmitter();
+    /* =====================================
+       CLICK
+       ===================================== */
     onClick(item, event) {
         if (!this.clickable ||
             this.disabled) {
@@ -827,11 +846,11 @@ class Breadcrumb {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Breadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Breadcrumb, isStandalone: true, selector: "lib-breadcrumb", inputs: { items: "items", customClass: "customClass", clickable: "clickable", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<nav\n  class=\"balina-breadcrumb\"\n  [class]=\"customClass\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u203A\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>", styles: [".balina-breadcrumb{--breadcrumb-gap: 12px;--breadcrumb-font-size: 26px;--breadcrumb-font-weight: 600;--breadcrumb-color: #111111;--breadcrumb-arrow-color: #111111;--breadcrumb-arrow-size: 34px;--breadcrumb-font-family: Arial, Helvetica, sans-serif;width:100%;display:flex;align-items:center;gap:var(--breadcrumb-gap);box-sizing:border-box;font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);color:var(--breadcrumb-color)}.breadcrumb-item{display:flex;align-items:center;gap:var(--breadcrumb-gap);white-space:nowrap}.breadcrumb-label{color:var(--breadcrumb-color);cursor:pointer;transition:opacity .2s ease}.breadcrumb-label:hover{opacity:.7}.breadcrumb-arrow{display:flex;align-items:center;justify-content:center;color:var(--breadcrumb-arrow-color);font-size:var(--breadcrumb-arrow-size);font-weight:300;line-height:1}.breadcrumb-disabled{opacity:.5;pointer-events:none}@media(max-width:768px){.balina-breadcrumb{--breadcrumb-font-size: 21px;--breadcrumb-arrow-size: 28px;--breadcrumb-gap: 8px}}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Breadcrumb, isStandalone: true, selector: "lib-breadcrumb", inputs: { items: "items", customClass: "customClass", clickable: "clickable", disabled: "disabled" }, outputs: { clicked: "clicked" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<nav\n  class=\"balina-breadcrumb\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u203A\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>", styles: [":host{--breadcrumb-width: 100%;--breadcrumb-min-height: 40px;--breadcrumb-gap: 12px;--breadcrumb-padding: 0;--breadcrumb-color: #111111;--breadcrumb-current-color: #111111;--breadcrumb-hover-color: #3478f6;--breadcrumb-arrow-color: #777777;--breadcrumb-font-size: 26px;--breadcrumb-font-weight: 600;--breadcrumb-current-font-weight: 700;--breadcrumb-line-height: 1.3;--breadcrumb-arrow-size: 30px;--breadcrumb-arrow-weight: 400;--breadcrumb-font-family: Arial, Helvetica, sans-serif;display:block;width:var(--breadcrumb-width);min-height:var(--breadcrumb-min-height);box-sizing:border-box}.balina-breadcrumb{width:100%;min-height:var(--breadcrumb-min-height);box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:var(--breadcrumb-gap);padding:var(--breadcrumb-padding);color:var(--breadcrumb-color);font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height)}.breadcrumb-item{display:flex;align-items:center;gap:var(--breadcrumb-gap);flex:0 0 auto;white-space:nowrap}.breadcrumb-label{display:inline-flex;align-items:center;color:var(--breadcrumb-color);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease}.breadcrumb-current{color:var(--breadcrumb-current-color);font-weight:var(--breadcrumb-current-font-weight);cursor:default}:host(.breadcrumb-clickable) .breadcrumb-label:not(.breadcrumb-current):hover{color:var(--breadcrumb-hover-color);opacity:.8}.breadcrumb-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--breadcrumb-arrow-color);font-size:var(--breadcrumb-arrow-size);font-weight:var(--breadcrumb-arrow-weight);line-height:1;-webkit-user-select:none;user-select:none}:host(:not(.breadcrumb-clickable)) .breadcrumb-label{cursor:default}:host(.breadcrumb-disabled){opacity:.55;pointer-events:none;cursor:not-allowed}@media(max-width:768px){:host{--breadcrumb-font-size: 21px;--breadcrumb-arrow-size: 27px;--breadcrumb-gap: 9px;--breadcrumb-min-height: 36px}}@media(max-width:480px){:host{--breadcrumb-font-size: 18px;--breadcrumb-arrow-size: 24px;--breadcrumb-gap: 7px;--breadcrumb-min-height: 32px}.balina-breadcrumb{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.breadcrumb-item{flex-shrink:0}}@media(max-width:360px){:host{--breadcrumb-font-size: 16px;--breadcrumb-arrow-size: 21px;--breadcrumb-gap: 5px}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Breadcrumb, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-breadcrumb', standalone: true, imports: [], template: "<nav\n  class=\"balina-breadcrumb\"\n  [class]=\"customClass\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u203A\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>", styles: [".balina-breadcrumb{--breadcrumb-gap: 12px;--breadcrumb-font-size: 26px;--breadcrumb-font-weight: 600;--breadcrumb-color: #111111;--breadcrumb-arrow-color: #111111;--breadcrumb-arrow-size: 34px;--breadcrumb-font-family: Arial, Helvetica, sans-serif;width:100%;display:flex;align-items:center;gap:var(--breadcrumb-gap);box-sizing:border-box;font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);color:var(--breadcrumb-color)}.breadcrumb-item{display:flex;align-items:center;gap:var(--breadcrumb-gap);white-space:nowrap}.breadcrumb-label{color:var(--breadcrumb-color);cursor:pointer;transition:opacity .2s ease}.breadcrumb-label:hover{opacity:.7}.breadcrumb-arrow{display:flex;align-items:center;justify-content:center;color:var(--breadcrumb-arrow-color);font-size:var(--breadcrumb-arrow-size);font-weight:300;line-height:1}.breadcrumb-disabled{opacity:.5;pointer-events:none}@media(max-width:768px){.balina-breadcrumb{--breadcrumb-font-size: 21px;--breadcrumb-arrow-size: 28px;--breadcrumb-gap: 8px}}\n"] }]
+            args: [{ selector: 'lib-breadcrumb', standalone: true, imports: [], template: "<nav\n  class=\"balina-breadcrumb\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          \u203A\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>", styles: [":host{--breadcrumb-width: 100%;--breadcrumb-min-height: 40px;--breadcrumb-gap: 12px;--breadcrumb-padding: 0;--breadcrumb-color: #111111;--breadcrumb-current-color: #111111;--breadcrumb-hover-color: #3478f6;--breadcrumb-arrow-color: #777777;--breadcrumb-font-size: 26px;--breadcrumb-font-weight: 600;--breadcrumb-current-font-weight: 700;--breadcrumb-line-height: 1.3;--breadcrumb-arrow-size: 30px;--breadcrumb-arrow-weight: 400;--breadcrumb-font-family: Arial, Helvetica, sans-serif;display:block;width:var(--breadcrumb-width);min-height:var(--breadcrumb-min-height);box-sizing:border-box}.balina-breadcrumb{width:100%;min-height:var(--breadcrumb-min-height);box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:var(--breadcrumb-gap);padding:var(--breadcrumb-padding);color:var(--breadcrumb-color);font-family:var(--breadcrumb-font-family);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height)}.breadcrumb-item{display:flex;align-items:center;gap:var(--breadcrumb-gap);flex:0 0 auto;white-space:nowrap}.breadcrumb-label{display:inline-flex;align-items:center;color:var(--breadcrumb-color);font-size:var(--breadcrumb-font-size);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease}.breadcrumb-current{color:var(--breadcrumb-current-color);font-weight:var(--breadcrumb-current-font-weight);cursor:default}:host(.breadcrumb-clickable) .breadcrumb-label:not(.breadcrumb-current):hover{color:var(--breadcrumb-hover-color);opacity:.8}.breadcrumb-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--breadcrumb-arrow-color);font-size:var(--breadcrumb-arrow-size);font-weight:var(--breadcrumb-arrow-weight);line-height:1;-webkit-user-select:none;user-select:none}:host(:not(.breadcrumb-clickable)) .breadcrumb-label{cursor:default}:host(.breadcrumb-disabled){opacity:.55;pointer-events:none;cursor:not-allowed}@media(max-width:768px){:host{--breadcrumb-font-size: 21px;--breadcrumb-arrow-size: 27px;--breadcrumb-gap: 9px;--breadcrumb-min-height: 36px}}@media(max-width:480px){:host{--breadcrumb-font-size: 18px;--breadcrumb-arrow-size: 24px;--breadcrumb-gap: 7px;--breadcrumb-min-height: 32px}.balina-breadcrumb{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.breadcrumb-item{flex-shrink:0}}@media(max-width:360px){:host{--breadcrumb-font-size: 16px;--breadcrumb-arrow-size: 21px;--breadcrumb-gap: 5px}}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], customClass: [{
@@ -840,6 +859,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
             }], clicked: [{
                 type: Output
             }] } });

package/fesm2022/balinasoftware-balinaui-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"balinasoftware-balinaui-components.mjs","sources":["../../../projects/balinaui-components/src/lib/balinaui-components.ts","../../../projects/balinaui-components/src/lib/navbar/navbar.ts","../../../projects/balinaui-components/src/lib/navbar/navbar.html","../../../projects/balinaui-components/src/lib/button/button.ts","../../../projects/balinaui-components/src/lib/button/button.html","../../../projects/balinaui-components/src/lib/card/card.ts","../../../projects/balinaui-components/src/lib/card/card.html","../../../projects/balinaui-components/src/lib/time-filter/time-filter.ts","../../../projects/balinaui-components/src/lib/time-filter/time-filter.html","../../../projects/balinaui-components/src/lib/text-box/text-box.ts","../../../projects/balinaui-components/src/lib/text-box/text-box.html","../../../projects/balinaui-components/src/lib/date-input/date-input.ts","../../../projects/balinaui-components/src/lib/date-input/date-input.html","../../../projects/balinaui-components/src/lib/dropdown/dropdown.ts","../../../projects/balinaui-components/src/lib/dropdown/dropdown.html","../../../projects/balinaui-components/src/lib/graph-card/graph-card.ts","../../../projects/balinaui-components/src/lib/graph-card/graph-card.html","../../../projects/balinaui-components/src/lib/flight-card/flight-card.ts","../../../projects/balinaui-components/src/lib/flight-card/flight-card.html","../../../projects/balinaui-components/src/lib/breadcrumb/breadcrumb.ts","../../../projects/balinaui-components/src/lib/breadcrumb/breadcrumb.html","../../../projects/balinaui-components/src/public-api.ts","../../../projects/balinaui-components/src/balinasoftware-balinaui-components.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'lib-balinaui-components',\n  imports: [],\n  template: ` <p>balinaui-components works!</p> `,\n  styles: ``,\n})\nexport class BalinauiComponents {}\n","import { Component, ElementRef, HostListener, Input, Output, ViewEncapsulation, EventEmitter } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { MatIconModule } from '@angular/material/icon';\nexport interface NavLink {\n  label: string;\n  url: string;\n}\n\nexport interface UserProfile {\n  name: any;\n  username: string;\n  email: string;\n  image?: string;\n  role?: string;\n  initials?: string;\n}\n@Component({\n  selector: 'lib-navbar',\n  standalone: true,\n  imports: [CommonModule, RouterModule, MatIconModule],\n  templateUrl: './navbar.html',\n  styleUrl: './navbar.css',\n})\nexport class Navbar {\n\n  // Brand\n  @Input() brand = '';\n\n  @Input() logoAlt = '';\n\n  @Input() image = '';\n\n  // Navigation\n  @Input() links: NavLink[] = [];\n\n  // Authentication\n  @Input() initiallyLoggedIn = false;\n\n  // User profile\n  @Input() user!: UserProfile;\n\n  // Icons\n  @Input() notificationIcon = '';\n\n  @Input() profileIcon = '';\n\n  @Input() userIcon = '';\n\n  @Input() logoutIcon = '';\n\n  // Events\n  @Output() login = new EventEmitter<void>();\n\n  @Output() logout = new EventEmitter<void>();\n\n  isLoggedIn = false;\n  isDropdownOpen = false;\n\n  constructor(private elementRef: ElementRef) { }\n\n  ngOnInit(): void {\n    this.isLoggedIn = this.initiallyLoggedIn;\n  }\n\n  handleLoginClick(): void {\n    this.isLoggedIn = true;\n    this.login.emit();\n  }\n\n  handleProfileClick(): void {\n    this.isDropdownOpen = !this.isDropdownOpen;\n  }\n\n  handleLogoutClick(): void {\n    this.isLoggedIn = false;\n    this.isDropdownOpen = false;\n    this.logout.emit();\n  }\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocumentClick(event: MouseEvent): void {\n\n    if (\n      this.isDropdownOpen &&\n      !this.elementRef.nativeElement.contains(event.target)\n    ) {\n      this.isDropdownOpen = false;\n    }\n  }\n}\n","<header class=\"anv-navbar\">\n\n  <!--TOP STRIPE-->\n  <div class=\"anv-topbar\"></div>\n  <!--NAVBAR-->\n  <div class=\"anv-stripes\">\n    <div class=\"anv-content\">\n\n      <!--BRAND / LOGO-->\n        <img *ngIf=\"image\" [src]=\"image\" [alt]=\"logoAlt\" class=\"anv-brand-icon\" />\n        <span *ngIf=\"brand\" class=\"anv-brand-name\">\n          {{ brand }}\n        </span>\n\n      <!--NAVIGATION LINKS-->\n      <nav class=\"anv-links\" aria-label=\"Main navigation\">\n        <a *ngFor=\"let link of links\" [routerLink]=\"link.url\" routerLinkActive=\"anv-link-active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\" class=\"anv-link\">\n          {{ link.label }}\n        </a>\n      </nav>\n\n\n      <!--ACTIONS-->\n      <div class=\"anv-actions\">\n        <!--NOTIFICATION-->\n        <button type=\"button\" class=\"anv-icon-btn\" aria-label=\"Notifications\">\n          <span class=\"material-icons\">\n            {{ notificationIcon }}\n          </span>\n        </button>\n\n        \n        <!--DIVIDER-->\n        <span class=\"anv-divider\"></span>\n\n        <!--LOGIN-->\n        <button *ngIf=\"!isLoggedIn\" type=\"button\" class=\"anv-login-btn\" (click)=\"handleLoginClick()\">\n          Login\n        </button>\n\n        <!--PROFILE-->\n        <div *ngIf=\"isLoggedIn\" class=\"anv-profile-wrap\">\n\n          <!-- PROFILE BUTTON -->\n          <button type=\"button\" class=\"anv-profile-btn\" (click)=\"handleProfileClick()\"\n            [attr.aria-expanded]=\"isDropdownOpen\" aria-haspopup=\"true\" aria-label=\"User profile\">\n            <img *ngIf=\"user.image\" [src]=\"user.image\" [alt]=\"user.name\" class=\"anv-profile-image\" />\n            <span *ngIf=\"!user.image\" class=\"material-icons\">\n              {{ profileIcon }}\n            </span>\n            \n          </button>\n\n          <!-- PROFILE DROPDOWN-->\n\n          <div *ngIf=\"isDropdownOpen\" class=\"anv-dropdown\">\n            <!-- USER INFORMATION -->\n            <div class=\"anv-dropdown-header\">\n              <!-- USER IMAGE -->\n              <div class=\"anv-dropdown-avatar\">\n                <img *ngIf=\"user.image\" [src]=\"user.image\" [alt]=\"user.name\" />\n                <span *ngIf=\"!user.image\" class=\"material-icons\">\n                  {{ userIcon }}\n                </span>\n              </div>\n\n              <!-- USER DETAILS -->\n\n              <div class=\"anv-dropdown-info\">\n                <span class=\"anv-dropdown-name\">\n                  {{ user.name }}\n                </span>\n                <span class=\"anv-dropdown-email\">\n                  {{ user.email }}\n                </span>\n                <span *ngIf=\"user.role\" class=\"anv-dropdown-role\">\n                  {{ user.role }}\n                </span>\n              </div>\n            </div>\n\n            <!-- DIVIDER -->\n            <hr class=\"anv-dropdown-sep\">\n            <!-- LOGOUT -->\n            <button type=\"button\" class=\"anv-dropdown-item anv-logout\" (click)=\"handleLogoutClick()\">\n              <span class=\"material-icons\">\n                {{ logoutIcon }}\n              </span>\n              <span>\n                Log out\n              </span>\n            </button>\n\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>","import {Component,EventEmitter,HostBinding,Input,Output} from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  standalone: true,\n  imports: [],\n  templateUrl: './button.html',\n  styleUrl: './button.css'\n})\nexport class Button {\n\n  // INPUTS\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  type:\n    'button' | 'submit' | 'reset' = 'button';\n\n  @Input()\n  disabled: boolean = false;\n\n  @Input()\n  loading: boolean = false;\n\n  @Input()\n  clickable: boolean = true;\n  \n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // HOST CLASSES\n\n  @HostBinding('class.button-clickable')\n  get buttonClickable(): boolean {\n    return (\n      this.clickable &&\n      !this.disabled &&\n      !this.loading\n    );\n  }\n\n\n  @HostBinding('class.button-disabled')\n  get buttonDisabled(): boolean {\n    return (\n      this.disabled ||\n      this.loading\n    );\n  }\n\n\n  // OUTPUTS\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // CLICK HANDLER\n\n  onClick(\n    event: MouseEvent\n  ): void {\n\n    if (\n      this.disabled ||\n      this.loading ||\n      !this.clickable\n    ) {\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<button class=\"balina-button\" [type]=\"type\" [disabled]=\"\n    disabled ||\n    loading ||\n    !clickable\n  \" [attr.aria-disabled]=\"\n    disabled ||\n    loading ||\n    !clickable\n  \" [attr.aria-busy]=\"loading\" (click)=\"onClick($event)\">\n\n\n  @if (loading) {\n\n  <span class=\"button-spinner\" aria-hidden=\"true\"></span>\n\n  <span class=\"button-loading-text\">\n    Loading...\n  </span>\n\n  }\n  @else {\n\n  <span class=\"button-label\">\n    {{ label }}\n  </span>\n\n  }\n\n</button>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './card.html',\n  styleUrl: './card.css'\n})\nexport class Card {\n\n  // INPUTS\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  month: string = '';\n\n  @Input()\n  day: string | number = '';\n\n  @Input()\n  description: string = '';\n\n  @Input()\n  customClass: string = '';\n\n  @Input()\n  clickable: boolean = true;\n\n  @Input()\n  disabled: boolean = false;\n\n\n  // OUTPUTS\n  @Output()\n  cardClick =\n    new EventEmitter<void>();\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // CLICK HANDLER\n\n  onClick(\n    event: MouseEvent\n  ): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      return;\n    }\n\n    // Standard developer event\n    this.clicked.emit(event);\n\n    // Card-specific event\n    this.cardClick.emit();\n  }\n}","<div class=\"balina-card\" [class]=\"customClass\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\">\n\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <div class=\"card-content\">\n\n    <div class=\"card-date\">\n\n      <div class=\"card-month\">\n        {{ month }}\n      </div>\n\n      <div class=\"card-line\"></div>\n\n      <div class=\"card-day\">\n        {{ day }}\n      </div>\n\n    </div>\n\n\n    <div class=\"card-description\">\n\n      {{ description }}\n\n    </div>\n\n  </div>\n\n</div>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-time-filter',\n  standalone: true,\n  imports: [],\n  templateUrl: './time-filter.html',\n  styleUrl: './time-filter.css'\n})\nexport class TimeFilter {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() value: string = '';\n\n  @Input() selectedValue: string | null = null;\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = true;\n\n  @Input() disabled: boolean = false;\n\n\n  // OUTPUTS\n\n  @Output() selectedValueChange =\n    new EventEmitter<string>();\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // INTERNAL STATE\n\n  private internalSelected: boolean = false;\n\n\n  // SELECTED STATE\n\n  get selected(): boolean {\n\n    if (\n      this.selectedValue !== null &&\n      this.selectedValue !== undefined\n    ) {\n      return this.value === this.selectedValue;\n    }\n\n    return this.internalSelected;\n  }\n\n\n  // CLICK\n\n  onClick(event: MouseEvent): void {\n\n    if (\n      this.disabled ||\n      !this.clickable\n    ) {\n      return;\n    }\n\n\n    // INDEPENDENT MODE\n\n    if (\n      this.selectedValue === null ||\n      this.selectedValue === undefined\n    ) {\n\n      this.internalSelected =\n        !this.internalSelected;\n\n      this.clicked.emit(event);\n\n      return;\n    }\n\n\n    // CONNECTED / GROUP MODE\n\n    if (this.selected) {\n\n      this.selectedValueChange.emit('');\n\n    } else {\n\n      this.selectedValueChange.emit(\n        this.value\n      );\n    }\n\n    // DEVELOPER CLICK EVENT\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"time-filter\" [class]=\"customClass\" [class.time-filter-clickable]=\"clickable\"\n  [class.time-filter-disabled]=\"disabled\" [class.time-filter-selected]=\"selected\" (click)=\"onClick($event)\"\n  role=\"button\" tabindex=\"0\">\n\n\n  <div class=\"radio-circle\" [class.selected]=\"selected\">\n\n    <div class=\"radio-dot\"></div>\n\n  </div>\n\n\n  <span class=\"label\">\n    {{ label }}\n  </span>\n\n</div>","import {Component,EventEmitter,HostBinding,Input,Output} from '@angular/core';\n\n@Component({\n  selector: 'lib-text-box',\n  standalone: true,\n  imports: [],\n  templateUrl: './text-box.html',\n  styleUrl: './text-box.css'\n})\nexport class TextBox {\n\n  // INPUTS\n\n  @Input() placeholder: string = '';\n\n  @Input() value: string = '';\n\n  @Input() type: string = 'text';\n\n  @Input() disabled: boolean = false;\n\n  @Input() readonly: boolean = false;\n\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUT EVENTS\n\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n\n  @Output()\n  inputChange =\n    new EventEmitter<string>();\n\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // PASSWORD VISIBILITY\n\n  showPassword: boolean = false;\n\n\n  get inputType(): string {\n\n    if (this.type === 'password') {\n\n      return this.showPassword\n        ? 'text'\n        : 'password';\n    }\n\n    return this.type;\n  }\n\n\n  /**\n   * Show/hide password.\n   */\n  togglePassword(event: MouseEvent): void {\n\n    event.stopPropagation();\n\n    this.showPassword =\n      !this.showPassword;\n  }\n\n\n  // INPUT HANDLER\n\n  onInput(event: Event): void {\n\n    const input =\n      event.target as HTMLInputElement;\n\n    this.value = input.value;\n\n    // Emit current value\n    this.valueChange.emit(\n      this.value\n    );\n\n    // Emit input event\n    this.inputChange.emit(\n      this.value\n    );\n  }\n\n\n  // CLICK HANDLER\n\n  onClick(event: MouseEvent): void {\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"text-box-container\">\n\n  <div class=\"text-box-input-wrapper\">\n\n    <input class=\"text-box-input\" [type]=\"inputType\" [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"disabled\"\n      [readonly]=\"readonly\" (input)=\"onInput($event)\" (click)=\"onClick($event)\" />\n\n    <!-- Password Eye Button -->\n    @if (type === 'password') {\n\n    <button type=\"button\" class=\"text-box-password-button\" [disabled]=\"disabled\" (click)=\"togglePassword($event)\"\n      aria-label=\"Toggle password visibility\">\n\n      @if (showPassword) {\n\n      <!-- Eye Off -->\n      <svg class=\"text-box-password-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M3 3l18 18\" />\n\n        <path d=\"M10.6 10.6a2 2 0 1 0 2.8 2.8\" />\n\n        <path d=\"M9.9 4.2A10.8 10.8 0 0 1 12 4c5 0 8.7 4.2 9.8 8a10.8 10.8 0 0 1-3.1 5.1\" />\n\n        <path d=\"M6.2 6.2C4.5 7.4 3.2 9.2 2.2 12c1.1 3.8 4.8 8 9.8 8 1.7 0 3.3-.5 4.7-1.2\" />\n      </svg>\n\n      } @else {\n\n      <!-- Eye -->\n      <svg class=\"text-box-password-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M2 12s3.5-7 10-7\n                 10 7 10 7\n                 -3.5 7-10 7\n                 -10-7-10-7z\" />\n\n        <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      </svg>\n\n      }\n\n    </button>\n\n    }\n\n  </div>\n\n</div>","import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-date-input',\n  standalone: true,\n  imports: [],\n  templateUrl: './date-input.html',\n  styleUrl: './date-input.css'\n})\nexport class DateInput {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() placeholder: string = '';\n\n  @Input() value: string = '';\n\n  @Input() disabled: boolean = false;\n\n  @Input() readonly: boolean = false;\n\n  /**\n   * Developer custom CSS class.\n   *\n   * Example:\n   *\n   * customClass=\"flight-date\"\n   */\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUTS\n\n  /**\n   * Emits the selected date as:\n   *\n   * YYYY-MM-DD\n   */\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n  /**\n   * Emits the selected Date object.\n   */\n  @Output()\n  dateChange =\n    new EventEmitter<Date>();\n\n  /**\n   * Emits when the calendar opens/closes.\n   */\n  @Output()\n  openedChange =\n    new EventEmitter<boolean>();\n\n  /**\n   * Developer click event.\n   */\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // INTERNAL STATE\n\n  isOpen: boolean = false;\n\n  currentDate: Date = new Date();\n\n\n  constructor(\n    private elementRef:\n      ElementRef<HTMLElement>\n  ) { }\n\n\n  // INITIALIZE VALUE\n\n  ngOnInit(): void {\n\n    if (this.value) {\n\n      const parsedDate =\n        this.parseDate(this.value);\n\n      if (parsedDate) {\n\n        this.currentDate =\n          new Date(\n            parsedDate.getFullYear(),\n            parsedDate.getMonth(),\n            1\n          );\n      }\n    }\n  }\n\n\n  // CALENDAR DAYS\n\n  get calendarDays(): Date[] {\n\n    const year =\n      this.currentDate.getFullYear();\n\n    const month =\n      this.currentDate.getMonth();\n\n    const firstDay =\n      new Date(\n        year,\n        month,\n        1\n      );\n\n    const lastDay =\n      new Date(\n        year,\n        month + 1,\n        0\n      );\n\n    const days: Date[] = [];\n\n    const startDay =\n      firstDay.getDay();\n\n\n    // PREVIOUS MONTH DAYS\n\n    for (\n      let i = 0;\n      i < startDay;\n      i++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month,\n          i - startDay + 1\n        )\n      );\n    }\n\n\n    // CURRENT MONTH DAYS\n\n    for (\n      let day = 1;\n      day <= lastDay.getDate();\n      day++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month,\n          day\n        )\n      );\n    }\n\n\n    // NEXT MONTH DAYS\n\n    const remaining =\n      42 - days.length;\n\n    for (\n      let i = 1;\n      i <= remaining;\n      i++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month + 1,\n          i\n        )\n      );\n    }\n\n    return days;\n  }\n\n\n  // MONTH NAME\n\n  get monthName(): string {\n\n    return this.currentDate.toLocaleString(\n      'default',\n      {\n        month: 'long'\n      }\n    );\n  }\n\n\n  // YEAR\n\n  get year(): number {\n\n    return this.currentDate.getFullYear();\n  }\n\n\n  // TOGGLE CALENDAR\n\n  toggleCalendar(\n    event?: MouseEvent\n  ): void {\n\n    if (\n      this.disabled ||\n      this.readonly\n    ) {\n      return;\n    }\n\n    if (event) {\n      this.clicked.emit(event);\n    }\n\n    this.isOpen =\n      !this.isOpen;\n\n    this.openedChange.emit(\n      this.isOpen\n    );\n  }\n\n\n  // PREVIOUS MONTH\n\n  previousMonth(\n    event?: MouseEvent\n  ): void {\n\n    event?.stopPropagation();\n\n    this.currentDate =\n      new Date(\n        this.year,\n        this.currentDate.getMonth() - 1,\n        1\n      );\n  }\n\n\n  // NEXT MONTH\n\n  nextMonth(\n    event?: MouseEvent\n  ): void {\n\n    event?.stopPropagation();\n\n    this.currentDate =\n      new Date(\n        this.year,\n        this.currentDate.getMonth() + 1,\n        1\n      );\n  }\n\n  // SELECT DATE\n\n  selectDate(\n    date: Date,\n    event: MouseEvent\n  ): void {\n\n    event.stopPropagation();\n\n    if (\n      this.disabled ||\n      this.readonly\n    ) {\n      return;\n    }\n\n    /*\n     * Create a clean Date object.\n     */\n    const selectedDate =\n      new Date(\n        date.getFullYear(),\n        date.getMonth(),\n        date.getDate()\n      );\n\n\n    // UPDATE VALUE\n\n    this.value =\n      this.formatDate(\n        selectedDate\n      );\n\n\n    // EMIT EVENTS\n\n    this.valueChange.emit(\n      this.value\n    );\n\n    this.dateChange.emit(\n      selectedDate\n    );\n\n    this.clicked.emit(\n      event\n    );\n\n\n    // CLOSE\n\n    this.isOpen = false;\n\n    this.openedChange.emit(\n      false\n    );\n  }\n\n\n  // FORMAT DATE\n\n  formatDate(\n    date: Date\n  ): string {\n\n    const day =\n      String(\n        date.getDate()\n      ).padStart(2, '0');\n\n    const month =\n      String(\n        date.getMonth() + 1\n      ).padStart(2, '0');\n\n    const year =\n      date.getFullYear();\n\n    return `${year}-${month}-${day}`;\n  }\n\n\n  // PARSE DATE\n\n  private parseDate(\n    value: string\n  ): Date | null {\n\n    const parts =\n      value.split('-');\n\n    if (parts.length !== 3) {\n      return null;\n    }\n\n    const year =\n      Number(parts[0]);\n\n    const month =\n      Number(parts[1]);\n\n    const day =\n      Number(parts[2]);\n\n    if (\n      !year ||\n      !month ||\n      !day\n    ) {\n      return null;\n    }\n\n    const date =\n      new Date(\n        year,\n        month - 1,\n        day\n      );\n\n    /*\n     * Validate the date.\n     */\n    if (\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n\n  // CURRENT MONTH\n\n  isCurrentMonth(\n    date: Date\n  ): boolean {\n\n    return (\n      date.getMonth() ===\n      this.currentDate.getMonth() &&\n      date.getFullYear() ===\n      this.currentDate.getFullYear()\n    );\n  }\n\n\n  // TODAY\n\n  isToday(\n    date: Date\n  ): boolean {\n\n    const today =\n      new Date();\n\n    return (\n      date.getDate() ===\n      today.getDate() &&\n      date.getMonth() ===\n      today.getMonth() &&\n      date.getFullYear() ===\n      today.getFullYear()\n    );\n  }\n\n\n  // SELECTED DATE\n\n  isSelected(\n    date: Date\n  ): boolean {\n\n    return (\n      this.value ===\n      this.formatDate(date)\n    );\n  }\n\n\n  // OUTSIDE CLICK\n\n  @HostListener(\n    'document:click',\n    ['$event']\n  )\n  onDocumentClick(\n    event: MouseEvent\n  ): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    const target =\n      event.target as Node;\n\n    const host =\n      this.elementRef.nativeElement;\n\n    if (\n      !host.contains(target)\n    ) {\n\n      this.closeCalendar();\n    }\n  }\n\n\n  // CLOSE CALENDAR\n\n  closeCalendar(): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    this.openedChange.emit(\n      false\n    );\n  }\n}","<div class=\"date-input-container\" [class.date-input-disabled]=\"disabled\" [class.date-input-open]=\"isOpen\">\n  <div class=\"date-input-field\" (click)=\"toggleCalendar($event)\">\n\n    <!-- LABEL -->\n\n    @if (label) {\n\n    <label class=\"date-input-label\">\n\n      {{ label }}\n\n    </label>\n\n    }\n\n\n    <!-- VALUE -->\n\n    <span class=\"date-input-value\" [class.date-input-placeholder]=\"!value\">\n\n      {{ value || placeholder }}\n\n    </span>\n\n\n    <!-- CALENDAR ICON -->\n\n    <span class=\"calendar-icon\">\n\n      <span class=\"calendar-top\"></span>\n\n      <span class=\"calendar-body\"></span>\n\n    </span>\n\n  </div>\n\n\n\n  @if (isOpen) {\n\n  <div class=\"date-picker\" (click)=\"$event.stopPropagation()\">\n\n\n    <div class=\"date-picker-header\">\n\n      <button type=\"button\" class=\"month-button\" aria-label=\"Previous month\" (click)=\"previousMonth($event)\">\n\n        ‹\n\n      </button>\n\n\n      <span class=\"month-title\">\n\n        {{ monthName }} {{ year }}\n\n      </span>\n\n\n      <button type=\"button\" class=\"month-button\" aria-label=\"Next month\" (click)=\"nextMonth($event)\">\n\n        ›\n\n      </button>\n\n    </div>\n\n\n    <div class=\"week-days\">\n\n      <span>Sun</span>\n\n      <span>Mon</span>\n\n      <span>Tue</span>\n\n      <span>Wed</span>\n\n      <span>Thu</span>\n\n      <span>Fri</span>\n\n      <span>Sat</span>\n\n    </div>\n\n\n\n    <div class=\"calendar-days\">\n\n      @for (\n      date of calendarDays;\n      track date.getTime()\n      ) {\n\n      <button type=\"button\" class=\"calendar-day\" [class.other-month]=\"\n              !isCurrentMonth(date)\n            \" [class.today]=\"\n              isToday(date)\n            \" [class.selected]=\"\n              isSelected(date)\n            \" (click)=\"\n              selectDate(date, $event)\n            \">\n\n        {{ date.getDate() }}\n\n      </button>\n\n      }\n\n    </div>\n\n  </div>\n\n  }\n\n</div>","import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\n\nexport interface DropdownOption {\n  label: string;\n  value: string;\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'lib-dropdown',\n  standalone: true,\n  imports: [],\n  templateUrl: './dropdown.html',\n  styleUrl: './dropdown.css'\n})\nexport class Dropdown {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() placeholder: string = '';\n\n  @Input() options: DropdownOption[] = [];\n\n  @Input() value: string = '';\n\n  @Input() disabled: boolean = false;\n\n  @Input() searchable: boolean = true;\n\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUTS\n\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n  @Output()\n  selectionChange =\n    new EventEmitter<DropdownOption>();\n\n  @Output()\n  openedChange =\n    new EventEmitter<boolean>();\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // STATE\n\n  isOpen: boolean = false;\n\n  searchText: string = '';\n\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>\n  ) { }\n\n\n  // FILTERED OPTIONS\n\n  get filteredOptions(): DropdownOption[] {\n\n    const search =\n      this.searchText\n        .trim()\n        .toLowerCase();\n\n    if (!search) {\n      return this.options;\n    }\n\n    return this.options.filter(\n      option =>\n        option.label\n          .toLowerCase()\n          .includes(search)\n    );\n  }\n\n\n  // SELECTED OPTION\n\n  get selectedOption():\n    DropdownOption | undefined {\n\n    return this.options.find(\n      option =>\n        option.value === this.value\n    );\n  }\n\n\n  // TOGGLE\n\n  toggleDropdown(\n    event?: MouseEvent\n  ): void {\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (event) {\n      this.clicked.emit(event);\n    }\n\n    this.isOpen =\n      !this.isOpen;\n\n    this.openedChange.emit(\n      this.isOpen\n    );\n\n    if (!this.isOpen) {\n      this.searchText = '';\n    }\n  }\n\n\n  // DOCUMENT CLICK\n\n  @HostListener(\n    'document:click',\n    ['$event']\n  )\n  onDocumentClick(\n    event: MouseEvent\n  ): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    const target =\n      event.target as Node;\n\n    const host =\n      this.elementRef.nativeElement;\n\n    if (!host.contains(target)) {\n      this.closeDropdown();\n    }\n  }\n\n\n  // CLOSE\n\n  closeDropdown(): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    this.searchText = '';\n\n    this.openedChange.emit(false);\n  }\n\n\n  // SELECT\n\n  selectOption(\n    option: DropdownOption,\n    event: MouseEvent\n  ): void {\n\n    if (option.disabled) {\n      return;\n    }\n\n    this.value =\n      option.value;\n\n    this.valueChange.emit(\n      option.value\n    );\n\n    this.selectionChange.emit(\n      option\n    );\n\n    this.clicked.emit(event);\n\n    this.isOpen = false;\n\n    this.searchText = '';\n\n    this.openedChange.emit(false);\n  }\n\n\n  // SEARCH\n\n  onSearch(event: Event): void {\n\n    const input =\n      event.target as HTMLInputElement;\n\n    this.searchText =\n      input.value;\n  }\n}","<div class=\"dropdown-container\" [class.dropdown-disabled]=\"disabled\" [class.dropdown-open]=\"isOpen\">\n\n  <div class=\"dropdown-field\" (click)=\"toggleDropdown($event)\">\n\n    <!-- Label -->\n\n    @if (label) {\n\n    <label class=\"dropdown-label\">\n      {{ label }}\n    </label>\n\n    }\n\n\n    <!-- Selected Value -->\n\n    <span class=\"dropdown-value\" [class.dropdown-placeholder]=\"\n        !selectedOption\n      \">\n\n      {{\n      selectedOption?.label ||\n      placeholder\n      }}\n\n    </span>\n\n\n    <!-- Arrow -->\n\n    <span class=\"dropdown-arrow\" [class.arrow-up]=\"isOpen\"></span>\n\n  </div>\n\n\n  @if (isOpen) {\n\n  <div class=\"dropdown-menu\" (click)=\"$event.stopPropagation()\">\n\n    <!-- SEARCH -->\n\n    @if (searchable) {\n\n    <div class=\"dropdown-search\">\n\n      <input type=\"text\" class=\"dropdown-search-input\" placeholder=\"Search...\" [value]=\"searchText\"\n        (input)=\"onSearch($event)\" />\n\n    </div>\n\n    }\n\n\n    <!-- OPTIONS -->\n\n    <div class=\"dropdown-options\">\n\n      @for (\n      option of filteredOptions;\n      track option.value\n      ) {\n\n      <div class=\"dropdown-option\" [class.option-disabled]=\"\n              option.disabled\n            \" [class.option-selected]=\"\n              option.value === value\n            \" (click)=\"\n              selectOption(option, $event)\n            \">\n\n        {{ option.label }}\n\n      </div>\n\n      }\n\n\n      <!-- NO RESULTS -->\n\n      @if (\n      filteredOptions.length === 0\n      ) {\n\n      <div class=\"dropdown-no-result\">\n\n        No results found\n\n      </div>\n\n      }\n\n    </div>\n\n  </div>\n\n  }\n\n</div>","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter\n} from '@angular/core';\n\n@Component({\n  selector: 'lib-graph-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './graph-card.html',\n  styleUrl: './graph-card.css',\n})\nexport class GraphCard {\n\n  // =========================================\n  // INPUTS\n  // =========================================\n\n  @Input() title: string = 'GMT';\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = false;\n\n  @Input() disabled: boolean = false;\n\n\n  // =========================================\n  // OUTPUT\n  // =========================================\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // =========================================\n  // CLICK\n  // =========================================\n\n  onClick(event: MouseEvent): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- =====================================\n       TITLE\n       ===================================== -->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!-- =====================================\n       DEVELOPER CONTENT\n       ===================================== -->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>","import {Component,Input,Output,EventEmitter} from '@angular/core';\n\n@Component({\n  selector: 'lib-flight-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './flight-card.html',\n  styleUrl: './flight-card.css',\n})\nexport class FlightCard {\n  // CONTENT INPUTS\n\n  @Input() flightNumber: string = ' ';\n\n  @Input() route: string = ' ';\n\n  @Input() date: string = ' ';\n\n  @Input() airTime: string = ' ';\n\n  @Input() description: string = ' ';\n\n  // BEHAVIOR INPUTS\n  @Input() clickable: boolean = false;\n\n  @Input() disabled: boolean = false;\n\n  @Input() customClass: string = ' ';\n\n  // EVENTS\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n\n  // CLICK\n\n  onClick(event: MouseEvent): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"flight-card\" [class]=\"customClass\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            ✈\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>","import {Component,EventEmitter,Input,Output} from '@angular/core';\n\nexport interface BreadcrumbItem {\n  label: string;\n  url?: string;\n}\n\n@Component({\n  selector: 'lib-breadcrumb',\n  standalone: true,\n  imports: [],\n  templateUrl: './breadcrumb.html',\n  styleUrl: './breadcrumb.css',\n})\nexport class Breadcrumb {\n\n  @Input() items: BreadcrumbItem[] = [\n    {\n      label: 'Dashboard',\n      url: '/dashboard'\n    }\n  ];\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = true;\n\n  @Input() disabled: boolean = false;\n\n  @Output() clicked =\n    new EventEmitter<{\n      item: BreadcrumbItem;\n      event: MouseEvent;\n    }>();\n\n\n  onClick(\n    item: BreadcrumbItem,\n    event: MouseEvent\n  ): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit({\n      item,\n      event\n    });\n  }\n}","<nav\n  class=\"balina-breadcrumb\"\n  [class]=\"customClass\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          ›\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>","/*\n * Public API Surface of balinaui-components\n */\n\nexport * from './lib/balinaui-components';\nexport * from './lib/navbar/navbar';\nexport * from './lib/button/button';\nexport * from './lib/card/card';\nexport * from './lib/time-filter/time-filter';\nexport * from './lib/text-box/text-box';\nexport * from './lib/date-input/date-input';\nexport * from './lib/dropdown/dropdown';\nexport * from './lib/graph-card/graph-card';\nexport * from './lib/flight-card/flight-card';\nexport * from './lib/breadcrumb/breadcrumb';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"balinasoftware-balinaui-components.mjs","sources":["../../../projects/balinaui-components/src/lib/balinaui-components.ts","../../../projects/balinaui-components/src/lib/navbar/navbar.ts","../../../projects/balinaui-components/src/lib/navbar/navbar.html","../../../projects/balinaui-components/src/lib/button/button.ts","../../../projects/balinaui-components/src/lib/button/button.html","../../../projects/balinaui-components/src/lib/card/card.ts","../../../projects/balinaui-components/src/lib/card/card.html","../../../projects/balinaui-components/src/lib/time-filter/time-filter.ts","../../../projects/balinaui-components/src/lib/time-filter/time-filter.html","../../../projects/balinaui-components/src/lib/text-box/text-box.ts","../../../projects/balinaui-components/src/lib/text-box/text-box.html","../../../projects/balinaui-components/src/lib/date-input/date-input.ts","../../../projects/balinaui-components/src/lib/date-input/date-input.html","../../../projects/balinaui-components/src/lib/dropdown/dropdown.ts","../../../projects/balinaui-components/src/lib/dropdown/dropdown.html","../../../projects/balinaui-components/src/lib/graph-card/graph-card.ts","../../../projects/balinaui-components/src/lib/graph-card/graph-card.html","../../../projects/balinaui-components/src/lib/flight-card/flight-card.ts","../../../projects/balinaui-components/src/lib/flight-card/flight-card.html","../../../projects/balinaui-components/src/lib/breadcrumb/breadcrumb.ts","../../../projects/balinaui-components/src/lib/breadcrumb/breadcrumb.html","../../../projects/balinaui-components/src/public-api.ts","../../../projects/balinaui-components/src/balinasoftware-balinaui-components.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'lib-balinaui-components',\n  imports: [],\n  template: ` <p>balinaui-components works!</p> `,\n  styles: ``,\n})\nexport class BalinauiComponents {}\n","import { Component, ElementRef, HostListener, Input, Output, ViewEncapsulation, EventEmitter } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { MatIconModule } from '@angular/material/icon';\nexport interface NavLink {\n  label: string;\n  url: string;\n}\n\nexport interface UserProfile {\n  name: any;\n  username: string;\n  email: string;\n  image?: string;\n  role?: string;\n  initials?: string;\n}\n@Component({\n  selector: 'lib-navbar',\n  standalone: true,\n  imports: [CommonModule, RouterModule, MatIconModule],\n  templateUrl: './navbar.html',\n  styleUrl: './navbar.css',\n})\nexport class Navbar {\n\n  // Brand\n  @Input() brand = '';\n\n  @Input() logoAlt = '';\n\n  @Input() image = '';\n\n  // Navigation\n  @Input() links: NavLink[] = [];\n\n  // Authentication\n  @Input() initiallyLoggedIn = false;\n\n  // User profile\n  @Input() user!: UserProfile;\n\n  // Icons\n  @Input() notificationIcon = '';\n\n  @Input() profileIcon = '';\n\n  @Input() userIcon = '';\n\n  @Input() logoutIcon = '';\n\n  // Events\n  @Output() login = new EventEmitter<void>();\n\n  @Output() logout = new EventEmitter<void>();\n\n  isLoggedIn = false;\n  isDropdownOpen = false;\n\n  constructor(private elementRef: ElementRef) { }\n\n  ngOnInit(): void {\n    this.isLoggedIn = this.initiallyLoggedIn;\n  }\n\n  handleLoginClick(): void {\n    this.isLoggedIn = true;\n    this.login.emit();\n  }\n\n  handleProfileClick(): void {\n    this.isDropdownOpen = !this.isDropdownOpen;\n  }\n\n  handleLogoutClick(): void {\n    this.isLoggedIn = false;\n    this.isDropdownOpen = false;\n    this.logout.emit();\n  }\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocumentClick(event: MouseEvent): void {\n\n    if (\n      this.isDropdownOpen &&\n      !this.elementRef.nativeElement.contains(event.target)\n    ) {\n      this.isDropdownOpen = false;\n    }\n  }\n}\n","<header class=\"anv-navbar\">\n\n  <!--TOP STRIPE-->\n  <div class=\"anv-topbar\"></div>\n  <!--NAVBAR-->\n  <div class=\"anv-stripes\">\n    <div class=\"anv-content\">\n\n      <!--BRAND / LOGO-->\n        <img *ngIf=\"image\" [src]=\"image\" [alt]=\"logoAlt\" class=\"anv-brand-icon\" />\n        <span *ngIf=\"brand\" class=\"anv-brand-name\">\n          {{ brand }}\n        </span>\n\n      <!--NAVIGATION LINKS-->\n      <nav class=\"anv-links\" aria-label=\"Main navigation\">\n        <a *ngFor=\"let link of links\" [routerLink]=\"link.url\" routerLinkActive=\"anv-link-active\"\n          [routerLinkActiveOptions]=\"{ exact: true }\" class=\"anv-link\">\n          {{ link.label }}\n        </a>\n      </nav>\n\n\n      <!--ACTIONS-->\n      <div class=\"anv-actions\">\n        <!--NOTIFICATION-->\n        <button type=\"button\" class=\"anv-icon-btn\" aria-label=\"Notifications\">\n          <span class=\"material-icons\">\n            {{ notificationIcon }}\n          </span>\n        </button>\n\n        \n        <!--DIVIDER-->\n        <span class=\"anv-divider\"></span>\n\n        <!--LOGIN-->\n        <button *ngIf=\"!isLoggedIn\" type=\"button\" class=\"anv-login-btn\" (click)=\"handleLoginClick()\">\n          Login\n        </button>\n\n        <!--PROFILE-->\n        <div *ngIf=\"isLoggedIn\" class=\"anv-profile-wrap\">\n\n          <!-- PROFILE BUTTON -->\n          <button type=\"button\" class=\"anv-profile-btn\" (click)=\"handleProfileClick()\"\n            [attr.aria-expanded]=\"isDropdownOpen\" aria-haspopup=\"true\" aria-label=\"User profile\">\n            <img *ngIf=\"user.image\" [src]=\"user.image\" [alt]=\"user.name\" class=\"anv-profile-image\" />\n            <span *ngIf=\"!user.image\" class=\"material-icons\">\n              {{ profileIcon }}\n            </span>\n            \n          </button>\n\n          <!-- PROFILE DROPDOWN-->\n\n          <div *ngIf=\"isDropdownOpen\" class=\"anv-dropdown\">\n            <!-- USER INFORMATION -->\n            <div class=\"anv-dropdown-header\">\n              <!-- USER IMAGE -->\n              <div class=\"anv-dropdown-avatar\">\n                <img *ngIf=\"user.image\" [src]=\"user.image\" [alt]=\"user.name\" />\n                <span *ngIf=\"!user.image\" class=\"material-icons\">\n                  {{ userIcon }}\n                </span>\n              </div>\n\n              <!-- USER DETAILS -->\n\n              <div class=\"anv-dropdown-info\">\n                <span class=\"anv-dropdown-name\">\n                  {{ user.name }}\n                </span>\n                <span class=\"anv-dropdown-email\">\n                  {{ user.email }}\n                </span>\n                <span *ngIf=\"user.role\" class=\"anv-dropdown-role\">\n                  {{ user.role }}\n                </span>\n              </div>\n            </div>\n\n            <!-- DIVIDER -->\n            <hr class=\"anv-dropdown-sep\">\n            <!-- LOGOUT -->\n            <button type=\"button\" class=\"anv-dropdown-item anv-logout\" (click)=\"handleLogoutClick()\">\n              <span class=\"material-icons\">\n                {{ logoutIcon }}\n              </span>\n              <span>\n                Log out\n              </span>\n            </button>\n\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</header>","import {Component,EventEmitter,HostBinding,Input,Output} from '@angular/core';\n\n@Component({\n  selector: 'lib-button',\n  standalone: true,\n  imports: [],\n  templateUrl: './button.html',\n  styleUrl: './button.css'\n})\nexport class Button {\n\n  // INPUTS\n\n  @Input()\n  label: string = '';\n\n  @Input()\n  type:\n    'button' | 'submit' | 'reset' = 'button';\n\n  @Input()\n  disabled: boolean = false;\n\n  @Input()\n  loading: boolean = false;\n\n  @Input()\n  clickable: boolean = true;\n  \n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // HOST CLASSES\n\n  @HostBinding('class.button-clickable')\n  get buttonClickable(): boolean {\n    return (\n      this.clickable &&\n      !this.disabled &&\n      !this.loading\n    );\n  }\n\n\n  @HostBinding('class.button-disabled')\n  get buttonDisabled(): boolean {\n    return (\n      this.disabled ||\n      this.loading\n    );\n  }\n\n\n  // OUTPUTS\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // CLICK HANDLER\n\n  onClick(\n    event: MouseEvent\n  ): void {\n\n    if (\n      this.disabled ||\n      this.loading ||\n      !this.clickable\n    ) {\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<button class=\"balina-button\" [type]=\"type\" [disabled]=\"\n    disabled ||\n    loading ||\n    !clickable\n  \" [attr.aria-disabled]=\"\n    disabled ||\n    loading ||\n    !clickable\n  \" [attr.aria-busy]=\"loading\" (click)=\"onClick($event)\">\n\n\n  @if (loading) {\n\n  <span class=\"button-spinner\" aria-hidden=\"true\"></span>\n\n  <span class=\"button-loading-text\">\n    Loading...\n  </span>\n\n  }\n  @else {\n\n  <span class=\"button-label\">\n    {{ label }}\n  </span>\n\n  }\n\n</button>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './card.html',\n  styleUrl: './card.css'\n})\nexport class Card {\n\n  // INPUTS\n\n  @Input()\n  title: string = '';\n\n  @Input()\n  month: string = '';\n\n  @Input()\n  day: string | number = '';\n\n  @Input()\n  description: string = '';\n\n  @Input()\n  customClass: string = '';\n\n  @Input()\n  clickable: boolean = true;\n\n  @Input()\n  disabled: boolean = false;\n\n\n  // OUTPUTS\n  @Output()\n  cardClick =\n    new EventEmitter<void>();\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // CLICK HANDLER\n\n  onClick(\n    event: MouseEvent\n  ): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      return;\n    }\n\n    // Standard developer event\n    this.clicked.emit(event);\n\n    // Card-specific event\n    this.cardClick.emit();\n  }\n}","<div class=\"balina-card\" [class]=\"customClass\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\">\n\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <div class=\"card-content\">\n\n    <div class=\"card-date\">\n\n      <div class=\"card-month\">\n        {{ month }}\n      </div>\n\n      <div class=\"card-line\"></div>\n\n      <div class=\"card-day\">\n        {{ day }}\n      </div>\n\n    </div>\n\n\n    <div class=\"card-description\">\n\n      {{ description }}\n\n    </div>\n\n  </div>\n\n</div>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-time-filter',\n  standalone: true,\n  imports: [],\n  templateUrl: './time-filter.html',\n  styleUrl: './time-filter.css'\n})\nexport class TimeFilter {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() value: string = '';\n\n  @Input() selectedValue: string | null = null;\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = true;\n\n  @Input() disabled: boolean = false;\n\n\n  // OUTPUTS\n\n  @Output() selectedValueChange =\n    new EventEmitter<string>();\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // INTERNAL STATE\n\n  private internalSelected: boolean = false;\n\n\n  // SELECTED STATE\n\n  get selected(): boolean {\n\n    if (\n      this.selectedValue !== null &&\n      this.selectedValue !== undefined\n    ) {\n      return this.value === this.selectedValue;\n    }\n\n    return this.internalSelected;\n  }\n\n\n  // CLICK\n\n  onClick(event: MouseEvent): void {\n\n    if (\n      this.disabled ||\n      !this.clickable\n    ) {\n      return;\n    }\n\n\n    // INDEPENDENT MODE\n\n    if (\n      this.selectedValue === null ||\n      this.selectedValue === undefined\n    ) {\n\n      this.internalSelected =\n        !this.internalSelected;\n\n      this.clicked.emit(event);\n\n      return;\n    }\n\n\n    // CONNECTED / GROUP MODE\n\n    if (this.selected) {\n\n      this.selectedValueChange.emit('');\n\n    } else {\n\n      this.selectedValueChange.emit(\n        this.value\n      );\n    }\n\n    // DEVELOPER CLICK EVENT\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"time-filter\" [class]=\"customClass\" [class.time-filter-clickable]=\"clickable\"\n  [class.time-filter-disabled]=\"disabled\" [class.time-filter-selected]=\"selected\" (click)=\"onClick($event)\"\n  role=\"button\" tabindex=\"0\">\n\n\n  <div class=\"radio-circle\" [class.selected]=\"selected\">\n\n    <div class=\"radio-dot\"></div>\n\n  </div>\n\n\n  <span class=\"label\">\n    {{ label }}\n  </span>\n\n</div>","import {Component,EventEmitter,HostBinding,Input,Output} from '@angular/core';\n\n@Component({\n  selector: 'lib-text-box',\n  standalone: true,\n  imports: [],\n  templateUrl: './text-box.html',\n  styleUrl: './text-box.css'\n})\nexport class TextBox {\n\n  // INPUTS\n\n  @Input() placeholder: string = '';\n\n  @Input() value: string = '';\n\n  @Input() type: string = 'text';\n\n  @Input() disabled: boolean = false;\n\n  @Input() readonly: boolean = false;\n\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUT EVENTS\n\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n\n  @Output()\n  inputChange =\n    new EventEmitter<string>();\n\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // PASSWORD VISIBILITY\n\n  showPassword: boolean = false;\n\n\n  get inputType(): string {\n\n    if (this.type === 'password') {\n\n      return this.showPassword\n        ? 'text'\n        : 'password';\n    }\n\n    return this.type;\n  }\n\n\n  /**\n   * Show/hide password.\n   */\n  togglePassword(event: MouseEvent): void {\n\n    event.stopPropagation();\n\n    this.showPassword =\n      !this.showPassword;\n  }\n\n\n  // INPUT HANDLER\n\n  onInput(event: Event): void {\n\n    const input =\n      event.target as HTMLInputElement;\n\n    this.value = input.value;\n\n    // Emit current value\n    this.valueChange.emit(\n      this.value\n    );\n\n    // Emit input event\n    this.inputChange.emit(\n      this.value\n    );\n  }\n\n\n  // CLICK HANDLER\n\n  onClick(event: MouseEvent): void {\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"text-box-container\">\n\n  <div class=\"text-box-input-wrapper\">\n\n    <input class=\"text-box-input\" [type]=\"inputType\" [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"disabled\"\n      [readonly]=\"readonly\" (input)=\"onInput($event)\" (click)=\"onClick($event)\" />\n\n    <!-- Password Eye Button -->\n    @if (type === 'password') {\n\n    <button type=\"button\" class=\"text-box-password-button\" [disabled]=\"disabled\" (click)=\"togglePassword($event)\"\n      aria-label=\"Toggle password visibility\">\n\n      @if (showPassword) {\n\n      <!-- Eye Off -->\n      <svg class=\"text-box-password-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M3 3l18 18\" />\n\n        <path d=\"M10.6 10.6a2 2 0 1 0 2.8 2.8\" />\n\n        <path d=\"M9.9 4.2A10.8 10.8 0 0 1 12 4c5 0 8.7 4.2 9.8 8a10.8 10.8 0 0 1-3.1 5.1\" />\n\n        <path d=\"M6.2 6.2C4.5 7.4 3.2 9.2 2.2 12c1.1 3.8 4.8 8 9.8 8 1.7 0 3.3-.5 4.7-1.2\" />\n      </svg>\n\n      } @else {\n\n      <!-- Eye -->\n      <svg class=\"text-box-password-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\n        stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M2 12s3.5-7 10-7\n                 10 7 10 7\n                 -3.5 7-10 7\n                 -10-7-10-7z\" />\n\n        <circle cx=\"12\" cy=\"12\" r=\"3\" />\n      </svg>\n\n      }\n\n    </button>\n\n    }\n\n  </div>\n\n</div>","import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'lib-date-input',\n  standalone: true,\n  imports: [],\n  templateUrl: './date-input.html',\n  styleUrl: './date-input.css'\n})\nexport class DateInput {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() placeholder: string = '';\n\n  @Input() value: string = '';\n\n  @Input() disabled: boolean = false;\n\n  @Input() readonly: boolean = false;\n\n  /**\n   * Developer custom CSS class.\n   *\n   * Example:\n   *\n   * customClass=\"flight-date\"\n   */\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUTS\n\n  /**\n   * Emits the selected date as:\n   *\n   * YYYY-MM-DD\n   */\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n  /**\n   * Emits the selected Date object.\n   */\n  @Output()\n  dateChange =\n    new EventEmitter<Date>();\n\n  /**\n   * Emits when the calendar opens/closes.\n   */\n  @Output()\n  openedChange =\n    new EventEmitter<boolean>();\n\n  /**\n   * Developer click event.\n   */\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // INTERNAL STATE\n\n  isOpen: boolean = false;\n\n  currentDate: Date = new Date();\n\n\n  constructor(\n    private elementRef:\n      ElementRef<HTMLElement>\n  ) { }\n\n\n  // INITIALIZE VALUE\n\n  ngOnInit(): void {\n\n    if (this.value) {\n\n      const parsedDate =\n        this.parseDate(this.value);\n\n      if (parsedDate) {\n\n        this.currentDate =\n          new Date(\n            parsedDate.getFullYear(),\n            parsedDate.getMonth(),\n            1\n          );\n      }\n    }\n  }\n\n\n  // CALENDAR DAYS\n\n  get calendarDays(): Date[] {\n\n    const year =\n      this.currentDate.getFullYear();\n\n    const month =\n      this.currentDate.getMonth();\n\n    const firstDay =\n      new Date(\n        year,\n        month,\n        1\n      );\n\n    const lastDay =\n      new Date(\n        year,\n        month + 1,\n        0\n      );\n\n    const days: Date[] = [];\n\n    const startDay =\n      firstDay.getDay();\n\n\n    // PREVIOUS MONTH DAYS\n\n    for (\n      let i = 0;\n      i < startDay;\n      i++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month,\n          i - startDay + 1\n        )\n      );\n    }\n\n\n    // CURRENT MONTH DAYS\n\n    for (\n      let day = 1;\n      day <= lastDay.getDate();\n      day++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month,\n          day\n        )\n      );\n    }\n\n\n    // NEXT MONTH DAYS\n\n    const remaining =\n      42 - days.length;\n\n    for (\n      let i = 1;\n      i <= remaining;\n      i++\n    ) {\n\n      days.push(\n        new Date(\n          year,\n          month + 1,\n          i\n        )\n      );\n    }\n\n    return days;\n  }\n\n\n  // MONTH NAME\n\n  get monthName(): string {\n\n    return this.currentDate.toLocaleString(\n      'default',\n      {\n        month: 'long'\n      }\n    );\n  }\n\n\n  // YEAR\n\n  get year(): number {\n\n    return this.currentDate.getFullYear();\n  }\n\n\n  // TOGGLE CALENDAR\n\n  toggleCalendar(\n    event?: MouseEvent\n  ): void {\n\n    if (\n      this.disabled ||\n      this.readonly\n    ) {\n      return;\n    }\n\n    if (event) {\n      this.clicked.emit(event);\n    }\n\n    this.isOpen =\n      !this.isOpen;\n\n    this.openedChange.emit(\n      this.isOpen\n    );\n  }\n\n\n  // PREVIOUS MONTH\n\n  previousMonth(\n    event?: MouseEvent\n  ): void {\n\n    event?.stopPropagation();\n\n    this.currentDate =\n      new Date(\n        this.year,\n        this.currentDate.getMonth() - 1,\n        1\n      );\n  }\n\n\n  // NEXT MONTH\n\n  nextMonth(\n    event?: MouseEvent\n  ): void {\n\n    event?.stopPropagation();\n\n    this.currentDate =\n      new Date(\n        this.year,\n        this.currentDate.getMonth() + 1,\n        1\n      );\n  }\n\n  // SELECT DATE\n\n  selectDate(\n    date: Date,\n    event: MouseEvent\n  ): void {\n\n    event.stopPropagation();\n\n    if (\n      this.disabled ||\n      this.readonly\n    ) {\n      return;\n    }\n\n    /*\n     * Create a clean Date object.\n     */\n    const selectedDate =\n      new Date(\n        date.getFullYear(),\n        date.getMonth(),\n        date.getDate()\n      );\n\n\n    // UPDATE VALUE\n\n    this.value =\n      this.formatDate(\n        selectedDate\n      );\n\n\n    // EMIT EVENTS\n\n    this.valueChange.emit(\n      this.value\n    );\n\n    this.dateChange.emit(\n      selectedDate\n    );\n\n    this.clicked.emit(\n      event\n    );\n\n\n    // CLOSE\n\n    this.isOpen = false;\n\n    this.openedChange.emit(\n      false\n    );\n  }\n\n\n  // FORMAT DATE\n\n  formatDate(\n    date: Date\n  ): string {\n\n    const day =\n      String(\n        date.getDate()\n      ).padStart(2, '0');\n\n    const month =\n      String(\n        date.getMonth() + 1\n      ).padStart(2, '0');\n\n    const year =\n      date.getFullYear();\n\n    return `${year}-${month}-${day}`;\n  }\n\n\n  // PARSE DATE\n\n  private parseDate(\n    value: string\n  ): Date | null {\n\n    const parts =\n      value.split('-');\n\n    if (parts.length !== 3) {\n      return null;\n    }\n\n    const year =\n      Number(parts[0]);\n\n    const month =\n      Number(parts[1]);\n\n    const day =\n      Number(parts[2]);\n\n    if (\n      !year ||\n      !month ||\n      !day\n    ) {\n      return null;\n    }\n\n    const date =\n      new Date(\n        year,\n        month - 1,\n        day\n      );\n\n    /*\n     * Validate the date.\n     */\n    if (\n      date.getFullYear() !== year ||\n      date.getMonth() !== month - 1 ||\n      date.getDate() !== day\n    ) {\n      return null;\n    }\n\n    return date;\n  }\n\n\n  // CURRENT MONTH\n\n  isCurrentMonth(\n    date: Date\n  ): boolean {\n\n    return (\n      date.getMonth() ===\n      this.currentDate.getMonth() &&\n      date.getFullYear() ===\n      this.currentDate.getFullYear()\n    );\n  }\n\n\n  // TODAY\n\n  isToday(\n    date: Date\n  ): boolean {\n\n    const today =\n      new Date();\n\n    return (\n      date.getDate() ===\n      today.getDate() &&\n      date.getMonth() ===\n      today.getMonth() &&\n      date.getFullYear() ===\n      today.getFullYear()\n    );\n  }\n\n\n  // SELECTED DATE\n\n  isSelected(\n    date: Date\n  ): boolean {\n\n    return (\n      this.value ===\n      this.formatDate(date)\n    );\n  }\n\n\n  // OUTSIDE CLICK\n\n  @HostListener(\n    'document:click',\n    ['$event']\n  )\n  onDocumentClick(\n    event: MouseEvent\n  ): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    const target =\n      event.target as Node;\n\n    const host =\n      this.elementRef.nativeElement;\n\n    if (\n      !host.contains(target)\n    ) {\n\n      this.closeCalendar();\n    }\n  }\n\n\n  // CLOSE CALENDAR\n\n  closeCalendar(): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    this.openedChange.emit(\n      false\n    );\n  }\n}","<div class=\"date-input-container\" [class.date-input-disabled]=\"disabled\" [class.date-input-open]=\"isOpen\">\n  <div class=\"date-input-field\" (click)=\"toggleCalendar($event)\">\n\n    <!-- LABEL -->\n\n    @if (label) {\n\n    <label class=\"date-input-label\">\n\n      {{ label }}\n\n    </label>\n\n    }\n\n\n    <!-- VALUE -->\n\n    <span class=\"date-input-value\" [class.date-input-placeholder]=\"!value\">\n\n      {{ value || placeholder }}\n\n    </span>\n\n\n    <!-- CALENDAR ICON -->\n\n    <span class=\"calendar-icon\">\n\n      <span class=\"calendar-top\"></span>\n\n      <span class=\"calendar-body\"></span>\n\n    </span>\n\n  </div>\n\n\n\n  @if (isOpen) {\n\n  <div class=\"date-picker\" (click)=\"$event.stopPropagation()\">\n\n\n    <div class=\"date-picker-header\">\n\n      <button type=\"button\" class=\"month-button\" aria-label=\"Previous month\" (click)=\"previousMonth($event)\">\n\n        ‹\n\n      </button>\n\n\n      <span class=\"month-title\">\n\n        {{ monthName }} {{ year }}\n\n      </span>\n\n\n      <button type=\"button\" class=\"month-button\" aria-label=\"Next month\" (click)=\"nextMonth($event)\">\n\n        ›\n\n      </button>\n\n    </div>\n\n\n    <div class=\"week-days\">\n\n      <span>Sun</span>\n\n      <span>Mon</span>\n\n      <span>Tue</span>\n\n      <span>Wed</span>\n\n      <span>Thu</span>\n\n      <span>Fri</span>\n\n      <span>Sat</span>\n\n    </div>\n\n\n\n    <div class=\"calendar-days\">\n\n      @for (\n      date of calendarDays;\n      track date.getTime()\n      ) {\n\n      <button type=\"button\" class=\"calendar-day\" [class.other-month]=\"\n              !isCurrentMonth(date)\n            \" [class.today]=\"\n              isToday(date)\n            \" [class.selected]=\"\n              isSelected(date)\n            \" (click)=\"\n              selectDate(date, $event)\n            \">\n\n        {{ date.getDate() }}\n\n      </button>\n\n      }\n\n    </div>\n\n  </div>\n\n  }\n\n</div>","import { Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';\n\nexport interface DropdownOption {\n  label: string;\n  value: string;\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'lib-dropdown',\n  standalone: true,\n  imports: [],\n  templateUrl: './dropdown.html',\n  styleUrl: './dropdown.css'\n})\nexport class Dropdown {\n\n  // INPUTS\n\n  @Input() label: string = '';\n\n  @Input() placeholder: string = '';\n\n  @Input() options: DropdownOption[] = [];\n\n  @Input() value: string = '';\n\n  @Input() disabled: boolean = false;\n\n  @Input() searchable: boolean = true;\n\n  @Input()\n  @HostBinding('class')\n  customClass: string = '';\n\n\n  // OUTPUTS\n\n  @Output()\n  valueChange =\n    new EventEmitter<string>();\n\n  @Output()\n  selectionChange =\n    new EventEmitter<DropdownOption>();\n\n  @Output()\n  openedChange =\n    new EventEmitter<boolean>();\n\n  @Output()\n  clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  // STATE\n\n  isOpen: boolean = false;\n\n  searchText: string = '';\n\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>\n  ) { }\n\n\n  // FILTERED OPTIONS\n\n  get filteredOptions(): DropdownOption[] {\n\n    const search =\n      this.searchText\n        .trim()\n        .toLowerCase();\n\n    if (!search) {\n      return this.options;\n    }\n\n    return this.options.filter(\n      option =>\n        option.label\n          .toLowerCase()\n          .includes(search)\n    );\n  }\n\n\n  // SELECTED OPTION\n\n  get selectedOption():\n    DropdownOption | undefined {\n\n    return this.options.find(\n      option =>\n        option.value === this.value\n    );\n  }\n\n\n  // TOGGLE\n\n  toggleDropdown(\n    event?: MouseEvent\n  ): void {\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (event) {\n      this.clicked.emit(event);\n    }\n\n    this.isOpen =\n      !this.isOpen;\n\n    this.openedChange.emit(\n      this.isOpen\n    );\n\n    if (!this.isOpen) {\n      this.searchText = '';\n    }\n  }\n\n\n  // DOCUMENT CLICK\n\n  @HostListener(\n    'document:click',\n    ['$event']\n  )\n  onDocumentClick(\n    event: MouseEvent\n  ): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    const target =\n      event.target as Node;\n\n    const host =\n      this.elementRef.nativeElement;\n\n    if (!host.contains(target)) {\n      this.closeDropdown();\n    }\n  }\n\n\n  // CLOSE\n\n  closeDropdown(): void {\n\n    if (!this.isOpen) {\n      return;\n    }\n\n    this.isOpen = false;\n\n    this.searchText = '';\n\n    this.openedChange.emit(false);\n  }\n\n\n  // SELECT\n\n  selectOption(\n    option: DropdownOption,\n    event: MouseEvent\n  ): void {\n\n    if (option.disabled) {\n      return;\n    }\n\n    this.value =\n      option.value;\n\n    this.valueChange.emit(\n      option.value\n    );\n\n    this.selectionChange.emit(\n      option\n    );\n\n    this.clicked.emit(event);\n\n    this.isOpen = false;\n\n    this.searchText = '';\n\n    this.openedChange.emit(false);\n  }\n\n\n  // SEARCH\n\n  onSearch(event: Event): void {\n\n    const input =\n      event.target as HTMLInputElement;\n\n    this.searchText =\n      input.value;\n  }\n}","<div class=\"dropdown-container\" [class.dropdown-disabled]=\"disabled\" [class.dropdown-open]=\"isOpen\">\n\n  <div class=\"dropdown-field\" (click)=\"toggleDropdown($event)\">\n\n    <!-- Label -->\n\n    @if (label) {\n\n    <label class=\"dropdown-label\">\n      {{ label }}\n    </label>\n\n    }\n\n\n    <!-- Selected Value -->\n\n    <span class=\"dropdown-value\" [class.dropdown-placeholder]=\"\n        !selectedOption\n      \">\n\n      {{\n      selectedOption?.label ||\n      placeholder\n      }}\n\n    </span>\n\n\n    <!-- Arrow -->\n\n    <span class=\"dropdown-arrow\" [class.arrow-up]=\"isOpen\"></span>\n\n  </div>\n\n\n  @if (isOpen) {\n\n  <div class=\"dropdown-menu\" (click)=\"$event.stopPropagation()\">\n\n    <!-- SEARCH -->\n\n    @if (searchable) {\n\n    <div class=\"dropdown-search\">\n\n      <input type=\"text\" class=\"dropdown-search-input\" placeholder=\"Search...\" [value]=\"searchText\"\n        (input)=\"onSearch($event)\" />\n\n    </div>\n\n    }\n\n\n    <!-- OPTIONS -->\n\n    <div class=\"dropdown-options\">\n\n      @for (\n      option of filteredOptions;\n      track option.value\n      ) {\n\n      <div class=\"dropdown-option\" [class.option-disabled]=\"\n              option.disabled\n            \" [class.option-selected]=\"\n              option.value === value\n            \" (click)=\"\n              selectOption(option, $event)\n            \">\n\n        {{ option.label }}\n\n      </div>\n\n      }\n\n\n      <!-- NO RESULTS -->\n\n      @if (\n      filteredOptions.length === 0\n      ) {\n\n      <div class=\"dropdown-no-result\">\n\n        No results found\n\n      </div>\n\n      }\n\n    </div>\n\n  </div>\n\n  }\n\n</div>","import {Component,Input,Output,EventEmitter} from '@angular/core';\n\n@Component({\n  selector: 'lib-graph-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './graph-card.html',\n  styleUrl: './graph-card.css',\n})\nexport class GraphCard {\n\n  @Input() title: string = 'GMT';\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = false;\n\n  @Input() disabled: boolean = false;\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n  onClick(event: MouseEvent): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<div\n  class=\"balina-card\"\n  [class]=\"customClass\"\n  [class.card-clickable]=\"clickable\"\n  [class.card-disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n\n  <!-- TITLE-->\n\n  <h2 class=\"card-title\">\n    {{ title }}\n  </h2>\n\n\n  <!--DEVELOPER CONTENT-->\n\n  <div class=\"card-content\">\n\n    <ng-content></ng-content>\n\n  </div>\n\n</div>","import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  HostBinding\n} from '@angular/core';\n\n@Component({\n  selector: 'lib-flight-card',\n  standalone: true,\n  imports: [],\n  templateUrl: './flight-card.html',\n  styleUrl: './flight-card.css',\n})\nexport class FlightCard {\n\n  @Input() flightNumber: string = 'ET-123';\n\n  @Input() route: string =\n    'Addis Ababa (ADD) to Nairobi (NBO)';\n\n  @Input() date: string =\n    'June 14, 2026';\n\n  @Input() airTime: string =\n    '2h 10m';\n\n  @Input() description: string =\n    'Flight information and operational performance.';\n\n\n  @Input() clickable: boolean = false;\n\n  @Input() disabled: boolean = false;\n\n  @Input() customClass: string = '';\n\n\n  @HostBinding('class')\n  get hostClasses(): string {\n\n    return [\n      this.customClass,\n      this.clickable ? 'flight-card-clickable' : '',\n      this.disabled ? 'flight-card-disabled' : ''\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n\n  @Output() clicked =\n    new EventEmitter<MouseEvent>();\n\n\n  onClick(event: MouseEvent): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit(event);\n  }\n}","<div class=\"flight-card\" [class.card-clickable]=\"clickable\" [class.card-disabled]=\"disabled\"\n    (click)=\"onClick($event)\">\n\n    <div class=\"flight-header\">\n\n        <div class=\"flight-icon\">\n            ✈\n        </div>\n\n        <h2 class=\"flight-title\">\n            Flight : {{ flightNumber }}\n        </h2>\n\n    </div>\n\n    <div class=\"flight-info\">\n\n        <div class=\"flight-route\">\n            {{ route }}\n        </div>\n\n        <div class=\"flight-date\">\n            {{ date }}\n        </div>\n\n        <div class=\"flight-air-time\">\n            Air Time&nbsp; : &nbsp;{{ airTime }}\n        </div>\n\n    </div>\n\n\n    <div class=\"flight-divider\"></div>\n\n    <div class=\"flight-description\">\n        {{ description }}\n    </div>\n\n</div>","import {\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  Output\n} from '@angular/core';\n\nexport interface BreadcrumbItem {\n  label: string;\n  url?: string;\n}\n\n@Component({\n  selector: 'lib-breadcrumb',\n  standalone: true,\n  imports: [],\n  templateUrl: './breadcrumb.html',\n  styleUrl: './breadcrumb.css',\n})\nexport class Breadcrumb {\n\n  /* =====================================\n     INPUTS\n     ===================================== */\n\n  @Input() items: BreadcrumbItem[] = [];\n\n  @Input() customClass: string = '';\n\n  @Input() clickable: boolean = true;\n\n  @Input() disabled: boolean = false;\n\n\n  /* =====================================\n     CUSTOM CLASS + STATES\n     ===================================== */\n\n  @HostBinding('class')\n  get hostClasses(): string {\n\n    return [\n      this.customClass,\n\n      this.clickable\n        ? 'breadcrumb-clickable'\n        : '',\n\n      this.disabled\n        ? 'breadcrumb-disabled'\n        : ''\n\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n\n  /* =====================================\n     DEVELOPER EVENT\n     ===================================== */\n\n  @Output() clicked =\n    new EventEmitter<{\n      item: BreadcrumbItem;\n      event: MouseEvent;\n    }>();\n\n\n  /* =====================================\n     CLICK\n     ===================================== */\n\n  onClick(\n    item: BreadcrumbItem,\n    event: MouseEvent\n  ): void {\n\n    if (\n      !this.clickable ||\n      this.disabled\n    ) {\n      return;\n    }\n\n    this.clicked.emit({\n      item,\n      event\n    });\n  }\n}","<nav\n  class=\"balina-breadcrumb\"\n  [class.breadcrumb-clickable]=\"clickable\"\n  [class.breadcrumb-disabled]=\"disabled\"\n  aria-label=\"Breadcrumb\"\n>\n\n  @for (item of items; track $index) {\n\n    <div class=\"breadcrumb-item\">\n\n      <span\n        class=\"breadcrumb-label\"\n        (click)=\"onClick(item, $event)\"\n      >\n        {{ item.label }}\n      </span>\n\n      @if (!$last) {\n\n        <span\n          class=\"breadcrumb-arrow\"\n          aria-hidden=\"true\"\n        >\n          ›\n        </span>\n\n      }\n\n    </div>\n\n  }\n\n</nav>","/*\n * Public API Surface of balinaui-components\n */\n\nexport * from './lib/balinaui-components';\nexport * from './lib/navbar/navbar';\nexport * from './lib/button/button';\nexport * from './lib/card/card';\nexport * from './lib/time-filter/time-filter';\nexport * from './lib/text-box/text-box';\nexport * from './lib/date-input/date-input';\nexport * from './lib/dropdown/dropdown';\nexport * from './lib/graph-card/graph-card';\nexport * from './lib/flight-card/flight-card';\nexport * from './lib/breadcrumb/breadcrumb';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balinasoftware/balinaui-components",
-  "version": "3.3.11",
+  "version": "3.3.12",
   "peerDependencies": {
     "@angular/common": "^22.1.0",
     "@angular/core": "^22.1.0"

package/types/balinasoftware-balinaui-components.d.ts

@@ -219,6 +219,7 @@ declare class FlightCard {
     clickable: boolean;
     disabled: boolean;
     customClass: string;
+    get hostClasses(): string;
     clicked: EventEmitter<MouseEvent>;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlightCard, never>;
@@ -234,6 +235,7 @@ declare class Breadcrumb {
     customClass: string;
     clickable: boolean;
     disabled: boolean;
+    get hostClasses(): string;
     clicked: EventEmitter<{
         item: BreadcrumbItem;
         event: MouseEvent;