@ccrpc/webmapgl 0.18.6 → 0.18.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-globals-62694daf.js.map +1 -1
- package/dist/cjs/gl-address-search_52.cjs.entry.js +31 -30
- package/dist/cjs/gl-address-search_52.cjs.entry.js.map +1 -1
- package/dist/cjs/gl-draw-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/gl-draw-toolbar.cjs.entry.js.map +1 -1
- package/dist/cjs/gl-facet_5.cjs.entry.js +1 -1
- package/dist/cjs/gl-facet_5.cjs.entry.js.map +1 -1
- package/dist/cjs/gl-like-button.cjs.entry.js +5 -5
- package/dist/cjs/gl-like-button.cjs.entry.js.map +1 -1
- package/dist/cjs/index.cjs.js +11 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/collection/components/address-search/address-search.js +4 -4
- package/dist/collection/components/address-search/address-search.js.map +1 -1
- package/dist/collection/components/app/app.js +1 -1
- package/dist/collection/components/app/app.js.map +1 -1
- package/dist/collection/components/attribute-values/attribute-values.js +1 -1
- package/dist/collection/components/basemaps/basemaps.js +2 -2
- package/dist/collection/components/basemaps/basemaps.js.map +1 -1
- package/dist/collection/components/download-button/download-button.js +3 -3
- package/dist/collection/components/download-button/download-button.js.map +1 -1
- package/dist/collection/components/download-list/download-list.js +2 -1
- package/dist/collection/components/download-list/download-list.js.map +1 -1
- package/dist/collection/components/draw-toolbar/draw-toolbar.js +4 -4
- package/dist/collection/components/draw-toolbar/draw-toolbar.js.map +1 -1
- package/dist/collection/components/drawer/drawer.js +4 -4
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/drawer-toggle/drawer-toggle.js +1 -1
- package/dist/collection/components/drawer-toggle/drawer-toggle.js.map +1 -1
- package/dist/collection/components/feature-list/feature-list.js +1 -1
- package/dist/collection/components/form-page/form-page.js +2 -2
- package/dist/collection/components/form-page/form-page.js.map +1 -1
- package/dist/collection/components/fullscreen/fullscreen.js +1 -1
- package/dist/collection/components/fullscreen/fullscreen.js.map +1 -1
- package/dist/collection/components/legend-item/legend-item.js +2 -2
- package/dist/collection/components/legend-item/legend-item.js.map +1 -1
- package/dist/collection/components/like-button/like-button.js +6 -6
- package/dist/collection/components/like-button/like-button.js.map +1 -1
- package/dist/collection/components/share/share.js +3 -3
- package/dist/collection/components/share/share.js.map +1 -1
- package/dist/collection/components/share-button/share-button.js +2 -2
- package/dist/collection/components/share-button/share-button.js.map +1 -1
- package/dist/collection/components/story-button/story-button.js +4 -4
- package/dist/collection/components/story-button/story-button.js.map +1 -1
- package/dist/collection/components/style/style.js +3 -3
- package/dist/collection/components/table-column-visibility/table-column-visibility.js +1 -1
- package/dist/collection/components/table-column-visibility/table-column-visibility.js.map +1 -1
- package/dist/collection/components/table-column-visibility-button/table-column-visibility-button.js +3 -3
- package/dist/collection/components/table-column-visibility-button/table-column-visibility-button.js.map +1 -1
- package/dist/collection/components/table-export-button/table-export-button.js +1 -1
- package/dist/collection/components/table-export-button/table-export-button.js.map +1 -1
- package/dist/collection/global/webmapgl.js +1 -0
- package/dist/collection/global/webmapgl.js.map +1 -1
- package/dist/collection/index.js +2 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/esm/app-globals-755c21e9.js.map +1 -1
- package/dist/esm/gl-address-search_52.entry.js +32 -31
- package/dist/esm/gl-address-search_52.entry.js.map +1 -1
- package/dist/esm/gl-draw-controller.entry.js +1 -1
- package/dist/esm/gl-draw-toolbar.entry.js +3 -3
- package/dist/esm/gl-draw-toolbar.entry.js.map +1 -1
- package/dist/esm/gl-facet_5.entry.js +2 -2
- package/dist/esm/gl-facet_5.entry.js.map +1 -1
- package/dist/esm/gl-feature-list.entry.js +1 -1
- package/dist/esm/gl-like-button.entry.js +6 -6
- package/dist/esm/gl-like-button.entry.js.map +1 -1
- package/dist/esm/gl-table-export-controller.entry.js +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/{utils-0af5fee1.js → utils-e86257fd.js} +2 -2
- package/dist/esm/{utils-0af5fee1.js.map → utils-e86257fd.js.map} +1 -1
- package/dist/node_modules/@ionic/core/dist/collection/components/accordion/accordion.ios.css +83 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/accordion/accordion.md.css +80 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/accordion-group/accordion-group.ios.css +17 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/accordion-group/accordion-group.md.css +64 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/action-sheet/action-sheet.ios.css +319 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/action-sheet/action-sheet.md.css +259 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/alert/alert.ios.css +503 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/alert/alert.md.css +531 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/app/app.css +17 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/avatar/avatar.ios.css +22 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/avatar/avatar.md.css +22 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/back-button/back-button.ios.css +246 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/back-button/back-button.md.css +269 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/backdrop/backdrop.ios.css +26 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/backdrop/backdrop.md.css +26 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/badge/badge.ios.css +50 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/badge/badge.md.css +54 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.ios.css +205 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/breadcrumb/breadcrumb.md.css +200 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +26 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.md.css +25 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/button/button.ios.css +431 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/button/button.md.css +408 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/buttons/buttons.ios.css +114 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/buttons/buttons.md.css +134 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card/card.ios.css +93 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card/card.md.css +88 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-content/card-content.ios.css +53 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-content/card-content.md.css +55 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-header/card-header.ios.css +31 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-header/card-header.md.css +28 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-subtitle/card-subtitle.ios.css +28 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-subtitle/card-subtitle.md.css +26 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-title/card-title.ios.css +27 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/card-title/card-title.md.css +27 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/checkbox/checkbox.ios.css +310 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/checkbox/checkbox.md.css +326 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/chip/chip.css +149 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/col/col.css +68 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/content/content.css +227 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/datetime/datetime.ios.css +589 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/datetime/datetime.md.css +561 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/datetime-button/datetime-button.css +44 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/fab/fab.css +98 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.ios.css +312 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.md.css +283 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/fab-list/fab-list.css +123 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/footer/footer.ios.css +36 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/footer/footer.md.css +19 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/grid/grid.css +103 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/header/header.ios.css +106 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/header/header.md.css +23 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/img/img.css +12 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/infinite-scroll/infinite-scroll.css +8 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +46 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +46 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/input/input.ios.css +635 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/input/input.md.css +1077 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item/item.ios.css +646 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item/item.md.css +908 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-divider/item-divider.ios.css +166 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-divider/item-divider.md.css +232 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-group/item-group.ios.css +3 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-group/item-group.md.css +3 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-option/item-option.ios.css +142 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-option/item-option.md.css +136 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-options/item-options.ios.css +121 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-options/item-options.md.css +118 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/item-sliding/item-sliding.css +66 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/label/label.ios.css +164 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/label/label.md.css +251 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/list/list.ios.css +63 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/list/list.md.css +104 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/list-header/list-header.ios.css +107 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/list-header/list-header.md.css +88 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/loading/loading.ios.css +95 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/loading/loading.md.css +86 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/menu/menu.ios.css +167 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/menu/menu.md.css +163 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/menu-button/menu-button.ios.css +167 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/menu-button/menu-button.md.css +170 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/menu-toggle/menu-toggle.css +3 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/modal/modal.ios.css +247 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/modal/modal.md.css +162 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/nav/nav.css +10 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/note/note.ios.css +16 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/note/note.md.css +17 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker/picker.ios.css +257 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker/picker.md.css +244 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.ios.css +145 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-column/picker-column.md.css +136 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +75 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-column-internal/picker-column-internal.md.css +78 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.ios.css +152 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/picker-internal/picker-internal.md.css +148 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/popover/popover.ios.css +250 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/popover/popover.md.css +157 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/progress-bar/progress-bar.ios.css +206 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/progress-bar/progress-bar.md.css +206 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/radio/radio.ios.css +331 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/radio/radio.md.css +354 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/range/range.ios.css +469 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/range/range.md.css +614 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/refresher/refresher.ios.css +211 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/refresher/refresher.md.css +206 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/reorder/reorder.ios.css +15 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/reorder/reorder.md.css +15 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/reorder-group/reorder-group.css +34 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/ripple-effect/ripple-effect.css +58 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/router-link/router-link.css +29 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/router-outlet/route-outlet.css +10 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/row/row.css +4 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.ios.css +354 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/searchbar/searchbar.md.css +339 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/segment/segment.ios.css +59 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/segment/segment.md.css +49 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.ios.css +410 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/segment-button/segment-button.md.css +396 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/select/select.ios.css +552 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/select/select.md.css +1025 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/select-option/select-option.css +3 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/select-popover/select-popover.ios.css +14 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/select-popover/select-popover.md.css +37 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/skeleton-text/skeleton-text.css +53 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/spinner/spinner.css +177 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.ios.css +92 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/split-pane/split-pane.md.css +92 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tab/tab.css +4 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tab-bar/tab-bar.ios.css +87 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tab-bar/tab-bar.md.css +74 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tab-button/tab-button.ios.css +367 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tab-button/tab-button.md.css +391 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/tabs/tabs.css +19 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/text/text.css +3 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/textarea/textarea.ios.css +693 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/textarea/textarea.md.css +1142 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/thumbnail/thumbnail.css +21 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/title/title.ios.css +119 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/title/title.md.css +47 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toast/toast.ios.css +284 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toast/toast.md.css +305 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toggle/toggle.ios.css +455 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toggle/toggle.md.css +400 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.ios.css +161 -0
- package/dist/node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.md.css +136 -0
- package/dist/node_modules/ionicons/dist/collection/components/icon/icon.css +101 -0
- package/dist/types/global/webmapgl.d.ts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/webmapgl/index.esm.js +1 -1
- package/dist/webmapgl/{p-29a0ba94.entry.js → p-10ecfbc1.entry.js} +3 -3
- package/dist/webmapgl/p-10ecfbc1.entry.js.map +1 -0
- package/dist/webmapgl/{p-d8674de4.js → p-1109414b.js} +2 -2
- package/dist/webmapgl/p-41aed25d.entry.js +8 -0
- package/dist/webmapgl/p-41aed25d.entry.js.map +1 -0
- package/dist/webmapgl/{p-9a52a393.entry.js → p-4bdbedef.entry.js} +2 -2
- package/dist/webmapgl/{p-43063806.entry.js → p-60c4d25c.entry.js} +2 -2
- package/dist/webmapgl/{p-47516d22.entry.js → p-725281ca.entry.js} +2 -2
- package/dist/webmapgl/{p-8d22e12f.entry.js → p-8e93527b.entry.js} +2 -2
- package/dist/webmapgl/p-8e93527b.entry.js.map +1 -0
- package/dist/webmapgl/p-b3dc2acc.js.map +1 -1
- package/dist/webmapgl/{p-96e77bf2.entry.js → p-c61eaf23.entry.js} +2 -2
- package/dist/webmapgl/p-c61eaf23.entry.js.map +1 -0
- package/dist/webmapgl/webmapgl.css +1 -1
- package/dist/webmapgl/webmapgl.esm.js +1 -1
- package/package.json +4 -3
- package/CHANGELOG.md +0 -234
- package/dist/webmapgl/p-29a0ba94.entry.js.map +0 -1
- package/dist/webmapgl/p-8d22e12f.entry.js.map +0 -1
- package/dist/webmapgl/p-96e77bf2.entry.js.map +0 -1
- package/dist/webmapgl/p-99a83939.entry.js +0 -8
- package/dist/webmapgl/p-99a83939.entry.js.map +0 -1
- /package/dist/webmapgl/{p-d8674de4.js.map → p-1109414b.js.map} +0 -0
- /package/dist/webmapgl/{p-9a52a393.entry.js.map → p-4bdbedef.entry.js.map} +0 -0
- /package/dist/webmapgl/{p-43063806.entry.js.map → p-60c4d25c.entry.js.map} +0 -0
- /package/dist/webmapgl/{p-47516d22.entry.js.map → p-725281ca.entry.js.map} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, f as createEvent, h, d as getElement } from './index-cb74209c.js';
|
|
2
|
-
import {
|
|
2
|
+
import { a as findOrCreateOnReady } from './utils-e86257fd.js';
|
|
3
3
|
|
|
4
4
|
const LikeButton = class {
|
|
5
5
|
constructor(hostRef) {
|
|
@@ -56,13 +56,13 @@ const LikeButton = class {
|
|
|
56
56
|
properties: {
|
|
57
57
|
action: this.liked ? "like" : "unlike",
|
|
58
58
|
feature_id: this.feature.id,
|
|
59
|
-
client_id: clientId
|
|
60
|
-
}
|
|
59
|
+
client_id: clientId
|
|
60
|
+
}
|
|
61
61
|
}, {
|
|
62
62
|
url: this.url,
|
|
63
63
|
token: this.token,
|
|
64
64
|
method: this.method,
|
|
65
|
-
mode: this.requestMode
|
|
65
|
+
mode: this.requestMode
|
|
66
66
|
});
|
|
67
67
|
success = true;
|
|
68
68
|
}
|
|
@@ -71,11 +71,11 @@ const LikeButton = class {
|
|
|
71
71
|
success: success,
|
|
72
72
|
feature: this.feature,
|
|
73
73
|
action: this.liked ? "like" : "unlike",
|
|
74
|
-
client_id: clientId
|
|
74
|
+
client_id: clientId
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
render() {
|
|
78
|
-
return (h("ion-button", { fill: "clear", onClick: this.likeClicked, disabled: this.disabled }, h("ion-icon", { slot: "start", name: this.liked ? this.iconYes : this.iconNo }), h("span", { class: "gl-like-button-count" }, this.count)));
|
|
78
|
+
return (h("ion-button", { fill: "clear", onClick: this.likeClicked, disabled: this.disabled, "aria-label": "Like Button" }, h("ion-icon", { slot: "start", name: this.liked ? this.iconYes : this.iconNo, "aria-hidden": "true" }), h("span", { class: "gl-like-button-count" }, this.count)));
|
|
79
79
|
}
|
|
80
80
|
get el() { return getElement(this); }
|
|
81
81
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gl-like-button.entry.js","mappings":";;;MAiBa,UAAU;;;;IA2Hb,gBAAW,GAAG;MACpB,IAAI,CAAC,IAAI,CAAC,QAAQ;QAAE,IAAI,CAAC,MAAM,EAAE,CAAC;KACnC,CAAC;iBA1HuB,CAAC;iBACA,KAAK;;;;qBASM,QAAQ;oBAKR,KAAK;;kBAUR,cAAc;mBAKb,MAAM;kBAK8B,MAAM;;;;;EA4B7E,MAAM,iBAAiB;IACrB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;GACvB;EAGD,MAAM,QAAQ;IACZ,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE;MAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;MACrD,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;OACjE;MACD,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;MACtD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;KACnC;GACF;EAEO,MAAM,MAAM;;IAClB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACzB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAClC,IAAI,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,KAAI,SAAS;MACvC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;IACvD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;;IAGrD,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;IACxC,IAAI;MACF,IAAI,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;OACjE;MACD,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CACxB;QACE,IAAI,EAAE,SAAS;QACf,UAAU,EAAE;UACV,MAAM,EAAE,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ;UACtC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE;UAC3B,SAAS,EAAE,QAAQ;SACpB;OACF,EACD;QACE,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,IAAI,EAAE,IAAI,CAAC,WAAW;OACvB,CACF,CAAC;MACF,OAAO,GAAG,IAAI,CAAC;KAChB;IAAC,OAAO,CAAC,EAAE,GAAE;IAEd,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;MACf,OAAO,EAAE,OAAO;MAChB,OAAO,EAAE,IAAI,CAAC,OAAO;MACrB,MAAM,EAAE,IAAI,CAAC,KAAK,GAAG,MAAM,GAAG,QAAQ;MACtC,SAAS,EAAE,QAAQ;KACpB,CAAC,CAAC;GACJ;EAMD,MAAM;IACJ,QACE,kBACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,
|
|
1
|
+
{"file":"gl-like-button.entry.js","mappings":"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","names":[],"sources":["src/components/like-button/like-button.tsx"],"sourcesContent":["import {\n h,\n Component,\n Element,\n Event,\n EventEmitter,\n Prop,\n State,\n Watch\n} from \"@stencil/core\";\nimport { LikeProxy } from \"../like-controller/like-proxy\";\nimport { findOrCreateOnReady } from \"../utils\";\nimport { Feature } from \"geojson\";\nimport { MapGeoJSONFeature } from \"maplibre-gl\";\n@Component({\n tag: \"gl-like-button\"\n})\nexport class LikeButton {\n @Element() el: HTMLGlLikeButtonElement;\n\n @State() count: number = 0;\n @State() liked: boolean = false;\n @State() proxy: LikeProxy;\n\n @State() likeCtrl: HTMLGlLikeControllerElement;\n @State() restCtrl: HTMLGlRestControllerElement;\n\n /**\n * The attribute which stores the number of likes this feature has received\n */\n @Prop() readonly attribute: string = \"_likes\";\n\n /**\n * Whether or not this like button is disabled\n */\n @Prop() readonly disabled: boolean = false;\n\n /**\n * The feature this like button is for\n */\n @Prop() readonly feature: Feature | MapGeoJSONFeature;\n\n /**\n * The icon for the like button if the user has not liked the feature\n */\n @Prop() readonly iconNo: string = \"star-outline\";\n\n /**\n * The icon for the like button if the user\n */\n @Prop() readonly iconYes: string = \"star\";\n\n /**\n * The HTTP method this like button uses to communicate a like\n */\n @Prop() readonly method: \"GET\" | \"POST\" | \"PATCH\" | \"PUT\" | \"DELETE\" = \"POST\";\n\n /**\n * The cors mode this like button uses to communicate\n */\n @Prop() readonly requestMode: RequestMode;\n\n /**\n * The authentication token this like button uses when communicating\n */\n @Prop() readonly token: string;\n\n /**\n * The url to the endpoint which which the like button communicates.\n * Most likely this will be the end point of a features-api instance.\n */\n @Prop() readonly url: string;\n\n /**\n * An event emitted when the user presses the like button\n */\n @Event() glLike: EventEmitter<{\n success: boolean;\n feature: Feature | MapGeoJSONFeature;\n action: \"like\" | \"unlike\";\n client_id: string;\n }>;\n\n async componentWillLoad() {\n await this.setState();\n }\n\n @Watch(\"feature\")\n async setState() {\n if (this.feature != undefined) {\n this.count = this.feature.properties[this.attribute];\n if (this.likeCtrl == undefined) {\n this.likeCtrl = await findOrCreateOnReady(\"gl-like-controller\");\n }\n this.proxy = await this.likeCtrl.create(this.feature);\n this.liked = this.proxy.isLiked();\n }\n }\n\n private async toggle() {\n this.liked = !this.liked;\n this.count += this.liked ? 1 : -1;\n if (this.feature?.properties != undefined)\n this.feature.properties[this.attribute] = this.count;\n this.liked ? this.proxy.like() : this.proxy.unlike();\n\n // Fail silently if request fails.\n let success = false;\n let clientId = this.proxy.getClientId();\n try {\n if (this.restCtrl == undefined) {\n this.restCtrl = await findOrCreateOnReady(\"gl-rest-controller\");\n }\n await this.restCtrl.create(\n {\n type: \"Feature\",\n properties: {\n action: this.liked ? \"like\" : \"unlike\",\n feature_id: this.feature.id,\n client_id: clientId\n }\n },\n {\n url: this.url,\n token: this.token,\n method: this.method,\n mode: this.requestMode\n }\n );\n success = true;\n } catch (e) {}\n\n this.glLike.emit({\n success: success,\n feature: this.feature,\n action: this.liked ? \"like\" : \"unlike\",\n client_id: clientId\n });\n }\n\n private likeClicked = () => {\n if (!this.disabled) this.toggle();\n };\n\n render() {\n return (\n <ion-button\n fill=\"clear\"\n onClick={this.likeClicked}\n disabled={this.disabled}\n aria-label=\"Like Button\"\n >\n <ion-icon\n slot=\"start\"\n name={this.liked ? this.iconYes : this.iconNo}\n aria-hidden=\"true\"\n ></ion-icon>\n <span class=\"gl-like-button-count\">{this.count}</span>\n </ion-button>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance } from './index-cb74209c.js';
|
|
2
|
-
import {
|
|
2
|
+
import { f as fetchPdf } from './utils-e86257fd.js';
|
|
3
3
|
import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-4d8f6371.js';
|
|
4
4
|
|
|
5
5
|
var fileDownload = function(data, filename, mime, bom) {
|
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
1
|
+
{"file":"index.js","mappings":";","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -54,6 +54,6 @@ async function findOrCreateOnReady(tagName) {
|
|
|
54
54
|
: Promise.resolve(elm);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
export {
|
|
57
|
+
export { findOrCreateOnReady as a, getAbsoluteUrl as b, getThumbnail as c, fetchPdf as f, getMap as g, toArray as t };
|
|
58
58
|
|
|
59
|
-
//# sourceMappingURL=utils-
|
|
59
|
+
//# sourceMappingURL=utils-e86257fd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utils-
|
|
1
|
+
{"file":"utils-e86257fd.js","mappings":";;SAIgB,MAAM,CAAC,EAAW;EAChC,OAAO,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,SAAS,GAAG,UAAU,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC;AAC7E,CAAC;SAEe,YAAY,CAAC,IAAuB;EAClD,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS;IACzB,QACE,qBAAe,IAAI,EAAC,OAAO;MACzB,WAAK,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI,CACV,EAChB;AACN,CAAC;SAEe,OAAO,CAAC,KAAwB,EAAE,GAAG,GAAG,GAAG;EACzD,IAAI,KAAK,IAAI,SAAS;IAAE,OAAO,EAAE,CAAC;EAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;IAAE,OAAO,KAAK,CAAC;EACvC,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC;AAED;MACa,cAAc,GAAG,CAAC;EAC7B,IAAI,CAAoB,CAAC;EACzB,OAAO,UAAU,GAAW;IAC1B,IAAI,CAAC,IAAI,SAAS;MAAE,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC;IACb,OAAO,CAAC,CAAC,IAAI,CAAC;GACf,CAAC;AACJ,CAAC,IAAI;AAEE,eAAe,QAAQ,CAC5B,GAAW,EACX,QAAgB,EAChB,MAA4B;EAE5B,IAAI,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,GAAG,QAAQ,EAAE;IACpC,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE;MACP,cAAc,EAAE,kBAAkB;KACnC;IACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;GAC7B,CAAC,CAAC;EACH,IAAI,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;EAC5B,MAAM,GAAG,GAAG,MAAM,CAAC,SAAgB,CAAC;EACpC,IAAI,GAAG,CAAC,gBAAgB,EAAE;IACxB,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,QAAQ,MAAM,CAAC,CAAC;GAC/C;OAAM;IACL,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;GAC/C;AACH,CAAC;AAEM,eAAe,mBAAmB,CAEvC,OAAe;EACf,IAAI,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAI,OAAO,CAAC,CAAC;EAC7C,IAAI,GAAG,IAAI,IAAI,EAAE;IACf,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAM,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;GAChC;EACD,OAAO,OAAO,GAAG,CAAC,gBAAgB,KAAK,UAAU;MAC7C,GAAG,CAAC,gBAAgB,EAAE;MACtB,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AAC3B;;;;","names":[],"sources":["src/components/utils.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { HTMLStencilElement } from \"@stencil/core/internal\";\nimport { TDocumentDefinitions } from \"pdfmake/interfaces\";\n\nexport function getMap(id?: string): HTMLGlMapElement {\n return document.querySelector(id != undefined ? `gl-map#${id}` : \"gl-map\");\n}\n\nexport function getThumbnail(item: { image: string }) {\n if (item.image != undefined)\n return (\n <ion-thumbnail slot=\"start\">\n <img src={item.image} />\n </ion-thumbnail>\n );\n}\n\nexport function toArray(value: string | string[], sep = \",\") {\n if (value == undefined) return [];\n if (Array.isArray(value)) return value;\n return value.split(sep);\n}\n\n// Based on: https://davidwalsh.name/get-absolute-url\nexport const getAbsoluteUrl = (function () {\n let a: HTMLAnchorElement;\n return function (url: string) {\n if (a == undefined) a = document.createElement(\"a\");\n a.href = url;\n return a.href;\n };\n})();\n\nexport async function fetchPdf(\n url: string,\n filename: string,\n docDef: TDocumentDefinitions\n) {\n let res = await fetch(url + filename, {\n method: \"POST\",\n mode: \"cors\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(docDef),\n });\n let blob = await res.blob();\n const nav = window.navigator as any;\n if (nav.msSaveOrOpenBlob) {\n nav.msSaveOrOpenBlob(blob, `${filename}.pdf`);\n } else {\n window.open(window.URL.createObjectURL(blob));\n }\n}\n\nexport async function findOrCreateOnReady<\n E extends HTMLStencilElement = HTMLStencilElement\n>(tagName: string): Promise<E> {\n let elm = document.querySelector<E>(tagName);\n if (elm == null) {\n elm = document.createElement(tagName) as E;\n document.body.appendChild(elm);\n }\n return typeof elm.componentOnReady === \"function\"\n ? elm.componentOnReady()\n : Promise.resolve(elm);\n}\n"],"version":3}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
position: relative;
|
|
4
|
+
width: 100%;
|
|
5
|
+
background-color: var(--ion-background-color, #ffffff);
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
/**
|
|
8
|
+
* This is required to force WebKit
|
|
9
|
+
* to create a new stacking context
|
|
10
|
+
* otherwise the border radius is
|
|
11
|
+
* temporarily lost when hovering over
|
|
12
|
+
* the ion-item or expanding/collapsing
|
|
13
|
+
* the accordion.
|
|
14
|
+
*/
|
|
15
|
+
z-index: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host(.accordion-expanding) ::slotted(ion-item[slot=header]),
|
|
19
|
+
:host(.accordion-expanded) ::slotted(ion-item[slot=header]) {
|
|
20
|
+
--border-width: 0px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host(.accordion-animated) {
|
|
24
|
+
transition: all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.accordion-animated) #content {
|
|
28
|
+
transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
#content {
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
will-change: max-height;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:host(.accordion-collapsing) #content {
|
|
37
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
38
|
+
max-height: 0 !important;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:host(.accordion-collapsed) #content {
|
|
42
|
+
display: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:host(.accordion-expanding) #content {
|
|
46
|
+
max-height: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Prevent margins of content-wrapper
|
|
51
|
+
* from collapsing, breaking the animation.
|
|
52
|
+
*/
|
|
53
|
+
:host(.accordion-expanding) #content-wrapper {
|
|
54
|
+
overflow: auto;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host(.accordion-disabled) #header,
|
|
58
|
+
:host(.accordion-readonly) #header,
|
|
59
|
+
:host(.accordion-disabled) #content,
|
|
60
|
+
:host(.accordion-readonly) #content {
|
|
61
|
+
pointer-events: none;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* We do not set the opacity on the
|
|
66
|
+
* host otherwise you would see the
|
|
67
|
+
* box-shadow behind it.
|
|
68
|
+
*/
|
|
69
|
+
:host(.accordion-disabled) #header,
|
|
70
|
+
:host(.accordion-disabled) #content {
|
|
71
|
+
opacity: 0.4;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@media (prefers-reduced-motion: reduce) {
|
|
75
|
+
:host,
|
|
76
|
+
#content {
|
|
77
|
+
/* stylelint-disable declaration-no-important */
|
|
78
|
+
transition: none !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
:host(.accordion-next) ::slotted(ion-item[slot=header]) {
|
|
82
|
+
--border-width: 0.55px 0px 0.55px 0px;
|
|
83
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
position: relative;
|
|
4
|
+
width: 100%;
|
|
5
|
+
background-color: var(--ion-background-color, #ffffff);
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
/**
|
|
8
|
+
* This is required to force WebKit
|
|
9
|
+
* to create a new stacking context
|
|
10
|
+
* otherwise the border radius is
|
|
11
|
+
* temporarily lost when hovering over
|
|
12
|
+
* the ion-item or expanding/collapsing
|
|
13
|
+
* the accordion.
|
|
14
|
+
*/
|
|
15
|
+
z-index: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host(.accordion-expanding) ::slotted(ion-item[slot=header]),
|
|
19
|
+
:host(.accordion-expanded) ::slotted(ion-item[slot=header]) {
|
|
20
|
+
--border-width: 0px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host(.accordion-animated) {
|
|
24
|
+
transition: all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.accordion-animated) #content {
|
|
28
|
+
transition: max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
#content {
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
will-change: max-height;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:host(.accordion-collapsing) #content {
|
|
37
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
38
|
+
max-height: 0 !important;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:host(.accordion-collapsed) #content {
|
|
42
|
+
display: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:host(.accordion-expanding) #content {
|
|
46
|
+
max-height: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Prevent margins of content-wrapper
|
|
51
|
+
* from collapsing, breaking the animation.
|
|
52
|
+
*/
|
|
53
|
+
:host(.accordion-expanding) #content-wrapper {
|
|
54
|
+
overflow: auto;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host(.accordion-disabled) #header,
|
|
58
|
+
:host(.accordion-readonly) #header,
|
|
59
|
+
:host(.accordion-disabled) #content,
|
|
60
|
+
:host(.accordion-readonly) #content {
|
|
61
|
+
pointer-events: none;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* We do not set the opacity on the
|
|
66
|
+
* host otherwise you would see the
|
|
67
|
+
* box-shadow behind it.
|
|
68
|
+
*/
|
|
69
|
+
:host(.accordion-disabled) #header,
|
|
70
|
+
:host(.accordion-disabled) #content {
|
|
71
|
+
opacity: 0.4;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@media (prefers-reduced-motion: reduce) {
|
|
75
|
+
:host,
|
|
76
|
+
#content {
|
|
77
|
+
/* stylelint-disable declaration-no-important */
|
|
78
|
+
transition: none !important;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:host(.accordion-group-expand-inset) {
|
|
6
|
+
-webkit-margin-start: 16px;
|
|
7
|
+
margin-inline-start: 16px;
|
|
8
|
+
-webkit-margin-end: 16px;
|
|
9
|
+
margin-inline-end: 16px;
|
|
10
|
+
margin-top: 16px;
|
|
11
|
+
margin-bottom: 16px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),
|
|
15
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded) {
|
|
16
|
+
border-bottom: none;
|
|
17
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
:host(.accordion-group-expand-inset) {
|
|
6
|
+
-webkit-margin-start: 16px;
|
|
7
|
+
margin-inline-start: 16px;
|
|
8
|
+
-webkit-margin-end: 16px;
|
|
9
|
+
margin-inline-end: 16px;
|
|
10
|
+
margin-top: 16px;
|
|
11
|
+
margin-bottom: 16px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion) {
|
|
15
|
+
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanding),
|
|
19
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-expanded) {
|
|
20
|
+
margin-left: 0;
|
|
21
|
+
margin-right: 0;
|
|
22
|
+
margin-top: 16px;
|
|
23
|
+
margin-bottom: 16px;
|
|
24
|
+
border-radius: 6px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous) {
|
|
28
|
+
border-bottom-right-radius: 6px;
|
|
29
|
+
border-bottom-left-radius: 6px;
|
|
30
|
+
}
|
|
31
|
+
:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous), :host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-previous) {
|
|
32
|
+
border-bottom-right-radius: 6px;
|
|
33
|
+
border-bottom-left-radius: 6px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@supports selector(:dir(rtl)) {
|
|
37
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-previous):dir(rtl) {
|
|
38
|
+
border-bottom-right-radius: 6px;
|
|
39
|
+
border-bottom-left-radius: 6px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next) {
|
|
44
|
+
border-top-left-radius: 6px;
|
|
45
|
+
border-top-right-radius: 6px;
|
|
46
|
+
}
|
|
47
|
+
:host-context([dir=rtl]):host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next), :host-context([dir=rtl]).accordion-group-expand-inset ::slotted(ion-accordion.accordion-next) {
|
|
48
|
+
border-top-left-radius: 6px;
|
|
49
|
+
border-top-right-radius: 6px;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
@supports selector(:dir(rtl)) {
|
|
53
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion.accordion-next):dir(rtl) {
|
|
54
|
+
border-top-left-radius: 6px;
|
|
55
|
+
border-top-right-radius: 6px;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:host(.accordion-group-expand-inset) ::slotted(ion-accordion):first-of-type {
|
|
60
|
+
margin-left: 0;
|
|
61
|
+
margin-right: 0;
|
|
62
|
+
margin-top: 0;
|
|
63
|
+
margin-bottom: 0;
|
|
64
|
+
}
|