genesys-spark-components 4.0.0-beta.25 → 4.0.0-beta.27

package/dist/genesys-webcomponents/p-fdc9e35c.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,h as e,g as i}from"./p-7d26b2e1.js";import{o as s}from"./p-93904222.js";import{O as n}from"./p-9d18d475.js";import{a as r}from"./p-091f51f6.js";import{t as a}from"./p-adbed625.js";import{b as l}from"./p-deee079e.js";import"./p-8a133b9b.js";const f={searchAria:"Search"};const u=class{constructor(e){o(this,e),this.input=t(this,"input",7),this.filter=t(this,"filter",7),this.disabled=!1,this.placeholder=void 0,this.noFilter=!1,this.filterDebounceTimeout=500,this.dropdownHeight="320px",this.srLabelledby=void 0,this.opened=void 0,this.currentlySelectedOption=void 0,this.selectionOptions=void 0}watchValue(o){this.opened&&o&&this.closeDropdown(!1)}get value(){var o;return null===(o=this.currentlySelectedOption)||void 0===o?void 0:o.text}getSelectedValues(){return Promise.resolve([this.value])}async setLabeledBy(o){this.srLabelledby=o}onClickOutside(){this.closeDropdown(!1)}async componentWillLoad(){a(this.root),this.i18n=await l(this.root,f),this.handleSelectionChange=this.handleSelectionChange.bind(this),this.updateSelectionState(),this.addOptionListener(),this.slotObserver=s(this.root,(()=>this.updateSelectionState()))}disconnectedCallback(){this.slotObserver&&this.slotObserver.disconnect()}render(){return e("gux-popup",{expanded:this.opened,disabled:this.disabled},e("div",{slot:"target",class:"gux-select-field",onMouseDown:()=>this.inputMouseDown()},e("a",{ref:o=>this.inputBox=o,class:"gux-select-input","aria-labelledby":this.srLabelledby,tabindex:"0",onKeyDown:o=>this.inputKeyDown(o)},this.placeholder&&!this.value&&e("span",{class:"gux-select-placeholder",title:this.placeholder},this.placeholder),this.value&&e("span",{class:"gux-select-value",title:this.value},this.value)),e("div",{class:"gux-icon-wrapper"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),e("div",{slot:"popup",class:"gux-advanced-dropdown-menu"},e("div",{class:"gux-dropdown-menu-container"},e("gux-form-field-search",{"label-position":"screenreader"},e("label",{slot:"label"},this.i18n("searchAria")),e("input",{slot:"input",type:"search",onInput:o=>{this.handleSearchInput(o)},ref:o=>this.searchInput=o})),e("div",{class:"gux-dropdown-options",style:{maxHeight:this.dropdownHeight},onKeyDown:o=>this.optionsKeyDown(o)},e("slot",null)))))}updateSelectionState(){this.selectionOptions=this.getSelectionOptions(),this.currentlySelectedOption=this.selectionOptions.find((o=>o.selected))}addOptionListener(){this.root.addEventListener("selectedChanged",(o=>this.handleSelectionChange(o)))}handleSelectionChange({target:o}){const t=o;this.closeDropdown(!0),this.currentlySelectedOption!==t&&(this.currentlySelectedOption&&(this.currentlySelectedOption.selected=!1),this.currentlySelectedOption=t,this.input.emit(t.value))}getSelectionOptions(){const o=this.root.querySelectorAll("gux-dropdown-option");return Array.from(o)}inputMouseDown(){this.disabled||(this.opened?this.closeDropdown(!0):this.openDropdown(!1))}getFocusIndex(){return this.selectionOptions.findIndex((o=>o.matches(":focus")))}optionsKeyDown(o){switch(o.key){case"ArrowUp":{o.preventDefault();const t=this.getFocusIndex();t>0&&this.selectionOptions[t-1].focus();break}case"ArrowDown":{o.preventDefault();const t=this.getFocusIndex();t<this.selectionOptions.length-1&&this.selectionOptions[t+1].focus();break}case"Home":if(!this.selectionOptions.length)return;this.selectionOptions[0].focus();break;case"End":if(!this.selectionOptions.length)return;this.selectionOptions[this.selectionOptions.length-1].focus()}}inputKeyDown(o){switch(o.key){case"ArrowUp":case"ArrowDown":case" ":this.openDropdown(!0)}}handleSearchInput(o){o.stopPropagation(),clearTimeout(this.filterDebounceTimer),this.filterDebounceTimer=setTimeout((()=>this.searchRequested()),this.filterDebounceTimeout)}searchRequested(){this.filter.emit(this.searchInput.value),this.setFilteredOptions()}setFilteredOptions(){const o=this.searchInput.value;if(!this.noFilter)for(const t of this.selectionOptions)t.shouldFilter(o).then((o=>{t.filtered=o}))}changeFocusToSearch(){r((()=>{this.searchInput.focus()}))}openDropdown(o){this.opened=!0,o&&this.changeFocusToSearch()}closeDropdown(o){this.opened=!1,this.searchInput.value="",this.setFilteredOptions(),o&&this.inputBox.focus()}get root(){return i(this)}static get watchers(){return{disabled:["watchValue"]}}};(function(o,t,e,i){var s,n=arguments.length,r=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(o,t,e,i);else for(var a=o.length-1;a>=0;a--)(s=o[a])&&(r=(n<3?s(r):n>3?s(t,e,r):s(t,e))||r);n>3&&r&&Object.defineProperty(t,e,r)})([n({triggerEvents:"mousedown"})],u.prototype,"onClickOutside",null),u.style='.gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url("./fonts/roboto-v20-latin-300.eot");src:local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url("./fonts/roboto-v20-latin-regular.eot");src:local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url("./fonts/roboto-v20-latin-italic.eot");src:local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("./fonts/roboto-v20-latin-700.eot");src:local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:2px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}:host{color:#2e394c}gux-popup{display:block;margin:4px 0}gux-popup .gux-select-field{position:relative;width:100%;height:32px}gux-popup .gux-select-field a.gux-select-input{position:absolute;inset:0;padding:6px 24px 6px 12px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#f6f7f9;background-image:none;border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder,gux-popup .gux-select-field a.gux-select-input .gux-select-value{line-height:20px}gux-popup .gux-select-field a.gux-select-input .gux-select-placeholder{color:#596373}gux-popup .gux-select-field a.gux-select-input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(117, 168, 255, 0.5)}gux-popup .gux-select-field .gux-icon-wrapper{position:absolute;top:1px;right:8px;bottom:0;display:flex;align-items:center;overflow:hidden;cursor:pointer}gux-popup .gux-select-field .gux-icon-wrapper gux-icon{width:16px;height:16px;color:#596373}gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon{color:#2e394c}gux-popup .gux-advanced-dropdown-menu{width:100%;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 0 2px 0 rgba(32, 41, 55, 0.24)}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search{margin:8px 16px}gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-cancel-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-search-results-button,gux-popup .gux-advanced-dropdown-menu .gux-dropdown-menu-container gux-form-field-search input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}gux-popup .gux-dropdown-options{padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border-radius:4px;box-shadow:none}gux-popup::part(gux-popup-container){width:inherit}';export{u as gux_advanced_dropdown_legacy}

package/dist/stencil-wrapper.js

@@ -7,7 +7,7 @@
  */
 import { defineCustomElements } from '../dist/loader';
 // Value templated out during build process (see scripts/wrap-stencil.js)
-export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.25-21/genesys-webcomponents/';
+export const CDN_URL = '/spark-components/build-assets/4.0.0-beta.27-27/genesys-webcomponents/';
 // Default domain to load assets from
 const DEFAULT_DOMAIN = 'mypurecloud.com';
 // List of Genesys UI domains

package/dist/types/components/{stable/gux-advanced-dropdown → legacy/gux-advanced-dropdown-legacy}/gux-advanced-dropdown.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter, JSX } from '../../../stencil-public-runtime';
 /**
  * @slot - collection of gux-dropdown-option elements
  */
-export declare class GuxAdvancedDropdown {
+export declare class GuxAdvancedDropdownLegacy {
   root: HTMLElement;
   searchInput: HTMLInputElement;
   inputBox: HTMLElement;

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../../../stencil-public-runtime';
-import { GuxPaginationLayoutBeta } from '../gux-pagination-beta.types';
-export declare class GuxPaginationButtonsBeta {
+import { GuxPaginationLayout } from '../gux-pagination.types';
+export declare class GuxPaginationButtons {
   currentElement: HTMLElement;
   private root;
   private i18n;
   currentPage: number;
   totalPages: number;
-  layout: GuxPaginationLayoutBeta;
+  layout: GuxPaginationLayout;
   private internalcurrentpagechange;
   goToPageHandler(event: CustomEvent<number>): void;
   private get onFirstPage();

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-item-counts-beta/gux-pagination-item-counts-beta.d.ts → stable/gux-pagination/gux-pagination-item-counts/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 GuxPaginationItemCounts implements ComponentInterface {
   private root;
   private i18n;
   totalItems: number;

package/dist/types/components/{beta/gux-pagination-beta/gux-pagination-items-per-page-beta/gux-pagination-items-per-page-beta.d.ts → stable/gux-pagination/gux-pagination-items-per-page/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 GuxPaginationItemsPerPage implements ComponentInterface {
   private i18n;
   private dropdownElement;
   private root;

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

@@ -1,14 +1,14 @@
 import { ComponentInterface, JSX } from '../../../stencil-public-runtime';
 import { GuxItemsPerPage } from '../../legacy/gux-pagination-legacy/gux-pagination.types';
-import { GuxPaginationLayoutBeta } from './gux-pagination-beta.types';
-export declare class GuxPaginationBeta implements ComponentInterface {
+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: GuxPaginationLayoutBeta;
+  layout: GuxPaginationLayout;
   /**
    * The currently select page. Changes are watched by the component.
    */
@@ -28,7 +28,7 @@ export declare class GuxPaginationBeta implements ComponentInterface {
   /**
    * Pagination layout to display based on resize observer
    */
-  displayedLayout: GuxPaginationLayoutBeta;
+  displayedLayout: GuxPaginationLayout;
   private guxpaginationchange;
   private setPage;
   private handleInternalitemsperpagechange;

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

@@ -0,0 +1,2 @@
+export type GuxPaginationLayout = 'simple' | 'advanced';
+export type GuxItemsPerPage = 25 | 50 | 75 | 100;

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

@@ -1,33 +1,20 @@
 import { EventEmitter, JSX } from '../../../stencil-public-runtime';
-import { GuxTagAccent, GuxTagColor } from './gux-tag.types';
+import { GuxTagAccent } from './gux-tag.types';
 /**
  * @slot - content
  */
 export declare class GuxTag {
   private i18n;
   root: HTMLElement;
-  /**
-   * Triggered when click on remove button
-   */
-  guxdelete: EventEmitter<string>;
-  /**
-   * Tag background color
-   */
-  color: GuxTagColor;
-  accent: GuxTagAccent;
   /**
    * Index for remove tag
    */
   value: string;
-  /**
-   * Tag is removable.
-   */
+  accent: GuxTagAccent;
   disabled: boolean;
-  /**
-   * Tag is removable.
-   */
   removable: boolean;
   label: string;
+  guxdelete: EventEmitter<string>;
   onKeyDown(event: KeyboardEvent): void;
   private removeTag;
   private onSlotChange;

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

@@ -0,0 +1 @@
+export type GuxTagAccent = 'default' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | 'inherit';