npm - @byuhbll/components - Versions diffs - 4.0.0-alpha.4 → 4.0.0-alpha.6 - Mend

@byuhbll/components 4.0.0-alpha.4 → 4.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/lib/animations/animations.d.ts CHANGED Viewed

@@ -2,3 +2,4 @@ export declare const libHbllExpandCollapse: import("@angular/animations").Animat
 export declare const libHbllFadeInOut: import("@angular/animations").AnimationTriggerMetadata;
 export declare const libHbllFadeIn: import("@angular/animations").AnimationTriggerMetadata;
 export declare const libHbllFadeOut: import("@angular/animations").AnimationTriggerMetadata;
+export declare const libHbllSlideInOutRightLeft: import("@angular/animations").AnimationTriggerMetadata;

package/lib/expand-collapse/expand-collapse.component.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ExpandCollapseComponent {
+    private contentRef;
+    private _isExpanded;
+    set isExpanded(isExpanded: boolean);
+    get isExpanded(): boolean;
+    protected heightOfContent: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpandCollapseComponent, "lib-expand-collapse", never, { "isExpanded": { "alias": "isExpanded"; "required": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/hbll-checkbox/hbll-checkbox.component.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class HbllCheckboxComponent {
-    isChecked: boolean;
+    isChecked: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<HbllCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HbllCheckboxComponent, "lib-hbll-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllCheckboxComponent, "lib-hbll-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/hbll-header/hbll-header.component.d.ts CHANGED Viewed

@@ -1,40 +1,39 @@
-import { AfterViewInit, EventEmitter, PipeTransform } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, Signal } from '@angular/core';
+import { JwtPayload } from 'jwt-decode';
+import { TokenPayload } from './models/token-payload';
+import { LibraryHours } from './models/library-hours';
 import * as i0 from "@angular/core";
-interface LibraryHours {
-    date: string;
-    is_closed: boolean;
-    open_time: string;
-    close_time: string;
-    has_exception: boolean;
-    exception_title: string;
-    exception_message: string;
-    is_currently_open: boolean;
-}
-export declare class LibraryHoursDatePipe implements PipeTransform {
-    transform(date: string, time: string): Date;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LibraryHoursDatePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<LibraryHoursDatePipe, "libraryHoursDate", true>;
-}
-/**
- * Header component built to be exported as a custom element.
- * This component uses icons provided by Google Material.
- * The link to these icons should be included once in the \<head> of your base html.
- *
- * When a non-empty string `name` is provided to this component, the user is considered logged in.
- * Two outputs/events are accessible: `login` and `logout`.
- */
+export declare const LIBRARY_HOURS_API_URL = "https://apps.lib.byu.edu/libraryhours/api/hours";
 export declare class HbllHeaderComponent implements AfterViewInit {
     private readonly r2;
     private readonly http;
-    protected name: import("@angular/core").InputSignal<string>;
+    private readonly bo;
+    header: ElementRef;
+    accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
+    oidcBaseUri: import("@angular/core").InputSignal<string>;
+    oidcDefaultIdp: import("@angular/core").InputSignal<string>;
     login: EventEmitter<void>;
     logout: EventEmitter<void>;
+    endImpersonation: EventEmitter<void>;
+    private formatDateForHours;
     private accountInfoEl;
-    protected isLoggedIn: import("@angular/core").Signal<boolean>;
-    protected libraryHours: import("@angular/core").Signal<LibraryHours | undefined>;
+    private hoursEl;
+    protected parsedToken: Signal<JwtPayload & Record<string, any>>;
+    protected isLoggedIn: Signal<boolean>;
+    protected isImpersonating: Signal<boolean>;
+    protected showImpersonateButton: Signal<any>;
+    protected name: Signal<any>;
+    protected libraryHours: Signal<LibraryHours | undefined>;
+    protected hoursExceptions$: import("rxjs").Observable<LibraryHours[]>;
     protected showAccountDropdown: boolean;
+    protected showLibraryHours: boolean;
+    protected mobileSidebarHeight: number;
+    protected showNavBar: boolean;
+    protected showImpersonationModal: boolean;
+    protected isScreenSmall: Signal<boolean | undefined>;
     ngAfterViewInit(): void;
+    private onResize;
+    private setMobileSidebarHeight;
     static ɵfac: i0.ɵɵFactoryDeclaration<HbllHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": false; "isSignal": true; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; "endImpersonation": "endImpersonation"; }, never, never, true, never>;
 }
-export {};

package/lib/hbll-header/impersonate-modal/impersonate-modal.component.d.ts ADDED Viewed

@@ -0,0 +1,58 @@
+import { EventEmitter, OnDestroy, PipeTransform } from '@angular/core';
+import { Subject } from 'rxjs';
+import { TokenPayload } from '../models/token-payload';
+import * as i0 from "@angular/core";
+export declare class ImpersonateUserPipe implements PipeTransform {
+    transform(user: ImpersonateSearchResult): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateUserPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ImpersonateUserPipe, "impersonateUser", true>;
+}
+export interface ImpersonateSearchResult {
+    netId: string;
+    institution: string;
+    username: string;
+    name: string;
+    preferredName: string;
+    givenName: string;
+    surname: string;
+    restricted: boolean;
+}
+export declare class ImpersonateModalComponent implements OnDestroy {
+    private readonly http;
+    private readonly fb;
+    private readonly eref;
+    set showModal(open: boolean);
+    oidcBaseUri: import("@angular/core").InputSignal<string>;
+    oidcDefaultIdp: import("@angular/core").InputSignal<string>;
+    accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
+    dismiss: EventEmitter<void>;
+    init: EventEmitter<void>;
+    protected isOpen: boolean;
+    protected hasError: boolean;
+    protected form: import("@angular/forms").FormGroup<{
+        search: import("@angular/forms").FormControl<string | null>;
+    }>;
+    protected selectedUsername?: string;
+    protected loading: boolean;
+    protected handleSearchSubject: Subject<boolean>;
+    protected results: import("@angular/core").Signal<ImpersonateSearchResult[] | null | undefined>;
+    private subs;
+    outsideClick(event: MouseEvent): void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    ngOnDestroy(): void;
+    /** Redirect to Keycloak impersonate page, which will redirect back
+     * after impersonation begins.
+     */
+    protected startImpersonation: (username?: string) => void;
+    protected handleSelectUser: (event: Event) => void;
+    protected clearSearch: () => void;
+    protected close: () => void;
+    protected handleFormSubmit: (event: SubmitEvent) => void;
+    protected handleSearchKeyPress: (event: KeyboardEvent) => void;
+    protected handleResultKeyPress: (event: KeyboardEvent) => void;
+    /** Search Keycloak users using a generic search query. */
+    private searchUsers;
+    private replaceUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonateModalComponent, "lib-impersonate-modal", never, { "showModal": { "alias": "showModal"; "required": false; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": true; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": true; "isSignal": true; }; "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; }, { "dismiss": "dismiss"; "init": "init"; }, never, never, true, never>;
+}

package/lib/hbll-header/models/library-hours.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export interface LibraryHours {
+    date: string;
+    is_closed: boolean;
+    open_time: string;
+    close_time: string;
+    has_exception: boolean;
+    exception_title: string;
+    exception_message: string;
+    is_currently_open: boolean;
+}

package/lib/hbll-header/models/token-payload.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export interface TokenPayload {
+    token: string;
+}

package/lib/hbll-header/nav-bar/nav-bar.component.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { NavBarDropdownComponent } from '../nav-bar-dropdown/nav-bar-dropdown.component';
+import * as i0 from "@angular/core";
+type NavInfo = {
+    title: string;
+    mainSection?: Section;
+    otherSections: Section[];
+};
+type Section = {
+    title: string;
+    links: Link[];
+    auxiliaryLink?: Link;
+};
+type Link = {
+    label: string;
+    url: string;
+    icon?: string;
+};
+export declare class NavBarComponent {
+    private bo;
+    height: import("@angular/core").InputSignal<number | null>;
+    dropdownComps: NavBarDropdownComponent[];
+    protected handleDropdownOpenEvent: (title: string) => void;
+    protected isScreenSmall: import("@angular/core").Signal<boolean | undefined>;
+    protected navInfos: NavInfo[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavBarComponent, "lib-nav-bar", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/hbll-header/nav-bar-dropdown/nav-bar-dropdown.component.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NavBarDropdownComponent {
+    title: import("@angular/core").InputSignal<string>;
+    isSmallScreen: import("@angular/core").InputSignal<boolean>;
+    openEvent: EventEmitter<string>;
+    closeDropdown: () => boolean;
+    protected isOpen: boolean;
+    protected handleClick: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavBarDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavBarDropdownComponent, "lib-nav-bar-dropdown", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "isSmallScreen": { "alias": "isSmallScreen"; "required": false; "isSignal": true; }; }, { "openEvent": "openEvent"; }, never, ["*"], true, never>;
+}

package/lib/hbll-header/pipes/library-hours.pipe.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibraryHoursPipe implements PipeTransform {
+    transform(date: string, time: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibraryHoursPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibraryHoursPipe, "libraryHours", true>;
+}

package/lib/utils.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+/**
+ * Signal that represents if the screen is small.
+ */
+export declare const isScreenSmallSignal: (bo: BreakpointObserver) => import("@angular/core").Signal<boolean | undefined>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@byuhbll/components",
-  "version": "4.0.0-alpha.4",
+  "version": "4.0.0-alpha.6",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0"
@@ -25,6 +25,9 @@
     "./pill-btn": {
       "sass": "./styles/scss/pill-btn.scss"
     },
+    "./spinner": {
+      "sass": "./styles/scss/spinner.scss"
+    },
     "./package.json": {
       "default": "./package.json"
     },

package/styles/scss/_mixins.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@use './_vars';
+@use 'vars';
 %hbll-input-field {
     appearance: none;

package/styles/scss/_vars.scss CHANGED Viewed

@@ -3,6 +3,12 @@ $royal-blue: #0047ba;
 $primary-blue: #3a6093;
+$primary-green: #207215;
+$success-green: #1dce7b;
+$impersonate-purple: #ca7ad1cc;
+$impersonate-purple--hover: #ca7ad1;
 $interactive-blue: #4070b0;
 $interactive-blue--hover: #6892ca;

package/styles/scss/base.scss CHANGED Viewed

@@ -1,4 +1,4 @@
-@use './_vars.scss';
+@use './vars';
 $sourceSansProVersion: '1.0.0';
 $icomoonVersion: '1.0.1';
@@ -170,6 +170,17 @@ section {
 body {
     background: white;
     line-height: 1.5;
+    font-size: 1.6rem;
+    font-family:
+        Source Sans Pro,
+        Helvetica Neue,
+        Helvetica,
+        Arial,
+        sans-serif;
+}
+html {
+    font-size: 62.5%;
 }
 table {
@@ -203,8 +214,14 @@ q {
     quotes: '' '';
 }
-a {
+a,
+button {
+    border: none;
+    background: none;
+    font-family: inherit;
+    font-size: inherit;
     text-decoration: none;
+    cursor: pointer;
 }
 a img {
@@ -218,8 +235,24 @@ ul {
 *,
 *::before,
 *::after {
-    -moz-box-sizing: border-box;
-    -ms-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
+/* Change site size on bigger browser sizes */
+@media screen and (min-width: 1400px) {
+    html {
+        font-size: 70%;
+    }
+}
+@media screen and (min-width: 1720px) {
+    html {
+        font-size: 75%;
+    }
+}
+@media screen and (min-width: 2000px) {
+    html {
+        font-size: 80%;
+    }
+}

package/styles/scss/cta-btn.scss CHANGED Viewed

@@ -1,5 +1,5 @@
-@use './_vars';
-@use './_mixins';
+@use './vars';
+@use './mixins';
 .cta-btn--components {
     @extend %hbll-base-btn;

package/styles/scss/pill-btn.scss CHANGED Viewed

@@ -1,5 +1,5 @@
-@use './_vars';
-@use './_mixins';
+@use './vars';
+@use './mixins';
 .pill-btn--components {
     @extend %hbll-base-btn;

package/styles/scss/spinner.scss ADDED Viewed

@@ -0,0 +1,20 @@
+@use 'vars';
+.lib-spinner {
+    border: 0.3em solid #dfe9f7;
+    border-top: 0.3em solid vars.$interactive-blue;
+    border-radius: 100%;
+    width: 30px;
+    height: 30px;
+    animation: loadingSpinnerAnimate 1s ease infinite;
+    position: relative;
+}
+@keyframes loadingSpinnerAnimate {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}