@esri/calcite-components 2.9.0 → 2.9.1-next.1

package/dist/calcite/p-2988aea6.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unnecessaryDecimal","RegExp","trailingZeros","BigDecimal","constructor","input","integers","decimals","expandExponentialNumberString","split","concat","this","value","BigInt","padEnd","DECIMALS","slice","ROUNDED","isNegative","charAt","getIntegersAndDecimals","s","toString","replace","padStart","length","formatToParts","formatter","parts","numberFormatter","unshift","type","minusSign","push","decimal","forEach","char","format","integersFormatted","decimalsFormatted","map","Number","join","add","n","fromBigInt","subtract","multiply","_divRound","SHIFT","divide","repeat","dividend","divisor","bigint","Object","assign","create","prototype","isValidNumber","numberString","isNaN","parseNumberString","stringContainsNumbers","sanitizeExponentialNumberString","nonExpoNumString","containsDecimal","result","filter","i","match","numberKeys","includes","allLeadingZerosOptionallyNegative","decimalOnlyAtEndOfString","allHyphensExceptTheStart","isNegativeDecimalOnlyZeros","hasTrailingDecimalZeros","sanitizeNumberString","sanitizedValue","test","getBigDecimalAsString","sanitizedValueDecimals","bigDecimalValueInteger","bigDecimalValueDecimals","func","firstE","toLowerCase","indexOf","substring","section","exponentialParts","number","isSafeInteger","magnitude","decimalParts","shiftDecimalLeft","magnitudeDelta","Math","abs","leftPaddedZeros","shiftedDecimal","shiftDecimalRight","rightPaddedZeros","expandedNumberString","string","some","addLocalizedTrailingDecimalZeros","localizedValue","trailingDecimalZeros","delocalize","decimalSeparator","localize","defaultLocale","t9nLocales","locales","numberingSystems","isNumberingSystemSupported","numberingSystem","browserNumberingSystem","Intl","NumberFormat","resolvedOptions","defaultNumberingSystem","getSupportedNumberingSystem","getSupportedLocale","locale","context","contextualLocales","_match","language","region","toUpperCase","console","warn","connectedComponents","Set","connectLocalized","component","updateEffectiveLocale","size","mutationObserver","observe","document","documentElement","attributes","attributeFilter","subtree","effectiveLocale","getLocale","disconnectLocalized","delete","disconnect","createObserver","records","record","el","target","inUnrelatedSubtree","containsCrossShadowBoundary","closestLangEl","closestElementCrossShadowBoundary","closestLang","lang","hasAttribute","NumberStringFormat","_numberFormatOptions","_minusSign","_group","_decimal","_digits","_getDigitIndex","trim","_actualGroup","group","digits","_numberFormatter","numberFormatOptions","options","keys","JSON","stringify","useGrouping","reverse","index","Map","d","find","get","numberStringFormatter","dateTimeFormatCache","previousLocaleUsedForCaching","buildDateTimeFormatCacheKey","entries","sort","key1","key2","localeCompare","keyValue","flat","getDateTimeFormat","clear","key","cached","DateTimeFormat","set"],"sources":["src/utils/number.ts","src/utils/locale.ts"],"sourcesContent":["import { numberKeys } from \"./key\";\nimport { NumberStringFormat } from \"./locale\";\n\nconst unnecessaryDecimal = new RegExp(`\\\\${\".\"}(0+)?$`);\nconst trailingZeros = new RegExp(\"0+$\");\n\n// adopted from https://stackoverflow.com/a/66939244\nexport class BigDecimal {\n  value: bigint;\n\n  // BigInt(\"-0\").toString() === \"0\" which removes the minus sign when typing numbers like -0.1\n  isNegative: boolean;\n\n  // Configuration: constants\n  static DECIMALS = 100; // number of decimals on all instances\n\n  static ROUNDED = true; // numbers are truncated (false) or rounded (true)\n\n  static SHIFT = BigInt(\"1\" + \"0\".repeat(BigDecimal.DECIMALS)); // derived constant\n\n  constructor(input: string | BigDecimal) {\n    if (input instanceof BigDecimal) {\n      return input;\n    }\n    const [integers, decimals] = expandExponentialNumberString(input).split(\".\").concat(\"\");\n    this.value =\n      BigInt(integers + decimals.padEnd(BigDecimal.DECIMALS, \"0\").slice(0, BigDecimal.DECIMALS)) +\n      BigInt(BigDecimal.ROUNDED && decimals[BigDecimal.DECIMALS] >= \"5\");\n\n    this.isNegative = input.charAt(0) === \"-\";\n  }\n\n  static _divRound = (dividend: bigint, divisor: bigint): BigDecimal =>\n    BigDecimal.fromBigInt(\n      dividend / divisor + (BigDecimal.ROUNDED ? ((dividend * BigInt(2)) / divisor) % BigInt(2) : BigInt(0)),\n    );\n\n  static fromBigInt = (bigint: bigint): BigDecimal =>\n    Object.assign(Object.create(BigDecimal.prototype), { value: bigint, isNegative: bigint < BigInt(0) });\n\n  getIntegersAndDecimals(): { integers: string; decimals: string } {\n    const s = this.value\n      .toString()\n      .replace(\"-\", \"\")\n      .padStart(BigDecimal.DECIMALS + 1, \"0\");\n    const integers = s.slice(0, -BigDecimal.DECIMALS);\n    const decimals = s.slice(-BigDecimal.DECIMALS).replace(trailingZeros, \"\");\n    return { integers, decimals };\n  }\n\n  toString(): string {\n    const { integers, decimals } = this.getIntegersAndDecimals();\n    return `${this.isNegative ? \"-\" : \"\"}${integers}${decimals.length ? \".\" + decimals : \"\"}`;\n  }\n\n  formatToParts(formatter: NumberStringFormat): Intl.NumberFormatPart[] {\n    const { integers, decimals } = this.getIntegersAndDecimals();\n    const parts = formatter.numberFormatter.formatToParts(BigInt(integers));\n    this.isNegative && parts.unshift({ type: \"minusSign\", value: formatter.minusSign });\n\n    if (decimals.length) {\n      parts.push({ type: \"decimal\", value: formatter.decimal });\n      decimals.split(\"\").forEach((char: string) => parts.push({ type: \"fraction\", value: char }));\n    }\n\n    return parts;\n  }\n\n  format(formatter: NumberStringFormat): string {\n    const { integers, decimals } = this.getIntegersAndDecimals();\n    const integersFormatted = `${this.isNegative ? formatter.minusSign : \"\"}${formatter.numberFormatter.format(\n      BigInt(integers),\n    )}`;\n    const decimalsFormatted = decimals.length\n      ? `${formatter.decimal}${decimals\n          .split(\"\")\n          .map((char: string) => formatter.numberFormatter.format(Number(char)))\n          .join(\"\")}`\n      : \"\";\n    return `${integersFormatted}${decimalsFormatted}`;\n  }\n\n  add(n: string): BigDecimal {\n    return BigDecimal.fromBigInt(this.value + new BigDecimal(n).value);\n  }\n\n  subtract(n: string): BigDecimal {\n    return BigDecimal.fromBigInt(this.value - new BigDecimal(n).value);\n  }\n\n  multiply(n: string): BigDecimal {\n    return BigDecimal._divRound(this.value * new BigDecimal(n).value, BigDecimal.SHIFT);\n  }\n\n  divide(n: string): BigDecimal {\n    return BigDecimal._divRound(this.value * BigDecimal.SHIFT, new BigDecimal(n).value);\n  }\n}\n\nexport function isValidNumber(numberString: string): boolean {\n  return !(!numberString || isNaN(Number(numberString)));\n}\n\nexport function parseNumberString(numberString?: string): string {\n  if (!numberString || !stringContainsNumbers(numberString)) {\n    return \"\";\n  }\n\n  return sanitizeExponentialNumberString(numberString, (nonExpoNumString: string): string => {\n    let containsDecimal = false;\n    const result = nonExpoNumString\n      .split(\"\")\n      .filter((value, i) => {\n        if (value.match(/\\./g) && !containsDecimal) {\n          containsDecimal = true;\n          return true;\n        }\n        if (value.match(/-/g) && i === 0) {\n          return true;\n        }\n        return numberKeys.includes(value);\n      })\n      .join(\"\");\n    return isValidNumber(result) ? new BigDecimal(result).toString() : \"\";\n  });\n}\n\n// regex for number sanitization\nconst allLeadingZerosOptionallyNegative = /^([-0])0+(?=\\d)/;\nconst decimalOnlyAtEndOfString = /(?!^\\.)\\.$/;\nconst allHyphensExceptTheStart = /(?!^-)-/g;\nconst isNegativeDecimalOnlyZeros = /^-\\b0\\b\\.?0*$/;\nconst hasTrailingDecimalZeros = /0*$/;\n\nexport const sanitizeNumberString = (numberString: string): string =>\n  sanitizeExponentialNumberString(numberString, (nonExpoNumString) => {\n    const sanitizedValue = nonExpoNumString\n      .replace(allHyphensExceptTheStart, \"\")\n      .replace(decimalOnlyAtEndOfString, \"\")\n      .replace(allLeadingZerosOptionallyNegative, \"$1\");\n    return isValidNumber(sanitizedValue)\n      ? isNegativeDecimalOnlyZeros.test(sanitizedValue)\n        ? sanitizedValue\n        : getBigDecimalAsString(sanitizedValue)\n      : nonExpoNumString;\n  });\n\nexport function getBigDecimalAsString(sanitizedValue: string): string {\n  const sanitizedValueDecimals = sanitizedValue.split(\".\")[1];\n  const value = new BigDecimal(sanitizedValue).toString();\n  const [bigDecimalValueInteger, bigDecimalValueDecimals] = value.split(\".\");\n\n  return sanitizedValueDecimals && bigDecimalValueDecimals !== sanitizedValueDecimals\n    ? `${bigDecimalValueInteger}.${sanitizedValueDecimals}`\n    : value;\n}\n\nexport function sanitizeExponentialNumberString(numberString: string, func: (s: string) => string): string {\n  if (!numberString) {\n    return numberString;\n  }\n\n  const firstE = numberString.toLowerCase().indexOf(\"e\") + 1;\n\n  if (!firstE) {\n    return func(numberString);\n  }\n\n  return numberString\n    .replace(/[eE]*$/g, \"\")\n    .substring(0, firstE)\n    .concat(numberString.slice(firstE).replace(/[eE]/g, \"\"))\n    .split(/[eE]/)\n    .map((section, i) => (i === 1 ? func(section.replace(/\\./g, \"\")) : func(section)))\n    .join(\"e\")\n    .replace(/^e/, \"1e\");\n}\n\n/**\n * Converts an exponential notation numberString into decimal notation.\n * BigInt doesn't support exponential notation, so this is required to maintain precision\n *\n * @param {string} numberString - pre-validated exponential or decimal number\n * @returns {string} numberString in decimal notation\n */\nexport function expandExponentialNumberString(numberString: string): string {\n  const exponentialParts = numberString.split(/[eE]/);\n  if (exponentialParts.length === 1) {\n    return numberString;\n  }\n\n  const number = +numberString;\n  if (Number.isSafeInteger(number)) {\n    return `${number}`;\n  }\n\n  const isNegative = numberString.charAt(0) === \"-\";\n  const magnitude = +exponentialParts[1];\n  const decimalParts = exponentialParts[0].split(\".\");\n  const integers = (isNegative ? decimalParts[0].substring(1) : decimalParts[0]) || \"\";\n  const decimals = decimalParts[1] || \"\";\n\n  const shiftDecimalLeft = (integers: string, magnitude: number): string => {\n    const magnitudeDelta = Math.abs(magnitude) - integers.length;\n    const leftPaddedZeros = magnitudeDelta > 0 ? `${\"0\".repeat(magnitudeDelta)}${integers}` : integers;\n    const shiftedDecimal = `${leftPaddedZeros.slice(0, magnitude)}${\".\"}${leftPaddedZeros.slice(magnitude)}`;\n    return shiftedDecimal;\n  };\n\n  const shiftDecimalRight = (decimals: string, magnitude: number): string => {\n    const rightPaddedZeros =\n      magnitude > decimals.length ? `${decimals}${\"0\".repeat(magnitude - decimals.length)}` : decimals;\n    const shiftedDecimal = `${rightPaddedZeros.slice(0, magnitude)}${\".\"}${rightPaddedZeros.slice(magnitude)}`;\n    return shiftedDecimal;\n  };\n\n  const expandedNumberString =\n    magnitude > 0\n      ? `${integers}${shiftDecimalRight(decimals, magnitude)}`\n      : `${shiftDecimalLeft(integers, magnitude)}${decimals}`;\n\n  return `${isNegative ? \"-\" : \"\"}${expandedNumberString.charAt(0) === \".\" ? \"0\" : \"\"}${expandedNumberString\n    .replace(unnecessaryDecimal, \"\")\n    .replace(allLeadingZerosOptionallyNegative, \"\")}`;\n}\n\nfunction stringContainsNumbers(string: string): boolean {\n  return numberKeys.some((number) => string.includes(number));\n}\n\n/**\n * Adds localized trailing decimals zero values to the number string.\n * BigInt conversion to string removes the trailing decimal zero values (Ex: 1.000 is returned as 1). This method helps adding them back.\n *\n * @param {string} localizedValue - localized number string value\n * @param {string} value - current value in the input field\n * @param {NumberStringFormat} formatter - numberStringFormatter instance to localize the number value\n * @returns {string} localized number string value\n */\nexport function addLocalizedTrailingDecimalZeros(\n  localizedValue: string,\n  value: string,\n  formatter: NumberStringFormat,\n): string {\n  const decimals = value.split(\".\")[1];\n  if (decimals) {\n    const trailingDecimalZeros = decimals.match(hasTrailingDecimalZeros)[0];\n    if (\n      trailingDecimalZeros &&\n      formatter.delocalize(localizedValue).length !== value.length &&\n      decimals.indexOf(\"e\") === -1\n    ) {\n      const decimalSeparator = formatter.decimal;\n      localizedValue = !localizedValue.includes(decimalSeparator)\n        ? `${localizedValue}${decimalSeparator}`\n        : localizedValue;\n      return localizedValue.padEnd(localizedValue.length + trailingDecimalZeros.length, formatter.localize(\"0\"));\n    }\n  }\n  return localizedValue;\n}\n","import { closestElementCrossShadowBoundary, containsCrossShadowBoundary } from \"./dom\";\nimport { BigDecimal, isValidNumber, sanitizeExponentialNumberString } from \"./number\";\nimport { createObserver } from \"./observers\";\n\nexport const defaultLocale = \"en\";\n\nexport const t9nLocales = [\n  \"ar\",\n  \"bg\",\n  \"bs\",\n  \"ca\",\n  \"cs\",\n  \"da\",\n  \"de\",\n  \"el\",\n  defaultLocale,\n  \"es\",\n  \"et\",\n  \"fi\",\n  \"fr\",\n  \"he\",\n  \"hr\",\n  \"hu\",\n  \"id\",\n  \"it\",\n  \"ja\",\n  \"ko\",\n  \"lt\",\n  \"lv\",\n  \"no\",\n  \"nl\",\n  \"pl\",\n  \"pt-BR\",\n  \"pt-PT\",\n  \"ro\",\n  \"ru\",\n  \"sk\",\n  \"sl\",\n  \"sr\",\n  \"sv\",\n  \"th\",\n  \"tr\",\n  \"uk\",\n  \"vi\",\n  \"zh-CN\",\n  \"zh-HK\",\n  \"zh-TW\",\n];\n\nexport const locales = [\n  \"ar\",\n  \"bg\",\n  \"bs\",\n  \"ca\",\n  \"cs\",\n  \"da\",\n  \"de\",\n  \"de-AT\",\n  \"de-CH\",\n  \"el\",\n  defaultLocale,\n  \"en-AU\",\n  \"en-CA\",\n  \"en-GB\",\n  \"es\",\n  \"es-MX\",\n  \"et\",\n  \"fi\",\n  \"fr\",\n  \"fr-CH\",\n  \"he\",\n  \"hi\",\n  \"hr\",\n  \"hu\",\n  \"id\",\n  \"it\",\n  \"it-CH\",\n  \"ja\",\n  \"ko\",\n  \"lt\",\n  \"lv\",\n  \"mk\",\n  \"no\",\n  \"nl\",\n  \"pl\",\n  \"pt\",\n  \"pt-PT\",\n  \"ro\",\n  \"ru\",\n  \"sk\",\n  \"sl\",\n  \"sr\",\n  \"sv\",\n  \"th\",\n  \"tr\",\n  \"uk\",\n  \"vi\",\n  \"zh-CN\",\n  \"zh-HK\",\n  \"zh-TW\",\n];\n\nexport const numberingSystems = [\"arab\", \"arabext\", \"latn\"] as const;\n\nexport const supportedLocales = [...new Set([...t9nLocales, ...locales])] as const;\n\nexport type NumberingSystem = (typeof numberingSystems)[number];\n\nexport type SupportedLocale = (typeof supportedLocales)[number];\n\nconst isNumberingSystemSupported = (numberingSystem: string): numberingSystem is NumberingSystem =>\n  numberingSystems.includes(numberingSystem as NumberingSystem);\n\nconst browserNumberingSystem = new Intl.NumberFormat().resolvedOptions().numberingSystem;\n\n// for consistent browser behavior, we normalize numberingSystem to prevent the browser-inferred value\n// see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info\nexport const defaultNumberingSystem =\n  browserNumberingSystem === \"arab\" || !isNumberingSystemSupported(browserNumberingSystem)\n    ? \"latn\"\n    : browserNumberingSystem;\n\nexport const getSupportedNumberingSystem = (numberingSystem: string): NumberingSystem =>\n  isNumberingSystemSupported(numberingSystem) ? numberingSystem : defaultNumberingSystem;\n\n/**\n * Gets the locale that best matches the context.\n *\n * @param locale – the BCP 47 locale code\n * @param context - specifies whether the locale code should match in the context of CLDR or T9N (translation)\n */\nexport function getSupportedLocale(locale: string, context: \"cldr\" | \"t9n\" = \"cldr\"): SupportedLocale {\n  const contextualLocales = context === \"cldr\" ? locales : t9nLocales;\n\n  if (!locale) {\n    return defaultLocale;\n  }\n\n  if (contextualLocales.includes(locale)) {\n    return locale;\n  }\n\n  locale = locale.toLowerCase();\n\n  // we support both 'nb' and 'no' (BCP 47) for Norwegian but only `no` has corresponding bundle\n  if (locale === \"nb\") {\n    return \"no\";\n  }\n\n  // we use `pt-BR` as it will have the same translations as `pt`, which has no corresponding bundle\n  if (context === \"t9n\" && locale === \"pt\") {\n    return \"pt-BR\";\n  }\n\n  if (locale.includes(\"-\")) {\n    locale = locale.replace(/(\\w+)-(\\w+)/, (_match, language, region) => `${language}-${region.toUpperCase()}`);\n\n    if (!contextualLocales.includes(locale)) {\n      locale = locale.split(\"-\")[0];\n    }\n  }\n\n  // we can `zh-CN` as base translation for chinese locales which has no corresponding bundle.\n  if (locale === \"zh\") {\n    return \"zh-CN\";\n  }\n\n  if (!contextualLocales.includes(locale)) {\n    console.warn(\n      `Translations for the \"${locale}\" locale are not available and will fall back to the default, English (en).`,\n    );\n    return defaultLocale;\n  }\n\n  return locale;\n}\n\n/**\n * This interface is for components that need to determine locale from the lang attribute.\n */\nexport interface LocalizedComponent {\n  el: HTMLElement;\n\n  /**\n   * Used to store the effective locale to avoid multiple lookups.\n   *\n   * This is an internal property and should:\n   *\n   * - use the `@State` decorator\n   * - be initialized to \"\"\n   *\n   * Components should watch this prop to ensure messages are updated.\n   *\n   * @Watch(\"effectiveLocale\")\n   * effectiveLocaleChange(): void {\n   *   updateMessages(this, this.effectiveLocale);\n   * }\n   */\n  effectiveLocale: string;\n}\n\nconst connectedComponents = new Set<LocalizedComponent>();\n\n/**\n * This utility sets up internals for messages support.\n *\n * It needs to be called in `connectedCallback` before any logic that depends on locale\n *\n * @param component\n */\nexport function connectLocalized(component: LocalizedComponent): void {\n  updateEffectiveLocale(component);\n\n  if (connectedComponents.size === 0) {\n    mutationObserver?.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"lang\"],\n      subtree: true,\n    });\n  }\n\n  connectedComponents.add(component);\n}\n\n/**\n * This is only exported for components that implemented the now deprecated `locale` prop.\n *\n * Do not use this utils for new components.\n *\n * @param component\n */\nexport function updateEffectiveLocale(component: LocalizedComponent): void {\n  component.effectiveLocale = getLocale(component);\n}\n\n/**\n * This utility tears down internals for messages support.\n *\n * It needs to be called in `disconnectedCallback`\n *\n * @param component\n */\nexport function disconnectLocalized(component: LocalizedComponent): void {\n  connectedComponents.delete(component);\n\n  if (connectedComponents.size === 0) {\n    mutationObserver.disconnect();\n  }\n}\n\nconst mutationObserver = createObserver(\"mutation\", (records) => {\n  records.forEach((record) => {\n    const el = record.target as HTMLElement;\n\n    connectedComponents.forEach((component) => {\n      const inUnrelatedSubtree = !containsCrossShadowBoundary(el, component.el);\n\n      if (inUnrelatedSubtree) {\n        return;\n      }\n\n      const closestLangEl = closestElementCrossShadowBoundary<HTMLElement>(component.el, \"[lang]\");\n\n      if (!closestLangEl) {\n        component.effectiveLocale = defaultLocale;\n        return;\n      }\n\n      const closestLang = closestLangEl.lang;\n\n      component.effectiveLocale =\n        // user set lang=\"\" means unknown language, so we use default\n        closestLangEl.hasAttribute(\"lang\") && closestLang === \"\" ? defaultLocale : closestLang;\n    });\n  });\n});\n\n/**\n * This util helps resolve a component's locale.\n * It will also fall back on the deprecated `locale` if a component implemented this previously.\n *\n * @param component\n */\nfunction getLocale(component: LocalizedComponent): string {\n  return (\n    component.el.lang ||\n    closestElementCrossShadowBoundary<HTMLElement>(component.el, \"[lang]\")?.lang ||\n    document.documentElement.lang ||\n    defaultLocale\n  );\n}\n\nexport interface NumberStringFormatOptions extends Intl.NumberFormatOptions {\n  numberingSystem: NumberingSystem;\n  locale: string;\n}\n\n/**\n * This util formats and parses numbers for localization\n */\nexport class NumberStringFormat {\n  /**\n   * The actual group separator for the specified locale.\n   * White-space group separators are changed to the non-breaking space (nbsp) unicode character.\n   * so we replace them with a normal <SPACE>.\n   */\n  private _actualGroup: string;\n\n  /** the corrected group separator */\n  private _group: string;\n\n  get group(): string {\n    return this._group;\n  }\n\n  private _decimal: string;\n\n  get decimal(): string {\n    return this._decimal;\n  }\n\n  private _minusSign: string;\n\n  get minusSign(): string {\n    return this._minusSign;\n  }\n\n  private _digits: Array<string>;\n\n  get digits(): Array<string> {\n    return this._digits;\n  }\n\n  private _getDigitIndex;\n\n  private _numberFormatter: Intl.NumberFormat;\n\n  get numberFormatter(): Intl.NumberFormat {\n    return this._numberFormatter;\n  }\n\n  private _numberFormatOptions: NumberStringFormatOptions;\n\n  get numberFormatOptions(): NumberStringFormatOptions {\n    return this._numberFormatOptions;\n  }\n\n  /**\n   * numberFormatOptions needs to be set before localize/delocalize is called to ensure the options are up to date\n   */\n  set numberFormatOptions(options: NumberStringFormatOptions) {\n    options.locale = getSupportedLocale(options?.locale);\n    options.numberingSystem = getSupportedNumberingSystem(options?.numberingSystem);\n\n    if (\n      // No need to create the formatter if `locale` and `numberingSystem`\n      // are the default values and `numberFormatOptions` has not been set\n      (!this._numberFormatOptions &&\n        options.locale === defaultLocale &&\n        options.numberingSystem === defaultNumberingSystem &&\n        // don't skip initialization if any options besides locale/numberingSystem are set\n        Object.keys(options).length === 2) ||\n      // cache formatter by only recreating when options change\n      JSON.stringify(this._numberFormatOptions) === JSON.stringify(options)\n    ) {\n      return;\n    }\n\n    this._numberFormatOptions = options;\n\n    this._numberFormatter = new Intl.NumberFormat(\n      this._numberFormatOptions.locale,\n      this._numberFormatOptions as Intl.NumberFormatOptions,\n    );\n\n    this._digits = [\n      ...new Intl.NumberFormat(this._numberFormatOptions.locale, {\n        useGrouping: false,\n        numberingSystem: this._numberFormatOptions.numberingSystem,\n      } as Intl.NumberFormatOptions).format(9876543210),\n    ].reverse();\n\n    const index = new Map(this._digits.map((d, i) => [d, i]));\n\n    // numberingSystem is parsed to return consistent decimal separator across browsers.\n    const parts = new Intl.NumberFormat(this._numberFormatOptions.locale, {\n      numberingSystem: this._numberFormatOptions.numberingSystem,\n    } as Intl.NumberFormatOptions).formatToParts(-12345678.9);\n\n    this._actualGroup = parts.find((d) => d.type === \"group\").value;\n    // change whitespace group separators to the unicode non-breaking space (nbsp)\n    this._group = this._actualGroup.trim().length === 0 || this._actualGroup == \" \" ? \"\\u00A0\" : this._actualGroup;\n    this._decimal = parts.find((d) => d.type === \"decimal\").value;\n    this._minusSign = parts.find((d) => d.type === \"minusSign\").value;\n    this._getDigitIndex = (d: string) => index.get(d);\n  }\n\n  delocalize = (numberString: string): string =>\n    // For performance, (de)localization is skipped if the formatter isn't initialized.\n    // In order to localize/delocalize, e.g. when lang/numberingSystem props are not default values,\n    // `numberFormatOptions` must be set in a component to create and cache the formatter.\n    this._numberFormatOptions\n      ? sanitizeExponentialNumberString(numberString, (nonExpoNumString: string): string =>\n          nonExpoNumString\n            .replace(new RegExp(`[${this._minusSign}]`, \"g\"), \"-\")\n            .replace(new RegExp(`[${this._group}]`, \"g\"), \"\")\n            .replace(new RegExp(`[${this._decimal}]`, \"g\"), \".\")\n            .replace(new RegExp(`[${this._digits.join(\"\")}]`, \"g\"), this._getDigitIndex),\n        )\n      : numberString;\n\n  localize = (numberString: string): string =>\n    this._numberFormatOptions\n      ? sanitizeExponentialNumberString(numberString, (nonExpoNumString: string): string =>\n          isValidNumber(nonExpoNumString.trim())\n            ? new BigDecimal(nonExpoNumString.trim())\n                .format(this)\n                .replace(new RegExp(`[${this._actualGroup}]`, \"g\"), this._group)\n            : nonExpoNumString,\n        )\n      : numberString;\n}\n\nexport const numberStringFormatter = new NumberStringFormat();\n\nexport type LocaleDateTimeOptionKey = string;\n\n/**\n * Exported for testing purposes only.\n *\n * @internal\n */\nexport let dateTimeFormatCache: Map<LocaleDateTimeOptionKey, Intl.DateTimeFormat>;\n\n/**\n * Used to ensure all cached formats are for the same locale.\n *\n * @internal\n */\nlet previousLocaleUsedForCaching: string;\n\n/**\n * Generates a cache key for date time format lookups.\n *\n * @internal\n */\nfunction buildDateTimeFormatCacheKey(options: Intl.DateTimeFormatOptions = {}): string {\n  return Object.entries(options)\n    .sort(([key1], [key2]) => key1.localeCompare(key2))\n    .map((keyValue) => `${keyValue[0]}-${keyValue[1]}`)\n    .flat()\n    .join(\":\");\n}\n\n/**\n * Returns an instance of Intl.DateTimeFormat and reuses it if requested with the same locale and options.\n *\n * **Note**: the cache will be cleared if a different locale is provided\n *\n * @internal\n */\nexport function getDateTimeFormat(locale: string, options?: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  locale = getSupportedLocale(locale);\n\n  if (!dateTimeFormatCache) {\n    dateTimeFormatCache = new Map();\n  }\n\n  if (previousLocaleUsedForCaching !== locale) {\n    dateTimeFormatCache.clear();\n    previousLocaleUsedForCaching = locale;\n  }\n\n  const key = buildDateTimeFormatCacheKey(options);\n  const cached = dateTimeFormatCache.get(key);\n\n  if (cached) {\n    return cached;\n  }\n\n  const format = new Intl.DateTimeFormat(locale, options);\n  dateTimeFormatCache.set(key, format);\n\n  return format;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-2bae82ba.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{d as e}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";var r={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function e(r,_){switch(_){case"W":return r+"週";default:return r+"日"}},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"},meridiem:function e(r,_){var t=r*100+_;if(t<600){return"凌晨"}else if(t<900){return"早上"}else if(t<1100){return"上午"}else if(t<1300){return"中午"}else if(t<1800){return"下午"}return"晚上"}};e.locale(r,null,true);export{r as default};
+//# sourceMappingURL=p-2bae82ba.js.map

package/dist/calcite/p-2bae82ba.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["locale","name","weekdays","split","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","number","period","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","relativeTime","future","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","meridiem","hour","minute","hm","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/zh-tw.js"],"sourcesContent":["// Chinese (Taiwan) [zh-tw]\nimport dayjs from '../index';\nvar locale = {\n  name: 'zh-tw',\n  weekdays: '星期日_星期一_星期二_星期三_星期四_星期五_星期六'.split('_'),\n  weekdaysShort: '週日_週一_週二_週三_週四_週五_週六'.split('_'),\n  weekdaysMin: '日_一_二_三_四_五_六'.split('_'),\n  months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'),\n  monthsShort: '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),\n  ordinal: function ordinal(number, period) {\n    switch (period) {\n      case 'W':\n        return number + \"\\u9031\";\n\n      default:\n        return number + \"\\u65E5\";\n    }\n  },\n  formats: {\n    LT: 'HH:mm',\n    LTS: 'HH:mm:ss',\n    L: 'YYYY/MM/DD',\n    LL: 'YYYY年M月D日',\n    LLL: 'YYYY年M月D日 HH:mm',\n    LLLL: 'YYYY年M月D日dddd HH:mm',\n    l: 'YYYY/M/D',\n    ll: 'YYYY年M月D日',\n    lll: 'YYYY年M月D日 HH:mm',\n    llll: 'YYYY年M月D日dddd HH:mm'\n  },\n  relativeTime: {\n    future: '%s內',\n    past: '%s前',\n    s: '幾秒',\n    m: '1 分鐘',\n    mm: '%d 分鐘',\n    h: '1 小時',\n    hh: '%d 小時',\n    d: '1 天',\n    dd: '%d 天',\n    M: '1 個月',\n    MM: '%d 個月',\n    y: '1 年',\n    yy: '%d 年'\n  },\n  meridiem: function meridiem(hour, minute) {\n    var hm = hour * 100 + minute;\n\n    if (hm < 600) {\n      return '凌晨';\n    } else if (hm < 900) {\n      return '早上';\n    } else if (hm < 1100) {\n      return '上午';\n    } else if (hm < 1300) {\n      return '中午';\n    } else if (hm < 1800) {\n      return '下午';\n    }\n\n    return '晚上';\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAEG,IAACA,EAAS,CACXC,KAAM,QACNC,SAAU,8BAA8BC,MAAM,KAC9CC,cAAe,uBAAuBD,MAAM,KAC5CE,YAAa,gBAAgBF,MAAM,KACnCG,OAAQ,wCAAwCH,MAAM,KACtDI,YAAa,yCAAyCJ,MAAM,KAC5DK,QAAS,SAASA,EAAQC,EAAQC,GAChC,OAAQA,GACN,IAAK,IACH,OAAOD,EAAS,IAElB,QACE,OAAOA,EAAS,IAExB,EACEE,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,sBACNC,EAAG,WACHC,GAAI,YACJC,IAAK,kBACLC,KAAM,uBAERC,aAAc,CACZC,OAAQ,MACRC,KAAM,MACNC,EAAG,KACHC,EAAG,OACHC,GAAI,QACJC,EAAG,OACHC,GAAI,QACJC,EAAG,MACHC,GAAI,OACJC,EAAG,OACHC,GAAI,QACJC,EAAG,MACHC,GAAI,QAENC,SAAU,SAASA,EAASC,EAAMC,GAChC,IAAIC,EAAKF,EAAO,IAAMC,EAEtB,GAAIC,EAAK,IAAK,CACZ,MAAO,IACb,MAAW,GAAIA,EAAK,IAAK,CACnB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,MAAW,GAAIA,EAAK,KAAM,CACpB,MAAO,IACb,CAEI,MAAO,IACX,GAEAC,EAAMxC,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-2d48eac0.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{d as u}from"./p-3321e84b.js";import"./p-0bbe3b36.js";import"./p-22d5dc3c.js";import"./p-3ba78079.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-23081ea2.js";import"./p-7599ac37.js";import"./p-67d7e16e.js";import"./p-3c66cb95.js";import"./p-ec386b22.js";import"./p-9ce0d310.js";import"./p-2988aea6.js";import"./p-bb1ecc62.js";import"./p-73c764c0.js";import"./p-8a82019f.js";import"./p-8e771cd5.js";import"./p-ce71c1b9.js";import"./p-a3090437.js";function t(u,t,i,a){var e={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")};var m={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")};var s=a&&!t?m:e;var n=s[i];if(u<10){return n.replace("%d",s.numbers[u])}return n.replace("%d",u)}var i={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function u(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};u.locale(i,null,true);export{i as default};
+//# sourceMappingURL=p-2d48eac0.js.map

package/dist/calcite/p-2d48eac0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["relativeTimeFormatter","number","withoutSuffix","key","isFuture","past","s","m","mm","h","hh","d","dd","M","MM","y","yy","numbers","split","future","words","result","replace","locale","name","weekdays","weekdaysShort","weekdaysMin","months","monthsShort","ordinal","n","weekStart","yearStart","relativeTime","formats","LT","LTS","L","LL","LLL","LLLL","l","ll","lll","llll","dayjs"],"sources":["../../node_modules/dayjs/esm/locale/fi.js"],"sourcesContent":["// Finnish [fi]\nimport dayjs from '../index';\n\nfunction relativeTimeFormatter(number, withoutSuffix, key, isFuture) {\n  var past = {\n    s: 'muutama sekunti',\n    m: 'minuutti',\n    mm: '%d minuuttia',\n    h: 'tunti',\n    hh: '%d tuntia',\n    d: 'päivä',\n    dd: '%d päivää',\n    M: 'kuukausi',\n    MM: '%d kuukautta',\n    y: 'vuosi',\n    yy: '%d vuotta',\n    numbers: 'nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän'.split('_')\n  };\n  var future = {\n    s: 'muutaman sekunnin',\n    m: 'minuutin',\n    mm: '%d minuutin',\n    h: 'tunnin',\n    hh: '%d tunnin',\n    d: 'päivän',\n    dd: '%d päivän',\n    M: 'kuukauden',\n    MM: '%d kuukauden',\n    y: 'vuoden',\n    yy: '%d vuoden',\n    numbers: 'nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän'.split('_')\n  };\n  var words = isFuture && !withoutSuffix ? future : past;\n  var result = words[key];\n\n  if (number < 10) {\n    return result.replace('%d', words.numbers[number]);\n  }\n\n  return result.replace('%d', number);\n}\n\nvar locale = {\n  name: 'fi',\n  // Finnish\n  weekdays: 'sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai'.split('_'),\n  // Note weekdays are not capitalized in Finnish\n  weekdaysShort: 'su_ma_ti_ke_to_pe_la'.split('_'),\n  // There is no short form of weekdays in Finnish except this 2 letter format so it is used for both 'weekdaysShort' and 'weekdaysMin'\n  weekdaysMin: 'su_ma_ti_ke_to_pe_la'.split('_'),\n  months: 'tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu'.split('_'),\n  // Note month names are not capitalized in Finnish\n  monthsShort: 'tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu'.split('_'),\n  ordinal: function ordinal(n) {\n    return n + \".\";\n  },\n  weekStart: 1,\n  yearStart: 4,\n  relativeTime: {\n    future: '%s päästä',\n    past: '%s sitten',\n    s: relativeTimeFormatter,\n    m: relativeTimeFormatter,\n    mm: relativeTimeFormatter,\n    h: relativeTimeFormatter,\n    hh: relativeTimeFormatter,\n    d: relativeTimeFormatter,\n    dd: relativeTimeFormatter,\n    M: relativeTimeFormatter,\n    MM: relativeTimeFormatter,\n    y: relativeTimeFormatter,\n    yy: relativeTimeFormatter\n  },\n  formats: {\n    LT: 'HH.mm',\n    LTS: 'HH.mm.ss',\n    L: 'DD.MM.YYYY',\n    LL: 'D. MMMM[ta] YYYY',\n    LLL: 'D. MMMM[ta] YYYY, [klo] HH.mm',\n    LLLL: 'dddd, D. MMMM[ta] YYYY, [klo] HH.mm',\n    l: 'D.M.YYYY',\n    ll: 'D. MMM YYYY',\n    lll: 'D. MMM YYYY, [klo] HH.mm',\n    llll: 'ddd, D. MMM YYYY, [klo] HH.mm'\n  }\n};\ndayjs.locale(locale, null, true);\nexport default locale;"],"mappings":";;;;;odAGA,SAASA,EAAsBC,EAAQC,EAAeC,EAAKC,GACzD,IAAIC,EAAO,CACTC,EAAG,kBACHC,EAAG,WACHC,GAAI,eACJC,EAAG,QACHC,GAAI,YACJC,EAAG,QACHC,GAAI,YACJC,EAAG,WACHC,GAAI,eACJC,EAAG,QACHC,GAAI,YACJC,QAAS,wEAAwEC,MAAM,MAEzF,IAAIC,EAAS,CACXb,EAAG,oBACHC,EAAG,WACHC,GAAI,cACJC,EAAG,SACHC,GAAI,YACJC,EAAG,SACHC,GAAI,YACJC,EAAG,YACHC,GAAI,eACJC,EAAG,SACHC,GAAI,YACJC,QAAS,+EAA+EC,MAAM,MAEhG,IAAIE,EAAQhB,IAAaF,EAAgBiB,EAASd,EAClD,IAAIgB,EAASD,EAAMjB,GAEnB,GAAIF,EAAS,GAAI,CACf,OAAOoB,EAAOC,QAAQ,KAAMF,EAAMH,QAAQhB,GAC9C,CAEE,OAAOoB,EAAOC,QAAQ,KAAMrB,EAC9B,CAEG,IAACsB,EAAS,CACXC,KAAM,KAENC,SAAU,qEAAqEP,MAAM,KAErFQ,cAAe,uBAAuBR,MAAM,KAE5CS,YAAa,uBAAuBT,MAAM,KAC1CU,OAAQ,2GAA2GV,MAAM,KAEzHW,YAAa,uEAAuEX,MAAM,KAC1FY,QAAS,SAASA,EAAQC,GACxB,OAAOA,EAAI,GACf,EACEC,UAAW,EACXC,UAAW,EACXC,aAAc,CACZf,OAAQ,YACRd,KAAM,YACNC,EAAGN,EACHO,EAAGP,EACHQ,GAAIR,EACJS,EAAGT,EACHU,GAAIV,EACJW,EAAGX,EACHY,GAAIZ,EACJa,EAAGb,EACHc,GAAId,EACJe,EAAGf,EACHgB,GAAIhB,GAENmC,QAAS,CACPC,GAAI,QACJC,IAAK,WACLC,EAAG,aACHC,GAAI,mBACJC,IAAK,gCACLC,KAAM,sCACNC,EAAG,WACHC,GAAI,cACJC,IAAK,2BACLC,KAAM,kCAGVC,EAAMvB,OAAOA,EAAQ,KAAM,a","ignoreList":[]}

package/dist/calcite/p-30ac7b95.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as e,c as t,h as o,g as i}from"./p-0bbe3b36.js";import{c as n,d as s}from"./p-95666014.js";import{h as c,e as a}from"./p-3ba78079.js";import{s as l,a as r,c as d}from"./p-9ce0d310.js";import{c as h,d as g}from"./p-2988aea6.js";import{c as p,d as f,s as b,u as m}from"./p-8e771cd5.js";import{K as u}from"./p-40b3e6a1.js";import{o as k}from"./p-ce71c1b9.js";import{g as v}from"./p-ec386b22.js";import"./p-bb1ecc62.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-67d7e16e.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=z;const j=class{constructor(o){e(this,o);this.calciteNoticeBeforeClose=t(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=t(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=t(this,"calciteNoticeClose",6);this.calciteNoticeOpen=t(this,"calciteNoticeOpen",6);this.setTransitionEl=e=>{this.transitionEl=e};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){k(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=c(u,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);g(this);f(this)}async componentWillLoad(){l(this);this.requestedIcon=c(u,this.icon,this.kind);await b(this);if(this.open){k(this)}}componentDidLoad(){r(this)}render(){const{el:e}=this;const t=o("button",{key:"898b161c8f357e36a623c0a02de98be2cb2c2a73","aria-label":this.messages.close,class:w.close,onClick:this.close,ref:e=>this.closeButton=e},o("calcite-icon",{key:"258b71c704cbd390cd7fc031bc04a4ea2eef7ee6",icon:"x",scale:v(this.scale)}));const i=a(e,x.actionsEnd);return o("div",{key:"eb7ea8a838d8ea2182e02fba8701dc816dafbc60",class:w.container,ref:this.setTransitionEl},this.requestedIcon?o("div",{class:w.icon},o("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:v(this.scale)})):null,o("div",{key:"3ac734d3b085f1c80bfb16b14df7cb8d1b7058cb",class:w.content},o("slot",{key:"2698e3774993b1af1bd93a2955e312705fd22543",name:x.title}),o("slot",{key:"b8fb3c294c893ce2edaddf46066a4df45d8832cd",name:x.message}),o("slot",{key:"01a792e1d41a8d935ddbb04b1eb857b8b88c8882",name:x.link})),i?o("div",{class:w.actionsEnd},o("slot",{name:x.actionsEnd})):null,this.closable?t:null)}async setFocus(){await d(this);const e=this.el.querySelector("calcite-link");if(!this.closeButton&&!e){return}if(e){return e.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){m(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};j.style=y;export{j as calcite_notice};
+//# sourceMappingURL=p-30ac7b95.entry.js.map

package/dist/calcite/p-30ac7b95.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SLOTS","title","message","link","actionsEnd","CSS","close","container","content","icon","noticeCss","CalciteNoticeStyle0","Notice","this","setTransitionEl","el","transitionEl","open","openTransitionProp","openHandler","onToggleOpenCloseComponent","onMessagesChange","updateRequestedIcon","requestedIcon","setRequestedIcon","KindIcons","kind","connectedCallback","connectConditionalSlotComponent","connectLocalized","connectMessages","disconnectedCallback","disconnectConditionalSlotComponent","disconnectLocalized","disconnectMessages","componentWillLoad","setUpLoadableComponent","setUpMessages","componentDidLoad","setComponentLoaded","render","closeButton","h","key","messages","class","onClick","ref","scale","getIconScale","hasActionEnd","getSlotted","flipRtl","iconFlipRtl","name","closable","setFocus","componentFocusable","noticeLinkEl","querySelector","focus","onBeforeClose","calciteNoticeBeforeClose","emit","onBeforeOpen","calciteNoticeBeforeOpen","onClose","calciteNoticeClose","onOpen","calciteNoticeOpen","effectiveLocaleChange","updateMessages","effectiveLocale"],"sources":["src/components/notice/resources.ts","src/components/notice/notice.scss?tag=calcite-notice&encapsulation=shadow","src/components/notice/notice.tsx"],"sourcesContent":["export const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  close: \"notice-close\",\n  container: \"container\",\n  content: \"notice-content\",\n  icon: \"notice-icon\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-notice-width: The width of the component.\n */\n\n// scale variables\n:host([scale=\"s\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.2\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.3\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n2-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n2-wrap my-0.5;\n  }\n  .notice-close {\n    // specific padding for close button to align with calcite-action small-scale spacing\n    @apply p-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.3\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.4\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-n1-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-n1-wrap my-0.5;\n  }\n}\n\n:host([scale=\"l\"]) {\n  --calcite-notice-spacing-token-small: theme(\"spacing.4\");\n  --calcite-notice-spacing-token-large: theme(\"spacing.5\");\n  @include slotted(\"title\", \"*\", \".container\") {\n    @apply text-1-wrap my-0.5;\n  }\n  @include slotted(\"message\", \"*\", \".container\") {\n    @apply text-0-wrap my-0.5;\n  }\n  ::slotted(calcite-link) {\n    @apply text-0-wrap my-0.5;\n  }\n}\n\n:host([width=\"auto\"]) {\n  --calcite-notice-width: theme(\"width.auto\");\n}\n\n:host([width=\"half\"]) {\n  --calcite-notice-width: theme(\"width[1/2]\");\n}\n\n:host([width=\"full\"]) {\n  --calcite-notice-width: theme(\"width.full\");\n}\n\n:host {\n  @apply mx-auto hidden max-w-full items-center;\n  inline-size: var(--calcite-notice-width);\n}\n\n.container {\n  @apply bg-foreground-1\n    pointer-events-none\n    my-0\n    box-border\n    hidden\n    w-full\n    opacity-0\n    transition-default;\n  max-block-size: 0;\n  text-align: start;\n  border-inline-start: 0px solid;\n  box-shadow: 0 0 0 0 transparent;\n}\n\n// focus styles\n.notice-close {\n  @apply focus-base;\n  &:focus {\n    @apply focus-inset;\n  }\n}\n\n:host {\n  @apply flex;\n}\n\n:host([open]) .container {\n  @apply shadow-1\n    pointer-events-auto\n    flex\n    max-h-full\n    items-center\n    border-2\n    opacity-100;\n}\n\n@include slotted(\"title\", \"*\", \".container\") {\n  @apply text-color-1 m-0 font-medium;\n}\n\n@include slotted(\"message\", \"*\", \".container\") {\n  @apply text-color-2 m-0 inline font-normal;\n  margin-inline-end: var(--calcite-notice-spacing-token-small);\n}\n\n@mixin notice-element-base() {\n  @apply transition-default box-border;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: var(--calcite-notice-spacing-token-large);\n  flex: 0 0 auto;\n}\n\n.notice-content {\n  @include notice-element-base;\n  @apply flex min-w-0 flex-col break-words;\n  flex: 1 1 0;\n  padding-block: var(--calcite-notice-spacing-token-small);\n  padding-inline: 0 var(--calcite-notice-spacing-token-small);\n\n  &:first-of-type:not(:only-child) {\n    padding-inline-start: var(--calcite-notice-spacing-token-large);\n  }\n  &:only-of-type {\n    padding-block: var(--calcite-notice-spacing-token-small);\n    padding-inline: var(--calcite-notice-spacing-token-large);\n  }\n}\n\n.notice-icon {\n  @apply flex items-center;\n  @include notice-element-base;\n}\n\n.notice-close {\n  @apply text-color-3 flex cursor-pointer items-center self-stretch border-none bg-transparent outline-none;\n  @include notice-element-base;\n  -webkit-appearance: none;\n\n  &:hover,\n  &:focus {\n    @apply bg-foreground-2 text-color-1;\n  }\n\n  &:active {\n    @apply bg-foreground-3;\n  }\n}\n\n.actions-end {\n  @apply flex self-stretch;\n}\n\n$noticeKinds:\n  \"brand\" var(--calcite-color-brand),\n  \"info\" var(--calcite-color-status-info),\n  \"danger\" var(--calcite-color-status-danger),\n  \"success\" var(--calcite-color-status-success),\n  \"warning\" var(--calcite-color-status-warning);\n\n@each $noticeKind in $noticeKinds {\n  $name: nth($noticeKind, 1);\n  $kind: nth($noticeKind, 2);\n\n  :host([kind=\"#{$name}\"]) .container {\n    border-color: $kind;\n    & .notice-icon {\n      color: $kind;\n    }\n  }\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport { getSlotted, setRequestedIcon } from \"../../utils/dom\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { connectLocalized, disconnectLocalized, LocalizedComponent } from \"../../utils/locale\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { Kind, Scale, Width } from \"../interfaces\";\nimport { KindIcons } from \"../resources\";\nimport { onToggleOpenCloseComponent, OpenCloseComponent } from \"../../utils/openCloseComponent\";\nimport { getIconScale } from \"../../utils/component\";\nimport { NoticeMessages } from \"./assets/notice/t9n\";\nimport { CSS, SLOTS } from \"./resources\";\n\n/**\n * Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because\n * notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.\n * They are optionally closable - useful for keeping track of whether or not a user has closed the notice. You can also choose not\n * to display a notice on page load and set the \"active\" attribute as needed to contextually provide inline messaging to users.\n */\n\n/**\n * @slot title - A slot for adding the title.\n * @slot message - A slot for adding the message.\n * @slot link - A slot for adding a `calcite-action` to take, such as: \"undo\", \"try again\", \"link to page\", etc.\n * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.\n */\n\n@Component({\n  tag: \"calcite-notice\",\n  styleUrl: \"notice.scss\",\n  shadow: true,\n  assetsDirs: [\"assets\"],\n})\nexport class Notice\n  implements\n    ConditionalSlotComponent,\n    LoadableComponent,\n    T9nComponent,\n    LocalizedComponent,\n    OpenCloseComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //---------------------------------------------------------------------------\n\n  /** When `true`, the component is visible. */\n  @Prop({ reflect: true, mutable: true }) open = false;\n\n  @Watch(\"open\")\n  openHandler(): void {\n    onToggleOpenCloseComponent(this);\n  }\n\n  /** Specifies the kind of the component, which will apply to top border and icon. */\n  @Prop({ reflect: true }) kind: Extract<\n    \"brand\" | \"danger\" | \"info\" | \"success\" | \"warning\",\n    Kind\n  > = \"brand\";\n\n  /** When `true`, a close button is added to the component. */\n  @Prop({ reflect: true }) closable = false;\n\n  /**\n   * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.\n   */\n  @Prop({ reflect: true }) icon: string | boolean;\n\n  /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the width of the component. */\n  @Prop({ reflect: true }) width: Width = \"auto\";\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: NoticeMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<NoticeMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  @Watch(\"icon\")\n  @Watch(\"kind\")\n  updateRequestedIcon(): void {\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    this.requestedIcon = setRequestedIcon(KindIcons, this.icon, this.kind);\n    await setUpMessages(this);\n    if (this.open) {\n      onToggleOpenCloseComponent(this);\n    }\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  render(): VNode {\n    const { el } = this;\n    const closeButton = (\n      <button\n        aria-label={this.messages.close}\n        class={CSS.close}\n        onClick={this.close}\n        ref={(el) => (this.closeButton = el)}\n      >\n        <calcite-icon icon=\"x\" scale={getIconScale(this.scale)} />\n      </button>\n    );\n\n    const hasActionEnd = getSlotted(el, SLOTS.actionsEnd);\n\n    return (\n      <div class={CSS.container} ref={this.setTransitionEl}>\n        {this.requestedIcon ? (\n          <div class={CSS.icon}>\n            <calcite-icon\n              flipRtl={this.iconFlipRtl}\n              icon={this.requestedIcon}\n              scale={getIconScale(this.scale)}\n            />\n          </div>\n        ) : null}\n        <div class={CSS.content}>\n          <slot name={SLOTS.title} />\n          <slot name={SLOTS.message} />\n          <slot name={SLOTS.link} />\n        </div>\n        {hasActionEnd ? (\n          <div class={CSS.actionsEnd}>\n            <slot name={SLOTS.actionsEnd} />\n          </div>\n        ) : null}\n        {this.closable ? closeButton : null}\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /** Fires when the component is requested to be closed and before the closing transition begins. */\n  @Event({ cancelable: false }) calciteNoticeBeforeClose: EventEmitter<void>;\n\n  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */\n  @Event({ cancelable: false }) calciteNoticeBeforeOpen: EventEmitter<void>;\n\n  /** Fires when the component is closed and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeClose: EventEmitter<void>;\n\n  /** Fires when the component is open and animation is complete. */\n  @Event({ cancelable: false }) calciteNoticeOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component's first focusable element. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const noticeLinkEl = this.el.querySelector(\"calcite-link\");\n\n    if (!this.closeButton && !noticeLinkEl) {\n      return;\n    }\n    if (noticeLinkEl) {\n      return noticeLinkEl.setFocus();\n    } else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n\n  onBeforeClose(): void {\n    this.calciteNoticeBeforeClose.emit();\n  }\n\n  onBeforeOpen(): void {\n    this.calciteNoticeBeforeOpen.emit();\n  }\n\n  onClose(): void {\n    this.calciteNoticeClose.emit();\n  }\n\n  onOpen(): void {\n    this.calciteNoticeOpen.emit();\n  }\n\n  private setTransitionEl = (el: HTMLElement): void => {\n    this.transitionEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  private close = (): void => {\n    this.open = false;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteNoticeElement;\n\n  /** The close button element. */\n  private closeButton?: HTMLButtonElement;\n\n  /** The computed icon to render. */\n  private requestedIcon?: string;\n\n  @State() effectiveLocale: string;\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleChange(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  @State() defaultMessages: NoticeMessages;\n\n  openTransitionProp = \"opacity\";\n\n  transitionEl: HTMLElement;\n}\n"],"mappings":";;;;;ifAAO,MAAMA,EAAQ,CACnBC,MAAO,QACPC,QAAS,UACTC,KAAM,OACNC,WAAY,eAGP,MAAMC,EAAM,CACjBD,WAAY,cACZE,MAAO,eACPC,UAAW,YACXC,QAAS,iBACTC,KAAM,eCZR,MAAMC,EAAY,2wNAClB,MAAAC,EAAeD,E,MC0DFE,EAAM,M,yQAuMTC,KAAAC,gBAAmBC,IACzBF,KAAKG,aAAeD,CAAE,EAQhBF,KAAAP,MAAQ,KACdO,KAAKI,KAAO,KAAK,EA0BnBJ,KAAAK,mBAAqB,U,UA5N0B,M,UAW3C,Q,cAGgC,M,qCAQG,M,WAGC,I,WAGA,O,sHAzBxC,WAAAC,GACEC,EAA2BP,K,CAyC7B,gBAAAQ,G,CAMA,mBAAAC,GACET,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKJ,KAAMI,KAAKa,K,CASnE,iBAAAC,GACEC,EAAgCf,MAChCgB,EAAiBhB,MACjBiB,EAAgBjB,K,CAGlB,oBAAAkB,GACEC,EAAmCnB,MACnCoB,EAAoBpB,MACpBqB,EAAmBrB,K,CAGrB,uBAAMsB,GACJC,EAAuBvB,MACvBA,KAAKU,cAAgBC,EAAiBC,EAAWZ,KAAKJ,KAAMI,KAAKa,YAC3DW,EAAcxB,MACpB,GAAIA,KAAKI,KAAM,CACbG,EAA2BP,K,EAI/B,gBAAAyB,GACEC,EAAmB1B,K,CAGrB,MAAA2B,GACE,MAAMzB,GAAEA,GAAOF,KACf,MAAM4B,EACJC,EAAA,UAAAC,IAAA,wDACc9B,KAAK+B,SAAStC,MAC1BuC,MAAOxC,EAAIC,MACXwC,QAASjC,KAAKP,MACdyC,IAAMhC,GAAQF,KAAK4B,YAAc1B,GAEjC2B,EAAA,gBAAAC,IAAA,2CAAclC,KAAK,IAAIuC,MAAOC,EAAapC,KAAKmC,UAIpD,MAAME,EAAeC,EAAWpC,EAAIf,EAAMI,YAE1C,OACEsC,EAAA,OAAAC,IAAA,2CAAKE,MAAOxC,EAAIE,UAAWwC,IAAKlC,KAAKC,iBAClCD,KAAKU,cACJmB,EAAA,OAAKG,MAAOxC,EAAII,MACdiC,EAAA,gBACEU,QAASvC,KAAKwC,YACd5C,KAAMI,KAAKU,cACXyB,MAAOC,EAAapC,KAAKmC,UAG3B,KACJN,EAAA,OAAAC,IAAA,2CAAKE,MAAOxC,EAAIG,SACdkC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAMC,QAClByC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAME,UAClBwC,EAAA,QAAAC,IAAA,2CAAMW,KAAMtD,EAAMG,QAEnB+C,EACCR,EAAA,OAAKG,MAAOxC,EAAID,YACdsC,EAAA,QAAMY,KAAMtD,EAAMI,cAElB,KACHS,KAAK0C,SAAWd,EAAc,K,CA+BrC,cAAMe,SACEC,EAAmB5C,MAEzB,MAAM6C,EAAe7C,KAAKE,GAAG4C,cAAc,gBAE3C,IAAK9C,KAAK4B,cAAgBiB,EAAc,CACtC,M,CAEF,GAAIA,EAAc,CAChB,OAAOA,EAAaF,U,MACf,GAAI3C,KAAK4B,YAAa,CAC3B5B,KAAK4B,YAAYmB,O,EAIrB,aAAAC,GACEhD,KAAKiD,yBAAyBC,M,CAGhC,YAAAC,GACEnD,KAAKoD,wBAAwBF,M,CAG/B,OAAAG,GACErD,KAAKsD,mBAAmBJ,M,CAG1B,MAAAK,GACEvD,KAAKwD,kBAAkBN,M,CAiCzB,qBAAAO,GACEC,EAAe1D,KAAMA,KAAK2D,gB","ignoreList":[]}

package/dist/calcite/p-314cfd73.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.9.1-next.1
+ */
+import{r as t,c as e,h as s,g as n,F as i}from"./p-0bbe3b36.js";import{l as o,g as r,d as a,i as c}from"./p-3ba78079.js";import{c as l,d as h,u,I as d}from"./p-23081ea2.js";import{i as f}from"./p-67d7e16e.js";import{c as p,s as b,a as g}from"./p-9ce0d310.js";import{c as m,d as w}from"./p-2988aea6.js";import{r as v,c as y,a as k}from"./p-8a82019f.js";import{u as x,s as C,c as M,d as A}from"./p-8e771cd5.js";import{C as S,n as j,a as O,o as z,b as F,c as $,p as I,d as D,e as N,t as E,f as L,g as q,j as K,i as U,r as P,k as T}from"./p-efaeee26.js";import{t as _}from"./p-e0e5c87d.js";import"./p-8deeb4a2.js";import"./p-4e2bc4be.js";import"./p-7599ac37.js";import"./p-ec386b22.js";import"./p-bb1ecc62.js";import"./p-20e841e7.js";var B={exports:{}};var H={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var V={exports:{}};var J=function t(e){if(!e||typeof e==="string"){return false}return e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&e.constructor.name!=="String")};var R=J;var X=Array.prototype.concat;var W=Array.prototype.slice;var G=V.exports=function t(e){var s=[];for(var n=0,i=e.length;n<i;n++){var o=e[n];if(R(o)){s=X.call(s,W.call(o))}else{s.push(o)}}return s};G.wrap=function(t){return function(){return t(G(arguments))}};var Y=H;var Q=V.exports;var Z=Object.hasOwnProperty;var tt=Object.create(null);for(var et in Y){if(Z.call(Y,et)){tt[Y[et]]=et}}var st=B.exports={to:{},get:{}};st.get=function(t){var e=t.substring(0,3).toLowerCase();var s;var n;switch(e){case"hsl":s=st.get.hsl(t);n="hsl";break;case"hwb":s=st.get.hwb(t);n="hwb";break;default:s=st.get.rgb(t);n="rgb";break}if(!s){return null}return{model:n,value:s}};st.get.rgb=function(t){if(!t){return null}var e=/^#([a-f0-9]{3,4})$/i;var s=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var n=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var i=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^(\w+)$/;var r=[0,0,0,1];var a;var c;var l;if(a=t.match(s)){l=a[2];a=a[1];for(c=0;c<3;c++){var h=c*2;r[c]=parseInt(a.slice(h,h+2),16)}if(l){r[3]=parseInt(l,16)/255}}else if(a=t.match(e)){a=a[1];l=a[3];for(c=0;c<3;c++){r[c]=parseInt(a[c]+a[c],16)}if(l){r[3]=parseInt(l+l,16)/255}}else if(a=t.match(n)){for(c=0;c<3;c++){r[c]=parseInt(a[c+1],0)}if(a[4]){if(a[5]){r[3]=parseFloat(a[4])*.01}else{r[3]=parseFloat(a[4])}}}else if(a=t.match(i)){for(c=0;c<3;c++){r[c]=Math.round(parseFloat(a[c+1])*2.55)}if(a[4]){if(a[5]){r[3]=parseFloat(a[4])*.01}else{r[3]=parseFloat(a[4])}}}else if(a=t.match(o)){if(a[1]==="transparent"){return[0,0,0,0]}if(!Z.call(Y,a[1])){return null}r=Y[a[1]];r[3]=1;return r}else{return null}for(c=0;c<3;c++){r[c]=nt(r[c],0,255)}r[3]=nt(r[3],0,1);return r};st.get.hsl=function(t){if(!t){return null}var e=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var o=nt(parseFloat(s[2]),0,100);var r=nt(parseFloat(s[3]),0,100);var a=nt(isNaN(n)?1:n,0,1);return[i,o,r,a]}return null};st.get.hwb=function(t){if(!t){return null}var e=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var s=t.match(e);if(s){var n=parseFloat(s[4]);var i=(parseFloat(s[1])%360+360)%360;var o=nt(parseFloat(s[2]),0,100);var r=nt(parseFloat(s[3]),0,100);var a=nt(isNaN(n)?1:n,0,1);return[i,o,r,a]}return null};st.to.hex=function(){var t=Q(arguments);return"#"+it(t[0])+it(t[1])+it(t[2])+(t[3]<1?it(Math.round(t[3]*255)):"")};st.to.rgb=function(){var t=Q(arguments);return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};st.to.rgb.percent=function(){var t=Q(arguments);var e=Math.round(t[0]/255*100);var s=Math.round(t[1]/255*100);var n=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+e+"%, "+s+"%, "+n+"%)":"rgba("+e+"%, "+s+"%, "+n+"%, "+t[3]+")"};st.to.hsl=function(){var t=Q(arguments);return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};st.to.hwb=function(){var t=Q(arguments);var e="";if(t.length>=4&&t[3]!==1){e=", "+t[3]}return"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"};st.to.keyword=function(t){return tt[t.slice(0,3)]};function nt(t,e,s){return Math.min(Math.max(e,t),s)}function it(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}const ot=H;const rt={};for(const t of Object.keys(ot)){rt[ot[t]]=t}const at={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var ct=at;for(const t of Object.keys(at)){if(!("channels"in at[t])){throw new Error("missing channels property: "+t)}if(!("labels"in at[t])){throw new Error("missing channel labels property: "+t)}if(at[t].labels.length!==at[t].channels){throw new Error("channel and label counts mismatch: "+t)}const{channels:e,labels:s}=at[t];delete at[t].channels;delete at[t].labels;Object.defineProperty(at[t],"channels",{value:e});Object.defineProperty(at[t],"labels",{value:s})}at.rgb.hsl=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(e,s,n);const o=Math.max(e,s,n);const r=o-i;let a;let c;if(o===i){a=0}else if(e===o){a=(s-n)/r}else if(s===o){a=2+(n-e)/r}else if(n===o){a=4+(e-s)/r}a=Math.min(a*60,360);if(a<0){a+=360}const l=(i+o)/2;if(o===i){c=0}else if(l<=.5){c=r/(o+i)}else{c=r/(2-o-i)}return[a,c*100,l*100]};at.rgb.hsv=function(t){let e;let s;let n;let i;let o;const r=t[0]/255;const a=t[1]/255;const c=t[2]/255;const l=Math.max(r,a,c);const h=l-Math.min(r,a,c);const u=function(t){return(l-t)/6/h+1/2};if(h===0){i=0;o=0}else{o=h/l;e=u(r);s=u(a);n=u(c);if(r===l){i=n-s}else if(a===l){i=1/3+e-n}else if(c===l){i=2/3+s-e}if(i<0){i+=1}else if(i>1){i-=1}}return[i*360,o*100,l*100]};at.rgb.hwb=function(t){const e=t[0];const s=t[1];let n=t[2];const i=at.rgb.hsl(t)[0];const o=1/255*Math.min(e,Math.min(s,n));n=1-1/255*Math.max(e,Math.max(s,n));return[i,o*100,n*100]};at.rgb.cmyk=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.min(1-e,1-s,1-n);const o=(1-e-i)/(1-i)||0;const r=(1-s-i)/(1-i)||0;const a=(1-n-i)/(1-i)||0;return[o*100,r*100,a*100,i*100]};function lt(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}at.rgb.keyword=function(t){const e=rt[t];if(e){return e}let s=Infinity;let n;for(const e of Object.keys(ot)){const i=ot[e];const o=lt(t,i);if(o<s){s=o;n=e}}return n};at.keyword.rgb=function(t){return ot[t]};at.rgb.xyz=function(t){let e=t[0]/255;let s=t[1]/255;let n=t[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92;s=s>.04045?((s+.055)/1.055)**2.4:s/12.92;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const i=e*.4124+s*.3576+n*.1805;const o=e*.2126+s*.7152+n*.0722;const r=e*.0193+s*.1192+n*.9505;return[i*100,o*100,r*100]};at.rgb.lab=function(t){const e=at.rgb.xyz(t);let s=e[0];let n=e[1];let i=e[2];s/=95.047;n/=100;i/=108.883;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;i=i>.008856?i**(1/3):7.787*i+16/116;const o=116*n-16;const r=500*(s-n);const a=200*(n-i);return[o,r,a]};at.hsl.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;if(s===0){r=n*255;return[r,r,r]}if(n<.5){i=n*(1+s)}else{i=n+s-n*s}const a=2*n-i;const c=[0,0,0];for(let t=0;t<3;t++){o=e+1/3*-(t-1);if(o<0){o++}if(o>1){o--}if(6*o<1){r=a+(i-a)*6*o}else if(2*o<1){r=i}else if(3*o<2){r=a+(i-a)*(2/3-o)*6}else{r=a}c[t]=r*255}return c};at.hsl.hsv=function(t){const e=t[0];let s=t[1]/100;let n=t[2]/100;let i=s;const o=Math.max(n,.01);n*=2;s*=n<=1?n:2-n;i*=o<=1?o:2-o;const r=(n+s)/2;const a=n===0?2*i/(o+i):2*s/(n+s);return[e,a*100,r*100]};at.hsv.rgb=function(t){const e=t[0]/60;const s=t[1]/100;let n=t[2]/100;const i=Math.floor(e)%6;const o=e-Math.floor(e);const r=255*n*(1-s);const a=255*n*(1-s*o);const c=255*n*(1-s*(1-o));n*=255;switch(i){case 0:return[n,c,r];case 1:return[a,n,r];case 2:return[r,n,c];case 3:return[r,a,n];case 4:return[c,r,n];case 5:return[n,r,a]}};at.hsv.hsl=function(t){const e=t[0];const s=t[1]/100;const n=t[2]/100;const i=Math.max(n,.01);let o;let r;r=(2-s)*n;const a=(2-s)*i;o=s*i;o/=a<=1?a:2-a;o=o||0;r/=2;return[e,o*100,r*100]};at.hwb.rgb=function(t){const e=t[0]/360;let s=t[1]/100;let n=t[2]/100;const i=s+n;let o;if(i>1){s/=i;n/=i}const r=Math.floor(6*e);const a=1-n;o=6*e-r;if((r&1)!==0){o=1-o}const c=s+o*(a-s);let l;let h;let u;switch(r){default:case 6:case 0:l=a;h=c;u=s;break;case 1:l=c;h=a;u=s;break;case 2:l=s;h=a;u=c;break;case 3:l=s;h=c;u=a;break;case 4:l=c;h=s;u=a;break;case 5:l=a;h=s;u=c;break}return[l*255,h*255,u*255]};at.cmyk.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;const i=t[3]/100;const o=1-Math.min(1,e*(1-i)+i);const r=1-Math.min(1,s*(1-i)+i);const a=1-Math.min(1,n*(1-i)+i);return[o*255,r*255,a*255]};at.xyz.rgb=function(t){const e=t[0]/100;const s=t[1]/100;const n=t[2]/100;let i;let o;let r;i=e*3.2406+s*-1.5372+n*-.4986;o=e*-.9689+s*1.8758+n*.0415;r=e*.0557+s*-.204+n*1.057;i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92;o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92;r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92;i=Math.min(Math.max(0,i),1);o=Math.min(Math.max(0,o),1);r=Math.min(Math.max(0,r),1);return[i*255,o*255,r*255]};at.xyz.lab=function(t){let e=t[0];let s=t[1];let n=t[2];e/=95.047;s/=100;n/=108.883;e=e>.008856?e**(1/3):7.787*e+16/116;s=s>.008856?s**(1/3):7.787*s+16/116;n=n>.008856?n**(1/3):7.787*n+16/116;const i=116*s-16;const o=500*(e-s);const r=200*(s-n);return[i,o,r]};at.lab.xyz=function(t){const e=t[0];const s=t[1];const n=t[2];let i;let o;let r;o=(e+16)/116;i=s/500+o;r=o-n/200;const a=o**3;const c=i**3;const l=r**3;o=a>.008856?a:(o-16/116)/7.787;i=c>.008856?c:(i-16/116)/7.787;r=l>.008856?l:(r-16/116)/7.787;i*=95.047;o*=100;r*=108.883;return[i,o,r]};at.lab.lch=function(t){const e=t[0];const s=t[1];const n=t[2];let i;const o=Math.atan2(n,s);i=o*360/2/Math.PI;if(i<0){i+=360}const r=Math.sqrt(s*s+n*n);return[e,r,i]};at.lch.lab=function(t){const e=t[0];const s=t[1];const n=t[2];const i=n/360*2*Math.PI;const o=s*Math.cos(i);const r=s*Math.sin(i);return[e,o,r]};at.rgb.ansi16=function(t,e=null){const[s,n,i]=t;let o=e===null?at.rgb.hsv(t)[2]:e;o=Math.round(o/50);if(o===0){return 30}let r=30+(Math.round(i/255)<<2|Math.round(n/255)<<1|Math.round(s/255));if(o===2){r+=60}return r};at.hsv.ansi16=function(t){return at.rgb.ansi16(at.hsv.rgb(t),t[2])};at.rgb.ansi256=function(t){const e=t[0];const s=t[1];const n=t[2];if(e===s&&s===n){if(e<8){return 16}if(e>248){return 231}return Math.round((e-8)/247*24)+232}const i=16+36*Math.round(e/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5);return i};at.ansi16.rgb=function(t){let e=t%10;if(e===0||e===7){if(t>50){e+=3.5}e=e/10.5*255;return[e,e,e]}const s=(~~(t>50)+1)*.5;const n=(e&1)*s*255;const i=(e>>1&1)*s*255;const o=(e>>2&1)*s*255;return[n,i,o]};at.ansi256.rgb=function(t){if(t>=232){const e=(t-232)*10+8;return[e,e,e]}t-=16;let e;const s=Math.floor(t/36)/5*255;const n=Math.floor((e=t%36)/6)/5*255;const i=e%6/5*255;return[s,n,i]};at.rgb.hex=function(t){const e=((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255);const s=e.toString(16).toUpperCase();return"000000".substring(s.length)+s};at.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e){return[0,0,0]}let s=e[0];if(e[0].length===3){s=s.split("").map((t=>t+t)).join("")}const n=parseInt(s,16);const i=n>>16&255;const o=n>>8&255;const r=n&255;return[i,o,r]};at.rgb.hcg=function(t){const e=t[0]/255;const s=t[1]/255;const n=t[2]/255;const i=Math.max(Math.max(e,s),n);const o=Math.min(Math.min(e,s),n);const r=i-o;let a;let c;if(r<1){a=o/(1-r)}else{a=0}if(r<=0){c=0}else if(i===e){c=(s-n)/r%6}else if(i===s){c=2+(n-e)/r}else{c=4+(e-s)/r}c/=6;c%=1;return[c*360,r*100,a*100]};at.hsl.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=s<.5?2*e*s:2*e*(1-s);let i=0;if(n<1){i=(s-.5*n)/(1-n)}return[t[0],n*100,i*100]};at.hsv.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=e*s;let i=0;if(n<1){i=(s-n)/(1-n)}return[t[0],n*100,i*100]};at.hcg.rgb=function(t){const e=t[0]/360;const s=t[1]/100;const n=t[2]/100;if(s===0){return[n*255,n*255,n*255]}const i=[0,0,0];const o=e%1*6;const r=o%1;const a=1-r;let c=0;switch(Math.floor(o)){case 0:i[0]=1;i[1]=r;i[2]=0;break;case 1:i[0]=a;i[1]=1;i[2]=0;break;case 2:i[0]=0;i[1]=1;i[2]=r;break;case 3:i[0]=0;i[1]=a;i[2]=1;break;case 4:i[0]=r;i[1]=0;i[2]=1;break;default:i[0]=1;i[1]=0;i[2]=a}c=(1-s)*n;return[(s*i[0]+c)*255,(s*i[1]+c)*255,(s*i[2]+c)*255]};at.hcg.hsv=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);let i=0;if(n>0){i=e/n}return[t[0],i*100,n*100]};at.hcg.hsl=function(t){const e=t[1]/100;const s=t[2]/100;const n=s*(1-e)+.5*e;let i=0;if(n>0&&n<.5){i=e/(2*n)}else if(n>=.5&&n<1){i=e/(2*(1-n))}return[t[0],i*100,n*100]};at.hcg.hwb=function(t){const e=t[1]/100;const s=t[2]/100;const n=e+s*(1-e);return[t[0],(n-e)*100,(1-n)*100]};at.hwb.hcg=function(t){const e=t[1]/100;const s=t[2]/100;const n=1-s;const i=n-e;let o=0;if(i<1){o=(n-i)/(1-i)}return[t[0],i*100,o*100]};at.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};at.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};at.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};at.gray.hsl=function(t){return[0,0,t[0]]};at.gray.hsv=at.gray.hsl;at.gray.hwb=function(t){return[0,100,t[0]]};at.gray.cmyk=function(t){return[0,0,0,t[0]]};at.gray.lab=function(t){return[t[0],0,0]};at.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255;const s=(e<<16)+(e<<8)+e;const n=s.toString(16).toUpperCase();return"000000".substring(n.length)+n};at.rgb.gray=function(t){const e=(t[0]+t[1]+t[2])/3;return[e/255*100]};const ht=ct;function ut(){const t={};const e=Object.keys(ht);for(let s=e.length,n=0;n<s;n++){t[e[n]]={distance:-1,parent:null}}return t}function dt(t){const e=ut();const s=[t];e[t].distance=0;while(s.length){const t=s.pop();const n=Object.keys(ht[t]);for(let i=n.length,o=0;o<i;o++){const i=n[o];const r=e[i];if(r.distance===-1){r.distance=e[t].distance+1;r.parent=t;s.unshift(i)}}}return e}function ft(t,e){return function(s){return e(t(s))}}function pt(t,e){const s=[e[t].parent,t];let n=ht[e[t].parent][t];let i=e[t].parent;while(e[i].parent){s.unshift(e[i].parent);n=ft(ht[e[i].parent][i],n);i=e[i].parent}n.conversion=s;return n}var bt=function(t){const e=dt(t);const s={};const n=Object.keys(e);for(let t=n.length,i=0;i<t;i++){const t=n[i];const o=e[t];if(o.parent===null){continue}s[t]=pt(t,e)}return s};const gt=ct;const mt=bt;const wt={};const vt=Object.keys(gt);function yt(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}return t(e)};if("conversion"in t){e.conversion=t.conversion}return e}function kt(t){const e=function(...e){const s=e[0];if(s===undefined||s===null){return s}if(s.length>1){e=s}const n=t(e);if(typeof n==="object"){for(let t=n.length,e=0;e<t;e++){n[e]=Math.round(n[e])}}return n};if("conversion"in t){e.conversion=t.conversion}return e}vt.forEach((t=>{wt[t]={};Object.defineProperty(wt[t],"channels",{value:gt[t].channels});Object.defineProperty(wt[t],"labels",{value:gt[t].labels});const e=mt(t);const s=Object.keys(e);s.forEach((s=>{const n=e[s];wt[t][s]=kt(n);wt[t][s].raw=yt(n)}))}));var xt=wt;const Ct=B.exports;const Mt=xt;const At=["keyword","gray","hex"];const St={};for(const t of Object.keys(Mt)){St[[...Mt[t].labels].sort().join("")]=t}const jt={};function Ot(t,e){if(!(this instanceof Ot)){return new Ot(t,e)}if(e&&e in At){e=null}if(e&&!(e in Mt)){throw new Error("Unknown model: "+e)}let s;let n;if(t==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(t instanceof Ot){this.model=t.model;this.color=[...t.color];this.valpha=t.valpha}else if(typeof t==="string"){const e=Ct.get(t);if(e===null){throw new Error("Unable to parse color from string: "+t)}this.model=e.model;n=Mt[this.model].channels;this.color=e.value.slice(0,n);this.valpha=typeof e.value[n]==="number"?e.value[n]:1}else if(t.length>0){this.model=e||"rgb";n=Mt[this.model].channels;const s=Array.prototype.slice.call(t,0,n);this.color=Nt(s,n);this.valpha=typeof t[n]==="number"?t[n]:1}else if(typeof t==="number"){this.model="rgb";this.color=[t>>16&255,t>>8&255,t&255];this.valpha=1}else{this.valpha=1;const e=Object.keys(t);if("alpha"in t){e.splice(e.indexOf("alpha"),1);this.valpha=typeof t.alpha==="number"?t.alpha:0}const n=e.sort().join("");if(!(n in St)){throw new Error("Unable to parse color from object: "+JSON.stringify(t))}this.model=St[n];const{labels:i}=Mt[this.model];const o=[];for(s=0;s<i.length;s++){o.push(t[i[s]])}this.color=Nt(o)}if(jt[this.model]){n=Mt[this.model].channels;for(s=0;s<n;s++){const t=jt[this.model][s];if(t){this.color[s]=t(this.color[s])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}Ot.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in Ct.to?this:this.rgb();e=e.round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return Ct.to[e.model](s)},percentString(t){const e=this.rgb().round(typeof t==="number"?t:1);const s=e.valpha===1?e.color:[...e.color,this.valpha];return Ct.to.rgb.percent(s)},array(){return this.valpha===1?[...this.color]:[...this.color,this.valpha]},object(){const t={};const{channels:e}=Mt[this.model];const{labels:s}=Mt[this.model];for(let n=0;n<e;n++){t[s[n]]=this.color[n]}if(this.valpha!==1){t.alpha=this.valpha}return t},unitArray(){const t=this.rgb().color;t[0]/=255;t[1]/=255;t[2]/=255;if(this.valpha!==1){t.push(this.valpha)}return t},unitObject(){const t=this.rgb().object();t.r/=255;t.g/=255;t.b/=255;if(this.valpha!==1){t.alpha=this.valpha}return t},round(t){t=Math.max(t||0,0);return new Ot([...this.color.map(Ft(t)),this.valpha],this.model)},alpha(t){if(t!==undefined){return new Ot([...this.color,Math.max(0,Math.min(1,t))],this.model)}return this.valpha},red:$t("rgb",0,It(255)),green:$t("rgb",1,It(255)),blue:$t("rgb",2,It(255)),hue:$t(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:$t("hsl",1,It(100)),lightness:$t("hsl",2,It(100)),saturationv:$t("hsv",1,It(100)),value:$t("hsv",2,It(100)),chroma:$t("hcg",1,It(100)),gray:$t("hcg",2,It(100)),white:$t("hwb",1,It(100)),wblack:$t("hwb",2,It(100)),cyan:$t("cmyk",0,It(100)),magenta:$t("cmyk",1,It(100)),yellow:$t("cmyk",2,It(100)),black:$t("cmyk",3,It(100)),x:$t("xyz",0,It(95.047)),y:$t("xyz",1,It(100)),z:$t("xyz",2,It(108.833)),l:$t("lab",0,It(100)),a:$t("lab",1),b:$t("lab",2),keyword(t){if(t!==undefined){return new Ot(t)}return Mt[this.model].keyword(this.color)},hex(t){if(t!==undefined){return new Ot(t)}return Ct.to.hex(this.rgb().round().color)},hexa(t){if(t!==undefined){return new Ot(t)}const e=this.rgb().round().color;let s=Math.round(this.valpha*255).toString(16).toUpperCase();if(s.length===1){s="0"+s}return Ct.to.hex(e)+s},rgbNumber(){const t=this.rgb().color;return(t[0]&255)<<16|(t[1]&255)<<8|t[2]&255},luminosity(){const t=this.rgb().color;const e=[];for(const[s,n]of t.entries()){const t=n/255;e[s]=t<=.04045?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity();const s=t.luminosity();if(e>s){return(e+.05)/(s+.05)}return(s+.05)/(e+.05)},level(t){const e=this.contrast(t);if(e>=7){return"AAA"}return e>=4.5?"AA":""},isDark(){const t=this.rgb().color;const e=(t[0]*2126+t[1]*7152+t[2]*722)/1e4;return e<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++){t.color[e]=255-t.color[e]}return t},lighten(t){const e=this.hsl();e.color[2]+=e.color[2]*t;return e},darken(t){const e=this.hsl();e.color[2]-=e.color[2]*t;return e},saturate(t){const e=this.hsl();e.color[1]+=e.color[1]*t;return e},desaturate(t){const e=this.hsl();e.color[1]-=e.color[1]*t;return e},whiten(t){const e=this.hwb();e.color[1]+=e.color[1]*t;return e},blacken(t){const e=this.hwb();e.color[2]+=e.color[2]*t;return e},grayscale(){const t=this.rgb().color;const e=t[0]*.3+t[1]*.59+t[2]*.11;return Ot.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let s=e.color[0];s=(s+t)%360;s=s<0?360+s:s;e.color[0]=s;return e},mix(t,e){if(!t||!t.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t)}const s=t.rgb();const n=this.rgb();const i=e===undefined?.5:e;const o=2*i-1;const r=s.alpha()-n.alpha();const a=((o*r===-1?o:(o+r)/(1+o*r))+1)/2;const c=1-a;return Ot.rgb(a*s.red()+c*n.red(),a*s.green()+c*n.green(),a*s.blue()+c*n.blue(),s.alpha()*i+n.alpha()*(1-i))}};for(const t of Object.keys(Mt)){if(At.includes(t)){continue}const{channels:e}=Mt[t];Ot.prototype[t]=function(...e){if(this.model===t){return new Ot(this)}if(e.length>0){return new Ot(e,t)}return new Ot([...Dt(Mt[this.model][t].raw(this.color)),this.valpha],t)};Ot[t]=function(...s){let n=s[0];if(typeof n==="number"){n=Nt(s,e)}return new Ot(n,t)}}function zt(t,e){return Number(t.toFixed(e))}function Ft(t){return function(e){return zt(e,t)}}function $t(t,e,s){t=Array.isArray(t)?t:[t];for(const n of t){(jt[n]||(jt[n]=[]))[e]=s}t=t[0];return function(n){let i;if(n!==undefined){if(s){n=s(n)}i=this[t]();i.color[e]=n;return i}i=this[t]().color[e];if(s){i=s(i)}return i}}function It(t){return function(e){return Math.max(0,Math.min(t,e))}}function Dt(t){return Array.isArray(t)?t:[t]}function Nt(t,e){for(let s=0;s<e;s++){if(typeof t[s]!=="number"){t[s]=0}}return t}var Et=Ot;const Lt=Et;const qt={channel:"channel",channels:"channels",colorField:"color-field",colorFieldScope:"scope--color-field",colorMode:"color-mode",colorModeContainer:"color-mode-container",container:"container",control:"control",controlAndScope:"control-and-scope",controlSection:"control-section",deleteColor:"delete-color",header:"header",hexAndChannelsGroup:"hex-and-channels-group",hexOptions:"color-hex-options",hueScope:"scope--hue",hueSlider:"hue-slider",opacityScope:"scope--opacity",opacitySlider:"opacity-slider",preview:"preview",previewAndSliders:"preview-and-sliders",saveColor:"save-color",savedColor:"saved-color",savedColors:"saved-colors",savedColorsButtons:"saved-colors-buttons",savedColorsSection:"saved-colors-section",scope:"scope",section:"section",slider:"slider",sliders:"sliders",splitSection:"section--split"};const Kt=Lt("#007AC2");const Ut="calcite-color-";const Pt={r:255,g:255,b:255};const Tt={h:360,s:100,v:100};const _t=Tt.h-1;const Bt={min:0,max:100};const Ht={s:{slider:{height:12,width:104},colorField:{height:80,width:160},thumb:{radius:10}},m:{slider:{height:12,width:204},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:12,width:384},colorField:{height:200,width:464},thumb:{radius:10}}};const Vt=1;const Jt=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const Rt=Jt;const Xt=16;const Wt=class{constructor(n){t(this,n);this.calciteColorPickerChange=e(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=e(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.mode=S.HEX;this.shiftKeyChannelAdjustment=0;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:e}=t;const s={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(s[e]){t.preventDefault();this.scopeOrientation=e==="ArrowDown"||e==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+s[e].x||0,this.colorFieldScopeTop+s[e].y||0,false)}};this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.hue();const r=this.baseColorFieldColor.hue(o+i);this.internalColorSet(r,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:e,color:s}=this;const n=t.target;const i=n.value;if(e&&!i){this.internalColorSet(null);return}const o=s&&j(O(s,$(this.mode)));if(i!==o){this.internalColorSet(Lt(i))}};this.handleSavedColorSelect=t=>{const e=t.currentTarget;this.internalColorSet(Lt(e.color))};this.handleChannelInput=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=s===3;const i=n?Bt.max:this.channelMode==="rgb"?Pt[Object.keys(Pt)[s]]:Tt[Object.keys(Tt)[s]];let o;if(this.isClearable&&!e.value){o=""}else{const t=Number(e.value);const s=t+this.shiftKeyChannelAdjustment;const n=y(s,0,i);o=n.toString()}e.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}};this.handleChannelChange=t=>{const e=t.currentTarget;const s=Number(e.getAttribute("data-channel-index"));const n=[...this.channels];const i=this.isClearable&&!e.value;if(i){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=s===3;const r=Number(e.value);n[s]=o?z(r):r;this.updateColorFromChannels(n)};this.handleSavedColorKeyDown=t=>{if(f(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{if(!o(t)){return}const{offsetX:e,offsetY:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()};this.captureColorFieldColor(e,s);this.colorFieldScopeNode.focus()};this.handleHueSliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()};this.captureHueSliderColor(e);this.hueScopeNode.focus()};this.handleOpacitySliderPointerDown=t=>{if(!o(t)){return}const{offsetX:e}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()};this.captureOpacitySliderValue(e);this.opacityScopeNode.focus()};this.globalPointerUpHandler=t=>{if(!o(t)){return}const e=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(e){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:e,el:s}=this;if(!s.isConnected||!e){return}const{context:n,bounds:i}=e;let o;let r;const{clientX:a,clientY:c}=t;if(n.canvas.matches(":hover")){o=a-i.x;r=c-i.y}else{if(a<i.x+i.width&&a>i.x){o=a-i.x}else if(a<i.x){o=0}else{o=i.width}if(c<i.y+i.height&&c>i.y){r=c-i.y}else if(c<i.y){r=0}else{r=i.height}}if(n===this.colorFieldRenderingContext){this.captureColorFieldColor(o,r,false)}else if(n===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(n===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:e,messages:n}=this;const i=t===e;const o=t==="rgb"?n.rgb:n.hsv;return s("calcite-tab-title",{class:qt.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:i},o)};this.renderChannelsTab=t=>{const{isClearable:e,channelMode:n,channels:i,messages:o,alphaChannel:a}=this;const c=t===n;const l=t==="rgb";const h=l?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=r(this.el);const d=a?i:i.slice(0,3);return s("calcite-tab",{class:qt.control,key:t,selected:c},s("div",{class:qt.channels,dir:"ltr"},d.map(((t,s)=>{const n=s===3;if(n){t=e&&!t?t:F(t)}return this.renderChannel(t,s,h[s],u,n?"%":"")}))))};this.renderChannel=(t,e,n,i,o)=>s("calcite-input-number",{class:qt.channel,"data-channel-index":e,dir:i,key:e,label:n,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:e>0&&!(this.scale==="s"&&this.alphaChannel&&e===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=O(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(!e){return}const s=this.savedColors.filter((e=>e!==t));this.savedColors=s;const n=`${Ut}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.saveColor=()=>{const t=O(this.color,this.alphaChannel);const e=this.savedColors.indexOf(t)>-1;if(e){return}const s=[...this.savedColors,t];this.savedColors=s;const n=`${Ut}${this.storageId}`;if(this.storageId){localStorage.setItem(n,JSON.stringify(s))}};this.drawColorControls=_(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),Xt);this.captureColorFieldColor=(t,e,s=true)=>{const{dimensions:{colorField:{height:n,width:i}}}=this;const o=Math.round(Tt.s/i*t);const r=Math.round(Tt.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(r),s)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const e=t.shiftKey?10:1;const{key:s}=t;const n={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(n[s]){t.preventDefault();const i=n[s]*e;const o=this.baseColorFieldColor.alpha();const r=this.baseColorFieldColor.alpha(o+i);this.internalColorSet(r,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.clearable=false;this.color=Kt;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=j(O(Kt,this.alphaChannel));this.defaultMessages=undefined;this.channelMode="rgb";this.channels=this.toChannels(Kt);this.dimensions=Ht.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:e}=this;if(t&&e!=="auto"&&!$(e)){console.warn(`ignoring alphaChannel as the current format (${e}) does not support alpha`);this.alphaChannel=false}}handleColorChange(t,e){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=e}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,e){const{isClearable:s,format:n}=this;const i=!s||t;let o=false;if(i){const s=I(t);if(!s||n!=="auto"&&s!==n){this.showIncompatibleColorWarning(t,n);this.value=e;return}o=this.mode!==s;this.setMode(s,this.internalColorUpdateContext===null)}const r=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!r){this.calciteColorPickerChange.emit()}return}const a=s&&!t?null:Lt(t!=null&&typeof t==="object"&&$(this.mode)?D(t):t);const c=!N(a,this.color);if(o||c){this.internalColorSet(a,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||Kt}effectiveLocaleChange(){x(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:e}=t;if(e!=="ArrowUp"&&e!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(qt.channel)))){return}const{shiftKey:s}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const n=9;this.shiftKeyChannelAdjustment=e==="ArrowUp"&&s?n:e==="ArrowDown"&&s?-n:0}async setFocus(){await p(this);this.el.focus()}async componentWillLoad(){b(this);this.handleAllowEmptyOrClearableChange();const{isClearable:t,color:e,format:s,value:n}=this;const i=t&&!n;const o=I(n);const r=i||s==="auto"&&o||s===o;const a=i?null:r?Lt(n):e;if(!r){this.showIncompatibleColorWarning(n,s)}this.setMode(s,false);this.internalColorSet(a,false,"initial");this.updateDimensions(this.scale);const c=`${Ut}${this.storageId}`;if(this.storageId&&localStorage.getItem(c)){this.savedColors=JSON.parse(localStorage.getItem(c))}await C(this)}connectedCallback(){l(this);m(this);M(this)}componentDidLoad(){g(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);h(this);w(this);A(this)}componentDidRender(){u(this)}render(){const{channelsDisabled:t,color:e,colorFieldScopeLeft:n,colorFieldScopeTop:i,dimensions:{slider:{width:o},thumb:{radius:r}},hexDisabled:a,hideChannels:c,hideHex:l,hideSaved:h,hueScopeLeft:u,messages:f,alphaChannel:p,opacityScopeLeft:b,savedColors:g,savedDisabled:m,scale:w,scopeOrientation:v}=this;const y=e?O(e,p):null;const k=r;const x=u??o*Kt.hue()/Tt.h;const C=r;const M=b??o*F(Kt.alpha())/Bt.max;const A=e===null;const S=v==="vertical";const j=a||l;const z=t||c;const $=m||h;const[I,D]=this.getAdjustedScopePosition(n,i);const[N,E]=this.getAdjustedScopePosition(x,k);const[L,q]=this.getAdjustedScopePosition(M,C);return s(d,{key:"5f347cb136350e7661b7b479ee86a16bb85414c3",disabled:this.disabled},s("div",{key:"0294cbc1d16db228c22a2ae1bd061d9a683c1378",class:qt.container},s("div",{key:"f7531da7e77293d52f5f8220443258e40f07f2d3",class:qt.controlAndScope},s("canvas",{key:"21bd0117fa182a4b40b092a905dee76714b94c78",class:qt.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),s("div",{key:"b5c64766b5e4bc4e7971dfe64f07c43c8c9666f8","aria-label":S?f.value:f.saturation,"aria-valuemax":S?Tt.v:Tt.s,"aria-valuemin":"0","aria-valuenow":(S?e?.saturationv():e?.value())||"0",class:{[qt.scope]:true,[qt.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${D||0}px`,left:`${I||0}px`},tabindex:"0"})),s("div",{key:"2a821875af0e6b0ac8aefc3415c6f2f23bae2cae",class:qt.previewAndSliders},s("calcite-color-picker-swatch",{key:"ec3f7dd7b0ffc702f2aba80a7b7e270c6dc95dbd",class:qt.preview,color:y,scale:"l"}),s("div",{key:"82323c8fb8781d1be62f5c9e15ab491593751af8",class:qt.sliders},s("div",{key:"11702f0c4d40377e89d1c3ec6b5b0ba0f166b034",class:qt.controlAndScope},s("canvas",{key:"c175af1d7e64f535cc2748d86fc882bf8436729d",class:{[qt.slider]:true,[qt.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),s("div",{key:"c16a4a0eaa7dd4cbcf7ac3faf589afd11b9a77e7","aria-label":f.hue,"aria-valuemax":Tt.h,"aria-valuemin":"0","aria-valuenow":e?.round().hue()||Kt.round().hue(),class:{[qt.scope]:true,[qt.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${E}px`,left:`${N}px`},tabindex:"0"})),p?s("div",{class:qt.controlAndScope},s("canvas",{class:{[qt.slider]:true,[qt.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),s("div",{"aria-label":f.opacity,"aria-valuemax":Bt.max,"aria-valuemin":Bt.min,"aria-valuenow":(e||Kt).round().alpha(),class:{[qt.scope]:true,[qt.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${q}px`,left:`${L}px`},tabindex:"0"})):null)),j&&z?null:s("div",{class:{[qt.controlSection]:true,[qt.section]:true}},s("div",{class:qt.hexAndChannelsGroup},j?null:s("div",{class:qt.hexOptions},s("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:p,class:qt.control,messages:f,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:w,value:y})),z?null:s("calcite-tabs",{class:{[qt.colorModeContainer]:true,[qt.splitSection]:true},scale:w==="l"?"m":"s"},s("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),$?null:s("div",{class:{[qt.savedColorsSection]:true,[qt.section]:true}},s("div",{class:qt.header},s("label",null,f.saved),s("div",{class:qt.savedColorsButtons},s("calcite-button",{appearance:"transparent",class:qt.deleteColor,disabled:A,iconStart:"minus",kind:"neutral",label:f.deleteColor,onClick:this.deleteColor,scale:w,type:"button"}),s("calcite-button",{appearance:"transparent",class:qt.saveColor,disabled:A,iconStart:"plus",kind:"neutral",label:f.saveColor,onClick:this.saveColor,scale:w,type:"button"}))),g.length>0?s("div",{class:qt.savedColors},[...g.map((t=>s("calcite-color-picker-swatch",{class:qt.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:w,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t,e=true){const s=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(s,e)}ensureCompatibleMode(t,e){const{alphaChannel:s}=this;const n=$(t);if(s&&!n){const s=q(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}if(!s&&n){const s=E(t);if(e){console.warn(`setting format to (${s}) as the provided one (${t}) does not support alpha`)}return s}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;const s=_t/e*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:e}}}=this;const s=z(Bt.max/e*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,e=true,s="user-interaction"){if(e&&N(t,this.color)){return}this.internalColorUpdateContext=s;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,e=this.mode){if(!t){return null}const s="hex";if(e.includes(s)){const s=e===S.HEXA;return j(O(t.round(),s),s)}if(e.includes("-css")){const s=t[e.replace("-css","").replace("a","")]().round().string();const n=(e.endsWith("a")||e.endsWith("a-css"))&&t.alpha()===1;if(n){const e=s.slice(0,3);const n=s.slice(4,-1);return`${e}a(${n}, ${t.alpha()})`}return s}const n=t[E(e)]().round().object();if(e.endsWith("a")){return L(n)}return n}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return e*2-t}updateDimensions(t="m"){this.dimensions=Ht[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:e,width:s}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,s,e);const n=t.createLinearGradient(0,0,s,0);n.addColorStop(0,"rgba(255,255,255,1)");n.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=n;t.fillRect(0,0,s,e);const i=t.createLinearGradient(0,0,0,e);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=i;t.fillRect(0,0,s,e);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:s}){if(!t){return}const n=window.devicePixelRatio||1;t.width=s*n;t.height=e*n;t.style.height=`${e}px`;t.style.width=`${s}px`;const i=t.getContext("2d");i.scale(n,n)}updateCanvasSize(t="all"){const{dimensions:e}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,e.colorField)}const s={width:e.slider.width,height:e.slider.height+(e.thumb.radius-e.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,s)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,s)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const e=t.hsv();const{dimensions:{colorField:{height:s,width:n},thumb:{radius:i}}}=this;const o=e.saturationv()/(Tt.s/n);const r=s-e.value()/(Tt.v/s);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=r}));this.drawThumb(this.colorFieldRenderingContext,i,o,r,e,false)}drawThumb(t,e,s,n,i,o){const r=0;const a=2*Math.PI;const c=1;t.beginPath();t.arc(s,n,e,r,a);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=c;t.stroke();if(o&&i.alpha()<1){const i=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(s,n,e-3,r,a);t.fillStyle=i;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(s,n,e-3,r,a);const l=o?i.alpha():1;t.fillStyle=i.rgb().alpha(l).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const e=t.hsv().saturationv(100).value(100);const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=e.hue()/(_t/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.hueScopeLeft=r}));this.drawThumb(this.hueSliderRenderingContext,n,r,o,e,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:e,width:s},thumb:{radius:n}}}=this;const i=0;const o=n-e/2;const r=t.createLinearGradient(0,0,s,0);const a=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const c=1/(a.length-1);let l=0;a.forEach((t=>{r.addColorStop(l,Lt(t).string());l+=c}));t.clearRect(0,0,s,e+this.getSliderCapSpacing()*2);this.drawSliderPath(t,e,s,i,o);t.fillStyle=r;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:e,dimensions:{slider:{height:s,width:n},thumb:{radius:i}}}=this;const o=0;const r=i-s/2;t.clearRect(0,0,n,s+this.getSliderCapSpacing()*2);const a=t.createLinearGradient(0,r,n,0);const c=e.rgb().alpha(0);const l=e.rgb().alpha(.5);const h=e.rgb().alpha(1);a.addColorStop(0,c.string());a.addColorStop(.5,l.string());a.addColorStop(1,h.string());this.drawSliderPath(t,s,n,o,r);const u=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=u;t.fill();t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,e,s,n,i){const o=e/2+1;t.beginPath();t.moveTo(n+o,i);t.lineTo(n+s-o,i);t.quadraticCurveTo(n+s,i,n+s,i+o);t.lineTo(n+s,i+e-o);t.quadraticCurveTo(n+s,i+e,n+s-o,i+e);t.lineTo(n+o,i+e);t.quadraticCurveTo(n,i+e,n,i+e-o);t.lineTo(n,i+o);t.quadraticCurveTo(n,i,n+o,i);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const e=t.getContext("2d");e.fillStyle="#ccc";e.fillRect(0,0,10,10);e.fillStyle="#fff";e.fillRect(0,0,5,5);e.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const e=t;const{dimensions:{slider:{width:s},thumb:{radius:n}}}=this;const i=F(e.alpha())/(Bt.max/s);const o=n;const r=this.getSliderBoundX(i,s,n);requestAnimationFrame((()=>{this.opacityScopeLeft=r}));this.drawThumb(this.opacitySliderRenderingContext,n,r,o,e,true)}getSliderBoundX(t,e,s){const n=k(t,e,s);return n===0?t:n===-1?v(t,0,e,s,s*2):v(t,0,e,e-s*2,e-s)}updateColorFromChannels(t){this.internalColorSet(Lt(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:e}=this;const s=t[e]().array().map(((t,e)=>{const s=e===3;return s?t:Math.floor(t)}));if(s.length===3){s.push(1)}return s}getAdjustedScopePosition(t,e){return[t-Vt/2,e-Vt/2]}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleFormatOrAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};Wt.style=Rt;const Gt={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const Yt=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const Qt=Yt;const Zt=Lt();const te=class{constructor(s){t(this,s);this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const e=t.value;const s=`#${e}`;const{allowEmpty:n,internalColor:i}=this;const o=n&&!e;const r=K(s);this.onHexInputChange();if(o||U(s)&&r){return}t.value=n&&!i?"":this.formatHexForInternalInput(P(i.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const e=t.value;const{allowEmpty:s,internalColor:n}=this;const i=s&&!e;if(i){return}t.value=s&&!n?"":this.formatOpacityForInternalInput(n)};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let e=t;if(e){const t=j(e,false);const s=U(t)&&this.alphaChannel;if(s&&this.internalColor){const s=j(this.internalColor.hexa(),true).slice(-2);e=`${t+s}`}}this.internalSetValue(e,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let e;if(!t.value){e=t.value}else{const s=z(Number(t.value));e=this.internalColor?.alpha(s).hexa()}this.internalSetValue(e,this.value)};this.onInputKeyDown=t=>{const{altKey:e,ctrlKey:s,metaKey:n,shiftKey:i}=t;const{alphaChannel:o,hexInputNode:r,internalColor:a,value:c}=this;const{key:l}=t;const h=t.composedPath();if(l==="Tab"||l==="Enter"){if(h.includes(r)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(l==="Enter"){t.preventDefault()}return}const u=l==="ArrowDown"||l==="ArrowUp";const d=this.value;if(u){if(!c){this.internalSetValue(this.previousNonNullValue,d);t.preventDefault();return}const e=l==="ArrowUp"?1:-1;const s=i?10:1;this.internalSetValue(O(this.nudgeRGBChannels(a,s*e,h.includes(r)?"rgb":"a"),o),d);t.preventDefault();return}const f=e||s||n;const p=l.length===1;const b=T.test(l);if(p&&!f&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const e=t.clipboardData.getData("text");if(U(e)){t.preventDefault();this.hexInputNode.value=e.slice(1)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=j(O(Zt,this.alphaChannel),this.alphaChannel,true);this.internalColor=Zt}connectedCallback(){const{allowEmpty:t,alphaChannel:e,value:s}=this;if(s){const t=j(s,e);if(U(t,e)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){b(this)}componentDidLoad(){g(this)}handleValueChange(t,e){this.internalSetValue(t,e,false)}render(){const{alphaChannel:t,hexLabel:e,internalColor:n,messages:i,scale:o,value:r}=this;const a=this.formatHexForInternalInput(r);const c=this.formatOpacityForInternalInput(n);const l=o==="l"?"m":"s";return s("div",{key:"ce81e626a720cd37d45facd4ca1f9dd748df094c",class:Gt.container},s("calcite-input-text",{key:"bc44d75c4752f78dc0a1b108e3f3a2a304172559",class:Gt.hexInput,label:i?.hex||e,maxLength:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInternalInputTextBlur:this.onHexInputBlur,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",ref:this.storeHexInputRef,scale:l,value:a}),t?s("calcite-input-number",{class:Gt.opacityInput,key:"opacity-input",label:i?.opacity,max:Bt.max,maxLength:3,min:Bt.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.onOpacityInputChange,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onKeyDown:this.onInputKeyDown,ref:this.storeOpacityInputRef,scale:l,suffixText:"%",value:c}):null)}async setFocus(){await p(this);return a(this.hexInputNode)}internalSetValue(t,e,s=true){if(t){const{alphaChannel:e}=this;const n=j(t,e,e);if(U(n,e)){const{internalColor:t}=this;const i=Lt(n);const o=j(O(i,e),e);const r=!t||o!==j(O(t,e),e);this.internalColor=i;this.previousNonNullValue=o;this.value=o;if(r&&s){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(s){this.calciteColorPickerHexInputChange.emit()}return}this.value=e}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${F(t.alpha())}`:""}nudgeRGBChannels(t,e,s){let n;const i=t.array();const o=i.slice(0,3);if(s==="rgb"){const t=o.map((t=>t+e));n=[...t,this.alphaChannel?i[3]:undefined]}else{const s=z(F(t.alpha())+e);n=[...o,s]}return Lt(n)}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};te.style=Qt;const ee={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const se={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const ne=4;const ie={squareSize:ne,size:ne*2};const oe=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const re=oe;const ae=class{constructor(e){t(this,e);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?Lt(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const e={[ee.swatch]:true,[ee.noColorSwatch]:t};return s("svg",{key:"b29377be8ce0518f7b0f3691dcb1dda08890dd94",class:e,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:e,internalColor:n}=this;const o=t?"100%":"0";const r=c(e);const a=r==="light"?se.borderLight:se.borderDark;const l={height:"100%",rx:o,stroke:a,["stroke-width"]:"2",width:"100%"};const h=!n;if(h){return s(i,null,s("clipPath",{id:"shape"},s("rect",{height:"100%",rx:o,width:"100%"})),s("rect",{"clip-path":`inset(0 round ${o})`,rx:o,...l}),s("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const u=n.alpha();const d=O(n);const f=O(n,u<1);return s(i,null,s("title",null,f),s("defs",null,s("pattern",{height:ie.size,id:"checker",patternUnits:"userSpaceOnUse",width:ie.size,x:"0",y:"0"},s("rect",{class:ee.checker,height:ie.squareSize,width:ie.squareSize,x:"0",y:"0"}),s("rect",{class:ee.checker,height:ie.squareSize,width:ie.squareSize,x:ie.squareSize,y:ie.squareSize}))),s("rect",{fill:"url(#checker)",height:"100%",rx:o,width:"100%"}),s("rect",{fill:d,style:{"clip-path":u<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`},...l}),u<1?s("rect",{fill:f,key:"opacity-fill",style:{"clip-path":"polygon(100% 0, 100% 100%, 0 100%)"},...l}):null)}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};ae.style=re;export{Wt as calcite_color_picker,te as calcite_color_picker_hex_input,ae as calcite_color_picker_swatch};
+//# sourceMappingURL=p-314cfd73.entry.js.map