@esri/solutions-components 0.10.39 → 0.10.41
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/basemap-gallery_7.cjs.entry.js +26 -6
- package/dist/cjs/buffer-tools_3.cjs.entry.js +23 -3
- package/dist/cjs/calcite-alert_5.cjs.entry.js +40 -5
- package/dist/cjs/calcite-block_5.cjs.entry.js +75 -65
- package/dist/cjs/calcite-combobox_3.cjs.entry.js +11 -1
- package/dist/cjs/calcite-flow_4.cjs.entry.js +33 -10
- package/dist/cjs/calcite-shell-panel_14.cjs.entry.js +119 -10
- package/dist/cjs/calcite-shell_3.cjs.entry.js +26 -4
- package/dist/cjs/card-manager_3.cjs.entry.js +41 -9
- package/dist/cjs/consent-manager.cjs.entry.js +12 -0
- package/dist/cjs/crowdsource-manager.cjs.entry.js +12 -13
- package/dist/cjs/crowdsource-reporter.cjs.entry.js +19 -9
- package/dist/cjs/deduct-calculator.cjs.entry.js +1 -1
- package/dist/cjs/feature-list.cjs.entry.js +13 -3
- package/dist/cjs/instant-apps-app-guide.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-export.cjs.entry.js +5 -1
- package/dist/cjs/instant-apps-landing-page.cjs.entry.js +1 -1
- package/dist/cjs/instant-apps-sign-in.cjs.entry.js +2 -2
- package/dist/cjs/instant-apps-time-filter.cjs.entry.js +6 -6
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-select-tools_3.cjs.entry.js +38 -6
- package/dist/cjs/pci-calculator.cjs.entry.js +1 -1
- package/dist/cjs/public-notification.cjs.entry.js +11 -2
- package/dist/cjs/share-item.cjs.entry.js +1 -1
- package/dist/cjs/solution-configuration.cjs.entry.js +20 -5
- package/dist/cjs/solution-contents_3.cjs.entry.js +37 -7
- package/dist/cjs/solution-item-accordion.cjs.entry.js +11 -1
- package/dist/cjs/solution-item-icon.cjs.entry.js +1 -1
- package/dist/cjs/solutions-components.cjs.js +1 -1
- package/dist/cjs/spatial-ref.cjs.entry.js +16 -1
- package/dist/collection/collection-manifest.json +0 -7
- package/dist/collection/components/buffer-tools/buffer-tools.js +30 -1
- package/dist/collection/components/card-manager/card-manager.js +34 -2
- package/dist/collection/components/consent-manager/consent-manager.js +32 -0
- package/dist/collection/components/create-feature/create-feature.js +31 -2
- package/dist/collection/components/create-related-feature/create-related-feature.js +30 -1
- package/dist/collection/components/crowdsource-manager/crowdsource-manager.js +20 -22
- package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js +38 -9
- package/dist/collection/components/deduct-calculator/deduct-calculator.js +1 -1
- package/dist/collection/components/delete-button/delete-button.js +31 -2
- package/dist/collection/components/delete-dialog/delete-dialog.js +33 -1
- package/dist/collection/components/edit-card/edit-card.js +30 -1
- package/dist/collection/components/feature-details/feature-details.js +24 -6
- package/dist/collection/components/feature-list/feature-list.js +32 -3
- package/dist/collection/components/floor-filter/floor-filter.js +1 -1
- package/dist/collection/components/info-card/info-card.js +36 -2
- package/dist/collection/components/json-editor/json-editor.js +38 -1
- package/dist/collection/components/layer-list/layer-list.js +35 -3
- package/dist/collection/components/layer-table/layer-table.js +34 -5
- package/dist/collection/components/map-card/map-card.js +31 -2
- package/dist/collection/components/map-draw-tools/map-draw-tools.js +30 -1
- package/dist/collection/components/map-fullscreen/map-fullscreen.js +1 -1
- package/dist/collection/components/map-layer-picker/map-layer-picker.js +30 -1
- package/dist/collection/components/map-legend/map-legend.js +1 -1
- package/dist/collection/components/map-picker/map-picker.js +30 -1
- package/dist/collection/components/map-search/map-search.js +1 -1
- package/dist/collection/components/map-select-tools/map-select-tools.js +15 -4
- package/dist/collection/components/map-tools/map-tools.js +30 -1
- package/dist/collection/components/pci-calculator/pci-calculator.js +1 -1
- package/dist/collection/components/pdf-download/pdf-download.js +33 -1
- package/dist/collection/components/public-notification/public-notification.js +13 -2
- package/dist/collection/components/refine-selection/refine-selection.js +15 -1
- package/dist/collection/components/share-item/share-item.js +1 -1
- package/dist/collection/components/solution-configuration/solution-configuration.js +38 -4
- package/dist/collection/components/solution-contents/solution-contents.js +1 -1
- package/dist/collection/components/solution-item/solution-item.js +37 -3
- package/dist/collection/components/solution-item-accordion/solution-item-accordion.js +30 -1
- package/dist/collection/components/solution-item-details/solution-item-details.js +38 -1
- package/dist/collection/components/solution-item-icon/solution-item-icon.js +1 -1
- package/dist/collection/components/solution-item-sharing/solution-item-sharing.js +35 -1
- package/dist/collection/components/solution-organization-variables/solution-organization-variables.js +35 -1
- package/dist/collection/components/solution-resource-item/solution-resource-item.js +35 -1
- package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js +35 -1
- package/dist/collection/components/solution-template-data/solution-template-data.js +35 -1
- package/dist/collection/components/solution-variables/solution-variables.js +35 -1
- package/dist/collection/components/spatial-ref/spatial-ref.js +35 -1
- package/dist/collection/demos/crowdsource-manager.html +0 -1
- package/dist/collection/demos/crowdsource-reporter.html +2 -2
- package/dist/components/buffer-tools2.js +15 -3
- package/dist/components/card-manager2.js +18 -3
- package/dist/components/consent-manager.js +15 -0
- package/dist/components/create-feature2.js +14 -2
- package/dist/components/create-related-feature2.js +13 -1
- package/dist/components/crowdsource-manager.js +14 -15
- package/dist/components/crowdsource-reporter.js +21 -9
- package/dist/components/deduct-calculator2.js +1 -1
- package/dist/components/delete-button2.js +16 -4
- package/dist/components/delete-dialog2.js +16 -1
- package/dist/components/edit-card2.js +13 -1
- package/dist/components/feature-details2.js +8 -6
- package/dist/components/feature-list2.js +15 -3
- package/dist/components/floor-filter2.js +1 -1
- package/dist/components/info-card2.js +19 -2
- package/dist/components/instant-apps-app-guide.js +1 -1
- package/dist/components/instant-apps-export.js +5 -1
- package/dist/components/instant-apps-filter-list2.js +75 -66
- package/dist/components/instant-apps-landing-page.js +1 -1
- package/dist/components/instant-apps-sign-in2.js +2 -2
- package/dist/components/instant-apps-time-filter.js +6 -6
- package/dist/components/json-editor2.js +21 -1
- package/dist/components/layer-list2.js +18 -3
- package/dist/components/layer-table2.js +17 -5
- package/dist/components/map-card2.js +14 -2
- package/dist/components/map-draw-tools2.js +13 -1
- package/dist/components/map-fullscreen2.js +1 -1
- package/dist/components/map-layer-picker2.js +13 -1
- package/dist/components/map-legend2.js +1 -1
- package/dist/components/map-picker2.js +13 -1
- package/dist/components/map-search2.js +1 -1
- package/dist/components/map-select-tools2.js +14 -4
- package/dist/components/map-tools2.js +13 -1
- package/dist/components/pci-calculator.js +1 -1
- package/dist/components/pdf-download2.js +16 -1
- package/dist/components/public-notification.js +12 -2
- package/dist/components/refine-selection2.js +14 -1
- package/dist/components/share-item.js +1 -1
- package/dist/components/solution-configuration.js +23 -6
- package/dist/components/solution-contents2.js +1 -1
- package/dist/components/solution-item-accordion.js +13 -1
- package/dist/components/solution-item-details2.js +22 -2
- package/dist/components/solution-item-icon2.js +1 -1
- package/dist/components/solution-item-sharing2.js +20 -3
- package/dist/components/solution-item2.js +22 -5
- package/dist/components/solution-organization-variables2.js +18 -1
- package/dist/components/solution-resource-item2.js +20 -3
- package/dist/components/solution-spatial-ref2.js +20 -3
- package/dist/components/solution-template-data2.js +20 -3
- package/dist/components/solution-variables2.js +18 -1
- package/dist/components/spatial-ref.js +18 -1
- package/dist/esm/basemap-gallery_7.entry.js +26 -6
- package/dist/esm/buffer-tools_3.entry.js +23 -3
- package/dist/esm/calcite-alert_5.entry.js +40 -5
- package/dist/esm/calcite-block_5.entry.js +75 -65
- package/dist/esm/calcite-combobox_3.entry.js +11 -1
- package/dist/esm/calcite-flow_4.entry.js +33 -10
- package/dist/esm/calcite-shell-panel_14.entry.js +119 -10
- package/dist/esm/calcite-shell_3.entry.js +26 -4
- package/dist/esm/card-manager_3.entry.js +41 -9
- package/dist/esm/consent-manager.entry.js +12 -0
- package/dist/esm/crowdsource-manager.entry.js +12 -13
- package/dist/esm/crowdsource-reporter.entry.js +19 -9
- package/dist/esm/deduct-calculator.entry.js +1 -1
- package/dist/esm/feature-list.entry.js +13 -3
- package/dist/esm/instant-apps-app-guide.entry.js +1 -1
- package/dist/esm/instant-apps-export.entry.js +5 -1
- package/dist/esm/instant-apps-landing-page.entry.js +1 -1
- package/dist/esm/instant-apps-sign-in.entry.js +2 -2
- package/dist/esm/instant-apps-time-filter.entry.js +6 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-select-tools_3.entry.js +38 -6
- package/dist/esm/pci-calculator.entry.js +1 -1
- package/dist/esm/public-notification.entry.js +11 -2
- package/dist/esm/share-item.entry.js +1 -1
- package/dist/esm/solution-configuration.entry.js +20 -5
- package/dist/esm/solution-contents_3.entry.js +37 -7
- package/dist/esm/solution-item-accordion.entry.js +11 -1
- package/dist/esm/solution-item-icon.entry.js +1 -1
- package/dist/esm/solutions-components.js +1 -1
- package/dist/esm/spatial-ref.entry.js +16 -1
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-app-guide/instant-apps-app-guide.css +1 -1
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css +43 -26
- package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-sign-in/instant-apps-sign-in.css +6 -0
- package/dist/solutions-components/demos/crowdsource-manager.html +0 -1
- package/dist/solutions-components/demos/crowdsource-reporter.html +2 -2
- package/dist/solutions-components/p-0a2e5861.entry.js +6 -0
- package/dist/solutions-components/{p-739ce6f3.entry.js → p-2f784608.entry.js} +1 -1
- package/dist/solutions-components/{p-1c2d0e90.entry.js → p-3e44cfab.entry.js} +1 -1
- package/dist/solutions-components/{p-841816a1.entry.js → p-41314f33.entry.js} +7 -7
- package/dist/solutions-components/{p-18089a0b.entry.js → p-471d5c7f.entry.js} +2 -2
- package/dist/solutions-components/p-5001cc41.entry.js +6 -0
- package/dist/solutions-components/p-523dcf4b.entry.js +6 -0
- package/dist/solutions-components/p-561c0e02.entry.js +6 -0
- package/dist/solutions-components/p-56beff4c.entry.js +6 -0
- package/dist/solutions-components/p-592f2000.entry.js +6 -0
- package/dist/solutions-components/p-5cbf3eed.entry.js +6 -0
- package/dist/solutions-components/p-62d8796c.entry.js +17 -0
- package/dist/solutions-components/p-6d1922cc.entry.js +6 -0
- package/dist/solutions-components/p-80e81af7.entry.js +6 -0
- package/dist/solutions-components/{p-82ddf716.entry.js → p-8e2f4995.entry.js} +1 -1
- package/dist/solutions-components/p-8f8c7045.entry.js +6 -0
- package/dist/solutions-components/p-953afbb3.entry.js +29 -0
- package/dist/solutions-components/{p-bb8b1ee2.entry.js → p-a2cf9fdc.entry.js} +1 -1
- package/dist/solutions-components/p-a7f56b28.entry.js +6 -0
- package/dist/solutions-components/{p-6502d0f8.entry.js → p-b7fbaeb7.entry.js} +1 -1
- package/dist/solutions-components/p-cced387c.entry.js +6 -0
- package/dist/solutions-components/{p-a5d79c86.entry.js → p-ce53e33d.entry.js} +2 -2
- package/dist/solutions-components/{p-59ccd27c.entry.js → p-d51c07d2.entry.js} +1 -1
- package/dist/solutions-components/p-d75cf651.entry.js +11 -0
- package/dist/solutions-components/p-d7afbe8d.entry.js +11 -0
- package/dist/solutions-components/p-e1e21798.entry.js +12 -0
- package/dist/solutions-components/p-e4107150.entry.js +6 -0
- package/dist/solutions-components/p-e9026f9a.entry.js +6 -0
- package/dist/solutions-components/solutions-components.esm.js +1 -1
- package/dist/types/components/buffer-tools/buffer-tools.d.ts +8 -0
- package/dist/types/components/card-manager/card-manager.d.ts +8 -0
- package/dist/types/components/consent-manager/consent-manager.d.ts +8 -0
- package/dist/types/components/create-feature/create-feature.d.ts +8 -0
- package/dist/types/components/create-related-feature/create-related-feature.d.ts +8 -0
- package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts +4 -4
- package/dist/types/components/crowdsource-reporter/crowdsource-reporter.d.ts +8 -0
- package/dist/types/components/deduct-calculator/deduct-calculator.d.ts +1 -1
- package/dist/types/components/delete-button/delete-button.d.ts +9 -1
- package/dist/types/components/delete-dialog/delete-dialog.d.ts +8 -0
- package/dist/types/components/edit-card/edit-card.d.ts +8 -0
- package/dist/types/components/feature-details/feature-details.d.ts +4 -0
- package/dist/types/components/feature-list/feature-list.d.ts +8 -0
- package/dist/types/components/info-card/info-card.d.ts +8 -0
- package/dist/types/components/json-editor/json-editor.d.ts +8 -0
- package/dist/types/components/layer-list/layer-list.d.ts +8 -0
- package/dist/types/components/layer-table/layer-table.d.ts +9 -1
- package/dist/types/components/map-card/map-card.d.ts +8 -0
- package/dist/types/components/map-draw-tools/map-draw-tools.d.ts +8 -0
- package/dist/types/components/map-layer-picker/map-layer-picker.d.ts +8 -0
- package/dist/types/components/map-picker/map-picker.d.ts +8 -0
- package/dist/types/components/map-select-tools/map-select-tools.d.ts +4 -0
- package/dist/types/components/map-tools/map-tools.d.ts +8 -0
- package/dist/types/components/pdf-download/pdf-download.d.ts +8 -0
- package/dist/types/components/public-notification/public-notification.d.ts +4 -0
- package/dist/types/components/refine-selection/refine-selection.d.ts +4 -0
- package/dist/types/components/solution-configuration/solution-configuration.d.ts +8 -0
- package/dist/types/components/solution-item/solution-item.d.ts +8 -0
- package/dist/types/components/solution-item-accordion/solution-item-accordion.d.ts +8 -0
- package/dist/types/components/solution-item-details/solution-item-details.d.ts +8 -0
- package/dist/types/components/solution-item-sharing/solution-item-sharing.d.ts +8 -0
- package/dist/types/components/solution-organization-variables/solution-organization-variables.d.ts +8 -0
- package/dist/types/components/solution-resource-item/solution-resource-item.d.ts +8 -0
- package/dist/types/components/solution-spatial-ref/solution-spatial-ref.d.ts +8 -0
- package/dist/types/components/solution-template-data/solution-template-data.d.ts +8 -0
- package/dist/types/components/solution-variables/solution-variables.d.ts +8 -0
- package/dist/types/components/spatial-ref/spatial-ref.d.ts +8 -0
- package/dist/types/components.d.ts +266 -120
- package/dist/types/preact.d.ts +0 -16
- package/package.json +8 -8
- package/dist/cjs/feature-comments.cjs.entry.js +0 -61
- package/dist/cjs/feature-form-flow-item.cjs.entry.js +0 -61
- package/dist/cjs/features-flow-item.cjs.entry.js +0 -61
- package/dist/cjs/layout-manager.cjs.entry.js +0 -114
- package/dist/cjs/list-flow-item.cjs.entry.js +0 -61
- package/dist/cjs/location-flow-item.cjs.entry.js +0 -61
- package/dist/cjs/refine-results-flow-item.cjs.entry.js +0 -61
- package/dist/collection/assets/t9n/feature-comments/resources.json +0 -3
- package/dist/collection/assets/t9n/feature-comments/resources_en.json +0 -3
- package/dist/collection/assets/t9n/feature-form-flow-item/resources.json +0 -3
- package/dist/collection/assets/t9n/feature-form-flow-item/resources_en.json +0 -3
- package/dist/collection/assets/t9n/layout-manager/resources.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ar.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_bg.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_bs.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ca.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_cs.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_da.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_de.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_el.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_en.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_es.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_et.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_fi.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_fr.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_he.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_hr.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_hu.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_id.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_it.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ja.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ko.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_lt.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_lv.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_nb.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_nl.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_pl.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_pt-BR.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_pt-PT.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ro.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_ru.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_sk.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_sl.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_sr.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_sv.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_th.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_tr.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_uk.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_vi.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_zh-CN.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_zh-HK.json +0 -7
- package/dist/collection/assets/t9n/layout-manager/resources_zh-TW.json +0 -7
- package/dist/collection/assets/t9n/list-flow-item/resources.json +0 -3
- package/dist/collection/assets/t9n/list-flow-item/resources_en.json +0 -3
- package/dist/collection/assets/t9n/location-flow-item/resources.json +0 -3
- package/dist/collection/assets/t9n/location-flow-item/resources_en.json +0 -3
- package/dist/collection/components/feature-comments/feature-comments.css +0 -19
- package/dist/collection/components/feature-comments/feature-comments.js +0 -80
- package/dist/collection/components/feature-form-flow-item/feature-form-flow-item.css +0 -19
- package/dist/collection/components/feature-form-flow-item/feature-form-flow-item.js +0 -80
- package/dist/collection/components/features-flow-item/features-flow-item.css +0 -19
- package/dist/collection/components/features-flow-item/features-flow-item.js +0 -80
- package/dist/collection/components/layout-manager/layout-manager.css +0 -73
- package/dist/collection/components/layout-manager/layout-manager.js +0 -161
- package/dist/collection/components/list-flow-item/list-flow-item.css +0 -19
- package/dist/collection/components/list-flow-item/list-flow-item.js +0 -80
- package/dist/collection/components/location-flow-item/location-flow-item.css +0 -19
- package/dist/collection/components/location-flow-item/location-flow-item.js +0 -80
- package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.css +0 -19
- package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js +0 -80
- package/dist/components/feature-comments.d.ts +0 -11
- package/dist/components/feature-comments.js +0 -76
- package/dist/components/feature-form-flow-item.d.ts +0 -11
- package/dist/components/feature-form-flow-item.js +0 -76
- package/dist/components/features-flow-item.d.ts +0 -11
- package/dist/components/features-flow-item.js +0 -76
- package/dist/components/layout-manager.d.ts +0 -11
- package/dist/components/layout-manager.js +0 -159
- package/dist/components/list-flow-item.d.ts +0 -11
- package/dist/components/list-flow-item.js +0 -76
- package/dist/components/location-flow-item.d.ts +0 -11
- package/dist/components/location-flow-item.js +0 -76
- package/dist/components/refine-results-flow-item.d.ts +0 -11
- package/dist/components/refine-results-flow-item.js +0 -76
- package/dist/esm/feature-comments.entry.js +0 -57
- package/dist/esm/feature-form-flow-item.entry.js +0 -57
- package/dist/esm/features-flow-item.entry.js +0 -57
- package/dist/esm/layout-manager.entry.js +0 -110
- package/dist/esm/list-flow-item.entry.js +0 -57
- package/dist/esm/location-flow-item.entry.js +0 -57
- package/dist/esm/refine-results-flow-item.entry.js +0 -57
- package/dist/solutions-components/assets/t9n/feature-comments/resources.json +0 -3
- package/dist/solutions-components/assets/t9n/feature-comments/resources_en.json +0 -3
- package/dist/solutions-components/assets/t9n/feature-form-flow-item/resources.json +0 -3
- package/dist/solutions-components/assets/t9n/feature-form-flow-item/resources_en.json +0 -3
- package/dist/solutions-components/assets/t9n/layout-manager/resources.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ar.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_bg.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_bs.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ca.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_cs.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_da.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_de.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_el.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_en.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_es.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_et.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_fi.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_fr.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_he.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_hr.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_hu.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_id.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_it.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ja.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ko.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_lt.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_lv.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_nb.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_nl.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_pl.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_pt-BR.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_pt-PT.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ro.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_ru.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_sk.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_sl.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_sr.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_sv.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_th.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_tr.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_uk.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_vi.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_zh-CN.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_zh-HK.json +0 -7
- package/dist/solutions-components/assets/t9n/layout-manager/resources_zh-TW.json +0 -7
- package/dist/solutions-components/assets/t9n/list-flow-item/resources.json +0 -3
- package/dist/solutions-components/assets/t9n/list-flow-item/resources_en.json +0 -3
- package/dist/solutions-components/assets/t9n/location-flow-item/resources.json +0 -3
- package/dist/solutions-components/assets/t9n/location-flow-item/resources_en.json +0 -3
- package/dist/solutions-components/p-04ab956c.entry.js +0 -6
- package/dist/solutions-components/p-06364211.entry.js +0 -6
- package/dist/solutions-components/p-1700f63a.entry.js +0 -6
- package/dist/solutions-components/p-1f07e21a.entry.js +0 -6
- package/dist/solutions-components/p-46416e11.entry.js +0 -6
- package/dist/solutions-components/p-5b3c0418.entry.js +0 -6
- package/dist/solutions-components/p-70c0050c.entry.js +0 -6
- package/dist/solutions-components/p-720de4db.entry.js +0 -6
- package/dist/solutions-components/p-74bcef23.entry.js +0 -11
- package/dist/solutions-components/p-750b3277.entry.js +0 -6
- package/dist/solutions-components/p-76154700.entry.js +0 -6
- package/dist/solutions-components/p-8779ee41.entry.js +0 -6
- package/dist/solutions-components/p-938bc915.entry.js +0 -6
- package/dist/solutions-components/p-9c4fef09.entry.js +0 -17
- package/dist/solutions-components/p-9d56f4b5.entry.js +0 -6
- package/dist/solutions-components/p-9da8a590.entry.js +0 -6
- package/dist/solutions-components/p-aac0c89c.entry.js +0 -6
- package/dist/solutions-components/p-be4c7ffd.entry.js +0 -6
- package/dist/solutions-components/p-ca3cbd29.entry.js +0 -6
- package/dist/solutions-components/p-d2612c30.entry.js +0 -6
- package/dist/solutions-components/p-df7de4b7.entry.js +0 -12
- package/dist/solutions-components/p-e1391389.entry.js +0 -29
- package/dist/solutions-components/p-e345f9c4.entry.js +0 -6
- package/dist/solutions-components/p-eadff42b.entry.js +0 -11
- package/dist/solutions-components/p-fa1c368c.entry.js +0 -6
- package/dist/solutions-components/p-ff3858c6.entry.js +0 -6
- package/dist/types/components/feature-comments/feature-comments.d.ts +0 -19
- package/dist/types/components/feature-form-flow-item/feature-form-flow-item.d.ts +0 -19
- package/dist/types/components/features-flow-item/features-flow-item.d.ts +0 -19
- package/dist/types/components/layout-manager/layout-manager.d.ts +0 -69
- package/dist/types/components/list-flow-item/list-flow-item.d.ts +0 -19
- package/dist/types/components/location-flow-item/location-flow-item.d.ts +0 -19
- package/dist/types/components/refine-results-flow-item/refine-results-flow-item.d.ts +0 -19
@@ -3,30 +3,30 @@
|
|
3
3
|
* Licensed under the Apache License, Version 2.0
|
4
4
|
* http://www.apache.org/licenses/LICENSE-2.0
|
5
5
|
*/
|
6
|
-
import{r as t,c as e,h as i,f as a,g as o,H as s,d as n,F as l}from"./p-4e6eb06e.js";import{c,d as r}from"./p-5e25a0b8.js";import{g as d,i as h,e as b,s as p,y as u,b as f,B as m,t as v,C as g,d as w,o as y}from"./p-621ad249.js";import{c as x,d as k}from"./p-895e7b9c.js";import{c as z}from"./p-61aebbb5.js";import{c as C,s as _,d as
|
6
|
+
import{r as t,c as e,h as i,f as a,g as o,H as s,d as n,F as l}from"./p-4e6eb06e.js";import{c,d as r}from"./p-5e25a0b8.js";import{g as d,i as h,e as b,s as p,y as u,b as f,B as m,t as v,C as g,d as w,o as y}from"./p-621ad249.js";import{c as x,d as k}from"./p-895e7b9c.js";import{c as z}from"./p-61aebbb5.js";import{c as C,s as _,d as H,u as I}from"./p-efaa77a0.js";import{C as T}from"./p-91371f97.js";import{g as L}from"./p-7d542581.js";import{c as S,a as W,b as j}from"./p-e3196917.js";import{c as D}from"./p-ff336351.js";import{I as A,u as E}from"./p-d6902512.js";import{g as F}from"./p-4a291f79.js";import{i as M}from"./p-4f82eb55.js";import{s as R,a as $,c as N}from"./p-ad9d1221.js";import{q as B,m as O,d as P,a as V,s as U,h as J,b as q,g as G,k as K,t as X,i as Y,c as Q,f as Z,e as tt,n as et,r as it,j as at,l as ot,o as st,p as nt,L as lt}from"./p-c6dac8d2.js";import{d as ct,c as rt}from"./p-89f86585.js";import{l as dt}from"./p-fa80bc7e.js";import{C as ht,S as bt}from"./p-fae4708b.js";import{I as pt}from"./p-15410144.js";import{g as ut}from"./p-f4aadb3b.js";import{s as ft}from"./p-c350eacb.js";import{d as mt}from"./p-80cb7c73.js";import{E as vt}from"./p-d0d020a5.js";import"./p-7530a02f.js";import"./p-233f219c.js";import"./p-7d974838.js";import"./p-af0e57e2.js";import"./p-c8d3207e.js";import"./p-a02e2069.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-dc9d4be3.js";import"./p-9bb44f57.js";
|
7
7
|
/*!
|
8
8
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
9
9
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
10
10
|
* v2.13.0
|
11
|
-
*/const gt="container",wt="content",yt="float--content",xt="content--overlay",kt="float-all",zt=class{constructor(i){t(this,i),this.calciteInternalShellPanelResizeStart=e(this,"calciteInternalShellPanelResizeStart",6),this.calciteInternalShellPanelResizeEnd=e(this,"calciteInternalShellPanelResizeEnd",6),this.initialContentWidth=null,this.initialContentHeight=null,this.initialClientX=null,this.initialClientY=null,this.contentWidthMax=null,this.contentWidthMin=null,this.contentHeightMax=null,this.contentHeightMin=null,this.step=1,this.stepMultiplier=10,this.actionBars=[],this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedSize=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:o,layout:s,contentWidthMin:n,contentWidthMax:l,initialContentWidth:c,initialContentHeight:r,contentHeightMin:h,contentHeightMax:b,position:p}=this,u=a*o;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const f=["ArrowLeft","ArrowRight"],m=["ArrowDown","ArrowUp"],v="rtl"===d(i)&&f.includes(e)?-1:1;if("horizontal"===s?"end"===p?e===m[1]||e===f[0]:e===m[0]||e===f[1]:e===m[1]||("end"===p?e===f[0]:e===f[1])){const e=t.shiftKey?u:a;return"horizontal"===s?r+v*e:c+v*e}if("horizontal"===s?"end"===p?e===m[0]||e===f[0]:e===m[1]||e===f[1]:e===m[0]||("end"===p?e===f[1]:e===f[0])){const e=t.shiftKey?u:a;return"horizontal"===s?r-v*e:c-v*e}return"Home"===e&&"horizontal"===s&&"number"==typeof h?h:"Home"===e&&"vertical"===s&&"number"==typeof n?n:"End"===e&&"horizontal"===s&&"number"==typeof b?b:"End"===e&&"vertical"===s&&"number"==typeof l?l:"PageDown"===e?"horizontal"===s?r-u:c-u:"PageUp"===e?"horizontal"===s?r+u:c+u:null},this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);"number"==typeof e&&this.setContentWidth(e)},this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);"number"==typeof e&&this.setContentHeight(e)},this.separatorKeyDown=t=>{"horizontal"===this.layout?this.initialKeydownHeight(t):this.initialKeydownWidth(t)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:i,initialContentWidth:a,initialContentHeight:o,position:s,initialClientX:n,initialClientY:l}=this,c="horizontal"===i?t.clientY-l:t.clientX-n,r="vertical"===i&&"rtl"===d(e)?-1:1,h="end"===s?-r*c:r*c;"horizontal"===i?this.setContentHeight(o+h):this.setContentWidth(a+h)},this.separatorPointerUp=t=>{h(t)&&(this.calciteInternalShellPanelResizeEnd.emit(),t.preventDefault(),window.removeEventListener("pointerup",this.separatorPointerUp),window.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!h(t))return;this.calciteInternalShellPanelResizeStart.emit(),t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),"horizontal"===this.layout?(this.setInitialContentHeight(),this.initialClientY=t.clientY):(this.setInitialContentWidth(),this.initialClientX=t.clientX),window.addEventListener("pointerup",this.separatorPointerUp),window.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t?.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))},this.handleActionBarSlotChange=t=>{const e=b(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e,this.setActionBarsLayout(e)},this.handleHeaderSlotChange=t=>{this.hasHeader=p(t)},this.collapsed=!1,this.detached=!1,this.displayMode="dock",this.detachedHeightScale=void 0,this.heightScale=void 0,this.widthScale="m",this.layout="vertical",this.position="start",this.resizable=!1,this.messages=void 0,this.messageOverrides=void 0,this.contentWidth=null,this.contentHeight=null,this.defaultMessages=void 0,this.effectiveLocale="",this.hasHeader=!1}handleDetached(t){t?this.displayMode="float-content":"float-content"!==this.displayMode&&"float"!==this.displayMode||(this.displayMode="dock")}handleDisplayMode(t){this.detached="float-content"===t||"float"===t}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){c(this),x(this),C(this)}async componentWillLoad(){await _(this)}disconnectedCallback(){r(this),this.disconnectSeparator(),k(this),I(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){T(this,this.effectiveLocale)}renderHeader(){return i("div",{class:"content__header",hidden:!this.hasHeader,key:"header"},i("slot",{name:"header",onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:e,initialContentWidth:a,initialContentHeight:o,contentWidth:s,contentWidthMax:n,contentWidthMin:l,contentHeight:c,contentHeightMax:r,contentHeightMin:h,resizable:b,layout:p,displayMode:u}=this,f=d(this.el),m="float-content"!==u&&"float"!==u&&b,v=m?"horizontal"===p?c?{height:`${c}px`}:null:s?{width:`${s}px`}:null:null,g=!t&&m?i("div",{"aria-label":this.messages.resize,"aria-orientation":"horizontal"===p?"vertical":"horizontal","aria-valuemax":"horizontal"==p?r:n,"aria-valuemin":"horizontal"==p?h:l,"aria-valuenow":"horizontal"==p?c??o:s??a,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,w=i("div",{class:{[L.rtl]:"rtl"===f,[wt]:!0,[xt]:"overlay"===u,[yt]:"float-content"===u||"float"===u,[L.calciteAnimate]:"overlay"===u,[(()=>"horizontal"===p?"start"===e?L.calciteAnimateInDown:L.calciteAnimateInUp:"ltr"===f&&"end"===e||"rtl"===f&&"start"===e?L.calciteAnimateInLeft:L.calciteAnimateInRight)()]:"overlay"===u},hidden:t,key:"content",ref:this.storeContentEl,style:v},this.renderHeader(),i("div",{class:"content__body"},i("slot",null)),g),y=[i("slot",{key:"action-bar",name:"action-bar",onSlotchange:this.handleActionBarSlotChange}),w];return"end"===e&&y.reverse(),i("div",{class:{[gt]:!0,[kt]:"float-all"===u}},y)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?z(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);e&&("horizontal"===this.layout?this.updateHeights(e):this.updateWidths(e),a(this))}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:i}=this,a=Math.round(t);this.contentHeight="number"==typeof e&&"number"==typeof i?z(a,i,e):a}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10),i=parseInt(t.getPropertyValue("min-width"),10),a=parseInt(t.getPropertyValue("width"),10);"number"!=typeof a||isNaN(a)||(this.initialContentWidth=a),"number"!=typeof e||isNaN(e)||(this.contentWidthMax=e),"number"!=typeof i||isNaN(i)||(this.contentWidthMin=i)}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10),i=parseInt(t.getPropertyValue("min-height"),10),a=parseInt(t.getPropertyValue("height"),10);"number"!=typeof a||isNaN(a)||(this.initialContentHeight=a),"number"!=typeof e||isNaN(e)||(this.contentHeightMax=e),"number"!=typeof i||isNaN(i)||(this.contentHeightMin=i)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};zt.style=":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n 2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical][width-scale=s]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=s][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=m][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][width-scale=l][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 20vh)\n )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 30vh)\n )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 40vh)\n )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem))}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:0.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";
|
11
|
+
*/const gt="container",wt="content",yt="float--content",xt="content--overlay",kt="float-all",zt=class{constructor(i){t(this,i),this.calciteInternalShellPanelResizeStart=e(this,"calciteInternalShellPanelResizeStart",6),this.calciteInternalShellPanelResizeEnd=e(this,"calciteInternalShellPanelResizeEnd",6),this.initialContentWidth=null,this.initialContentHeight=null,this.initialClientX=null,this.initialClientY=null,this.contentWidthMax=null,this.contentWidthMin=null,this.contentHeightMax=null,this.contentHeightMin=null,this.step=1,this.stepMultiplier=10,this.actionBars=[],this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedSize=t=>{const{key:e}=t,{el:i,step:a,stepMultiplier:o,layout:s,contentWidthMin:n,contentWidthMax:l,initialContentWidth:c,initialContentHeight:r,contentHeightMin:h,contentHeightMax:b,position:p}=this,u=a*o;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(e)>-1&&t.preventDefault();const f=["ArrowLeft","ArrowRight"],m=["ArrowDown","ArrowUp"],v="rtl"===d(i)&&f.includes(e)?-1:1;if("horizontal"===s?"end"===p?e===m[1]||e===f[0]:e===m[0]||e===f[1]:e===m[1]||("end"===p?e===f[0]:e===f[1])){const e=t.shiftKey?u:a;return"horizontal"===s?r+v*e:c+v*e}if("horizontal"===s?"end"===p?e===m[0]||e===f[0]:e===m[1]||e===f[1]:e===m[0]||("end"===p?e===f[1]:e===f[0])){const e=t.shiftKey?u:a;return"horizontal"===s?r-v*e:c-v*e}return"Home"===e&&"horizontal"===s&&"number"==typeof h?h:"Home"===e&&"vertical"===s&&"number"==typeof n?n:"End"===e&&"horizontal"===s&&"number"==typeof b?b:"End"===e&&"vertical"===s&&"number"==typeof l?l:"PageDown"===e?"horizontal"===s?r-u:c-u:"PageUp"===e?"horizontal"===s?r+u:c+u:null},this.initialKeydownWidth=t=>{this.setInitialContentWidth();const e=this.getKeyAdjustedSize(t);"number"==typeof e&&this.setContentWidth(e)},this.initialKeydownHeight=t=>{this.setInitialContentHeight();const e=this.getKeyAdjustedSize(t);"number"==typeof e&&this.setContentHeight(e)},this.separatorKeyDown=t=>{"horizontal"===this.layout?this.initialKeydownHeight(t):this.initialKeydownWidth(t)},this.separatorPointerMove=t=>{t.preventDefault();const{el:e,layout:i,initialContentWidth:a,initialContentHeight:o,position:s,initialClientX:n,initialClientY:l}=this,c="horizontal"===i?t.clientY-l:t.clientX-n,r="vertical"===i&&"rtl"===d(e)?-1:1,h="end"===s?-r*c:r*c;"horizontal"===i?this.setContentHeight(o+h):this.setContentWidth(a+h)},this.separatorPointerUp=t=>{h(t)&&(this.calciteInternalShellPanelResizeEnd.emit(),t.preventDefault(),window.removeEventListener("pointerup",this.separatorPointerUp),window.removeEventListener("pointermove",this.separatorPointerMove))},this.setInitialContentHeight=()=>{this.initialContentHeight=this.contentEl?.getBoundingClientRect().height},this.setInitialContentWidth=()=>{this.initialContentWidth=this.contentEl?.getBoundingClientRect().width},this.separatorPointerDown=t=>{if(!h(t))return;this.calciteInternalShellPanelResizeStart.emit(),t.preventDefault();const{separatorEl:e}=this;e&&document.activeElement!==e&&e.focus(),"horizontal"===this.layout?(this.setInitialContentHeight(),this.initialClientY=t.clientY):(this.setInitialContentWidth(),this.initialClientX=t.clientX),window.addEventListener("pointerup",this.separatorPointerUp),window.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t?.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{this.separatorEl?.removeEventListener("pointerdown",this.separatorPointerDown)},this.setActionBarsLayout=t=>{t.forEach((t=>t.layout=this.layout))},this.handleActionBarSlotChange=t=>{const e=b(t).filter((t=>t?.matches("calcite-action-bar")));this.actionBars=e,this.setActionBarsLayout(e)},this.handleHeaderSlotChange=t=>{this.hasHeader=p(t)},this.collapsed=!1,this.detached=!1,this.displayMode="dock",this.detachedHeightScale=void 0,this.heightScale=void 0,this.widthScale="m",this.layout="vertical",this.position="start",this.resizable=!1,this.messages=void 0,this.messageOverrides=void 0,this.contentWidth=null,this.contentHeight=null,this.defaultMessages=void 0,this.effectiveLocale="",this.hasHeader=!1}handleDetached(t){t?this.displayMode="float-content":"float-content"!==this.displayMode&&"float"!==this.displayMode||(this.displayMode="dock")}handleDisplayMode(t){this.detached="float-content"===t||"float"===t}handleDetachedHeightScale(t){this.heightScale=t}handleHeightScale(t){this.detachedHeightScale=t}layoutHandler(){this.setActionBarsLayout(this.actionBars)}onMessagesChange(){}connectedCallback(){c(this),x(this),C(this)}async componentWillLoad(){await _(this)}disconnectedCallback(){r(this),this.disconnectSeparator(),k(this),H(this)}componentDidLoad(){this.updateAriaValues()}effectiveLocaleChange(){I(this,this.effectiveLocale)}renderHeader(){return i("div",{class:"content__header",hidden:!this.hasHeader,key:"header"},i("slot",{name:"header",onSlotchange:this.handleHeaderSlotChange}))}render(){const{collapsed:t,position:e,initialContentWidth:a,initialContentHeight:o,contentWidth:s,contentWidthMax:n,contentWidthMin:l,contentHeight:c,contentHeightMax:r,contentHeightMin:h,resizable:b,layout:p,displayMode:u}=this,f=d(this.el),m="float-content"!==u&&"float"!==u&&b,v=m?"horizontal"===p?c?{height:`${c}px`}:null:s?{width:`${s}px`}:null:null,g=!t&&m?i("div",{"aria-label":this.messages.resize,"aria-orientation":"horizontal"===p?"vertical":"horizontal","aria-valuemax":"horizontal"==p?r:n,"aria-valuemin":"horizontal"==p?h:l,"aria-valuenow":"horizontal"==p?c??o:s??a,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,w=i("div",{class:{[T.rtl]:"rtl"===f,[wt]:!0,[xt]:"overlay"===u,[yt]:"float-content"===u||"float"===u,[T.calciteAnimate]:"overlay"===u,[(()=>"horizontal"===p?"start"===e?T.calciteAnimateInDown:T.calciteAnimateInUp:"ltr"===f&&"end"===e||"rtl"===f&&"start"===e?T.calciteAnimateInLeft:T.calciteAnimateInRight)()]:"overlay"===u},hidden:t,key:"content",ref:this.storeContentEl,style:v},this.renderHeader(),i("div",{class:"content__body"},i("slot",null)),g),y=[i("slot",{key:"action-bar",name:"action-bar",onSlotchange:this.handleActionBarSlotChange}),w];return"end"===e&&y.reverse(),i("div",{class:{[gt]:!0,[kt]:"float-all"===u}},y)}setContentWidth(t){const{contentWidthMax:e,contentWidthMin:i}=this,a=Math.round(t);this.contentWidth="number"==typeof e&&"number"==typeof i?z(a,i,e):a}updateAriaValues(){const{contentEl:t}=this,e=t&&getComputedStyle(t);e&&("horizontal"===this.layout?this.updateHeights(e):this.updateWidths(e),a(this))}setContentHeight(t){const{contentHeightMax:e,contentHeightMin:i}=this,a=Math.round(t);this.contentHeight="number"==typeof e&&"number"==typeof i?z(a,i,e):a}updateWidths(t){const e=parseInt(t.getPropertyValue("max-width"),10),i=parseInt(t.getPropertyValue("min-width"),10),a=parseInt(t.getPropertyValue("width"),10);"number"!=typeof a||isNaN(a)||(this.initialContentWidth=a),"number"!=typeof e||isNaN(e)||(this.contentWidthMax=e),"number"!=typeof i||isNaN(i)||(this.contentWidthMin=i)}updateHeights(t){const e=parseInt(t.getPropertyValue("max-height"),10),i=parseInt(t.getPropertyValue("min-height"),10),a=parseInt(t.getPropertyValue("height"),10);"number"!=typeof a||isNaN(a)||(this.initialContentHeight=a),"number"!=typeof e||isNaN(e)||(this.contentHeightMax=e),"number"!=typeof i||isNaN(i)||(this.contentHeightMin=i)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{detached:["handleDetached"],displayMode:["handleDisplayMode"],detachedHeightScale:["handleDetachedHeightScale"],heightScale:["handleHeightScale"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};zt.style=":host{pointer-events:none;position:relative;display:flex;flex:0 1 auto;align-items:stretch;z-index:var(--calcite-shell-panel-z-index, var(--calcite-z-index));--calcite-shell-panel-detached-max-height:unset;--calcite-shell-panel-max-height:unset;--calcite-internal-shell-panel-shadow-block-start:0 4px 8px -1px rgba(0, 0, 0, 0.08),\n 0 2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-block-end:0 -4px 8px -1px rgba(0, 0, 0, 0.08),\n 0 -2px 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-start:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n 2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n -2px 0 4px -1px rgba(0, 0, 0, 0.04)}.calcite--rtl.content--overlay{--calcite-internal-shell-panel-shadow-inline-start:-4px 0 8px -1px rgba(0, 0, 0, 0.08),\n -2px 0 4px -1px rgba(0, 0, 0, 0.04);--calcite-internal-shell-panel-shadow-inline-end:4px 0 8px -1px rgba(0, 0, 0, 0.08),\n 2px 0 4px -1px rgba(0, 0, 0, 0.04)}:host([layout=vertical]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index) + 1))}:host([layout=vertical][display-mode=overlay]){z-index:var(--calcite-shell-panel-z-index, calc(var(--calcite-z-index-header) + 1))}:host([layout=vertical][display-mode=float-all]) .content{flex:2}:host([layout=vertical][width-scale=s]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 300px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=s][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 12vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 150px)}:host([layout=vertical][width-scale=m]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 420px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=m][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 20vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 240px)}:host([layout=vertical][width-scale=l]:not([display-mode=float-all])) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-max-width:var(--calcite-shell-panel-max-width, 680px);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=vertical][width-scale=l][display-mode=float-all]) .content{--calcite-internal-shell-panel-width:var(--calcite-shell-panel-width, 45vw);--calcite-internal-shell-panel-min-width:var(--calcite-shell-panel-min-width, 340px)}:host([layout=horizontal][height-scale=s]) .content{--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 20vh)\n )}:host([layout=horizontal]) .content{--calcite-internal-shell-panel-min-height:var(--calcite-shell-panel-min-height, 5vh);--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 30vh)\n )}:host([layout=horizontal][height-scale=l]) .content{--calcite-internal-shell-panel-max-height:var(\n --calcite-shell-panel-max-height,\n var(--calcite-shell-panel-detached-max-height, 40vh)\n )}.container{pointer-events:none;box-sizing:border-box;display:flex;block-size:100%;flex:1 1 auto;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}.container *{box-sizing:border-box}.container.float-all{margin-block:0.5rem;margin-inline:0.5rem}:host([layout=horizontal]) .container{block-size:auto;inline-size:100%;flex-direction:column}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-color-border-3)}.separator{pointer-events:auto;position:absolute;display:flex;background-color:transparent;opacity:0;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-color-border-2)}.separator:focus{background-color:var(--calcite-color-brand);opacity:1}:host([layout=vertical]) .separator{inset-block:0px;block-size:100%;inline-size:0.125rem;cursor:col-resize}:host([layout=horizontal][position=start]) .separator{inset-block-end:0px}:host([layout=horizontal][position=end]) .separator{inset-block-start:0px}:host([layout=horizontal]) .separator{inset-inline-end:0px;block-size:0.125rem;inline-size:100%;cursor:row-resize}:host([layout=vertical][position=start]) .separator{inset-inline-end:-2px}:host([layout=horizontal][position=start]) .separator{inset-block-end:-2px}:host([layout=vertical][position=end]) .separator{inset-inline-start:-2px}:host([layout=horizontal][position=end]) .separator{inset-block-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:flex;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:stretch;background-color:var(--calcite-color-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}:host([layout=vertical]:not([display-mode=float-all])) .content{inline-size:var(--calcite-internal-shell-panel-width);max-inline-size:var(--calcite-internal-shell-panel-max-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=vertical][display-mode=float-all]) .content{inline-size:var(--calcite-internal-shell-panel-width);min-inline-size:var(--calcite-internal-shell-panel-min-width)}:host([layout=horizontal]) .content{block-size:var(--calcite-internal-shell-panel-height);max-block-size:var(--calcite-internal-shell-panel-max-height);min-block-size:var(--calcite-internal-shell-panel-min-height)}.content__header{display:flex;flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch}.content__body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.content--overlay{position:absolute;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([layout=vertical]) .content--overlay{inset-block-start:0px;block-size:100%}:host([layout=horizontal]) .content--overlay{inset-inline-start:0px;inline-size:100%}:host([layout=vertical][position=start]) .content--overlay{inset-inline-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-start)}:host([layout=vertical][position=end]) .content--overlay{inset-inline-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-inline-end)}:host([layout=horizontal][position=start]) .content--overlay{inset-block-start:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-start)}:host([layout=horizontal][position=end]) .content--overlay{inset-block-end:100%;box-shadow:var(--calcite-internal-shell-panel-shadow-block-end)}.float--content{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-internal-shell-panel-max-height, calc(100% - 1rem))}.float--content ::slotted(calcite-panel),.float--content ::slotted(calcite-flow){max-block-size:unset}:host([layout=horizontal]) .float--content{margin-block:0.5rem}:host([position=start]) .float--content ::slotted(calcite-panel),:host([position=start]) .float--content ::slotted(calcite-flow),:host([position=end]) .float--content ::slotted(calcite-panel),:host([position=end]) .float--content ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([closed])){border-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([position=start]:not([slot=panel-end]):not([display-mode=float-all])) .content ::slotted(calcite-panel),:host([position=end][slot=panel-start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end][slot=panel-start]) .content ::slotted(calcite-flow),:host([position=end][slot=panel-start]) .content ::slotted(calcite-panel){border-inline-start:none}:host([position=end]:not([slot=panel-start])) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-flow),:host([position=end]:not([slot=panel-start])) .content ::slotted(calcite-panel),:host([position=start][slot=panel-end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start][slot=panel-end]) .content ::slotted(calcite-flow),:host([position=start][slot=panel-end]) .content ::slotted(calcite-panel){border-inline-end:none}:host([layout=horizontal]:not([display-mode=float-all])) slot[name=action-bar]::slotted(calcite-action-bar){border-inline:0}:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-flow),:host([layout=horizontal][position=start]:not([display-mode=float-all])) .content ::slotted(calcite-panel){border-inline:0;border-block-start:0}:host([layout=horizontal][position=end]) .content ::slotted(calcite-flow),:host([layout=horizontal][position=end]) .content ::slotted(calcite-panel){border-inline:0;border-block-end:0}:host([hidden]){display:none}[hidden]{display:none}";
|
12
12
|
/*!
|
13
13
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
14
14
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
15
15
|
* v2.13.0
|
16
16
|
*/
|
17
|
-
const Ct="container",_t=class{constructor(e){t(this,e),this.guid=`calcite-tab-title-${
|
17
|
+
const Ct="container",_t=class{constructor(e){t(this,e),this.guid=`calcite-tab-title-${L()}`,this.tab=void 0,this.selected=!1,this.scale="m",this.labeledBy=void 0}render(){return i(s,{key:"5b445405fc60d4af5d48e2b4b42880a47a85a1ed","aria-labelledby":this.labeledBy,id:this.el.id||this.guid},i("div",{key:"724b67e8c277d00f6408aa55f781ad8e91a34a5e",class:{[Ct]:!0,[`scale-${this.scale}`]:!0},role:"tabpanel",tabIndex:this.selected?0:-1},i("section",{key:"9a395308243994365184c0f91d8a16de357c9146",class:"content"},i("slot",{key:"0cddbc27b9d793c83fa580b9aa9c9f915675ec72"}))))}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister",{detail:this.el}))}internalTabChangeHandler(t){t.composedPath().find((t=>"CALCITE-TABS"===t.tagName))===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then((e=>{this.selected=e===t.detail.tab})),t.stopPropagation())}async getTabIndex(){return Array.prototype.indexOf.call(u(this.el.parentElement.children).filter((t=>t.matches("calcite-tab"))),this.el)}async updateAriaInfo(t=[],e=[]){this.labeledBy=e[t.indexOf(this.el.id)]||null}get el(){return o(this)}};_t.style=":host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}.content{box-sizing:border-box;padding-block:var(--calcite-internal-tab-content-block-padding)}.scale-s{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.25rem);font-size:var(--calcite-font-size--2);line-height:1rem}.scale-m{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.5rem);font-size:var(--calcite-font-size--1);line-height:1rem}.scale-l{--calcite-internal-tab-content-block-padding:var(--calcite-tab-content-block-padding, 0.625rem);font-size:var(--calcite-font-size-0);line-height:1.25rem}section,.container{display:none;block-size:100%;inline-size:100%}.container{outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}:host([hidden]){display:none}[hidden]{display:none}";
|
18
18
|
/*!
|
19
19
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
20
20
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
21
21
|
* v2.13.0
|
22
22
|
*/
|
23
|
-
const It="tab-nav",Tt="tab-nav--end-overflow",Lt="tab-nav--start-overflow",Ht="scroll-button",St="scroll-button-container",jt="scroll-button-container--backward",Wt="scroll-button-container--forward",Dt="tab-titles-slot-wrapper",At=class{constructor(a){t(this,a),this.calciteTabChange=e(this,"calciteTabChange",6),this.calciteInternalTabNavSlotChange=e(this,"calciteInternalTabNavSlotChange",7),this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6),this.effectiveDir="ltr",this.lastScrollWheelAxis="x",this.resizeObserver=D("resize",(()=>{this.updateScrollingState()})),this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t,a=Math.abs(e),o=Math.abs(i);let s;a===o?s="x"===this.lastScrollWheelAxis?e:i:a>o?(s=e,this.lastScrollWheelAxis="x"):(s=i,this.lastScrollWheelAxis="y"),t.currentTarget.scrollBy(("rtl"===this.effectiveDir?-1:1)*s,0)},this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=b(t,"calcite-tab-title");e.forEach((t=>{this.intersectionObserver?.observe(t)})),this.calciteInternalTabNavSlotChange.emit(e)},this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t,this.intersectionObserver=D("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})},this.scrollToTabTitles=t=>{n((()=>{const e=this.tabTitleContainerEl,i=e.getBoundingClientRect(),a=Array.from(this.el.querySelectorAll("calcite-tab-title")),{effectiveDir:o}=this;"forward"===t&&a.reverse();let s=null;if(a.forEach((e=>{const a=e.getBoundingClientRect(),n=i.x+i.width,l=a.x+a.width;"forward"===t&&"ltr"===o||"backward"===t&&"rtl"===o?(a.x>n||l>n&&a.x>i.x)&&(s=e):(l<i.x||l<n&&a.x<i.x)&&(s=e)})),s){const{scrollerButtonWidth:i}=this;e.scrollTo({left:s.offsetLeft+("forward"===t&&"ltr"===o||"backward"===t&&"rtl"===o?-i:s.offsetWidth-e.clientWidth+i),behavior:"smooth"})}}))},this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward"),this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward"),this.handleTabFocus=(t,e,i)=>{const a=f(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(a,"instant"),t.stopPropagation()},this.onTabTitleScroll=()=>{this.updateScrollingState()},this.renderScrollButton=t=>{const{bordered:e,messages:a,hasOverflowingStartTabTitle:o,hasOverflowingEndTabTitle:s,scale:n}=this,l="end"===t;return i("div",{class:{[St]:!0,[jt]:!l,[Wt]:l},hidden:l&&!s||!l&&!o,key:t},i("calcite-button",{appearance:e?"outline-fill":"transparent","aria-label":l?a.nextTabTitles:a.previousTabTitles,class:{[Ht]:!0},iconFlipRtl:"both",iconStart:l?"chevron-right":"chevron-left",kind:"neutral",onClick:l?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:n,tabIndex:-1}))},this.storageId=void 0,this.syncId=void 0,this.selectedTitle=null,this.scale="m",this.layout="inline",this.position="bottom",this.bordered=!1,this.messages=void 0,this.messageOverrides=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasOverflowingStartTabTitle=!1,this.hasOverflowingEndTabTitle=!1,this.selectedTabId=void 0}selectedTitleChanged(){this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onMessagesChange(){}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs"),this.resizeObserver?.observe(this.el),x(this),C(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await _(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout,this.bordered=t?.bordered,this.effectiveDir=d(this.el)}componentDidRender(){this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId&&this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}disconnectedCallback(){this.resizeObserver?.disconnect(),k(this),I(this)}render(){return i(s,{key:"9d1138405f2423bddcd9d1bb49dc756e582f8375",role:"tablist"},i("div",{key:"f8759781080b2a093f062d0b6172de6d3ea9355d",class:{[It]:!0,[Lt]:!!this.hasOverflowingStartTabTitle,[Tt]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:!0,[`position-${this.position}`]:!0,[L.rtl]:"rtl"===this.effectiveDir}},this.renderScrollButton("start"),i("div",{key:"eda664514cb5c89136184c6e8f29e50ce7c9b56b",class:{[Dt]:!0},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},i("slot",{key:"0c5a40eac082662a2c2b032d977900b91f122214",onSlotchange:this.onSlotChange})),this.renderScrollButton("end")))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e),t.stopPropagation(),this.selectedTitle=e,this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){t&&n((()=>{const i="ltr"===this.effectiveDir,a=this.tabTitleContainerEl,o=a.getBoundingClientRect(),s=t.getBoundingClientRect(),n=a.scrollLeft,l=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;s.left<o.left+((i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle)?this.scrollerButtonWidth:0)?a.scrollTo({left:n+(s.left-o.left)-this.scrollerButtonWidth,behavior:e}):s.right>o.right-(l?this.scrollerButtonWidth:0)&&a.scrollTo({left:n+(s.right-o.right)+this.scrollerButtonWidth,behavior:e})}))}activateTabHandler(t){this.calciteTabChange.emit(),t.stopPropagation()}internalCloseTabHandler(t){this.handleTabTitleClose(t.target),t.stopPropagation()}async updateTabTitles(t){t.target.selected&&(this.selectedTabId=t.detail,this.selectedTitle=await this.getTabTitleById(this.selectedTabId))}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab&&(this.selectedTabId=t.detail.tab),t.stopPropagation()}effectiveLocaleChange(){T(this,this.effectiveLocale)}async selectedTabIdChanged(){localStorage&&this.storageId&&null!=this.selectedTabId&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId)),this.calciteInternalTabChange.emit({tab:this.selectedTabId})}get scrollerButtonWidth(){const{scale:t}=this;return parseInt("s"===t?S:"m"===t?j:W)}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t)return;let e,i;const a=t.scrollLeft,o=t.clientWidth,s=t.scrollWidth;"ltr"===this.effectiveDir?(e=a>0,i=a+o<s):(e=a<0,i=a!==-(s-o)),this.hasOverflowingStartTabTitle=e,this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return m(this.el,"calcite-tab-title")}get enabledTabTitles(){return m(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this,i=t.selected,a=e.reduce(((t,e,i)=>e.closed?t:[...t,i]),[]),o=a.length;if(1===o&&e[a[0]].closable)e[a[0]].closable=!1,this.selectedTabId=a[0],i&&e[a[0]].activateTab();else if(o>1){const i=e.findIndex((e=>e===t)),s=a.find((t=>t>i));this.selectedTabId===i&&(this.selectedTabId=s||o-1,e[this.selectedTabId].activateTab())}requestAnimationFrame((()=>{e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selectedTitle:["selectedTitleChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],selectedTabId:["selectedTabIdChanged"]}}};At.style=':host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}';
|
23
|
+
const Ht="tab-nav",It="tab-nav--end-overflow",Tt="tab-nav--start-overflow",Lt="scroll-button",St="scroll-button-container",Wt="scroll-button-container--backward",jt="scroll-button-container--forward",Dt="tab-titles-slot-wrapper",At=class{constructor(a){t(this,a),this.calciteTabChange=e(this,"calciteTabChange",6),this.calciteInternalTabNavSlotChange=e(this,"calciteInternalTabNavSlotChange",7),this.calciteInternalTabChange=e(this,"calciteInternalTabChange",6),this.effectiveDir="ltr",this.lastScrollWheelAxis="x",this.resizeObserver=D("resize",(()=>{this.updateScrollingState()})),this.onTabTitleWheel=t=>{t.preventDefault();const{deltaX:e,deltaY:i}=t,a=Math.abs(e),o=Math.abs(i);let s;a===o?s="x"===this.lastScrollWheelAxis?e:i:a>o?(s=e,this.lastScrollWheelAxis="x"):(s=i,this.lastScrollWheelAxis="y"),t.currentTarget.scrollBy(("rtl"===this.effectiveDir?-1:1)*s,0)},this.onSlotChange=t=>{this.intersectionObserver?.disconnect();const e=b(t,"calcite-tab-title");e.forEach((t=>{this.intersectionObserver?.observe(t)})),this.calciteInternalTabNavSlotChange.emit(e)},this.storeTabTitleWrapperRef=t=>{this.tabTitleContainerEl=t,this.intersectionObserver=D("intersection",(()=>this.updateScrollingState()),{root:t,threshold:[0,.5,1]})},this.scrollToTabTitles=t=>{n((()=>{const e=this.tabTitleContainerEl,i=e.getBoundingClientRect(),a=Array.from(this.el.querySelectorAll("calcite-tab-title")),{effectiveDir:o}=this;"forward"===t&&a.reverse();let s=null;if(a.forEach((e=>{const a=e.getBoundingClientRect(),n=i.x+i.width,l=a.x+a.width;"forward"===t&&"ltr"===o||"backward"===t&&"rtl"===o?(a.x>n||l>n&&a.x>i.x)&&(s=e):(l<i.x||l<n&&a.x<i.x)&&(s=e)})),s){const{scrollerButtonWidth:i}=this;e.scrollTo({left:s.offsetLeft+("forward"===t&&"ltr"===o||"backward"===t&&"rtl"===o?-i:s.offsetWidth-e.clientWidth+i),behavior:"smooth"})}}))},this.scrollToNextTabTitles=()=>this.scrollToTabTitles("forward"),this.scrollToPreviousTabTitles=()=>this.scrollToTabTitles("backward"),this.handleTabFocus=(t,e,i)=>{const a=f(this.enabledTabTitles,e,i);this.scrollTabTitleIntoView(a,"instant"),t.stopPropagation()},this.onTabTitleScroll=()=>{this.updateScrollingState()},this.renderScrollButton=t=>{const{bordered:e,messages:a,hasOverflowingStartTabTitle:o,hasOverflowingEndTabTitle:s,scale:n}=this,l="end"===t;return i("div",{class:{[St]:!0,[Wt]:!l,[jt]:l},hidden:l&&!s||!l&&!o,key:t},i("calcite-button",{appearance:e?"outline-fill":"transparent","aria-label":l?a.nextTabTitles:a.previousTabTitles,class:{[Lt]:!0},iconFlipRtl:"both",iconStart:l?"chevron-right":"chevron-left",kind:"neutral",onClick:l?this.scrollToNextTabTitles:this.scrollToPreviousTabTitles,scale:n,tabIndex:-1}))},this.storageId=void 0,this.syncId=void 0,this.selectedTitle=null,this.scale="m",this.layout="inline",this.position="bottom",this.bordered=!1,this.messages=void 0,this.messageOverrides=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.hasOverflowingStartTabTitle=!1,this.hasOverflowingEndTabTitle=!1,this.selectedTabId=void 0}selectedTitleChanged(){this.calciteInternalTabChange.emit({tab:this.selectedTabId})}onMessagesChange(){}connectedCallback(){this.parentTabsEl=this.el.closest("calcite-tabs"),this.resizeObserver?.observe(this.el),x(this),C(this)}async componentWillLoad(){const t=`calcite-tab-nav-${this.storageId}`;if(localStorage&&this.storageId&&localStorage.getItem(t)){const e=JSON.parse(localStorage.getItem(t));this.selectedTabId=e}await _(this)}componentDidLoad(){this.scrollTabTitleIntoView(this.selectedTitle,"instant")}componentWillRender(){const{parentTabsEl:t}=this;this.layout=t?.layout,this.bordered=t?.bordered,this.effectiveDir=d(this.el)}componentDidRender(){this.tabTitles.length&&this.tabTitles.every((t=>!t.selected))&&!this.selectedTabId&&this.tabTitles[0].getTabIdentifier().then((t=>{this.calciteInternalTabChange.emit({tab:t})}))}disconnectedCallback(){this.resizeObserver?.disconnect(),k(this),H(this)}render(){return i(s,{key:"9d1138405f2423bddcd9d1bb49dc756e582f8375",role:"tablist"},i("div",{key:"f8759781080b2a093f062d0b6172de6d3ea9355d",class:{[Ht]:!0,[Tt]:!!this.hasOverflowingStartTabTitle,[It]:!!this.hasOverflowingEndTabTitle,[`scale-${this.scale}`]:!0,[`position-${this.position}`]:!0,[T.rtl]:"rtl"===this.effectiveDir}},this.renderScrollButton("start"),i("div",{key:"eda664514cb5c89136184c6e8f29e50ce7c9b56b",class:{[Dt]:!0},onScroll:this.onTabTitleScroll,onWheel:this.onTabTitleWheel,ref:this.storeTabTitleWrapperRef},i("slot",{key:"0c5a40eac082662a2c2b032d977900b91f122214",onSlotchange:this.onSlotChange})),this.renderScrollButton("end")))}focusPreviousTabHandler(t){this.handleTabFocus(t,t.target,"previous")}focusNextTabHandler(t){this.handleTabFocus(t,t.target,"next")}focusFirstTabHandler(t){this.handleTabFocus(t,t.target,"first")}focusLastTabHandler(t){this.handleTabFocus(t,t.target,"last")}internalActivateTabHandler(t){const e=t.target;this.selectedTabId=t.detail.tab?t.detail.tab:this.getIndexOfTabTitle(e),t.stopPropagation(),this.selectedTitle=e,this.scrollTabTitleIntoView(e)}scrollTabTitleIntoView(t,e="smooth"){t&&n((()=>{const i="ltr"===this.effectiveDir,a=this.tabTitleContainerEl,o=a.getBoundingClientRect(),s=t.getBoundingClientRect(),n=a.scrollLeft,l=i?this.hasOverflowingEndTabTitle:this.hasOverflowingStartTabTitle;s.left<o.left+((i?this.hasOverflowingStartTabTitle:this.hasOverflowingEndTabTitle)?this.scrollerButtonWidth:0)?a.scrollTo({left:n+(s.left-o.left)-this.scrollerButtonWidth,behavior:e}):s.right>o.right-(l?this.scrollerButtonWidth:0)&&a.scrollTo({left:n+(s.right-o.right)+this.scrollerButtonWidth,behavior:e})}))}activateTabHandler(t){this.calciteTabChange.emit(),t.stopPropagation()}internalCloseTabHandler(t){this.handleTabTitleClose(t.target),t.stopPropagation()}async updateTabTitles(t){t.target.selected&&(this.selectedTabId=t.detail,this.selectedTitle=await this.getTabTitleById(this.selectedTabId))}globalInternalTabChangeHandler(t){this.syncId&&t.target!==this.el&&t.target.syncId===this.syncId&&this.selectedTabId!==t.detail.tab&&(this.selectedTabId=t.detail.tab),t.stopPropagation()}effectiveLocaleChange(){I(this,this.effectiveLocale)}async selectedTabIdChanged(){localStorage&&this.storageId&&null!=this.selectedTabId&&localStorage.setItem(`calcite-tab-nav-${this.storageId}`,JSON.stringify(this.selectedTabId)),this.calciteInternalTabChange.emit({tab:this.selectedTabId})}get scrollerButtonWidth(){const{scale:t}=this;return parseInt("s"===t?S:"m"===t?W:j)}updateScrollingState(){const t=this.tabTitleContainerEl;if(!t)return;let e,i;const a=t.scrollLeft,o=t.clientWidth,s=t.scrollWidth;"ltr"===this.effectiveDir?(e=a>0,i=a+o<s):(e=a<0,i=a!==-(s-o)),this.hasOverflowingStartTabTitle=e,this.hasOverflowingEndTabTitle=i}getIndexOfTabTitle(t,e=this.tabTitles){return e.indexOf(t)}async getTabTitleById(t){return Promise.all(this.tabTitles.map((t=>t.getTabIdentifier()))).then((e=>this.tabTitles[e.indexOf(t)]))}get tabTitles(){return m(this.el,"calcite-tab-title")}get enabledTabTitles(){return m(this.el,"calcite-tab-title:not([disabled])").filter((t=>!t.closed))}handleTabTitleClose(t){const{tabTitles:e}=this,i=t.selected,a=e.reduce(((t,e,i)=>e.closed?t:[...t,i]),[]),o=a.length;if(1===o&&e[a[0]].closable)e[a[0]].closable=!1,this.selectedTabId=a[0],i&&e[a[0]].activateTab();else if(o>1){const i=e.findIndex((e=>e===t)),s=a.find((t=>t>i));this.selectedTabId===i&&(this.selectedTabId=s||o-1,e[this.selectedTabId].activateTab())}requestAnimationFrame((()=>{e[this.selectedTabId].focus()}))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selectedTitle:["selectedTitleChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],selectedTabId:["selectedTabIdChanged"]}}};At.style=':host{--calcite-internal-tab-nav-gradient-start-side:left;--calcite-internal-tab-nav-gradient-end-side:right;position:relative;display:flex}.scale-s{--calcite-internal-tab-nav-scroller-button-width:24px;min-block-size:1.5rem}.scale-m{--calcite-internal-tab-nav-scroller-button-width:32px;min-block-size:2rem}.scale-l{--calcite-internal-tab-nav-scroller-button-width:44px;min-block-size:2.75rem}.calcite--rtl{--calcite-internal-tab-nav-gradient-start-side:right;--calcite-internal-tab-nav-gradient-end-side:left}.tab-nav--start-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%)}.tab-nav--start-overflow.tab-nav--end-overflow .tab-titles-slot-wrapper{-webkit-mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%);mask-image:linear-gradient(to var(--calcite-internal-tab-nav-gradient-end-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%), linear-gradient(to var(--calcite-internal-tab-nav-gradient-start-side), transparent, transparent var(--calcite-internal-tab-nav-scroller-button-width), white var(--calcite-internal-tab-nav-scroller-button-width), white 51%, transparent 51%)}.tab-nav::-webkit-scrollbar{display:none;-ms-overflow-style:none;scrollbar-width:none}:host([layout=center]) ::slotted(calcite-tab-title){display:flex;flex-grow:1;flex-shrink:0;min-inline-size:auto;white-space:nowrap}:host([layout=center]) ::slotted(calcite-tab-title[selected]){overflow:unset}:host(:not([bordered])) .scale-l{--calcite-internal-tab-nav-gap:var(--calcite-size-xxl)}:host(:not([bordered])) .scale-m{--calcite-internal-tab-nav-gap:var(--calcite-size-xl)}:host(:not([bordered])) .scale-s{--calcite-internal-tab-nav-gap:var(--calcite-size-lg)}:host(:not([bordered])) .tab-titles-slot-wrapper{gap:var(--calcite-internal-tab-nav-gap)}:host([layout=center]:not([bordered])) .tab-titles-slot-wrapper{padding-inline:var(--calcite-spacing-xxl)}.tab-nav,.tab-titles-slot-wrapper{display:flex;inline-size:100%;justify-content:flex-start;overflow:hidden;white-space:nowrap}.scroll-button-container{position:absolute;inset-block:0px}.scroll-button-container calcite-button{--calcite-offset-invert-focus:1;--calcite-color-text-1:var(--calcite-color-text-3);block-size:100%}.scroll-button-container calcite-button:hover{--calcite-color-text-1:unset;--calcite-color-foreground-1:var(--calcite-color-transparent-hover);--calcite-color-foreground-3:var(--calcite-color-transparent)}.scroll-button-container--forward{inset-inline-end:0;z-index:var(--calcite-z-index)}.scroll-button-container--backward{inset-inline-start:0;z-index:var(--calcite-z-index)}:host(:not([bordered])) .scroll-button-container--backward::before,:host(:not([bordered])) .scroll-button-container--forward::before{background-color:var(--calcite-color-border-3);content:"";inline-size:var(--calcite-border-width-sm);inset-block-start:var(--calcite-border-width-md);inset-block-end:var(--calcite-border-width-md);position:absolute}:host(:not([bordered])) .scroll-button-container--backward::before{inset-inline-end:0}:host(:not([bordered])) .scroll-button-container--forward::before{inset-inline-start:0}:host([hidden]){display:none}[hidden]{display:none}';
|
24
24
|
/*!
|
25
25
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
26
26
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
27
27
|
* v2.13.0
|
28
28
|
*/
|
29
|
-
const Et="close-button",Ft="container",Mt="container--bottom",Rt="content",$t="content--has-text",Nt="icon-end",Bt="icon-present",Ot="icon-start",Pt="calcite-tab-title--icon",Vt=t=>`scale-${t}`,Ut=class{constructor(i){t(this,i),this.calciteTabsActivate=e(this,"calciteTabsActivate",6),this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6),this.calciteTabsClose=e(this,"calciteTabsClose",6),this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6),this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6),this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6),this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6),this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6),this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6),this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6),this.closeClickHandler=()=>{this.closeTabTitleAndNotify()},this.mutationObserver=D("mutation",(()=>this.updateHasText())),this.resizeObserver=D("resize",(()=>{this.calciteInternalTabIconChanged.emit()})),this.guid=`calcite-tab-title-${H()}`,this.selected=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.iconEnd=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.layout=void 0,this.position="top",this.scale="m",this.bordered=!1,this.tab=void 0,this.messages=void 0,this.messageOverrides=void 0,this.controls=void 0,this.defaultMessages=void 0,this.effectiveLocale=void 0,this.hasText=!1}selectedHandler(){this.selected&&this.activateTab(!1)}onMessagesChange(){}connectedCallback(){x(this),C(this),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect(),k(this),I(this)}async componentWillLoad(){await _(this),M()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}componentWillRender(){this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}render(){const{el:t,closed:e}=this,a=t.id||this.guid,o=i("calcite-icon",{key:"367d0a3590f1b47a36fcef27a4c361b2b738769a",class:{[Pt]:!0,[Ot]:!0},flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:F(this.scale)}),n=i("calcite-icon",{key:"d41dab345260f907ad3b00538117c576856672fd",class:{[Pt]:!0,[Nt]:!0},flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:F(this.scale)});return i(s,{key:"f5f5339ebcead5f63154d4b8f562782d20e30b06","aria-controls":this.controls,"aria-selected":v(this.selected),id:a,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(A,{key:"0115c7e0367be91f3a9014243fb99cecd48d5f79",disabled:this.disabled},i("div",{key:"7303b10302cfc93c03386036d98aa46a6b74afa7",class:{[Ft]:!0,[Mt]:"bottom"===this.position,[Bt]:!!this.iconStart||!!this.iconEnd,[Vt(this.scale)]:!0},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{key:"af603e50b1a853f3e4ca35357ae7778ca9bdaafb",class:{[Rt]:!0,[$t]:this.hasText}},this.iconStart?o:null,i("slot",{key:"a650492336b0f78f11c0d534351b0ab570dd1db8"}),this.iconEnd?n:null),this.renderCloseButton(),i("div",{key:"8d8a0438c867cdf0c2642b9a9bc7ce697aabb871",class:"selected-indicator"}))))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:Et,disabled:!1,key:Et,onClick:this.closeClickHandler,ref:t=>this.closeButtonEl=t,title:e.close,type:"button"},i("calcite-icon",{icon:"x",scale:F(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){E(this)}internalTabChangeHandler(t){t.composedPath().find((t=>"CALCITE-TABS"===t.tagName))===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then((e=>{this.selected=e===t.detail.tab})),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),"ltr"===d(this.el)?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),"ltr"===d(this.el)?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit()}}async getTabIndex(){return Array.prototype.indexOf.call(u(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=!0){this.disabled||this.closed||(this.calciteInternalTabsActivate.emit({tab:this.tab}),t&&requestAnimationFrame((()=>this.calciteTabsActivate.emit())))}effectiveLocaleChange(){T(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Ut.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:0.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.selected-indicator{position:absolute;display:block;block-size:0.125rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container::after{position:absolute;display:block;block-size:0.125rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom::after{inset-block-start:-1px}:host([bordered][selected]:hover) .container::after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container::after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}.close-button{display:flex;block-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}';
|
29
|
+
const Et="close-button",Ft="container",Mt="container--bottom",Rt="content",$t="content--has-text",Nt="icon-end",Bt="icon-present",Ot="icon-start",Pt="calcite-tab-title--icon",Vt=t=>`scale-${t}`,Ut=class{constructor(i){t(this,i),this.calciteTabsActivate=e(this,"calciteTabsActivate",6),this.calciteInternalTabsActivate=e(this,"calciteInternalTabsActivate",6),this.calciteTabsClose=e(this,"calciteTabsClose",6),this.calciteInternalTabsClose=e(this,"calciteInternalTabsClose",6),this.calciteInternalTabsFocusNext=e(this,"calciteInternalTabsFocusNext",6),this.calciteInternalTabsFocusPrevious=e(this,"calciteInternalTabsFocusPrevious",6),this.calciteInternalTabsFocusFirst=e(this,"calciteInternalTabsFocusFirst",6),this.calciteInternalTabsFocusLast=e(this,"calciteInternalTabsFocusLast",6),this.calciteInternalTabTitleRegister=e(this,"calciteInternalTabTitleRegister",6),this.calciteInternalTabIconChanged=e(this,"calciteInternalTabIconChanged",6),this.closeClickHandler=()=>{this.closeTabTitleAndNotify()},this.mutationObserver=D("mutation",(()=>this.updateHasText())),this.resizeObserver=D("resize",(()=>{this.calciteInternalTabIconChanged.emit()})),this.guid=`calcite-tab-title-${L()}`,this.selected=!1,this.closable=!1,this.closed=!1,this.disabled=!1,this.iconEnd=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.layout=void 0,this.position="top",this.scale="m",this.bordered=!1,this.tab=void 0,this.messages=void 0,this.messageOverrides=void 0,this.controls=void 0,this.defaultMessages=void 0,this.effectiveLocale=void 0,this.hasText=!1}selectedHandler(){this.selected&&this.activateTab(!1)}onMessagesChange(){}connectedCallback(){x(this),C(this),this.setupTextContentObserver(),this.parentTabsEl=this.el.closest("calcite-tabs")}disconnectedCallback(){this.mutationObserver?.disconnect(),document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister",{detail:this.el})),this.resizeObserver?.disconnect(),k(this),H(this)}async componentWillLoad(){await _(this),M()&&this.updateHasText(),this.tab&&this.selected&&this.activateTab(!1)}componentWillRender(){this.parentTabsEl&&(this.layout=this.parentTabsEl.layout,this.bordered=this.parentTabsEl.bordered)}render(){const{el:t,closed:e}=this,a=t.id||this.guid,o=i("calcite-icon",{key:"367d0a3590f1b47a36fcef27a4c361b2b738769a",class:{[Pt]:!0,[Ot]:!0},flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:F(this.scale)}),n=i("calcite-icon",{key:"d41dab345260f907ad3b00538117c576856672fd",class:{[Pt]:!0,[Nt]:!0},flipRtl:"end"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconEnd,scale:F(this.scale)});return i(s,{key:"f5f5339ebcead5f63154d4b8f562782d20e30b06","aria-controls":this.controls,"aria-selected":v(this.selected),id:a,role:"tab",tabIndex:this.selected&&!this.disabled?0:-1},i(A,{key:"0115c7e0367be91f3a9014243fb99cecd48d5f79",disabled:this.disabled},i("div",{key:"7303b10302cfc93c03386036d98aa46a6b74afa7",class:{[Ft]:!0,[Mt]:"bottom"===this.position,[Bt]:!!this.iconStart||!!this.iconEnd,[Vt(this.scale)]:!0},hidden:e,ref:t=>this.resizeObserver?.observe(t)},i("div",{key:"af603e50b1a853f3e4ca35357ae7778ca9bdaafb",class:{[Rt]:!0,[$t]:this.hasText}},this.iconStart?o:null,i("slot",{key:"a650492336b0f78f11c0d534351b0ab570dd1db8"}),this.iconEnd?n:null),this.renderCloseButton(),i("div",{key:"8d8a0438c867cdf0c2642b9a9bc7ce697aabb871",class:"selected-indicator"}))))}renderCloseButton(){const{closable:t,messages:e}=this;return t?i("button",{"aria-label":e.close,class:Et,disabled:!1,key:Et,onClick:this.closeClickHandler,ref:t=>this.closeButtonEl=t,title:e.close,type:"button"},i("calcite-icon",{icon:"x",scale:F(this.scale)})):null}async componentDidLoad(){this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier())}componentDidRender(){E(this)}internalTabChangeHandler(t){t.composedPath().find((t=>"CALCITE-TABS"===t.tagName))===this.parentTabsEl&&(this.tab?this.selected=this.tab===t.detail.tab:this.getTabIndex().then((e=>{this.selected=e===t.detail.tab})),t.stopPropagation())}onClick(){this.activateTab()}keyDownHandler(t){switch(t.key){case" ":case"Enter":t.composedPath().includes(this.closeButtonEl)||(this.activateTab(),t.preventDefault());break;case"ArrowRight":t.preventDefault(),"ltr"===d(this.el)?this.calciteInternalTabsFocusNext.emit():this.calciteInternalTabsFocusPrevious.emit();break;case"ArrowLeft":t.preventDefault(),"ltr"===d(this.el)?this.calciteInternalTabsFocusPrevious.emit():this.calciteInternalTabsFocusNext.emit();break;case"Home":t.preventDefault(),this.calciteInternalTabsFocusFirst.emit();break;case"End":t.preventDefault(),this.calciteInternalTabsFocusLast.emit()}}async getTabIndex(){return Array.prototype.indexOf.call(u(this.el.parentElement.children).filter((t=>t.matches("calcite-tab-title"))),this.el)}async getTabIdentifier(){return this.tab?this.tab:this.getTabIndex()}async updateAriaInfo(t=[],e=[]){this.controls=t[e.indexOf(this.el.id)]||null}async activateTab(t=!0){this.disabled||this.closed||(this.calciteInternalTabsActivate.emit({tab:this.tab}),t&&requestAnimationFrame((()=>this.calciteTabsActivate.emit())))}effectiveLocaleChange(){I(this,this.effectiveLocale)}updateHasText(){this.hasText=this.el.textContent.trim().length>0}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}closeTabTitleAndNotify(){this.closed=!0,this.calciteInternalTabsClose.emit({tab:this.tab}),this.calciteTabsClose.emit()}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{selected:["selectedHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Ut.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;outline:2px solid transparent;outline-offset:2px;margin-inline-start:0px}:host([layout=inline]){flex:0 1 auto}:host([layout=center]){flex:1 1 auto}.content{position:relative;margin-block-end:0.125rem;box-sizing:border-box;display:flex;block-size:100%;align-items:center;justify-content:center}.scale-s .content{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}.scale-s .close-button{inline-size:1.25rem}.scale-m .content{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}.scale-m .close-button{inline-size:1.75rem}.scale-l .content{padding-block:0.625rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.scale-l .close-button{inline-size:2rem}:host([closable]) .content{border-block-end-color:transparent}:host([layout=inline]) .content,:host([layout=center]) .content{padding-inline:0.25rem}:host([layout=center]) .scale-s,:host([layout=center]) .scale-m,:host([layout=center]) .scale-l{margin-block:0px;justify-content:center;text-align:center}:host([layout=center]) .scale-s .content,:host([layout=center]) .scale-m .content,:host([layout=center]) .scale-l .content{flex:1 1 auto;flex-grow:1}.container{position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;align-content:center;justify-content:space-between;padding-inline:0px;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.selected-indicator{position:absolute;display:block;block-size:0.125rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:100%}.container--bottom .selected-indicator{inset-block-end:unset;inset-block-start:0}:host([bordered]) .selected-indicator{inset-block-start:0;inset-block-end:unset;inset-inline-start:-1px;inset-inline-end:0;inline-size:calc(100% + var(--calcite-spacing-base))}:host([bordered]) .container:not(.container--bottom){border-block-end:1px solid transparent}:host([bordered]:not([selected]):hover) .container:not(.container--bottom){border-block-end:1px solid var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .selected-indicator{background-color:var(--calcite-color-foreground-2)}:host([bordered]:not([selected]):hover:not(:focus)) .container:not(.container--bottom) .selected-indicator{box-shadow:inset 0 1px var(--calcite-color-border-1)}:host([bordered]:not([selected]):hover:not(:focus)) .container.container--bottom .selected-indicator{box-shadow:inset 0 -1px var(--calcite-color-border-1)}:host([bordered][selected]) .container::after{position:absolute;display:block;block-size:0.125rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inset-block-end:-1px;inset-inline-start:0;inset-inline-end:0;inline-size:100%;background:var(--calcite-color-foreground-1);content:""}:host([bordered][selected]) .container.container--bottom::after{inset-block-start:-1px}:host([bordered][selected]:hover) .container::after{background:var(--calcite-color-foreground-2)}:host([bordered][selected]:focus) .container::after{background:transparent}:host([bordered]) .container--bottom .selected-indicator{inset-block-start:unset;inset-block-end:0}:host([selected]) .selected-indicator,:host([selected]:hover) .selected-indicator{background-color:var(--calcite-color-brand)}:host(:hover) .selected-indicator{background-color:var(--calcite-color-border-3)}:host(:focus) .selected-indicator,:host(:active) .selected-indicator{background-color:var(--calcite-color-brand)}@media (forced-colors: active){.selected-indicator{background-color:highlight}}:host([closed]){display:none}:host([selected]) .container{border-color:transparent;color:var(--calcite-color-text-1)}:host(:focus) .container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}:host(:focus) .container:focus-within{outline-color:transparent}:host(:active) a,:host(:focus) a,:host(:hover) a{border-color:var(--calcite-color-border-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host([disabled]) .container{pointer-events:none;opacity:0.5}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calcite-tab-title--icon{position:relative;margin:0px;display:inline-flex;align-self:center}.calcite-tab-title--icon svg{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.content--has-text{padding:0.25rem}.content--has-text .calcite-tab-title--icon.icon-start{margin-inline-end:var(--calcite-spacing-sm)}.content--has-text .calcite-tab-title--icon.icon-end{margin-inline-start:var(--calcite-spacing-sm)}.close-button{display:flex;block-size:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-content:center;align-items:center;justify-content:center;align-self:center;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-start:var(--calcite-spacing-sm);margin-inline-end:var(--calcite-spacing-px);block-size:calc(100% - var(--calcite-spacing-xxs))}.close-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand))}.close-button:focus,.close-button:hover{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button:active{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-3)}.close-button calcite-icon{color:inherit}:host([icon-start][icon-end]) .calcite-tab-title--icon:first-child{margin-inline-end:var(--calcite-spacing-sm)}:host([bordered]) .container:not(.container--bottom) .close-button{block-size:calc(100% - var(--calcite-spacing-px));margin-block-start:-1px}:host([bordered]) .container .close-button calcite-icon{margin-block-start:var(--calcite-spacing-px)}:host([bordered]) .container .close-button:focus,:host([bordered]) .container .close-button:hover,:host([bordered]) .container .close-button:active{box-shadow:0 2px 0 0 var(--calcite-color-foreground-3)}:host([bordered]) .container.container--bottom .close-button{box-shadow:0 -2px 0 0 transparent}:host([bordered]) .container.container--bottom .close-button calcite-icon{margin-block-end:var(--calcite-spacing-px)}:host([bordered]) .container.container--bottom .close-button:focus,:host([bordered]) .container.container--bottom .close-button:hover,:host([bordered]) .container.container--bottom .close-button:active{box-shadow:0 -2px 0 0 var(--calcite-color-foreground-3)}:host([bordered][selected]){box-shadow:inset 0 -1px var(--calcite-color-foreground-1)}:host([bordered]:not([selected])) .container .close-button{box-shadow:0 2px 0 0 transparent}:host([bordered]:hover) .container{background-color:var(--calcite-color-foreground-2)}:host([bordered]) .container{border-inline:var(--calcite-spacing-px) solid transparent}:host([selected][bordered]) .container{border-inline-color:var(--calcite-color-border-1)}:host([layout=inline][bordered]) .scale-m .content,:host([layout=center][bordered]) .scale-m .content{padding-inline:0.75rem}:host([layout=inline][bordered]) .scale-s .content,:host([layout=center][bordered]) .scale-s .content{padding-inline:0.5rem}:host([layout=inline][bordered]) .scale-l .content,:host([layout=center][bordered]) .scale-l .content{padding-inline:1rem}:host([layout=inline][closable]) .scale-s .content,:host([layout=inline][closable]) .scale-m .content,:host([layout=inline][closable]) .scale-l .content{padding-inline-end:0}@media (forced-colors: active){:host{outline-width:0;outline-offset:0}:host(:focus) .container{outline-color:highlight}:host([bordered]) .container{border-block-end-style:solid}:host([bordered]) .container--bottom{border-block-start-style:solid}:host([bordered][selected]) .container{border-block-end-style:none}:host([bordered][selected]) .container--bottom{border-block-start-style:none}.close-button{z-index:var(--calcite-z-index)}}:host([hidden]){display:none}[hidden]{display:none}';
|
30
30
|
/*!
|
31
31
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
32
32
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
@@ -38,10 +38,10 @@ const Jt=class{constructor(e){t(this,e),this.defaultSlotChangeHandler=t=>{this.t
|
|
38
38
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
39
39
|
* v2.13.0
|
40
40
|
*/
|
41
|
-
function qt(t,e,i){const{items:a,messages:o}=i,s=a.length,n=B(i,t)+1;return function(t,e,i,a){return t.replace("{position}",i.toString()).replace("{itemLabel}",e).replace("{total}",a.toString())}("idle"===e?o.dragHandleIdle:"active"===e?o.dragHandleActive:"change"===e?o.dragHandleChange:o.dragHandleCommit,t.label,n,s)}function Gt(t){return{handle:t.composedPath().find((t=>void 0!==t.dataset?.jsHandle)),item:t.composedPath().find((t=>"calcite-value-list-item"===t.tagName?.toLowerCase()))}}dt.deprecated("component",{name:"value-list",removalVersion:3,suggested:"list"});const Kt=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=D("mutation",O.bind(this)),this.handleSelector=".handle",this.dragSelector="calcite-value-list-item",this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=P.bind(this),this.deselectSiblingItems=V.bind(this),this.selectSiblings=U.bind(this),this.handleFilter=J.bind(this),this.handleFilterEvent=q.bind(this),this.getItemData=G.bind(this),this.keyDownHandler=t=>{if(t.defaultPrevented)return;const{handle:e,item:i}=Gt(t);if(e&&!i.handleActivated&&" "===t.key&&this.updateScreenReaderText(qt(i,"commit",this)),!e||!i.handleActivated)return void K.call(this,t);t.preventDefault();const{items:a}=this;if(" "===t.key&&this.updateScreenReaderText(qt(i,"active",this)),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||a.length<=1)return;const{el:o}=this,s=X(this,i,"ArrowUp"===t.key?"up":"down");if(s===a.length-1)o.appendChild(i);else{const t=o.children[s];o.insertBefore(i,t===i.nextElementSibling?t.nextElementSibling:t)}this.items=this.getItems(),this.calciteListOrderChange.emit(this.items.map((({value:t})=>t))),requestAnimationFrame((()=>w(e))),i.handleActivated=!0,this.updateHandleAriaLabel(e,qt(i,"change",this))},this.storeAssistiveEl=t=>{this.assistiveTextEl=t},this.handleFocusIn=t=>{const{handle:e,item:i}=Gt(t);!i?.handleActivated&&i&&e&&this.updateHandleAriaLabel(e,qt(i,"idle",this))},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.group=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.messageOverrides=void 0,this.messages=void 0,this.dataForFilter=[],this.defaultMessages=void 0,this.effectiveLocale="",this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){
|
41
|
+
function qt(t,e,i){const{items:a,messages:o}=i,s=a.length,n=B(i,t)+1;return function(t,e,i,a){return t.replace("{position}",i.toString()).replace("{itemLabel}",e).replace("{total}",a.toString())}("idle"===e?o.dragHandleIdle:"active"===e?o.dragHandleActive:"change"===e?o.dragHandleChange:o.dragHandleCommit,t.label,n,s)}function Gt(t){return{handle:t.composedPath().find((t=>void 0!==t.dataset?.jsHandle)),item:t.composedPath().find((t=>"calcite-value-list-item"===t.tagName?.toLowerCase()))}}dt.deprecated("component",{name:"value-list",removalVersion:3,suggested:"list"});const Kt=class{constructor(i){t(this,i),this.calciteListChange=e(this,"calciteListChange",6),this.calciteListOrderChange=e(this,"calciteListOrderChange",6),this.calciteListFilter=e(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=D("mutation",O.bind(this)),this.handleSelector=".handle",this.dragSelector="calcite-value-list-item",this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=P.bind(this),this.deselectSiblingItems=V.bind(this),this.selectSiblings=U.bind(this),this.handleFilter=J.bind(this),this.handleFilterEvent=q.bind(this),this.getItemData=G.bind(this),this.keyDownHandler=t=>{if(t.defaultPrevented)return;const{handle:e,item:i}=Gt(t);if(e&&!i.handleActivated&&" "===t.key&&this.updateScreenReaderText(qt(i,"commit",this)),!e||!i.handleActivated)return void K.call(this,t);t.preventDefault();const{items:a}=this;if(" "===t.key&&this.updateScreenReaderText(qt(i,"active",this)),"ArrowUp"!==t.key&&"ArrowDown"!==t.key||a.length<=1)return;const{el:o}=this,s=X(this,i,"ArrowUp"===t.key?"up":"down");if(s===a.length-1)o.appendChild(i);else{const t=o.children[s];o.insertBefore(i,t===i.nextElementSibling?t.nextElementSibling:t)}this.items=this.getItems(),this.calciteListOrderChange.emit(this.items.map((({value:t})=>t))),requestAnimationFrame((()=>w(e))),i.handleActivated=!0,this.updateHandleAriaLabel(e,qt(i,"change",this))},this.storeAssistiveEl=t=>{this.assistiveTextEl=t},this.handleFocusIn=t=>{const{handle:e,item:i}=Gt(t);!i?.handleActivated&&i&&e&&this.updateHandleAriaLabel(e,qt(i,"idle",this))},this.disabled=!1,this.canPull=void 0,this.canPut=void 0,this.dragEnabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.group=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.messageOverrides=void 0,this.messages=void 0,this.dataForFilter=[],this.defaultMessages=void 0,this.effectiveLocale="",this.selectedValues=new Map}onMessagesChange(){}effectiveLocaleChange(){I(this,this.effectiveLocale)}connectedCallback(){x(this),C(this),Y.call(this),Q.call(this),this.setUpSorting()}async componentWillLoad(){R(this),await _(this)}componentDidLoad(){$(this),Z.call(this)}componentDidRender(){E(this)}disconnectedCallback(){ct(this),k(this),H(this),tt.call(this)}calciteListFocusOutHandler(t){et.call(this,t)}calciteListItemRemoveHandler(t){it.call(this,t)}calciteListItemChangeHandler(t){at.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){ot.call(this,t),t.stopPropagation()}onGlobalDragStart(){tt.call(this)}onGlobalDragEnd(){Q.call(this)}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.querySelectorAll("calcite-value-list-item"));const t=this.items.map((t=>t.value));this.calciteListOrderChange.emit(t)}getItems(){return Array.from(this.el.querySelectorAll("calcite-value-list-item"))}setUpItems(){st.call(this,"calcite-value-list-item"),this.setUpSorting()}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}setUpSorting(){const{dragEnabled:t}=this;t&&rt(this)}handleBlur(){this.dragEnabled&&this.updateScreenReaderText("")}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await N(this),nt.call(this,t)}getIconType(){let t=null;return this.dragEnabled&&(t="grip"),t}updateScreenReaderText(t){this.assistiveTextEl.textContent=t}updateHandleAriaLabel(t,e){t.ariaLabel=e}handleValueListItemBlur(t){const{item:e,handle:i}=t.detail;!e?.handleActivated&&e&&this.updateHandleAriaLabel(i,qt(e,"idle",this)),t.stopPropagation()}render(){return i(s,{key:"b9e38d57ffd1d2b686264d87f809e712c33c5cc5","aria-busy":v(this.loading),onBlur:this.handleBlur,onFocusin:this.handleFocusIn,onKeyDown:this.keyDownHandler,role:"menu"},i(lt,{key:"18d18babe0959692bebdb17ec427b53fc4697b08",props:this}))}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Kt.style=":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}calcite-value-list-item:last-of-type{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:center;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index-sticky)}calcite-filter{margin-block-end:1px}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";
|
42
42
|
/*!
|
43
43
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
44
44
|
* See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
|
45
45
|
* v2.13.0
|
46
46
|
*/
|
47
|
-
const Xt="actions-end",Yt="actions-start";dt.deprecated("component",{name:"value-list-item",removalVersion:3,suggested:"list-item"});const Qt=class{constructor(i){t(this,i),this.calciteListItemChange=e(this,"calciteListItemChange",6),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteValueListItemDragHandleBlur=e(this,"calciteValueListItemDragHandleBlur",6),this.pickListItem=null,this.guid=`calcite-value-list-item-${H()}`,this.getPickListRef=t=>this.pickListItem=t,this.handleKeyDown=t=>{" "===t.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1,this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})},this.handleSelectChange=t=>{this.selected=t.detail.selected},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.handleActivated=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0}connectedCallback(){c(this)}disconnectedCallback(){r(this)}componentWillLoad(){R(this)}componentDidLoad(){$(this)}componentDidRender(){E(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){return await N(this),this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;return y(t,Xt)?i("slot",{name:Xt,slot:bt.actionsEnd}):null}renderActionsStart(){const{el:t}=this;return y(t,Yt)?i("slot",{name:Yt,slot:bt.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:e}=this;if(t===pt.grip)return i("span",{class:{[ht.handle]:!0,[ht.handleActivated]:this.handleActivated},"data-js-handle":!0,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},i("calcite-icon",{flipRtl:e,icon:"drag",scale:"s"}))}render(){return i(s,{key:"2fc2a1a70b75c2a812f14391915c06c852db8906",id:this.el.id||this.guid},i(A,{key:"7bcc26a8f85923865a318dbdf31954a62035b853",disabled:this.disabled},this.renderHandle(),i("calcite-pick-list-item",{key:"abdbbafe6d426da62e39584e85111811beae719b",description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return o(this)}};Qt.style=":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const Zt=class{constructor(e){t(this,e),this.hasChanges=!1,this.hasErrors=!1,this.instanceid="",this.value=""}get el(){return o(this)}componentDidLoad(){const t=document.getElementById(`${this.instanceid}-container`);if(t){this._editor=monaco.editor.create(t,{value:this.value,language:"json",theme:"vs",minimap:{enabled:!1},automaticLayout:!0,scrollBeyondLastLine:!1}),this._currentModel=this._editor.getModel(),this._contentChanged=this._currentModel.onDidChangeContent(this._onEditorChange.bind(this));const e=monaco.editor.setModelMarkers,i=this;monaco.editor.setModelMarkers=function(t,a,o){t.id===i._currentModel.id&&(i._flagEditorHasErrors(o.length>0),i.hasErrors||(i._flagEditorHasChanges(i._currentModel?.canUndo()),i._currentModel?.canUndo()&&i._flagEditorContentChanged()),document.getElementById(`${i.instanceid}-errorFlag`).style.visibility=i.hasErrors?"visible":"hidden"),e.call(monaco.editor,t,a,o)},this._diffEditor=monaco.editor.createDiffEditor(document.getElementById(`${this.instanceid}-diff-container`),{automaticLayout:!0}),this._setDiffModel(),this._loaded=!0,this._toggleUndoRedo()}}async componentWillLoad(){this._initValueObserver(),await this._getTranslations()}render(){return i(s,{key:"0c7531c8c816eb9be80d357b19b568ccdb22c407"},i("div",{key:"866f82b68c2a750edfc80d801e4ea95a3f655100",id:`${this.instanceid}-editor-container`,class:"editor-container padding-right"},i("div",{key:"5b9f15641f6a26daeb3847d8ef75c76b8be44fc5",class:"editor-controls"},i("div",{key:"d1e91eaa242ccd23d5dc1386b6a58d2fafeb4083",class:"editor-buttons"},i("calcite-icon",{key:"d9364f7dfdbc22a414b4711c8a22e145b533998e",id:`${this.instanceid}-errorFlag`,icon:"exclamation-mark-triangle",title:this._translations.errorFlag,scale:"s",class:"edit-error-flag"}),i("calcite-button",{key:"29750fc7cedf1f9caf556df3ff84dc45d6b922b9",id:`${this.instanceid}-undo`,color:"blue",appearance:"solid",title:this._translations.undo,onClick:()=>this._undo(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"c95008b3fccb8bc33f01eb1bd204c84141850981",icon:"undo",scale:"s"})),i("calcite-button",{key:"49ac9ee70c58954f6dee34524f4c7ab6fa0d7a49",id:`${this.instanceid}-redo`,color:"blue",appearance:"solid",title:this._translations.redo,onClick:()=>this._redo(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"2170c36d0fd236c989222991353324d50afa8ac0",icon:"redo",scale:"s"})),i("calcite-button",{key:"c6e1a0f84fac6fb02d2590cc7b32aefffbc06d25",id:`${this.instanceid}-diff`,color:"blue",appearance:"solid",title:this._translations.diff,onClick:()=>this._toggleEditor(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"88443cfd2a8888447acc75588ecff7938ade5273",icon:"compare",scale:"s"})),i("calcite-button",{key:"42dcd8f63600d4ddb77eaedd529321999cf537b3",id:`${this.instanceid}-search`,appearance:"outline",color:"blue",title:this._translations.search,onClick:()=>this._search(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"31e8ced3f14f1475c62133fbd7730e34b2bc4028",icon:"search",scale:"s"})),i("calcite-button",{key:"769b268d7476f3fe1a8623e9432cfae56602db0c",id:`${this.instanceid}-reset`,color:"blue",appearance:"solid",disabled:!0,title:this._translations.cancelEdits,onClick:()=>this._reset(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"4a8ead1dbf8fefe8b4106a0f6f9c42fb5b875cd2",icon:"reset",scale:"s"})))),i("div",{key:"98f29030a0fa0ecbce0d165840a30edd655ba249",class:"edit-parent"},i("div",{key:"1441e32a184bc24f2a0a25fcb855c41b40bd0cec",id:`${this.instanceid}-container`,class:"json-edit-container"}),i("div",{key:"f0cf0a3bd11d3f8102c4cc8695ac1743bac36bbb",id:`${this.instanceid}-diff-container`,class:"json-edit-container display-none"}))))}_cancelEditsBtnHandler;_contentChanged;_currentModel;_diffEditor;_editor;_loaded=!1;_searchBtnHandler;_translations;_useDiffEditor=!1;_valueObserver;async getEditorContents(){return new Promise(((t,e)=>{try{t(this._currentModel.getValue())}catch(t){e(t)}}))}async prepareForDeletion(){this._searchBtnHandler?.removeEventListener("click",this._search),this._cancelEditsBtnHandler?.removeEventListener("click",this._reset),this._valueObserver?.disconnect(),this._contentChanged?.dispose(),this._editor?.dispose()}async replaceCurrentSelection(t){const e=this._editor.getSelection();this._editor.executeEdits("",[{range:e,text:t}])}async reset(){return new Promise(((t,e)=>{try{this._reset(),t({success:!0})}catch(t){e(t)}}))}_disableButton(t){document.getElementById(t)?.setAttribute("disabled","")}_enableButton(t){document.getElementById(t)?.removeAttribute("disabled")}_flagEditorContentChanged(){window.dispatchEvent(new CustomEvent("solutionEditorContentChanged",{detail:{id:this.instanceid,contents:this._currentModel.getValue()},bubbles:!0,cancelable:!1,composed:!0}))}_flagEditorHasChanges(t){this.hasChanges!==t&&(window.dispatchEvent(new CustomEvent("solutionEditorHasChanges",{detail:t,bubbles:!0,cancelable:!1,composed:!0})),this.hasChanges=t)}_flagEditorHasErrors(t){this.hasErrors!==t&&(window.dispatchEvent(new CustomEvent("solutionEditorHasErrors",{detail:t,bubbles:!0,cancelable:!1,composed:!0})),this.hasErrors=t)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}_initValueObserver(){this._valueObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"value"===t.attributeName&&t.target[t.attributeName]!==t.oldValue&&this._loaded&&this._currentModel.setValue(this.value)}))})),this._valueObserver.observe(this.el,{attributes:!0,attributeOldValue:!0})}_onEditorChange(){this._toggleUndoRedo()}_redo(){this._currentModel?.canRedo()&&(this._currentModel.redo(),this._toggleUndoRedo())}_reset(){this._currentModel.setValue(this.value),this._toggleUndoRedo()}_search(){this._editor.trigger("toggleFind","actions.find")}_setDiffModel(){this._diffEditor&&this._diffEditor.setModel({original:monaco.editor.createModel(this.value,"json"),modified:this._editor.getModel()})}_toggleEditor(){this._useDiffEditor=!this._useDiffEditor;let t=document.getElementById(`${this.instanceid}-diff-container`),e=document.getElementById(`${this.instanceid}-container`);this._useDiffEditor?(this._setDiffModel(),t.classList.remove("display-none"),e.classList.add("display-none")):(t.classList.add("display-none"),e.classList.remove("display-none"))}_toggleUndoRedo(){this._currentModel?.canUndo()?this._enableButton(`${this.instanceid}-undo`):this._disableButton(`${this.instanceid}-undo`),this._currentModel?.canRedo()?this._enableButton(`${this.instanceid}-redo`):this._disableButton(`${this.instanceid}-redo`),this._currentModel?.canUndo()||this._currentModel?.canRedo()?this._enableButton(`${this.instanceid}-reset`):this._disableButton(`${this.instanceid}-reset`)}_undo(){this._currentModel?.canUndo()&&(this._currentModel.undo(),this._toggleUndoRedo())}static get assetsDirs(){return["assets"]}};Zt.style=":host{display:block}.editor-container{position:relative;height:100%}.editor-controls{height:2.75rem;padding-right:0.5rem;background-color:#F4F4F4}.editor-buttons{float:right}html[dir=rtl] .editor-buttons{float:left}.edit-error-flag{padding-top:0.5rem;color:red;visibility:hidden}.edit-button{padding-inline-start:0.5rem}.editor-text{width:100%;overflow-y:auto;background-color:#FFFFFF}.edit-width{width:100%}.edit-parent{box-sizing:border-box;width:100%;height:calc(100% - 46px)}.json-edit-container{height:100%;width:100%;border:1px #808080 solid}.padding-right{padding-inline-end:0.125rem}.btn{margin-bottom:1rem;display:flex;align-content:center;height:25px;width:120px}.select-ctrl{margin-bottom:1rem}.all-edits{margin-top:4rem}.floating-title{font-size:2rem;z-index:100;position:absolute;left:0.5rem;pointer-events:none}.floating-title-button{pointer-events:auto}.json-editor-position1{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:100%;overflow:hidden;padding:0px;max-height:100% !important}.json-editor-position2a{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:50%;overflow:hidden;padding:0px;max-height:100% !important}.json-editor-position2b{position:absolute;right:0px;top:0px;margin:0px;height:100%;width:50%;overflow:hidden;padding:0px;max-height:100% !important}";const te=class{constructor(e){t(this,e),this.itemId="",this.itemDetails={accessInformation:"",description:"",licenseInfo:"",snippet:"",tags:[],title:""},this.itemEdit=void 0,this._translations=void 0,this.thumbnail=void 0,this.thumbnailContainer=void 0}get el(){return o(this)}async componentWillLoad(){return this._getTranslations()}async componentWillRender(){return this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit&&(this.itemDetails=this.itemEdit.item,this.itemType=this.itemDetails.type),Promise.resolve()}render(){return i(s,{key:"fd7cc19c2f682b43c71d43d1ec1313348345b415"},i("div",{key:"d38fbcb57a2cf536b99a50d73f7cb67791774419",class:"parent-container"},i("div",{key:"e6b97716b8ae90de71af758b07b055adc6d2a4d4",class:"inputBottomSeparation"},i("calcite-input",{key:"6bb7bc4c0cb1eb082a3862582e2a1c72c8499d48",id:"item-title",value:this.itemDetails.title})),i("div",{key:"daa80a28b1ee9a282048d57c3d1583fb0c1bd6c4",class:"inputBottomSeparation"},i("input",{key:"afc61173cfa6545e688775b0aa439b11cee064ca",accept:".jpg,.gif,.png,image/jpg,image/gif,image/png",class:"display-none",onChange:t=>this._updateThumbnail(t),ref:t=>this.browseForThumbnail=t,type:"file"}),i("button",{key:"8bdedcdf27d0ee7d0db030404940a4a6c7f6f586",class:"font-size--3 btn-link inline-block trailer-quarter",onClick:()=>this._getThumbnail()},i("svg",{key:"e08bd937cdadd627a3a618a112cf1e617718deb4",class:"icon-inline icon-inline--on-left",height:"16",viewBox:"0 0 16 16",width:"16"},i("path",{key:"6047587bce5ffa4b6530c545d36f78a7f9deeebc",d:"M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z"})),this._translations.editThumbnail),i("div",{key:"44f12983273cfcda9720f34daf4bfa85952de2f1",class:"flex"},i("div",{key:"cb5d60f3164874dfc964b5727be89c7a37c31dec",class:"img-container",ref:t=>this.thumbnailContainer=t},i("img",{key:"0b1c39af99a3ecb3e558a77bd91ed0a751756e32",class:"scale-down",height:"133",id:"item-thumbnail",ref:t=>this.thumbnail=t,width:"200"})),i("div",{key:"751954b3200fe4133dca864212aba924bb547817",class:"snippet-count-container"},i("calcite-input",{key:"071d1595f9b71b45ed12ee3cff8b5613e96acae7",id:"item-snippet",maxLength:250,type:"textarea",value:this.itemDetails.snippet}),i("label",{key:"69238efe97f605880cde5f59dd967414c08b94a2",class:"font-size--3",id:"item-snippet-count",ref:t=>this.itemSnippetCount=t})))),i("calcite-label",{key:"d94607358c364fba61bc781b79f4919f50082db2"},this._translations.description,i("label",{key:"dbc9f48ee0ca4ad0150629635d027998b17101af",id:"item-description-label"},i("calcite-input",{key:"152612af16b43f8ed4ad98405c885c11fec6cad7",id:"item-description",type:"textarea",value:this.itemDetails.description}))),i("calcite-label",{key:"0bec1e2c5464da93ebd49f0790cd573ef28e6e00"},this._translations.tags,i("label",{key:"03957c08d3a9bc3a2707e65ae3a8d2870449b54f",id:"item-tags-label"},i("calcite-input",{key:"690cb769d8bb784ef33d30f43d4abb3b8b836894",id:"item-tags",value:(this.itemDetails.tags&&Array.isArray(this.itemDetails.tags)?this.itemDetails.tags:[this.itemDetails.tags]).join(",")}))),"Group"!==this.itemType?i("calcite-label",null,this._translations.credits,i("label",{id:"item-credits-label"},i("calcite-input",{id:"item-credits",value:this.itemDetails.accessInformation}))):null,"Group"!==this.itemType?i("calcite-label",null,i("label",{id:"item-terms-label"},this._translations.termsOfUse,i("calcite-input",{id:"item-terms",type:"textarea",value:this.itemDetails.licenseInfo}))):null))}componentDidRender(){this._loadThumb()}browseForThumbnail;itemType;itemSnippetCount;inputReceivedHandler(t){switch(t.target.id){case"item-title":this.itemDetails.title=t.target.value,this._updateStore();break;case"item-snippet":t.target.value.length>250&&(t.target.value=t.target.value.substring(0,250)),this.itemDetails.snippet=t.target.value,this._updateLengthLabel(this.itemDetails.snippet),this._updateStore();break;case"item-description":this.itemDetails.description=t.target.value,this._updateStore();break;case"item-tags":this.itemDetails.tags=t.target.value,this._updateStore();break;case"item-credits":this.itemDetails.accessInformation=t.target.value,this._updateStore();break;case"item-terms":this.itemDetails.licenseInfo=t.target.value,this._updateStore()}}_getThumbnail(){this.browseForThumbnail.click()}_loadThumb(){this.thumbnail&&this.itemEdit?.thumbnail?(this.thumbnail.src=URL.createObjectURL(this.itemEdit.thumbnail),this.thumbnailContainer.classList.remove("empty-box"),this.thumbnail.classList.remove("display-none")):(this.thumbnailContainer.classList.add("empty-box"),this.thumbnail.classList.add("display-none"))}_updateLengthLabel(t){this.itemSnippetCount.innerText=this._translations.snippetCountPattern.replace("{{n}}",t.length.toString())}_updateStore(){this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit.item=this.itemDetails,ft.setItemInfo(this.itemEdit)}_updateThumbnail(t){const e=t.target.files;e&&e[0]&&this.thumbnail&&(this.thumbnail.src=URL.createObjectURL(e[0]),this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit.thumbnail=e[0],ft.replaceItemThumbnail(this.itemEdit))}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}};te.style=".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content}";const ee=class{constructor(e){t(this,e),this.groupId="",this._translations=void 0,this.sharing=[]}get el(){return o(this)}itemIdWatchHandler(){const t=ft.getItemInfo(this.groupId);this.sharing=t.groupDetails}async componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"3b94a68c01079f717b1ff38b82f946a32cfcb3a4"},i("div",{key:"e2fd74849f827a5e9756182ead2c23b3ef9584b9",class:"container-border"},i("calcite-label",{key:"4ac7e9adf98368d5f8b985519a8fd9d1ab24d5d6"},this._translations.groupInfo),this._renderItems(this.sharing)))}async getShareInfo(){return this.sharing}_renderItems(t){return t&&t.length>0?t.map((t=>i("calcite-label",{layout:"inline"},i("calcite-switch",{checked:t.shareItem,id:t.id,name:"setting",onCalciteSwitchChange:t=>this._updateItem(t),scale:"m",value:"enabled"}),i("solution-item-icon",{type:t.type,typeKeywords:t.typeKeywords}),i("span",{class:"icon-text",title:t.title},t.title)))):null}_updateItem(t){const e=t.target.id;this.sharing=this.sharing.map((i=>{if(i.id===e){i.shareItem=t.target.checked;const a=ft.getItemInfo(e);if(i.shareItem)a.groups?a.groups.indexOf(this.groupId)<0&&a.groups.push(this.groupId):a.groups=[this.groupId];else if(a.groups){const t=a.groups.indexOf(this.groupId);t>-1&&a.groups.splice(t,1)}ft.setItemInfo(a)}return i}))}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{groupId:["itemIdWatchHandler"]}}};ee.style=":host{display:block}.container-border{padding:1rem}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";const ie=class{constructor(i){t(this,i),this.organizationVariableSelected=e(this,"organizationVariableSelected",7),this.value="",this._organizationVariables=[],this._translations=void 0}get el(){return o(this)}valueWatchHandler(){this._organizationVariables=JSON.parse(this.value)}async componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"0dd925da12c0eb9861637e78d74c75ad4a23c9f3"},i("div",{key:"324cfdc588fce6ee5a69b7cd54956a0ab0ef0adf"},i("h4",{key:"2fca69530272a3f0630b86d36bbc78ec651c45d1",class:"org-var-header"},this._translations.orgVariables)),i("div",{key:"6f05088ebfaf50e4516c634f1a016275f4228c45",class:"container-border"},i("calcite-tree",{key:"22585bb1a7cae978c3fbf7301d33b81b4fffb540",id:"variable-label"},this._renderHierarchy(this._organizationVariables))))}organizationVariableSelected;_renderHierarchy(t){return t.map((t=>i("calcite-tree-item",{onClick:()=>this._treeItemSelected(t.id,t.value)},t.title)))}_treeItemSelected(t,e){this.organizationVariableSelected.emit({itemId:t,value:e})}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{value:["valueWatchHandler"]}}};ie.style=":host{display:block}.container-border{overflow-y:auto}.org-var-header{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1rem}";const ae=class{constructor(e){t(this,e),this.authentication=void 0,this.itemId="",this.resourceFilePaths=[],this.resources=[],this._translations=void 0}get el(){return o(this)}itemIdWatchHandler(){const t=ft.getItemInfo(this.itemId);this.resourceFilePaths=t.resourceFilePaths,this.resources=t.resources.map((t=>t.substring(t.lastIndexOf("/")+1)))}componentWillLoad(){return this._getTranslations()}render(){const t=this._hasValidResources();return i(s,{key:"95659a6d3572354aef8a879694e41ab6821ca506"},i("div",{key:"fa34097cf27797000558b4ddb001ba7e89d8fe71",class:"resource-item"},i("div",{key:"a7797a17c4cef3e7189157b141fdbf5c3b34143c",class:"margin-bottom-1"},i("calcite-button",{key:"d6d70a4240348a12b2f4847abc3806ef46064871",appearance:"solid",class:"resource-button",color:"blue",onClick:()=>this._addNewResource()},this._translations.addResource),i("calcite-button",{key:"c9a73c13a223b8120965bcf092ef63c6a9443f43",appearance:"solid",color:"blue",disabled:!t,onClick:()=>this._downloadAll()},this._translations.downloadAll)),i("div",{key:"0eb74fd024fc421b94391984b842a4a7ffd491c5",class:"resources-container",style:{display:t?"inherit":"none"}},this._renderResourceList())))}_removedResources={};_renderResourceList(){return i("calcite-value-list",{multiple:!0},this.resourceFilePaths.reduce(((t,e)=>(e.type!==vt.Thumbnail&&t.push(this._renderResource(e)),t)),[]))}_renderResource(t){const e=t.updateType===mt.Remove;return i("calcite-value-list-item",{class:e?"disabled":"",label:t.folder?t.folder+"/"+t.filename:t.filename,nonInteractive:!0,value:t.url},i("calcite-action-group",{"expand-disabled":"true",layout:"horizontal",slot:"actions-end"},i("calcite-action",{disabled:e,icon:"download",label:this._translations.download,onClick:()=>this._download(t.url,t.filename),scale:"m",text:this._translations.download,title:this._translations.download}),i("calcite-action",{disabled:e,icon:"upload-to",label:this._translations.update,onClick:()=>this._upload(t),scale:"m",text:this._translations.update,title:this._translations.update}),i("calcite-action",{disabled:e,icon:"trash",label:this._translations.delete,onClick:()=>this._delete(t),scale:"m",text:this._translations.delete,title:this._translations.delete}),e?i("calcite-action",{icon:"reset",label:this._translations.reset,onClick:()=>this._reset(t.filename),scale:"m",text:this._translations.reset,title:this._translations.reset}):i("div",{class:"display-none"})))}_delete(t){t.updateType=mt.Remove,this.resourceFilePaths=[...this.resourceFilePaths],this._updateStore()}_reset(t){this.resourceFilePaths=this.resources.some((e=>e===t))?this.resourceFilePaths.map((e=>(e.filename===t&&(e.updateType=mt.None),e))):this.resourceFilePaths.map((e=>(e.filename===t&&(e.updateType=mt.Add),e))),this._updateStore()}_downloadAll(){this.resourceFilePaths.forEach((t=>{this._download(t.url,t.filename)}))}_download(t,e){t.startsWith("blob")?this.downloadFile(t,e):this.fetchAndDownload(`${t}?token=${this.authentication.token}`,e)}downloadFile(t,e){const i=document.createElement("a");i.href=t,i.download=e,i.target="_blank",i.click()}_hasValidResources(){return this.resourceFilePaths.some((t=>t.url.indexOf("_info_thumbnail")<0))}async fetchAndDownload(t,e){const i=await fetch(t),a=await i.blob(),o=URL.createObjectURL(a);this.downloadFile(o,e)}_upload(t){const e=document.createElement("input");e.classList.add("display-none"),e.onchange=this._updateResource.bind(this,t),e.type="file",e.click()}_addNewResource(){const t=document.createElement("input");t.classList.add("display-none"),t.onchange=this._add.bind(this),t.type="file",t.click()}_updateResource(t,e){const i=e.target.files;i&&i[0]&&(t.blob=i[0],t.updateType=mt.Update,this._updateStore())}_add(t){const e=t.target.files;if(e&&e[0]){const t=URL.createObjectURL(e[0]),i=e[0].name;this.resourceFilePaths.some((e=>e.filename===i&&e.url===t))||(this.resourceFilePaths=[...this.resourceFilePaths,{url:t,type:vt.Data,folder:void 0,filename:i,blob:e[0],updateType:mt.Add}],this._updateStore())}}_updateStore(){const t=ft.getItemInfo(this.itemId);t.resourceFilePaths=this.resourceFilePaths,ft.setItemInfo(t)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{itemId:["itemIdWatchHandler"]}}};ae.style=":host{display:block}.resource-item{padding:1rem}.resource-button{margin-inline-end:1rem}.resource-progress{padding-top:1rem}.resources-container{border:1px #808080 solid}.margin-bottom-1{margin-bottom:1rem}";const oe=class{get el(){return o(this)}itemIdWatchHandler(){this._initializing=!0,this.value=JSON.stringify("data"===this.instanceid?ft.getItemInfo(this.itemId).data:ft.getItemInfo(this.itemId).properties,null,2)}constructor(e){t(this,e),this.instanceid="",this.itemId="",this.organizationVariables="",this.solutionVariables="",this.varsOpen=!0,this._translations=void 0,this.value="",window.addEventListener("solutionEditorContentChanged",(t=>{if(this.itemId){const{id:e,contents:i}=t.detail,[a,o]=e.split("|");if(a==this.itemId&&o===this.instanceid){if(!this._initializing&&i.length>0){const t=ft.getItemInfo(a);"data"===o?t.data=JSON.parse(i):t.properties=JSON.parse(i),ft.setItemInfo(t)}this._initializing=!1}}}))}componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"3e0a532158fffbba07faee43152573eb3577da84"},i("div",{key:"5631eb64e45d31465361491e9585c8eddd04dce7",class:"solution-data-container"},i("calcite-shell",{key:"9b065784804b86fa1c09c9d7e5f173a6ea793883",class:"light var-container",dir:"ltr"},i("calcite-panel",{key:"254dcf1c48812c98a69bac8e7b6ca91a39eb9cff",class:"json-editor"},i("div",{key:"86f686a03298bb06b8b855ae59a66e42cec25ad4",class:"solution-data-child-container calcite-match-height"},i("json-editor",{key:"0549a48a16bb94ed7be3064f4b622b1a10563bfd",class:"solution-data-editor-container",instanceid:this.itemId+"|"+this.instanceid,value:this.value}))),i("calcite-shell-panel",{key:"a3879f3d3b95d2878a5ec98265a6a120c78366f6","height-scale":"l",position:"end",slot:"contextual-panel","width-scale":"xs"},i("div",{key:"4e8a2206eb7e57e8beb5e854f3cd66d7bae96101",class:this.varsOpen?"solution-data-child-container":"solution-data-child-container-collapsed"},i("calcite-button",{key:"180bb9e0a1aff223625e3979930a9904dc778a1d",appearance:"transparent",class:"collapse-btn","icon-start":this.varsOpen?"chevrons-right":"chevrons-left",id:"collapse-vars",onClick:()=>this._toggleVars(),scale:"s",title:this.varsOpen?this._translations.collapse:this._translations.expand}),i("div",{key:"a1064c394bb1a9c95493a052057bdfb2ccc7b20a",class:this.varsOpen?"org-vars":"org-vars display-none",id:"orgVars"},i("solution-organization-variables",{key:"19ef108d689b875a329a22f0729f34bd3c5edbd1",value:this.organizationVariables})),i("div",{key:"3671681ffde2ef2aae1a84c608fbe08c0f4e7bcc",class:this.varsOpen?"sol-vars":"sol-vars display-none",id:"solVars"},i("solution-variables",{key:"7bdbb7baedf02ff299e620741995a393c4bf976d",value:this.solutionVariables})))))))}_initializing=!1;_toggleVars(){this.varsOpen=!this.varsOpen}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{itemId:["itemIdWatchHandler"]}}};oe.style=":host{display:flexbox}.solution-data-container{position:absolute;height:-moz-available;height:calc(100% - 48px);height:-webkit-fill-available;height:stretch;width:-moz-available;width:100%;width:-webkit-fill-available;width:stretch}.solution-data-child-container{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.solution-data-editor-container{height:100%}.solution-data-child-container-collapsed{display:flex;height:100%;flex-direction:column;overflow:auto;width:50px}.inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.json-editor{margin:1rem;width:auto;width:-webkit-fill-available -moz-available}.collapse-btn{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.org-vars{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.sol-vars{padding-top:0px;padding-bottom:0px;padding-left:1rem;padding-right:1rem;min-height:45%}.padding-1{padding:1rem}.light{background-color:#F4F4F4}";const se=class{constructor(i){t(this,i),this.solutionVariableSelected=e(this,"solutionVariableSelected",7),this.value="",this._solutionVariables=[],this._translations=void 0}get el(){return o(this)}valueWatchHandler(){this._solutionVariables=JSON.parse(this.value)}componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"a600c4dc88ee4ea3f9d7810695f71283f834933b"},i("div",{key:"c5c2abd0d19c778366c04dfd6b04f26bcb86b59b"},i("h4",{key:"087db039abd818f71838c88ef09eafc46d18b5c8",class:"org-var-header"},this._translations.solVariables)),i("div",{key:"d524981a512342d18d616137c7951f7c0f3f870b",class:"container-border"},i("calcite-tree",{key:"4630d4aa5a35d3e3a173e3aaae9b35b0dd636b4f",id:"variable-label"},this._renderHierarchy(this._solutionVariables))))}solutionVariableSelected;_renderHierarchy(t){return t.map((t=>t.dependencies&&t.dependencies.length>0?i("calcite-tree-item",{onClick:t=>this._toggleExpand(t)},i("solution-item-icon",{type:t.type}),i("span",{class:"icon-text",title:t.title},t.title),i("calcite-tree",{slot:"children"},this._renderHierarchy(t.dependencies))):i("calcite-tree-item",{onClick:()=>this._treeItemSelected(t.id,t.value)},t.title)))}_treeItemSelected(t,e){this.solutionVariableSelected.emit({itemId:t,value:e})}_toggleExpand(t){const e=t?.target?.closest("calcite-tree-item");e&&(e.expanded=!e.expanded)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{value:["valueWatchHandler"]}}};se.style=":host{display:block}.container-border{overflow-y:hidden}.org-var-header{margin-top:1rem;margin-bottom:1rem;margin-left:0px;margin-right:0px}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{zt as calcite_shell_panel,_t as calcite_tab,At as calcite_tab_nav,Ut as calcite_tab_title,Jt as calcite_tabs,Kt as calcite_value_list,Qt as calcite_value_list_item,Zt as json_editor,te as solution_item_details,ee as solution_item_sharing,ie as solution_organization_variables,ae as solution_resource_item,oe as solution_template_data,se as solution_variables}
|
47
|
+
const Xt="actions-end",Yt="actions-start";dt.deprecated("component",{name:"value-list-item",removalVersion:3,suggested:"list-item"});const Qt=class{constructor(i){t(this,i),this.calciteListItemChange=e(this,"calciteListItemChange",6),this.calciteListItemRemove=e(this,"calciteListItemRemove",7),this.calciteValueListItemDragHandleBlur=e(this,"calciteValueListItemDragHandleBlur",6),this.pickListItem=null,this.guid=`calcite-value-list-item-${L()}`,this.getPickListRef=t=>this.pickListItem=t,this.handleKeyDown=t=>{" "===t.key&&(this.handleActivated=!this.handleActivated)},this.handleBlur=()=>{this.handleActivated=!1,this.calciteValueListItemDragHandleBlur.emit({item:this.el,handle:this.handleEl})},this.handleSelectChange=t=>{this.selected=t.detail.selected},this.description=void 0,this.disabled=!1,this.deselectDisabled=!1,this.nonInteractive=!1,this.handleActivated=!1,this.icon=null,this.iconFlipRtl=!1,this.label=void 0,this.metadata=void 0,this.removable=!1,this.selected=!1,this.value=void 0}connectedCallback(){c(this)}disconnectedCallback(){r(this)}componentWillLoad(){R(this)}componentDidLoad(){$(this)}componentDidRender(){E(this)}async toggleSelected(t){this.pickListItem.toggleSelected(t)}async setFocus(){return await N(this),this.pickListItem?.setFocus()}calciteListItemChangeHandler(t){t.detail.item=this.el}renderActionsEnd(){const{el:t}=this;return y(t,Xt)?i("slot",{name:Xt,slot:bt.actionsEnd}):null}renderActionsStart(){const{el:t}=this;return y(t,Yt)?i("slot",{name:Yt,slot:bt.actionsStart}):null}renderHandle(){const{icon:t,iconFlipRtl:e}=this;if(t===pt.grip)return i("span",{class:{[ht.handle]:!0,[ht.handleActivated]:this.handleActivated},"data-js-handle":!0,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,ref:t=>this.handleEl=t,role:"button",tabindex:"0"},i("calcite-icon",{flipRtl:e,icon:"drag",scale:"s"}))}render(){return i(s,{key:"2fc2a1a70b75c2a812f14391915c06c852db8906",id:this.el.id||this.guid},i(A,{key:"7bcc26a8f85923865a318dbdf31954a62035b853",disabled:this.disabled},this.renderHandle(),i("calcite-pick-list-item",{key:"abdbbafe6d426da62e39584e85111811beae719b",description:this.description,deselectDisabled:this.deselectDisabled,disabled:this.disabled,label:this.label,metadata:this.metadata,nonInteractive:this.nonInteractive,onCalciteListItemChange:this.handleSelectChange,ref:this.getPickListRef,removable:this.removable,selected:this.selected,value:this.value},this.renderActionsStart(),this.renderActionsEnd())))}get el(){return o(this)}};Qt.style=":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin-block-end:1px;box-sizing:border-box;display:flex;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}:host *{box-sizing:border-box}calcite-pick-list-item{position:relative;margin:0px;flex-grow:1;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([active]),:host([selected]){--tw-shadow:0 0 0 1px var(--calcite-color-brand);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.handle{display:flex;cursor:move;align-items:center;justify-content:center;border-style:none;background-color:transparent;padding-block:0px;padding-inline:0.25rem;color:var(--calcite-color-border-input);outline-color:transparent}.handle:hover{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.handle:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.handle--activated{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}.handle calcite-icon{color:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const Zt=class{constructor(e){t(this,e),this.hasChanges=!1,this.hasErrors=!1,this.instanceid="",this.locale=void 0,this.value=""}get el(){return o(this)}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}componentDidLoad(){const t=document.getElementById(`${this.instanceid}-container`);if(t){this._editor=monaco.editor.create(t,{value:this.value,language:"json",theme:"vs",minimap:{enabled:!1},automaticLayout:!0,scrollBeyondLastLine:!1}),this._currentModel=this._editor.getModel(),this._contentChanged=this._currentModel.onDidChangeContent(this._onEditorChange.bind(this));const e=monaco.editor.setModelMarkers,i=this;monaco.editor.setModelMarkers=function(t,a,o){t.id===i._currentModel.id&&(i._flagEditorHasErrors(o.length>0),i.hasErrors||(i._flagEditorHasChanges(i._currentModel?.canUndo()),i._currentModel?.canUndo()&&i._flagEditorContentChanged()),document.getElementById(`${i.instanceid}-errorFlag`).style.visibility=i.hasErrors?"visible":"hidden"),e.call(monaco.editor,t,a,o)},this._diffEditor=monaco.editor.createDiffEditor(document.getElementById(`${this.instanceid}-diff-container`),{automaticLayout:!0}),this._setDiffModel(),this._loaded=!0,this._toggleUndoRedo()}}async componentWillLoad(){this._initValueObserver(),await this._getTranslations()}render(){return i(s,{key:"ba7c8a397da913d86f5d294cdfbb5ec1b84d89de"},i("div",{key:"bc5c6d1ee443b2096cc44d0b66850d4ebe8462da",id:`${this.instanceid}-editor-container`,class:"editor-container padding-right"},i("div",{key:"dbaf682cba354ce7eef21b03a71832fd39911332",class:"editor-controls"},i("div",{key:"e454e1dd36aa620abf2ffb7877bebb9adc70ff15",class:"editor-buttons"},i("calcite-icon",{key:"1de67e151c6e65b004a431d89dc785ca286a8e11",id:`${this.instanceid}-errorFlag`,icon:"exclamation-mark-triangle",title:this._translations.errorFlag,scale:"s",class:"edit-error-flag"}),i("calcite-button",{key:"33de20955d29287a3ec981e7650562a036343e3a",id:`${this.instanceid}-undo`,color:"blue",appearance:"solid",title:this._translations.undo,onClick:()=>this._undo(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"9bed02f1e8a367ad2ed764747f044a4ce27de52b",icon:"undo",scale:"s"})),i("calcite-button",{key:"07562443286c4eeec28577a7cff0401e8cea0ba8",id:`${this.instanceid}-redo`,color:"blue",appearance:"solid",title:this._translations.redo,onClick:()=>this._redo(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"5f24902a66eae644d0d358a4826a98d45e905493",icon:"redo",scale:"s"})),i("calcite-button",{key:"02f4f3f8ab93e5f1146176ec3699e2a6d25ecbeb",id:`${this.instanceid}-diff`,color:"blue",appearance:"solid",title:this._translations.diff,onClick:()=>this._toggleEditor(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"0bcd20d28e9ec34f1736a2888d78bfcd9cb82a4d",icon:"compare",scale:"s"})),i("calcite-button",{key:"cf3a7672ebd3ebef00123096ec304456b8f102fc",id:`${this.instanceid}-search`,appearance:"outline",color:"blue",title:this._translations.search,onClick:()=>this._search(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"36aac5e89ebf593d8d1981d7b8f6267fbbadfd24",icon:"search",scale:"s"})),i("calcite-button",{key:"cc981ff7580acfa3a3395c4ce7a96b3022bbbb4b",id:`${this.instanceid}-reset`,color:"blue",appearance:"solid",disabled:!0,title:this._translations.cancelEdits,onClick:()=>this._reset(),scale:"s",class:"edit-button"},i("calcite-icon",{key:"3c4fc1da749f4b4f64d814fcd58dc035634f6b1b",icon:"reset",scale:"s"})))),i("div",{key:"6c33ec4851d804dac7fd9762e3c8c7e416a27cf4",class:"edit-parent"},i("div",{key:"a6e9721127bbd43f9974af65e0899489370e1868",id:`${this.instanceid}-container`,class:"json-edit-container"}),i("div",{key:"c1d1ea305c0e451c24beddb8ac3f8e85a3fca088",id:`${this.instanceid}-diff-container`,class:"json-edit-container display-none"}))))}_cancelEditsBtnHandler;_contentChanged;_currentModel;_diffEditor;_editor;_loaded=!1;_searchBtnHandler;_translations;_useDiffEditor=!1;_valueObserver;async getEditorContents(){return new Promise(((t,e)=>{try{t(this._currentModel.getValue())}catch(t){e(t)}}))}async prepareForDeletion(){this._searchBtnHandler?.removeEventListener("click",this._search),this._cancelEditsBtnHandler?.removeEventListener("click",this._reset),this._valueObserver?.disconnect(),this._contentChanged?.dispose(),this._editor?.dispose()}async replaceCurrentSelection(t){const e=this._editor.getSelection();this._editor.executeEdits("",[{range:e,text:t}])}async reset(){return new Promise(((t,e)=>{try{this._reset(),t({success:!0})}catch(t){e(t)}}))}_disableButton(t){document.getElementById(t)?.setAttribute("disabled","")}_enableButton(t){document.getElementById(t)?.removeAttribute("disabled")}_flagEditorContentChanged(){window.dispatchEvent(new CustomEvent("solutionEditorContentChanged",{detail:{id:this.instanceid,contents:this._currentModel.getValue()},bubbles:!0,cancelable:!1,composed:!0}))}_flagEditorHasChanges(t){this.hasChanges!==t&&(window.dispatchEvent(new CustomEvent("solutionEditorHasChanges",{detail:t,bubbles:!0,cancelable:!1,composed:!0})),this.hasChanges=t)}_flagEditorHasErrors(t){this.hasErrors!==t&&(window.dispatchEvent(new CustomEvent("solutionEditorHasErrors",{detail:t,bubbles:!0,cancelable:!1,composed:!0})),this.hasErrors=t)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}_initValueObserver(){this._valueObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"value"===t.attributeName&&t.target[t.attributeName]!==t.oldValue&&this._loaded&&this._currentModel.setValue(this.value)}))})),this._valueObserver.observe(this.el,{attributes:!0,attributeOldValue:!0})}_onEditorChange(){this._toggleUndoRedo()}_redo(){this._currentModel?.canRedo()&&(this._currentModel.redo(),this._toggleUndoRedo())}_reset(){this._currentModel.setValue(this.value),this._toggleUndoRedo()}_search(){this._editor.trigger("toggleFind","actions.find")}_setDiffModel(){this._diffEditor&&this._diffEditor.setModel({original:monaco.editor.createModel(this.value,"json"),modified:this._editor.getModel()})}_toggleEditor(){this._useDiffEditor=!this._useDiffEditor;let t=document.getElementById(`${this.instanceid}-diff-container`),e=document.getElementById(`${this.instanceid}-container`);this._useDiffEditor?(this._setDiffModel(),t.classList.remove("display-none"),e.classList.add("display-none")):(t.classList.add("display-none"),e.classList.remove("display-none"))}_toggleUndoRedo(){this._currentModel?.canUndo()?this._enableButton(`${this.instanceid}-undo`):this._disableButton(`${this.instanceid}-undo`),this._currentModel?.canRedo()?this._enableButton(`${this.instanceid}-redo`):this._disableButton(`${this.instanceid}-redo`),this._currentModel?.canUndo()||this._currentModel?.canRedo()?this._enableButton(`${this.instanceid}-reset`):this._disableButton(`${this.instanceid}-reset`)}_undo(){this._currentModel?.canUndo()&&(this._currentModel.undo(),this._toggleUndoRedo())}static get assetsDirs(){return["assets"]}static get watchers(){return{locale:["localeWatchHandler"]}}};Zt.style=":host{display:block}.editor-container{position:relative;height:100%}.editor-controls{height:2.75rem;padding-right:0.5rem;background-color:#F4F4F4}.editor-buttons{float:right}html[dir=rtl] .editor-buttons{float:left}.edit-error-flag{padding-top:0.5rem;color:red;visibility:hidden}.edit-button{padding-inline-start:0.5rem}.editor-text{width:100%;overflow-y:auto;background-color:#FFFFFF}.edit-width{width:100%}.edit-parent{box-sizing:border-box;width:100%;height:calc(100% - 46px)}.json-edit-container{height:100%;width:100%;border:1px #808080 solid}.padding-right{padding-inline-end:0.125rem}.btn{margin-bottom:1rem;display:flex;align-content:center;height:25px;width:120px}.select-ctrl{margin-bottom:1rem}.all-edits{margin-top:4rem}.floating-title{font-size:2rem;z-index:100;position:absolute;left:0.5rem;pointer-events:none}.floating-title-button{pointer-events:auto}.json-editor-position1{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:100%;overflow:hidden;padding:0px;max-height:100% !important}.json-editor-position2a{position:absolute;left:0px;top:0px;margin:0px;height:100%;width:50%;overflow:hidden;padding:0px;max-height:100% !important}.json-editor-position2b{position:absolute;right:0px;top:0px;margin:0px;height:100%;width:50%;overflow:hidden;padding:0px;max-height:100% !important}";const te=class{constructor(e){t(this,e),this.itemId="",this.locale=void 0,this.itemDetails={accessInformation:"",description:"",licenseInfo:"",snippet:"",tags:[],title:""},this.itemEdit=void 0,this._translations=void 0,this.thumbnail=void 0,this.thumbnailContainer=void 0}get el(){return o(this)}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}async componentWillLoad(){return this._getTranslations()}async componentWillRender(){return this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit&&(this.itemDetails=this.itemEdit.item,this.itemType=this.itemDetails.type),Promise.resolve()}render(){return i(s,{key:"9a0ddf363cb5e8abc5cbfd45ec0958befd81415d"},i("div",{key:"0efb572f551fe4962ea9114bd32dc2004d47e00a",class:"parent-container"},i("div",{key:"57ba57b956322c3339ea9265640def266717493b",class:"inputBottomSeparation"},i("calcite-input",{key:"e359cea6b2e94823970bbf8beb93e117963fa730",id:"item-title",value:this.itemDetails.title})),i("div",{key:"c7b490a6f1f64ec2b10e8796ad3826d88e25280c",class:"inputBottomSeparation"},i("input",{key:"776e1efb6ee1e29e75727f984165fa77bc36515d",accept:".jpg,.gif,.png,image/jpg,image/gif,image/png",class:"display-none",onChange:t=>this._updateThumbnail(t),ref:t=>this.browseForThumbnail=t,type:"file"}),i("button",{key:"12ece37e4d8ae802cb4fc2dbd3e1843496c674cb",class:"font-size--3 btn-link inline-block trailer-quarter",onClick:()=>this._getThumbnail()},i("svg",{key:"5301bac0dd37771122384b968aca05eb9a714a12",class:"icon-inline icon-inline--on-left",height:"16",viewBox:"0 0 16 16",width:"16"},i("path",{key:"a73dbc1d758fa28afe87dfc36efb5085f115b09c",d:"M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z"})),this._translations.editThumbnail),i("div",{key:"c07d1d3b4f38672855b2a4f3cfd66b91d85ad050",class:"flex"},i("div",{key:"7de852550f467b8bb0bd8fa87c72552747d7397b",class:"img-container",ref:t=>this.thumbnailContainer=t},i("img",{key:"7111cafeabac088b5ff729eed71746966ea66ae2",class:"scale-down",height:"133",id:"item-thumbnail",ref:t=>this.thumbnail=t,width:"200"})),i("div",{key:"4b0be864e8c38b9a8185ba301582a742cbf8188a",class:"snippet-count-container"},i("calcite-input",{key:"9e307dc8a67f77dc61e0deeaf3aa528007921b1b",id:"item-snippet",maxLength:250,type:"textarea",value:this.itemDetails.snippet}),i("label",{key:"83c0d63adc182afcb83f45bcbcec778552768b65",class:"font-size--3",id:"item-snippet-count",ref:t=>this.itemSnippetCount=t})))),i("calcite-label",{key:"1e17c1ae545adb010e216ac566e9cba5eec1fc1a"},this._translations.description,i("label",{key:"c0e125cd881b013af6da14de78635f9922163e39",id:"item-description-label"},i("calcite-input",{key:"1cf2cb27f67edfee86fc9a36ae296f81ef6c4429",id:"item-description",type:"textarea",value:this.itemDetails.description}))),i("calcite-label",{key:"1f61dee7f09260a0277af8a8e3d620e229ce4225"},this._translations.tags,i("label",{key:"73820279fa0134328f24741857e028c89b5caebc",id:"item-tags-label"},i("calcite-input",{key:"88dc8f7cd156dfa5f52ae8412241c2f0bfca357c",id:"item-tags",value:(this.itemDetails.tags&&Array.isArray(this.itemDetails.tags)?this.itemDetails.tags:[this.itemDetails.tags]).join(",")}))),"Group"!==this.itemType?i("calcite-label",null,this._translations.credits,i("label",{id:"item-credits-label"},i("calcite-input",{id:"item-credits",value:this.itemDetails.accessInformation}))):null,"Group"!==this.itemType?i("calcite-label",null,i("label",{id:"item-terms-label"},this._translations.termsOfUse,i("calcite-input",{id:"item-terms",type:"textarea",value:this.itemDetails.licenseInfo}))):null))}componentDidRender(){this._loadThumb()}browseForThumbnail;itemType;itemSnippetCount;inputReceivedHandler(t){switch(t.target.id){case"item-title":this.itemDetails.title=t.target.value,this._updateStore();break;case"item-snippet":t.target.value.length>250&&(t.target.value=t.target.value.substring(0,250)),this.itemDetails.snippet=t.target.value,this._updateLengthLabel(this.itemDetails.snippet),this._updateStore();break;case"item-description":this.itemDetails.description=t.target.value,this._updateStore();break;case"item-tags":this.itemDetails.tags=t.target.value,this._updateStore();break;case"item-credits":this.itemDetails.accessInformation=t.target.value,this._updateStore();break;case"item-terms":this.itemDetails.licenseInfo=t.target.value,this._updateStore()}}_getThumbnail(){this.browseForThumbnail.click()}_loadThumb(){this.thumbnail&&this.itemEdit?.thumbnail?(this.thumbnail.src=URL.createObjectURL(this.itemEdit.thumbnail),this.thumbnailContainer.classList.remove("empty-box"),this.thumbnail.classList.remove("display-none")):(this.thumbnailContainer.classList.add("empty-box"),this.thumbnail.classList.add("display-none"))}_updateLengthLabel(t){this.itemSnippetCount.innerText=this._translations.snippetCountPattern.replace("{{n}}",t.length.toString())}_updateStore(){this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit.item=this.itemDetails,ft.setItemInfo(this.itemEdit)}_updateThumbnail(t){const e=t.target.files;e&&e[0]&&this.thumbnail&&(this.thumbnail.src=URL.createObjectURL(e[0]),this.itemEdit=ft.getItemInfo(this.itemId),this.itemEdit.thumbnail=e[0],ft.replaceItemThumbnail(this.itemEdit))}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{locale:["localeWatchHandler"]}}};te.style=".inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.icon-inline--on-left,.icon-inline--on-right{display:inline;vertical-align:middle;margin-inline-end:0.375rem;fill:#0079c1}.scale-down{-o-object-fit:scale-down;object-fit:scale-down}.img-container{display:inline;margin-inline-end:1rem;max-width:363px}.summary-count-container{display:inline;flex-grow:1;margin-inline-start:0.75rem}.snippet-count-container{width:calc(100vw - 363px)}.parent-container{max-width:100%;padding:1rem}label{position:relative;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem;display:block;min-width:-moz-min-content;min-width:min-content}";const ee=class{constructor(e){t(this,e),this.groupId="",this.locale=void 0,this._translations=void 0,this.sharing=[]}get el(){return o(this)}itemIdWatchHandler(){const t=ft.getItemInfo(this.groupId);this.sharing=t.groupDetails}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}async componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"1c7dbee68fbf0eabf736fb783f173ade2f408122"},i("div",{key:"3c3d88ab122d4a8bc69363224a2754c4a4b092ba",class:"container-border"},i("calcite-label",{key:"137bb704b258a3cd1e5e5b7a18c53aca331d7f91"},this._translations.groupInfo),this._renderItems(this.sharing)))}async getShareInfo(){return this.sharing}_renderItems(t){return t&&t.length>0?t.map((t=>i("calcite-label",{layout:"inline"},i("calcite-switch",{checked:t.shareItem,id:t.id,name:"setting",onCalciteSwitchChange:t=>this._updateItem(t),scale:"m",value:"enabled"}),i("solution-item-icon",{type:t.type,typeKeywords:t.typeKeywords}),i("span",{class:"icon-text",title:t.title},t.title)))):null}_updateItem(t){const e=t.target.id;this.sharing=this.sharing.map((i=>{if(i.id===e){i.shareItem=t.target.checked;const a=ft.getItemInfo(e);if(i.shareItem)a.groups?a.groups.indexOf(this.groupId)<0&&a.groups.push(this.groupId):a.groups=[this.groupId];else if(a.groups){const t=a.groups.indexOf(this.groupId);t>-1&&a.groups.splice(t,1)}ft.setItemInfo(a)}return i}))}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{groupId:["itemIdWatchHandler"],locale:["localeWatchHandler"]}}};ee.style=":host{display:block}.container-border{padding:1rem}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";const ie=class{constructor(i){t(this,i),this.organizationVariableSelected=e(this,"organizationVariableSelected",7),this.locale=void 0,this.value="",this._organizationVariables=[],this._translations=void 0}get el(){return o(this)}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}valueWatchHandler(){this._organizationVariables=JSON.parse(this.value)}async componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"3f72a5c1b8fb6bcdab858ee061eadb38cb9965d9"},i("div",{key:"118c7cafc8330c44e72a59a76fd81ca0f39696e1"},i("h4",{key:"86934bdf3cbf162a732a53579e324c5fff8beead",class:"org-var-header"},this._translations.orgVariables)),i("div",{key:"ed5c1df397286a7d1c8e61b5ce04623fa13d74cc",class:"container-border"},i("calcite-tree",{key:"47f4f9bf5a81ded9a37a33a94fac6a230263e917",id:"variable-label"},this._renderHierarchy(this._organizationVariables))))}organizationVariableSelected;_renderHierarchy(t){return t.map((t=>i("calcite-tree-item",{onClick:()=>this._treeItemSelected(t.id,t.value)},t.title)))}_treeItemSelected(t,e){this.organizationVariableSelected.emit({itemId:t,value:e})}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{locale:["localeWatchHandler"],value:["valueWatchHandler"]}}};ie.style=":host{display:block}.container-border{overflow-y:auto}.org-var-header{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1rem}";const ae=class{constructor(e){t(this,e),this.authentication=void 0,this.itemId="",this.locale=void 0,this.resourceFilePaths=[],this.resources=[],this._translations=void 0}get el(){return o(this)}itemIdWatchHandler(){const t=ft.getItemInfo(this.itemId);this.resourceFilePaths=t.resourceFilePaths,this.resources=t.resources.map((t=>t.substring(t.lastIndexOf("/")+1)))}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}componentWillLoad(){return this._getTranslations()}render(){const t=this._hasValidResources();return i(s,{key:"13f2759a882d2eca48bf9dda58e74caade76142b"},i("div",{key:"498ced2e29b8af9138a8aa9d77ec78e07e3c64de",class:"resource-item"},i("div",{key:"d76a967373a990906a67d88ea6466030c41401ff",class:"margin-bottom-1"},i("calcite-button",{key:"96cd2ee08adadef9e1b29db12c38d4748b0689c0",appearance:"solid",class:"resource-button",color:"blue",onClick:()=>this._addNewResource()},this._translations.addResource),i("calcite-button",{key:"49326139cad065995512d3e3568c7d8e7f5cef4f",appearance:"solid",color:"blue",disabled:!t,onClick:()=>this._downloadAll()},this._translations.downloadAll)),i("div",{key:"9c056d9ab7242ea10cbcf57eaabce4bd9777541e",class:"resources-container",style:{display:t?"inherit":"none"}},this._renderResourceList())))}_removedResources={};_renderResourceList(){return i("calcite-value-list",{multiple:!0},this.resourceFilePaths.reduce(((t,e)=>(e.type!==vt.Thumbnail&&t.push(this._renderResource(e)),t)),[]))}_renderResource(t){const e=t.updateType===mt.Remove;return i("calcite-value-list-item",{class:e?"disabled":"",label:t.folder?t.folder+"/"+t.filename:t.filename,nonInteractive:!0,value:t.url},i("calcite-action-group",{"expand-disabled":"true",layout:"horizontal",slot:"actions-end"},i("calcite-action",{disabled:e,icon:"download",label:this._translations.download,onClick:()=>this._download(t.url,t.filename),scale:"m",text:this._translations.download,title:this._translations.download}),i("calcite-action",{disabled:e,icon:"upload-to",label:this._translations.update,onClick:()=>this._upload(t),scale:"m",text:this._translations.update,title:this._translations.update}),i("calcite-action",{disabled:e,icon:"trash",label:this._translations.delete,onClick:()=>this._delete(t),scale:"m",text:this._translations.delete,title:this._translations.delete}),e?i("calcite-action",{icon:"reset",label:this._translations.reset,onClick:()=>this._reset(t.filename),scale:"m",text:this._translations.reset,title:this._translations.reset}):i("div",{class:"display-none"})))}_delete(t){t.updateType=mt.Remove,this.resourceFilePaths=[...this.resourceFilePaths],this._updateStore()}_reset(t){this.resourceFilePaths=this.resources.some((e=>e===t))?this.resourceFilePaths.map((e=>(e.filename===t&&(e.updateType=mt.None),e))):this.resourceFilePaths.map((e=>(e.filename===t&&(e.updateType=mt.Add),e))),this._updateStore()}_downloadAll(){this.resourceFilePaths.forEach((t=>{this._download(t.url,t.filename)}))}_download(t,e){t.startsWith("blob")?this.downloadFile(t,e):this.fetchAndDownload(`${t}?token=${this.authentication.token}`,e)}downloadFile(t,e){const i=document.createElement("a");i.href=t,i.download=e,i.target="_blank",i.click()}_hasValidResources(){return this.resourceFilePaths.some((t=>t.url.indexOf("_info_thumbnail")<0))}async fetchAndDownload(t,e){const i=await fetch(t),a=await i.blob(),o=URL.createObjectURL(a);this.downloadFile(o,e)}_upload(t){const e=document.createElement("input");e.classList.add("display-none"),e.onchange=this._updateResource.bind(this,t),e.type="file",e.click()}_addNewResource(){const t=document.createElement("input");t.classList.add("display-none"),t.onchange=this._add.bind(this),t.type="file",t.click()}_updateResource(t,e){const i=e.target.files;i&&i[0]&&(t.blob=i[0],t.updateType=mt.Update,this._updateStore())}_add(t){const e=t.target.files;if(e&&e[0]){const t=URL.createObjectURL(e[0]),i=e[0].name;this.resourceFilePaths.some((e=>e.filename===i&&e.url===t))||(this.resourceFilePaths=[...this.resourceFilePaths,{url:t,type:vt.Data,folder:void 0,filename:i,blob:e[0],updateType:mt.Add}],this._updateStore())}}_updateStore(){const t=ft.getItemInfo(this.itemId);t.resourceFilePaths=this.resourceFilePaths,ft.setItemInfo(t)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{itemId:["itemIdWatchHandler"],locale:["localeWatchHandler"]}}};ae.style=":host{display:block}.resource-item{padding:1rem}.resource-button{margin-inline-end:1rem}.resource-progress{padding-top:1rem}.resources-container{border:1px #808080 solid}.margin-bottom-1{margin-bottom:1rem}";const oe=class{get el(){return o(this)}itemIdWatchHandler(){this._initializing=!0,this.value=JSON.stringify("data"===this.instanceid?ft.getItemInfo(this.itemId).data:ft.getItemInfo(this.itemId).properties,null,2)}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}constructor(e){t(this,e),this.instanceid="",this.itemId="",this.locale=void 0,this.organizationVariables="",this.solutionVariables="",this.varsOpen=!0,this._translations=void 0,this.value="",window.addEventListener("solutionEditorContentChanged",(t=>{if(this.itemId){const{id:e,contents:i}=t.detail,[a,o]=e.split("|");if(a==this.itemId&&o===this.instanceid){if(!this._initializing&&i.length>0){const t=ft.getItemInfo(a);"data"===o?t.data=JSON.parse(i):t.properties=JSON.parse(i),ft.setItemInfo(t)}this._initializing=!1}}}))}componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"3f853006c19509c8cf484d4420b3f687aaad5161"},i("div",{key:"f524e1ee3c8dc972779be0909372c11c26092dd0",class:"solution-data-container"},i("calcite-shell",{key:"56797702bc53b08051360975dc529c884eb7d294",class:"light var-container",dir:"ltr"},i("calcite-panel",{key:"6208ac7b63ab8b69bc29ad88abdb9bcdeaaa707a",class:"json-editor"},i("div",{key:"66e99550359b5665b4dd04f794d8108e4ee34284",class:"solution-data-child-container calcite-match-height"},i("json-editor",{key:"7a7f5afa5d424fb6099b7167f274ce211e791a56",class:"solution-data-editor-container",instanceid:this.itemId+"|"+this.instanceid,locale:this.locale,value:this.value}))),i("calcite-shell-panel",{key:"7cc8bac91bfc5be96018d005cc87be457278ed6d","height-scale":"l",position:"end",slot:"contextual-panel","width-scale":"xs"},i("div",{key:"4ce0c251d30d5735781394f5c213523867205886",class:this.varsOpen?"solution-data-child-container":"solution-data-child-container-collapsed"},i("calcite-button",{key:"814c8996b854102b022f7ac482498dd6aac36ec8",appearance:"transparent",class:"collapse-btn","icon-start":this.varsOpen?"chevrons-right":"chevrons-left",id:"collapse-vars",onClick:()=>this._toggleVars(),scale:"s",title:this.varsOpen?this._translations.collapse:this._translations.expand}),i("div",{key:"6b872cfc1c60870fb6262808f5d9f61cc35f0f44",class:this.varsOpen?"org-vars":"org-vars display-none",id:"orgVars"},i("solution-organization-variables",{key:"e8e9ee594b6dcb5ddaabd05c322fb33d568ac7b5",locale:this.locale,value:this.organizationVariables})),i("div",{key:"109d17a77a54a13818af6aa2a9beb92526100ea7",class:this.varsOpen?"sol-vars":"sol-vars display-none",id:"solVars"},i("solution-variables",{key:"46902ed69897ed01334def99817fedafbda2e8d5",locale:this.locale,value:this.solutionVariables})))))))}_initializing=!1;_toggleVars(){this.varsOpen=!this.varsOpen}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{itemId:["itemIdWatchHandler"],locale:["localeWatchHandler"]}}};oe.style=":host{display:flexbox}.solution-data-container{position:absolute;height:-moz-available;height:calc(100% - 48px);height:-webkit-fill-available;height:stretch;width:-moz-available;width:100%;width:-webkit-fill-available;width:stretch}.solution-data-child-container{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.solution-data-editor-container{height:100%}.solution-data-child-container-collapsed{display:flex;height:100%;flex-direction:column;overflow:auto;width:50px}.inputBottomSeparation{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.5rem}.json-editor{margin:1rem;width:auto;width:-webkit-fill-available -moz-available}.collapse-btn{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.org-vars{padding-left:1rem;padding-right:1rem;padding-top:1rem;padding-bottom:0px}.sol-vars{padding-top:0px;padding-bottom:0px;padding-left:1rem;padding-right:1rem;min-height:45%}.padding-1{padding:1rem}.light{background-color:#F4F4F4}";const se=class{constructor(i){t(this,i),this.solutionVariableSelected=e(this,"solutionVariableSelected",7),this.value="",this.locale=void 0,this._solutionVariables=[],this._translations=void 0}get el(){return o(this)}async localeWatchHandler(){this.el.lang=this.locale,await this._getTranslations()}valueWatchHandler(){this._solutionVariables=JSON.parse(this.value)}componentWillLoad(){return this._getTranslations()}render(){return i(s,{key:"a90cdfc9a32279cb07938fc57f9dd7e38d822f6d"},i("div",{key:"6826e3dd84034368f419ff759962a721a275dc9c"},i("h4",{key:"5ebdf456e8c4dc006b036dc182fa75218aac0e01",class:"org-var-header"},this._translations.solVariables)),i("div",{key:"06fc04c1e61dc1897989e3cc11df7b173f1fdb2a",class:"container-border"},i("calcite-tree",{key:"15500194129af7440ec05dc495b060fc18f22324",id:"variable-label"},this._renderHierarchy(this._solutionVariables))))}solutionVariableSelected;_renderHierarchy(t){return t.map((t=>t.dependencies&&t.dependencies.length>0?i("calcite-tree-item",{onClick:t=>this._toggleExpand(t)},i("solution-item-icon",{type:t.type}),i("span",{class:"icon-text",title:t.title},t.title),i("calcite-tree",{slot:"children"},this._renderHierarchy(t.dependencies))):i("calcite-tree-item",{onClick:()=>this._treeItemSelected(t.id,t.value)},t.title)))}_treeItemSelected(t,e){this.solutionVariableSelected.emit({itemId:t,value:e})}_toggleExpand(t){const e=t?.target?.closest("calcite-tree-item");e&&(e.expanded=!e.expanded)}async _getTranslations(){const t=await ut(this.el);this._translations=t[0]}static get watchers(){return{locale:["localeWatchHandler"],value:["valueWatchHandler"]}}};se.style=":host{display:block}.container-border{overflow-y:hidden}.org-var-header{margin-top:1rem;margin-bottom:1rem;margin-left:0px;margin-right:0px}.icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";export{zt as calcite_shell_panel,_t as calcite_tab,At as calcite_tab_nav,Ut as calcite_tab_title,Jt as calcite_tabs,Kt as calcite_value_list,Qt as calcite_value_list_item,Zt as json_editor,te as solution_item_details,ee as solution_item_sharing,ie as solution_organization_variables,ae as solution_resource_item,oe as solution_template_data,se as solution_variables}
|