genesys-spark-components 3.4.1 → 3.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/dist/cjs/gux-accordion-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-accordion.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-list-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-action-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-advanced-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/gux-badge-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-multi.cjs.entry.js +1 -1
- package/dist/cjs/gux-button-slot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-calendar.cjs.entry.js +1 -1
- package/dist/cjs/gux-card-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-column-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-donut-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-line-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-pie-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-chart-scatter-plot-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-command-palette-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-content-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-copy-to-clipboard-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/gux-disclosure-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dismiss-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/gux-error-message-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-flyout-menu-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-color.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-number.cjs.entry.js +2 -2
- package/dist/cjs/gux-form-field-radio.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-range.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-search.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-select.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-text-like.cjs.entry.js +1 -1
- package/dist/cjs/gux-form-field-textarea.cjs.entry.js +1 -1
- package/dist/cjs/gux-icon.cjs.entry.js +1 -1
- package/dist/cjs/gux-list-item-legacy_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-modal.cjs.entry.js +1 -1
- package/dist/cjs/gux-notification-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination-cursor.cjs.entry.js +1 -1
- package/dist/cjs/gux-pagination.cjs.entry.js +1 -1
- package/dist/cjs/gux-panel-frame-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-progress.cjs.entry.js +1 -1
- package/dist/cjs/gux-rating.cjs.entry.js +1 -1
- package/dist/cjs/gux-side-panel-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-simple-toast.cjs.entry.js +1 -1
- package/dist/cjs/gux-switch.cjs.entry.js +1 -1
- package/dist/cjs/gux-table-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-advanced.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-tabs.cjs.entry.js +1 -1
- package/dist/cjs/gux-tag-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-highlight.cjs.entry.js +1 -1
- package/dist/cjs/gux-text-label-legacy.cjs.entry.js +1 -1
- package/dist/cjs/gux-time-picker-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gux-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/{usage-tracking-a40657a6.js → usage-tracking-dad68b30.js} +2 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +3 -1
- package/dist/deploy-info.json +3 -3
- package/dist/esm/gux-accordion-legacy.entry.js +1 -1
- package/dist/esm/gux-accordion.entry.js +1 -1
- package/dist/esm/gux-action-button-legacy.entry.js +1 -1
- package/dist/esm/gux-action-button.entry.js +1 -1
- package/dist/esm/gux-action-list-legacy.entry.js +1 -1
- package/dist/esm/gux-action-toast.entry.js +1 -1
- package/dist/esm/gux-advanced-dropdown.entry.js +1 -1
- package/dist/esm/gux-badge-beta.entry.js +1 -1
- package/dist/esm/gux-breadcrumbs.entry.js +1 -1
- package/dist/esm/gux-button-multi-legacy.entry.js +1 -1
- package/dist/esm/gux-button-multi.entry.js +1 -1
- package/dist/esm/gux-button-slot-beta.entry.js +1 -1
- package/dist/esm/gux-button.entry.js +1 -1
- package/dist/esm/gux-calendar.entry.js +1 -1
- package/dist/esm/gux-card-beta.entry.js +1 -1
- package/dist/esm/gux-chart-column-beta.entry.js +1 -1
- package/dist/esm/gux-chart-donut-beta.entry.js +1 -1
- package/dist/esm/gux-chart-line-beta.entry.js +1 -1
- package/dist/esm/gux-chart-pie-beta.entry.js +1 -1
- package/dist/esm/gux-chart-scatter-plot-beta.entry.js +1 -1
- package/dist/esm/gux-command-palette-legacy.entry.js +1 -1
- package/dist/esm/gux-content-search.entry.js +1 -1
- package/dist/esm/gux-copy-to-clipboard-beta.entry.js +1 -1
- package/dist/esm/gux-datepicker.entry.js +1 -1
- package/dist/esm/gux-disclosure-button.entry.js +1 -1
- package/dist/esm/gux-dismiss-button.entry.js +1 -1
- package/dist/esm/gux-dropdown-legacy.entry.js +1 -1
- package/dist/esm/gux-dropdown_3.entry.js +1 -1
- package/dist/esm/gux-error-message-beta.entry.js +1 -1
- package/dist/esm/gux-flyout-menu-beta.entry.js +1 -1
- package/dist/esm/gux-form-field-checkbox.entry.js +1 -1
- package/dist/esm/gux-form-field-color.entry.js +1 -1
- package/dist/esm/gux-form-field-input-clear-button.entry.js +1 -1
- package/dist/esm/gux-form-field-legacy.entry.js +1 -1
- package/dist/esm/gux-form-field-number.entry.js +2 -2
- package/dist/esm/gux-form-field-radio.entry.js +1 -1
- package/dist/esm/gux-form-field-range.entry.js +1 -1
- package/dist/esm/gux-form-field-search.entry.js +1 -1
- package/dist/esm/gux-form-field-select.entry.js +1 -1
- package/dist/esm/gux-form-field-text-like.entry.js +1 -1
- package/dist/esm/gux-form-field-textarea.entry.js +1 -1
- package/dist/esm/gux-icon.entry.js +1 -1
- package/dist/esm/gux-list-item-legacy_2.entry.js +1 -1
- package/dist/esm/gux-list.entry.js +1 -1
- package/dist/esm/gux-modal.entry.js +1 -1
- package/dist/esm/gux-notification-toast.entry.js +1 -1
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- package/dist/esm/gux-pagination-beta.entry.js +1 -1
- package/dist/esm/gux-pagination-cursor.entry.js +1 -1
- package/dist/esm/gux-pagination.entry.js +1 -1
- package/dist/esm/gux-panel-frame-legacy.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-popover.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +1 -1
- package/dist/esm/gux-radial-progress.entry.js +1 -1
- package/dist/esm/gux-rating.entry.js +1 -1
- package/dist/esm/gux-side-panel-legacy.entry.js +1 -1
- package/dist/esm/gux-simple-toast.entry.js +1 -1
- package/dist/esm/gux-switch.entry.js +1 -1
- package/dist/esm/gux-table-beta.entry.js +1 -1
- package/dist/esm/gux-tabs-advanced.entry.js +1 -1
- package/dist/esm/gux-tabs-legacy.entry.js +1 -1
- package/dist/esm/gux-tabs.entry.js +1 -1
- package/dist/esm/gux-tag-beta.entry.js +1 -1
- package/dist/esm/gux-text-highlight.entry.js +1 -1
- package/dist/esm/gux-text-label-legacy.entry.js +1 -1
- package/dist/esm/gux-time-picker-beta.entry.js +1 -1
- package/dist/esm/gux-toggle.entry.js +1 -1
- package/dist/esm/gux-tooltip_2.entry.js +1 -1
- package/dist/esm/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/{usage-tracking-fc3b7ccb.js → usage-tracking-e780a146.js} +2 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/{p-2cc2a0a9.entry.js → p-03f786bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c84c0715.js → p-0749ddc0.js} +1 -1
- package/dist/genesys-webcomponents/{p-442fb80a.entry.js → p-0842e67c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-757f2fcb.entry.js → p-0bccbc5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-841cc81d.entry.js → p-0ddd8d4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-08b608f1.entry.js → p-1031b574.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9a9705c0.entry.js → p-155bb34f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a613c81.entry.js → p-17d4a2ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-156d16ba.entry.js → p-18788841.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-73ae1708.entry.js → p-1892eb76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-602bba4b.entry.js → p-1d011a81.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c4ad952f.entry.js → p-22c63b2f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-06f2a74c.entry.js → p-266acba3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3ce6bfda.entry.js → p-269963ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8723ed76.entry.js → p-28c7f729.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2152af7.entry.js → p-29014d1e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-01b93ec5.entry.js → p-2a39b40e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-59db5739.entry.js → p-2caf5f99.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7845333.entry.js → p-2cf45506.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5fb2823d.entry.js → p-3095605b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f3f89d6c.entry.js → p-32e65c1f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-53e3f646.entry.js → p-34b626d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0695da48.entry.js → p-378cd6cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-86691657.entry.js → p-382be864.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7a184824.entry.js → p-3c2622bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-bfe6912e.entry.js → p-4ade0038.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-832df911.entry.js → p-5238df29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-592580db.entry.js → p-53b57303.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5a4ad18.entry.js → p-5854940b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d1fa1f88.entry.js → p-5e4a13fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a7764b6c.entry.js → p-5fa06e39.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3a7b1680.entry.js → p-60556732.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d513fc90.entry.js → p-636c54c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2786c706.entry.js → p-648daaad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-648ddc95.entry.js → p-65b6304c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34ef7894.entry.js → p-6ae02bd1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e555b70e.entry.js → p-6cba93cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-37c061b5.entry.js → p-6eea2eb5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3b648997.entry.js → p-7009289e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8221ed99.entry.js → p-7190ade6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a01b1be1.entry.js → p-730b7824.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d1d6dc8.entry.js → p-7b189793.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fafae79b.entry.js → p-7cef90a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-75a775a7.entry.js → p-80e8d129.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1f96bc78.entry.js → p-8582d04a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-90adc7db.entry.js → p-85e91ce9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca3d295b.entry.js → p-918a52ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-45ac1865.entry.js → p-9268a785.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9c6c99aa.entry.js → p-96011a34.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-64efe711.entry.js → p-983933c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3107d26d.entry.js → p-9e8e412b.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b1662ae2.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-eea66598.entry.js → p-be064568.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b85c61d.entry.js → p-bfd2effd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3e7c0ef0.entry.js → p-c09846a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02f52d82.entry.js → p-c528cbba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2522e113.entry.js → p-c6588eae.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-9075c678.entry.js → p-c7b78b58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-919cf5f2.entry.js → p-cd9ddc56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-794b05f8.entry.js → p-ceeb8e8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-49f8000f.entry.js → p-d19a7fb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-62ef8c82.entry.js → p-d230bf80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f216d68d.entry.js → p-d5da8ebb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0020ae27.entry.js → p-d7ea3dd5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-da11be9f.entry.js → p-dc35acd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a8cb2f2f.entry.js → p-e6759802.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c0645739.entry.js → p-e8009e30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2caaa230.entry.js → p-e902c88f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-02ac1386.entry.js → p-ed5511fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-114ed2f0.entry.js → p-f2188fb8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8170365b.entry.js → p-f6ee453e.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/package.json +2 -1
- package/dist/genesys-webcomponents/p-2abb1818.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as e,g as n}from"./p-a085b143.js";import{t}from"./p-
|
|
1
|
+
import{r as o,h as e,g as n}from"./p-a085b143.js";import{t}from"./p-0749ddc0.js";function c(o,e,n){const t=function(o,e){return e.find((e=>e.slotName===o))}(o,n);null==t||t.ref.classList[e]("gux-opened")}const r=class{constructor(e){o(this,e),this.sections=[],this.headingLevel=null,this.arrowPosition="default"}async open(o){c(o,"add",this.sections)}async close(o){c(o,"remove",this.sections)}async toggle(o){c(o,"toggle",this.sections)}componentWillLoad(){t(this.root),this.sections=function(o){const e=Array.from(o.children),n=[];return e.forEach((o=>{const e=o.getAttribute("slot");o.hidden=!Boolean(e),e&&n.push({slotName:e,ref:null})})),n}(this.root)}render(){return e("div",{class:"gux-accordion"},this.sections.map((o=>e("section",{class:"gux-section",onKeyDown:e=>function(o,e,n){let t;switch(o.key){case"ArrowUp":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n<=0?e[e.length-1].ref:e[n-1].ref}(e,n);break;case"ArrowDown":t=function(o,e){const n=e.findIndex((e=>e.slotName===o));return n>=e.length-1?e[0].ref:e[n+1].ref}(e,n);break;case"End":t=function(o){return o[this.sections.length-1].ref}(n);break;case"Home":t=function(o){return o[0].ref}(n)}var c;t&&(c=t,c.querySelector(".gux-header-button")).focus()}(e,o.slotName,this.sections),ref:e=>o.ref=e},e("div",{"aria-role":"heading","aria-level":this.headingLevel,class:"gux-header"},e("button",{class:"gux-header-button",type:"button",onClick:()=>this.toggle(o.slotName)},e("div",{class:"gux-text"},o.slotName),"beside-text"===this.arrowPosition?null:e("div",{class:"gux-spacer"}),e("div",{class:"gux-toggle-arrow"},e("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),e("div",{class:"gux-content"},e("slot",{name:o.slotName}))))))}get root(){return n(this)}};r.style="gux-accordion-legacy .gux-accordion{padding:0;margin:0;background-color:#fdfdfd}gux-accordion-legacy .gux-accordion .gux-section{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-header{box-sizing:border-box;height:40px;border-top:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:0 16px;margin:0;color:#2e394c;cursor:pointer;background:none;border:none}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-text{flex:0 1 auto;align-self:auto;padding-right:8px;font-family:inherit;font-size:inherit;font-weight:bold;text-align:left}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-spacer{flex:1 1 auto;align-self:auto}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow{flex:0 1 auto;align-items:center;align-self:auto;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}gux-accordion-legacy .gux-accordion .gux-section .gux-header .gux-header-button .gux-toggle-arrow gux-icon{width:20px;height:20px}gux-accordion-legacy .gux-accordion .gux-section .gux-header:hover .gux-toggle-arrow{color:#2e394c}gux-accordion-legacy .gux-accordion .gux-section .gux-content{box-sizing:border-box;display:none;padding:16px}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-header .gux-toggle-arrow{transform:rotate(-180deg)}gux-accordion-legacy .gux-accordion .gux-section.gux-opened .gux-content{display:block}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-header{border-bottom:1px solid #e2e6ee}gux-accordion-legacy .gux-accordion .gux-section:last-of-type .gux-content{border-bottom:1px solid #e2e6ee}";export{r as gux_accordion_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-a085b143.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-c84c0715.js";import{b as l}from"./p-2548bdad.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
1
|
+
import{r as t,c as o,d as a,w as e,h as c,g as r}from"./p-a085b143.js";import{S as i}from"./p-020b6498.js";import{t as n}from"./p-0749ddc0.js";import{b as l}from"./p-2548bdad.js";import{w as b}from"./p-76ff3e75.js";import"./p-8a133b9b.js";const s={createNewTab:"Create New Tab",scrollLeft:"Scroll Left",scrollRight:"Scroll Right",disableNewTab:"Maximum number of tabs created has been reached"},d=class{constructor(a){t(this,a),this.newTab=o(this,"newTab",7),this.input=o(this,"input",7),this.sortChanged=o(this,"sortChanged",7),this.allowSort=!1,this.showNewTabButton=!1,this.value="",this.tabLimit=1/0,this.disableAddTabButton=!1,this.hasScrollbar=!1}watchHandler(t){const o=Array.from(this.root.querySelectorAll("gux-tab-legacy"));for(const a of o)a.active=a.tabId===t}internaltabselectedHandler(t){b("gux-tab-legacy",t,(t=>{t.active||(this.value=t.tabId,this.input.emit())}))}createSortable(){this.sortableInstance=new i(this.root,{animation:250,draggable:"gux-tab-legacy",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-legacy")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.shadowRoot.querySelector(".gux-tabs")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){n(this.root),this.i18n=await l(this.root,s)}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-legacy")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}checkForScrollbarHideOrShow(){a((()=>{const t=this.root.shadowRoot.querySelector(".scrollable-section"),o=t.clientWidth!==t.scrollWidth;o!==this.hasScrollbar&&(this.hasScrollbar=o)}))}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(this.checkForScrollbarHideOrShow.bind(this))),this.resizeObserver&&this.resizeObserver.observe(this.root.shadowRoot.querySelector(".gux-tabs")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver(this.checkForScrollbarHideOrShow.bind(this))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}componentDidRender(){setTimeout((()=>{a((()=>{if(this.value){const t=this.root.querySelector(`gux-tab-legacy[tab-id='${this.value}']`);t&&(t.active=!0)}}))}),500)}scrollLeft(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(-100,0)}))}scrollRight(){e((()=>{this.root.shadowRoot.querySelector(".scrollable-section").scrollBy(100,0)}))}render(){const t=t=>c("button",{title:this.i18n(this.disableAddTabButton?"disableNewTab":"createNewTab"),class:"add-tab",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},c("gux-icon",{"icon-name":"add",decorative:!0}));return c("div",{class:"gux-tabs"},c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollLeft"),class:"arrow-button",onClick:()=>this.scrollLeft()},c("gux-icon",{"icon-name":"chevron-left",decorative:!0})):null),c("div",{class:"scrollable-section"},c("slot",null),this.showNewTabButton&&!this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null),c("div",{class:"action-button-container"},this.hasScrollbar?c("button",{title:this.i18n("scrollRight"),class:"arrow-button",onClick:()=>this.scrollRight()},c("gux-icon",{"icon-name":"chevron-right",decorative:!0})):null,this.showNewTabButton&&this.hasScrollbar?c(t,{onClick:()=>this.newTab.emit()}):null))}get root(){return r(this)}static get watchers(){return{value:["watchHandler"]}}};d.style=".gux-tabs{display:flex;align-items:flex-end;width:100%;height:40px;overflow-x:hidden}.gux-tabs .action-button-container{display:flex;border-radius:2px}.gux-tabs .action-button-container .arrow-button{display:flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .arrow-button gux-icon{width:10px;height:10px}.gux-tabs .action-button-container .add-tab{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-style:solid;border-width:1px;border-radius:2px;transition:color 0.25s}.gux-tabs .action-button-container .add-tab:disabled{opacity:0.5}.gux-tabs .action-button-container .add-tab:disabled:hover{color:#202937}.gux-tabs .action-button-container .add-tab:disabled:active{background-color:#e2e6ee}.gux-tabs .action-button-container .add-tab gux-icon{width:16px;height:16px}.gux-tabs .scrollable-section{display:flex;flex:1 1 auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.gux-tabs .scrollable-section::-webkit-scrollbar{height:0}.gux-tabs .scrollable-section .add-tab{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin-left:4px;border:none;transition:color 0.25s}.gux-tabs .scrollable-section .add-tab gux-icon{width:16px;height:16px}.gux-tabs-light-theme{background-color:#e2e6ee}.gux-tabs-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-light-theme .gux-tabs{background-color:#e2e6ee}.gux-light-theme .gux-tabs .action-button-container{background-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-light-theme .gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-light-theme .gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-light-theme .gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-light-theme .gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-light-theme .gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs.gux-light-theme{background-color:#e2e6ee}.gux-tabs.gux-light-theme .action-button-container{background-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs.gux-light-theme .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs.gux-light-theme .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs.gux-light-theme .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs.gux-light-theme .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs.gux-light-theme .scrollable-section .add-tab:active{background-color:#b9c2d0}.gux-tabs{background-color:#e2e6ee}.gux-tabs .action-button-container{background-color:#c8cfda}.gux-tabs .action-button-container .arrow-button{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .arrow-button:hover{color:#2a60c8}.gux-tabs .action-button-container .arrow-button:active{background-color:#d2d8e5}.gux-tabs .action-button-container .add-tab{color:#202937;background-color:#e2e6ee;border-color:#c8cfda}.gux-tabs .action-button-container .add-tab:hover{color:#2a60c8}.gux-tabs .action-button-container .add-tab:active{background-color:#d2d8e5}.gux-tabs .scrollable-section::-webkit-scrollbar-track{background:#fdfdfd}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb{background:#202937}.gux-tabs .scrollable-section::-webkit-scrollbar-thumb:hover{background:#202937}.gux-tabs .scrollable-section .add-tab{color:#202937;background-color:#c8cfda}.gux-tabs .scrollable-section .add-tab:hover{color:#2a60c8}.gux-tabs .scrollable-section .add-tab:active{background-color:#b9c2d0}";export{d as gux_tabs_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as o}from"./p-a085b143.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,g as o}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";import{b as n}from"./p-2548bdad.js";import"./p-8a133b9b.js";const a={previous:"Previous",next:"Next"},r=class{constructor(s){t(this,s),this.guxPaginationCursorchange=i(this,"guxPaginationCursorchange",7),this.hasPrevious=!1,this.hasNext=!1}onButtonClick(t){("previous"===t&&this.hasPrevious||"next"===t&&this.hasNext)&&this.guxPaginationCursorchange.emit(t)}async componentWillLoad(){e(this.root),this.i18n=await n(this.root,a)}render(){return[s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("previous"),disabled:!this.hasPrevious,onClick:()=>this.onButtonClick("previous")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-left"}))),s("gux-button-slot-beta",{accent:"secondary"},s("button",{type:"button",title:this.i18n("next"),disabled:!this.hasNext,onClick:()=>this.onButtonClick("next")},s("gux-icon",{decorative:!0,iconName:"ic-chevron-small-right"})))]}get root(){return o(this)}};r.style=":host{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:space-between}";export{r as gux_pagination_cursor}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,h as e,g as i}from"./p-a085b143.js";import{t as o}from"./p-
|
|
1
|
+
import{r as t,c as n,h as e,g as i}from"./p-a085b143.js";import{t as o}from"./p-0749ddc0.js";import{b as a}from"./p-2548bdad.js";import{o as s}from"./p-e2bea786.js";import"./p-8a133b9b.js";const r={eraseBtnAria:"Clear",navigateNextBtn:"Next",navigatePreviousBtn:"Previous",totalMatches:"{currentMatch, number} of {matchCount, number}"},c=class{constructor(e){t(this,e),this.guxcurrentmatchchanged=n(this,"guxcurrentmatchchanged",7),this.matchCount=0,this.currentMatch=0}async clear(){this.disabled||(this.matchCount=0,this.currentMatch=0,this.value="",this.emitCurrentMatchChanged(),this.resetInputSlottedElement())}async componentWillLoad(){o(this.root),this.i18n=await a(this.root,r),this.inputSlottedElement=this.root.querySelector("input"),this.disabled=this.inputSlottedElement.disabled,this.value=this.inputSlottedElement.value,this.disabledObserver=s(this.inputSlottedElement,(t=>{this.disabled=t})),this.inputSlottedElement.addEventListener("input",(t=>this.onInput(t)))}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return e("div",{class:{"gux-content-search":!0,"gux-disabled":this.disabled}},e("div",{class:"gux-search-icon"},e("gux-icon",{decorative:!0,"icon-name":"search"})),e("slot",null),this.getNavigationPanel())}getNavigationPanel(){if(this.showNavigationPanel()){const t=this.disableNavigationPanel();return e("div",{class:"gux-content-control-panel"},e("div",{class:{"gux-navigation-panel":!0,"gux-navigation-disabled":t},title:this.matchCountResult()},e("span",{class:{"gux-navigation-result":!0,"gux-navigation-result-disabled":t},"aria-label":this.matchCountResult()},this.matchCountResult()),e("button",{type:"button",class:"gux-previous-button",title:this.i18n("navigatePreviousBtn"),"aria-label":this.i18n("navigatePreviousBtn"),onClick:()=>this.previousClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-up"})),e("button",{type:"button",class:"gux-next-button",title:this.i18n("navigateNextBtn"),"aria-label":this.i18n("navigateNextBtn"),onClick:()=>this.nextClick(),disabled:t},e("gux-icon",{decorative:!0,"icon-name":"arrow-solid-down"}))),e("button",{type:"button",class:"gux-clear-button",title:this.i18n("eraseBtnAria"),"aria-label":this.i18n("eraseBtnAria"),onClick:()=>this.clear(),disabled:this.disabled},e("gux-icon",{decorative:!0,"icon-name":"close"})))}return null}matchCountResult(){return this.i18n("totalMatches",{currentMatch:this.getNormalizedCurrentMatch(),matchCount:this.getNormalizedMatchCount()})}showNavigationPanel(){return""!==this.value}disableNavigationPanel(){return this.disabled||this.getNormalizedMatchCount()<=0}getNormalizedMatchCount(){return this.matchCount&&Number.isInteger(this.matchCount)&&this.matchCount>=0?Number(this.matchCount):0}getNormalizedCurrentMatch(){return this.currentMatch&&Number.isInteger(this.currentMatch)&&this.currentMatch>=0&&this.currentMatch<=this.getNormalizedMatchCount()&&this.getNormalizedMatchCount()>0?Number(this.currentMatch):0}resetInputSlottedElement(){this.inputSlottedElement.value="",this.inputSlottedElement.dispatchEvent(new InputEvent("input",{bubbles:!0,cancelable:!0})),this.inputSlottedElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}nextClick(){this.disableNavigationPanel()||(this.currentMatch=this.getNormalizedCurrentMatch()===this.getNormalizedMatchCount()?1:this.getNormalizedCurrentMatch()+1,this.emitCurrentMatchChanged())}previousClick(){this.disableNavigationPanel()||(this.currentMatch=1===this.getNormalizedCurrentMatch()||0===this.getNormalizedCurrentMatch()?this.getNormalizedMatchCount():this.getNormalizedCurrentMatch()-1,this.emitCurrentMatchChanged())}onInput(t){this.value=t.target.value}emitCurrentMatchChanged(){this.guxcurrentmatchchanged.emit(this.getNormalizedCurrentMatch())}get root(){return i(this)}};c.style=":host{display:inline-block;width:300px;min-width:300px;color:#596373}::slotted(input){box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;flex-basis:100%;flex-shrink:1;min-width:0;height:22px;padding:0;color:#2e394c;background-color:#f6f7f9;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:#596373}::slotted(input).gux-focused,::slotted(input):focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}::slotted(input).gux-focused,::slotted(input):focus{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;width:100%;height:32px;padding:4px 0 4px 0;margin:4px 0;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-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search:focus,.gux-content-search:focus-within{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px #75a8ff}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center;padding:0 4px 0 8px}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-search-icon gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;align-content:center;align-items:center;justify-content:flex-end;height:22px;padding:0;line-height:1.6667}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;overflow:hidden;color:#596373;cursor:pointer;background:none;border:none;border-radius:4px;outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus{color:#2e394c}.gux-content-search .gux-content-control-panel button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-content-search .gux-content-control-panel button gux-icon{width:16px;height:16px}.gux-content-search .gux-content-control-panel .gux-clear-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:8px;margin-left:8px}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:0.5}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;align-content:center;align-items:center;justify-content:flex-end;border-right:1px solid #596373}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;padding-left:8px;font-family:inherit;font-size:12px;white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-left:4px}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center;padding-right:0;padding-left:0;margin-right:4px}";export{c as gux_content_search}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as s}from"./p-a085b143.js";import{t as a}from"./p-c84c0715.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-2548bdad.js";import{f as c,a as h,b as d,c as u}from"./p-4f26144b.js";import{O as o}from"./p-5ca81424.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=h(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=d(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?h(t,t):d(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
1
|
+
import{r as t,c as e,h as i,g as s}from"./p-a085b143.js";import{t as a}from"./p-0749ddc0.js";import{r as n}from"./p-cbcbd1bb.js";import{b as r}from"./p-2548bdad.js";import{f as c,a as d,b as h,c as u}from"./p-4f26144b.js";import{O as o}from"./p-5ca81424.js";import{c as l}from"./p-4c66f794.js";import"./p-8a133b9b.js";const p={start:"Start",end:"End",date:"Date",toggleCalendar:"Toggle calendar view"};function g(t,e){let i=new Date(e.getTime());return i.setDate(i.getDate()+t),t<0?i.getDate()>e.getDate()&&(i=new Date(e.getFullYear(),e.getMonth()+1,0,0,0,0)):i.getDate()<e.getDate()&&i.setMonth(i.getMonth()-1),i}function x(t,e){const i=new Date(e.valueOf()),s=function(t){let e=t;for(;e<0;)e+=12;return e%=12,e}(i.getMonth()+t);return i.setMonth(s),i.setFullYear(e.getFullYear()),i.getMonth()!==s?x(t,g(-1,e)):i}function f(t,e){const i=t[e];return i&&"/"!==i?i:t[e-1]}function k(t){return t.match(/\W/)[0]}function b(t){const e=k(t);return t.split(e).reduce(((t,e)=>t.concat(e[0])),[])}function m(t,e){return{selectionStart:t.indexOf(e),selectionEnd:t.lastIndexOf(e)+1}}const y=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.yearFormat="yyyy",this.focusingRange=!1,this.isSelectingRange=!1,this.lastYear=(new Date).getFullYear(),this.startInputId=n("gux-datepicker"),this.endInputId=n("gux-datepicker"),this.label="",this.numberOfMonths=1,this.minDate="",this.maxDate="",this.mode="single",this.format="mm/dd/yyyy",this.disabled=!1,this.formatedValue="",this.toFormatedValue="",this.active=!1}watchValue(){this.updateDate()}watchMinDate(t){this.minDateDate=t?c(t):null}watchMaxDate(t){this.maxDateDate=t?c(t):null}watchFormat(t){t.includes("yyyy")||(this.yearFormat="yy"),this.intervalOrder=b(t),this.lastIntervalRange=m(this.format,f(this.format,0))}watchActiveCalendar(t){if(!0===t){const t=c(this.value.split("/")[0]);this.calendarElement.resetCalendarView(t)}}onKeyDown(t){if(this.isFocusedFieldEvent(t))switch(this.focusedField=this.getInputFieldFromEvent(t),t.key){case"Enter":case"Escape":this.focusedField.blur(),this.active=!1;break;case"Tab":this.isSelectingRange=!0,this.setRange();break;case"ArrowDown":t.preventDefault(),this.increment(-1),this.setCursorRange();break;case"ArrowUp":t.preventDefault(),this.increment(1),this.setCursorRange();break;case"ArrowLeft":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+i.length-1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}case"ArrowRight":{t.preventDefault();const e=function(t,e){const i=b(t),s=f(t,e.selectionStart),a=i.indexOf(s);return m(t,i[(a+1)%i.length])}(this.format,this.intervalRange);this.setIntervalRange(e),this.setCursorRange();break}default:t.preventDefault(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.updateIntervalValue(t),this.setCursorRange()}else switch(t.key){case"Enter":case"Escape":case" ":{this.active=!1;const t=this.root.shadowRoot.querySelector(".gux-calendar-toggle-button");setTimeout((()=>{t.focus()}),100);break}case"Tab":this.active&&(this.active=!1)}}onFocusIn(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange||(this.focusedField=this.getInputFieldFromEvent(t),this.setRange()))}onFocusOut(t){t.composedPath().includes(this.root)||(this.lastIntervalRange=m(this.format,f(this.format,0)))}onMouseDown(t){this.isFocusedFieldEvent(t)&&(this.isSelectingRange=!0);const e=t.composedPath(),i=e.includes(this.datepickerElement);Array.from(this.root.shadowRoot.querySelectorAll(".gux-calendar-toggle-button")).every((t=>!e.includes(t)))&&(this.active=i)}onMouseUp(t){t.preventDefault(),this.isSelectingRange&&this.isFocusedFieldEvent(t)&&(this.focusedField=this.getInputFieldFromEvent(t),this.lastIntervalRange=m(this.format,f(this.format,this.focusedField.selectionStart)),this.setRange())}onClickOutside(){this.active=!1}isFocusedFieldEvent(t){const e=t.composedPath();return e.includes(this.inputElement)||e.includes(this.toInputElement)}getInputFieldFromEvent(t){return t.composedPath()[0]}updateIntervalValue(t){const e=parseInt(t.key,10);if(!isNaN(e)){const i=this.focusedField.value.slice(this.focusedField.selectionStart,this.focusedField.selectionEnd);"y"===f(this.format,this.focusedField.selectionStart)&&"yyyy"===this.yearFormat?this.typeYearValue(i,t.key):this.canSetDate(e)?(this.updateSelection(this.focusedField,`${i[1]}${t.key}`),this.setValue()):(this.updateSelection(this.focusedField,`0${t.key}`.replace("00","01")),this.setValue())}}updateSelection(t,e){t.value=t.value.substr(0,this.intervalRange.selectionStart)+e+t.value.substr(this.intervalRange.selectionEnd)}getCalendarLabels(){return function(t,e,i){const s=t.split(",").map((t=>t.trim()));return"range"===e?[s[0]||i[0],s[1]||i[1]]:"range"===e||s[0]?[s[0]]:[i[2]]}(this.label,this.mode,[this.i18n("start"),this.i18n("end"),this.i18n("date")])}stringToDate(t){const e=k(this.format),i=this.format.toLowerCase().split(e),s=t.split(e),a=parseInt(s[i.indexOf(this.yearFormat)],10),n=parseInt(s[i.indexOf("mm")],10)-1,r=parseInt(s[i.indexOf("dd")],10),c=new Date(a,n,r);return"yy"===this.yearFormat&&c.getFullYear()<1970&&this.lastYear>1970&&c.setFullYear(c.getFullYear()+100),c}onCalendarSelect(t){this.value=t.target.value,t.stopPropagation(),this.input.emit(this.value),this.updateDate(),this.inputElement.value=this.formatedValue,"range"===this.mode&&(this.toInputElement.value=this.toFormatedValue),document.activeElement===this.inputElement&&document.activeElement===this.toInputElement||(this.active=!1)}setValue(){if("range"===this.mode){const t=this.stringToDate(this.inputElement.value),e=this.stringToDate(this.toInputElement.value);this.value=d(t,e),this.updateDate(),this.calendarElement.setValue([t,e])}else{const t=this.stringToDate(this.inputElement.value);this.value=h(t),this.updateDate(),this.calendarElement.setValue(t)}this.input.emit(this.value)}setRange(){this.isSelectingRange=!1,this.setIntervalRange(this.lastIntervalRange),this.setCursorRange()}typeYearValue(t,e){" "!==t[0]?this.updateSelection(this.focusedField,` ${e}`):(this.updateSelection(this.focusedField,`${t.substr(1)}${e}`),(t.substr(1)+e).includes(" ")||this.setValue())}canSetDate(t){const e=parseInt([this.focusedField.value[this.intervalRange.selectionEnd-1].toString(),t].join(""),10);if(e)switch(f(this.format,this.focusedField.selectionStart)){case"d":{const t=c(this.value);if(e<=new Date(t.getFullYear(),t.getMonth()+1,0).getDate())return!0;break}case"m":if(e<=12)return!0;break;case"y":return!0}return!1}getMapAndRegexFromField(t){const e={dd:`0${t.getDate()}`.slice(-2),mm:`0${t.getMonth()+1}`.slice(-2)};return"yyyy"===this.yearFormat?e.yyyy=t.getFullYear().toString():e.yy=t.getFullYear().toString().slice(-2),{map:e,regexp:new RegExp(Object.keys(e).join("|"),"gi")}}updateDate(){if("range"===this.mode){const[t,e]=u(this.value),{map:i,regexp:s}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(s,(t=>i[t]));const{map:a,regexp:n}=this.getMapAndRegexFromField(e);this.toFormatedValue=this.format.replace(n,(t=>a[t]))}else{const t=c(this.value),{map:e,regexp:i}=this.getMapAndRegexFromField(t);this.formatedValue=this.format.replace(i,(t=>e[t]))}}setCursorRange(){this.intervalRange&&this.focusedField.setSelectionRange(this.intervalRange.selectionStart,this.intervalRange.selectionEnd)}toggleCalendar(){this.active=!this.active,this.active&&setTimeout((()=>{this.calendarElement.focusPreviewDate()}),100)}setIntervalRange(t){this.intervalRange=t}getCombinedFocusedDateValue(){return"range"===this.mode?this.getRangeFocusedDateValue():this.getFocusedDateValue()}getFocusedDateValue(){return c(this.value)}getRangeFocusedDateValue(){const[t,e]=u(this.value);return this.focusedField===this.inputElement?t:e}increment(t){const e=f(this.format,this.focusedField.selectionStart),i=this.getCombinedFocusedDateValue();let s;switch(e){case"d":s=g(t,i);break;case"m":s=x(t,i);break;case"y":s=function(t,e){const i=new Date(e.valueOf());return i.setFullYear(e.getFullYear()+t),i}(t,i)}var a,n,r;a=s,n=this.minDateDate,((r=this.maxDateDate)&&r<a||n&&n>a)&&(s=i),this.lastYear=s.getFullYear(),this.setIntervalRange({selectionStart:this.focusedField.selectionStart,selectionEnd:this.focusedField.selectionEnd}),this.focusedField.value=function(t,e){const i=k(e);return e.split(i).map((e=>{switch(e[0]){case"d":return function(t){return`0${t.getDate().toString()}`.slice(-2)}(t);case"m":return function(t){return`0${(t.getMonth()+1).toString()}`.slice(-2)}(t);case"y":return function(t,e){return"yyyy"===e?t.getFullYear().toString():t.getFullYear().toString().slice(-2)}(t,e)}})).join(i)}(s,this.format),this.setValue()}async componentWillLoad(){if(a(this.root,{variant:this.mode}),this.i18n=await r(this.root,p),this.watchMinDate(this.minDate),this.watchMaxDate(this.maxDate),this.watchFormat(this.format),!this.value){const t=new Date;t.setHours(0,0,0,0),this.value="range"===this.mode?d(t,t):h(t),"range"===this.mode&&this.numberOfMonths<2&&(this.numberOfMonths=2)}}componentDidLoad(){this.updateDate(),this.popperInstance=l(this.datepickerElement,this.calendarElement,{modifiers:[{name:"offset",options:{offset:[0,-3]}}],placement:"bottom-start"})}componentDidUpdate(){this.popperInstance.forceUpdate()}disconnectedCallback(){this.popperInstance.destroy()}renderCalendarToggleButton(){return i("button",{class:"gux-calendar-toggle-button",type:"button",onClick:()=>this.toggleCalendar(),"aria-expanded":this.active.toString(),"aria-label":this.i18n("toggleCalendar"),disabled:this.disabled},i("gux-icon",{decorative:!0,"icon-name":"calendar"}))}renderCalendar(){return i("gux-calendar",{ref:t=>this.calendarElement=t,value:this.value,mode:this.mode,onInput:t=>this.onCalendarSelect(t),minDate:this.minDate,maxDate:this.maxDate,numberOfMonths:this.numberOfMonths})}renderStartDateField(){return i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.startInputId,class:{"gux-datepicker-field-label":!0,"gux-sr-only":"single"===this.mode&&!this.label}},this.getCalendarLabels()[0]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.startInputId,type:"text",ref:t=>this.inputElement=t,value:this.formatedValue,disabled:this.disabled}),this.renderCalendarToggleButton()),this.renderCalendar()))}renderEndDateField(){return"single"===this.mode?null:i("div",{class:"gux-datepicker-field"},i("label",{htmlFor:this.endInputId,class:"gux-datepicker-field-label"},this.getCalendarLabels()[1]),i("div",{class:"gux-datepicker-field-input"},i("div",{class:"gux-datepicker-field-text-input"},i("input",{id:this.endInputId,type:"text",ref:t=>this.toInputElement=t,value:this.toFormatedValue,disabled:this.disabled}),this.renderCalendarToggleButton())))}render(){return i("div",{class:{"gux-datepicker":!0,"gux-active":this.active,"gux-disabled":this.disabled},ref:t=>this.datepickerElement=t},this.renderStartDateField(),this.renderEndDateField())}get root(){return s(this)}static get watchers(){return{value:["watchValue"],minDate:["watchMinDate"],maxDate:["watchMaxDate"],format:["watchFormat"],active:["watchActiveCalendar"]}}};(function(t,e,i,s){var a,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(r=(n<3?a(r):n>3?a(e,i,r):a(e,i))||r);n>3&&r&&Object.defineProperty(e,i,r)})([o({triggerEvents:"mousedown"})],y.prototype,"onClickOutside",null),y.style=":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:0.5}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:8px;font-size:12px;font-weight:bold;line-height:20px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{position:relative;flex:0 1 auto;align-self:auto;order:0;margin:4px 0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:4px 8px 4px 8px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;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-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:100px;overflow:hidden;color:#2e394c;background-color:#f6f7f9;border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:#596373;opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2e394c;cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:16px;height:16px}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{z-index:1;display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:#2a60c8}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{y as gux_datepicker}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as r}from"./p-a085b143.js";import{t as e}from"./p-
|
|
1
|
+
import{r as o,h as t,g as r}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";const d=class{constructor(t){o(this,t),this.accent="outline"}componentWillLoad(){e(this.root)}render(){return t("slot",null)}get root(){return r(this)}};d.style=":host{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;width:fit-content;padding:16px;background-color:#fdfdfd;border:1px solid #e2e6ee;border-radius:4px}:host([accent='outline']){background-color:#fdfdfd}:host([accent='filled']){background-color:#f6f7f9}:host([accent='raised']){box-shadow:0 0 2px rgba(32, 41, 55, 0.16)}";export{d as gux_card_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as i,r as c,h as e,g as a}from"./p-a085b143.js";import{t as o}from"./p-c84c0715.js";import{l as t}from"./p-3184268e.js";const r={"ic-agent":"agent",consultant:"agent","ic-agent-group":"agent-group","pc-user":"user","ic-person":"user",customer:"user",interactions:"user-interactions","interaction-sound":"user-interactions","add-user":"user-add","ic-contact-add":"user-add","pc-group":"user-group","ic-people":"user-group","ic-group":"user-group",users:"user-group","ic-contact-id":"user-contact-id",contact:"user-contact-id","person-circle":"user-circle",directory:"user-directory","multi-agent-lines":"user-directory","ic-cobrowse":"cobrowse",screenshare:"cobrowse","ic-face-happy":"face-happy","ic-face-neutral":"face-neutral","ic-face-sad":"face-sad","ic-face-happy-solid":"face-happy-solid","ic-face-sad-solid":"face-sad-solid","cc-custom-default":"cjv-custom-default","cc-web-session":"cjv-web-session","cc-delivery":"cjv-delivery","cc-policy-contract":"cjv-policy-contract","cc-generic-application":"cjv-generic-application","cc-finance-invoice":"cjv-finance-invoice","beyond-logo":"product-logo-beyond","ic-special-g-brandmark":"product-logo-g","logo-genesys":"product-logo-g","interactions-alpha":"toolbar-interactions","interactions-off-alpha":"toolbar-interactions-disable",assist:"toolbar-assist","assist-off":"toolbar-assist-disable","chat-alpha":"toolbar-chat","chat-off-alpha":"toolbar-chat-disable","phone-alpha":"toolbar-phone","phone-off-alpha":"toolbar-phone-disable","phone-active-1":"toolbar-phone-active-1","phone-active-2":"toolbar-phone-active-2","phone-active-3":"toolbar-phone-active-3","video-alpha":"toolbar-video","video-off-alpha":"toolbar-video-disable","apps-alpha":"toolbar-apps",apps:"toolbar-apps-disable","favs-alpha":"toolbar-favourite","inbox-alpha":"toolbar-inbox",question:"toolbar-help","ic-phone":"phone","notification-phone":"phone","ic-phone-forward":"phone-forward","call-forward":"phone-forward","call-forward-alpha":"phone-forward","ic-phone-bell":"phone-bell","phone-ring":"phone-bell","ic-phone-voice":"phone-voice","call-volume":"phone-voice","ic-phone-disabled":"phone-disable","ic-phone-disable":"phone-disable","phone-off":"phone-disable","cc-disconnected-system":"phone-disable","cc-disconnected":"phone-disable","ic-phone-hold":"phone-hold","call-history":"phone-call-history","outbound-call":"phone-outbound","cc-outbound-call":"phone-outbound","missed-call":"phone-missed-call","cc-missed-inbound":"phone-missed-call",callback:"phone-callback",hangup:"phone-hangup","ic-phone-hang-up":"phone-hangup","ic-voicemail":"voicemail","ic-dialpad":"phone-dialpad","ic-phone-dail":"phone-dialpad",dialpad:"phone-dialpad","ic-status-call-dialing":"phone-dialpad","ic-status-chat":"chat","ic-chat":"chat","ic-chat-oval":"chat","notification-chat":"chat","cc-webchat-bot":"chat","cc-webchat-missed":"chat","ic-text-detail":"chat","iic-chat-oval-close":"chat-close","iic-chat-end":"chat-close","ic-chat-disable":"chat-disable","chat-off":"chat-disable","ic-chat-oval-multi":"chat-multi","ic-chat-multi":"chat-multi","chat-alert":"chat-bell","ic-email":"message-email","ic-status-email":"message-email","ic-cx-24-flat-mail":"message-email",envelope:"message-email","notification-email":"message-email","reply-standard":"message-reply","forward-standard":"message-forward","ic-attach":"attachment",paperclip:"attachment","ic-video":"video","ic-video-disable":"video-disable","video-off":"video-disable","ic-audio-rec":"microphone",mic:"microphone","ic-audio-rec-disable":"microphone-disable","mic-off":"microphone-disable","mic-talking":"microphone-talking","ic-audio-yes":"volume-up","ic-audio-no":"volume-none","volume-off-alt":"volume-none","ic-audio-disable":"volume-disable","volume-off":"volume-disable","ic-audio-music":"music","ic-control-skip-left":"control-skip-left",backward:"control-skip-left","ic-control-skip-right":"control-skip-right",forward:"control-skip-right","ic-control-backward":"control-start","fast-backward":"control-start","ic-control-forward":"control-end","fast-forward":"control-end","ic-slide-fwd":"control-slide-forward","step-forward":"control-slide-forward","ic-slide-back":"control-slide-back","step-backward":"control-slide-back",play:"control-play","ic-24-control-play-solid":"control-play","ic-control-stop":"control-stop",stop:"control-stop",pause:"control-pause","ic-24-control=pause-solid":"control-pause","ic-generic-pc":"device-pc",monitor:"device-pc","ic-video-cam-1":"webcam","ic-videocam-2":"webcam","ic-video-cam-1-disable":"webcam-disable","ic-videocam-2-disable":"webcam-disable","ic-sms-cancel":"sms-close","sms-cancel":"sms-close","ic-sms-message":"sms","sms-message":"sms","ic-generic-laptop":"device-laptop","ic-generic-tablet":"device-tablet","ic-camera":"device-camera","ic-host":"device-server","ic-phones":"device-cellphone","ic-generic-mobile-phone":"device-headphones","ic-folder":"folder","ic-folder-open":"folder-open","ic-folder-add":"folder-add","file-o":"file","ic-page-single":"file","ic-doc-list":"file","ic-doc-generic":"file","files-o":"file-all","ic-page-multi":"file-all","ic-doc-all":"file-all","ic-doc-report-b":"file-report",image:"file-image-landscape","ic-picture":"file-image-landscape","ic-doc-detail":"file-text",preview:"file-preview","ic-page-search":"file-preview",unassign:"upload","ic-upload":"upload","ic-download":"download",feedback:"comments","comment-ellipsis":"comments","comment-ellipsis-off":"comments-disable","ic-thumbs-up":"thumbs-up","ic-thumbs-down":"thumbs-down","ic-24-graph-edit":"edit","ic-graph-edit":"edit","ic-pencil":"edit","ic-multiples":"clone","ic-clone":"clone","ic-copy":"copy","ic-paste":"paste","ic-clipboard":"clipboard",scissors:"cut","ic-cut":"cut","ic-trash":"delete","ic-refresh-with-feedback":"refresh","ic-reload":"refresh","ic-refresh":"refresh","ic-reset":"reset","pop-out":"window-popout","ic-outbound":"window-popout","ic-exit-full-screen":"window-contract","screen-small":"window-contract","ic-window-contract":"window-contract","ic-full-screen":"window-fullscreen","screen-full":"window-fullscreen","ic-window-expand":"window-fullscreen","ic-drag-out":"window-drag-out","ic-actual-size":"actual-size","ic-app-generic":"app-generic","ic-app-chart":"app-chart","ic-app-layout":"app-layout",template:"app-layout","ic-biz-attribute":"app-table","ic-app-table":"app-table","ic-circle-add":"add-circle","plus-circle":"add-circle","ic-timeline":"timeline",history:"timeline","ic-clock":"clock-outline","ic-clock-b":"clock","ic-quotes":"quote-right","robot-head":"bot","robot-circle":"bot",education:"skills","ic-skills":"skills","ic-campaign":"campaign","ic-actionable":"bolt","ic-palette":"palette","ic-tenant":"tenant",cube:"tenant","ic-lunch":"lunch",cubes:"configuration","ic-configuration":"configuration","ic-stamp":"stamp","ic-ivr":"record","ic-follow":"follow","paint-bucket":"paint","ic-dash":"dash","ic-generic":"generic",signal:"low-bandwidth","ic-settings-gear":"settings","ic-settings-gears":"settings",cog:"settings","reset-view":"settings","ic-dashtab-settings":"settings",cogs:"settings","ic-locked":"lock","ic-secure":"lock","pause-secure":"lock","ic-link":"link","ic-unlocked":"unlock","ic-unlinked":"unlink","link-broken":"unlink","ic-certificate":"certificate","ic-access":"key","ic-sun-default":"sun","ic-moon-default":"moon","ic-app-all":"view-all","ic-cells":"view-cells","customize-columns":"view-cells","ic-view-lists":"view-lists","ic-view-list":"view-list",list:"view-list","ic-view-stacked":"view-stacked","stacked-mode":"view-stacked","ic-view-grid":"view-grid","grid-mode":"view-grid","ic-video-roster":"view-roster","ic-inspect":"inspect",eye:"inspect","ic-status-monitored-yes":"inspect","ic-inspect-disable":"inspect-disable",hide:"inspect-disable",whistle:"coaching","ic-rss":"rss","ic-rss-square":"rss","ic-twitter":"twitter","ic-twitter-square":"twitter","twitter-white-on-blue":"twitter","ic-facebook-square":"facebook","ic-linkedin-square":"linkedin","ic-share":"share","ic-sharethis":"share","viber-icon":"viber","at-thin":"at","ic-arrow-up":"arrow-up","long-up-arrow":"arrow-up","ic-arrow-down":"arrow-down","ic-arrow-left":"arrow-left","ic-arrow-right":"arrow-right","ic-escalate":"arrow-up-right","ic-out-small":"arrow-up-left","ic-in-small":"arrow-down-right","ic-iw-arrow-outline-in":"arrow-down-right","ic-chevron-left":"chevron-left","ic-chevron-right":"chevron-right","ic-transfer":"transfer",exchange:"transfer","ic-bar-graph-variable-1":"graph-bar-horizontal","ic-graph-barline":"graph-bar-horizontal","ic-24-graph-bar":"graph-bar-horizontal","ic-graph-bar":"graph-bar-horizontal","ic-graph-stack":"graph-bar-horizontal","ic-24-graph-stack":"graph-bar-horizontal","ic-bar-graph-variable-2":"graph-bar-vertical","ic-24-graph-bar-verticalertical":"graph-bar-vertical","ic-24-graph-stack-vertical":"graph-bar-vertical","ic-graph-line":"graph-line","ic-graph-chart":"graph-chart","ic-graph-spark":"graph-spark","ic-pie-chart":"graph-pie","ic-pin-time":"pin-location","ic-pin":"pin-location",marker:"pin-location","thumbtack-on":"pin","ic-pinned":"pin","ic-server":"server","ic-globe":"globe","ic-home":"home",house:"home","ic-cloud-b":"cloud","up-cloud":"cloud","ic-cloud-a":"cloud-outline","ic-site":"site",building:"site","ic-search":"search","magnifying-glass":"search","ic-calendar-generic":"calendar","ic-calendar-month":"calendar","ic-calendar-month-highlight":"calendar","ic-calendar-day":"calendar","calendar-days":"calendar","calendar-range":"calendar","ic-select-no":"checkbox","ic-checkbox":"checkbox","ic-checkbox-tick":"checkbox-active","ic-checkbox-tick-lock":"checkbox-active","ic-checklist-tick-lock":"checkbox-active","check-square":"checkbox-active","ic-select-yes":"checkbox-partial","ic-radio":"radio","ic-radio-active":"radio-active","radio-button":"radio-active","ic-add":"add",plus:"add","ic-iw-circle-no-add":"add","ic-close":"close","close-x":"close",remove:"close","ic-arrow-solid-up":"arrow-solid-up","ic-expand-up":"arrow-solid-up","caret-up":"arrow-solid-up","ic-search-previous":"arrow-solid-up","chevron-circle-up":"arrow-solid-up","ic-arrow-solid-down":"arrow-solid-down","ic-expand-down":"arrow-solid-down","caret-down":"arrow-solid-down","ic-search-next":"arrow-solid-down","chevron-circle-down":"arrow-solid-down","ic-arrow-solid-left":"arrow-solid-left","ic-expand-left":"arrow-solid-left","caret-left":"arrow-solid-left","ic-control-left":"arrow-solid-left","chevron-circle-left":"arrow-solid-left","ic-arrow-solid-right":"arrow-solid-right","ic-expand-right":"arrow-solid-right","caret-right":"arrow-solid-right","ic-control-right":"arrow-solid-right","chevron-circle-right":"arrow-solid-right","ic-dropdown-arrow":"chevron-small-down","ic-iw-circle-no-chevron-down":"chevron-small-down","ic-arrow-accordian":"chevron-small-down","ic-iw-circle-no-chevron-up":"chevron-small-up","ic-chevron-small-left":"chevron-small-left","angle-left":"chevron-small-left","ic-chevron-small-right":"chevron-small-right","angle-right":"chevron-small-right","ic-arrow-left-dbl":"chevron-double-left","ic-disclosure-left":"chevron-double-left","ic-arrow-right-dbl":"chevron-double-right","ic-arrow-disclosure":"chevron-double-right","ic-stars":"rating-active","favs-full":"rating-active",favs:"rating-active",star:"rating-active","ic-star-outline":"rating","ic-star-half":"rating-partial","ic-tick":"checkmark","ic-small-checkmark":"checkmark",check:"checkmark","ic-campaign-done":"checkmark","ic-more":"menu-kebab-vertical","ellipsis-v":"menu-kebab-vertical","ellipsis-h":"manu-kebab-h","ic-filter":"filter","ic-menu-hamburger":"menu",bars:"menu","ic-alert-checkmark":"alert-success","ic-login-checkmark":"alert-success","check-circle":"alert-success","ic-alert-triangle":"alert-warning-triangle","ic-alert-octo":"alert-warning-octogon","ic-alert-circle":"alert-warning-octogon","ic-iw-done-and-stop":"alert-warning-octogon",warning:"alert-warning-octogon","ic-tag":"tag","ic-tag-stat-remove":"tag-remove","ic-tag-stat-add":"tag-add","chevron-circle-collapse-double":"collapse","chevron-circle-expand-double":"expand","ic-grip-horizontal":"grab-horizontal","ic-grab":"grab-horizontal","ic-grip-vertical":"grab-vertical","ic-grab-verticalertical":"grab-vertical","sign-out":"logout","ic-out":"logout","ic-export":"logout","ic-status-call-ringing":"bell",bell2:"bell","ic-bell":"bell","ic-bug":"bug","ic-alert-info":"alert-info","ic-login-info":"alert-info","info-thick":"alert-info","ic-zoom-in":"zoom-in","magnifying-glass-plus":"zoom-in","ic-zoom-out":"zoom-out","magnifying-glass-minus":"zoom-out"},l=["add-user","align-center","align-left","align-right","angle-down","angle-left","angle-right","angle-up","apps-alpha","apps","arrow-s","arrows-h","arrows-v","assist-off","assist","backward","bandage","bars","bell2","beyond-logo","bold","border-dashed","border-dotted","border-solid","btmleft","btmright","btn-group-choose","building","button","calendar-days","calendar-dots-day","calendar-dots-month","calendar-dots-week","calendar-range","call-forward-alpha","call-forward","call-history","call-volume","callback","caret-down","caret-left","caret-right","caret-up","cc-custom-default","cc-delivery","cc-disconnected-system","cc-disconnected","cc-finance-invoice","cc-generic-application","cc-inbound-queue","cc-inbound","cc-missed-inbound","cc-outbound-call","cc-policy-contract","cc-web-session","cc-webchat-bot","cc-webchat-missed","chat-alert-muted","chat-alert","chat-alpha","chat-off-alpha","chat-off","check-circle","check-square","check","chevron-circle-collapse-double","chevron-circle-down","chevron-circle-expand-double","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-up","circle","close-preview","close-x","cog","comet","comment-ellipsis-off","comment-ellipsis","consultant","contact","cube","cubes","customer","customize-columns","dialpad","diamond","directory","drop-down","ellipsis-h","ellipsis-v","envelope","eye","fast-backward","fast-forward","favs-alpha","favs-full","favs","feedback","file-o","files-o","forward","genesys-logo-full","hangup","history","horz-container","house","ic-24-control-pause-solid","ic-24-control-pause","ic-24-control-play-solid","ic-24-control-play","ic-24-control-stop","ic-24-graph-bar-stack-vertical","ic-24-graph-bar-verticalertical","ic-24-graph-bar","ic-24-graph-edit","ic-24-graph-grid-cell","ic-24-graph-grid","ic-24-graph-line","ic-24-graph-stack","ic-24-graph-variable-2","ic-48-adjacent","ic-48-all","ic-48-control-pause","ic-48-control-play","ic-48-incoming","ic-48-outgoing","ic-access","ic-actionable-disable","ic-actionable-notset","ic-actionable","ic-add-bold","ic-add","ic-adjust","ic-agent-add","ic-agent-edit","ic-agent-group","ic-agent-like","ic-agent-offline","ic-agent-ready-partial","ic-agent-ready","ic-agent-search","ic-agent-time","ic-agent-unavailable","ic-agent","ic-aix","ic-alert-checkmark","ic-alert-circle","ic-alert-info","ic-alert-octo","ic-alert-triangle","ic-app-all","ic-app-chart","ic-app-generic","ic-app-layout","ic-app-table","ic-archive","ic-arrow-accordion","ic-arrow-disclosure","ic-arrow-down","ic-arrow-left-dbl","ic-arrow-left","ic-arrow-popover","ic-arrow-right-dbl","ic-arrow-right","ic-arrow-solid-down","ic-arrow-solid-left","ic-arrow-solid-right","ic-arrow-solid-up","ic-arrow-up","ic-attach","ic-audio-disable","ic-audio-music","ic-audio-no","ic-audio-rec-disable","ic-audio-rec","ic-audio-voice-disable","ic-audio-voice","ic-audio-yes","ic-autoscroll-off","ic-bar-graph-variable-1","ic-bar-graph-variable-2","ic-bell","ic-bezier","ic-biz-attribute-disable","ic-biz-attribute","ic-blocks","ic-book-address","ic-book-open-details","ic-break","ic-briefcase","ic-budget","ic-bug","ic-calculator","ic-calendar-day","ic-calendar-generic","ic-calendar-media-voice","ic-calendar-month-highlight","ic-calendar-month","ic-camera","ic-campaign-disable","ic-campaign-done","ic-campaign-schedule","ic-campaign-stop","ic-campaign","ic-cart","ic-cells","ic-certificate","ic-chat-add","ic-chat-disable","ic-chat-edit-disable","ic-chat-edit","ic-chat-end","ic-chat-forward","ic-chat-frown","ic-chat-multi","ic-chat-oval-close","ic-chat-oval-multi","ic-chat-oval-transfer","ic-chat-oval","ic-chat-smile","ic-chat-video","ic-chat","ic-checkbox-tick-lock","ic-checkbox-tick","ic-checkbox","ic-checklist-tick-lock","ic-checkmark-bold","ic-chevron-left","ic-chevron-right","ic-chevron-small-collapse-all","ic-chevron-small-expand-all","ic-chevron-small-left","ic-chevron-small-right","ic-circle-add","ic-circle-arrow-down","ic-circle-arrow-left","ic-circle-arrow-right","ic-circle-arrow-up","ic-circle-close","ic-circle-expand-down","ic-circle-expand-left","ic-circle-expand-right","ic-circle-expand-up","ic-cleanup","ic-clip-approve","ic-clip-exchange","ic-clip-list","ic-clipboard","ic-clock-b","ic-clock-stopwatch","ic-clock-timezone","ic-clock","ic-clone","ic-close-bold","ic-close","ic-cloud-a","ic-cloud-b","ic-cm-96-cloud","ic-cm-96-desktop","ic-cm-96-network","ic-cm-96-outbound","ic-cm-96-server-add","ic-cm-96-server","ic-cm-96-tenant","ic-cm-96-user","ic-cm-96-voice","ic-cobrowse-chat","ic-cobrowse-disable","ic-cobrowse-end","ic-cobrowse","ic-code","ic-collapse","ic-column-direction-active","ic-column-direction","ic-comment-corner","ic-conference-all-channels","ic-configuration-disable","ic-configuration","ic-contact-add","ic-contact-assign","ic-contact-delete","ic-contact-id-fetch","ic-contact-id","ic-contact-switch","ic-contract-a","ic-contract-b","ic-contract-c","ic-contract-d","ic-control-backward","ic-control-forward","ic-control-left","ic-control-right","ic-control-skip-left","ic-control-skip-next","ic-control-skip-previous","ic-control-skip-right","ic-control-stop","ic-copy","ic-credit-card","ic-cs-mobile","ic-cs-social","ic-cs-web","ic-currency-dollar-sign","ic-cut","ic-cx-24-flat-agent","ic-cx-24-flat-avatar","ic-cx-24-flat-cal","ic-cx-24-flat-chat","ic-cx-24-flat-cobrowse","ic-cx-24-flat-consult","ic-cx-24-flat-inbound","ic-cx-24-flat-lock","ic-cx-24-flat-mail","ic-cx-24-flat-offer","ic-cx-24-flat-outbound","ic-cx-24-flat-pref","ic-cx-24-flat-search","ic-cx-24-flat-survey","ic-cx-24-flat-vid","ic-cx-24-flat-vm","ic-dash","ic-dashtab-dash","ic-dashtab-settings","ic-dashtab-xwidget","ic-dialpad","ic-disclosure-left","ic-doc-add","ic-doc-alert-b","ic-doc-all-save","ic-doc-all","ic-doc-detail-add","ic-doc-detail","ic-doc-form-b","ic-doc-forward","ic-doc-generic-b","ic-doc-generic","ic-doc-list-b","ic-doc-list","ic-doc-no","ic-doc-phone-call","ic-doc-report-b","ic-doc-save","ic-doc-segmentation-b","ic-doc-yes-b","ic-doc-yes","ic-document-scenario","ic-double-down","ic-double-up","ic-download","ic-drag-out","ic-dropdown-arrow","ic-email-delete","ic-email-forward","ic-email-move-to-folder","ic-email-reply-all","ic-email-reply","ic-email-resend","ic-email-send","ic-email-transfer","ic-email","ic-enterprise-extension","ic-error-bold","ic-escalate-from","ic-escalate-to","ic-escalate","ic-event-cluster-mini","ic-event-cluster","ic-exit-full-screen","ic-expand-down","ic-expand-left","ic-expand-right","ic-expand-up","ic-expand","ic-export","ic-face-happy","ic-face-neutral","ic-face-sad","ic-face-solid-happy","ic-face-solid-sad","ic-face-unknown","ic-facebook-square","ic-file-folder-drawer","ic-files","ic-film-broadcast","ic-film","ic-filter","ic-finger-pointing","ic-folder-add","ic-folder-disabled","ic-folder-media","ic-folder-move","ic-folder-open-in","ic-folder-open-out","ic-folder-open","ic-folder-progress","ic-folder","ic-follow-disable","ic-follow","ic-font-bold","ic-font-decrease","ic-font-increase","ic-font-italic","ic-font-style","ic-font-underline","ic-full-screen","ic-gear-add","ic-gear-remove","ic-generic-disable","ic-generic-laptop","ic-generic-mobile-phone","ic-generic-pc","ic-generic-tablet","ic-generic","ic-globe","ic-google-plus-circle","ic-grab-verticalertical","ic-grab","ic-graph-bar","ic-graph-barline","ic-graph-bubble","ic-graph-chart","ic-graph-column","ic-graph-edit","ic-graph-grid","ic-graph-line","ic-graph-spark","ic-graph-stack","ic-grip-horizontal","ic-grip-vertical","ic-group","ic-help","ic-home","ic-host","ic-hp","ic-import","ic-in-small","ic-in","ic-inbound","ic-insert-block-left","ic-insert-block-right","ic-inspect-chat-disable","ic-inspect-chat","ic-inspect-disable","ic-inspect-phone-disable","ic-inspect-phone","ic-inspect-star","ic-inspect","ic-ivr-disable","ic-ivr","ic-iw-24-line-help","ic-iw-24-line-notification","ic-iw-24-line-teamcommunicator","ic-iw-24-line-voicemail","ic-iw-active-circle-callback","ic-iw-active-circle-campaign","ic-iw-active-circle-chat-round","ic-iw-active-circle-chat-square","ic-iw-active-circle-doc","ic-iw-active-circle-email","ic-iw-active-circle-facebook","ic-iw-active-circle-globe","ic-iw-active-circle-media","ic-iw-active-circle-phone-cancel","ic-iw-active-circle-phone-conf-susp","ic-iw-active-circle-phone-conf","ic-iw-active-circle-phone-dial","ic-iw-active-circle-phone-pause","ic-iw-active-circle-phone-play","ic-iw-active-circle-phone-susp","ic-iw-active-circle-phone-voice","ic-iw-active-circle-question","ic-iw-active-circle-rss","ic-iw-active-circle-twitter","ic-iw-active-circle-voice-chat","ic-iw-active-circle-voice","ic-iw-active-square-view","ic-iw-arrow-outline-in","ic-iw-circle-no-add","ic-iw-circle-no-chevron-down","ic-iw-circle-no-chevron-up","ic-iw-circle-yes-add","ic-iw-circle-yes-chevron-down","ic-iw-circle-yes-chevron-up","ic-iw-control-circle-back","ic-iw-control-circle-fwd","ic-iw-control-circle-home","ic-iw-control-circle-play","ic-iw-control-circle-stop","ic-iw-done-and-stop","ic-iw-history","ic-iw-in-progress","ic-iw-inspect-email","ic-iw-inspect-voice-cancel","ic-iw-inspect-voice","ic-iw-monitor-chat","ic-iw-monitor-voice","ic-iw-queue","ic-iw-routing-point","ic-iw-save-as","ic-iw-save","ic-iw-square-facebook-email","ic-iw-square-facebook-no","ic-iw-square-facebook-transfer","ic-iw-square-facebook-workbin","ic-iw-square-rss-transfer","ic-iw-square-rss-workbin","ic-iw-square-twitter-follow","ic-iw-square-twitter-no","ic-iw-square-twitter-transfer","ic-iw-square-twitter-workbin","ic-iw-video-suspend","ic-iw-video-thumb-cancel","ic-iw-video-thumb-show","ic-iw-video-thumb-swap","ic-iw-voice-inspect-cancel","ic-iw-voice-inspect","ic-key-dot-dashed","ic-link","ic-linkedin-square","ic-linux","ic-list-bullets","ic-list-numbers","ic-locked","ic-login-checkmark","ic-login-error","ic-login-info","ic-lunch","ic-measure-growing","ic-measure-point-in-time","ic-measure-sliding","ic-measure-today","ic-menu-hamburger","ic-merge","ic-mini-close","ic-minimize","ic-moon-default","ic-more","ic-ms","ic-multiples","ic-network","ic-note-add","ic-note","ic-notebook","ic-number-sign","ic-open-book","ic-out-small","ic-out","ic-outbound","ic-page-multi","ic-page-search","ic-page-single","ic-palette","ic-parameter-group","ic-parameter","ic-paste","ic-pc-mobile-phone","ic-pencil","ic-people-chat","ic-people","ic-person","ic-phone-add","ic-phone-bell","ic-phone-chat-media","ic-phone-conference","ic-phone-decline","ic-phone-dial","ic-phone-disabled","ic-phone-forward","ic-phone-hang-up","ic-phone-hold","ic-phone-incoming","ic-phone-pause","ic-phone-rec-pause","ic-phone-rec-resume","ic-phone-rec-stop","ic-phone-rec","ic-phone-voice-retrieve","ic-phone-voice","ic-phone","ic-phones","ic-picture","ic-pie-chart","ic-pin-alert","ic-pin-check","ic-pin-solid-add","ic-pin-solid-remove","ic-pin-solid","ic-pin-text","ic-pin-time","ic-pin-zoom-in","ic-pin-zoom-out","ic-pin","ic-pinned","ic-pinterest-circle","ic-play-list","ic-pointing-in-hand","ic-printer","ic-progress-bar","ic-quotes","ic-radio-active","ic-radio","ic-rebuild","ic-redo","ic-refresh-with-feedback","ic-refresh","ic-reload","ic-remember","ic-reset","ic-rewind-five-seconds","ic-routing","ic-rss-square","ic-rss","ic-screen-rec-pause","ic-screen-rec-record","ic-screen-rec-resume","ic-screen-rec-stop","ic-scrubber","ic-search-next","ic-search-previous","ic-search","ic-searched-term","ic-secure","ic-segmentation","ic-select-no","ic-select-yes","ic-select","ic-server-add","ic-server","ic-settings-gear","ic-settings-gears","ic-settings-sliders","ic-share","ic-sharethis","ic-shrinkage","ic-shuffle","ic-site-disable","ic-site","ic-skills","ic-slide-back","ic-slide-fwd","ic-small-checkmark","ic-small-close","ic-small-plus","ic-sms-cancel","ic-sms-message","ic-sms-reply","ic-sms-transfer","ic-solaris","ic-sort-left-right","ic-sort-up-down","ic-special-g-brandmark","ic-stamp","ic-star-edit","ic-star-half","ic-star-outline","ic-stars-add","ic-stars-lock","ic-stars-remove","ic-stars","ic-status-aftercallwork","ic-status-available-no","ic-status-available-yes","ic-status-bad","ic-status-call-dialing","ic-status-call-inbound","ic-status-call-internal","ic-status-call-outbound","ic-status-call-ringing","ic-status-chat","ic-status-email","ic-status-good","ic-status-hook-off","ic-status-hook-on","ic-status-interaction","ic-status-logged-off","ic-status-logged-on","ic-status-monitored-no","ic-status-monitored-yes","ic-status-onhold","ic-status-queue-empty","ic-status-queue-full","ic-status-queue-part-full","ic-status-ready-blocked","ic-status-ready-no","ic-status-ready-partial","ic-status-ready-yes","ic-status-unknown","ic-sun-default","ic-superviser-chat-cancel","ic-supervisor-cancel","ic-supervisor-chat","ic-supervisor-voice-cancel","ic-supervisor-voice","ic-supervisor","ic-swap","ic-switch-disable","ic-switch","ic-symbol-man","ic-symbol-woman","ic-tag-stat-add","ic-tag-stat-remove","ic-tag","ic-target","ic-team-communicator-team-communicator","ic-team-communicator","ic-tenant-disable","ic-tenant","ic-text-centered","ic-text-detail","ic-text-generic","ic-text-indent-left","ic-text-indent-right","ic-text-justify-center","ic-text-justify-full","ic-text-justify-left","ic-text-justify-right","ic-text-spelling","ic-thumbs-down","ic-thumbs-up","ic-tick","ic-timeline","ic-toggle-off","ic-toggle-on","ic-toggle","ic-training","ic-transfer-all-channels","ic-transfer-common","ic-transfer","ic-trash","ic-tree-branch","ic-twitter-square","ic-twitter","ic-undo","ic-unlocked","ic-unmerge","ic-upload","ic-video-add","ic-video-disable","ic-video-end","ic-video-forward","ic-video-pause","ic-video-roster","ic-video-voice","ic-video","ic-videocam-1-disable","ic-videocam-1","ic-videocam-2-disable","ic-videocam-2","ic-view-details-bottom","ic-view-details-right","ic-view-grid","ic-view-list","ic-view-lists","ic-view-stacked","ic-view-tree","ic-voicemail","ic-window-contract","ic-window-expand","ic-zoom-in","ic-zoom-out","image","inbox-alpha","input","interaction-sound","interactions-alpha","interactions-off-alpha","interactions","italic","justify-center","justify-left","justify-right","layers","link-broken","list-square","listbox","logo-genesys","magnifying-glass-minus","magnifying-glass-plus","magnifying-glass","marker","mic-off","mic-talking","mic","minus-circle","missed-call","mixer","monitor","move-file","multi-agent-lines","notification-chat","notification-email","notification-phone","notification-score-chat","notification-score-email","notification-score-phone","numeric-spinner","organization","outbound-call","paint-bucket","paperclip","pause-secure","pause","pc-group","pc-user","pencil-square","person-circle","phone-active-1","phone-active-2","phone-active-3","phone-alpha","phone-off-alpha","phone-off","phone-picker","phone-ring-muted","phone-ring","pixel-unit","play","plus-circle","plus","pop-out","preview","progress-pie","puzzle","question-with-screen","question","radio-button","repeat","reset-view","resize-handle","robot-circle","robot-head","scissors","screen-full","screen-small","screenshare","scripter-inverse","sign-out","sitemap","sms-message","sort-numeric-asc","star","steal","step-backward","step-forward","stop","template","text","thumbtack-off","thumbtack-on","topleft","topright","trashcan","triangle","twitter-white-on-blue","underline","undo","vert-container","viber-icon","video-alpha","video-off-alpha","video-off","volume-off-alt","volume-off","warning","whistle","wrap-up-code"],n=new Map;function s(i){return r[i]?r[i]:l.includes(i)?`legacy/${i}`:i}async function d(c){const e=function(i){return i.replace("/","-")}(c),a=await n.get(e);if(a)return a;const o=async function(c){const e=await fetch(i(`./icons/${c}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${c}" with status "${e.statusText} (${e.status})".`)}(c).then((i=>i)).catch((i=>(setTimeout((()=>{throw i}),0),d("unknown"))));return n.set(e,o),o}function p(i,c){i||c||t("gux-icon","No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true.")}const h=class{constructor(i){c(this,i),this.decorative=!1,this.screenreaderText=""}async prepIcon(i){if(i){const c=s(i);this.baseSvgHtml=await d(c),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}}watchDecorative(i){p(i,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(i){p(this.decorative,i),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){o(this.root,{variant:s(this.iconName)}),await this.prepIcon(this.iconName)}componentDidLoad(){p(this.decorative,this.screenreaderText)}getSvgWithAriaAttributes(i){const c=(new DOMParser).parseFromString(i,"image/svg+xml").firstChild;return c.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?c.setAttribute("aria-label",this.screenreaderText):c.removeAttribute("aria-label"),c.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return a(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};h.style=":host{display:inline-flex;width:1em;height:1em}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{h as gux_icon}
|
|
1
|
+
import{a as i,r as c,h as e,g as a}from"./p-a085b143.js";import{t as o}from"./p-0749ddc0.js";import{l as t}from"./p-3184268e.js";const r={"ic-agent":"agent",consultant:"agent","ic-agent-group":"agent-group","pc-user":"user","ic-person":"user",customer:"user",interactions:"user-interactions","interaction-sound":"user-interactions","add-user":"user-add","ic-contact-add":"user-add","pc-group":"user-group","ic-people":"user-group","ic-group":"user-group",users:"user-group","ic-contact-id":"user-contact-id",contact:"user-contact-id","person-circle":"user-circle",directory:"user-directory","multi-agent-lines":"user-directory","ic-cobrowse":"cobrowse",screenshare:"cobrowse","ic-face-happy":"face-happy","ic-face-neutral":"face-neutral","ic-face-sad":"face-sad","ic-face-happy-solid":"face-happy-solid","ic-face-sad-solid":"face-sad-solid","cc-custom-default":"cjv-custom-default","cc-web-session":"cjv-web-session","cc-delivery":"cjv-delivery","cc-policy-contract":"cjv-policy-contract","cc-generic-application":"cjv-generic-application","cc-finance-invoice":"cjv-finance-invoice","beyond-logo":"product-logo-beyond","ic-special-g-brandmark":"product-logo-g","logo-genesys":"product-logo-g","interactions-alpha":"toolbar-interactions","interactions-off-alpha":"toolbar-interactions-disable",assist:"toolbar-assist","assist-off":"toolbar-assist-disable","chat-alpha":"toolbar-chat","chat-off-alpha":"toolbar-chat-disable","phone-alpha":"toolbar-phone","phone-off-alpha":"toolbar-phone-disable","phone-active-1":"toolbar-phone-active-1","phone-active-2":"toolbar-phone-active-2","phone-active-3":"toolbar-phone-active-3","video-alpha":"toolbar-video","video-off-alpha":"toolbar-video-disable","apps-alpha":"toolbar-apps",apps:"toolbar-apps-disable","favs-alpha":"toolbar-favourite","inbox-alpha":"toolbar-inbox",question:"toolbar-help","ic-phone":"phone","notification-phone":"phone","ic-phone-forward":"phone-forward","call-forward":"phone-forward","call-forward-alpha":"phone-forward","ic-phone-bell":"phone-bell","phone-ring":"phone-bell","ic-phone-voice":"phone-voice","call-volume":"phone-voice","ic-phone-disabled":"phone-disable","ic-phone-disable":"phone-disable","phone-off":"phone-disable","cc-disconnected-system":"phone-disable","cc-disconnected":"phone-disable","ic-phone-hold":"phone-hold","call-history":"phone-call-history","outbound-call":"phone-outbound","cc-outbound-call":"phone-outbound","missed-call":"phone-missed-call","cc-missed-inbound":"phone-missed-call",callback:"phone-callback",hangup:"phone-hangup","ic-phone-hang-up":"phone-hangup","ic-voicemail":"voicemail","ic-dialpad":"phone-dialpad","ic-phone-dail":"phone-dialpad",dialpad:"phone-dialpad","ic-status-call-dialing":"phone-dialpad","ic-status-chat":"chat","ic-chat":"chat","ic-chat-oval":"chat","notification-chat":"chat","cc-webchat-bot":"chat","cc-webchat-missed":"chat","ic-text-detail":"chat","iic-chat-oval-close":"chat-close","iic-chat-end":"chat-close","ic-chat-disable":"chat-disable","chat-off":"chat-disable","ic-chat-oval-multi":"chat-multi","ic-chat-multi":"chat-multi","chat-alert":"chat-bell","ic-email":"message-email","ic-status-email":"message-email","ic-cx-24-flat-mail":"message-email",envelope:"message-email","notification-email":"message-email","reply-standard":"message-reply","forward-standard":"message-forward","ic-attach":"attachment",paperclip:"attachment","ic-video":"video","ic-video-disable":"video-disable","video-off":"video-disable","ic-audio-rec":"microphone",mic:"microphone","ic-audio-rec-disable":"microphone-disable","mic-off":"microphone-disable","mic-talking":"microphone-talking","ic-audio-yes":"volume-up","ic-audio-no":"volume-none","volume-off-alt":"volume-none","ic-audio-disable":"volume-disable","volume-off":"volume-disable","ic-audio-music":"music","ic-control-skip-left":"control-skip-left",backward:"control-skip-left","ic-control-skip-right":"control-skip-right",forward:"control-skip-right","ic-control-backward":"control-start","fast-backward":"control-start","ic-control-forward":"control-end","fast-forward":"control-end","ic-slide-fwd":"control-slide-forward","step-forward":"control-slide-forward","ic-slide-back":"control-slide-back","step-backward":"control-slide-back",play:"control-play","ic-24-control-play-solid":"control-play","ic-control-stop":"control-stop",stop:"control-stop",pause:"control-pause","ic-24-control=pause-solid":"control-pause","ic-generic-pc":"device-pc",monitor:"device-pc","ic-video-cam-1":"webcam","ic-videocam-2":"webcam","ic-video-cam-1-disable":"webcam-disable","ic-videocam-2-disable":"webcam-disable","ic-sms-cancel":"sms-close","sms-cancel":"sms-close","ic-sms-message":"sms","sms-message":"sms","ic-generic-laptop":"device-laptop","ic-generic-tablet":"device-tablet","ic-camera":"device-camera","ic-host":"device-server","ic-phones":"device-cellphone","ic-generic-mobile-phone":"device-headphones","ic-folder":"folder","ic-folder-open":"folder-open","ic-folder-add":"folder-add","file-o":"file","ic-page-single":"file","ic-doc-list":"file","ic-doc-generic":"file","files-o":"file-all","ic-page-multi":"file-all","ic-doc-all":"file-all","ic-doc-report-b":"file-report",image:"file-image-landscape","ic-picture":"file-image-landscape","ic-doc-detail":"file-text",preview:"file-preview","ic-page-search":"file-preview",unassign:"upload","ic-upload":"upload","ic-download":"download",feedback:"comments","comment-ellipsis":"comments","comment-ellipsis-off":"comments-disable","ic-thumbs-up":"thumbs-up","ic-thumbs-down":"thumbs-down","ic-24-graph-edit":"edit","ic-graph-edit":"edit","ic-pencil":"edit","ic-multiples":"clone","ic-clone":"clone","ic-copy":"copy","ic-paste":"paste","ic-clipboard":"clipboard",scissors:"cut","ic-cut":"cut","ic-trash":"delete","ic-refresh-with-feedback":"refresh","ic-reload":"refresh","ic-refresh":"refresh","ic-reset":"reset","pop-out":"window-popout","ic-outbound":"window-popout","ic-exit-full-screen":"window-contract","screen-small":"window-contract","ic-window-contract":"window-contract","ic-full-screen":"window-fullscreen","screen-full":"window-fullscreen","ic-window-expand":"window-fullscreen","ic-drag-out":"window-drag-out","ic-actual-size":"actual-size","ic-app-generic":"app-generic","ic-app-chart":"app-chart","ic-app-layout":"app-layout",template:"app-layout","ic-biz-attribute":"app-table","ic-app-table":"app-table","ic-circle-add":"add-circle","plus-circle":"add-circle","ic-timeline":"timeline",history:"timeline","ic-clock":"clock-outline","ic-clock-b":"clock","ic-quotes":"quote-right","robot-head":"bot","robot-circle":"bot",education:"skills","ic-skills":"skills","ic-campaign":"campaign","ic-actionable":"bolt","ic-palette":"palette","ic-tenant":"tenant",cube:"tenant","ic-lunch":"lunch",cubes:"configuration","ic-configuration":"configuration","ic-stamp":"stamp","ic-ivr":"record","ic-follow":"follow","paint-bucket":"paint","ic-dash":"dash","ic-generic":"generic",signal:"low-bandwidth","ic-settings-gear":"settings","ic-settings-gears":"settings",cog:"settings","reset-view":"settings","ic-dashtab-settings":"settings",cogs:"settings","ic-locked":"lock","ic-secure":"lock","pause-secure":"lock","ic-link":"link","ic-unlocked":"unlock","ic-unlinked":"unlink","link-broken":"unlink","ic-certificate":"certificate","ic-access":"key","ic-sun-default":"sun","ic-moon-default":"moon","ic-app-all":"view-all","ic-cells":"view-cells","customize-columns":"view-cells","ic-view-lists":"view-lists","ic-view-list":"view-list",list:"view-list","ic-view-stacked":"view-stacked","stacked-mode":"view-stacked","ic-view-grid":"view-grid","grid-mode":"view-grid","ic-video-roster":"view-roster","ic-inspect":"inspect",eye:"inspect","ic-status-monitored-yes":"inspect","ic-inspect-disable":"inspect-disable",hide:"inspect-disable",whistle:"coaching","ic-rss":"rss","ic-rss-square":"rss","ic-twitter":"twitter","ic-twitter-square":"twitter","twitter-white-on-blue":"twitter","ic-facebook-square":"facebook","ic-linkedin-square":"linkedin","ic-share":"share","ic-sharethis":"share","viber-icon":"viber","at-thin":"at","ic-arrow-up":"arrow-up","long-up-arrow":"arrow-up","ic-arrow-down":"arrow-down","ic-arrow-left":"arrow-left","ic-arrow-right":"arrow-right","ic-escalate":"arrow-up-right","ic-out-small":"arrow-up-left","ic-in-small":"arrow-down-right","ic-iw-arrow-outline-in":"arrow-down-right","ic-chevron-left":"chevron-left","ic-chevron-right":"chevron-right","ic-transfer":"transfer",exchange:"transfer","ic-bar-graph-variable-1":"graph-bar-horizontal","ic-graph-barline":"graph-bar-horizontal","ic-24-graph-bar":"graph-bar-horizontal","ic-graph-bar":"graph-bar-horizontal","ic-graph-stack":"graph-bar-horizontal","ic-24-graph-stack":"graph-bar-horizontal","ic-bar-graph-variable-2":"graph-bar-vertical","ic-24-graph-bar-verticalertical":"graph-bar-vertical","ic-24-graph-stack-vertical":"graph-bar-vertical","ic-graph-line":"graph-line","ic-graph-chart":"graph-chart","ic-graph-spark":"graph-spark","ic-pie-chart":"graph-pie","ic-pin-time":"pin-location","ic-pin":"pin-location",marker:"pin-location","thumbtack-on":"pin","ic-pinned":"pin","ic-server":"server","ic-globe":"globe","ic-home":"home",house:"home","ic-cloud-b":"cloud","up-cloud":"cloud","ic-cloud-a":"cloud-outline","ic-site":"site",building:"site","ic-search":"search","magnifying-glass":"search","ic-calendar-generic":"calendar","ic-calendar-month":"calendar","ic-calendar-month-highlight":"calendar","ic-calendar-day":"calendar","calendar-days":"calendar","calendar-range":"calendar","ic-select-no":"checkbox","ic-checkbox":"checkbox","ic-checkbox-tick":"checkbox-active","ic-checkbox-tick-lock":"checkbox-active","ic-checklist-tick-lock":"checkbox-active","check-square":"checkbox-active","ic-select-yes":"checkbox-partial","ic-radio":"radio","ic-radio-active":"radio-active","radio-button":"radio-active","ic-add":"add",plus:"add","ic-iw-circle-no-add":"add","ic-close":"close","close-x":"close",remove:"close","ic-arrow-solid-up":"arrow-solid-up","ic-expand-up":"arrow-solid-up","caret-up":"arrow-solid-up","ic-search-previous":"arrow-solid-up","chevron-circle-up":"arrow-solid-up","ic-arrow-solid-down":"arrow-solid-down","ic-expand-down":"arrow-solid-down","caret-down":"arrow-solid-down","ic-search-next":"arrow-solid-down","chevron-circle-down":"arrow-solid-down","ic-arrow-solid-left":"arrow-solid-left","ic-expand-left":"arrow-solid-left","caret-left":"arrow-solid-left","ic-control-left":"arrow-solid-left","chevron-circle-left":"arrow-solid-left","ic-arrow-solid-right":"arrow-solid-right","ic-expand-right":"arrow-solid-right","caret-right":"arrow-solid-right","ic-control-right":"arrow-solid-right","chevron-circle-right":"arrow-solid-right","ic-dropdown-arrow":"chevron-small-down","ic-iw-circle-no-chevron-down":"chevron-small-down","ic-arrow-accordian":"chevron-small-down","ic-iw-circle-no-chevron-up":"chevron-small-up","ic-chevron-small-left":"chevron-small-left","angle-left":"chevron-small-left","ic-chevron-small-right":"chevron-small-right","angle-right":"chevron-small-right","ic-arrow-left-dbl":"chevron-double-left","ic-disclosure-left":"chevron-double-left","ic-arrow-right-dbl":"chevron-double-right","ic-arrow-disclosure":"chevron-double-right","ic-stars":"rating-active","favs-full":"rating-active",favs:"rating-active",star:"rating-active","ic-star-outline":"rating","ic-star-half":"rating-partial","ic-tick":"checkmark","ic-small-checkmark":"checkmark",check:"checkmark","ic-campaign-done":"checkmark","ic-more":"menu-kebab-vertical","ellipsis-v":"menu-kebab-vertical","ellipsis-h":"manu-kebab-h","ic-filter":"filter","ic-menu-hamburger":"menu",bars:"menu","ic-alert-checkmark":"alert-success","ic-login-checkmark":"alert-success","check-circle":"alert-success","ic-alert-triangle":"alert-warning-triangle","ic-alert-octo":"alert-warning-octogon","ic-alert-circle":"alert-warning-octogon","ic-iw-done-and-stop":"alert-warning-octogon",warning:"alert-warning-octogon","ic-tag":"tag","ic-tag-stat-remove":"tag-remove","ic-tag-stat-add":"tag-add","chevron-circle-collapse-double":"collapse","chevron-circle-expand-double":"expand","ic-grip-horizontal":"grab-horizontal","ic-grab":"grab-horizontal","ic-grip-vertical":"grab-vertical","ic-grab-verticalertical":"grab-vertical","sign-out":"logout","ic-out":"logout","ic-export":"logout","ic-status-call-ringing":"bell",bell2:"bell","ic-bell":"bell","ic-bug":"bug","ic-alert-info":"alert-info","ic-login-info":"alert-info","info-thick":"alert-info","ic-zoom-in":"zoom-in","magnifying-glass-plus":"zoom-in","ic-zoom-out":"zoom-out","magnifying-glass-minus":"zoom-out"},l=["add-user","align-center","align-left","align-right","angle-down","angle-left","angle-right","angle-up","apps-alpha","apps","arrow-s","arrows-h","arrows-v","assist-off","assist","backward","bandage","bars","bell2","beyond-logo","bold","border-dashed","border-dotted","border-solid","btmleft","btmright","btn-group-choose","building","button","calendar-days","calendar-dots-day","calendar-dots-month","calendar-dots-week","calendar-range","call-forward-alpha","call-forward","call-history","call-volume","callback","caret-down","caret-left","caret-right","caret-up","cc-custom-default","cc-delivery","cc-disconnected-system","cc-disconnected","cc-finance-invoice","cc-generic-application","cc-inbound-queue","cc-inbound","cc-missed-inbound","cc-outbound-call","cc-policy-contract","cc-web-session","cc-webchat-bot","cc-webchat-missed","chat-alert-muted","chat-alert","chat-alpha","chat-off-alpha","chat-off","check-circle","check-square","check","chevron-circle-collapse-double","chevron-circle-down","chevron-circle-expand-double","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-down","chevron-up","circle","close-preview","close-x","cog","comet","comment-ellipsis-off","comment-ellipsis","consultant","contact","cube","cubes","customer","customize-columns","dialpad","diamond","directory","drop-down","ellipsis-h","ellipsis-v","envelope","eye","fast-backward","fast-forward","favs-alpha","favs-full","favs","feedback","file-o","files-o","forward","genesys-logo-full","hangup","history","horz-container","house","ic-24-control-pause-solid","ic-24-control-pause","ic-24-control-play-solid","ic-24-control-play","ic-24-control-stop","ic-24-graph-bar-stack-vertical","ic-24-graph-bar-verticalertical","ic-24-graph-bar","ic-24-graph-edit","ic-24-graph-grid-cell","ic-24-graph-grid","ic-24-graph-line","ic-24-graph-stack","ic-24-graph-variable-2","ic-48-adjacent","ic-48-all","ic-48-control-pause","ic-48-control-play","ic-48-incoming","ic-48-outgoing","ic-access","ic-actionable-disable","ic-actionable-notset","ic-actionable","ic-add-bold","ic-add","ic-adjust","ic-agent-add","ic-agent-edit","ic-agent-group","ic-agent-like","ic-agent-offline","ic-agent-ready-partial","ic-agent-ready","ic-agent-search","ic-agent-time","ic-agent-unavailable","ic-agent","ic-aix","ic-alert-checkmark","ic-alert-circle","ic-alert-info","ic-alert-octo","ic-alert-triangle","ic-app-all","ic-app-chart","ic-app-generic","ic-app-layout","ic-app-table","ic-archive","ic-arrow-accordion","ic-arrow-disclosure","ic-arrow-down","ic-arrow-left-dbl","ic-arrow-left","ic-arrow-popover","ic-arrow-right-dbl","ic-arrow-right","ic-arrow-solid-down","ic-arrow-solid-left","ic-arrow-solid-right","ic-arrow-solid-up","ic-arrow-up","ic-attach","ic-audio-disable","ic-audio-music","ic-audio-no","ic-audio-rec-disable","ic-audio-rec","ic-audio-voice-disable","ic-audio-voice","ic-audio-yes","ic-autoscroll-off","ic-bar-graph-variable-1","ic-bar-graph-variable-2","ic-bell","ic-bezier","ic-biz-attribute-disable","ic-biz-attribute","ic-blocks","ic-book-address","ic-book-open-details","ic-break","ic-briefcase","ic-budget","ic-bug","ic-calculator","ic-calendar-day","ic-calendar-generic","ic-calendar-media-voice","ic-calendar-month-highlight","ic-calendar-month","ic-camera","ic-campaign-disable","ic-campaign-done","ic-campaign-schedule","ic-campaign-stop","ic-campaign","ic-cart","ic-cells","ic-certificate","ic-chat-add","ic-chat-disable","ic-chat-edit-disable","ic-chat-edit","ic-chat-end","ic-chat-forward","ic-chat-frown","ic-chat-multi","ic-chat-oval-close","ic-chat-oval-multi","ic-chat-oval-transfer","ic-chat-oval","ic-chat-smile","ic-chat-video","ic-chat","ic-checkbox-tick-lock","ic-checkbox-tick","ic-checkbox","ic-checklist-tick-lock","ic-checkmark-bold","ic-chevron-left","ic-chevron-right","ic-chevron-small-collapse-all","ic-chevron-small-expand-all","ic-chevron-small-left","ic-chevron-small-right","ic-circle-add","ic-circle-arrow-down","ic-circle-arrow-left","ic-circle-arrow-right","ic-circle-arrow-up","ic-circle-close","ic-circle-expand-down","ic-circle-expand-left","ic-circle-expand-right","ic-circle-expand-up","ic-cleanup","ic-clip-approve","ic-clip-exchange","ic-clip-list","ic-clipboard","ic-clock-b","ic-clock-stopwatch","ic-clock-timezone","ic-clock","ic-clone","ic-close-bold","ic-close","ic-cloud-a","ic-cloud-b","ic-cm-96-cloud","ic-cm-96-desktop","ic-cm-96-network","ic-cm-96-outbound","ic-cm-96-server-add","ic-cm-96-server","ic-cm-96-tenant","ic-cm-96-user","ic-cm-96-voice","ic-cobrowse-chat","ic-cobrowse-disable","ic-cobrowse-end","ic-cobrowse","ic-code","ic-collapse","ic-column-direction-active","ic-column-direction","ic-comment-corner","ic-conference-all-channels","ic-configuration-disable","ic-configuration","ic-contact-add","ic-contact-assign","ic-contact-delete","ic-contact-id-fetch","ic-contact-id","ic-contact-switch","ic-contract-a","ic-contract-b","ic-contract-c","ic-contract-d","ic-control-backward","ic-control-forward","ic-control-left","ic-control-right","ic-control-skip-left","ic-control-skip-next","ic-control-skip-previous","ic-control-skip-right","ic-control-stop","ic-copy","ic-credit-card","ic-cs-mobile","ic-cs-social","ic-cs-web","ic-currency-dollar-sign","ic-cut","ic-cx-24-flat-agent","ic-cx-24-flat-avatar","ic-cx-24-flat-cal","ic-cx-24-flat-chat","ic-cx-24-flat-cobrowse","ic-cx-24-flat-consult","ic-cx-24-flat-inbound","ic-cx-24-flat-lock","ic-cx-24-flat-mail","ic-cx-24-flat-offer","ic-cx-24-flat-outbound","ic-cx-24-flat-pref","ic-cx-24-flat-search","ic-cx-24-flat-survey","ic-cx-24-flat-vid","ic-cx-24-flat-vm","ic-dash","ic-dashtab-dash","ic-dashtab-settings","ic-dashtab-xwidget","ic-dialpad","ic-disclosure-left","ic-doc-add","ic-doc-alert-b","ic-doc-all-save","ic-doc-all","ic-doc-detail-add","ic-doc-detail","ic-doc-form-b","ic-doc-forward","ic-doc-generic-b","ic-doc-generic","ic-doc-list-b","ic-doc-list","ic-doc-no","ic-doc-phone-call","ic-doc-report-b","ic-doc-save","ic-doc-segmentation-b","ic-doc-yes-b","ic-doc-yes","ic-document-scenario","ic-double-down","ic-double-up","ic-download","ic-drag-out","ic-dropdown-arrow","ic-email-delete","ic-email-forward","ic-email-move-to-folder","ic-email-reply-all","ic-email-reply","ic-email-resend","ic-email-send","ic-email-transfer","ic-email","ic-enterprise-extension","ic-error-bold","ic-escalate-from","ic-escalate-to","ic-escalate","ic-event-cluster-mini","ic-event-cluster","ic-exit-full-screen","ic-expand-down","ic-expand-left","ic-expand-right","ic-expand-up","ic-expand","ic-export","ic-face-happy","ic-face-neutral","ic-face-sad","ic-face-solid-happy","ic-face-solid-sad","ic-face-unknown","ic-facebook-square","ic-file-folder-drawer","ic-files","ic-film-broadcast","ic-film","ic-filter","ic-finger-pointing","ic-folder-add","ic-folder-disabled","ic-folder-media","ic-folder-move","ic-folder-open-in","ic-folder-open-out","ic-folder-open","ic-folder-progress","ic-folder","ic-follow-disable","ic-follow","ic-font-bold","ic-font-decrease","ic-font-increase","ic-font-italic","ic-font-style","ic-font-underline","ic-full-screen","ic-gear-add","ic-gear-remove","ic-generic-disable","ic-generic-laptop","ic-generic-mobile-phone","ic-generic-pc","ic-generic-tablet","ic-generic","ic-globe","ic-google-plus-circle","ic-grab-verticalertical","ic-grab","ic-graph-bar","ic-graph-barline","ic-graph-bubble","ic-graph-chart","ic-graph-column","ic-graph-edit","ic-graph-grid","ic-graph-line","ic-graph-spark","ic-graph-stack","ic-grip-horizontal","ic-grip-vertical","ic-group","ic-help","ic-home","ic-host","ic-hp","ic-import","ic-in-small","ic-in","ic-inbound","ic-insert-block-left","ic-insert-block-right","ic-inspect-chat-disable","ic-inspect-chat","ic-inspect-disable","ic-inspect-phone-disable","ic-inspect-phone","ic-inspect-star","ic-inspect","ic-ivr-disable","ic-ivr","ic-iw-24-line-help","ic-iw-24-line-notification","ic-iw-24-line-teamcommunicator","ic-iw-24-line-voicemail","ic-iw-active-circle-callback","ic-iw-active-circle-campaign","ic-iw-active-circle-chat-round","ic-iw-active-circle-chat-square","ic-iw-active-circle-doc","ic-iw-active-circle-email","ic-iw-active-circle-facebook","ic-iw-active-circle-globe","ic-iw-active-circle-media","ic-iw-active-circle-phone-cancel","ic-iw-active-circle-phone-conf-susp","ic-iw-active-circle-phone-conf","ic-iw-active-circle-phone-dial","ic-iw-active-circle-phone-pause","ic-iw-active-circle-phone-play","ic-iw-active-circle-phone-susp","ic-iw-active-circle-phone-voice","ic-iw-active-circle-question","ic-iw-active-circle-rss","ic-iw-active-circle-twitter","ic-iw-active-circle-voice-chat","ic-iw-active-circle-voice","ic-iw-active-square-view","ic-iw-arrow-outline-in","ic-iw-circle-no-add","ic-iw-circle-no-chevron-down","ic-iw-circle-no-chevron-up","ic-iw-circle-yes-add","ic-iw-circle-yes-chevron-down","ic-iw-circle-yes-chevron-up","ic-iw-control-circle-back","ic-iw-control-circle-fwd","ic-iw-control-circle-home","ic-iw-control-circle-play","ic-iw-control-circle-stop","ic-iw-done-and-stop","ic-iw-history","ic-iw-in-progress","ic-iw-inspect-email","ic-iw-inspect-voice-cancel","ic-iw-inspect-voice","ic-iw-monitor-chat","ic-iw-monitor-voice","ic-iw-queue","ic-iw-routing-point","ic-iw-save-as","ic-iw-save","ic-iw-square-facebook-email","ic-iw-square-facebook-no","ic-iw-square-facebook-transfer","ic-iw-square-facebook-workbin","ic-iw-square-rss-transfer","ic-iw-square-rss-workbin","ic-iw-square-twitter-follow","ic-iw-square-twitter-no","ic-iw-square-twitter-transfer","ic-iw-square-twitter-workbin","ic-iw-video-suspend","ic-iw-video-thumb-cancel","ic-iw-video-thumb-show","ic-iw-video-thumb-swap","ic-iw-voice-inspect-cancel","ic-iw-voice-inspect","ic-key-dot-dashed","ic-link","ic-linkedin-square","ic-linux","ic-list-bullets","ic-list-numbers","ic-locked","ic-login-checkmark","ic-login-error","ic-login-info","ic-lunch","ic-measure-growing","ic-measure-point-in-time","ic-measure-sliding","ic-measure-today","ic-menu-hamburger","ic-merge","ic-mini-close","ic-minimize","ic-moon-default","ic-more","ic-ms","ic-multiples","ic-network","ic-note-add","ic-note","ic-notebook","ic-number-sign","ic-open-book","ic-out-small","ic-out","ic-outbound","ic-page-multi","ic-page-search","ic-page-single","ic-palette","ic-parameter-group","ic-parameter","ic-paste","ic-pc-mobile-phone","ic-pencil","ic-people-chat","ic-people","ic-person","ic-phone-add","ic-phone-bell","ic-phone-chat-media","ic-phone-conference","ic-phone-decline","ic-phone-dial","ic-phone-disabled","ic-phone-forward","ic-phone-hang-up","ic-phone-hold","ic-phone-incoming","ic-phone-pause","ic-phone-rec-pause","ic-phone-rec-resume","ic-phone-rec-stop","ic-phone-rec","ic-phone-voice-retrieve","ic-phone-voice","ic-phone","ic-phones","ic-picture","ic-pie-chart","ic-pin-alert","ic-pin-check","ic-pin-solid-add","ic-pin-solid-remove","ic-pin-solid","ic-pin-text","ic-pin-time","ic-pin-zoom-in","ic-pin-zoom-out","ic-pin","ic-pinned","ic-pinterest-circle","ic-play-list","ic-pointing-in-hand","ic-printer","ic-progress-bar","ic-quotes","ic-radio-active","ic-radio","ic-rebuild","ic-redo","ic-refresh-with-feedback","ic-refresh","ic-reload","ic-remember","ic-reset","ic-rewind-five-seconds","ic-routing","ic-rss-square","ic-rss","ic-screen-rec-pause","ic-screen-rec-record","ic-screen-rec-resume","ic-screen-rec-stop","ic-scrubber","ic-search-next","ic-search-previous","ic-search","ic-searched-term","ic-secure","ic-segmentation","ic-select-no","ic-select-yes","ic-select","ic-server-add","ic-server","ic-settings-gear","ic-settings-gears","ic-settings-sliders","ic-share","ic-sharethis","ic-shrinkage","ic-shuffle","ic-site-disable","ic-site","ic-skills","ic-slide-back","ic-slide-fwd","ic-small-checkmark","ic-small-close","ic-small-plus","ic-sms-cancel","ic-sms-message","ic-sms-reply","ic-sms-transfer","ic-solaris","ic-sort-left-right","ic-sort-up-down","ic-special-g-brandmark","ic-stamp","ic-star-edit","ic-star-half","ic-star-outline","ic-stars-add","ic-stars-lock","ic-stars-remove","ic-stars","ic-status-aftercallwork","ic-status-available-no","ic-status-available-yes","ic-status-bad","ic-status-call-dialing","ic-status-call-inbound","ic-status-call-internal","ic-status-call-outbound","ic-status-call-ringing","ic-status-chat","ic-status-email","ic-status-good","ic-status-hook-off","ic-status-hook-on","ic-status-interaction","ic-status-logged-off","ic-status-logged-on","ic-status-monitored-no","ic-status-monitored-yes","ic-status-onhold","ic-status-queue-empty","ic-status-queue-full","ic-status-queue-part-full","ic-status-ready-blocked","ic-status-ready-no","ic-status-ready-partial","ic-status-ready-yes","ic-status-unknown","ic-sun-default","ic-superviser-chat-cancel","ic-supervisor-cancel","ic-supervisor-chat","ic-supervisor-voice-cancel","ic-supervisor-voice","ic-supervisor","ic-swap","ic-switch-disable","ic-switch","ic-symbol-man","ic-symbol-woman","ic-tag-stat-add","ic-tag-stat-remove","ic-tag","ic-target","ic-team-communicator-team-communicator","ic-team-communicator","ic-tenant-disable","ic-tenant","ic-text-centered","ic-text-detail","ic-text-generic","ic-text-indent-left","ic-text-indent-right","ic-text-justify-center","ic-text-justify-full","ic-text-justify-left","ic-text-justify-right","ic-text-spelling","ic-thumbs-down","ic-thumbs-up","ic-tick","ic-timeline","ic-toggle-off","ic-toggle-on","ic-toggle","ic-training","ic-transfer-all-channels","ic-transfer-common","ic-transfer","ic-trash","ic-tree-branch","ic-twitter-square","ic-twitter","ic-undo","ic-unlocked","ic-unmerge","ic-upload","ic-video-add","ic-video-disable","ic-video-end","ic-video-forward","ic-video-pause","ic-video-roster","ic-video-voice","ic-video","ic-videocam-1-disable","ic-videocam-1","ic-videocam-2-disable","ic-videocam-2","ic-view-details-bottom","ic-view-details-right","ic-view-grid","ic-view-list","ic-view-lists","ic-view-stacked","ic-view-tree","ic-voicemail","ic-window-contract","ic-window-expand","ic-zoom-in","ic-zoom-out","image","inbox-alpha","input","interaction-sound","interactions-alpha","interactions-off-alpha","interactions","italic","justify-center","justify-left","justify-right","layers","link-broken","list-square","listbox","logo-genesys","magnifying-glass-minus","magnifying-glass-plus","magnifying-glass","marker","mic-off","mic-talking","mic","minus-circle","missed-call","mixer","monitor","move-file","multi-agent-lines","notification-chat","notification-email","notification-phone","notification-score-chat","notification-score-email","notification-score-phone","numeric-spinner","organization","outbound-call","paint-bucket","paperclip","pause-secure","pause","pc-group","pc-user","pencil-square","person-circle","phone-active-1","phone-active-2","phone-active-3","phone-alpha","phone-off-alpha","phone-off","phone-picker","phone-ring-muted","phone-ring","pixel-unit","play","plus-circle","plus","pop-out","preview","progress-pie","puzzle","question-with-screen","question","radio-button","repeat","reset-view","resize-handle","robot-circle","robot-head","scissors","screen-full","screen-small","screenshare","scripter-inverse","sign-out","sitemap","sms-message","sort-numeric-asc","star","steal","step-backward","step-forward","stop","template","text","thumbtack-off","thumbtack-on","topleft","topright","trashcan","triangle","twitter-white-on-blue","underline","undo","vert-container","viber-icon","video-alpha","video-off-alpha","video-off","volume-off-alt","volume-off","warning","whistle","wrap-up-code"],n=new Map;function s(i){return r[i]?r[i]:l.includes(i)?`legacy/${i}`:i}async function d(c){const e=function(i){return i.replace("/","-")}(c),a=await n.get(e);if(a)return a;const o=async function(c){const e=await fetch(i(`./icons/${c}.svg`));if(200===e.status)return e.text();throw new Error(`[gux-icon] fetching failed for icon "${c}" with status "${e.statusText} (${e.status})".`)}(c).then((i=>i)).catch((i=>(setTimeout((()=>{throw i}),0),d("unknown"))));return n.set(e,o),o}function p(i,c){i||c||t("gux-icon","No screenreader-text provided. Either provide a localized screenreader-text property or set `decorative` to true.")}const h=class{constructor(i){c(this,i),this.decorative=!1,this.screenreaderText=""}async prepIcon(i){if(i){const c=s(i);this.baseSvgHtml=await d(c),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}}watchDecorative(i){p(i,this.screenreaderText),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}watchScreenreaderText(i){p(this.decorative,i),this.svgHtml=this.getSvgWithAriaAttributes(this.baseSvgHtml)}async componentWillLoad(){o(this.root,{variant:s(this.iconName)}),await this.prepIcon(this.iconName)}componentDidLoad(){p(this.decorative,this.screenreaderText)}getSvgWithAriaAttributes(i){const c=(new DOMParser).parseFromString(i,"image/svg+xml").firstChild;return c.setAttribute("aria-hidden",this.decorative?String(this.decorative):"false"),this.screenreaderText?c.setAttribute("aria-label",this.screenreaderText):c.removeAttribute("aria-label"),c.outerHTML}render(){return this.svgHtml&&e("div",{class:"gux-icon-container",innerHTML:this.svgHtml})}static get assetsDirs(){return["icons"]}get root(){return a(this)}static get watchers(){return{iconName:["prepIcon"],decorative:["watchDecorative"],screenreaderText:["watchScreenreaderText"]}}};h.style=":host{display:inline-flex;width:1em;height:1em}.gux-icon-container{display:flex;align-items:center;justify-content:center;width:100%}.gux-icon-container svg{width:100%;max-width:100%;height:100%;max-height:100%;fill:currentcolor}";export{h as gux_icon}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-2548bdad.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-c84c0715.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
|
|
1
|
+
import{r as t,f as e,h as i,g as o,c as n,H as s}from"./p-a085b143.js";import{O as r}from"./p-5ca81424.js";import{b as u}from"./p-2548bdad.js";import{s as a}from"./p-d176c2ae.js";import{t as l}from"./p-0749ddc0.js";import{w as d}from"./p-76ff3e75.js";import{l as c}from"./p-3184268e.js";import{r as h}from"./p-cbcbd1bb.js";import"./p-8a133b9b.js";const x={filterResults:"Type to filter dropdown results",noSelection:"Select...",dropdown:"Dropdown"};function f(t){return Array.from(t.children)}function g(t){return f(t).find((t=>t.active))}function p(t,e){e&&(f(t).forEach((i=>{const o=!(i.disabled&&i.filtered||i!==e);i.active=o,o&&t.setAttribute("aria-activedescendant",i.id)})),e.scrollIntoView({block:"nearest"}))}function b(t){let e=f(t)[0];for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}function m(t){return Boolean(g(t))}function w(t,e){return f(t).find((t=>(!t.disabled||!t.filtered)&&t.textContent.toLowerCase().startsWith(e.toLowerCase())))}function v(t){f(t).forEach((t=>{t.active=!1}))}function y(t){p(t,b(t))}function F(t){p(t,function(t){const e=f(t);let i=e[e.length-1];for(;i&&(i.disabled||i.filtered);)i=i.previousElementSibling;return i}(t))}function k(t,e){m(t)&&e(g(t).value)}let j,A="";const B=class{constructor(e){t(this,e),this.disabled=!1,this.filterable=!1,this.expanded=!1,this.filter=""}focusSelectedItemAfterRender(t){t&&this.listboxElement&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.listboxElement.focus(),this.filterable&&this.filterElement.focus()}))})),t||(this.filter="")}validateValue(t){void 0!==t?this.getOptionElementByValue(t)?this.listboxElement.value=t:this.value=void 0:this.listboxElement.value=t}onKeydown(t){switch(t.key){case"Escape":return this.filterable&&document.activeElement===this.listboxElement?this.filterElement.focus():void this.collapseListbox("focusFieldButton");case"Tab":return this.shiftTabFromFilterListbox(t)?(t.preventDefault(),this.filterElement.focus()):this.shiftTabFromExpandedFilterInput(t)?(t.preventDefault(),this.collapseListbox("focusFieldButton")):void this.collapseListbox("noFocusChange");case"ArrowDown":return void(this.activeElementNotListbox()&&(t.preventDefault(),this.expanded=!0))}}onInternallistboxoptionsupdated(t){t.stopPropagation(),e(this.root)}onBlur(t){this.stopPropagationOfInternalFocusEvents(t)}onFocus(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusout(t){this.stopPropagationOfInternalFocusEvents(t)}onFocusin(t){this.stopPropagationOfInternalFocusEvents(t)}onClickOutside(){this.collapseListbox("noFocusChange")}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,x),this.listboxElement=this.root.querySelector("gux-listbox"),this.validateValue(this.value)}componentDidLoad(){this.listboxElement.addEventListener("input",(t=>{t.stopPropagation(),this.updateValue(t.target.value)})),this.listboxElement.addEventListener("change",(t=>{t.stopPropagation()}))}componentWillRender(){this.validateValue(this.value),this.listboxElement.filter=this.filter}stopPropagationOfInternalFocusEvents(t){if(this.root.contains(t.relatedTarget))return t.stopImmediatePropagation()}getOptionElementByValue(t){const e=this.root.querySelectorAll("gux-option");return Array.from(e).find((e=>e.value===t))}fieldButtonClick(){this.expanded=!this.expanded}filterInput(t){t.stopPropagation(),this.filter=this.filterElement.value}shiftTabFromExpandedFilterInput(t){return t.shiftKey&&this.filterable&&this.expanded&&!(document.activeElement===this.listboxElement)}shiftTabFromFilterListbox(t){return t.shiftKey&&this.filterable&&document.activeElement===this.listboxElement}activeElementNotListbox(){return document.activeElement!==this.listboxElement}filterKeydown(t){switch(t.key){case"ArrowDown":return t.stopImmediatePropagation(),void this.listboxElement.focus();case"Enter":return this.listboxElement.guxSelectActive(),void t.preventDefault()}}filterKeyup(t){switch(t.key){case" ":return void t.preventDefault()}}collapseListbox(t){this.expanded&&(this.expanded=!1),"focusFieldButton"===t&&this.fieldButtonElement.focus()}updateValue(t){this.value!==t&&(this.value=t,this.collapseListbox("focusFieldButton"),a(this.root,"input"),a(this.root,"change"))}getSuggestionText(t){const e=t.length;if(e>0){const i=w(this.listboxElement,t);if(i)return i.textContent.substring(e)}return""}renderTargetDisplay(){const t=this.getOptionElementByValue(this.value);return t?i("div",{class:"gux-selected-option"},t.textContent):i("div",{class:"gux-placeholder"},this.placeholder||this.i18n("noSelection"))}renderFilterInputField(){if(this.expanded&&this.filterable)return i("div",{class:"gux-field gux-input-field"},i("div",{class:"gux-field-content"},i("div",{class:"gux-filter"},i("div",{class:"gux-filter-display"},i("span",{class:"gux-filter-text"},this.filter),i("span",{class:"gux-filter-suggestion"},this.getSuggestionText(this.filter))),i("div",{class:"input-and-dropdown-button"},i("input",{onClick:this.fieldButtonClick.bind(this),class:"gux-filter-input",type:"text","aria-label":this.i18n("filterResults"),ref:t=>this.filterElement=t,onInput:this.filterInput.bind(this),onKeyDown:this.filterKeydown.bind(this),onKeyUp:this.filterKeyup.bind(this)})))))}renderPopup(){return i("div",{slot:"popup",class:"gux-listbox-container"},i("slot",null))}renderTarget(){return i("div",{class:{"gux-target-container-expanded":this.expanded&&this.filterable,"gux-target-container-collapsed":!(this.expanded&&this.filterable)},slot:"target"},this.renderFilterInputField(),i("button",{type:"button",class:"gux-field gux-field-button",disabled:this.disabled,onClick:this.fieldButtonClick.bind(this),ref:t=>this.fieldButtonElement=t,"aria-haspopup":"listbox","aria-expanded":this.expanded.toString()},this.renderTargetContent(),i("gux-icon",{class:{"gux-expand-icon":!0},"screenreader-text":this.i18n("dropdown"),iconName:"chevron-small-down"})))}renderTargetContent(){if(!this.expanded||!this.filterable)return i("div",{class:"gux-field-content"},this.renderTargetDisplay())}render(){return i("gux-popup",{expanded:this.expanded,disabled:this.disabled},this.renderTarget(),this.renderPopup())}get root(){return o(this)}static get watchers(){return{expanded:["focusSelectedItemAfterRender"],value:["validateValue"]}}};(function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var u=t.length-1;u>=0;u--)(n=t[u])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);s>3&&r&&Object.defineProperty(e,i,r)})([r({triggerEvents:"mousedown"})],B.prototype,"onClickOutside",null),B.style=":host{color:#2e394c}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;height:32px;padding:6px 8px 6px 6px;font-family:inherit;font-size:12px;line-height:1.6667;cursor:pointer;background-color:#f6f7f9}.gux-field.gux-input-field{height:30px}.gux-field .gux-field-content{display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;min-width:0;height:100%}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;height:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;width:100%;color:transparent;caret-color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:#2e394c}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:#596373}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:#596373}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;padding-left:8px;color:#596373}.gux-target-container-expanded{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-expanded:focus-within{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{border:none;outline:none}.gux-target-container-expanded .gux-field-button{width:auto;height:30px;padding:0 0 0 8px;margin:0;background:inherit;border:none;outline:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{border:1px solid #6b7585;border-radius:4px;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16)}.gux-target-container-collapsed .gux-field-button:focus{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-listbox-container{box-sizing:border-box;margin:0;color:#2e394c}";const E={noMatches:"No matches"},L=class{constructor(e){t(this,e),this.internallistboxoptionsupdated=n(this,"internallistboxoptionsupdated",7),this.filter="",this.listboxOptions=[]}onFocus(){var t;p(t=this.root,function(t){return f(t).find((t=>t.hovered&&!t.disabled&&!t.filtered))}(t)||function(t){return f(t).find((t=>t.selected&&!t.disabled&&!t.filtered))}(t)||b(t))}onBlur(){v(this.root)}onKeydown(t){switch(t.key){case"Enter":return t.preventDefault(),void k(this.root,(t=>this.updateValue(t)));case"ArrowDown":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),e=this.root,p(e,function(t){if(m(t)){let e=g(t).nextElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.nextElementSibling;return e}return b(t)}(e))):y(this.root));case"ArrowUp":return t.preventDefault(),void(function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return Boolean(e)}return!1}(this.root)?(t.stopPropagation(),function(t){p(t,function(t){if(m(t)){let e=g(t).previousElementSibling;for(;e&&(e.disabled||e.filtered);)e=e.previousElementSibling;return e}return b(t)}(t))}(this.root)):F(this.root));case"Home":return t.preventDefault(),void y(this.root);case"End":return t.preventDefault(),void F(this.root);case" ":return void t.preventDefault()}var e;1!==t.key.length||function(t,e){clearTimeout(j),A+=e,j=setTimeout((()=>{!function(t){const e=w(t,A);e?p(t,e):v(t)}(t),A=""}),250)}(this.root,t.key)}onKeyup(t){switch(t.key){case" ":return void k(this.root,(t=>this.updateValue(t)))}}onMousemove(){v(this.root)}onClick(t){d("gux-option",t,(t=>{!function(t,e){e(t.value)}(t,(t=>this.updateValue(t)))}))}async guxSelectActive(){k(this.root,(t=>this.updateValue(t)))}setListboxOptions(){this.listboxOptions=Array.from(this.root.children),this.internallistboxoptionsupdated.emit()}updateValue(t){this.value!==t&&(this.value=t,a(this.root,"input"),a(this.root,"change"))}async componentWillLoad(){l(this.root),this.i18n=await u(this.root,E),this.setListboxOptions()}componentDidLoad(){this.root.getAttribute("aria-label")||this.root.getAttribute("aria-labelledby")||c("gux-listbox","`gux-listbox` requires a label. Either provide a label and associate it with the listbox using `aria-labelledby` or add an `aria-label` attribute to the gux-listbox element.")}componentWillRender(){this.listboxOptions.forEach((t=>{t.selected=t.value===this.value,t.filtered=!t.textContent.toLowerCase().startsWith(this.filter.toLowerCase())})),this.allListboxOptionsFiltered=0===this.listboxOptions.filter((t=>!t.filtered)).length,this.filter&&y(this.root)}renderAllListboxOptionsFiltered(){if(this.allListboxOptionsFiltered)return i("div",{class:"gux-no-matches"},this.i18n("noMatches"))}render(){return i(s,{role:"listbox",tabindex:0},i("slot",{onSlotchange:()=>this.setListboxOptions()}),this.renderAllListboxOptionsFiltered())}get root(){return o(this)}};L.style=":host{box-sizing:border-box;display:block;max-height:20rem;padding:8px 0;margin:0;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;outline:none}:host(:focus){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-no-matches{box-sizing:border-box;height:32px;padding:8px 16px;color:#2e394c}";const T=class{constructor(e){t(this,e),this.active=!1,this.selected=!1,this.disabled=!1,this.filtered=!1,this.hovered=!1}onmouseenter(){this.hovered=!0}onMouseleave(){this.hovered=!1}componentWillLoad(){this.root.id=this.root.id||h("gux-option")}getAriaSelected(){return!this.disabled&&(this.selected?"true":"false")}render(){return i(s,{role:"option",class:{"gux-active":this.active,"gux-disabled":this.disabled,"gux-filtered":this.filtered,"gux-hovered":this.hovered,"gux-selected":this.selected},"aria-selected":this.getAriaSelected(),"aria-disabled":this.disabled.toString()},i("slot",null))}get root(){return o(this)}};T.style="gux-option{box-sizing:border-box;display:flex;min-height:32px;padding:8px 16px;color:#2e394c;word-wrap:break-word;cursor:pointer}gux-option.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-option.gux-selected{background:#deeaff}gux-option.gux-active,gux-option.gux-hovered:not([disabled]){color:#fdfdfd;background:#2a60c8}gux-option.gux-filtered{display:none}";export{B as gux_dropdown,L as gux_listbox,T as gux_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r,g as s}from"./p-a085b143.js";import{t}from"./p-
|
|
1
|
+
import{h as e,r,g as s}from"./p-a085b143.js";import{t}from"./p-0749ddc0.js";import{l as a}from"./p-3184268e.js";import{r as o}from"./p-cbcbd1bb.js";import{c as i}from"./p-9dd4b14a.js";const n=2*Math.PI*23.5;function c(e,r){return!(isNaN(e)||isNaN(r)||e>r||e<0||0===r)}const l=({value:r,max:s,scale:t,dropshadowId:a,screenreaderText:o})=>e("div",{role:"progressbar","aria-valuenow":r,"aria-valuemin":"0","aria-valuemax":s,"aria-label":o},e("svg",{class:"gux-svg-container",width:"60px",height:"60px",viewBox:"0 0 60 60",role:"presentation"},e("filter",{id:a},e("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1.4"}),e("feOffset",{dx:"0",dy:"0",result:"offsetblur"}),e("feMerge",null,e("feMergeNode",null),e("feMergeNode",{in:"SourceGraphic"}))),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-static-circle"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle-shadow","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round",filter:"url(#"+a+")"}),e("circle",{cx:"50%",cy:"50%",r:23.5,class:"gux-dynamic-circle","stroke-dashoffset":n*(1-r/s),"stroke-dasharray":n,"stroke-linecap":"round"}),e("text",{x:"50%",y:"50%","dominant-baseline":"central",class:{"gux-percentage":!0,"gux-small":![0,1].includes(t)}},function(e,r,s){const t=Math.pow(10,i(s,0,2));return Math.round((e+Number.EPSILON)/r*100*t)/t+"%"}(r,s,t)))),d=({screenreaderText:r})=>e("gux-radial-loading",{"screenreader-text":r,context:"modal"}),g=class{constructor(e){r(this,e),this.dropshadowId=o("gux-dropshadow"),this.max=100,this.scale=0,this.screenreaderText=""}componentWillLoad(){t(this.root)}componentDidLoad(){!this.screenreaderText&&c(this.value,this.max)&&a("gux-radial-progress","No screenreader-text provided. Provide a localized screenreader-text property for the component.")}render(){return c(this.value,this.max)?e(l,{value:this.value,max:this.max,scale:this.scale,dropshadowId:this.dropshadowId,screenreaderText:this.screenreaderText}):e(d,{screenreaderText:this.screenreaderText})}get root(){return s(this)}};g.style=":host{display:inline-block}div[role='progressbar'] .gux-svg-container{display:block}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle{fill:none;stroke:#2a60c8;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-dynamic-circle-shadow{fill:none;stroke:#75a8ff;stroke-width:5;transform:rotate(-90deg);transform-origin:50% 50%}div[role='progressbar'] .gux-svg-container .gux-static-circle{fill:none;stroke:#deeaff;stroke-width:4}div[role='progressbar'] .gux-svg-container .gux-percentage{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;text-anchor:middle;fill:#2e394c}div[role='progressbar'] .gux-svg-container .gux-percentage.gux-small{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px}";export{g as gux_radial_progress}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-a085b143.js";import{O as s}from"./p-4b7056b2.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,g as i}from"./p-a085b143.js";import{O as s}from"./p-4b7056b2.js";import{o as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-0749ddc0.js";import{h as n,G as d,v as p}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const c=class{constructor(t){e(this,t),this.hasError=!1}onMutation(){this.hasError=n(this.root)}componentWillLoad(){this.setInput(),this.hasError=n(this.root),l(this.root)}disconnectedCallback(){this.disabledObserver.disconnect()}render(){return t(o,{class:{"gux-input-error":this.hasError,"gux-disabled":this.disabled}},t("div",{class:"gux-form-field-container"},t("div",{class:"gux-input"},t("slot",{name:"input",onSlotchange:()=>this.setInput()}),t("slot",{name:"label"})),t(d,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="radio"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.disabledObserver=r(this.input,(e=>{this.disabled=e})),p(this.root,this.input)}get root(){return i(this)}};(function(e,t,o,i){var s,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(a=(r<3?s(a):r>3?s(t,o,a):s(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([s({childList:!0,subtree:!0})],c.prototype,"onMutation",null),c.style=".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:4px 0;font-size:11px;color:#2e394c}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}:host{display:block;color:#2e394c}:host(.gux-disabled){cursor:not-allowed;opacity:0.5}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}.gux-input{position:relative;height:24px;line-height:24px}::slotted(input[type='radio']){display:inline-grid;width:16px;height:16px;margin:4px;text-align:center;vertical-align:middle;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;outline:none}::slotted(input[type='radio'])::before{grid-area:1;content:'';border-radius:50%}::slotted(input[type='radio']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff;margin:-1px;box-shadow:0 0 0 1px #fdfdfd inset, 0 0 0 4px #aac9ff inset}::slotted(input[type='radio']:not(:checked))::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%2377828f'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:not(:checked):not(:disabled):hover)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.062C5.239 3.062 3 5.273 3 8s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill-rule='evenodd' clip-rule='evenodd' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:checked)::before{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8.026 5.262a2.8 2.8 0 1 0 .001 5.601 2.8 2.8 0 0 0-.001-5.601zm0-2.2c-2.761 0-5 2.211-5 4.938s2.239 4.938 5 4.938c2.762 0 5-2.211 5-4.938s-2.238-4.938-5-4.938zm0 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z' fill='%232a60c8'/%3E%3C/svg%3E\")}::slotted(input[type='radio']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{c as gux_form_field_radio}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as n,g as a}from"./p-a085b143.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,c as i,h as n,g as a}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";const s=class{constructor(n){t(this,n),this.guxpaginationchange=i(this,"guxpaginationchange",7),this.currentPage=1,this.totalItems=0,this.itemsPerPage=25,this.layout="full"}setPage(t){if(t<0)return void this.setPage(this.totalPages>0?1:0);const i=this.calculatTotalPages();t>i?this.setPage(i):(this.currentPage=t,this.guxpaginationchange.emit({currentPage:this.currentPage,itemsPerPage:this.itemsPerPage}))}calculatTotalPages(){return Math.ceil(this.totalItems/this.itemsPerPage)}calculateCurrentPage(){return Math.max(this.totalPages>0?1:0,Math.min(this.currentPage,this.totalPages))}handleInternalitemsperpagechange(t){this.itemsPerPage=t.detail,this.setPage(1)}handleInternalcurrentpagechange(t){this.setPage(t.detail)}getPaginationInfoElement(t){if("expanded"===t)return null;const i=[n("gux-pagination-item-counts",{"total-items":this.totalItems,"current-page":this.currentPage,"items-per-page":this.itemsPerPage})];return"full"===t&&i.push(n("gux-pagination-items-per-page",{"items-per-page":this.itemsPerPage,onInternalitemsperpagechange:this.handleInternalitemsperpagechange.bind(this)})),n("div",{class:"gux-pagination-info"},i)}componentWillLoad(){e(this.root,{variant:this.layout})}componentWillRender(){this.totalPages=this.calculatTotalPages(),this.currentPage=this.calculateCurrentPage()}render(){return n("div",{class:"gux-pagination-container"},this.getPaginationInfoElement(this.layout),n("div",{class:"gux-pagination-change"},n("gux-pagination-buttons",{layout:this.layout,"current-page":this.currentPage,"total-pages":this.totalPages,onInternalcurrentpagechange:this.handleInternalcurrentpagechange.bind(this)})))}get root(){return a(this)}};s.style=":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:32px;margin-top:12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0;margin-left:16px}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";export{s as gux_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a,g as l}from"./p-a085b143.js";import{t as s}from"./p-
|
|
1
|
+
import{r as e,h as a,g as l}from"./p-a085b143.js";import{t as s}from"./p-0749ddc0.js";const i=class{constructor(a){e(this,a),this.isOpen=!1,this.position="left"}get containerClass(){return`gux-${this.position} gux-${this.isOpen?"open":"closed"}`}get contentClass(){return"gux-panel-content gux-"+(this.isOpen?"open":"closed")}componentWillLoad(){s(this.root,{variant:this.position})}render(){return a("aside",{class:this.containerClass},a("div",{class:"gux-panel-icons"},a("slot",{name:"side-panel-icons"})),a("div",{class:this.contentClass},a("slot",{name:"side-panel-content"})))}get root(){return l(this)}};i.style="gux-side-panel-legacy aside{position:relative;display:flex;flex-direction:row-reverse;width:49px;height:100%;color:#2e394c;background-color:#fdfdfd}gux-side-panel-legacy aside.gux-left{flex-direction:row}gux-side-panel-legacy aside.gux-left .gux-panel-content{left:49px}gux-side-panel-legacy aside.gux-right .gux-panel-content{right:49px}gux-side-panel-legacy aside .gux-panel-icons{border:1px solid #e2e6ee}gux-side-panel-legacy aside .gux-panel-icons gux-side-panel-button{display:flex;flex-direction:column}gux-side-panel-legacy aside .gux-panel-content{position:absolute;width:280px;height:100%}gux-side-panel-legacy aside .gux-panel-content [slot='side-panel-content']{height:100%}gux-side-panel-legacy aside .gux-panel-content.gux-closed{display:none}.gux-side-panel-dark-theme{color:#fdfdfd}.gux-side-panel-dark-theme aside{background-color:#2e394c}.gux-side-panel-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-dark-theme gux-side-panel-legacy{color:#fdfdfd}.gux-dark-theme gux-side-panel-legacy aside{background-color:#2e394c}.gux-dark-theme gux-side-panel-legacy aside .gux-panel-icons{border-color:#202937}gux-side-panel-legacy.gux-dark-theme{color:#fdfdfd}gux-side-panel-legacy.gux-dark-theme aside{background-color:#2e394c}gux-side-panel-legacy.gux-dark-theme aside .gux-panel-icons{border-color:#202937}.gux-side-panel-light-theme{color:#2e394c}.gux-light-theme gux-side-panel-legacy{color:#2e394c}gux-side-panel-legacy.gux-light-theme{color:#2e394c}gux-side-panel-legacy{color:#2e394c}";export{i as gux_side_panel_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s,g as t}from"./p-a085b143.js";import{t as e}from"./p-
|
|
1
|
+
import{r,h as s,g as t}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";const a=class{constructor(s){r(this,s)}componentWillLoad(){e(this.root)}render(){return s("gux-radial-loading",{class:"gux-spinner","screenreader-text":this.screenreaderText,context:"full-page"})}get root(){return t(this)}};a.style=":host{display:flex}.gux-spinner{margin:auto}";export{a as gux_page_loading_spinner}
|