genesys-spark-components 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-buttons-beta/gux-pagination-buttons-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.d.ts}

@@ -1,23 +1,26 @@
 import { JSX } from '../../../../stencil-public-runtime';
-import { GuxPaginationLayoutBeta } from '../gux-pagination-beta.types';
-export declare class GuxPaginationButtonsBeta {
-  currentElement: HTMLElement;
+import { GuxPaginationLayout } from '../gux-pagination.types';
+export declare class GuxPaginationButtonsLegacy {
   private root;
+  private textFieldRef;
   private i18n;
   currentPage: number;
   totalPages: number;
-  layout: GuxPaginationLayoutBeta;
+  layout: GuxPaginationLayout;
   private internalcurrentpagechange;
-  goToPageHandler(event: CustomEvent<number>): void;
   private get onFirstPage();
   private get onLastPage();
   private handleClickFirst;
   private handleClickPrevious;
   private handleClickNext;
   private handleClickLast;
-  private handlePageChange;
+  private handleClickPage;
+  private setPageFromInput;
   private getPageListEnteries;
-  private getPageNavigation;
+  private getSmallPagePicker;
+  private getExpandedPagePicker;
+  private getFullPagePicker;
+  private getPagePicker;
   componentWillLoad(): Promise<void>;
   render(): JSX.Element;
 }

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
-export declare class GuxPaginationItemCountsBeta implements ComponentInterface {
+export declare class GuxPaginationItemCountsLegacy implements ComponentInterface {
   private root;
   private i18n;
   totalItems: number;
@@ -8,6 +8,5 @@ export declare class GuxPaginationItemCountsBeta implements ComponentInterface {
   private get firstItem();
   private get lastItem();
   componentWillLoad(): Promise<void>;
-  private getPaginationItemCountsRange;
   render(): JSX.Element;
 }

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.d.ts}

@@ -1,6 +1,6 @@
 import { ComponentInterface, JSX } from '../../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../gux-pagination-beta.types';
-export declare class GuxPaginationItemsPerPageBeta implements ComponentInterface {
+import { GuxItemsPerPage } from '../gux-pagination.types';
+export declare class GuxPaginationItemsPerPageLegacy implements ComponentInterface {
   private i18n;
   private dropdownElement;
   private root;

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-beta.d.ts → legacy/gux-pagination-legacy/gux-pagination.d.ts}

@@ -1,14 +1,7 @@
 import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../../stable/gux-pagination/gux-pagination.types';
-import { GuxPaginationLayoutBeta } from './gux-pagination-beta.types';
-export declare class GuxPaginationBeta implements ComponentInterface {
+import { GuxItemsPerPage, GuxPaginationLayout } from './gux-pagination.types';
+export declare class GuxPaginationLegacy implements ComponentInterface {
   private root;
-  private resizeObserver?;
-  private reinstateLayoutBreakpoint;
-  /**
-   * The pagination component can have different layouts to suit the available space
-   */
-  layout: GuxPaginationLayoutBeta;
   /**
    * The currently select page. Changes are watched by the component.
    */
@@ -22,23 +15,21 @@ export declare class GuxPaginationBeta implements ComponentInterface {
    */
   itemsPerPage: GuxItemsPerPage;
   /**
-   * The total number of pages needed for the the data set.
+   * The pagination component can have different layouts to suit the available space
    */
-  private totalPages;
+  layout: GuxPaginationLayout;
   /**
-   * Pagination layout to display based on resize observer
+   * The total number of pages needed for the the data set.
    */
-  displayedLayout: GuxPaginationLayoutBeta;
+  private totalPages;
   private guxpaginationchange;
   private setPage;
-  private handleInternalitemsperpagechange;
-  private handleInternalcurrentpagechange;
   private calculateTotalPages;
   private calculateCurrentPage;
-  private checkPaginationContainerWidthForLayout;
+  private handleInternalitemsperpagechange;
+  private handleInternalcurrentpagechange;
+  private getPaginationInfoElement;
   componentWillLoad(): void;
   componentWillRender(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/legacy/gux-pagination-legacy/gux-pagination.types.d.ts

@@ -0,0 +1,6 @@
+export type GuxItemsPerPage = 25 | 50 | 75 | 100;
+export type GuxPaginationLayout = 'small' | 'expanded' | 'full';
+export type GuxPaginationState = {
+  currentPage: number;
+  itemsPerPage: number;
+};

package/dist/types/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.d.ts

@@ -11,7 +11,7 @@ export declare class GuxAccordionSection {
   private hasIconSlot;
   root: HTMLElement;
   /**
-   * Position of the arrow chevron icon. Position can be 'default' or 'before-text'.  'beside-text' is deprecated and will be removed in v4.
+   * Position of the arrow chevron icon. Position can be 'start' or 'end'.
    */
   arrowPosition: GuxAccordionSectionArrowPosition;
   /**
@@ -26,7 +26,6 @@ export declare class GuxAccordionSection {
   headingLevel: number;
   private toggle;
   private isArrowPositionBeforeText;
-  private isArrowPositionedBesideText;
   private handleSlotChange;
   componentWillLoad(): void;
   render(): JSX.Element;

package/dist/types/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.types.d.ts

@@ -1,2 +1,2 @@
-export type GuxAccordionSectionArrowPosition = 'default' | 'before-text' | 'beside-text';
+export type GuxAccordionSectionArrowPosition = 'start' | 'end';
 export type GuxAccordionSectionContentLayout = 'text' | 'custom';

package/dist/types/components/stable/gux-action-button/gux-action-button.d.ts

@@ -1,5 +1,8 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
 import { GuxActionButtonAccent, GuxActionButtonType } from './gux-action-button.types';
+/**
+ * @slot title - slot for icon and button text
+ */
 export declare class GuxActionButton {
   private dropdownButton;
   private i18n;
@@ -21,10 +24,6 @@ export declare class GuxActionButton {
    * Triggered when the action button is clicked
    */
   actionClick: EventEmitter;
-  /**
-   * The component text.
-   */
-  text: string;
   /**
    * Disables the action button.
    */

package/dist/types/components/{beta → stable}/gux-badge/gux-badge.d.ts

@@ -1,12 +1,11 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxBadgeAccent, GuxBadgeColor } from './gux-badge.types';
+import { GuxBadgeAccent } from './gux-badge.types';
 /**
  * @slot - Required slot for label
  */
 export declare class GuxBadge {
   private i18n;
   root: HTMLElement;
-  color: GuxBadgeColor;
   accent: GuxBadgeAccent;
   bold: boolean;
   label: string;

package/dist/types/components/{beta → stable}/gux-badge/gux-badge.types.d.ts

@@ -1,2 +1 @@
-export type GuxBadgeColor = 'neutral' | 'green' | 'yellow' | 'red' | 'inherit';
 export type GuxBadgeAccent = 'info' | 'success' | 'warning' | 'error' | 'inherit';

package/dist/types/components/{beta → stable}/gux-blank-state/gux-blank-state.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxBlankStateSizes } from './gux-blank-state.types';
 /**
  * @slot primary-message - Required slot for primary-message.
  * @slot image - Slot for gux-icon element.
@@ -7,14 +6,7 @@ import { GuxBlankStateSizes } from './gux-blank-state.types';
  * @slot call-to-action - Slot for the message call to action button.
  */
 export declare class GuxBlankState {
-  /**
-   * Reference the host element
-   */
   root: HTMLElement;
-  blankStateSize: GuxBlankStateSizes;
-  onResize(): void;
   componentWillLoad(): void;
-  componentDidLoad(): void;
-  private setBlankStateSize;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-button-multi/gux-button-multi.d.ts

@@ -15,10 +15,6 @@ export declare class GuxButtonMulti {
    * Triggered when the menu is close
    */
   close: EventEmitter;
-  /**
-   * The component text.
-   */
-  text: string;
   /**
    * Disables the action button.
    */

package/dist/types/components/{beta → stable}/gux-button-slot/gux-button-slot.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxButtonAccent } from '../../stable/gux-button/gux-button.types';
+import { GuxButtonAccent } from '../gux-button/gux-button.types';
 /**
  * @slot - button, input[type="button"] or input[type="submit"] element
  */

package/dist/types/components/{beta → stable}/gux-context-menu/gux-context-menu.d.ts

@@ -5,6 +5,14 @@ export declare class GuxContextMenu {
   listElement: HTMLGuxListElement;
   private buttonId;
   private root;
+  /**
+   * Indicates button density style. Intended to be paired with gux-table property.
+   */
+  compact: boolean;
+  /**
+   * Controls the disabled state of the internal button
+   */
+  disabled: boolean;
   /**
    * Screenreader text for context menu button
    * defaults to "context menu"

package/dist/types/components/stable/gux-dropdown/gux-dropdown.d.ts

@@ -21,10 +21,6 @@ export declare class GuxDropdown {
   required: boolean;
   loading: boolean;
   placeholder: string;
-  /**
-   * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-   */
-  filterable: boolean;
   filterType: GuxFilterTypes;
   hasError: boolean;
   private expanded;

package/dist/types/components/{beta → stable}/gux-dropdown-multi/gux-dropdown-multi.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GuxFilterTypes } from '../../stable/gux-dropdown/gux-dropdown.types';
+import { GuxFilterTypes } from '../gux-dropdown/gux-dropdown.types';
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
  */
@@ -14,10 +14,6 @@ export declare class GuxDropdownMulti {
   required: boolean;
   loading: boolean;
   placeholder: string;
-  /**
-   * deprecated will be removed in v4 (COMUI-1369). Use filterType instead
-   */
-  filterable: boolean;
   /**
    * Override default filtering behavior
    */

package/dist/types/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from '../../../../../stencil-public-runtime';
 import { GuxFormFieldLabelPosition } from '../../gux-form-field.types';
 /**
- * @slot Required slot for gux-time-picker-beta tag
+ * @slot Required slot for gux-time-picker tag
  * @slot label - Required slot for label tag
  * @slot error - Optional slot for error message
  * @slot help - Optional slot for help message

package/dist/types/components/stable/gux-form-field/gux-form-field.service.d.ts

@@ -2,7 +2,7 @@ import { GuxFormFieldLabelPosition } from './gux-form-field.types';
 export declare function clearInput(input: HTMLInputElement): void;
 export declare function hasContent(input: HTMLInputElement | HTMLTextAreaElement): boolean;
 export declare function getComputedLabelPosition(label: HTMLElement, labelPosition: GuxFormFieldLabelPosition): GuxFormFieldLabelPosition;
-export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxTimePickerBetaElement | HTMLGuxPhoneInputBetaElement): void;
+export declare function validateFormIds(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxTimePickerElement | HTMLGuxPhoneInputBetaElement): void;
 export declare function setSlotAriaAttribute(root: HTMLElement, attribute: 'aria-labelledby' | 'aria-describedby', input: HTMLGuxListboxElement | HTMLGuxListboxMultiElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, slotName: string): void;
 export declare function setSlotAriaLabelledby(root: HTMLElement, input: HTMLGuxListboxElement | HTMLGuxListboxMultiElement, slotName: string): void;
 export declare function setSlotAriaDescribedby(root: HTMLElement, input: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLGuxListboxElement | HTMLGuxListboxMultiElement, slotName: string): void;

package/dist/types/components/stable/gux-icon/gux-icon.service.d.ts

@@ -1 +1 @@
-export declare function getBaseSvgHtml(iconName: string): Promise<string>;
+export declare function getBaseSvgHtml(iconName?: string): Promise<string>;

package/dist/types/components/stable/gux-icon/gux-icon.types.d.ts

@@ -1 +1 @@
-export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/binoculars-slash-regular' | 'custom/clipboard-list-slash-regular' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/asterix-regular' | 'fa/ban-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/file-chart-pie-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/strikethrough-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';
+export type GuxIconIconName = '8x8' | '8x8-alt' | 'add' | 'add-circle' | 'agent' | 'agent-circle' | 'agent-group' | 'alert-info' | 'alert-success' | 'alert-warning-octogon' | 'alert-warning-triangle' | 'android' | 'app-chart' | 'app-generic' | 'app-layout' | 'app-table' | 'apple' | 'archive' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-solid-down' | 'arrow-solid-left' | 'arrow-solid-right' | 'arrow-solid-up' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'at' | 'attachment' | 'backspace' | 'badge-amount' | 'badge-check' | 'badge-edit' | 'badge-file' | 'badge-pause' | 'badge-x' | 'ban-outline' | 'bell' | 'bolt' | 'bot' | 'branch' | 'bug' | 'bus' | 'calendar' | 'calendar-add' | 'calendar-clock' | 'campaign' | 'certificate' | 'chat' | 'chat-bell' | 'chat-close' | 'chat-disable' | 'chat-multi' | 'chat-notification-score' | 'checkbox' | 'checkbox-active' | 'checkbox-partial' | 'checkmark' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-left' | 'chevron-right' | 'chevron-small-down' | 'chevron-small-left' | 'chevron-small-right' | 'chevron-small-up' | 'chrome' | 'cjv-badge-file' | 'cjv-calendar-clock' | 'cjv-custom-default' | 'cjv-custom-event' | 'cjv-custom-session' | 'cjv-default-event' | 'cjv-delivery' | 'cjv-finance-invoice' | 'cjv-form-abandoned' | 'cjv-form-submitted' | 'cjv-generic-application' | 'cjv-offer-closed' | 'cjv-offer-ignored' | 'cjv-offer-offered' | 'cjv-offer-opened' | 'cjv-outcome-achieved' | 'cjv-page-view' | 'cjv-policy-contract' | 'cjv-product-added' | 'cjv-product-purchased' | 'cjv-product-removed' | 'cjv-search' | 'cjv-segment' | 'cjv-segment-assigned' | 'cjv-web-session' | 'cjv-webchat-accepted' | 'cjv-webchat-error' | 'cjv-webchat-ignored' | 'cjv-webchat-offered' | 'cjv-webchat-rejected' | 'cjv-webchat-requested' | 'cjv-webchat-submitted' | 'cjv-webchat-timeout' | 'clipboard' | 'clipboard-error' | 'clipboard-success' | 'clock' | 'clock-outline' | 'clone' | 'close' | 'close-circle' | 'cloud' | 'cloud-outline' | 'coaching' | 'cobrowse' | 'collapse' | 'comments' | 'comments-disable' | 'configuration' | 'control-end' | 'control-pause' | 'control-play' | 'control-skip-left' | 'control-skip-right' | 'control-slide-back' | 'control-slide-forward' | 'control-start' | 'control-stop' | 'copy' | 'custom/binoculars-slash-regular' | 'custom/carousel' | 'custom/clipboard-list-slash-regular' | 'custom/co-browse' | 'custom/file-pen-question' | 'custom/filter-notification' | 'custom/font-regular-highlight' | 'custom/list-alphabetical-regular' | 'custom/list-roman-regular' | 'custom/one-button' | 'custom/person-running' | 'custom/quick-reply' | 'custom/three-button' | 'customer-journey' | 'cut' | 'dash' | 'delete' | 'device-camera' | 'device-cellphone' | 'device-headphones' | 'device-laptop' | 'device-pc' | 'device-server' | 'device-tablet' | 'download' | 'edge' | 'edit' | 'email-notification-score' | 'expand' | 'export' | 'external-link' | 'fa/00-solid' | 'fa/1-regular' | 'fa/alarm-clock-regular' | 'fa/alarm-snooze-regular' | 'fa/align-center-regular' | 'fa/align-justify-regular' | 'fa/align-left-regular' | 'fa/align-right-regular' | 'fa/arrow-down-wide-short-regular' | 'fa/arrow-turn-down-right-regular' | 'fa/arrows-rotate-solid' | 'fa/arrows-to-circle-regular' | 'fa/asterix-regular' | 'fa/award-solid' | 'fa/backward-step-regular' | 'fa/ban-regular' | 'fa/bell-on-regular' | 'fa/bell-slash-regular' | 'fa/binoculars-regular' | 'fa/bold-regular' | 'fa/book-regular' | 'fa/briefcase-regular' | 'fa/bullseye-regular' | 'fa/calculator-regular' | 'fa/calendar-days-regular' | 'fa/circle-check-regular' | 'fa/circle-check-solid' | 'fa/circle-info-solid' | 'fa/circle-play-regular' | 'fa/circle-plus-solid' | 'fa/circle-xmark-regular' | 'fa/clipboard-list-regular' | 'fa/clock-nine-regular' | 'fa/clock-rotate-left-regular' | 'fa/code-branch-regular' | 'fa/code-regular' | 'fa/comment-dots-regular' | 'fa/comments-regular' | 'fa/crop-simple-regular' | 'fa/cube-regular' | 'fa/database-regular' | 'fa/diagram-nested-regular' | 'fa/diagram-project-gear-regular' | 'fa/diagram-project-regular' | 'fa/diamond-regular' | 'fa/draw-circle-solid' | 'fa/face-frown-regular' | 'fa/face-frown-solid' | 'fa/face-laugh-regular' | 'fa/face-laugh-solid' | 'fa/file-chart-pie-regular' | 'fa/file-exclamation-regular' | 'fa/film-solid' | 'fa/filter-solid' | 'fa/font-regular' | 'fa/forward-step-regular' | 'fa/function-regular' | 'fa/gears-regular' | 'fa/gem-regular' | 'fa/google' | 'fa/hand-back-point-right-regular' | 'fa/hand-pointer-regular' | 'fa/hashtag-regular' | 'fa/hexagon-exclamation-solid' | 'fa/highlighter-line-regular' | 'fa/hourglass-start-regular' | 'fa/indent-regular' | 'fa/infinity-regular' | 'fa/italic-regular' | 'fa/language-regular' | 'fa/life-ring-regular' | 'fa/link-horizontal-slash-regular' | 'fa/link-horizontal-solid' | 'fa/list-ol-regular' | 'fa/list-radio-clean-regular' | 'fa/list-radio-regular' | 'fa/list-regular' | 'fa/list-ul-regular' | 'fa/map-regular' | 'fa/map-solid' | 'fa/memo-circle-check-regular' | 'fa/message-regular' | 'fa/microchip-solid' | 'fa/microsoft' | 'fa/money-bill-regular' | 'fa/outdent-regular' | 'fa/pause-regular' | 'fa/pen-slash-regular' | 'fa/play-regular' | 'fa/puzzle-piece-regular' | 'fa/question-solid' | 'fa/ranking-star-regular' | 'fa/rectangle-list-regular' | 'fa/regular-user-circle-arrow-left' | 'fa/reply-regular' | 'fa/right-to-bracket-regular' | 'fa/road-regular' | 'fa/rocket-regular' | 'fa/route-regular' | 'fa/share-regular' | 'fa/shuffle-regular' | 'fa/sigma-regular' | 'fa/signs-post-regular' | 'fa/sitemap-regular' | 'fa/sliders-solid' | 'fa/square-dashed-regular' | 'fa/stop-regular' | 'fa/strikethrough-regular' | 'fa/subscript-regular' | 'fa/superscript-regular' | 'fa/text-size-regular' | 'fa/text-slash-regular' | 'fa/ticket-regular' | 'fa/triangle-exclamation-solid' | 'fa/underline-regular' | 'fa/user-group-solid' | 'fa/volume-regular' | 'fa/volume-xmark-regular' | 'fa/wand-magic-sparkles-regular' | 'fa/windows' | 'face-empathy' | 'face-happy' | 'face-happy-solid' | 'face-neutral' | 'face-neutral-solid' | 'face-sad' | 'face-sad-solid' | 'facebook' | 'facebook-messenger' | 'fax' | 'file' | 'file-all' | 'file-audio' | 'file-image-landscape' | 'file-image-portrait' | 'file-pdf' | 'file-preview' | 'file-report' | 'file-text' | 'file-video' | 'filter' | 'fire' | 'firefox' | 'flag' | 'folder' | 'folder-add' | 'folder-open' | 'follow' | 'generic' | 'globe' | 'grab-horizontal' | 'grab-vertical' | 'graph-bar-horizontal' | 'graph-bar-vertical' | 'graph-bubble' | 'graph-chart' | 'graph-line' | 'graph-pie' | 'graph-spark' | 'group-standard' | 'help' | 'home' | 'hourglass' | 'import' | 'inbox' | 'inspect' | 'inspect-disable' | 'instagram' | 'internet-explorer' | 'key' | 'lightbulb' | 'line-messenger' | 'link' | 'linkedin' | 'linux' | 'lock' | 'lock-hold' | 'logout' | 'low-bandwidth' | 'lunch' | 'menu' | 'menu-kebab-horizontal' | 'menu-kebab-vertical' | 'message-email' | 'message-email-outbound' | 'message-forward' | 'message-reply' | 'message-reply-all' | 'microphone' | 'microphone-disable' | 'microphone-talking' | 'microsoft' | 'microsoft-teams' | 'moon' | 'music' | 'notes' | 'notification' | 'opera' | 'operator-pair' | 'paint' | 'palette' | 'parking-sign-regular' | 'paste' | 'people' | 'phone' | 'phone-bell' | 'phone-call-directory' | 'phone-call-history' | 'phone-callback' | 'phone-close' | 'phone-conference' | 'phone-dialpad' | 'phone-disable' | 'phone-forward' | 'phone-hangup' | 'phone-hold' | 'phone-inbound' | 'phone-missed-call' | 'phone-notification-score' | 'phone-outbound' | 'phone-success' | 'phone-voice' | 'pin' | 'pin-location' | 'post' | 'product-logo-beyond' | 'product-logo-g' | 'quote-left' | 'quote-right' | 'radio' | 'radio-active' | 'rating' | 'rating-active' | 'rating-partial' | 'record' | 'refresh' | 'reset' | 'resource' | 'retweet' | 'roster-chat' | 'roster-chat-disable' | 'roster-email' | 'roster-email-disable' | 'roster-instagram' | 'roster-instagram-disable' | 'roster-line' | 'roster-line-disable' | 'roster-message' | 'roster-message-disable' | 'roster-messenger' | 'roster-messenger-disable' | 'roster-phone' | 'roster-phone-disable' | 'roster-sms' | 'roster-sms-disable' | 'roster-twitter' | 'roster-twitter-disable' | 'roster-wechat' | 'roster-wechat-disable' | 'roster-whatsapp' | 'roster-whatsapp-disable' | 'rss' | 'run' | 'safari' | 'save' | 'screen-share-regular' | 'screen-share-slash' | 'scripter' | 'search' | 'send' | 'server' | 'settings' | 'share' | 'shield-lock' | 'shield-outline' | 'shield-solid' | 'site' | 'skills' | 'slideshare' | 'sms' | 'sms-cancel' | 'sms-close' | 'stamp' | 'subtract' | 'subtract-circle' | 'sun' | 'tag' | 'tag-add' | 'tag-remove' | 'telegram' | 'tenant' | 'thumbs-down' | 'thumbs-up' | 'timeline' | 'toolbar-apps' | 'toolbar-apps-disable' | 'toolbar-assist' | 'toolbar-assist-disable' | 'toolbar-chat' | 'toolbar-chat-disable' | 'toolbar-favorite' | 'toolbar-favourite' | 'toolbar-help' | 'toolbar-inbox' | 'toolbar-interactions' | 'toolbar-interactions-disable' | 'toolbar-notification' | 'toolbar-phone' | 'toolbar-phone-active-1' | 'toolbar-phone-active-2' | 'toolbar-phone-active-3' | 'toolbar-phone-disable' | 'toolbar-video' | 'toolbar-video-disable' | 'trade' | 'transfer' | 'twitter' | 'unknown' | 'unlink' | 'unlock' | 'upload' | 'user' | 'user-add' | 'user-circle' | 'user-contact-id' | 'user-directory' | 'user-group' | 'user-interactions' | 'user-interactions-disable' | 'viber' | 'video' | 'video-disable' | 'view-all' | 'view-cells' | 'view-grid' | 'view-list' | 'view-lists' | 'view-roster' | 'view-stacked' | 'voicemail' | 'volume-disable' | 'volume-down' | 'volume-none' | 'volume-up' | 'web' | 'webcam' | 'webcam-disable' | 'wechat' | 'whatsapp' | 'window-actual-size' | 'window-contract' | 'window-drag-out' | 'window-expand' | 'window-fullscreen' | 'window-popout' | 'wordpress' | 'youtube' | 'zoom-in' | 'zoom-out';

package/dist/types/components/stable/gux-listbox/gux-listbox.d.ts

@@ -11,9 +11,10 @@ export declare class GuxListbox {
   private i18n;
   root: HTMLGuxListboxElement;
   value: string;
+  loading: boolean;
   filter: string;
   filterType: GuxFilterTypes;
-  loading: boolean;
+  emptyMessage: string;
   selectedValues: string[];
   listboxOptions: ListboxOptionElement[];
   allListboxOptionsFiltered: boolean;

package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GuxFilterTypes } from '../../stable/gux-dropdown/gux-dropdown.types';
+import { GuxFilterTypes } from '../gux-dropdown/gux-dropdown.types';
 /**
  * @slot - collection of gux-option-multi elements
  */
@@ -12,6 +12,7 @@ export declare class GuxListboxMulti {
   filter: string;
   textInput: string;
   filterType: GuxFilterTypes;
+  emptyMessage: string;
   listboxOptions: HTMLGuxOptionMultiElement[];
   allListboxOptionsFiltered: boolean;
   internallistboxoptionsupdated: EventEmitter;

package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts

@@ -20,6 +20,7 @@ export declare class GuxOptionMulti {
   emitRemoveCustomOption(): void;
   handleActive(active: boolean): void;
   componentWillLoad(): Promise<void>;
+  renderSVGCheckbox(): JSX.Element;
   renderCustomOptionInstructions(): JSX.Element;
   render(): JSX.Element;
 }

package/dist/types/components/{beta → stable}/gux-loading-message/gux-loading-message.d.ts

@@ -1,21 +1,11 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxLoadingMessageSizes } from './gux-loading-message-size.types';
 /**
  * @slot progress - Required slot for progress.
  * @slot primary-guidance - Required slot for primary guidance.
  * @slot additional-guidance - Slot for additional guidance.
  */
 export declare class GuxLoadingMessage {
-  /**
-   * Reference the host element
-   */
   root: HTMLElement;
-  hasAdditionalGuidance: boolean;
-  loadingMessageSize: GuxLoadingMessageSizes;
-  private resizeObserver?;
-  private updateLoadingMessageSize;
   componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-button.service.d.ts

@@ -4,6 +4,6 @@ interface GuxPaginationButtonsExpandedPageListItem {
   current: boolean;
 }
 export declare class GuxPaginationButtonsService {
-  static getPageList(currentPage: number, totalPages: number): GuxPaginationButtonsExpandedPageListItem[];
+  static displayAllPageButtons(currentPage: number, totalPages: number, layout: string): GuxPaginationButtonsExpandedPageListItem[];
 }
 export {};

package/dist/types/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.d.ts

@@ -1,26 +1,23 @@
 import { JSX } from '../../../../stencil-public-runtime';
 import { GuxPaginationLayout } from '../gux-pagination.types';
 export declare class GuxPaginationButtons {
+  currentElement: HTMLElement;
   private root;
-  private textFieldRef;
   private i18n;
   currentPage: number;
   totalPages: number;
   layout: GuxPaginationLayout;
   private internalcurrentpagechange;
+  goToPageHandler(event: CustomEvent<number>): void;
   private get onFirstPage();
   private get onLastPage();
   private handleClickFirst;
   private handleClickPrevious;
   private handleClickNext;
   private handleClickLast;
-  private handleClickPage;
-  private setPageFromInput;
+  private handlePageChange;
   private getPageListEnteries;
-  private getSmallPagePicker;
-  private getExpandedPagePicker;
-  private getFullPagePicker;
-  private getPagePicker;
+  private getPageNavigation;
   componentWillLoad(): Promise<void>;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.d.ts

@@ -8,5 +8,6 @@ export declare class GuxPaginationItemCounts implements ComponentInterface {
   private get firstItem();
   private get lastItem();
   componentWillLoad(): Promise<void>;
+  private getPaginationItemCountsRange;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination.d.ts

@@ -1,7 +1,14 @@
 import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage, GuxPaginationLayout } from './gux-pagination.types';
+import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
+import { GuxPaginationLayout } from './gux-pagination.types';
 export declare class GuxPagination implements ComponentInterface {
   private root;
+  private resizeObserver?;
+  private reinstateLayoutBreakpoint;
+  /**
+   * The pagination component can have different layouts to suit the available space
+   */
+  layout: GuxPaginationLayout;
   /**
    * The currently select page. Changes are watched by the component.
    */
@@ -14,22 +21,24 @@ export declare class GuxPagination implements ComponentInterface {
    * The max number of items on a page. Used to calculate total page count
    */
   itemsPerPage: GuxItemsPerPage;
-  /**
-   * The pagination component can have different layouts to suit the available space
-   */
-  layout: GuxPaginationLayout;
   /**
    * The total number of pages needed for the the data set.
    */
   private totalPages;
+  /**
+   * Pagination layout to display based on resize observer
+   */
+  displayedLayout: GuxPaginationLayout;
   private guxpaginationchange;
   private setPage;
-  private calculateTotalPages;
-  private calculateCurrentPage;
   private handleInternalitemsperpagechange;
   private handleInternalcurrentpagechange;
-  private getPaginationInfoElement;
+  private calculateTotalPages;
+  private calculateCurrentPage;
+  private checkPaginationContainerWidthForLayout;
   componentWillLoad(): void;
   componentWillRender(): void;
+  disconnectedCallback(): void;
+  componentDidLoad(): void;
   render(): JSX.Element;
 }

package/dist/types/components/stable/gux-pagination/gux-pagination.types.d.ts

@@ -1,6 +1,2 @@
+export type GuxPaginationLayout = 'simple' | 'advanced';
 export type GuxItemsPerPage = 25 | 50 | 75 | 100;
-export type GuxPaginationLayout = 'small' | 'expanded' | 'full';
-export type GuxPaginationState = {
-  currentPage: number;
-  itemsPerPage: number;
-};

package/dist/types/components/stable/gux-pagination-cursor/gux-pagination-cursor.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from '../../../stencil-public-runtime';
-import { GuxItemsPerPage } from '../gux-pagination/gux-pagination.types';
+import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
 export declare class GuxPaginationCursor {
   private i18n;
   private root;

package/dist/types/components/stable/gux-popover/gux-popover.d.ts

@@ -1,22 +1,22 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { PopperPosition } from './gux-popover.types';
+import { Placement } from '@floating-ui/dom';
 /**
  * @slot - popover content
  * @slot title - Slot for popover title
  */
 export declare class GuxPopover {
-  private popperInstance;
-  private hiddenObserver;
   private popupElement;
+  private arrowElement;
+  private cleanupUpdatePosition;
   private root;
   /**
    * Indicates the id of the element the popover should anchor to
    */
   for: string;
   /**
-   * Indicate position of popover element arrow (follow popper js position attribute api)
+   * Indicate position of popover element arrow (follow floating ui placement attribute api)
    */
-  position: PopperPosition;
+  position: Placement;
   /**
    * Indicate if the dismiss button is displayed
    */
@@ -25,19 +25,22 @@ export declare class GuxPopover {
    * Close popover when the user clicks outside of its bounds
    */
   closeOnClickOutside: boolean;
+  /**
+   * Controls hiding and showing the popover
+   */
+  isOpen: boolean;
   /**
    * Fired when a user dismisses the popover
    */
   guxdismiss: EventEmitter<void>;
-  hidden: boolean;
-  hiddenHandler(hidden: boolean): void;
   checkForClickOutside(event: MouseEvent): void;
   get titleSlot(): HTMLSlotElement | null;
-  private runPopper;
-  private destroyPopper;
+  private runUpdatePosition;
+  private updatePosition;
   private dismiss;
   connectedCallback(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   disconnectedCallback(): void;
   private renderDismissButton;
   render(): JSX.Element;