@balinasoftware/balinaui-components 5.0.0 → 6.0.0

package/fesm2022/balinasoftware-balinaui-components.mjs

@@ -215,6 +215,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
                 type: Output
             }] } });
 
+class Card {
+    title = 'Last 24 hours';
+    month = 'Jul';
+    day = 9;
+    description = '156 flights were monitored with 96.8% on-time performance. Minor delays occurred due to weather and air traffic.';
+    cardClick = new EventEmitter();
+    onCardClick() {
+        this.cardClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: Card, isStandalone: true, selector: "lib-card", inputs: { title: "title", month: "month", day: "day", description: "description" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"card mat-elevation-z1\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\">\n\n  <!-- Title -->\n  <h2 class=\"mat-headline-4 card-title\">\n    {{ title }}\n  </h2>\n\n  <!-- Content -->\n  <div class=\"card-content\">\n\n    <!-- Date -->\n    <div class=\"date-box\">\n\n      <div class=\"month mat-title-medium\">\n        {{ month }}\n      </div>\n\n      <div class=\"day mat-headline-5\">\n        {{ day }}\n      </div>\n\n    </div>\n\n    <!-- Description -->\n    <div class=\"description mat-body-large\">\n      {{ description }}\n    </div>\n\n  </div>\n\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.card{width:100%;min-height:180px;box-sizing:border-box;border:3px solid #dedede;border-radius:12px;padding:30px 26px;background:#fff;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card:hover{border-color:#c8c8c8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-title{margin:0 0 34px;font-size:38px;font-weight:700;line-height:1.1}.card-content{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;margin:0 0 0 37px}.date-box{width:92px;min-width:92px;height:96px;border-radius:12px;background:#f3f1ee;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d6d1cc}.month{color:#6b1f2b;font-weight:700;font-size:24px;line-height:1}.day{color:#000;font-size:26px;font-weight:700;line-height:1;padding-top:6px}.description{max-width:560px;color:#222;font-size:20px;font-weight:500;line-height:1.3}@media(max-width:768px){.card{padding:25px 20px}.card-title{font-size:32px;margin-bottom:25px}.description{font-size:18px}}@media(max-width:500px){.card{min-height:auto;padding:22px 16px}.card-title{font-size:28px;margin-bottom:22px}.card-content{align-items:flex-start;gap:16px}.date-box{width:75px;min-width:75px;height:85px}.month{font-size:20px}.date-line{width:48px}.day{font-size:23px}.description{font-size:16px}}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: Card, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-card', imports: [], template: "<div class=\"card mat-elevation-z1\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\">\n\n  <!-- Title -->\n  <h2 class=\"mat-headline-4 card-title\">\n    {{ title }}\n  </h2>\n\n  <!-- Content -->\n  <div class=\"card-content\">\n\n    <!-- Date -->\n    <div class=\"date-box\">\n\n      <div class=\"month mat-title-medium\">\n        {{ month }}\n      </div>\n\n      <div class=\"day mat-headline-5\">\n        {{ day }}\n      </div>\n\n    </div>\n\n    <!-- Description -->\n    <div class=\"description mat-body-large\">\n      {{ description }}\n    </div>\n\n  </div>\n\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.card{width:100%;min-height:180px;box-sizing:border-box;border:3px solid #dedede;border-radius:12px;padding:30px 26px;background:#fff;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card:hover{border-color:#c8c8c8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-title{margin:0 0 34px;font-size:38px;font-weight:700;line-height:1.1}.card-content{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;margin:0 0 0 37px}.date-box{width:92px;min-width:92px;height:96px;border-radius:12px;background:#f3f1ee;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d6d1cc}.month{color:#6b1f2b;font-weight:700;font-size:24px;line-height:1}.day{color:#000;font-size:26px;font-weight:700;line-height:1;padding-top:6px}.description{max-width:560px;color:#222;font-size:20px;font-weight:500;line-height:1.3}@media(max-width:768px){.card{padding:25px 20px}.card-title{font-size:32px;margin-bottom:25px}.description{font-size:18px}}@media(max-width:500px){.card{min-height:auto;padding:22px 16px}.card-title{font-size:28px;margin-bottom:22px}.card-content{align-items:flex-start;gap:16px}.date-box{width:75px;min-width:75px;height:85px}.month{font-size:20px}.date-line{width:48px}.day{font-size:23px}.description{font-size:16px}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], month: [{
+                type: Input
+            }], day: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], cardClick: [{
+                type: Output
+            }] } });
+
 /*
  * Public API Surface of balinaui-components
  */
@@ -223,5 +250,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BalinauiComponents, Button, Navbar };
+export { BalinauiComponents, Button, Card, Navbar };
 //# sourceMappingURL=balinasoftware-balinaui-components.mjs.map

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/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, } from '@angular/core';\nimport { 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 = 'Aero';\n\n  @Input() logoAlt = 'Aero logo';\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    username: 'Guest User',\n    email: 'guest@example.com',\n    image: '',\n    role: 'Guest',\n    name: undefined\n  };\n\n  // Icons\n  @Input() notificationIcon = 'notifications';\n\n  @Input() profileIcon = 'account_circle';\n\n  @Input() userIcon = 'person';\n\n  @Input() logoutIcon = 'logout';\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, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nexport type ButtonVariant =\n  | 'solid'\n  | 'outline'\n  | 'ghost';\n\nexport type ButtonColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'link';\n\nexport type ButtonSize =\n  | 'xs'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl';\n\n@Component({\n  selector: 'lib-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.html',\n  styleUrl: './button.css',\n})\nexport class Button {\n  // CONTENT\n  @Input() text = 'Button';\n  // BUTTON TYPE\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  // VARIANT\n  @Input() variant: ButtonVariant = 'solid';\n  // STANDARD COLOR\n  @Input() color: ButtonColor = 'primary';\n  // CUSTOM COLORS\n  @Input() customColor?: string;\n  @Input() hoverColor?: string;\n  @Input() activeColor?: string;\n  @Input() textColor?: string;\n  @Input() borderColor?: string;\n  @Input() hoverTextColor?: string;\n  @Input() activeTextColor?: string;\n  @Input() disabledColor?: string;\n  @Input() disabledTextColor?: string;\n  @Input() disabledBorderColor?: string;\n  // SIZE\n  @Input() size: ButtonSize = 'md';\n  // DISABLED\n  @Input() disabled = false;\n  // CLICK EVENT\n  \n  @Output() buttonClick = new EventEmitter<MouseEvent>();\n  // CLICK HANDLER\n  handleClick(event: MouseEvent): void {\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    this.buttonClick.emit(event);\n  }\n\n  // CSS VARIABLES\n\n  get buttonStyles(): Record<string, string> {\n\n    const styles: Record<string, string> = {};\n\n    if (this.customColor) {\n      styles['--button-custom-color'] = this.customColor;\n    }\n\n    if (this.hoverColor) {\n      styles['--button-hover-color'] = this.hoverColor;\n    }\n\n    if (this.activeColor) {\n      styles['--button-active-color'] = this.activeColor;\n    }\n\n    if (this.textColor) {\n      styles['--button-text-color'] = this.textColor;\n    }\n\n    if (this.borderColor) {\n      styles['--button-border-color'] = this.borderColor;\n    }\n\n    if (this.hoverTextColor) {\n      styles['--button-hover-text-color'] = this.hoverTextColor;\n    }\n\n    if (this.activeTextColor) {\n      styles['--button-active-text-color'] = this.activeTextColor;\n    }\n\n    if (this.disabledColor) {\n      styles['--button-disabled-color'] = this.disabledColor;\n    }\n\n    if (this.disabledTextColor) {\n      styles['--button-disabled-text-color'] =\n        this.disabledTextColor;\n    }\n\n    if (this.disabledBorderColor) {\n      styles['--button-disabled-border-color'] =\n        this.disabledBorderColor;\n    }\n\n    return styles;\n  }\n}","<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n\n  [ngClass]=\"[\n    'lib-button',\n    'lib-button-' + variant,\n    'lib-button-' + color,\n    'lib-button-' + size\n  ]\"\n\n  [ngStyle]=\"buttonStyles\"\n\n  (click)=\"handleClick($event)\"\n>\n  {{ text }}\n</button>","/*\n * Public API Surface of balinaui-components\n */\n\nexport * from './lib/balinaui-components';\nexport * from './lib/navbar/navbar';\nexport * from './lib/button/button';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAQa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,mFAHnB,CAAA,mCAAA,CAAqC,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAGpC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACE,yBAAyB,EAAA,OAAA,EAC1B,EAAE,EAAA,QAAA,EACD,CAAA,mCAAA,CAAqC,EAAA;;;MCoBpC,MAAM,CAAA;AAyCG,IAAA,UAAA;;IAtCX,KAAK,GAAG,MAAM;IAEd,OAAO,GAAG,WAAW;IAErB,KAAK,GAAG,EAAE;;IAGV,KAAK,GAAc,EAAE;;IAGrB,iBAAiB,GAAG,KAAK;;AAGzB,IAAA,IAAI,GAAgB;AAC3B,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,IAAI,EAAE;KACP;;IAGQ,gBAAgB,GAAG,eAAe;IAElC,WAAW,GAAG,gBAAgB;IAE9B,QAAQ,GAAG,QAAQ;IAEnB,UAAU,GAAG,QAAQ;;AAGpB,IAAA,KAAK,GAAG,IAAI,YAAY,EAAQ;AAEhC,IAAA,MAAM,GAAG,IAAI,YAAY,EAAQ;IAE3C,UAAU,GAAG,KAAK;IAClB,cAAc,GAAG,KAAK;AAEtB,IAAA,WAAA,CAAoB,UAAsB,EAAA;QAAtB,IAAA,CAAA,UAAU,GAAV,UAAU;IAAgB;IAE9C,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB;IAC1C;IAEA,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACtB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc;IAC5C;IAEA,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;AAGA,IAAA,eAAe,CAAC,KAAiB,EAAA;QAE/B,IACE,IAAI,CAAC,cAAc;AACnB,YAAA,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EACrD;AACA,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;QAC7B;IACF;uGAvEW,MAAM,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,ubCzBnB,myGAmGS,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED9EG,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,8fAAE,aAAa,EAAA,CAAA,EAAA,CAAA;;2FAIxC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAE,aAAa,CAAC,EAAA,QAAA,EAAA,myGAAA,EAAA,MAAA,EAAA,CAAA,09HAAA,CAAA,EAAA;;sBAOnD;;sBAEA;;sBAEA;;sBAGA;;sBAGA;;sBAGA;;sBASA;;sBAEA;;sBAEA;;sBAEA;;sBAGA;;sBAEA;;sBA0BA,YAAY;uBAAC,oBAAoB,EAAE,CAAC,QAAQ,CAAC;;;MEtDnC,MAAM,CAAA;;IAER,IAAI,GAAG,QAAQ;;IAEf,IAAI,GAAkC,QAAQ;;IAE9C,OAAO,GAAkB,OAAO;;IAEhC,KAAK,GAAgB,SAAS;;AAE9B,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,WAAW;AACX,IAAA,SAAS;AACT,IAAA,WAAW;AACX,IAAA,cAAc;AACd,IAAA,eAAe;AACf,IAAA,aAAa;AACb,IAAA,iBAAiB;AACjB,IAAA,mBAAmB;;IAEnB,IAAI,GAAe,IAAI;;IAEvB,QAAQ,GAAG,KAAK;;AAGf,IAAA,WAAW,GAAG,IAAI,YAAY,EAAc;;AAEtD,IAAA,WAAW,CAAC,KAAiB,EAAA;AAE3B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;AAEA,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;IAC9B;;AAIA,IAAA,IAAI,YAAY,GAAA;QAEd,MAAM,MAAM,GAA2B,EAAE;AAEzC,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAC,WAAW;QACpD;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC,UAAU;QAClD;AAEA,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAC,WAAW;QACpD;AAEA,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,MAAM,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,SAAS;QAChD;AAEA,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,MAAM,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAC,WAAW;QACpD;AAEA,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,MAAM,CAAC,2BAA2B,CAAC,GAAG,IAAI,CAAC,cAAc;QAC3D;AAEA,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,MAAM,CAAC,4BAA4B,CAAC,GAAG,IAAI,CAAC,eAAe;QAC7D;AAEA,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,MAAM,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC,aAAa;QACxD;AAEA,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,MAAM,CAAC,8BAA8B,CAAC;gBACpC,IAAI,CAAC,iBAAiB;QAC1B;AAEA,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B,MAAM,CAAC,gCAAgC,CAAC;gBACtC,IAAI,CAAC,mBAAmB;QAC5B;AAEA,QAAA,OAAO,MAAM;IACf;uGAvFW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCnB,yRAgBS,EAAA,MAAA,EAAA,CAAA,iiKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDaG,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIX,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,iiKAAA,CAAA,EAAA;;sBAMtB;;sBAEA;;sBAEA;;sBAEA;;sBAEA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBAEA;;sBAGA;;;AE3DH;;AAEG;;ACFH;;AAEG;;;;"}
+{"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/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, } from '@angular/core';\nimport { 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 = 'Aero';\n\n  @Input() logoAlt = 'Aero logo';\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    username: 'Guest User',\n    email: 'guest@example.com',\n    image: '',\n    role: 'Guest',\n    name: undefined\n  };\n\n  // Icons\n  @Input() notificationIcon = 'notifications';\n\n  @Input() profileIcon = 'account_circle';\n\n  @Input() userIcon = 'person';\n\n  @Input() logoutIcon = 'logout';\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, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nexport type ButtonVariant =\n  | 'solid'\n  | 'outline'\n  | 'ghost';\n\nexport type ButtonColor =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'neutral'\n  | 'light'\n  | 'dark'\n  | 'link';\n\nexport type ButtonSize =\n  | 'xs'\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl';\n\n@Component({\n  selector: 'lib-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.html',\n  styleUrl: './button.css',\n})\nexport class Button {\n  // CONTENT\n  @Input() text = 'Button';\n  // BUTTON TYPE\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  // VARIANT\n  @Input() variant: ButtonVariant = 'solid';\n  // STANDARD COLOR\n  @Input() color: ButtonColor = 'primary';\n  // CUSTOM COLORS\n  @Input() customColor?: string;\n  @Input() hoverColor?: string;\n  @Input() activeColor?: string;\n  @Input() textColor?: string;\n  @Input() borderColor?: string;\n  @Input() hoverTextColor?: string;\n  @Input() activeTextColor?: string;\n  @Input() disabledColor?: string;\n  @Input() disabledTextColor?: string;\n  @Input() disabledBorderColor?: string;\n  // SIZE\n  @Input() size: ButtonSize = 'md';\n  // DISABLED\n  @Input() disabled = false;\n  // CLICK EVENT\n  \n  @Output() buttonClick = new EventEmitter<MouseEvent>();\n  // CLICK HANDLER\n  handleClick(event: MouseEvent): void {\n\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    this.buttonClick.emit(event);\n  }\n\n  // CSS VARIABLES\n\n  get buttonStyles(): Record<string, string> {\n\n    const styles: Record<string, string> = {};\n\n    if (this.customColor) {\n      styles['--button-custom-color'] = this.customColor;\n    }\n\n    if (this.hoverColor) {\n      styles['--button-hover-color'] = this.hoverColor;\n    }\n\n    if (this.activeColor) {\n      styles['--button-active-color'] = this.activeColor;\n    }\n\n    if (this.textColor) {\n      styles['--button-text-color'] = this.textColor;\n    }\n\n    if (this.borderColor) {\n      styles['--button-border-color'] = this.borderColor;\n    }\n\n    if (this.hoverTextColor) {\n      styles['--button-hover-text-color'] = this.hoverTextColor;\n    }\n\n    if (this.activeTextColor) {\n      styles['--button-active-text-color'] = this.activeTextColor;\n    }\n\n    if (this.disabledColor) {\n      styles['--button-disabled-color'] = this.disabledColor;\n    }\n\n    if (this.disabledTextColor) {\n      styles['--button-disabled-text-color'] =\n        this.disabledTextColor;\n    }\n\n    if (this.disabledBorderColor) {\n      styles['--button-disabled-border-color'] =\n        this.disabledBorderColor;\n    }\n\n    return styles;\n  }\n}","<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n\n  [ngClass]=\"[\n    'lib-button',\n    'lib-button-' + variant,\n    'lib-button-' + color,\n    'lib-button-' + size\n  ]\"\n\n  [ngStyle]=\"buttonStyles\"\n\n  (click)=\"handleClick($event)\"\n>\n  {{ text }}\n</button>","import { Component , Input ,Output ,EventEmitter } from '@angular/core';\n\n@Component({\n  selector: 'lib-card',\n  imports: [],\n  templateUrl: './card.html',\n  styleUrl: './card.css',\n})\nexport class Card {\n    @Input() title: string = 'Last 24 hours';\n\n  @Input() month: string = 'Jul';\n\n  @Input() day: string | number = 9;\n\n  @Input() description: string =\n    '156 flights were monitored with 96.8% on-time performance. Minor delays occurred due to weather and air traffic.';\n\n  @Output() cardClick = new EventEmitter<void>();\n\n  onCardClick(): void {\n    this.cardClick.emit();\n  }\n}\n","<div class=\"card mat-elevation-z1\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\">\n\n  <!-- Title -->\n  <h2 class=\"mat-headline-4 card-title\">\n    {{ title }}\n  </h2>\n\n  <!-- Content -->\n  <div class=\"card-content\">\n\n    <!-- Date -->\n    <div class=\"date-box\">\n\n      <div class=\"month mat-title-medium\">\n        {{ month }}\n      </div>\n\n      <div class=\"day mat-headline-5\">\n        {{ day }}\n      </div>\n\n    </div>\n\n    <!-- Description -->\n    <div class=\"description mat-body-large\">\n      {{ description }}\n    </div>\n\n  </div>\n\n</div>","/*\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';","/**\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": "5.0.0",
+  "version": "6.0.0",
   "peerDependencies": {
     "@angular/common": "^22.1.0",
     "@angular/core": "^22.1.0"

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

@@ -71,5 +71,16 @@ declare class Button {
     static ɵcmp: i0.ɵɵComponentDeclaration<Button, "lib-button", never, { "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; "hoverColor": { "alias": "hoverColor"; "required": false; }; "activeColor": { "alias": "activeColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "borderColor": { "alias": "borderColor"; "required": false; }; "hoverTextColor": { "alias": "hoverTextColor"; "required": false; }; "activeTextColor": { "alias": "activeTextColor"; "required": false; }; "disabledColor": { "alias": "disabledColor"; "required": false; }; "disabledTextColor": { "alias": "disabledTextColor"; "required": false; }; "disabledBorderColor": { "alias": "disabledBorderColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
-export { BalinauiComponents, Button, Navbar };
+declare class Card {
+    title: string;
+    month: string;
+    day: string | number;
+    description: string;
+    cardClick: EventEmitter<void>;
+    onCardClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "lib-card", never, { "title": { "alias": "title"; "required": false; }; "month": { "alias": "month"; "required": false; }; "day": { "alias": "day"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}
+
+export { BalinauiComponents, Button, Card, Navbar };
 export type { ButtonColor, ButtonSize, ButtonVariant, NavLink, UserProfile };