@abgov/angular-components 1.8.0-beta.9 → 2.0.0-alpha.10

package/esm2015/lib/radio-group/radio-group.component.js

@@ -1,282 +0,0 @@
-import { Component, ChangeDetectionStrategy, forwardRef, Input, Output, EventEmitter, ChangeDetectorRef, QueryList, ContentChildren, InjectionToken } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { GoARadioComponent } from '../radio/radio.component';
-import { GoARadioService } from '../radio/radio.service';
-/**
- * Control value accessor to use for the component's provider
- * @ignore
- */
-export const GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => GoARadioGroupComponent),
-    multi: true
-};
-/**
- * Injection token that can be used to inject instances of `GoARadioGroupComponent`. It serves as
- * alternative token to the actual `GoARadioGroupComponent` class which could cause unnecessary
- * retention of the class and its component metadata.
- * @ignore
- */
-export const GOA_RADIO_GROUP = new InjectionToken('GoARadioGroup');
-/**
- * Radiobutton group component with Government of Alberta styling.  Used to group a set of related radio buttons.
- */
-export class GoARadioGroupComponent {
-    constructor(_changeDetector, _radioService) {
-        this._changeDetector = _changeDetector;
-        this._radioService = _radioService;
-        /**
-         * @ignore
-         */
-        this._name = `goa-radio-group-${GoARadioGroupComponent.idNum++}`;
-        /**
-         * @ignore
-         */
-        this._value = null;
-        /**
-         * @ignore
-         */
-        this._labelPosition = 'after';
-        /**
-         * The error message to display when the radio group selection is required and nothing has been selected
-         */
-        this.requiredErrorMessage = 'Please select one of the provided options.';
-        /**
-        * Event emitted containing the source radiobutton, and whether or not it is checked.
-        */
-        this.selectionChange = new EventEmitter();
-        /**
-         * @ignore
-         */
-        this._propagateChange = (_) => { };
-        this.uniqueId = `goa-radiobutton-group-${GoARadioGroupComponent.idNum++}`;
-    }
-    /**
-     * Indicates the "group" or set of radios this radio belongs to.
-     */
-    get name() { return this._name; }
-    set name(value) {
-        this._name = value;
-        this._updateRadioButtonNames();
-    }
-    /**
-     * Value/unique identifier for the object the radiobutton represents.
-     */
-    get value() { return this._value; }
-    set value(newValue) {
-        if (this._value !== newValue) {
-            // Set this before proceeding to ensure no circular loop occurs with selection.
-            this._value = newValue;
-            this._updateSelectedRadioFromValue();
-            this._setSelectedRadioToChecked();
-        }
-    }
-    /**
-     * The currently selected radio.
-     */
-    get selected() { return this._selected; }
-    set selected(selected) {
-        this._selected = selected;
-        this.value = selected ? selected.value : null;
-        this._setSelectedRadioToChecked();
-    }
-    /**
-     * Boolean indicating whether or not the radiobutton is disabled.
-     */
-    get disabled() { return this._disabled; }
-    set disabled(value) {
-        this._disabled = value;
-        this._updateRadioButtonDisabled();
-    }
-    /**
-     * Boolean indicating whether or not the radiobutton is required.
-     */
-    get required() { return this._required; }
-    set required(value) {
-        this._required = value;
-        this._updateRadioButtonRequired();
-    }
-    /**
-     * The position to display the label/text for the radiobutton.  Valid values are before and after.
-     */
-    get labelPosition() {
-        return this._labelPosition;
-    }
-    set labelPosition(position) {
-        this._labelPosition = position === 'before' ? 'before' : 'after';
-        this._updateRadioButtonLabelPosition();
-    }
-    /**
-     * Lifecycle hook AfterContentInit.  Used to set properties on child radios based on the radio group's properties.
-     * @ignore
-     */
-    ngAfterContentInit() {
-        this._updateRadioButtonNames();
-        this._updateRadioButtonDisabled();
-        this._updateRadioButtonRequired();
-        this._updateRadioButtonLabelPosition();
-        this._updateSelectedRadioFromValue();
-    }
-    /**
-     * Lifecycle hook OnInit.  Used to subscribe to radio change messages from the radioService in order to set the 'selected' property
-     * of the radio group based on which radio was selected
-     * @ignore
-     */
-    ngOnInit() {
-        this.radioServiceSubscription = this._radioService.radioChangeMessage.subscribe(rcm => {
-            if (rcm && rcm.source && rcm.source.name === this.name && rcm.checked) {
-                this.selected = this._radios.find(r => r.uniqueId === rcm.source.uniqueId);
-                this.selectionChange.emit(rcm);
-            }
-        });
-    }
-    /**
-     * Lifecycle hook OnDestroy.  Used to unsubscribe from the radio change messages.
-     * @ignore
-     */
-    ngOnDestroy() {
-        this.radioServiceSubscription.unsubscribe();
-    }
-    /**
-     * Updates the `selected` radio button from the internal _value state.
-     */
-    _updateSelectedRadioFromValue() {
-        // If the value already matches the selected radio, do nothing.
-        const isAlreadySelected = this._selected !== undefined && this._selected !== null && this._selected.value === this._value;
-        // need to wrap in setTimeout because _radios hasnt resolved yet when Input setter fires, need to get to next cycle in page lifecycle
-        setTimeout(() => {
-            if (this._radios && !isAlreadySelected) {
-                this._selected = null;
-                this._radios.forEach(radio => {
-                    radio.checked = this.value === radio.value;
-                    if (radio.checked) {
-                        this._selected = radio;
-                    }
-                });
-            }
-        });
-    }
-    /**
-     * Sets the selected radio to checked if it is not already checked
-     */
-    _setSelectedRadioToChecked() {
-        if (this.selected && !this.selected.checked) {
-            this.selected.checked = true;
-        }
-    }
-    /**
-     * Updates the 'name' property of the child radio buttons to match that of the group so they all function together
-     */
-    _updateRadioButtonNames() {
-        if (this._radios) {
-            this._radios.forEach(radio => {
-                radio.name = this.name;
-                radio.markForCheck();
-            });
-        }
-    }
-    /**
-     * Updates the 'disabled' property of the child radio buttons to match the disabled state of the radio group
-     */
-    _updateRadioButtonDisabled() {
-        if (this._radios) {
-            this._radios.forEach(radio => {
-                radio.required = this._required;
-                radio.markForCheck();
-            });
-        }
-    }
-    /**
-     * Updates the 'required' property of the child radio buttons to match the required state of the radio group
-     */
-    _updateRadioButtonRequired() {
-        if (this._radios) {
-            this._radios.forEach(radio => {
-                radio.required = this._required;
-                radio.markForCheck();
-            });
-        }
-    }
-    /**
-     * Updates the 'labelPosition' property of the child radio buttons to match the labelPosition state of the radio group
-     */
-    _updateRadioButtonLabelPosition() {
-        if (this._radios) {
-            this._radios.forEach(radio => {
-                radio.labelPosition = this._labelPosition;
-                radio.markForCheck();
-            });
-        }
-    }
-    /**
-     * Boolean indicating if the radiobutton is required and not checked
-     * @ignore
-     */
-    hasError() {
-        const hasSelectedRadio = this._radios.some(r => r.checked);
-        return this.required && !hasSelectedRadio;
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * @param value The model bound property, i.e. the value of checked
-     * @ignore
-     */
-    writeValue(value) {
-        if ((value !== undefined) && (value !== null)) {
-            this.selected = value;
-            this._changeDetector.detectChanges();
-        }
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * @param fn The function to call on change.  Provided by ControlValueAccessor
-     * @ignore
-     */
-    registerOnChange(fn) {
-        this._propagateChange = fn;
-    }
-    /**
-     * Implemented as part of ControlValueAccessor.
-     * @param fn The function to call on touch.  Provided by ControlValueAccessor
-     * @ignore
-     */
-    registerOnTouched(fn) {
-        this._onTouchedCallback = fn;
-    }
-    ;
-}
-/**
- * Used to generate unique Id for this component
- * @ignore
- */
-GoARadioGroupComponent.idNum = 0;
-GoARadioGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'goa-radio-group',
-                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",
-                providers: [
-                    GOA_RADIO_GROUP_CONTROL_VALUE_ACCESSOR,
-                    { provide: GOA_RADIO_GROUP, useExisting: GoARadioGroupComponent }
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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}"]
-            },] }
-];
-GoARadioGroupComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: GoARadioService }
-];
-GoARadioGroupComponent.propDecorators = {
-    _radios: [{ type: ContentChildren, args: [forwardRef(() => GoARadioComponent), { descendants: true },] }],
-    title: [{ type: Input }],
-    helperText: [{ type: Input }],
-    requiredErrorMessage: [{ type: Input }],
-    name: [{ type: Input }],
-    value: [{ type: Input }],
-    selected: [{ type: Input }],
-    disabled: [{ type: Input }],
-    required: [{ type: Input }],
-    labelPosition: [{ type: Input }],
-    selectionChange: [{ type: Output }]
-};
-//# sourceMappingURL=radio-group.component.js.map

package/esm2015/lib/radio-group/radio-group.component.js.map

@@ -1 +0,0 @@
-{"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"]}

package/esm2015/lib/radio-group/radio-group.component.metadata.json

@@ -1 +0,0 @@
-[{"__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}}}}]

package/esm2015/lib/skeleton/skeleton-element.component.js

@@ -1,21 +0,0 @@
-import { Component, Input } from '@angular/core';
-export class GoASkeletonElementComponent {
-    constructor() {
-        this.type = 'text';
-    }
-    get elementClass() {
-        return `skeleton ${this.type}`;
-    }
-}
-GoASkeletonElementComponent.decorators = [
-    { type: Component, args: [{
-                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}"]
-            },] }
-];
-GoASkeletonElementComponent.ctorParameters = () => [];
-GoASkeletonElementComponent.propDecorators = {
-    type: [{ type: Input }]
-};
-//# sourceMappingURL=skeleton-element.component.js.map

package/esm2015/lib/skeleton/skeleton-element.component.js.map

@@ -1 +0,0 @@
-{"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"]}

package/esm2015/lib/skeleton/skeleton-element.component.metadata.json

@@ -1 +0,0 @@
-[{"__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"}]}}}}]

package/esm2015/lib/skeleton/skeleton-image-content.component.js

@@ -1,19 +0,0 @@
-import { Component, Input } from '@angular/core';
-export class GoASkeletonImageContentComponent {
-    constructor() {
-        this.rows = 1;
-        this.arr = Array;
-    }
-}
-GoASkeletonImageContentComponent.decorators = [
-    { type: Component, args: [{
-                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}"]
-            },] }
-];
-GoASkeletonImageContentComponent.ctorParameters = () => [];
-GoASkeletonImageContentComponent.propDecorators = {
-    rows: [{ type: Input }]
-};
-//# sourceMappingURL=skeleton-image-content.component.js.map

package/esm2015/lib/skeleton/skeleton-image-content.component.js.map

@@ -1 +0,0 @@
-{"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"]}

package/esm2015/lib/skeleton/skeleton-image-content.component.metadata.json

@@ -1 +0,0 @@
-[{"__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"}]}}}}]

package/experimental/app-version-header/app-version-header.component.d.ts

@@ -1,10 +0,0 @@
-import { OnInit, EventEmitter } from '@angular/core';
-export declare class GoAAppVersionHeaderComponent implements OnInit {
-    isProdEnvironment: boolean;
-    environment: string;
-    version: string;
-    closed: EventEmitter<boolean>;
-    constructor();
-    ngOnInit(): void;
-    onCloseClick(): void;
-}

package/experimental/badge/badge.component.d.ts

@@ -1,7 +0,0 @@
-import { OnInit } from '@angular/core';
-export declare class GoABadgeComponent implements OnInit {
-    type: 'information' | 'success' | 'warning' | 'emergency' | 'dark' | 'midtone' | 'light' | 'inactive';
-    constructor();
-    get badgeClass(): string;
-    ngOnInit(): void;
-}

package/experimental/components.module.d.ts

@@ -1,2 +0,0 @@
-export declare class ExperimentalComponentsModule {
-}

package/experimental/index.d.ts

@@ -1,4 +0,0 @@
-export * from './badge/badge.component';
-export * from './app-version-header/app-version-header.component';
-export * from './components.module';
-export * from './number-input/number-input.component';

package/experimental/number-input/number-input.component.d.ts

@@ -1,58 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export declare class GoANumberInputComponent {
-    private _value;
-    private _min?;
-    private _max?;
-    private inputElement;
-    name?: string;
-    disabled?: boolean;
-    /**
-     * Sets the step value that is used when incrementing / decrementing
-     *
-     * @memberof GoANumberInputComponent
-    */
-    step: number;
-    /**
-     * An event that fires whenever the value is changed
-     *
-     * @type {EventEmitter<number>}
-     * @memberof GoANumberInputComponent
-    */
-    valueChanged: EventEmitter<number>;
-    /**
-     * The value of the NumberInput
-     *
-     * @memberof GoANumberInputComponent
-     */
-    set value(val: number);
-    get value(): number;
-    /**
-     * Sets the minimum value that the number input can take
-     *
-     * @memberof GoANumberInputComponent
-     */
-    set min(min: number);
-    get min(): number;
-    /**
-     * Sets the maximum value that the number input can take
-     *
-     * @memberof GoANumberInputComponent
-     */
-    set max(max: number);
-    get max(): number;
-    /**
-     * Increment the number input
-     *
-     * @memberof GoANumberInputComponent
-     */
-    increment(): void;
-    /**
-     * Decrement the number input
-     *
-     * @memberof GoANumberInputComponent
-     */
-    decrement(): void;
-    updateFromInput(): void;
-    private get input();
-    private clampValue;
-}

package/lib/button/button.component.d.ts

@@ -1,37 +0,0 @@
-import { OnInit } from '@angular/core';
-/**
- * A Government of Alberta styled button.
- * selector: button[goa-button], input[type="button"][goa-button], input[type="submit"][goa-button]
- */
-export declare class GoAButtonComponent implements OnInit {
-    /**
-     * Adds class goa-button to the host.
-     * @ignore
-     */
-    get primaryBinding(): boolean;
-    /**
-     * Adds class goa--secondary to the host if the buttonStyle = secondary.
-     * @ignore
-     */
-    get secondaryBinding(): boolean;
-    /**
-     * Adds class goa--tertiary to the host if the buttonStyle = tertiary.
-     * @ignore
-     */
-    get tertiaryBinding(): boolean;
-    /**
-     * Adds class btn-small to the host if the buttonSize = small.
-     * @ignore
-     */
-    get smallBinding(): boolean;
-    /**
-     * The appearance style of the button.
-     */
-    buttonType: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * The size of the button, controls font size and padding.
-     */
-    buttonSize: 'small' | 'normal';
-    constructor();
-    ngOnInit(): void;
-}

package/lib/button-link/button-link.component.d.ts

@@ -1,38 +0,0 @@
-import { OnInit } from '@angular/core';
-/**
- * Styles an anchor Design system compliant.
- * selector: a[goa-button]
- * @example <a goa-button linkType='right' href='...'>Text</a>
- */
-export declare class GoAButtonLinkComponent implements OnInit {
-    /**
-     * Adds class goa-link-button to the host.
-     * @ignore
-     */
-    get primaryBinding(): boolean;
-    /**
-     * Adds class right-arrow to the host if the linkType = right.
-     * @ignore
-     */
-    get rightBinding(): boolean;
-    /**
-     * Adds class right-arrow to the host if the linkType = right.
-     * @ignore
-     */
-    get upBinding(): boolean;
-    /**
-     * Adds class btn-small to the host if the buttonSize = small.
-     * @ignore
-     */
-    get smallBinding(): boolean;
-    /**
-     * The type of arrow to use.
-     */
-    linkType: 'up' | 'right';
-    /**
-     * The size of the button, controls font size and padding.
-     */
-    buttonSize: 'small' | 'normal';
-    constructor();
-    ngOnInit(): void;
-}

package/lib/callout/callout.component.d.ts

@@ -1,20 +0,0 @@
-import { OnInit } from '@angular/core';
-/**
- * Callout component to describe important changes or facts.
- * selector: goa-callout
- */
-export declare class GoACalloutComponent implements OnInit {
-    /**
-     * The type of the callout, changes stylings and icons.
-     */
-    type: 'important' | 'information' | 'event' | 'success' | 'emergency';
-    /**
-     * The title of callout
-     */
-    title: string;
-    constructor();
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-}

package/lib/card/card.component.d.ts

@@ -1,23 +0,0 @@
-import { OnInit } from '@angular/core';
-export * from './header/card-header.component';
-export * from './footer/card-footer.component';
-export * from './thumb/card-thumb.component';
-export * from './content/card-content.component';
-/**
- * Card component with Government of Alberta styling.
- * Place desired sub-components (goa-card-thumb-image, goa-card-header, goa-card-content, goa-card-footer) inside of content.
- * selector: goa-card
- */
-export declare class GoACardComponent implements OnInit {
-    /**
-     * What percentage of container width to take.
-     */
-    cardSize: 'full' | 'auto';
-    titleUrl: string;
-    isSkeleton: false;
-    constructor();
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-}