@hashicorp/design-system-components 5.2.0-rc-20260108162959 → 5.2.0

package/dist/components/hds/theme-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-context/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type Owner from '@ember/owner';\n\nimport {\n  HdsThemeContextThemesValues,\n  HdsThemeContextModesValues,\n} from './types.ts';\nimport type { HdsThemeContexts } from './types.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\nexport interface HdsThemeContextSignature {\n  Args: {\n    // can be either an `HdsTheme` or an `HdsMode`\n    context: HdsThemeContexts;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport const CONTEXTUAL_THEMES: HdsThemes[] = Object.values(\n  HdsThemeContextThemesValues\n);\nexport const CONTEXTUAL_MODES: HdsModes[] = Object.values(\n  HdsThemeContextModesValues\n);\nexport const CONTEXTUAL_VALUES: HdsThemeContexts[] = [\n  ...CONTEXTUAL_THEMES,\n  ...CONTEXTUAL_MODES,\n];\n\nexport default class HdsThemeContext extends Component<HdsThemeContextSignature> {\n  constructor(owner: Owner, args: HdsThemeContextSignature['Args']) {\n    super(owner, args);\n\n    const { context } = args;\n\n    assert(\n      `@context for \"Hds::ThemeContext\" must be one of the following: ${CONTEXTUAL_VALUES.join(\n        ', '\n      )}; received: ${context}`,\n      CONTEXTUAL_VALUES.includes(context)\n    );\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-theme-context'];\n\n    const { context } = this.args;\n\n    // add \"theme\" or \"mode\" classes based on the @context arguments\n    if (CONTEXTUAL_THEMES.includes(context as HdsThemes)) {\n      classes.push(`hds-theme-${context}`);\n    } else if (CONTEXTUAL_MODES.includes(context as HdsModes)) {\n      classes.push(`hds-mode-${context}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["CONTEXTUAL_THEMES","Object","values","HdsThemeContextThemesValues","CONTEXTUAL_MODES","HdsThemeContextModesValues","CONTEXTUAL_VALUES","HdsThemeContext","Component","constructor","owner","args","context","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAyBO,MAAMA,iBAA8B,GAAGC,MAAM,CAACC,MAAM,CACzDC,2BACF;AACO,MAAMC,gBAA4B,GAAGH,MAAM,CAACC,MAAM,CACvDG,0BACF;AACO,MAAMC,iBAAqC,GAAG,CACnD,GAAGN,iBAAiB,EACpB,GAAGI,gBAAgB;AAGN,MAAMG,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;IAElB,MAAM;AAAEC,MAAAA;AAAQ,KAAC,GAAGD,IAAI;AAExBE,IAAAA,MAAM,CACJ,CAAA,+DAAA,EAAkEP,iBAAiB,CAACQ,IAAI,CACtF,IACF,CAAC,CAAA,YAAA,EAAeF,OAAO,CAAA,CAAE,EACzBN,iBAAiB,CAACS,QAAQ,CAACH,OAAO,CACpC,CAAC;AACH,EAAA;;AAEA;EACA,IAAII,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;IAErC,MAAM;AAAEL,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;;AAE7B;AACA,IAAA,IAAIX,iBAAiB,CAACe,QAAQ,CAACH,OAAoB,CAAC,EAAE;AACpDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,UAAA,EAAaN,OAAO,EAAE,CAAC;IACtC,CAAC,MAAM,IAAIR,gBAAgB,CAACW,QAAQ,CAACH,OAAmB,CAAC,EAAE;AACzDK,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,SAAA,EAAYN,OAAO,EAAE,CAAC;AACrC,IAAA;AAEA,IAAA,OAAOK,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACK,oBAAA,CAAAC,QAAA,EA7BoBb,eAAe,CAAA;;;;"}

package/dist/components/hds/theme-context/types.js

@@ -1,27 +0,0 @@
-import { HdsThemeValues, HdsModesDarkValues, HdsModesLightValues } from '../../../services/hds-theming.js';
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-// re-export the enum values for the `HdsThemes` to use in the component
-// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
-const HdsThemeContextThemesValues = {
-  Default: HdsThemeValues.Default,
-  System: HdsThemeValues.System,
-  Light: HdsThemeValues.Light,
-  Dark: HdsThemeValues.Dark
-};
-
-// re-export the enum values for the `HdsModes` to use in the component
-// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)
-const HdsThemeContextModesValues = {
-  CdsG0: HdsModesLightValues.CdsG0,
-  CdsG10: HdsModesLightValues.CdsG10,
-  CdsG90: HdsModesDarkValues.CdsG90,
-  CdsG100: HdsModesDarkValues.CdsG100
-};
-
-export { HdsThemeContextModesValues, HdsThemeContextThemesValues };
-//# sourceMappingURL=types.js.map

package/dist/components/hds/theme-context/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/theme-context/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport {\n  HdsThemeValues,\n  HdsModesLightValues,\n  HdsModesDarkValues,\n} from '../../../services/hds-theming.ts';\n\nimport type { HdsThemes, HdsModes } from '../../../services/hds-theming.ts';\n\n// re-export the enum values for the `HdsThemes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextThemesValues = {\n  Default: HdsThemeValues.Default,\n  System: HdsThemeValues.System,\n  Light: HdsThemeValues.Light,\n  Dark: HdsThemeValues.Dark,\n} as const;\n\n// re-export the enum values for the `HdsModes` to use in the component\n// note: using `as const` ensures Object.values() returns only the values (not keys _and_ values)\nexport const HdsThemeContextModesValues = {\n  CdsG0: HdsModesLightValues.CdsG0,\n  CdsG10: HdsModesLightValues.CdsG10,\n  CdsG90: HdsModesDarkValues.CdsG90,\n  CdsG100: HdsModesDarkValues.CdsG100,\n} as const;\n\nexport type HdsThemeContexts = HdsThemes | Exclude<HdsModes, 'default'>;\n"],"names":["HdsThemeContextThemesValues","Default","HdsThemeValues","System","Light","Dark","HdsThemeContextModesValues","CdsG0","HdsModesLightValues","CdsG10","CdsG90","HdsModesDarkValues","CdsG100"],"mappings":";;AAAA;AACA;AACA;AACA;;AAUA;AACA;AACO,MAAMA,2BAA2B,GAAG;EACzCC,OAAO,EAAEC,cAAc,CAACD,OAAO;EAC/BE,MAAM,EAAED,cAAc,CAACC,MAAM;EAC7BC,KAAK,EAAEF,cAAc,CAACE,KAAK;EAC3BC,IAAI,EAAEH,cAAc,CAACG;AACvB;;AAEA;AACA;AACO,MAAMC,0BAA0B,GAAG;EACxCC,KAAK,EAAEC,mBAAmB,CAACD,KAAK;EAChCE,MAAM,EAAED,mBAAmB,CAACC,MAAM;EAClCC,MAAM,EAAEC,kBAAkB,CAACD,MAAM;EACjCE,OAAO,EAAED,kBAAkB,CAACC;AAC9B;;;;"}

package/dist/components/hds/theme-switcher/index.js

@@ -1,100 +0,0 @@
-import Component from '@glimmer/component';
-import { inject } from '@ember/service';
-import { action } from '@ember/object';
-import { precompileTemplate } from '@ember/template-compilation';
-import { g, i, n } from 'decorator-transforms/runtime';
-import { setComponentTemplate } from '@ember/component';
-
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n{{!\n  ------------------------------------------------------------------------------------------\n  IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n  ------------------------------------------------------------------------------------------\n}}\n\n<Hds::Dropdown\n  @enableCollisionDetection={{true}}\n  @matchToggleWidth={{@toggleIsFullWidth}}\n  class=\"hds-theme-switcher-control\"\n  ...attributes\n  as |D|\n>\n  <D.ToggleButton\n    @color=\"secondary\"\n    @size={{this.toggleSize}}\n    @isFullWidth={{this.toggleIsFullWidth}}\n    @text={{this.toggleContent.label}}\n    @icon={{this.toggleContent.icon}}\n  />\n  {{#each-in this._options as |key data|}}\n    <D.Interactive @icon={{data.icon}} {{on \"click\" (fn this.onSelectTheme data.theme)}}>{{data.label}}</D.Interactive>\n  {{/each-in}}\n</Hds::Dropdown>");
-
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: MPL-2.0
- */
-
-const OPTIONS = {
-  default: {
-    theme: 'default',
-    icon: 'hashicorp',
-    label: 'Default'
-  },
-  system: {
-    theme: 'system',
-    icon: 'monitor',
-    label: 'System'
-  },
-  light: {
-    theme: 'light',
-    icon: 'sun',
-    label: 'Light'
-  },
-  dark: {
-    theme: 'dark',
-    icon: 'moon',
-    label: 'Dark'
-  }
-};
-class HdsThemeSwitcher extends Component {
-  static {
-    g(this.prototype, "hdsTheming", [inject]);
-  }
-  #hdsTheming = (i(this, "hdsTheming"), void 0);
-  get toggleSize() {
-    return this.args.toggleSize ?? 'small';
-  }
-  get toggleIsFullWidth() {
-    return this.args.toggleIsFullWidth ?? false;
-  }
-  get toggleContent() {
-    if (this.currentTheme === 'default' && this.hasDefaultOption || this.currentTheme === 'system' && this.hasSystemOption || this.currentTheme === 'light' || this.currentTheme === 'dark') {
-      return {
-        label: OPTIONS[this.currentTheme].label,
-        icon: OPTIONS[this.currentTheme].icon
-      };
-    } else {
-      return {
-        label: 'Theme',
-        icon: undefined
-      };
-    }
-  }
-
-  // note: we will use the `default` option in development, while migrating to the `cds` theming
-  // during this process, consumers will enable/disable this option via code logic or feature flag
-  get hasDefaultOption() {
-    return this.args.hasDefaultOption ?? false;
-  }
-  get hasSystemOption() {
-    return this.args.hasSystemOption ?? true;
-  }
-  get _options() {
-    const options = {
-      ...OPTIONS
-    };
-    if (!this.hasDefaultOption) {
-      delete options.default;
-    }
-    if (!this.hasSystemOption) {
-      delete options.system;
-    }
-    return options;
-  }
-  get currentTheme() {
-    // we get the theme from the global service
-    return this.hdsTheming.currentTheme;
-  }
-  onSelectTheme(theme) {
-    // we set the theme in the global service (and provide an optional user-defined callback)
-    this.hdsTheming.setTheme({
-      theme,
-      onSetTheme: this.args.onSetTheme
-    });
-  }
-  static {
-    n(this.prototype, "onSelectTheme", [action]);
-  }
-}
-setComponentTemplate(TEMPLATE, HdsThemeSwitcher);
-
-export { HdsThemeSwitcher as default };
-//# sourceMappingURL=index.js.map

package/dist/components/hds/theme-switcher/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/theme-switcher/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// ------------------------------------------------------------------------------------------\n// IMPORTANT: this is a temporary implementation, while we wait for the design specifications\n// ------------------------------------------------------------------------------------------\n\nimport Component from '@glimmer/component';\nimport { inject as service } from '@ember/service';\nimport { action } from '@ember/object';\n\nimport type { HdsDropdownSignature } from '../dropdown/index.ts';\nimport type { HdsDropdownToggleButtonSignature } from '../dropdown/toggle/button.ts';\nimport type { HdsIconSignature } from '../icon/index.ts';\nimport type HdsThemingService from '../../../services/hds-theming.ts';\nimport type {\n  HdsThemes,\n  HdsOnSetThemeCallback,\n} from '../../../services/hds-theming.ts';\n\ninterface ThemeOption {\n  theme: HdsThemes | undefined;\n  icon: HdsIconSignature['Args']['name'];\n  label: string;\n}\n\nconst OPTIONS: Record<HdsThemes, ThemeOption> = {\n  default: { theme: 'default', icon: 'hashicorp', label: 'Default' },\n  system: { theme: 'system', icon: 'monitor', label: 'System' },\n  light: { theme: 'light', icon: 'sun', label: 'Light' },\n  dark: { theme: 'dark', icon: 'moon', label: 'Dark' },\n};\n\nexport interface HdsThemeSwitcherSignature {\n  Args: {\n    toggleSize?: HdsDropdownToggleButtonSignature['Args']['size'];\n    toggleIsFullWidth?: HdsDropdownToggleButtonSignature['Args']['isFullWidth'];\n    hasDefaultOption?: boolean;\n    hasSystemOption?: boolean;\n    onSetTheme?: HdsOnSetThemeCallback;\n  };\n  Element: HdsDropdownSignature['Element'];\n}\n\nexport default class HdsThemeSwitcher extends Component<HdsThemeSwitcherSignature> {\n  @service declare readonly hdsTheming: HdsThemingService;\n\n  get toggleSize() {\n    return this.args.toggleSize ?? 'small';\n  }\n\n  get toggleIsFullWidth() {\n    return this.args.toggleIsFullWidth ?? false;\n  }\n\n  get toggleContent() {\n    if (\n      (this.currentTheme === 'default' && this.hasDefaultOption) ||\n      (this.currentTheme === 'system' && this.hasSystemOption) ||\n      this.currentTheme === 'light' ||\n      this.currentTheme === 'dark'\n    ) {\n      return {\n        label: OPTIONS[this.currentTheme].label,\n        icon: OPTIONS[this.currentTheme].icon,\n      };\n    } else {\n      return { label: 'Theme', icon: undefined };\n    }\n  }\n\n  // note: we will use the `default` option in development, while migrating to the `cds` theming\n  // during this process, consumers will enable/disable this option via code logic or feature flag\n  get hasDefaultOption() {\n    return this.args.hasDefaultOption ?? false;\n  }\n\n  get hasSystemOption() {\n    return this.args.hasSystemOption ?? true;\n  }\n\n  get _options() {\n    const options: Partial<typeof OPTIONS> = { ...OPTIONS };\n\n    if (!this.hasDefaultOption) {\n      delete options.default;\n    }\n\n    if (!this.hasSystemOption) {\n      delete options.system;\n    }\n\n    return options;\n  }\n\n  get currentTheme() {\n    // we get the theme from the global service\n    return this.hdsTheming.currentTheme;\n  }\n\n  @action\n  onSelectTheme(theme: HdsThemes | undefined): void {\n    // we set the theme in the global service (and provide an optional user-defined callback)\n    this.hdsTheming.setTheme({ theme, onSetTheme: this.args.onSetTheme });\n  }\n}\n"],"names":["OPTIONS","default","theme","icon","label","system","light","dark","HdsThemeSwitcher","Component","g","prototype","service","i","void 0","toggleSize","args","toggleIsFullWidth","toggleContent","currentTheme","hasDefaultOption","hasSystemOption","undefined","_options","options","hdsTheming","onSelectTheme","setTheme","onSetTheme","n","action","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/services/hds-theming.js

@@ -1,214 +0,0 @@
-import Service from '@ember/service';
-import { tracked } from '@glimmer/tracking';
-import { g, i } from 'decorator-transforms/runtime';
-
-let HdsThemeValues = /*#__PURE__*/function (HdsThemeValues) {
-  // default (original HDS)
-  HdsThemeValues["Default"] = "default";
-  // system settings (prefers-color-scheme)
-  HdsThemeValues["System"] = "system";
-  // user settings for dark/light
-  HdsThemeValues["Light"] = "light";
-  HdsThemeValues["Dark"] = "dark";
-  return HdsThemeValues;
-}({});
-let HdsModesBaseValues = /*#__PURE__*/function (HdsModesBaseValues) {
-  HdsModesBaseValues["Default"] = "default";
-  return HdsModesBaseValues;
-}({});
-let HdsModesLightValues = /*#__PURE__*/function (HdsModesLightValues) {
-  HdsModesLightValues["CdsG0"] = "cds-g0";
-  HdsModesLightValues["CdsG10"] = "cds-g10";
-  return HdsModesLightValues;
-}({});
-let HdsModesDarkValues = /*#__PURE__*/function (HdsModesDarkValues) {
-  HdsModesDarkValues["CdsG90"] = "cds-g90";
-  HdsModesDarkValues["CdsG100"] = "cds-g100";
-  return HdsModesDarkValues;
-}({});
-const THEMES = Object.values(HdsThemeValues);
-const MODES_LIGHT = Object.values(HdsModesLightValues);
-const MODES_DARK = Object.values(HdsModesDarkValues);
-const MODES = [...Object.values(HdsModesBaseValues), ...MODES_LIGHT, ...MODES_DARK];
-const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data';
-const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;
-const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;
-// We use this guard function to check if the data parsed from `localStorage` conforms to the `StoredThemingData` type and so is safe to use.
-// This prevents the application from using corrupted, malformed or malicious data, by validating the object structure, theme, and mode values.
-
-function isSafeStoredThemingData(data) {
-  if (typeof data !== 'object' || data === null) return false;
-  const d = data;
-  const isSafeThemeData =
-  // there is no stored `theme` key in the object (eg. the `default` theme was selected)
-  !('theme' in d) ||
-  // there is a `theme` value and is one of the valid `HdsThemes`
-  d['theme'] === undefined || THEMES.includes(d['theme']);
-  const options = d['options'];
-  const isSafeOptionsData =
-  // there is no stored `options` key in the object (eg. it's the first run of the application)
-  !('options' in d) ||
-  // there is an `options` value and has valid entries
-  typeof options === 'object' && options !== null && 'lightTheme' in options && MODES_LIGHT.includes(options['lightTheme']) && 'darkTheme' in options && MODES_DARK.includes(options['darkTheme']);
-  return isSafeThemeData && isSafeOptionsData;
-}
-class HdsThemingService extends Service {
-  static {
-    g(this.prototype, "_currentTheme", [tracked], function () {
-      return undefined;
-    });
-  }
-  #_currentTheme = (i(this, "_currentTheme"), void 0);
-  static {
-    g(this.prototype, "_currentMode", [tracked], function () {
-      return undefined;
-    });
-  }
-  #_currentMode = (i(this, "_currentMode"), void 0);
-  static {
-    g(this.prototype, "_currentLightTheme", [tracked], function () {
-      return DEFAULT_THEMING_OPTION_LIGHT_THEME;
-    });
-  }
-  #_currentLightTheme = (i(this, "_currentLightTheme"), void 0);
-  static {
-    g(this.prototype, "_currentDarkTheme", [tracked], function () {
-      return DEFAULT_THEMING_OPTION_DARK_THEME;
-    });
-  }
-  #_currentDarkTheme = (i(this, "_currentDarkTheme"), void 0);
-  static {
-    g(this.prototype, "globalOnSetTheme", [tracked]);
-  }
-  #globalOnSetTheme = (i(this, "globalOnSetTheme"), void 0);
-  initializeTheme() {
-    const rawStoredThemingData = localStorage.getItem(HDS_THEMING_LOCALSTORAGE_DATA);
-    if (rawStoredThemingData !== null) {
-      let storedThemingData;
-      try {
-        storedThemingData = JSON.parse(rawStoredThemingData);
-      } catch (error) {
-        // malformed JSON in localStorage, ignore and proceed with defaults
-        console.error(`Error while reading local storage '${HDS_THEMING_LOCALSTORAGE_DATA}' for theming`, error);
-      }
-      if (isSafeStoredThemingData(storedThemingData)) {
-        this.setTheme({
-          theme: storedThemingData.theme,
-          options: storedThemingData.options
-        });
-      } else {
-        // if data is not safe or malformed, reset theming to its defaults
-        this.setTheme({
-          theme: undefined,
-          options: undefined
-        });
-      }
-    }
-  }
-  setTheme({
-    theme,
-    options,
-    onSetTheme
-  }) {
-    if (options !== undefined) {
-      // if we have new options, we override the current ones (`lightTheme` / `darkTheme`)
-      // these options can be used by consumers that want to customize how they apply theming
-      // (and used by the showcase for the custom theming / theme switching logic)
-      if (Object.hasOwn(options, 'lightTheme') && Object.hasOwn(options, 'darkTheme')) {
-        const {
-          lightTheme,
-          darkTheme
-        } = options;
-        this._currentLightTheme = lightTheme;
-        this._currentDarkTheme = darkTheme;
-      } else {
-        // fallback if something goes wrong
-        this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;
-        this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;
-      }
-    }
-
-    // set the current theme/mode (`currentTheme` / `currentMode`)
-    if (theme === undefined ||
-    // standard (no theming)
-    !THEMES.includes(theme) // handle possible errors
-    ) {
-      this._currentTheme = undefined;
-      this._currentMode = undefined;
-    } else if (theme === HdsThemeValues.Default // default (original HDS)
-    ) {
-      this._currentTheme = HdsThemeValues.Default;
-      this._currentMode = undefined;
-    } else if (theme === HdsThemeValues.System // system (prefers-color-scheme)
-    ) {
-      this._currentTheme = HdsThemeValues.System;
-      this._currentMode = undefined;
-    } else {
-      this._currentTheme = theme;
-      if (this._currentTheme === HdsThemeValues.Light) {
-        this._currentMode = this._currentLightTheme;
-      }
-      if (this._currentTheme === HdsThemeValues.Dark) {
-        this._currentMode = this._currentDarkTheme;
-      }
-    }
-
-    // IMPORTANT: for this to work, it needs to be the `<html>` tag (it's the `:root` in CSS)
-    const rootElement = document.querySelector('html');
-    if (!rootElement) {
-      return;
-    }
-    // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments)
-    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(className => className.match(/^hds-(theme|mode)/));
-    rootElement.classList.remove(...hdsThemingClassesToRemove);
-    if (this._currentTheme !== undefined) {
-      rootElement.classList.add(`hds-theme-${this._currentTheme}`);
-    }
-    if (this._currentMode !== undefined) {
-      rootElement.classList.add(`hds-mode-${this._currentMode}`);
-    }
-
-    // store the current theme and theming options in local storage
-    localStorage.setItem(HDS_THEMING_LOCALSTORAGE_DATA, JSON.stringify({
-      theme: this._currentTheme,
-      options: {
-        lightTheme: this._currentLightTheme,
-        darkTheme: this._currentDarkTheme
-      }
-    }));
-
-    // this is a general callback that can be defined globally (by extending the service)
-    if (this.globalOnSetTheme) {
-      this.globalOnSetTheme({
-        currentTheme: this._currentTheme,
-        currentMode: this._currentMode
-      });
-    }
-
-    // this is a "local" callback that can be defined "locally" (eg. in a theme switcher)
-    if (onSetTheme) {
-      onSetTheme({
-        currentTheme: this._currentTheme,
-        currentMode: this._currentMode
-      });
-    }
-  }
-
-  // getters used for reactivity in the components/services using this service
-
-  get currentTheme() {
-    return this._currentTheme;
-  }
-  get currentMode() {
-    return this._currentMode;
-  }
-  get currentLightTheme() {
-    return this._currentLightTheme;
-  }
-  get currentDarkTheme() {
-    return this._currentDarkTheme;
-  }
-}
-
-export { DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HDS_THEMING_LOCALSTORAGE_DATA, HdsModesBaseValues, HdsModesDarkValues, HdsModesLightValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES, HdsThemingService as default };
-//# sourceMappingURL=hds-theming.js.map

package/dist/services/hds-theming.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-theming.js","sources":["../../src/services/hds-theming.ts"],"sourcesContent":["import Service from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\n\nexport enum HdsThemeValues {\n  // default (original HDS)\n  Default = 'default',\n  // system settings (prefers-color-scheme)\n  System = 'system',\n  // user settings for dark/light\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport enum HdsModesBaseValues {\n  Default = 'default',\n}\n\nexport enum HdsModesLightValues {\n  CdsG0 = 'cds-g0',\n  CdsG10 = 'cds-g10',\n}\n\nexport enum HdsModesDarkValues {\n  CdsG90 = 'cds-g90',\n  CdsG100 = 'cds-g100',\n}\n\nexport type HdsThemes = `${HdsThemeValues}`;\nexport type HdsModes =\n  | `${HdsModesBaseValues}`\n  | `${HdsModesLightValues}`\n  | `${HdsModesDarkValues}`;\nexport type HdsModesLight = `${HdsModesLightValues}`;\nexport type HdsModesDark = `${HdsModesDarkValues}`;\n\ntype HdsThemingOptions = {\n  lightTheme: HdsModesLight;\n  darkTheme: HdsModesDark;\n};\n\ntype SetThemeArgs = {\n  theme: HdsThemes | undefined;\n  options?: HdsThemingOptions;\n  onSetTheme?: HdsOnSetThemeCallback;\n};\n\nexport type HdsOnSetThemeCallbackArgs = {\n  currentTheme: HdsThemes | undefined;\n  currentMode: HdsModes | undefined;\n};\n\nexport type HdsOnSetThemeCallback = (args: HdsOnSetThemeCallbackArgs) => void;\n\nexport const THEMES: HdsThemes[] = Object.values(HdsThemeValues);\nexport const MODES_LIGHT: HdsModesLight[] = Object.values(HdsModesLightValues);\nexport const MODES_DARK: HdsModesDark[] = Object.values(HdsModesDarkValues);\nexport const MODES: HdsModes[] = [\n  ...Object.values(HdsModesBaseValues),\n  ...MODES_LIGHT,\n  ...MODES_DARK,\n];\n\nexport const HDS_THEMING_LOCALSTORAGE_DATA = 'hds-theming-data';\n\nexport const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;\nexport const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;\n\ntype StoredThemingData = {\n  theme: HdsThemes | undefined;\n  options: HdsThemingOptions;\n};\n\n// We use this guard function to check if the data parsed from `localStorage` conforms to the `StoredThemingData` type and so is safe to use.\n// This prevents the application from using corrupted, malformed or malicious data, by validating the object structure, theme, and mode values.\n\nfunction isSafeStoredThemingData(data: unknown): data is StoredThemingData {\n  if (typeof data !== 'object' || data === null) return false;\n\n  const d = data as Record<string, unknown>;\n\n  const isSafeThemeData =\n    // there is no stored `theme` key in the object (eg. the `default` theme was selected)\n    !('theme' in d) ||\n    // there is a `theme` value and is one of the valid `HdsThemes`\n    d['theme'] === undefined ||\n    THEMES.includes(d['theme'] as HdsThemes);\n\n  const options = d['options'] as Record<string, unknown> | undefined;\n\n  const isSafeOptionsData =\n    // there is no stored `options` key in the object (eg. it's the first run of the application)\n    !('options' in d) ||\n    // there is an `options` value and has valid entries\n    (typeof options === 'object' &&\n      options !== null &&\n      'lightTheme' in options &&\n      MODES_LIGHT.includes(options['lightTheme'] as HdsModesLight) &&\n      'darkTheme' in options &&\n      MODES_DARK.includes(options['darkTheme'] as HdsModesDark));\n\n  return isSafeThemeData && isSafeOptionsData;\n}\n\nexport default class HdsThemingService extends Service {\n  @tracked _currentTheme: HdsThemes | undefined = undefined;\n  @tracked _currentMode: HdsModes | undefined = undefined;\n  @tracked _currentLightTheme: HdsModesLight =\n    DEFAULT_THEMING_OPTION_LIGHT_THEME;\n  @tracked _currentDarkTheme: HdsModesDark = DEFAULT_THEMING_OPTION_DARK_THEME;\n  @tracked globalOnSetTheme: HdsOnSetThemeCallback | undefined;\n\n  initializeTheme() {\n    const rawStoredThemingData = localStorage.getItem(\n      HDS_THEMING_LOCALSTORAGE_DATA\n    );\n\n    if (rawStoredThemingData !== null) {\n      let storedThemingData: unknown;\n      try {\n        storedThemingData = JSON.parse(rawStoredThemingData);\n      } catch (error) {\n        // malformed JSON in localStorage, ignore and proceed with defaults\n        console.error(\n          `Error while reading local storage '${HDS_THEMING_LOCALSTORAGE_DATA}' for theming`,\n          error\n        );\n      }\n\n      if (isSafeStoredThemingData(storedThemingData)) {\n        this.setTheme({\n          theme: storedThemingData.theme,\n          options: storedThemingData.options,\n        });\n      } else {\n        // if data is not safe or malformed, reset theming to its defaults\n        this.setTheme({\n          theme: undefined,\n          options: undefined,\n        });\n      }\n    }\n  }\n\n  setTheme({ theme, options, onSetTheme }: SetThemeArgs) {\n    if (options !== undefined) {\n      // if we have new options, we override the current ones (`lightTheme` / `darkTheme`)\n      // these options can be used by consumers that want to customize how they apply theming\n      // (and used by the showcase for the custom theming / theme switching logic)\n      if (\n        Object.hasOwn(options, 'lightTheme') &&\n        Object.hasOwn(options, 'darkTheme')\n      ) {\n        const { lightTheme, darkTheme } = options;\n\n        this._currentLightTheme = lightTheme;\n        this._currentDarkTheme = darkTheme;\n      } else {\n        // fallback if something goes wrong\n        this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;\n        this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;\n      }\n    }\n\n    // set the current theme/mode (`currentTheme` / `currentMode`)\n    if (\n      theme === undefined || // standard (no theming)\n      !THEMES.includes(theme) // handle possible errors\n    ) {\n      this._currentTheme = undefined;\n      this._currentMode = undefined;\n    } else if (\n      theme === HdsThemeValues.Default // default (original HDS)\n    ) {\n      this._currentTheme = HdsThemeValues.Default;\n      this._currentMode = undefined;\n    } else if (\n      theme === HdsThemeValues.System // system (prefers-color-scheme)\n    ) {\n      this._currentTheme = HdsThemeValues.System;\n      this._currentMode = undefined;\n    } else {\n      this._currentTheme = theme;\n      if (this._currentTheme === HdsThemeValues.Light) {\n        this._currentMode = this._currentLightTheme;\n      }\n      if (this._currentTheme === HdsThemeValues.Dark) {\n        this._currentMode = this._currentDarkTheme;\n      }\n    }\n\n    // IMPORTANT: for this to work, it needs to be the `<html>` tag (it's the `:root` in CSS)\n    const rootElement = document.querySelector('html');\n\n    if (!rootElement) {\n      return;\n    }\n    // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments)\n    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(\n      (className) => className.match(/^hds-(theme|mode)/)\n    );\n    rootElement.classList.remove(...hdsThemingClassesToRemove);\n    if (this._currentTheme !== undefined) {\n      rootElement.classList.add(`hds-theme-${this._currentTheme}`);\n    }\n    if (this._currentMode !== undefined) {\n      rootElement.classList.add(`hds-mode-${this._currentMode}`);\n    }\n\n    // store the current theme and theming options in local storage\n    localStorage.setItem(\n      HDS_THEMING_LOCALSTORAGE_DATA,\n      JSON.stringify({\n        theme: this._currentTheme,\n        options: {\n          lightTheme: this._currentLightTheme,\n          darkTheme: this._currentDarkTheme,\n        },\n      })\n    );\n\n    // this is a general callback that can be defined globally (by extending the service)\n    if (this.globalOnSetTheme) {\n      this.globalOnSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n\n    // this is a \"local\" callback that can be defined \"locally\" (eg. in a theme switcher)\n    if (onSetTheme) {\n      onSetTheme({\n        currentTheme: this._currentTheme,\n        currentMode: this._currentMode,\n      });\n    }\n  }\n\n  // getters used for reactivity in the components/services using this service\n\n  get currentTheme(): HdsThemes | undefined {\n    return this._currentTheme;\n  }\n\n  get currentMode(): HdsModes | undefined {\n    return this._currentMode;\n  }\n\n  get currentLightTheme(): HdsModesLight {\n    return this._currentLightTheme;\n  }\n\n  get currentDarkTheme(): HdsModesDark {\n    return this._currentDarkTheme;\n  }\n}\n"],"names":["HdsThemeValues","HdsModesBaseValues","HdsModesLightValues","HdsModesDarkValues","THEMES","Object","values","MODES_LIGHT","MODES_DARK","MODES","HDS_THEMING_LOCALSTORAGE_DATA","DEFAULT_THEMING_OPTION_LIGHT_THEME","CdsG0","DEFAULT_THEMING_OPTION_DARK_THEME","CdsG100","isSafeStoredThemingData","data","d","isSafeThemeData","undefined","includes","options","isSafeOptionsData","HdsThemingService","Service","g","prototype","tracked","i","void 0","initializeTheme","rawStoredThemingData","localStorage","getItem","storedThemingData","JSON","parse","error","console","setTheme","theme","onSetTheme","hasOwn","lightTheme","darkTheme","_currentLightTheme","_currentDarkTheme","_currentTheme","_currentMode","Default","System","Light","Dark","rootElement","document","querySelector","hdsThemingClassesToRemove","Array","from","classList","filter","className","match","remove","add","setItem","stringify","globalOnSetTheme","currentTheme","currentMode","currentLightTheme","currentDarkTheme"],"mappings":"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"}