genesys-spark-components 3.3.2 → 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 +32 -0
- package/dist/cjs/genesys-webcomponents.cjs.js +1 -1
- 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 +2 -2
- package/dist/cjs/gux-button.cjs.entry.js +2 -2
- 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 +65 -0
- 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-tab-advanced-list.cjs.entry.js +6 -4
- 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 +6 -2
- package/dist/cjs/gux-visualization-beta.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-tracking-1c0d27be.js → usage-tracking-dad68b30.js} +2 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/beta/gux-button-slot/gux-button-slot.css +3 -1
- package/dist/collection/components/beta/gux-copy-to-clipboard/gux-copy-to-clipboard.css +63 -0
- package/dist/collection/components/beta/gux-copy-to-clipboard/gux-copy-to-clipboard.js +81 -0
- package/dist/collection/components/stable/gux-button/gux-button.css +3 -3
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +3 -1
- package/dist/collection/components/stable/gux-icon/icons/badge-x.svg +1 -0
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +25 -45
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js +6 -4
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js +28 -1
- package/dist/collection/components/stable/gux-tooltip/gux-tooltip.types.js +1 -0
- package/dist/deploy-info.json +3 -3
- package/dist/esm/genesys-webcomponents.js +1 -1
- 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 +2 -2
- package/dist/esm/gux-button.entry.js +2 -2
- 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 +61 -0
- 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-tab-advanced-list.entry.js +6 -4
- 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 +6 -2
- package/dist/esm/gux-visualization-beta.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-tracking-f006c6f1.js → usage-tracking-e780a146.js} +2 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.esm.js +1 -1
- package/dist/genesys-webcomponents/i18n/genesys-webcomponents.i18n.en.json +1 -1
- package/dist/genesys-webcomponents/icons/badge-x.svg +1 -0
- package/dist/genesys-webcomponents/{p-2b02de07.entry.js → p-03f786bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8d6a8fc1.js → p-0749ddc0.js} +1 -1
- package/dist/genesys-webcomponents/{p-dc9dd886.entry.js → p-0842e67c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c1d1abf2.entry.js → p-0bccbc5e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d07860b4.entry.js → p-0ddd8d4f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ac50f2bc.entry.js → p-1031b574.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8a89e64d.entry.js → p-155bb34f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46eda40c.entry.js → p-17d4a2ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d2b3e17f.entry.js → p-18788841.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-999fc762.entry.js → p-1892eb76.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-12d89212.entry.js → p-1d011a81.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0a19a218.entry.js → p-22c63b2f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e2736b7d.entry.js → p-266acba3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-124fff7a.entry.js → p-269963ec.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de91e9e7.entry.js → p-28c7f729.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ccea6901.entry.js → p-29014d1e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f5be2690.entry.js → p-2a39b40e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-77e52c95.entry.js → p-2caf5f99.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f9dc4d90.entry.js → p-2cf45506.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e90d4ca5.entry.js → p-3095605b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0b7c65e9.entry.js → p-32e65c1f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8b77e017.entry.js → p-34b626d1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-480ec6a6.entry.js → p-378cd6cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fbf17aac.entry.js → p-382be864.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-905084ef.entry.js → p-3c2622bb.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4ade0038.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-872adf75.entry.js → p-5238df29.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51ae0e2d.entry.js → p-53b57303.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0edbe224.entry.js → p-5854940b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-71fbdde7.entry.js → p-5e4a13fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-fcc726bc.entry.js → p-5fa06e39.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-668065e8.entry.js → p-60556732.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a174d034.entry.js → p-636c54c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f00d881c.entry.js → p-648daaad.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d4c9c1ae.entry.js → p-65b6304c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e4387b01.entry.js → p-6ae02bd1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87394f1f.entry.js → p-6cba93cf.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e49a2254.entry.js → p-6eea2eb5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a683c274.entry.js → p-7009289e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b544df8e.entry.js → p-7190ade6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f1d97ec4.entry.js → p-730b7824.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7bbf7540.entry.js → p-7b189793.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7cef90a5.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-02e05dcc.entry.js → p-80e8d129.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-de030af3.entry.js → p-8582d04a.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-998863df.entry.js → p-85e91ce9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-50f34d26.entry.js → p-918a52ca.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-17e7c330.entry.js → p-9268a785.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a9052a5.entry.js → p-96011a34.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a25d7f47.entry.js → p-983933c0.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-54d12357.entry.js → p-9e8e412b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-42da5782.entry.js → p-b1662ae2.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b5caba1b.entry.js → p-be064568.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ca7e69dc.entry.js → p-bfd2effd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-724bc744.entry.js → p-c09846a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3dd33b5a.entry.js → p-c528cbba.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ce45cd42.entry.js → p-c6588eae.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-c6eab0f6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-6f3adb70.entry.js → p-c7b78b58.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0caf0252.entry.js → p-cd9ddc56.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b61c9c77.entry.js → p-ceeb8e8b.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6343d101.entry.js → p-d19a7fb6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d690c62f.entry.js → p-d230bf80.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-16377f5d.entry.js → p-d5da8ebb.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4338a051.entry.js → p-d7ea3dd5.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-3bd13f4e.entry.js → p-dc35acd6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e9221bb1.entry.js → p-e6759802.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0c056961.entry.js → p-e8009e30.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-26b2cfff.entry.js → p-e902c88f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d9b2414d.entry.js → p-ed5511fd.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f2188fb8.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3a0cb71d.entry.js → p-f6ee453e.entry.js} +1 -1
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/beta/gux-copy-to-clipboard/gux-copy-to-clipboard.d.ts +13 -0
- package/dist/types/components/stable/gux-tooltip/gux-tooltip.d.ts +5 -0
- package/dist/types/components/stable/gux-tooltip/gux-tooltip.types.d.ts +1 -0
- package/dist/types/components.d.ts +22 -0
- package/package.json +2 -1
- package/dist/genesys-webcomponents/p-1083e07f.entry.js +0 -1
- package/dist/genesys-webcomponents/p-61504012.entry.js +0 -1
- package/dist/genesys-webcomponents/p-8bcf179a.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as r}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as e,h as t,g as r}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{r as n}from"./p-cbcbd1bb.js";import{l as a}from"./p-3184268e.js";import{a as s}from"./p-e2bea786.js";import{p as o}from"./p-c10e41a9.js";import{t as l}from"./p-0749ddc0.js";const u=class{constructor(t){e(this,t),this.errorId=n("gux-form-field-error"),this.labelId=n("gux-form-field-label"),this.defaultInputId=n("gux-form-field"),this.computedLabelPosition="above",this.required=!0,this.hasError=!1}onMutation(){this.hasError=Boolean(this.root.querySelector('[slot="error"]'))}componentWillLoad(){this.input=this.root.querySelector('input[slot="input"], select[slot="input"], textarea[slot="input"]'),this.label=this.root.querySelector('label[slot="label"]'),this.slottedElementType=this.input.tagName.toLowerCase(),this.required=this.input.required,this.requiredObserver=s(this.input,(e=>{this.required=e})),o(this.input);const e=this.labelPosition?this.labelPosition.toLowerCase():"none";if("input"===this.slottedElementType){const t=this.input.getAttribute("type");l(this.root,{variant:`${this.slottedElementType}-${t}-${e}`})}else l(this.root,{variant:`${this.slottedElementType}-${e}`})}componentWillRender(){this.computedLabelPosition=this.getComputedLabelPosition(this.label,this.labelPosition),this.validateFormIds()}disconnectedCallback(){this.requiredObserver.disconnect()}renderInputCheckbox(e){return t("div",null,t("gux-input-checkbox",{class:{"gux-input-error":e}},t("slot",{name:"input"}),t("slot",{name:"label"})),this.renderError(e))}renderInputRadio(){return t("gux-input-radio",null,t("slot",{name:"input"}),t("slot",{name:"label"}))}renderInputColor(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-color",{"gux-label-describedby":this.labelId,"gux-error-describedby":this.errorId,"gux-required":this.required,class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputRange(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("gux-input-range",{"display-units":e,"value-in-tooltip":r},t("slot",{name:"input"})))}renderInputNumber(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-number",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSelect(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-select",{slot:"input",class:{"gux-input-error":e}},t("slot",{name:"input"})),this.renderError(e)))}renderInputTextLike(e,r){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-text-like",{class:{"gux-input-error":r},slot:"input",clearable:e},t("slot",{name:"input"})),this.renderError(r)))}renderInputSearch(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-search",null,t("slot",{name:"input"})),this.renderError(e)))}renderInputTextArea(e){return t("div",{class:`gux-label-and-input-and-error-container gux-${this.computedLabelPosition}`},this.renderLabel(this.required),t("div",{class:"gux-input-and-error-container"},t("gux-input-textarea",{class:{"gux-input-error":e},slot:"input",resize:this.resize},t("slot",{name:"input"})),this.renderError(e)))}render(){const e=this.input.getAttribute("type");switch(this.slottedElementType){case"input":switch(e){case"checkbox":return this.renderInputCheckbox(this.hasError);case"radio":return this.renderInputRadio();case"color":return this.renderInputColor(this.hasError);case"range":return this.renderInputRange(this.displayUnits,this.valueInTooltip);case"email":case"password":case"text":return this.renderInputTextLike(this.clearable,this.hasError);case"number":return this.renderInputNumber(this.clearable,this.hasError);case"search":return this.renderInputSearch(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}case"select":return this.renderInputSelect(this.hasError);case"textarea":return this.renderInputTextArea(this.hasError);default:return t("div",null,t("slot",{name:"label"}),t("slot",{name:"input"}),t("slot",{name:"error"}))}}validateFormIds(){if(this.label){if("color"===this.input.getAttribute("type"))return this.label.getAttribute("id")&&(this.labelId=this.label.getAttribute("id")),void this.label.setAttribute("id",this.labelId);const e=!!this.input.hasAttribute("id"),t=!!this.label.hasAttribute("for");if(!e&&t)a("gux-form-field",'A "for" attribute has been provided on the label but there is no corresponding id on the input. Either provide an id on the input or omit the "for" attribute from the label. If there is no input id and no "for" attribute provided, the component will automatically generate an id and link it to the "for" attribute.');else if(e)if(e&&!t){const e=this.input.getAttribute("id");this.label.setAttribute("for",e)}else e&&t&&this.input.getAttribute("id")!==this.label.getAttribute("for")&&a("gux-form-field","The input id and label for attribute should match.");else this.input.setAttribute("id",this.defaultInputId),this.label.setAttribute("for",this.defaultInputId)}else a("gux-form-field",'A label is required for this component. If a visual label is not needed for this use case, please add localized text for a screenreader and set the label-position attribute to "screenreader" to visually hide the label.');this.hasErrorSlot()?this.input.setAttribute("aria-describedby",this.errorId):this.input.getAttribute("aria-describedby")&&this.input.getAttribute("aria-describedby").startsWith("gux-form-field-error")&&this.input.removeAttribute("aria-describedby")}getComputedLabelPosition(e,t){if(e)return["above","beside","screenreader"].includes(t)?t:e.offsetWidth>1&&e.offsetWidth<40?"beside":"above"}hasErrorSlot(){return!!this.root.querySelector('[slot="error"]')}renderLabel(e){return t("div",{class:{"gux-label-container":!0,"gux-required":e}},t("slot",{name:"label",slot:"label"}))}renderError(e){return t("div",{id:this.errorId,class:{"gux-error":!0,"gux-show":e}},t("gux-error-message-beta",null,t("slot",{name:"error"})))}get root(){return r(this)}};(function(e,t,r,i){var n,a=arguments.length,s=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,i);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(s=(a<3?n(s):a>3?n(t,r,s):n(t,r))||s);a>3&&s&&Object.defineProperty(t,r,s)})([i({childList:!0,subtree:!0})],u.prototype,"onMutation",null),u.style="gux-form-field-legacy{display:block;color:#2e394c}gux-form-field-legacy .gux-label-and-input-and-error-container{margin:16px 0}gux-form-field-legacy .gux-label-and-input-and-error-container label{font-size:12px;font-weight:bold;line-height:20px}gux-form-field-legacy .gux-label-and-input-and-error-container input,gux-form-field-legacy .gux-label-and-input-and-error-container select{width:100%;font-size:12px}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-container input{overflow:hidden;text-overflow:ellipsis}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-container{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error textarea{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-error .gux-input-color-main-element{border-color:#ea0b0b}gux-form-field-legacy .gux-label-and-input-and-error-container .gux-input-and-error-container{flex-grow:1}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside{display:flex;flex-direction:row}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside .gux-label-container{position:relative;top:7px;width:fit-content;min-width:45px;margin-right:8px}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-range,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-select,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-text-like,gux-form-field-legacy .gux-label-and-input-and-error-container.gux-beside gux-input-search{flex:1 1 auto}gux-form-field-legacy .gux-label-and-input-and-error-container.gux-screenreader label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}gux-form-field-legacy .gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}gux-form-field-legacy .gux-error{display:none;margin:4px 0}gux-form-field-legacy .gux-error.gux-show{display:block}";export{u as gux_form_field_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-
|
|
1
|
+
import{r as e,h as t,g as o}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{o as n,a as r}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-0749ddc0.js";import{G as p,a as l}from"./p-afb54d23.js";import{h as u,G as c,v as x,g as d}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const g=class{constructor(t){e(this,t),this.computedLabelPosition="above",this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return t(l,{labelPosition:this.computedLabelPosition},t(p,{position:this.computedLabelPosition,required:this.required},t("slot",{name:"label",onSlotchange:()=>this.setLabel()})),t("div",{class:"gux-input-and-error-container"},t("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},t("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},t("slot",{name:"input"}),t("gux-icon",{"icon-name":"ic-dropdown-arrow",decorative:!0}))),t(c,{hasError:this.hasError},t("slot",{name:"error"}))))}get variant(){const e=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.input.getAttribute("type")}-${e}`}setInput(){this.input=this.root.querySelector('select[slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=n(this.input,(e=>{this.disabled=e})),this.requiredObserver=r(this.input,(e=>{this.required=e})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=d(this.label,this.labelPosition)}get root(){return o(this)}};(function(e,t,o,i){var n,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 s=e.length-1;s>=0;s--)(n=e[s])&&(a=(r<3?n(a):r>3?n(t,o,a):n(t,o))||a);r>3&&a&&Object.defineProperty(t,o,a)})([i({childList:!0,subtree:!0})],g.prototype,"onMutation",null),g.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(select){flex:1 1 auto;align-self:auto;order:0;height:30px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted(select)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:100%;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}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{pointer-events:none;opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:#2a60c8}.gux-input-and-error-container .gux-input .gux-input-container select{flex:1 1 auto;align-self:auto;order:0;height:32px;padding:0 32px 0 12px;margin:0;color:#2e394c;background-color:#f6f7f9;border:none;border-radius:4px;outline:none;box-shadow:inset 0 0 4px rgba(32, 41, 55, 0.16);-moz-appearance:none;-webkit-appearance:none;appearance:none}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{position:absolute;top:0;right:0;width:16px;height:16px;margin:8px;pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{g as gux_form_field_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as e}from"./p-a085b143.js";import{t as i}from"./p-
|
|
1
|
+
import{r as t,h as o,H as s,g as e}from"./p-a085b143.js";import{t as i}from"./p-0749ddc0.js";import{m as n,h as r}from"./p-a02c3341.js";import{c as a}from"./p-4c66f794.js";const u=class{constructor(o){t(this,o),this.isShown=!1}forceUpdate(t){t&&this.popperInstance&&this.popperInstance.update()}onKeydown(t){if(t.stopPropagation(),this.isShown)switch(t.key){case"Escape":case"ArrowLeft":case"ArrowUp":return void this.root.focus();case"ArrowDown":return t.preventDefault(),void this.focusOnMenu();case"Enter":return void(this.hideDelayTimeout=setTimeout((()=>{this.focusOnMenu()}),n))}}onKeyup(t){switch(t.stopPropagation(),t.key){case" ":return void(this.menuContentElement.contains(document.activeElement)?this.root.focus():this.hideDelayTimeout=setTimeout((()=>{this.focusOnMenu()}),n))}}onmouseenter(){this.show()}onMouseleave(){this.hide()}onClick(t){0!==t.detail&&this.hide(),this.root.focus()}onFocusin(){this.show()}onFocusout(){this.hide()}show(){clearTimeout(this.hideDelayTimeout),this.isShown=!0}hide(){this.isShown&&(this.hideDelayTimeout=setTimeout((()=>{this.isShown=!1}),r))}runPopper(){this.popperInstance=a(this.targetElement,document.querySelector("gux-menu"),{modifiers:[{name:"offset",options:{offset:[0,16]}},{name:"arrow",options:{padding:16}}],placement:"bottom-start"})}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}focusOnMenu(){if(this.menuContentElement.contains(document.activeElement))return;const t=this.root.querySelector("gux-menu");Array.from(t.children)[0].guxFocus()}componentWillLoad(){i(this.root)}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper()}render(){return o(s,{tabIndex:0,"aria-haspopup":"true"},o("span",{ref:t=>this.targetElement=t},o("slot",{name:"target"})),o("div",{class:{"gux-flyout-menu-content":!0,"gux-shown":this.isShown},ref:t=>this.menuContentElement=t},o("slot",{name:"menu"})))}get root(){return e(this)}static get watchers(){return{isShown:["forceUpdate"]}}};u.style=":host{z-index:2;color:#2e394c;cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-flyout-menu-content{display:none;margin:0}.gux-flyout-menu-content.gux-shown{display:flex}.gux-arrow,.gux-arrow::before{position:absolute;top:-3px;width:10px;height:10px;background:inherit}.gux-arrow::before{visibility:visible;content:'';border-top:1px solid #b4bccb;border-left:1px solid #b4bccb;transform:rotate(45deg)}";export{u as gux_flyout_menu_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,c as e,f as t,h as i,g as d}from"./p-a085b143.js";import{O as n}from"./p-5ca81424.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-8d6a8fc1.js";import{O as r}from"./p-4b7056b2.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
|
|
1
|
+
import{r as o,c as e,f as t,h as i,g as d}from"./p-a085b143.js";import{O as n}from"./p-5ca81424.js";import{w as g}from"./p-76ff3e75.js";import{t as u}from"./p-0749ddc0.js";import{O as r}from"./p-4b7056b2.js";var x=function(o,e,t,i){var d,n=arguments.length,g=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(o,e,t,i);else for(var u=o.length-1;u>=0;u--)(d=o[u])&&(g=(n<3?d(g):n>3?d(e,t,g):d(e,t))||g);return n>3&&g&&Object.defineProperty(e,t,g),g};const l=class{constructor(t){o(this,t),this.change=e(this,"change",7),this.mode="default",this.disabled=!1,this.value="",this.inputIsFocused=!1,this.valueEdited=!1}emitChange(o){this.change.emit(o)}onClickOutside(o){o.relatedTarget&&this.root.contains(o.relatedTarget)||(this.opened=!1,this.forcedGhostValue="",this.getSelectionOptions().some((o=>o.text===this.value))||(this.value=""))}async setLabeledBy(o){this.srLabeledBy=o}async setSelected(){const o=this.getSelectionOptions(),e=o.map((o=>o.selected)).lastIndexOf(!0);if(e>=0)return void(this.value=o[e].text);const t=o.find((o=>this.value===o.value));this.value=t?t.text:""}onMutation(){t(this.root),this.setSelected()}onKeyDown(o){const e=this.getSelectionOptions(),t=this.getFocusIndex(e);switch(o.key){case"ArrowUp":o.preventDefault(),t>0&&e[t-1].focus();break;case"ArrowDown":o.preventDefault(),this.inputIsFocused&&(this.opened=!0),t<e.length-1&&e[t+1].focus();break;case"Home":if(!e.length)return;e[0].focus();break;case"End":if(!e.length)return;e[e.length-1].focus();break;case"Escape":case"Tab":this.textFieldElement.focus(),this.opened=!1;break;case"Enter":case"Space":break;default:if(this.valueEdited=!0,!this.filterable){const t=e.filter((e=>e.text.startsWith(o.key)));t[0]&&t[0].focus()}}}setValue(o,e){this.value=o,this.opened=!1,this.valueEdited=!1,this.emitChange(e)}_clickHandler(){this.disabled||(this.opened=!this.opened)}_focusHandler(){this.inputIsFocused=!0}_optionFocusedHandler(o){g("gux-option-legacy",o,(o=>{this.forcedGhostValue=this.value+o.text.substring(this.value.length)}))}optionSelectedHandler(o){g("gux-option-legacy",o,(o=>{const e=o;this.getSelectionOptions().forEach((o=>{o===e?(o.selected=!0,this.setValue(o.text,o.value||o.text)):o.selected=!1}))}))}optionKeyDownHandler(o){" "!==o.key&&"Enter"!==o.key||this.optionSelectedHandler(o)}_blurHandler(){this.inputIsFocused=!1,this.forcedGhostValue=""}_inputHandler(o){this.value=o.target.value,this.opened=!0}getFilteredItems(){const o=this.getSelectionOptions();return this.filterable?o.filter((o=>o.text.toLowerCase().startsWith(this.value.toLowerCase()))):o}getSuggestionText(o=""){this.searchHighlightAndFilter(this.value);const e=o.length,t=this.getFilteredItems().length?this.getFilteredItems()[0].text:"";if(e>0){const o=t;if(o)return this.opened&&this.filterable?o.substring(e):""}return""}componentWillLoad(){u(this.root,{variant:this.filterable?"filterable":"full"})}componentDidLoad(){this.setSelected(),this.filterable||(this.textFieldElement.readOnly=!0)}getSelectionOptions(){const o=[],e=this.root.getElementsByClassName("gux-options")[0];return e?(Array.from(e.children).forEach((e=>{e.matches("gux-option-legacy")&&o.push(e)})),o):[]}render(){return i("div",{class:`gux-dropdown gux-${this.mode} ${this.disabled?"gux-disabled":""} ${this.opened?"gux-active":""}`,onKeyDown:o=>this.onKeyDown(o)},i("div",{class:"gux-select-field"},i("span",{class:"gux-filter-suggestion "+(this.opened?"gux-active":""),"aria-hidden":"true"},i("span",{class:"gux-filter-text"},this.value),i("span",{class:"gux-filter-typeahead"},this.getSuggestionText(this.value))),i("gux-input-text-like",null,i("input",{placeholder:this.placeholder,slot:"input",value:this.value,"aria-labelledby":this.srLabeledBy,disabled:this.disabled,ref:o=>this.textFieldElement=o,onMouseDown:()=>{this._clickHandler()},onFocus:()=>{this._focusHandler()},onBlur:()=>{this._blurHandler()},onInput:o=>{this._inputHandler(o)}})),i("button",{class:"gux-dropdown-indicator","aria-hidden":"true",tabindex:"-1",type:"button"},i("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"}))),i("div",{class:"gux-options "+(this.opened?"gux-opened":""),onClick:this.optionSelectedHandler.bind(this),onFocusin:this._optionFocusedHandler.bind(this),onKeyDown:this.optionKeyDownHandler.bind(this)},i("slot",null)))}getFocusIndex(o){return o.findIndex((o=>o.matches(":focus")))}searchHighlightAndFilter(o){const e=this.getSelectionOptions();if(e)for(const t of e)t.shouldFilter(o).then((o=>{this.filterable&&o&&this.valueEdited?t.classList.add("gux-filtered"):t.classList.remove("gux-filtered")}))}get root(){return d(this)}};x([n({triggerEvents:"mousedown"})],l.prototype,"onClickOutside",null),x([r({childList:!0,subtree:!0})],l.prototype,"onMutation",null),l.style="gux-dropdown-legacy .gux-hidden{display:none}gux-dropdown-legacy div.gux-dropdown{position:relative;margin:4px 0}gux-dropdown-legacy div.gux-dropdown.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-select-field{position:relative;width:100%;height:32px}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{position:absolute;box-sizing:border-box;width:100%;height:32px;padding:6px 25px 6px 14px;overflow:hidden;font-size:12px;line-height:1.6667;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-text{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion .gux-filter-typeahead{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like>div{margin:0}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{width:100%;padding-right:25px;font-size:12px;text-overflow:ellipsis;cursor:pointer;background-color:transparent}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like.gux-unclearable button{display:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{position:absolute;top:1px;right:3px;bottom:0;display:block;overflow:hidden;pointer-events:none;cursor:pointer;background:none;border:none;outline:none}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator gux-icon{width:16px;height:16px;color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field:hover button.gux-dropdown-indicator gux-icon,gux-dropdown-legacy div.gux-dropdown .gux-select-field:focus-within button.gux-dropdown-indicator gux-icon{color:#2e394c}gux-dropdown-legacy div.gux-dropdown .gux-options{position:absolute;z-index:1;display:none;width:100%;padding:8px 0;margin-top:2px;overflow-y:auto;color:#2e394c;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}gux-dropdown-legacy div.gux-dropdown .gux-options.gux-opened{display:block}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy{position:relative;display:flex;height:32px;padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy>div .gux-filter-suggestion{position:absolute}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy.gux-filtered{display:none}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled])[selected]{color:#2e394c;background:#deeaff}gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):hover,gux-dropdown-legacy div.gux-dropdown .gux-options>gux-option-legacy:not([disabled]):focus{color:#fdfdfd;background:#2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{height:48px;padding:2px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like div.gux-input-container{height:48px}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px;height:48px;line-height:1.6667;color:transparent;border:none;border-bottom:2px solid transparent;caret-color:#2e394c}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{height:52px;padding:9px 25px 4px 11px;overflow:hidden;line-height:1.6667;white-space:nowrap;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like div.gux-input-container{height:52px}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px;height:52px;line-height:1.6667;border:none;border-bottom:2px solid transparent}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input:focus{border:none;border-bottom:2px solid rgba(117, 168, 255, 0.5);box-shadow:none}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active .gux-select-field gux-input-text-like input:focus{border-bottom:1px solid #2a60c8}gux-dropdown-legacy:hover gux-icon,gux-dropdown-legacy:focus gux-icon{color:#2e394c}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}.gux-dropdown-light-theme div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}.gux-dropdown-light-theme div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}.gux-dropdown-light-theme div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown .gux-select-field .gux-filter-suggestion{color:#596373}gux-dropdown-legacy div.gux-dropdown .gux-select-field gux-input-text-like input{color:transparent;caret-color:#2e394c;border-color:#6b7585}gux-dropdown-legacy div.gux-dropdown .gux-select-field button.gux-dropdown-indicator{color:#596373}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-page .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-page.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field .gux-filter-suggestion{color:#8a97ad;background-color:#fdfdfd}gux-dropdown-legacy div.gux-dropdown.gux-palette .gux-select-field gux-input-text-like input{border-bottom:1px solid #6b7585}gux-dropdown-legacy div.gux-dropdown.gux-palette.gux-active gux-input-text-like input{border-bottom:1px solid #75a8ff}";export{l as gux_dropdown_legacy}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,d as o,w as a,h as s,g as n}from"./p-a085b143.js";import{S as e}from"./p-020b6498.js";import{O as c}from"./p-4b7056b2.js";import{b as r}from"./p-2548bdad.js";import{e as l}from"./p-29e8b184.js";import{t as b}from"./p-2c3d934a.js";import"./p-8a133b9b.js";const h=class{constructor(o){t(this,o),this.newTab=i(this,"newTab",7),this.sortChanged=i(this,"sortChanged",7),this.moveFocusDelay=100,this.showNewTabButton=!0,this.tabLimit=1/0,this.allowSort=!0,this.focused=0,this.disableAddTabButton=!1,this.hasScrollbar=!1,this.keyboardSort=!1,this.initialSortIndex=0,this.ariaLiveAlert=""}onFocusin(t){this.allowSort&&l(".gux-scrollable-section",t)&&!this.keyboardSort&&(this.ariaLiveAlert="toggleSort")}onFocusout(t){this.root.querySelector(".gux-scrollable-section").contains(t.relatedTarget)||this.tabTriggers.forEach((async(t,i)=>{await t.guxGetActive()?this.focused=i:(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))}))}onMutation(){this.setTabTriggers()}onKeydown(t){switch(t.key){case"ArrowRight":case"ArrowDown":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);let a;a=o===i.length-1?i[0]:i[o+2],t.insertBefore(this.sortTarget,a),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("forward");break;case"ArrowLeft":case"ArrowUp":if(t.preventDefault(),this.keyboardSort&&!l(".gux-tab-options-button",t)){this.ariaLiveAlert="";const t=this.root.querySelector(".gux-scrollable-section"),i=t.querySelectorAll("gux-tab-advanced"),o=Array.prototype.indexOf.call(i,this.sortTarget);t.insertBefore(this.sortTarget,i[o-1]||null),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)}else l(".gux-tab-options-button",t)||l(".gux-dropdown-option-container",t)||this.handleKeyboardScroll("backward");break;case"Escape":t.preventDefault(),this.keyboardSort&&this.allowSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled",this.root.querySelector(".gux-scrollable-section").insertBefore(this.sortTarget,this.tabTriggers[this.initialSortIndex]||null)),this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.initialSortIndex),setTimeout((()=>{this.focusTab(this.initialSortIndex)}),this.moveFocusDelay);break;case"Enter":this.keyboardSort&&(t.preventDefault(),this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})));break;case"Tab":this.keyboardSort&&(this.keyboardSort=!1,this.ariaLiveAlert="sortCancelled");break;case"Home":t.preventDefault(),this.focusTab(0);break;case"End":t.preventDefault(),this.focusTab(this.tabTriggers.length-1)}}onKeyup(t){switch(t.key){case" ":l(".gux-tab",t)&&!l(".gux-tab-options-button",t)&&!l("gux-popover-list",t)&&this.allowSort&&(t.preventDefault(),!0===this.keyboardSort?(this.keyboardSort=!1,this.ariaLiveAlert="sortComplete",this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.focused=i)})),this.focusTab(this.focused)):(this.keyboardSort=!0,this.sortTarget=t.target.parentNode.parentNode,this.tabTriggers.forEach(((t,i)=>{var o;t.tabId===(null===(o=this.sortTarget)||void 0===o?void 0:o.getAttribute("tab-id"))&&(this.initialSortIndex=i)})),this.ariaLiveAlert="sortModeOn"))}}async guxSetActive(t){this.tabTriggers.forEach(((i,o)=>{const a=i.tabId===t;i.guxSetActive(a),a&&(this.focused=o)}))}focusTab(t){this.focused=t,this.tabTriggers.forEach((async(t,i)=>{const o=await t.guxGetActive();this.focused===i||o||(t.querySelector(".gux-tab-button").setAttribute("tabindex","-1"),t.querySelector(".gux-tab-options-button")&&t.querySelector(".gux-tab-options-button").setAttribute("tabindex","-1"))})),this.tabTriggers[this.focused].querySelector("button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].querySelector(".gux-tab-options-button")&&this.tabTriggers[this.focused].querySelector(".gux-tab-options-button").setAttribute("tabindex","0"),this.tabTriggers[this.focused].guxFocus()}setTabTriggers(){this.tabTriggers=this.root.querySelectorAll("gux-tab-advanced"),this.triggerIds=this.tabTriggers?Array.from(this.tabTriggers).map((t=>`gux-${t.getAttribute("tab-id")}-tab`)).join(" "):""}createSortable(){this.sortableInstance=new e(this.root.querySelector(".gux-scrollable-section"),{animation:250,draggable:"gux-tab-advanced",filter:".ignore-sort",onMove:t=>!t.related.classList.contains("ignore-sort"),onUpdate:()=>{const t=Array.from(this.root.querySelectorAll("gux-tab-advanced")).map((t=>t.tabId));this.sortChanged.emit(t)}})}destroySortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}checkForScrollbarHideOrShow(){o((()=>{const t=this.root.querySelector(".gux-scrollable-section"),i=t.clientWidth<t.scrollWidth;i!==this.hasScrollbar&&(this.hasScrollbar=i)}))}handleKeyboardScroll(t){const i=this.root.querySelector(".gux-scrollable-section"),o=this.root.querySelectorAll("gux-tab-advanced")[this.focused];"forward"===t?this.focused<this.tabTriggers.length-1?(a((()=>{this.hasScrollbar&&i.scrollBy(o.clientWidth,0)})),this.focusTab(this.focused+1)):(a((()=>{this.hasScrollbar&&i.scrollBy(-i.scrollWidth,0)})),this.focusTab(0)):"backward"===t&&(this.focused>0?(a((()=>{this.hasScrollbar&&i.scrollBy(-o.clientWidth,0)})),this.focusTab(this.focused-1)):(a((()=>{this.hasScrollbar&&i.scrollBy(i.scrollWidth,0)})),this.focusTab(this.tabTriggers.length-1)))}disconnectedCallback(){this.sortableInstance&&this.destroySortable(),this.resizeObserver&&this.resizeObserver.unobserve(this.root.querySelector(".gux-tab-container")),this.domObserver&&this.domObserver.disconnect()}async componentWillLoad(){this.setTabTriggers(),this.i18n=await r(this.root,b,"gux-tabs-advanced")}componentDidLoad(){this.allowSort&&!this.sortableInstance&&this.createSortable(),!this.resizeObserver&&window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.checkForScrollbarHideOrShow()))),this.resizeObserver&&this.resizeObserver.observe(this.root.querySelector(".gux-scrollable-section")),!this.domObserver&&window.MutationObserver&&(this.domObserver=new MutationObserver((()=>this.checkForScrollbarHideOrShow()))),this.domObserver&&this.domObserver.observe(this.root,{childList:!0,attributes:!1,subtree:!0}),setTimeout((()=>{this.checkForScrollbarHideOrShow()}),500)}scrollLeft(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(-100,0)}))}scrollRight(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(100,0)}))}scrollUp(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,-100)}))}scrollDown(){a((()=>{this.root.querySelector(".gux-scrollable-section").scrollBy(0,100)}))}componentWillRender(){Array.from(this.root.querySelectorAll("gux-tab-advanced")).length>=this.tabLimit&&(this.disableAddTabButton=!0)}render(){return[s("span",{class:"gux-sr-only gux-aria-live-region","aria-live":"polite"},this.ariaLiveAlert?this.i18n(this.ariaLiveAlert):""),s("div",{class:"gux-tab-container"},s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollLeft":"scrollUp")),s("div",{role:"tablist",class:"gux-scrollable-section "+(this.keyboardSort?"gux-tab-sorting":""),"aria-owns":this.triggerIds},s("slot",null)),s("div",{class:"action-button-container"},this.renderScrollButton(this.hasScrollbar?"scrollRight":"scrollDown"),this.showNewTabButton?s((t=>s("button",{title:this.disableAddTabButton?this.i18n("disableNewTab"):this.root.querySelector('[slot="add-tab"]')?this.root.querySelector('[slot="add-tab"]').textContent.trim():this.i18n("createNewTab"),class:"add-tab-button",onClick:()=>t.onClick(),disabled:this.disableAddTabButton},s("slot",{name:"add-tab"},s("gux-icon",{"icon-name":"add",decorative:!0})))),{onClick:()=>this.newTab.emit()}):null))]}renderScrollButton(t){return s("div",{class:"gux-scroll-button-container"},this.hasScrollbar?s("button",{tabindex:"-1",title:this.i18n(t),"aria-label":this.i18n(t),class:"gux-scroll-button",onClick:()=>this.getScrollDirection(t)},s("gux-icon",{"icon-name":this.getChevronIconName(t),decorative:!0})):null)}getScrollDirection(t){switch(t){case"scrollLeft":this.scrollLeft();break;case"scrollRight":this.scrollRight();break;case"scrollUp":this.scrollUp();break;case"scrollDown":this.scrollDown()}}getChevronIconName(t){switch(t){case"scrollLeft":return"chevron-left";case"scrollRight":return"chevron-right";case"scrollUp":return"chevron-up";case"scrollDown":return"chevron-down"}}get root(){return n(this)}};(function(t,i,o,a){var s,n=arguments.length,e=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,i,o,a);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(e=(n<3?s(e):n>3?s(i,o,e):s(i,o))||e);n>3&&e&&Object.defineProperty(i,o,e)})([c({childList:!0,subtree:!0})],h.prototype,"onMutation",null),h.style="gux-tab-advanced-list .gux-tab-container{display:flex;align-items:flex-end;width:100%;height:50px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;background-color:#f6f7f9;border-bottom:1px solid #d7dce5;border-radius:4px 4px 0 0}gux-tab-advanced-list .gux-tab-container .action-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button{min-width:35px;height:50px;padding:0;margin-left:2px;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab']{display:inline-flex;align-items:center;padding:0 12px;white-space:nowrap;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button [slot='add-tab'] gux-icon{padding-right:8px}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:disabled{opacity:0.5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus{outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button:focus-visible{border-radius:5px;outline:none;box-shadow:inset 0 0 0 3px #aac9ff}gux-tab-advanced-list .gux-tab-container .action-button-container .add-tab-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container{display:flex;border-radius:4px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button{display:flex;align-items:center;justify-content:center;width:28px;height:50px;padding:0;color:#2e394c;background-color:#e2e6ee;border:none;border-radius:4px;transition:color 0.25s}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{border:3px solid #aac9ff;border-radius:5px;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button gux-icon{width:16px;height:16px}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus{border:3px solid #aac9ff;outline:none}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:hover{background-color:#d7dce5}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:active{background-color:#c8cfda}gux-tab-advanced-list .gux-tab-container .action-button-container .gux-scroll-button-container .gux-scroll-button:focus-visible{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section{display:flex;align-items:flex-end;height:50px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}gux-tab-advanced-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar{height:0}gux-tab-advanced-list .gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";export{h as gux_tab_advanced_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as t,g as
|
|
1
|
+
import{r as o,h as t,g as r}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";const n=class{constructor(t){o(this,t),this.type="button",this.disabled=!1,this.accent="secondary"}componentWillLoad(){e(this.root,{variant:this.accent}),this.makeSlotContentDisableable()}render(){return t("button",{type:this.type,title:this.guxTitle,disabled:this.disabled,class:`gux-${this.accent}`},t("slot",null))}makeSlotContentDisableable(){this.root.shadowRoot.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())})),Array.from(this.root.children).forEach((o=>{o.addEventListener("click",(o=>{this.disabled&&(o.stopImmediatePropagation(),o.stopPropagation(),o.preventDefault())}))}))}static get delegatesFocus(){return!0}get root(){return r(this)}};n.style=":host{display:inline-block;min-width:32px;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){width:16px;height:16px}::slotted(*){padding-left:4px;vertical-align:middle}::slotted(*:first-child){padding:0}button{width:100%;height:32px;padding:0 16px;overflow:hidden;color:#2e394c;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:#e2e6ee;border:none;border-radius:4px;font-size:12px;line-height:20px;font-family:Roboto, sans-serif;font-weight:400;font-weight:700}button[disabled]{color:rgba(46, 57, 76, 0.5);cursor:default;background-color:rgba(226, 230, 238, 0.5)}button:hover:enabled{background-color:#d7dce5}button:active:enabled{background-color:#c8cfda}button:focus:enabled{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}button.gux-tertiary{color:#2a60c8;background-color:#fdfdfd;border:1px solid #2a60c8}button.gux-tertiary[disabled]{color:rgba(42, 96, 200, 0.5);background-color:rgba(253, 253, 253, 0.5);border-color:rgba(42, 96, 200, 0.5)}button.gux-tertiary:hover:enabled{color:#fdfdfd;background-color:#2754ac}button.gux-tertiary:active:enabled{color:#fdfdfd;background-color:#23478f}button.gux-ghost{color:#2a60c8;background:none;border:none}button.gux-ghost[disabled]{color:rgba(42, 96, 200, 0.5)}button.gux-ghost:hover:enabled{color:#2754ac;background-color:rgba(222, 234, 255, 0.33)}button.gux-ghost:active:enabled{color:#2754ac;background-color:#deeaff}button.gux-primary{color:#fdfdfd;background-color:#2a60c8}button.gux-primary[disabled]{color:rgba(253, 253, 253, 0.5);background-color:rgba(42, 96, 200, 0.5)}button.gux-primary:hover:enabled{background-color:#2754ac}button.gux-primary:active:enabled{background-color:#23478f}";export{n as gux_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as p,h as e,g as o}from"./p-a085b143.js";import{O as t}from"./p-5ca81424.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-
|
|
1
|
+
import{r,c as p,h as e,g as o}from"./p-a085b143.js";import{O as t}from"./p-5ca81424.js";import{b as a}from"./p-e2bea786.js";import{t as i}from"./p-0749ddc0.js";import{c as s}from"./p-4c66f794.js";const d=class{constructor(e){r(this,e),this.guxdismiss=p(this,"guxdismiss",7),this.position="bottom",this.closeOnClickOutside=!1,this.hidden=!0}hiddenHandler(r){r||this.popperInstance?!r&&this.popperInstance&&this.popperInstance.forceUpdate():this.runPopper()}checkForClickOutside(r){const p=r.composedPath(),e=document.getElementById(this.for),o=p.includes(e);!this.closeOnClickOutside&&this.displayDismissButton||this.hidden||o||this.dismiss()}runPopper(){const r=document.getElementById(this.for);r?this.popupElement&&(this.popperInstance=s(r,this.popupElement,{modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"arrow",options:{padding:16}}],placement:this.position})):console.error(`gux-popover: invalid "for" attribute. No element in page with the id "${this.for}"`)}destroyPopper(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}dismiss(){this.guxdismiss.emit().defaultPrevented||this.root.setAttribute("hidden","")}connectedCallback(){i(this.root,{variant:this.position}),this.hiddenObserver=a(this.root,(r=>{this.hidden=r})),this.hidden=this.root.hidden}componentDidLoad(){this.runPopper()}disconnectedCallback(){this.destroyPopper(),this.hiddenObserver.disconnect()}render(){return e("div",{ref:r=>this.popupElement=r,class:"gux-popover-wrapper"},e("div",{class:"gux-arrow","data-popper-arrow":!0}),this.displayDismissButton&&e("gux-dismiss-button",{onClick:this.dismiss.bind(this)}),e("div",{class:"gux-popover-content"},e("slot",null)))}get root(){return o(this)}static get watchers(){return{hidden:["hiddenHandler"]}}};(function(r,p,e,o){var t,a=arguments.length,i=a<3?p:null===o?o=Object.getOwnPropertyDescriptor(p,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(r,p,e,o);else for(var s=r.length-1;s>=0;s--)(t=r[s])&&(i=(a<3?t(i):a>3?t(p,e,i):t(p,e))||i);a>3&&i&&Object.defineProperty(p,e,i)})([t({triggerEvents:"mousedown"})],d.prototype,"checkForClickOutside",null),d.style=":host{color:#2e394c}.gux-popover-wrapper{z-index:2;display:inline-block;padding:16px;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper .gux-arrow,.gux-popover-wrapper .gux-arrow::before{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper .gux-arrow{visibility:hidden}.gux-popover-wrapper .gux-arrow::before{visibility:visible;content:'';transform:rotate(45deg)}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow{top:-5px}.gux-popover-wrapper[data-popper-placement='bottom'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='bottom-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow{bottom:-5px}.gux-popover-wrapper[data-popper-placement='top'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='top-end'] .gux-arrow::before{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow{right:-5px}.gux-popover-wrapper[data-popper-placement='left'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='left-end'] .gux-arrow::before{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow{left:-5px}.gux-popover-wrapper[data-popper-placement='right'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-start'] .gux-arrow::before,.gux-popover-wrapper[data-popper-placement='right-end'] .gux-arrow::before{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";export{d as gux_popover}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,g as o}from"./p-a085b143.js";import{O as e}from"./p-4b7056b2.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-
|
|
1
|
+
import{r as t,h as i,g as o}from"./p-a085b143.js";import{O as e}from"./p-4b7056b2.js";import{o as r,a as n}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as s}from"./p-0749ddc0.js";import{G as l,a as p}from"./p-afb54d23.js";import{h as u,G as f,v as x,g as c}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const d=class{constructor(i){t(this,i),this.hasError=!1}onMutation(){this.hasError=u(this.root)}componentWillLoad(){this.setInput(),this.setLabel(),this.hasError=u(this.root),s(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){return i(p,{labelPosition:this.computedLabelPosition},i(l,{position:this.computedLabelPosition,required:this.required},i("slot",{name:"label",onSlotchange:()=>this.setLabel()})),i("div",{class:"gux-input-and-error-container"},i("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},i("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled}},i("slot",{name:"input",onSlotchange:()=>this.setInput()}))),i(f,{hasError:this.hasError},i("slot",{name:"error"}))))}get variant(){return this.labelPosition?this.labelPosition.toLowerCase():"none"}setInput(){this.input=this.root.querySelector('input[type="color"][slot="input"]'),a(this.input),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=n(this.input,(t=>{this.required=t})),x(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=c(this.label,this.labelPosition)}get root(){return o(this)}};(function(t,i,o,e){var r,n=arguments.length,a=n<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,o):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,e);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(a=(n<3?r(a):n>3?r(i,o,a):r(i,o))||a);n>3&&a&&Object.defineProperty(i,o,a)})([e({childList:!0,subtree:!0})],d.prototype,"onMutation",null),d.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}";export{d as gux_form_field_color}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,g as o}from"./p-a085b143.js";import{t as r}from"./p-
|
|
1
|
+
import{r as e,h as t,g as o}from"./p-a085b143.js";import{t as r}from"./p-0749ddc0.js";const a=class{constructor(t){e(this,t)}componentWillLoad(){r(this.root)}render(){return t("div",{class:"gux-container"},t("gux-icon",{"icon-name":"alert-warning-octogon",decorative:!0}),t("div",{class:"gux-message"},t("slot",null),t("slot",{name:"error"})))}get root(){return o(this)}};a.style=".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";export{a as gux_error_message_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,g as a}from"./p-a085b143.js";import{b as s}from"./p-2548bdad.js";import{t as e}from"./p-
|
|
1
|
+
import{r,h as t,g as a}from"./p-a085b143.js";import{b as s}from"./p-2548bdad.js";import{t as e}from"./p-0749ddc0.js";import"./p-8a133b9b.js";const i={breadcrumbs:"Breadcrumbs"},n=class{constructor(t){r(this,t),this.accent="primary"}componentWillLoad(){e(this.root,{variant:this.accent})}async componentWillRender(){this.i18n=await s(this.root,i)}render(){return t("nav",{"aria-label":this.i18n("breadcrumbs"),class:"gux-breadcrumbs-container"},t("slot",null))}get root(){return a(this)}};n.style=".gux-breadcrumbs-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;align-items:center;justify-content:flex-start}";export{n as gux_breadcrumbs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-a085b143.js";import{b as o}from"./p-2548bdad.js";import{O as n}from"./p-4b7056b2.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-a085b143.js";import{b as o}from"./p-2548bdad.js";import{O as n}from"./p-4b7056b2.js";import{o as r,a as s}from"./p-e2bea786.js";import{p as a}from"./p-c10e41a9.js";import{t as l}from"./p-0749ddc0.js";import{s as u}from"./p-8fe7daff.js";import{s as p}from"./p-d176c2ae.js";import{G as c,a as x}from"./p-afb54d23.js";import{h as d,c as g,G as h,a as f,v as b,g as m}from"./p-08b07a2b.js";import"./p-8a133b9b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";const w={increment:"Increment",decrement:"Decrement"};const v=class{constructor(e){t(this,e),this.computedLabelPosition="above",this.hasContent=!1,this.hasError=!1}onMutation(){this.hasError=d(this.root)}async componentWillLoad(){this.getI18nValue=await o(this.root,w),this.setInput(),this.setLabel(),this.hasError=d(this.root),l(this.root,{variant:this.variant})}disconnectedCallback(){this.disabledObserver.disconnect(),this.requiredObserver.disconnect()}render(){const t=this.clearable&&this.hasContent&&!this.disabled;return e(x,{labelPosition:this.computedLabelPosition},e(c,{position:this.computedLabelPosition,required:this.required},e("slot",{name:"label",onSlotchange:()=>this.setLabel()})),e("div",{class:"gux-input-and-error-container"},e("div",{class:{"gux-input":!0,"gux-input-error":this.hasError}},e("div",{class:{"gux-input-container":!0,"gux-disabled":this.disabled,"gux-clear":t}},e("slot",{name:"input",onSlotchange:()=>this.setInput()}),t&&e("gux-form-field-input-clear-button",{onClick:()=>g(this.input)})),this.renderStepButtons(this.input,this.getI18nValue,this.disabled)),e(h,{hasError:this.hasError},e("slot",{name:"error"}))))}get variant(){const t=this.labelPosition?this.labelPosition.toLowerCase():"none";return`${this.clearable?"clearable":"unclearable"}-${t}`}setInput(){this.input=this.root.querySelector('input[type="number"][slot="input"]'),this.hasContent=f(this.input),a(this.input),this.input.addEventListener("input",(()=>{this.hasContent=f(this.input)})),this.disabled=this.input.disabled,this.required=this.input.required,this.disabledObserver=r(this.input,(t=>{this.disabled=t})),this.requiredObserver=s(this.input,(t=>{this.required=t})),b(this.root,this.input)}setLabel(){this.label=this.root.querySelector('label[slot="label"]'),this.computedLabelPosition=m(this.label,this.labelPosition)}renderStepButtons(t,i,o){return e("div",{class:"gux-step-buttons-container"},e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("increment"),disabled:o,onClick:()=>this.stepUp(t)},e("gux-icon",{"icon-name":"chevron-small-up",decorative:!0})),e("button",{class:"gux-step-button",tabIndex:-1,type:"button",title:i("decrement"),disabled:o,onClick:()=>this.stepDown(t)},e("gux-icon",{"icon-name":"chevron-small-down",decorative:!0})))}stepDown(t){""===t.value?u(t,t.min||"0",!1):(t.stepDown(),this.simulateNativeInputAndChangeEvents(t))}stepUp(t){""===t.value?u(t,t.min||"0",!1):(t.stepUp(),this.simulateNativeInputAndChangeEvents(t))}simulateNativeInputAndChangeEvents(t){p(t,"input"),p(t,"change")}get root(){return i(this)}};(function(t,e,i,o){var n,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(s=(r<3?n(s):r>3?n(e,i,s):n(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)})([n({childList:!0,subtree:!0})],v.prototype,"onMutation",null),v.style=".gux-form-field-container{margin:16px 0}.gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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}.gux-form-field-label.gux-required::after{font-size:12px;color:#ea0b0b;content:' *'}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:8px}.gux-form-field-label.gux-above{margin-bottom:8px}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block;color:#2e394c}::slotted(label){font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:12px;line-height:16px}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:108px;overflow:hidden;font-size:12px;color:#2e394c;text-align:right;text-overflow:ellipsis;background-color:#f6f7f9;border:none;outline:none}::slotted(input)::placeholder{color:#596373;opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:-moz-fit-content;width:fit-content}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:center;order:0;width:100%;height:32px;padding:4px 12px;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:0.5}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border-color:#2a60c8;outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}.gux-input-and-error-container .gux-input .gux-input-container.gux-input-error .gux-input-container{border-color:#ea0b0b}.gux-step-buttons-container{flex:0 1 16px;align-self:auto;order:0;margin:0 4px}.gux-step-buttons-container .gux-step-button{flex:0 1 auto;align-self:auto;order:0;padding:2px;color:#596373;background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{color:#2a60c8;cursor:pointer}.gux-step-buttons-container .gux-step-button gux-icon{width:10px;height:10px}";export{v as gux_form_field_number}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,g as s}from"./p-a085b143.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,c as i,h as o,g as s}from"./p-a085b143.js";import{t as n}from"./p-0749ddc0.js";import{O as e}from"./p-5ca81424.js";import{b as a}from"./p-2548bdad.js";import"./p-8a133b9b.js";const c={actionButtonDropdown:"Dropdown for {buttonTitle}"};const r=class{constructor(o){t(this,o),this.open=i(this,"open",7),this.close=i(this,"close",7),this.actionClick=i(this,"actionClick",7),this.moveFocusDelay=100,this.type="button",this.disabled=!1,this.accent="secondary",this.isOpen=!1}handleKeydown(t){const i=t.composedPath();switch(t.key){case"Escape":this.isOpen=!1,i.includes(this.listElement)&&(t.preventDefault(),this.dropdownButton.focus());break;case"Tab":this.isOpen=!1;break;case"ArrowDown":case"Enter":i.includes(this.dropdownButton)&&(t.preventDefault(),this.isOpen=!0,this.focusFirstItemInPopupList())}}handleKeyup(t){switch(t.key){case" ":t.composedPath().includes(this.dropdownButton)&&(this.isOpen=!0,this.focusFirstItemInPopupList())}}watchDisabled(t){t&&(this.isOpen=!1)}watchValue(t){t?this.open.emit():this.close.emit()}onClickOutside(t){null===t.relatedTarget&&(this.isOpen=!1)}toggle(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen&&this.focusPopupList())}focusPopupList(){setTimeout((()=>{this.listElement.focus&&this.listElement.focus()}),this.moveFocusDelay)}focusFirstItemInPopupList(){setTimeout((()=>{this.listElement.guxFocusFirstItem()}),this.moveFocusDelay)}onActionClick(){this.disabled||(this.isOpen=!1,this.actionClick.emit())}async componentWillLoad(){n(this.root,{variant:this.type}),this.i18n=await a(this.root,c)}render(){return o("div",{class:"gux-action-button-container"},o("gux-popup",{expanded:this.isOpen,disabled:this.disabled},o("div",{slot:"target",class:"gux-action-button-container"},o("gux-button-slot-beta",{class:"gux-action-button",accent:this.accent},o("button",{type:this.type,disabled:this.disabled,onClick:()=>this.onActionClick()},this.text)),o("gux-button-slot-beta",{class:"gux-dropdown-button",accent:this.accent},o("button",{type:"button",disabled:this.disabled,ref:t=>this.dropdownButton=t,onMouseUp:()=>this.toggle(),"aria-haspopup":"true","aria-expanded":this.isOpen.toString(),"aria-label":this.i18n("actionButtonDropdown",{buttonTitle:this.text})},o("gux-icon",{decorative:!0,"icon-name":"chevron-small-down"})))),o("div",{class:"gux-list-container",slot:"popup"},o("gux-list",{ref:t=>this.listElement=t},o("slot",null)))))}get root(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],isOpen:["watchValue"]}}};(function(t,i,o,s){var n,e=arguments.length,a=e<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,o,s);else for(var c=t.length-1;c>=0;c--)(n=t[c])&&(a=(e<3?n(a):e>3?n(i,o,a):n(i,o))||a);e>3&&a&&Object.defineProperty(i,o,a)})([e({triggerEvents:"click"})],r.prototype,"onClickOutside",null),r.style=":host{display:block;-webkit-user-select:none;user-select:none;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;min-width:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{r as gux_action_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as h}from"./p-a085b143.js";import{O as e}from"./p-5ca81424.js";import{t as r}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s,g as h}from"./p-a085b143.js";import{O as e}from"./p-5ca81424.js";import{t as r}from"./p-0749ddc0.js";import{b as o}from"./p-2548bdad.js";import"./p-8a133b9b.js";function a(t){return new Date("1978-09-23T"+t.trim()+"Z")}const n={defaultAriaLabel:"Time Picker"};const c=class{constructor(s){t(this,s),this.changed=i(this,"changed",7),this.value="",this.interval=15,this.max="23:59:59",this.min="00:00:00",this.label="",this.active=!1,this.openDropdown=!1,this.suggestion="00",this.isPressEvent=!1}watchValue(t){this.changed.emit(t)}getShadowDomEventTarget(t){return t.composedPath()[0]}onKeyDown(t){if(this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement)switch(t.key){case"Enter":this.updateChosenValue(),this.inputElement.focus();break;case"Backspace":t.preventDefault(),this.handleBackspace();break;case"Tab":this.updateChosenValue();break;case"ArrowDown":t.preventDefault(),this.listElement&&this.listElement.guxFocusFirstItem();break;case"ArrowUp":case"ArrowRight":case"ArrowLeft":t.preventDefault();break;default:if(t.preventDefault(),"0"<=t.key&&t.key<="9"&&(this.openDropdown=!0,this.focusedField.value.length<8)){let i=this.focusedField.value+String(parseInt(t.key,10));const s=i.split(":");if(i.length>6&&Number(s[2].padEnd(2,"0"))>59)return;if(!this.canBeCompletedToAValidTime(i))return;2===s[s.length-1].length&&i.length<8&&(i+=":"),this.focusedField.value=i,this.suggestion=s[0].padEnd(2,"0")}}else switch(t.key){case"Escape":this.updateChosenValue(),this.inputElement.focus()}}canBeCompletedToAValidTime(t){const i=a(t+this.max.slice(t.length)),s=a(t+this.min.slice(t.length));return this.minTimeObj<=i&&i<=this.maxTimeObj||this.minTimeObj<=s&&s<=this.maxTimeObj}handleBackspace(){if(this.openDropdown=!0,this.focusedField.selectionStart===this.focusedField.selectionEnd){const t=this.focusedField.value.endsWith(":")?-2:-1;this.focusedField.value=this.focusedField.value.slice(0,t),this.suggestion=this.focusedField.value.split(":")[0].padEnd(2,"0")}else this.focusedField.value=""}onListItemClick(t){this.inputElement.value=t,this.updateChosenValue(),this.inputElement.focus()}onClickOutside(){this.updateChosenValue()}updateChosenValue(){this.inputElement.value=this.validateValue(this.inputElement.value),this.value=this.inputElement.value,this.active=!1,this.openDropdown=!1}onMouseUp(t){this.focusedField=this.getShadowDomEventTarget(t),this.focusedField===this.inputElement&&this.inputElement.setSelectionRange(this.focusedField.selectionEnd!==this.inputElement.value.length?0:this.inputElement.value.length,this.inputElement.value.length)}onFocusIn(t){this.focusedField=this.getShadowDomEventTarget(t),this.active=!0}isValidTime(t){const i=t.split(":"),s="23:59:59".split(":");for(let t=0;t<i.length;t++)if(Number(i[t])>Number(s[t]))return!1;return!0}validateUpperBound(){this.max=this.isInFormat(this.max)?this.max:"23:59:59",this.max=this.isValidTime(this.max)?this.max:"23:59:59"}validateLowerBound(){this.min=this.isInFormat(this.min)?this.min:"00:00:00",this.min=this.isValidTime(this.min)?this.min:"00:00:00"}validateBounds(){this.validateUpperBound(),this.validateLowerBound(),this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min),this.maxTimeObj<this.minTimeObj&&(this.max="23:59:59",this.min="00:00:00",this.maxTimeObj=a(this.max),this.minTimeObj=a(this.min))}validateValue(t){let i=this.isInFormat(t)?t:"";if(i=""!==i&&this.isValidTime(i)?i:"",i){const t=a(i);i=this.minTimeObj<=t&&t<=this.maxTimeObj?i:""}return i}async componentWillLoad(){r(this.root),this.i18n=await o(this.root,n),this.validateBounds(),this.value=this.validateValue(this.value)}isInFormat(t){return/^\d{2}:\d{2}:\d{2}$/.test(t)}render(){return s("div",null,s("div",{class:"gux-input"},s("input",{type:"text",value:this.value,size:9,"aria-label":this.label||this.i18n("defaultAriaLabel"),ref:t=>this.inputElement=t})),!0===this.openDropdown&&s("div",{class:"gux-list-container"},s("gux-list",{ref:t=>this.listElement=t},this.buildDropdownOptions().map((t=>s("gux-list-item",{onClick:()=>this.onListItemClick(t)},t))))))}buildDropdownOptions(){const t=[];for(let i=0;i<60;i+=this.interval){const s=[this.suggestion.toString().padStart(2,"0"),i.toString().padStart(2,"0"),"00"].join(":"),h=a(s);this.minTimeObj<=h&&h<=this.maxTimeObj&&t.push(s)}return t}get root(){return h(this)}static get watchers(){return{value:["watchValue"]}}};(function(t,i,s,h){var e,r=arguments.length,o=r<3?i:null===h?h=Object.getOwnPropertyDescriptor(i,s):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,s,h);else for(var a=t.length-1;a>=0;a--)(e=t[a])&&(o=(r<3?e(o):r>3?e(i,s,o):e(i,s))||o);r>3&&o&&Object.defineProperty(i,s,o)})([e({triggerEvents:"mousedown"})],c.prototype,"onClickOutside",null),c.style=":host{display:inline-block}input{box-sizing:border-box;width:100%;height:32px;padding:4px 12px;font-family:inherit;font-size:12px;line-height:1.6667;color:#2e394c;background-color:#fdfdfd;background-image:none;border:1px solid #6b7585;border-radius:2px;text-align:right}input::placeholder{color:#596373}input.gux-focused,input:focus{border:1px solid #2a60c8;outline:none;box-shadow:0 0 4px rgba(170, 201, 255, 0.5)}.gux-list-container{padding:8px 0;margin:0;list-style:none;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{c as gux_time_picker_beta}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,g as i}from"./p-a085b143.js";import{t as e}from"./p-
|
|
1
|
+
import{r as t,h as s,g as i}from"./p-a085b143.js";import{t as e}from"./p-0749ddc0.js";const n=class{constructor(s){t(this,s),this.selectedIndex=-1}async setFocusOnFirstItem(){this.selectedIndex=0,this.updateTabIndexes()}async setFocusOnLastItem(){const t=this.getFilteredList();this.selectedIndex=t.length-1,this.updateTabIndexes()}async isLastItemSelected(){const t=this.getFilteredList();return this.selectedIndex===t.length-1}async isFirstItemSelected(){return this.selectedIndex<=0}componentWillLoad(){e(this.root)}render(){return this.updateTabIndexes(),s("div",{class:"gux-action-list-items-container",role:"list"},s("slot",null))}onKeyDown(t){const s=this.getFilteredList();let i=-1;switch(t.key){case"ArrowUp":0!==this.selectedIndex?(t.preventDefault(),i=this.selectedIndex-1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=s.length-1);break;case"Home":this.selectedIndex&&(i=0);break;case"ArrowDown":this.selectedIndex!==s.length-1?(t.preventDefault(),i=this.selectedIndex+1,t.stopPropagation()):this.root.classList.contains("gux-command-palette-list")||(t.preventDefault(),i=0,t.stopPropagation());break;case"End":this.selectedIndex!==s.length-1&&(i=s.length-1)}-1!==i&&(this.selectedIndex=i)}updateTabIndexes(){const t=this.getFilteredList();t&&-1!==this.selectedIndex&&t.forEach(((t,s)=>{s!==this.selectedIndex?t.shadowRoot.querySelector("button").setAttribute("tabindex","-1"):(t.shadowRoot.querySelector("button").setAttribute("tabindex","0"),t.shadowRoot.querySelector("button").focus())}))}getFilteredList(){const t=this.root.querySelector("slot");return t?t.assignedElements().filter((t=>t.matches("gux-action-item:not([disabled])"))):Array.from(this.root.querySelectorAll("gux-action-item:not([disabled])"))}get root(){return i(this)}};n.style=".gux-action-list-items-container{padding:8px 0;margin:0;list-style:none;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}";export{n as gux_action_list_legacy}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as a}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-
|
|
1
|
+
import{r as e,h as t,H as o,g as a}from"./p-a085b143.js";import{O as i}from"./p-4b7056b2.js";import{o as s}from"./p-e2bea786.js";import{p as r}from"./p-c10e41a9.js";import{t as l}from"./p-0749ddc0.js";import{h as n,G as h,v as c}from"./p-08b07a2b.js";import"./p-cbcbd1bb.js";import"./p-3184268e.js";import"./p-8fe7daff.js";import"./p-d176c2ae.js";const p=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(h,{hasError:this.hasError},t("slot",{name:"error"}))))}setInput(){this.input=this.root.querySelector('input[type="checkbox"][slot="input"]'),r(this.input),this.disabled=this.input.disabled,this.disabledObserver=s(this.input,(e=>{this.disabled=e})),c(this.root,this.input)}get root(){return a(this)}};(function(e,t,o,a){var i,s=arguments.length,r=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,a);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(s<3?i(r):s>3?i(t,o,r):i(t,o))||r);s>3&&r&&Object.defineProperty(t,o,r)})([i({childList:!0,subtree:!0})],p.prototype,"onMutation",null),p.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-input-error) ::slotted(input[type='checkbox']: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='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%23ea0b0b' /%3E%3C/svg%3E\")}: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='checkbox']){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='checkbox'])::before{grid-area:1;content:'';border-radius:15%}::slotted(input[type='checkbox']:focus-within)::before{outline:none;box-shadow:0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff}::slotted(input[type='checkbox']: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='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%2377828f' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:not(:checked):not(:disabled):not(:indeterminate):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='M11.138 2.467a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7m0-1h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']: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='M11.138 1.467h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zM6.8 11 3.638 7.941l.89-.932L6.8 9.2l3.947-3.861.891.932z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:indeterminate)::before{background-image:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.138 8.467h7v-1h-7zm7-7h-7a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3zm2 10a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2z' fill='%232a60c8' /%3E%3C/svg%3E\")}::slotted(input[type='checkbox']:disabled)::before{cursor:not-allowed;opacity:0.5}::slotted(label){display:inline-block;font-size:12px;line-height:24px;vertical-align:middle}";export{p as gux_form_field_checkbox}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as a}from"./p-a085b143.js";import{t as n}from"./p-
|
|
1
|
+
import{r as t,h as e,H as o,g as a}from"./p-a085b143.js";import{t as n}from"./p-0749ddc0.js";const i=class{constructor(e){t(this,e)}componentWillLoad(){n(this.root)}render(){return e(o,null,e("div",{class:"gux-header"},e("div",{class:"gux-icon"},e("slot",{name:"icon"})),e("div",{class:"gux-title"},e("slot",{name:"title"}))),e("div",{class:"gux-message"},e("slot",{name:"message"})),e("div",{class:"gux-action-buttons"},e("div",{class:"gux-positive-button"},e("slot",{name:"positive-button"})),e("div",{class:"gux-negative-button"},e("slot",{name:"negative-button"}))))}get root(){return a(this)}};i.style=":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:space-between;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";export{i as gux_action_toast}
|