@hashicorp/design-system-components/dist/components/hds/time/single.js

Helios Design System Components

import didInsert from '@ember/render-modifiers/modifiers/did-insert';
import willDestroy from '@ember/render-modifiers/modifiers/will-destroy';
import hdsFormatDateHelper from '../../../helpers/hds-format-date.js';
import hdsFormatRelativeHelper from '../../../helpers/hds-format-relative.js';
import { precompileTemplate } from '@ember/template-compilation';
import { setComponentTemplate } from '@ember/component';
import templateOnly from '@ember/component/template-only';

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

const HdsTimeSingleComponent = setComponentTemplate(precompileTemplate("{{!-- IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes extra space around the time element - See https://handlebarsjs.com/guide/expressions.html#whitespace-control --}}\n<time class=\"hds-time hds-time--single\" datetime={{@isoUtcString}} ...attributes {{didInsert @register}} {{willDestroy @unregister}}>\n  {{~#if @display.options.showFriendly~}}\n    {{~#if @display.options.displayFormat~}}\n      {{~hdsFormatDate @date @display.options.displayFormat~}}\n    {{~else~}}\n      {{~@isoUtcString}}\n    {{~/if~}}\n    {{#if @display.options.showRelative}}\n      ({{hdsFormatRelative @display.relative.value @display.relative.unit}})\n    {{/if}}\n  {{~else~}}\n    {{#if @display.options.showRelative}}\n      {{~hdsFormatRelative @display.relative.value @display.relative.unit~}}\n    {{~/if~}}\n  {{~/if~}}\n</time>", {
  strictMode: true,
  scope: () => ({
    didInsert,
    willDestroy,
    hdsFormatDate: hdsFormatDateHelper,
    hdsFormatRelative: hdsFormatRelativeHelper
  })
}), templateOnly());

export { HdsTimeSingleComponent as default };
//# sourceMappingURL=single.js.map