@carbon/ibmdotcom-web-components 2.15.1 → 2.16.0-rc.0

package/es/components/countdown/countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown.js","names":["LitElement","html","property","state","carbonElement","customElement","settings","LocaleAPI","MediaQueryMixin","MQBreakpoints","MQDirs","stablePrefix","c4dPrefix","ms_per","second","minute","hour","day","units","Object","keys","getFormatters","locale","labelType","lc_cc","lc","cc","undefined","fromEntries","map","unit","Intl","NumberFormat","style","unitDisplay","minimumIntegerDigits","numberingSystem","C4DCountdown","_decorate","_initialize","_MediaQueryMixin","constructor","args","F","d","kind","decorators","key","value","carbonBreakpoints","md","matches","attribute","calculateDiff","targetDateTime","now","Date","diff","clearInterval","_clock","timeDiff","days","hours","minutes","seconds","Math","floor","_padInt","int","padLength","toString","padStart","formatOutput","_formatters","formatters","separator","isMdOrLarger","padInt","values","join","to_days","to_hours","to_minutes","to_seconds","format","mediaQueryCallbackMD","firstUpdated","_superPropGet","display","getLocale","updated","changedProperties","has","target","targetInput","epochTime","parseInt","isNaN","valueOf","getTime","setInterval","bind","createRenderRoot","render","_t","_","MD","MIN"],"sources":["components/countdown/countdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nimport settings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport MediaQueryMixin, {\n  MQBreakpoints,\n  MQDirs,\n} from '../../component-mixins/media-query/media-query';\n\nconst { stablePrefix: c4dPrefix } = settings;\n\nconst ms_per = {\n  second: 1000,\n  minute: 1000 * 60,\n  hour: 1000 * 60 * 60,\n  day: 1000 * 60 * 60 * 24,\n};\n\nconst units = Object.keys(ms_per);\n\nconst getFormatters = (locale: Locale, labelType: UnitDisplay) => {\n  const lc_cc = `${locale.lc}-${locale.cc}`;\n\n  // The Typescript compiler sees unitDisplay as type\n  // \"short\" | \"long\" | \"narrow\" | undefined. Convert 'none' to undefined to\n  // avoid passing an unknown value to the unitDisplay option.\n  if (labelType === 'none') {\n    labelType = undefined;\n  }\n\n  return Object.fromEntries(\n    units.map((unit) => [\n      `to_${unit}s`,\n      new Intl.NumberFormat(lc_cc, {\n        style: 'unit',\n        unit,\n        unitDisplay: labelType,\n        minimumIntegerDigits: unit === 'day' ? 1 : 2,\n        // Force latin numerals. This fits for all current locales\n        // supported on ibm.com with the added benefit of forcing preferred\n        // latin numerals on sa-ar. In the future, if necessary, we could\n        // expose this options object as a property which we would merge with\n        // our defaults here, allowing clients to override our options.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        numberingSystem: 'latn',\n      }),\n    ])\n  ) as FormattersList;\n};\n\ntype TimeDiff = {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n};\n\ntype FormattersList = {\n  to_days: Intl.NumberFormat;\n  to_hours: Intl.NumberFormat;\n  to_minutes: Intl.NumberFormat;\n  to_seconds: Intl.NumberFormat;\n};\n\ntype Locale = {\n  lc: string;\n  cc: string;\n};\n\ntype UnitDisplay = 'short' | 'narrow' | 'long' | 'none' | undefined;\n\n/**\n * The Countdown component.\n * @element c4d-countdown\n */\n@customElement(`${c4dPrefix}-countdown`)\nclass C4DCountdown extends MediaQueryMixin(LitElement, {\n  [MQBreakpoints.MD]: MQDirs.MIN,\n}) {\n  @state()\n  isMdOrLarger = this.carbonBreakpoints.md.matches;\n\n  @state()\n  timeDiff?: TimeDiff;\n\n  @state()\n  targetDateTime?: number;\n\n  @state()\n  locale: Locale = {\n    lc: 'en',\n    cc: 'us',\n  };\n\n  /**\n   * The target date, either in date time string format (ISO 8601), or UNIX timestamp.\n   */\n  @property({ attribute: 'target' })\n  targetInput?: string;\n\n  /**\n   * Optional date parts separator.\n   */\n  @property({ attribute: 'separator' })\n  separator?: string;\n\n  /**\n   * Optional date parts label type. One of 'short', 'narrow', 'long', or 'none'.\n   */\n  @property({ attribute: 'label-type' })\n  labelType: UnitDisplay = 'long';\n\n  _clock?;\n\n  _formatters: FormattersList = getFormatters(this.locale, this.labelType);\n\n  calculateDiff() {\n    const { targetDateTime } = this;\n    const now = Date.now();\n    let diff = (targetDateTime ?? 0) - now;\n\n    if (diff < 0) {\n      clearInterval(this._clock);\n\n      this.timeDiff = {\n        days: 0,\n        hours: 0,\n        minutes: 0,\n        seconds: 0,\n      };\n      return;\n    }\n\n    const days = Math.floor(diff / ms_per.day);\n    diff = diff - days * ms_per.day;\n\n    const hours = Math.floor(diff / ms_per.hour);\n    diff = diff - hours * ms_per.hour;\n\n    const minutes = Math.floor(diff / ms_per.minute);\n    diff = diff - minutes * ms_per.minute;\n\n    const seconds = Math.floor(diff / ms_per.second);\n\n    this.timeDiff = { days, hours, minutes, seconds };\n  }\n\n  _padInt(int: number, padLength: number) {\n    return int.toString().padStart(padLength, '0');\n  }\n\n  formatOutput(): string {\n    const {\n      _formatters: formatters,\n      timeDiff,\n      separator,\n      labelType,\n      isMdOrLarger,\n      _padInt: padInt,\n    } = this;\n\n    if (timeDiff === undefined) {\n      return '';\n    }\n\n    const { days, hours, minutes, seconds } = timeDiff;\n\n    let values;\n\n    if (labelType === 'none') {\n      values = [days, hours, minutes, seconds].join(separator ?? '');\n    } else {\n      const { to_days, to_hours, to_minutes, to_seconds } = formatters;\n\n      values = isMdOrLarger\n        ? [\n            to_days.format(days),\n            to_hours.format(hours),\n            to_minutes.format(minutes),\n            to_seconds.format(seconds),\n          ].join(separator ?? '')\n        : `${to_days.format(days)} ${padInt(hours, 2)}:${padInt(\n            minutes,\n            2\n          )}:${padInt(seconds, 2)}`;\n    }\n\n    return values;\n  }\n\n  protected mediaQueryCallbackMD() {\n    this.isMdOrLarger = this.carbonBreakpoints.md.matches;\n  }\n\n  async firstUpdated() {\n    super.firstUpdated();\n    this.style.display = 'contents';\n    this.locale = await LocaleAPI.getLocale();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('targetInput')) {\n      let target = new Date(this.targetInput as string);\n      const epochTime = parseInt(this.targetInput as string);\n\n      // If date is invalid and epochTime is a valid number, assume a valid\n      // epochTime and create a new Date from it.\n      if (isNaN(target.valueOf()) && !isNaN(epochTime)) {\n        target = new Date(epochTime);\n      }\n\n      if (!isNaN(target.valueOf())) {\n        this.targetDateTime = target.getTime();\n      }\n    }\n\n    if (changedProperties.has('targetDateTime')) {\n      clearInterval(this._clock);\n      this._clock = setInterval(this.calculateDiff.bind(this), 1000);\n    }\n\n    if (changedProperties.has('locale') || changedProperties.has('labelType')) {\n      this._formatters = getFormatters(this.locale, this.labelType);\n    }\n  }\n\n  createRenderRoot() {\n    return this;\n  }\n\n  render() {\n    return html` ${this.formatOutput()} `;\n  }\n}\n\nexport default C4DCountdown;\n"],"mappings":"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","ignoreList":[]}

package/es/components/countdown/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './countdown';
+
+//# sourceMappingURL=index.d.ts.map

package/es/components/countdown/index.js

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */ /**
+     * @license
+     *
+     * Copyright IBM Corp. 2024
+     *
+     * This source code is licensed under the Apache-2.0 license found in the
+     * LICENSE file in the root directory of this source tree.
+     */
+
+import "./countdown.js";
+//# sourceMappingURL=index.js.map

package/es/components/countdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["components/countdown/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './countdown';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,gBAAa","ignoreList":[]}