@maggioli-design-system/magma 1.11.7 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/magma-components.cjs.js +1 -1
- package/dist/cjs/mds-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/mds-accordion-timer-item.cjs.entry.js +1 -1
- package/dist/cjs/mds-accordion-timer.cjs.entry.js +1 -1
- package/dist/cjs/mds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/mds-author.cjs.entry.js +2 -2
- package/dist/cjs/mds-avatar-stack-item.cjs.entry.js +1 -1
- package/dist/cjs/mds-avatar-stack.cjs.entry.js +1 -1
- package/dist/cjs/mds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/mds-badge.cjs.entry.js +1 -1
- package/dist/cjs/mds-banner_3.cjs.entry.js +6 -6
- package/dist/cjs/mds-benchmark-bar.cjs.entry.js +1 -1
- package/dist/cjs/mds-bibliography.cjs.entry.js +7 -7
- package/dist/cjs/mds-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/mds-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/mds-button-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/mds-button-group.cjs.entry.js +1 -1
- package/dist/cjs/mds-button_3.cjs.entry.js +2 -2
- package/dist/cjs/mds-calendar_2.cjs.entry.js +246 -128
- package/dist/cjs/mds-card-content.cjs.entry.js +1 -1
- package/dist/cjs/mds-card-footer.cjs.entry.js +1 -1
- package/dist/cjs/mds-card-header.cjs.entry.js +1 -1
- package/dist/cjs/mds-card-media.cjs.entry.js +1 -1
- package/dist/cjs/mds-card.cjs.entry.js +1 -1
- package/dist/cjs/mds-details.cjs.entry.js +1 -1
- package/dist/cjs/mds-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/mds-emoji.cjs.entry.js +1 -1
- package/dist/cjs/mds-entity.cjs.entry.js +4 -4
- package/dist/cjs/mds-file-preview.cjs.entry.js +2 -2
- package/dist/cjs/mds-file.cjs.entry.js +3 -3
- package/dist/cjs/mds-filter-item.cjs.entry.js +1 -1
- package/dist/cjs/mds-filter.cjs.entry.js +1 -1
- package/dist/cjs/mds-header-bar.cjs.entry.js +3 -3
- package/dist/cjs/mds-header.cjs.entry.js +2 -2
- package/dist/cjs/mds-horizontal-scroll.cjs.entry.js +1 -1
- package/dist/cjs/mds-hr.cjs.entry.js +1 -1
- package/dist/cjs/mds-input-date-range.cjs.entry.js +197 -55
- package/dist/cjs/mds-input-date.cjs.entry.js +16 -10
- package/dist/cjs/mds-input.cjs.entry.js +9 -9
- package/dist/collection/components/mds-accordion/mds-accordion.js +1 -1
- package/dist/collection/components/mds-accordion-item/mds-accordion-item.js +1 -1
- package/dist/collection/components/mds-accordion-timer/mds-accordion-timer.js +1 -1
- package/dist/collection/components/mds-accordion-timer-item/mds-accordion-timer-item.js +1 -1
- package/dist/collection/components/mds-author/mds-author.js +2 -2
- package/dist/collection/components/mds-avatar/mds-avatar.js +1 -1
- package/dist/collection/components/mds-avatar-stack/mds-avatar-stack.js +1 -1
- package/dist/collection/components/mds-avatar-stack-item/mds-avatar-stack-item.js +1 -1
- package/dist/collection/components/mds-badge/mds-badge.js +1 -1
- package/dist/collection/components/mds-banner/mds-banner.js +2 -2
- package/dist/collection/components/mds-benchmark-bar/mds-benchmark-bar.js +1 -1
- package/dist/collection/components/mds-bibliography/mds-bibliography.js +7 -7
- package/dist/collection/components/mds-breadcrumb/mds-breadcrumb.js +2 -2
- package/dist/collection/components/mds-breadcrumb-item/mds-breadcrumb-item.js +1 -1
- package/dist/collection/components/mds-button/mds-button.js +1 -1
- package/dist/collection/components/mds-button-dropdown/mds-button-dropdown.js +1 -1
- package/dist/collection/components/mds-button-group/mds-button-group.js +1 -1
- package/dist/collection/components/mds-calendar/mds-calendar.css +50 -7
- package/dist/collection/components/mds-calendar/mds-calendar.js +413 -128
- package/dist/collection/components/mds-calendar-cell/mds-calendar-cell.js +1 -1
- package/dist/collection/components/mds-card/mds-card.js +1 -1
- package/dist/collection/components/mds-card-content/mds-card-content.js +1 -1
- package/dist/collection/components/mds-card-footer/mds-card-footer.js +1 -1
- package/dist/collection/components/mds-card-header/mds-card-header.js +1 -1
- package/dist/collection/components/mds-card-media/mds-card-media.js +1 -1
- package/dist/collection/components/mds-chip/mds-chip.js +3 -3
- package/dist/collection/components/mds-details/mds-details.js +1 -1
- package/dist/collection/components/mds-dropdown/mds-dropdown.js +2 -2
- package/dist/collection/components/mds-emoji/mds-emoji.js +1 -1
- package/dist/collection/components/mds-entity/mds-entity.js +4 -4
- package/dist/collection/components/mds-file/mds-file.js +3 -3
- package/dist/collection/components/mds-file-preview/mds-file-preview.js +2 -2
- package/dist/collection/components/mds-filter/mds-filter.js +1 -1
- package/dist/collection/components/mds-filter-item/mds-filter-item.js +1 -1
- package/dist/collection/components/mds-header/mds-header.js +2 -2
- package/dist/collection/components/mds-header-bar/mds-header-bar.js +3 -3
- package/dist/collection/components/mds-help/mds-help.js +1 -1
- package/dist/collection/components/mds-horizontal-scroll/mds-horizontal-scroll.js +1 -1
- package/dist/collection/components/mds-hr/mds-hr.js +1 -1
- package/dist/collection/components/mds-icon/mds-icon.js +1 -1
- package/dist/collection/components/mds-input/mds-input.js +9 -9
- package/dist/collection/components/mds-input-date/mds-input-date.js +19 -11
- package/dist/collection/components/mds-input-date-range/mds-input-date-range.css +33 -1
- package/dist/collection/components/mds-input-date-range/mds-input-date-range.js +220 -70
- package/dist/collection/components/mds-input-date-range/test/mds-input-date-range.stories.js +10 -0
- package/dist/collection/components/mds-keyboard-key/mds-keyboard-key.js +1 -1
- package/dist/components/mds-accordion-item.js +1 -1
- package/dist/components/mds-accordion-timer-item.js +1 -1
- package/dist/components/mds-accordion-timer.js +1 -1
- package/dist/components/mds-accordion.js +1 -1
- package/dist/components/mds-author.js +2 -2
- package/dist/components/mds-avatar-stack-item2.js +1 -1
- package/dist/components/mds-avatar-stack.js +1 -1
- package/dist/components/mds-avatar2.js +1 -1
- package/dist/components/mds-badge2.js +1 -1
- package/dist/components/mds-banner2.js +2 -2
- package/dist/components/mds-benchmark-bar.js +1 -1
- package/dist/components/mds-bibliography.js +7 -7
- package/dist/components/mds-breadcrumb-item.js +1 -1
- package/dist/components/mds-breadcrumb.js +2 -2
- package/dist/components/mds-button-dropdown.js +1 -1
- package/dist/components/mds-button-group.js +1 -1
- package/dist/components/mds-button2.js +1 -1
- package/dist/components/mds-calendar-cell2.js +1 -1
- package/dist/components/mds-calendar2.js +256 -128
- package/dist/components/mds-card-content.js +1 -1
- package/dist/components/mds-card-footer.js +1 -1
- package/dist/components/mds-card-header.js +1 -1
- package/dist/components/mds-card-media.js +1 -1
- package/dist/components/mds-card.js +1 -1
- package/dist/components/mds-chip2.js +3 -3
- package/dist/components/mds-details.js +1 -1
- package/dist/components/mds-dropdown2.js +2 -2
- package/dist/components/mds-emoji.js +1 -1
- package/dist/components/mds-entity.js +4 -4
- package/dist/components/mds-file-preview2.js +2 -2
- package/dist/components/mds-file.js +3 -3
- package/dist/components/mds-filter-item2.js +1 -1
- package/dist/components/mds-filter.js +1 -1
- package/dist/components/mds-header-bar.js +3 -3
- package/dist/components/mds-header.js +2 -2
- package/dist/components/mds-help2.js +1 -1
- package/dist/components/mds-horizontal-scroll.js +1 -1
- package/dist/components/mds-hr.js +1 -1
- package/dist/components/mds-icon2.js +1 -1
- package/dist/components/mds-input-date-range.js +199 -55
- package/dist/components/mds-input-date.js +17 -10
- package/dist/components/mds-input2.js +9 -9
- package/dist/documentation.json +238 -32
- package/dist/esm/loader.js +1 -1
- package/dist/esm/magma-components.js +1 -1
- package/dist/esm/mds-accordion-item.entry.js +1 -1
- package/dist/esm/mds-accordion-timer-item.entry.js +1 -1
- package/dist/esm/mds-accordion-timer.entry.js +1 -1
- package/dist/esm/mds-accordion.entry.js +1 -1
- package/dist/esm/mds-author.entry.js +2 -2
- package/dist/esm/mds-avatar-stack-item.entry.js +1 -1
- package/dist/esm/mds-avatar-stack.entry.js +1 -1
- package/dist/esm/mds-avatar.entry.js +1 -1
- package/dist/esm/mds-badge.entry.js +1 -1
- package/dist/esm/mds-banner_3.entry.js +6 -6
- package/dist/esm/mds-benchmark-bar.entry.js +1 -1
- package/dist/esm/mds-bibliography.entry.js +7 -7
- package/dist/esm/mds-breadcrumb-item.entry.js +1 -1
- package/dist/esm/mds-breadcrumb.entry.js +2 -2
- package/dist/esm/mds-button-dropdown.entry.js +1 -1
- package/dist/esm/mds-button-group.entry.js +1 -1
- package/dist/esm/mds-button_3.entry.js +2 -2
- package/dist/esm/mds-calendar_2.entry.js +246 -128
- package/dist/esm/mds-card-content.entry.js +1 -1
- package/dist/esm/mds-card-footer.entry.js +1 -1
- package/dist/esm/mds-card-header.entry.js +1 -1
- package/dist/esm/mds-card-media.entry.js +1 -1
- package/dist/esm/mds-card.entry.js +1 -1
- package/dist/esm/mds-details.entry.js +1 -1
- package/dist/esm/mds-dropdown.entry.js +2 -2
- package/dist/esm/mds-emoji.entry.js +1 -1
- package/dist/esm/mds-entity.entry.js +4 -4
- package/dist/esm/mds-file-preview.entry.js +2 -2
- package/dist/esm/mds-file.entry.js +3 -3
- package/dist/esm/mds-filter-item.entry.js +1 -1
- package/dist/esm/mds-filter.entry.js +1 -1
- package/dist/esm/mds-header-bar.entry.js +3 -3
- package/dist/esm/mds-header.entry.js +2 -2
- package/dist/esm/mds-horizontal-scroll.entry.js +1 -1
- package/dist/esm/mds-hr.entry.js +1 -1
- package/dist/esm/mds-input-date-range.entry.js +197 -55
- package/dist/esm/mds-input-date.entry.js +16 -10
- package/dist/esm/mds-input.entry.js +9 -9
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/magma-components.js +1 -1
- package/dist/esm-es5/mds-accordion-item.entry.js +1 -1
- package/dist/esm-es5/mds-accordion-timer-item.entry.js +1 -1
- package/dist/esm-es5/mds-accordion-timer.entry.js +1 -1
- package/dist/esm-es5/mds-accordion.entry.js +1 -1
- package/dist/esm-es5/mds-author.entry.js +1 -1
- package/dist/esm-es5/mds-avatar-stack-item.entry.js +1 -1
- package/dist/esm-es5/mds-avatar-stack.entry.js +1 -1
- package/dist/esm-es5/mds-avatar.entry.js +1 -1
- package/dist/esm-es5/mds-badge.entry.js +1 -1
- package/dist/esm-es5/mds-banner_3.entry.js +1 -1
- package/dist/esm-es5/mds-benchmark-bar.entry.js +1 -1
- package/dist/esm-es5/mds-bibliography.entry.js +1 -1
- package/dist/esm-es5/mds-breadcrumb-item.entry.js +1 -1
- package/dist/esm-es5/mds-breadcrumb.entry.js +1 -1
- package/dist/esm-es5/mds-button-dropdown.entry.js +1 -1
- package/dist/esm-es5/mds-button-group.entry.js +1 -1
- package/dist/esm-es5/mds-button_3.entry.js +1 -1
- package/dist/esm-es5/mds-calendar_2.entry.js +1 -1
- package/dist/esm-es5/mds-card-content.entry.js +1 -1
- package/dist/esm-es5/mds-card-footer.entry.js +1 -1
- package/dist/esm-es5/mds-card-header.entry.js +1 -1
- package/dist/esm-es5/mds-card-media.entry.js +1 -1
- package/dist/esm-es5/mds-card.entry.js +1 -1
- package/dist/esm-es5/mds-details.entry.js +1 -1
- package/dist/esm-es5/mds-dropdown.entry.js +1 -1
- package/dist/esm-es5/mds-emoji.entry.js +2 -2
- package/dist/esm-es5/mds-entity.entry.js +1 -1
- package/dist/esm-es5/mds-file-preview.entry.js +1 -1
- package/dist/esm-es5/mds-file.entry.js +1 -1
- package/dist/esm-es5/mds-filter-item.entry.js +1 -1
- package/dist/esm-es5/mds-filter.entry.js +1 -1
- package/dist/esm-es5/mds-header-bar.entry.js +1 -1
- package/dist/esm-es5/mds-header.entry.js +1 -1
- package/dist/esm-es5/mds-horizontal-scroll.entry.js +1 -1
- package/dist/esm-es5/mds-hr.entry.js +1 -1
- package/dist/esm-es5/mds-input-date-range.entry.js +1 -1
- package/dist/esm-es5/mds-input-date.entry.js +1 -1
- package/dist/esm-es5/mds-input.entry.js +1 -1
- package/dist/hydrate/index.js +539 -262
- package/dist/hydrate/index.mjs +539 -262
- package/dist/magma-components/magma-components.esm.js +1 -1
- package/dist/magma-components/{p-e3b0adb8.entry.js → p-02c9dffb.entry.js} +1 -1
- package/dist/magma-components/{p-e8626e7a.system.entry.js → p-03b5bdae.system.entry.js} +1 -1
- package/dist/magma-components/{p-fec5168f.entry.js → p-09b27f6e.entry.js} +1 -1
- package/dist/magma-components/p-09cbad84.system.entry.js +1 -0
- package/dist/magma-components/{p-0c3b813d.entry.js → p-0a9db9fc.entry.js} +1 -1
- package/dist/magma-components/{p-beeaec1c.entry.js → p-10957e40.entry.js} +1 -1
- package/dist/magma-components/{p-42f5037a.entry.js → p-14cad758.entry.js} +1 -1
- package/dist/magma-components/{p-35d85970.entry.js → p-188c906e.entry.js} +1 -1
- package/dist/magma-components/{p-91e16169.system.entry.js → p-191e79c8.system.entry.js} +1 -1
- package/dist/magma-components/{p-1a8d42d1.system.entry.js → p-1c37f4ce.system.entry.js} +1 -1
- package/dist/magma-components/{p-30648e76.system.entry.js → p-1cd6c3fe.system.entry.js} +1 -1
- package/dist/magma-components/{p-c3ae9ba7.system.entry.js → p-1f52a479.system.entry.js} +1 -1
- package/dist/magma-components/p-20e0f9e3.entry.js +1 -0
- package/dist/magma-components/p-26cd6ec8.system.js +1 -1
- package/dist/magma-components/{p-237d60e2.system.entry.js → p-2910fa0c.system.entry.js} +1 -1
- package/dist/magma-components/{p-d95c9d2e.system.entry.js → p-2d947462.system.entry.js} +1 -1
- package/dist/magma-components/{p-0b25be9f.entry.js → p-342a07c7.entry.js} +1 -1
- package/dist/magma-components/{p-b228a186.system.entry.js → p-39d9f24d.system.entry.js} +1 -1
- package/dist/magma-components/{p-27cb23f6.entry.js → p-3a57f53d.entry.js} +1 -1
- package/dist/magma-components/{p-0689710c.system.entry.js → p-3b267a52.system.entry.js} +1 -1
- package/dist/magma-components/{p-224f80f4.entry.js → p-3bf7d52c.entry.js} +1 -1
- package/dist/magma-components/{p-2de8157b.system.entry.js → p-432be440.system.entry.js} +1 -1
- package/dist/magma-components/{p-5eca660e.system.entry.js → p-43a2f192.system.entry.js} +1 -1
- package/dist/magma-components/{p-eaf4805a.entry.js → p-48a2e8e4.entry.js} +1 -1
- package/dist/magma-components/{p-ff674ef9.entry.js → p-4ab9c985.entry.js} +1 -1
- package/dist/magma-components/{p-40eeffe8.entry.js → p-4b76248b.entry.js} +1 -1
- package/dist/magma-components/{p-11df77b3.entry.js → p-4cf97724.entry.js} +1 -1
- package/dist/magma-components/{p-0e2b6dd3.system.entry.js → p-5359bf5e.system.entry.js} +1 -1
- package/dist/magma-components/{p-536b4c16.entry.js → p-5619ed51.entry.js} +1 -1
- package/dist/magma-components/{p-d738a403.system.entry.js → p-5edd2f30.system.entry.js} +1 -1
- package/dist/magma-components/{p-033e85f1.entry.js → p-606cd4bb.entry.js} +1 -1
- package/dist/magma-components/{p-e9ade624.system.entry.js → p-61c35e05.system.entry.js} +1 -1
- package/dist/magma-components/{p-6e680417.system.entry.js → p-68a7d370.system.entry.js} +1 -1
- package/dist/magma-components/{p-409c9518.system.entry.js → p-7244ca7a.system.entry.js} +1 -1
- package/dist/magma-components/{p-a9d6984e.entry.js → p-726cd93c.entry.js} +1 -1
- package/dist/magma-components/{p-c2798c9a.system.entry.js → p-7359e097.system.entry.js} +1 -1
- package/dist/magma-components/{p-723fbfb0.entry.js → p-78088de2.entry.js} +1 -1
- package/dist/magma-components/{p-83b2ee17.entry.js → p-7ae676db.entry.js} +1 -1
- package/dist/magma-components/{p-6d3ea2b6.entry.js → p-7b788f04.entry.js} +1 -1
- package/dist/magma-components/{p-b727c3a6.system.entry.js → p-80518658.system.entry.js} +1 -1
- package/dist/magma-components/{p-f6ef6105.entry.js → p-8314f381.entry.js} +1 -1
- package/dist/magma-components/{p-86f45462.entry.js → p-8469b603.entry.js} +1 -1
- package/dist/magma-components/{p-09aaa62b.system.entry.js → p-855f1617.system.entry.js} +1 -1
- package/dist/magma-components/{p-cae0e727.entry.js → p-89757b16.entry.js} +1 -1
- package/dist/magma-components/{p-60342fa8.system.entry.js → p-8bc52935.system.entry.js} +1 -1
- package/dist/magma-components/{p-6b4bf0df.entry.js → p-8f091ceb.entry.js} +1 -1
- package/dist/magma-components/{p-8859d528.entry.js → p-94fb14aa.entry.js} +1 -1
- package/dist/magma-components/{p-755dff75.system.entry.js → p-9b7e1f4b.system.entry.js} +1 -1
- package/dist/magma-components/{p-dfdc83ab.entry.js → p-9d5ab31c.entry.js} +1 -1
- package/dist/magma-components/{p-ddd59ddb.system.entry.js → p-9d86dd4c.system.entry.js} +1 -1
- package/dist/magma-components/{p-9e08e8f1.system.entry.js → p-a776c78c.system.entry.js} +1 -1
- package/dist/magma-components/{p-854848ca.entry.js → p-aacb6b47.entry.js} +1 -1
- package/dist/magma-components/{p-bdc49c99.entry.js → p-b4bad440.entry.js} +1 -1
- package/dist/magma-components/{p-3095eab8.system.entry.js → p-b7aae63a.system.entry.js} +1 -1
- package/dist/magma-components/{p-03cadeb4.system.entry.js → p-b7b0f420.system.entry.js} +1 -1
- package/dist/magma-components/{p-788e95ce.entry.js → p-ba8142cf.entry.js} +1 -1
- package/dist/magma-components/{p-84cf6604.system.entry.js → p-be5a7e23.system.entry.js} +1 -1
- package/dist/magma-components/{p-61e3603c.system.entry.js → p-c3304189.system.entry.js} +1 -1
- package/dist/magma-components/{p-a201cbab.entry.js → p-c372fe03.entry.js} +1 -1
- package/dist/magma-components/{p-b4baf323.entry.js → p-c5730248.entry.js} +1 -1
- package/dist/magma-components/{p-3e50c4ab.entry.js → p-c5d2cd00.entry.js} +1 -1
- package/dist/magma-components/p-c6785782.entry.js +1 -0
- package/dist/magma-components/p-ca4ee5b5.system.entry.js +1 -0
- package/dist/magma-components/p-d7cf7569.entry.js +1 -0
- package/dist/magma-components/{p-6d1ce884.system.entry.js → p-d98a34dc.system.entry.js} +1 -1
- package/dist/magma-components/{p-2b3517af.system.entry.js → p-d99f38a7.system.entry.js} +1 -1
- package/dist/magma-components/{p-3c2df04e.system.entry.js → p-dd7b9422.system.entry.js} +1 -1
- package/dist/magma-components/{p-58b77d4f.entry.js → p-e0bd7509.entry.js} +1 -1
- package/dist/magma-components/{p-a786264e.system.entry.js → p-e32a0ec8.system.entry.js} +1 -1
- package/dist/magma-components/{p-12527b99.system.entry.js → p-ef488f9f.system.entry.js} +1 -1
- package/dist/magma-components/{p-70223843.system.entry.js → p-f250731c.system.entry.js} +1 -1
- package/dist/magma-components/{p-8de607ef.entry.js → p-f2e7d2f0.entry.js} +1 -1
- package/dist/magma-components/{p-a9c9e071.system.entry.js → p-f349e728.system.entry.js} +1 -1
- package/dist/magma-components/{p-1c2b1a44.system.entry.js → p-f584c1d7.system.entry.js} +1 -1
- package/dist/magma-components/{p-f5f97018.entry.js → p-fd25f69a.entry.js} +1 -1
- package/dist/magma-components/{p-977d3bf0.entry.js → p-fe3879f3.entry.js} +1 -1
- package/dist/magma-components/{p-50b07c72.system.entry.js → p-ff8d8818.system.entry.js} +1 -1
- package/dist/stats.json +790 -377
- package/dist/types/components/mds-calendar/mds-calendar.d.ts +43 -1
- package/dist/types/components/mds-input-date/mds-input-date.d.ts +1 -0
- package/dist/types/components/mds-input-date-range/mds-input-date-range.d.ts +23 -4
- package/dist/types/components/mds-input-date-range/test/mds-input-date-range.stories.d.ts +12 -0
- package/dist/types/components.d.ts +94 -6
- package/package.json +4 -4
- package/dist/magma-components/p-3da97c74.system.entry.js +0 -1
- package/dist/magma-components/p-643fd688.entry.js +0 -1
- package/dist/magma-components/p-80b11d2e.entry.js +0 -1
- package/dist/magma-components/p-e1f3cc6d.entry.js +0 -1
- package/dist/magma-components/p-ead9e4c4.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,r,n,a){function t(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,i){function l(e){try{s(a.next(e))}catch(e){i(e)}}function o(e){try{s(a["throw"](e))}catch(e){i(e)}}function s(e){e.done?n(e.value):t(e.value).then(l,o)}s((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,t,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(r){return s([e,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(n=0)),n)try{if(a=1,t&&(i=o[0]&2?t["return"]:o[0]?t["throw"]||((i=t["return"])&&i.call(t),0):t.next)&&!(i=i.call(t,o[1])).done)return i;if(t=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;t=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=r.call(e,n)}catch(e){o=[6,e];t=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{L as Locale}from"./locale-2adad180.js";import{s as sanitizeISO8601Date}from"./date-b1d0c9c5.js";import{c as clsx}from"./clsx-297c1ffe.js";import"./_commonjsHelpers-bdec4bbd.js";var miBaselineForwardIos='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z"/></svg>';var miBaselineBackIosNew='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/></svg>';var mdsCalendarCss=":host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-gap:0.125rem;--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:0.5rem;--mds-calendar-background:rgb(var(--tone-neutral));--mds-calendar-padding:1rem;background-color:rgb(var(--tone-neutral-09));border-radius:var(--mds-calendar-border-radius);cursor:auto;display:-ms-inline-flexbox;display:inline-flex;max-width:380px;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background);border-radius:inherit;display:grid;padding:var(--mds-calendar-padding)}.calendar-preselection{display:none;gap:0.125rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;padding:var(--mds-calendar-padding)}.calendar-preselection--has-preselection{display:grid}nav{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-pack:justify;justify-content:space-between}.action{padding-left:0.5rem;padding-right:0.5rem;-ms-flex-pack:left;justify-content:left;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content}.action-back,.action-forward{-ms-flex-negative:0;flex-shrink:0}.select-month-or-year{background-color:rgb(var(--tone-neutral-09));border-radius:0.5rem;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:space-evenly;justify-content:space-evenly}.action-month,.action-year{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.week-day-name{-ms-flex-align:center;align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view{display:grid}.month-view__days-names,.month-view__cells{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(7, minmax(1px, 100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(3, minmax(1px, 100%));min-width:0}";var MdsCalendarStyle0=mdsCalendarCss;var MdsCalendar=function(){function e(e){registerInstance(this,e);this.datesEmitter=createEvent(this,"mdsCalendarChange",7);this.checkPreselectionsEmitter=createEvent(this,"mdsCalendarPreselect",7);this.hasPreselection=false;this.currentDate=DateTime_1.now();this.weekDaysinMonth=[];this.weekdays=[];this.startDateIdentifier=null;this.endDateIdentifier=null;this.isFirstClick=true;this.currentView="calendar";this.selectedYear=this.currentDate.year;this.t=new Locale({it:{},en:{},es:{},el:{}});this.rangePicker=true;this.startDate=null;this.endDate=null;this.min=null;this.max=null;this.internalStartDate=this.startDate;this.internalEndDate=this.endDate;this.currentMonth="";this.currentYear=""}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.handleStartDate=function(e){if(e!==null&&e!==""){this.internalStartDate=sanitizeISO8601Date(e===null||e===void 0?void 0:e.toString());if(this.internalEndDate){var r=DateTime_1.fromISO(this.internalStartDate);var n=DateTime_1.fromISO(this.internalEndDate);if(r>n){console.warn("startDate is after endDate, swapping values");return}}this.updateDates()}};e.prototype.handleEndDate=function(e){if(!this.rangePicker){console.warn("rangePicker is disabled, endDate cannot be set");this.internalEndDate=null}else if(e!==null&&e!==""){this.internalEndDate=sanitizeISO8601Date(e===null||e===void 0?void 0:e.toString());if(this.internalStartDate){var r=DateTime_1.fromISO(this.internalStartDate);var n=DateTime_1.fromISO(this.internalEndDate);if(r>n){console.warn("startDate is after endDate, swapping values");return}}this.updateDates()}};e.prototype.componentWillLoad=function(){var e,r;this.language=this.t.lang(this.host);if(this.internalStartDate){this.internalStartDate=sanitizeISO8601Date((e=this.internalStartDate)===null||e===void 0?void 0:e.toString());this.startDateTime=DateTime_1.fromISO(this.internalStartDate);if(this.startDateTime.isValid){this.currentDate=this.startDateTime}}if(this.internalEndDate){this.internalEndDate=sanitizeISO8601Date((r=this.internalEndDate)===null||r===void 0?void 0:r.toString());this.endDateTime=DateTime_1.fromISO(this.internalEndDate)}this.updateCalendar()};e.prototype.componentDidLoad=function(){var e=this;var r,n,a;this.hasPreselection=((r=this.host)===null||r===void 0?void 0:r.querySelector(".date-preselection--has-preselection"))!==null;(a=(n=this.host)===null||n===void 0?void 0:n.shadowRoot)===null||a===void 0?void 0:a.addEventListener("mouseover",(function(r){var n=r.target;if(n.matches("mds-calendar-cell")&&e.startDateIdentifier&&e.rangePicker){e.handleHover(n)}}));this.setDates()};e.prototype.disconnectedCallback=function(){var e=this;var r,n;(n=(r=this.host)===null||r===void 0?void 0:r.shadowRoot)===null||n===void 0?void 0:n.removeEventListener("mouseover",(function(r){var n=r.target;if(n.matches("mds-calendar-cell")&&e.startDateIdentifier&&e.rangePicker){e.handleHover(n)}}))};e.prototype.updateCurrentDate=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.currentDate=DateTime_1.fromISO(e);return[2,Promise.resolve()]}))}))};e.prototype.updateDates=function(){var e=this;if(this.internalStartDate&&this.internalEndDate&&this.rangePicker){this.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}else if(this.internalStartDate&&!this.rangePicker){this.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}};e.prototype.updateCalendar=function(){return __awaiter(this,void 0,void 0,(function(){var e;var r=this;return __generator(this,(function(n){try{e=this.currentDate.startOf("week");this.weekdays=Array.from({length:7}).map((function(n,a){return e.setLocale(r.language).plus({days:a}).toFormat("ccc")}));this.calculateWeekDaysInMonth();this.currentMonth=this.currentDate.setLocale(this.language).toFormat("MMMM");this.currentMonthNumber=this.currentDate.month;this.currentYear=this.currentDate.toFormat("yyyy")}catch(e){console.error("Error while updating the calendar:",e)}return[2]}))}))};e.prototype.setDates=function(){var e=this.host;if(!e)return;var r=e.shadowRoot;if(!r)return;var n=r.querySelectorAll("mds-calendar-cell[selection]");if(this.isFirstClick){if(this.rangePicker){this.setRangeSelection(n,r)}else{this.setSingleSelection(n,r)}}};e.prototype.setRangeSelection=function(e,r){e.forEach((function(e){e.removeAttribute("selection");e.removeAttribute("preview")}));if(!this.internalStartDate||!this.internalEndDate)return;this.startDateTime=DateTime_1.fromISO(this.internalStartDate.toString());this.endDateTime=DateTime_1.fromISO(this.internalEndDate.toString());var n=r.querySelectorAll("mds-calendar-cell");if(n){var a=void 0;for(var t=0;t<n.length;t++){var i=n[t].getAttribute("date");if(i){var l=DateTime_1.fromISO(i);if(l.toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")){n[t].setAttribute("selection","start")}if(l.toFormat("yyyy-MM-dd")===this.endDateTime.toFormat("yyyy-MM-dd")){if(this.startDateTime.equals(this.endDateTime)){n[t].setAttribute("selection","single")}else{n[t].setAttribute("selection","end")}}a=l>this.startDateTime&&l<this.endDateTime;if(a){n[t].setAttribute("selection","middle")}}}}};e.prototype.setSingleSelection=function(e,r){e.forEach((function(e){e.removeAttribute("selection")}));if(!this.internalStartDate)return;this.startDateTime=DateTime_1.fromISO(this.internalStartDate.toString());var n=r.querySelectorAll("mds-calendar-cell");if(n){for(var a=0;a<n.length;a++){var t=n[a].getAttribute("date");if(t){var i=DateTime_1.fromISO(t);if(i.toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")){n[a].setAttribute("selection","single")}}}}};e.prototype.changeMonth=function(e){var r=this;this.currentDate=this.currentDate.plus({months:e});this.updateCalendar().then((function(){requestAnimationFrame((function(){return r.setDates()}))}))};e.prototype.calculateWeekDaysInMonth=function(){var e=this.currentDate.startOf("month");var r=this.currentDate.endOf("month");var n=[];var a=e.weekday;var t=a-1;var i=e.minus({days:t});for(var l=i;l<e;l=l.plus({days:1})){n.push({date:l,isCurrentMonth:false})}for(var l=e;l<=r;l=l.plus({days:1})){n.push({date:l,isCurrentMonth:true})}var o=r.weekday;var s=7-o;var c=r.plus({days:1});for(var l=c;l<c.plus({days:s});l=l.plus({days:1})){n.push({date:l,isCurrentMonth:false})}this.weekDaysinMonth=n};e.prototype.handleRange=function(e,r){var n=this;var a,t;var i=function(){n.internalStartDate=null;n.internalEndDate=null;n.startDateIdentifier=null;n.startDateTime=null;n.endDateIdentifier=null;n.endDateTime=null;n.isFirstClick=true;var e=n.host;requestAnimationFrame((function(){var r;(r=e===null||e===void 0?void 0:e.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection");e.removeAttribute("preview")}))}))};if(this.startDateIdentifier&&this.endDateIdentifier){i()}if(this.isFirstClick){this.startDateIdentifier=r.toISODate();this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0];this.isFirstClick=false;var l=this.host;requestAnimationFrame((function(){var e;(e=l===null||l===void 0?void 0:l.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection")}))}));requestAnimationFrame((function(){e.setAttribute("selection","single");e.setAttribute("preview","true")}));return}var o=this.host;var s=(a=o===null||o===void 0?void 0:o.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll("mds-calendar-cell");var c=Array.from(s!==null&&s!==void 0?s:[]).findIndex((function(e){return e.getAttribute("date")===n.startDateIdentifier}));var d=Array.from(s!==null&&s!==void 0?s:[]).indexOf(e);if(this.startDateIdentifier&&DateTime_1.fromISO(this.startDateIdentifier)<DateTime_1.fromISO(e.getAttribute("date"))){this.endDateIdentifier=e.getAttribute("date");this.endDateTime=r;this.internalEndDate=this.endDateTime.toISO().split("T")[0]}else{this.endDateIdentifier=this.startDateIdentifier;this.endDateTime=this.startDateTime;this.internalEndDate=this.internalStartDate;this.startDateIdentifier=e.getAttribute("date");this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0]}(t=o===null||o===void 0?void 0:o.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("mds-calendar-cell[preview]").forEach((function(e){e.removeAttribute("preview")}));if(s&&c!==-1){for(var h=c+1;h<d;h++){s[h].setAttribute("selection","middle")}}if(this.internalStartDate&&this.internalEndDate){this.datesEmitter.emit({startDate:this.internalStartDate,endDate:this.internalEndDate});this.checkPreselectionsEmitter.emit()}};e.prototype.handleHover=function(e){var r=this;var n,a;var t=e;var i=DateTime_1.fromISO(this.internalStartDate);if(!i.isValid||this.endDateIdentifier!==null)return;var l=this.host;var o=Array.from((a=(n=l===null||l===void 0?void 0:l.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("mds-calendar-cell"))!==null&&a!==void 0?a:[]);var s=t.getAttribute("date");if(!s)return;var c=DateTime_1.fromISO(s);if(!c.isValid)return;var d=o.find((function(e){return e.getAttribute("date")===r.internalStartDate}));o.forEach((function(e){e.removeAttribute("preview");e.removeAttribute("selection")}));t.setAttribute("preview","true");var h=t.getAttribute("date");if(h){var u=DateTime_1.fromISO(h);if(u.isValid&&d){if(i<u){d.setAttribute("selection","start")}else if(i>u){d.setAttribute("selection","end");t.setAttribute("selection","start")}else{t.setAttribute("selection","single")}}}if(i.equals(c)){t.setAttribute("selection","single")}else{var m=i<c?[i,c]:[c,i],v=m[0],b=m[1];o.forEach((function(e){var r=e.getAttribute("date");if(!r)return;var n=DateTime_1.fromISO(r);if(!n.isValid)return;if(n>=v&&n<=b){e.setAttribute("preview","true");var a="middle";if(n.equals(v))a="start";if(n.equals(b))a="end";e.setAttribute("selection",a)}}))}};e.prototype.handleSingleSelection=function(e,r){var n;var a=this.host;(n=a===null||a===void 0?void 0:a.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection")}));this.startDateIdentifier=e.getAttribute("date");this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0];this.isFirstClick=false;e.setAttribute("selection","single");if(this.internalStartDate){this.datesEmitter.emit({startDate:this.internalStartDate})}};e.prototype.render=function(){var e=this;return h(Host,{key:"f8c99b009fa780f683430e40a3f9e5a0b46b30d7"},h("div",{key:"ef190bc2d84e08c6214cf8ed3143e93fb39dd8e8",class:clsx("calendar-preselection",this.hasPreselection&&"calendar-preselection--has-preselection")},h("slot",{key:"80bc77b47e0aee093314222aa3c147ac57e0f494",name:"preselection"})),h("div",{key:"0f9a115dc3cbd9632a9b87e94ffdab78a61e9ef8",class:"calendar-view"},h("nav",{key:"cdec70c0d9263e0a7404976b1b9c9b1460f4760a"},h("mds-button",{key:"19cb046b6c4a3b0935b9dc50e38a99fd98c2fe56",class:"action-back",icon:miBaselineBackIosNew,variant:"dark",tone:"quiet",onClick:function(r){if(e.currentView==="calendar"){r.stopPropagation();e.changeMonth(-1)}else if(e.currentView==="years"){r.stopPropagation();e.selectedYear-=10}else{r.stopPropagation()}}}),h("div",{key:"04e4e1ca98ea00d4513f88131cae65f8f3d368ae",class:"select-month-or-year"},(this.currentView==="calendar"||this.currentView==="months")&&h("mds-button",{key:"d6995e7c68177356e60a1c77aff3649848f91275",class:"action-month",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentView=e.currentView==="months"?"calendar":"months";requestAnimationFrame((function(){e.updateCalendar().then((function(){return e.setDates()}))}))}},this.currentMonth),(this.currentView==="calendar"||this.currentView==="years")&&h("mds-button",{key:"d79d4de0219d05724b173290fa39a034324d950b",class:"action-year",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentView=e.currentView==="years"?"calendar":"years";requestAnimationFrame((function(){e.updateCalendar().then((function(){return e.setDates()}))}))}},this.currentYear)),h("mds-button",{key:"596683e3960b61627fbe8d774db076e2297cd99a",class:"action-forward",icon:miBaselineForwardIos,variant:"dark",tone:"quiet",onClick:function(r){if(e.currentView==="calendar"){r.stopPropagation();e.changeMonth(1)}else if(e.currentView==="years"){r.stopPropagation();e.selectedYear+=10}else{r.stopPropagation()}}})),this.currentView==="calendar"&&h("section",{key:"2bac904c98af5bd276fbc3f1587655bea71dd138",class:"month-view"},h("header",{key:"eaf5ace7f5a3f822bf860f3ec3cceb01582fbe93",class:"month-view__days-names"},this.weekdays.map((function(e){return h("mds-button",{class:"week-day-name",variant:"dark",tone:"quiet"},e)}))),h("div",{key:"ae14ce81225094dea1b082398901496ed77868eb",class:"month-view__cells"},this.weekDaysinMonth.map((function(r,n){return h("mds-calendar-cell",{key:n,today:DateTime_1.now().toFormat("yyyy-MM-dd")===r.date.toFormat("yyyy-MM-dd"),date:r.date.toFormat("yyyy-MM-dd"),month:r.isCurrentMonth?"current":"other",disabled:function(){if(e.min&&e.min!==""&&r.date<DateTime_1.fromISO(e.min)){return true}if(e.max&&e.max!==""&&r.date>DateTime_1.fromISO(e.max)){return true}return undefined}(),onClick:function(n){n.stopPropagation();var a=n.currentTarget;if(e.rangePicker)e.handleRange(a,r.date);else e.handleSingleSelection(a,r.date)}},r.date.toFormat("dd"))})))),this.currentView==="months"&&h("section",{key:"d85ff88559bac8c6999e939cfd317e78e67bdcdb",class:"month-selection"},h("header",{key:"ed18653752d8d403c86dd8e78ff4cd182d8ec435",class:"month-view__month-names"},Array.from({length:12}).map((function(r,n){var a=DateTime_1.local().set({month:n+1}).setLocale(e.language).toFormat("MMMM");return h("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentDate=e.currentDate.set({month:n+1});e.currentMonth=e.currentDate.toFormat("MMMM");e.currentView="calendar";e.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}},a)})))),this.currentView==="years"&&h("section",{key:"a9473ac1c4027e4e25635217a665aadd924d055a",class:"year-selection"},h("header",{key:"adc5de34d23fbb299aa8ab5debb1b210c7cb4bb0",class:"month-view__years"},Array.from({length:12}).map((function(r,n){var a=e.selectedYear+n;return h("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentDate=e.currentDate.set({year:a});e.currentYear=a.toString();e.currentView="calendar";e.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}},a)}))))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{startDate:["handleStartDate"],endDate:["handleEndDate"]}},enumerable:false,configurable:true});return e}();MdsCalendar.style=MdsCalendarStyle0;var mdsCalendarCellCss=':host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-boundaries-padding:0.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-selection-week-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05));aspect-ratio:1 / 1;display:-ms-flexbox;display:flex;padding:var(--mds-calendar-cell-boundaries-padding);position:relative}:host([month="other"]){visibility:var(--mds-calendar-cell-other-month-visibility, hidden)}.inner-dot{aspect-ratio:1 / 1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);display:-ms-flexbox;display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background);color:var(--mds-calendar-cell-color);inset:0;position:absolute;z-index:0}.action{-ms-flex-align:center;align-items:center;aspect-ratio:1 / 1;background-color:transparent;border-radius:0;color:var(--mds-calendar-cell-color);display:-ms-flexbox;display:flex;inset:calc(var(--mds-calendar-cell-gap) * -1);-ms-flex-pack:center;justify-content:center;min-height:0;min-width:0;padding:0;position:absolute;width:auto;z-index:2}:host([selection][orientation="horizontal"]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap) * -1);margin-right:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="horizontal"]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0}:host([selection="end"][orientation="horizontal"]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-right:0}:host([selection][orientation="vertical"]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap) * -1);margin-top:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="vertical"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius) 0 0;margin-top:0}:host([selection="end"][orientation="vertical"]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius);margin-bottom:0}:host([orientation="vertical"]:not([selection="start"],[selection="end"])) .area-background{border-radius:0}:host(:nth-child(7n - 6)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n - 6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host(:nth-child(7n)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius)}:host([selection][orientation="horizontal"]:nth-child(7n - 6)) .area-background{margin-left:0}:host([selection][orientation="horizontal"]:nth-child(7n)) .area-background{margin-right:0}:host([selection="single"][orientation="horizontal"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0;margin-right:0}:host(:nth-child(7n - 1)),:host(:nth-child(7n)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color);--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background)}:host([month="other"]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color);--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color);--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color)}:host([selection][month="current"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color)}:host([selection][month="current"]:nth-child(7n - 1)),:host([selection][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color)}:host([selection="start"][month="current"]:nth-child(7n - 1)),:host([selection="end"][month="current"]:nth-child(7n - 1)),:host([selection="start"][month="current"]:nth-child(7n)),:host([selection="end"][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color)}:host([selection][month="other"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color)}:host([selection="start"][month="current"]),:host([selection="end"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color)}:host([selection="start"][month="other"]),:host([selection="end"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color)}:host([selection][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color)}:host([selection][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color)}:host([selection="start"][month="current"][preview]:not([preview="false"])),:host([selection="end"][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="start"][month="other"][preview]:not([preview="false"])),:host([selection="end"][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}:host([selection="single"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="single"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}';var MdsCalendarCellStyle0=mdsCalendarCellCss;var MdsCalendarCell=function(){function e(e){registerInstance(this,e);this.month="current";this.orientation="horizontal";this.preview=false;this.disabled=undefined;this.today=undefined}e.prototype.render=function(){return h(Host,{key:"f7e1c5be903ff151cbad616718740fb2eb8f27f0"},h("div",{key:"3e4b838f78c0ce8df5813b468a6a1a00ae2730b0",class:"inner-dot"}),h("div",{key:"873c7e63491cf3a3c630632509410227ada07694",class:"area-background"}),h("mds-button",{key:"623915907fcb6d6c4aadba14c5db3f0e9b5d1aae",class:"action",variant:"dark",tone:"quiet",disabled:this.disabled},h("slot",{key:"8d78ee0a9b723f68bbf1a521106f77fe03f3a606"})))};return e}();MdsCalendarCell.style=MdsCalendarCellStyle0;export{MdsCalendar as mds_calendar,MdsCalendarCell as mds_calendar_cell};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,i){function l(e){try{s(a.next(e))}catch(e){i(e)}}function o(e){try{s(a["throw"](e))}catch(e){i(e)}}function s(e){e.done?t(e.value):n(e.value).then(l,o)}s((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(r){return s([e,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];n=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{D as DateTime_1}from"./luxon-f19ca6e2.js";import{L as Locale}from"./locale-2adad180.js";import{s as sanitizeISO8601Date}from"./date-b1d0c9c5.js";import{c as clsx}from"./clsx-297c1ffe.js";import"./_commonjsHelpers-bdec4bbd.js";var miBaselineForwardIos='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.23 20.23L8 22l10-10L8 2L6.23 3.77L14.46 12z"/></svg>';var miBaselineBackIosNew='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/></svg>';var mdsCalendarCss=":host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-gap:0.125rem;--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:0.5rem;--mds-calendar-background:rgb(var(--tone-neutral));--mds-calendar-padding:1rem;--mds-calendar-select-month-or-year-height:2.25rem;--mds-calendar-select-month-or-year-width:14rem;background-color:rgb(var(--tone-neutral-09));border-radius:var(--mds-calendar-border-radius);cursor:auto;display:-ms-inline-flexbox;display:inline-flex;max-width:380px;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background);border-radius:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;-ms-flex:1 1 auto;flex:1 1 auto;padding:var(--mds-calendar-padding)}.calendar-preselection{display:none;gap:0.125rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;padding:var(--mds-calendar-padding)}.calendar-preselection--has-preselection{display:grid}nav{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-pack:justify;justify-content:space-between;min-width:0}.action{padding-left:0.5rem;padding-right:0.5rem;-ms-flex-pack:left;justify-content:left;min-width:-moz-min-content;min-width:-webkit-min-content;min-width:min-content}.action-back,.action-forward{-ms-flex-negative:0;flex-shrink:0}.select-month-or-year{-ms-flex-align:stretch;align-items:stretch;background-color:rgb(var(--tone-neutral-09));block-size:var(--mds-calendar-select-month-or-year-height);border-radius:var(--mds-calendar-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 0 var(--mds-calendar-select-month-or-year-width);flex:0 0 var(--mds-calendar-select-month-or-year-width);height:var(--mds-calendar-select-month-or-year-height);-ms-flex-pack:start;justify-content:flex-start;inline-size:var(--mds-calendar-select-month-or-year-width);max-block-size:var(--mds-calendar-select-month-or-year-height);max-height:var(--mds-calendar-select-month-or-year-height);max-inline-size:var(--mds-calendar-select-month-or-year-width);min-block-size:var(--mds-calendar-select-month-or-year-height);min-height:var(--mds-calendar-select-month-or-year-height);min-inline-size:var(--mds-calendar-select-month-or-year-width);overflow:hidden}.action-month,.action-year{--mds-button-radius:0;-ms-flex-item-align:stretch;align-self:stretch;block-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;height:100%;max-block-size:100%;max-height:100%;min-block-size:0;min-height:0;padding-left:0.5rem;padding-right:0.5rem}.action-month{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.action-year{-ms-flex:0 0 4.5rem;flex:0 0 4.5rem}.action-month::part(label),.action-year::part(label){overflow:visible;text-overflow:clip;white-space:nowrap}.week-day-name{-ms-flex-align:center;align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view{display:grid}.month-view__days-names,.month-view__cells{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(7, minmax(1px, 100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap);grid-template-columns:repeat(3, minmax(1px, 100%));min-width:0}";var MdsCalendarStyle0=mdsCalendarCss;var MdsCalendar=function(){function e(e){var r=this;registerInstance(this,e);this.datesEmitter=createEvent(this,"mdsCalendarChange",7);this.navigationEmitter=createEvent(this,"mdsCalendarNavigate",7);this.hoverEmitter=createEvent(this,"mdsCalendarHover",7);this.checkPreselectionsEmitter=createEvent(this,"mdsCalendarPreselect",7);this.hasPreselection=false;this.currentDate=DateTime_1.now();this.weekDaysinMonth=[];this.weekdays=[];this.startDateIdentifier=null;this.endDateIdentifier=null;this.isFirstClick=true;this.currentView="calendar";this.selectedYear=this.currentDate.year;this.t=new Locale({it:{},en:{},es:{},el:{}});this.rangePicker=true;this.showPreviousButton=true;this.showNextButton=true;this.disableMonthYearSelection=false;this.showPreselection=false;this.viewDate=null;this.hoverDate=null;this.startDate=null;this.endDate=null;this.min=null;this.max=null;this.internalStartDate=this.startDate;this.internalEndDate=this.endDate;this.currentMonth="";this.currentYear="";this.handleMouseOver=function(e){var t=e.target;if(!t.matches("mds-calendar-cell")||!r.rangePicker||!r.internalStartDate||r.internalEndDate){return}var a=t.getAttribute("date");if(a){r.hoverEmitter.emit({hoverDate:a})}};this.handleMouseLeave=function(){if(!r.rangePicker||!r.internalStartDate||r.internalEndDate||!r.hoverDate){return}r.hoverEmitter.emit({hoverDate:null})};this.handleMonthActionClick=function(e){e.stopPropagation();if(r.disableMonthYearSelection){e.preventDefault();return}r.currentView=r.currentView==="months"?"calendar":"months";requestAnimationFrame((function(){r.updateCalendar().then((function(){return r.setDates()}))}))};this.handleYearActionClick=function(e){e.stopPropagation();if(r.disableMonthYearSelection){e.preventDefault();return}r.currentView=r.currentView==="years"?"calendar":"years";requestAnimationFrame((function(){r.updateCalendar().then((function(){return r.setDates()}))}))}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.handleStartDate=function(e){if(e!==null&&e!==""){this.internalStartDate=sanitizeISO8601Date(e===null||e===void 0?void 0:e.toString());this.startDateTime=DateTime_1.fromISO(this.internalStartDate);this.startDateIdentifier=this.startDateTime.toISODate();if(this.internalEndDate){var r=DateTime_1.fromISO(this.internalEndDate);if(this.startDateTime>r){console.warn("startDate is after endDate, swapping values");return}}else if(this.rangePicker){this.isFirstClick=false}this.updateDates()}else if(e===null||e===""){this.internalStartDate=null;this.startDateIdentifier=null;this.startDateTime=null;this.isFirstClick=true;this.updateDates()}};e.prototype.handleEndDate=function(e){if(!this.rangePicker){console.warn("rangePicker is disabled, endDate cannot be set");this.internalEndDate=null}else if(e!==null&&e!==""){this.internalEndDate=sanitizeISO8601Date(e===null||e===void 0?void 0:e.toString());this.endDateTime=DateTime_1.fromISO(this.internalEndDate);this.endDateIdentifier=this.endDateTime.toISODate();if(this.internalStartDate){var r=DateTime_1.fromISO(this.internalStartDate);if(r>this.endDateTime){console.warn("startDate is after endDate, swapping values");return}}this.updateDates()}else if(e===null||e===""){this.internalEndDate=null;this.endDateIdentifier=null;this.endDateTime=null;this.updateDates()}};e.prototype.handleViewDate=function(e){var r=this;if(e!==null&&e!==""){var t=DateTime_1.fromISO(e.toString());if(t.isValid){this.currentDate=t;this.updateCalendar().then((function(){requestAnimationFrame((function(){return r.setDates()}))}))}}};e.prototype.handleHoverDate=function(){var e=this;requestAnimationFrame((function(){return e.setDates()}))};e.prototype.componentWillLoad=function(){var e,r;this.language=this.t.lang(this.host);if(this.viewDate){var t=DateTime_1.fromISO(this.viewDate.toString());if(t.isValid){this.currentDate=t}}else if(this.internalStartDate){this.internalStartDate=sanitizeISO8601Date((e=this.internalStartDate)===null||e===void 0?void 0:e.toString());this.startDateTime=DateTime_1.fromISO(this.internalStartDate);if(this.startDateTime.isValid){this.currentDate=this.startDateTime}}if(this.internalEndDate){this.internalEndDate=sanitizeISO8601Date((r=this.internalEndDate)===null||r===void 0?void 0:r.toString());this.endDateTime=DateTime_1.fromISO(this.internalEndDate)}this.updateCalendar()};e.prototype.componentDidLoad=function(){var e,r,t,a,n;this.hasPreselection=((e=this.host)===null||e===void 0?void 0:e.querySelector(".date-preselection--has-preselection"))!==null;(t=(r=this.host)===null||r===void 0?void 0:r.shadowRoot)===null||t===void 0?void 0:t.addEventListener("mouseover",this.handleMouseOver);(n=(a=this.host)===null||a===void 0?void 0:a.shadowRoot)===null||n===void 0?void 0:n.addEventListener("mouseleave",this.handleMouseLeave);this.setDates()};e.prototype.disconnectedCallback=function(){var e,r,t,a;(r=(e=this.host)===null||e===void 0?void 0:e.shadowRoot)===null||r===void 0?void 0:r.removeEventListener("mouseover",this.handleMouseOver);(a=(t=this.host)===null||t===void 0?void 0:t.shadowRoot)===null||a===void 0?void 0:a.removeEventListener("mouseleave",this.handleMouseLeave)};e.prototype.updateCurrentDate=function(e){return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(t){switch(t.label){case 0:this.currentDate=DateTime_1.fromISO(e);return[4,this.updateCalendar()];case 1:t.sent();return[4,new Promise((function(e){requestAnimationFrame((function(){r.setDates();e()}))}))];case 2:t.sent();return[2,Promise.resolve()]}}))}))};e.prototype.updateDates=function(){var e=this;this.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))};e.prototype.updateCalendar=function(){return __awaiter(this,void 0,void 0,(function(){var e;var r=this;return __generator(this,(function(t){try{e=this.currentDate.startOf("week");this.weekdays=Array.from({length:7}).map((function(t,a){return e.setLocale(r.language).plus({days:a}).toFormat("ccc")}));this.calculateWeekDaysInMonth();this.currentMonth=this.currentDate.setLocale(this.language).toFormat("MMMM");this.currentMonthNumber=this.currentDate.month;this.currentYear=this.currentDate.toFormat("yyyy")}catch(e){console.error("Error while updating the calendar:",e)}return[2]}))}))};e.prototype.setDates=function(){var e=this.host;if(!e)return;var r=e.shadowRoot;if(!r)return;var t=r.querySelectorAll("mds-calendar-cell[selection], mds-calendar-cell[preview]");if(this.rangePicker){if(this.hoverDate&&!this.internalEndDate){this.setHoverSelection(t,r)}else{this.setRangeSelection(t,r)}}else{this.setSingleSelection(t,r)}};e.prototype.clearSelectionState=function(e){e.forEach((function(e){e.removeAttribute("selection");e.removeAttribute("preview")}))};e.prototype.setRangeSelection=function(e,r){var t=this;this.clearSelectionState(e);if(!this.internalStartDate)return;this.startDateTime=DateTime_1.fromISO(this.internalStartDate.toString());if(!this.internalEndDate){this.startDateIdentifier=this.startDateTime.toISODate();this.isFirstClick=false;var a=r.querySelectorAll("mds-calendar-cell");a.forEach((function(e){if(e.getAttribute("date")===t.startDateTime.toFormat("yyyy-MM-dd")){e.setAttribute("selection","single");e.setAttribute("preview","true")}}));return}this.endDateTime=DateTime_1.fromISO(this.internalEndDate.toString());this.startDateIdentifier=this.startDateTime.toISODate();this.endDateIdentifier=this.endDateTime.toISODate();var n=r.querySelectorAll("mds-calendar-cell");if(n){var i=void 0;for(var l=0;l<n.length;l++){var o=n[l].getAttribute("date");if(o){var s=DateTime_1.fromISO(o);if(s.toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")){n[l].setAttribute("selection","start")}if(s.toFormat("yyyy-MM-dd")===this.endDateTime.toFormat("yyyy-MM-dd")){if(this.startDateTime.equals(this.endDateTime)){n[l].setAttribute("selection","single")}else{n[l].setAttribute("selection","end")}}i=s>this.startDateTime&&s<this.endDateTime;if(i){n[l].setAttribute("selection","middle")}}}}};e.prototype.setHoverSelection=function(e,r){this.clearSelectionState(e);if(!this.internalStartDate||!this.hoverDate){this.setRangeSelection(e,r);return}var t=DateTime_1.fromISO(this.internalStartDate);var a=DateTime_1.fromISO(this.hoverDate);if(!t.isValid||!a.isValid){this.setRangeSelection(e,r);return}var n=t<=a;var i=Array.from(r.querySelectorAll("mds-calendar-cell"));i.forEach((function(e){var r=e.getAttribute("date");if(!r)return;var i=DateTime_1.fromISO(r);if(!i.isValid)return;var l=n?i>=t&&i<=a:i>=a&&i<=t;if(!l)return;e.setAttribute("preview","true");var o="middle";if(t.equals(a)&&i.equals(t)){o="single"}else if(i.equals(t)){o=n?"start":"end"}else if(i.equals(a)){o=n?"end":"start"}e.setAttribute("selection",o)}))};e.prototype.setSingleSelection=function(e,r){this.clearSelectionState(e);if(!this.internalStartDate)return;this.startDateTime=DateTime_1.fromISO(this.internalStartDate.toString());var t=r.querySelectorAll("mds-calendar-cell");if(t){for(var a=0;a<t.length;a++){var n=t[a].getAttribute("date");if(n){var i=DateTime_1.fromISO(n);if(i.toFormat("yyyy-MM-dd")===this.startDateTime.toFormat("yyyy-MM-dd")){t[a].setAttribute("selection","single")}}}}};e.prototype.changeMonth=function(e){var r=this;this.currentDate=this.currentDate.plus({months:e});this.updateCalendar().then((function(){requestAnimationFrame((function(){return r.setDates()}))}));this.navigationEmitter.emit({currentDate:this.currentDate.toISODate(),delta:e})};e.prototype.calculateWeekDaysInMonth=function(){var e=this.currentDate.startOf("month");var r=this.currentDate.endOf("month");var t=[];var a=e.weekday;var n=a-1;var i=e.minus({days:n});for(var l=i;l<e;l=l.plus({days:1})){t.push({date:l,isCurrentMonth:false})}for(var l=e;l<=r;l=l.plus({days:1})){t.push({date:l,isCurrentMonth:true})}var o=r.weekday;var s=7-o;var c=r.plus({days:1});for(var l=c;l<c.plus({days:s});l=l.plus({days:1})){t.push({date:l,isCurrentMonth:false})}this.weekDaysinMonth=t};e.prototype.handleRange=function(e,r){var t=this;var a,n;var i=this.startDate||this.host.getAttribute("start-date");if(this.rangePicker&&i&&!this.endDate&&!this.internalEndDate&&this.isFirstClick){this.internalStartDate=sanitizeISO8601Date(i.toString());this.startDateTime=DateTime_1.fromISO(this.internalStartDate);this.startDateIdentifier=this.startDateTime.toISODate();this.isFirstClick=false}var l=function(){t.internalStartDate=null;t.internalEndDate=null;t.startDateIdentifier=null;t.startDateTime=null;t.endDateIdentifier=null;t.endDateTime=null;t.isFirstClick=true;var e=t.host;requestAnimationFrame((function(){var r;(r=e===null||e===void 0?void 0:e.shadowRoot)===null||r===void 0?void 0:r.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection");e.removeAttribute("preview")}))}))};if(this.startDateIdentifier&&this.endDateIdentifier){l()}if(this.isFirstClick){this.startDateIdentifier=r.toISODate();this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0];this.isFirstClick=false;var o=this.host;requestAnimationFrame((function(){var e;(e=o===null||o===void 0?void 0:o.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection")}))}));requestAnimationFrame((function(){e.setAttribute("selection","single");e.setAttribute("preview","true")}));this.datesEmitter.emit({startDate:this.internalStartDate});return}var s=this.host;var c=(a=s===null||s===void 0?void 0:s.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll("mds-calendar-cell");var d=Array.from(c!==null&&c!==void 0?c:[]).findIndex((function(e){return e.getAttribute("date")===t.startDateIdentifier}));var h=Array.from(c!==null&&c!==void 0?c:[]).indexOf(e);if(this.startDateIdentifier&&DateTime_1.fromISO(this.startDateIdentifier)<DateTime_1.fromISO(e.getAttribute("date"))){this.endDateIdentifier=e.getAttribute("date");this.endDateTime=r;this.internalEndDate=this.endDateTime.toISO().split("T")[0]}else{this.endDateIdentifier=this.startDateIdentifier;this.endDateTime=this.startDateTime;this.internalEndDate=this.internalStartDate;this.startDateIdentifier=e.getAttribute("date");this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0]}(n=s===null||s===void 0?void 0:s.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("mds-calendar-cell[preview]").forEach((function(e){e.removeAttribute("preview")}));if(c&&d!==-1){for(var u=d+1;u<h;u++){c[u].setAttribute("selection","middle")}}if(this.internalStartDate&&this.internalEndDate){this.datesEmitter.emit({startDate:this.internalStartDate,endDate:this.internalEndDate});this.checkPreselectionsEmitter.emit()}};e.prototype.handleSingleSelection=function(e,r){var t;var a=this.host;(t=a===null||a===void 0?void 0:a.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("mds-calendar-cell[selection]").forEach((function(e){e.removeAttribute("selection")}));this.startDateIdentifier=e.getAttribute("date");this.startDateTime=r;this.internalStartDate=this.startDateTime.toISO().split("T")[0];this.isFirstClick=false;e.setAttribute("selection","single");if(this.internalStartDate){this.datesEmitter.emit({startDate:this.internalStartDate})}};e.prototype.render=function(){var e=this;return h(Host,{key:"271209054e3f86d3c167ab6f2d84c801619f7fdb"},h("div",{key:"084902141f92f15f4b62ec34fc826b939f0ff05b",class:clsx("calendar-preselection",(this.showPreselection||this.hasPreselection)&&"calendar-preselection--has-preselection")},h("slot",{key:"986c1168978cc658b3a7409adafac5651cae7c77",name:"preselection"})),h("div",{key:"bbb9882d52d1fd89758704604c3a52016535561e",class:"calendar-view"},h("nav",{key:"9f993a0c44e484303716cef6530d9d95e84226a1"},this.showPreviousButton&&h("mds-button",{key:"f78027217275a9f0896fdfaa2ed99fd10064f581",class:"action-back",icon:miBaselineBackIosNew,variant:"dark",tone:"quiet",onClick:function(r){if(e.currentView==="calendar"){r.stopPropagation();e.changeMonth(-1)}else if(e.currentView==="years"){r.stopPropagation();e.selectedYear-=10}else{r.stopPropagation()}}}),h("div",{key:"e2916642b7072db24f8e800fb033260a9c2a3dcd",class:"select-month-or-year"},(this.currentView==="calendar"||this.currentView==="months")&&h("mds-button",{key:"112c7d69205f2c57587a4ba12ecd7b445ef66170",class:"action-month",truncate:"none",variant:"dark",tone:"quiet",onClick:this.handleMonthActionClick},this.currentMonth),(this.currentView==="calendar"||this.currentView==="years")&&h("mds-button",{key:"91f990cfdafb34e3983f7e375e695dce5fde11fd",class:"action-year",truncate:"none",variant:"dark",tone:"quiet",onClick:this.handleYearActionClick},this.currentYear)),this.showNextButton&&h("mds-button",{key:"d297451100785c186b8ae054fa0203007f218cb7",class:"action-forward",icon:miBaselineForwardIos,variant:"dark",tone:"quiet",onClick:function(r){if(e.currentView==="calendar"){r.stopPropagation();e.changeMonth(1)}else if(e.currentView==="years"){r.stopPropagation();e.selectedYear+=10}else{r.stopPropagation()}}})),this.currentView==="calendar"&&h("section",{key:"bf8eba9f66065c91d0f4feac4ddbc93c1fc63ad4",class:"month-view"},h("header",{key:"c90bf7ed93129ab8bfc3ecaab99fb2d012adab39",class:"month-view__days-names"},this.weekdays.map((function(e){return h("mds-button",{class:"week-day-name",variant:"dark",tone:"quiet"},e)}))),h("div",{key:"6b5fb95ad179b38fefe0986b48a3a12a287ccf61",class:"month-view__cells"},this.weekDaysinMonth.map((function(r,t){return h("mds-calendar-cell",{key:t,today:DateTime_1.now().toFormat("yyyy-MM-dd")===r.date.toFormat("yyyy-MM-dd"),date:r.date.toFormat("yyyy-MM-dd"),month:r.isCurrentMonth?"current":"other",disabled:function(){if(e.min&&e.min!==""&&r.date<DateTime_1.fromISO(e.min)){return true}if(e.max&&e.max!==""&&r.date>DateTime_1.fromISO(e.max)){return true}return undefined}(),onClick:function(t){t.stopPropagation();var a=t.currentTarget;if(e.rangePicker)e.handleRange(a,r.date);else e.handleSingleSelection(a,r.date)},title:r.date.setLocale(e.language).toFormat("cccc d LLLL").replace(/^./,(function(e){return e.toUpperCase()}))},r.date.toFormat("dd"))})))),this.currentView==="months"&&h("section",{key:"5353ed4497b33fb5260cf6c2d1f087b228a0cda3",class:"month-selection"},h("header",{key:"70247928e4a74589900b0acd3b8d02686e41a4d1",class:"month-view__month-names"},Array.from({length:12}).map((function(r,t){var a=DateTime_1.local().set({month:t+1}).setLocale(e.language).toFormat("MMMM");return h("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentDate=e.currentDate.set({month:t+1});e.currentMonth=e.currentDate.toFormat("MMMM");e.currentView="calendar";e.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}},a)})))),this.currentView==="years"&&h("section",{key:"99dca1c5f3ce083cb3bb117ce8bb705faa83e19c",class:"year-selection"},h("header",{key:"7d479a8c05815560306486bf0825a521c971a6e4",class:"month-view__years"},Array.from({length:12}).map((function(r,t){var a=e.selectedYear+t;return h("mds-button",{class:"action",variant:"dark",tone:"quiet",onClick:function(r){r.stopPropagation();e.currentDate=e.currentDate.set({year:a});e.currentYear=a.toString();e.currentView="calendar";e.updateCalendar().then((function(){requestAnimationFrame((function(){return e.setDates()}))}))}},a)}))))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{startDate:["handleStartDate"],endDate:["handleEndDate"],viewDate:["handleViewDate"],hoverDate:["handleHoverDate"]}},enumerable:false,configurable:true});return e}();MdsCalendar.style=MdsCalendarStyle0;var mdsCalendarCellCss=':host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-boundaries-padding:0.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-selection-week-boundaries-border-radius:calc(var(--mds-calendar-cell-size) / 2);--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05));aspect-ratio:1 / 1;display:-ms-flexbox;display:flex;padding:var(--mds-calendar-cell-boundaries-padding);position:relative}:host([month="other"]){visibility:var(--mds-calendar-cell-other-month-visibility, hidden)}.inner-dot{aspect-ratio:1 / 1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);display:-ms-flexbox;display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background);color:var(--mds-calendar-cell-color);inset:0;position:absolute;z-index:0}.action{-ms-flex-align:center;align-items:center;aspect-ratio:1 / 1;background-color:transparent;border-radius:0;color:var(--mds-calendar-cell-color);display:-ms-flexbox;display:flex;inset:calc(var(--mds-calendar-cell-gap) * -1);-ms-flex-pack:center;justify-content:center;min-height:0;min-width:0;padding:0;position:absolute;width:auto;z-index:2}:host([selection][orientation="horizontal"]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap) * -1);margin-right:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="horizontal"]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0}:host([selection="end"][orientation="horizontal"]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-right:0}:host([selection][orientation="vertical"]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap) * -1);margin-top:calc(var(--mds-calendar-cell-gap) * -1)}:host([selection="start"][orientation="vertical"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius) 0 0;margin-top:0}:host([selection="end"][orientation="vertical"]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius) var(--mds-calendar-cell-selection-boundaries-border-radius);margin-bottom:0}:host([orientation="vertical"]:not([selection="start"],[selection="end"])) .area-background{border-radius:0}:host(:nth-child(7n - 6)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n - 6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host(:nth-child(7n)) .area-background,:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius)}:host([selection="end"][orientation="horizontal"]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius)}:host([selection][orientation="horizontal"]:nth-child(7n - 6)) .area-background{margin-left:0}:host([selection][orientation="horizontal"]:nth-child(7n)) .area-background{margin-right:0}:host([selection="single"][orientation="horizontal"]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius);margin-left:0;margin-right:0}:host(:nth-child(7n - 1)),:host(:nth-child(7n)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color);--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background)}:host([month="other"]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color);--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color);--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color)}:host([selection][month="current"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color)}:host([selection][month="current"]:nth-child(7n - 1)),:host([selection][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color)}:host([selection="start"][month="current"]:nth-child(7n - 1)),:host([selection="end"][month="current"]:nth-child(7n - 1)),:host([selection="start"][month="current"]:nth-child(7n)),:host([selection="end"][month="current"]:nth-child(7n)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color)}:host([selection][month="other"]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color)}:host([selection="start"][month="current"]),:host([selection="end"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color)}:host([selection="start"][month="other"]),:host([selection="end"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color)}:host([selection][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color)}:host([selection][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color)}:host([selection="start"][month="current"][preview]:not([preview="false"])),:host([selection="end"][month="current"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="start"][month="other"][preview]:not([preview="false"])),:host([selection="end"][month="other"][preview]:not([preview="false"])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}:host([selection="single"][month="current"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color)}:host([selection="single"][month="other"]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background);--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color)}';var MdsCalendarCellStyle0=mdsCalendarCellCss;var MdsCalendarCell=function(){function e(e){registerInstance(this,e);this.month="current";this.orientation="horizontal";this.preview=false;this.disabled=undefined;this.today=undefined}e.prototype.render=function(){return h(Host,{key:"09389f01297dc7e38499fc5783fbe7b5be73cee5"},h("div",{key:"6501ca7b41eed8696e60156abf53f0cbbecae8d5",class:"inner-dot"}),h("div",{key:"34f8e50ba0032d7d9d3dd63aafc5ac536f1a0adf",class:"area-background"}),h("mds-button",{key:"bedafcb2817bfeac6ebee9fa3e0887a41a1bce9b",class:"action",variant:"dark",tone:"quiet",disabled:this.disabled},h("slot",{key:"197f10e47b61a6c6140774cd3e2443df61d9e4a4"})))};return e}();MdsCalendarCell.style=MdsCalendarCellStyle0;export{MdsCalendar as mds_calendar,MdsCalendarCell as mds_calendar_cell};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardContentCss=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(1px, 100%));min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardContentStyle0=mdsCardContentCss;var MdsCardContent=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardContentCss=":host{gap:1rem;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(1px, 100%));min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardContentStyle0=mdsCardContentCss;var MdsCardContent=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"6d999f7edd0c6a6f9600ba642c7701c76cb2e652",slot:"content"},h("slot",{key:"d8261aefdf99a1e04ce0759351c4b112c14db22e"}))};return d}();MdsCardContent.style=MdsCardContentStyle0;export{MdsCardContent as mds_card_content};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardFooterCss=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardFooterStyle0=mdsCardFooterCss;var MdsCardFooter=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardFooterCss=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end;min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardFooterStyle0=mdsCardFooterCss;var MdsCardFooter=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"27d1cfe59341aec8873e3e58b67ff878447b4e7e",slot:"footer"},h("slot",{key:"1f77196c1c48afe232aaa1062d77100da3e34964"}))};return d}();MdsCardFooter.style=MdsCardFooterStyle0;export{MdsCardFooter as mds_card_footer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-7f153b9b.js";var mdsCardHeaderCss=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between;min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardHeaderStyle0=mdsCardHeaderCss;var MdsCardHeader=function(){function d(d){registerInstance(this,d)}d.prototype.componentWillLoad=function(){this.actions=this.hostElement.querySelector(':scope > [slot="action"]')!==null};d.prototype.render=function(){return h(Host,{key:"
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-7f153b9b.js";var mdsCardHeaderCss=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between;min-width:0}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardHeaderStyle0=mdsCardHeaderCss;var MdsCardHeader=function(){function d(d){registerInstance(this,d)}d.prototype.componentWillLoad=function(){this.actions=this.hostElement.querySelector(':scope > [slot="action"]')!==null};d.prototype.render=function(){return h(Host,{key:"37517cc5fa13e59e5cb3288b2df8e443959ac589",slot:"header"},h("slot",{key:"4cf693704f94b775346e6b132cbfb186e7092ae4"}),this.actions&&h("div",{key:"737f4ec0b6c3f003836d6cbe7fdb3b29f38518d9",class:"actions"},h("slot",{key:"57bef676061685715167d387ff65bc48ab1a48c9",name:"action"})))};Object.defineProperty(d.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return d}();MdsCardHeader.style=MdsCardHeaderStyle0;export{MdsCardHeader as mds_card_header};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardMediaCss=":host{background-color:rgb(var(--tone-neutral-09));display:grid;min-width:0;position:relative}.content{gap:0.5rem;padding:1rem;-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:center;justify-content:center;position:absolute}.img{-o-object-fit:contain;object-fit:contain}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardMediaStyle0=mdsCardMediaCss;var MdsCardMedia=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-7f153b9b.js";var mdsCardMediaCss=":host{background-color:rgb(var(--tone-neutral-09));display:grid;min-width:0;position:relative}.content{gap:0.5rem;padding:1rem;-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:center;justify-content:center;position:absolute}.img{-o-object-fit:contain;object-fit:contain}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsCardMediaStyle0=mdsCardMediaCss;var MdsCardMedia=function(){function d(d){registerInstance(this,d)}d.prototype.render=function(){return h(Host,{key:"ede4755f4ed976be4a2aaefa0ef107a42cd3ea42",slot:"media"},h("div",{key:"2dd85585b36b5568fd5b6b60639fbc16dae54f8f",class:"content",part:"content"},h("slot",{key:"f1236d9047acd846d270ee17a402e87d4bda1178",name:"content"})),h("slot",{key:"59ecffc8eb3e1b748fbe009a8664b799f05703e1"}))};return d}();MdsCardMedia.style=MdsCardMediaStyle0;export{MdsCardMedia as mds_card_media};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsCardCss='/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n --mds-card-gap: 0;\n --mds-card-padding: 0;\n border-radius: 1rem;\n\n background-color: rgb(var(--tone-neutral));\n -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n container-name: mds-card;\n container-type: inline-size;\n display: grid;\n min-height: 1rem;\n overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n grid-area: footer;\n}\n\n.layout {\n padding: 1rem;\n\n display: grid;\n gap: var(--mds-card-gap);\n grid-template-columns: repeat(auto-fit, minmax(1px, 100%));\n padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n min-content\n 1fr\n min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "content";\n grid-template-rows:\n -webkit-min-content\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n min-content\n 1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "footer";\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "content";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "content";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n grid-template-areas:\n "content"\n "footer";\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n grid-template-areas: "header";\n grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n grid-template-areas: "media";\n grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n grid-template-areas: "content";\n grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n grid-template-areas: "footer";\n grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n .layout--cfhm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media content"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n }\n\n .layout--chm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media content"\n "media content";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr\n 1fr;\n grid-template-rows:\n min-content\n 1fr\n 1fr;\n }\n\n .layout--fhm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n }\n\n .layout--cfm:not(.layout--disabled) {\n grid-template-areas:\n "media content"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n }\n\n .layout--cm:not(.layout--disabled) {\n grid-template-areas:\n "media content";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n }\n}\n\n:host-context(.pref-theme-dark) {\n background-color: rgb(var(--tone-neutral-09));\n -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n background-color: rgb(var(--tone-neutral-09));\n -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n }\n}\n\n:host-context(.pref-contrast-more) {\n -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';var MdsCardStyle0=mdsCardCss;var MdsCard=function(){function t(t){registerInstance(this,t);this.autoGrid=true}t.prototype.componentWillLoad=function(){this.layout=Array.from(this.host.children).map((function(t){var n;return((n=t.getAttribute("slot"))!==null&&n!==void 0?n:t.tagName.startsWith("MDS-CARD-"))?t.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce((function(t,n){return t+n.charAt(0)}),"")};t.prototype.render=function(){return h(Host,{key:"40b6bd3b0fcce50d1540f3d2356bcf8ebc37657b"},h("div",{key:"a5163fe1dab6d69dcd4e2f4e9f569870bb8ff869",class:clsx("layout",this.layout&&"layout--".concat(this.layout),!this.autoGrid?"layout--disabled":""),part:"container"},h("slot",{key:"14ee70fd226453020ee665d4b766a2673823f1a4",name:"media"}),h("slot",{key:"f21ae3c26a15aec44754b06da5f19f0dc695e840",name:"header"}),h("slot",{key:"e0065f50b72e5f8b1cf29236666a855b4b02e41b",name:"content"}),h("slot",{key:"76c9a427fb0522067df3ff671241ec25179c2a5f",name:"footer"})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsCard.style=MdsCardStyle0;export{MdsCard as mds_card};
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";var mdsCardCss='/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n --mds-card-gap: 0;\n --mds-card-padding: 0;\n border-radius: 1rem;\n\n background-color: rgb(var(--tone-neutral));\n -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n container-name: mds-card;\n container-type: inline-size;\n display: grid;\n min-height: 1rem;\n overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n grid-area: footer;\n}\n\n.layout {\n padding: 1rem;\n\n display: grid;\n gap: var(--mds-card-gap);\n grid-template-columns: repeat(auto-fit, minmax(1px, 100%));\n padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n min-content\n 1fr\n min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "content";\n grid-template-rows:\n -webkit-min-content\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n min-content\n 1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "content"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "media";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "footer";\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n grid-template-areas:\n "media"\n "content";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "footer";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n grid-template-areas:\n "header"\n "content";\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n grid-template-areas:\n "content"\n "footer";\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n grid-template-areas: "header";\n grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n grid-template-areas: "media";\n grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n grid-template-areas: "content";\n grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n grid-template-areas: "footer";\n grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n .layout--cfhm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media content"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr\n -webkit-min-content;\n grid-template-rows:\n min-content\n 1fr\n min-content;\n }\n\n .layout--chm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media content"\n "media content";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr\n 1fr;\n grid-template-rows:\n min-content\n 1fr\n 1fr;\n }\n\n .layout--fhm:not(.layout--disabled) {\n grid-template-areas:\n "media header"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n -webkit-min-content\n 1fr;\n grid-template-rows:\n min-content\n 1fr;\n }\n\n .layout--cfm:not(.layout--disabled) {\n grid-template-areas:\n "media content"\n "media footer";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n }\n\n .layout--cm:not(.layout--disabled) {\n grid-template-areas:\n "media content";\n grid-template-columns: minmax(240px, 1fr) 2fr;\n grid-template-rows:\n 1fr\n -webkit-min-content;\n grid-template-rows:\n 1fr\n min-content;\n }\n}\n\n:host-context(.pref-theme-dark) {\n background-color: rgb(var(--tone-neutral-09));\n -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n background-color: rgb(var(--tone-neutral-09));\n -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.15);\n }\n}\n\n:host-context(.pref-contrast-more) {\n -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';var MdsCardStyle0=mdsCardCss;var MdsCard=function(){function t(t){registerInstance(this,t);this.autoGrid=true}t.prototype.componentWillLoad=function(){this.layout=Array.from(this.host.children).map((function(t){var n;return((n=t.getAttribute("slot"))!==null&&n!==void 0?n:t.tagName.startsWith("MDS-CARD-"))?t.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce((function(t,n){return t+n.charAt(0)}),"")};t.prototype.render=function(){return h(Host,{key:"1f56ae14eee21319d1285d8ed70b8318ccd623ea"},h("div",{key:"9c1b326adc15a6572d1e711090a31f6af81d301c",class:clsx("layout",this.layout&&"layout--".concat(this.layout),!this.autoGrid?"layout--disabled":""),part:"container"},h("slot",{key:"c07c48068d7227f652ad577c58b388880f930729",name:"media"}),h("slot",{key:"84121684f7f9298396da6c61c0281d4fad7e9d71",name:"header"}),h("slot",{key:"807c82b31bcd779562ead67476e6b8aa6ec4c2f6",name:"content"}),h("slot",{key:"d05eb58fc0d39cac5ce38676fa2062e87b0f4ea5",name:"footer"})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsCard.style=MdsCardStyle0;export{MdsCard as mds_card};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-b79b8faf.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";var mdsDetailsCss="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-details-duration:300ms;--mds-details-icon-color:rgb(var(--variant-primary-04));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03));gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.content{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.content{display:grid}.details{gap:1rem;padding-top:0rem;opacity:0;display:grid;grid-template-rows:0fr;overflow:hidden;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration);transition-duration:var(--mds-details-duration);-webkit-transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding, -ms-grid-rows}.content-expander{gap:1rem;display:grid;min-height:0}.details.opened{padding-top:1rem;grid-template-rows:1fr;opacity:1;overflow:visible;pointer-events:auto}.header{gap:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon{cursor:pointer;fill:var(--mds-details-icon-color)}.icon--hidden{display:none}.title{cursor:pointer}.helper-icon{display:-ms-flexbox;display:flex}.helper-icon svg{aspect-ratio:1/1;height:100%;width:100%}.helper-icon{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);cursor:pointer;fill:var(--mds-details-helper-icon-color);-ms-flex-negative:0;flex-shrink:0;rotate:0deg;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.helper-icon.opened{rotate:180deg}.actions{gap:1rem;display:-ms-flexbox;display:flex}:host-context(.pref-animation-reduce){--mds-details-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-details-duration:0s}}:host-context(.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsDetailsStyle0=mdsDetailsCss;var MdsDetails=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsDetailsChange",7);this.hasIcon=true;this.km=new KeyboardManager;this.opened=false;this.toggle=function(){e.isOpened=!e.isOpened;e.changedEvent.emit(e.isOpened)};this.checkIcon=function(){e.hasIcon=e.host.querySelector(':scope > [slot="icon"]')!==null};this.onSlotChangeHandler=function(){e.checkIcon()}}t.prototype.validateOpened=function(t){this.isOpened=t};t.prototype.componentWillLoad=function(){this.isOpened=this.opened;this.checkIcon()};t.prototype.componentDidLoad=function(){var t;var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".header");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"9614e2cbbeecbf320831181da5165a2cd46866fe"},h("div",{key:"1afe17a23472c2a621e31d497a53b335306dae40",class:clsx("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},h("slot",{key:"665ad16cf878150afc55749daa52bb083223bb6c",name:"icon",onSlotchange:this.onSlotChangeHandler})),h("div",{key:"b7431aa2dc87e4d953e08abecb80d72397558e4c",class:"content"},h("header",{key:"142622df46b291a20963c3d1c97d0d6fbf20f92f",class:"header",part:"header",tabindex:"0",onClick:this.toggle},h("div",{key:"d32359db6216bf25774b842444021c233487a443",class:"title"},h("slot",{key:"3d2df7c901a215dd9d272ffb6fdc25a9b72f7261",name:"title"})),h("i",{key:"5f310f2ceb2fe7f97ca0951ba99c1b975e15af82",class:clsx("helper-icon",this.isOpened&&"opened"),innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"4f78adbdd09b9dfb16fa5fb5375a28b14da9600b",class:clsx("details",this.isOpened&&"opened")},h("div",{key:"f1772f0b58c1f7c285c69ba01f2a039eebdb936d",class:"content-expander",part:"content"},h("slot",{key:"6e6036c45a73e6d102c79ab50954444b49118449"}),h("div",{key:"4b3c2145ff7e65f4716ed5745014aacd579f2347",class:"actions"},h("slot",{key:"55c50cd1c76823af992ea5a22704bf42a417b574",name:"action"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return t}();MdsDetails.style=MdsDetailsStyle0;export{MdsDetails as mds_details};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-b79b8faf.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";var mdsDetailsCss="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-details-duration:300ms;--mds-details-icon-color:rgb(var(--variant-primary-04));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03));gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.content{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.content{display:grid}.details{gap:1rem;padding-top:0rem;opacity:0;display:grid;grid-template-rows:0fr;overflow:hidden;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration);transition-duration:var(--mds-details-duration);-webkit-transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding;transition-property:grid-template-rows, opacity, padding, -ms-grid-rows}.content-expander{gap:1rem;display:grid;min-height:0}.details.opened{padding-top:1rem;grid-template-rows:1fr;opacity:1;overflow:visible;pointer-events:auto}.header{gap:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon{cursor:pointer;fill:var(--mds-details-icon-color)}.icon--hidden{display:none}.title{cursor:pointer}.helper-icon{display:-ms-flexbox;display:flex}.helper-icon svg{aspect-ratio:1/1;height:100%;width:100%}.helper-icon{-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);cursor:pointer;fill:var(--mds-details-helper-icon-color);-ms-flex-negative:0;flex-shrink:0;rotate:0deg;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.helper-icon.opened{rotate:180deg}.actions{gap:1rem;display:-ms-flexbox;display:flex}:host-context(.pref-animation-reduce){--mds-details-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-details-duration:0s}}:host-context(.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-details-icon-color:rgb(var(--variant-primary-03));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsDetailsStyle0=mdsDetailsCss;var MdsDetails=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsDetailsChange",7);this.hasIcon=true;this.km=new KeyboardManager;this.opened=false;this.toggle=function(){e.isOpened=!e.isOpened;e.changedEvent.emit(e.isOpened)};this.checkIcon=function(){e.hasIcon=e.host.querySelector(':scope > [slot="icon"]')!==null};this.onSlotChangeHandler=function(){e.checkIcon()}}t.prototype.validateOpened=function(t){this.isOpened=t};t.prototype.componentWillLoad=function(){this.isOpened=this.opened;this.checkIcon()};t.prototype.componentDidLoad=function(){var t;var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".header");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"d6184cacb2170c6c13d221199c13b52f282a2230"},h("div",{key:"aa7a8d55a1baeee4dbbdccc7ccd6b0a0c1bf7599",class:clsx("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},h("slot",{key:"a355f1df6eb85fb599885c2762949823d86f16d8",name:"icon",onSlotchange:this.onSlotChangeHandler})),h("div",{key:"3035feb250fb7c8a963d1578ef79e701edbfe306",class:"content"},h("header",{key:"e9449d592fcc69356af4030b98150ca02a2a6059",class:"header",part:"header",tabindex:"0",onClick:this.toggle},h("div",{key:"ca44725f199e7591f59d6415f6cabd5bbf233dc7",class:"title"},h("slot",{key:"40f0e20b99b36c15be9843402b7986c96e6de25d",name:"title"})),h("i",{key:"294dde9c5bd6dc5d8d855ea77a733e4c40cf3dd2",class:clsx("helper-icon",this.isOpened&&"opened"),innerHTML:miBaselineKeyboardArrowDown})),h("div",{key:"efb1acceefa5dcad28c05243c244062bbd959614",class:clsx("details",this.isOpened&&"opened")},h("div",{key:"05fad0bbd7dd9070e2f544ab74f98e2732a5107e",class:"content-expander",part:"content"},h("slot",{key:"f772008113a771c1be4eb9a188bc5b4d8c2a03f6"}),h("div",{key:"5385226217cf9ecb12e3b4143574eab79087e8b5",class:"actions"},h("slot",{key:"27ce04a70a4c7a412a08401b57d5f73377f21f86",name:"action"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return t}();MdsDetails.style=MdsDetailsStyle0;export{MdsDetails as mds_details};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";import{d as cssDurationToMilliseconds}from"./unit-3af59d3d.js";import{B as Backdrop,F as FloatingController}from"./floating-controller-cc7077cf.js";import"./floating-ui.dom.esm-58c85699.js";import"./aria-ed9d415d.js";var arrowSvg='<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n';var mdsDropdownCss='/**\n * @prop --mds-dropdown-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-dropdown-background: Sets the background-color of the dropdown.\n * @prop --mds-dropdown-backdrop-duration: Sets the transition duration of the backdrop, used by component\'s code too.\n * @prop --mds-dropdown-backdrop-z-indx: Sets the backdrop z-index, used by component\'s code too.\n * @prop --mds-dropdown-drop-shadow: Sets the drop-shadow of the dropdown.\n * @prop --mds-dropdown-mouseover-delay: Sets the delay duration of the component when the caller trigger mouseover event, it\'s used by the javascript code.\n * @prop --mds-dropdown-duration: Sets the duration of the dropdown animation.\n * @prop --mds-dropdown-ease: Sets the easing of the dropdown animation.\n * @prop --mds-dropdown-transform-from: Sets the from animation transform of the dropdown.\n * @prop --mds-dropdown-transform-to: Sets the to animation transform of the dropdown.\n * @prop --mds-dropdown-z-index: Sets the z-index of the component.\n */\n\n:host {\n --mds-dropdown-arrow-background: var(--mds-dropdown-background);\n --mds-dropdown-backdrop-duration: 200ms;\n --mds-dropdown-backdrop-z-index: var(--magma-backdrop-z-index, 3000);\n --mds-dropdown-background: rgb(var(--tone-neutral));\n --mds-dropdown-mouseover-delay: 0.5s;\n --mds-dropdown-drop-shadow-color: var(--tone-neutral-01, 0 0 0);\n --mds-dropdown-drop-shadow: drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color) / 0.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15));\n --mds-dropdown-duration: 0.5s;\n --mds-dropdown-ease: cubic-bezier(0.19, 1, 0.22, 1);\n --mds-dropdown-transform-from: scale(0.9) translateY(-3%);\n --mds-dropdown-transform-to: scale(1) translate(0, 0);\n --mds-dropdown-z-index: var(--magma-dropdown-z-index, 4000);\n gap: 1rem;\n border-radius: 0.5rem;\n padding: 1.5rem;\n opacity: 0;\n\n background-color: var(--mds-dropdown-background);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: none;\n -webkit-filter: var(--mds-dropdown-drop-shadow);\n filter: var(--mds-dropdown-drop-shadow);\n pointer-events: none;\n position: fixed;\n -webkit-transform: var(--mds-dropdown-transform-from);\n transform: var(--mds-dropdown-transform-from);\n transition-behavior: allow-discrete;\n -webkit-transition-duration: var(--mds-dropdown-duration);\n transition-duration: var(--mds-dropdown-duration);\n -webkit-transition-property: opacity, display, -webkit-transform, -webkit-transform-origin;\n transition-property: opacity, display, -webkit-transform, -webkit-transform-origin;\n transition-property: opacity, transform, transform-origin, display;\n transition-property: opacity, transform, transform-origin, display, -webkit-transform, -webkit-transform-origin;\n -webkit-transition-timing-function: var(--mds-dropdown-ease);\n transition-timing-function: var(--mds-dropdown-ease);\n z-index: var(--mds-dropdown-z-index);\n}\n\n:host([visible]:not([visible="false"])) {\n opacity: 1;\n\n display: grid;\n pointer-events: auto;\n -webkit-transform: var(--mds-dropdown-transform-to);\n transform: var(--mds-dropdown-transform-to);\n\n @starting-style {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n}\n\n:host([smooth]:not([smooth="false"])) {\n -webkit-transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n transition-property: bottom, left, opacity, right, top, transform, transform-origin;\n transition-property: bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n.arrow {\n top: -1rem;\n\n display: -ms-flexbox;\n\n display: flex;\n fill: var(--mds-dropdown-arrow-background);\n pointer-events: none;\n position: fixed;\n}\n\n::slotted(*) {\n z-index: 10;\n\n position: relative;\n}\n\n:host-context(.pref-animation-reduce) {\n --mds-dropdown-backdrop-duration: 0s;\n --mds-dropdown-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n :host-context(.pref-animation-system) {\n --mds-dropdown-backdrop-duration: 0s;\n --mds-dropdown-duration: 0s;\n }\n}\n\n:host-context(.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host-context(.pref-contrast-more) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host-context(.pref-contrast-more.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-contrast-more.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n@media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n :host-context(.pref-contrast-system.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';var MdsDropdownStyle0=mdsDropdownCss;var MdsDropdown=function(){function t(t){var d=this;registerInstance(this,t);this.visibleEvent=createEvent(this,"mdsDropdownVisible",7);this.hiddenEvent=createEvent(this,"mdsDropdownHide",7);this.changedEvent=createEvent(this,"mdsDropdownChange",7);this.km=new KeyboardManager;this.backdropController=new Backdrop;this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.interaction="click";this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="absolute";this.visible=false;this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(d.host);d.cssMouseOverDelayDuration=t.getPropertyValue("--mds-dropdown-mouseover-delay")};this.handleCloseDropdown=function(t){if(t.type==="mouseleave"){d.host.removeEventListener("mouseleave",d.handleCloseDropdown);d.caller.removeEventListener("mouseleave",d.handleCloseDropdown);d.visible=false;return}if(!d.host.contains(t.target)&&t.target!==d.caller){d.visible=false;document.removeEventListener("click",d.handleCloseDropdown)}};this.setInteractionBehaviour=function(){if(d.interaction==="none"){return}if(d.interaction==="click"){d.caller.addEventListener("click",d.onClickTarget.bind(d))}if(d.interaction==="mouseover"){d.caller.addEventListener("mouseover",d.onMouseOverTarget.bind(d));d.caller.addEventListener("mouseout",d.onMouseOutTarget.bind(d));d.host.addEventListener("mouseover",d.handleCloseDropdownMouseLeave.bind(d))}};this.handleCloseDropdownMouseLeave=function(){clearTimeout(d.mouseoverTimer);d.host.removeEventListener("mouseover",d.handleCloseDropdownMouseLeave.bind(d));d.host.addEventListener("mouseleave",d.handleCloseDropdown.bind(d))}}t.prototype.arrowChanged=function(){this.floatingController.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.floatingController.updatePosition()};t.prototype.autoPlacementChanged=function(){this.floatingController.updatePosition()};t.prototype.backdropChanged=function(t){if(t===false){this.backdrop=undefined}if(!this.visible){return}if(t){this.backdropController.attachBackdrop();return}this.backdropController.detachBackdrop()};t.prototype.flipChanged=function(){this.floatingController.updatePosition()};t.prototype.offsetChanged=function(){this.floatingController.updatePosition()};t.prototype.placementChanged=function(){this.floatingController.updatePosition()};t.prototype.shiftChanged=function(){this.floatingController.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.floatingController.updatePosition()};t.prototype.strategyChanged=function(){this.floatingController.updatePosition()};t.prototype.targetChanged=function(){var t=this;if(!this.target||!this.floatingController)return;this.caller=this.floatingController.updateCaller(this.target);this.setInteractionBehaviour();this.km.addElement(this.host);this.km.attachEscapeBehavior((function(){return t.visibleChanged(false)}))};t.prototype.visibleChanged=function(t){this.changedEvent.emit({caller:this.caller,visible:t});if(t){document.addEventListener("click",this.handleCloseDropdown);this.floatingController.updatePosition();if(this.backdrop){this.backdropController.attachBackdrop()}this.visibleEvent.emit({caller:this.caller,visible:true});return}this.floatingController.dismiss();if(this.backdrop){this.backdropController.detachBackdrop()}this.hiddenEvent.emit({caller:this.caller,visible:false})};t.prototype.onClickTarget=function(t){t.stopPropagation();document.body.click();this.visible=!this.visible};t.prototype.onMouseOverTarget=function(){var t=this;this.mouseoverTimer=setTimeout((function(){clearTimeout(t.mouseoverTimer);t.visible=true}),cssDurationToMilliseconds(this.cssMouseOverDelayDuration))};t.prototype.onMouseOutTarget=function(){var t=this;clearTimeout(this.mouseoverTimer);this.mouseoverTimer=setTimeout((function(){clearTimeout(t.mouseoverTimer);t.visible=false}),cssDurationToMilliseconds(this.cssMouseOverDelayDuration))};t.prototype.componentDidLoad=function(){var t;var d=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".arrow");this.floatingController=new FloatingController(this.host,d);this.updateCSSCustomProps();this.targetChanged()};t.prototype.disconnectedCallback=function(){this.floatingController.dismiss();this.backdropController.detachBackdrop();this.km.detachEscapeBehavior()};t.prototype.render=function(){return h(Host,{key:"d1da570558e373c58fd8806494d50903705f3975",style:{zIndex:"".concat(this.zIndex)}},h("div",{key:"08ca7259305dbb9dfcf979b6f4e65701187ea65f",class:"arrow",innerHTML:arrowSvg}),h("slot",{key:"cafea12f69617beda65ae7653804d03a39f3ffa7"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],target:["targetChanged"],visible:["visibleChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=MdsDropdownStyle0;export{MdsDropdown as mds_dropdown};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";import{d as cssDurationToMilliseconds}from"./unit-3af59d3d.js";import{B as Backdrop,F as FloatingController}from"./floating-controller-cc7077cf.js";import"./floating-ui.dom.esm-58c85699.js";import"./aria-ed9d415d.js";var arrowSvg='<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n';var mdsDropdownCss='/**\n * @prop --mds-dropdown-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-dropdown-background: Sets the background-color of the dropdown.\n * @prop --mds-dropdown-backdrop-duration: Sets the transition duration of the backdrop, used by component\'s code too.\n * @prop --mds-dropdown-backdrop-z-indx: Sets the backdrop z-index, used by component\'s code too.\n * @prop --mds-dropdown-drop-shadow: Sets the drop-shadow of the dropdown.\n * @prop --mds-dropdown-mouseover-delay: Sets the delay duration of the component when the caller trigger mouseover event, it\'s used by the javascript code.\n * @prop --mds-dropdown-duration: Sets the duration of the dropdown animation.\n * @prop --mds-dropdown-ease: Sets the easing of the dropdown animation.\n * @prop --mds-dropdown-transform-from: Sets the from animation transform of the dropdown.\n * @prop --mds-dropdown-transform-to: Sets the to animation transform of the dropdown.\n * @prop --mds-dropdown-z-index: Sets the z-index of the component.\n */\n\n:host {\n --mds-dropdown-arrow-background: var(--mds-dropdown-background);\n --mds-dropdown-backdrop-duration: 200ms;\n --mds-dropdown-backdrop-z-index: var(--magma-backdrop-z-index, 3000);\n --mds-dropdown-background: rgb(var(--tone-neutral));\n --mds-dropdown-mouseover-delay: 0.5s;\n --mds-dropdown-drop-shadow-color: var(--tone-neutral-01, 0 0 0);\n --mds-dropdown-drop-shadow: drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color) / 0.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15));\n --mds-dropdown-duration: 0.5s;\n --mds-dropdown-ease: cubic-bezier(0.19, 1, 0.22, 1);\n --mds-dropdown-transform-from: scale(0.9) translateY(-3%);\n --mds-dropdown-transform-to: scale(1) translate(0, 0);\n --mds-dropdown-z-index: var(--magma-dropdown-z-index, 4000);\n gap: 1rem;\n border-radius: 0.5rem;\n padding: 1.5rem;\n opacity: 0;\n\n background-color: var(--mds-dropdown-background);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: none;\n -webkit-filter: var(--mds-dropdown-drop-shadow);\n filter: var(--mds-dropdown-drop-shadow);\n pointer-events: none;\n position: fixed;\n -webkit-transform: var(--mds-dropdown-transform-from);\n transform: var(--mds-dropdown-transform-from);\n transition-behavior: allow-discrete;\n -webkit-transition-duration: var(--mds-dropdown-duration);\n transition-duration: var(--mds-dropdown-duration);\n -webkit-transition-property: opacity, display, -webkit-transform, -webkit-transform-origin;\n transition-property: opacity, display, -webkit-transform, -webkit-transform-origin;\n transition-property: opacity, transform, transform-origin, display;\n transition-property: opacity, transform, transform-origin, display, -webkit-transform, -webkit-transform-origin;\n -webkit-transition-timing-function: var(--mds-dropdown-ease);\n transition-timing-function: var(--mds-dropdown-ease);\n z-index: var(--mds-dropdown-z-index);\n}\n\n:host([visible]:not([visible="false"])) {\n opacity: 1;\n\n display: grid;\n pointer-events: auto;\n -webkit-transform: var(--mds-dropdown-transform-to);\n transform: var(--mds-dropdown-transform-to);\n\n @starting-style {\n opacity: 0;\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n}\n\n:host([smooth]:not([smooth="false"])) {\n -webkit-transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n transition-property: bottom, left, opacity, right, top, transform, transform-origin;\n transition-property: bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n.arrow {\n top: -1rem;\n\n display: -ms-flexbox;\n\n display: flex;\n fill: var(--mds-dropdown-arrow-background);\n pointer-events: none;\n position: fixed;\n}\n\n::slotted(*) {\n z-index: 10;\n\n position: relative;\n}\n\n:host-context(.pref-animation-reduce) {\n --mds-dropdown-backdrop-duration: 0s;\n --mds-dropdown-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n :host-context(.pref-animation-system) {\n --mds-dropdown-backdrop-duration: 0s;\n --mds-dropdown-duration: 0s;\n }\n}\n\n:host-context(.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host-context(.pref-contrast-more) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host-context(.pref-contrast-more.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n}\n\n@media (prefers-contrast: more) {\n :host-context(.pref-contrast-system.pref-theme-dark) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :host-context(.pref-contrast-more.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n@media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n :host-context(.pref-contrast-system.pref-theme-system) {\n --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n';var MdsDropdownStyle0=mdsDropdownCss;var MdsDropdown=function(){function t(t){var d=this;registerInstance(this,t);this.visibleEvent=createEvent(this,"mdsDropdownVisible",7);this.hiddenEvent=createEvent(this,"mdsDropdownHide",7);this.changedEvent=createEvent(this,"mdsDropdownChange",7);this.km=new KeyboardManager;this.backdropController=new Backdrop;this.arrow=true;this.arrowPadding=24;this.autoPlacement=false;this.backdrop=false;this.flip=false;this.interaction="click";this.offset=24;this.placement="bottom";this.shift=true;this.shiftPadding=24;this.smooth=true;this.strategy="absolute";this.visible=false;this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(d.host);d.cssMouseOverDelayDuration=t.getPropertyValue("--mds-dropdown-mouseover-delay")};this.handleCloseDropdown=function(t){if(t.type==="mouseleave"){d.host.removeEventListener("mouseleave",d.handleCloseDropdown);d.caller.removeEventListener("mouseleave",d.handleCloseDropdown);d.visible=false;return}if(!d.host.contains(t.target)&&t.target!==d.caller){d.visible=false;document.removeEventListener("click",d.handleCloseDropdown)}};this.setInteractionBehaviour=function(){if(d.interaction==="none"){return}if(d.interaction==="click"){d.caller.addEventListener("click",d.onClickTarget.bind(d))}if(d.interaction==="mouseover"){d.caller.addEventListener("mouseover",d.onMouseOverTarget.bind(d));d.caller.addEventListener("mouseout",d.onMouseOutTarget.bind(d));d.host.addEventListener("mouseover",d.handleCloseDropdownMouseLeave.bind(d))}};this.handleCloseDropdownMouseLeave=function(){clearTimeout(d.mouseoverTimer);d.host.removeEventListener("mouseover",d.handleCloseDropdownMouseLeave.bind(d));d.host.addEventListener("mouseleave",d.handleCloseDropdown.bind(d))}}t.prototype.arrowChanged=function(){this.floatingController.updatePosition()};t.prototype.arrowPaddingChanged=function(){this.floatingController.updatePosition()};t.prototype.autoPlacementChanged=function(){this.floatingController.updatePosition()};t.prototype.backdropChanged=function(t){if(t===false){this.backdrop=undefined}if(!this.visible){return}if(t){this.backdropController.attachBackdrop();return}this.backdropController.detachBackdrop()};t.prototype.flipChanged=function(){this.floatingController.updatePosition()};t.prototype.offsetChanged=function(){this.floatingController.updatePosition()};t.prototype.placementChanged=function(){this.floatingController.updatePosition()};t.prototype.shiftChanged=function(){this.floatingController.updatePosition()};t.prototype.shiftPaddingChanged=function(){this.floatingController.updatePosition()};t.prototype.strategyChanged=function(){this.floatingController.updatePosition()};t.prototype.targetChanged=function(){var t=this;if(!this.target||!this.floatingController)return;this.caller=this.floatingController.updateCaller(this.target);this.setInteractionBehaviour();this.km.addElement(this.host);this.km.attachEscapeBehavior((function(){return t.visibleChanged(false)}))};t.prototype.visibleChanged=function(t){this.changedEvent.emit({caller:this.caller,visible:t});if(t){document.addEventListener("click",this.handleCloseDropdown);this.floatingController.updatePosition();if(this.backdrop){this.backdropController.attachBackdrop()}this.visibleEvent.emit({caller:this.caller,visible:true});return}this.floatingController.dismiss();if(this.backdrop){this.backdropController.detachBackdrop()}this.hiddenEvent.emit({caller:this.caller,visible:false})};t.prototype.onClickTarget=function(t){t.stopPropagation();document.body.click();this.visible=!this.visible};t.prototype.onMouseOverTarget=function(){var t=this;this.mouseoverTimer=setTimeout((function(){clearTimeout(t.mouseoverTimer);t.visible=true}),cssDurationToMilliseconds(this.cssMouseOverDelayDuration))};t.prototype.onMouseOutTarget=function(){var t=this;clearTimeout(this.mouseoverTimer);this.mouseoverTimer=setTimeout((function(){clearTimeout(t.mouseoverTimer);t.visible=false}),cssDurationToMilliseconds(this.cssMouseOverDelayDuration))};t.prototype.componentDidLoad=function(){var t;var d=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".arrow");this.floatingController=new FloatingController(this.host,d);this.updateCSSCustomProps();this.targetChanged()};t.prototype.disconnectedCallback=function(){this.floatingController.dismiss();this.backdropController.detachBackdrop();this.km.detachEscapeBehavior()};t.prototype.render=function(){return h(Host,{key:"611b52d0d95b82ff0a15418a2912436aa8036a25",style:{zIndex:"".concat(this.zIndex)}},h("div",{key:"438608dea4c704636a0ebb60d77403a55820972c",class:"arrow",innerHTML:arrowSvg}),h("slot",{key:"72b92abf8d288c0ae4dbb606c23ff9bfc274cf78"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],target:["targetChanged"],visible:["visibleChanged"]}},enumerable:false,configurable:true});return t}();MdsDropdown.style=MdsDropdownStyle0;export{MdsDropdown as mds_dropdown};
|