\r\n
\r\n - \r\n
- \r\n \r\n {{ bullet.text }}\r\n\r\n \r\n
\n
\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n selector: 'orgos-column-container',\n template: '\n
\n index + 1 && digitsFilled[index])}\" class=\"ci-hidden-input\" (click)=\"focusFirstInput(index)\">\n \n
\n \n {{ subtitleText }}\n
\n\n \n {{ cancelButtonText }} \n \n {{ confirmButtonText }} \n
\n\n
\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n@Component({\n selector: 'kenjo-dialog-container',\n templateUrl: './dialog-container.component.html',\n styleUrls: ['./dialog-container.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DialogContainerComponent {\n @Input() title?: string;\n @Input() disabledCloseButton: boolean = false;\n @Input() customDivStyle: { [key: string]: string } = {};\n @Output() clickCloseButton: EventEmitter\n
\n {{ date | date:'HH:mm' }}
\n \n \n
\n\n
\n {{ date | date:'EEEE' }}
\n {{ date | date:'dd MMMM' }}
\n \n \n clear\n \n
\n\n {{ title }}\n
\n \n
\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'kenjo-empty-location',\n template: `\n \n `,\n styleUrls: ['./empty-location.component.scss']\n})\nexport class EmptyLocationComponent {}\n","import { Component } from '@angular/core';\nimport { ProgressService } from '@app/shared/services/progress.service';\n\n@Component({\n selector: 'kenjo-footer-bar',\n templateUrl: './footer-bar.component.html',\n styleUrls: ['./footer-bar.component.scss']\n})\nexport class FooterBarComponent {\n currentProgress$ = this.progressService.currentProgress$;\n\n constructor(private progressService: ProgressService) { }\n}\n"," 0}\" >\n
\n\n\n","{{ 'poweredBy' | translate }}
\n \n![](\"/assets/images/horizontal-logo.svg\"){kind=logo}
\n\n 1 && (currentProgress$ | async) < 5\"> \n
\n","import { Component, OnInit } from '@angular/core';\nimport { KioskSessionService } from '@app/check-in/services/kiosk-session.service';\nimport { BehaviorSubject } from 'rxjs';\nimport { ProgressService } from '../../services/progress.service';\n\n@Component({\n selector: 'kenjo-header-bar',\n templateUrl: './header-bar.component.html',\n styleUrls: ['./header-bar.component.scss']\n})\nexport class HeaderBarComponent implements OnInit {\n currentProgress$: BehaviorSubject\n check_out \n
\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kenjo-icon',\n templateUrl: 'icon.component.html',\n styleUrls: ['icon.component.scss'],\n})\nexport class IconComponent implements OnInit {\n @Input() size: number = 24;\n\n @Input() iconClass: string = '';\n\n @Input() id: string = '';\n\n @HostBinding('style.height.px') iconHeight: number = 24;\n @HostBinding('style.width.px') iconWidth: number = 24;\n @HostBinding('style.font-size.px') iconFontSize: number = 24;\n @HostBinding('class.disabled-icon') disabledClass: boolean = false;\n\n ngOnInit() {\n this.iconHeight = this.size;\n this.iconWidth = this.size;\n this.iconFontSize = this.size;\n }\n}\n","{{ title }}
\n\n \n {{ \"english\" | translate }} \n {{ \"spanish\" | translate }} \n {{ \"german\" | translate }} \n {{ \"italian\" | translate }} \n {{ \"french\" | translate }} \n {{ \"dutch\" | translate }} \n \n
\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'kenjo-loading-spinner',\n template: `\n \n \n \n \n
\n `,\n styleUrls: ['./loading-spinner.component.scss']\n})\nexport class LoadingSpinnerComponent {\n @Input() size: string = 'Regular';\n @Input() color: 'green' | 'white' = 'white';\n}\n","import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'kenjo-primary-button',\n templateUrl: './primary-button.component.html',\n styleUrls: ['./primary-button.component.scss']\n})\nexport class PrimaryButtonComponent {\n @Input() title: string;\n @Input() buttonId?: string = 'submit-button';\n @Input() flexWidth: boolean = false;\n @Input() size: 'huge' | 'large' | 'medium' = 'large';\n\n @Input() loading: boolean = false;\n @Input() buttonStatus: 'ready' | 'disabled' | 'failed' | 'success' = 'ready';\n @Output() onClick = new EventEmitter\n
\n","import { Component, OnInit, Input, HostBinding } from '@angular/core';\n\n@Component({\n selector: 'kenjo-raised-button',\n templateUrl: './raised-button.component.html',\n styleUrls: ['./raised-button.component.scss']\n})\nexport class RaisedButtonComponent {\n private _disabled: boolean = false;\n\n @Input()\n set disabled(disabled: boolean) {\n this._disabled = disabled;\n this.disabledClass = disabled;\n }\n get disabled(): boolean {\n return this._disabled;\n }\n\n @Input() iconButton: boolean = false;\n @Input() color: 'Basic' | 'Primary' | 'Success' | 'Danger' | 'Disabled' | 'Neutral' | 'Sign-In' | 'Secondary' | 'Upgrade' = 'Primary';\n @Input() invertColors: boolean = false;\n @Input() padding: string = '6.75px 15px';\n @Input() id: string = '';\n\n @HostBinding('class.brc-disabled') disabledClass = false;\n}\n"," 4 }\">\n
\n\n
\n = 1 }\">
\n \n
\n = 2 }\">
\n \n
\n = 3 }\">
\n \n
\n = 4 }\">
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { KioskSessionService } from '@app/check-in/services/kiosk-session.service';\nimport { ProgressService } from '@app/shared/services/progress.service';\n\n@Component({\n selector: 'kenjo-sidebar',\n templateUrl: './sidebar.component.html',\n styleUrls: ['./sidebar.component.scss']\n})\nexport class SidebarComponent implements OnInit {\n kioskSession$ = this.kioskSessionService.kioskSession$;\n currentProgress$ = this.progressService.currentProgress$;\n documentElement: any;\n\n constructor(private kioskSessionService: KioskSessionService, private progressService: ProgressService) {}\n\n ngOnInit(): void {\n this.documentElement = document.documentElement;\n }\n}\n","import { Component, ElementRef, Input, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'kenjo-success-screen-container',\n template: `\n \n \n
\n\n \n\n = 5\" class=\"sb-welcome-container\">\n ![]()
\n
\n \n {{ (kioskSession$ | async)?.welcomeMessage }}\n
\n \n
\n\n
\n \n
\n `,\n styleUrls: ['./success-screen-container.component.scss']\n})\nexport class SuccessScreenContainerComponent {\n @ViewChild('container', { read: ElementRef }) containerElementRef: ElementRef;\n @Input() originElementId?: string;\n @Input() brokenAttendanceLimit: 'breakReminder' | 'shiftDuration';\n @Input() set show(value: boolean) {\n // Workaround to Overlay CDK not animating on show\n setTimeout(() => this._show = value, 0);\n if (value === true) {\n this.setOriginOffset();\n }\n }\n get show() { return this._show; }\n\n _show: boolean = false;\n containerElement: HTMLElement;\n\n setOriginOffset() {\n const originElement = document.getElementById(this.originElementId);\n this.containerElementRef.nativeElement.style.top = `${originElement?.offsetTop ?? 0}px`;\n this.containerElementRef.nativeElement.style.left = `${originElement?.offsetLeft ?? 0}px`;\n }\n}\n","import { Component, Inject, NgZone, Optional } from '@angular/core';\nimport { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';\nimport { TimeOffRequest } from '@app/check-in/model/time-off-request.model';\n\n@Component({\n selector: 'kenjo-transactional-dialog',\n templateUrl: './transactional-dialog.component.html',\n styleUrls: ['./transactional-dialog.component.scss'],\n})\nexport class TransactionalDialogComponent {\n titleText: string = 'Title';\n subtitleText: string = 'Subtitle';\n timeOffData: {\n color: string;\n name: string;\n partOfDay: string | { from: string; to: string };\n type: string;\n }[] = [];\n constructor(\n public dialogRef: MatDialogRef\n \n
\n \n \n\n \n
\n \n {{\n iTimeOffData.name +\n \": \" +\n (iTimeOffData.type === \"Hour\"\n ? iTimeOffData.partOfDay.from +\n \" - \" +\n iTimeOffData.partOfDay.to\n : iTimeOffData.partOfDay)\n }}\n
\n\n {{ \"okGotIt\" | translate }} \n
\n\n","\n
\n","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kenjo-user-avatar',\n templateUrl: './user-avatar.component.html',\n styleUrls: ['./user-avatar.component.scss']\n})\nexport class UserAvatarComponent implements OnInit {\n @Input() photoUrl?: string;\n @Input() displayName?: string;\n @Input() size: 'large' | 'medium' | 'small' = 'large';\n nameInitials: string;\n\n constructor() { }\n\n ngOnInit(): void {\n this.nameInitials = this.calculateInitials(this.displayName);\n }\n\n private calculateInitials(name: string): string {\n if (name === undefined) {\n return '-';\n }\n\n const avatarName = name.trim();\n\n if (avatarName === '') {\n return '-';\n }\n\n const words = avatarName.trim().split(' ');\n if (words.length < 2) {\n return `${avatarName.charAt(0)}${avatarName.charAt(0)}`.toUpperCase();\n }\n\n if (words[0] === '+') {\n // If the name is a number (EG +22), use the whole word -> +22\n return `${words[0].trim()}${words[1].trim()}`;\n } else {\n // If the name is a proper name (EG John Smith). use the initials -> JS\n return `${words[0].trim().charAt(0)}${words[1].trim().charAt(0)}`.toUpperCase();\n }\n }\n\n}\n","// Inspired by: https://christianliebel.com/2016/05/angular-2-a-simple-click-outside-directive/\nimport { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';\n\n@Directive({\n selector: '[kenjoClickOutside]'\n})\nexport class ClickOutsideDirective {\n @Output('kenjoClickOutside')\n public clickOutside: EventEmitter{{ nameInitials }}
\n