@esri/solutions-components 0.2.0 → 0.2.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/calcite-shell-panel_14.cjs.entry.js +16 -6
- package/dist/cjs/calcite-shell-panel_14.cjs.entry.js.map +1 -1
- package/dist/cjs/solution-configuration.cjs.entry.js +1095 -4
- package/dist/cjs/solution-configuration.cjs.entry.js.map +1 -1
- package/dist/cjs/solution-contents_3.cjs.entry.js +3 -1
- package/dist/cjs/solution-contents_3.cjs.entry.js.map +1 -1
- package/dist/cjs/{solution-store-f0547fe7.js → solution-store-893499a5.js} +8 -1
- package/dist/cjs/solution-store-893499a5.js.map +1 -0
- package/dist/collection/components/solution-configuration/solution-configuration.js +14 -11
- package/dist/collection/components/solution-configuration/solution-configuration.js.map +1 -1
- package/dist/collection/components/solution-item/solution-item.js +2 -0
- package/dist/collection/components/solution-item/solution-item.js.map +1 -1
- package/dist/collection/components/solution-item-details/solution-item-details.js +15 -5
- package/dist/collection/components/solution-item-details/solution-item-details.js.map +1 -1
- package/dist/collection/utils/solution-store.js +2 -0
- package/dist/collection/utils/solution-store.js.map +1 -1
- package/dist/collection/utils/solution-store.ts +2 -0
- package/dist/esm/calcite-shell-panel_14.entry.js +16 -6
- package/dist/esm/calcite-shell-panel_14.entry.js.map +1 -1
- package/dist/esm/solution-configuration.entry.js +1095 -4
- package/dist/esm/solution-configuration.entry.js.map +1 -1
- package/dist/esm/solution-contents_3.entry.js +3 -1
- package/dist/esm/solution-contents_3.entry.js.map +1 -1
- package/dist/esm/{solution-store-c1f6173a.js → solution-store-0c58c852.js} +4 -2
- package/dist/esm/solution-store-0c58c852.js.map +1 -0
- package/dist/solutions-components/{p-065830b8.js → p-659edb14.js} +4 -2
- package/dist/solutions-components/p-659edb14.js.map +1 -0
- package/dist/solutions-components/{p-ee9be0ef.entry.js → p-77c75f3a.entry.js} +4 -2
- package/dist/solutions-components/p-77c75f3a.entry.js.map +1 -0
- package/dist/solutions-components/p-90629c1d.entry.js +1986 -0
- package/dist/solutions-components/p-90629c1d.entry.js.map +1 -0
- package/dist/solutions-components/{p-0e7a0839.entry.js → p-984cb687.entry.js} +17 -7
- package/dist/solutions-components/p-984cb687.entry.js.map +1 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/solutions-components/utils/solution-store.ts +2 -0
- package/dist/solutions-components_commit.txt +9 -7
- package/dist/types/components/solution-item-details/solution-item-details.d.ts +2 -1
- package/package.json +1 -1
- package/dist/cjs/solution-store-f0547fe7.js.map +0 -1
- package/dist/components/ExpandToggle.js +0 -112
- package/dist/components/ExpandToggle.js.map +0 -1
- package/dist/components/Heading.js +0 -24
- package/dist/components/Heading.js.map +0 -1
- package/dist/components/_commonjsHelpers.js +0 -24
- package/dist/components/_commonjsHelpers.js.map +0 -1
- package/dist/components/action-bar.js +0 -278
- package/dist/components/action-bar.js.map +0 -1
- package/dist/components/action-group.js +0 -151
- package/dist/components/action-group.js.map +0 -1
- package/dist/components/action-menu.js +0 -358
- package/dist/components/action-menu.js.map +0 -1
- package/dist/components/action.js +0 -216
- package/dist/components/action.js.map +0 -1
- package/dist/components/array.js +0 -17
- package/dist/components/array.js.map +0 -1
- package/dist/components/buffer-tools.d.ts +0 -11
- package/dist/components/buffer-tools.js +0 -13
- package/dist/components/buffer-tools.js.map +0 -1
- package/dist/components/buffer-tools2.js +0 -256
- package/dist/components/buffer-tools2.js.map +0 -1
- package/dist/components/button.js +0 -265
- package/dist/components/button.js.map +0 -1
- package/dist/components/calcite-accordion-item.js +0 -246
- package/dist/components/calcite-accordion-item.js.map +0 -1
- package/dist/components/calcite-accordion.js +0 -182
- package/dist/components/calcite-accordion.js.map +0 -1
- package/dist/components/calcite-action-bar.js +0 -13
- package/dist/components/calcite-action-bar.js.map +0 -1
- package/dist/components/calcite-action-group.js +0 -13
- package/dist/components/calcite-action-group.js.map +0 -1
- package/dist/components/calcite-action-menu.js +0 -13
- package/dist/components/calcite-action-menu.js.map +0 -1
- package/dist/components/calcite-action-pad.js +0 -199
- package/dist/components/calcite-action-pad.js.map +0 -1
- package/dist/components/calcite-action.js +0 -13
- package/dist/components/calcite-action.js.map +0 -1
- package/dist/components/calcite-alert.js +0 -299
- package/dist/components/calcite-alert.js.map +0 -1
- package/dist/components/calcite-avatar.js +0 -184
- package/dist/components/calcite-avatar.js.map +0 -1
- package/dist/components/calcite-block-section.js +0 -157
- package/dist/components/calcite-block-section.js.map +0 -1
- package/dist/components/calcite-block.js +0 -277
- package/dist/components/calcite-block.js.map +0 -1
- package/dist/components/calcite-button.js +0 -13
- package/dist/components/calcite-button.js.map +0 -1
- package/dist/components/calcite-card.js +0 -189
- package/dist/components/calcite-card.js.map +0 -1
- package/dist/components/calcite-checkbox.js +0 -13
- package/dist/components/calcite-checkbox.js.map +0 -1
- package/dist/components/calcite-chip.js +0 -13
- package/dist/components/calcite-chip.js.map +0 -1
- package/dist/components/calcite-color-picker-hex-input.js +0 -13
- package/dist/components/calcite-color-picker-hex-input.js.map +0 -1
- package/dist/components/calcite-color-picker-swatch.js +0 -13
- package/dist/components/calcite-color-picker-swatch.js.map +0 -1
- package/dist/components/calcite-color-picker.js +0 -1038
- package/dist/components/calcite-color-picker.js.map +0 -1
- package/dist/components/calcite-combobox-item-group.js +0 -77
- package/dist/components/calcite-combobox-item-group.js.map +0 -1
- package/dist/components/calcite-combobox-item.js +0 -13
- package/dist/components/calcite-combobox-item.js.map +0 -1
- package/dist/components/calcite-combobox.js +0 -13
- package/dist/components/calcite-combobox.js.map +0 -1
- package/dist/components/calcite-date-picker-day.js +0 -13
- package/dist/components/calcite-date-picker-day.js.map +0 -1
- package/dist/components/calcite-date-picker-month-header.js +0 -13
- package/dist/components/calcite-date-picker-month-header.js.map +0 -1
- package/dist/components/calcite-date-picker-month.js +0 -13
- package/dist/components/calcite-date-picker-month.js.map +0 -1
- package/dist/components/calcite-date-picker.js +0 -13
- package/dist/components/calcite-date-picker.js.map +0 -1
- package/dist/components/calcite-dropdown-group.js +0 -101
- package/dist/components/calcite-dropdown-group.js.map +0 -1
- package/dist/components/calcite-dropdown-item.js +0 -237
- package/dist/components/calcite-dropdown-item.js.map +0 -1
- package/dist/components/calcite-dropdown.js +0 -13
- package/dist/components/calcite-dropdown.js.map +0 -1
- package/dist/components/calcite-fab.js +0 -146
- package/dist/components/calcite-fab.js.map +0 -1
- package/dist/components/calcite-filter.js +0 -197
- package/dist/components/calcite-filter.js.map +0 -1
- package/dist/components/calcite-flow-item.js +0 -245
- package/dist/components/calcite-flow-item.js.map +0 -1
- package/dist/components/calcite-flow.js +0 -149
- package/dist/components/calcite-flow.js.map +0 -1
- package/dist/components/calcite-graph.js +0 -13
- package/dist/components/calcite-graph.js.map +0 -1
- package/dist/components/calcite-handle.js +0 -13
- package/dist/components/calcite-handle.js.map +0 -1
- package/dist/components/calcite-icon.js +0 -13
- package/dist/components/calcite-icon.js.map +0 -1
- package/dist/components/calcite-inline-editable.js +0 -296
- package/dist/components/calcite-inline-editable.js.map +0 -1
- package/dist/components/calcite-input-date-picker.js +0 -715
- package/dist/components/calcite-input-date-picker.js.map +0 -1
- package/dist/components/calcite-input-message.js +0 -13
- package/dist/components/calcite-input-message.js.map +0 -1
- package/dist/components/calcite-input-number.js +0 -639
- package/dist/components/calcite-input-number.js.map +0 -1
- package/dist/components/calcite-input-text.js +0 -402
- package/dist/components/calcite-input-text.js.map +0 -1
- package/dist/components/calcite-input-time-picker.js +0 -436
- package/dist/components/calcite-input-time-picker.js.map +0 -1
- package/dist/components/calcite-input.js +0 -13
- package/dist/components/calcite-input.js.map +0 -1
- package/dist/components/calcite-label.js +0 -13
- package/dist/components/calcite-label.js.map +0 -1
- package/dist/components/calcite-link.js +0 -13
- package/dist/components/calcite-link.js.map +0 -1
- package/dist/components/calcite-list-item-group.js +0 -67
- package/dist/components/calcite-list-item-group.js.map +0 -1
- package/dist/components/calcite-list-item.js +0 -13
- package/dist/components/calcite-list-item.js.map +0 -1
- package/dist/components/calcite-list.js +0 -13
- package/dist/components/calcite-list.js.map +0 -1
- package/dist/components/calcite-loader.js +0 -13
- package/dist/components/calcite-loader.js.map +0 -1
- package/dist/components/calcite-modal.js +0 -500
- package/dist/components/calcite-modal.js.map +0 -1
- package/dist/components/calcite-notice.js +0 -13
- package/dist/components/calcite-notice.js.map +0 -1
- package/dist/components/calcite-option-group.js +0 -66
- package/dist/components/calcite-option-group.js.map +0 -1
- package/dist/components/calcite-option.js +0 -13
- package/dist/components/calcite-option.js.map +0 -1
- package/dist/components/calcite-pagination.js +0 -260
- package/dist/components/calcite-pagination.js.map +0 -1
- package/dist/components/calcite-panel.js +0 -13
- package/dist/components/calcite-panel.js.map +0 -1
- package/dist/components/calcite-pick-list-group.js +0 -76
- package/dist/components/calcite-pick-list-group.js.map +0 -1
- package/dist/components/calcite-pick-list-item.js +0 -13
- package/dist/components/calcite-pick-list-item.js.map +0 -1
- package/dist/components/calcite-pick-list.js +0 -175
- package/dist/components/calcite-pick-list.js.map +0 -1
- package/dist/components/calcite-popover-manager.js +0 -96
- package/dist/components/calcite-popover-manager.js.map +0 -1
- package/dist/components/calcite-popover.js +0 -13
- package/dist/components/calcite-popover.js.map +0 -1
- package/dist/components/calcite-progress.js +0 -13
- package/dist/components/calcite-progress.js.map +0 -1
- package/dist/components/calcite-radio-button-group.js +0 -134
- package/dist/components/calcite-radio-button-group.js.map +0 -1
- package/dist/components/calcite-radio-button.js +0 -312
- package/dist/components/calcite-radio-button.js.map +0 -1
- package/dist/components/calcite-radio-group-item.js +0 -13
- package/dist/components/calcite-radio-group-item.js.map +0 -1
- package/dist/components/calcite-radio-group.js +0 -13
- package/dist/components/calcite-radio-group.js.map +0 -1
- package/dist/components/calcite-rating.js +0 -203
- package/dist/components/calcite-rating.js.map +0 -1
- package/dist/components/calcite-scrim.js +0 -13
- package/dist/components/calcite-scrim.js.map +0 -1
- package/dist/components/calcite-select.js +0 -13
- package/dist/components/calcite-select.js.map +0 -1
- package/dist/components/calcite-shell-center-row.js +0 -102
- package/dist/components/calcite-shell-center-row.js.map +0 -1
- package/dist/components/calcite-shell-panel.js +0 -13
- package/dist/components/calcite-shell-panel.js.map +0 -1
- package/dist/components/calcite-shell.js +0 -13
- package/dist/components/calcite-shell.js.map +0 -1
- package/dist/components/calcite-slider.js +0 -13
- package/dist/components/calcite-slider.js.map +0 -1
- package/dist/components/calcite-sortable-list.js +0 -204
- package/dist/components/calcite-sortable-list.js.map +0 -1
- package/dist/components/calcite-split-button.js +0 -170
- package/dist/components/calcite-split-button.js.map +0 -1
- package/dist/components/calcite-stepper-item.js +0 -273
- package/dist/components/calcite-stepper-item.js.map +0 -1
- package/dist/components/calcite-stepper.js +0 -258
- package/dist/components/calcite-stepper.js.map +0 -1
- package/dist/components/calcite-switch.js +0 -13
- package/dist/components/calcite-switch.js.map +0 -1
- package/dist/components/calcite-tab-nav.js +0 -13
- package/dist/components/calcite-tab-nav.js.map +0 -1
- package/dist/components/calcite-tab-title.js +0 -13
- package/dist/components/calcite-tab-title.js.map +0 -1
- package/dist/components/calcite-tab.js +0 -13
- package/dist/components/calcite-tab.js.map +0 -1
- package/dist/components/calcite-tabs.js +0 -13
- package/dist/components/calcite-tabs.js.map +0 -1
- package/dist/components/calcite-tile-select-group.js +0 -67
- package/dist/components/calcite-tile-select-group.js.map +0 -1
- package/dist/components/calcite-tile-select.js +0 -268
- package/dist/components/calcite-tile-select.js.map +0 -1
- package/dist/components/calcite-tile.js +0 -13
- package/dist/components/calcite-tile.js.map +0 -1
- package/dist/components/calcite-time-picker.js +0 -13
- package/dist/components/calcite-time-picker.js.map +0 -1
- package/dist/components/calcite-tip-group.js +0 -43
- package/dist/components/calcite-tip-group.js.map +0 -1
- package/dist/components/calcite-tip-manager.js +0 -225
- package/dist/components/calcite-tip-manager.js.map +0 -1
- package/dist/components/calcite-tip.js +0 -164
- package/dist/components/calcite-tip.js.map +0 -1
- package/dist/components/calcite-tooltip-manager.js +0 -59
- package/dist/components/calcite-tooltip-manager.js.map +0 -1
- package/dist/components/calcite-tooltip.js +0 -13
- package/dist/components/calcite-tooltip.js.map +0 -1
- package/dist/components/calcite-tree-item.js +0 -13
- package/dist/components/calcite-tree-item.js.map +0 -1
- package/dist/components/calcite-tree.js +0 -13
- package/dist/components/calcite-tree.js.map +0 -1
- package/dist/components/calcite-value-list-item.js +0 -13
- package/dist/components/calcite-value-list-item.js.map +0 -1
- package/dist/components/calcite-value-list.js +0 -13
- package/dist/components/calcite-value-list.js.map +0 -1
- package/dist/components/check-list.d.ts +0 -11
- package/dist/components/check-list.js +0 -13
- package/dist/components/check-list.js.map +0 -1
- package/dist/components/check-list2.js +0 -128
- package/dist/components/check-list2.js.map +0 -1
- package/dist/components/checkbox.js +0 -167
- package/dist/components/checkbox.js.map +0 -1
- package/dist/components/chip.js +0 -172
- package/dist/components/chip.js.map +0 -1
- package/dist/components/color-picker-hex-input.js +0 -365
- package/dist/components/color-picker-hex-input.js.map +0 -1
- package/dist/components/color-picker-swatch.js +0 -2036
- package/dist/components/color-picker-swatch.js.map +0 -1
- package/dist/components/combobox-item.js +0 -184
- package/dist/components/combobox-item.js.map +0 -1
- package/dist/components/combobox.js +0 -914
- package/dist/components/combobox.js.map +0 -1
- package/dist/components/conditionalSlot.js +0 -52
- package/dist/components/conditionalSlot.js.map +0 -1
- package/dist/components/config-buffer-tools.d.ts +0 -11
- package/dist/components/config-buffer-tools.js +0 -185
- package/dist/components/config-buffer-tools.js.map +0 -1
- package/dist/components/config-draw-tools.d.ts +0 -11
- package/dist/components/config-draw-tools.js +0 -124
- package/dist/components/config-draw-tools.js.map +0 -1
- package/dist/components/config-layer-picker.d.ts +0 -11
- package/dist/components/config-layer-picker.js +0 -148
- package/dist/components/config-layer-picker.js.map +0 -1
- package/dist/components/config-pdf-download.d.ts +0 -11
- package/dist/components/config-pdf-download.js +0 -157
- package/dist/components/config-pdf-download.js.map +0 -1
- package/dist/components/date-picker-day.js +0 -113
- package/dist/components/date-picker-day.js.map +0 -1
- package/dist/components/date-picker-month-header.js +0 -226
- package/dist/components/date-picker-month-header.js.map +0 -1
- package/dist/components/date-picker-month.js +0 -346
- package/dist/components/date-picker-month.js.map +0 -1
- package/dist/components/date-picker.js +0 -577
- package/dist/components/date-picker.js.map +0 -1
- package/dist/components/date.js +0 -182
- package/dist/components/date.js.map +0 -1
- package/dist/components/debounce.js +0 -489
- package/dist/components/debounce.js.map +0 -1
- package/dist/components/dom.js +0 -233
- package/dist/components/dom.js.map +0 -1
- package/dist/components/dropdown.js +0 -507
- package/dist/components/dropdown.js.map +0 -1
- package/dist/components/filter.js +0 -765
- package/dist/components/filter.js.map +0 -1
- package/dist/components/floating-ui.js +0 -1787
- package/dist/components/floating-ui.js.map +0 -1
- package/dist/components/form.js +0 -230
- package/dist/components/form.js.map +0 -1
- package/dist/components/graph.js +0 -256
- package/dist/components/graph.js.map +0 -1
- package/dist/components/guid.js +0 -26
- package/dist/components/guid.js.map +0 -1
- package/dist/components/handle.js +0 -121
- package/dist/components/handle.js.map +0 -1
- package/dist/components/icon.js +0 -204
- package/dist/components/icon.js.map +0 -1
- package/dist/components/index.d.ts +0 -48
- package/dist/components/index.js +0 -190
- package/dist/components/index.js.map +0 -1
- package/dist/components/index2.js +0 -201
- package/dist/components/index2.js.map +0 -1
- package/dist/components/input-message.js +0 -103
- package/dist/components/input-message.js.map +0 -1
- package/dist/components/input.js +0 -742
- package/dist/components/input.js.map +0 -1
- package/dist/components/interactive.js +0 -53
- package/dist/components/interactive.js.map +0 -1
- package/dist/components/interfaces.js +0 -21
- package/dist/components/interfaces.js.map +0 -1
- package/dist/components/interfaces2.js +0 -23
- package/dist/components/interfaces2.js.map +0 -1
- package/dist/components/interfaces3.js +0 -72
- package/dist/components/interfaces3.js.map +0 -1
- package/dist/components/json-editor.d.ts +0 -11
- package/dist/components/json-editor.js +0 -13
- package/dist/components/json-editor.js.map +0 -1
- package/dist/components/json-editor2.js +0 -443
- package/dist/components/json-editor2.js.map +0 -1
- package/dist/components/key.js +0 -18
- package/dist/components/key.js.map +0 -1
- package/dist/components/label.js +0 -108
- package/dist/components/label.js.map +0 -1
- package/dist/components/label2.js +0 -133
- package/dist/components/label2.js.map +0 -1
- package/dist/components/labelFormats.js +0 -212
- package/dist/components/labelFormats.js.map +0 -1
- package/dist/components/link.js +0 -125
- package/dist/components/link.js.map +0 -1
- package/dist/components/list-item.js +0 -151
- package/dist/components/list-item.js.map +0 -1
- package/dist/components/list.js +0 -85
- package/dist/components/list.js.map +0 -1
- package/dist/components/loadModules.js +0 -30
- package/dist/components/loadModules.js.map +0 -1
- package/dist/components/loader.js +0 -118
- package/dist/components/loader.js.map +0 -1
- package/dist/components/locale.js +0 -414
- package/dist/components/locale.js.map +0 -1
- package/dist/components/locale2.js +0 -415
- package/dist/components/locale2.js.map +0 -1
- package/dist/components/map-draw-tools.d.ts +0 -11
- package/dist/components/map-draw-tools.js +0 -13
- package/dist/components/map-draw-tools.js.map +0 -1
- package/dist/components/map-draw-tools2.js +0 -230
- package/dist/components/map-draw-tools2.js.map +0 -1
- package/dist/components/map-layer-picker.d.ts +0 -11
- package/dist/components/map-layer-picker.js +0 -13
- package/dist/components/map-layer-picker.js.map +0 -1
- package/dist/components/map-layer-picker2.js +0 -190
- package/dist/components/map-layer-picker2.js.map +0 -1
- package/dist/components/map-search.d.ts +0 -11
- package/dist/components/map-search.js +0 -157
- package/dist/components/map-search.js.map +0 -1
- package/dist/components/map-select-tools.d.ts +0 -11
- package/dist/components/map-select-tools.js +0 -13
- package/dist/components/map-select-tools.js.map +0 -1
- package/dist/components/map-select-tools2.js +0 -555
- package/dist/components/map-select-tools2.js.map +0 -1
- package/dist/components/mapViewUtils.js +0 -131
- package/dist/components/mapViewUtils.js.map +0 -1
- package/dist/components/math.js +0 -26
- package/dist/components/math.js.map +0 -1
- package/dist/components/nonChromiumPlatformUtils.js +0 -505
- package/dist/components/nonChromiumPlatformUtils.js.map +0 -1
- package/dist/components/notice.js +0 -194
- package/dist/components/notice.js.map +0 -1
- package/dist/components/observers.js +0 -58
- package/dist/components/observers.js.map +0 -1
- package/dist/components/openCloseComponent.js +0 -58
- package/dist/components/openCloseComponent.js.map +0 -1
- package/dist/components/option.js +0 -111
- package/dist/components/option.js.map +0 -1
- package/dist/components/panel.js +0 -461
- package/dist/components/panel.js.map +0 -1
- package/dist/components/pdf-download.d.ts +0 -11
- package/dist/components/pdf-download.js +0 -13
- package/dist/components/pdf-download.js.map +0 -1
- package/dist/components/pdf-download2.js +0 -243
- package/dist/components/pdf-download2.js.map +0 -1
- package/dist/components/pick-list-item.js +0 -257
- package/dist/components/pick-list-item.js.map +0 -1
- package/dist/components/popover.js +0 -502
- package/dist/components/popover.js.map +0 -1
- package/dist/components/progress.js +0 -62
- package/dist/components/progress.js.map +0 -1
- package/dist/components/public-notification.d.ts +0 -11
- package/dist/components/public-notification.js +0 -784
- package/dist/components/public-notification.js.map +0 -1
- package/dist/components/publicNotificationStore.js +0 -40
- package/dist/components/publicNotificationStore.js.map +0 -1
- package/dist/components/queryUtils.js +0 -163
- package/dist/components/queryUtils.js.map +0 -1
- package/dist/components/radio-group-item.js +0 -103
- package/dist/components/radio-group-item.js.map +0 -1
- package/dist/components/radio-group.js +0 -237
- package/dist/components/radio-group.js.map +0 -1
- package/dist/components/refine-selection-tools.d.ts +0 -11
- package/dist/components/refine-selection-tools.js +0 -13
- package/dist/components/refine-selection-tools.js.map +0 -1
- package/dist/components/refine-selection-tools2.js +0 -500
- package/dist/components/refine-selection-tools2.js.map +0 -1
- package/dist/components/refine-selection.d.ts +0 -11
- package/dist/components/refine-selection.js +0 -13
- package/dist/components/refine-selection.js.map +0 -1
- package/dist/components/refine-selection2.js +0 -369
- package/dist/components/refine-selection2.js.map +0 -1
- package/dist/components/resources.js +0 -26
- package/dist/components/resources.js.map +0 -1
- package/dist/components/resources2.js +0 -23
- package/dist/components/resources2.js.map +0 -1
- package/dist/components/resources3.js +0 -40
- package/dist/components/resources3.js.map +0 -1
- package/dist/components/scrim.js +0 -85
- package/dist/components/scrim.js.map +0 -1
- package/dist/components/select.js +0 -261
- package/dist/components/select.js.map +0 -1
- package/dist/components/shared-list-render.js +0 -321
- package/dist/components/shared-list-render.js.map +0 -1
- package/dist/components/shell-panel.js +0 -283
- package/dist/components/shell-panel.js.map +0 -1
- package/dist/components/shell.js +0 -123
- package/dist/components/shell.js.map +0 -1
- package/dist/components/slider.js +0 -898
- package/dist/components/slider.js.map +0 -1
- package/dist/components/solution-configuration.d.ts +0 -11
- package/dist/components/solution-configuration.js +0 -1141
- package/dist/components/solution-configuration.js.map +0 -1
- package/dist/components/solution-contents.d.ts +0 -11
- package/dist/components/solution-contents.js +0 -13
- package/dist/components/solution-contents.js.map +0 -1
- package/dist/components/solution-contents2.js +0 -130
- package/dist/components/solution-contents2.js.map +0 -1
- package/dist/components/solution-item-details.d.ts +0 -11
- package/dist/components/solution-item-details.js +0 -13
- package/dist/components/solution-item-details.js.map +0 -1
- package/dist/components/solution-item-details2.js +0 -236
- package/dist/components/solution-item-details2.js.map +0 -1
- package/dist/components/solution-item-icon.d.ts +0 -11
- package/dist/components/solution-item-icon.js +0 -13
- package/dist/components/solution-item-icon.js.map +0 -1
- package/dist/components/solution-item-icon2.js +0 -344
- package/dist/components/solution-item-icon2.js.map +0 -1
- package/dist/components/solution-item-sharing.d.ts +0 -11
- package/dist/components/solution-item-sharing.js +0 -13
- package/dist/components/solution-item-sharing.js.map +0 -1
- package/dist/components/solution-item-sharing2.js +0 -169
- package/dist/components/solution-item-sharing2.js.map +0 -1
- package/dist/components/solution-item.d.ts +0 -11
- package/dist/components/solution-item.js +0 -13
- package/dist/components/solution-item.js.map +0 -1
- package/dist/components/solution-item2.js +0 -317
- package/dist/components/solution-item2.js.map +0 -1
- package/dist/components/solution-organization-variables.d.ts +0 -11
- package/dist/components/solution-organization-variables.js +0 -13
- package/dist/components/solution-organization-variables.js.map +0 -1
- package/dist/components/solution-organization-variables2.js +0 -134
- package/dist/components/solution-organization-variables2.js.map +0 -1
- package/dist/components/solution-resource-item.d.ts +0 -11
- package/dist/components/solution-resource-item.js +0 -13
- package/dist/components/solution-resource-item.js.map +0 -1
- package/dist/components/solution-resource-item2.js +0 -358
- package/dist/components/solution-resource-item2.js.map +0 -1
- package/dist/components/solution-spatial-ref.d.ts +0 -11
- package/dist/components/solution-spatial-ref.js +0 -13
- package/dist/components/solution-spatial-ref.js.map +0 -1
- package/dist/components/solution-spatial-ref2.js +0 -21448
- package/dist/components/solution-spatial-ref2.js.map +0 -1
- package/dist/components/solution-store.js +0 -4094
- package/dist/components/solution-store.js.map +0 -1
- package/dist/components/solution-template-data.d.ts +0 -11
- package/dist/components/solution-template-data.js +0 -13
- package/dist/components/solution-template-data.js.map +0 -1
- package/dist/components/solution-template-data2.js +0 -235
- package/dist/components/solution-template-data2.js.map +0 -1
- package/dist/components/solution-variables.d.ts +0 -11
- package/dist/components/solution-variables.js +0 -13
- package/dist/components/solution-variables.js.map +0 -1
- package/dist/components/solution-variables2.js +0 -152
- package/dist/components/solution-variables2.js.map +0 -1
- package/dist/components/sortable.esm.js +0 -3028
- package/dist/components/sortable.esm.js.map +0 -1
- package/dist/components/store-manager.d.ts +0 -11
- package/dist/components/store-manager.js +0 -85
- package/dist/components/store-manager.js.map +0 -1
- package/dist/components/switch.js +0 -141
- package/dist/components/switch.js.map +0 -1
- package/dist/components/tab-nav.js +0 -243
- package/dist/components/tab-nav.js.map +0 -1
- package/dist/components/tab-title.js +0 -278
- package/dist/components/tab-title.js.map +0 -1
- package/dist/components/tab.js +0 -156
- package/dist/components/tab.js.map +0 -1
- package/dist/components/tabs.js +0 -190
- package/dist/components/tabs.js.map +0 -1
- package/dist/components/tile.js +0 -131
- package/dist/components/tile.js.map +0 -1
- package/dist/components/time-picker.js +0 -945
- package/dist/components/time-picker.js.map +0 -1
- package/dist/components/tooltip.js +0 -401
- package/dist/components/tooltip.js.map +0 -1
- package/dist/components/tree-item.js +0 -296
- package/dist/components/tree-item.js.map +0 -1
- package/dist/components/tree.js +0 -329
- package/dist/components/tree.js.map +0 -1
- package/dist/components/utils.js +0 -121
- package/dist/components/utils.js.map +0 -1
- package/dist/components/utils2.js +0 -53
- package/dist/components/utils2.js.map +0 -1
- package/dist/components/value-list-item.js +0 -206
- package/dist/components/value-list-item.js.map +0 -1
- package/dist/components/value-list.js +0 -335
- package/dist/components/value-list.js.map +0 -1
- package/dist/esm/solution-store-c1f6173a.js.map +0 -1
- package/dist/solutions-components/p-065830b8.js.map +0 -1
- package/dist/solutions-components/p-0e7a0839.entry.js.map +0 -1
- package/dist/solutions-components/p-401541a5.entry.js +0 -895
- package/dist/solutions-components/p-401541a5.entry.js.map +0 -1
- package/dist/solutions-components/p-ee9be0ef.entry.js.map +0 -1
@@ -1,149 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright 2022 Esri
|
3
|
-
* Licensed under the Apache License, Version 2.0
|
4
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
7
|
-
import { c as createObserver } from './observers.js';
|
8
|
-
|
9
|
-
/*!
|
10
|
-
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
11
|
-
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
12
|
-
* v1.0.0-beta.97
|
13
|
-
*/
|
14
|
-
const CSS = {
|
15
|
-
frame: "frame",
|
16
|
-
frameAdvancing: "frame--advancing",
|
17
|
-
frameRetreating: "frame--retreating"
|
18
|
-
};
|
19
|
-
|
20
|
-
const flowCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}";
|
21
|
-
|
22
|
-
const Flow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
23
|
-
constructor() {
|
24
|
-
super();
|
25
|
-
this.__registerHost();
|
26
|
-
this.__attachShadow();
|
27
|
-
this.flowDirection = null;
|
28
|
-
this.itemCount = 0;
|
29
|
-
this.items = [];
|
30
|
-
this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
|
31
|
-
this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
|
32
|
-
const allowRetreatingDirection = oldFlowItemCount > 1;
|
33
|
-
const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;
|
34
|
-
if (!allowAdvancingDirection && !allowRetreatingDirection) {
|
35
|
-
return null;
|
36
|
-
}
|
37
|
-
return newFlowItemCount < oldFlowItemCount ? "retreating" : "advancing";
|
38
|
-
};
|
39
|
-
this.updateFlowProps = () => {
|
40
|
-
const { el, items } = this;
|
41
|
-
const newItems = Array.from(el.querySelectorAll("calcite-flow-item, calcite-panel")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item, calcite-panel calcite-panel"));
|
42
|
-
const oldItemCount = items.length;
|
43
|
-
const newItemCount = newItems.length;
|
44
|
-
const activeItem = newItems[newItemCount - 1];
|
45
|
-
const previousItem = newItems[newItemCount - 2];
|
46
|
-
if (newItemCount && activeItem) {
|
47
|
-
newItems.forEach((itemNode) => {
|
48
|
-
itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;
|
49
|
-
itemNode.hidden = itemNode !== activeItem;
|
50
|
-
});
|
51
|
-
}
|
52
|
-
if (previousItem) {
|
53
|
-
previousItem.menuOpen = false;
|
54
|
-
}
|
55
|
-
this.items = newItems;
|
56
|
-
if (oldItemCount !== newItemCount) {
|
57
|
-
const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);
|
58
|
-
this.itemCount = newItemCount;
|
59
|
-
this.flowDirection = flowDirection;
|
60
|
-
}
|
61
|
-
};
|
62
|
-
}
|
63
|
-
// --------------------------------------------------------------------------
|
64
|
-
//
|
65
|
-
// Public Methods
|
66
|
-
//
|
67
|
-
// --------------------------------------------------------------------------
|
68
|
-
/**
|
69
|
-
* Removes the currently active `calcite-flow-item` or `calcite-panel`.
|
70
|
-
*/
|
71
|
-
async back() {
|
72
|
-
const { items } = this;
|
73
|
-
const lastItem = items[items.length - 1];
|
74
|
-
if (!lastItem) {
|
75
|
-
return;
|
76
|
-
}
|
77
|
-
const beforeBack = lastItem.beforeBack
|
78
|
-
? lastItem.beforeBack
|
79
|
-
: () => Promise.resolve();
|
80
|
-
return beforeBack.call(lastItem).then(() => {
|
81
|
-
lastItem.remove();
|
82
|
-
return lastItem;
|
83
|
-
});
|
84
|
-
}
|
85
|
-
// --------------------------------------------------------------------------
|
86
|
-
//
|
87
|
-
// Lifecycle
|
88
|
-
//
|
89
|
-
// --------------------------------------------------------------------------
|
90
|
-
connectedCallback() {
|
91
|
-
var _a;
|
92
|
-
(_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
|
93
|
-
this.updateFlowProps();
|
94
|
-
}
|
95
|
-
disconnectedCallback() {
|
96
|
-
var _a;
|
97
|
-
(_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
98
|
-
}
|
99
|
-
// --------------------------------------------------------------------------
|
100
|
-
//
|
101
|
-
// Private Methods
|
102
|
-
//
|
103
|
-
// --------------------------------------------------------------------------
|
104
|
-
handleItemBackClick() {
|
105
|
-
this.back();
|
106
|
-
}
|
107
|
-
// --------------------------------------------------------------------------
|
108
|
-
//
|
109
|
-
// Render Methods
|
110
|
-
//
|
111
|
-
// --------------------------------------------------------------------------
|
112
|
-
render() {
|
113
|
-
const { flowDirection } = this;
|
114
|
-
const frameDirectionClasses = {
|
115
|
-
[CSS.frame]: true,
|
116
|
-
[CSS.frameAdvancing]: flowDirection === "advancing",
|
117
|
-
[CSS.frameRetreating]: flowDirection === "retreating"
|
118
|
-
};
|
119
|
-
return (h("div", { class: frameDirectionClasses }, h("slot", null)));
|
120
|
-
}
|
121
|
-
get el() { return this; }
|
122
|
-
static get style() { return flowCss; }
|
123
|
-
}, [1, "calcite-flow", {
|
124
|
-
"flowDirection": [32],
|
125
|
-
"itemCount": [32],
|
126
|
-
"items": [32],
|
127
|
-
"back": [64]
|
128
|
-
}, [[0, "calciteFlowItemBackClick", "handleItemBackClick"], [0, "calcitePanelBackClick", "handleItemBackClick"]]]);
|
129
|
-
function defineCustomElement$1() {
|
130
|
-
if (typeof customElements === "undefined") {
|
131
|
-
return;
|
132
|
-
}
|
133
|
-
const components = ["calcite-flow"];
|
134
|
-
components.forEach(tagName => { switch (tagName) {
|
135
|
-
case "calcite-flow":
|
136
|
-
if (!customElements.get(tagName)) {
|
137
|
-
customElements.define(tagName, Flow);
|
138
|
-
}
|
139
|
-
break;
|
140
|
-
} });
|
141
|
-
}
|
142
|
-
defineCustomElement$1();
|
143
|
-
|
144
|
-
const CalciteFlow = Flow;
|
145
|
-
const defineCustomElement = defineCustomElement$1;
|
146
|
-
|
147
|
-
export { CalciteFlow, defineCustomElement };
|
148
|
-
|
149
|
-
//# sourceMappingURL=calcite-flow.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"file":"calcite-flow.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/flow/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.css?tag=calcite-flow&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n frame: \"frame\",\n frameAdvancing: \"frame--advancing\",\n frameRetreating: \"frame--retreating\"\n};\n","/* mixins & extensions */\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n /* Base \":host\" styles for the component */\n box-sizing: border-box;\n background-color: var(--calcite-ui-foreground-1);\n color: var(--calcite-ui-text-2);\n font-size: var(--calcite-font-size--1);\n}\n:host * {\n box-sizing: border-box;\n}\n\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host {\n position: relative;\n display: flex;\n inline-size: 100%;\n flex: 1 1 auto;\n align-items: stretch;\n overflow: hidden;\n background-color: transparent;\n}\n:host .frame {\n position: relative;\n margin: 0px;\n display: flex;\n inline-size: 100%;\n flex: 1 1 auto;\n flex-direction: column;\n align-items: stretch;\n padding: 0px;\n}\n:host ::slotted(calcite-flow-item), \n:host ::slotted(calcite-panel) {\n block-size: 100%;\n}\n:host ::slotted(.calcite-match-height:last-child) {\n display: flex;\n flex: 1 1 auto;\n overflow: hidden;\n}\n:host .frame--advancing {\n animation: calcite-frame-advance var(--calcite-animation-timing);\n}\n:host .frame--retreating {\n animation: calcite-frame-retreat var(--calcite-animation-timing);\n}\n@keyframes calcite-frame-advance {\n 0% {\n --tw-bg-opacity: 0.5;\n transform: translate3d(50px, 0, 0);\n }\n 100% {\n --tw-bg-opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n@keyframes calcite-frame-retreat {\n 0% {\n --tw-bg-opacity: 0.5;\n transform: translate3d(-50px, 0, 0);\n }\n 100% {\n --tw-bg-opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n/**\n * @slot - A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow.\n */\nexport class Flow {\n constructor() {\n this.flowDirection = null;\n this.itemCount = 0;\n this.items = [];\n this.itemMutationObserver = createObserver(\"mutation\", () => this.updateFlowProps());\n this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {\n const allowRetreatingDirection = oldFlowItemCount > 1;\n const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;\n if (!allowAdvancingDirection && !allowRetreatingDirection) {\n return null;\n }\n return newFlowItemCount < oldFlowItemCount ? \"retreating\" : \"advancing\";\n };\n this.updateFlowProps = () => {\n const { el, items } = this;\n const newItems = Array.from(el.querySelectorAll(\"calcite-flow-item, calcite-panel\")).filter((flowItem) => !flowItem.matches(\"calcite-flow-item calcite-flow-item, calcite-panel calcite-panel\"));\n const oldItemCount = items.length;\n const newItemCount = newItems.length;\n const activeItem = newItems[newItemCount - 1];\n const previousItem = newItems[newItemCount - 2];\n if (newItemCount && activeItem) {\n newItems.forEach((itemNode) => {\n itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;\n itemNode.hidden = itemNode !== activeItem;\n });\n }\n if (previousItem) {\n previousItem.menuOpen = false;\n }\n this.items = newItems;\n if (oldItemCount !== newItemCount) {\n const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);\n this.itemCount = newItemCount;\n this.flowDirection = flowDirection;\n }\n };\n }\n // --------------------------------------------------------------------------\n //\n // Public Methods\n //\n // --------------------------------------------------------------------------\n /**\n * Removes the currently active `calcite-flow-item` or `calcite-panel`.\n */\n async back() {\n const { items } = this;\n const lastItem = items[items.length - 1];\n if (!lastItem) {\n return;\n }\n const beforeBack = lastItem.beforeBack\n ? lastItem.beforeBack\n : () => Promise.resolve();\n return beforeBack.call(lastItem).then(() => {\n lastItem.remove();\n return lastItem;\n });\n }\n // --------------------------------------------------------------------------\n //\n // Lifecycle\n //\n // --------------------------------------------------------------------------\n connectedCallback() {\n var _a;\n (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n this.updateFlowProps();\n }\n disconnectedCallback() {\n var _a;\n (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n // --------------------------------------------------------------------------\n //\n // Private Methods\n //\n // --------------------------------------------------------------------------\n handleItemBackClick() {\n this.back();\n }\n // --------------------------------------------------------------------------\n //\n // Render Methods\n //\n // --------------------------------------------------------------------------\n render() {\n const { flowDirection } = this;\n const frameDirectionClasses = {\n [CSS.frame]: true,\n [CSS.frameAdvancing]: flowDirection === \"advancing\",\n [CSS.frameRetreating]: flowDirection === \"retreating\"\n };\n return (h(\"div\", { class: frameDirectionClasses }, h(\"slot\", null)));\n }\n static get is() { return \"calcite-flow\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"flow.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"flow.css\"]\n };\n }\n static get states() {\n return {\n \"flowDirection\": {},\n \"itemCount\": {},\n \"items\": {}\n };\n }\n static get methods() {\n return {\n \"back\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLCalciteFlowItemElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n },\n \"HTMLCalciteFlowItemElement\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<HTMLCalciteFlowItemElement>\"\n },\n \"docs\": {\n \"text\": \"Removes the currently active `calcite-flow-item` or `calcite-panel`.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"calciteFlowItemBackClick\",\n \"method\": \"handleItemBackClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"calcitePanelBackClick\",\n \"method\": \"handleItemBackClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n"],"version":3}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright 2022 Esri
|
3
|
-
* Licensed under the Apache License, Version 2.0
|
4
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
import { G as Graph, d as defineCustomElement$1 } from './graph.js';
|
7
|
-
|
8
|
-
const CalciteGraph = Graph;
|
9
|
-
const defineCustomElement = defineCustomElement$1;
|
10
|
-
|
11
|
-
export { CalciteGraph, defineCustomElement };
|
12
|
-
|
13
|
-
//# sourceMappingURL=calcite-graph.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"file":"calcite-graph.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright 2022 Esri
|
3
|
-
* Licensed under the Apache License, Version 2.0
|
4
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
import { H as Handle, d as defineCustomElement$1 } from './handle.js';
|
7
|
-
|
8
|
-
const CalciteHandle = Handle;
|
9
|
-
const defineCustomElement = defineCustomElement$1;
|
10
|
-
|
11
|
-
export { CalciteHandle, defineCustomElement };
|
12
|
-
|
13
|
-
//# sourceMappingURL=calcite-handle.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"file":"calcite-handle.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright 2022 Esri
|
3
|
-
* Licensed under the Apache License, Version 2.0
|
4
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
import { I as Icon, d as defineCustomElement$1 } from './icon.js';
|
7
|
-
|
8
|
-
const CalciteIcon = Icon;
|
9
|
-
const defineCustomElement = defineCustomElement$1;
|
10
|
-
|
11
|
-
export { CalciteIcon, defineCustomElement };
|
12
|
-
|
13
|
-
//# sourceMappingURL=calcite-icon.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"file":"calcite-icon.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
@@ -1,296 +0,0 @@
|
|
1
|
-
/*!
|
2
|
-
* Copyright 2022 Esri
|
3
|
-
* Licensed under the Apache License, Version 2.0
|
4
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
5
|
-
*/
|
6
|
-
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
|
7
|
-
import { g as getElementProp, b as getSlotted } from './dom.js';
|
8
|
-
import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
|
9
|
-
import { c as createObserver } from './observers.js';
|
10
|
-
import { u as updateHostInteraction } from './interactive.js';
|
11
|
-
import { d as defineCustomElement$4 } from './button.js';
|
12
|
-
import { d as defineCustomElement$3 } from './icon.js';
|
13
|
-
import { d as defineCustomElement$2 } from './loader.js';
|
14
|
-
|
15
|
-
/*!
|
16
|
-
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
17
|
-
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
18
|
-
* v1.0.0-beta.97
|
19
|
-
*/
|
20
|
-
const CSS = {
|
21
|
-
wrapper: "wrapper",
|
22
|
-
confirmChangesButton: "confirm-changes-button",
|
23
|
-
cancelEditingButton: "cancel-editing-button",
|
24
|
-
inputWrapper: "input-wrapper",
|
25
|
-
cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
|
26
|
-
enableEditingButton: "enable-editing-button",
|
27
|
-
controlsWrapper: "controls-wrapper"
|
28
|
-
};
|
29
|
-
const TEXT = {
|
30
|
-
intlEnablingEditing: "Click to edit",
|
31
|
-
intlCancelEditing: "Cancel",
|
32
|
-
intlConfirmChanges: "Save"
|
33
|
-
};
|
34
|
-
|
35
|
-
const inlineEditableCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
|
36
|
-
|
37
|
-
const InlineEditable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
38
|
-
constructor() {
|
39
|
-
super();
|
40
|
-
this.__registerHost();
|
41
|
-
this.__attachShadow();
|
42
|
-
this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 6);
|
43
|
-
this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 6);
|
44
|
-
this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
|
45
|
-
//--------------------------------------------------------------------------
|
46
|
-
//
|
47
|
-
// Props
|
48
|
-
//
|
49
|
-
//--------------------------------------------------------------------------
|
50
|
-
/** specify whether editing can be enabled */
|
51
|
-
this.disabled = false;
|
52
|
-
/** specify whether the wrapped input element is editable, defaults to false */
|
53
|
-
this.editingEnabled = false;
|
54
|
-
/** specify whether the confirm button should display a loading state, defaults to false */
|
55
|
-
this.loading = false;
|
56
|
-
/** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
|
57
|
-
this.controls = false;
|
58
|
-
/**
|
59
|
-
* specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
|
60
|
-
*
|
61
|
-
* @default "Click to edit"
|
62
|
-
*/
|
63
|
-
this.intlEnableEditing = TEXT.intlEnablingEditing;
|
64
|
-
/**
|
65
|
-
* specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
|
66
|
-
*
|
67
|
-
* @default "Cancel"
|
68
|
-
*/
|
69
|
-
this.intlCancelEditing = TEXT.intlCancelEditing;
|
70
|
-
/**
|
71
|
-
* specify text to be user for the confirm changes button's aria-label, defaults to `Save`
|
72
|
-
*
|
73
|
-
* @default "Save"
|
74
|
-
*/
|
75
|
-
this.intlConfirmChanges = TEXT.intlConfirmChanges;
|
76
|
-
this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
|
77
|
-
this.enableEditing = () => {
|
78
|
-
var _a, _b;
|
79
|
-
this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
|
80
|
-
this.editingEnabled = true;
|
81
|
-
(_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
|
82
|
-
this.calciteInternalInlineEditableEnableEditingChange.emit();
|
83
|
-
};
|
84
|
-
this.disableEditing = () => {
|
85
|
-
this.editingEnabled = false;
|
86
|
-
};
|
87
|
-
this.cancelEditing = () => {
|
88
|
-
if (this.inputElement) {
|
89
|
-
this.inputElement.value = this.valuePriorToEditing;
|
90
|
-
}
|
91
|
-
this.disableEditing();
|
92
|
-
this.enableEditingButton.setFocus();
|
93
|
-
if (!this.editingEnabled && !!this.shouldEmitCancel) {
|
94
|
-
this.calciteInlineEditableEditCancel.emit();
|
95
|
-
}
|
96
|
-
};
|
97
|
-
this.escapeKeyHandler = async (event) => {
|
98
|
-
var _a;
|
99
|
-
if (event.defaultPrevented) {
|
100
|
-
return;
|
101
|
-
}
|
102
|
-
if (event.key === "Escape") {
|
103
|
-
event.preventDefault();
|
104
|
-
this.cancelEditing();
|
105
|
-
}
|
106
|
-
if (event.key === "Tab" && this.shouldShowControls) {
|
107
|
-
if (!event.shiftKey && event.target === this.inputElement) {
|
108
|
-
event.preventDefault();
|
109
|
-
this.cancelEditingButton.setFocus();
|
110
|
-
}
|
111
|
-
if (!!event.shiftKey && event.target === this.cancelEditingButton) {
|
112
|
-
event.preventDefault();
|
113
|
-
(_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
|
114
|
-
}
|
115
|
-
}
|
116
|
-
};
|
117
|
-
this.cancelEditingHandler = async (event) => {
|
118
|
-
event.preventDefault();
|
119
|
-
this.cancelEditing();
|
120
|
-
};
|
121
|
-
this.enableEditingHandler = async (event) => {
|
122
|
-
if (this.disabled ||
|
123
|
-
event.target === this.cancelEditingButton ||
|
124
|
-
event.target === this.confirmEditingButton) {
|
125
|
-
return;
|
126
|
-
}
|
127
|
-
event.preventDefault();
|
128
|
-
if (!this.editingEnabled) {
|
129
|
-
this.enableEditing();
|
130
|
-
}
|
131
|
-
};
|
132
|
-
this.confirmChangesHandler = async (event) => {
|
133
|
-
event.preventDefault();
|
134
|
-
this.calciteInlineEditableEditConfirm.emit();
|
135
|
-
try {
|
136
|
-
if (this.afterConfirm) {
|
137
|
-
this.loading = true;
|
138
|
-
await this.afterConfirm();
|
139
|
-
this.disableEditing();
|
140
|
-
this.enableEditingButton.setFocus();
|
141
|
-
}
|
142
|
-
}
|
143
|
-
catch (error) {
|
144
|
-
}
|
145
|
-
finally {
|
146
|
-
this.loading = false;
|
147
|
-
}
|
148
|
-
};
|
149
|
-
}
|
150
|
-
disabledWatcher(disabled) {
|
151
|
-
if (this.inputElement) {
|
152
|
-
this.inputElement.disabled = disabled;
|
153
|
-
}
|
154
|
-
}
|
155
|
-
editingEnabledWatcher(newValue, oldValue) {
|
156
|
-
if (this.inputElement) {
|
157
|
-
this.inputElement.editingEnabled = newValue;
|
158
|
-
}
|
159
|
-
if (!newValue && !!oldValue) {
|
160
|
-
this.shouldEmitCancel = true;
|
161
|
-
}
|
162
|
-
}
|
163
|
-
//--------------------------------------------------------------------------
|
164
|
-
//
|
165
|
-
// Lifecycle
|
166
|
-
//
|
167
|
-
//--------------------------------------------------------------------------
|
168
|
-
connectedCallback() {
|
169
|
-
var _a;
|
170
|
-
connectLabel(this);
|
171
|
-
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
|
172
|
-
this.mutationObserverCallback();
|
173
|
-
}
|
174
|
-
disconnectedCallback() {
|
175
|
-
var _a;
|
176
|
-
disconnectLabel(this);
|
177
|
-
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
178
|
-
}
|
179
|
-
componentDidRender() {
|
180
|
-
updateHostInteraction(this);
|
181
|
-
}
|
182
|
-
render() {
|
183
|
-
return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h("div", { class: CSS.inputWrapper }, h("slot", null)), h("div", { class: CSS.controlsWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
|
184
|
-
opacity: this.editingEnabled ? "0" : "1",
|
185
|
-
width: this.editingEnabled ? "0" : "inherit"
|
186
|
-
}, type: "button" }), this.shouldShowControls && [
|
187
|
-
h("div", { class: CSS.cancelEditingButtonWrapper }, h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.intlCancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: "button" })),
|
188
|
-
h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, color: "blue", disabled: this.disabled, iconStart: "check", label: this.intlConfirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: "button" })
|
189
|
-
])));
|
190
|
-
}
|
191
|
-
//--------------------------------------------------------------------------
|
192
|
-
//
|
193
|
-
// Event Listeners
|
194
|
-
//
|
195
|
-
//--------------------------------------------------------------------------
|
196
|
-
blurHandler() {
|
197
|
-
if (!this.controls) {
|
198
|
-
this.disableEditing();
|
199
|
-
}
|
200
|
-
}
|
201
|
-
//--------------------------------------------------------------------------
|
202
|
-
//
|
203
|
-
// Public Methods
|
204
|
-
//
|
205
|
-
//--------------------------------------------------------------------------
|
206
|
-
async setFocus() {
|
207
|
-
var _a, _b;
|
208
|
-
if (this.editingEnabled) {
|
209
|
-
(_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
|
210
|
-
}
|
211
|
-
else {
|
212
|
-
(_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();
|
213
|
-
}
|
214
|
-
}
|
215
|
-
//--------------------------------------------------------------------------
|
216
|
-
//
|
217
|
-
// Private Methods
|
218
|
-
//
|
219
|
-
//--------------------------------------------------------------------------
|
220
|
-
mutationObserverCallback() {
|
221
|
-
var _a;
|
222
|
-
this.updateSlottedInput();
|
223
|
-
this.scale =
|
224
|
-
this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || getElementProp(this.el, "scale", undefined);
|
225
|
-
}
|
226
|
-
onLabelClick() {
|
227
|
-
this.setFocus();
|
228
|
-
}
|
229
|
-
updateSlottedInput() {
|
230
|
-
const inputElement = getSlotted(this.el, {
|
231
|
-
matches: "calcite-input"
|
232
|
-
});
|
233
|
-
this.inputElement = inputElement;
|
234
|
-
if (!inputElement) {
|
235
|
-
return;
|
236
|
-
}
|
237
|
-
this.inputElement.disabled = this.disabled;
|
238
|
-
this.inputElement.label = this.inputElement.label || getLabelText(this);
|
239
|
-
}
|
240
|
-
get shouldShowControls() {
|
241
|
-
return this.editingEnabled && this.controls;
|
242
|
-
}
|
243
|
-
get el() { return this; }
|
244
|
-
static get watchers() { return {
|
245
|
-
"disabled": ["disabledWatcher"],
|
246
|
-
"editingEnabled": ["editingEnabledWatcher"]
|
247
|
-
}; }
|
248
|
-
static get style() { return inlineEditableCss; }
|
249
|
-
}, [1, "calcite-inline-editable", {
|
250
|
-
"disabled": [516],
|
251
|
-
"editingEnabled": [1540, "editing-enabled"],
|
252
|
-
"loading": [1540],
|
253
|
-
"controls": [516],
|
254
|
-
"intlEnableEditing": [513, "intl-enable-editing"],
|
255
|
-
"intlCancelEditing": [513, "intl-cancel-editing"],
|
256
|
-
"intlConfirmChanges": [513, "intl-confirm-changes"],
|
257
|
-
"scale": [1537],
|
258
|
-
"afterConfirm": [16],
|
259
|
-
"setFocus": [64]
|
260
|
-
}, [[0, "calciteInternalInputBlur", "blurHandler"]]]);
|
261
|
-
function defineCustomElement$1() {
|
262
|
-
if (typeof customElements === "undefined") {
|
263
|
-
return;
|
264
|
-
}
|
265
|
-
const components = ["calcite-inline-editable", "calcite-button", "calcite-icon", "calcite-loader"];
|
266
|
-
components.forEach(tagName => { switch (tagName) {
|
267
|
-
case "calcite-inline-editable":
|
268
|
-
if (!customElements.get(tagName)) {
|
269
|
-
customElements.define(tagName, InlineEditable);
|
270
|
-
}
|
271
|
-
break;
|
272
|
-
case "calcite-button":
|
273
|
-
if (!customElements.get(tagName)) {
|
274
|
-
defineCustomElement$4();
|
275
|
-
}
|
276
|
-
break;
|
277
|
-
case "calcite-icon":
|
278
|
-
if (!customElements.get(tagName)) {
|
279
|
-
defineCustomElement$3();
|
280
|
-
}
|
281
|
-
break;
|
282
|
-
case "calcite-loader":
|
283
|
-
if (!customElements.get(tagName)) {
|
284
|
-
defineCustomElement$2();
|
285
|
-
}
|
286
|
-
break;
|
287
|
-
} });
|
288
|
-
}
|
289
|
-
defineCustomElement$1();
|
290
|
-
|
291
|
-
const CalciteInlineEditable = InlineEditable;
|
292
|
-
const defineCustomElement = defineCustomElement$1;
|
293
|
-
|
294
|
-
export { CalciteInlineEditable, defineCustomElement };
|
295
|
-
|
296
|
-
//# sourceMappingURL=calcite-inline-editable.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"file":"calcite-inline-editable.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/inline-editable/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/inline-editable/inline-editable.css?tag=calcite-inline-editable&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/inline-editable/inline-editable.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n wrapper: \"wrapper\",\n confirmChangesButton: \"confirm-changes-button\",\n cancelEditingButton: \"cancel-editing-button\",\n inputWrapper: \"input-wrapper\",\n cancelEditingButtonWrapper: \"cancel-editing-button-wrapper\",\n enableEditingButton: \"enable-editing-button\",\n controlsWrapper: \"controls-wrapper\"\n};\nexport const TEXT = {\n intlEnablingEditing: \"Click to edit\",\n intlCancelEditing: \"Cancel\",\n intlConfirmChanges: \"Save\"\n};\n","/* mixins & extensions */\n@keyframes in {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes in-down {\n 0% {\n opacity: 0;\n transform: translate3D(0, -5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-up {\n 0% {\n opacity: 0;\n transform: translate3D(0, 5px, 0);\n }\n 100% {\n opacity: 1;\n transform: translate3D(0, 0, 0);\n }\n}\n@keyframes in-scale {\n 0% {\n opacity: 0;\n transform: scale3D(0.95, 0.95, 1);\n }\n 100% {\n opacity: 1;\n transform: scale3D(1, 1, 1);\n }\n}\n:root {\n --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n opacity: 0;\n animation-fill-mode: both;\n animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n animation-name: in;\n}\n\n.calcite-animate__in-down {\n animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n :root {\n --calcite-internal-duration-factor: 0.01;\n }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n display: none;\n}\n\n:host([disabled]) {\n pointer-events: none;\n cursor: default;\n -webkit-user-select: none;\n user-select: none;\n opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n display: block;\n}\n\n:host([scale=s]) .controls-wrapper {\n block-size: 1.5rem;\n}\n\n:host([scale=m]) .controls-wrapper {\n block-size: 2rem;\n}\n\n:host([scale=l]) .controls-wrapper {\n block-size: 2.75rem;\n}\n\n:host(:not([editing-enabled]):not([disabled])) .wrapper:hover {\n background-color: var(--calcite-ui-foreground-2);\n}\n\n.wrapper {\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n background-color: var(--calcite-ui-foreground-1);\n transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n}\n.wrapper .input-wrapper {\n flex: 1 1 0%;\n}\n\n.controls-wrapper {\n display: flex;\n}\n\n:host([disabled]) .cancel-editing-button-wrapper {\n border-color: var(--calcite-ui-border-2);\n}\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n /* prevent opacity stacking */\n opacity: 1;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { getElementProp, getSlotted } from \"../../utils/dom\";\nimport { TEXT, CSS } from \"./resources\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/**\n * @slot - A slot for adding a `calcite-input`.\n */\nexport class InlineEditable {\n constructor() {\n //--------------------------------------------------------------------------\n //\n // Props\n //\n //--------------------------------------------------------------------------\n /** specify whether editing can be enabled */\n this.disabled = false;\n /** specify whether the wrapped input element is editable, defaults to false */\n this.editingEnabled = false;\n /** specify whether the confirm button should display a loading state, defaults to false */\n this.loading = false;\n /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */\n this.controls = false;\n /**\n * specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`\n *\n * @default \"Click to edit\"\n */\n this.intlEnableEditing = TEXT.intlEnablingEditing;\n /**\n * specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`\n *\n * @default \"Cancel\"\n */\n this.intlCancelEditing = TEXT.intlCancelEditing;\n /**\n * specify text to be user for the confirm changes button's aria-label, defaults to `Save`\n *\n * @default \"Save\"\n */\n this.intlConfirmChanges = TEXT.intlConfirmChanges;\n this.mutationObserver = createObserver(\"mutation\", () => this.mutationObserverCallback());\n this.enableEditing = () => {\n var _a, _b;\n this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;\n this.editingEnabled = true;\n (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();\n this.calciteInternalInlineEditableEnableEditingChange.emit();\n };\n this.disableEditing = () => {\n this.editingEnabled = false;\n };\n this.cancelEditing = () => {\n if (this.inputElement) {\n this.inputElement.value = this.valuePriorToEditing;\n }\n this.disableEditing();\n this.enableEditingButton.setFocus();\n if (!this.editingEnabled && !!this.shouldEmitCancel) {\n this.calciteInlineEditableEditCancel.emit();\n }\n };\n this.escapeKeyHandler = async (event) => {\n var _a;\n if (event.defaultPrevented) {\n return;\n }\n if (event.key === \"Escape\") {\n event.preventDefault();\n this.cancelEditing();\n }\n if (event.key === \"Tab\" && this.shouldShowControls) {\n if (!event.shiftKey && event.target === this.inputElement) {\n event.preventDefault();\n this.cancelEditingButton.setFocus();\n }\n if (!!event.shiftKey && event.target === this.cancelEditingButton) {\n event.preventDefault();\n (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();\n }\n }\n };\n this.cancelEditingHandler = async (event) => {\n event.preventDefault();\n this.cancelEditing();\n };\n this.enableEditingHandler = async (event) => {\n if (this.disabled ||\n event.target === this.cancelEditingButton ||\n event.target === this.confirmEditingButton) {\n return;\n }\n event.preventDefault();\n if (!this.editingEnabled) {\n this.enableEditing();\n }\n };\n this.confirmChangesHandler = async (event) => {\n event.preventDefault();\n this.calciteInlineEditableEditConfirm.emit();\n try {\n if (this.afterConfirm) {\n this.loading = true;\n await this.afterConfirm();\n this.disableEditing();\n this.enableEditingButton.setFocus();\n }\n }\n catch (error) {\n }\n finally {\n this.loading = false;\n }\n };\n }\n disabledWatcher(disabled) {\n if (this.inputElement) {\n this.inputElement.disabled = disabled;\n }\n }\n editingEnabledWatcher(newValue, oldValue) {\n if (this.inputElement) {\n this.inputElement.editingEnabled = newValue;\n }\n if (!newValue && !!oldValue) {\n this.shouldEmitCancel = true;\n }\n }\n //--------------------------------------------------------------------------\n //\n // Lifecycle\n //\n //--------------------------------------------------------------------------\n connectedCallback() {\n var _a;\n connectLabel(this);\n (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });\n this.mutationObserverCallback();\n }\n disconnectedCallback() {\n var _a;\n disconnectLabel(this);\n (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n componentDidRender() {\n updateHostInteraction(this);\n }\n render() {\n return (h(\"div\", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, h(\"div\", { class: CSS.inputWrapper }, h(\"slot\", null)), h(\"div\", { class: CSS.controlsWrapper }, h(\"calcite-button\", { appearance: \"transparent\", class: CSS.enableEditingButton, color: \"neutral\", disabled: this.disabled, iconStart: \"pencil\", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {\n opacity: this.editingEnabled ? \"0\" : \"1\",\n width: this.editingEnabled ? \"0\" : \"inherit\"\n }, type: \"button\" }), this.shouldShowControls && [\n h(\"div\", { class: CSS.cancelEditingButtonWrapper }, h(\"calcite-button\", { appearance: \"transparent\", class: CSS.cancelEditingButton, color: \"neutral\", disabled: this.disabled, iconStart: \"x\", label: this.intlCancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale, type: \"button\" })),\n h(\"calcite-button\", { appearance: \"solid\", class: CSS.confirmChangesButton, color: \"blue\", disabled: this.disabled, iconStart: \"check\", label: this.intlConfirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, ref: (el) => (this.confirmEditingButton = el), scale: this.scale, type: \"button\" })\n ])));\n }\n //--------------------------------------------------------------------------\n //\n // Event Listeners\n //\n //--------------------------------------------------------------------------\n blurHandler() {\n if (!this.controls) {\n this.disableEditing();\n }\n }\n //--------------------------------------------------------------------------\n //\n // Public Methods\n //\n //--------------------------------------------------------------------------\n async setFocus() {\n var _a, _b;\n if (this.editingEnabled) {\n (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();\n }\n else {\n (_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();\n }\n }\n //--------------------------------------------------------------------------\n //\n // Private Methods\n //\n //--------------------------------------------------------------------------\n mutationObserverCallback() {\n var _a;\n this.updateSlottedInput();\n this.scale =\n this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || getElementProp(this.el, \"scale\", undefined);\n }\n onLabelClick() {\n this.setFocus();\n }\n updateSlottedInput() {\n const inputElement = getSlotted(this.el, {\n matches: \"calcite-input\"\n });\n this.inputElement = inputElement;\n if (!inputElement) {\n return;\n }\n this.inputElement.disabled = this.disabled;\n this.inputElement.label = this.inputElement.label || getLabelText(this);\n }\n get shouldShowControls() {\n return this.editingEnabled && this.controls;\n }\n static get is() { return \"calcite-inline-editable\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"inline-editable.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"inline-editable.css\"]\n };\n }\n static get properties() {\n return {\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"specify whether editing can be enabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"editingEnabled\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"specify whether the wrapped input element is editable, defaults to false\"\n },\n \"attribute\": \"editing-enabled\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"specify whether the confirm button should display a loading state, defaults to false\"\n },\n \"attribute\": \"loading\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"controls\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false\"\n },\n \"attribute\": \"controls\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"intlEnableEditing\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Click to edit\\\"\"\n }],\n \"text\": \"specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`\"\n },\n \"attribute\": \"intl-enable-editing\",\n \"reflect\": true,\n \"defaultValue\": \"TEXT.intlEnablingEditing\"\n },\n \"intlCancelEditing\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Cancel\\\"\"\n }],\n \"text\": \"specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`\"\n },\n \"attribute\": \"intl-cancel-editing\",\n \"reflect\": true,\n \"defaultValue\": \"TEXT.intlCancelEditing\"\n },\n \"intlConfirmChanges\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"default\",\n \"text\": \"\\\"Save\\\"\"\n }],\n \"text\": \"specify text to be user for the confirm changes button's aria-label, defaults to `Save`\"\n },\n \"attribute\": \"intl-confirm-changes\",\n \"reflect\": true,\n \"defaultValue\": \"TEXT.intlConfirmChanges\"\n },\n \"scale\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"Scale\",\n \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n \"references\": {\n \"Scale\": {\n \"location\": \"import\",\n \"path\": \"../interfaces\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"specify the scale of the inline-editable component, defaults to the scale of the wrapped calcite-input or the scale of the closest wrapping component with a set scale\"\n },\n \"attribute\": \"scale\",\n \"reflect\": true\n },\n \"afterConfirm\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"() => Promise<void>\",\n \"resolved\": \"() => Promise<void>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"when controls, specify a callback to be executed prior to disabling editing. when provided, loading state will be handled automatically.\"\n }\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"calciteInlineEditableEditCancel\",\n \"name\": \"calciteInlineEditableEditCancel\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the cancel button gets clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"calciteInlineEditableEditConfirm\",\n \"name\": \"calciteInlineEditableEditConfirm\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the check button gets clicked.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"calciteInternalInlineEditableEnableEditingChange\",\n \"name\": \"calciteInternalInlineEditableEnableEditingChange\",\n \"bubbles\": true,\n \"cancelable\": false,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"disabledWatcher\"\n }, {\n \"propName\": \"editingEnabled\",\n \"methodName\": \"editingEnabledWatcher\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"calciteInternalInputBlur\",\n \"method\": \"blurHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n"],"version":3}
|