@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-tel-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-tel-input.js","sources":["../../../projects/ui-common/tel-input/intl-tel-input.ts","../../../projects/ui-common/tel-input/tel-input-constants.ts","../../../projects/ui-common/tel-input/utils/add-country-code.ts","../../../projects/ui-common/tel-input/models/tel-input-number-format-name.ts","../../../projects/ui-common/tel-input/utils/coerce-phone-number-format.ts","../../../projects/ui-common/tel-input/utils/get-country-code.ts","../../../projects/ui-common/tel-input/utils/get-dial-code.ts","../../../projects/ui-common/tel-input/utils/get-global-intl-tel-input-globals.ts","../../../projects/ui-common/tel-input/utils/get-global-intl-tel-input-utils.ts","../../../projects/ui-common/tel-input/utils/get-intl-tel-input-utils.ts","../../../projects/ui-common/tel-input/utils/get-validation-error-message.ts","../../../projects/ui-common/tel-input/utils/process-country-codes.ts","../../../projects/ui-common/tel-input/tel-input.directive.ts","../../../projects/ui-common/tel-input/tel-input/tel-input.component.ts","../../../projects/ui-common/tel-input/tel-input-validator.ts","../../../projects/ui-common/tel-input/phone-number.pipe.ts","../../../projects/ui-common/tel-input/tel-input.module.ts","../../../projects/ui-common/tel-input/theseam-ui-common-tel-input.ts"],"sourcesContent":["import intlTelInput from 'intl-tel-input'\n\n//\n// NOTE: These types are mainly for providing types to 'intl-tel-input', because\n// the only published types I could find were incomplete. Some types are\n// missing, because they were not necessary for this library. I don't indend\n// this to be a perfect types for 'intl-tel-input', so as long as they are\n// compatible they may be slightly altered or extended to fit this library\n// better.\n//\n\n/**\n * Partial types for intl-tel-input-utils\n */\n// tslint:disable-next-line: no-namespace\nexport namespace intlTelInputUtils {\n\n  export interface CountryData {\n    name: string\n    iso2: string\n    dialCode: string\n    areaCodes: string[] | null\n    priority: number\n  }\n\n  export enum numberFormat {\n    E164 = 0,\n    INTERNATIONAL = 1,\n    NATIONAL = 2,\n    RFC3966 = 3\n  }\n\n  export enum numberType {\n    FIXED_LINE = 0,\n    MOBILE = 1,\n    FIXED_LINE_OR_MOBILE = 2,\n    TOLL_FREE = 3,\n    PREMIUM_RATE = 4,\n    SHARED_COST = 5,\n    VOIP = 6,\n    PERSONAL_NUMBER = 7,\n    PAGER = 8,\n    UAN = 9,\n    VOICEMAIL = 10,\n    UNKNOWN = -1\n  }\n\n  export enum validationError {\n    IS_POSSIBLE = 0,\n    INVALID_COUNTRY_CODE = 1,\n    TOO_SHORT = 2,\n    TOO_LONG = 3,\n    NOT_A_NUMBER = 4\n  }\n\n  export type placeholderNumberType =\n    | 'FIXED_LINE_OR_MOBILE'\n    | 'FIXED_LINE'\n    | 'MOBILE'\n    | 'PAGER'\n    | 'PERSONAL_NUMBER'\n    | 'PREMIUM_RATE'\n    | 'SHARED_COST'\n    | 'TOLL_FREE'\n    | 'UAN'\n    | 'UNKNOWN'\n    | 'VOICEMAIL'\n    | 'VOIP'\n\n}\n\n// NOTE: If one of the functions return -99, then it is most likely from a\n// problem in 'google-libphonenumber' that 'intl-tel-input' swallowed in int\n// wrapper.\n//\n// NOTE: The following functions do not exist until util script has loaded.\nexport interface IntlTelInputUtilsScript {\n  numberFormat: intlTelInputUtils.numberFormat\n  numberType: intlTelInputUtils.numberType\n  validationError: intlTelInputUtils.validationError\n\n  /**\n   * Format the given number to the given format.\n   */\n  formatNumber(number: string, countryCode: string, format: intlTelInputUtils.numberFormat): string\n\n  /**\n   * Get an example number for the given country code.\n   */\n  getExampleNumber(countryCode: string, national: boolean, numberType: intlTelInputUtils.numberType): string\n\n  /**\n   * Get the extension from the given number.\n   */\n  getExtension(number: string, countryCode: string): string\n\n  /**\n   * Get the type of the given number e.g. fixed-line/mobile.\n   */\n  getNumberType(number: string, countryCode: string): intlTelInputUtils.numberType\n\n  /**\n   * Get more info if the validation has failed e.g. too long/too short.\n   */\n  getValidationError(number: string, countryCode: string): intlTelInputUtils.validationError\n\n  /**\n   * Check if given number is valid.\n   */\n  isValidNumber(number: string, countryCode: string): boolean\n}\n\n/**\n * Partial types for intl-tel-input\n */\n// tslint:disable-next-line: no-namespace\nexport namespace IntlTelInput {\n  export interface Static {\n    /**\n     * Default options for all instances\n     */\n    defaults: Options\n\n    /**\n     * Get all of the plugin's country data - either to re-use elsewhere\n     * e.g. to populate a country dropdown.\n     */\n    getCountryData(): intlTelInputUtils.CountryData[]\n\n    /**\n     * Load the utils.js script (included in the lib directory) to enable\n     * formatting/validation etc.\n     */\n    loadUtils(path: string, utilsScriptDeferred?: boolean): Promise<void> /* | null | void */\n  }\n\n  export interface Plugin {\n    promise: Promise<void>\n\n    /**\n     * Remove the plugin from the input, and unbind any event listeners.\n     */\n    destroy(): void\n\n    /**\n     * Get the extension from the current number.\n     * Requires the utilsScript option.\n     * e.g. if the input value was \"(702) 555-5555 ext. 1234\", this would\n     * return \"1234\".\n     */\n    getExtension(): string\n\n    /**\n     * Get the current number in the given format (defaults to E.164 standard).\n     * The different formats are available in the enum\n     * intlTelInputUtils.numberFormat - taken from here.\n     * Requires the utilsScript option.\n     * Note that even if nationalMode is enabled, this can still return a full\n     * international number.\n     * @param numberFormat the format in which the number will be returned.\n     */\n    getNumber(numberFormat?: intlTelInputUtils.numberFormat): string\n\n    /**\n     * Get the type (fixed-line/mobile/toll-free etc) of the current number.\n     * Requires the utilsScript option.\n     * Returns an integer, which you can match against the various options in the\n     * global enum intlTelInputUtils.numberType.\n     * Note that in the US there's no way to differentiate between fixed-line and\n     * mobile numbers, so instead it will return FIXED_LINE_OR_MOBILE.\n     */\n    getNumberType(): intlTelInputUtils.numberType\n\n    /**\n     * Get the country data for the currently selected flag.\n     */\n    getSelectedCountryData(): intlTelInputUtils.CountryData\n\n    /**\n     * Get more information about a validation error.\n     * Requires the utilsScript option.\n     * Returns an integer, which you can match against the various options in the\n     * global enum ValidationError\n     */\n    getValidationError(): intlTelInputUtils.validationError\n\n    /**\n     * Validate the current number. Expects an internationally formatted number\n     * (unless nationalMode is enabled). If validation fails, you can use\n     * getValidationError to get more information.\n     * Requires the utilsScript option.\n     * Also see getNumberType if you want to make sure the user enters a certain\n     * type of number e.g. a mobile number.\n     */\n    isValidNumber(): boolean\n\n    /**\n     * Change the country selection (e.g. when the user is entering their address).\n     * @param countryCode country code of the country to be set.\n     */\n    setCountry(countryCode: string): void\n\n    /**\n     * Insert a number, and update the selected flag accordingly.\n     * Note that by default, if nationalMode is enabled it will try to use\n     * national formatting.\n     * @param aNumber number to be set.\n     */\n    setNumber(aNumber: string): void\n\n    /**\n     * Set the type of the placeholder number\n     * @param type Placeholder number type to be set\n     */\n    setPlaceholderNumberType(type: intlTelInputUtils.placeholderNumberType): void\n  }\n\n  export interface Options {\n    /**\n     * Whether or not to allow the dropdown. If disabled, there is no dropdown\n     * arrow, and the selected flag is not clickable. Also we display the\n     * selected flag on the right instead because it is just a marker of state.\n     * Default = true\n     */\n    allowDropdown?: boolean\n\n    /**\n     * If there is just a dial code in the input: remove it on blur or submit,\n     * and re-add it on focus. This is to prevent just a dial code getting\n     * submitted with the form. Requires nationalMode to be set to false.\n     * Default = true\n     */\n    autoHideDialCode?: boolean\n\n    /**\n     * Set the input's placeholder to an example number for the selected country, and update it if the country changes.\n     * You can specify the number type using the placeholderNumberType option.\n     * By default it is set to \"polite\", which means it will only set the placeholder if the input doesn't already have one.\n     * You can also set it to \"aggressive\", which will replace any existing placeholder, or \"off\".\n     * Requires the utilsScript option.\n     * Default = \"polite\"\n     */\n    autoPlaceholder?: 'off' | 'polite' | 'aggressive'\n\n    /**\n     * Change the placeholder generated by autoPlaceholder. Must return a string.\n     * Default = null\n     */\n    customPlaceholder?: (selectedCountryPlaceholder: string, selectedCountryData: intlTelInputUtils.CountryData) => string\n\n    /**\n     * Expects a node e.g. document.body. Instead of putting the country dropdown next to the input,\n     * append it to the specified node, and it will then be positioned absolutely next to the input using JavaScript.\n     * This is useful when the input is inside a container with overflow: hidden.\n     * Note that the absolute positioning can be broken by scrolling, so it will automatically close on the window scroll event.\n     * Default = null\n     */\n    dropdownContainer?: Node\n\n    /**\n     * In the dropdown, display all countries except the ones you specify here.\n     * Default = null\n     */\n    excludeCountries?: string[]\n\n    /**\n     * Format the input value (according to the nationalMode option) during initialisation, and on setNumber.\n     * Requires the utilsScript option.\n     * Default = true\n     */\n    formatOnDisplay?: boolean\n\n    /**\n     * When setting initialCountry to \"auto\", you must use this option to\n     * specify a custom function that looks up the user's location,\n     * and then calls the success callback with the relevant country code.\n     * Also note that when instantiating the plugin, if the Promise object is defined,\n     * one of those is returned under the promise instance property, so you can\n     * do something like iti.promise.then(callback) to know when initialisation requests like this have completed.\n     * Default = null\n     */\n    geoIpLookup?: (callback: (countryCode: string) => void) => void\n\n    /**\n     * Add a hidden input with the given name (or if your input name\n     * contains square brackets then it will give the hidden input the same\n     * name, replacing the contents of the brackets with the given name). On\n     * submit, populate it with the full international number (using\n     * getNumber). This is a quick way for people using non-ajax forms to\n     * get the full international number, even when nationalMode is enabled.\n     * Note: requires the input to be inside a form element, as this feature\n     * works by listening for the submit event on the closest form element.\n     * Also note that since this uses getNumber internally, it expects a\n     * valid number, and so should only be used after validation. Default =\n     * \"\"\n     */\n    hiddenInput?: string\n\n    /**\n     * Set the initial country selection by specifying it's country code.\n     * You can also set it to \"auto\", which will lookup the user's country based\n     * on their IP address (requires the geoIpLookup option).\n     * Note that the \"auto\" option will not update the country selection if the\n     * input already contains a number. If you leave initialCountry blank,\n     * it will default to the first country in the list.\n     */\n    initialCountry?: string\n\n    /**\n     * Allows to translate the countries by its given iso code e.g.: { 'de': 'Deutschland' }\n     * Default = {}\n     */\n    localizedCountries?: object\n\n    /**\n     * Allow users to enter national numbers (and not have to think about\n     * international dial codes). Formatting, validation and placeholders still\n     * work. Then you can use getNumber to extract a full international number.\n     * This option now defaults to true, and it is recommended that you leave it\n     * that way as it provides a better experience for the user.\n     * Default = true\n     */\n    nationalMode?: boolean\n\n    /**\n     * In the dropdown, display only the countries you specify.\n     * Default = undefined\n     */\n    onlyCountries?: string[]\n\n    /**\n     * Specify one of the keys from the global enum intlTelInputUtils.numberType\n     * e.g. \"FIXED_LINE\" to set the number type to use for the placeholder.\n     * Default = MOBILE\n     */\n    placeholderNumberType?: intlTelInputUtils.placeholderNumberType\n\n    /**\n     * Specify the countries to appear at the top of the list.\n     * Default = [\"us\", \"gb\"]\n     */\n    preferredCountries?: string[]\n\n    /**\n     * Display the country dial code next to the selected flag so it's not part\n     * of the typed number. Note that this will disable nationalMode because\n     * technically we are dealing with international numbers, but with the\n     * dial code separated.\n     * Default = false\n     */\n    separateDialCode?: boolean\n\n    /**\n     * Enable formatting/validation etc. by specifying the URL of the\n     * included utils.js script (or alternatively just point it to the file\n     * on cdnjs.com). The script is fetched when the page has finished\n     * loading (on the window load event) to prevent blocking (the script is\n     * ~215KB). When instantiating the plugin, if the Promise object is\n     * defined, one of those is returned under the promise instance\n     * property, so you can do something like iti.promise.then(callback) to\n     * know when initialisation requests like this have finished. Note that\n     * if you're lazy loading the plugin script itself (intlTelInput.js)\n     * this will not work and you will need to use the loadUtils method\n     * instead. Example: \"build/js/utils.js\" Default = \"\"\n     */\n    utilsScript?: string\n  }\n}\n\n/**\n * Initialise the plugin with optional options.\n * @param options options that can be provided during initialization.\n */\nexport function IntlTelInputFn(node: Element, options?: IntlTelInput.Options): IntlTelInput.Plugin {\n  return (intlTelInput as any)(node, options)\n}\n\nexport default IntlTelInputFn\n","export const TEL_INPUT_ASSETS_PATH = 'assets/vendor/intl-tel-input'\n\nexport const TEL_INPUT_STYLES = `\n  .iti { width: 100%; }\n\n  .iti__flag {background-image: url(\"${TEL_INPUT_ASSETS_PATH}/img/flags.png\");}\n\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    .iti__flag {background-image: url(\"${TEL_INPUT_ASSETS_PATH}/img/flags@2x.png\");}\n  }\n\n  .iti__country-list {\n    /* There is a bug that is causing the 'z-index: 2' from ng-select to conflict with this dropdown container. */\n    z-index: 3;\n  }\n`\n\nexport const TEL_INPUT_STYLESHEET_PATH = `${TEL_INPUT_ASSETS_PATH}/css/intlTelInput.min.css`\n\nexport const TEL_INPUT_UTILS_PATH = `${TEL_INPUT_ASSETS_PATH}/js/utils.js`\n","import type { TelInputCountryData } from '../models/index'\n\n/**\n * Add a country code to this.countryCodes.\n *\n * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L197\n */\nexport function addCountryCode(data: TelInputCountryData, iso2: string, countryCode: string, priority?: number) {\n  if (countryCode.length > data.countryCodeMaxLen) {\n    data.countryCodeMaxLen = countryCode.length\n  }\n  if (!data.countryCodes.hasOwnProperty(countryCode)) {\n    data.countryCodes[countryCode] = []\n  }\n  // bail if we already have this country for this countryCode\n  for (let i = 0; i < data.countryCodes[countryCode].length; i++) {\n    if (data.countryCodes[countryCode][i] === iso2) { return }\n  }\n  // check for undefined as 0 is falsy\n  const index = (priority !== undefined) ? priority : data.countryCodes[countryCode].length\n  data.countryCodes[countryCode][index] = iso2\n}\n","import { intlTelInputUtils } from '../intl-tel-input'\n\nexport const TelInputNumberFormatName: { [name: string]: intlTelInputUtils.numberFormat } = {\n  'E164': intlTelInputUtils.numberFormat.E164,\n  'INTERNATIONAL': intlTelInputUtils.numberFormat.INTERNATIONAL,\n  'NATIONAL': intlTelInputUtils.numberFormat.NATIONAL,\n  'RFC3966': intlTelInputUtils.numberFormat.RFC3966\n}\n","import { intlTelInputUtils } from '../intl-tel-input'\nimport { TelInputNumberFormatName } from '../models/index'\n\nexport const THESEAM_DEFAULT_PHONE_NUMBER_FORMAT = intlTelInputUtils.numberFormat.INTERNATIONAL\n\n/**\n * Types that should be acceptable in a template.\n */\nexport type TheSeamNumberFormatsInput =\n  // Enum\n  intlTelInputUtils.numberFormat\n  // Strings matching enum\n  | 'E164'\n  | 'INTERNATIONAL'\n  | 'NATIONAL'\n  | 'RFC3966'\n  // Strings matching enum in lower case, since it would be what a user will\n  // most likely type if string is necessary.\n  | 'e164'\n  | 'international'\n  | 'national'\n  | 'rfc3966'\n\nexport function coercePhoneNumberFormat(\n  format: TheSeamNumberFormatsInput,\n  defaultFormat = THESEAM_DEFAULT_PHONE_NUMBER_FORMAT\n): intlTelInputUtils.numberFormat {\n  let res = defaultFormat\n\n  if (typeof format === 'string') {\n    const _format = TelInputNumberFormatName[`${format}`.trim().toUpperCase()]\n    res = (_format === undefined || _format === null) ? defaultFormat : _format\n  } else if (typeof format === 'number') {\n    // We could check for a number range, but I think it is safer to assume it's\n    // valid if a number was provided. A number most likely means the value came\n    // from using the enum and I don't want to accidentaly exclude a format that\n    // we don't have documented.\n    //\n    // NOTE: We may want to limit it to specific numbers though and assume that\n    // potentialy excluded formats are not intended to be used by this library.\n    res = format\n  }\n\n  return res\n}\n","import type { TelInputCountryData } from '../models/index'\n\nfunction getNumeric(s: string): string {\n  return s.replace(/\\D/g, '')\n}\n\nexport function getCountryCode(data: TelInputCountryData, dialCode: string) {\n  const _countryCodes = data.countryCodes[getNumeric(dialCode)]\n  // Refer to `_setInitialState` to get libraries default logic\n  return (_countryCodes === undefined || _countryCodes === null || _countryCodes.length === 0) ? 'us' : _countryCodes[0]\n}\n","import type { TelInputCountryData } from '../models/index'\n\n/**\n * Try and extract a valid international dial code from a full telephone number.\n *\n * NOTE: returns the raw string inc plus character and any whitespace/dots etc.\n *\n * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L1161\n */\nexport function getDialCode(data: TelInputCountryData, number: string, includeAreaCode: boolean = false): string {\n  // console.log('getDialCode', number, includeAreaCode)\n  // const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData() as TelInputCountryData[])\n\n  let dialCode = ''\n  // only interested in international numbers (starting with a plus)\n  if (number.charAt(0) === '+') {\n    let numericChars = ''\n    // iterate over chars\n    for (let i = 0; i < number.length; i++) {\n      const c = number.charAt(i)\n      // if char is number (https://stackoverflow.com/a/8935649/217866)\n      if (!isNaN(parseInt(c, 10))) {\n        numericChars += c\n        // if current numericChars make a valid dial code\n        if (includeAreaCode) {\n          if (data.countryCodes[numericChars]) {\n            // store the actual raw string (useful for matching later)\n            dialCode = number.substr(0, i + 1)\n          }\n        } else {\n          if (data.dialCodes[numericChars]) {\n            dialCode = number.substr(0, i + 1)\n            // if we're just looking for a dial code, we can break as soon as we find one\n            break\n          }\n        }\n        // stop searching as soon as we can - in this case when we hit max len\n        if (numericChars.length === data.countryCodeMaxLen) {\n          break\n        }\n      }\n    }\n  }\n\n  // console.log('getDialCode return', dialCode)\n  return dialCode\n}\n","import type { IntlTelInput } from '../intl-tel-input'\n\nexport function globalIntlTelInputGlobals(): IntlTelInput.Static {\n  return (window as any).intlTelInputGlobals\n}\n","import type { IntlTelInputUtilsScript } from '../intl-tel-input'\n\nexport function globalIntlTelInputUtils(): IntlTelInputUtilsScript {\n  return (window as any).intlTelInputUtils\n}\n","import { notNullOrUndefined, waitOnConditionAsync } from '@theseam/ui-common/utils'\n\nimport type { IntlTelInputUtilsScript } from '../intl-tel-input'\nimport { TEL_INPUT_UTILS_PATH } from '../tel-input-constants'\nimport { globalIntlTelInputGlobals } from './get-global-intl-tel-input-globals'\nimport { globalIntlTelInputUtils } from './get-global-intl-tel-input-utils'\n\nexport function getIntlTelInputUtils(): Promise<IntlTelInputUtilsScript> {\n  if (globalIntlTelInputUtils()) {\n    return Promise.resolve(globalIntlTelInputUtils())\n  }\n\n  if ((globalIntlTelInputGlobals() as any).startedLoadingUtilsScript) {\n    return waitOnConditionAsync(() => notNullOrUndefined(globalIntlTelInputUtils()), 5000)\n      .then(() => globalIntlTelInputUtils())\n  }\n\n  return globalIntlTelInputGlobals().loadUtils(TEL_INPUT_UTILS_PATH)\n    .then(() => waitOnConditionAsync(() => notNullOrUndefined(globalIntlTelInputUtils()), 5000))\n    .then(() => globalIntlTelInputUtils())\n}\n","import { intlTelInputUtils } from '../intl-tel-input'\n\nexport const VALIDATOR_CODE_MESSAGES: { [key: number]: string } = {\n  [intlTelInputUtils.validationError.INVALID_COUNTRY_CODE]: 'Country code is invalid.',\n  [intlTelInputUtils.validationError.TOO_SHORT]: 'Number is too short.',\n  [intlTelInputUtils.validationError.TOO_LONG]: 'Number is too long.',\n  [intlTelInputUtils.validationError.NOT_A_NUMBER]: 'Must be numbers only.'\n}\n\nexport function getValidationErrorMessage(code: intlTelInputUtils.validationError): string {\n  const message = VALIDATOR_CODE_MESSAGES[code]\n  return message ?? 'Invalid number.'\n}\n","import type { intlTelInputUtils } from '../intl-tel-input'\nimport type { TelInputCountryData } from '../models/index'\nimport { addCountryCode } from './add-country-code'\n\n/**\n * Process the countryCodes map.\n *\n * Based on: https://github.com/jackocnr/intl-tel-input/blob/4fe25fcf142c341a85b7b15cc307d66afb8573a3/src/js/intlTelInput.js#L252\n */\nexport function processCountryCodes(countries: intlTelInputUtils.CountryData[]): TelInputCountryData {\n  const data: TelInputCountryData = {\n    countryCodeMaxLen: 0,\n    // here we store just dial codes\n    dialCodes: {},\n    // here we store \"country codes\" (both dial codes and their area codes)\n    countryCodes: {}\n  }\n\n  // first: add dial codes\n  for (let i = 0; i < countries.length; i++) {\n    const c = countries[i]\n    if (!data.dialCodes[c.dialCode]) { data.dialCodes[c.dialCode] = true }\n    addCountryCode(data, c.iso2, c.dialCode, c.priority)\n  }\n\n  // next: add area codes\n  // this is a second loop over countries, to make sure we have all of the \"root\" countries\n  // already in the map, so that we can access them, as each time we add an area code substring\n  // to the map, we also need to include the \"root\" country's code, as that also matches\n  for (let i = 0; i < countries.length; i++) {\n    const c = countries[i]\n    // area codes\n    if (c.areaCodes) {\n      const rootCountryCode = data.countryCodes[c.dialCode][0]\n      // for each area code\n      for (let j = 0; j < c.areaCodes.length; j++) {\n        const areaCode = c.areaCodes[j]\n        // for each digit in the area code to add all partial matches as well\n        for (let k = 1; k < areaCode.length; k++) {\n          const partialDialCode = c.dialCode + areaCode.substr(0, k)\n          // start with the root country, as that also matches this dial code\n          addCountryCode(data, rootCountryCode, partialDialCode)\n          addCountryCode(data, c.iso2, partialDialCode)\n        }\n        // add the full area code\n        addCountryCode(data, c.iso2, c.dialCode + areaCode)\n      }\n    }\n  }\n\n  return data\n}\n","import { DOCUMENT } from '@angular/common'\nimport { Directive, ElementRef, HostBinding, Inject, Input, NgZone, OnDestroy, OnInit, Optional } from '@angular/core'\nimport { fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, last, switchMap, takeUntil, tap } from 'rxjs/operators'\n\nimport { AssetLoaderService, LoadedAssetRef } from '@theseam/ui-common/services'\nimport { notNullOrUndefined } from '@theseam/ui-common/utils'\n\n\nimport { IntlTelInputFn, intlTelInputUtils } from './intl-tel-input'\nimport type { IntlTelInput } from './intl-tel-input'\nimport { TEL_INPUT_STYLES, TEL_INPUT_STYLESHEET_PATH, TEL_INPUT_UTILS_PATH } from './tel-input-constants'\nimport { globalIntlTelInputUtils } from './utils/index'\n\n@Directive({\n  selector: 'input[seamTelInput]',\n  exportAs: 'seamTelInput'\n})\nexport class TheSeamTelInputDirective implements OnInit, OnDestroy {\n  private readonly _ngUnsubscribe = new Subject()\n\n  private _instance: IntlTelInput.Plugin | undefined\n  private _loadedAssetRefs: LoadedAssetRef<HTMLLinkElement |  HTMLStyleElement>[] = []\n\n  @HostBinding('attr.type') _attrType = 'tel'\n\n  @Input()\n  set value(v: string | undefined | null) {\n    // console.log('set value', v, this._instance)\n    this._value = v\n    if (this._instance) {\n      this._instance.setNumber(notNullOrUndefined(v) ? v : '')\n      this.updateValue()\n    }\n  }\n  get value(): string | undefined | null {\n    if (this._instance) {\n      return this._instance?.getNumber()\n    }\n    return this._value\n  }\n  private _value: string | undefined | null\n\n  constructor(\n    private readonly _elementRef: ElementRef<HTMLInputElement>,\n    private readonly _assetLoader: AssetLoaderService,\n    private readonly _ngZone: NgZone,\n    @Optional() @Inject(DOCUMENT) private readonly _document?: any\n  ) { }\n\n  ngOnInit(): void {\n    merge(\n      this._assetLoader.loadStyleSheet(TEL_INPUT_STYLESHEET_PATH),\n      this._assetLoader.loadStyle(TEL_INPUT_STYLES)\n    ).pipe(\n      // tap(v => console.log('loaded', v)),\n      tap(v => this._loadedAssetRefs.push(v)),\n      last(),\n      // tap(v => console.log('StyleLoadingDone', v)),\n      switchMap(() => {\n        this._instance = IntlTelInputFn(this._elementRef.nativeElement, {\n          utilsScript: TEL_INPUT_UTILS_PATH,\n          preferredCountries: [ 'US' ],\n          nationalMode: false,\n          formatOnDisplay: true,\n          autoPlaceholder: 'off',\n          separateDialCode: false,\n          autoHideDialCode: false,\n          // TODO: Add initialCountry support.\n          // initialCountry: 'auto'\n        })\n\n        return this._instance.promise\n      }),\n      // tap(() => console.log('%c_instance ready', 'color:green', this._instance, this._elementRef.nativeElement.value)),\n      tap(() => this._initDropdownListener()),\n      tap(() => this.value = this._value),\n      tap(this._formatIntlTelInput),\n      switchMap(() => merge(\n        fromEvent(this._elementRef.nativeElement, 'keyup'),\n        fromEvent(this._elementRef.nativeElement, 'change')\n      )),\n      tap(this._formatIntlTelInput),\n      takeUntil(this._ngUnsubscribe)\n    ).subscribe()\n  }\n\n  ngOnDestroy(): void {\n    this._instance?.destroy()\n    for (const ref of this._loadedAssetRefs) {\n      ref.destroy()\n    }\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  private _formatIntlTelInput = () => {\n    // if (typeof intlTelInputUtils !== 'undefined') {\n    //   const currentText = this._instance?.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL)\n    //   console.log('currentText', currentText, this._instance?.getSelectedCountryData())\n    //   console.log(this._instance?.getValidationError())\n    //   if (typeof currentText === 'string') {\n    //     this._instance?.setNumber(currentText)\n    //   }\n    // }\n\n    this.updateValue()\n  }\n\n  public updateValue(): void {\n    // console.log('%cupdateValue START', 'color:cyan', typeof intlTelInputUtils !== 'undefined')\n    if (typeof globalIntlTelInputUtils() !== 'undefined') {\n      const currentText = this._instance?.getNumber(intlTelInputUtils.numberFormat.E164)\n      // console.log('currentText', currentText, this._instance?.getSelectedCountryData())\n      // console.log('fullNumber', (this._instance as any)._getFullNumber())\n      // console.log('E164', this._instance?.getNumber(intlTelInputUtils.numberFormat.E164))\n      // console.log('INTERNATIONAL', this._instance?.getNumber(intlTelInputUtils.numberFormat.INTERNATIONAL))\n      // console.log('NATIONAL', this._instance?.getNumber(intlTelInputUtils.numberFormat.NATIONAL))\n      // console.log('RFC3966', this._instance?.getNumber(intlTelInputUtils.numberFormat.RFC3966))\n      // console.log('getValidationError', this._instance?.getValidationError())\n      if (typeof currentText === 'string') {\n        this._instance?.setNumber(currentText)\n      }\n    }\n    // console.log('%cupdateValue END', 'color:cyan')\n  }\n\n  public getFullNumber(): string | undefined | null {\n    if (typeof globalIntlTelInputUtils() !== 'undefined' && this._instance) {\n      // return (this._instance as any)._getFullNumber()\n      return this._instance.getNumber(intlTelInputUtils.numberFormat.E164)\n    }\n    return this.value\n  }\n\n  private _initDropdownListener() {\n    const doc = this._document\n    if (!doc) {\n        return\n    }\n\n    this._ngZone.runOutsideAngular(() => {\n      const openDropdown$ = fromEvent(this._elementRef.nativeElement, 'open:countrydropdown')\n      const closeDropdown$ = fromEvent(this._elementRef.nativeElement, 'close:countrydropdown')\n      const instance = this._instance as any\n      openDropdown$.pipe(\n        switchMap(() => {\n          const pressDown$ = merge(\n            fromEvent(doc, 'touchstart', { capture: true }),\n            fromEvent(doc, 'mousedown', { capture: true })\n          ).pipe(\n            auditTime(0),\n            tap((event: any) => {\n              if (instance.countryList.contains(event.target) || instance.selectedFlag.contains(event.target)) {\n                return\n              }\n              instance._closeDropdown()\n            })\n          )\n\n          const flagBtnClick$ = fromEvent<MouseEvent>(instance.selectedFlag, 'click').pipe(\n            tap((event: MouseEvent) => {\n              if (!this.isDropdownVisible()) {\n                return\n              }\n\n              event.preventDefault()\n              instance._closeDropdown()\n            })\n          )\n\n          return merge(pressDown$, flagBtnClick$).pipe(takeUntil(closeDropdown$))\n        }),\n        takeUntil(this._ngUnsubscribe)\n      ).subscribe()\n    })\n  }\n\n  public isDropdownVisible() {\n    if (!this._instance) {\n      return false\n    }\n\n    const instance = this._instance as any\n    return !instance.countryList.classList.contains('iti__hide')\n  }\n\n  /** Focuses the input. */\n  public focus(): void {\n    this._elementRef.nativeElement.focus()\n  }\n\n  /** Unfocuses the input. */\n  public blur(): void {\n    this._elementRef.nativeElement.blur()\n  }\n\n  public getHostElement(): HTMLInputElement {\n    return this._elementRef.nativeElement\n  }\n}\n","import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion'\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  HostListener,\n  InjectFlags,\n  Injector,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild\n} from '@angular/core'\nimport { ControlValueAccessor, FormControl, NgControl, NG_VALUE_ACCESSOR } from '@angular/forms'\nimport { defer, fromEvent, merge, Observable, of, Subject } from 'rxjs'\nimport { auditTime, map, switchMap, takeUntil } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { InputDirective } from '@theseam/ui-common/form-field'\n\nimport { TheSeamTelInputDirective } from '../tel-input.directive'\n\n// TODO: Fix focus\n// TODO: Fix disabled\n\n@Component({\n  selector: 'seam-tel-input',\n  templateUrl: './tel-input.component.html',\n  styleUrls: ['./tel-input.component.scss'],\n  providers: [{\n    provide: NG_VALUE_ACCESSOR,\n    // tslint:disable-next-line: no-use-before-declare\n    useExisting: forwardRef(() => TheSeamTelInputComponent),\n    multi: true\n  }],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TheSeamTelInputComponent implements OnInit, OnDestroy, ControlValueAccessor {\n  static ngAcceptInputType_required: BooleanInput\n  static ngAcceptInputType_disabled: BooleanInput\n\n  /** @ignore */\n  private readonly _ngUnsubscribe = new Subject()\n\n  /** @ignore */\n  readonly _control = new FormControl()\n\n  private _focusOrigin: FocusOrigin = null\n\n  _hasInvalidCss$: Observable<boolean>\n\n  @Input() @InputBoolean() required: boolean = false\n\n  @Input()\n  get disabled(): boolean { return this._disabled }\n  set disabled(value: boolean) {\n    const newValue = coerceBooleanProperty(value)\n\n    if (newValue !== this.disabled) {\n      this._disabled = newValue\n      this._changeDetectorRef.markForCheck()\n    }\n  }\n  /** @ignore */\n  private _disabled = false\n\n  /**\n   * Set the tab index to `-1` to allow the root element of the\n   * component to receive `focus` event from javascript, but not get focused by\n   * keyboard navigation.\n   */\n  @Input()\n  set tabIndex(value: number) { this._tabIndex = coerceNumberProperty(value) }\n  get tabIndex(): number { return this._tabIndex }\n  private _tabIndex = -1\n\n  @HostBinding('attr.disabled')\n  get _attrDisabled() { return this.disabled || null }\n\n  @HostBinding('attr.tabindex')\n  get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0) }\n\n  /** Name value will be applied to the input element if present */\n  @Input() name: string | undefined | null = null\n\n  /** The value attribute of the native input element */\n  @Input() value: string | undefined | null\n\n  /** Event emitted when the \"tel\" input value changes. */\n  @Output() readonly change = new EventEmitter<string>()\n\n  /**\n   * The telInput directive\n   * @ignore\n   */\n  @ViewChild(TheSeamTelInputDirective, { static: true }) _telInputDirective?: TheSeamTelInputDirective\n\n  /**\n   * The telInput directive\n   * @ignore\n   */\n  @ViewChild(InputDirective, { static: true }) _inputDirective?: InputDirective\n\n  /**\n   * The native `<input type=\"tel\">` element\n   * @ignore\n   */\n  @ViewChild('input', { static: true }) _inputElementRef?: ElementRef<HTMLInputElement>\n\n  @HostListener('focus', [ '$event' ])\n  _onFocus() {\n    this._telInputDirective?.focus()\n  }\n\n  /**\n   * Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor.\n   * @ignore\n   */\n  _onTouched: () => any = () => {}\n\n  /** @ignore */\n  private _controlValueAccessorChangeFn: (value: any) => void = () => {}\n\n  constructor(\n    private readonly _changeDetectorRef: ChangeDetectorRef,\n    private readonly _injector: Injector,\n    private readonly _elementRef: ElementRef,\n    private readonly _focusMonitor: FocusMonitor\n  ) {\n    const telInputBlurEvent$ = this._telInputDirective\n      ? fromEvent(this._telInputDirective.getHostElement(), 'blur')\n      : of<Event>()\n\n    this._hasInvalidCss$ = defer(() => of((this._injector.get(NgControl, null, InjectFlags.Self)?.control) || undefined)).pipe(\n      switchMap(control => {\n        if (control) {\n          return merge(\n            control.valueChanges,\n            control.statusChanges,\n            telInputBlurEvent$\n          ).pipe(\n            auditTime(0),\n            map(() => {\n              const inputControl = this._inputDirective?.ngControl\n              return control.invalid && (inputControl?.dirty as boolean || inputControl?.touched as boolean)\n            })\n          )\n        }\n        return of(false)\n      })\n    )\n  }\n\n  /** @ignore */\n  ngOnInit(): void {\n    this._focusMonitor.monitor(this._elementRef, true).pipe(\n      takeUntil(this._ngUnsubscribe)\n    ).subscribe(origin => this._focusOrigin = origin)\n\n    this._control.valueChanges.pipe(\n      takeUntil(this._ngUnsubscribe)\n    ).subscribe(v => {\n      const value = this._telInputDirective?.getFullNumber()\n      this.value = value\n      if (this._controlValueAccessorChangeFn) {\n        this._controlValueAccessorChangeFn(value)\n      }\n    })\n  }\n\n  /** @ignore */\n  ngOnDestroy(): void {\n    this._focusMonitor.stopMonitoring(this._elementRef)\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  writeValue(value: any) {\n    this.value = value\n    if (this._telInputDirective) {\n      this._telInputDirective.value = value\n      this._telInputDirective.updateValue()\n    }\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnChange(fn: (value: any) => void) {\n    this._controlValueAccessorChangeFn = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  registerOnTouched(fn: any) {\n    this._onTouched = fn\n  }\n\n  // Implemented as part of ControlValueAccessor.\n  /** @ignore */\n  setDisabledState(isDisabled: boolean) {\n    this.disabled = isDisabled\n  }\n\n  /** Focuses the input. */\n  public focus(): void {\n    this._telInputDirective?.focus()\n  }\n\n  /** Unfocuses the input. */\n  public blur(): void {\n    this._telInputDirective?.blur()\n  }\n\n  public hasFocus(): boolean {\n    return this._focusOrigin !== null && this._focusOrigin !== undefined\n  }\n\n}\n","import { FormControl } from '@angular/forms'\n\nimport {\n  getCountryCode,\n  getDialCode,\n  getIntlTelInputUtils,\n  getValidationErrorMessage,\n  globalIntlTelInputGlobals,\n  processCountryCodes\n} from './utils'\n\nexport function telInputValidator(control: FormControl) {\n  const value = control.value\n\n  // This validator doesn't need to do anything if there isn't a value.\n  if (typeof value !== 'string' || value.length === 0) {\n    return Promise.resolve(null)\n  }\n\n  return getIntlTelInputUtils().then(utils => {\n    const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData())\n    const dialCode = getDialCode(data, value)\n    const countryCode = getCountryCode(data, dialCode)\n\n    let number = value\n    if (number.charAt(0) !== '+') {\n      if (number.charAt(0) !== '1') { number = `1${number}` }\n      number = `+${number}`\n    }\n\n    if (!utils.isValidNumber(number, countryCode)) {\n      const code = utils.getValidationError(number, countryCode)\n      const message = getValidationErrorMessage(code)\n      return { 'telInput': { code, message } }\n    }\n\n    return null\n  })\n}\n","import { ChangeDetectorRef, Pipe, PipeTransform } from '@angular/core'\n\nimport { intlTelInputUtils } from './intl-tel-input'\nimport { getCountryCode, getDialCode, getIntlTelInputUtils, globalIntlTelInputGlobals, processCountryCodes, TheSeamNumberFormatsInput } from './utils'\nimport { coercePhoneNumberFormat } from './utils'\n\n@Pipe({\n  name: 'phoneNumber',\n  pure: false\n})\nexport class TheSeamPhoneNumberPipe implements PipeTransform {\n\n  private _latestPhoneNumber: string | undefined | null\n  private _latestNumberFormat: TheSeamNumberFormatsInput | undefined | null\n  private _latestValue: string | undefined | null\n\n  constructor(private _cdr: ChangeDetectorRef) { }\n\n  transform(\n    phoneNumber: string,\n    numberFormat: TheSeamNumberFormatsInput = intlTelInputUtils.numberFormat.INTERNATIONAL\n  ): any {\n    // console.log('transform', phoneNumber, numberFormat)\n    if (this._latestPhoneNumber !== phoneNumber || this._latestNumberFormat !== numberFormat) {\n      this._transform(phoneNumber, numberFormat)\n    }\n    this._latestPhoneNumber = phoneNumber\n    this._latestNumberFormat = numberFormat\n\n    // console.log('return', this._latestValue)\n    return this._latestValue\n  }\n\n  async _transform(phoneNumber: string, numberFormat: TheSeamNumberFormatsInput) {\n    // console.log('_transform', phoneNumber, numberFormat)\n    const utils = await getIntlTelInputUtils()\n    // console.log('utils', utils)\n\n    const _format = coercePhoneNumberFormat(numberFormat)\n\n    const data = processCountryCodes(globalIntlTelInputGlobals().getCountryData())\n    const dialCode = getDialCode(data, phoneNumber)\n    const countryCode = getCountryCode(data, dialCode)\n\n    const number = phoneNumber\n    // if (number.charAt(0) !== '+') {\n    //   if (number.charAt(0) !== '1') { number = `1${number}` }\n    //   number = `+${number}`\n    // }\n\n    const n = utils.formatNumber(number, countryCode, _format)\n    // console.log('n', n)\n    this._latestValue = n\n    // this._cdr.markForCheck()\n    this._cdr.detectChanges()\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { ReactiveFormsModule } from '@angular/forms'\n\nimport { TheSeamFormFieldModule } from '@theseam/ui-common/form-field'\n\nimport { TheSeamPhoneNumberPipe } from './phone-number.pipe'\nimport { TheSeamTelInputDirective } from './tel-input.directive'\nimport { TheSeamTelInputComponent } from './tel-input/tel-input.component'\n\n@NgModule({\n  declarations: [\n    TheSeamTelInputDirective,\n    TheSeamTelInputComponent,\n    TheSeamPhoneNumberPipe\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    TheSeamFormFieldModule\n  ],\n  exports: [\n    TheSeamTelInputDirective,\n    TheSeamTelInputComponent,\n    TheSeamPhoneNumberPipe\n  ]\n})\nexport class TheSeamTelInputModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;AAGA;IACiB,kBAsDhB;AAtDD,WAAiB,iBAAiB;IAUhC,IAAY,YAKX;IALD,WAAY,YAAY;QACtB,+CAAQ,CAAA;QACR,iEAAiB,CAAA;QACjB,uDAAY,CAAA;QACZ,qDAAW,CAAA;KACZ,EALW,YAAY,GAAZ,8BAAY,KAAZ,8BAAY,QAKvB;IAED,IAAY,UAaX;IAbD,WAAY,UAAU;QACpB,uDAAc,CAAA;QACd,+CAAU,CAAA;QACV,2EAAwB,CAAA;QACxB,qDAAa,CAAA;QACb,2DAAgB,CAAA;QAChB,yDAAe,CAAA;QACf,2CAAQ,CAAA;QACR,iEAAmB,CAAA;QACnB,6CAAS,CAAA;QACT,yCAAO,CAAA;QACP,sDAAc,CAAA;QACd,kDAAY,CAAA;KACb,EAbW,UAAU,GAAV,4BAAU,KAAV,4BAAU,QAarB;IAED,IAAY,eAMX;IAND,WAAY,eAAe;QACzB,mEAAe,CAAA;QACf,qFAAwB,CAAA;QACxB,+DAAa,CAAA;QACb,6DAAY,CAAA;QACZ,qEAAgB,CAAA;KACjB,EANW,eAAe,GAAf,iCAAe,KAAf,iCAAe,QAM1B;AAgBH,CAAC,EAtDgB,iBAAiB,KAAjB,iBAAiB,QAsDjC;AA4SD;;;;SAIgB,cAAc,CAAC,IAAa,EAAE,OAA8B;IAC1E,OAAQ,YAAoB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;AAC7C;;MCvXa,qBAAqB,GAAG,+BAA8B;MAEtD,gBAAgB,GAAG;;;uCAGO,qBAAqB;;;yCAGnB,qBAAqB;;;;;;;EAO7D;MAEY,yBAAyB,GAAG,GAAG,qBAAqB,4BAA2B;MAE/E,oBAAoB,GAAG,GAAG,qBAAqB;;ACjB5D;;;;;SAKgB,cAAc,CAAC,IAAyB,EAAE,IAAY,EAAE,WAAmB,EAAE,QAAiB;IAC5G,IAAI,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE;QAC/C,IAAI,CAAC,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAA;KAC5C;IACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;QAClD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,EAAE,CAAA;KACpC;;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC9D,IAAI,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YAAE,OAAM;SAAE;KAC3D;;IAED,MAAM,KAAK,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAA;IACzF,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA;AAC9C;;MCnBa,wBAAwB,GAAuD;IAC1F,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,IAAI;IAC3C,eAAe,EAAE,iBAAiB,CAAC,YAAY,CAAC,aAAa;IAC7D,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,QAAQ;IACnD,SAAS,EAAE,iBAAiB,CAAC,YAAY,CAAC,OAAO;;;MCHtC,mCAAmC,GAAG,iBAAiB,CAAC,YAAY,CAAC,cAAa;SAoB/E,uBAAuB,CACrC,MAAiC,EACjC,aAAa,GAAG,mCAAmC;IAEnD,IAAI,GAAG,GAAG,aAAa,CAAA;IAEvB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,MAAM,OAAO,GAAG,wBAAwB,CAAC,GAAG,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;QAC1E,GAAG,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,IAAI,aAAa,GAAG,OAAO,CAAA;KAC5E;SAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;;;;;;;;QAQrC,GAAG,GAAG,MAAM,CAAA;KACb;IAED,OAAO,GAAG,CAAA;AACZ;;AC1CA,SAAS,UAAU,CAAC,CAAS;IAC3B,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;AAC7B,CAAC;SAEe,cAAc,CAAC,IAAyB,EAAE,QAAgB;IACxE,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;;IAE7D,OAAO,CAAC,aAAa,KAAK,SAAS,IAAI,aAAa,KAAK,IAAI,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AACxH;;ACRA;;;;;;;SAOgB,WAAW,CAAC,IAAyB,EAAE,MAAc,EAAE,kBAA2B,KAAK;;;IAIrG,IAAI,QAAQ,GAAG,EAAE,CAAA;;IAEjB,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;QAC5B,IAAI,YAAY,GAAG,EAAE,CAAA;;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,MAAM,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;;YAE1B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;gBAC3B,YAAY,IAAI,CAAC,CAAA;;gBAEjB,IAAI,eAAe,EAAE;oBACnB,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;;wBAEnC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;qBACnC;iBACF;qBAAM;oBACL,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;wBAChC,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;;wBAElC,MAAK;qBACN;iBACF;;gBAED,IAAI,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,iBAAiB,EAAE;oBAClD,MAAK;iBACN;aACF;SACF;KACF;;IAGD,OAAO,QAAQ,CAAA;AACjB;;SC5CgB,yBAAyB;IACvC,OAAQ,MAAc,CAAC,mBAAmB,CAAA;AAC5C;;SCFgB,uBAAuB;IACrC,OAAQ,MAAc,CAAC,iBAAiB,CAAA;AAC1C;;SCGgB,oBAAoB;IAClC,IAAI,uBAAuB,EAAE,EAAE;QAC7B,OAAO,OAAO,CAAC,OAAO,CAAC,uBAAuB,EAAE,CAAC,CAAA;KAClD;IAED,IAAK,yBAAyB,EAAU,CAAC,yBAAyB,EAAE;QAClE,OAAO,oBAAoB,CAAC,MAAM,kBAAkB,CAAC,uBAAuB,EAAE,CAAC,EAAE,IAAI,CAAC;aACnF,IAAI,CAAC,MAAM,uBAAuB,EAAE,CAAC,CAAA;KACzC;IAED,OAAO,yBAAyB,EAAE,CAAC,SAAS,CAAC,oBAAoB,CAAC;SAC/D,IAAI,CAAC,MAAM,oBAAoB,CAAC,MAAM,kBAAkB,CAAC,uBAAuB,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;SAC3F,IAAI,CAAC,MAAM,uBAAuB,EAAE,CAAC,CAAA;AAC1C;;MClBa,uBAAuB,GAA8B;IAChE,CAAC,iBAAiB,CAAC,eAAe,CAAC,oBAAoB,GAAG,0BAA0B;IACpF,CAAC,iBAAiB,CAAC,eAAe,CAAC,SAAS,GAAG,sBAAsB;IACrE,CAAC,iBAAiB,CAAC,eAAe,CAAC,QAAQ,GAAG,qBAAqB;IACnE,CAAC,iBAAiB,CAAC,eAAe,CAAC,YAAY,GAAG,uBAAuB;EAC1E;SAEe,yBAAyB,CAAC,IAAuC;IAC/E,MAAM,OAAO,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAA;IAC7C,OAAO,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,iBAAiB,CAAA;AACrC;;ACRA;;;;;SAKgB,mBAAmB,CAAC,SAA0C;IAC5E,MAAM,IAAI,GAAwB;QAChC,iBAAiB,EAAE,CAAC;;QAEpB,SAAS,EAAE,EAAE;;QAEb,YAAY,EAAE,EAAE;KACjB,CAAA;;IAGD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE;YAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA;SAAE;QACtE,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAA;KACrD;;;;;IAMD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACzC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;;QAEtB,IAAI,CAAC,CAAC,SAAS,EAAE;YACf,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;;YAExD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC3C,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;;gBAE/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACxC,MAAM,eAAe,GAAG,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;;oBAE1D,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,CAAC,CAAA;oBACtD,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA;iBAC9C;;gBAED,cAAc,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAA;aACpD;SACF;KACF;IAED,OAAO,IAAI,CAAA;AACb;;MCjCa,wBAAwB;IAyBnC,YACmB,WAAyC,EACzC,YAAgC,EAChC,OAAe,EACe,SAAe;QAH7C,gBAAW,GAAX,WAAW,CAA8B;QACzC,iBAAY,GAAZ,YAAY,CAAoB;QAChC,YAAO,GAAP,OAAO,CAAQ;QACe,cAAS,GAAT,SAAS,CAAM;QA5B/C,mBAAc,GAAG,IAAI,OAAO,EAAE,CAAA;QAGvC,qBAAgB,GAA0D,EAAE,CAAA;QAE1D,cAAS,GAAG,KAAK,CAAA;QAyEnC,wBAAmB,GAAG;;;;;;;;;YAU5B,IAAI,CAAC,WAAW,EAAE,CAAA;SACnB,CAAA;KA5DI;IAtBL,IACI,KAAK,CAAC,CAA4B;;QAEpC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;QACf,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAA;YACxD,IAAI,CAAC,WAAW,EAAE,CAAA;SACnB;KACF;IACD,IAAI,KAAK;;QACP,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,OAAO,MAAA,IAAI,CAAC,SAAS,0CAAE,SAAS,EAAE,CAAA;SACnC;QACD,OAAO,IAAI,CAAC,MAAM,CAAA;KACnB;IAUD,QAAQ;QACN,KAAK,CACH,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAC3D,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAC9C,CAAC,IAAI;;QAEJ,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACvC,IAAI,EAAE;;QAEN,SAAS,CAAC;YACR,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE;gBAC9D,WAAW,EAAE,oBAAoB;gBACjC,kBAAkB,EAAE,CAAE,IAAI,CAAE;gBAC5B,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,IAAI;gBACrB,eAAe,EAAE,KAAK;gBACtB,gBAAgB,EAAE,KAAK;gBACvB,gBAAgB,EAAE,KAAK;;;aAGxB,CAAC,CAAA;YAEF,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;SAC9B,CAAC;;QAEF,GAAG,CAAC,MAAM,IAAI,CAAC,qBAAqB,EAAE,CAAC,EACvC,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,EACnC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAC7B,SAAS,CAAC,MAAM,KAAK,CACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,EAClD,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CACpD,CAAC,EACF,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAC7B,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAC/B,CAAC,SAAS,EAAE,CAAA;KACd;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,EAAE,CAAA;QACzB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACvC,GAAG,CAAC,OAAO,EAAE,CAAA;SACd;QAED,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAA;QAC1B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;KAC/B;IAeM,WAAW;;;QAEhB,IAAI,OAAO,uBAAuB,EAAE,KAAK,WAAW,EAAE;YACpD,MAAM,WAAW,GAAG,MAAA,IAAI,CAAC,SAAS,0CAAE,SAAS,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;;;;;;;;YAQlF,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACnC,MAAA,IAAI,CAAC,SAAS,0CAAE,SAAS,CAAC,WAAW,CAAC,CAAA;aACvC;SACF;;KAEF;IAEM,aAAa;QAClB,IAAI,OAAO,uBAAuB,EAAE,KAAK,WAAW,IAAI,IAAI,CAAC,SAAS,EAAE;;YAEtE,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;SACrE;QACD,OAAO,IAAI,CAAC,KAAK,CAAA;KAClB;IAEO,qBAAqB;QAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAA;QAC1B,IAAI,CAAC,GAAG,EAAE;YACN,OAAM;SACT;QAED,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;YAC7B,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAA;YACvF,MAAM,cAAc,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAA;YACzF,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAgB,CAAA;YACtC,aAAa,CAAC,IAAI,CAChB,SAAS,CAAC;gBACR,MAAM,UAAU,GAAG,KAAK,CACtB,SAAS,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAC/C,SAAS,CAAC,GAAG,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC/C,CAAC,IAAI,CACJ,SAAS,CAAC,CAAC,CAAC,EACZ,GAAG,CAAC,CAAC,KAAU;oBACb,IAAI,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;wBAC/F,OAAM;qBACP;oBACD,QAAQ,CAAC,cAAc,EAAE,CAAA;iBAC1B,CAAC,CACH,CAAA;gBAED,MAAM,aAAa,GAAG,SAAS,CAAa,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,IAAI,CAC9E,GAAG,CAAC,CAAC,KAAiB;oBACpB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE;wBAC7B,OAAM;qBACP;oBAED,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,QAAQ,CAAC,cAAc,EAAE,CAAA;iBAC1B,CAAC,CACH,CAAA;gBAED,OAAO,KAAK,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;aACxE,CAAC,EACF,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAC/B,CAAC,SAAS,EAAE,CAAA;SACd,CAAC,CAAA;KACH;IAEM,iBAAiB;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO,KAAK,CAAA;SACb;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAgB,CAAA;QACtC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;KAC7D;;IAGM,KAAK;QACV,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAA;KACvC;;IAGM,IAAI;QACT,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;KACtC;IAEM,cAAc;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAA;KACtC;;;YA1LF,SAAS,SAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,QAAQ,EAAE,cAAc;aACzB;;;YAhBmB,UAAU;YAIrB,kBAAkB;YAJiC,MAAM;4CA8C7D,QAAQ,YAAI,MAAM,SAAC,QAAQ;;;wBAvB7B,WAAW,SAAC,WAAW;oBAEvB,KAAK;;;ACER;AACA;MAca,wBAAwB;IAsFnC,YACmB,kBAAqC,EACrC,SAAmB,EACnB,WAAuB,EACvB,aAA2B;QAH3B,uBAAkB,GAAlB,kBAAkB,CAAmB;QACrC,cAAS,GAAT,SAAS,CAAU;QACnB,gBAAW,GAAX,WAAW,CAAY;QACvB,kBAAa,GAAb,aAAa,CAAc;;QArF7B,mBAAc,GAAG,IAAI,OAAO,EAAE,CAAA;;QAGtC,aAAQ,GAAG,IAAI,WAAW,EAAE,CAAA;QAE7B,iBAAY,GAAgB,IAAI,CAAA;QAIf,aAAQ,GAAY,KAAK,CAAA;;QAa1C,cAAS,GAAG,KAAK,CAAA;QAUjB,cAAS,GAAG,CAAC,CAAC,CAAA;;QASb,SAAI,GAA8B,IAAI,CAAA;;QAM5B,WAAM,GAAG,IAAI,YAAY,EAAU,CAAA;;;;;QA6BtD,eAAU,GAAc,SAAQ,CAAA;;QAGxB,kCAA6B,GAAyB,SAAQ,CAAA;QAQpE,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB;cAC9C,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE,EAAE,MAAM,CAAC;cAC3D,EAAE,EAAS,CAAA;QAEf,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,gBAAM,OAAA,EAAE,CAAC,CAAC,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,0CAAE,OAAO,KAAK,SAAS,CAAC,CAAA,EAAA,CAAC,CAAC,IAAI,CACxH,SAAS,CAAC,OAAO;YACf,IAAI,OAAO,EAAE;gBACX,OAAO,KAAK,CACV,OAAO,CAAC,YAAY,EACpB,OAAO,CAAC,aAAa,EACrB,kBAAkB,CACnB,CAAC,IAAI,CACJ,SAAS,CAAC,CAAC,CAAC,EACZ,GAAG,CAAC;;oBACF,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,eAAe,0CAAE,SAAS,CAAA;oBACpD,OAAO,OAAO,CAAC,OAAO,KAAK,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAgB,MAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAkB,CAAA,CAAC,CAAA;iBAC/F,CAAC,CACH,CAAA;aACF;YACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;SACjB,CAAC,CACH,CAAA;KACF;IAlGD,IACI,QAAQ,KAAc,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;IACjD,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAE7C,IAAI,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC9B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAA;YACzB,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAA;SACvC;KACF;;;;;;IASD,IACI,QAAQ,CAAC,KAAa,IAAI,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA,EAAE;IAC5E,IAAI,QAAQ,KAAa,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;IAGhD,IACI,aAAa,KAAK,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAA,EAAE;IAEpD,IACI,aAAa,KAAK,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA,EAAE;IA8BxE,QAAQ;;QACN,MAAA,IAAI,CAAC,kBAAkB,0CAAE,KAAK,EAAE,CAAA;KACjC;;IA0CD,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CACrD,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAC/B,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CAAA;QAEjD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAC7B,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAC/B,CAAC,SAAS,CAAC,CAAC;;YACX,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,EAAE,CAAA;YACtD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;YAClB,IAAI,IAAI,CAAC,6BAA6B,EAAE;gBACtC,IAAI,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAA;aAC1C;SACF,CAAC,CAAA;KACH;;IAGD,WAAW;QACT,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAEnD,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAA;QAC1B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;KAC/B;;;IAID,UAAU,CAAC,KAAU;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,IAAI,CAAC,kBAAkB,CAAC,KAAK,GAAG,KAAK,CAAA;YACrC,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAA;SACtC;KACF;;;IAID,gBAAgB,CAAC,EAAwB;QACvC,IAAI,CAAC,6BAA6B,GAAG,EAAE,CAAA;KACxC;;;IAID,iBAAiB,CAAC,EAAO;QACvB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;KACrB;;;IAID,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAA;KAC3B;;IAGM,KAAK;;QACV,MAAA,IAAI,CAAC,kBAAkB,0CAAE,KAAK,EAAE,CAAA;KACjC;;IAGM,IAAI;;QACT,MAAA,IAAI,CAAC,kBAAkB,0CAAE,IAAI,EAAE,CAAA;KAChC;IAEM,QAAQ;QACb,OAAO,IAAI,CAAC,YAAY,KAAK,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,CAAA;KACrE;;;YAjMF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,8HAAyC;gBAEzC,SAAS,EAAE,CAAC;wBACV,OAAO,EAAE,iBAAiB;;wBAE1B,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC;wBACvD,KAAK,EAAE,IAAI;qBACZ,CAAC;gBACF,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;YAtCC,iBAAiB;YAQjB,QAAQ;YANR,UAAU;YANH,YAAY;;;uBAyDlB,KAAK;uBAEL,KAAK;uBAkBL,KAAK;4BAKL,WAAW,SAAC,eAAe;4BAG3B,WAAW,SAAC,eAAe;mBAI3B,KAAK;oBAGL,KAAK;qBAGL,MAAM;iCAMN,SAAS,SAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;8BAMpD,SAAS,SAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;+BAM1C,SAAS,SAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;uBAEnC,YAAY,SAAC,OAAO,EAAE,CAAE,QAAQ,CAAE;;AA1DV;IAAf,YAAY,EAAE;0DAA0B;;SC9CpC,iBAAiB,CAAC,OAAoB;IACpD,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;;IAG3B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACnD,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;KAC7B;IAED,OAAO,oBAAoB,EAAE,CAAC,IAAI,CAAC,KAAK;QACtC,MAAM,IAAI,GAAG,mBAAmB,CAAC,yBAAyB,EAAE,CAAC,cAAc,EAAE,CAAC,CAAA;QAC9E,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACzC,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;QAElD,IAAI,MAAM,GAAG,KAAK,CAAA;QAClB,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YAC5B,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;gBAAE,MAAM,GAAG,IAAI,MAAM,EAAE,CAAA;aAAE;YACvD,MAAM,GAAG,IAAI,MAAM,EAAE,CAAA;SACtB;QAED,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE;YAC7C,MAAM,IAAI,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAA;YAC1D,MAAM,OAAO,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAA;YAC/C,OAAO,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAA;SACzC;QAED,OAAO,IAAI,CAAA;KACZ,CAAC,CAAA;AACJ;;MC5Ba,sBAAsB;IAMjC,YAAoB,IAAuB;QAAvB,SAAI,GAAJ,IAAI,CAAmB;KAAK;IAEhD,SAAS,CACP,WAAmB,EACnB,eAA0C,iBAAiB,CAAC,YAAY,CAAC,aAAa;;QAGtF,IAAI,IAAI,CAAC,kBAAkB,KAAK,WAAW,IAAI,IAAI,CAAC,mBAAmB,KAAK,YAAY,EAAE;YACxF,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;SAC3C;QACD,IAAI,CAAC,kBAAkB,GAAG,WAAW,CAAA;QACrC,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAA;;QAGvC,OAAO,IAAI,CAAC,YAAY,CAAA;KACzB;IAEK,UAAU,CAAC,WAAmB,EAAE,YAAuC;;;YAE3E,MAAM,KAAK,GAAG,MAAM,oBAAoB,EAAE,CAAA;;YAG1C,MAAM,OAAO,GAAG,uBAAuB,CAAC,YAAY,CAAC,CAAA;YAErD,MAAM,IAAI,GAAG,mBAAmB,CAAC,yBAAyB,EAAE,CAAC,cAAc,EAAE,CAAC,CAAA;YAC9E,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YAC/C,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;YAElD,MAAM,MAAM,GAAG,WAAW,CAAA;;;;;YAM1B,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;;YAE1D,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA;;YAErB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;SAC1B;KAAA;;;YAjDF,IAAI,SAAC;gBACJ,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,KAAK;aACZ;;;YATQ,iBAAiB;;;MC2Bb,qBAAqB;;;YAjBjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;oBACxB,wBAAwB;oBACxB,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,wBAAwB;oBACxB,wBAAwB;oBACxB,sBAAsB;iBACvB;aACF;;;AC1BD;;;;;;"}

package/fesm2015/theseam-ui-common-test-helpers.js

@@ -0,0 +1,81 @@
+import { tick } from '@angular/core/testing';
+
+/**
+ * Helps advance tests to specific elapsed times.
+ *
+ * # When to use
+ *
+ * If a test needs to do something at 100 ticks, but expected values should
+ * also be tested at multiple ticks before 100 ticks, then the previous tick
+ * sum needs to be counted. If the elapsed can be easily counted by just
+ * skimming the code you should just use `tick()`.
+ *
+ * The following example is simple enough that `tick()` is probably better, but
+ * it shows how it is used.
+ *
+ * ## Example without
+ *
+ * ```ts
+ * const thing = new Thing()
+ * thing.dieAfterTicks(100)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * tick(25)
+ * expect(thing.isAlive).toBe(false)
+ * ```
+ *
+ * ## Example with
+ *
+ * ```ts
+ * const t = new TickHelper()
+ * const thing = new Thing()
+ * thing.dieAfterTicks(100)
+ *
+ * t.tickTo(25)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(50)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(75)
+ * expect(thing.isAlive).toBe(true)
+ *
+ * t.tickTo(100)
+ * expect(thing.isAlive).toBe(false)
+ * ```
+ */
+class TickHelper {
+    constructor() {
+        this._startTime = Date.now();
+    }
+    /**
+     * Returns the number of ticks that have elapsed since this class was
+     * initialized.
+     */
+    get ticksElapsed() { return Date.now() - this._startTime; }
+    /**
+     * Calls `tick()` for the remaining number of ticks to reach elapsed ticks.
+     *
+     * ```
+     * const t = new TickHelper()
+     * tick(3)
+     * t.tickTo(10) // Equivalent to `tick(7)` in this case to reach 10 ticks.
+     * ```
+     */
+    tickTo(ticks) { tick(ticks - this.ticksElapsed); }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TickHelper };
+//# sourceMappingURL=theseam-ui-common-test-helpers.js.map

package/fesm2015/theseam-ui-common-test-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-test-helpers.js","sources":["../../../projects/ui-common/test-helpers/tick-helper.ts","../../../projects/ui-common/test-helpers/theseam-ui-common-test-helpers.ts"],"sourcesContent":["import { tick } from '@angular/core/testing'\n\n/**\n * Helps advance tests to specific elapsed times.\n *\n * # When to use\n *\n * If a test needs to do something at 100 ticks, but expected values should\n * also be tested at multiple ticks before 100 ticks, then the previous tick\n * sum needs to be counted. If the elapsed can be easily counted by just\n * skimming the code you should just use `tick()`.\n *\n * The following example is simple enough that `tick()` is probably better, but\n * it shows how it is used.\n *\n * ## Example without\n *\n * ```ts\n * const thing = new Thing()\n * thing.dieAfterTicks(100)\n *\n * tick(25)\n * expect(thing.isAlive).toBe(true)\n *\n * tick(25)\n * expect(thing.isAlive).toBe(true)\n *\n * tick(25)\n * expect(thing.isAlive).toBe(true)\n *\n * tick(25)\n * expect(thing.isAlive).toBe(false)\n * ```\n *\n * ## Example with\n *\n * ```ts\n * const t = new TickHelper()\n * const thing = new Thing()\n * thing.dieAfterTicks(100)\n *\n * t.tickTo(25)\n * expect(thing.isAlive).toBe(true)\n *\n * t.tickTo(50)\n * expect(thing.isAlive).toBe(true)\n *\n * t.tickTo(75)\n * expect(thing.isAlive).toBe(true)\n *\n * t.tickTo(100)\n * expect(thing.isAlive).toBe(false)\n * ```\n */\nexport class TickHelper {\n\n  private _startTime = Date.now()\n\n  /**\n   * Returns the number of ticks that have elapsed since this class was\n   * initialized.\n   */\n  public get ticksElapsed() { return Date.now() - this._startTime }\n\n  /**\n   * Calls `tick()` for the remaining number of ticks to reach elapsed ticks.\n   *\n   * ```\n   * const t = new TickHelper()\n   * tick(3)\n   * t.tickTo(10) // Equivalent to `tick(7)` in this case to reach 10 ticks.\n   * ```\n   */\n  public tickTo(ticks: number) { tick(ticks - this.ticksElapsed) }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAoDa,UAAU;IAAvB;QAEU,eAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;KAmBhC;;;;;IAbC,IAAW,YAAY,KAAK,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAA,EAAE;;;;;;;;;;IAW1D,MAAM,CAAC,KAAa,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,CAAA,EAAE;;;ACzElE;;;;;;"}

package/fesm2015/theseam-ui-common-tiled-select.js

@@ -0,0 +1,448 @@
+import { __decorate } from 'tslib';
+import { animation, style, stagger, animate, trigger, transition, query, useAnimation, keyframes } from '@angular/animations';
+import { coerceArray } from '@angular/cdk/coercion';
+import { Platform } from '@angular/cdk/platform';
+import { Directive, TemplateRef, Input, forwardRef, EventEmitter, Component, ChangeDetectorRef, Output, ContentChildren, HostBinding, ContentChild, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { faCheckCircle } from '@fortawesome/free-regular-svg-icons';
+import { CommonModule } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+class TiledSelectTileOverlayDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+TiledSelectTileOverlayDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamTiledSelectTileOverlay]',
+                exportAs: 'seamTiledSelectTileOverlay'
+            },] }
+];
+TiledSelectTileOverlayDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+TiledSelectTileOverlayDirective.propDecorators = {
+    record: [{ type: Input }]
+};
+
+const slideEnterAnimation = animation([
+    style({ opacity: 0, transform: 'translateX(-15px)' }),
+    stagger(100, [
+        animate('0.5s', style({ opacity: 1, transform: 'translateX(0)' }))
+    ])
+]);
+const TILED_SELECT_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => TiledSelectComponent),
+    multi: true,
+};
+class TiledSelectComponent {
+    constructor(_platform, _cdr) {
+        this._platform = _platform;
+        this._cdr = _cdr;
+        this.layout = 'grid';
+        this._tiles = [];
+        this.disabled = false;
+        this.multiple = false;
+        this.selectionToggleable = true;
+        this.tileBackdrop = false;
+        this.showSelectedIcon = true;
+        this.animationsDisabled = this._platform.IOS;
+        this.change = new EventEmitter();
+        this.tilesAnimationState = false;
+    }
+    get tiles() { return this._tiles; }
+    set tiles(value) {
+        const _value = [...(value || [])];
+        for (const v of _value) {
+            if (v.value === undefined) {
+                if (v.name === undefined) {
+                    throw new Error('If value is undefined then name must be defined.');
+                }
+                v.value = v.name;
+            }
+        }
+        const prev = this._tiles;
+        if (prev.length !== _value.length) {
+            this.tilesAnimationState = !this.tilesAnimationState;
+        }
+        else {
+            for (const t of _value) {
+                if (!prev.find(p => p.name === t.name)) {
+                    this.tilesAnimationState = !this.tilesAnimationState;
+                    break;
+                }
+            }
+        }
+        this._tiles = _value;
+    }
+    ngOnInit() { }
+    get value() {
+        return this.val;
+    }
+    set value(value) {
+        this.val = (this.multiple) ? [...(value || [])] : value || '';
+        if (this.onChange) {
+            this.onChange(this.val);
+            this.change.emit(this.val);
+            this._cdr.markForCheck();
+        }
+        if (this.onTouched) {
+            this.onTouched();
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onTileSelected(event, tile) {
+        this.toggleTileSelected(tile);
+    }
+    isSelected(tile) {
+        if (!this.multiple) {
+            if (this.value === tile.value) {
+                return true;
+            }
+        }
+        else {
+            if (this.value) {
+                for (const v of this.value) {
+                    if (v === tile.value) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
+    toggleTileSelected(tile) {
+        if (!this.selectionToggleable && this.isSelected(tile)) {
+            return;
+        }
+        if (this.isSelected(tile)) {
+            this.unselectTile(tile);
+        }
+        else {
+            this.selectTile(tile);
+        }
+    }
+    selectTile(tile) {
+        if (this.multiple) {
+            if (!this.isSelected(tile)) {
+                const value = this.value || [];
+                this.value = [...coerceArray(value), tile.value];
+            }
+        }
+        else {
+            this.value = tile.value;
+        }
+    }
+    unselectTile(tile) {
+        if (this.multiple) {
+            const value = this.value || [];
+            this.value = value.filter(v => v !== tile.value);
+        }
+        else {
+            this.value = undefined;
+        }
+    }
+    getSelectedTiles() {
+        return this.tiles.filter(t => this.isSelected(t));
+    }
+    getOverlayTpl(tile) {
+        // console.log('overlayTpls', this.overlayTpls)
+        return (this.overlayTpls || []).find(t => { var _a; return ((_a = t.record) === null || _a === void 0 ? void 0 : _a.name) === tile.name; });
+    }
+}
+TiledSelectComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tiled-select',
+                template: "<div class=\"tiled-select--container\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [@tiles]=\"tilesAnimationState\"\n  [@.disabled]=\"animationsDisabled\">\n  <ng-container *ngFor=\"let tile of tiles\">\n    <div class=\"tile-wrapper\" [ngClass]=\"tile.customClass || ''\">\n      <seam-tiled-select-tile\n        class=\"tiled-select-tile\"\n        [ngClass]=\"tile.customClass || ''\"\n        [name]=\"tile.name\"\n        [label]=\"tile.label\"\n        [icon]=\"tile.icon\"\n        [disabled]=\"disabled || tile.disabled\"\n        [attr.hidden]=\"tile.hidden\"\n        [layout]=\"layout\"\n        [selected]=\"isSelected(tile)\"\n        [selectable]=\"true\"\n        [tileBackdrop]=\"tileBackdrop\"\n        [showSelectedIcon]=\"showSelectedIcon\"\n        [overlayTpl]=\"getOverlayTpl(tile)\"\n        (activated)=\"onTileSelected($event, tile)\">\n      </seam-tiled-select-tile>\n    </div>\n  </ng-container>\n</div>\n",
+                providers: [TILED_SELECT_VALUE_ACCESSOR],
+                animations: [
+                    trigger('tiles', [
+                        transition('* => *', [
+                            query(':enter', useAnimation(slideEnterAnimation), { optional: true })
+                        ])
+                    ])
+                ],
+                styles: [":host{display:block;width:100%}.tiled-select--container{display:flex;flex-wrap:wrap;justify-content:center}.tiled-select--container.grid{flex-direction:row}.tiled-select--container.grid .tile-wrapper{padding:12px;width:200px;height:180px}.tiled-select--container.grid .tile-wrapper .tiled-select-tile{height:100%}.tiled-select--container.grid .tile-wrapper.other-org{width:auto;height:auto}@media screen and (max-width:600px){.tiled-select--container.grid .tile-wrapper{padding:6px;width:150px;height:135px}}.tiled-select--container.list{flex-direction:column}.tiled-select--container.list .tile-wrapper{width:100%;height:50px}.tiled-select--container.list .tile-wrapper:not(:last-child){margin-bottom:4px}"]
+            },] }
+];
+TiledSelectComponent.ctorParameters = () => [
+    { type: Platform },
+    { type: ChangeDetectorRef }
+];
+TiledSelectComponent.propDecorators = {
+    layout: [{ type: Input }],
+    tiles: [{ type: Input }],
+    val: [{ type: Input, args: ['value',] }],
+    disabled: [{ type: Input }],
+    multiple: [{ type: Input }],
+    selectionToggleable: [{ type: Input }],
+    tileBackdrop: [{ type: Input }],
+    showSelectedIcon: [{ type: Input }],
+    animationsDisabled: [{ type: Input }],
+    change: [{ type: Output }],
+    overlayTpls: [{ type: ContentChildren, args: [TiledSelectTileOverlayDirective,] }]
+};
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "disabled", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "multiple", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "selectionToggleable", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "tileBackdrop", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "showSelectedIcon", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectComponent.prototype, "animationsDisabled", void 0);
+
+class TiledSelectTileLabelTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+TiledSelectTileLabelTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamTiledSelectTileLabelTpl]'
+            },] }
+];
+TiledSelectTileLabelTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+const tilePulse = animation(animate('{{ timing }}s {{ delay }}s', keyframes([
+    style({ transform: 'scale3d(1, 1, 1)' }),
+    style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),
+    style({ transform: 'scale3d(1, 1, 1)' }),
+])), { params: { scale: 1.05, timing: 0.75, delay: 0 } });
+const tileScaleUp = animation(animate('{{ timing }}s {{ delay }}s', keyframes([
+    style({ transform: 'scale3d({{ scale }}, {{ scale }}, {{ scale }})' }),
+])), { params: { scale: 1.05, timing: 0.75, delay: 0 } });
+const tileScaleDown = animation(animate('{{ timing }}s {{ delay }}s', keyframes([
+    style({ transform: 'scale3d(1, 1, 1)' }),
+])), { params: { scale: 1.05, timing: 0.75, delay: 0 } });
+class TiledSelectTileComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.faCheckCircle = faCheckCircle;
+        this.pulseAnimationState = true;
+        this.layout = 'grid';
+        this.disabled = false;
+        this.selected = false;
+        this.tileBackdrop = false;
+        this.selectable = false;
+        this.grayscaleOnDisable = true;
+        this.showLabel = true;
+        this.showSelectedIcon = true;
+        this.activated = new EventEmitter();
+        this.pulsing = false;
+    }
+    onTileClick(event) {
+        if (!this.selectable) {
+            return;
+        }
+        this.activated.emit(event);
+        // this.pulsing = true
+        // setTimeout(() => {
+        //   this.pulsing = false
+        // }, 750)
+    }
+    mDown() {
+        if (this.pulsingTimeout) {
+            clearTimeout(this.pulsingTimeout);
+        }
+        if (!this.pulsing) {
+            this.pulsing = true;
+            // this.cdr.detectChanges()
+        }
+        // console.log('start')
+        this.pulsingTimeout = window.setTimeout(() => {
+            this.pulsing = false;
+            // this.cdr.detectChanges()
+            this.pulsingTimeout = undefined;
+        }, 750);
+    }
+}
+TiledSelectTileComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tiled-select-tile',
+                template: "<button\n  class=\"btn tiled-select-tile-panel\"\n  [disabled]=\"disabled\"\n  [class.grid]=\"layout === 'grid'\"\n  [class.list]=\"layout === 'list'\"\n  [class.selected]=\"selectable && selected\"\n  [class.selectable]=\"selectable\"\n  [class.no-grayscale]=\"!grayscaleOnDisable\"\n  (click)=\"onTileClick($event)\"\n  [@pulse]=\"pulsing ? true : false\"\n  [attr.data-category]=\"name\"\n  [attr.title]=\"showLabel ? '' : label\"\n  type=\"button\">\n  <div class=\"tiled-select-tile-panel--content\">\n    <seam-tiled-select-tile-icon\n      class=\"tiled-select-tile-panel--icon\"\n      [class.invisible]=\"!icon\"\n      [icon]=\"icon\"\n      [iconClass]=\"iconClass\"\n      [layout]=\"layout\"\n      [grayscaleOnDisable]=\"grayscaleOnDisable\"\n      [disabled]=\"disabled\">\n    </seam-tiled-select-tile-icon>\n    <div class=\"tiled-select-tile-panel--label-container\" *ngIf=\"showLabel\">\n      <span *ngIf=\"!labelTpl\" class=\"tiled-select-tile-panel--label\">{{ label }}</span>\n      <ng-template *ngIf=\"labelTpl\"\n        [ngTemplateOutlet]=\"labelTpl.template\"\n        [ngTemplateOutletContext]=\"{ $implicit: label, label: label }\">\n      </ng-template>\n    </div>\n    <div *ngIf=\"tileBackdrop\" class=\"selected-backdrop\"\n      [class.bg-success]=\"selected\"></div>\n    <fa-icon\n      *ngIf=\"selected && showSelectedIcon\"\n      class=\"tiled-select-tile-panel--selected text-success\"\n      [icon]=\"faCheckCircle\"\n      size=\"3x\">\n    </fa-icon>\n  </div>\n  <div class=\"tiled-select-tile-panel--overlay\" *ngIf=\"overlayTpl\">\n    <ng-template [ngTemplateOutlet]=\"overlayTpl.template\"></ng-template>\n  </div>\n</button>\n",
+                animations: [
+                    trigger('pulse', [
+                        transition('false => true', [
+                            useAnimation(tilePulse)
+                            // useAnimation(tileScaleUp)
+                        ]),
+                        // transition('true => false', [
+                        //   useAnimation(tileScaleDown)
+                        // ])
+                    ]),
+                    // trigger('openClose', [
+                    //   state('true', style({ height: '*' })),
+                    //   state('false', style({ height: '0px' })),
+                    //   transition('false <=> true', animate(500))
+                    // ])
+                ],
+                styles: [":host{display:block}.tiled-select-tile-panel{width:100%;height:100%;box-sizing:border-box;border:1px solid #e6e6e6;background-color:#fff;color:#505050;position:relative;overflow:hidden}.tiled-select-tile-panel:disabled:not(.no-grayscale){filter:grayscale(1)}.tiled-select-tile-panel .grey-fix{visibility:hidden;display:block}.tiled-select-tile-panel.selected{border:1px solid #3c96c8}.tiled-select-tile-panel.selectable:hover:not(:disabled){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);cursor:pointer}.tiled-select-tile-panel.selectable:focus:not(:disabled){outline:none}.tiled-select-tile-panel:not(.selectable){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.tiled-select-tile-panel .tiled-select-tile-panel--content{display:flex;height:100%;width:100%}.tiled-select-tile-panel .tiled-select-tile-panel--content .tiled-select-tile-panel--selected{position:absolute;top:4px;right:4px}.tiled-select-tile-panel .tiled-select-tile-panel--content .selected-backdrop{opacity:.2;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;transition:background-color .2s ease-in-out;pointer-events:none}.tiled-select-tile-panel .tiled-select-tile-panel--overlay{position:absolute;top:0;left:0;bottom:0;right:0}.tiled-select-tile-panel.grid{border-radius:15px;padding:0;margin:0}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content{flex-direction:column}.tiled-select-tile-panel.grid .tiled-select-tile-panel--content .selected-backdrop{border-radius:15px}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{flex:0 0 auto;height:2.5em;line-height:1em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{display:block;font-size:90%;padding:0 1em;white-space:normal}@media screen and (max-width:600px){.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:2rem;line-height:.9em}.tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{font-size:13px;padding:0 .7em}}.tiled-select-tile-panel.list{border-radius:10px;padding:4px}.tiled-select-tile-panel.list .tiled-select-tile-panel--content{flex-direction:row}.tiled-select-tile-panel.list .tiled-select-tile-panel--content .selected-backdrop{border-radius:10px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container{display:flex;max-height:100%;flex-direction:column;padding-right:40px}.tiled-select-tile-panel.list .tiled-select-tile-panel--label-container .tiled-select-tile-panel--label{padding:0 6px;text-align:left;margin:auto 0;font-size:80%;white-space:normal}.tiled-select-tile-panel.list .tiled-select-tile-panel--selected ::ng-deep .svg-inline--fa{height:39px}:host(.other-org) .tiled-select-tile-panel.grid{border:0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled){box-shadow:0 0}:host(.other-org) .tiled-select-tile-panel.grid.selectable:hover:not(:disabled) .tiled-select-tile-panel--label-container{text-decoration:underline}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--icon,:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--selected.text-success{display:none}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label-container{height:auto;color:#357ebd}:host(.other-org) .tiled-select-tile-panel.grid .tiled-select-tile-panel--label{padding:.5rem 1rem}"]
+            },] }
+];
+TiledSelectTileComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+TiledSelectTileComponent.propDecorators = {
+    pulseAnimationState: [{ type: HostBinding, args: ['@pulse',] }],
+    layout: [{ type: Input }],
+    name: [{ type: Input }],
+    label: [{ type: Input }],
+    icon: [{ type: Input }],
+    disabled: [{ type: Input }],
+    selected: [{ type: Input }],
+    tileBackdrop: [{ type: Input }],
+    selectable: [{ type: Input }],
+    grayscaleOnDisable: [{ type: Input }],
+    showLabel: [{ type: Input }],
+    showSelectedIcon: [{ type: Input }],
+    iconClass: [{ type: Input }],
+    overlayTpl: [{ type: Input }],
+    activated: [{ type: Output }],
+    labelTpl: [{ type: ContentChild, args: [TiledSelectTileLabelTplDirective, { static: true },] }]
+};
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "disabled", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "selected", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "tileBackdrop", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "selectable", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "grayscaleOnDisable", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "showLabel", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileComponent.prototype, "showSelectedIcon", void 0);
+
+class TiledSelectTileIconTplDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+TiledSelectTileIconTplDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamTiledSelectTileIconTpl]',
+                exportAs: 'seamTiledSelectTileIconTpl'
+            },] }
+];
+TiledSelectTileIconTplDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+
+const needToFix = /(MSIE 10)|(Trident.*rv:11\.0)|( Edge\/[\d\.]+$)/.test(navigator.userAgent);
+class TiledSelectTileIconComponent {
+    constructor() {
+        this.needToFix = needToFix;
+        this._layout = 'grid';
+        this.grayscaleOnDisable = false;
+        this.disabled = false;
+    }
+    get _cssClassGrid() { return this.layout === 'grid'; }
+    get _cssClassList() { return this.layout === 'list'; }
+    set layout(value) { this._layout = value || 'grid'; }
+    get layout() { return this._layout; }
+    get icon() { return this._iconUrl || this._iconObj; }
+    set icon(value) {
+        if (typeof value === 'string') {
+            this._iconUrl = value;
+            this._iconObj = undefined;
+        }
+        else {
+            this._iconUrl = undefined;
+            this._iconObj = value;
+        }
+    }
+    ngOnInit() { }
+}
+TiledSelectTileIconComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-tiled-select-tile-icon',
+                template: "<ng-container *ngIf=\"iconTpl; else noIconTpl\">\n  <ng-template\n    [ngTemplateOutlet]=\"iconTpl.template\"\n    [ngTemplateOutletContext]=\"{ $implicit: icon, icon: icon }\">\n  </ng-template>\n</ng-container>\n<ng-template #noIconTpl>\n\n  <fa-icon *ngIf=\"_iconObj\"\n    class=\"tiled-select-tile-icon--fa {{ iconClass }}\"\n    [icon]=\"_iconObj\"></fa-icon>\n\n  <ng-container *ngIf=\"_iconUrl\">\n    <!-- Partial fix for IE greyscale -->\n    <ng-container *ngIf=\"needToFix\">\n      <ng-container *ngIf=\"disabled && grayscaleOnDisable\">\n        <span class=\"grayscale-fix\" style=\"display: inline-block; position: relative;\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"svgroot\" style=\"position: absolute; left: 0; right: 0;\" viewBox=\"0 0 48 48\" width=\"100%\" height=\"100%\">\n            <defs><filter id=\"gray\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\" /></filter></defs>\n            <image filter=\"url(&quot;#gray&quot;)\" preserveAspectRatio=\"none meet\" x=\"0\" y=\"0\" width=\"48\" height=\"48\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n              [attr.xlink:href]=\"_iconUrl\" />\n          </svg>\n          <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" style=\"display: block; visibility: hidden;\" alt=\"Icon\" [src]=\"_iconUrl\">\n        </span>\n      </ng-container>\n      <ng-container *ngIf=\"!disabled\">\n        <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"!needToFix\">\n      <img class=\"tiled-select-tile-panel--icon-img {{ iconClass }}\" [src]=\"_iconUrl\" alt=\"Icon\">\n    </ng-container>\n  </ng-container>\n\n</ng-template>\n",
+                styles: [":host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}:host.grid{flex:1 1 auto;margin:0 auto;display:flex;align-items:center;width:100%}:host.grid .tiled-select-tile-panel--icon-img{width:100%;max-width:75px;max-height:75px;margin:0 auto}:host.grid .tiled-select-tile-panel--icon-img[src$=\".svg\"]{height:100%}:host.grid>.grayscale-fix{max-width:75px;max-height:75px;margin:0 auto}:host.list{border:1px solid #e6e6e6;border-radius:8px;min-width:39px;width:39px;min-height:39px;height:39px;padding:1px;align-items:center;display:flex}:host.list img{max-width:100%;max-height:100%;margin:0 auto}.grey-fix{visibility:hidden;display:block}.tiled-select-tile-icon--fa{height:100%;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%;padding:2px}.tiled-select-tile-icon--fa ::ng-deep .svg-inline--fa{max-width:100%;height:100%;width:100%}"]
+            },] }
+];
+TiledSelectTileIconComponent.ctorParameters = () => [];
+TiledSelectTileIconComponent.propDecorators = {
+    _cssClassGrid: [{ type: HostBinding, args: ['class.grid',] }],
+    _cssClassList: [{ type: HostBinding, args: ['class.list',] }],
+    layout: [{ type: Input }],
+    grayscaleOnDisable: [{ type: Input }],
+    disabled: [{ type: Input }],
+    iconClass: [{ type: Input }],
+    icon: [{ type: Input }],
+    iconTpl: [{ type: ContentChild, args: [TiledSelectTileIconTplDirective, { static: true },] }]
+};
+__decorate([
+    InputBoolean()
+], TiledSelectTileIconComponent.prototype, "grayscaleOnDisable", void 0);
+__decorate([
+    InputBoolean()
+], TiledSelectTileIconComponent.prototype, "disabled", void 0);
+
+class TheSeamTiledSelectModule {
+}
+TheSeamTiledSelectModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FontAwesomeModule
+                ],
+                declarations: [
+                    TiledSelectComponent,
+                    TiledSelectTileComponent,
+                    TiledSelectTileOverlayDirective,
+                    TiledSelectTileIconComponent,
+                    TiledSelectTileIconTplDirective,
+                    TiledSelectTileLabelTplDirective
+                ],
+                exports: [
+                    TiledSelectComponent,
+                    TiledSelectTileComponent,
+                    TiledSelectTileOverlayDirective,
+                    TiledSelectTileIconTplDirective,
+                    TiledSelectTileLabelTplDirective
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TILED_SELECT_VALUE_ACCESSOR, TheSeamTiledSelectModule, TiledSelectComponent, TiledSelectTileComponent, TiledSelectTileIconComponent, TiledSelectTileIconTplDirective, TiledSelectTileLabelTplDirective, TiledSelectTileOverlayDirective, slideEnterAnimation, tilePulse, tileScaleDown, tileScaleUp };
+//# sourceMappingURL=theseam-ui-common-tiled-select.js.map