@abgov/angular-components 1.8.0-beta.7 → 2.0.0-beta.1
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.
- package/README.md +2 -0
- package/abgov-angular-components.metadata.json +1 -1
- package/bundles/abgov-angular-components.umd.js +256 -47
- package/bundles/abgov-angular-components.umd.js.map +1 -1
- package/esm2015/abgov-angular-components.js +1 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js +3 -3
- package/esm2015/experimental/badge/badge.component.js +2 -2
- package/esm2015/experimental/components.module.js +9 -2
- package/esm2015/experimental/index.js +2 -1
- package/esm2015/experimental/number-input/number-input.component.js +151 -0
- package/esm2015/index.js +1 -1
- package/esm2015/lib/angular-components.module.js +2 -2
- package/esm2015/lib/button/button.component.js +2 -2
- package/esm2015/lib/button-link/button-link.component.js +2 -2
- package/esm2015/lib/callout/callout.component.js +2 -2
- package/esm2015/lib/card/card.component.js +2 -2
- package/esm2015/lib/card/content/card-content.component.js +1 -1
- package/esm2015/lib/card/footer/card-footer.component.js +1 -1
- package/esm2015/lib/card/header/card-header.component.js +1 -1
- package/esm2015/lib/card/thumb/card-thumb.component.js +2 -2
- package/esm2015/lib/card-group/card.group.component.js +2 -2
- package/esm2015/lib/checkbox/checkbox-change.js +1 -1
- package/esm2015/lib/checkbox/checkbox.component.js +2 -2
- package/esm2015/lib/dropdown/dropdown.component.js +2 -2
- package/esm2015/lib/dropdown/option/option.component.js +1 -1
- package/esm2015/lib/dropdown/option-group/option-group.component.js +2 -2
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js +2 -2
- package/esm2015/lib/header/header.component.js +2 -2
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js +2 -2
- package/esm2015/lib/hero-banner/hero-banner.component.js +2 -2
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js +2 -2
- package/esm2015/lib/microsite-logo/microsite-logo.component.js +2 -2
- package/esm2015/lib/notification/notification.component.js +2 -2
- package/esm2015/lib/notification-banner/notification-banner.component.js +2 -2
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js +2 -2
- package/esm2015/lib/radio/radio-change.js +1 -1
- package/esm2015/lib/radio/radio.component.js +2 -2
- package/esm2015/lib/radio/radio.service.js +1 -1
- package/esm2015/lib/radio-group/radio-group.component.js +2 -2
- package/esm2015/lib/skeleton/skeleton-element.component.js +2 -2
- package/esm2015/lib/skeleton/skeleton-image-content.component.js +2 -2
- package/experimental/index.d.ts +1 -0
- package/experimental/number-input/number-input.component.d.ts +66 -0
- package/fesm2015/abgov-angular-components.js +185 -30
- package/fesm2015/abgov-angular-components.js.map +1 -1
- package/package.json +9 -8
- package/theme.css +59 -101
- package/theme.css.map +1 -0
- package/LICENSE +0 -21
- package/bundles/abgov-angular-components.umd.min.js +0 -2
- package/bundles/abgov-angular-components.umd.min.js.map +0 -1
- package/esm2015/abgov-angular-components.js.map +0 -1
- package/esm2015/abgov-angular-components.metadata.json +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.js.map +0 -1
- package/esm2015/experimental/app-version-header/app-version-header.component.metadata.json +0 -1
- package/esm2015/experimental/badge/badge.component.js.map +0 -1
- package/esm2015/experimental/badge/badge.component.metadata.json +0 -1
- package/esm2015/experimental/components.module.js.map +0 -1
- package/esm2015/experimental/components.module.metadata.json +0 -1
- package/esm2015/experimental/index.js.map +0 -1
- package/esm2015/experimental/index.metadata.json +0 -1
- package/esm2015/index.js.map +0 -1
- package/esm2015/index.metadata.json +0 -1
- package/esm2015/lib/angular-components.module.js.map +0 -1
- package/esm2015/lib/angular-components.module.metadata.json +0 -1
- package/esm2015/lib/button/button.component.js.map +0 -1
- package/esm2015/lib/button/button.component.metadata.json +0 -1
- package/esm2015/lib/button-link/button-link.component.js.map +0 -1
- package/esm2015/lib/button-link/button-link.component.metadata.json +0 -1
- package/esm2015/lib/callout/callout.component.js.map +0 -1
- package/esm2015/lib/callout/callout.component.metadata.json +0 -1
- package/esm2015/lib/card/card.component.js.map +0 -1
- package/esm2015/lib/card/card.component.metadata.json +0 -1
- package/esm2015/lib/card/content/card-content.component.js.map +0 -1
- package/esm2015/lib/card/content/card-content.component.metadata.json +0 -1
- package/esm2015/lib/card/footer/card-footer.component.js.map +0 -1
- package/esm2015/lib/card/footer/card-footer.component.metadata.json +0 -1
- package/esm2015/lib/card/header/card-header.component.js.map +0 -1
- package/esm2015/lib/card/header/card-header.component.metadata.json +0 -1
- package/esm2015/lib/card/thumb/card-thumb.component.js.map +0 -1
- package/esm2015/lib/card/thumb/card-thumb.component.metadata.json +0 -1
- package/esm2015/lib/card-group/card.group.component.js.map +0 -1
- package/esm2015/lib/card-group/card.group.component.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox-change.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox-change.metadata.json +0 -1
- package/esm2015/lib/checkbox/checkbox.component.js.map +0 -1
- package/esm2015/lib/checkbox/checkbox.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/dropdown.component.js.map +0 -1
- package/esm2015/lib/dropdown/dropdown.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/option/option.component.js.map +0 -1
- package/esm2015/lib/dropdown/option/option.component.metadata.json +0 -1
- package/esm2015/lib/dropdown/option-group/option-group.component.js.map +0 -1
- package/esm2015/lib/dropdown/option-group/option-group.component.metadata.json +0 -1
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.js.map +0 -1
- package/esm2015/lib/element-load-indicator/element-load-indicator.component.metadata.json +0 -1
- package/esm2015/lib/header/header.component.js.map +0 -1
- package/esm2015/lib/header/header.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.js.map +0 -1
- package/esm2015/lib/hero-banner/content/hero-banner-content.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/hero-banner.component.js.map +0 -1
- package/esm2015/lib/hero-banner/hero-banner.component.metadata.json +0 -1
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.js.map +0 -1
- package/esm2015/lib/hero-banner/link/hero-banner-link.component.metadata.json +0 -1
- package/esm2015/lib/microsite-logo/microsite-logo.component.js.map +0 -1
- package/esm2015/lib/microsite-logo/microsite-logo.component.metadata.json +0 -1
- package/esm2015/lib/notification/notification.component.js.map +0 -1
- package/esm2015/lib/notification/notification.component.metadata.json +0 -1
- package/esm2015/lib/notification-banner/notification-banner.component.js.map +0 -1
- package/esm2015/lib/notification-banner/notification-banner.component.metadata.json +0 -1
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.js.map +0 -1
- package/esm2015/lib/page-load-indicator/page-load-indicator.component.metadata.json +0 -1
- package/esm2015/lib/radio/radio-change.js.map +0 -1
- package/esm2015/lib/radio/radio-change.metadata.json +0 -1
- package/esm2015/lib/radio/radio.component.js.map +0 -1
- package/esm2015/lib/radio/radio.component.metadata.json +0 -1
- package/esm2015/lib/radio/radio.service.js.map +0 -1
- package/esm2015/lib/radio/radio.service.metadata.json +0 -1
- package/esm2015/lib/radio-group/radio-group.component.js.map +0 -1
- package/esm2015/lib/radio-group/radio-group.component.metadata.json +0 -1
- package/esm2015/lib/skeleton/skeleton-element.component.js.map +0 -1
- package/esm2015/lib/skeleton/skeleton-element.component.metadata.json +0 -1
- package/esm2015/lib/skeleton/skeleton-image-content.component.js.map +0 -1
- package/esm2015/lib/skeleton/skeleton-image-content.component.metadata.json +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":13,"character":11},"useExisting":{"__symbolic":"reference","name":"GoACheckboxComponent"},"multi":true},"GoACheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"goa-checkbox","providers":[{"__symbolic":"reference","name":"GOA_CHECKBOX_CONTROL_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"\n<div class=\"goa-checkbox\" [ngClass]=\"{'goa-checkbox-disabled': disabled, 'has-error': hasError(), 'goa-checkbox-label-before': labelPosition === 'before'}\">\n <label class=\"goa-checkbox-layout\" [attr.for]=\"uniqueId\">\n <div class=\"goa-checkbox-container\"\n [ngClass]=\"{'goa-checkbox-selected': checked, 'goa-checkbox-indeterminate': indeterminate}\">\n <input type=\"checkbox\"\n [id]=\"uniqueId\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [attr.value]=\"value\"\n (change)=\"onChange($event)\"\n />\n <svg *ngIf=\"checked\" id='checkmark' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 12.18\" class=\"goa-checkmark\">\n <path d=\"M5.09,9.64,1.27,5.82,0,7.09l5.09,5.09L16,1.27,14.73,0Z\"/>\n </svg>\n <svg *ngIf=\"indeterminate\" id='dashmark' xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15 2\" class=\"goa-indeterminate\">\n <rect width=\"15\" height=\"2\"/>\n </svg>\n </div>\n <div class=\"goa-checkbox-label\">\n <ng-content></ng-content>\n </div>\n </label>\n</div>\n","styles":[".goa-checkbox input[type=checkbox]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none}.goa-checkbox .goa-checkbox-label{z-index:2;box-sizing:border-box;margin:0;padding:0 0 0 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:46px;display:flex;align-items:center}.goa-checkbox.goa-checkbox-disabled{opacity:1%}.goa-checkbox.goa-checkbox-disabled .goa-checkbox-label{cursor:default}.goa-checkbox.has-error .goa-checkbox-container{border:2px solid #fc1921;color:#fc1921}.goa-checkbox.has-error .goa-checkbox-container svg{fill:#fc1921}.goa-checkbox .goa-checkbox-container{box-sizing:border-box;border:1px solid #666;border-radius:2px;height:24px;line-height:24px;width:24px;display:flex;flex-direction:column;justify-content:center;padding:3px}.goa-checkbox .goa-checkbox-container svg{display:none;flex:1 1 auto;fill:#fff}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected{background-color:#0070c4}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected .goa-checkmark{display:block!important}.goa-checkbox .goa-checkbox-container.goa-checkbox-selected .goa-indeterminate{display:none!important}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate{background-color:#0070c4}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate .goa-checkmark{display:none}.goa-checkbox .goa-checkbox-container.goa-checkbox-indeterminate .goa-indeterminate{display:block}.goa-checkbox .goa-checkbox-container:hover:not(.goa-checkbox-selected):not(.goa-checkbox-indeterminate){background-color:#f1f1f1}.goa-checkbox .goa-checkbox-container:focus-within{box-shadow:0 0 0 3px #feba35;outline:none}.goa-checkbox.goa-checkbox-label-before .goa-checkbox-container{order:1;margin-left:8px;margin-right:auto}.goa-checkbox-layout{display:inline-flex;align-items:center;line-height:2.5rem}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":91,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":103,"character":42}]}],"hasError":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}]},"statics":{"idNum":0}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/dropdown/dropdown.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n OnInit,\n AfterViewInit,\n Input,\n Output,\n ContentChildren,\n EventEmitter,\n ViewChild,\n ElementRef,\n QueryList,\n ChangeDetectorRef\n} from '@angular/core';\n\nimport { GoAOptionComponent } from './option/option.component';\nimport { GoAOptionGroupComponent } from './option-group/option-group.component';\n\nimport { ConnectedPosition } from '@angular/cdk/overlay';\n\n/**\n * A dropdown component with Government of Alberta styling.\n * selector: goa-dropdown\n */\n@Component({\n selector: 'goa-dropdown',\n templateUrl: './dropdown.component.html',\n styleUrls: ['./dropdown.component.scss']\n})\nexport class GoADropdownComponent implements OnInit, AfterViewInit {\n /**\n * boolean for if the dropdown is open.\n * @ignore\n */\n _isOpen = false;\n\n /**\n * Is the required error tripped?\n * @ignore\n */\n _requiredError = false;\n\n /**\n * Bounding box of textInput.\n * @ignore\n */\n _triggerRect;\n\n /**\n * This position config ensures that the top \"start\" corner of the overlay\n * is aligned with with the bottom \"start\" of the origin by default (overlapping\n * the trigger completely). If the panel cannot fit below the trigger, it\n * will fall back to a position above the trigger.\n * @ignore\n */\n _positions: ConnectedPosition[] = [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ];\n\n /**\n * The current active option\n * @ignore\n */\n _activeOption: GoAOptionComponent;\n\n /**\n * The current active index\n * @ignore\n */\n _activeIndex;\n\n /**\n * All options currently matching filter including groups.\n * @ignore\n */\n _allFilteredOptions: Array<GoAOptionComponent> = [];\n\n /**\n * The list of filtered options to show in the view.\n * @ignore\n */\n _filteredOptions: Array<GoAOptionComponent>;\n\n /**\n * Whats the mode for typeahead.\n */\n @Input() typeaheadMode: 'none' | 'contains' | 'startsWith' = 'none';\n\n /**\n * The height for the dropdown. If none is set the dropdown grows until it reaches the viewport edge.\n */\n @Input() menuHeight: number;\n\n /**\n * The label for the dropdown.\n */\n @Input() label: string;\n\n /**\n * Helper text description of the dropdown.\n */\n @Input() description: string;\n\n /**\n * Update the selected options, select the options with the given ids\n */\n @Input()\n set selectedIds(ids: Array<string>) {\n if (this.allOptions === undefined) {\n // aren't initialized yet, return\n return;\n }\n\n if (ids === null || ids === undefined) {\n ids = [];\n }\n\n if (ids.length > 1 && this.multiple === false) {\n throw new Error('Cannot select multiple options when the dropdown has multiple set to false.');\n }\n\n const selectedOptions = [];\n this.allOptions.forEach(option => {\n if (ids.includes(option.id)) {\n option.selected = true;\n selectedOptions.push(option);\n }\n else {\n option.selected = false;\n }\n });\n\n this.selectionChanged(selectedOptions, true);\n }\n\n /**\n * Is the select disabled.\n */\n @Input() disabled = false;\n\n /**\n * Is multiple selection?\n */\n @Input()\n set multiple(value: boolean) {\n this._multiple = value;\n if (this._multiple === false) {\n // If we have changed from multiple to no multiple then deselect everything.\n this.selectedItems.forEach(option => {\n option.selected = false;\n });\n }\n }\n get multiple(): boolean {\n return this._multiple;\n }\n /**\n * @ignore\n */\n private _multiple = false;\n\n /**\n * Is a selection required?\n */\n @Input()\n set required(value: boolean) {\n this._required = value;\n this._requiredError = this.selectedItems.length === 0 && this._required === true;\n }\n get required(): boolean {\n return this._required;\n }\n /**\n * @ignore\n */\n private _required = false;\n\n /**\n * The select element.\n * @ignore\n */\n @ViewChild('textInput') textInput: ElementRef<HTMLInputElement>;\n\n /**\n * All options.\n * @ignore\n */\n @ContentChildren(GoAOptionComponent, { descendants: true }) allOptions: QueryList<GoAOptionComponent>;\n\n /**\n * The top level options for rendering options.\n * @ignore\n */\n @ContentChildren(GoAOptionComponent, { descendants: false }) options: QueryList<GoAOptionComponent>;\n\n /**\n * The option groups for rendering.\n * @ignore\n */\n @ContentChildren(GoAOptionGroupComponent, { descendants: false }) optionGroups: QueryList<GoAOptionGroupComponent>;\n\n /**\n * Event emitted containing the value field of all selected options when the selection changes.\n */\n @Output() selectionChange = new EventEmitter<Array<any>>();\n\n constructor(private cdr: ChangeDetectorRef) { }\n\n /**\n * Lifecycle hook OnInit\n * @ignore\n */\n /* eslint-disable @angular-eslint/no-empty-lifecycle-method */\n ngOnInit() { }\n\n /**\n * Lifecycle hook AfterViewInit\n * @ignore\n */\n ngAfterViewInit() {\n this._triggerRect = this.textInput.nativeElement.getBoundingClientRect();\n\n this._filteredOptions = [...this.options];\n this._allFilteredOptions = [...this.allOptions];\n\n if (this.selectedItems.length > 0) {\n this.setTextInput(this.selectedItems[0].label);\n }\n\n // The template output cache is populated by child components during render,\n // so tell angular that there have been changes during the render here.\n this.cdr.detectChanges();\n }\n\n /**\n * Called when user updates the text in the searchbox.\n * @param text The text of the input\n * @ignore\n */\n onFilterChange(text: string) {\n // open the dropdown if it is not already\n if (!this._isOpen === true) {\n this._isOpen = true;\n }\n\n this.filterOptions(text);\n }\n\n /**\n * Handler for keyboard events when menu is open.\n * @param event keyboard event\n * @ignore\n */\n overlayKeydown(event: KeyboardEvent) {\n if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n this.optionClicked(this._activeOption);\n }\n else if (event.code === 'ArrowDown') {\n this._activeIndex = (this._activeIndex + 1) % this._allFilteredOptions.length;\n this._activeOption = this._allFilteredOptions[this._activeIndex];\n }\n else if (event.code === 'ArrowUp') {\n if (this._activeIndex > 0) {\n this._activeIndex = this._activeIndex - 1;\n this._activeOption = this._allFilteredOptions[this._activeIndex];\n }\n }\n }\n\n /**\n * Sets the active option. Active option is the option that when enter is pressed is selected.\n * @param option The option to make the active option\n * @ignore\n */\n setActiveOption(option) {\n this._activeOption = option;\n this._activeIndex = this._allFilteredOptions.findIndex(\n (filteredOption) => filteredOption.id === option.id\n );\n }\n\n /**\n * Handler for when the input is clicked.\n * @ignore\n */\n inputClicked() {\n if (this.disabled === false) {\n this._isOpen = !this._isOpen;\n\n // set the active option to the first in the list\n if (this._allFilteredOptions.length > 0) {\n this._activeOption = this._allFilteredOptions[0];\n this._activeIndex = 0;\n }\n }\n }\n\n /**\n * Handler for when descendant an option is clicked.\n * @ignore\n */\n optionClicked(option: GoAOptionComponent) {\n let selectedOptions = [];\n\n if (this.multiple === true) {\n option.selected = !option.selected;\n selectedOptions = this.selectedItems;\n }\n else {\n option.selected = !option.selected;\n this.selectedItems.forEach((o) => {\n if (option.id !== o.id) {\n // change all options that weren't selected to false without notifying change\n o.selected = false;\n }\n\n selectedOptions = [option];\n });\n }\n\n this.selectionChanged(selectedOptions, true);\n\n if (this.multiple === false) {\n // close the dropdown if we are in single selection mode\n this._isOpen = false;\n }\n }\n\n /**\n * Update view when selection changes\n * @param options\n * @ignore\n */\n private selectionChanged(options: Array<GoAOptionComponent>, emitEvent: boolean) {\n if (options.length > 0) {\n const selectedOptions = options.map(o => o.label).join(', ')\n this._requiredError = false;\n this.setTextInput(selectedOptions);\n }\n else {\n this._requiredError = this.required;\n this.setTextInput('');\n }\n\n if (emitEvent === true) {\n this.emitChange(options);\n }\n }\n\n /**\n * Emit selection change\n * @ignore\n */\n private emitChange(options: Array<GoAOptionComponent>) {\n const values = options.map(\n (option) => option.value\n );\n\n this.selectionChange.emit(values);\n }\n\n /**\n * Gets all the currently selected options\n * @ignore\n */\n private get selectedItems(): Array<GoAOptionComponent> {\n if (this.allOptions === undefined) {\n return [];\n }\n\n return [...this.allOptions.filter(\n (option) => option.selected === true\n )];\n }\n\n /**\n * Set the text of the input.\n * @param value The value to set\n * @ignore\n */\n private setTextInput(value: string) {\n if (this.textInput) {\n this.textInput.nativeElement.value = value;\n // Exact matches show whole list?\n this.filterOptions('');\n }\n }\n\n /**\n * Update the filtered options with the passed in filter text.\n * @param filterText The text to filter by\n * @ignore\n */\n private filterOptions(filterText: string) {\n this.optionGroups.forEach(group => {\n group._filteredOptions = group.options.filter(this.typeaheadFilter.bind(this, filterText, this.typeaheadMode));\n });\n\n this._filteredOptions = this.options.filter(this.typeaheadFilter.bind(this, filterText, this.typeaheadMode));\n this._allFilteredOptions = this.allOptions.filter(this.typeaheadFilter.bind(this, filterText, this.typeaheadMode));\n\n // The filters have changed so update the active option incase it has been filtered out.\n this._activeOption = this._allFilteredOptions[this._activeIndex % this._allFilteredOptions.length];\n }\n\n /**\n * Filter for typeahead with logic for what mode we are in.\n * @param option\n * @ignore\n */\n private typeaheadFilter(filterText: string, typeaheadMode: 'none' | 'startsWith' | 'contains', option: GoAOptionComponent) {\n if (typeaheadMode === 'none' || this.typeaheadMode === undefined) {\n return true;\n }\n\n if (typeaheadMode === 'startsWith') {\n return option.label.toLocaleLowerCase().startsWith(filterText.toLocaleLowerCase());\n }\n\n if (typeaheadMode === 'contains') {\n return option.label.toLocaleLowerCase().includes(filterText.toLocaleLowerCase());\n }\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoADropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"selector":"goa-dropdown","template":"<div class=\"goa-dropdown\" [ngClass]=\"{\n 'single-selection': multiple === false,\n 'has-error': _requiredError === true,\n 'opened': _isOpen,\n 'disabled': disabled === true\n }\"> \n <label class=\"dropdown-label\">{{label}}\n <span *ngIf=\"required\" class=\"required-label\" i18n=\"Required label for dropdown\">(Required)</span>\n <div (click)=\"inputClicked()\" class=\"dropdown-grouping\" cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <i class=\"goa-select-icon\"></i>\n <input class=\"dropdown-textbox margin-override\" \n #textInput \n (input)=\"onFilterChange($event.target.value)\"\n type=\"text\" \n [attr.readonly]=\"typeaheadMode === 'none' ? 'readonly' : null\"\n [attr.disabled]=\"disabled === true ? 'true' : null\"\n placeholder=\"{{description}}\"> \n <ng-template\n cdkConnectedOverlay\n cdkConnectedOverlayLockPosition\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayViewportMargin]=\"20\"\n cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n (backdropClick)=\"_isOpen = false\"\n (overlayKeydown)=\"overlayKeydown($event)\"\n (detach)=\"_isOpen = false\"\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"_isOpen\"\n [cdkConnectedOverlayPositions]=\"_positions\"\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width\"\n [cdkConnectedOverlayHeight]=\"menuHeight\"\n [cdkConnectedOverlayFlexibleDimensions]=\"true\"\n >\n <div class=\"dropdown-menu\">\n <div *ngFor=\"let optionGroup of optionGroups\" class=\"option-group\">\n <div *ngIf=\"optionGroup._filteredOptions.length > 0\">\n <div class=\"option-group-label\">\n {{optionGroup.label}}\n </div>\n <!--Grab the <option> template from the GoAOption -->\n <div class=\"option\"\n [ngClass]=\"{\n 'selected': option.selected,\n 'active': option.id === _activeOption.id\n }\"\n *ngFor=\"let option of (optionGroup._filteredOptions)\" \n (click)=\"optionClicked(option)\"\n (mouseover)=\"setActiveOption(option)\">\n <ng-template [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </div>\n </div>\n </div>\n <!--Grab the <option> template from the GoAOption -->\n <div class=\"option\" \n [ngClass]=\"{\n 'selected': option.selected,\n 'active': option.id === _activeOption.id\n }\"\n *ngFor=\"let option of (_filteredOptions)\" \n (click)=\"optionClicked(option)\"\n (mouseover)=\"setActiveOption(option)\"> \n <ng-template [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </div>\n </div> \n </ng-template> \n </div>\n <span *ngIf=\"!_requiredError\" class=\"helper-text\">{{description}}</span>\n <span *ngIf=\"_requiredError === true\" class=\"error-text\" i18n=\"Required warning for dropdown\">At least one item must be selected.</span> \n </label>\n</div>\n","styles":[".dropdown-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.dropdown-menu{border:1px solid #dcdcdc;border-radius:4px;background:#fff;padding:0;margin-top:3px;width:100%;overflow-y:auto}.dropdown-menu .option-group .option-group-label{font-weight:700;padding:4px 12px}.dropdown-menu .option-group .option{font-weight:400;padding:4px 24px}.dropdown-menu .option{padding:4px 12px;color:#0070c4;border:1px solid #f1f1f1}.dropdown-menu .option.selected{background-color:#0070c4;color:#fff}.dropdown-menu .option.selected.active{background-color:#004f84;color:#fff}.dropdown-menu .option.active{background-color:#f1f1f1;color:#333}.goa-dropdown{position:relative}.goa-dropdown .dropdown-grouping input[type=text]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:30px!important}.goa-dropdown .dropdown-grouping.disabled{opacity:1%}.goa-dropdown .dropdown-grouping .dropdown-textbox{box-sizing:border-box;width:100%;margin:8px 0 0;padding:12px 8px 12px 12px;border-radius:4px;border:1px solid #666;font-size:18px;font-weight:400;color:#0070c4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.goa-dropdown .dropdown-grouping .dropdown-textbox:disabled{opacity:.3;pointer-events:none}.goa-dropdown .dropdown-grouping .dropdown-textbox::-ms-expand{display:none}.goa-dropdown .dropdown-grouping .dropdown-textbox:hover{border:1px solid #0070c4}.goa-dropdown .dropdown-grouping .dropdown-textbox:focus{box-shadow:0 0 0 3px #feba35;outline:none}.goa-dropdown .dropdown-grouping .dropdown-textbox.margin-override{margin:0}.goa-dropdown .dropdown-grouping .dropdown-textbox-filter{font-size:14px!important;border:none!important;margin:0!important;box-sizing:border-box;width:100%;margin:8px 0 0;padding:12px 8px 12px 12px;border-radius:4px;border:1px solid #666;font-size:18px;font-weight:400;color:#0070c4;-webkit-appearance:none;-moz-appearance:none;appearance:none}.goa-dropdown .dropdown-grouping .dropdown-textbox-filter:disabled{opacity:.3;pointer-events:none}.goa-dropdown .dropdown-grouping .dropdown-textbox-filter::-ms-expand{display:none}.goa-dropdown .dropdown-grouping .dropdown-textbox-filter:hover{border:1px solid #0070c4}.goa-dropdown .dropdown-grouping .dropdown-textbox-filter:focus{box-shadow:0 0 0 3px #feba35;box-shadow:none!important;outline:none}.goa-dropdown i.goa-select-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='' opacity='1' d='M11.29,15.7a1,1,0,0,0,1.41,0l6-6A1,1,0,1,0,17.29,8.3L12,13.58,6.71,8.3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41Z'/%3E%3C/svg%3E%0A\");left:auto;right:8px;width:24px;height:24px;pointer-events:none;position:absolute;margin-top:16px;color:#0070c4}.goa-dropdown.disabled i.goa-select-icon,.goa-dropdown i.goa-select-icon{background-repeat:no-repeat;background-size:contain;background-position:50%}.goa-dropdown.disabled i.goa-select-icon{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='' opacity='0.3' d='M11.29,15.7a1,1,0,0,0,1.41,0l6-6A1,1,0,1,0,17.29,8.3L12,13.58,6.71,8.3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41Z'/%3E%3C/svg%3E%0A\")}.goa-dropdown.opened i.goa-select-icon{transform:rotate(180deg)}.goa-dropdown.has-error .dropdown-grouping .dropdown-textbox{border:2px solid #fc1921}.goa-dropdown .dropdown-label{font-size:18px;font-weight:700;color:#333}.goa-dropdown .required-label{margin-left:8px;font-size:14px;color:#666}.goa-dropdown .helper-text{font-size:14px;font-weight:400;color:#333}.goa-dropdown .error-text{color:#fc1921;font-size:14px}"]}]}],"members":{"typeaheadMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"menuHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"description":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}}]}],"textInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":191,"character":3},"arguments":["textInput"]}]}],"allOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":197,"character":3},"arguments":[{"__symbolic":"reference","module":"./option/option.component","name":"GoAOptionComponent","line":197,"character":19},{"descendants":true}]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":203,"character":3},"arguments":[{"__symbolic":"reference","module":"./option/option.component","name":"GoAOptionComponent","line":203,"character":19},{"descendants":false}]}]}],"optionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":209,"character":3},"arguments":[{"__symbolic":"reference","module":"./option-group/option-group.component","name":"GoAOptionGroupComponent","line":209,"character":19},{"descendants":false}]}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":214,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":216,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onFilterChange":[{"__symbolic":"method"}],"overlayKeydown":[{"__symbolic":"method"}],"setActiveOption":[{"__symbolic":"method"}],"inputClicked":[{"__symbolic":"method"}],"optionClicked":[{"__symbolic":"method"}],"selectionChanged":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}],"setTextInput":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"typeaheadFilter":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/dropdown/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,uBAAuB,EAAgB,MAAM,eAAe,CAAC;AAExH;;;GAGG;AAOH,MAAM,OAAO,kBAAkB;IAkC7B;QAhCA;;;WAGG;QACH,aAAQ,GAAG,KAAK,CAAC;QAiBjB;;WAEG;QACM,oBAAe,GAAG,KAAK,CAAC;IAQlB,CAAC;IAEhB;;;OAGG;IACH,QAAQ;QACN,IAAG,IAAI,CAAC,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,EAAE;YAC5C,MAAM,IAAI,SAAS,CAAC,yBAAyB,CAAC,CAAC;SAChD;QAED,IAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;YAClD,MAAM,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC;SACnD;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;IACvC,CAAC;;;YAxDF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,wIAAsC;gBAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;iBAYE,KAAK;oBAKL,KAAK;oBAKL,KAAK;8BAKL,KAAK;6BAML,SAAS,SAAC,gBAAgB","sourcesContent":["import { Component, OnInit, Input, TemplateRef, ViewChild, ChangeDetectionStrategy, EventEmitter } from '@angular/core';\n\n/**\n * Option component with to use with GoADropdown.\n * selector: goa-option\n */\n@Component({\n selector: 'goa-option',\n templateUrl: './option.component.html',\n styleUrls: ['./option.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GoAOptionComponent implements OnInit {\n\n /**\n * Is the option currently selected\n * @ignore\n */\n selected = false;\n\n /**\n * The unique id of the option.\n */\n @Input() id: string;\n\n /**\n * The value for the option\n */\n @Input() value: any;\n\n /**\n * Label to be used for option.\n */\n @Input() label: string;\n\n /**\n * Is the option selected by default?\n */\n @Input() defaultSelected = false;\n\n /**\n * The option template\n * @ignore\n */\n @ViewChild('optionTemplate') optionTemplate: TemplateRef<any>;\n\n constructor() {}\n\n /**\n * Lifecycle hook OnInit\n * @ignore\n */\n ngOnInit() {\n if(this.id === undefined || this.id === null) {\n throw new TypeError(`Input 'id' is required.`);\n }\n\n if(this.label === undefined || this.label === null) {\n throw new TypeError(`Input 'label' is required.`);\n }\n\n this.selected = this.defaultSelected;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAOptionComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<ng-template #optionTemplate>\n <div class=\"goa-option\">\n <ng-content></ng-content>\n </div>\n</ng-template>","styles":[""]}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"defaultSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"optionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["optionTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"option-group.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/dropdown/option-group/option-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,KAAK,EACL,SAAS,EACT,eAAe,EACf,SAAS,EACT,WAAW,EACX,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE;;;GAGG;AAMH,MAAM,OAAO,uBAAuB;IAwBlC,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAI,CAAC;IAE/C;;;OAGG;IACH,QAAQ;QACN,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE;YACxE,MAAM,IAAI,SAAS,CAAC,gCAAgC,CAAC,CAAC;SACvD;IACH,CAAC;IAED;;;OAGG;IACH,eAAe;QACb,IAAI,CAAC,gBAAgB,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,iGAAiG;QACjG,kDAAkD;QAClD,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,ocAA4C;;aAE7C;;;YAZC,iBAAiB;;;oBAuBhB,KAAK;sBAML,eAAe,SAAC,kBAAkB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;kCAMzD,SAAS,SAAC,qBAAqB","sourcesContent":["import {\n Component,\n OnInit,\n Input,\n QueryList,\n ContentChildren,\n ViewChild,\n TemplateRef,\n ChangeDetectorRef\n} from '@angular/core';\nimport { GoAOptionComponent } from '../option/option.component';\n\n/**\n * Option grouping component with to use with GoADropdown.\n * selector: goa-option-group\n */\n@Component({\n selector: 'goa-option-group',\n templateUrl: './option-group.component.html',\n styleUrls: ['./option-group.component.scss']\n})\nexport class GoAOptionGroupComponent implements OnInit {\n\n /**\n * Filtered options to show in the view.\n */\n _filteredOptions: Array<GoAOptionComponent>;\n\n /**\n * The label of the option group\n */\n @Input() label: string;\n\n /**\n * The defined options.\n * @ignore\n */\n @ContentChildren(GoAOptionComponent, { descendants: true }) options: QueryList<GoAOptionComponent>;\n\n /**\n * The option template\n * @ignore\n */\n @ViewChild('optionGroupTemplate') optionGroupTemplate: TemplateRef<any>;\n\n constructor(private cdr: ChangeDetectorRef) { }\n\n /**\n * Lifecycle hook OnInit\n * @ignore\n */\n ngOnInit() {\n if (this.label === undefined || this.label === null || this.label === '') {\n throw new TypeError(`The input 'label' is required.`);\n }\n }\n\n /**\n * Lifecycle hook AfterViewInit\n * @ignore\n */\n ngAfterViewInit() {\n this._filteredOptions = [...this.options];\n // The template output cache is populated by child components during render, so tell angular that\n // there have been changes during the render here.\n this.cdr.detectChanges();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAOptionGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"goa-option-group","template":"<!--Grab the <option> template from the GoAOption -->\n<ng-template #optionGroupTemplate>\n <div class=\"goa-option-group\">\n {{label}}\n <div class=\"group-options\">\n <ng-container class=\"goa-option\"> \n <ng-template *ngFor=\"let option of _filteredOptions\" [ngTemplateOutlet]=\"option.optionTemplate\"></ng-template>\n </ng-container>\n </div>\n </div>\n</ng-template>","styles":[".goa-option-group{font-weight:700}.goa-option-group .group-options{padding-left:1em;font-weight:400}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"../option/option.component","name":"GoAOptionComponent","line":37,"character":19},{"descendants":true}]}]}],"optionGroupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["optionGroupTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":45,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"element-load-indicator.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/element-load-indicator/element-load-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,GAIN,MAAM,eAAe,CAAC;AAGvB;;;GAGG;AAMH,MAAM,OAAO,gCAAgC;IAE3C;QAGA;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;QAExB;;UAEE;QACO,SAAI,GAAwB,SAAS,CAAC;QAE/C;;WAEG;QACM,eAAU,GAAG,SAAS,CAAC;QAEhC;;WAEG;QACM,kBAAa,GAAG,SAAS,CAAC;QAEnC,WAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEzC,gBAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,aAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3B,cAAS,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3C,eAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;QAC9C,YAAO,GAAG,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IA5BlD,CAAC;IA8BD;;MAEE;IACF,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,GAAG,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;YAChD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;SACpD;IACH,CAAC;IAED;;MAEE;IACF,QAAQ,KAAW,CAAC;;;YAvDrB,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,+pBAAsD;;aAEvD;;;;sBASE,KAAK;mBAKL,KAAK;yBAKL,KAAK;4BAKL,KAAK","sourcesContent":["import {\n Component,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n} from '@angular/core';\nimport { __values } from 'tslib';\n\n/**\n * A page load indicator component with Government of Alberta styling.\n * selector: goa-element-load-indicator\n */\n@Component({\n selector: 'goa-element-load-indicator',\n templateUrl: './element-load-indicator.component.html',\n styleUrls: ['./element-load-indicator.component.scss'],\n})\nexport class GoAElementLoadIndicatorComponent implements OnInit, OnChanges {\n\n constructor() {\n }\n\n /**\n * Sets the page loader visibility state.\n */\n @Input() visible = true;\n\n /**\n * The diameter of the loader in pixels.\n */\n @Input() size: 'small' | 'default' = 'default';\n\n /**\n * The base color of the spinner.\n */\n @Input() baseColour = '#c8eef9';\n\n /**\n * The spinner color of the spinner.\n */\n @Input() spinnerColour = '#0070c4';\n\n radius = this.size === 'small' ? 16 : 18;\n\n innerRadius = this.radius - 4;\n diameter = this.radius * 2;\n dashArray = this.innerRadius * Math.PI * 2;\n dashOffset = this.innerRadius * Math.PI * 0.5;\n viewBox = `0 0 ${this.diameter} ${this.diameter}`;\n\n /**\n * @ignore\n */\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.size) {\n this.radius = changes.size.currentValue === 'small' ? 16 : 18;\n this.innerRadius = this.radius - 4;\n this.diameter = this.radius * 2;\n this.viewBox = `0 0 ${this.diameter} ${this.diameter}`;\n this.dashArray = this.innerRadius * Math.PI * 2;\n this.dashOffset = this.innerRadius * Math.PI * 0.5;\n }\n }\n\n /**\n * @ignore\n */\n ngOnInit(): void { }\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAElementLoadIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"goa-element-load-indicator","template":"<div *ngIf=\"visible\">\n <svg\n fill=\"none\"\n [attr.viewBox]=\"viewBox\"\n [attr.width]=\"radius\"\n [attr.height]=\"radius\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"base-circle\"\n [attr.cx]=\"radius\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"baseColour\"\n />\n <circle\n class=\"rotating-circle\"\n [attr.cx]=\"radius\"\n [style.stroke-dasharray]=\"dashArray\"\n [style.stroke-dashoffset]=\"dashOffset\"\n [attr.cy]=\"radius\"\n [attr.r]=\"innerRadius\"\n [style.stroke]=\"spinnerColour\"\n />\n </svg>\n</div>\n","styles":["@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.circular-loader{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.base-circle,.rotating-circle{display:block;fill:transparent;stroke-width:7px}.rotating-circle{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;stroke-linecap:round;transform-origin:50% 50%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"baseColour":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"spinnerColour":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAIzD;;;GAGG;AAOH,MAAM,OAAO,kBAAkB;IAiB7B,oCAAoC;IAEpC;QAZA;;WAEG;QACM,gBAAW,GAAG,mCAAmC,CAAC;IAS3C,CAAC;IAEjB;;OAEG;IACH,QAAQ;QACN,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;IACxE,CAAC;IAED,oBAAoB;QAClB,OAAO,kBAAkB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;IAC7D,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,kBAAkB,CAAC,GAAG,KAAe;QACnC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACf,MAAM,IAAI,SAAS,CAAC,UAAU,IAAI,gBAAgB,CAAC,CAAC;aACrD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;;YAhDF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,++BAAsC;;aAEvC;;;;0BAOE,KAAK;0BAKL,KAAK;2BAKL,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\ntype ServiceLevel = 'alpha' | 'beta' | 'live'\n\n/**\n * A header component for a Government of Alberta hosted microsite.\n * selector: goa-header\n */\n@Component({\n selector: 'goa-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\n\nexport class GoAHeaderComponent implements OnInit {\n\n /**\n * The name to show on the header as the microsite.\n */\n @Input() serviceName: string;\n\n /**\n * The home page URL of the microsite.\n */\n @Input() serviceHome = 'https://www.alberta.ca/index.aspx';\n\n /**\n * The level at which the service is running within [Alpha | Beta | Live]\n */\n @Input() serviceLevel: ServiceLevel;\n\n // ServiceLevel = this.ServiceLevel;\n\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit() {\n this.checkRequiredProps('serviceLevel', 'serviceName', 'serviceHome');\n }\n\n serviceLevelCssClass(): string {\n return `service-level--${this.serviceLevel.toLowerCase()}`;\n }\n\n serviceLevelFormatted(): string {\n return this.serviceLevel.toLowerCase();\n }\n\n checkRequiredProps(...props: string[]) {\n props.forEach(prop => {\n if (!this[prop]) {\n throw new TypeError(`Input '${prop}' is required.`);\n }\n });\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"goa-header","template":"<header class=\"goa-header goa-official-site-header\">\n <div>\n <span class=\"service-level\" [ngClass]=\"serviceLevelCssClass()\">\n {{ serviceLevelFormatted() }}\n </span>\n </div>\n <div\n *ngIf=\"serviceLevel === 'live'; else elseNotLive\"\n class=\"site-text\"\n i18n=\"Alberta.ca official site text on header\"\n >\n An official site of the\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n </div>\n <ng-template #elseNotLive>\n <div class=\"site-text\" i18n=\"Alberta.ca site text on header\">\n This is a new\n <a href=\"https://www.alberta.ca/index.aspx\" class=\"web-link\"\n >Alberta Government</a\n >\n service\n </div>\n </ng-template>\n</header>\n<header class=\"goa-header goa-microsite-header\">\n <goa-microsite-logo\n [serviceName]=\"serviceName\"\n [serviceHome]=\"serviceHome\"\n ></goa-microsite-logo>\n <ng-content></ng-content>\n</header>\n","styles":[".goa-header{display:flex;align-items:center;padding-left:28px;padding-right:28px}@media screen and (min-width:768px) and (max-width:1199px){.goa-header{padding-left:28px;padding-right:28px}}@media screen and (max-width:767px){.goa-header{padding-left:28px;padding-right:28px}}.goa-header.goa-microsite-header,.goa-header>.goa-microsite-header{background-color:#fff;top:0;display:flex;justify-content:space-between}.goa-header.goa-official-site-header,.goa-header>.goa-official-site-header{font-size:12px;background-color:#f1f1f1;line-height:22px}.goa-header.goa-official-site-header .site-text,.goa-header>.goa-official-site-header .site-text{white-space:nowrap;padding:0 4px}.goa-header.goa-official-site-header .service-level,.goa-header>.goa-official-site-header .service-level{padding:0 3px;font-weight:700;vertical-align:baseline;text-transform:capitalize}.goa-header.goa-official-site-header .service-level--alpha,.goa-header>.goa-official-site-header .service-level--alpha{background-color:#feba35;color:#333}.goa-header.goa-official-site-header .service-level--beta,.goa-header>.goa-official-site-header .service-level--beta{background-color:#0081a2;color:#fff}.goa-header.goa-official-site-header .service-level--live,.goa-header>.goa-official-site-header .service-level--live{height:16px;width:16px;padding:0;color:transparent;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}.goa-header .web-link{color:#0070c4;text-align:left}"]}]}],"members":{"serviceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"serviceHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"serviceLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"serviceLevelCssClass":[{"__symbolic":"method"}],"serviceLevelFormatted":[{"__symbolic":"method"}],"checkRequiredProps":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner-content.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/hero-banner/content/hero-banner-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,eAAe,CAAC;AAOlD,MAAM,OAAO,6BAA6B;IAExC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAVF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,2IAAmD;;aAEpD","sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'goa-hero-banner-content',\n templateUrl: './hero-banner-content.component.html',\n styleUrls: ['./hero-banner-content.component.scss']\n})\nexport class GoAHeroBannerContentComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-hero-banner-content","template":"<ng-container>\n <p class=\"goa-hero-banner-content\" role=\"note\">\n <ng-content></ng-content>\n </p>\n</ng-container>\n","styles":[".goa-hero-banner-content{font-size:24px;line-height:32px;margin:0;color:#fff}@media screen and (min-width:768px) and (max-width:1199px){.goa-hero-banner-content{width:80%}}@media screen and (min-width:1200px){.goa-hero-banner-content{width:40%}}.goa-hero-banner-content:last-of-type{margin-bottom:28px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/hero-banner/hero-banner.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAEzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAOlD,MAAM,OAAO,sBAAsB;IAKjC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAbF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,qWAA2C;;aAE5C;;;;oBAGE,KAAK;4BACL,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nexport * from './content/hero-banner-content.component';\nexport * from './link/hero-banner-link.component';\n\n@Component({\n selector: 'goa-hero-banner',\n templateUrl: './hero-banner.component.html',\n styleUrls: ['./hero-banner.component.scss']\n})\nexport class GoAHeroBannerComponent implements OnInit {\n\n @Input() title: string;\n @Input() backgroundUrl: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"goa-hero-banner","template":"<div class=\"goa-hero\"\n style=\"background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 40%, rgba(0, 0, 0, 0.6) 100%), url({{backgroundUrl}});\"\n>\n <h1 role=\"heading\">{{ title }}</h1>\n <ng-content select=\"goa-hero-banner-content\"></ng-content>\n <ng-content select=\"goa-hero-banner-link\"></ng-content>\n</div>\n","styles":[".goa-hero{box-sizing:border-box;display:flex;justify-content:flex-end;align-items:stretch;flex-direction:column;height:600px;border-bottom:8px solid #0081a2;color:#fff;background-position:50%;width:100%;padding:56px 28px}.goa-hero h1{margin:0 0 28px;padding:0;font-size:48px;line-height:56px;font-weight:700;color:#fff}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"backgroundUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}},"exports":[{"from":"./content/hero-banner-content.component"},{"from":"./link/hero-banner-link.component"}]}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner-link.component.js","sourceRoot":"","sources":["../../../../../../../libs/angular-components/src/lib/hero-banner/link/hero-banner-link.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,0BAA0B;IAIrC,gBAAgB,CAAC;IAEjB,QAAQ;IACR,CAAC;;;YAZF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,8JAAgD;;aAEjD;;;;kBAGE,KAAK","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'goa-hero-banner-link',\n templateUrl: './hero-banner-link.component.html',\n styleUrls: ['./hero-banner-link.component.scss']\n})\nexport class GoAHeroBannerLinkComponent implements OnInit {\n\n @Input() url: string;\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAHeroBannerLinkComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-hero-banner-link","template":"<ng-container>\n <a class=\"goa-link-button right-arrow\" [href]=\"url\" role=\"link\">\n <ng-content></ng-content>\n </a>\n</ng-container>\n","styles":[".goa-link-button.goa-link-button{display:inline-block;text-decoration:none;box-sizing:border-box;min-width:70px;padding:12px;border:2px solid #0070c4;border-radius:4px;background:#0070c4;cursor:pointer;color:#fff;font-size:18px;font-weight:700;line-height:1em}.goa-link-button.goa-link-button.btn-small{font-size:16px;padding:8px;margin:12px 12px 0 0}.goa-link-button.goa-link-button:last-of-type{margin-right:0}.goa-link-button.goa-link-button:disabled,.goa-link-button.goa-link-button:disabled.goa--secondary,.goa-link-button.goa-link-button:disabled.goa--tertiary{pointer-events:none;color:#666;background-color:#f1f1f1;border-color:#f1f1f1}.goa-link-button.goa-link-button:hover{border-color:#004f84;background:#004f84}.goa-link-button.goa-link-button:active,.goa-link-button.goa-link-button:focus{border-color:#004f84;box-shadow:0 0 0 3px #feba35;background:#004f84;outline:none}.goa-link-button.goa-link-button.goa--secondary{border:2px solid #0070c4;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--secondary:hover{border-color:#004f84;background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--secondary:active,.goa-link-button.goa-link-button.goa--secondary:focus{color:#004f84;background-color:#fff;border:2px solid #004f84;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.goa--tertiary{border-color:#dcdcdc;background:#fff;color:#0070c4}.goa-link-button.goa-link-button.goa--tertiary:hover{background:#fff;color:#004f84}.goa-link-button.goa-link-button.goa--tertiary:active,.goa-link-button.goa-link-button.goa--tertiary:focus{border:2px solid #004f84;color:#004f84;background-color:#fff;box-shadow:0 0 0 3px #feba35;outline:none}.goa-link-button.goa-link-button.right-arrow:after{color:#fff;margin-left:8px;content:\"\\2192\"}.goa-link-button.goa-link-button.up-arrow:after{color:#fff;margin-left:8px;content:\"\\2191\"}.goa-link-button.goa-link-button:link,.goa-link-button.goa-link-button:visited{color:#fff}"]}]}],"members":{"url":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"microsite-logo.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/microsite-logo/microsite-logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAU,KAAK,EAAC,MAAM,eAAe,CAAC;AAEvD;;;GAGG;AAOH,MAAM,OAAO,yBAAyB;IAWpC;QALA;;WAEG;QACM,gBAAW,GAAG,mCAAmC,CAAC;IAG3D,CAAC;IAED;;OAEG;IACH,QAAQ;QACN,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;YAC/D,MAAM,IAAI,SAAS,CAAC,kCAAkC,CAAC,CAAC;SACzD;IACH,CAAC;;;YA3BF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;gBAC9B,8PAA8C;;aAE/C;;;;0BAME,KAAK;0BAKL,KAAK","sourcesContent":["import {Component, OnInit, Input} from '@angular/core';\n\n/**\n * A logo for a Government of Alberta hosted microsite.\n * selector: goa-microsite-logo\n */\n@Component({\n selector: 'goa-microsite-logo',\n templateUrl: './microsite-logo.component.html',\n styleUrls: ['./microsite-logo.component.scss'],\n})\n\nexport class GoAMicrositeLogoComponent implements OnInit {\n /**\n * The name to show on the header/footer as the microsite.\n */\n @Input() serviceName: string;\n\n /**\n * The home page URL of the microsite.\n */\n @Input() serviceHome = 'https://www.alberta.ca/index.aspx';\n\n constructor() {\n }\n\n /**\n * @ignore\n */\n ngOnInit() {\n if (this.serviceName === undefined || this.serviceName === null) {\n throw new TypeError(`Input 'serviceName' is required.`);\n }\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAMicrositeLogoComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-microsite-logo","template":"<a href=\"{{serviceHome}}\" attr.aria-label=\"{{serviceHome}}\" class=\"microsite-link\">\n <span class=\"image-desktop-tablet\"></span>\n <span class=\"image-mobile\"></span>\n <span class=\"name\">\n {{serviceName}}\n </span>\n</a>\n","styles":["a.microsite-link{color:inherit;text-decoration:none;white-space:nowrap;display:flex;align-items:center;height:66px}a.microsite-link:active,a.microsite-link:focus,a.microsite-link:hover{outline:none}a.microsite-link .image-desktop-tablet{width:150px;height:42px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='149.351' height='42' viewBox='0 0 149.351 42'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bclip-path:url(%23a);%7D.c%7Bfill:%2300aad2;%7D.d%7Bfill:%235f6a72;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='149.351' height='42'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='b'%3E%3Crect class='c' width='13.555' height='13.555' transform='translate(135.796 21.524)'/%3E%3Cpath class='d' d='M63.082,33.088c-1.383.138-2.835.277-4.357.346.553-4.357,2.835-10.373,5.671-9.405,1.66.553.761,5.671-1.314,9.059m-3.527,2.974a3.761,3.761,0,0,1-1.245,0,.851.851,0,0,0,.346-.692v-.553c.761,0,1.936-.138,3.389-.277a4.327,4.327,0,0,1-2.49,1.521M76.844,25.688c1.8-1.66,2.7-1.521,2.9-1.106.484.968-1.591,4.357-5.671,6.224a10.328,10.328,0,0,1,2.766-5.118m66.736,1.66c-.207-3.389-3.181-3.942-3.6-2.974-.138.346,1.106.207,1.106,2.628,0,3.942-4.011,9.129-9.129,9.129-5.532,0-6.985-4.357-7.261-6.432-.207-1.452.138-3.458-2.351-3.181-1.729.207-3.25,3.527-5.463,6.362-1.867,2.42-2.7,2.213-2.282.138.553-2.628,2.7-8.714,5.187-9.129,1.176-.207,1.591,1.8,2.075.553s.069-4.011-2.559-4.011c-1.8,0-3.942,1.936-5.74,4.08-1.521,1.936-9.336,13.416-12.656,10.927-1.521-1.176-1.383-5.878-.415-11.411,3.873-1.521,7.123-1.037,8.921-.138.9.415,1.037.346.622-.622-.553-1.452-3.665-3.734-8.575-2.7-.138,0-.207.069-.346.069.415-1.8.83-3.665,1.383-5.463.484-1.66,1.8-4.5-1.729-4.979-1.106-.207-.622.346-1.037,1.867-.692,2.766-1.521,6.362-2.144,10.028a19.745,19.745,0,0,0-7.538,8.091,38.59,38.59,0,0,0,.9-4.772,1.589,1.589,0,0,0-1.245-1.729c-.761-.207-1.729.138-2.628,1.452-2.144,3.043-4.841,7.815-8.99,9.82-2.974,1.452-4.288,0-4.357-2.282a9.869,9.869,0,0,0,1.521-.553c5.394-2.351,7.192-5.947,5.878-8.16-1.314-2.075-4.979-1.452-7.953,1.66a11.175,11.175,0,0,0-2.7,6.5c-1.245.277-2.628.484-4.219.692,2.49-4.08,2.282-9.613-1.383-10.581-4.288-1.106-6.432,3.043-7.331,6.5.346-3.873.9-7.745,1.591-11.549.346-1.66,1.452-4.5-2.075-4.979-1.106-.207-.968.346-.9,1.867.138,2.075-2.144,14.454-.968,19.848-1.521.484-2.144,1.66-.207,2.835,1.383.83,4.357,1.106,7.331-.346a9.3,9.3,0,0,0,2.766-2.144c1.8-.207,3.665-.553,5.394-.83.277,2.42,1.867,4.219,5.463,3.873,5.118-.484,9.682-6.777,11.411-9.82-.346,3.25-2.42,10.373,1.176,10.028,1.383-.138.83-.346.9-1.591.346-4.288,3.873-7.953,7.4-10.166-.622,5.256-.415,9.958,2.006,11.411,4.426,2.766,10.581-4.5,14.039-8.921-1.729,3.942-2.7,8.921-.138,9.682,3.043.9,5.463-4.219,8.3-8.091.346,2.766,2.213,7.607,9.682,7.607,8.022-.069,13.071-4.91,12.863-10.1m-108.3,8.645A66.439,66.439,0,0,1,27.4,32.534a59.168,59.168,0,0,0,6.777-2.974,54.453,54.453,0,0,0,1.106,6.432m20.4,3.873c-.069-.207-.622.069-1.106,0-1.452-.207-3.389-2.213-3.942-5.463-1.037-5.878-.415-11.687,1.314-20.332.346-1.66,1.452-4.5-2.075-5.048-1.106-.138-.553.415-.83,1.867C47.66,17.32,42.4,21.954,37.149,25.066,36.6,17.735,36.8,9.505,38.186,4.526c1.176-4.219,2.559-3.458.83-4.357s-3.734.277-5.325,3.458S24.839,23.89,13.221,35.439C7.273,41.317,1.879,38.274.842,37.375c-.9-.761-1.176.415-.138,1.591,4.772,5.256,11.826,2.282,14.384-.277,7.054-7.054,15.283-22.268,18.6-28.7a98.251,98.251,0,0,0,.277,16.874,50.129,50.129,0,0,1-8.3,3.181c-1.66.415-2.7,1.106-2.7,1.867s1.106,1.521,2.7,2.282c2.835,1.383,11.2,5.256,13.209,6.5,1.729,1.037,2.628.207,3.112-.9.692-1.452-1.176-2.282-2.974-2.766a60.545,60.545,0,0,1-1.66-9.267c4.219-2.628,8.437-6.086,10.788-10.443C47.522,20.916,46,33.3,49.873,38.482a5.451,5.451,0,0,0,4.564,2.213c.968-.069,1.383-.692,1.245-.83' transform='translate(-0.038 0.124)'/%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}@media screen and (max-width:767px){a.microsite-link .image-desktop-tablet{display:none}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .image-mobile{display:none}}@media screen and (min-width:1200px){a.microsite-link .image-mobile{display:none}}@media screen and (max-width:767px){a.microsite-link .image-mobile{width:34px;height:34px;display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%2300aad2;%7D.c%7Bclip-path:url(%23a);%7D.d%7Bfill:%23fff;%7D%3C/style%3E%3CclipPath id='a'%3E%3Crect class='a' width='14' height='14' transform='translate(-0.345 -0.21)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -0.135)'%3E%3Ccircle class='b' cx='8' cy='8' r='8' transform='translate(0 0.135)'/%3E%3Cg transform='translate(1.345 1.344)'%3E%3Cg class='c' transform='translate(0 0)'%3E%3Cpath class='d' d='M12.612,13.636a16.24,16.24,0,0,1-1.86-.822,13.436,13.436,0,0,0,1.6-.708,11.312,11.312,0,0,0,.264,1.53M16.032,7.3c-.266-.034-.128.091-.2.442a5.465,5.465,0,0,1-2.8,3.338,16.141,16.141,0,0,1,.249-4.84c.275-1,.6-.813.2-1.022-.427-.22-.887.071-1.258.813A27.247,27.247,0,0,1,7.4,13.522a2.141,2.141,0,0,1-2.918.461c-.206-.174-.282.095-.026.37a2.412,2.412,0,0,0,3.387-.082A32.715,32.715,0,0,0,12.219,7.51a23.541,23.541,0,0,0,.063,3.971,11.464,11.464,0,0,1-1.964.749c-.388.1-.628.26-.635.439-.007.2.253.363.63.541.67.318,2.633,1.246,3.117,1.527.414.24.616.053.739-.207.16-.338-.279-.533-.7-.661a13.175,13.175,0,0,1-.382-2.179,7.143,7.143,0,0,0,2.547-2.454,4.7,4.7,0,0,0,.4-1.133,2.125,2.125,0,0,0,.048-.742s-.007-.054-.048-.059' transform='translate(-3.51 -3.943)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-size:contain;background-position:50%}}a.microsite-link .name{margin-left:8px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (min-width:1200px){a.microsite-link .name{margin-left:28px}}@media screen and (min-width:768px) and (max-width:1199px){a.microsite-link .name{margin-left:28px}}"]}]}],"members":{"serviceName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"serviceHome":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClG;;;;GAIG;AAMH,MAAM,OAAO,wBAAwB;IAiCnC,YAAoB,kBAAqC;QAArC,uBAAkB,GAAlB,kBAAkB,CAAmB;QA/BzD;;;WAGG;QACH,iBAAY,GAAG,KAAK,CAAC;QAErB;;WAEG;QACM,SAAI,GAAwD,aAAa,CAAC;QAYnF;;WAEG;QACM,kBAAa,GAAG,IAAI,CAAC;QAE7B;;UAEE;QACO,YAAO,GAAsB,IAAI,YAAY,EAAO,CAAC;IAEF,CAAC;IAE9D;;OAEG;IACH,QAAQ;IACR,CAAC;IAED;;OAEG;IACH,YAAY;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC;QAExC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;;;YAtDF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,uqCAA4C;;aAE7C;;;YAVwD,iBAAiB;;;mBAsBvE,KAAK;sBAKL,KAAK;8BAKL,KAAK;4BAKL,KAAK;sBAKL,MAAM","sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';\n/**\n * Government of Alberta styled notification, comes in 4 variants: emergency, event, information, important.\n * Can set the message and optionally a link url.\n * selector: goa-notification\n */\n@Component({\n selector: 'goa-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss']\n})\nexport class GoANotificationComponent implements OnInit {\n\n /**\n * Whether or not the notification has been dismissed.\n * @ignore\n */\n _isDismissed = false;\n\n /**\n * The type of the notification, changes stylings and icons.\n */\n @Input() type: 'important' | 'information' | 'event' | 'emergency' = 'information';\n\n /**\n * Message to display.\n */\n @Input() message: string;\n\n /**\n * Optional link for notification, if no link is provided notification will not contain anchor.\n */\n @Input() notificationUrl?: string;\n\n /**\n * Can the notification be dismissed?\n */\n @Input() isDismissable = true;\n\n /**\n * Event emitted when the notification has been dismissed by the user.\n */\n @Output() dismiss: EventEmitter<any> = new EventEmitter<any>();\n\n constructor(private _changeDetectorRef: ChangeDetectorRef) { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n\n /**\n * @ignore\n */\n dismissClick() {\n this._isDismissed = true;\n this._changeDetectorRef.detectChanges();\n\n this.dismiss.emit();\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoANotificationComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"goa-notification","template":"\n<div class=\"goa-notification\"\n [ngClass]=\"{\n 'dismissed': _isDismissed === true,\n 'goa--event': type === 'event',\n 'goa--important': type === 'important',\n 'goa--emergency': type === 'emergency'\n }\">\n <div class=\"content\">\n <a *ngIf=\"notificationUrl\" class=\"message\" href={{notificationUrl}}>{{message}}</a>\n <span *ngIf=\"!notificationUrl\" class=\"message\">{{message}}</span>\n <a *ngIf=\"isDismissable === true\" class=\"close\" i18n-title title=\"Dismiss\" (click)=\"dismissClick()\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n <path d=\"M 15.99 14.54C 15.99 14.54 14.54 15.99 14.54 15.99 14.54 15.99 8 9.45 8 9.45 8 9.45 1.46 15.99 1.46 15.99 1.46 15.99 0.01 14.54 0.01 14.54 0.01 14.54 6.55 8 6.55 8 6.55 8 0.01 1.46 0.01 1.46 0.01 1.46 1.46 0.01 1.46 0.01 1.46 0.01 8 6.55 8 6.55 8 6.55 14.54 0.01 14.54 0.01 14.54 0.01 15.99 1.46 15.99 1.46 15.99 1.46 9.45 8 9.45 8 9.45 8 15.99 14.54 15.99 14.54Z\"/>\n </svg>\n </a>\n </div>\n</div>\n\n","styles":[".goa-notification{box-sizing:border-box;display:inline-block;position:relative;width:100%;padding-left:72px;padding-right:72px;color:#fff;background:#0070c4}.goa-notification.dismissed{display:none}@media screen and (min-width:768px) and (max-width:1199px){.goa-notification{padding-left:24px;padding-right:24px}}@media screen and (max-width:767px){.goa-notification{padding-left:24px;padding-right:24px}}.goa-notification .content{box-sizing:border-box;display:flex;width:100%;margin:0;position:relative;padding:0 36px}.goa-notification .content .message{flex:1 0 0;box-sizing:border-box;min-height:56px;padding:28px 0}.goa-notification .content .close{flex:0 1 auto;color:#fff}.goa-notification a{color:#fff}.goa-notification a:focus,.goa-notification a:hover{color:#fff;text-decoration:none}.goa-notification.goa--event{background-color:#00853f}.goa-notification.goa--important{background-color:#feba35}.goa-notification.goa--important .message,.goa-notification.goa--important a,.goa-notification.goa--important a:focus,.goa-notification.goa--important a:hover{color:#333}.goa-notification.goa--emergency{background-color:#ec040b}.goa-notification .close{align-self:center;position:absolute;right:12px;cursor:pointer}.goa-notification .close svg{fill:#fff;color:#fff}.goa-notification .content:before{position:absolute;top:50%;left:6px;width:24px;height:24px;margin-top:-12px;content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--emergency .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--important .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}.goa-notification.goa--event .content:before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E\");background-color:transparent;background-repeat:no-repeat;background-position:50%}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"notificationUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"isDismissable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"dismiss":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":44,"character":42}]}],"ngOnInit":[{"__symbolic":"method"}],"dismissClick":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification-banner.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/notification-banner/notification-banner.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAElF;;;GAGG;AAMH,MAAM,OAAO,8BAA8B;IAazC;QAXA;;WAEG;QACM,UAAK,GAAG,eAAe,CAAC;IAQjB,CAAC;IAEjB;;OAEG;IACH,QAAQ;IACR,CAAC;;;YAxBF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,0IAAmD;;aAEpD;;;;oBAME,KAAK;6BAML,eAAe,SAAC,wBAAwB,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC","sourcesContent":["import { Component, OnInit, Input, ContentChildren, QueryList } from '@angular/core';\nimport { GoANotificationComponent } from '../notification/notification.component';\n\n/**\n * Government of Alberta styled notification banner. Contains one or more notifications.\n * selector: goa-notification-banner\n */\n@Component({\n selector: 'goa-notification-banner',\n templateUrl: './notification-banner.component.html',\n styleUrls: ['./notification-banner.component.scss']\n})\nexport class GoANotificationBannerComponent implements OnInit {\n\n /**\n * The accessibility title for the notification banner. Is not displayed.\n */\n @Input() title = 'Notifications';\n\n /**\n * The notifications in this banner.\n * @ignore\n */\n @ContentChildren(GoANotificationComponent, {descendants: false}) _notifications: QueryList<GoANotificationComponent>;\n\n constructor() { }\n\n /**\n * @ignore\n */\n ngOnInit(): void {\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoANotificationBannerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"goa-notification-banner","template":"<div class=\"goa-notifications\">\r\n <h2 class=\"title\">{{title}}</h2>\r\n <ng-content></ng-content>\r\n</div>\r\n\r\n","styles":[".goa-notifications .title{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);left:-10px;width:1px;height:1px;white-space:nowrap}.goa-notifications ul{display:inline-block;list-style-type:none}.goa-notifications ul,.goa-notifications ul li{box-sizing:border-box;width:100%;margin:0;padding:0}.goa-notifications ul li{display:block}"]}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"_notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":23,"character":3},"arguments":[{"__symbolic":"reference","module":"../notification/notification.component","name":"GoANotificationComponent","line":23,"character":19},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-load-indicator.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/page-load-indicator/page-load-indicator.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AAExD,OAAO,EACL,SAAS,EACT,KAAK,GAIN,MAAM,eAAe,CAAC;AAGvB;;;GAGG;AAMH,MAAM,OAAO,6BAA6B;IAExC;QAGA;;WAEG;QACM,YAAO,GAAG,KAAK,CAAC;QAEzB;;WAEG;QACM,SAAI,GAA4B,UAAU,CAAC;QAEpD;;UAEE;QACO,YAAO,GAAG,EAAE,CAAC;QAEtB;;WAEG;QACM,UAAK,GAAG,CAAC,CAAC;QAEnB;;;WAGG;QAEH,aAAQ,GAAG,IAAI,CAAC;QAEhB;;WAEG;QACM,gBAAW,GAAsB,OAAO,CAAC;QAElD;;WAEG;QACH,4BAAuB,GAAG,GAAG,CAAC;QAC9B,qBAAgB,GAAG,GAAG,CAAC;QACvB,qBAAgB,GAAG,CAAC,CAAC;IAvCrB,CAAC;IAyCD,QAAQ;QACN,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,uBAAuB,CAAC;SACtD;IACH,CAAC;IAED,WAAW,CAAC,OAAsB;QAChC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;SACzD;QACD,IAAI,OAAO,CAAC,KAAK,EAAE;YACjB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;gBAC5B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;aAC9C;SACF;IACH,CAAC;IAED;;;;OAIG;IACK,oBAAoB,CAAC,OAAgB;QAC3C,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC9B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;YAC7C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;SAChD;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACpC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;SACzC;IACH,CAAC;IAED;;;OAGG;IAEH,2BAA2B,CAAC,KAAoB;QAC9C,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,WAAW,CAAC,QAAgB;QAC1B,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,OAAO;SACR;QAAA,CAAC;QAEF,IAAI,QAAQ,KAAK,CAAC,EAAE;YAClB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC9C,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,GAAG,EAAE;YACnB,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAC;QACzF,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAChC,CAAC;;;YAjHF,SAAS,SAAC;gBACT,QAAQ,EAAE,yBAAyB;gBACnC,wuBAAmD;;aAEpD;;;;sBASE,KAAK;mBAKL,KAAK;sBAKL,KAAK;oBAKL,KAAK;uBAML,KAAK;0BAML,KAAK;0CA6CL,YAAY,SAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import { HostListener, OnDestroy } from '@angular/core';\n\nimport {\n Component,\n Input,\n OnChanges,\n OnInit,\n SimpleChanges,\n} from '@angular/core';\nimport { __values } from 'tslib';\n\n/**\n * A page load indicator component with Government of Alberta styling.\n * selector: goa-page-load-indicator\n */\n@Component({\n selector: 'goa-page-load-indicator',\n templateUrl: './page-load-indicator.component.html',\n styleUrls: ['./page-load-indicator.component.scss'],\n})\nexport class GoAPageLoadIndicatorComponent implements OnInit, OnChanges, OnDestroy {\n\n constructor() {\n }\n\n /**\n * Sets the page loader visibility state.\n */\n @Input() visible = false;\n\n /**\n * The type of page loader, deterministic and indeterministic.\n */\n @Input() type: 'progress' | 'infinite' = 'infinite';\n\n /**\n * The message to display while loading.\n */\n @Input() message = '';\n\n /**\n * Sets the percentage value of the page loader while set to progress type, 0 - 100 percent.\n */\n @Input() value = 0;\n\n /**\n * Sets the page to locked and does not accept user input. When not set the component\n * can be used as a child element without blocking user input.\n */\n @Input()\n pagelock = true;\n\n /**\n * Sets the progress indicator display type size.\n */\n @Input() displayType: 'large' | 'small' = 'large';\n\n /**\n * Set defaults\n */\n strokeDashoffsetDefault = 280;\n progressMaxValue = 283;\n strokeDashoffset = 0;\n\n ngOnInit(): void {\n if (this.type !== 'progress') {\n this.strokeDashoffset = this.strokeDashoffsetDefault;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes.visible) {\n this.blockScrollingToggle(changes.visible.currentValue);\n }\n if (changes.value) {\n if (this.type === 'progress') {\n this.setProgress(changes.value.currentValue);\n }\n }\n }\n\n /**\n * Toggles the page scrolling based on page load indicator's visibility.\n * @param isBlock The flag to enable/disable page scroll.\n * @ignore\n */\n private blockScrollingToggle(isBlock: boolean): void {\n if (!isBlock || !this.pagelock) {\n document.body.style.removeProperty('height');\n document.body.style.removeProperty('overflow');\n } else {\n document.body.style.height = '100%';\n document.body.style.overflow = 'hidden';\n }\n }\n\n /**\n * Blocks the keyboard input when page load indicator is visible.\n * @ignore\n */\n @HostListener('document:keydown', ['$event'])\n disableKeyboardInputHandler(event: KeyboardEvent) {\n if (this.visible) {\n event.returnValue = false;\n event.preventDefault();\n }\n }\n\n ngOnDestroy(): void {\n this.blockScrollingToggle(false);\n }\n\n setProgress(progress: number): void {\n if (this.type !== 'progress') {\n return;\n };\n\n if (progress === 0) {\n this.strokeDashoffset = this.progressMaxValue;\n return;\n }\n\n if (progress >= 100) {\n return;\n }\n\n const value = this.progressMaxValue - Math.round(this.progressMaxValue * progress / 100);\n this.strokeDashoffset = value;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoAPageLoadIndicatorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"goa-page-load-indicator","template":"<div *ngIf=\"visible\" class=\"progress-container--{{ displayType }}\">\n <svg\n [ngClass]=\"{\n 'svg': displayType === 'large',\n 'svg--small': displayType === 'small'\n }\"\n fill=\"none\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <circle class=\"base-circle\" cx=\"50\" cy=\"50\" r=\"45\"/>\n <circle\n [ngClass]=\"{\n 'progress-circle--infinite': type === 'infinite',\n 'progress-circle': type === 'progress'\n }\"\n cx=\"50\"\n cy=\"50\"\n r=\"45\"\n [style.stroke-dashoffset]=\"strokeDashoffset\"/>\n </svg>\n\n <span class=\"progress-message--{{ displayType }}\">\n {{ message }}\n </span>\n</div>\n","styles":[".svg{max-width:100px}.svg--small{max-width:65px}@-webkit-keyframes circle-animation{0%{stroke-dashoffset:75;transform:rotate(0)}to{stroke-dashoffset:75;transform:rotate(1turn)}}@keyframes circle-animation{0%{stroke-dashoffset:75;transform:rotate(0)}to{stroke-dashoffset:75;transform:rotate(1turn)}}.base-circle{display:block;fill:transparent;stroke:#c8eef9;stroke-width:7px}.progress-circle,.progress-circle--infinite{display:block;fill:transparent;stroke:#0070c4;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:7px;transform-origin:50% 50%}.progress-circle--infinite{-webkit-animation:circle-animation 1.2s linear infinite;animation:circle-animation 1.2s linear infinite}.progress-message,.progress-message--large,.progress-message--small{font-style:normal;font-weight:400}.progress-message--large{margin-top:32px;font-size:24px;color:#000}.progress-message--small{margin-top:18px;font-size:18px;color:#000}.progress-container,.progress-container--large,.progress-container--small{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.progress-container--large{width:100%;height:100%}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"message":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"pagelock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":3}}]}],"displayType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"blockScrollingToggle":[{"__symbolic":"method"}],"disableKeyboardInputHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":100,"character":3},"arguments":["document:keydown",["$event"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}],"setProgress":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-change.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/radio/radio-change.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,cAAc;CAKxB","sourcesContent":["import { GoARadioComponent } from './radio.component';\n\nexport class GoARadioChange {\n /** The source radiobutton of the event. */\n source: GoARadioComponent;\n /** The new `checked` value of the radiobutton. */\n checked: boolean;\n }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoARadioChange":{"__symbolic":"class"}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/radio/radio.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n OnInit,\n ChangeDetectionStrategy,\n forwardRef,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n OnDestroy\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { GoARadioChange } from './radio-change';\nimport { GoARadioService } from './radio.service';\n\n/**\n * Control value accessor to use for the component's provider\n * @ignore\n */\nexport const GOA_RADIO_CONTROL_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => GoARadioComponent),\n multi: true\n}\n\n/**\n * Radiobutton component with Government of Alberta styling.\n */\n@Component({\n selector: 'goa-radio',\n templateUrl: './radio.component.html',\n styleUrls: ['./radio.component.scss'],\n //register our custom ControlValueAccessor with angular DI system so angular knows how to get instance of it for ngModel binding\n providers: [GOA_RADIO_CONTROL_VALUE_ACCESSOR],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GoARadioComponent implements ControlValueAccessor, OnInit, OnDestroy {\n /**\n * Used to generate unique Id for this component\n * @ignore\n */\n static idNum = 0;\n\n /**\n * Unique Id for this component\n * @ignore\n */\n uniqueId: string;\n\n /**\n * Reference to the subscription to the radio change events so it can be unsubscribed on destroy\n * @ignore\n */\n radioServiceSubscription: Subscription;\n\n /**\n * Indicates the \"group\" or set of radios this radio belongs to.\n */\n @Input() name: string;\n\n /**\n * Value/unique identifier for the object the radiobutton represents.\n */\n @Input() value: any;\n\n /**\n * Boolean indicating whether or not the radiobutton is checked/selected.\n */\n @Input() checked: boolean;\n\n /**\n * Boolean indicating whether or not the radiobutton is disabled.\n */\n @Input() disabled: boolean;\n\n /**\n * Boolean indicating whether or not the radiobutton is required.\n */\n @Input() required: boolean;\n\n /**\n * The position to display the label/text for the radiobutton. Valid values are before and after.\n */\n @Input() labelPosition: 'before' | 'after' = 'after';\n\n /**\n * Event emitted containing the source radiobutton, and whether or not it is checked.\n */\n @Output() selectionChange: EventEmitter<GoARadioChange> = new EventEmitter<GoARadioChange>();\n\n /**\n * @ignore\n */\n _onTouchedCallback: () => void;\n\n /**\n * @ignore\n */\n _propagateChange = (_: any) => { };\n\n constructor(private _changeDetector: ChangeDetectorRef,\n private _radioService: GoARadioService) {\n this.uniqueId = `goa-radiobutton-${GoARadioComponent.idNum++}`;\n }\n\n /**\n * Lifecycle hook OnInit. Used to subscribe to radio change messages from the radioService in order to know whether or not\n * this radio should be checked or not.\n * @ignore\n */\n ngOnInit() {\n this.radioServiceSubscription = this._radioService.radioChangeMessage.subscribe(rcm => {\n if (rcm && rcm.source && rcm.source.name === this.name && rcm.source.uniqueId !== this.uniqueId) {\n this.checked = false;\n this._changeDetector.detectChanges();\n }\n });\n }\n\n /**\n * Lifecycle hook OnDestroy. Used to unsubscribe from the radio change messages.\n * @ignore\n */\n ngOnDestroy(): void {\n this.radioServiceSubscription.unsubscribe();\n }\n\n /**\n * Boolean indicating if the radiobutton is required and not checked\n * @ignore\n */\n hasError(): boolean {\n return this.required && !this.checked;\n }\n\n /**\n * Marks the radio button as needing checking for change detection.\n * This method is exposed because the parent radio group will directly\n * update bound properties of the radio button.\n */\n markForCheck(): void {\n // When group value changes, the button will not be notified. Use `markForCheck` to explicitly\n // update radio button's status\n this._changeDetector.markForCheck();\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param value The model bound property, i.e. the value of checked\n * @ignore\n */\n writeValue(value: any) {\n if ((value !== undefined) && (value !== null)) {\n this.checked = value;\n this._changeDetector.detectChanges();\n }\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param fn The function to call on change. Provided by ControlValueAccessor\n * @ignore\n */\n registerOnChange(fn: any) {\n this._propagateChange = fn;\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param fn The function to call on touch. Provided by ControlValueAccessor\n * @ignore\n */\n registerOnTouched(fn: any) {\n this._onTouchedCallback = fn;\n };\n\n /**\n * User interaction event on click of the radiobutton or its label to indicate toggling of the current checked status.\n * Emits selectionChange to parent components.\n * @ignore\n */\n onClick() {\n // flip the checked state of this radio\n this.checked = !this.checked;\n\n // emit radio change event for those interested\n const radioChange = {\n source: this,\n checked: this.checked\n } as GoARadioChange;\n\n this._propagateChange(this.checked);\n this.selectionChange.emit(radioChange);\n\n // notify other radios in group/with same name via radio service so they know to flip their states to not checked\n this._radioService.selectRadio(radioChange);\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GOA_RADIO_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":11},"useExisting":{"__symbolic":"reference","name":"GoARadioComponent"},"multi":true},"GoARadioComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"goa-radio","providers":[{"__symbolic":"reference","name":"GOA_RADIO_CONTROL_VALUE_ACCESSOR"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":35,"character":19},"member":"OnPush"},"template":"<div\n class=\"goa-radio\"\n [ngClass]=\"{\n 'goa-radio-disabled': disabled,\n 'has-error': hasError(),\n 'goa-radio-label-before': labelPosition === 'before'\n }\"\n>\n <div class=\"goa-radio-inline-block\">\n <label class=\"goa-radio-layout\" [attr.for]=\"uniqueId\">\n <div\n class=\"goa-radio-container\"\n [ngClass]=\"{ 'goa-radio-selected': checked }\"\n >\n <input\n type=\"radio\"\n [id]=\"uniqueId\"\n [(checked)]=\"checked\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [attr.value]=\"value\"\n [name]=\"name\"\n (change)=\"onClick()\"\n />\n <svg\n *ngIf=\"checked\"\n id=\"radiomark\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n >\n <circle\n id=\"Ellipse_128\"\n data-name=\"Ellipse 128\"\n cx=\"6\"\n cy=\"6\"\n r=\"6\"\n fill=\"#fff\"\n />\n </svg>\n </div>\n <span class=\"goa-radio-label\">\n <ng-content></ng-content>\n </span>\n </label>\n </div>\n</div>\n","styles":[".goa-radio{margin-bottom:10px}.goa-radio input[type=radio]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none}.goa-radio .goa-radio-label{z-index:2;box-sizing:border-box;margin:0;padding:0 0 0 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.goa-radio.goa-radio-disabled{opacity:1%}.goa-radio.goa-radio-disabled .goa-radio-label{cursor:default}.goa-radio.has-error .goa-radio-container{border:2px solid #fc1921;color:#fc1921}.goa-radio.has-error .goa-radio-container svg{fill:#fc1921}.goa-radio .goa-radio-container{z-index:2;box-sizing:border-box;margin:0;border:1px solid #666;border-radius:12px;height:24px;width:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3px}.goa-radio .goa-radio-container svg{fill:#fff}.goa-radio .goa-radio-container.goa-radio-selected{background-color:#0070c4}.goa-radio .goa-radio-container.goa-radio-selected .goa-radiomark{display:block!important}.goa-radio .goa-radio-container:hover:not(.goa-radio-selected){background-color:#f1f1f1}.goa-radio .goa-radio-container:focus-within{box-shadow:0 0 0 3px #feba35;outline:none}.goa-radio.goa-radio-label-before .goa-radio-container{order:1;margin-left:8px;margin-right:auto}.goa-radio-layout{display:flex;flex-direction:row;align-items:center}.goa-radio-inline-block{display:inline-block;margin-bottom:5px;margin-top:5px;margin-left:5px}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":89,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":101,"character":39},{"__symbolic":"reference","module":"./radio.service","name":"GoARadioService","line":102,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"hasError":[{"__symbolic":"method"}],"markForCheck":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]},"statics":{"idNum":0}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.service.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/radio/radio.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;;AAKhD,MAAM,OAAO,eAAe;IAG1B;QAFA,uBAAkB,GAAG,IAAI,eAAe,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC;IAEhD,CAAC;IAEhB,WAAW,CAAC,WAAW;QACrB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC5C,CAAC;;;;YAVF,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB","sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\nimport { GoARadioChange } from './radio-change';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class GoARadioService {\n radioChangeMessage = new BehaviorSubject(new GoARadioChange());\n\n constructor() {}\n\n selectRadio(radioChange) {\n this.radioChangeMessage.next(radioChange);\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoARadioService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"selectRadio":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/radio-group/radio-group.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n OnInit,\n ChangeDetectionStrategy,\n forwardRef,\n Input,\n Output,\n EventEmitter,\n ChangeDetectorRef,\n QueryList,\n ContentChildren,\n InjectionToken,\n AfterContentInit,\n OnDestroy\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\nimport { GoARadioComponent } from '../radio/radio.component';\nimport { GoARadioChange } from '../radio/radio-change';\nimport { GoARadioService } from '../radio/radio.service';\nimport { Subscription } from 'rxjs';\n\n/**\n * Control value accessor to use for the component's provider\n * @ignore\n */\nexport const GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => GoARadioGroupComponent),\n multi: true\n}\n\n/**\n * Injection token that can be used to inject instances of `GoARadioGroupComponent`. It serves as\n * alternative token to the actual `GoARadioGroupComponent` class which could cause unnecessary\n * retention of the class and its component metadata.\n * @ignore\n */\nexport const GOA_RADIO_GROUP = new InjectionToken<GoARadioGroupComponent>('GoARadioGroup');\n\n/**\n * Radiobutton group component with Government of Alberta styling. Used to group a set of related radio buttons.\n */\n@Component({\n selector: 'goa-radio-group',\n templateUrl: './radio-group.component.html',\n styleUrls: ['./radio-group.component.scss'],\n providers: [\n GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR,\n {provide: GOA_RADIO_GROUP, useExisting: GoARadioGroupComponent}\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class GoARadioGroupComponent implements ControlValueAccessor, OnInit, AfterContentInit, OnDestroy {\n /**\n * Used to generate unique Id for this component\n * @ignore\n */\n static idNum = 0;\n\n /**\n * Unique Id for this component\n * @ignore\n */\n uniqueId: string;\n\n /**\n * Reference to the subscription to the radio change events so it can be unsubscribed on destroy\n * @ignore\n */\n radioServiceSubscription: Subscription;\n\n /**\n * The child radio buttons inside the radio group\n */\n @ContentChildren(forwardRef(() => GoARadioComponent), {descendants: true}) _radios: QueryList<GoARadioComponent>;\n\n /**\n * @ignore\n */\n private _name = `goa-radio-group-${GoARadioGroupComponent.idNum++}`;\n\n /**\n * @ignore\n */\n private _value: any = null;\n\n /**\n * @ignore\n */\n private _selected: GoARadioComponent;\n\n /**\n * @ignore\n */\n private _required: boolean;\n\n /**\n * @ignore\n */\n private _disabled: boolean;\n\n /**\n * @ignore\n */\n private _labelPosition: 'before' | 'after' = 'after';\n\n /**\n * The title for the radio group. Put the question being asked here\n */\n @Input() title: string;\n\n /**\n * Helper text to provide further context as to what the radio group is for/asking\n */\n @Input() helperText: string;\n\n /**\n * The error message to display when the radio group selection is required and nothing has been selected\n */\n @Input() requiredErrorMessage = 'Please select one of the provided options.';\n\n /**\n * Indicates the \"group\" or set of radios this radio belongs to.\n */\n @Input()\n get name(): string { return this._name; }\n set name(value: string) {\n this._name = value;\n this._updateRadioButtonNames();\n }\n\n /**\n * Value/unique identifier for the object the radiobutton represents.\n */\n @Input()\n get value(): any { return this._value; }\n set value(newValue: any) {\n if (this._value !== newValue) {\n // Set this before proceeding to ensure no circular loop occurs with selection.\n this._value = newValue;\n\n this._updateSelectedRadioFromValue();\n this._setSelectedRadioToChecked();\n }\n }\n\n /**\n * The currently selected radio.\n */\n @Input()\n get selected() { return this._selected; }\n set selected(selected: GoARadioComponent | null) {\n this._selected = selected;\n this.value = selected ? selected.value : null;\n this._setSelectedRadioToChecked();\n }\n\n /**\n * Boolean indicating whether or not the radiobutton is disabled.\n */\n @Input()\n get disabled(): boolean { return this._disabled; }\n set disabled(value) {\n this._disabled = value;\n this._updateRadioButtonDisabled();\n }\n\n /**\n * Boolean indicating whether or not the radiobutton is required.\n */\n @Input()\n get required(): boolean { return this._required; }\n set required(value) {\n this._required = value;\n this._updateRadioButtonRequired();\n }\n /**\n * The position to display the label/text for the radiobutton. Valid values are before and after.\n */\n @Input()\n get labelPosition(): 'before' | 'after' {\n return this._labelPosition;\n }\n set labelPosition(position) {\n this._labelPosition = position === 'before' ? 'before' : 'after';\n this._updateRadioButtonLabelPosition();\n }\n\n /**\n * Event emitted containing the source radiobutton, and whether or not it is checked.\n */\n @Output() selectionChange: EventEmitter<GoARadioChange> = new EventEmitter<GoARadioChange>();\n\n /**\n * @ignore\n */\n _onTouchedCallback: () => void;\n\n /**\n * @ignore\n */\n _propagateChange = (_: any) => { };\n\n constructor(private _changeDetector: ChangeDetectorRef, private _radioService: GoARadioService) {\n this.uniqueId = `goa-radiobutton-group-${GoARadioGroupComponent.idNum++}`;\n }\n\n /**\n * Lifecycle hook AfterContentInit. Used to set properties on child radios based on the radio group's properties.\n * @ignore\n */\n ngAfterContentInit(): void {\n this._updateRadioButtonNames();\n this._updateRadioButtonDisabled();\n this._updateRadioButtonRequired();\n this._updateRadioButtonLabelPosition();\n this._updateSelectedRadioFromValue();\n }\n\n /**\n * Lifecycle hook OnInit. Used to subscribe to radio change messages from the radioService in order to set the 'selected' property\n * of the radio group based on which radio was selected\n * @ignore\n */\n ngOnInit(): void {\n this.radioServiceSubscription = this._radioService.radioChangeMessage.subscribe(rcm => {\n if(rcm && rcm.source && rcm.source.name === this.name && rcm.checked) {\n this.selected = this._radios.find(r => r.uniqueId === rcm.source.uniqueId);\n this.selectionChange.emit(rcm);\n }\n });\n }\n\n /**\n * Lifecycle hook OnDestroy. Used to unsubscribe from the radio change messages.\n * @ignore\n */\n ngOnDestroy(): void {\n this.radioServiceSubscription.unsubscribe();\n }\n\n /**\n * Updates the `selected` radio button from the internal _value state.\n */\n private _updateSelectedRadioFromValue(): void {\n // If the value already matches the selected radio, do nothing.\n const isAlreadySelected = this._selected !== undefined && this._selected !== null && this._selected.value === this._value;\n\n // need to wrap in setTimeout because _radios hasnt resolved yet when Input setter fires, need to get to next cycle in page lifecycle\n setTimeout(() => {\n if (this._radios && !isAlreadySelected) {\n this._selected = null;\n this._radios.forEach(radio => {\n radio.checked = this.value === radio.value;\n if (radio.checked) {\n this._selected = radio;\n }\n });\n }\n });\n }\n\n /**\n * Sets the selected radio to checked if it is not already checked\n */\n private _setSelectedRadioToChecked(): void {\n if (this.selected && !this.selected.checked) {\n this.selected.checked = true;\n }\n }\n\n /**\n * Updates the 'name' property of the child radio buttons to match that of the group so they all function together\n */\n private _updateRadioButtonNames(): void {\n if (this._radios) {\n this._radios.forEach(radio => {\n radio.name = this.name;\n radio.markForCheck();\n });\n }\n }\n\n /**\n * Updates the 'disabled' property of the child radio buttons to match the disabled state of the radio group\n */\n private _updateRadioButtonDisabled(): void {\n if (this._radios) {\n this._radios.forEach(radio => {\n radio.required = this._required;\n radio.markForCheck();\n });\n }\n }\n\n /**\n * Updates the 'required' property of the child radio buttons to match the required state of the radio group\n */\n private _updateRadioButtonRequired(): void {\n if (this._radios) {\n this._radios.forEach(radio => {\n radio.required = this._required;\n radio.markForCheck();\n });\n }\n }\n\n /**\n * Updates the 'labelPosition' property of the child radio buttons to match the labelPosition state of the radio group\n */\n private _updateRadioButtonLabelPosition(): void {\n if (this._radios) {\n this._radios.forEach(radio => {\n radio.labelPosition = this._labelPosition;\n radio.markForCheck();\n });\n }\n }\n\n /**\n * Boolean indicating if the radiobutton is required and not checked\n * @ignore\n */\n hasError(): boolean {\n const hasSelectedRadio = this._radios.some(r => r.checked);\n return this.required && !hasSelectedRadio;\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param value The model bound property, i.e. the value of checked\n * @ignore\n */\n writeValue(value: any) {\n if ((value !== undefined) && (value !== null)) {\n this.selected = value;\n this._changeDetector.detectChanges();\n }\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param fn The function to call on change. Provided by ControlValueAccessor\n * @ignore\n */\n registerOnChange(fn: any) {\n this._propagateChange = fn;\n }\n\n /**\n * Implemented as part of ControlValueAccessor.\n * @param fn The function to call on touch. Provided by ControlValueAccessor\n * @ignore\n */\n registerOnTouched(fn: any) {\n this._onTouchedCallback = fn;\n };\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":11},"useExisting":{"__symbolic":"reference","name":"GoARadioGroupComponent"},"multi":true},"GOA_RADIO_GROUP":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":37,"character":35},"arguments":["GoARadioGroup"]},"GoARadioGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":42,"character":1},"arguments":[{"selector":"goa-radio-group","providers":[{"__symbolic":"reference","name":"GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR"},{"provide":{"__symbolic":"reference","name":"GOA_RADIO_GROUP"},"useExisting":{"__symbolic":"reference","name":"GoARadioGroupComponent"}}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":50,"character":19},"member":"OnPush"},"template":"<div class=\"goa-radio-group\" [ngClass]=\"{'goa-radio-group-disabled': disabled}\">\n <span *ngIf=\"title\" class=\"radio-group-title\">{{title}}</span>\n <span *ngIf=\"required\" class=\"required-label\" i18n=\"Required label for dropdown\">(Required)</span>\n <div *ngIf=\"helperText\" class=\"helper-text\">{{helperText}}</div>\n <div class=\"goa-radios\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"hasError()\" class=\"error-text\">{{requiredErrorMessage}}</div>\n</div>\n","styles":[".goa-radio-group{margin-top:28px}.goa-radio-group.goa-radio-group-disabled.goa-radios{opacity:1%;cursor:default}.goa-radio-group .radio-group-title{font-size:18px;font-weight:700;color:#333;line-height:28px}.goa-radio-group .helper-text{font-size:14px;font-weight:400;color:#333;margin-bottom:20px}.goa-radio-group .required-label{margin-left:8px;font-size:14px;color:#666}.goa-radio-group .error-text{color:#fc1921;font-size:14px;margin-bottom:20px}"]}]}],"members":{"_radios":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":74,"character":3},"arguments":[{"__symbolic":"reference","module":"../radio/radio.component","name":"GoARadioComponent","line":74,"character":36},{"descendants":true}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"helperText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"requiredErrorMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":170,"character":3}}]}],"labelPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":191,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":203,"character":39},{"__symbolic":"reference","module":"../radio/radio.service","name":"GoARadioService","line":203,"character":81}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_updateSelectedRadioFromValue":[{"__symbolic":"method"}],"_setSelectedRadioToChecked":[{"__symbolic":"method"}],"_updateRadioButtonNames":[{"__symbolic":"method"}],"_updateRadioButtonDisabled":[{"__symbolic":"method"}],"_updateRadioButtonRequired":[{"__symbolic":"method"}],"_updateRadioButtonLabelPosition":[{"__symbolic":"method"}],"hasError":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]},"statics":{"idNum":0}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton-element.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/skeleton/skeleton-element.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,2BAA2B;IAStC;QARS,SAAI,GAMA,MAAM,CAAC;IAEL,CAAC;IAEhB,IAAI,YAAY;QACd,OAAO,YAAY,IAAI,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;;;YAlBF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,kDAAgD;;aAEjD;;;;mBAEE,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'goa-skeleton-element',\n templateUrl: './skeleton-element.component.html',\n styleUrls: ['./skeleton-element.component.scss'],\n})\nexport class GoASkeletonElementComponent {\n @Input() type:\n | 'text'\n | 'avatar'\n | 'title'\n | 'paragraph'\n | 'thumbnail'\n | 'card' = 'text';\n\n constructor() {}\n\n get elementClass(): string {\n return `skeleton ${this.type}`;\n }\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoASkeletonElementComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-skeleton-element","template":"<div [ngClass]=\"elementClass\"></div>","styles":["@use \"../variables/main.css\";@-webkit-keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}[data-skeleton]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-skeleton] *{border-color:#ddd!important;color:transparent!important}[data-skeleton] a,[data-skeleton] p{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;display:inline;line-height:0!important;font-size:50%!important}[data-skeleton] a:after,[data-skeleton] p:after{content:\"\"!important;display:block!important;margin-bottom:1rem!important;background-size:contain}[data-skeleton] h1,[data-skeleton] h2,[data-skeleton] h3,[data-skeleton] h4,[data-skeleton] h5,[data-skeleton] h6{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}[data-skeleton] h1{height:calc(.6 * var(--fs-3xl))!important}[data-skeleton] h2{height:calc(.6 * var(--fs-2xl))!important}[data-skeleton] h3{height:calc(.6 * var(--fs-xl))!important}[data-skeleton] h4{height:calc(.6 * var(--fs-lg))!important}[data-skeleton] img{background-color:#ddd!important}.skeleton,[data-skeleton] img{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.skeleton{background-color:#ddd!important;background:#dcdcdc;overflow:hidden;margin:10px 0}.skeleton.text{width:100%;height:12px;border-radius:4px}.skeleton.paragraph{width:100%;height:70px;border-radius:4px}.skeleton.title{width:50%;height:20px;margin-bottom:15px;border-radius:4px}.skeleton.avatar{width:100px;height:100px;border-radius:50%}.skeleton.thumbnail{width:100px;height:100px;border-radius:4px}.skeleton-image-content{display:flex;flex-direction:row;gap:30px}.skeleton-image-content__text{flex:1 1 auto}.skeleton-content{display:grid;grid-template-columns:1fr;gap:30px;align-items:left}.goa-card{box-sizing:border-box;background:#fff;border:1px solid #dcdcdc;transition:opacity .3s ease-in-out}.goa-card .card-content{padding:28px;border-top:8px solid #0081a2}.goa-card .card-content .goa-content,.goa-card .card-content .goa-text,.goa-card .card-content .goa-title{margin-bottom:28px}.goa-card .card-content .goa-text{color:#333;font-size:var(--fs-base);line-height:28px}.goa-card .card-content .goa-footer{font-size:var(--fs-base)}.goa-card .card-content .goa-title{font-size:var(--fs-xl);font-weight:400;line-height:32px}.goa-card .goa-poster{position:relative;display:block;padding:56.25% 0 0;overflow:hidden;background:#e5e5e5}.goa-card .goa-poster:empty{display:none}.goa-card .goa-poster iframe,.goa-card .goa-poster img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.goa-card .goa-poster-image img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.goa-card.card-auto{width:auto}.goa-card.card-auto .card{flex-basis:auto;width:auto}.goa-card a:hover{color:#004f84;text-decoration:none}.goa-card a:focus{outline:3px solid #feba35;outline-offset:0}.goa-card[data-skeleton] .goa-poster-image{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;padding-bottom:56.25%}.goa-card[data-skeleton] .goa-poster-image img{display:none}.goa-card[data-skeleton] .goa-title{margin-bottom:1rem}.goa-card[data-skeleton] .goa-footer{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;max-height:1rem}"]}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton-image-content.component.js","sourceRoot":"","sources":["../../../../../../libs/angular-components/src/lib/skeleton/skeleton-image-content.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gCAAgC;IAI3C;QAHS,SAAI,GAAG,CAAC,CAAC;QAElB,QAAG,GAAG,KAAK,CAAC;IACG,CAAC;;;YATjB,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,sTAAsD;;aAEvD;;;;mBAEE,KAAK","sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'goa-skeleton-image-content',\n templateUrl: './skeleton-image-content.component.html',\n styleUrls: ['./skeleton-element.component.scss'],\n})\nexport class GoASkeletonImageContentComponent {\n @Input() rows = 1;\n\n arr = Array;\n constructor() {}\n\n\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"GoASkeletonImageContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"goa-skeleton-image-content","template":"<div class=\"skeleton-image-content\">\n <goa-skeleton-element type=\"thumbnail\"></goa-skeleton-element>\n <div class=\"skeleton-image-content__text\">\n <goa-skeleton-element\n type=\"title\"\n *ngFor=\"let i of arr(rows).fill(1)\"\n ></goa-skeleton-element>\n </div>\n</div>\n","styles":["@use \"../variables/main.css\";@-webkit-keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}[data-skeleton]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-skeleton] *{border-color:#ddd!important;color:transparent!important}[data-skeleton] a,[data-skeleton] p{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;display:inline;line-height:0!important;font-size:50%!important}[data-skeleton] a:after,[data-skeleton] p:after{content:\"\"!important;display:block!important;margin-bottom:1rem!important;background-size:contain}[data-skeleton] h1,[data-skeleton] h2,[data-skeleton] h3,[data-skeleton] h4,[data-skeleton] h5,[data-skeleton] h6{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;margin-bottom:1rem}[data-skeleton] h1{height:calc(.6 * var(--fs-3xl))!important}[data-skeleton] h2{height:calc(.6 * var(--fs-2xl))!important}[data-skeleton] h3{height:calc(.6 * var(--fs-xl))!important}[data-skeleton] h4{height:calc(.6 * var(--fs-lg))!important}[data-skeleton] img{background-color:#ddd!important}.skeleton,[data-skeleton] img{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.skeleton{background-color:#ddd!important;background:#dcdcdc;overflow:hidden;margin:10px 0}.skeleton.text{width:100%;height:12px;border-radius:4px}.skeleton.paragraph{width:100%;height:70px;border-radius:4px}.skeleton.title{width:50%;height:20px;margin-bottom:15px;border-radius:4px}.skeleton.avatar{width:100px;height:100px;border-radius:50%}.skeleton.thumbnail{width:100px;height:100px;border-radius:4px}.skeleton-image-content{display:flex;flex-direction:row;gap:30px}.skeleton-image-content__text{flex:1 1 auto}.skeleton-content{display:grid;grid-template-columns:1fr;gap:30px;align-items:left}.goa-card{box-sizing:border-box;background:#fff;border:1px solid #dcdcdc;transition:opacity .3s ease-in-out}.goa-card .card-content{padding:28px;border-top:8px solid #0081a2}.goa-card .card-content .goa-content,.goa-card .card-content .goa-text,.goa-card .card-content .goa-title{margin-bottom:28px}.goa-card .card-content .goa-text{color:#333;font-size:var(--fs-base);line-height:28px}.goa-card .card-content .goa-footer{font-size:var(--fs-base)}.goa-card .card-content .goa-title{font-size:var(--fs-xl);font-weight:400;line-height:32px}.goa-card .goa-poster{position:relative;display:block;padding:56.25% 0 0;overflow:hidden;background:#e5e5e5}.goa-card .goa-poster:empty{display:none}.goa-card .goa-poster iframe,.goa-card .goa-poster img{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.goa-card .goa-poster-image img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.goa-card.card-auto{width:auto}.goa-card.card-auto .card{flex-basis:auto;width:auto}.goa-card a:hover{color:#004f84;text-decoration:none}.goa-card a:focus{outline:3px solid #feba35;outline-offset:0}.goa-card[data-skeleton] .goa-poster-image{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;padding-bottom:56.25%}.goa-card[data-skeleton] .goa-poster-image img{display:none}.goa-card[data-skeleton] .goa-title{margin-bottom:1rem}.goa-card[data-skeleton] .goa-footer{background-color:#ddd!important;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;max-height:1rem}"]}]}],"members":{"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}]}}}}]
|