@genesislcap/foundation-zero 10.3.1 → 11.3.0
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/dist/dts/_config/styles/colors.d.ts.map +1 -1
- package/dist/dts/_config/values/defaults.d.ts +3 -0
- package/dist/dts/_config/values/defaults.d.ts.map +1 -0
- package/dist/dts/_config/values/index.d.ts +1 -0
- package/dist/dts/_config/values/index.d.ts.map +1 -1
- package/dist/dts/_config/values/misc.d.ts +1 -0
- package/dist/dts/_config/values/misc.d.ts.map +1 -1
- package/dist/dts/_config/values/sizing.d.ts +1 -0
- package/dist/dts/_config/values/sizing.d.ts.map +1 -1
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/breadcrumb/breadcrumb.template.d.ts.map +1 -1
- package/dist/dts/breadcrumb-item/breadcrumb-item.template.d.ts.map +1 -1
- package/dist/dts/button/button.styles.d.ts.map +1 -1
- package/dist/dts/card/card.styles.d.ts.map +1 -1
- package/dist/dts/design-system-provider/design-system-provider.d.ts.map +1 -1
- package/dist/dts/file-upload/file-upload.template.d.ts.map +1 -1
- package/dist/dts/filter-bar/filter-bar.styles.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.template.d.ts.map +1 -1
- package/dist/dts/progress-ring/progress-ring.template.d.ts.map +1 -1
- package/dist/dts/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/dts/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/dts/segmented-item/segmented-item.template.d.ts.map +1 -1
- package/dist/dts/switch/switch.styles.d.ts.map +1 -1
- package/dist/dts/tab/tab.styles.d.ts.map +1 -1
- package/dist/dts/tabs/tabs.styles.d.ts.map +1 -1
- package/dist/dts/tree-item/tree-item.template.d.ts.map +1 -1
- package/dist/dts/tree-view/tree-view.template.d.ts.map +1 -1
- package/dist/dts/url-input/url-input.d.ts.map +1 -1
- package/dist/dts/utils/logger.d.ts.map +1 -1
- package/dist/esm/_common/colors.hex.js +0 -1
- package/dist/esm/_common/colors.js +0 -1
- package/dist/esm/_common/colors.util.js +0 -1
- package/dist/esm/_common/index.js +0 -1
- package/dist/esm/_config/index.js +0 -1
- package/dist/esm/_config/styles/colors.js +0 -1
- package/dist/esm/_config/styles/external/roboto-font/index.js +0 -1
- package/dist/esm/_config/styles/index.js +0 -1
- package/dist/esm/_config/tokens/custom.js +0 -1
- package/dist/esm/_config/tokens/default.js +0 -1
- package/dist/esm/_config/tokens/index.js +0 -1
- package/dist/esm/_config/values/color.js +0 -1
- package/dist/esm/_config/values/defaults.js +50 -0
- package/dist/esm/_config/values/index.js +1 -1
- package/dist/esm/_config/values/misc.js +2 -1
- package/dist/esm/_config/values/sizing.js +2 -1
- package/dist/esm/_config/values/typography.js +0 -1
- package/dist/esm/actions-menu/actions-menu.js +0 -1
- package/dist/esm/actions-menu/actions-menu.stories.js +0 -1
- package/dist/esm/actions-menu/actions-menu.styles.js +0 -1
- package/dist/esm/actions-menu/index.js +0 -1
- package/dist/esm/anchor/anchor.js +1 -2
- package/dist/esm/anchor/anchor.stories.js +0 -1
- package/dist/esm/anchor/anchor.styles.js +0 -1
- package/dist/esm/anchor/anchor.template.js +0 -1
- package/dist/esm/anchor/index.js +0 -1
- package/dist/esm/badge/badge.js +1 -2
- package/dist/esm/badge/badge.stories.js +0 -1
- package/dist/esm/badge/badge.styles.js +0 -1
- package/dist/esm/badge/badge.template.js +0 -1
- package/dist/esm/badge/index.js +0 -1
- package/dist/esm/banner/banner.js +0 -1
- package/dist/esm/banner/banner.stories.js +0 -1
- package/dist/esm/banner/banner.styles.js +1 -2
- package/dist/esm/banner/index.js +0 -1
- package/dist/esm/base-components.js +4 -5
- package/dist/esm/breadcrumb/breadcrumb.js +1 -2
- package/dist/esm/breadcrumb/breadcrumb.stories.js +0 -1
- package/dist/esm/breadcrumb/breadcrumb.styles.js +0 -1
- package/dist/esm/breadcrumb/breadcrumb.template.js +0 -1
- package/dist/esm/breadcrumb/index.js +0 -1
- package/dist/esm/breadcrumb-item/breadcrumb-item.js +1 -2
- package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js +0 -1
- package/dist/esm/breadcrumb-item/breadcrumb-item.template.js +0 -1
- package/dist/esm/breadcrumb-item/index.js +0 -1
- package/dist/esm/button/button.js +1 -2
- package/dist/esm/button/button.stories.js +0 -1
- package/dist/esm/button/button.styles.js +2 -3
- package/dist/esm/button/button.template.js +0 -1
- package/dist/esm/button/index.js +0 -1
- package/dist/esm/card/card.js +1 -2
- package/dist/esm/card/card.stories.js +0 -1
- package/dist/esm/card/card.styles.js +1 -2
- package/dist/esm/card/card.template.js +0 -1
- package/dist/esm/card/index.js +0 -1
- package/dist/esm/checkbox/checkbox.js +1 -2
- package/dist/esm/checkbox/checkbox.stories.js +0 -1
- package/dist/esm/checkbox/checkbox.styles.js +0 -1
- package/dist/esm/checkbox/checkbox.template.js +0 -1
- package/dist/esm/checkbox/index.js +0 -1
- package/dist/esm/combobox/combobox.js +1 -2
- package/dist/esm/combobox/combobox.stories.js +0 -1
- package/dist/esm/combobox/combobox.styles.js +0 -1
- package/dist/esm/combobox/combobox.template.js +0 -1
- package/dist/esm/combobox/index.js +0 -1
- package/dist/esm/connection-indicator/connection-indicator.js +0 -1
- package/dist/esm/connection-indicator/connection-indicator.stories.js +0 -1
- package/dist/esm/connection-indicator/index.js +0 -1
- package/dist/esm/data-grid/data-grid-cell.styles.js +0 -1
- package/dist/esm/data-grid/data-grid-row.styles.js +0 -1
- package/dist/esm/data-grid/data-grid.js +2 -3
- package/dist/esm/data-grid/data-grid.stories.js +0 -1
- package/dist/esm/data-grid/data-grid.styles.js +0 -1
- package/dist/esm/data-grid/data-grid.template.js +0 -1
- package/dist/esm/data-grid/index.js +0 -1
- package/dist/esm/date-picker/date-picker.js +1 -2
- package/dist/esm/date-picker/date-picker.stories.js +0 -1
- package/dist/esm/date-picker/date-picker.styles.js +0 -1
- package/dist/esm/date-picker/date-picker.template.js +0 -1
- package/dist/esm/date-picker/index.js +0 -1
- package/dist/esm/design-system-provider/design-system-provider.js +1 -2
- package/dist/esm/design-system-provider/design-system-provider.styles.js +0 -1
- package/dist/esm/design-system-provider/index.js +0 -1
- package/dist/esm/dialog/dialog.js +0 -1
- package/dist/esm/dialog/dialog.stories.js +0 -1
- package/dist/esm/dialog/dialog.styles.js +2 -3
- package/dist/esm/dialog/index.js +0 -1
- package/dist/esm/dialog/styles/colors.js +0 -1
- package/dist/esm/dialog/styles/index.js +0 -1
- package/dist/esm/disclosure/disclosure.js +1 -2
- package/dist/esm/disclosure/disclosure.stories.js +0 -1
- package/dist/esm/disclosure/disclosure.styles.js +0 -1
- package/dist/esm/disclosure/disclosure.template.js +0 -1
- package/dist/esm/disclosure/index.js +0 -1
- package/dist/esm/divider/divider.js +1 -2
- package/dist/esm/divider/divider.stories.js +0 -1
- package/dist/esm/divider/divider.styles.js +0 -1
- package/dist/esm/divider/divider.template.js +0 -1
- package/dist/esm/divider/index.js +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.js +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.stories.js +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.styles.js +0 -1
- package/dist/esm/dropdown-menu/index.js +0 -1
- package/dist/esm/error-banner/error-banner.js +0 -1
- package/dist/esm/error-banner/error-banner.stories.js +0 -1
- package/dist/esm/error-banner/error-banner.template.js +0 -1
- package/dist/esm/error-banner/index.js +0 -1
- package/dist/esm/error-boundary/error-boundary.js +0 -1
- package/dist/esm/error-boundary/index.js +0 -1
- package/dist/esm/error-dialog/error-dialog.js +0 -1
- package/dist/esm/error-dialog/error-dialog.stories.js +0 -1
- package/dist/esm/error-dialog/index.js +0 -1
- package/dist/esm/file-upload/file-upload.js +0 -1
- package/dist/esm/file-upload/file-upload.stories.js +0 -1
- package/dist/esm/file-upload/file-upload.styles.js +1 -2
- package/dist/esm/file-upload/file-upload.template.js +1 -2
- package/dist/esm/file-upload/index.js +0 -1
- package/dist/esm/filter/filter.js +0 -1
- package/dist/esm/filter/filter.stories.js +0 -1
- package/dist/esm/filter/filter.template.js +0 -1
- package/dist/esm/filter/index.js +0 -1
- package/dist/esm/filter-bar/filter-bar.js +0 -1
- package/dist/esm/filter-bar/filter-bar.stories.js +0 -1
- package/dist/esm/filter-bar/filter-bar.styles.js +1 -2
- package/dist/esm/filter-bar/filter-bar.template.js +0 -1
- package/dist/esm/filter-bar/index.js +0 -1
- package/dist/esm/flex-layout/flex-layout.js +0 -1
- package/dist/esm/flex-layout/flex-layout.stories.js +0 -1
- package/dist/esm/flex-layout/index.js +0 -1
- package/dist/esm/flipper/flipper.js +1 -2
- package/dist/esm/flipper/flipper.stories.js +0 -1
- package/dist/esm/flipper/flipper.styles.js +0 -1
- package/dist/esm/flipper/flipper.template.js +0 -1
- package/dist/esm/flipper/index.js +0 -1
- package/dist/esm/flyout/flyout.js +0 -1
- package/dist/esm/flyout/flyout.stories.js +0 -1
- package/dist/esm/flyout/flyout.styles.js +1 -2
- package/dist/esm/flyout/index.js +0 -1
- package/dist/esm/grid-layout/grid-layout.js +0 -1
- package/dist/esm/grid-layout/grid-layout.stories.js +0 -1
- package/dist/esm/grid-layout/index.js +0 -1
- package/dist/esm/grid-layout-item/grid-layout-item.js +0 -1
- package/dist/esm/grid-layout-item/index.js +0 -1
- package/dist/esm/icon/icon.js +0 -1
- package/dist/esm/icon/icon.stories.js +0 -1
- package/dist/esm/icon/icon.styles.js +0 -1
- package/dist/esm/icon/index.js +0 -1
- package/dist/esm/index.federated.js +0 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/listbox-option/index.js +0 -1
- package/dist/esm/listbox-option/listbox-option.js +1 -2
- package/dist/esm/listbox-option/listbox-option.styles.js +0 -1
- package/dist/esm/listbox-option/listbox-option.template.js +0 -1
- package/dist/esm/listbox-option/style/colors.js +0 -1
- package/dist/esm/listbox-option/style/index.js +0 -1
- package/dist/esm/menu/index.js +0 -1
- package/dist/esm/menu/menu.js +0 -1
- package/dist/esm/menu/menu.stories.js +0 -1
- package/dist/esm/menu/menu.styles.js +0 -1
- package/dist/esm/menu-item/index.js +0 -1
- package/dist/esm/menu-item/menu-item.js +0 -1
- package/dist/esm/menu-item/menu-item.styles.js +0 -1
- package/dist/esm/modal/index.js +0 -1
- package/dist/esm/modal/modal.js +0 -1
- package/dist/esm/modal/modal.stories.js +0 -1
- package/dist/esm/modal/modal.styles.js +0 -1
- package/dist/esm/multiselect/index.js +0 -1
- package/dist/esm/multiselect/multiselect.js +1 -2
- package/dist/esm/multiselect/multiselect.stories.js +0 -1
- package/dist/esm/multiselect/multiselect.styles.js +1 -2
- package/dist/esm/multiselect/multiselect.template.js +1 -2
- package/dist/esm/number-field/index.js +0 -1
- package/dist/esm/number-field/number-field.js +0 -1
- package/dist/esm/number-field/number-field.stories.js +0 -1
- package/dist/esm/number-field/number-field.styles.js +0 -1
- package/dist/esm/progress/index.js +0 -1
- package/dist/esm/progress/progress.js +1 -2
- package/dist/esm/progress/progress.stories.js +0 -1
- package/dist/esm/progress/progress.styles.js +0 -1
- package/dist/esm/progress/progress.template.js +0 -1
- package/dist/esm/progress-ring/index.js +0 -1
- package/dist/esm/progress-ring/progress-ring.js +2 -3
- package/dist/esm/progress-ring/progress-ring.stories.js +0 -1
- package/dist/esm/progress-ring/progress-ring.styles.js +0 -1
- package/dist/esm/progress-ring/progress-ring.template.js +0 -1
- package/dist/esm/provide-design-system.js +0 -1
- package/dist/esm/radio/index.js +0 -1
- package/dist/esm/radio/radio.js +1 -2
- package/dist/esm/radio/radio.stories.js +0 -1
- package/dist/esm/radio/radio.styles.js +0 -1
- package/dist/esm/radio/radio.template.js +0 -1
- package/dist/esm/radio-group/index.js +0 -1
- package/dist/esm/radio-group/radio-group.js +1 -2
- package/dist/esm/radio-group/radio-group.stories.js +0 -1
- package/dist/esm/radio-group/radio-group.styles.js +0 -1
- package/dist/esm/radio-group/radio-group.template.js +0 -1
- package/dist/esm/segmented-control/index.js +0 -1
- package/dist/esm/segmented-control/segmented-control.js +1 -2
- package/dist/esm/segmented-control/segmented-control.stories.js +0 -1
- package/dist/esm/segmented-control/segmented-control.styles.js +1 -2
- package/dist/esm/segmented-control/segmented-control.template.js +0 -1
- package/dist/esm/segmented-item/index.js +0 -1
- package/dist/esm/segmented-item/segmented-item.js +1 -2
- package/dist/esm/segmented-item/segmented-item.styles.js +0 -1
- package/dist/esm/segmented-item/segmented-item.template.js +0 -1
- package/dist/esm/select/index.js +0 -1
- package/dist/esm/select/select.js +1 -2
- package/dist/esm/select/select.stories.js +0 -1
- package/dist/esm/select/select.styles.js +0 -1
- package/dist/esm/select/select.template.js +0 -1
- package/dist/esm/skeleton/index.js +0 -1
- package/dist/esm/skeleton/skeleton.js +1 -2
- package/dist/esm/skeleton/skeleton.stories.js +0 -1
- package/dist/esm/skeleton/skeleton.styles.js +0 -1
- package/dist/esm/skeleton/skeleton.template.js +0 -1
- package/dist/esm/slider/index.js +0 -1
- package/dist/esm/slider/slider.js +1 -2
- package/dist/esm/slider/slider.stories.js +0 -1
- package/dist/esm/slider/slider.styles.js +0 -1
- package/dist/esm/slider/slider.template.js +0 -1
- package/dist/esm/snackbar/index.js +0 -1
- package/dist/esm/snackbar/snackbar.js +1 -2
- package/dist/esm/snackbar/snackbar.stories.js +0 -1
- package/dist/esm/snackbar/snackbar.styles.js +1 -2
- package/dist/esm/snackbar/snackbar.template.js +0 -1
- package/dist/esm/switch/index.js +0 -1
- package/dist/esm/switch/switch.js +1 -2
- package/dist/esm/switch/switch.stories.js +0 -1
- package/dist/esm/switch/switch.styles.js +1 -2
- package/dist/esm/switch/switch.template.js +0 -1
- package/dist/esm/tab/index.js +0 -1
- package/dist/esm/tab/tab.js +1 -2
- package/dist/esm/tab/tab.styles.js +1 -2
- package/dist/esm/tab/tab.template.js +0 -1
- package/dist/esm/tab-panel/index.js +0 -1
- package/dist/esm/tab-panel/tab-panel.js +1 -2
- package/dist/esm/tab-panel/tab-panel.styles.js +0 -1
- package/dist/esm/tab-panel/tab-panel.template.js +0 -1
- package/dist/esm/tabs/index.js +0 -1
- package/dist/esm/tabs/tabs.js +1 -2
- package/dist/esm/tabs/tabs.stories.js +0 -1
- package/dist/esm/tabs/tabs.styles.js +1 -2
- package/dist/esm/tabs/tabs.template.js +0 -1
- package/dist/esm/text-area/index.js +0 -1
- package/dist/esm/text-area/text-area.js +1 -2
- package/dist/esm/text-area/text-area.stories.js +0 -1
- package/dist/esm/text-area/text-area.styles.js +0 -1
- package/dist/esm/text-area/text-area.template.js +0 -1
- package/dist/esm/text-field/index.js +0 -1
- package/dist/esm/text-field/text-field.js +1 -2
- package/dist/esm/text-field/text-field.stories.js +0 -1
- package/dist/esm/text-field/text-field.styles.js +0 -1
- package/dist/esm/text-field/text-field.template.js +0 -1
- package/dist/esm/toast/index.js +0 -1
- package/dist/esm/toast/toast.js +0 -1
- package/dist/esm/toast/toast.stories.js +0 -1
- package/dist/esm/toast/toast.styles.js +1 -2
- package/dist/esm/toolbar/index.js +0 -1
- package/dist/esm/toolbar/toolbar.js +1 -2
- package/dist/esm/toolbar/toolbar.stories.js +0 -1
- package/dist/esm/toolbar/toolbar.styles.js +0 -1
- package/dist/esm/toolbar/toolbar.template.js +0 -1
- package/dist/esm/tooltip/index.js +0 -1
- package/dist/esm/tooltip/tooltip.js +1 -2
- package/dist/esm/tooltip/tooltip.stories.js +0 -1
- package/dist/esm/tooltip/tooltip.styles.js +0 -1
- package/dist/esm/tooltip/tooltip.template.js +0 -1
- package/dist/esm/tree-item/index.js +0 -1
- package/dist/esm/tree-item/tree-item.js +1 -2
- package/dist/esm/tree-item/tree-item.styles.js +0 -1
- package/dist/esm/tree-item/tree-item.template.js +0 -1
- package/dist/esm/tree-view/index.js +0 -1
- package/dist/esm/tree-view/tree-view.js +1 -2
- package/dist/esm/tree-view/tree-view.stories.js +0 -1
- package/dist/esm/tree-view/tree-view.styles.js +0 -1
- package/dist/esm/tree-view/tree-view.template.js +0 -1
- package/dist/esm/url-input/index.js +0 -1
- package/dist/esm/url-input/url-input.js +2 -3
- package/dist/esm/url-input/url-input.stories.js +0 -1
- package/dist/esm/url-input/url-input.styles.js +0 -1
- package/dist/esm/url-input/url-input.template.js +0 -1
- package/dist/esm/utils/behaviors.js +0 -1
- package/dist/esm/utils/index.js +0 -1
- package/dist/esm/utils/logger.js +0 -1
- package/package.json +13 -14
- package/dist/1.0.0.remoteEntry.js +0 -1
- package/dist/1055.1055.a823588487257e10fcc8.js +0 -3
- package/dist/1055.1055.a823588487257e10fcc8.js.LICENSE.txt +0 -4
- package/dist/1055.b64c438ba130cfe9620f337f518b2b1a.js.map +0 -1
- package/dist/176.176.03696f605416ebec7506.js +0 -2
- package/dist/176.4e7a44d3b314c51a14edc19d8f44fbf5.js.map +0 -1
- package/dist/1831.1831.b793e0149a00de0a186e.js +0 -7
- package/dist/1831.8da2bd6e9327fae076055f0b773cbc05.js.map +0 -1
- package/dist/2067.2067.509603083430fa7fcda1.js +0 -26
- package/dist/2067.32785d9a28393eed2e6429c20426cc8c.js.map +0 -1
- package/dist/214.0e55ce0ed4205ceb9a34fcb3dd90fa60.js.map +0 -1
- package/dist/214.214.84816be4b221b765359b.js +0 -71
- package/dist/2185.2185.8218858c6fcbae408a10.js +0 -2
- package/dist/2185.d6e99a15aa1bf5712d3e18999cfbd228.js.map +0 -1
- package/dist/2196.2196.42355d42df3ec57b0853.js +0 -22
- package/dist/2196.7e0119870f1981f7fa980c7e3ab45cbb.js.map +0 -1
- package/dist/2453.2453.354750897a058fa524eb.js +0 -2
- package/dist/2453.70a8d6716afa21c92ee80f93e7ef519b.js.map +0 -1
- package/dist/2829.0830c9e6e14e20c077825ca73b224cbc.js.map +0 -1
- package/dist/2829.2829.f06a9f6fe265ee59e65a.js +0 -51
- package/dist/3998.365c97aafe196d037cb0772e06724731.js.map +0 -1
- package/dist/3998.3998.00487fc63c55c7fcd9a9.js +0 -26
- package/dist/4392.4392.d43f2980a850f724f3d4.js +0 -51
- package/dist/4392.c2f4a62a4b4e42a8c72e3f3c26ec878d.js.map +0 -1
- package/dist/4397.02fb54eeab50d7a0c52cc38ff78d9f41.js.map +0 -1
- package/dist/4397.4397.924068b4546b2d0c5227.js +0 -3
- package/dist/4397.4397.924068b4546b2d0c5227.js.LICENSE.txt +0 -1
- package/dist/4421.4421.a6a38e4a377e04ce2b00.js +0 -18
- package/dist/4421.f1a792570c215ce885323e068858363a.js.map +0 -1
- package/dist/459.459.988ccf6aa26f8eb9be88.js +0 -213
- package/dist/459.e993b17b6c90318fc9f52bc1d5d9b5bf.js.map +0 -1
- package/dist/5334.5334.09b3ca2be07179598434.js +0 -73
- package/dist/5334.7974bc2491ca893dae04946f5d8f1892.js.map +0 -1
- package/dist/568.568.bc4ce7176f0178a16f0f.js +0 -2
- package/dist/568.95e6dd0b9aac2bd2d9cbdc89027131fc.js.map +0 -1
- package/dist/5944.5944.e99033becce1b6a6f479.js +0 -16
- package/dist/5944.a29bd3077b0bc792e961d88a50852a8d.js.map +0 -1
- package/dist/6101.6101.cfecbcbc322b32f32755.js +0 -34
- package/dist/6101.e299a8245270ad4a663051bffe5a9009.js.map +0 -1
- package/dist/6309.0b9d55a7721d9e04b5cbd150a2d17cc0.js.map +0 -1
- package/dist/6309.6309.a31af7bc3909e620fba1.js +0 -1347
- package/dist/6419.6419.75be2538826fd624c2e6.js +0 -2140
- package/dist/6419.9404948d9919b4fa33afc1568d411837.js.map +0 -1
- package/dist/660.660.eee847e5147971541d61.js +0 -7
- package/dist/660.7c8131caebdf987d11f8a546bbb351c6.js.map +0 -1
- package/dist/691.59e796e339310811afde9c5b17e88d03.js.map +0 -1
- package/dist/691.691.a84c5df51da87835107e.js +0 -42
- package/dist/7343.6114865d6bcec7a132bd0589bae3d64b.js.map +0 -1
- package/dist/7343.7343.654455e80c837eed038b.js +0 -8
- package/dist/7358.7358.6c8495cf5dadb26cf663.js +0 -48
- package/dist/7358.a418eb05451fa10c7b2f36877b58c340.js.map +0 -1
- package/dist/8040.8040.ba1686dae8e7c2fad8ef.js +0 -4
- package/dist/8040.8801adb6e41f9a3574b0423d42f6f80d.js.map +0 -1
- package/dist/8289.1cd83c8b0df587e8fdf95b7b5bb11136.js.map +0 -1
- package/dist/8289.8289.eb8753c5379ce9dca910.js +0 -4
- package/dist/8338.7fdc620e0f37072f02d58422e593fdbc.js.map +0 -1
- package/dist/8338.8338.30406551993ba8cbbe86.js +0 -2
- package/dist/8635.17caa936394894a852aa8a484b64a151.js.map +0 -1
- package/dist/8635.8635.c8950c807fcf63fc137c.js +0 -4
- package/dist/87.56f1357f9ab5618eff13d9855fe39c1e.js.map +0 -1
- package/dist/87.87.4d6a8576636bec2598d4.js +0 -4
- package/dist/8778.6c92d66655cca4147d6c0ae6d15f6117.js.map +0 -1
- package/dist/8778.8778.8d4a1c7782eb586d1ef3.js +0 -4
- package/dist/9605.4ff5cefd614f9d1aee77c48f577220ad.js.map +0 -1
- package/dist/9605.9605.53f7517278752bca0708.js +0 -19
- package/dist/9700.9700.5d5b0a07ae4a498c1955.js +0 -210
- package/dist/9700.a45177ac84f8bca70b5f7e85eab1b84f.js.map +0 -1
- package/dist/dashboard.json +0 -1
- package/dist/esm/_common/colors.hex.js.map +0 -1
- package/dist/esm/_common/colors.js.map +0 -1
- package/dist/esm/_common/colors.util.js.map +0 -1
- package/dist/esm/_common/index.js.map +0 -1
- package/dist/esm/_config/index.js.map +0 -1
- package/dist/esm/_config/styles/colors.js.map +0 -1
- package/dist/esm/_config/styles/external/roboto-font/index.js.map +0 -1
- package/dist/esm/_config/styles/index.js.map +0 -1
- package/dist/esm/_config/tokens/custom.js.map +0 -1
- package/dist/esm/_config/tokens/default.js.map +0 -1
- package/dist/esm/_config/tokens/index.js.map +0 -1
- package/dist/esm/_config/values/color.js.map +0 -1
- package/dist/esm/_config/values/index.js.map +0 -1
- package/dist/esm/_config/values/misc.js.map +0 -1
- package/dist/esm/_config/values/sizing.js.map +0 -1
- package/dist/esm/_config/values/typography.js.map +0 -1
- package/dist/esm/actions-menu/actions-menu.js.map +0 -1
- package/dist/esm/actions-menu/actions-menu.stories.js.map +0 -1
- package/dist/esm/actions-menu/actions-menu.styles.js.map +0 -1
- package/dist/esm/actions-menu/index.js.map +0 -1
- package/dist/esm/anchor/anchor.js.map +0 -1
- package/dist/esm/anchor/anchor.stories.js.map +0 -1
- package/dist/esm/anchor/anchor.styles.js.map +0 -1
- package/dist/esm/anchor/anchor.template.js.map +0 -1
- package/dist/esm/anchor/index.js.map +0 -1
- package/dist/esm/badge/badge.js.map +0 -1
- package/dist/esm/badge/badge.stories.js.map +0 -1
- package/dist/esm/badge/badge.styles.js.map +0 -1
- package/dist/esm/badge/badge.template.js.map +0 -1
- package/dist/esm/badge/index.js.map +0 -1
- package/dist/esm/banner/banner.js.map +0 -1
- package/dist/esm/banner/banner.stories.js.map +0 -1
- package/dist/esm/banner/banner.styles.js.map +0 -1
- package/dist/esm/banner/index.js.map +0 -1
- package/dist/esm/base-components.js.map +0 -1
- package/dist/esm/breadcrumb/breadcrumb.js.map +0 -1
- package/dist/esm/breadcrumb/breadcrumb.stories.js.map +0 -1
- package/dist/esm/breadcrumb/breadcrumb.styles.js.map +0 -1
- package/dist/esm/breadcrumb/breadcrumb.template.js.map +0 -1
- package/dist/esm/breadcrumb/index.js.map +0 -1
- package/dist/esm/breadcrumb-item/breadcrumb-item.js.map +0 -1
- package/dist/esm/breadcrumb-item/breadcrumb-item.styles.js.map +0 -1
- package/dist/esm/breadcrumb-item/breadcrumb-item.template.js.map +0 -1
- package/dist/esm/breadcrumb-item/index.js.map +0 -1
- package/dist/esm/button/button.js.map +0 -1
- package/dist/esm/button/button.stories.js.map +0 -1
- package/dist/esm/button/button.styles.js.map +0 -1
- package/dist/esm/button/button.template.js.map +0 -1
- package/dist/esm/button/index.js.map +0 -1
- package/dist/esm/card/card.js.map +0 -1
- package/dist/esm/card/card.stories.js.map +0 -1
- package/dist/esm/card/card.styles.js.map +0 -1
- package/dist/esm/card/card.template.js.map +0 -1
- package/dist/esm/card/index.js.map +0 -1
- package/dist/esm/checkbox/checkbox.js.map +0 -1
- package/dist/esm/checkbox/checkbox.stories.js.map +0 -1
- package/dist/esm/checkbox/checkbox.styles.js.map +0 -1
- package/dist/esm/checkbox/checkbox.template.js.map +0 -1
- package/dist/esm/checkbox/index.js.map +0 -1
- package/dist/esm/combobox/combobox.js.map +0 -1
- package/dist/esm/combobox/combobox.stories.js.map +0 -1
- package/dist/esm/combobox/combobox.styles.js.map +0 -1
- package/dist/esm/combobox/combobox.template.js.map +0 -1
- package/dist/esm/combobox/index.js.map +0 -1
- package/dist/esm/connection-indicator/connection-indicator.js.map +0 -1
- package/dist/esm/connection-indicator/connection-indicator.stories.js.map +0 -1
- package/dist/esm/connection-indicator/index.js.map +0 -1
- package/dist/esm/data-grid/data-grid-cell.styles.js.map +0 -1
- package/dist/esm/data-grid/data-grid-row.styles.js.map +0 -1
- package/dist/esm/data-grid/data-grid.js.map +0 -1
- package/dist/esm/data-grid/data-grid.stories.js.map +0 -1
- package/dist/esm/data-grid/data-grid.styles.js.map +0 -1
- package/dist/esm/data-grid/data-grid.template.js.map +0 -1
- package/dist/esm/data-grid/index.js.map +0 -1
- package/dist/esm/date-picker/date-picker.js.map +0 -1
- package/dist/esm/date-picker/date-picker.stories.js.map +0 -1
- package/dist/esm/date-picker/date-picker.styles.js.map +0 -1
- package/dist/esm/date-picker/date-picker.template.js.map +0 -1
- package/dist/esm/date-picker/index.js.map +0 -1
- package/dist/esm/design-system-provider/design-system-provider.js.map +0 -1
- package/dist/esm/design-system-provider/design-system-provider.styles.js.map +0 -1
- package/dist/esm/design-system-provider/index.js.map +0 -1
- package/dist/esm/dialog/dialog.js.map +0 -1
- package/dist/esm/dialog/dialog.stories.js.map +0 -1
- package/dist/esm/dialog/dialog.styles.js.map +0 -1
- package/dist/esm/dialog/index.js.map +0 -1
- package/dist/esm/dialog/styles/colors.js.map +0 -1
- package/dist/esm/dialog/styles/index.js.map +0 -1
- package/dist/esm/disclosure/disclosure.js.map +0 -1
- package/dist/esm/disclosure/disclosure.stories.js.map +0 -1
- package/dist/esm/disclosure/disclosure.styles.js.map +0 -1
- package/dist/esm/disclosure/disclosure.template.js.map +0 -1
- package/dist/esm/disclosure/index.js.map +0 -1
- package/dist/esm/divider/divider.js.map +0 -1
- package/dist/esm/divider/divider.stories.js.map +0 -1
- package/dist/esm/divider/divider.styles.js.map +0 -1
- package/dist/esm/divider/divider.template.js.map +0 -1
- package/dist/esm/divider/index.js.map +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.js.map +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.stories.js.map +0 -1
- package/dist/esm/dropdown-menu/dropdown-menu.styles.js.map +0 -1
- package/dist/esm/dropdown-menu/index.js.map +0 -1
- package/dist/esm/error-banner/error-banner.js.map +0 -1
- package/dist/esm/error-banner/error-banner.stories.js.map +0 -1
- package/dist/esm/error-banner/error-banner.template.js.map +0 -1
- package/dist/esm/error-banner/index.js.map +0 -1
- package/dist/esm/error-boundary/error-boundary.js.map +0 -1
- package/dist/esm/error-boundary/index.js.map +0 -1
- package/dist/esm/error-dialog/error-dialog.js.map +0 -1
- package/dist/esm/error-dialog/error-dialog.stories.js.map +0 -1
- package/dist/esm/error-dialog/index.js.map +0 -1
- package/dist/esm/file-upload/file-upload.js.map +0 -1
- package/dist/esm/file-upload/file-upload.stories.js.map +0 -1
- package/dist/esm/file-upload/file-upload.styles.js.map +0 -1
- package/dist/esm/file-upload/file-upload.template.js.map +0 -1
- package/dist/esm/file-upload/index.js.map +0 -1
- package/dist/esm/filter/filter.js.map +0 -1
- package/dist/esm/filter/filter.stories.js.map +0 -1
- package/dist/esm/filter/filter.template.js.map +0 -1
- package/dist/esm/filter/index.js.map +0 -1
- package/dist/esm/filter-bar/filter-bar.js.map +0 -1
- package/dist/esm/filter-bar/filter-bar.stories.js.map +0 -1
- package/dist/esm/filter-bar/filter-bar.styles.js.map +0 -1
- package/dist/esm/filter-bar/filter-bar.template.js.map +0 -1
- package/dist/esm/filter-bar/index.js.map +0 -1
- package/dist/esm/flex-layout/flex-layout.js.map +0 -1
- package/dist/esm/flex-layout/flex-layout.stories.js.map +0 -1
- package/dist/esm/flex-layout/index.js.map +0 -1
- package/dist/esm/flipper/flipper.js.map +0 -1
- package/dist/esm/flipper/flipper.stories.js.map +0 -1
- package/dist/esm/flipper/flipper.styles.js.map +0 -1
- package/dist/esm/flipper/flipper.template.js.map +0 -1
- package/dist/esm/flipper/index.js.map +0 -1
- package/dist/esm/flyout/flyout.js.map +0 -1
- package/dist/esm/flyout/flyout.stories.js.map +0 -1
- package/dist/esm/flyout/flyout.styles.js.map +0 -1
- package/dist/esm/flyout/index.js.map +0 -1
- package/dist/esm/grid-layout/grid-layout.js.map +0 -1
- package/dist/esm/grid-layout/grid-layout.stories.js.map +0 -1
- package/dist/esm/grid-layout/index.js.map +0 -1
- package/dist/esm/grid-layout-item/grid-layout-item.js.map +0 -1
- package/dist/esm/grid-layout-item/index.js.map +0 -1
- package/dist/esm/icon/icon.js.map +0 -1
- package/dist/esm/icon/icon.stories.js.map +0 -1
- package/dist/esm/icon/icon.styles.js.map +0 -1
- package/dist/esm/icon/index.js.map +0 -1
- package/dist/esm/index.federated.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/listbox-option/index.js.map +0 -1
- package/dist/esm/listbox-option/listbox-option.js.map +0 -1
- package/dist/esm/listbox-option/listbox-option.styles.js.map +0 -1
- package/dist/esm/listbox-option/listbox-option.template.js.map +0 -1
- package/dist/esm/listbox-option/style/colors.js.map +0 -1
- package/dist/esm/listbox-option/style/index.js.map +0 -1
- package/dist/esm/menu/index.js.map +0 -1
- package/dist/esm/menu/menu.js.map +0 -1
- package/dist/esm/menu/menu.stories.js.map +0 -1
- package/dist/esm/menu/menu.styles.js.map +0 -1
- package/dist/esm/menu-item/index.js.map +0 -1
- package/dist/esm/menu-item/menu-item.js.map +0 -1
- package/dist/esm/menu-item/menu-item.styles.js.map +0 -1
- package/dist/esm/modal/index.js.map +0 -1
- package/dist/esm/modal/modal.js.map +0 -1
- package/dist/esm/modal/modal.stories.js.map +0 -1
- package/dist/esm/modal/modal.styles.js.map +0 -1
- package/dist/esm/multiselect/index.js.map +0 -1
- package/dist/esm/multiselect/multiselect.js.map +0 -1
- package/dist/esm/multiselect/multiselect.stories.js.map +0 -1
- package/dist/esm/multiselect/multiselect.styles.js.map +0 -1
- package/dist/esm/multiselect/multiselect.template.js.map +0 -1
- package/dist/esm/number-field/index.js.map +0 -1
- package/dist/esm/number-field/number-field.js.map +0 -1
- package/dist/esm/number-field/number-field.stories.js.map +0 -1
- package/dist/esm/number-field/number-field.styles.js.map +0 -1
- package/dist/esm/progress/index.js.map +0 -1
- package/dist/esm/progress/progress.js.map +0 -1
- package/dist/esm/progress/progress.stories.js.map +0 -1
- package/dist/esm/progress/progress.styles.js.map +0 -1
- package/dist/esm/progress/progress.template.js.map +0 -1
- package/dist/esm/progress-ring/index.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.stories.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.styles.js.map +0 -1
- package/dist/esm/progress-ring/progress-ring.template.js.map +0 -1
- package/dist/esm/provide-design-system.js.map +0 -1
- package/dist/esm/radio/index.js.map +0 -1
- package/dist/esm/radio/radio.js.map +0 -1
- package/dist/esm/radio/radio.stories.js.map +0 -1
- package/dist/esm/radio/radio.styles.js.map +0 -1
- package/dist/esm/radio/radio.template.js.map +0 -1
- package/dist/esm/radio-group/index.js.map +0 -1
- package/dist/esm/radio-group/radio-group.js.map +0 -1
- package/dist/esm/radio-group/radio-group.stories.js.map +0 -1
- package/dist/esm/radio-group/radio-group.styles.js.map +0 -1
- package/dist/esm/radio-group/radio-group.template.js.map +0 -1
- package/dist/esm/segmented-control/index.js.map +0 -1
- package/dist/esm/segmented-control/segmented-control.js.map +0 -1
- package/dist/esm/segmented-control/segmented-control.stories.js.map +0 -1
- package/dist/esm/segmented-control/segmented-control.styles.js.map +0 -1
- package/dist/esm/segmented-control/segmented-control.template.js.map +0 -1
- package/dist/esm/segmented-item/index.js.map +0 -1
- package/dist/esm/segmented-item/segmented-item.js.map +0 -1
- package/dist/esm/segmented-item/segmented-item.styles.js.map +0 -1
- package/dist/esm/segmented-item/segmented-item.template.js.map +0 -1
- package/dist/esm/select/index.js.map +0 -1
- package/dist/esm/select/select.js.map +0 -1
- package/dist/esm/select/select.stories.js.map +0 -1
- package/dist/esm/select/select.styles.js.map +0 -1
- package/dist/esm/select/select.template.js.map +0 -1
- package/dist/esm/skeleton/index.js.map +0 -1
- package/dist/esm/skeleton/skeleton.js.map +0 -1
- package/dist/esm/skeleton/skeleton.stories.js.map +0 -1
- package/dist/esm/skeleton/skeleton.styles.js.map +0 -1
- package/dist/esm/skeleton/skeleton.template.js.map +0 -1
- package/dist/esm/slider/index.js.map +0 -1
- package/dist/esm/slider/slider.js.map +0 -1
- package/dist/esm/slider/slider.stories.js.map +0 -1
- package/dist/esm/slider/slider.styles.js.map +0 -1
- package/dist/esm/slider/slider.template.js.map +0 -1
- package/dist/esm/snackbar/index.js.map +0 -1
- package/dist/esm/snackbar/snackbar.js.map +0 -1
- package/dist/esm/snackbar/snackbar.stories.js.map +0 -1
- package/dist/esm/snackbar/snackbar.styles.js.map +0 -1
- package/dist/esm/snackbar/snackbar.template.js.map +0 -1
- package/dist/esm/switch/index.js.map +0 -1
- package/dist/esm/switch/switch.js.map +0 -1
- package/dist/esm/switch/switch.stories.js.map +0 -1
- package/dist/esm/switch/switch.styles.js.map +0 -1
- package/dist/esm/switch/switch.template.js.map +0 -1
- package/dist/esm/tab/index.js.map +0 -1
- package/dist/esm/tab/tab.js.map +0 -1
- package/dist/esm/tab/tab.styles.js.map +0 -1
- package/dist/esm/tab/tab.template.js.map +0 -1
- package/dist/esm/tab-panel/index.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.styles.js.map +0 -1
- package/dist/esm/tab-panel/tab-panel.template.js.map +0 -1
- package/dist/esm/tabs/index.js.map +0 -1
- package/dist/esm/tabs/tabs.js.map +0 -1
- package/dist/esm/tabs/tabs.stories.js.map +0 -1
- package/dist/esm/tabs/tabs.styles.js.map +0 -1
- package/dist/esm/tabs/tabs.template.js.map +0 -1
- package/dist/esm/text-area/index.js.map +0 -1
- package/dist/esm/text-area/text-area.js.map +0 -1
- package/dist/esm/text-area/text-area.stories.js.map +0 -1
- package/dist/esm/text-area/text-area.styles.js.map +0 -1
- package/dist/esm/text-area/text-area.template.js.map +0 -1
- package/dist/esm/text-field/index.js.map +0 -1
- package/dist/esm/text-field/text-field.js.map +0 -1
- package/dist/esm/text-field/text-field.stories.js.map +0 -1
- package/dist/esm/text-field/text-field.styles.js.map +0 -1
- package/dist/esm/text-field/text-field.template.js.map +0 -1
- package/dist/esm/toast/index.js.map +0 -1
- package/dist/esm/toast/toast.js.map +0 -1
- package/dist/esm/toast/toast.stories.js.map +0 -1
- package/dist/esm/toast/toast.styles.js.map +0 -1
- package/dist/esm/toolbar/index.js.map +0 -1
- package/dist/esm/toolbar/toolbar.js.map +0 -1
- package/dist/esm/toolbar/toolbar.stories.js.map +0 -1
- package/dist/esm/toolbar/toolbar.styles.js.map +0 -1
- package/dist/esm/toolbar/toolbar.template.js.map +0 -1
- package/dist/esm/tooltip/index.js.map +0 -1
- package/dist/esm/tooltip/tooltip.js.map +0 -1
- package/dist/esm/tooltip/tooltip.stories.js.map +0 -1
- package/dist/esm/tooltip/tooltip.styles.js.map +0 -1
- package/dist/esm/tooltip/tooltip.template.js.map +0 -1
- package/dist/esm/tree-item/index.js.map +0 -1
- package/dist/esm/tree-item/tree-item.js.map +0 -1
- package/dist/esm/tree-item/tree-item.styles.js.map +0 -1
- package/dist/esm/tree-item/tree-item.template.js.map +0 -1
- package/dist/esm/tree-view/index.js.map +0 -1
- package/dist/esm/tree-view/tree-view.js.map +0 -1
- package/dist/esm/tree-view/tree-view.stories.js.map +0 -1
- package/dist/esm/tree-view/tree-view.styles.js.map +0 -1
- package/dist/esm/tree-view/tree-view.template.js.map +0 -1
- package/dist/esm/url-input/index.js.map +0 -1
- package/dist/esm/url-input/url-input.js.map +0 -1
- package/dist/esm/url-input/url-input.stories.js.map +0 -1
- package/dist/esm/url-input/url-input.styles.js.map +0 -1
- package/dist/esm/url-input/url-input.template.js.map +0 -1
- package/dist/esm/utils/behaviors.js.map +0 -1
- package/dist/esm/utils/index.js.map +0 -1
- package/dist/esm/utils/logger.js.map +0 -1
- package/dist/favicon.ico +0 -0
- package/dist/foundation-zero.iife.min.js +0 -51
- package/dist/foundation-zero.js +0 -46030
- package/dist/foundation-zero.min.js +0 -51
- package/dist/foundationZero.9a0555daf7835a5a70c191e1722820f4.js.map +0 -1
- package/dist/index.ejs +0 -23
- package/dist/index.html +0 -46
- package/dist/info.ejs +0 -13
- package/dist/main.c2fef793d1777f2db96d3a2237d3fb30.js.map +0 -1
- package/dist/main.c4608158d4d4b8a1441a.js +0 -2
- package/dist/npm.analytics.343.626d40ab6b908196fd6d.js +0 -2
- package/dist/npm.analytics.9fd4e40abc3d4d51f1e9d783cdcb2cf7.js.map +0 -1
- package/dist/npm.consola.7713.ea106d3c68926173874f.js +0 -2
- package/dist/npm.consola.dbc11b93a488aeed323d9b9b2c7ed700.js.map +0 -1
- package/dist/npm.dialog-polyfill.1047.6921828aca74f10c8584.js +0 -2
- package/dist/npm.dialog-polyfill.ecfd704ffe7f4955f8074d2792ea49b3.js.map +0 -1
- package/dist/npm.finos.2690.b2de6b68e2aff2262aff.js +0 -2
- package/dist/npm.finos.a9d28e5521bdb6c53e914b41d108cb3e.js.map +0 -1
- package/dist/npm.fortawesome.5104.92bbd3f3296d57ac34d0.js +0 -2
- package/dist/npm.fortawesome.62a30a49924ff7d144cab5cdf3de3874.js.map +0 -1
- package/dist/npm.microsoft.2062ff0a17a72828ada8ea4c5dd9f238.js.map +0 -1
- package/dist/npm.microsoft.6127.5d9a151ef07d251c120d.js +0 -6406
- package/dist/npm.microsoft.6127.5d9a151ef07d251c120d.js.LICENSE.txt +0 -14
- package/dist/npm.popperjs.1006d12ebc85986a7a01acb507a0d01f.js.map +0 -1
- package/dist/npm.popperjs.2591.e64730d913bd3c651bf9.js +0 -2
- package/dist/npm.rxjs.6b63a2a2c7a64480e3b8ccc1072f548f.js.map +0 -1
- package/dist/npm.rxjs.9271.03196aee5953eec5b75c.js +0 -2
- package/dist/remoteEntry.js +0 -2
- package/dist/serve.json +0 -3
|
@@ -1,2140 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[6419],{6436:function(e){e.exports=function(){"use strict";var e=1e3,t=6e4,o=36e5,i="millisecond",a="second",n="minute",s="hour",r="day",l="week",d="month",c="quarter",u="year",p="date",h="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],o=e%100;return"["+e+(t[(o-20)%10]||t[o]||t[0])+"]"}},v=function(e,t,o){var i=String(e);return!i||i.length>=t?e:""+Array(t+1-i.length).join(o)+e},b={s:v,z:function(e){var t=-e.utcOffset(),o=Math.abs(t),i=Math.floor(o/60),a=o%60;return(t<=0?"+":"-")+v(i,2,"0")+":"+v(a,2,"0")},m:function e(t,o){if(t.date()<o.date())return-e(o,t);var i=12*(o.year()-t.year())+(o.month()-t.month()),a=t.clone().add(i,d),n=o-a<0,s=t.clone().add(i+(n?-1:1),d);return+(-(i+(o-a)/(n?a-s:s-a))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:d,y:u,w:l,d:r,D:p,h:s,m:n,s:a,ms:i,Q:c}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",w={};w[y]=g;var x=function(e){return e instanceof D},F=function e(t,o,i){var a;if(!t)return y;if("string"==typeof t){var n=t.toLowerCase();w[n]&&(a=n),o&&(w[n]=o,a=n);var s=t.split("-");if(!a&&s.length>1)return e(s[0])}else{var r=t.name;w[r]=t,a=r}return!i&&a&&(y=a),a||!i&&y},$=function(e,t){if(x(e))return e.clone();var o="object"==typeof t?t:{};return o.date=e,o.args=arguments,new D(o)},S=b;S.l=F,S.i=x,S.w=function(e,t){return $(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var D=function(){function g(e){this.$L=F(e.locale,null,!0),this.parse(e)}var v=g.prototype;return v.parse=function(e){this.$d=function(e){var t=e.date,o=e.utc;if(null===t)return new Date(NaN);if(S.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var i=t.match(m);if(i){var a=i[2]-1||0,n=(i[7]||"0").substring(0,3);return o?new Date(Date.UTC(i[1],a,i[3]||1,i[4]||0,i[5]||0,i[6]||0,n)):new Date(i[1],a,i[3]||1,i[4]||0,i[5]||0,i[6]||0,n)}}return new Date(t)}(e),this.$x=e.x||{},this.init()},v.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},v.$utils=function(){return S},v.isValid=function(){return!(this.$d.toString()===h)},v.isSame=function(e,t){var o=$(e);return this.startOf(t)<=o&&o<=this.endOf(t)},v.isAfter=function(e,t){return $(e)<this.startOf(t)},v.isBefore=function(e,t){return this.endOf(t)<$(e)},v.$g=function(e,t,o){return S.u(e)?this[t]:this.set(o,e)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(e,t){var o=this,i=!!S.u(t)||t,c=S.p(e),h=function(e,t){var a=S.w(o.$u?Date.UTC(o.$y,t,e):new Date(o.$y,t,e),o);return i?a:a.endOf(r)},m=function(e,t){return S.w(o.toDate()[e].apply(o.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice(t)),o)},f=this.$W,g=this.$M,v=this.$D,b="set"+(this.$u?"UTC":"");switch(c){case u:return i?h(1,0):h(31,11);case d:return i?h(1,g):h(0,g+1);case l:var y=this.$locale().weekStart||0,w=(f<y?f+7:f)-y;return h(i?v-w:v+(6-w),g);case r:case p:return m(b+"Hours",0);case s:return m(b+"Minutes",1);case n:return m(b+"Seconds",2);case a:return m(b+"Milliseconds",3);default:return this.clone()}},v.endOf=function(e){return this.startOf(e,!1)},v.$set=function(e,t){var o,l=S.p(e),c="set"+(this.$u?"UTC":""),h=(o={},o[r]=c+"Date",o[p]=c+"Date",o[d]=c+"Month",o[u]=c+"FullYear",o[s]=c+"Hours",o[n]=c+"Minutes",o[a]=c+"Seconds",o[i]=c+"Milliseconds",o)[l],m=l===r?this.$D+(t-this.$W):t;if(l===d||l===u){var f=this.clone().set(p,1);f.$d[h](m),f.init(),this.$d=f.set(p,Math.min(this.$D,f.daysInMonth())).$d}else h&&this.$d[h](m);return this.init(),this},v.set=function(e,t){return this.clone().$set(e,t)},v.get=function(e){return this[S.p(e)]()},v.add=function(i,c){var p,h=this;i=Number(i);var m=S.p(c),f=function(e){var t=$(h);return S.w(t.date(t.date()+Math.round(e*i)),h)};if(m===d)return this.set(d,this.$M+i);if(m===u)return this.set(u,this.$y+i);if(m===r)return f(1);if(m===l)return f(7);var g=(p={},p[n]=t,p[s]=o,p[a]=e,p)[m]||1,v=this.$d.getTime()+i*g;return S.w(v,this)},v.subtract=function(e,t){return this.add(-1*e,t)},v.format=function(e){var t=this,o=this.$locale();if(!this.isValid())return o.invalidDate||h;var i=e||"YYYY-MM-DDTHH:mm:ssZ",a=S.z(this),n=this.$H,s=this.$m,r=this.$M,l=o.weekdays,d=o.months,c=function(e,o,a,n){return e&&(e[o]||e(t,i))||a[o].slice(0,n)},u=function(e){return S.s(n%12||12,e,"0")},p=o.meridiem||function(e,t,o){var i=e<12?"AM":"PM";return o?i.toLowerCase():i},m={YY:String(this.$y).slice(-2),YYYY:this.$y,M:r+1,MM:S.s(r+1,2,"0"),MMM:c(o.monthsShort,r,d,3),MMMM:c(d,r),D:this.$D,DD:S.s(this.$D,2,"0"),d:String(this.$W),dd:c(o.weekdaysMin,this.$W,l,2),ddd:c(o.weekdaysShort,this.$W,l,3),dddd:l[this.$W],H:String(n),HH:S.s(n,2,"0"),h:u(1),hh:u(2),a:p(n,s,!0),A:p(n,s,!1),m:String(s),mm:S.s(s,2,"0"),s:String(this.$s),ss:S.s(this.$s,2,"0"),SSS:S.s(this.$ms,3,"0"),Z:a};return i.replace(f,(function(e,t){return t||m[e]||a.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(i,p,h){var m,f=S.p(p),g=$(i),v=(g.utcOffset()-this.utcOffset())*t,b=this-g,y=S.m(this,g);return y=(m={},m[u]=y/12,m[d]=y,m[c]=y/3,m[l]=(b-v)/6048e5,m[r]=(b-v)/864e5,m[s]=b/o,m[n]=b/t,m[a]=b/e,m)[f]||b,h?y:S.a(y)},v.daysInMonth=function(){return this.endOf(d).$D},v.$locale=function(){return w[this.$L]},v.locale=function(e,t){if(!e)return this.$L;var o=this.clone(),i=F(e,t,!0);return i&&(o.$L=i),o},v.clone=function(){return S.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},g}(),C=D.prototype;return $.prototype=C,[["$ms",i],["$s",a],["$m",n],["$H",s],["$W",r],["$M",d],["$y",u],["$D",p]].forEach((function(e){C[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),$.extend=function(e,t){return e.$i||(e(t,D,$),e.$i=!0),$},$.locale=F,$.isDayjs=x,$.unix=function(e){return $(1e3*e)},$.en=w[y],$.Ls=w,$.p={},$}()},547:function(e){e.exports=function(){"use strict";return function(e,t){t.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}}()},6419:(e,t,o)=>{"use strict";o.r(t),o.d(t,{ActionsMenu:()=>p,Anchor:()=>v,Badge:()=>$,Banner:()=>T,BaseDatasource:()=>Mr,Breadcrumb:()=>G,BreadcrumbItem:()=>M,Button:()=>Y,CSSVarsTokenMapper:()=>Rr,Card:()=>J,Checkbox:()=>ae,Combobox:()=>ce,ConnectionIndicator:()=>ve,DEFUALT_FILTER_BAR_COLUMNS:()=>bi,DataGrid:()=>xe,DataGridCell:()=>Ce,DataGridDatasource:()=>Nr,DataGridRow:()=>Le,DatePicker:()=>Ye,Dialog:()=>jt,DialogElement:()=>zt,Disclosure:()=>Wt,Divider:()=>Qt,DropdownMenu:()=>co,ErrorBanner:()=>go,ErrorBoundary:()=>Do,ErrorBoundaryEvent:()=>bo,ErrorDialog:()=>Lo,FaPrefixFromStyle:()=>ua,FileUpload:()=>Xo,Filter:()=>ci,FilterBar:()=>yi,FilterEvents:()=>di,FlexLayout:()=>_i,FlexMediaQueriesEnum:()=>xi,Flipper:()=>Li,Flyout:()=>Pi,FoundationDesignSystemProvider:()=>Mt,FoundationRouter:()=>zr,GridLayout:()=>Xi,GridLayoutItem:()=>ea,GridMediaQueriesEnum:()=>zi,Icon:()=>pa,ListboxOption:()=>ga,Menu:()=>Fa,MenuItem:()=>ka,Modal:()=>Ea,Multiselect:()=>Ua,MultiselectDatasource:()=>Pr,NumberField:()=>Xa,OptionsDatasource:()=>Ir,Popper:()=>ln,Progress:()=>tn,ProgressRing:()=>mn,Radio:()=>wn,RadioGroup:()=>Cn,SegmentedControl:()=>Rn,SegmentedItem:()=>Pn,Select:()=>Vn,Skeleton:()=>Zn,Slider:()=>rs,Snackbar:()=>is,Switch:()=>hs,Tab:()=>ys,TabPanel:()=>Ds,Tabs:()=>Ls,TextArea:()=>Is,TextField:()=>js,Toast:()=>Ks,Toolbar:()=>tr,Tooltip:()=>rr,TreeItem:()=>hr,TreeView:()=>yr,UrlInput:()=>_r,accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,accentPaletteValue:()=>_t,actionsMenuBaseStyles:()=>d,baseComponents:()=>Or,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,baseLayerLuminanceValue:()=>Ot,black:()=>Ze,bodyFont:()=>m.bodyFont,bodyFontValue:()=>At,closeIcon:()=>Pt,configureDesignSystem:()=>Ct,controlCornerRadius:()=>m.controlCornerRadius,controlCornerRadiusValue:()=>Lt,createDesignSystemProxy:()=>Tr,defaultAnchorConfig:()=>y,defaultBadgeConfig:()=>D,defaultBreadcrumbConfig:()=>z,defaultBreadcrumbItemConfig:()=>E,defaultButtonConfig:()=>q,defaultCardConfig:()=>ee,defaultCheckboxConfig:()=>se,defaultComboboxConfig:()=>pe,defaultDataGridCellConfig:()=>ke,defaultDataGridConfig:()=>$e,defaultDataGridRowConfig:()=>Ae,defaultDatePickerConfig:()=>Ue,defaultDialogConfig:()=>Bt,defaultDisclosureConfig:()=>Xt,defaultDividerConfig:()=>to,defaultFileUploadConfig:()=>Ko,defaultFillColor:()=>Je,defaultFlexLayoutConfig:()=>Ci,defaultFlipperConfig:()=>Ai,defaultFlyoutConfig:()=>Gi,defaultGridLayoutConfig:()=>Wi,defaultGridLayoutItemConfig:()=>Qi,defaultIconConfig:()=>ca,defaultListboxOptionConfig:()=>ba,defaultMenuConfig:()=>Sa,defaultMenuItemConfig:()=>Ta,defaultModalConfig:()=>Na,defaultMultiselectConfig:()=>Va,defaultNeutralForegroundContrast:()=>ut,defaultNumberFieldConfig:()=>Ka,defaultProgressConfig:()=>an,defaultProgressRingConfig:()=>gn,defaultRadioConfig:()=>Fn,defaultRadioGroupConfig:()=>kn,defaultSegmentedControlConfig:()=>Mn,defaultSegmentedItemConfig:()=>Gn,defaultSelectConfig:()=>Yn,defaultSkeletonConfig:()=>Jn,defaultSliderConfig:()=>ds,defaultSwitchConfig:()=>fs,defaultTabConfig:()=>xs,defaultTabPanelConfig:()=>_s,defaultTabsConfig:()=>As,defaultTextAreaConfig:()=>Hs,defaultTextFieldConfig:()=>Us,defaultToastConfig:()=>Zs,defaultToolbarConfig:()=>ir,defaultTooltipConfig:()=>dr,defaultTreeItemConfig:()=>fr,defaultTreeViewConfig:()=>xr,defaultUrlInputConfig:()=>Cr,defineFactory:()=>Hr,density:()=>m.density,designToken:()=>wt,designUnit:()=>m.designUnit,designUnitValue:()=>Rt,direction:()=>m.direction,directionValue:()=>Tt,disabledOpacity:()=>m.disabledOpacity,dropdownMenuBaseStyles:()=>io,errorDialogTemplate:()=>ko,extractMenuItems:()=>no,fillColor:()=>m.fillColor,flyoutAnimationTime:()=>Ei,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,foundationActionsMenu:()=>h,foundationActionsMenuStyles:()=>c,foundationActionsMenuTemplate:()=>u,foundationAnchor:()=>w,foundationAnchorShadowOptions:()=>b,foundationAnchorStyles:()=>g,foundationAnchorTemplate:()=>f,foundationBadge:()=>C,foundationBadgeShadowOptions:()=>S,foundationBadgeStyles:()=>F,foundationBadgeTemplate:()=>x,foundationBanner:()=>L,foundationBannerShadowOptions:()=>O,foundationBannerStyles:()=>_,foundationBannerTemplate:()=>k,foundationBreadcrumb:()=>j,foundationBreadcrumbItem:()=>I,foundationBreadcrumbItemShadowOptions:()=>N,foundationBreadcrumbItemStyles:()=>A,foundationBreadcrumbItemTemplate:()=>R,foundationBreadcrumbShadowOptions:()=>B,foundationBreadcrumbStyles:()=>H,foundationBreadcrumbTemplate:()=>P,foundationButton:()=>X,foundationButtonShadowOptions:()=>W,foundationButtonStyles:()=>U,foundationButtonTemplate:()=>V,foundationCard:()=>te,foundationCardShadowOptions:()=>Q,foundationCardStyles:()=>K,foundationCardTemplate:()=>Z,foundationCheckbox:()=>re,foundationCheckboxShadowOptions:()=>ne,foundationCheckboxStyles:()=>ie,foundationCheckboxTemplate:()=>oe,foundationCombobox:()=>he,foundationComboboxShadowOptions:()=>ue,foundationComboboxStyles:()=>de,foundationComboboxTemplate:()=>le,foundationConnectionIndicator:()=>be,foundationConnectionIndicatorStyles:()=>fe,foundationConnectionIndicatorTemplate:()=>ge,foundationDataGrid:()=>Se,foundationDataGridCell:()=>Oe,foundationDataGridCellShadowOptions:()=>_e,foundationDataGridCellStyles:()=>De,foundationDataGridCellTemplate:()=>r.dataGridCellTemplate,foundationDataGridRow:()=>Me,foundationDataGridRowShadowOptions:()=>Re,foundationDataGridRowStyles:()=>Te,foundationDataGridRowTemplate:()=>r.dataGridRowTemplate,foundationDataGridShadowOptions:()=>Fe,foundationDataGridStyles:()=>ye,foundationDataGridTemplate:()=>we,foundationDatePicker:()=>We,foundationDatePickerShadowOptions:()=>Ve,foundationDatePickerStyles:()=>Ie,foundationDatePickerTemplate:()=>Pe,foundationDesignSystemProvider:()=>Nt,foundationDialog:()=>Vt,foundationDialogShadowOptions:()=>Gt,foundationDialogStyles:()=>It,foundationDialogTemplate:()=>Ht,foundationDisclosure:()=>Zt,foundationDisclosureShadowOptions:()=>qt,foundationDisclosureStyles:()=>Yt,foundationDisclosureTemplate:()=>Ut,foundationDivider:()=>oo,foundationDividerShadowOptions:()=>eo,foundationDividerStyles:()=>Jt,foundationDividerTemplate:()=>Kt,foundationDropdownMenu:()=>uo,foundationDropdownMenuStyles:()=>ao,foundationDropdownMenuTemplate:()=>ro,foundationErrorBanner:()=>vo,foundationErrorBannerShadowOptions:()=>fo,foundationErrorBannerTemplate:()=>po,foundationErrorBoundary:()=>Co,foundationErrorBoundaryShadowOptions:()=>So,foundationErrorBoundaryTemplate:()=>$o,foundationErrorDialog:()=>Ro,foundationErrorDialogShadowOptions:()=>To,foundationErrorDialogStyles:()=>Oo,foundationFileUpload:()=>Jo,foundationFileUploadShadowOptions:()=>Zo,foundationFileUploadStyles:()=>No,foundationFileUploadTemplate:()=>Mo,foundationFilter:()=>ui,foundationFilterBar:()=>wi,foundationFilterBarStyles:()=>pi,foundationFilterBarTemplate:()=>vi,foundationFilterStyles:()=>Qo,foundationFilterTemplate:()=>li,foundationFlexLayout:()=>ki,foundationFlexLayoutShadowOptions:()=>Di,foundationFlexLayoutStyles:()=>$i,foundationFlexLayoutTemplate:()=>Si,foundationFlipper:()=>Mi,foundationFlipperShadowOptions:()=>Ri,foundationFlipperStyles:()=>Ti,foundationFlipperTemplate:()=>Oi,foundationFlyout:()=>Bi,foundationFlyoutShadowOptions:()=>Hi,foundationFlyoutStyles:()=>Ii,foundationFlyoutTemplate:()=>Ni,foundationGridLayout:()=>Zi,foundationGridLayoutItem:()=>ta,foundationGridLayoutItemShadowOptions:()=>Ji,foundationGridLayoutItemTemplate:()=>Ki,foundationGridLayoutShadowOptions:()=>Yi,foundationGridLayoutStyles:()=>Vi,foundationGridLayoutTemplate:()=>Ui,foundationIcon:()=>ha,foundationIconShadowOptions:()=>da,foundationIconStyles:()=>la,foundationIconTemplate:()=>oa,foundationListboxOption:()=>ya,foundationListboxOptionShadowOptions:()=>va,foundationListboxOptionStyles:()=>fa,foundationListboxOptionTemplate:()=>ma,foundationMenu:()=>Da,foundationMenuItem:()=>La,foundationMenuItemShadowOptions:()=>Oa,foundationMenuItemStyles:()=>_a,foundationMenuItemTemplate:()=>Ca,foundationMenuShadowOptions:()=>$a,foundationMenuStyles:()=>xa,foundationMenuTemplate:()=>wa,foundationModal:()=>Ia,foundationModalShadowOptions:()=>Ma,foundationModalStyles:()=>Ra,foundationModalTemplate:()=>Aa,foundationMultiselect:()=>Ya,foundationMultiselectShadowOptions:()=>ja,foundationNumberField:()=>Ja,foundationNumberFieldShadowOptions:()=>Za,foundationNumberFieldStyles:()=>qa,foundationNumberFieldTemplate:()=>Wa,foundationPopper:()=>un,foundationProgress:()=>nn,foundationProgressRing:()=>vn,foundationProgressRingShadowOptions:()=>fn,foundationProgressRingStyles:()=>hn,foundationProgressRingTemplate:()=>pn,foundationProgressShadowOptions:()=>on,foundationProgressStyles:()=>en,foundationProgressTemplate:()=>Qa,foundationRadio:()=>$n,foundationRadioGroup:()=>On,foundationRadioGroupShadowOptions:()=>_n,foundationRadioGroupStyles:()=>Dn,foundationRadioGroupTemplate:()=>Sn,foundationRadioShadowOptions:()=>xn,foundationRadioStyles:()=>yn,foundationRadioTemplate:()=>bn,foundationSegmentedControl:()=>Nn,foundationSegmentedControlShadowOptions:()=>An,foundationSegmentedControlStyles:()=>Ln,foundationSegmentedControlTemplate:()=>Tn,foundationSegmentedItem:()=>Bn,foundationSegmentedItemShadowOptions:()=>Hn,foundationSegmentedItemStyles:()=>In,foundationSegmentedItemTemplate:()=>En,foundationSelect:()=>Wn,foundationSelectShadowOptions:()=>Un,foundationSelectStyles:()=>jn,foundationSelectTemplate:()=>zn,foundationSkeleton:()=>Qn,foundationSkeletonShadowOptions:()=>Kn,foundationSkeletonStyles:()=>Xn,foundationSkeletonTemplate:()=>qn,foundationSlider:()=>cs,foundationSliderShadowOptions:()=>ls,foundationSliderStyles:()=>ss,foundationSliderTemplate:()=>ns,foundationSnackbar:()=>as,foundationSnackbarShadowOptions:()=>os,foundationSnackbarStyles:()=>es,foundationSnackbarTemplate:()=>ts,foundationSwitch:()=>gs,foundationSwitchShadowOptions:()=>ms,foundationSwitchStyles:()=>ps,foundationSwitchTemplate:()=>us,foundationTab:()=>Fs,foundationTabPanel:()=>ks,foundationTabPanelShadowOptions:()=>Cs,foundationTabPanelStyles:()=>Ss,foundationTabPanelTemplate:()=>$s,foundationTabShadowOptions:()=>ws,foundationTabStyles:()=>bs,foundationTabTemplate:()=>vs,foundationTabs:()=>Ms,foundationTabsShadowOptions:()=>Rs,foundationTabsStyles:()=>Ts,foundationTabsTemplate:()=>Os,foundationTextArea:()=>Gs,foundationTextAreaShadowOptions:()=>Ps,foundationTextAreaStyles:()=>Es,foundationTextAreaTemplate:()=>Ns,foundationTextField:()=>Ys,foundationTextFieldShadowOptions:()=>Vs,foundationTextFieldStyles:()=>zs,foundationTextFieldTemplate:()=>Bs,foundationToast:()=>Js,foundationToastShadowOptions:()=>Xs,foundationToastStyles:()=>Ws,foundationToastTemplate:()=>qs,foundationToolbar:()=>ar,foundationToolbarShadowOptions:()=>or,foundationToolbarStyles:()=>er,foundationToolbarTemplate:()=>Qs,foundationTooltip:()=>cr,foundationTooltipShadowOptions:()=>lr,foundationTooltipStyles:()=>sr,foundationTooltipTemplate:()=>nr,foundationTreeItem:()=>gr,foundationTreeItemShadowOptions:()=>mr,foundationTreeItemStyles:()=>pr,foundationTreeItemTemplate:()=>ur,foundationTreeView:()=>Fr,foundationTreeViewShadowOptions:()=>wr,foundationTreeViewStyles:()=>br,foundationTreeViewTemplate:()=>vr,foundationUrlInput:()=>kr,foundationUrlInputShadowOptions:()=>Dr,foundationUrlInputStyles:()=>Sr,fuiAccentPalette:()=>rt,fuiAccentSwatch:()=>st,fuiCardFillColor:()=>ct,fuiCardForegroundColor:()=>ht,fuiDefaultCardFillColor:()=>et,fuiDefaultCardPalette:()=>tt,fuiFillColor:()=>dt,fuiNeutralPalette:()=>at,fuiNeutralSwatch:()=>it,getDefaultConfig:()=>St,getDropdownMenuTemplate:()=>so,getErrorDialogTemplate:()=>_o,getExports:()=>Dt,getFontawesomeIconsCss:()=>ra,getPrefixedFileUpload:()=>Ao,getPrefixedMultiselect:()=>Pa,jsonConverter:()=>rn,mapType:()=>hi,maxheight:()=>Ga,mixinSegoeUiFontFamily:()=>ft,multiselectStyles:()=>Ba,multiselectTemplate:()=>Ha,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForeground:()=>pt,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralPaletteValue:()=>kt,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,paletteFromHex:()=>Ft,provideDesignSystem:()=>Lr,provideTokens:()=>yt,registerFoundationDesignSystem:()=>jr,segoeUiFontFaces:()=>mt,strokeWidth:()=>m.strokeWidth,swatchConverter:()=>xt,tagFor:()=>Gr,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight,urlinputTemplate:()=>$r,white:()=>Xe});var i={};o.r(i),o.d(i,{accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,bodyFont:()=>m.bodyFont,controlCornerRadius:()=>m.controlCornerRadius,defaultNeutralForegroundContrast:()=>ut,density:()=>m.density,designUnit:()=>m.designUnit,direction:()=>m.direction,disabledOpacity:()=>m.disabledOpacity,fillColor:()=>m.fillColor,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,fuiCardFillColor:()=>ct,fuiCardForegroundColor:()=>ht,fuiFillColor:()=>dt,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForeground:()=>pt,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,strokeWidth:()=>m.strokeWidth,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight});var a={};o.r(a),o.d(a,{accentPaletteValue:()=>_t,baseLayerLuminanceValue:()=>Ot,bodyFontValue:()=>At,controlCornerRadiusValue:()=>Lt,designUnitValue:()=>Rt,directionValue:()=>Tt,neutralPaletteValue:()=>kt});var n=o(5373),s=o(1273),r=o(9398),l=o(9691);const d=(e,t)=>s.css`
|
|
2
|
-
:host {
|
|
3
|
-
--actions-opener-height-multiplier: 0.7px;
|
|
4
|
-
--actions-opener-bg-color: 249 254 255;
|
|
5
|
-
--menu-item-height-multiplier: 0.7px;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.actions-container {
|
|
9
|
-
align-items: center;
|
|
10
|
-
display: flex;
|
|
11
|
-
height: 100%;
|
|
12
|
-
justify-content: right;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.actions-menu {
|
|
16
|
-
display: none;
|
|
17
|
-
position: absolute;
|
|
18
|
-
max-width: 350px;
|
|
19
|
-
overflow-y: auto;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.actions-vertical .actions-menu {
|
|
23
|
-
padding: calc(var(--design-unit) * 1px);
|
|
24
|
-
max-height: 175px;
|
|
25
|
-
z-index: 100;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.actions-menu:not(.hidden):hover {
|
|
29
|
-
display: inline-flex;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.hidden {
|
|
33
|
-
display: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.visible {
|
|
37
|
-
display: inline-flex;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.actions-opener {
|
|
41
|
-
align-self: center;
|
|
42
|
-
display: flex;
|
|
43
|
-
height: calc(
|
|
44
|
-
(var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
|
|
45
|
-
var(--actions-opener-height-multiplier)
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
svg {
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: 100%;
|
|
52
|
-
fill: #879ba6;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.actions-opener:hover svg {
|
|
56
|
-
fill: #fff;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
fast-menu-item {
|
|
60
|
-
display: flex;
|
|
61
|
-
user-select: none;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
fast-menu-item::part(content) {
|
|
65
|
-
margin-inline: 10px;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
fast-menu-item[disabled] {
|
|
69
|
-
pointer-events: none;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.menu-item {
|
|
73
|
-
flex: 1;
|
|
74
|
-
max-height: calc(
|
|
75
|
-
(var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
|
|
76
|
-
var(--menu-item-height-multiplier)
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.actions-vertical .menu-item {
|
|
81
|
-
flex: 1 1 auto;
|
|
82
|
-
justify-content: center;
|
|
83
|
-
margin: calc(var(--design-unit) * 1px);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.actions-vertical .visible,
|
|
87
|
-
.actions-vertical .actions-menu:not(.hidden):hover {
|
|
88
|
-
display: flex;
|
|
89
|
-
flex-direction: column;
|
|
90
|
-
}
|
|
91
|
-
`,c=(e,t)=>s.css`
|
|
92
|
-
${d(e,t)}
|
|
93
|
-
`,u=s.html`
|
|
94
|
-
<div
|
|
95
|
-
class="actions-container${e=>e.isVertical?" actions-vertical":""}"
|
|
96
|
-
part="actions-container"
|
|
97
|
-
>
|
|
98
|
-
<fast-button
|
|
99
|
-
id="actiosnMenuTrigger"
|
|
100
|
-
class="actions-opener${e=>e.open?" opened":""}"
|
|
101
|
-
appearance="${e=>e.buttonAppearance}"
|
|
102
|
-
part="actions-opener"
|
|
103
|
-
@click=${e=>e.toggleActionsMenuVisibility()}
|
|
104
|
-
>
|
|
105
|
-
${e=>e.open?"✖":s.html`
|
|
106
|
-
${e.name}
|
|
107
|
-
`}
|
|
108
|
-
</fast-button>
|
|
109
|
-
<fast-menu
|
|
110
|
-
${(0,s.ref)("actionsMenu")}
|
|
111
|
-
class="actions-menu ${e=>e.classNames}"
|
|
112
|
-
part="actions-menu"
|
|
113
|
-
>
|
|
114
|
-
${(0,s.repeat)((e=>e.allActions),s.html`
|
|
115
|
-
${(0,s.when)(((e,t)=>e.isDisabled&&e.isDisabled(t.parent.rowData)),s.html`
|
|
116
|
-
<fast-menu-item
|
|
117
|
-
class="menu-item"
|
|
118
|
-
tabindex="${(e,t)=>t.index}"
|
|
119
|
-
disabled
|
|
120
|
-
>
|
|
121
|
-
${e=>e.name}
|
|
122
|
-
</fast-menu-item>
|
|
123
|
-
`)}
|
|
124
|
-
${(0,s.when)(((e,t)=>!e.isDisabled||!e.isDisabled(t.parent.rowData)),s.html`
|
|
125
|
-
<fast-menu-item
|
|
126
|
-
class="menu-item"
|
|
127
|
-
tabindex="${(e,t)=>t.index}"
|
|
128
|
-
@click=${(e,t)=>t.parent.onActionMenuItemClick(e.callback)}
|
|
129
|
-
style="${e=>e.color?`color: ${e.color};`:""}"
|
|
130
|
-
>
|
|
131
|
-
${e=>e.name}
|
|
132
|
-
</fast-menu-item>
|
|
133
|
-
`)}
|
|
134
|
-
`,{positioning:!0})}
|
|
135
|
-
</fast-menu>
|
|
136
|
-
</div>
|
|
137
|
-
`;class p extends r.FoundationElement{constructor(){super(...arguments),this.isVertical=!1,this.addDefaultActions=!0,this.autoCloseOnAction=!0,this.name="Actions",this.open=!1}definitionChanged(e,t){var o,i;this.actions=[...null!==(o=this.actions)&&void 0!==o?o:[],...null!==(i=null==t?void 0:t.actions)&&void 0!==i?i:[]],delete this.definition.actions,t.buttonText&&(this.name=t.buttonText,delete this.definition.customButtonText),t.isVertical&&(this.isVertical=t.isVertical,delete this.definition.isVertical),t.buttonAppearance&&(this.buttonAppearance=t.buttonAppearance,delete this.definition.buttonAppearance)}openChanged(){this.classNames=(0,l.classNames)(["visible",this.open],["hidden",!this.open])}toggleActionsMenuVisibility(){this.open=!this.open}onActionMenuItemClick(e){this.autoCloseOnAction&&(this.open=!1),e(this.rowData)}get allActions(){var e;const t=[{name:"✖",callback:()=>this.open=!1}];return this.addDefaultActions?[...null!==(e=this.actions)&&void 0!==e?e:[],...t]:this.actions}get rowData(){if(!this.definition)return;const{node:e,data:t}=this.definition;return(null==e?void 0:e.data)||t}}(0,n.__decorate)([s.observable],p.prototype,"actions",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"is-vertical",mode:"boolean"})],p.prototype,"isVertical",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"add-default-actions",mode:"boolean"})],p.prototype,"addDefaultActions",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"auto-close-on-action",mode:"boolean"})],p.prototype,"autoCloseOnAction",void 0),(0,n.__decorate)([s.observable],p.prototype,"classNames",void 0),(0,n.__decorate)([s.observable],p.prototype,"definition",void 0),(0,n.__decorate)([s.attr],p.prototype,"name",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"open",mode:"boolean"})],p.prototype,"open",void 0),(0,n.__decorate)([s.attr],p.prototype,"buttonAppearance",void 0);const h=p.compose({baseName:"actions-menu",styles:c,template:u});var m=o(2617);const f=(e,t)=>(0,r.anchorTemplate)(e,t),g=(e,t)=>s.css`
|
|
138
|
-
${(0,m.anchorStyles)(e,t)}
|
|
139
|
-
`;class v extends m.Anchor{}const b={delegatesFocus:!0,mode:"open"},y={},w=v.compose(Object.assign({baseName:"anchor",template:f,styles:g,shadowOptions:b},y)),x=(e,t)=>(0,r.badgeTemplate)(e,t),F=(e,t)=>s.css`
|
|
140
|
-
${(0,m.badgeStyles)(e,t)}
|
|
141
|
-
`;class $ extends m.Badge{}const S=void 0,D={},C=$.compose(Object.assign({baseName:"badge",template:x,styles:F,shadowOptions:S},D)),_=s.css`
|
|
142
|
-
@keyframes delete-animate {
|
|
143
|
-
from {
|
|
144
|
-
height: 100px;
|
|
145
|
-
opacity: 100%;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
to {
|
|
149
|
-
height: 0;
|
|
150
|
-
opacity: 0%;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
@keyframes append-animate {
|
|
155
|
-
from {
|
|
156
|
-
height: 0;
|
|
157
|
-
opacity: 0%;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
to {
|
|
161
|
-
height: var(--banner-height);
|
|
162
|
-
opacity: 100%;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
:host {
|
|
167
|
-
--banner-width: 100%;
|
|
168
|
-
--banner-height: 65px;
|
|
169
|
-
--flow: row;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
@media screen and (max-width: 640px) {
|
|
173
|
-
:host {
|
|
174
|
-
--flow: column;
|
|
175
|
-
--banner-height: 100px;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.banner {
|
|
180
|
-
animation: append-animate 0.3s linear;
|
|
181
|
-
width: var(--banner-width);
|
|
182
|
-
height: var(--banner-height);
|
|
183
|
-
background-color: var(--fill-color);
|
|
184
|
-
display: flex;
|
|
185
|
-
flex-direction: var(--flow);
|
|
186
|
-
padding: 5px 8px;
|
|
187
|
-
box-sizing: border-box;
|
|
188
|
-
overflow: hidden;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.banner-delete {
|
|
192
|
-
animation: delete-animate 0.3s linear;
|
|
193
|
-
opacity: 0%;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
.content {
|
|
197
|
-
display: flex;
|
|
198
|
-
align-items: center;
|
|
199
|
-
flex: 2;
|
|
200
|
-
font-size: 12px;
|
|
201
|
-
overflow: hidden;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.action {
|
|
205
|
-
display: flex;
|
|
206
|
-
flex-direction: row-reverse;
|
|
207
|
-
align-items: center;
|
|
208
|
-
gap: 10px;
|
|
209
|
-
flex: 1;
|
|
210
|
-
overflow: hidden;
|
|
211
|
-
}
|
|
212
|
-
`,k=s.html`
|
|
213
|
-
<div class="banner ${e=>e.dismissAnimation}" ${(0,s.ref)("banner")}>
|
|
214
|
-
<div part="content" class="content">
|
|
215
|
-
<slot name="content"></slot>
|
|
216
|
-
</div>
|
|
217
|
-
<div part="action" class="action">
|
|
218
|
-
<slot name="action" class="action"></slot>
|
|
219
|
-
</div>
|
|
220
|
-
</div>
|
|
221
|
-
`,O={mode:"open",delegatesFocus:!0};class T extends r.FoundationElement{constructor(){super(...arguments),this.dismissAnimation=""}connectedCallback(){super.connectedCallback()}dismiss(){return this.dismissAnimation="banner-delete",new Promise((e=>{this.banner.onanimationend=()=>{this.remove(),e()}}))}}(0,n.__decorate)([s.observable],T.prototype,"dismissAnimation",void 0);const L=T.compose({baseName:"banner",styles:_,template:k,shadowOptions:O}),R=(e,t)=>(0,r.breadcrumbItemTemplate)(e,t),A=(e,t)=>s.css`
|
|
222
|
-
${(0,m.breadcrumbItemStyles)(e,t)}
|
|
223
|
-
`;class M extends m.BreadcrumbItem{}const N=void 0,E={separator:"/"},I=M.compose(Object.assign({baseName:"breadcrumb-item",template:R,styles:A,shadowOptions:N},E)),P=(e,t)=>(0,r.breadcrumbTemplate)(e,t),H=(e,t)=>s.css`
|
|
224
|
-
${(0,m.breadcrumbStyles)(e,t)}
|
|
225
|
-
`;class G extends m.Breadcrumb{}const B=void 0,z={},j=G.compose(Object.assign({baseName:"breadcrumb",template:P,styles:H,shadowOptions:B},z)),V=(e,t)=>(0,r.buttonTemplate)(e,t),U=(e,t)=>s.css`
|
|
226
|
-
${(0,m.buttonStyles)(e,t)}
|
|
227
|
-
`;class Y extends m.Button{}const W={delegatesFocus:!0,mode:"open"},q={},X=Y.compose(Object.assign({baseName:"button",template:V,styles:U,shadowOptions:W},q)),Z=(e,t)=>(0,r.cardTemplate)(e,t),K=(e,t)=>s.css`
|
|
228
|
-
${(0,m.cardStyles)(e,t)}
|
|
229
|
-
:host {
|
|
230
|
-
background-color: var(--fui-card-fill-color);
|
|
231
|
-
color: var(--fui-card-foreground-color);
|
|
232
|
-
}
|
|
233
|
-
`;class J extends m.Card{}const Q=void 0,ee={},te=J.compose(Object.assign({baseName:"card",template:Z,styles:K,shadowOptions:Q},ee)),oe=(e,t)=>(0,r.checkboxTemplate)(e,t),ie=(e,t)=>s.css`
|
|
234
|
-
${(0,m.checkboxStyles)(e,t)}
|
|
235
|
-
`;class ae extends m.Checkbox{}const ne=void 0,se={checkedIndicator:'\n <svg\n aria-hidden="true"\n part="checked-indicator"\n class="checked-indicator"\n viewBox="0 0 20 20"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n fill-rule="evenodd"\n clip-rule="evenodd"\n d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n />\n </svg>\n ',indeterminateIndicator:'\n <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n '},re=ae.compose(Object.assign({baseName:"checkbox",template:oe,styles:ie,shadowOptions:ne},se)),le=(e,t)=>(0,r.comboboxTemplate)(e,t),de=(e,t)=>s.css`
|
|
236
|
-
${(0,m.comboboxStyles)(e,t)}
|
|
237
|
-
`;class ce extends m.Combobox{}const ue=void 0,pe={indicator:'\n <svg\n class="combo-box-indicator"\n part="combo-box-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '},he=ce.compose(Object.assign({baseName:"combobox",template:le,styles:de,shadowOptions:ue},pe));var me=o(2140);const fe=(e,t)=>s.css`
|
|
238
|
-
:host {
|
|
239
|
-
--light-size: 12px;
|
|
240
|
-
--height: calc(var(--design-unit) * 2px + var(--light-size));
|
|
241
|
-
|
|
242
|
-
display: flex;
|
|
243
|
-
justify-content: center;
|
|
244
|
-
align-items: center;
|
|
245
|
-
width: 100%;
|
|
246
|
-
height: var(--height);
|
|
247
|
-
margin: calc(var(--design-unit) * 2px) 0;
|
|
248
|
-
|
|
249
|
-
/* https://www.colorxs.com/color/traffic-light-green-2032-20 */
|
|
250
|
-
--green: 50 164 49;
|
|
251
|
-
--trafic-light-green: rgb(var(--green));
|
|
252
|
-
--trafic-light-green-glow:
|
|
253
|
-
rgb(var(--green) / 40%) 0 0 4px 4px,
|
|
254
|
-
rgb(var(--green) / 20%) 0 0 8px 8px;
|
|
255
|
-
|
|
256
|
-
/* https://www.colorxs.com/color/ral-3020-traffic-red */
|
|
257
|
-
--red: 187 30 16;
|
|
258
|
-
--trafic-light-red: rgb(var(--red));
|
|
259
|
-
--trafic-light-red-glow:
|
|
260
|
-
rgb(var(--red) / 40%) 0 0 4px 4px,
|
|
261
|
-
rgb(var(--red) / 20%) 0 0 8px 8px;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.light {
|
|
265
|
-
height: var(--light-size);
|
|
266
|
-
width: var(--light-size);
|
|
267
|
-
margin: 1rem;
|
|
268
|
-
border-radius: 100%;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
.green {
|
|
272
|
-
background: var(--trafic-light-green);
|
|
273
|
-
box-shadow: var(--trafic-light-green-glow);
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
.red {
|
|
277
|
-
background: var(--trafic-light-red);
|
|
278
|
-
box-shadow: var(--trafic-light-red-glow);
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
.label {
|
|
282
|
-
font-family: 'Courier New', Courier, monospace;
|
|
283
|
-
font-size: small;
|
|
284
|
-
color: grey;
|
|
285
|
-
overflow: hidden;
|
|
286
|
-
text-overflow: ellipsis;
|
|
287
|
-
white-space: nowrap;
|
|
288
|
-
}
|
|
289
|
-
`,ge=s.html`
|
|
290
|
-
<div class=${e=>(0,l.classNames)(["light",!0],[e.colour,!0])}></div>
|
|
291
|
-
${(0,s.when)((e=>e.showLabel),s.html`
|
|
292
|
-
<div class="label">${e=>e.label}</div>
|
|
293
|
-
`)}
|
|
294
|
-
`;class ve extends r.FoundationElement{constructor(){super(...arguments),this.showLabel=!1,this.label="disconnected",this.colour="red"}connectedCallback(){super.connectedCallback(),this.subscription=this.connect.isConnectedSubject.subscribe((e=>{this.label=this.getLabel(e),this.colour=e?"green":"red"}))}disconnectedCallback(){var e;null===(e=this.subscription)||void 0===e||e.unsubscribe()}getLabel(e){if(!e)return"disconnected";return`${this.session.getSessionStorageItem("hostUrl")} ✔`}}(0,n.__decorate)([me.Connect],ve.prototype,"connect",void 0),(0,n.__decorate)([me.Session],ve.prototype,"session",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean",attribute:"show-label"})],ve.prototype,"showLabel",void 0),(0,n.__decorate)([s.observable],ve.prototype,"label",void 0),(0,n.__decorate)([s.observable],ve.prototype,"colour",void 0);const be=ve.compose({baseName:"connection-indicator",template:ge,styles:fe}),ye=(e,t)=>s.css`
|
|
295
|
-
${(0,m.dataGridStyles)(e,t)}
|
|
296
|
-
`,we=(e,t)=>(0,r.dataGridTemplate)(e,t);class xe extends m.DataGrid{}const Fe=void 0,$e={},Se=xe.compose(Object.assign({baseName:"data-grid",template:we,styles:ye,shadowOptions:Fe},$e)),De=(e,t)=>s.css`
|
|
297
|
-
${(0,m.dataGridCellStyles)(e,t)}
|
|
298
|
-
`;class Ce extends m.DataGridCell{}const _e=void 0,ke={},Oe=Ce.compose(Object.assign({baseName:"data-grid-cell",template:r.dataGridCellTemplate,styles:De,shadowOptions:_e},ke)),Te=(e,t)=>s.css`
|
|
299
|
-
${(0,m.dataGridRowStyles)(e,t)}
|
|
300
|
-
`;class Le extends m.DataGridRow{}const Re=void 0,Ae={},Me=Le.compose(Object.assign({baseName:"data-grid-row",template:r.dataGridRowTemplate,styles:Te,shadowOptions:Re},Ae));var Ne=o(6436),Ee=o.n(Ne);const Ie=s.css`
|
|
301
|
-
:host {
|
|
302
|
-
position: relative;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
.date-toggle {
|
|
306
|
-
padding: 0 0 0 15px;
|
|
307
|
-
border: none;
|
|
308
|
-
appearance: none;
|
|
309
|
-
background: #eee;
|
|
310
|
-
color: #333;
|
|
311
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
312
|
-
cursor: pointer;
|
|
313
|
-
text-transform: capitalize;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
.date-toggle zero-icon {
|
|
317
|
-
padding: 10px;
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
.calendar-dropdown {
|
|
321
|
-
display: none;
|
|
322
|
-
width: 300px;
|
|
323
|
-
z-index: 999;
|
|
324
|
-
position: absolute;
|
|
325
|
-
top: 100%;
|
|
326
|
-
left: 50%;
|
|
327
|
-
transform: translate(-50%, 8px);
|
|
328
|
-
margin: 10px 0 0;
|
|
329
|
-
padding: 20px;
|
|
330
|
-
background: var(--neutral-foreground-rest);
|
|
331
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
332
|
-
box-shadow: 0 0 8px rgb(0 0 0 / 20%);
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
.calendar-dropdown.top {
|
|
336
|
-
top: auto;
|
|
337
|
-
bottom: 100%;
|
|
338
|
-
margin: 0 0 5px;
|
|
339
|
-
transform: translate(-50%, -8px);
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
.calendar-dropdown.left {
|
|
343
|
-
top: 50%;
|
|
344
|
-
left: 0;
|
|
345
|
-
margin: 0 0 0 5px;
|
|
346
|
-
transform: translate(calc(-8px + -100%), -50%);
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
.calendar-dropdown.right {
|
|
350
|
-
top: 50%;
|
|
351
|
-
left: 100%;
|
|
352
|
-
transform: translate(8px, -50%);
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
.calendar-dropdown.visible {
|
|
356
|
-
display: block;
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
.header {
|
|
360
|
-
display: flex;
|
|
361
|
-
justify-content: space-between;
|
|
362
|
-
align-items: center;
|
|
363
|
-
margin: 0 0 10px;
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
.header h3 {
|
|
367
|
-
margin: 0;
|
|
368
|
-
text-transform: capitalize;
|
|
369
|
-
font-weight: bold;
|
|
370
|
-
color: var(--foreground-on-accent-rest);
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
.header .months-arrows {
|
|
374
|
-
display: flex;
|
|
375
|
-
flex-direction: row;
|
|
376
|
-
}
|
|
377
|
-
|
|
378
|
-
.header .icon-container {
|
|
379
|
-
display: flex;
|
|
380
|
-
width: 25px;
|
|
381
|
-
height: 25px;
|
|
382
|
-
justify-content: center;
|
|
383
|
-
align-items: center;
|
|
384
|
-
cursor: pointer;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
.header .icon-container:first-child {
|
|
388
|
-
margin-right: calc(var(--design-unit) * 2px);
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
.header .prev-month,
|
|
392
|
-
.header .next-month {
|
|
393
|
-
color: var(--foreground-on-accent-rest);
|
|
394
|
-
font-size: 18px;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
.week-days {
|
|
398
|
-
display: grid;
|
|
399
|
-
grid-template-columns: repeat(7, 1fr);
|
|
400
|
-
grid-gap: 5px;
|
|
401
|
-
margin-bottom: 10px;
|
|
402
|
-
color: var(--foreground-on-accent-rest);
|
|
403
|
-
}
|
|
404
|
-
|
|
405
|
-
.week-days span {
|
|
406
|
-
display: flex;
|
|
407
|
-
justify-content: center;
|
|
408
|
-
align-items: center;
|
|
409
|
-
font-size: 14px;
|
|
410
|
-
font-weight: bold;
|
|
411
|
-
text-transform: capitalize;
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
.month-days {
|
|
415
|
-
display: grid;
|
|
416
|
-
grid-template-columns: repeat(7, 1fr);
|
|
417
|
-
grid-gap: 5px;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
.month-day {
|
|
421
|
-
padding: 8px 5px;
|
|
422
|
-
color: #808080;
|
|
423
|
-
background: none;
|
|
424
|
-
display: flex;
|
|
425
|
-
justify-content: center;
|
|
426
|
-
align-items: center;
|
|
427
|
-
border-radius: calc(var(--control-corner-radius) * 4px);
|
|
428
|
-
cursor: pointer;
|
|
429
|
-
border: none;
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
.month-day.current {
|
|
433
|
-
opacity: 100%;
|
|
434
|
-
color: var(--foreground-on-accent-rest);
|
|
435
|
-
}
|
|
436
|
-
|
|
437
|
-
.month-day.selected {
|
|
438
|
-
background: var(--accent-foreground-rest);
|
|
439
|
-
color: var(--neutral-foreground-rest);
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
.month-day:hover {
|
|
443
|
-
background: var(--neutral-stroke-hover);
|
|
444
|
-
color: (--neutral-foreground-rest);
|
|
445
|
-
}
|
|
446
|
-
`,Pe=s.html`
|
|
447
|
-
<foundation-button type="button" class="date-toggle" ${(0,s.ref)("toggleButton")}>
|
|
448
|
-
${e=>e.formatDate}
|
|
449
|
-
<zero-icon variant="regular" name="calendar-alt"></zero-icon>
|
|
450
|
-
</foundation-button>
|
|
451
|
-
<div class="calendar-dropdown ${e=>e.calendarDropdownClasses} ${e=>e.position}">
|
|
452
|
-
<div class="header">
|
|
453
|
-
<h3>${e=>e.currentMonth} ${e=>e.currentYear}</h3>
|
|
454
|
-
<div class="months-arrows">
|
|
455
|
-
<div class="icon-container" ${(0,s.ref)("prevBtn")}>
|
|
456
|
-
<zero-icon name="angle-left" class="prev-month" aria-label="previous month"></zero-icon>
|
|
457
|
-
</div>
|
|
458
|
-
<div class="icon-container" ${(0,s.ref)("nextBtn")}>
|
|
459
|
-
<zero-icon name="angle-right" class="next-month" aria-label="next month"></zero-icon>
|
|
460
|
-
</div>
|
|
461
|
-
</div>
|
|
462
|
-
</div>
|
|
463
|
-
<div class="week-days">
|
|
464
|
-
${(0,s.repeat)((e=>e.calendar.weekDays),s.html`
|
|
465
|
-
<span>${(e,t)=>e.substring(0,t.parent.substringNumber)}</span>
|
|
466
|
-
`)}
|
|
467
|
-
</div>
|
|
468
|
-
<div class="month-days" ${(0,s.ref)("calendarDaysContainer")}>
|
|
469
|
-
${(0,s.repeat)((e=>e.monthList),s.html`
|
|
470
|
-
<button
|
|
471
|
-
class="month-day
|
|
472
|
-
${(e,t)=>t.parent.isSelectedDate(e)?"selected":""}
|
|
473
|
-
${(e,t)=>e.monthNumber===t.parent.calendar.month.number?"current":""}"
|
|
474
|
-
@click=${(e,t)=>t.parent.selectDay(e)}
|
|
475
|
-
>
|
|
476
|
-
${(e,t)=>e.date}
|
|
477
|
-
</button>
|
|
478
|
-
`)}
|
|
479
|
-
</div>
|
|
480
|
-
</div>
|
|
481
|
-
`;class He{constructor(e=null,t="default"){e=null!=e?e:new Date,this.Date=e,this.date=e.getDate(),this.day=e.toLocaleString(t,{weekday:"long"}),this.dayNumber=e.getDay()+1,this.dayShort=e.toLocaleString(t,{weekday:"short"}),this.year=e.getFullYear(),this.yearShort=Number(e.toLocaleString(t,{year:"2-digit"})),this.month=e.toLocaleString(t,{month:"long"}),this.monthShort=e.toLocaleString(t,{month:"short"}),this.monthNumber=e.getMonth()+1,this.timestamp=e.getTime()}}var Ge=o(547),Be=o.n(Ge);Ee().extend(Be());class ze{constructor(e=null,t="default"){const o=new He(e,t);this.lang=t,this.name=o.month,this.number=o.monthNumber,this.year=o.year,this.numberOfDays=[31,28,31,30,31,30,31,31,30,31,30,31][this.number-1],2===this.number&&(this.numberOfDays+=Ee()(o.date).isLeapYear()?1:0)}getDay(e){return new He(new Date(this.year,this.number-1,e),this.lang)}}Ee().extend(Be());class je{constructor(e=null,t=null,o="default"){this.weekDays=Array.from({length:7}),this.today=new He(null,o),this.year=null!=e?e:this.today.year,this.month=new ze(new Date(this.year,(t||this.today.monthNumber)-1),o),this.lang=o,this.weekDays.forEach(((e,t)=>{const o=this.month.getDay(t);this.weekDays[o.dayNumber-1]=o.day}))}getMonth(e){return new ze(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new ze(new Date(this.year-1,11),this.lang):new ze(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new ze(new Date(this.year+1,0),this.lang):new ze(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new ze(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new ze(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new ze(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new ze(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new ze(new Date(this.year,this.month.number-1-1),this.lang)}}const Ve=void 0,Ue={};class Ye extends r.FoundationElement{formatChanged(e,t){t&&this.calendar&&(this.formatDate=Ee()(this.currentDate.Date).format(t))}valueChanged(e,t){t&&this.calendar&&(this.currentDate=new He(new Date(t)),this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid())}constructor(){var e;super(),this.format="MM-DD-YYYY",this.visible=!1,this.position="bottom";const t="en-US",o=new Date(null!==(e=this.currentDate)&&void 0!==e?e:this.getAttribute("value")||Date.now());this.substringNumber=3,this.currentDate=new He(o,t),this.value=Ee()(this.currentDate.Date).format("MM-DD-YYYY"),this.calendar=new je(this.currentDate.year,this.currentDate.monthNumber,t)}connectedCallback(){super.connectedCallback(),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.toggleButton.addEventListener("click",(()=>this.toggleCalendar())),this.prevBtn.addEventListener("click",(()=>this.prevMonth())),this.nextBtn.addEventListener("click",(()=>this.nextMonth())),this.monthList=this.getMonthDaysGrid()}updateHeaderText(){this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year}toggleCalendar(){this.visible=!this.visible,this.toggleVisibility(),this.isCurrentCalendarMonth()||(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText())}toggleVisibility(){this.calendarDropdownClasses=(0,l.classNames)(["visible",this.visible],this.position)}isSelectedDate(e){return Ee()(e.Date).isSame(this.currentDate.Date,"day")}isCurrentCalendarMonth(){return this.currentMonth===this.currentDate.monthNumber&&this.currentYear===this.currentDate.year}prevMonth(){this.calendar.goToPreviousMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}nextMonth(){this.calendar.goToNextMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}selectDay(e){Ee()(e.Date).isSame(this.currentDate.Date)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.value=Ee()(e.Date).format("MM-DD-YYYY"),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),o=e.dayNumber-1,i=this.calendar.month.numberOfDays+o,a=Array.from({length:i});for(let e=o;e<i;e+=1)a[e]=this.calendar.month.getDay(e+1-o);for(let e=0;e<o;e+=1){const i=o-(e+1);a[e]=t.getDay(t.numberOfDays-i)}return a}}(0,n.__decorate)([s.attr],Ye.prototype,"format",void 0),(0,n.__decorate)([s.attr],Ye.prototype,"visible",void 0),(0,n.__decorate)([s.attr],Ye.prototype,"position",void 0),(0,n.__decorate)([s.attr],Ye.prototype,"value",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"currentDate",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"currentMonth",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"currentYear",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"calendarDropdownClasses",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"formatDate",void 0),(0,n.__decorate)([s.observable],Ye.prototype,"monthList",void 0);const We=Ye.compose(Object.assign({baseName:"date-picker",styles:Ie,template:Pe,shadowOptions:Ve},Ue));var qe=o(2441);const Xe=m.SwatchRGB.create(1,1,1),Ze=m.SwatchRGB.create(0,0,0),Ke=(0,qe.parseColorHexRGB)("#585858"),Je=m.SwatchRGB.create(Ke.r,Ke.g,Ke.b),Qe=(0,qe.parseColorHexRGB)("#ffffff"),et=m.SwatchRGB.create(Qe.r,Qe.g,Qe.b),tt=m.PaletteRGB.from(et),ot=(0,qe.parseColorHexRGB)("#eeeeee"),it=m.SwatchRGB.create(ot.r,ot.g,ot.b),at=m.PaletteRGB.from(it),nt=(0,qe.parseColorHexRGB)("#08c3a5"),st=m.SwatchRGB.create(nt.r,nt.g,nt.b),rt=m.PaletteRGB.from(st),{create:lt}=r.DesignToken,dt=lt("fui-fill-color").withDefault(Je),ct=lt({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(et),ut=14;function pt(e,t){return e.colorContrast(t,ut)}const ht=lt({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault((e=>pt(lt("fui-card-palette").withDefault(tt).getValueFor(e),ct.getValueFor(e)))),mt='\n @font-face {\n font-family: Segoe UI;\n font-weight: 300;\n src: local("Segoe UI Semilight"), local("Segoe UI");\n }\n',ft=(e="normal",t="normal")=>`\n font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; \n font-style: ${e};\n font-weight: ${t};\n`,gt=s.css`
|
|
482
|
-
${(0,r.display)("flex")}
|
|
483
|
-
:host {
|
|
484
|
-
flex: 1;
|
|
485
|
-
}
|
|
486
|
-
`,vt=s.css`
|
|
487
|
-
:host {
|
|
488
|
-
background-color: ${dt};
|
|
489
|
-
}
|
|
490
|
-
`.withBehaviors((0,r.forcedColorsStylesheetBehavior)(s.css`
|
|
491
|
-
:host {
|
|
492
|
-
background-color: ${l.SystemColors.ButtonFace};
|
|
493
|
-
box-shadow: 0 0 0 1px ${l.SystemColors.CanvasText};
|
|
494
|
-
color: ${l.SystemColors.ButtonText};
|
|
495
|
-
}
|
|
496
|
-
`)),bt=(e,t)=>s.css`
|
|
497
|
-
${e.name} ${"h"+t} {
|
|
498
|
-
margin: 0;
|
|
499
|
-
}
|
|
500
|
-
`,yt=(e,t,o)=>{const i=o?(e,t)=>e.setValueFor(o,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach((o=>{const a=`${o}Value`;t[a]&&i(e[o],t[a])}))};function wt(e){return(t,o)=>{t[o+"Changed"]=function(t,o){null!=o?e.setValueFor(this,o):e.deleteValueFor(this)}}}const xt={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=(0,qe.parseColorHexRGB)(e);return t?m.SwatchRGB.create(t.r,t.g,t.b):null}},Ft=e=>m.PaletteRGB.from(m.SwatchRGB.from((0,qe.parseColorHexRGB)(e))),$t=["baseClass","baseName","shadowOptions","styles","template"],St=(e,t=$t)=>Object.keys(e).filter((e=>!t.includes(e))).reduce(((t,o)=>(t[o]=e[o],t)),{}),Dt=e=>{const{definition:t}=e(),{shadowOptions:o,styles:i,template:a}=t;return{shadowOptions:o,styles:i,template:a,defaultConfig:St(t)}},Ct=(e,t)=>{const o=t.design_tokens;m.accentPalette.setValueFor(e,Ft(o.color.accent.$value)),m.neutralPalette.setValueFor(e,Ft(o.color.neutral.$value)),m.baseLayerLuminance.setValueFor(e,o.mode.luminance.$value),m.density.setValueFor(e,o.style.density.$value),m.controlCornerRadius.setValueFor(e,o.style.borderRadius.$value),m.strokeWidth.setValueFor(e,o.style.strokeWidth.$value),m.designUnit.setValueFor(e,o.space.designUnit.$value)},_t=Ft("#08c3a5"),kt=Ft("#eeeeee"),Ot=m.StandardLuminance.DarkMode,Tt=l.Direction.ltr,Lt=4,Rt=4,At='"Segoe UI", Arial, Helvetica, sans-serif';class Mt extends m.DesignSystemProvider{constructor(){super(),yt(i,a,this)}}(0,n.__decorate)([(0,s.attr)({attribute:"card-fill-color",converter:xt}),wt(ct)],Mt.prototype,"cardFillColor",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"card-foreground-color",converter:xt}),wt(ht)],Mt.prototype,"cardForegroundColor",void 0);const Nt=Mt.compose({baseName:"design-system-provider",template:s.html`
|
|
501
|
-
<slot></slot>
|
|
502
|
-
`,styles:e=>{const t=(e=>s.css`
|
|
503
|
-
${mt}
|
|
504
|
-
:host {
|
|
505
|
-
${ft()}
|
|
506
|
-
}
|
|
507
|
-
|
|
508
|
-
${bt(e,"1")}
|
|
509
|
-
${bt(e,"2")}
|
|
510
|
-
${bt(e,"3")}
|
|
511
|
-
${bt(e,"4")}
|
|
512
|
-
${bt(e,"5")}
|
|
513
|
-
${bt(e,"6")}
|
|
514
|
-
`)(e);return t.addStylesTo(document),s.css`
|
|
515
|
-
${gt}
|
|
516
|
-
${vt}
|
|
517
|
-
${t}
|
|
518
|
-
`}});var Et=o(8090);const It=s.css`
|
|
519
|
-
.close-icon {
|
|
520
|
-
position: absolute;
|
|
521
|
-
right: calc(var(--design-unit) * 2px);
|
|
522
|
-
top: calc(var(--design-unit) * 2px);
|
|
523
|
-
cursor: pointer;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
.close-icon svg {
|
|
527
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
528
|
-
padding: calc(var(--design-unit) * 2px);
|
|
529
|
-
}
|
|
530
|
-
|
|
531
|
-
dialog {
|
|
532
|
-
background-color: var(--dialog-background, var(--fill-color));
|
|
533
|
-
padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)
|
|
534
|
-
calc(var(--design-unit) * 4px);
|
|
535
|
-
overflow: inherit;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
:host([position='right']) dialog .content-wrapper,
|
|
539
|
-
:host([position='left']) dialog .content-wrapper,
|
|
540
|
-
:host([position='left']) dialog,
|
|
541
|
-
:host([position='right']) dialog {
|
|
542
|
-
height: 100%;
|
|
543
|
-
}
|
|
544
|
-
|
|
545
|
-
:host([position='left']) dialog {
|
|
546
|
-
margin-left: 0;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
:host([position='right']) dialog {
|
|
550
|
-
margin-right: 0;
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
::slotted(zero-divider) {
|
|
554
|
-
width: 100%;
|
|
555
|
-
}
|
|
556
|
-
`,Pt=(e="start")=>`\n <svg class="svg-icon" slot="${e}" width="16px" height="16px">\n <g transform="matrix(1 0 0 1 -1865 -3576 )">\n <path d="M 15.8825 14.185499999999998 L 9.697000000000001 8 L 14.825000000000001 2.872 L 15.8825 1.814499999999999 C 16.0385 1.6584999999999992 16.0385 1.4049999999999994 15.8825 1.2489999999999988 L 14.751 0.11749999999999972 C 14.594999999999999 -0.03850000000000087 14.3415 -0.03850000000000087 14.1855 0.11749999999999972 L 8 6.303000000000001 L 1.8145 0.11699999999999999 C 1.6585 -0.03900000000000059 1.4050000000000002 -0.03900000000000059 1.2489999999999999 0.11699999999999999 L 0.11699999999999999 1.2485 C -0.039000000000000014 1.4044999999999996 -0.039000000000000014 1.6579999999999995 0.11699999999999999 1.814 L 6.303000000000001 8 L 0.11699999999999999 14.185499999999998 C -0.039000000000000014 14.3415 -0.039000000000000014 14.594999999999999 0.11699999999999999 14.751000000000001 L 1.2485 15.8825 C 1.4045 16.0385 1.658 16.0385 1.814 15.8825 L 8 9.697 L 13.128 14.825 L 14.1855 15.8825 C 14.3415 16.0385 14.594999999999999 16.0385 14.751 15.8825 L 15.8825 14.751000000000001 C 16.0385 14.594999999999999 16.0385 14.3415 15.8825 14.185499999999998 Z " fill-rule="nonzero" fill="#879ba6" stroke="none" transform="matrix(1 0 0 1 1865 3576 )" />\n </g>\n </svg>\n`,Ht=s.html`
|
|
557
|
-
<dialog ${(0,s.ref)("mainElement")}>
|
|
558
|
-
<div class="content-wrapper">
|
|
559
|
-
<div part="top" class="top">
|
|
560
|
-
<slot name="top"></slot>
|
|
561
|
-
${(0,s.when)((e=>e.showCloseIcon),s.html`
|
|
562
|
-
<div class="close-icon" @click=${e=>e.close()}>${Pt()}</div>
|
|
563
|
-
`)}
|
|
564
|
-
</div>
|
|
565
|
-
<slot></slot>
|
|
566
|
-
<div part="bottom" class="bottom">
|
|
567
|
-
<slot name="bottom"></slot>
|
|
568
|
-
</div>
|
|
569
|
-
</div>
|
|
570
|
-
</dialog>
|
|
571
|
-
`,Gt={mode:"open",delegatesFocus:!0},Bt={};class zt extends r.FoundationElement{constructor(){super(...arguments),this.position="centre",this.showCloseIcon=!0}connectedCallback(){super.connectedCallback(),window.HTMLDialogElement||Et.Z.registerDialog(this.mainElement),this.mainElement.addEventListener("close",(()=>{this.onCloseCallback&&this.onCloseCallback()}))}get open(){return this.mainElement.hasAttribute("open")}close(){this.mainElement.close()}}(0,n.__decorate)([s.attr],zt.prototype,"position",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean",attribute:"show-close-icon"})],zt.prototype,"showCloseIcon",void 0),(0,n.__decorate)([s.observable],zt.prototype,"onShowCallback",void 0),(0,n.__decorate)([s.observable],zt.prototype,"onCloseCallback",void 0),(0,n.__decorate)([s.volatile],zt.prototype,"open",null);class jt extends zt{show(){this.onShowCallback&&this.onShowCallback(),this.mainElement.show()}}const Vt=jt.compose(Object.assign({baseName:"dialog",styles:It,template:Ht,shadowOptions:Gt},Bt)),Ut=(e,t)=>(0,r.disclosureTemplate)(e,t),Yt=(e,t)=>s.css`
|
|
572
|
-
${(0,m.disclosureStyles)(e,t)}
|
|
573
|
-
`;class Wt extends r.Disclosure{}const qt=void 0,Xt={},Zt=Wt.compose(Object.assign({baseName:"disclosure",template:Ut,styles:Yt,shadowOptions:qt},Xt)),Kt=(e,t)=>(0,r.dividerTemplate)(e,t),Jt=(e,t)=>s.css`
|
|
574
|
-
${(0,m.dividerStyles)(e,t)}
|
|
575
|
-
`;class Qt extends r.Divider{}const eo=void 0,to={},oo=Qt.compose(Object.assign({baseName:"divider",template:Kt,styles:Jt,shadowOptions:eo},to)),io=(e,t,o)=>s.css`
|
|
576
|
-
:host {
|
|
577
|
-
--dropdown-opener-height-multiplier: 0.7px;
|
|
578
|
-
--menu-item-height-multiplier: 0.7px;
|
|
579
|
-
}
|
|
580
|
-
|
|
581
|
-
.actions-menu {
|
|
582
|
-
display: inline-flex;
|
|
583
|
-
flex-direction: column;
|
|
584
|
-
max-height: calc(
|
|
585
|
-
var(--max-height) -
|
|
586
|
-
((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px)
|
|
587
|
-
);
|
|
588
|
-
position: absolute;
|
|
589
|
-
z-index: 1;
|
|
590
|
-
gap: calc(var(--design-unit) * 1px);
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
.hidden {
|
|
594
|
-
display: none;
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
.actions-opener {
|
|
598
|
-
display: flex;
|
|
599
|
-
justify-content: center;
|
|
600
|
-
height: calc(
|
|
601
|
-
(var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
|
|
602
|
-
var(--dropdown-opener-height-multiplier)
|
|
603
|
-
);
|
|
604
|
-
max-width: 120px;
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
${e}-menu-item {
|
|
608
|
-
display: flex;
|
|
609
|
-
user-select: none;
|
|
610
|
-
}
|
|
611
|
-
|
|
612
|
-
${e}-menu-item::part(content) {
|
|
613
|
-
margin-inline: 5px;
|
|
614
|
-
}
|
|
615
|
-
|
|
616
|
-
${e}-menu-item::part(expand-collapse-glyph-container) {
|
|
617
|
-
margin-inline-end: 5px;
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
${e}-menu-item::part(expand-collapse) {
|
|
621
|
-
margin-inline-start: 5px;
|
|
622
|
-
}
|
|
623
|
-
|
|
624
|
-
${e}-menu-item[disabled] {
|
|
625
|
-
pointer-events: none;
|
|
626
|
-
}
|
|
627
|
-
|
|
628
|
-
${e}-icon {
|
|
629
|
-
padding-left: 5px;
|
|
630
|
-
}
|
|
631
|
-
|
|
632
|
-
.menu-item {
|
|
633
|
-
max-height: calc(
|
|
634
|
-
(var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
|
|
635
|
-
var(--menu-item-height-multiplier)
|
|
636
|
-
);
|
|
637
|
-
}
|
|
638
|
-
`,ao=(e,t)=>s.css`
|
|
639
|
-
${io("foundation",e,t)}
|
|
640
|
-
`,no=(e,t)=>s.html`
|
|
641
|
-
${(0,s.repeat)((()=>e),s.html`
|
|
642
|
-
${(0,s.when)((e=>e.isDisabled&&e.isDisabled()),s.html`
|
|
643
|
-
<${t}-menu-item class="menu-item" disabled>${e=>e.name}</${t}-menu-item>
|
|
644
|
-
`)}
|
|
645
|
-
${(0,s.when)((e=>!e.isDisabled||!e.isDisabled()),s.html`
|
|
646
|
-
<${t}-menu-item
|
|
647
|
-
class="menu-item"
|
|
648
|
-
@click=${e=>e.submenu?"":e.callback()}
|
|
649
|
-
style="${e=>e.color?`color: ${e.color};`:""}"
|
|
650
|
-
>
|
|
651
|
-
${(0,s.when)((e=>e.icon),s.html`
|
|
652
|
-
<${t}-icon
|
|
653
|
-
name=${e=>e.icon.name}
|
|
654
|
-
size=${e=>e.icon.size}
|
|
655
|
-
variant=${e=>e.icon.variant}
|
|
656
|
-
slot="start"
|
|
657
|
-
></${t}-icon>
|
|
658
|
-
`)}
|
|
659
|
-
${e=>e.name}
|
|
660
|
-
${(0,s.when)((e=>e.submenu),s.html`
|
|
661
|
-
<${t}-menu>${e=>no(e.submenu,t)}</${t}-menu>
|
|
662
|
-
`)}
|
|
663
|
-
</${t}-menu-item>
|
|
664
|
-
`)}
|
|
665
|
-
`)}
|
|
666
|
-
`,so=e=>s.html`
|
|
667
|
-
<div class="actions-container" part="actions-container">
|
|
668
|
-
<${e}-button
|
|
669
|
-
id="actiosnMenuTrigger"
|
|
670
|
-
class="actions-opener"
|
|
671
|
-
appearance="${e=>e.buttonAppearance}"
|
|
672
|
-
part="actions-opener"
|
|
673
|
-
@click=${e=>e.toggleDropdownMenuVisibility()}
|
|
674
|
-
:disabled=${e=>e.disabled}
|
|
675
|
-
>
|
|
676
|
-
${e=>e.name}
|
|
677
|
-
</${e}-button>
|
|
678
|
-
<${e}-menu
|
|
679
|
-
${(0,s.ref)("dropdownMenu")}
|
|
680
|
-
class="actions-menu ${e=>e.classNames}"
|
|
681
|
-
part="actions-menu"
|
|
682
|
-
>
|
|
683
|
-
${t=>no(t.allItems,e)}
|
|
684
|
-
</${e}-menu>
|
|
685
|
-
</div>
|
|
686
|
-
`,ro=s.html`
|
|
687
|
-
${e=>so(e.tagName.toLowerCase().split("-")[0])}
|
|
688
|
-
`,lo=(e,t)=>!e.composedPath().includes(t);class co extends r.FoundationElement{constructor(){super(...arguments),this.autoClose=!0,this.disabled=!1,this.name="Dropdown Menu",this.open=!1,this.clickOutside=e=>this.handleClickOutside(e)}connectedCallback(){super.connectedCallback(),this.addEventListener("onMenuClick",this.onDropdownMenuItemClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}handleClickOutside(e){lo(e,this)&&(this.open=!1)}openChanged(){this.classNames=(0,l.classNames)(["hidden",!this.open]),this.open?document.addEventListener("mousedown",this.clickOutside):document.removeEventListener("mousedown",this.clickOutside)}toggleDropdownMenuVisibility(){this.open=!this.open}onDropdownMenuItemClick(){this.autoClose&&(this.open=!1)}get allItems(){return this.items}}(0,n.__decorate)([s.observable],co.prototype,"items",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"auto-close",mode:"boolean"})],co.prototype,"autoClose",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"disable-button",mode:"boolean"})],co.prototype,"disabled",void 0),(0,n.__decorate)([s.observable],co.prototype,"classNames",void 0),(0,n.__decorate)([s.attr],co.prototype,"name",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"open",mode:"boolean"})],co.prototype,"open",void 0),(0,n.__decorate)([s.attr],co.prototype,"buttonAppearance",void 0);const uo=co.compose({baseName:"dropdown-menu",styles:ao,template:ro}),po=s.html`
|
|
689
|
-
<foundation-banner ${(0,s.ref)("banner")}>
|
|
690
|
-
<div slot="content">
|
|
691
|
-
<div>${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
|
|
692
|
-
</div>
|
|
693
|
-
|
|
694
|
-
<foundation-button slot="action" appearance="lightweight" @click=${e=>{var t;return null===(t=e.banner)||void 0===t?void 0:t.dismiss()}}>
|
|
695
|
-
${e=>{var t,o,i,a;return(null===(a=null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.banner)||void 0===i?void 0:i.dismissingAction)||void 0===a?void 0:a.label)||"Ignore"}}
|
|
696
|
-
</foundation-button>
|
|
697
|
-
${(0,s.repeat)((e=>{var t,o;return null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.banner.confirmingActions}),s.html`
|
|
698
|
-
<foundation-button
|
|
699
|
-
slot="action"
|
|
700
|
-
appearance="lightweight"
|
|
701
|
-
@click=${(e,t)=>{var o;null==e||e.action(),null===(o=t.parent)||void 0===o||o.dismiss()}}
|
|
702
|
-
>
|
|
703
|
-
${e=>e.label}
|
|
704
|
-
</foundation-button>
|
|
705
|
-
`)}
|
|
706
|
-
</foundation-banner>
|
|
707
|
-
`;var ho=o(7981);const mo=(0,ho.createLogger)("foundation-ui"),fo={mode:"open",delegatesFocus:!0};class go extends r.FoundationElement{connectedCallback(){super.connectedCallback()}dismiss(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{yield this.banner.dismiss(),this.remove()}catch(e){mo.error(e)}}))}}(0,n.__decorate)([s.observable],go.prototype,"error",void 0);const vo=go.compose({baseName:"error-banner",template:po,shadowOptions:fo});var bo;!function(e){e.ERROR_BOUNDARY_EVENT="error-boundary-event"}(bo||(bo={}));const yo=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.errorDetails)&&void 0!==o?o:"Something went wrong"}`},wo=(e,t)=>{const o=t.split("-")[0];let i=document.querySelector(`#${e}`);if(!i){i=document.createElement("div"),i.setAttribute("id",e);const t=document.createElement(`${o}-design-system-provider`);t.appendChild(i),document.body.appendChild(t)}return i},xo=(0,ho.createLogger)("foundation-error"),Fo={alert:e=>{alert(yo(e))},notification:(e,t)=>{var o,i,a,n,s,r,l,d,c,u,p;const h=t.split("-")[0],m=wo("notify-container",t);m&&(m.style.position="fixed",m.style.top="0",m.style.right="0");const f=document.createElement(`${h}-toast`),g=document.createElement("div");g.setAttribute("slot","top"),g.textContent=null!==(o=e.title)&&void 0!==o?o:"Error";const v=document.createElement("div");v.setAttribute("slot","content"),v.textContent=(null==e?void 0:e.errorDetails)||"";const b=document.createElement("div");b.setAttribute("slot","date"),b.textContent=(new Date).toLocaleTimeString(),f.setAttribute("notify",(null===(a=null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.notification)||void 0===a?void 0:a.type)||""),(null===(s=null===(n=null==e?void 0:e.config)||void 0===n?void 0:n.notification)||void 0===s?void 0:s.autoClose)&&f.setAttribute("auto-close",`${null===(l=null===(r=null==e?void 0:e.config)||void 0===r?void 0:r.notification)||void 0===l?void 0:l.autoClose}`),(null===(c=null===(d=null==e?void 0:e.config)||void 0===d?void 0:d.notification)||void 0===c?void 0:c.closeTimeout)&&f.setAttribute("close-timeout",`${null===(p=null===(u=null==e?void 0:e.config)||void 0===u?void 0:u.notification)||void 0===p?void 0:p.closeTimeout}`),f.appendChild(g),f.appendChild(v),f.appendChild(b),m.appendChild(f)},dialog:(e,t)=>{const o=t.split("-")[0],i=document.createElement(`${o}-error-dialog`);wo("dialog-container",t).appendChild(i),i.error=e,i.show()},snackbar:(e,t)=>{const o=t.split("-")[0],i=document.createElement(`${o}-snackbar`);wo("snack-container",t).appendChild(i),i.error=e}},$o=s.html`
|
|
708
|
-
<template ${(0,s.ref)("anchor")}>
|
|
709
|
-
<slot></slot>
|
|
710
|
-
</template>
|
|
711
|
-
`,So={mode:"open",delegatesFocus:!0};class Do extends r.FoundationElement{constructor(){super(...arguments),this.logger=(0,ho.createLogger)("error-boundary")}connectedCallback(){super.connectedCallback(),this.addEventListener(bo.ERROR_BOUNDARY_EVENT,(e=>{var t,o,i,a;e.stopImmediatePropagation(),t=e.detail,o=this.tagName,xo.log({message:yo(t),level:(i=t,(null==i?void 0:i.logLevel)||(null===(a=null==i?void 0:i.config)||void 0===a?void 0:a.logLevel)||ho.LogLevel.Error)}),Object.keys((null==t?void 0:t.config)||{}).forEach((e=>{Fo[e]&&Fo[e](t,o)}))}))}}(0,n.__decorate)([s.observable],Do.prototype,"anchor",void 0);const Co=Do.compose({baseName:"error-boundary",template:$o,shadowOptions:So}),_o=e=>s.html`
|
|
712
|
-
<${e}-dialog show-close-icon="false" ${(0,s.ref)("dialog")}>
|
|
713
|
-
<h2 slot="top" class="title">${e=>{var t;return null===(t=e.error)||void 0===t?void 0:t.title}}</h2>
|
|
714
|
-
<div class="details">${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
|
|
715
|
-
<${e}-button slot="bottom" appearance="lightweight" @click=${e=>e.dismiss()}>
|
|
716
|
-
${e=>{var t,o,i,a;return(null===(a=null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.dialog)||void 0===i?void 0:i.dismissingAction)||void 0===a?void 0:a.label)||"Ignore"}}
|
|
717
|
-
</${e}-button>
|
|
718
|
-
${(0,s.repeat)((e=>{var t,o;return null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.dialog.confirmingActions}),s.html`
|
|
719
|
-
<${e}-button
|
|
720
|
-
slot="bottom"
|
|
721
|
-
appearance="lightweight"
|
|
722
|
-
@click=${(e,t)=>{null==e||e.action(),t.parent.dismiss()}}
|
|
723
|
-
>
|
|
724
|
-
${e=>e.label}
|
|
725
|
-
</${e}-button>
|
|
726
|
-
`)}
|
|
727
|
-
</${e}-dialog>
|
|
728
|
-
`,ko=s.html`
|
|
729
|
-
${e=>_o(e.tagName.toLowerCase().split("-")[0])}
|
|
730
|
-
`,Oo=s.css`
|
|
731
|
-
:host {
|
|
732
|
-
--design-unit: 3;
|
|
733
|
-
--dialog-max-width: 358px;
|
|
734
|
-
--dialog-min-width: 358px;
|
|
735
|
-
--dialog-max-height: 128px;
|
|
736
|
-
--error-details-min-height: 40px;
|
|
737
|
-
}
|
|
738
|
-
|
|
739
|
-
.title {
|
|
740
|
-
margin-top: calc(var(--design-unit) * 2px);
|
|
741
|
-
font-size: 14px;
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
.details {
|
|
745
|
-
font-size: 12px;
|
|
746
|
-
overflow: hidden;
|
|
747
|
-
min-height: var(--error-details-min-height);
|
|
748
|
-
}
|
|
749
|
-
`,To={mode:"open",delegatesFocus:!0};class Lo extends r.FoundationElement{connectedCallback(){super.connectedCallback()}show(){this.dialog.show()}dismiss(){try{this.dialog.close(),this.remove()}catch(e){mo.error(e)}}}(0,n.__decorate)([s.observable],Lo.prototype,"error",void 0);const Ro=Lo.compose({baseName:"error-dialog",template:ko,styles:Oo,shadowOptions:To}),Ao=e=>s.html`
|
|
750
|
-
<template>
|
|
751
|
-
<div class="file-selection">
|
|
752
|
-
<input type="file" multiple ${(0,s.ref)("fileInput")}
|
|
753
|
-
@change=${(e,t)=>e.onInputChange(t.event)} :accept="${e=>e.accept}"/>
|
|
754
|
-
<${e}-text-field readOnly type="text" id="fileName"
|
|
755
|
-
:label="${e=>e.label}"
|
|
756
|
-
:value="${e=>e.fileName}">
|
|
757
|
-
${e=>e.label}
|
|
758
|
-
${(0,s.when)((e=>e.fileName),s.html`
|
|
759
|
-
<${e}-icon slot="end" class="clear-icon" name="xmark"
|
|
760
|
-
@click=${e=>e.clearSelection()}></${e}-icon>
|
|
761
|
-
`)}
|
|
762
|
-
</${e}-text-field>
|
|
763
|
-
|
|
764
|
-
<${e}-button @click=${e=>e.handleClick()}>Browse</${e}-button>
|
|
765
|
-
<${e}-button @click=${e=>e.handleFileUpload()}
|
|
766
|
-
:disabled="${e=>!e.fileName}">Upload</${e}-button>
|
|
767
|
-
</div>
|
|
768
|
-
<div class="uploader-grid">
|
|
769
|
-
<${e}-data-grid generate-header="sticky"
|
|
770
|
-
:rowsData="${e=>e.uploadedFilesList}"
|
|
771
|
-
:columnDefinitions="${e=>e.filesGridColumnDefinitions}">
|
|
772
|
-
</${e}-data-grid>
|
|
773
|
-
</div>
|
|
774
|
-
</template>
|
|
775
|
-
`,Mo=s.html`
|
|
776
|
-
${e=>Ao(e.tagName.toLowerCase().split("-")[0])}
|
|
777
|
-
`,No=s.css`
|
|
778
|
-
/* Host */
|
|
779
|
-
:host {
|
|
780
|
-
display: flex;
|
|
781
|
-
flex-direction: column;
|
|
782
|
-
width: 100%;
|
|
783
|
-
height: 100%;
|
|
784
|
-
}
|
|
785
|
-
|
|
786
|
-
.file-selection {
|
|
787
|
-
display: flex;
|
|
788
|
-
align-items: end;
|
|
789
|
-
justify-content: start;
|
|
790
|
-
padding-bottom: 10px;
|
|
791
|
-
}
|
|
792
|
-
|
|
793
|
-
.file-selection :nth-last-child(-n + 2) {
|
|
794
|
-
margin: 0;
|
|
795
|
-
margin-left: 10px;
|
|
796
|
-
}
|
|
797
|
-
|
|
798
|
-
input[type='file'] {
|
|
799
|
-
display: none;
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
.clear-icon {
|
|
803
|
-
cursor: pointer;
|
|
804
|
-
}
|
|
805
|
-
|
|
806
|
-
.uploader-grid {
|
|
807
|
-
display: flex;
|
|
808
|
-
flex-direction: row;
|
|
809
|
-
height: 250px;
|
|
810
|
-
width: 600px;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
zero-data-grid,
|
|
814
|
-
foundation-data-grid {
|
|
815
|
-
overflow-y: auto;
|
|
816
|
-
}
|
|
817
|
-
`,Eo=(0,ho.createLogger)("foundation-criteria");var Io;!function(e){e.AND="&&",e.OR="||",e.NOT="!",e.GT=">",e.GE=">=",e.LT="<",e.LE="<=",e.NE="!=",e.EQ="=="}(Io||(Io={}));class Po{constructor(e){this.$$operator=e}static And(){return new Po(Io.AND)}static Or(){return new Po(Io.OR)}static Not(){return new Po(Io.NOT)}static GreaterThan(){return new Po(Io.GT)}static GreaterThanOrEqual(){return new Po(Io.GE)}static LessThan(){return new Po(Io.LT)}static LessThanOrEqual(){return new Po(Io.LE)}static NotEqual(){return new Po(Io.NE)}static Equal(){return new Po(Io.EQ)}get operator(){return this.$$operator}}const Ho="default";class Go{constructor(){this.expressions={},this.And=(e,t={})=>this.withExpression(e,t,Po.And()),this.Or=(e,t={})=>this.withExpression(e,t,Po.Or()),this.Not=(e,t={})=>this.withExpression(e,t,Po.Not())}withExpression(e,t={},o=Po.And()){const{condition:i,join:a,groupName:n}=t,s=(e,t=Ho)=>{var n;const s=null!==(n=this.expressions[t])&&void 0!==n?n:[];this.expressions[t]=[...s,{join:o||a,condition:i,expression:e}]};if(Array.isArray(e))if(a){const t=e.filter((e=>{const t=e instanceof Po;return t&&Eo.warn("Inline joins will be discarded when join is defined in ExpressionOptions"),!t}));if(n)t.forEach((e=>{s(e,n)}));else{const e=(r=a,t.flat().flatMap(((e,t,o)=>o.length-1!==t?[e,r]:e)));s(e,Ho)}}else s(e,Ho);else s(e,e.group);var r;return this}build(e){const t=Object.entries(this.expressions).reduce(((e,[t,o])=>Object.assign(Object.assign({},e),{[t]:`(${o.filter((({condition:e})=>!e||e())).map((({expression:e,join:t},o,i)=>this.parseExpression(e,i[o-1],t))).join("")})`})),{});return e?e(t):`(${Object.values(t).join(" && ")})`}reset(){this.expressions={}}parseExpression(e,t,o){const i=[];return o&&t&&i.push(` ${o.operator} `),Array.isArray(e)?(e.forEach(((e,t,o)=>{if(e instanceof Po){if(o[t-1]instanceof Po)throw new Error("Adjacent Join operations detected")}})),i.push(`(${e.map((e=>this.parseExpression(e,void 0))).join("")})`)):e instanceof Po?i.push(` ${e.operator} `):e&&i.push(e.serialiser(e)),i.join("")}}const Bo=e=>{const{value:t}=e;return e.valueGetter?e.valueGetter(t):"function"==typeof t?t(e):Array.isArray(t)?t.join(","):"string"==typeof t?`"${t}"`:t},zo=e=>t=>`${t.field} ${e} ${Bo(t)}`,jo=e=>zo(Io.EQ)(e);class Vo{constructor(e){this.serialiser=jo,this.build=()=>{if(!this.field)throw new Error("Missing required param 'field'");if(void 0===this.value)throw new Error("Missing required param 'value'");if(!this.serialiser)throw new Error("Missing required param 'serialise'");return{field:this.field,value:this.value,serialiser:this.serialiser,params:this.params,valueGetter:this.valueGetter,group:this.group}},e&&(this.field=e.field,this.value=e.value,this.serialiser=e.serialiser,this.params=e.params,this.valueGetter=e.valueGetter,this.group=e.group)}withField(e){return this.field=e,this}withValue(e){return this.value=e,this}withSerialiser(e){return this.serialiser=e,this}withParams(e){return this.params=e,this}withValueGetter(e){return this.valueGetter=e,this}withGroup(e){return this.group=e,this}}const Uo=["image/png","image/bmp","image/gif","image/jpeg","image/jpg"],Yo=["text/plain","text/csv"],Wo=["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/pdf"],qo=s.html`
|
|
818
|
-
${(0,s.when)((e=>e.rowData),s.html`
|
|
819
|
-
${e=>"DATETIME"===e.columnDefinition.type?(0,ho.formatDateTimeTimestamp)(e.rowData[e.columnDefinition.columnDataKey]):e.rowData[e.columnDefinition.columnDataKey]}
|
|
820
|
-
`)}
|
|
821
|
-
`;class Xo extends r.FoundationElement{constructor(){super(...arguments),this.acceptedFormats=[],this.accept="",this.fileSizeLimitBytes=104857600,this.uploadedFilesResourceName="ALL_FILE_ATTACHMENTS",this.uploadEventName="attachment-handler/upload",this.gridFields="",this.fileName="",this.uploadedFilesList=[],this.filesGridColumnDefinitions=[]}acceptChanged(){let e=[];this.accept.length>0&&this.accept.split(",").forEach((t=>{"image/*"===t?e=[...e,...Uo]:"office/*"===t?e=[...e,...Wo]:"text/*"===t?e=[...e,...Yo]:e.push(t)})),this.acceptedFormats=e}fieldNameChanged(){this.setupGrid()}entityIdChanged(){this.setupGrid()}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),(null===(t=this.filesGridColumnDefinitions)||void 0===t?void 0:t.length)||this.setColumnDefs()}))}setupGrid(){void 0!==this.entityId&&void 0!==this.fieldName&&(this.gridCriteria=(new Go).withExpression((new Vo).withField(this.fieldName).withValue(this.entityId).build()).build(),this.setRowData())}handleStreamRowOperation(e){let t;for(const o of e.ROW)if(o.DETAILS)switch(o.DETAILS.OPERATION){case"INSERT":this.uploadedFilesList.unshift(o);break;case"MODIFY":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1,o);break;case"DELETE":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1);break;default:me.logger.error(`Unsupported operation type: ${o.DETAILS.OPERATION}`)}}setRowData(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){yield this.connect.stream(this.uploadedFilesResourceName,(e=>{var t;1===e.SEQUENCE_ID?this.uploadedFilesList=null!==(t=e.ROW)&&void 0!==t?t:[]:this.handleStreamRowOperation(e)}),(e=>{me.logger.error(e)}),{CRITERIA_MATCH:this.gridCriteria})}))}setColumnDefs(){var e;return(0,n.__awaiter)(this,void 0,void 0,(function*(){const t=yield this.connect.getMetadata(this.uploadedFilesResourceName),o=(this.gridFields.length>0&&t.FIELD?t.FIELD.filter((e=>this.gridFields.split(" ").includes(e.NAME))):null!==(e=t.FIELD)&&void 0!==e?e:[]).map((e=>({columnDataKey:e.NAME,title:e.NAME.toLowerCase().split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "),type:e.TYPE,cellTemplate:qo})));this.filesGridColumnDefinitions=o}))}handleClick(){this.fileInput.value=null,this.fileInput.click()}onInputChange(e){var t,o;const i=Array.from(null!==(o=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.files)&&void 0!==o?o:[]);this.onFilesSelected(i)}onFilesSelected(e){if(e.length>0){if(this.acceptedFormats.length>0)for(const t of e){if(!this.acceptedFormats.includes(t.type))return void alert(`Not a valid file type. Accepted Formats are ${this.accept}`);if(t.size>this.fileSizeLimitBytes)return void alert(`File size exceeds the file size limit of ${this.fileSizeLimitBytes} bytes`)}this.selectedFiles=e,this.fileName=this.selectedFiles.map((e=>e.name.trim())).join()}}handleFileUpload(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{const e=(e=>{const t=new FormData;return e.forEach((e=>{t.append(e.name,e)})),t})(this.selectedFiles);e.append(this.uploadKey,this.entityId);const t=((e,t="/gwf/")=>{let o;return o="https://"+location.hostname+t+e,o})(this.uploadEventName),o=yield((e,t,o)=>{const i=new Headers;return i.append("SESSION_AUTH_TOKEN",o),fetch(e,{method:"POST",body:t,headers:i}).then((e=>e.json().then((e=>e))))})(t,e,this.session.getItem("authToken","session"));if(o.ERROR)return me.logger.error(o.ERROR),void this.$emit("errorOut",o.ERROR);me.logger.info(o),this.clearSelection()}catch(e){me.logger.error(e)}}))}clearSelection(){this.fileName="",this.selectedFiles=[]}}(0,n.__decorate)([s.observable],Xo.prototype,"gridCriteria",void 0),(0,n.__decorate)([me.Connect],Xo.prototype,"connect",void 0),(0,n.__decorate)([me.Session],Xo.prototype,"session",void 0),(0,n.__decorate)([s.attr],Xo.prototype,"label",void 0),(0,n.__decorate)([s.attr],Xo.prototype,"accept",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"file-size-limit-bytes"})],Xo.prototype,"fileSizeLimitBytes",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"uploaded-files-resource-name"})],Xo.prototype,"uploadedFilesResourceName",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"upload-event-name"})],Xo.prototype,"uploadEventName",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"field-name"})],Xo.prototype,"fieldName",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"entity-id"})],Xo.prototype,"entityId",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"upload-key"})],Xo.prototype,"uploadKey",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"grid-fields"})],Xo.prototype,"gridFields",void 0),(0,n.__decorate)([s.observable],Xo.prototype,"fileName",void 0),(0,n.__decorate)([s.observable],Xo.prototype,"uploadedFilesList",void 0),(0,n.__decorate)([s.observable],Xo.prototype,"filesGridColumnDefinitions",void 0);const Zo=void 0,Ko={},Jo=Xo.compose(Object.assign({baseName:"file-upload",styles:No,template:Mo,shadowOptions:Zo},Ko)),Qo=s.css`
|
|
822
|
-
.filter-wrapper {
|
|
823
|
-
border: 1px solid gray;
|
|
824
|
-
border-radius: calc(var(--design-unit) * 2px);
|
|
825
|
-
padding: calc(var(--design-unit) * 1px);
|
|
826
|
-
}
|
|
827
|
-
|
|
828
|
-
.close-icon {
|
|
829
|
-
display: flex;
|
|
830
|
-
place-content: center;
|
|
831
|
-
align-items: center;
|
|
832
|
-
flex-direction: column;
|
|
833
|
-
align-content: center;
|
|
834
|
-
justify-content: center;
|
|
835
|
-
margin: calc(var(--design-unit) * 1px);
|
|
836
|
-
padding: calc(var(--design-unit) * 1px);
|
|
837
|
-
border: 1px solid transparent;
|
|
838
|
-
border-radius: calc(var(--design-unit) * 2px);
|
|
839
|
-
cursor: pointer;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
.close-icon,
|
|
843
|
-
.cloase-icon svg path {
|
|
844
|
-
transition-property: all;
|
|
845
|
-
transition-timing-function: linear;
|
|
846
|
-
transition-duration: 300ms;
|
|
847
|
-
}
|
|
848
|
-
|
|
849
|
-
.close-icon:hover {
|
|
850
|
-
border-color: red;
|
|
851
|
-
background: rgb(255 0 0 / 25%);
|
|
852
|
-
}
|
|
853
|
-
|
|
854
|
-
.close-icon:hover svg path {
|
|
855
|
-
fill: red;
|
|
856
|
-
}
|
|
857
|
-
|
|
858
|
-
.flex-row {
|
|
859
|
-
display: flex;
|
|
860
|
-
flex-direction: row;
|
|
861
|
-
align-content: center;
|
|
862
|
-
justify-content: space-between;
|
|
863
|
-
align-items: center;
|
|
864
|
-
}
|
|
865
|
-
|
|
866
|
-
.flex-row zero-text-field,
|
|
867
|
-
.flex-row zero-select,
|
|
868
|
-
.flex-row foundation-text-field,
|
|
869
|
-
.flex-row foundation-select {
|
|
870
|
-
flex: 1;
|
|
871
|
-
}
|
|
872
|
-
`,ei=s.html`
|
|
873
|
-
<div class="close-icon" @click=${e=>e.clear()}>${Pt()}</div>
|
|
874
|
-
`,ti=s.html`
|
|
875
|
-
<div class="flex-row">
|
|
876
|
-
<div>${e=>e.label}</div>
|
|
877
|
-
${ei}
|
|
878
|
-
</div>
|
|
879
|
-
<div class="flex-row">
|
|
880
|
-
<foundation-text-field
|
|
881
|
-
${(0,s.ref)("textFilterField")}
|
|
882
|
-
type="text"
|
|
883
|
-
:value=${(0,ho.sync)((e=>e.textFilter))}
|
|
884
|
-
/>
|
|
885
|
-
</div>
|
|
886
|
-
`,oi=s.html`
|
|
887
|
-
<div class="flex-row">
|
|
888
|
-
<div>${e=>e.label}</div>
|
|
889
|
-
${ei}
|
|
890
|
-
</div>
|
|
891
|
-
<div class="flex-row">
|
|
892
|
-
<foundation-text-field
|
|
893
|
-
${(0,s.ref)("numFilterFieldMin")}
|
|
894
|
-
type="number"
|
|
895
|
-
:value=${(0,ho.sync)((e=>e.numFilterMin))}
|
|
896
|
-
placeholder="min"
|
|
897
|
-
></foundation-text-field>
|
|
898
|
-
<foundation-text-field
|
|
899
|
-
${(0,s.ref)("numFilterFieldMax")}
|
|
900
|
-
type="number"
|
|
901
|
-
:value=${(0,ho.sync)((e=>e.numFilterMax))}
|
|
902
|
-
placeholder="max"
|
|
903
|
-
></foundation-text-field>
|
|
904
|
-
</div>
|
|
905
|
-
`,ii=s.html`
|
|
906
|
-
<div class="flex-row">
|
|
907
|
-
<div>${e=>e.label}</div>
|
|
908
|
-
${ei}
|
|
909
|
-
</div>
|
|
910
|
-
<div class="flex-row">
|
|
911
|
-
<foundation-text-field
|
|
912
|
-
${(0,s.ref)("dateFilterFieldMin")}
|
|
913
|
-
type="date"
|
|
914
|
-
:value=${(0,ho.sync)((e=>e.dateFilterMin))}
|
|
915
|
-
></foundation-text-field>
|
|
916
|
-
<foundation-text-field
|
|
917
|
-
${(0,s.ref)("dateFilterFieldMax")}
|
|
918
|
-
type="date"
|
|
919
|
-
:value=${(0,ho.sync)((e=>e.dateFilterMax))}
|
|
920
|
-
></foundation-text-field>
|
|
921
|
-
</div>
|
|
922
|
-
`;function ai(e){var t,o,i;return null!==(i=null===(o=null===(t=null==e?void 0:e.event)||void 0===t?void 0:t.target)||void 0===o?void 0:o.value)&&void 0!==i?i:"all"}const ni=[{name:"All",value:"all",selected:!0},{name:"True",value:"true"},{name:"False",value:"false"},{name:"N/A",value:"null"}],si=s.html`
|
|
923
|
-
<div class="flex-row">
|
|
924
|
-
<div>${e=>e.label}</div>
|
|
925
|
-
${ei}
|
|
926
|
-
</div>
|
|
927
|
-
<div class="flex-row">
|
|
928
|
-
<foundation-select @change="${(e,t)=>e.onBooleanFilterSelection(ai(t))}}">
|
|
929
|
-
${(0,s.repeat)((()=>ni),s.html`
|
|
930
|
-
<foundation-option value="${e=>e.value}" selected="${e=>e.selected}">
|
|
931
|
-
${e=>e.name}
|
|
932
|
-
</foundation-option>
|
|
933
|
-
`)}
|
|
934
|
-
</foundation-select>
|
|
935
|
-
</div>
|
|
936
|
-
`,ri=s.html`
|
|
937
|
-
<div class="flex-row">
|
|
938
|
-
<div>${e=>e.label}</div>
|
|
939
|
-
${ei}
|
|
940
|
-
</div>
|
|
941
|
-
<div class="flex-row">
|
|
942
|
-
<zero-select @change="${(e,t)=>e.onEnumFilterSelection(ai(t))}}">
|
|
943
|
-
${(0,s.repeat)((e=>e.enumFilterOptions),s.html`
|
|
944
|
-
<zero-option value="${e=>e.value}" selected="${e=>e.selected}">
|
|
945
|
-
${e=>e.name}
|
|
946
|
-
</zero-option>
|
|
947
|
-
`)}
|
|
948
|
-
</zero-select>
|
|
949
|
-
</div>
|
|
950
|
-
`,li=s.html`
|
|
951
|
-
<div class="filter-wrapper">${e=>(e=>{switch(e.type){case"number":return oi;case"date":return ii;case"boolean":return si;case"enum":return ri;default:return ti}})(e)}</div>
|
|
952
|
-
`;var di;!function(e){e.change="filter-changed",e.clear="filter-cleared"}(di||(di={}));class ci extends r.FoundationElement{constructor(){super(...arguments),this.type="text",this.textFilter="",this.enumFilterOptions=[{name:"All",value:"all",selected:!0}]}textFilterChanged(e,t){if(!(null==t?void 0:t.length))return void this.$emit(di.clear,{fieldName:this.fieldName,target:this.target});const o=`Expr.containsIgnoreCase(${this.fieldName},'${t}')`;this.$emit(di.change,{fieldName:this.fieldName,filter:o,target:this.target})}numFilterMinChanged(e,t){this.numFilterMin=Number.isFinite(Number(t))?Number(t):void 0,this.handleNumericFilter(this.numFilterMin,this.numFilterMax)}numFilterMaxChanged(e,t){this.numFilterMax=Number.isFinite(Number(t))?Number(t):void 0,this.handleNumericFilter(this.numFilterMin,this.numFilterMax)}handleNumericFilter(e,t){if(!Number.isFinite(e)&&!Number.isFinite(t))return void this.$emit(di.clear,{fieldName:this.fieldName,target:this.target});const o=`${this.fieldName} >= ${e}`,i=`${this.fieldName} <= ${t}`,a=Number.isFinite(e)?Number.isFinite(t)?`(${o} && ${i})`:o:i;this.$emit(di.change,{fieldName:this.fieldName,filter:a,target:this.target})}formatDate(e){if(Number.isFinite(e))return new Date(e).toISOString().slice(0,19).replace(/-/g,"").replace("T","-")}dateFilterMinChanged(e,t){this.dateMinMS=Date.parse(t),this.handleDateFilter(this.dateMinMS,this.dateMaxMS)}dateFilterMaxChanged(e,t){this.dateMaxMS=Date.parse(t),this.handleDateFilter(this.dateMinMS,this.dateMaxMS)}handleDateFilter(e,t){if(!Number.isFinite(e)&&!Number.isFinite(t))return void this.$emit(di.clear,{fieldName:this.fieldName});const o=`Expr.dateTimeIsAfter(${this.fieldName}, '${this.formatDate(e)}')`,i=`Expr.dateTimeIsBefore(${this.fieldName}, '${this.formatDate(t)}')`,a=Number.isFinite(e)?Number.isFinite(t)?`(${o} && ${i})`:o:i;this.$emit(di.change,{fieldName:this.fieldName,filter:a,target:this.target})}connectedCallback(){var e;if(super.connectedCallback(),null===(e=this.enumOptions)||void 0===e?void 0:e.length){const e=this.enumOptions.includes("|")?"|":",",t=this.enumOptions.split(e).map((e=>({name:e,value:e})));this.enumFilterOptions=[{name:"All",value:"all",selected:!0},...t]}}clear(){switch(this.type){case"number":this.numFilterFieldMin.value=void 0,this.numFilterFieldMax.value=void 0,this.numFilterMin=void 0,this.numFilterMax=void 0;break;case"date":this.dateFilterFieldMin.value="",this.dateFilterFieldMax.value="",this.dateMinMS=NaN,this.dateMaxMS=NaN;break;case"text":this.textFilterField.value=""}this.$emit(di.clear,{fieldName:this.fieldName,target:this.target})}onBooleanFilterSelection(e){e&&"all"!==e?this.$emit(di.change,{fieldName:this.fieldName,filter:`${this.fieldName} == ${e}`,target:this.target}):this.$emit(di.clear,{fieldName:this.fieldName,target:this.target})}onEnumFilterSelection(e){e&&"all"!==e?this.$emit(di.change,{fieldName:this.fieldName,filter:`${this.fieldName} == "${e}"`,target:this.target}):this.$emit(di.clear,{fieldName:this.fieldName,target:this.target})}}(0,n.__decorate)([s.attr],ci.prototype,"fieldName",void 0),(0,n.__decorate)([s.attr],ci.prototype,"type",void 0),(0,n.__decorate)([s.attr],ci.prototype,"label",void 0),(0,n.__decorate)([s.attr],ci.prototype,"target",void 0),(0,n.__decorate)([s.observable],ci.prototype,"textFilter",void 0),(0,n.__decorate)([s.observable],ci.prototype,"numFilterMin",void 0),(0,n.__decorate)([s.observable],ci.prototype,"numFilterMax",void 0),(0,n.__decorate)([s.observable],ci.prototype,"dateFilterMin",void 0),(0,n.__decorate)([s.observable],ci.prototype,"dateFilterMax",void 0),(0,n.__decorate)([s.attr],ci.prototype,"enumOptions",void 0),(0,n.__decorate)([s.observable],ci.prototype,"enumFilterOptions",void 0);const ui=ci.compose({baseName:"filter",template:li,styles:Qo}),pi=(e,t)=>s.css`
|
|
953
|
-
.filter-bar {
|
|
954
|
-
background-color: #2c2f33;
|
|
955
|
-
padding: calc(var(--design-unit) * 2px);
|
|
956
|
-
transition: all 0.5s ease-out;
|
|
957
|
-
}
|
|
958
|
-
|
|
959
|
-
.filter-grid {
|
|
960
|
-
display: grid;
|
|
961
|
-
grid-template-columns: repeat(3, 1fr);
|
|
962
|
-
grid-auto-rows: minmax(64px, auto);
|
|
963
|
-
gap: calc(var(--design-unit) * 1px);
|
|
964
|
-
align-items: end;
|
|
965
|
-
justify-items: stretch;
|
|
966
|
-
}
|
|
967
|
-
|
|
968
|
-
.toggle {
|
|
969
|
-
display: flex;
|
|
970
|
-
justify-content: center;
|
|
971
|
-
min-height: 20px;
|
|
972
|
-
cursor: pointer;
|
|
973
|
-
border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px)
|
|
974
|
-
0 0;
|
|
975
|
-
border-top: 2px solid;
|
|
976
|
-
color: #f44378;
|
|
977
|
-
}
|
|
978
|
-
|
|
979
|
-
.collapsed {
|
|
980
|
-
max-height: 0;
|
|
981
|
-
padding: 0;
|
|
982
|
-
overflow: hidden;
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
.toggle-collapsed {
|
|
986
|
-
color: #48ed9c;
|
|
987
|
-
}
|
|
988
|
-
`,hi=e=>{switch(e){case"INT":case"DOUBLE":case"LONG":return"number";case"DATETIME":return"date";case"BOOLEAN":return"boolean";case"ENUM":return"enum";default:return"text"}},mi=s.html`
|
|
989
|
-
<p>Fetching metadata for ${e=>e.resource}...</p>
|
|
990
|
-
`,fi=s.html`
|
|
991
|
-
${(0,s.when)((e=>e.collapsed),s.html`
|
|
992
|
-
<foundation-icon name="arrow-up"></foundation-icon>
|
|
993
|
-
`)}
|
|
994
|
-
${(0,s.when)((e=>!e.collapsed),s.html`
|
|
995
|
-
<foundation-icon name="arrow-down"></foundation-icon>
|
|
996
|
-
`)}
|
|
997
|
-
`,gi=s.html`
|
|
998
|
-
<div
|
|
999
|
-
class=${e=>(0,l.classNames)(["toggle",!0],["toggle-collapsed",e.collapsed])}
|
|
1000
|
-
@click="${e=>e.toggle()}"
|
|
1001
|
-
>
|
|
1002
|
-
${fi}
|
|
1003
|
-
</div>
|
|
1004
|
-
<div class=${e=>(0,l.classNames)(["filter-bar",!0],["collapsed",e.collapsed])}>
|
|
1005
|
-
<div class="filter-grid" ${(0,s.ref)("filterGrid")}>
|
|
1006
|
-
${(0,s.repeat)((e=>e.fields),s.html`
|
|
1007
|
-
<foundation-filter
|
|
1008
|
-
label="${e=>e.UI_LABEL}"
|
|
1009
|
-
target="${(e,t)=>{var o;return null===(o=t.parent)||void 0===o?void 0:o.target}}"
|
|
1010
|
-
type="${e=>hi(e.TYPE)}"
|
|
1011
|
-
fieldName="${e=>e.NAME}"
|
|
1012
|
-
></foundation-filter>
|
|
1013
|
-
`)}
|
|
1014
|
-
</div>
|
|
1015
|
-
</div>
|
|
1016
|
-
`,vi=s.html`
|
|
1017
|
-
${e=>e.ready?gi:mi}
|
|
1018
|
-
`,bi=5;class yi extends r.FoundationElement{constructor(){super(...arguments),this.columns=bi,this.ready=!1,this.collapsed=!0}connectedCallback(){super.connectedCallback(),this.init()}initLabels(){var e,t,o,i,a;let n=!1,s=[];(null===(e=null==this?void 0:this.labels)||void 0===e?void 0:e.length)&&(s=null===(t=this.labels.split(","))||void 0===t?void 0:t.map((e=>e.trim())),n=(null===(o=this.fields)||void 0===o?void 0:o.length)===(null==s?void 0:s.length));for(let e=0;null!==(a=e<(null===(i=this.fields)||void 0===i?void 0:i.length))&&void 0!==a&&a;e+=1){const t=n?s[e]:this.camelCasePreserveWhitespace(this.fields[e].NAME.replace(/_/g," "));this.fields[e].UI_LABEL=t}}camelCasePreserveWhitespace(e){return e.split(" ").map((e=>(0,l.pascalCase)(e))).join(" ")}resourceChanged(e,t){e!==t&&(null==e?void 0:e.length)&&this.init()}init(){this.ready=!1,this.connect.getMetadata(this.resource).then((e=>{var t,o;if(this.fields=e.FIELD,null===(t=this.only)||void 0===t?void 0:t.length){const e=this.only.split(",").map((e=>e.trim())),t=(t,o)=>e.indexOf(t.NAME)>e.indexOf(o.NAME)?1:-1;this.fields=null===(o=this.fields)||void 0===o?void 0:o.filter((t=>e.includes(t.NAME))).sort(t)}this.ready=!0})).then((()=>this.initLabels())).then((()=>window.requestAnimationFrame((()=>{this.adjustColumnStyles()})))).catch((e=>mo.error(e)))}adjustColumnStyles(){this.filterGrid&&(this.filterGrid.style["grid-template-columns"]=`repeat(${this.columns}, 1fr)`)}toggle(){this.ready&&(this.collapsed=!this.collapsed)}}(0,n.__decorate)([s.attr],yi.prototype,"resource",void 0),(0,n.__decorate)([s.attr],yi.prototype,"only",void 0),(0,n.__decorate)([s.attr],yi.prototype,"labels",void 0),(0,n.__decorate)([s.attr],yi.prototype,"target",void 0),(0,n.__decorate)([s.attr],yi.prototype,"columns",void 0),(0,n.__decorate)([s.observable],yi.prototype,"ready",void 0),(0,n.__decorate)([s.observable],yi.prototype,"fields",void 0),(0,n.__decorate)([me.Connect],yi.prototype,"connect",void 0),(0,n.__decorate)([s.observable],yi.prototype,"collapsed",void 0);const wi=yi.compose({baseName:"filter-bar",template:vi,styles:pi});var xi;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(xi||(xi={}));const Fi=e=>{const t=e?`-${e}`:"";return s.css`
|
|
1019
|
-
${t&&`@media only screen and ${xi[e]} {`}
|
|
1020
|
-
:host(.spacing${t}-1x) slot {
|
|
1021
|
-
gap: calc(var(--design-unit) * 2px);
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
:host(.spacing${t}-2x) slot {
|
|
1025
|
-
gap: calc(var(--design-unit) * 4px);
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
:host(.spacing${t}-3x) slot {
|
|
1029
|
-
gap: calc(var(--design-unit) * 6px);
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
:host(.spacing${t}-4x) slot {
|
|
1033
|
-
gap: calc(var(--design-unit) * 8px);
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
:host(.spacing${t}-5x) slot {
|
|
1037
|
-
gap: calc(var(--design-unit) * 10px);
|
|
1038
|
-
}
|
|
1039
|
-
|
|
1040
|
-
:host(.spacing${t}-6x) slot {
|
|
1041
|
-
gap: calc(var(--design-unit) * 12px);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
:host(.flex${t}-column) slot {
|
|
1045
|
-
flex-direction: column;
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
:host(.flex${t}-column-reverse) slot {
|
|
1049
|
-
flex-direction: column-reverse;
|
|
1050
|
-
}
|
|
1051
|
-
|
|
1052
|
-
:host(.flex${t}-row) slot {
|
|
1053
|
-
flex-direction: row;
|
|
1054
|
-
}
|
|
1055
|
-
|
|
1056
|
-
:host(.flex${t}-row-reverse) slot {
|
|
1057
|
-
flex-direction: row-reverse;
|
|
1058
|
-
}
|
|
1059
|
-
|
|
1060
|
-
:host(.flex${t}-wrap) slot {
|
|
1061
|
-
flex-wrap: wrap;
|
|
1062
|
-
}
|
|
1063
|
-
|
|
1064
|
-
:host(.flex${t}-wrap-reverse) slot {
|
|
1065
|
-
flex-wrap: wrap-reverse;
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
|
-
:host(.justify${t}-start) slot {
|
|
1069
|
-
justify-content: flex-start;
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
|
-
:host(.justify${t}-end) slot {
|
|
1073
|
-
justify-content: flex-end;
|
|
1074
|
-
}
|
|
1075
|
-
|
|
1076
|
-
:host(.justify${t}-center) slot {
|
|
1077
|
-
justify-content: center;
|
|
1078
|
-
}
|
|
1079
|
-
|
|
1080
|
-
:host(.justify${t}-between) slot {
|
|
1081
|
-
justify-content: space-between;
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
:host(.justify${t}-around) slot {
|
|
1085
|
-
justify-content: space-around;
|
|
1086
|
-
}
|
|
1087
|
-
|
|
1088
|
-
:host(.justify${t}-evenly) slot {
|
|
1089
|
-
justify-content: space-evenly;
|
|
1090
|
-
}
|
|
1091
|
-
|
|
1092
|
-
:host(.items${t}-start) slot {
|
|
1093
|
-
align-items: flex-start;
|
|
1094
|
-
}
|
|
1095
|
-
|
|
1096
|
-
:host(.items${t}-end) slot {
|
|
1097
|
-
align-items: flex-end;
|
|
1098
|
-
}
|
|
1099
|
-
|
|
1100
|
-
:host(.items${t}-center) slot {
|
|
1101
|
-
align-items: center;
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
:host(.items${t}-stretch) slot {
|
|
1105
|
-
align-items: stretch;
|
|
1106
|
-
}
|
|
1107
|
-
|
|
1108
|
-
:host(.items${t}-baseline) slot {
|
|
1109
|
-
align-items: baseline;
|
|
1110
|
-
}
|
|
1111
|
-
|
|
1112
|
-
:host(.content${t}-start) slot {
|
|
1113
|
-
align-content: flex-start;
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1116
|
-
:host(.content${t}-end) slot {
|
|
1117
|
-
align-content: flex-end;
|
|
1118
|
-
}
|
|
1119
|
-
|
|
1120
|
-
:host(.content${t}-center) slot {
|
|
1121
|
-
align-content: center;
|
|
1122
|
-
}
|
|
1123
|
-
|
|
1124
|
-
:host(.content${t}-between) slot {
|
|
1125
|
-
align-content: space-between;
|
|
1126
|
-
}
|
|
1127
|
-
|
|
1128
|
-
:host(.content${t}-around) slot {
|
|
1129
|
-
align-content: space-around;
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
:host(.content${t}-evenly) slot {
|
|
1133
|
-
align-content: space-evenly;
|
|
1134
|
-
}
|
|
1135
|
-
${t&&"}"}
|
|
1136
|
-
`},$i=s.css`
|
|
1137
|
-
:host {
|
|
1138
|
-
width: 100%;
|
|
1139
|
-
height: 100%;
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
slot {
|
|
1143
|
-
width: 100%;
|
|
1144
|
-
height: 100%;
|
|
1145
|
-
display: flex;
|
|
1146
|
-
}
|
|
1147
|
-
|
|
1148
|
-
${Fi()}
|
|
1149
|
-
${Fi("lg")}
|
|
1150
|
-
${Fi("md")}
|
|
1151
|
-
${Fi("sm")}
|
|
1152
|
-
`,Si=s.html`
|
|
1153
|
-
<template>
|
|
1154
|
-
<slot></slot>
|
|
1155
|
-
</template>
|
|
1156
|
-
`,Di=void 0,Ci={};class _i extends r.FoundationElement{}const ki=_i.compose(Object.assign({baseName:"flex-layout",styles:$i,template:Si,shadowOptions:Di},Ci)),Oi=(e,t)=>(0,r.flipperTemplate)(e,t),Ti=(e,t)=>s.css`
|
|
1157
|
-
${(0,m.flipperStyles)(e,t)}
|
|
1158
|
-
`;class Li extends m.Flipper{}const Ri=void 0,Ai={next:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n />\n </svg>\n ',previous:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n <path\n d="M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z"\n />\n </svg>\n '},Mi=Li.compose(Object.assign({baseName:"flipper",template:Oi,styles:Ti,shadowOptions:Ri},Ai)),Ni=s.html`
|
|
1159
|
-
<template ?closed=${e=>e.closed} ?visuallyhidden=${e=>e.visuallyhidden}>
|
|
1160
|
-
<div class="container">
|
|
1161
|
-
<div class="background" @click=${e=>e.closeFlyout()}></div>
|
|
1162
|
-
<div class="flyout" @transitionend=${e=>e.closingFinished()}>
|
|
1163
|
-
<div class="header">
|
|
1164
|
-
<div class="title">
|
|
1165
|
-
<slot name="title"></slot>
|
|
1166
|
-
</div>
|
|
1167
|
-
<div class="exit" @click=${e=>e.closeFlyout()}>
|
|
1168
|
-
<zero-icon name="times"></zero-icon>
|
|
1169
|
-
</div>
|
|
1170
|
-
</div>
|
|
1171
|
-
<div class="content">
|
|
1172
|
-
<slot></slot>
|
|
1173
|
-
</div>
|
|
1174
|
-
<div class="footer">
|
|
1175
|
-
<slot name="footer"></slot>
|
|
1176
|
-
</div>
|
|
1177
|
-
</div>
|
|
1178
|
-
</div>
|
|
1179
|
-
</template>
|
|
1180
|
-
`,Ei=225,Ii=s.css`
|
|
1181
|
-
/* Host */
|
|
1182
|
-
:host {
|
|
1183
|
-
display: inline-block;
|
|
1184
|
-
height: 100vh;
|
|
1185
|
-
position: absolute;
|
|
1186
|
-
width: 100vw;
|
|
1187
|
-
}
|
|
1188
|
-
|
|
1189
|
-
:host([closed]) {
|
|
1190
|
-
display: none;
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
div.container {
|
|
1194
|
-
height: 100%;
|
|
1195
|
-
width: 100%;
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
/* flyout */
|
|
1199
|
-
div.flyout {
|
|
1200
|
-
background-color: white;
|
|
1201
|
-
color: black;
|
|
1202
|
-
height: 100%;
|
|
1203
|
-
position: absolute;
|
|
1204
|
-
/* stylelint-disable-next-line function-name-case */
|
|
1205
|
-
transition: transform ${Ei.toString()}ms ease-in;
|
|
1206
|
-
width: 20%;
|
|
1207
|
-
z-index: 2001;
|
|
1208
|
-
}
|
|
1209
|
-
|
|
1210
|
-
:host([position='left']) div.flyout {
|
|
1211
|
-
left: 0;
|
|
1212
|
-
transform: translateX(0%);
|
|
1213
|
-
}
|
|
1214
|
-
|
|
1215
|
-
:host([position='right']) div.flyout {
|
|
1216
|
-
right: 0;
|
|
1217
|
-
transform: translateX(0%);
|
|
1218
|
-
}
|
|
1219
|
-
|
|
1220
|
-
:host([visuallyhidden][position='left']) div.flyout {
|
|
1221
|
-
left: 0;
|
|
1222
|
-
transform: translateX(-100%);
|
|
1223
|
-
}
|
|
1224
|
-
|
|
1225
|
-
:host([visuallyhidden][position='right']) div.flyout {
|
|
1226
|
-
right: 0;
|
|
1227
|
-
transform: translateX(100%);
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
div.header {
|
|
1231
|
-
align-items: center;
|
|
1232
|
-
display: flex;
|
|
1233
|
-
padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 2px);
|
|
1234
|
-
}
|
|
1235
|
-
|
|
1236
|
-
div.title {
|
|
1237
|
-
flex-grow: 1;
|
|
1238
|
-
}
|
|
1239
|
-
|
|
1240
|
-
div.header zero-icon {
|
|
1241
|
-
cursor: pointer;
|
|
1242
|
-
}
|
|
1243
|
-
|
|
1244
|
-
div.footer {
|
|
1245
|
-
bottom: 0;
|
|
1246
|
-
position: absolute;
|
|
1247
|
-
width: 100%;
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
|
-
/* Background */
|
|
1251
|
-
div.background {
|
|
1252
|
-
background-color: black;
|
|
1253
|
-
height: 100%;
|
|
1254
|
-
opacity: 50%;
|
|
1255
|
-
position: absolute;
|
|
1256
|
-
/* stylelint-disable-next-line function-name-case */
|
|
1257
|
-
transition: opacity ${Ei.toString()}ms linear;
|
|
1258
|
-
width: 100%;
|
|
1259
|
-
z-index: 2000;
|
|
1260
|
-
}
|
|
1261
|
-
|
|
1262
|
-
:host([visuallyhidden]) div.background {
|
|
1263
|
-
opacity: 0%;
|
|
1264
|
-
}
|
|
1265
|
-
`;class Pi extends r.FoundationElement{constructor(){super(...arguments),this.position="right",this.closed=!0,this.visuallyhidden=!0}closedChanged(){this.closed||setTimeout((()=>this.visuallyhidden=!1),1)}closeFlyout(){this.visuallyhidden=!0}closingFinished(){this.visuallyhidden&&(this.closed=!0,this.$emit("closed"))}}(0,n.__decorate)([s.attr],Pi.prototype,"position",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Pi.prototype,"closed",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Pi.prototype,"visuallyhidden",void 0);const Hi=void 0,Gi={},Bi=Pi.compose(Object.assign({baseName:"flyout",styles:Ii,template:Ni,shadowOptions:Hi},Gi));var zi;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(zi||(zi={}));const ji=e=>{const t=e?`-${e}`:"";return s.css`
|
|
1266
|
-
${t&&`@media only screen and ${zi[e]} {`}
|
|
1267
|
-
:host(.spacing${t}-1x) slot {
|
|
1268
|
-
gap: calc(var(--design-unit) * 2px);
|
|
1269
|
-
}
|
|
1270
|
-
|
|
1271
|
-
:host(.spacing${t}-2x) slot {
|
|
1272
|
-
gap: calc(var(--design-unit) * 4px);
|
|
1273
|
-
}
|
|
1274
|
-
|
|
1275
|
-
:host(.spacing${t}-3x) slot {
|
|
1276
|
-
gap: calc(var(--design-unit) * 6px);
|
|
1277
|
-
}
|
|
1278
|
-
|
|
1279
|
-
:host(.spacing${t}-4x) slot {
|
|
1280
|
-
gap: calc(var(--design-unit) * 8px);
|
|
1281
|
-
}
|
|
1282
|
-
|
|
1283
|
-
:host(.spacing${t}-5x) slot {
|
|
1284
|
-
gap: calc(var(--design-unit) * 10px);
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
:host(.spacing${t}-6x) slot {
|
|
1288
|
-
gap: calc(var(--design-unit) * 12px);
|
|
1289
|
-
}
|
|
1290
|
-
|
|
1291
|
-
:host(.flow${t}-row) slot {
|
|
1292
|
-
grid-auto-flow: row;
|
|
1293
|
-
}
|
|
1294
|
-
|
|
1295
|
-
:host(.flow${t}-column) slot {
|
|
1296
|
-
grid-auto-flow: column;
|
|
1297
|
-
}
|
|
1298
|
-
|
|
1299
|
-
:host(.flow${t}-row-dense) slot {
|
|
1300
|
-
grid-auto-flow: row dense;
|
|
1301
|
-
}
|
|
1302
|
-
|
|
1303
|
-
:host(.flow${t}-column-dense) slot {
|
|
1304
|
-
grid-auto-flow: column dense;
|
|
1305
|
-
}
|
|
1306
|
-
|
|
1307
|
-
:host(.content${t}-center) slot {
|
|
1308
|
-
place-content: center;
|
|
1309
|
-
}
|
|
1310
|
-
|
|
1311
|
-
:host(.content${t}-start) slot {
|
|
1312
|
-
place-content: start;
|
|
1313
|
-
}
|
|
1314
|
-
|
|
1315
|
-
:host(.content${t}-end) slot {
|
|
1316
|
-
place-content: end;
|
|
1317
|
-
}
|
|
1318
|
-
|
|
1319
|
-
:host(.content${t}-between) slot {
|
|
1320
|
-
place-content: space-between;
|
|
1321
|
-
}
|
|
1322
|
-
|
|
1323
|
-
:host(.content${t}-around) slot {
|
|
1324
|
-
place-content: space-around;
|
|
1325
|
-
}
|
|
1326
|
-
|
|
1327
|
-
:host(.content${t}-evenly) slot {
|
|
1328
|
-
place-content: space-evenly;
|
|
1329
|
-
}
|
|
1330
|
-
|
|
1331
|
-
:host(.content${t}-stretch) slot {
|
|
1332
|
-
place-content: stretch;
|
|
1333
|
-
}
|
|
1334
|
-
|
|
1335
|
-
:host(.place${t}-items-start) slot {
|
|
1336
|
-
place-items: start;
|
|
1337
|
-
}
|
|
1338
|
-
|
|
1339
|
-
:host(.place${t}-items-end) slot {
|
|
1340
|
-
place-items: end;
|
|
1341
|
-
}
|
|
1342
|
-
|
|
1343
|
-
:host(.place${t}-items-center) slot {
|
|
1344
|
-
place-items: center;
|
|
1345
|
-
}
|
|
1346
|
-
|
|
1347
|
-
:host(.place${t}-items-stretch) slot {
|
|
1348
|
-
place-items: stretch;
|
|
1349
|
-
}
|
|
1350
|
-
${t&&"}"}
|
|
1351
|
-
`},Vi=s.css`
|
|
1352
|
-
slot {
|
|
1353
|
-
width: 100%;
|
|
1354
|
-
height: 100%;
|
|
1355
|
-
display: grid;
|
|
1356
|
-
}
|
|
1357
|
-
|
|
1358
|
-
${ji()}
|
|
1359
|
-
${ji("lg")}
|
|
1360
|
-
${ji("md")}
|
|
1361
|
-
${ji("sm")}
|
|
1362
|
-
`,Ui=s.html`
|
|
1363
|
-
<template>
|
|
1364
|
-
<slot></slot>
|
|
1365
|
-
</template>
|
|
1366
|
-
`,Yi=void 0,Wi={};class qi{constructor(e,t,o,i="1fr",a="1fr"){this.listenerCache=new WeakMap,this.query=window.matchMedia(e);const n=t&&s.cssPartial`grid-template-columns: repeat(${t}, ${i});`,r=o&&s.cssPartial`grid-template-rows: repeat(${o}, ${a});`;this.styles=s.css`
|
|
1367
|
-
slot {
|
|
1368
|
-
${r||""}
|
|
1369
|
-
${n||""}
|
|
1370
|
-
}
|
|
1371
|
-
`}bind(e){let t=!1;const o=o=>{const{matches:i}=o;i&&!t?(e.$fastController.addStyles(this.styles),t=!0):!i&&t&&(e.$fastController.removeStyles(this.styles),t=!1)};o({matches:this.query.matches}),this.query.addEventListener("change",o),this.listenerCache.set(e,o)}unbind(e){const t=this.listenerCache.get(e);t&&(this.query.removeEventListener("change",t),this.listenerCache.delete(e)),e.$fastController.removeStyles(this.styles)}}class Xi extends r.FoundationElement{constructor(){super(...arguments),this.behaviors=[]}connectedCallback(){super.connectedCallback(),this.behaviors=Object.keys(zi).map((e=>{if(this[`col-${e}-count`]||this[`row-${e}-count`])return new qi(zi[e],this[`col-${e}-count`],this[`row-${e}-count`],this[`col-${e}-width`],this[`row-${e}-height`])})).filter((e=>!!e));const e=this["row-count"]&&s.cssPartial`grid-template-rows: repeat(${this["row-count"]}, ${this["row-height"]||"1fr"});`,t=this["col-count"]&&s.cssPartial`grid-template-columns: repeat(${this["col-count"]}, ${this["col-width"]||"1fr"});`;this.baseStyles=s.css`
|
|
1372
|
-
slot {
|
|
1373
|
-
${e||""}
|
|
1374
|
-
${t||""}
|
|
1375
|
-
}
|
|
1376
|
-
`,this.$fastController.addStyles(this.baseStyles),this.$fastController.addBehaviors(this.behaviors)}disconnectedCallback(){super.disconnectedCallback(),this.$fastController.removeBehaviors(this.behaviors),this.$fastController.removeStyles(this.baseStyles)}}(0,n.__decorate)([s.attr],Xi.prototype,"col-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-width",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-lg-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-lg-width",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-md-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-md-width",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-sm-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"col-sm-width",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-height",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-lg-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-lg-height",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-md-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-md-height",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-sm-count",void 0),(0,n.__decorate)([s.attr],Xi.prototype,"row-sm-height",void 0);const Zi=Xi.compose(Object.assign({baseName:"grid-layout",styles:Vi,template:Ui,shadowOptions:Yi},Wi)),Ki=s.html`
|
|
1377
|
-
<template>
|
|
1378
|
-
<style>
|
|
1379
|
-
:host {
|
|
1380
|
-
width: 100%;
|
|
1381
|
-
height: 100%;
|
|
1382
|
-
${e=>e.setGridItemProperties(e.colNumber,e.rowNumber,e.width,e.height)}
|
|
1383
|
-
}
|
|
1384
|
-
|
|
1385
|
-
@media only screen and (min-width: 1025px) {
|
|
1386
|
-
:host {
|
|
1387
|
-
${e=>e.setGridItemProperties(e.colLgNumber,e.rowLgNumber,e.widthLg,e.heightLg)}
|
|
1388
|
-
}
|
|
1389
|
-
}
|
|
1390
|
-
|
|
1391
|
-
@media only screen and (min-width: 641px) and (max-width: 1024px) {
|
|
1392
|
-
:host {
|
|
1393
|
-
${e=>e.setGridItemProperties(e.colMdNumber,e.rowMdNumber,e.widthSm,e.heightMd)}
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1396
|
-
|
|
1397
|
-
@media only screen and (max-width: 640px) {
|
|
1398
|
-
:host {
|
|
1399
|
-
${e=>e.setGridItemProperties(e.colSmNumber,e.rowSmNumber,e.widthSm,e.heightSm)}
|
|
1400
|
-
}
|
|
1401
|
-
}
|
|
1402
|
-
</style>
|
|
1403
|
-
<slot></slot>
|
|
1404
|
-
</template>
|
|
1405
|
-
`,Ji=void 0,Qi={};class ea extends r.FoundationElement{setGridItemProperties(e,t,o,i){if(t&&e&&o&&i){return`grid-row: ${0===t||0===i?"auto":`${t} / ${Number(t)+Number(i)}`}; grid-column: ${0===e||0===o?"auto":`${e} / ${Number(e)+Number(o)}`}`}}}(0,n.__decorate)([(0,s.attr)({attribute:"col-number"})],ea.prototype,"colNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"col-sm-number"})],ea.prototype,"colSmNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"col-md-number"})],ea.prototype,"colMdNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"col-lg-number"})],ea.prototype,"colLgNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"row-number"})],ea.prototype,"rowNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"row-sm-number"})],ea.prototype,"rowSmNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"row-md-number"})],ea.prototype,"rowMdNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"row-lg-number"})],ea.prototype,"rowLgNumber",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"width"})],ea.prototype,"width",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"width-sm"})],ea.prototype,"widthSm",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"width-md"})],ea.prototype,"widthMd",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"width-lg"})],ea.prototype,"widthLg",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"height"})],ea.prototype,"height",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"height-sm"})],ea.prototype,"heightSm",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"height-md"})],ea.prototype,"heightMd",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"height-lg"})],ea.prototype,"heightLg",void 0);const ta=ea.compose(Object.assign({baseName:"grid-layout-item",template:Ki,shadowOptions:Ji},Qi)),oa=s.html`
|
|
1406
|
-
<template>
|
|
1407
|
-
<i ${(0,s.ref)("iElement")} class=${e=>`fa-${e.variant} fa-${e.name} fa-${e.size}`}>
|
|
1408
|
-
<slot></slot>
|
|
1409
|
-
</i>
|
|
1410
|
-
</template>
|
|
1411
|
-
`;var ia=o(6531),aa=o(3719),na=o(8160),sa=o(723);const ra=()=>(ia.vI.add(aa.mRB,na.NCV,sa.vnX),ia.vz.css()),la=(e,t)=>s.css`
|
|
1412
|
-
${ra()}
|
|
1413
|
-
`,da={mode:"open",delegatesFocus:!0},ca={};var ua;!function(e){e.solid="fas",e.regular="far",e.brand="fab"}(ua||(ua={}));class pa extends r.FoundationElement{constructor(){super(...arguments),this.variant="solid",this.size="sm"}variantChanged(e,t){t&&this.loadIcon()}nameChanged(e,t){t&&this.loadIcon()}sizeChanged(e,t){t&&this.loadIcon()}connectedCallback(){super.connectedCallback(),this.loadIcon()}disconnectedCallback(){super.disconnectedCallback(),this.iElement.replaceChildren()}loadIcon(){if(!this.iElement)return;const e=(0,ia.N)({prefix:ua[this.variant],iconName:this.name}),t=(0,ia.qv)(e);t&&t.node&&Array.from(t.node).map((e=>this.iElement.appendChild(e)))}}(0,n.__decorate)([s.observable],pa.prototype,"iElement",void 0),(0,n.__decorate)([s.attr],pa.prototype,"variant",void 0),(0,n.__decorate)([s.attr],pa.prototype,"name",void 0),(0,n.__decorate)([s.attr],pa.prototype,"size",void 0);const ha=pa.compose(Object.assign({baseName:"icon",template:oa,styles:la,shadowOptions:da},ca)),ma=(e,t)=>(0,r.listboxOptionTemplate)(e,t),fa=(e,t)=>s.css`
|
|
1414
|
-
${(0,m.optionStyles)(e,t)}
|
|
1415
|
-
`;class ga extends m.ListboxOption{}const va=void 0,ba={},ya=ga.compose(Object.assign({baseName:"option",template:ma,styles:fa,shadowOptions:va},ba)),wa=(e,t)=>(0,r.menuTemplate)(e,t),xa=(e,t)=>s.css`
|
|
1416
|
-
${(0,m.menuStyles)(e,t)}
|
|
1417
|
-
`;class Fa extends m.Menu{}const $a=void 0,Sa={},Da=Fa.compose(Object.assign({baseName:"menu",template:wa,styles:xa,shadowOptions:$a},Sa)),Ca=(e,t)=>(0,r.menuItemTemplate)(e,t),_a=(e,t)=>s.css`
|
|
1418
|
-
${(0,m.menuItemStyles)(e,t)}
|
|
1419
|
-
`;class ka extends m.MenuItem{connectedCallback(){super.connectedCallback(),this.addEventListener("click",(()=>this.$emit("onMenuClick")))}}const Oa=void 0,Ta={expandCollapseGlyph:'\n <svg \n class="expand-collapse-glyph"\n part="expand-collapse-glyph" \n viewBox="0 0 16 16" \n xmlns="http://www.w3.org/2000/svg">\n <path\n d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n />\n </svg>\n '},La=ka.compose(Object.assign({baseName:"menu-item",template:Ca,styles:_a,shadowOptions:Oa},Ta)),Ra=s.css`
|
|
1420
|
-
${It}
|
|
1421
|
-
`,Aa=s.html`
|
|
1422
|
-
${Ht}
|
|
1423
|
-
`,Ma={mode:"open",delegatesFocus:!0},Na={};class Ea extends zt{show(){this.onShowCallback&&this.onShowCallback(),this.mainElement.showModal()}}const Ia=Ea.compose(Object.assign({baseName:"modal",styles:Ra,template:Aa,shadowOptions:Ma},Na)),Pa=(e="foundation")=>s.html`
|
|
1424
|
-
<label
|
|
1425
|
-
part="label"
|
|
1426
|
-
for="control"
|
|
1427
|
-
class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"
|
|
1428
|
-
>
|
|
1429
|
-
<slot
|
|
1430
|
-
${(0,s.slotted)({property:"defaultSlottedNodes",filter:r.whitespaceFilter})}
|
|
1431
|
-
></slot>
|
|
1432
|
-
</label>
|
|
1433
|
-
<div class="root">
|
|
1434
|
-
<div class="control">
|
|
1435
|
-
<svg
|
|
1436
|
-
${(0,s.ref)("arrowIcon")}
|
|
1437
|
-
@click=${e=>e.toggle()}
|
|
1438
|
-
id="arrow-icon"
|
|
1439
|
-
version="1.1"
|
|
1440
|
-
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
1441
|
-
width="16px"
|
|
1442
|
-
height="10px"
|
|
1443
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1444
|
-
>
|
|
1445
|
-
<g transform="matrix(1 0 0 1 -357 -108 )">
|
|
1446
|
-
<path
|
|
1447
|
-
d="M 15.839679358717452 7.564483924860394 C 15.94655978623915 7.670429077869895 16 7.792266003830264 16 7.929994702742739 C 16 8.06772340165439 15.94655978623915 8.189560327615172 15.839679358717452 8.295505480624673 L 15.038076152304509 9.090094128194075 C 14.93119572478281 9.196039281203163 14.808283233132897 9.249011857707707 14.669338677354567 9.249011857707707 C 14.53039412157644 9.249011857707707 14.407481629926528 9.196039281203163 14.300601202404827 9.090094128194075 L 8 2.84462735829865 L 1.6993987975951717 9.090094128194075 C 1.592518370073473 9.196039281203163 1.46960587842356 9.249011857707707 1.3306613226454322 9.249011857707707 C 1.1917167668671027 9.249011857707707 1.0688042752171896 9.196039281203163 0.9619238476954908 9.090094128194075 L 0.1603206412825481 8.295505480624673 C 0.05344021376084937 8.189560327615172 0 8.06772340165439 0 7.929994702742739 C 0 7.792266003830264 0.05344021376084937 7.670429077869895 0.1603206412825481 7.564483924860394 L 7.631262525050058 0.15891772951363237 C 7.738142952571757 0.05297257650454412 7.861055444221872 0 8 0 C 8.138944555778128 0 8.261857047428244 0.05297257650454412 8.368737474949942 0.15891772951363237 L 15.839679358717452 7.564483924860394 Z "
|
|
1448
|
-
fill-rule="nonzero"
|
|
1449
|
-
fill="white"
|
|
1450
|
-
stroke="none"
|
|
1451
|
-
transform="matrix(1 0 0 1 357 108 )"
|
|
1452
|
-
/>
|
|
1453
|
-
</g>
|
|
1454
|
-
</svg>
|
|
1455
|
-
<input
|
|
1456
|
-
readonly
|
|
1457
|
-
type="text"
|
|
1458
|
-
id="display-field"
|
|
1459
|
-
:value="${e=>e.getDisplayValue}"
|
|
1460
|
-
@click=${e=>e.toggle()}
|
|
1461
|
-
/>
|
|
1462
|
-
</div>
|
|
1463
|
-
<div ${(0,s.ref)("optionsElement")} class="options">
|
|
1464
|
-
${(0,s.when)((e=>e.search),s.html`
|
|
1465
|
-
<${e}-text-field
|
|
1466
|
-
id="filter-search"
|
|
1467
|
-
placeholder="${e=>e.getPlaceholder}"
|
|
1468
|
-
@input=${(e,t)=>e.setFilter(t.event)}
|
|
1469
|
-
@change=${(e,t)=>e.changeHandler(t.event)}
|
|
1470
|
-
></${e}-text-field>
|
|
1471
|
-
`)}
|
|
1472
|
-
<div class="checkbox-container">
|
|
1473
|
-
${(0,s.when)((e=>e.all),s.html`
|
|
1474
|
-
<${e}-checkbox
|
|
1475
|
-
@click=${e=>e.selectCheckboxAll()}
|
|
1476
|
-
@change=${(e,t)=>e.changeHandler(t.event)}
|
|
1477
|
-
?current-checked="${e=>e.isAllSelected}"
|
|
1478
|
-
>
|
|
1479
|
-
All ${e=>e.name}
|
|
1480
|
-
</${e}-checkbox>
|
|
1481
|
-
`)}
|
|
1482
|
-
${(0,s.repeat)((e=>e.filteredAvailableOptions),s.html`
|
|
1483
|
-
<${e}-checkbox
|
|
1484
|
-
@click=${(e,t)=>t.parent.selectCheckboxOne(e)}
|
|
1485
|
-
@change=${(e,t)=>t.parent.changeHandler(t.event)}
|
|
1486
|
-
?current-checked="${(e,t)=>t.parent.isOptionSelected(e)}"
|
|
1487
|
-
>
|
|
1488
|
-
${e=>e}
|
|
1489
|
-
</${e}-checkbox>
|
|
1490
|
-
`)}
|
|
1491
|
-
</div>
|
|
1492
|
-
</div>
|
|
1493
|
-
</div>
|
|
1494
|
-
`,Ha=s.html`
|
|
1495
|
-
${Pa()}
|
|
1496
|
-
`,Ga=230,Ba=s.css`
|
|
1497
|
-
.root {
|
|
1498
|
-
position: relative;
|
|
1499
|
-
width: inherit;
|
|
1500
|
-
}
|
|
1501
|
-
|
|
1502
|
-
.control {
|
|
1503
|
-
cursor: pointer;
|
|
1504
|
-
position: relative;
|
|
1505
|
-
display: flex;
|
|
1506
|
-
align-items: center;
|
|
1507
|
-
width: 100%;
|
|
1508
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1509
|
-
}
|
|
1510
|
-
|
|
1511
|
-
#display-field {
|
|
1512
|
-
width: 100%;
|
|
1513
|
-
cursor: pointer;
|
|
1514
|
-
color: rgb(241 241 241);
|
|
1515
|
-
min-height: 36px;
|
|
1516
|
-
padding: 0 8px;
|
|
1517
|
-
border-width: 0;
|
|
1518
|
-
background: var(--neutral-fill-input-rest);
|
|
1519
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1520
|
-
}
|
|
1521
|
-
|
|
1522
|
-
#display-field:focus {
|
|
1523
|
-
outline: 1px solid var(--accent-fill-rest);
|
|
1524
|
-
background: var(--neutral-fill-input-rest);
|
|
1525
|
-
border-style: none;
|
|
1526
|
-
box-shadow: none;
|
|
1527
|
-
}
|
|
1528
|
-
|
|
1529
|
-
#display-field:hover:not(:focus) {
|
|
1530
|
-
outline: 1px solid rgb(231 232 232);
|
|
1531
|
-
}
|
|
1532
|
-
|
|
1533
|
-
button {
|
|
1534
|
-
pointer-events: none;
|
|
1535
|
-
}
|
|
1536
|
-
|
|
1537
|
-
#arrow-icon {
|
|
1538
|
-
position: absolute;
|
|
1539
|
-
left: calc(100% - 28px);
|
|
1540
|
-
padding: 0;
|
|
1541
|
-
cursor: pointer;
|
|
1542
|
-
transform: rotate(180deg);
|
|
1543
|
-
transition: transform 0.2s linear 0s;
|
|
1544
|
-
}
|
|
1545
|
-
|
|
1546
|
-
#arrow-icon.flipped {
|
|
1547
|
-
transform: rotate(0deg);
|
|
1548
|
-
}
|
|
1549
|
-
|
|
1550
|
-
.options {
|
|
1551
|
-
display: flex;
|
|
1552
|
-
flex-direction: column;
|
|
1553
|
-
position: absolute;
|
|
1554
|
-
height: max-content;
|
|
1555
|
-
overflow-y: hidden;
|
|
1556
|
-
margin-top: 5px;
|
|
1557
|
-
border: 1px solid rgba(46 51 57 / 100%);
|
|
1558
|
-
border-radius: 4px;
|
|
1559
|
-
background: var(--neutral-fill-input-rest);
|
|
1560
|
-
width: 100%;
|
|
1561
|
-
max-height: 0;
|
|
1562
|
-
visibility: hidden;
|
|
1563
|
-
transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s;
|
|
1564
|
-
z-index: 999;
|
|
1565
|
-
}
|
|
1566
|
-
|
|
1567
|
-
.position-above {
|
|
1568
|
-
bottom: 100%;
|
|
1569
|
-
}
|
|
1570
|
-
|
|
1571
|
-
.checkbox-container {
|
|
1572
|
-
display: flex;
|
|
1573
|
-
flex-direction: column;
|
|
1574
|
-
overflow-y: scroll;
|
|
1575
|
-
scrollbar-width: thin;
|
|
1576
|
-
scrollbar-color: rgb(46 48 53) rgb(31 33 38);
|
|
1577
|
-
}
|
|
1578
|
-
|
|
1579
|
-
#filter-search {
|
|
1580
|
-
padding: 5px;
|
|
1581
|
-
}
|
|
1582
|
-
|
|
1583
|
-
::-webkit-scrollbar {
|
|
1584
|
-
width: 12px;
|
|
1585
|
-
}
|
|
1586
|
-
|
|
1587
|
-
::-webkit-scrollbar-track {
|
|
1588
|
-
background: rgb(31 33 38);
|
|
1589
|
-
}
|
|
1590
|
-
|
|
1591
|
-
::-webkit-scrollbar-thumb {
|
|
1592
|
-
width: 8px;
|
|
1593
|
-
border-radius: 10px;
|
|
1594
|
-
box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);
|
|
1595
|
-
background-color: rgb(46 48 53);
|
|
1596
|
-
border: 3px solid rgb(31 33 38);
|
|
1597
|
-
}
|
|
1598
|
-
|
|
1599
|
-
.visible {
|
|
1600
|
-
visibility: visible;
|
|
1601
|
-
max-height: ${Ga.toString()}px;
|
|
1602
|
-
}
|
|
1603
|
-
|
|
1604
|
-
::slotted(foundation-checkbox),
|
|
1605
|
-
foundation-checkbox {
|
|
1606
|
-
border-bottom: 1px solid rgb(46 48 52);
|
|
1607
|
-
padding: 5px 0 5px 5px;
|
|
1608
|
-
margin: 0;
|
|
1609
|
-
}
|
|
1610
|
-
|
|
1611
|
-
::slotted(foundation-checkbox:hover),
|
|
1612
|
-
foundation-checkbox:hover {
|
|
1613
|
-
background-color: rgb(45 47 51);
|
|
1614
|
-
cursor: pointer;
|
|
1615
|
-
}
|
|
1616
|
-
|
|
1617
|
-
::slotted(foundation-checkbox)::part(label),
|
|
1618
|
-
foundation-checkbox::part(label) {
|
|
1619
|
-
overflow-x: hidden;
|
|
1620
|
-
text-overflow: ellipsis;
|
|
1621
|
-
white-space: nowrap;
|
|
1622
|
-
}
|
|
1623
|
-
|
|
1624
|
-
.label {
|
|
1625
|
-
display: block;
|
|
1626
|
-
cursor: pointer;
|
|
1627
|
-
font-size: var(--type-ramp-base-font-size);
|
|
1628
|
-
line-height: var(--type-ramp-base-line-height);
|
|
1629
|
-
font-family: Roboto-Medium, sans-serif;
|
|
1630
|
-
font-style: normal;
|
|
1631
|
-
margin: calc(var(--design-unit) * 2px) 0;
|
|
1632
|
-
}
|
|
1633
|
-
`;var za;!function(e){e.BELOW="below",e.ABOVE="above",e.DYNAMIC="dynamic"}(za||(za={}));const ja=void 0,Va={};class Ua extends r.FoundationElement{constructor(){super(...arguments),this.name="",this.all=!0,this.allSelected=!1,this.search=!0,this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=za.BELOW,this.initialisedOptions=!1}openChanged(e,t){var o,i,a,n;t?(document.addEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.add("flipped"),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(a=this.arrowIcon)||void 0===a||a.classList.remove("flipped"),null===(n=this.optionsElement)||void 0===n||n.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===za.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=[...this.options]),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}toggle(){this.open||this.position!==za.DYNAMIC||this.setDropdownPosition(),this.open=!this.open}setDropdownPosition(){var e,t;(this.scrollContainer||this.parentElement).clientHeight-(this.offsetTop-(this.scrollContainer||this.parentElement).scrollTop)<Ga+this.offsetHeight?null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"):null===(t=this.optionsElement)||void 0===t||t.classList.remove("position-above")}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:e=this.selectedOptions[0]||"";break;case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllSelected(){return this.selectedOptions.length===this.options.length}isOptionSelected(e){return this.selectedOptions.includes(e)}selectCheckboxOne(e){const t=e;this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}selectCheckboxAll(){const e=this.selectedOptions.length===this.options.length;this.selectedOptions=e?[]:[...this.options],this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}setFilter(e){this.filteredAvailableOptions=[...this.options.filter((t=>{const o=e.currentTarget;return t.toLowerCase().startsWith(o.value.toLowerCase())}))]}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){lo(e,this)&&(this.open=!1)}}(0,n.__decorate)([s.attr],Ua.prototype,"name",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Ua.prototype,"all",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Ua.prototype,"allSelected",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Ua.prototype,"search",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"defaultSlottedNodes",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"open",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"options",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"selectedOptions",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"filteredAvailableOptions",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"scrollContainer",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"position",void 0),(0,n.__decorate)([s.observable],Ua.prototype,"onAllSelectedCallback",void 0),(0,n.__decorate)([s.volatile],Ua.prototype,"getDisplayValue",null),(0,n.__decorate)([s.volatile],Ua.prototype,"getPlaceholder",null),(0,n.__decorate)([s.volatile],Ua.prototype,"isAllSelected",null);const Ya=Ua.compose(Object.assign({baseName:"multiselect",template:Ha,styles:Ba,shadowOptions:ja},Va)),Wa=(e,t)=>s.html`
|
|
1634
|
-
${(0,r.numberFieldTemplate)(e,t)}
|
|
1635
|
-
`,qa=(e,t)=>s.css`
|
|
1636
|
-
${(0,m.numberFieldStyles)(e,t)}
|
|
1637
|
-
::part(label) {
|
|
1638
|
-
color: var(--neutral-foreground-rest);
|
|
1639
|
-
}
|
|
1640
|
-
|
|
1641
|
-
fast-text-field {
|
|
1642
|
-
display: unset;
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
.controls {
|
|
1646
|
-
margin-bottom: auto;
|
|
1647
|
-
margin-inline-end: 5px;
|
|
1648
|
-
margin-top: auto;
|
|
1649
|
-
}
|
|
1650
|
-
|
|
1651
|
-
.step-down,
|
|
1652
|
-
.step-up {
|
|
1653
|
-
display: block;
|
|
1654
|
-
fill: var(--neutral-foreground-rest);
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.step-down-glyph,
|
|
1658
|
-
.step-up-glyph {
|
|
1659
|
-
padding: unset;
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
|
-
::part(end) {
|
|
1663
|
-
margin-inline-end: unset;
|
|
1664
|
-
}
|
|
1665
|
-
`;class Xa extends m.NumberField{constructor(){super(...arguments),this.hideStep=!1,this.value="",this.withFormatting=!1,this.isStepChange=!1}sanitiseInputVal(e){return e.replace(/[^0-9\-+.]|\b[-+]|[.]{2,}$/g,"")}toIntlNumberFormat(e){return Intl.NumberFormat().format(Number(e.replace(/,/g,"")))}validateValue(e){var t,o;let i=parseFloat(parseFloat(this.sanitiseInputVal(e)).toPrecision(12));return isNaN(i)?i="":(i=Math.min(i,null!==(t=this.max)&&void 0!==t?t:i),i=Math.max(i,null!==(o=this.min)&&void 0!==o?o:i).toString()),i.toLocaleString()}handleStepChange(){this.isStepChange=!0,this.value=this.sanitiseInputVal(this.value),this.isStepChange=!1}stepUp(){this.handleStepChange(),super.stepUp()}stepDown(){this.handleStepChange(),super.stepDown()}valueChanged(e,t){if(!this.isStepChange)if(this.withFormatting){const e=/^(?![\s\S])|^-$|\.0*$/g;this.value=e.test(t)?t:this.toIntlNumberFormat(this.validateValue(t))}else super.valueChanged(e,this.value)}}(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Xa.prototype,"hideStep",void 0),(0,n.__decorate)([s.attr],Xa.prototype,"value",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Xa.prototype,"withFormatting",void 0);const Za={delegatesFocus:!0,mode:"open"},Ka={stepDownGlyph:'\n <svg class="step-down-glyph" viewBox="0 0 24 24" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg">\n <path d="M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z"/>\n </svg>\n ',stepUpGlyph:'\n <svg class="step-up-glyph" viewBox="0 0 24 24" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg">\n <path d="M6.1018 16.9814C5.02785 16.9814 4.45387 15.7165 5.16108 14.9083L10.6829 8.59762C11.3801 7.80079 12.6197 7.80079 13.3169 8.59762L18.8388 14.9083C19.5459 15.7165 18.972 16.9814 17.898 16.9814H6.1018Z"/>\n </svg>\n '},Ja=Xa.compose(Object.assign({baseName:"number-field",template:Wa,styles:qa,shadowOptions:Za},Ka)),Qa=(e,t)=>(0,r.progressTemplate)(e,t),en=(e,t)=>s.css`
|
|
1666
|
-
${(0,m.progressStyles)(e,t)}
|
|
1667
|
-
:host {
|
|
1668
|
-
height: calc(var(--design-unit) * 2px);
|
|
1669
|
-
}
|
|
1670
|
-
`;class tn extends m.Progress{}const on=void 0,an={indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>'},nn=tn.compose(Object.assign({baseName:"progress",template:Qa,styles:en,shadowOptions:on},an));var sn=o(7928);const rn={toView:e=>JSON.stringify(e),fromView:e=>null==e?e:JSON.parse(e)};class ln extends r.FoundationElement{constructor(){super(...arguments),this.show=!1,this.event="click",this.placement="bottom",this.flip=!1}selectorChanged(e,t){t!==e&&(this.popper&&this.popper.destroy(),this.target&&this.target.removeEventListener(this.event,this.toggle.bind(this)),this.target=this.getRootNode().querySelector(this.selector),this.target.addEventListener(this.event,this.toggle.bind(this)),this.popper=(0,sn.fi)(this.target,this,this.buildOptions()))}placementChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}offsetChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}flipChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}buildOptions(){return{placement:this.placement,modifiers:[{name:"offset",options:{offset:this.offset||[0,0]}},{name:"flip",enabled:this.flip}]}}toggle(){this.show=!this.show}disconnectedCallback(){super.disconnectedCallback(),this.popper&&(this.popper.destroy(),this.popper=null)}}(0,n.__decorate)([s.attr],ln.prototype,"selector",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],ln.prototype,"show",void 0),(0,n.__decorate)([s.attr],ln.prototype,"event",void 0),(0,n.__decorate)([s.attr],ln.prototype,"placement",void 0),(0,n.__decorate)([(0,s.attr)({converter:rn})],ln.prototype,"offset",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],ln.prototype,"flip",void 0);const dn=s.css`
|
|
1671
|
-
:host {
|
|
1672
|
-
display: none;
|
|
1673
|
-
inset: unset !important;
|
|
1674
|
-
transform: unset !important;
|
|
1675
|
-
}
|
|
1676
|
-
|
|
1677
|
-
:host([show]) {
|
|
1678
|
-
display: block;
|
|
1679
|
-
}
|
|
1680
|
-
`,cn=s.html`
|
|
1681
|
-
<template>
|
|
1682
|
-
<slot></slot>
|
|
1683
|
-
</template>
|
|
1684
|
-
`,un=ln.compose({baseName:"popper",styles:dn,template:cn}),pn=(e,t)=>(0,r.progressRingTemplate)(e,t),hn=(e,t)=>s.css`
|
|
1685
|
-
${(0,m.progressRingStyles)(e,t)}
|
|
1686
|
-
`;class mn extends m.Progress{}const fn=void 0,gn={indeterminateIndicator:'\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>\n <circle class="indeterminate-indicator-1" part="indeterminate-indicator-1" cx="8px" cy="8px" r="7px"></circle>\n </svg>\n '},vn=mn.compose(Object.assign({baseName:"progress-ring",template:pn,styles:hn,shadowOptions:fn},gn)),bn=(e,t)=>(0,r.radioTemplate)(e,t),yn=(e,t)=>s.css`
|
|
1687
|
-
${(0,m.radioStyles)(e,t)}
|
|
1688
|
-
`;class wn extends m.Radio{}const xn=void 0,Fn={checkedIndicator:'\n <div part="checked-indicator" class="checked-indicator"></div>\n '},$n=wn.compose(Object.assign({baseName:"radio",template:bn,styles:yn,shadowOptions:xn},Fn)),Sn=(e,t)=>(0,r.radioGroupTemplate)(e,t),Dn=(e,t)=>s.css`
|
|
1689
|
-
${(0,m.radioGroupStyles)(e,t)}
|
|
1690
|
-
`;class Cn extends m.RadioGroup{}const _n=void 0,kn={},On=Cn.compose(Object.assign({baseName:"radio-group",template:Sn,styles:Dn,shadowOptions:_n},kn)),Tn=(e,t)=>(0,r.radioGroupTemplate)(e,t),Ln=(e,t)=>s.css`
|
|
1691
|
-
${(0,m.radioGroupStyles)(e,t)}
|
|
1692
|
-
::slotted(foundation-segmented-item:first-of-type) {
|
|
1693
|
-
border-radius: calc(var(--control-corner-radius) * 1px) 0 0
|
|
1694
|
-
calc(var(--control-corner-radius) * 1px);
|
|
1695
|
-
border-right-width: 0;
|
|
1696
|
-
}
|
|
1697
|
-
|
|
1698
|
-
::slotted(foundation-segmented-item:last-of-type) {
|
|
1699
|
-
border-radius: 0 calc(var(--control-corner-radius) * 1px)
|
|
1700
|
-
calc(var(--control-corner-radius) * 1px) 0;
|
|
1701
|
-
border-left-width: 0;
|
|
1702
|
-
}
|
|
1703
|
-
`;class Rn extends r.RadioGroup{}const An=void 0,Mn={},Nn=Rn.compose(Object.assign({baseName:"segmented-control",template:Tn,styles:Ln,shadowOptions:An},Mn)),En=(e,t)=>s.html`
|
|
1704
|
-
<template
|
|
1705
|
-
role="radio"
|
|
1706
|
-
aria-checked="${e=>e.checked}"
|
|
1707
|
-
aria-required="${e=>e.required}"
|
|
1708
|
-
aria-disabled="${e=>e.disabled}"
|
|
1709
|
-
aria-readonly="${e=>e.readOnly}"
|
|
1710
|
-
@keypress="${(e,t)=>e.keypressHandler(t.event)}"
|
|
1711
|
-
@click="${(e,t)=>e.clickHandler(t.event)}"
|
|
1712
|
-
>
|
|
1713
|
-
<span>
|
|
1714
|
-
<slot></slot>
|
|
1715
|
-
</span>
|
|
1716
|
-
</template>
|
|
1717
|
-
`,In=(e,t)=>s.css`
|
|
1718
|
-
${(0,m.radioStyles)(e,t)}
|
|
1719
|
-
:host {
|
|
1720
|
-
padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px);
|
|
1721
|
-
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
1722
|
-
cursor: pointer;
|
|
1723
|
-
}
|
|
1724
|
-
|
|
1725
|
-
:host([aria-checked='true']) {
|
|
1726
|
-
background: var(--accent-foreground-rest);
|
|
1727
|
-
}
|
|
1728
|
-
`;class Pn extends m.Radio{}const Hn=void 0,Gn={},Bn=Pn.compose(Object.assign({baseName:"segmented-item",template:En,styles:In,shadowOptions:Hn},Gn)),zn=(e,t)=>(0,r.selectTemplate)(e,t),jn=(e,t)=>s.css`
|
|
1729
|
-
${(0,m.selectStyles)(e,t)}
|
|
1730
|
-
`;class Vn extends m.Select{}const Un=void 0,Yn={indicator:'\n <svg\n class="select-indicator"\n part="select-indicator"\n viewBox="0 0 12 7"\n xmlns="http://www.w3.org/2000/svg"\n >\n <path\n d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n />\n </svg>\n '},Wn=Vn.compose(Object.assign({baseName:"select",template:zn,styles:jn,shadowOptions:Un},Yn)),qn=(e,t)=>(0,r.skeletonTemplate)(e,t),Xn=(e,t)=>s.css`
|
|
1731
|
-
${(0,m.skeletonStyles)(e,t)}
|
|
1732
|
-
`;class Zn extends m.Skeleton{}const Kn=void 0,Jn={},Qn=Zn.compose(Object.assign({baseName:"skeleton",template:qn,styles:Xn,shadowOptions:Kn},Jn)),es=s.css`
|
|
1733
|
-
@keyframes append-animate {
|
|
1734
|
-
from {
|
|
1735
|
-
transform: translateX(100%);
|
|
1736
|
-
opacity: 0%;
|
|
1737
|
-
}
|
|
1738
|
-
|
|
1739
|
-
to {
|
|
1740
|
-
transform: translateX(0%);
|
|
1741
|
-
opacity: 100%;
|
|
1742
|
-
}
|
|
1743
|
-
}
|
|
1744
|
-
|
|
1745
|
-
@keyframes delete-animate {
|
|
1746
|
-
from {
|
|
1747
|
-
transform: translateX(0%);
|
|
1748
|
-
opacity: 100%;
|
|
1749
|
-
}
|
|
1750
|
-
|
|
1751
|
-
to {
|
|
1752
|
-
transform: translateX(100%);
|
|
1753
|
-
opacity: 0%;
|
|
1754
|
-
}
|
|
1755
|
-
}
|
|
1756
|
-
|
|
1757
|
-
:host {
|
|
1758
|
-
--snackbar-min-width: 356px;
|
|
1759
|
-
--snackbar-min-height: 55px;
|
|
1760
|
-
--snackbar-max-width: 496px;
|
|
1761
|
-
--snackbar-max-height: 55px;
|
|
1762
|
-
}
|
|
1763
|
-
|
|
1764
|
-
.snackbar {
|
|
1765
|
-
animation: append-animate 0.3s linear;
|
|
1766
|
-
max-width: var(--snackbar-max-width);
|
|
1767
|
-
min-width: var(--snackbar-min-width);
|
|
1768
|
-
max-height: var(--snackbar-max-height);
|
|
1769
|
-
background-color: var(--fill-color);
|
|
1770
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1771
|
-
border-width: thin;
|
|
1772
|
-
border-color: var(--neutral-fill-rest);
|
|
1773
|
-
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);
|
|
1774
|
-
box-sizing: border-box;
|
|
1775
|
-
display: flex;
|
|
1776
|
-
position: fixed;
|
|
1777
|
-
bottom: 5px;
|
|
1778
|
-
flex-direction: row;
|
|
1779
|
-
padding: 2px 16px;
|
|
1780
|
-
}
|
|
1781
|
-
|
|
1782
|
-
.snackbar-delete {
|
|
1783
|
-
animation: delete-animate 0.3s linear;
|
|
1784
|
-
opacity: 0%;
|
|
1785
|
-
}
|
|
1786
|
-
|
|
1787
|
-
.snackbar::after {
|
|
1788
|
-
content: '';
|
|
1789
|
-
position: absolute;
|
|
1790
|
-
top: 50%;
|
|
1791
|
-
transform: translateY(-50%);
|
|
1792
|
-
left: 0;
|
|
1793
|
-
height: calc(100% - 2px);
|
|
1794
|
-
width: 2px;
|
|
1795
|
-
border-radius: 2px;
|
|
1796
|
-
}
|
|
1797
|
-
|
|
1798
|
-
.content {
|
|
1799
|
-
display: flex;
|
|
1800
|
-
align-items: center;
|
|
1801
|
-
flex: 2;
|
|
1802
|
-
font-size: 12px;
|
|
1803
|
-
overflow: hidden;
|
|
1804
|
-
}
|
|
1805
|
-
|
|
1806
|
-
.action {
|
|
1807
|
-
display: flex;
|
|
1808
|
-
flex-direction: row-reverse;
|
|
1809
|
-
align-items: center;
|
|
1810
|
-
gap: 10px;
|
|
1811
|
-
flex: 1;
|
|
1812
|
-
overflow: hidden;
|
|
1813
|
-
}
|
|
1814
|
-
`,ts=s.html`
|
|
1815
|
-
<div class="snackbar ${e=>e.deleteAnimation}" ${(0,s.ref)("snackbar")}>
|
|
1816
|
-
<div part="content" class="content">
|
|
1817
|
-
<div>${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
|
|
1818
|
-
</div>
|
|
1819
|
-
<div part="action" class="action">
|
|
1820
|
-
${(0,s.repeat)((e=>{var t,o,i;return null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.snackbar)||void 0===i?void 0:i.confirmingActions}),s.html`
|
|
1821
|
-
<foundation-button
|
|
1822
|
-
slot="action"
|
|
1823
|
-
appearance="lightweight"
|
|
1824
|
-
@click=${(e,t)=>{var o;null==e||e.action(),null===(o=t.parent)||void 0===o||o.dismiss()}}
|
|
1825
|
-
>
|
|
1826
|
-
${e=>e.label}
|
|
1827
|
-
</foundation-button>
|
|
1828
|
-
`)}
|
|
1829
|
-
</div>
|
|
1830
|
-
</div>
|
|
1831
|
-
`,os={mode:"open",delegatesFocus:!0};class is extends r.FoundationElement{constructor(){super(...arguments),this.deleteAnimation="",this.closeTimeout=1e4,this.autoClose=!0,this.type=""}connectedCallback(){super.connectedCallback(),this.autoClose&&setTimeout((()=>{this.deleteAnimation="snackbar-delete",this.snackbar.onanimationend=()=>{this.dismiss()}}),this.closeTimeout)}errorChanged(e,t){var o,i,a;this.type=null!==(a=null===(i=null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.snackbar)||void 0===i?void 0:i.type)&&void 0!==a?a:""}dismiss(){this.remove()}}(0,n.__decorate)([s.observable],is.prototype,"error",void 0),(0,n.__decorate)([s.observable],is.prototype,"deleteAnimation",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"close-timeout"})],is.prototype,"closeTimeout",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"auto-close"})],is.prototype,"autoClose",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"type"})],is.prototype,"type",void 0);const as=is.compose({baseName:"snackbar",styles:es,template:ts,shadowOptions:os}),ns=(e,t)=>s.html`
|
|
1832
|
-
<template
|
|
1833
|
-
role="slider"
|
|
1834
|
-
class="${e=>e.readOnly?"readonly":""}
|
|
1835
|
-
${e=>e.orientation||l.Orientation.horizontal}"
|
|
1836
|
-
tabindex="${e=>e.disabled?null:0}"
|
|
1837
|
-
aria-valuetext="${e=>e.valueTextFormatter(e.value)}"
|
|
1838
|
-
aria-valuenow="${e=>e.value}"
|
|
1839
|
-
aria-valuemin="${e=>e.min}"
|
|
1840
|
-
aria-valuemax="${e=>e.max}"
|
|
1841
|
-
aria-disabled="${e=>!!e.disabled||void 0}"
|
|
1842
|
-
aria-readonly="${e=>!!e.readOnly||void 0}"
|
|
1843
|
-
aria-orientation="${e=>e.orientation}"
|
|
1844
|
-
class="${e=>e.orientation}"
|
|
1845
|
-
>
|
|
1846
|
-
<div part="positioning-region" class="positioning-region">
|
|
1847
|
-
<div ${(0,s.ref)("track")} part="track-container" class="track">
|
|
1848
|
-
<div
|
|
1849
|
-
class="track-progress"
|
|
1850
|
-
style="${e=>{const t=1-(0,l.limit)(0,1,(parseInt(e.value)-e.min)/(e.max-e.min)),o=Math.round(100*(1-t));return"horizontal"===e.orientation?e.isDragging?`height: calc(var(--track-width) * 1px); width: ${o}%;`:`height: calc(var(--track-width) * 1px); width: ${o}%; transition: all 0.2s ease;`:e.isDragging?`width: calc(var(--track-width) * 1px); height: ${o}%;`:`width: calc(var(--track-width) * 1px); height: ${o}%; transition: all 0.2s ease;`}}"
|
|
1851
|
-
></div>
|
|
1852
|
-
</div>
|
|
1853
|
-
<slot></slot>
|
|
1854
|
-
<div
|
|
1855
|
-
${(0,s.ref)("thumb")}
|
|
1856
|
-
part="thumb-container"
|
|
1857
|
-
class="thumb-container"
|
|
1858
|
-
style="${e=>e.position}"
|
|
1859
|
-
>
|
|
1860
|
-
<slot name="thumb">${t.thumb||""}</slot>
|
|
1861
|
-
</div>
|
|
1862
|
-
</div>
|
|
1863
|
-
</template>
|
|
1864
|
-
`,ss=(e,t)=>s.css`
|
|
1865
|
-
${(0,m.sliderStyles)(e,t)}
|
|
1866
|
-
.track-progress {
|
|
1867
|
-
background-color: var(--accent-fill-rest);
|
|
1868
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1869
|
-
}
|
|
1870
|
-
`;class rs extends m.Slider{}const ls=void 0,ds={thumb:'\n <div class="thumb-cursor"></div>\n '},cs=rs.compose(Object.assign({baseName:"slider",template:ns,styles:ss,shadowOptions:ls},ds)),us=(e,t)=>(0,r.switchTemplate)(e,t),ps=(e,t)=>s.css`
|
|
1871
|
-
${(0,m.switchStyles)(e,t)}
|
|
1872
|
-
.checked-indicator {
|
|
1873
|
-
transform: scale(1.3);
|
|
1874
|
-
}
|
|
1875
|
-
|
|
1876
|
-
.switch {
|
|
1877
|
-
border-radius: calc(var(--control-corner-radius) * 3px);
|
|
1878
|
-
}
|
|
1879
|
-
|
|
1880
|
-
.checked-indicator {
|
|
1881
|
-
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
1882
|
-
}
|
|
1883
|
-
`;class hs extends m.Switch{}const ms=void 0,fs={switch:'<div class="checked-indicator" part="checked-indicator"></div>'},gs=hs.compose(Object.assign({baseName:"switch",template:us,styles:ps,shadowOptions:ms},fs)),vs=(e,t)=>(0,r.tabTemplate)(e,t),bs=(e,t)=>s.css`
|
|
1884
|
-
${(0,m.tabStyles)(e,t)}
|
|
1885
|
-
`;class ys extends m.Tab{}const ws=void 0,xs={},Fs=ys.compose(Object.assign({baseName:"tab",template:vs,styles:bs,shadowOptions:ws},xs)),$s=(e,t)=>(0,r.tabPanelTemplate)(e,t),Ss=(e,t)=>s.css`
|
|
1886
|
-
${(0,m.tabPanelStyles)(e,t)}
|
|
1887
|
-
`;class Ds extends m.TabPanel{}const Cs=void 0,_s={},ks=Ds.compose(Object.assign({baseName:"tab-panel",template:$s,styles:Ss,shadowOptions:Cs},_s)),Os=(e,t)=>(0,r.tabsTemplate)(e,t),Ts=(e,t)=>s.css`
|
|
1888
|
-
${(0,m.tabsStyles)(e,t)}
|
|
1889
|
-
`;class Ls extends m.Tabs{}const Rs=void 0,As={},Ms=Ls.compose(Object.assign({baseName:"tabs",template:Os,styles:Ts,shadowOptions:Rs},As)),Ns=(e,t)=>(0,r.textAreaTemplate)(e,t),Es=(e,t)=>s.css`
|
|
1890
|
-
${(0,m.textAreaStyles)(e,t)}
|
|
1891
|
-
:host .control {
|
|
1892
|
-
padding: calc(var(--design-unit) * 3px);
|
|
1893
|
-
}
|
|
1894
|
-
`;class Is extends m.TextArea{}const Ps=void 0,Hs={},Gs=Is.compose(Object.assign({baseName:"text-area",template:Ns,styles:Es,shadowOptions:Ps},Hs)),Bs=(e,t)=>s.html`
|
|
1895
|
-
<template
|
|
1896
|
-
class="
|
|
1897
|
-
${e=>e.readOnly?"readonly":""}
|
|
1898
|
-
"
|
|
1899
|
-
>
|
|
1900
|
-
<label
|
|
1901
|
-
part="label"
|
|
1902
|
-
for="${e=>e.id?e.id:"control"}"
|
|
1903
|
-
class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"
|
|
1904
|
-
>
|
|
1905
|
-
<slot ${(0,s.slotted)({property:"defaultSlottedNodes",filter:r.whitespaceFilter})}></slot>
|
|
1906
|
-
</label>
|
|
1907
|
-
<div class="root" part="root">
|
|
1908
|
-
${(0,r.startSlotTemplate)(e,t)}
|
|
1909
|
-
<input
|
|
1910
|
-
name="${e=>e.name}"
|
|
1911
|
-
autocomplete="${e=>e.autocomplete}"
|
|
1912
|
-
autocapitalize="${e=>e.autocapitalize}"
|
|
1913
|
-
id="${e=>e.id?e.id:"control"}"
|
|
1914
|
-
class="control"
|
|
1915
|
-
part="control"
|
|
1916
|
-
@input="${e=>e.handleTextInput()}"
|
|
1917
|
-
@change="${e=>e.handleChange()}"
|
|
1918
|
-
step="${e=>e.step}"
|
|
1919
|
-
?autofocus="${e=>e.autofocus}"
|
|
1920
|
-
?disabled="${e=>e.disabled}"
|
|
1921
|
-
list="${e=>e.list}"
|
|
1922
|
-
maxlength="${e=>e.maxlength}"
|
|
1923
|
-
minlength="${e=>e.minlength}"
|
|
1924
|
-
pattern="${e=>e.pattern}"
|
|
1925
|
-
placeholder="${e=>e.placeholder}"
|
|
1926
|
-
?readonly="${e=>e.readOnly}"
|
|
1927
|
-
?required="${e=>e.required}"
|
|
1928
|
-
size="${e=>e.size}"
|
|
1929
|
-
?spellcheck="${e=>e.spellcheck}"
|
|
1930
|
-
:value="${e=>e.value}"
|
|
1931
|
-
type="${e=>e.type}"
|
|
1932
|
-
aria-atomic="${e=>e.ariaAtomic}"
|
|
1933
|
-
aria-busy="${e=>e.ariaBusy}"
|
|
1934
|
-
aria-controls="${e=>e.ariaControls}"
|
|
1935
|
-
aria-current="${e=>e.ariaCurrent}"
|
|
1936
|
-
aria-describedby="${e=>e.ariaDescribedby}"
|
|
1937
|
-
aria-details="${e=>e.ariaDetails}"
|
|
1938
|
-
aria-disabled="${e=>e.ariaDisabled}"
|
|
1939
|
-
aria-errormessage="${e=>e.ariaErrormessage}"
|
|
1940
|
-
aria-flowto="${e=>e.ariaFlowto}"
|
|
1941
|
-
aria-haspopup="${e=>e.ariaHaspopup}"
|
|
1942
|
-
aria-hidden="${e=>e.ariaHidden}"
|
|
1943
|
-
aria-invalid="${e=>e.ariaInvalid}"
|
|
1944
|
-
aria-keyshortcuts="${e=>e.ariaKeyshortcuts}"
|
|
1945
|
-
aria-label="${e=>e.ariaLabel}"
|
|
1946
|
-
aria-labelledby="${e=>e.ariaLabelledby}"
|
|
1947
|
-
aria-live="${e=>e.ariaLive}"
|
|
1948
|
-
aria-owns="${e=>e.ariaOwns}"
|
|
1949
|
-
aria-relevant="${e=>e.ariaRelevant}"
|
|
1950
|
-
aria-roledescription="${e=>e.ariaRoledescription}"
|
|
1951
|
-
${(0,s.ref)("control")}
|
|
1952
|
-
/>
|
|
1953
|
-
${(0,r.endSlotTemplate)(e,t)}
|
|
1954
|
-
</div>
|
|
1955
|
-
</template>
|
|
1956
|
-
`,zs=(e,t)=>s.css`
|
|
1957
|
-
${(0,m.textFieldStyles)(e,t)}
|
|
1958
|
-
|
|
1959
|
-
input {
|
|
1960
|
-
color-scheme: ${ho.activeColorScheme};
|
|
1961
|
-
}
|
|
1962
|
-
`;class js extends m.TextField{constructor(){super(...arguments),this.autocapitalize="off"}autocompleteChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autocomplete=this.autocomplete)}autocapitalizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autocapitalize=this.autocapitalize)}}(0,n.__decorate)([s.attr],js.prototype,"autocomplete",void 0),(0,n.__decorate)([s.attr],js.prototype,"autocapitalize",void 0),(0,n.__decorate)([s.attr],js.prototype,"step",void 0);const Vs={mode:"open",delegatesFocus:!0},Us={},Ys=js.compose(Object.assign({baseName:"text-field",template:Bs,styles:zs,shadowOptions:Vs},Us)),Ws=s.css`
|
|
1963
|
-
@keyframes append-animate {
|
|
1964
|
-
from {
|
|
1965
|
-
transform: translateX(100%);
|
|
1966
|
-
opacity: 0%;
|
|
1967
|
-
}
|
|
1968
|
-
|
|
1969
|
-
to {
|
|
1970
|
-
transform: translateX(0%);
|
|
1971
|
-
opacity: 100%;
|
|
1972
|
-
}
|
|
1973
|
-
}
|
|
1974
|
-
|
|
1975
|
-
@keyframes delete-animate {
|
|
1976
|
-
from {
|
|
1977
|
-
transform: translateX(0%);
|
|
1978
|
-
opacity: 100%;
|
|
1979
|
-
}
|
|
1980
|
-
|
|
1981
|
-
to {
|
|
1982
|
-
transform: translateX(100%);
|
|
1983
|
-
opacity: 0%;
|
|
1984
|
-
}
|
|
1985
|
-
}
|
|
1986
|
-
|
|
1987
|
-
:host {
|
|
1988
|
-
--toast-min-width: 356px;
|
|
1989
|
-
--toast-min-height: 128px;
|
|
1990
|
-
--toast-max-width: 356px;
|
|
1991
|
-
--toast-max-height: 272px;
|
|
1992
|
-
}
|
|
1993
|
-
|
|
1994
|
-
.toast {
|
|
1995
|
-
animation: append-animate 0.3s linear;
|
|
1996
|
-
max-width: var(--toast-max-width);
|
|
1997
|
-
min-width: var(--toast-min-width);
|
|
1998
|
-
background-color: var(--fill-color);
|
|
1999
|
-
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
2000
|
-
border-width: thin;
|
|
2001
|
-
border-color: var(--neutral-fill-rest);
|
|
2002
|
-
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
|
|
2003
|
-
display: flex;
|
|
2004
|
-
position: relative;
|
|
2005
|
-
flex-direction: row;
|
|
2006
|
-
padding: 8px 8px 8px 15px;
|
|
2007
|
-
margin: 5px;
|
|
2008
|
-
}
|
|
2009
|
-
|
|
2010
|
-
.toast-delete {
|
|
2011
|
-
animation: delete-animate 0.3s linear;
|
|
2012
|
-
opacity: 0%;
|
|
2013
|
-
}
|
|
2014
|
-
|
|
2015
|
-
.toast::after {
|
|
2016
|
-
content: '';
|
|
2017
|
-
position: absolute;
|
|
2018
|
-
top: 50%;
|
|
2019
|
-
transform: translateY(-50%);
|
|
2020
|
-
left: 5px;
|
|
2021
|
-
height: calc(100% - 10px);
|
|
2022
|
-
width: 4px;
|
|
2023
|
-
border-radius: 2px;
|
|
2024
|
-
background-color: red;
|
|
2025
|
-
}
|
|
2026
|
-
|
|
2027
|
-
.content-wrapper {
|
|
2028
|
-
height: fit-content;
|
|
2029
|
-
width: 100%;
|
|
2030
|
-
display: flex;
|
|
2031
|
-
flex-direction: column;
|
|
2032
|
-
justify-content: space-between;
|
|
2033
|
-
align-items: stretch;
|
|
2034
|
-
}
|
|
2035
|
-
|
|
2036
|
-
.bottom {
|
|
2037
|
-
width: 70%;
|
|
2038
|
-
}
|
|
2039
|
-
|
|
2040
|
-
.top {
|
|
2041
|
-
width: 100%;
|
|
2042
|
-
display: flex;
|
|
2043
|
-
flex-direction: row;
|
|
2044
|
-
justify-content: space-between;
|
|
2045
|
-
align-items: center;
|
|
2046
|
-
}
|
|
2047
|
-
|
|
2048
|
-
.content {
|
|
2049
|
-
width: 85%;
|
|
2050
|
-
font-size: 12px;
|
|
2051
|
-
}
|
|
2052
|
-
|
|
2053
|
-
.date {
|
|
2054
|
-
color: var(--neutral-foreground-hint);
|
|
2055
|
-
font-size: 12px;
|
|
2056
|
-
margin: 0 0 5px;
|
|
2057
|
-
}
|
|
2058
|
-
|
|
2059
|
-
.close-icon svg {
|
|
2060
|
-
cursor: pointer;
|
|
2061
|
-
}
|
|
2062
|
-
`,qs=s.html`
|
|
2063
|
-
<div class="toast ${e=>e.deleteAnimation}" ${(0,s.ref)("toast")}>
|
|
2064
|
-
<div class="content-wrapper">
|
|
2065
|
-
<div part="top" class="top">
|
|
2066
|
-
<slot name="top"></slot>
|
|
2067
|
-
<div class="close-icon" @click=${e=>e.close()}>${Pt()}</div>
|
|
2068
|
-
</div>
|
|
2069
|
-
<div part="content" class="content">
|
|
2070
|
-
<slot name="content"></slot>
|
|
2071
|
-
</div>
|
|
2072
|
-
<div part="date" class="date">
|
|
2073
|
-
<slot name="date"></slot>
|
|
2074
|
-
</div>
|
|
2075
|
-
<div part="bottom" class="bottom">
|
|
2076
|
-
<slot name="bottom"></slot>
|
|
2077
|
-
</div>
|
|
2078
|
-
</div>
|
|
2079
|
-
</div>
|
|
2080
|
-
`,Xs={mode:"open",delegatesFocus:!0},Zs={};class Ks extends r.FoundationElement{constructor(){super(...arguments),this.deleteAnimation="",this.closeTimeout=1e4,this.autoClose=!1}connectedCallback(){super.connectedCallback(),this.autoClose&&setTimeout((()=>{this.deleteAnimation="toast-delete",this.toast.onanimationend=()=>{this.remove()}}),this.closeTimeout)}close(){this.remove()}}(0,n.__decorate)([s.observable],Ks.prototype,"deleteAnimation",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"close-timeout"})],Ks.prototype,"closeTimeout",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"auto-close"})],Ks.prototype,"autoClose",void 0);const Js=Ks.compose(Object.assign({baseName:"toast",styles:Ws,template:qs,shadowOptions:Xs},Zs)),Qs=(e,t)=>(0,r.toolbarTemplate)(e,t),er=(e,t)=>s.css`
|
|
2081
|
-
${(0,m.toolbarStyles)(e,t)}
|
|
2082
|
-
`;class tr extends m.Toolbar{}const or=void 0,ir={},ar=tr.compose(Object.assign({baseName:"toolbar",template:Qs,styles:er,shadowOptions:or},ir)),nr=(e,t)=>(0,r.tooltipTemplate)(e,t),sr=(e,t)=>s.css`
|
|
2083
|
-
${(0,m.tooltipStyles)(e,t)}
|
|
2084
|
-
`;class rr extends m.Tooltip{}const lr=void 0,dr={},cr=rr.compose(Object.assign({baseName:"tooltip",template:nr,styles:sr,shadowOptions:lr},dr)),ur=(e,t)=>(0,r.treeItemTemplate)(e,t),pr=(e,t)=>s.css`
|
|
2085
|
-
${(0,m.treeItemStyles)(e,t)}
|
|
2086
|
-
:host {
|
|
2087
|
-
--focus-stroke-width: 0;
|
|
2088
|
-
--tree-item-nested-width: 1em;
|
|
2089
|
-
}
|
|
2090
|
-
|
|
2091
|
-
:host([selected])::after {
|
|
2092
|
-
height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) * 1px);
|
|
2093
|
-
width: 5px;
|
|
2094
|
-
top: 0;
|
|
2095
|
-
border-radius: 0;
|
|
2096
|
-
}
|
|
2097
|
-
|
|
2098
|
-
.positioning-region {
|
|
2099
|
-
height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) * 1px);
|
|
2100
|
-
}
|
|
2101
|
-
`;class hr extends m.TreeItem{}const mr=void 0,fr={expandCollapseGlyph:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="expand-collapse-glyph">\n <path d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"></path>\n </svg>'},gr=hr.compose(Object.assign({baseName:"tree-item",template:ur,styles:pr,shadowOptions:mr},fr)),vr=(e,t)=>(0,r.treeViewTemplate)(e,t),br=(e,t)=>s.css`
|
|
2102
|
-
${(0,m.treeViewStyles)(e,t)}
|
|
2103
|
-
`;class yr extends r.TreeView{}const wr=void 0,xr={},Fr=yr.compose(Object.assign({baseName:"tree-view",template:vr,styles:br,shadowOptions:wr},xr)),$r=s.html`
|
|
2104
|
-
<div class="container" value=${e=>e.value}>
|
|
2105
|
-
<fast-text-field
|
|
2106
|
-
class="url-input"
|
|
2107
|
-
required
|
|
2108
|
-
type="url"
|
|
2109
|
-
:value=${e=>e.focused&&!e.readOnly?e.value:""}
|
|
2110
|
-
@blur=${(e,t)=>{var o;return e.readOnly?"":e.saveUrl(null===(o=t.event)||void 0===o?void 0:o.target.value)}}
|
|
2111
|
-
@focus=${e=>e.focus()}
|
|
2112
|
-
:readOnly=${e=>e.readOnly}
|
|
2113
|
-
}
|
|
2114
|
-
></fast-text-field>
|
|
2115
|
-
${(0,s.when)((e=>e.readOnly||!e.focused),s.html`
|
|
2116
|
-
<a class="url-input-link" href=${e=>e.value} target="_blank">${e=>e.value}</a>
|
|
2117
|
-
`)}
|
|
2118
|
-
</div>
|
|
2119
|
-
`,Sr=(e,t)=>s.css`
|
|
2120
|
-
.container {
|
|
2121
|
-
position: relative;
|
|
2122
|
-
width: 100%;
|
|
2123
|
-
}
|
|
2124
|
-
|
|
2125
|
-
.url-input {
|
|
2126
|
-
position: relative;
|
|
2127
|
-
width: 100%;
|
|
2128
|
-
}
|
|
2129
|
-
|
|
2130
|
-
.url-input-link {
|
|
2131
|
-
position: absolute;
|
|
2132
|
-
left: 10px;
|
|
2133
|
-
top: 10px;
|
|
2134
|
-
max-width: 100%;
|
|
2135
|
-
white-space: nowrap;
|
|
2136
|
-
overflow: hidden;
|
|
2137
|
-
text-overflow: ellipsis;
|
|
2138
|
-
}
|
|
2139
|
-
`,Dr=void 0,Cr={};class _r extends m.TextField{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,n.__decorate)([s.observable],_r.prototype,"value",void 0),(0,n.__decorate)([s.observable],_r.prototype,"focused",void 0);const kr=_r.compose(Object.assign({baseName:"url-input",template:$r,styles:Sr,shadowOptions:Dr},Cr)),Or={foundationActionsMenu:h,foundationAnchor:w,foundationBadge:C,foundationBanner:L,foundationBreadcrumbItem:I,foundationBreadcrumb:j,foundationButton:X,foundationCard:te,foundationCheckbox:re,foundationCombobox:he,foundationConnectionIndicator:be,foundationDataGrid:Se,foundationDataGridCell:Oe,foundationDataGridRow:Me,foundationDatePicker:We,foundationDesignSystemProvider:Nt,foundationDialog:Vt,foundationDisclosure:Zt,foundationDivider:oo,foundationDropdownMenu:uo,foundationErrorBoundary:Co,foundationErrorBanner:vo,foundationErrorDialog:Ro,foundationFileUpload:Jo,foundationFilter:ui,foundationFilterBar:wi,foundationFlexLayout:ki,foundationFlipper:Mi,foundationFlyout:Bi,foundationGridLayout:Zi,foundationGridLayoutItem:ta,foundationIcon:ha,foundationListboxOption:ya,foundationMenu:Da,foundationMenuItem:La,foundationModal:Ia,foundationMultiselect:Ya,foundationNumberField:Ja,foundationProgress:nn,foundationPopper:un,foundationProgressRing:vn,foundationRadio:$n,foundationRadioGroup:On,foundationSegmentedControl:Nn,foundationSegmentedItem:Bn,foundationSelect:Wn,foundationSkeleton:Qn,foundationSlider:cs,foundationSnackbar:as,foundationSwitch:gs,foundationTab:Fs,foundationTabPanel:ks,foundationTabs:Ms,foundationTextArea:Gs,foundationTextField:Ys,foundationToast:Js,foundationToolbar:ar,foundationTooltip:cr,foundationTreeItem:gr,foundationTreeView:Fr,foundationUrlInput:kr,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};function Tr(e){return new Proxy(e,{get:(e,t,...o)=>{if(["withPrefix","withShadowRootMode","withElementDisambiguation"].includes(t))throw new Error("Modification of the Design System is not allowed.");return Reflect.get(e,t,...o)}})}const Lr=(e,t="foundation")=>{e&&yt(i,a,e);return Tr(r.DesignSystem.getOrCreate(e).withPrefix(t))};class Rr extends s.CSSDirective{constructor(e){super(),this.tokenMap=e}createTokenPartial(e,t){return s.cssPartial`${e}: ${t}`}createTokensCSS(){const e=[];for(const[t,o]of Object.entries(this.tokenMap))e.push(this.createTokenPartial(t,o).createCSS());return e}createCSS(){return this.createTokensCSS().join(";")}}var Ar=o(1857);class Mr extends r.FoundationElement{constructor(){super(...arguments),this.withGridInit=!0,this.isSnapshot=!1,this.maxRows=me.DatasourceDefaults.MAX_ROWS_250,this.maxView=me.DatasourceDefaults.MAX_VIEW_1000,this.reverse=!1,this.rowId="ROW_REF",this.withTimestampFormatting=!0,this.requiresFullDataRefresh=!0,this.rowsSyncedWithStream=new Map,this.dataSubWasLoggedOff=!1,this.criteriaFromFilters=new Map,this.update=new Ar.X(new Map)}disconnectedCallback(){super.disconnectedCallback(),this.clearData()}reset(){this.requiresFullDataRefresh=!0,this.fetchGenesisData()}fetchGenesisData(e=!0){return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.data)return void this.syncComponentData(this.data);const t=e||!this.datasource.initialized;t||(this.connect.dataLogoff(this.sourceRef),this.clearData());if(yield this.datasource.init(this.datasourceOptions(),t))if(this.isSnapshot){const e=yield this.datasource.snapshotFiltered();this.syncComponentData(e)}else mo.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.subscribe((e=>{this.sourceRef=e.SOURCE_REF;const t=e.MESSAGE_TYPE;if(t&&t===me.MessageType.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const t=this.filterRows(e);this.handleStreamUpdate(t)}else this.handleStreamUpdate(e)}));else mo.debug(`Genesis Datasource init failed for ${this.resourceName}`)}))}initDatasource(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){yield this.datasource.init(this.datasourceOptions(),!0)}))}filterRows(e){const t=e=>{const t=Object.assign(Object.assign({},e),{[this.rowId]:e.DETAILS[this.rowId]});return delete t.DETAILS,t},o=[],i=[],a=[];for(const n of e.ROW)if(n.DETAILS)switch(n.DETAILS.OPERATION){case"INSERT":o.push(t(n));break;case"MODIFY":a.push(t(n));break;case"DELETE":i.push(t(n));break;default:mo.error(`Unsupported operation type: ${n.DETAILS.OPERATION}`)}return{inserts:o,deletes:i,updates:a,SOURCE_REF:e.SOURCE_REF}}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,orderBy:this.orderBy,resourceName:this.resourceName,request:this.request,reverse:this.reverse,maxRows:this.maxRows,maxView:this.maxView}}handleStreamUpdate(e){if(!e)return;e.hasOwnProperty("REPLY")?this.applyRequestServerData(e):this.applyDataserverData(e)}applyRequestServerData(e){var t,o;if(!Array.isArray(e.REPLY)||!(null===(t=e.MESSAGE_TYPE)||void 0===t?void 0:t.startsWith("REP_")))return void mo.error("received invalid RequestServerResult",e);if(this.requiresFullDataRefresh){"ROW_REF"!==this.rowId&&(null===(o=e.REPLY)||void 0===o||o.forEach((e=>{this.rowsSyncedWithStream.set(e[this.rowId],e)})));const t=this.rowsSyncedWithStream.size>0?Array.from(this.rowsSyncedWithStream.values()):e.REPLY;return void this.syncComponentData(t)}this.handleStreamInserts(e.REPLY);const i=Array.from(this.rowsSyncedWithStream.values()).filter((t=>!e.REPLY.includes(t)));this.handleStreamDeletes(i)}applyDataserverData(e){var t,o,i,a;if(this.requiresFullDataRefresh){null===(t=e.inserts)||void 0===t||t.forEach((e=>{this.rowsSyncedWithStream.set(e[this.rowId],e)}));const o=Array.from(this.rowsSyncedWithStream.values());this.syncComponentData(o)}else(null===(o=e.inserts)||void 0===o?void 0:o.length)>0&&this.handleStreamInserts(e.inserts),(null===(i=e.deletes)||void 0===i?void 0:i.length)>0&&this.handleStreamDeletes(e.deletes),(null===(a=e.updates)||void 0===a?void 0:a.length)>0&&this.handleStreamUpdates(e.updates)}buildCriteria(){var e;const t=(null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[];return this.normalizeCriteria(t.join(" && "))}criteriaChanged(e,t){const o=!e&&t,i=e!==this.normalizeCriteria(t);(o||i)&&s.DOM.queueUpdate((()=>this.fetchGenesisData(null)))}normalizeCriteria(e){return e?e.split(";").map((e=>e.trim())).sort(((e,t)=>e.localeCompare(t))).join(";"):e}setFilter(e,t){this.criteriaFromFilters.set(e,t),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}}(0,n.__decorate)([me.Connect],Mr.prototype,"connect",void 0),(0,n.__decorate)([me.Datasource],Mr.prototype,"datasource",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Mr.prototype,"withGridInit",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"criteria",void 0),(0,n.__decorate)([s.observable],Mr.prototype,"data",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"fields",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Mr.prototype,"isSnapshot",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"maxRows",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"maxView",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"orderBy",void 0),(0,n.__decorate)([s.observable],Mr.prototype,"request",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"resourceName",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],Mr.prototype,"reverse",void 0),(0,n.__decorate)([s.attr],Mr.prototype,"rowId",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean",attribute:"with-timestamp-formatting"})],Mr.prototype,"withTimestampFormatting",void 0);let Nr=class extends Mr{constructor(){super(...arguments),this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.dataGrid=this.parentElement,this.dataGrid&&this.resourceName&&this.connect.isConnected&&this.fetchGenesisData()}))}getColumnDefs(e){return null==e?void 0:e.flatMap((e=>this.fields&&!this.fields.includes(e.name)?[]:{columnDataKey:e.name}))}clearData(){mo.debug("clearData - Method not implemented.")}syncComponentData(e){const t=null!=e?e:Array.from(this.rowsSyncedWithStream.values()),o=this.getColumnDefs(this.datasource.fieldMetadata);this.dataGrid.columnDefinitions=o,this.dataGrid.rowsData=t}handleStreamInserts(e){mo.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){mo.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){mo.debug("handleStreamUpdates - Method not implemented.")}};var Er;Nr=(0,n.__decorate)([(0,s.customElement)({name:"data-grid-datasource"})],Nr);let Ir=Er=class extends Mr{constructor(){super(...arguments),this.optionElement="fast-option",this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.select.addEventListener("change",(e=>{const t=this.options.find((t=>t.label===e.target.value));this.select.$emit("value-change",t)})),this.select&&this.valueField&&(this.resourceName||this.data)&&this.connect.isConnected&&this.fetchGenesisData(),this.valueField||mo.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label (e.g label-field="NAME")')}))}clearData(){Array.from(this.select.children).forEach((e=>{e instanceof Er||this.select.removeChild(e)})),this.select.value="",this.select.initialValue=""}syncComponentData(e){var t;const o=null!=e?e:Array.from(this.rowsSyncedWithStream.values());this.options=o.map((e=>({value:e[this.valueField],label:e[this.labelField]})));this.options.map((({value:e,label:t})=>{const o=document.createElement(this.optionElement);return o.textContent=t||e,o.value=e,o})).forEach((e=>{this.select.appendChild(e)}));const i=null===(t=this.options.find((e=>e.value===this.initialSelectedValue)))||void 0===t?void 0:t.label;s.DOM.queueUpdate((()=>{this.select.value=i}))}handleStreamInserts(e){mo.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){mo.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){mo.debug("handleStreamUpdates - Method not implemented.")}};(0,n.__decorate)([(0,s.attr)({attribute:"label-field"})],Ir.prototype,"labelField",void 0),(0,n.__decorate)([(0,s.attr)({attribute:"value-field"})],Ir.prototype,"valueField",void 0),(0,n.__decorate)([s.observable],Ir.prototype,"initialSelectedValue",void 0),Ir=Er=(0,n.__decorate)([(0,s.customElement)({name:"options-datasource"})],Ir);let Pr=class extends Mr{constructor(){super(...arguments),this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.fields=this.valueField,this.select=this.parentElement,this.select&&this.valueField&&(this.resourceName||this.data)&&this.connect.isConnected&&this.fetchGenesisData(),this.valueField||mo.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label which is supported only in select and combobox (e.g label-field="NAME")')}))}clearData(){this.select.options=[]}syncComponentData(e){const t=(null!=e?e:Array.from(this.rowsSyncedWithStream.values())).map((e=>({value:e[this.valueField]})));this.select.options=t.map((({value:e})=>e))}handleStreamInserts(e){mo.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){mo.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){mo.debug("handleStreamUpdates - Method not implemented.")}};(0,n.__decorate)([(0,s.attr)({attribute:"value-field"})],Pr.prototype,"valueField",void 0),Pr=(0,n.__decorate)([(0,s.customElement)({name:"multiselect-datasource"})],Pr);const Hr=(e,t)=>o=>{const i="function"==typeof t?t:(a=t,e=>Object.assign(Object.assign({},a),e));var a;return s.FASTElement.define(class extends e{},i(o))};function Gr(e){if("string"==typeof e)return e;if("function"==typeof e&&!(e=s.FASTElementDefinition.forType(e)))throw new Error("Missing FASTElement definition.");return e.name}var Br=o(975);let zr=class extends(Br.F0.from(s.FASTElement)){connectedCallback(){super.connectedCallback(),s.DOM.queueUpdate((()=>(0,n.__awaiter)(this,void 0,void 0,(function*(){this.$router.config=this.config}))))}};zr=(0,n.__decorate)([(0,s.customElement)({name:"foundation-router"})],zr);const jr=()=>Lr().register(Or)}}]);
|
|
2140
|
-
//# sourceMappingURL=6419.9404948d9919b4fa33afc1568d411837.js.map
|