genesys-spark-components 4.26.1-beta.0 → 4.26.1

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-75c9f0d9.js');
-const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-287da480.js');
-const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-require('./get-closest-element-26894e5a.js');
+const index = require('./index-7fb02c8c.js');
+const index$1 = require('./index-a1a48d79.js');
+const usage = require('./usage-623a7a81.js');
+const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
+require('./get-closest-element-9e41d6b9.js');
 
 const selectZone = "Search by region, country, or city";
 const all = "All";
@@ -7573,248 +7573,249 @@ const utcTimezone = {
  * @example '+HH:mm' or '-HH:mm'
  */
 function formatOffset(offset) {
-  const isValidOffset = typeof offset === 'number';
-  if (!isValidOffset) {
-    return '';
-  }
-  const mins = Math.abs(offset) % 60;
-  const stringMins = mins.toString().padStart(2, '0');
-  const hrs = Math.floor(Math.abs(offset) / 60);
-  const stringHrs = hrs.toString().padStart(2, '0');
-  if (offset >= 0) {
-    return `+${stringHrs}:${stringMins}`;
-  }
-  return `-${stringHrs}:${stringMins}`;
+    const isValidOffset = typeof offset === 'number';
+    if (!isValidOffset) {
+        return '';
+    }
+    const mins = Math.abs(offset) % 60;
+    const stringMins = mins.toString().padStart(2, '0');
+    const hrs = Math.floor(Math.abs(offset) / 60);
+    const stringHrs = hrs.toString().padStart(2, '0');
+    if (offset >= 0) {
+        return `+${stringHrs}:${stringMins}`;
+    }
+    return `-${stringHrs}:${stringMins}`;
 }
 function getTimeZoneList() {
-  const moduleTimeZones = getTimeZones();
-  const additionalGroupZones = getGroupZones(moduleTimeZones);
-  // Generic time zones not included in @vvo/tzdb that we want to support
-  const genericTimeZones = [
-    { name: 'Etc/GMT', offset: 0 },
-    { name: 'Etc/GMT+0', offset: 0 },
-    { name: 'Etc/GMT+1', offset: -60 },
-    { name: 'Etc/GMT+2', offset: -120 },
-    { name: 'Etc/GMT+3', offset: -180 },
-    { name: 'Etc/GMT+4', offset: -240 },
-    { name: 'Etc/GMT+5', offset: -300 },
-    { name: 'Etc/GMT+6', offset: -360 },
-    { name: 'Etc/GMT+7', offset: -420 },
-    { name: 'Etc/GMT+8', offset: -480 },
-    { name: 'Etc/GMT+9', offset: -540 },
-    { name: 'Etc/GMT+10', offset: -600 },
-    { name: 'Etc/GMT+11', offset: -660 },
-    { name: 'Etc/GMT+12', offset: -720 },
-    { name: 'Etc/GMT-0', offset: +0 },
-    { name: 'Etc/GMT-1', offset: +60 },
-    { name: 'Etc/GMT-2', offset: +120 },
-    { name: 'Etc/GMT-3', offset: +180 },
-    { name: 'Etc/GMT-4', offset: +240 },
-    { name: 'Etc/GMT-5', offset: +300 },
-    { name: 'Etc/GMT-6', offset: +360 },
-    { name: 'Etc/GMT-7', offset: +420 },
-    { name: 'Etc/GMT-8', offset: +480 },
-    { name: 'Etc/GMT-9', offset: +540 },
-    { name: 'Etc/GMT-10', offset: +600 },
-    { name: 'Etc/GMT-11', offset: +660 },
-    { name: 'Etc/GMT-12', offset: +720 },
-    { name: 'Etc/GMT-13', offset: +780 },
-    { name: 'Etc/GMT-14', offset: +840 }
-  ].map(x => {
-    const listing = {
-      name: x.name,
-      alternativeName: '',
-      group: [],
-      continentCode: '',
-      continentName: '',
-      countryName: '',
-      countryCode: '',
-      rawOffsetInMinutes: x.offset,
-      abbreviation: x.name,
-      rawFormat: '',
-      currentTimeOffsetInMinutes: x.offset,
-      currentTimeFormat: '',
-      mainCities: []
-    };
-    return listing;
-  });
-  const allTimeZones = [
-    ...genericTimeZones,
-    ...moduleTimeZones,
-    ...additionalGroupZones
-  ];
-  return allTimeZones;
+    const moduleTimeZones = getTimeZones();
+    const additionalGroupZones = getGroupZones(moduleTimeZones);
+    // Generic time zones not included in @vvo/tzdb that we want to support
+    const genericTimeZones = [
+        { name: 'Etc/GMT', offset: 0 },
+        { name: 'Etc/GMT+0', offset: 0 },
+        { name: 'Etc/GMT+1', offset: -60 },
+        { name: 'Etc/GMT+2', offset: -120 },
+        { name: 'Etc/GMT+3', offset: -180 },
+        { name: 'Etc/GMT+4', offset: -240 },
+        { name: 'Etc/GMT+5', offset: -300 },
+        { name: 'Etc/GMT+6', offset: -360 },
+        { name: 'Etc/GMT+7', offset: -420 },
+        { name: 'Etc/GMT+8', offset: -480 },
+        { name: 'Etc/GMT+9', offset: -540 },
+        { name: 'Etc/GMT+10', offset: -600 },
+        { name: 'Etc/GMT+11', offset: -660 },
+        { name: 'Etc/GMT+12', offset: -720 },
+        { name: 'Etc/GMT-0', offset: +0 },
+        { name: 'Etc/GMT-1', offset: +60 },
+        { name: 'Etc/GMT-2', offset: +120 },
+        { name: 'Etc/GMT-3', offset: +180 },
+        { name: 'Etc/GMT-4', offset: +240 },
+        { name: 'Etc/GMT-5', offset: +300 },
+        { name: 'Etc/GMT-6', offset: +360 },
+        { name: 'Etc/GMT-7', offset: +420 },
+        { name: 'Etc/GMT-8', offset: +480 },
+        { name: 'Etc/GMT-9', offset: +540 },
+        { name: 'Etc/GMT-10', offset: +600 },
+        { name: 'Etc/GMT-11', offset: +660 },
+        { name: 'Etc/GMT-12', offset: +720 },
+        { name: 'Etc/GMT-13', offset: +780 },
+        { name: 'Etc/GMT-14', offset: +840 }
+    ].map(x => {
+        const listing = {
+            name: x.name,
+            alternativeName: '',
+            group: [],
+            continentCode: '',
+            continentName: '',
+            countryName: '',
+            countryCode: '',
+            rawOffsetInMinutes: x.offset,
+            abbreviation: x.name,
+            rawFormat: '',
+            currentTimeOffsetInMinutes: x.offset,
+            currentTimeFormat: '',
+            mainCities: []
+        };
+        return listing;
+    });
+    const allTimeZones = [
+        ...genericTimeZones,
+        ...moduleTimeZones,
+        ...additionalGroupZones
+    ];
+    return allTimeZones;
 }
 /**
  * @desc Returns 'group' zones that are the same as other zones to the top-level list.
  * @param GuxTimeZoneListing[] timeZoneList base list of timezones. Group zones found in this list will be returned
  */
 function getGroupZones(timeZoneList) {
-  const groupZones = [];
-  timeZoneList.forEach(zone => {
-    zone.group.forEach(groupZone => {
-      const existing = timeZoneList.find(zone => zone.name === groupZone);
-      if (!existing && groupZone !== zone.name) {
-        const groupZoneItem = Object.assign({}, zone);
-        groupZoneItem.name = groupZone;
-        groupZones.push(groupZoneItem);
-      }
+    const groupZones = [];
+    timeZoneList.forEach(zone => {
+        zone.group.forEach(groupZone => {
+            const existing = timeZoneList.find(zone => zone.name === groupZone);
+            if (!existing && groupZone !== zone.name) {
+                const groupZoneItem = Object.assign({}, zone);
+                groupZoneItem.name = groupZone;
+                groupZones.push(groupZoneItem);
+            }
+        });
     });
-  });
-  return groupZones;
+    return groupZones;
 }
 
 const guxTimeZonePickerCss = "gux-dropdown .zone-header{padding:8px 12px 4px;color:#6b7585;text-transform:uppercase}gux-dropdown gux-option{padding:var(--gse-ui-menu-option-padding)}gux-dropdown gux-option.gux-has-defaults{height:auto}gux-dropdown gux-option .gux-option-wrapper{display:flex;flex-direction:column}gux-dropdown gux-option .gux-default-zone{color:#626e84}";
+const GuxTimeZonePickerBetaStyle0 = guxTimeZonePickerCss;
 
 const GuxTimeZonePickerBeta = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.value = undefined;
-    this.workspaceDefault = undefined;
-    this.localDefault = undefined;
-    this.hasError = false;
-    this.disabled = false;
-    this.required = false;
-    this.searchString = '';
-    this.timeZoneOptionElements = undefined;
-    this.timeZoneList = undefined;
-    this.filteredZoneList = undefined;
-  }
-  on(event) {
-    this.searchString = event.detail;
-    this.filteredZoneList = this.filterTimeZoneList(this.timeZoneList);
-    this.timeZoneOptionElements = this.renderTimeZones(this.filteredZoneList);
-  }
-  async componentWillLoad() {
-    usage.trackComponent(this.root);
-    this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
-    this.timeZoneList = this.getTimeZoneOptionsList();
-    this.filteredZoneList = this.timeZoneList;
-    this.timeZoneOptionElements = this.renderTimeZones(this.filteredZoneList);
-  }
-  componentDidLoad() {
-    var _a;
-    const dropdownElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('gux-dropdown');
-    dropdownElement.addEventListener('change', (event) => {
-      const selectedElement = event.target;
-      const selectedValue = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.value;
-      this.value = selectedValue;
-      simulateNativeEvent.simulateNativeEvent(this.root, 'change');
-    });
-  }
-  filterTimeZoneList(timeZoneList) {
-    const searchString = this.searchString;
-    return timeZoneList.filter(tzOption => {
-      return this.getFormattedTimeZoneOption(tzOption)
-        .toLowerCase()
-        .includes(searchString.toLowerCase());
-    });
-  }
-  getTimeZoneOption(timeZone) {
-    const localizedGroupName = this.i18n(timeZone.name);
-    const localizedCountryName = this.i18n(timeZone.countryName);
-    if (!localizedGroupName) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.value = undefined;
+        this.workspaceDefault = undefined;
+        this.localDefault = undefined;
+        this.hasError = false;
+        this.disabled = false;
+        this.required = false;
+        this.searchString = '';
+        this.timeZoneOptionElements = undefined;
+        this.timeZoneList = undefined;
+        this.filteredZoneList = undefined;
     }
-    const formattedOffset = formatOffset(timeZone.currentTimeOffsetInMinutes);
-    const localizedUTC = this.i18n('UTC');
-    const displayTextName = `${localizedGroupName}`;
-    const displayTextOffset = ` (${localizedUTC}${formattedOffset})`;
-    const baseDisplayOffsetText = `${displayTextOffset}`;
-    const displayTextNameFormatted = displayTextName.replace(/_/g, ' ');
-    const countryName = `${localizedCountryName}`;
-    const defaultZone = '';
-    const priority = displayTextName.startsWith('Etc/GMT') ? 2 : 1;
-    return {
-      value: timeZone.name,
-      localizedGroupName,
-      formattedOffset,
-      displayTextNameFormatted,
-      displayTextOffset,
-      baseDisplayOffsetText,
-      countryName,
-      defaultZone,
-      priority
-    };
-  }
-  getFormattedTimeZoneOption(option) {
-    return option.displayTextNameFormatted.startsWith('Etc/GMT')
-      ? option.displayTextNameFormatted.concat(option.baseDisplayOffsetText)
-      : option.displayTextNameFormatted
-        .split('/')
-        .pop()
-        .concat(', ', option.countryName)
-        .concat(option.baseDisplayOffsetText);
-  }
-  getTimeZoneOptionsList() {
-    const allTimeZones = getTimeZoneList();
-    const timeZoneOptionsList = [];
-    allTimeZones.forEach(timeZone => {
-      const zone = this.getTimeZoneOption(timeZone);
-      //Filter out zones we don't have a translation for; helps filter out deprecated module zones we don't want to use.
-      if (!zone) {
-        return;
-      }
-      timeZoneOptionsList.push(zone);
-    });
-    return timeZoneOptionsList.sort((a, b) => {
-      var _a;
-      return a.priority - b.priority ||
-        ((_a = a.displayTextNameFormatted) === null || _a === void 0 ? void 0 : _a.localeCompare(b.displayTextNameFormatted));
-    });
-  }
-  getDefaultZones() {
-    const defaultZones = [];
-    if (this.workspaceDefault) {
-      defaultZones.push(this.workspaceDefault);
+    on(event) {
+        this.searchString = event.detail;
+        this.filteredZoneList = this.filterTimeZoneList(this.timeZoneList);
+        this.timeZoneOptionElements = this.renderTimeZones(this.filteredZoneList);
     }
-    if (this.localDefault) {
-      defaultZones.push(this.localDefault);
+    async componentWillLoad() {
+        usage.trackComponent(this.root);
+        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
+        this.timeZoneList = this.getTimeZoneOptionsList();
+        this.filteredZoneList = this.timeZoneList;
+        this.timeZoneOptionElements = this.renderTimeZones(this.filteredZoneList);
     }
-    return defaultZones;
-  }
-  getDefaultZoneList() {
-    const defaultZones = this.getDefaultZones();
-    const defaultZoneOptions = this.timeZoneList.reduce((defaults, tz) => {
-      if (defaultZones.includes(tz.value)) {
-        return defaults.concat([Object.assign({}, tz)]);
-      }
-      return defaults;
-    }, []);
-    defaultZoneOptions.forEach(option => {
-      if (defaultZoneOptions.length === 1 &&
-        this.workspaceDefault === this.localDefault) {
-        defaultZoneOptions[0].defaultZone = `${this.i18n('localAndWorkspaceDefault')}`;
-      }
-      else if (option.value === this.workspaceDefault) {
-        option.defaultZone = `${this.i18n('workspaceDefault')}`;
-      }
-      else if (option.value === this.localDefault) {
-        option.defaultZone = `${this.i18n('localDefault')}`;
-      }
-    });
-    return defaultZoneOptions;
-  }
-  renderTimeZones(zoneList) {
-    return zoneList.map(tzOption => {
-      return (index.h("gux-option", { class: {
-          'gux-has-defaults': tzOption.defaultZone !== ''
-        }, value: tzOption.value }, index.h("div", { class: "gux-option-wrapper" }, index.h("div", null, this.getFormattedTimeZoneOption(tzOption)), index.h("span", { class: "gux-default-zone" }, tzOption.defaultZone))));
-    });
-  }
-  renderDefaultsList() {
-    const defaults = this.renderTimeZones(this.getDefaultZoneList());
-    if (defaults.length) {
-      return (index.h("div", null, index.h("div", { class: "zone-header" }, this.i18n('default')), defaults, index.h("gux-list-divider", null), index.h("div", { class: "zone-header" }, this.i18n('all'))));
+    componentDidLoad() {
+        var _a;
+        const dropdownElement = (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('gux-dropdown');
+        dropdownElement.addEventListener('change', (event) => {
+            const selectedElement = event.target;
+            const selectedValue = selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.value;
+            this.value = selectedValue;
+            simulateNativeEvent.simulateNativeEvent(this.root, 'change');
+        });
     }
-  }
-  render() {
-    return (index.h("gux-dropdown", { class: {
-        'has-defaults': !!this.workspaceDefault || !!this.localDefault
-      }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
-  }
-  get root() { return index.getElement(this); }
+    filterTimeZoneList(timeZoneList) {
+        const searchString = this.searchString;
+        return timeZoneList.filter(tzOption => {
+            return this.getFormattedTimeZoneOption(tzOption)
+                .toLowerCase()
+                .includes(searchString.toLowerCase());
+        });
+    }
+    getTimeZoneOption(timeZone) {
+        const localizedGroupName = this.i18n(timeZone.name);
+        const localizedCountryName = this.i18n(timeZone.countryName);
+        if (!localizedGroupName) {
+            return;
+        }
+        const formattedOffset = formatOffset(timeZone.currentTimeOffsetInMinutes);
+        const localizedUTC = this.i18n('UTC');
+        const displayTextName = `${localizedGroupName}`;
+        const displayTextOffset = ` (${localizedUTC}${formattedOffset})`;
+        const baseDisplayOffsetText = `${displayTextOffset}`;
+        const displayTextNameFormatted = displayTextName.replace(/_/g, ' ');
+        const countryName = `${localizedCountryName}`;
+        const defaultZone = '';
+        const priority = displayTextName.startsWith('Etc/GMT') ? 2 : 1;
+        return {
+            value: timeZone.name,
+            localizedGroupName,
+            formattedOffset,
+            displayTextNameFormatted,
+            displayTextOffset,
+            baseDisplayOffsetText,
+            countryName,
+            defaultZone,
+            priority
+        };
+    }
+    getFormattedTimeZoneOption(option) {
+        return option.displayTextNameFormatted.startsWith('Etc/GMT')
+            ? option.displayTextNameFormatted.concat(option.baseDisplayOffsetText)
+            : option.displayTextNameFormatted
+                .split('/')
+                .pop()
+                .concat(', ', option.countryName)
+                .concat(option.baseDisplayOffsetText);
+    }
+    getTimeZoneOptionsList() {
+        const allTimeZones = getTimeZoneList();
+        const timeZoneOptionsList = [];
+        allTimeZones.forEach(timeZone => {
+            const zone = this.getTimeZoneOption(timeZone);
+            //Filter out zones we don't have a translation for; helps filter out deprecated module zones we don't want to use.
+            if (!zone) {
+                return;
+            }
+            timeZoneOptionsList.push(zone);
+        });
+        return timeZoneOptionsList.sort((a, b) => {
+            var _a;
+            return a.priority - b.priority ||
+                ((_a = a.displayTextNameFormatted) === null || _a === void 0 ? void 0 : _a.localeCompare(b.displayTextNameFormatted));
+        });
+    }
+    getDefaultZones() {
+        const defaultZones = [];
+        if (this.workspaceDefault) {
+            defaultZones.push(this.workspaceDefault);
+        }
+        if (this.localDefault) {
+            defaultZones.push(this.localDefault);
+        }
+        return defaultZones;
+    }
+    getDefaultZoneList() {
+        const defaultZones = this.getDefaultZones();
+        const defaultZoneOptions = this.timeZoneList.reduce((defaults, tz) => {
+            if (defaultZones.includes(tz.value)) {
+                return defaults.concat([Object.assign({}, tz)]);
+            }
+            return defaults;
+        }, []);
+        defaultZoneOptions.forEach(option => {
+            if (defaultZoneOptions.length === 1 &&
+                this.workspaceDefault === this.localDefault) {
+                defaultZoneOptions[0].defaultZone = `${this.i18n('localAndWorkspaceDefault')}`;
+            }
+            else if (option.value === this.workspaceDefault) {
+                option.defaultZone = `${this.i18n('workspaceDefault')}`;
+            }
+            else if (option.value === this.localDefault) {
+                option.defaultZone = `${this.i18n('localDefault')}`;
+            }
+        });
+        return defaultZoneOptions;
+    }
+    renderTimeZones(zoneList) {
+        return zoneList.map(tzOption => {
+            return (index.h("gux-option", { class: {
+                    'gux-has-defaults': tzOption.defaultZone !== ''
+                }, value: tzOption.value }, index.h("div", { class: "gux-option-wrapper" }, index.h("div", null, this.getFormattedTimeZoneOption(tzOption)), index.h("span", { class: "gux-default-zone" }, tzOption.defaultZone))));
+        });
+    }
+    renderDefaultsList() {
+        const defaults = this.renderTimeZones(this.getDefaultZoneList());
+        if (defaults.length) {
+            return (index.h("div", null, index.h("div", { class: "zone-header" }, this.i18n('default')), defaults, index.h("gux-list-divider", null), index.h("div", { class: "zone-header" }, this.i18n('all'))));
+        }
+    }
+    render() {
+        return (index.h("gux-dropdown", { key: 'bf907629437b034cfd728a477d0e34b24d4c2a95', class: {
+                'has-defaults': !!this.workspaceDefault || !!this.localDefault
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'c57d91d7b111d7bf8fbdc246349c48603cd881f1', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
+    }
+    get root() { return index.getElement(this); }
 };
-GuxTimeZonePickerBeta.style = guxTimeZonePickerCss;
+GuxTimeZonePickerBeta.style = GuxTimeZonePickerBetaStyle0;
 
 exports.gux_time_zone_picker_beta = GuxTimeZonePickerBeta;

package/dist/cjs/gux-toast.cjs.entry.js

@@ -2,61 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-287da480.js');
-const hasSlot = require('./has-slot-429f8b9e.js');
+const index = require('./index-7fb02c8c.js');
+const usage = require('./usage-623a7a81.js');
+const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
+const GuxToastStyle0 = guxToastCss;
 
 const GuxToast = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
-    this.toastType = 'success';
-    this.hasLink = false;
-    this.hasPrimaryButton = false;
-    this.hasSecondaryButton = false;
-  }
-  componentWillLoad() {
-    usage.trackComponent(this.root, { variant: this.toastType });
-    this.hasPrimaryButton = hasSlot.hasSlot(this.root, 'primary-button');
-    this.hasSecondaryButton = hasSlot.hasSlot(this.root, 'secondary-button');
-    this.hasLink = hasSlot.hasSlot(this.root, 'link');
-  }
-  renderToastIcon() {
-    switch (this.toastType) {
-      case 'success':
-        return (index.h("gux-icon", { "icon-name": "fa/circle-check-solid", decorative: true }));
-      case 'warning':
-        return (index.h("gux-icon", { "icon-name": "fa/triangle-exclamation-solid", decorative: true }));
-      case 'error':
-        return (index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true }));
-      case 'info':
-        return (index.h("gux-icon", { "icon-name": "fa/circle-info-solid", decorative: true }));
-      case 'action':
-        return (index.h("slot", { name: "icon" }));
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guxdismiss = index.createEvent(this, "guxdismiss", 7);
+        this.toastType = 'success';
+        this.hasLink = false;
+        this.hasPrimaryButton = false;
+        this.hasSecondaryButton = false;
     }
-  }
-  renderLink() {
-    return (index.h("div", { class: "gux-buttons-bar" }, index.h("slot", { name: "link" })));
-  }
-  renderActions() {
-    return (index.h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (index.h("gux-button-slot", null, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, index.h("slot", { name: "primary-button" }))));
-  }
-  render() {
-    return (index.h("div", { class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { class: "gux-content" }, index.h("div", { class: "gux-message" }, index.h("gux-truncate", { class: "gux-message-title", "max-lines": 1 }, index.h("slot", { name: "title" })), index.h("gux-truncate", { class: "gux-message-body", "max-lines": 2 }, index.h("slot", { name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
-      this.hasPrimaryButton &&
-      this.renderActions()), index.h("gux-dismiss-button", { position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
-  }
-  onDismissClickHandler(event) {
-    event.stopPropagation();
-    const dismissEvent = this.guxdismiss.emit();
-    if (!dismissEvent.defaultPrevented) {
-      this.root.remove();
+    componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.toastType });
+        this.hasPrimaryButton = hasSlot.hasSlot(this.root, 'primary-button');
+        this.hasSecondaryButton = hasSlot.hasSlot(this.root, 'secondary-button');
+        this.hasLink = hasSlot.hasSlot(this.root, 'link');
     }
-  }
-  get root() { return index.getElement(this); }
+    renderToastIcon() {
+        switch (this.toastType) {
+            case 'success':
+                return (index.h("gux-icon", { "icon-name": "fa/circle-check-solid", decorative: true }));
+            case 'warning':
+                return (index.h("gux-icon", { "icon-name": "fa/triangle-exclamation-solid", decorative: true }));
+            case 'error':
+                return (index.h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true }));
+            case 'info':
+                return (index.h("gux-icon", { "icon-name": "fa/circle-info-solid", decorative: true }));
+            case 'action':
+                return (index.h("slot", { name: "icon" }));
+        }
+    }
+    renderLink() {
+        return (index.h("div", { class: "gux-buttons-bar" }, index.h("slot", { name: "link" })));
+    }
+    renderActions() {
+        return (index.h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (index.h("gux-button-slot", null, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, index.h("slot", { name: "primary-button" }))));
+    }
+    render() {
+        return (index.h("div", { key: 'c2f1925f5b74ab5ad6405d3c828f011289d5b79f', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'f1b16c61aac2fcf15e0e8e608d89368519d23e25', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '73e5bbfda80f9f90a6669099d748ad1d1e3acdea', class: "gux-content" }, index.h("div", { key: '0f2f4c58c82acdd53e18d4628be93fca8ce46e38', class: "gux-message" }, index.h("gux-truncate", { key: 'fcfe09983253a13adcc01e70f6a34d74ca1b96e6', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '4b48ed0caf7e51e7dd1e186ecf40a4713fd6ffce', name: "title" })), index.h("gux-truncate", { key: 'a965ea526fb21f41b10a1c31cf25b6800277034c', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'b6af7cdd022b85eab2643a1487ea2a5296ed903b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+            this.hasPrimaryButton &&
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'd8d364ee073662f60321c8b435aa8f35d21f9ae4', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+    }
+    onDismissClickHandler(event) {
+        event.stopPropagation();
+        const dismissEvent = this.guxdismiss.emit();
+        if (!dismissEvent.defaultPrevented) {
+            this.root.remove();
+        }
+    }
+    get root() { return index.getElement(this); }
 };
-GuxToast.style = guxToastCss;
+GuxToast.style = GuxToastStyle0;
 
 exports.gux_toast = GuxToast;