@getflip/swirl-components-react 0.14.0 → 0.16.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/{balancetext-31f1ec68.bd1c1b2d.js → balancetext-fa49c64f.754e913c.js} +1 -1
- package/dist/{file-manager.entry.313b8c7c.js → file-manager.entry.20ffe74a.js} +1 -1
- package/dist/index-d280dafb.186cdb0e.js +71 -0
- package/dist/index.771fb0bd.js +1424 -0
- package/dist/stencil-generated/index.d.ts +7 -0
- package/dist/{swirl-action-list-section.entry.d256aaab.js → swirl-action-list-section.entry.5552aa20.js} +1 -1
- package/dist/swirl-action-list_3.entry.4f943f70.js +89 -0
- package/dist/{swirl-app-layout_5.entry.e95b5db4.js → swirl-app-layout_5.entry.05c5b705.js} +15 -16
- package/dist/{swirl-autocomplete.entry.5dd8a0f2.js → swirl-autocomplete.entry.97b5c640.js} +3 -4
- package/dist/{swirl-avatar-group.entry.8a9e1a7a.js → swirl-avatar-group.entry.3a2a9e5a.js} +4 -5
- package/dist/{swirl-avatar.entry.d9305778.js → swirl-avatar.entry.c43f4681.js} +2 -3
- package/dist/{swirl-badge.entry.343617d0.js → swirl-badge.entry.7be0934d.js} +2 -3
- package/dist/{swirl-banner.entry.b456e6bc.js → swirl-banner.entry.1597d14a.js} +3 -4
- package/dist/{swirl-button-group.entry.e333895b.js → swirl-button-group.entry.dafcab95.js} +2 -3
- package/dist/{swirl-button.entry.2a618b68.js → swirl-button.entry.199c6a8a.js} +10 -8
- package/dist/{swirl-card.entry.9d9aa2af.js → swirl-card.entry.e5ed3c77.js} +2 -3
- package/dist/{swirl-checkbox.entry.4fb05d65.js → swirl-checkbox.entry.0600cd6f.js} +2 -3
- package/dist/{swirl-chip.entry.2acd5392.js → swirl-chip.entry.4f576f76.js} +3 -4
- package/dist/swirl-components-react.js +126 -119
- package/dist/swirl-components-react.umd.cjs +47 -44
- package/dist/{swirl-console-layout.entry.70af7d3d.js → swirl-console-layout.entry.ff15c1d4.js} +3 -4
- package/dist/{swirl-date-input.entry.74baafc1.js → swirl-date-input.entry.e5eb360e.js} +5 -6
- package/dist/{swirl-date-picker_2.entry.047e3cba.js → swirl-date-picker_2.entry.5f9e31e4.js} +2 -3
- package/dist/{swirl-description-list-item.entry.b0f47248.js → swirl-description-list-item.entry.f0c4e608.js} +1 -1
- package/dist/{swirl-description-list.entry.2a45d3ab.js → swirl-description-list.entry.0340fc1d.js} +1 -1
- package/dist/{swirl-dialog.entry.5d3e1fc6.js → swirl-dialog.entry.fab32668.js} +2 -3
- package/dist/{swirl-file-uploader.entry.dfc1d331.js → swirl-file-uploader.entry.ff6a732f.js} +2 -3
- package/dist/{swirl-file-viewer_7.entry.8582dc5b.js → swirl-file-viewer_7.entry.47672c19.js} +369 -348
- package/dist/{swirl-form-control.entry.9016a12e.js → swirl-form-control.entry.67eebaa3.js} +2 -3
- package/dist/{swirl-form-group.entry.acd21d5a.js → swirl-form-group.entry.695465dd.js} +2 -3
- package/dist/{swirl-heading.entry.d5f3f196.js → swirl-heading.entry.5a244e67.js} +3 -4
- package/dist/{swirl-icon-add-photo.entry.b6b8d145.js → swirl-icon-add-photo.entry.d7a58326.js} +2 -3
- package/dist/swirl-icon-add_6.entry.03d1eaf1.js +72 -0
- package/dist/{swirl-icon-admin-panel-settings.entry.cbf77079.js → swirl-icon-admin-panel-settings.entry.cdce67c5.js} +4 -5
- package/dist/{swirl-icon-arrow-back.entry.e1a7bbc0.js → swirl-icon-arrow-back.entry.64d10729.js} +6 -7
- package/dist/{swirl-icon-arrow-downward_2.entry.6e12407d.js → swirl-icon-arrow-downward_2.entry.b7a7d6cf.js} +2 -3
- package/dist/{swirl-icon-arrow-forward.entry.5e09833d.js → swirl-icon-arrow-forward.entry.1b3d6314.js} +5 -6
- package/dist/swirl-icon-arrow-left_4.entry.9e3544d8.js +50 -0
- package/dist/{swirl-icon-arrow-right-small.entry.e383ffa6.js → swirl-icon-arrow-right-small.entry.3b9ae0a5.js} +5 -6
- package/dist/{swirl-icon-attachment.entry.455a7bfe.js → swirl-icon-attachment.entry.f49c7730.js} +5 -6
- package/dist/{swirl-icon-block.entry.9f333c93.js → swirl-icon-block.entry.fa877db4.js} +7 -8
- package/dist/{swirl-icon-bookmark.entry.1e272909.js → swirl-icon-bookmark.entry.54962d28.js} +2 -3
- package/dist/{swirl-icon-cancel_4.entry.4f7ca0aa.js → swirl-icon-cancel_4.entry.50b58fee.js} +2 -3
- package/dist/{swirl-icon-chat-bubble.entry.52e69d49.js → swirl-icon-chat-bubble.entry.c2a076f7.js} +4 -5
- package/dist/{swirl-icon-chats-filled.entry.39ff452c.js → swirl-icon-chats-filled.entry.cd642800.js} +2 -3
- package/dist/{swirl-icon-chats-outlined.entry.5cb1eefb.js → swirl-icon-chats-outlined.entry.bd1131ca.js} +4 -5
- package/dist/{swirl-icon-check-circle.entry.6fa2ef87.js → swirl-icon-check-circle.entry.c190d70f.js} +2 -3
- package/dist/{swirl-icon-check-small_4.entry.1845bf2b.js → swirl-icon-check-small_4.entry.02540bd9.js} +3 -4
- package/dist/{swirl-icon-check-strong.entry.b623e034.js → swirl-icon-check-strong.entry.3591ce92.js} +6 -7
- package/dist/{swirl-icon-check.entry.4cf18b55.js → swirl-icon-check.entry.bba18e6f.js} +2 -3
- package/dist/{swirl-icon-chevron-left.entry.95060d93.js → swirl-icon-chevron-left.entry.fa824265.js} +5 -6
- package/dist/{swirl-icon-chevron-right.entry.b182e3e5.js → swirl-icon-chevron-right.entry.57bc9371.js} +2 -3
- package/dist/{swirl-icon-close-small.entry.22aaa0c5.js → swirl-icon-close-small.entry.8fff42b6.js} +2 -3
- package/dist/{swirl-icon-close.entry.49f6e45d.js → swirl-icon-close.entry.b9322bbe.js} +5 -6
- package/dist/{swirl-icon-cloud-upload.entry.7c482ec2.js → swirl-icon-cloud-upload.entry.0aab63e7.js} +2 -3
- package/dist/{swirl-icon-column.entry.9136436c.js → swirl-icon-column.entry.2f445faa.js} +7 -8
- package/dist/{swirl-icon-comment.entry.a632ad32.js → swirl-icon-comment.entry.aac07110.js} +2 -3
- package/dist/{swirl-icon-copy.entry.52c46124.js → swirl-icon-copy.entry.de91c57e.js} +5 -6
- package/dist/{swirl-icon-date-range.entry.fb774376.js → swirl-icon-date-range.entry.a806737d.js} +2 -3
- package/dist/{swirl-icon-delete.entry.5c80a345.js → swirl-icon-delete.entry.fe6cc703.js} +8 -9
- package/dist/{swirl-icon-description.entry.2cf0dc3c.js → swirl-icon-description.entry.f049a0cd.js} +2 -3
- package/dist/swirl-icon-double-arrow-left.entry.4a2f4dda.js +17 -0
- package/dist/swirl-icon-double-arrow-right.entry.6a34eb2b.js +17 -0
- package/dist/swirl-icon-download.entry.c41e4266.js +17 -0
- package/dist/{swirl-icon-edit.entry.bb5d32ba.js → swirl-icon-edit.entry.e9a07a85.js} +5 -6
- package/dist/{swirl-icon-emoji-mood.entry.367cc80a.js → swirl-icon-emoji-mood.entry.b74812b6.js} +5 -6
- package/dist/{swirl-icon-emoji-satisfied.entry.64f15ba2.js → swirl-icon-emoji-satisfied.entry.2e784849.js} +2 -3
- package/dist/{swirl-icon-error_3.entry.83dd8d6a.js → swirl-icon-error_3.entry.86558ef6.js} +7 -8
- package/dist/{swirl-icon-expand-more.entry.05277173.js → swirl-icon-expand-more.entry.857ce700.js} +5 -6
- package/dist/{swirl-icon-file.entry.3487ba9f.js → swirl-icon-file.entry.41af312e.js} +4 -5
- package/dist/{swirl-icon-filter.entry.66f49bc7.js → swirl-icon-filter.entry.40c17edf.js} +2 -3
- package/dist/{swirl-icon-folder-shared.entry.1e4cc5ed.js → swirl-icon-folder-shared.entry.f57cd35d.js} +2 -3
- package/dist/swirl-icon-folder.entry.7304ddef.js +17 -0
- package/dist/{swirl-icon-group-assign.entry.e546a3bc.js → swirl-icon-group-assign.entry.8fed9b9c.js} +5 -6
- package/dist/{swirl-icon-groups-custom.entry.714c1fde.js → swirl-icon-groups-custom.entry.edb72334.js} +2 -3
- package/dist/{swirl-icon-groups-filled.entry.d1324828.js → swirl-icon-groups-filled.entry.28994fb5.js} +6 -7
- package/dist/{swirl-icon-groups-outlined.entry.87201dd1.js → swirl-icon-groups-outlined.entry.a0514ed1.js} +2 -3
- package/dist/{swirl-icon-groups.entry.65eb994a.js → swirl-icon-groups.entry.79f63ae8.js} +5 -6
- package/dist/{swirl-icon-help.entry.b5a8b568.js → swirl-icon-help.entry.36866dc4.js} +5 -6
- package/dist/{swirl-icon-image.entry.978e1d21.js → swirl-icon-image.entry.b4d50f81.js} +2 -3
- package/dist/{swirl-icon-info.entry.e92e4c16.js → swirl-icon-info.entry.895b53ab.js} +6 -7
- package/dist/{swirl-icon-inventory.entry.969153d5.js → swirl-icon-inventory.entry.52b6a01e.js} +5 -6
- package/dist/{swirl-icon-like.entry.71c22713.js → swirl-icon-like.entry.8595b4ab.js} +6 -7
- package/dist/{swirl-icon-link.entry.2c60c940.js → swirl-icon-link.entry.19691045.js} +5 -6
- package/dist/{swirl-icon-lock.entry.9e0161e3.js → swirl-icon-lock.entry.c5baddde.js} +7 -8
- package/dist/{swirl-icon-logout.entry.c5381645.js → swirl-icon-logout.entry.589c9f3e.js} +2 -3
- package/dist/{swirl-icon-mail.entry.6c984822.js → swirl-icon-mail.entry.aa3a8071.js} +8 -9
- package/dist/{swirl-icon-manage-accounts.entry.f8fd3559.js → swirl-icon-manage-accounts.entry.5a3ac2bc.js} +2 -3
- package/dist/{swirl-icon-mention.entry.93d4f40c.js → swirl-icon-mention.entry.b3828dbe.js} +5 -6
- package/dist/{swirl-icon-menu-filled.entry.0c02b1e2.js → swirl-icon-menu-filled.entry.15601920.js} +2 -3
- package/dist/{swirl-icon-menu-outlined.entry.c5da01e4.js → swirl-icon-menu-outlined.entry.0ff1bcda.js} +6 -7
- package/dist/{swirl-icon-menu.entry.503c141a.js → swirl-icon-menu.entry.6b73dde5.js} +5 -6
- package/dist/{swirl-icon-message.entry.6db2caf8.js → swirl-icon-message.entry.6fb71047.js} +2 -3
- package/dist/{swirl-icon-more-horizontal.entry.b12378ac.js → swirl-icon-more-horizontal.entry.1546f87d.js} +2 -3
- package/dist/{swirl-icon-news-filled.entry.ad14a8c7.js → swirl-icon-news-filled.entry.693bbe99.js} +2 -3
- package/dist/{swirl-icon-news-outlined.entry.d98b0e06.js → swirl-icon-news-outlined.entry.c604bace.js} +4 -5
- package/dist/{swirl-icon-notifications-active.entry.1bf7fd92.js → swirl-icon-notifications-active.entry.d4f603a6.js} +4 -5
- package/dist/{swirl-icon-notifications-off.entry.58c97e94.js → swirl-icon-notifications-off.entry.dc93820a.js} +2 -3
- package/dist/{swirl-icon-notifications.entry.d2565cf0.js → swirl-icon-notifications.entry.b8238ff0.js} +2 -3
- package/dist/{swirl-icon-open-in-new.entry.086d5e74.js → swirl-icon-open-in-new.entry.03ae2b7f.js} +6 -7
- package/dist/{swirl-icon-people-alt.entry.265732c1.js → swirl-icon-people-alt.entry.125b2063.js} +2 -3
- package/dist/{swirl-icon-person-off.entry.9a6117a5.js → swirl-icon-person-off.entry.c43cbf3f.js} +2 -3
- package/dist/{swirl-icon-person.entry.d44bd845.js → swirl-icon-person.entry.08fda345.js} +2 -3
- package/dist/{swirl-icon-phone.entry.0e51e77d.js → swirl-icon-phone.entry.50dcf41d.js} +2 -3
- package/dist/{swirl-icon-poll.entry.645ec904.js → swirl-icon-poll.entry.26d3ba7d.js} +5 -6
- package/dist/{swirl-icon-print.entry.57381444.js → swirl-icon-print.entry.7fb7220a.js} +5 -6
- package/dist/{swirl-icon-recieved.entry.a54a0cca.js → swirl-icon-recieved.entry.16b6593b.js} +6 -7
- package/dist/{swirl-icon-search-strong.entry.13523840.js → swirl-icon-search-strong.entry.9520c399.js} +2 -3
- package/dist/{swirl-icon-search.entry.cd0e2efa.js → swirl-icon-search.entry.41f267f4.js} +2 -3
- package/dist/{swirl-icon-send.entry.92965ef4.js → swirl-icon-send.entry.33278242.js} +7 -8
- package/dist/{swirl-icon-settings.entry.647b9b9a.js → swirl-icon-settings.entry.e6005ffc.js} +2 -3
- package/dist/{swirl-icon-sync.entry.d8686f6d.js → swirl-icon-sync.entry.df437327.js} +5 -6
- package/dist/{swirl-icon-tasks-filled.entry.a0078629.js → swirl-icon-tasks-filled.entry.83c10995.js} +2 -3
- package/dist/{swirl-icon-tasks-outlined.entry.4d4692cd.js → swirl-icon-tasks-outlined.entry.087d7d78.js} +2 -3
- package/dist/{swirl-icon-time-filled.entry.9a53309f.js → swirl-icon-time-filled.entry.03f26736.js} +2 -3
- package/dist/{swirl-icon-time-outlined.entry.3ee9922f.js → swirl-icon-time-outlined.entry.d543c31e.js} +5 -6
- package/dist/{swirl-icon-user-assign.entry.25374fd6.js → swirl-icon-user-assign.entry.2c92778c.js} +5 -6
- package/dist/{swirl-icon-video-camera.entry.87e4d0f1.js → swirl-icon-video-camera.entry.8ede1b5a.js} +2 -3
- package/dist/{swirl-icon-warning.entry.84b2b545.js → swirl-icon-warning.entry.c20f10f2.js} +2 -3
- package/dist/swirl-lightbox.entry.38465d54.js +131 -0
- package/dist/{swirl-link.entry.68a6d594.js → swirl-link.entry.0fa816a4.js} +1 -1
- package/dist/{swirl-list.entry.5fbb2b14.js → swirl-list.entry.d0ba2cd0.js} +1 -1
- package/dist/{swirl-modal.entry.7206d1a3.js → swirl-modal.entry.ceaae69a.js} +2 -3
- package/dist/{swirl-option-list-section.entry.18baecf3.js → swirl-option-list-section.entry.04a3275e.js} +1 -1
- package/dist/{swirl-pagination.entry.c7542c36.js → swirl-pagination.entry.89c76bc8.js} +2 -3
- package/dist/swirl-pdf-reader.entry.afa81425.js +98 -0
- package/dist/{swirl-popover.entry.8d4ec220.js → swirl-popover.entry.06394ecc.js} +26 -27
- package/dist/{swirl-progress-indicator.entry.a4126e3f.js → swirl-progress-indicator.entry.3e6a995f.js} +2 -3
- package/dist/{swirl-radio-group.entry.15357364.js → swirl-radio-group.entry.87584edf.js} +1 -1
- package/dist/{swirl-radio.entry.4d612329.js → swirl-radio.entry.217a708e.js} +2 -3
- package/dist/{swirl-resource-list-file-item.entry.d49f71df.js → swirl-resource-list-file-item.entry.366c3ba6.js} +3 -4
- package/dist/{swirl-search.entry.64731720.js → swirl-search.entry.54eb832f.js} +3 -4
- package/dist/{swirl-select.entry.9eb2a7df.js → swirl-select.entry.cfed617a.js} +3 -4
- package/dist/swirl-shell-layout.entry.5235baf4.js +56 -0
- package/dist/swirl-shell-navigation-item.entry.18d99f7e.js +34 -0
- package/dist/{swirl-skeleton-box.entry.881f1103.js → swirl-skeleton-box.entry.f4774a3d.js} +2 -3
- package/dist/{swirl-skeleton-text.entry.d47af665.js → swirl-skeleton-text.entry.9f12dd3d.js} +2 -3
- package/dist/{swirl-stack.entry.1bf0bb6c.js → swirl-stack.entry.84603ec1.js} +2 -3
- package/dist/{swirl-switch.entry.20435526.js → swirl-switch.entry.c8a6a7af.js} +9 -10
- package/dist/{swirl-tab.entry.87ba443d.js → swirl-tab.entry.c69b60b9.js} +5 -6
- package/dist/{swirl-table-cell.entry.7e6ba90a.js → swirl-table-cell.entry.8ca65c35.js} +1 -1
- package/dist/{swirl-table-column.entry.8e52b72f.js → swirl-table-column.entry.3caaa152.js} +1 -1
- package/dist/{swirl-table-row-group.entry.0f0f8e4a.js → swirl-table-row-group.entry.bd156d99.js} +1 -1
- package/dist/{swirl-table-row.entry.1daca0eb.js → swirl-table-row.entry.104fd930.js} +5 -6
- package/dist/{swirl-table.entry.d064fe93.js → swirl-table.entry.14249ab1.js} +2 -2
- package/dist/{swirl-tabs.entry.accd4a02.js → swirl-tabs.entry.f76be575.js} +2 -3
- package/dist/{swirl-tag.entry.ad79f86e.js → swirl-tag.entry.5f83ab8e.js} +2 -3
- package/dist/{swirl-text-input.entry.bfcf4c41.js → swirl-text-input.entry.7a89bf47.js} +6 -7
- package/dist/{swirl-text.entry.733d285b.js → swirl-text.entry.4a39f34f.js} +5 -6
- package/dist/{swirl-theme-provider.entry.c1d97194.js → swirl-theme-provider.entry.ce1908b8.js} +1 -1
- package/dist/{swirl-toast-provider.entry.4caa1cfc.js → swirl-toast-provider.entry.0083a6ab.js} +1 -1
- package/dist/{swirl-toast.entry.3dcdd51a.js → swirl-toast.entry.6880e619.js} +6 -7
- package/dist/{swirl-tooltip.entry.eec54ec3.js → swirl-tooltip.entry.bc886575.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.2fc51541.js → swirl-tree-navigation-item.entry.69bb84fc.js} +2 -3
- package/dist/{swirl-video-thumbnail.entry.45c89279.js → swirl-video-thumbnail.entry.70cf2d94.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.8d718043.js → swirl-visually-hidden.entry.fa652e44.js} +1 -1
- package/dist/utils-61f188cc.4a43deab.js +52 -0
- package/dist/{wc-datepicker.entry.4ad085ad.js → wc-datepicker.entry.d8406594.js} +1 -1
- package/package.json +2 -2
- package/dist/_commonjsHelpers-10467d11.b7d83301.js +0 -37
- package/dist/index-47862d62.75c2fcf1.js +0 -37
- package/dist/index.6fe614c0.js +0 -1417
- package/dist/swirl-action-list-item.entry.fa699b60.js +0 -34
- package/dist/swirl-action-list.entry.fecb516a.js +0 -38
- package/dist/swirl-icon-add_4.entry.5d7cb42a.js +0 -51
- package/dist/swirl-icon-arrow-left_3.entry.dea508c8.js +0 -40
- package/dist/swirl-icon-more-vertikal.entry.590b40db.js +0 -18
- package/dist/swirl-lightbox.entry.50e168f2.js +0 -119
- package/dist/swirl-pdf-reader.entry.5736dbbf.js +0 -79
- package/dist/swirl-separator.entry.ac3a46cc.js +0 -15
- package/dist/swirl-thumbnail.entry.682af2ec.js +0 -18
- package/dist/utils-33d31b58.1488fcfe.js +0 -46
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { r as n, h as s, H as l } from "./index.6fe614c0.js";
|
|
2
|
-
import { c as r } from "./index-47862d62.75c2fcf1.js";
|
|
3
|
-
import { g as c } from "./utils-33d31b58.1488fcfe.js";
|
|
4
|
-
import "react";
|
|
5
|
-
import "react-dom";
|
|
6
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
7
|
-
const d = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", h = class {
|
|
8
|
-
constructor(t) {
|
|
9
|
-
n(this, t), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (i) => {
|
|
10
|
-
this.forceIconProps(i.matches);
|
|
11
|
-
}, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.suffix = void 0;
|
|
12
|
-
}
|
|
13
|
-
componentDidLoad() {
|
|
14
|
-
var t, i;
|
|
15
|
-
this.forceIconProps(this.desktopMediaQuery.matches), (i = (t = this.desktopMediaQuery).addEventListener) === null || i === void 0 || i.call(t, "change", this.desktopMediaQueryHandler);
|
|
16
|
-
}
|
|
17
|
-
disconnectedCallback() {
|
|
18
|
-
var t, i;
|
|
19
|
-
(i = (t = this.desktopMediaQuery).removeEventListener) === null || i === void 0 || i.call(t, "change", this.desktopMediaQueryHandler);
|
|
20
|
-
}
|
|
21
|
-
forceIconProps(t) {
|
|
22
|
-
var i, e;
|
|
23
|
-
const a = (i = this.iconEl) === null || i === void 0 ? void 0 : i.children[0], o = (e = this.suffixEl) === null || e === void 0 ? void 0 : e.children[0];
|
|
24
|
-
a == null || a.setAttribute("size", t ? "20" : "24"), o == null || o.setAttribute("size", t ? "20" : "24");
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
const t = Boolean(this.suffix) && !this.disabled, i = r("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
|
|
28
|
-
return s(l, null, s("button", { class: i, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && s("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (e) => this.iconEl = e }), s("span", { class: "action-list-item__label-container" }, s("span", { class: "action-list-item__label" }, this.label), this.description && s("span", { class: "action-list-item__description" }, this.description)), t && s("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (e) => this.suffixEl = e })));
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
h.style = d;
|
|
32
|
-
export {
|
|
33
|
-
h as swirl_action_list_item
|
|
34
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { r as s, h as i, H as n, g as r } from "./index.6fe614c0.js";
|
|
2
|
-
import { q as c } from "./utils-33d31b58.1488fcfe.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const l = ":host{display:block}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", a = class {
|
|
6
|
-
constructor(e) {
|
|
7
|
-
s(this, e), this.onKeyDown = (t) => {
|
|
8
|
-
t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
componentDidLoad() {
|
|
12
|
-
this.items = c(this.el, '[role="menuitem"]');
|
|
13
|
-
}
|
|
14
|
-
focusNextItem() {
|
|
15
|
-
const t = (this.getActiveItemIndex() + 1) % this.items.length;
|
|
16
|
-
this.items[t].focus();
|
|
17
|
-
}
|
|
18
|
-
focusPreviousItem() {
|
|
19
|
-
const e = this.getActiveItemIndex(), t = e === 0 ? this.items.length - 1 : e - 1;
|
|
20
|
-
this.items[t].focus();
|
|
21
|
-
}
|
|
22
|
-
getActiveItemIndex() {
|
|
23
|
-
return this.items.findIndex((e) => {
|
|
24
|
-
var t, o;
|
|
25
|
-
return e === document.activeElement || e === ((o = (t = document.activeElement) === null || t === void 0 ? void 0 : t.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector('[role="menuitem"]'));
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return i(n, null, i("div", { "aria-orientation": "vertical", class: "action-list", onKeyDown: this.onKeyDown, role: "menu" }, i("slot", null)));
|
|
30
|
-
}
|
|
31
|
-
get el() {
|
|
32
|
-
return r(this);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
a.style = l;
|
|
36
|
-
export {
|
|
37
|
-
a as swirl_action_list
|
|
38
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { r as l, h as C, F as i } from "./index.6fe614c0.js";
|
|
2
|
-
import { c as e } from "./index-47862d62.75c2fcf1.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
|
-
const r = ":host{display:inline-flex}", n = class {
|
|
7
|
-
constructor(s) {
|
|
8
|
-
l(this, s), this.size = 24;
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
12
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
n.style = r;
|
|
16
|
-
const o = ":host{display:inline-flex}", c = class {
|
|
17
|
-
constructor(s) {
|
|
18
|
-
l(this, s), this.size = 24;
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
22
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M3.93333 12.8167C3.72222 12.8167 3.54445 12.7445 3.4 12.6C3.25556 12.4556 3.18333 12.2778 3.18333 12.0667V10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335C4.15556 9.23335 4.33889 9.30846 4.48333 9.45868C4.62778 9.60846 4.7 9.78891 4.7 10V11.3H6C6.21111 11.3 6.39156 11.3722 6.54133 11.5167C6.69156 11.6611 6.76667 11.8445 6.76667 12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167H3.93333ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002V3.93335C3.18333 3.72224 3.25556 3.54446 3.4 3.40002C3.54445 3.25557 3.72222 3.18335 3.93333 3.18335H6C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335C6.76667 4.15557 6.69156 4.33891 6.54133 4.48335C6.39156 4.62779 6.21111 4.70002 6 4.70002H4.7V6.00002C4.7 6.21113 4.62778 6.39157 4.48333 6.54135C4.33889 6.69157 4.15556 6.76668 3.93333 6.76668V6.76668ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667C9.23334 11.8445 9.30845 11.6611 9.45867 11.5167C9.60845 11.3722 9.78889 11.3 10 11.3H11.3V10C11.3 9.78891 11.3722 9.60846 11.5167 9.45868C11.6611 9.30846 11.8444 9.23335 12.0667 9.23335C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10V12.0667C12.8167 12.2778 12.7444 12.4556 12.6 12.6C12.4556 12.7445 12.2778 12.8167 12.0667 12.8167H10ZM12.0667 6.76668C11.8444 6.76668 11.6611 6.69157 11.5167 6.54135C11.3722 6.39157 11.3 6.21113 11.3 6.00002V4.70002H10C9.78889 4.70002 9.60845 4.62779 9.45867 4.48335C9.30845 4.33891 9.23334 4.15557 9.23334 3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335H12.0667C12.2778 3.18335 12.4556 3.25557 12.6 3.40002C12.7444 3.54446 12.8167 3.72224 12.8167 3.93335V6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668V6.76668Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M5.9 19.225C5.58333 19.225 5.31667 19.1167 5.1 18.9C4.88333 18.6834 4.775 18.4167 4.775 18.1V15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85C6.23333 13.85 6.50833 13.9627 6.725 14.188C6.94167 14.4127 7.05 14.6834 7.05 15V16.95H9C9.31667 16.95 9.58733 17.0584 9.812 17.275C10.0373 17.4917 10.15 17.7667 10.15 18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225H5.9ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002V5.90002C4.775 5.58336 4.88333 5.31669 5.1 5.10002C5.31667 4.88336 5.58333 4.77502 5.9 4.77502H9C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002C10.15 6.23336 10.0373 6.50836 9.812 6.72502C9.58733 6.94169 9.31667 7.05002 9 7.05002H7.05V9.00002C7.05 9.31669 6.94167 9.58736 6.725 9.81202C6.50833 10.0374 6.23333 10.15 5.9 10.15V10.15ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1C13.85 17.7667 13.9627 17.4917 14.188 17.275C14.4127 17.0584 14.6833 16.95 15 16.95H16.95V15C16.95 14.6834 17.0583 14.4127 17.275 14.188C17.4917 13.9627 17.7667 13.85 18.1 13.85C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15V18.1C19.225 18.4167 19.1167 18.6834 18.9 18.9C18.6833 19.1167 18.4167 19.225 18.1 19.225H15ZM18.1 10.15C17.7667 10.15 17.4917 10.0374 17.275 9.81202C17.0583 9.58736 16.95 9.31669 16.95 9.00002V7.05002H15C14.6833 7.05002 14.4127 6.94169 14.188 6.72502C13.9627 6.50836 13.85 6.23336 13.85 5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502H18.1C18.4167 4.77502 18.6833 4.88336 18.9 5.10002C19.1167 5.31669 19.225 5.58336 19.225 5.90002V9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15V10.15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M6.88333 22.4291C6.51389 22.4291 6.20278 22.3027 5.95 22.05C5.69722 21.7972 5.57083 21.4861 5.57083 21.1166V17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583C7.27222 16.1583 7.59305 16.2897 7.84583 16.5526C8.09861 16.8147 8.225 17.1305 8.225 17.5V19.775H10.5C10.8694 19.775 11.1852 19.9014 11.4473 20.1541C11.7102 20.4069 11.8417 20.7277 11.8417 21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291H6.88333ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5V6.8833C5.57083 6.51386 5.69722 6.20274 5.95 5.94997C6.20278 5.69719 6.51389 5.5708 6.88333 5.5708H10.5C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833C11.8417 7.27219 11.7102 7.59302 11.4473 7.8458C11.1852 8.09858 10.8694 8.22497 10.5 8.22497H8.225V10.5C8.225 10.8694 8.09861 11.1852 7.84583 11.4473C7.59305 11.7102 7.27222 11.8416 6.88333 11.8416V11.8416ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166C16.1583 20.7277 16.2898 20.4069 16.5527 20.1541C16.8148 19.9014 17.1306 19.775 17.5 19.775H19.775V17.5C19.775 17.1305 19.9014 16.8147 20.1542 16.5526C20.4069 16.2897 20.7278 16.1583 21.1167 16.1583C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5V21.1166C22.4292 21.4861 22.3028 21.7972 22.05 22.05C21.7972 22.3027 21.4861 22.4291 21.1167 22.4291H17.5ZM21.1167 11.8416C20.7278 11.8416 20.4069 11.7102 20.1542 11.4473C19.9014 11.1852 19.775 10.8694 19.775 10.5V8.22497H17.5C17.1306 8.22497 16.8148 8.09858 16.5527 7.8458C16.2898 7.59302 16.1583 7.27219 16.1583 6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708H21.1167C21.4861 5.5708 21.7972 5.69719 22.05 5.94997C22.3028 6.20274 22.4292 6.51386 22.4292 6.8833V10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416V11.8416Z", fill: "currentColor" })));
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
c.style = o;
|
|
26
|
-
const h = ":host{display:inline-flex}", V = class {
|
|
27
|
-
constructor(s) {
|
|
28
|
-
l(this, s), this.size = 24;
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
32
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M6 12.8167C5.78889 12.8167 5.60845 12.7445 5.45867 12.6C5.30845 12.4556 5.23333 12.2778 5.23333 12.0667V10.7667H3.93333C3.72222 10.7667 3.54445 10.6916 3.4 10.5414C3.25556 10.3916 3.18333 10.2111 3.18333 10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335H6C6.21111 9.23335 6.39156 9.30846 6.54133 9.45868C6.69156 9.60846 6.76667 9.78891 6.76667 10V12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167V12.8167ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002C3.18333 5.78891 3.25556 5.60824 3.4 5.45802C3.54445 5.30824 3.72222 5.23335 3.93333 5.23335H5.23333V3.93335C5.23333 3.72224 5.30845 3.54446 5.45867 3.40002C5.60845 3.25557 5.78889 3.18335 6 3.18335C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335V6.00002C6.76667 6.21113 6.69156 6.39157 6.54133 6.54135C6.39156 6.69157 6.21111 6.76668 6 6.76668H3.93333ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667V10C9.23334 9.78891 9.30845 9.60846 9.45867 9.45868C9.60845 9.30846 9.78889 9.23335 10 9.23335H12.0667C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10C12.8167 10.2111 12.7444 10.3916 12.6 10.5414C12.4556 10.6916 12.2778 10.7667 12.0667 10.7667H10.7667V12.0667C10.7667 12.2778 10.6918 12.4556 10.542 12.6C10.3918 12.7445 10.2111 12.8167 10 12.8167V12.8167ZM10 6.76668C9.78889 6.76668 9.60845 6.69157 9.45867 6.54135C9.30845 6.39157 9.23334 6.21113 9.23334 6.00002V3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335C10.2111 3.18335 10.3918 3.25557 10.542 3.40002C10.6918 3.54446 10.7667 3.72224 10.7667 3.93335V5.23335H12.0667C12.2778 5.23335 12.4556 5.30824 12.6 5.45802C12.7444 5.60824 12.8167 5.78891 12.8167 6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668H10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M9 19.225C8.68333 19.225 8.41267 19.1167 8.188 18.9C7.96267 18.6834 7.85 18.4167 7.85 18.1V16.15H5.9C5.58333 16.15 5.31667 16.0374 5.1 15.812C4.88333 15.5874 4.775 15.3167 4.775 15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85H9C9.31667 13.85 9.58733 13.9627 9.812 14.188C10.0373 14.4127 10.15 14.6834 10.15 15V18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225V19.225ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002C4.775 8.68336 4.88333 8.41236 5.1 8.18702C5.31667 7.96236 5.58333 7.85002 5.9 7.85002H7.85V5.90002C7.85 5.58336 7.96267 5.31669 8.188 5.10002C8.41267 4.88336 8.68333 4.77502 9 4.77502C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002V9.00002C10.15 9.31669 10.0373 9.58736 9.812 9.81202C9.58733 10.0374 9.31667 10.15 9 10.15H5.9ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1V15C13.85 14.6834 13.9627 14.4127 14.188 14.188C14.4127 13.9627 14.6833 13.85 15 13.85H18.1C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15C19.225 15.3167 19.1167 15.5874 18.9 15.812C18.6833 16.0374 18.4167 16.15 18.1 16.15H16.15V18.1C16.15 18.4167 16.0377 18.6834 15.813 18.9C15.5877 19.1167 15.3167 19.225 15 19.225V19.225ZM15 10.15C14.6833 10.15 14.4127 10.0374 14.188 9.81202C13.9627 9.58736 13.85 9.31669 13.85 9.00002V5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502C15.3167 4.77502 15.5877 4.88336 15.813 5.10002C16.0377 5.31669 16.15 5.58336 16.15 5.90002V7.85002H18.1C18.4167 7.85002 18.6833 7.96236 18.9 8.18702C19.1167 8.41236 19.225 8.68336 19.225 9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15H15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M10.5 22.4291C10.1306 22.4291 9.81478 22.3027 9.55266 22.05C9.28978 21.7972 9.15833 21.4861 9.15833 21.1166V18.8416H6.88333C6.51389 18.8416 6.20278 18.7102 5.95 18.4473C5.69722 18.1852 5.57083 17.8694 5.57083 17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583H10.5C10.8694 16.1583 11.1852 16.2897 11.4473 16.5526C11.7102 16.8147 11.8417 17.1305 11.8417 17.5V21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291V22.4291ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5C5.57083 10.1305 5.69722 9.81436 5.95 9.55147C6.20278 9.28936 6.51389 9.1583 6.88333 9.1583H9.15833V6.8833C9.15833 6.51386 9.28978 6.20274 9.55266 5.94997C9.81478 5.69719 10.1306 5.5708 10.5 5.5708C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833V10.5C11.8417 10.8694 11.7102 11.1852 11.4473 11.4473C11.1852 11.7102 10.8694 11.8416 10.5 11.8416H6.88333ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166V17.5C16.1583 17.1305 16.2898 16.8147 16.5527 16.5526C16.8148 16.2897 17.1306 16.1583 17.5 16.1583H21.1167C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5C22.4292 17.8694 22.3028 18.1852 22.05 18.4473C21.7972 18.7102 21.4861 18.8416 21.1167 18.8416H18.8417V21.1166C18.8417 21.4861 18.7106 21.7972 18.4485 22.05C18.1856 22.3027 17.8694 22.4291 17.5 22.4291V22.4291ZM17.5 11.8416C17.1306 11.8416 16.8148 11.7102 16.5527 11.4473C16.2898 11.1852 16.1583 10.8694 16.1583 10.5V6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708C17.8694 5.5708 18.1856 5.69719 18.4485 5.94997C18.7106 6.20274 18.8417 6.51386 18.8417 6.8833V9.1583H21.1167C21.4861 9.1583 21.7972 9.28936 22.05 9.55147C22.3028 9.81436 22.4292 10.1305 22.4292 10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416H17.5Z", fill: "currentColor" })));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
V.style = h;
|
|
36
|
-
const H = ":host{display:inline-flex}", a = class {
|
|
37
|
-
constructor(s) {
|
|
38
|
-
l(this, s), this.size = 24;
|
|
39
|
-
}
|
|
40
|
-
render() {
|
|
41
|
-
const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
42
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })));
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
a.style = H;
|
|
46
|
-
export {
|
|
47
|
-
n as swirl_icon_add,
|
|
48
|
-
c as swirl_icon_fullscreen,
|
|
49
|
-
V as swirl_icon_fullscreen_exit,
|
|
50
|
-
a as swirl_icon_remove
|
|
51
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { r as l, h as C, F as i } from "./index.6fe614c0.js";
|
|
2
|
-
import { c as r } from "./index-47862d62.75c2fcf1.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
|
-
const e = ":host{display:inline-flex}", o = class {
|
|
7
|
-
constructor(s) {
|
|
8
|
-
l(this, s), this.size = 24;
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
const s = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
12
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
o.style = e;
|
|
16
|
-
const n = ":host{display:inline-flex}", h = class {
|
|
17
|
-
constructor(s) {
|
|
18
|
-
l(this, s), this.size = 24;
|
|
19
|
-
}
|
|
20
|
-
render() {
|
|
21
|
-
const s = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
22
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })));
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
h.style = n;
|
|
26
|
-
const c = ":host{display:inline-flex}", w = class {
|
|
27
|
-
constructor(s) {
|
|
28
|
-
l(this, s), this.size = 24;
|
|
29
|
-
}
|
|
30
|
-
render() {
|
|
31
|
-
const s = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
32
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.99999 10.2333C7.89999 10.2333 7.80555 10.2167 7.71666 10.1833C7.62777 10.15 7.54444 10.0944 7.46666 10.0167L5.01666 7.56665C4.87222 7.42221 4.79999 7.24443 4.79999 7.03332C4.79999 6.82221 4.87222 6.64443 5.01666 6.49999C5.14999 6.36665 5.32488 6.29732 5.54133 6.29199C5.75822 6.28621 5.93888 6.34999 6.08333 6.48332L7.23333 7.64999V3.04999C7.23333 2.83888 7.30844 2.6611 7.45866 2.51665C7.60844 2.37221 7.78888 2.29999 7.99999 2.29999C8.2111 2.29999 8.39155 2.37221 8.54133 2.51665C8.69155 2.6611 8.76666 2.83888 8.76666 3.04999V7.64999L9.91666 6.48332C10.0611 6.34999 10.2418 6.28621 10.4587 6.29199C10.6751 6.29732 10.85 6.36665 10.9833 6.49999C11.1278 6.64443 11.2 6.82221 11.2 7.03332C11.2 7.24443 11.1278 7.42221 10.9833 7.56665L8.53333 10.0167C8.45555 10.0944 8.37222 10.15 8.28333 10.1833C8.19444 10.2167 8.09999 10.2333 7.99999 10.2333ZM3.91666 13.5833C3.49444 13.5833 3.13622 13.436 2.84199 13.1413C2.54733 12.8471 2.39999 12.4889 2.39999 12.0667V10.5833C2.39999 10.3722 2.47511 10.1944 2.62533 10.05C2.77511 9.90554 2.95555 9.83332 3.16666 9.83332C3.37777 9.83332 3.55555 9.90554 3.69999 10.05C3.84444 10.1944 3.91666 10.3722 3.91666 10.5833V12.0667H12.0667V10.5833C12.0667 10.3722 12.1418 10.1944 12.292 10.05C12.4418 9.90554 12.6222 9.83332 12.8333 9.83332C13.0444 9.83332 13.2222 9.90554 13.3667 10.05C13.5111 10.1944 13.5833 10.3722 13.5833 10.5833V12.0667C13.5833 12.4889 13.436 12.8471 13.1413 13.1413C12.8471 13.436 12.4889 13.5833 12.0667 13.5833H3.91666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M12 15.35C11.85 15.35 11.7083 15.325 11.575 15.275C11.4417 15.225 11.3167 15.1417 11.2 15.025L7.52501 11.35C7.30834 11.1333 7.20001 10.8667 7.20001 10.55C7.20001 10.2333 7.30834 9.96668 7.52501 9.75001C7.72501 9.55001 7.98734 9.44601 8.31201 9.43801C8.63734 9.42935 8.90834 9.52501 9.12501 9.72501L10.85 11.475V4.57501C10.85 4.25835 10.9627 3.99168 11.188 3.77501C11.4127 3.55835 11.6833 3.45001 12 3.45001C12.3167 3.45001 12.5873 3.55835 12.812 3.77501C13.0373 3.99168 13.15 4.25835 13.15 4.57501V11.475L14.875 9.72501C15.0917 9.52501 15.3627 9.42935 15.688 9.43801C16.0127 9.44601 16.275 9.55001 16.475 9.75001C16.6917 9.96668 16.8 10.2333 16.8 10.55C16.8 10.8667 16.6917 11.1333 16.475 11.35L12.8 15.025C12.6833 15.1417 12.5583 15.225 12.425 15.275C12.2917 15.325 12.15 15.35 12 15.35ZM5.87501 20.375C5.24167 20.375 4.70434 20.154 4.26301 19.712C3.82101 19.2707 3.60001 18.7333 3.60001 18.1V15.875C3.60001 15.5583 3.71267 15.2917 3.93801 15.075C4.16267 14.8583 4.43334 14.75 4.75001 14.75C5.06667 14.75 5.33334 14.8583 5.55001 15.075C5.76667 15.2917 5.87501 15.5583 5.87501 15.875V18.1H18.1V15.875C18.1 15.5583 18.2127 15.2917 18.438 15.075C18.6627 14.8583 18.9333 14.75 19.25 14.75C19.5667 14.75 19.8333 14.8583 20.05 15.075C20.2667 15.2917 20.375 15.5583 20.375 15.875V18.1C20.375 18.7333 20.154 19.2707 19.712 19.712C19.2707 20.154 18.7333 20.375 18.1 20.375H5.87501Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 17.9084C13.825 17.9084 13.6597 17.8792 13.5042 17.8209C13.3486 17.7625 13.2028 17.6653 13.0667 17.5292L8.77918 13.2417C8.5264 12.9889 8.40001 12.6778 8.40001 12.3084C8.40001 11.9389 8.5264 11.6278 8.77918 11.375C9.01251 11.1417 9.31857 11.0204 9.69735 11.011C10.0769 11.0009 10.3931 11.1125 10.6458 11.3459L12.6583 13.3875V5.33752C12.6583 4.96808 12.7898 4.65697 13.0527 4.40419C13.3148 4.15141 13.6306 4.02502 14 4.02502C14.3695 4.02502 14.6852 4.15141 14.9473 4.40419C15.2102 4.65697 15.3417 4.96808 15.3417 5.33752V13.3875L17.3542 11.3459C17.607 11.1125 17.9231 11.0009 18.3027 11.011C18.6815 11.0204 18.9875 11.1417 19.2208 11.375C19.4736 11.6278 19.6 11.9389 19.6 12.3084C19.6 12.6778 19.4736 12.9889 19.2208 13.2417L14.9333 17.5292C14.7972 17.6653 14.6514 17.7625 14.4958 17.8209C14.3403 17.8792 14.175 17.9084 14 17.9084ZM6.85418 23.7709C6.11529 23.7709 5.4884 23.513 4.97351 22.9974C4.45785 22.4825 4.20001 21.8556 4.20001 21.1167V18.5209C4.20001 18.1514 4.33146 17.8403 4.59435 17.5875C4.85646 17.3347 5.17223 17.2084 5.54168 17.2084C5.91112 17.2084 6.22223 17.3347 6.47501 17.5875C6.72779 17.8403 6.85418 18.1514 6.85418 18.5209V21.1167H21.1167V18.5209C21.1167 18.1514 21.2481 17.8403 21.511 17.5875C21.7731 17.3347 22.0889 17.2084 22.4583 17.2084C22.8278 17.2084 23.1389 17.3347 23.3917 17.5875C23.6445 17.8403 23.7708 18.1514 23.7708 18.5209V21.1167C23.7708 21.8556 23.513 22.4825 22.9973 22.9974C22.4825 23.513 21.8556 23.7709 21.1167 23.7709H6.85418Z", fill: "currentColor" })));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
w.style = c;
|
|
36
|
-
export {
|
|
37
|
-
o as swirl_icon_arrow_left,
|
|
38
|
-
h as swirl_icon_arrow_right,
|
|
39
|
-
w as swirl_icon_download
|
|
40
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r, h as C, F as i } from "./index.6fe614c0.js";
|
|
2
|
-
import { c as e } from "./index-47862d62.75c2fcf1.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
|
-
const l = ":host{display:inline-flex}", o = class {
|
|
7
|
-
constructor(s) {
|
|
8
|
-
r(this, s), this.size = 24;
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
12
|
-
return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8.00001 13.5167C7.62223 13.5167 7.29445 13.3807 7.01667 13.1087C6.73889 12.8362 6.60001 12.5056 6.60001 12.1167C6.60001 11.7389 6.73889 11.4138 7.01667 11.1413C7.29445 10.8693 7.62223 10.7333 8.00001 10.7333C8.3889 10.7333 8.71956 10.8693 8.99201 11.1413C9.26401 11.4138 9.40001 11.7389 9.40001 12.1167C9.40001 12.5056 9.26401 12.8362 8.99201 13.1087C8.71956 13.3807 8.3889 13.5167 8.00001 13.5167ZM8.00001 9.4C7.62223 9.4 7.29445 9.26112 7.01667 8.98334C6.73889 8.70556 6.60001 8.37778 6.60001 8C6.60001 7.61112 6.73889 7.28045 7.01667 7.008C7.29445 6.736 7.62223 6.6 8.00001 6.6C8.3889 6.6 8.71956 6.736 8.99201 7.008C9.26401 7.28045 9.40001 7.61112 9.40001 8C9.40001 8.37778 9.26401 8.70556 8.99201 8.98334C8.71956 9.26112 8.3889 9.4 8.00001 9.4V9.4ZM8.00001 5.26667C7.62223 5.26667 7.29445 5.13045 7.01667 4.858C6.73889 4.586 6.60001 4.26112 6.60001 3.88334C6.60001 3.49445 6.73889 3.16378 7.01667 2.89134C7.29445 2.61934 7.62223 2.48334 8.00001 2.48334C8.3889 2.48334 8.71956 2.61934 8.99201 2.89134C9.26401 3.16378 9.40001 3.49445 9.40001 3.88334C9.40001 4.26112 9.26401 4.586 8.99201 4.858C8.71956 5.13045 8.3889 5.26667 8.00001 5.26667V5.26667Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M12 20.275C11.4333 20.275 10.9417 20.071 10.525 19.663C10.1083 19.2543 9.89999 18.7583 9.89999 18.175C9.89999 17.6083 10.1083 17.1206 10.525 16.712C10.9417 16.304 11.4333 16.1 12 16.1C12.5833 16.1 13.0793 16.304 13.488 16.712C13.896 17.1206 14.1 17.6083 14.1 18.175C14.1 18.7583 13.896 19.2543 13.488 19.663C13.0793 20.071 12.5833 20.275 12 20.275ZM12 14.1C11.4333 14.1 10.9417 13.8916 10.525 13.475C10.1083 13.0583 9.89999 12.5666 9.89999 12C9.89999 11.4166 10.1083 10.9206 10.525 10.512C10.9417 10.104 11.4333 9.89998 12 9.89998C12.5833 9.89998 13.0793 10.104 13.488 10.512C13.896 10.9206 14.1 11.4166 14.1 12C14.1 12.5666 13.896 13.0583 13.488 13.475C13.0793 13.8916 12.5833 14.1 12 14.1ZM12 7.89998C11.4333 7.89998 10.9417 7.69564 10.525 7.28698C10.1083 6.87898 9.89999 6.39164 9.89999 5.82498C9.89999 5.24164 10.1083 4.74564 10.525 4.33698C10.9417 3.92898 11.4333 3.72498 12 3.72498C12.5833 3.72498 13.0793 3.92898 13.488 4.33698C13.896 4.74564 14.1 5.24164 14.1 5.82498C14.1 6.39164 13.896 6.87898 13.488 7.28698C13.0793 7.69564 12.5833 7.89998 12 7.89998Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 23.6542C13.3389 23.6542 12.7653 23.4162 12.2792 22.9402C11.793 22.4634 11.55 21.8847 11.55 21.2042C11.55 20.543 11.793 19.9741 12.2792 19.4973C12.7653 19.0213 13.3389 18.7833 14 18.7833C14.6805 18.7833 15.2592 19.0213 15.736 19.4973C16.212 19.9741 16.45 20.543 16.45 21.2042C16.45 21.8847 16.212 22.4634 15.736 22.9402C15.2592 23.4162 14.6805 23.6542 14 23.6542ZM14 16.45C13.3389 16.45 12.7653 16.2069 12.2792 15.7208C11.793 15.2347 11.55 14.6611 11.55 14C11.55 13.3194 11.793 12.7408 12.2792 12.264C12.7653 11.788 13.3389 11.55 14 11.55C14.6805 11.55 15.2592 11.788 15.736 12.264C16.212 12.7408 16.45 13.3194 16.45 14C16.45 14.6611 16.212 15.2347 15.736 15.7208C15.2592 16.2069 14.6805 16.45 14 16.45V16.45ZM14 9.21666C13.3389 9.21666 12.7653 8.97827 12.2792 8.50149C11.793 8.02549 11.55 7.45694 11.55 6.79583C11.55 6.11527 11.793 5.5366 12.2792 5.05983C12.7653 4.58383 13.3389 4.34583 14 4.34583C14.6805 4.34583 15.2592 4.58383 15.736 5.05983C16.212 5.5366 16.45 6.11527 16.45 6.79583C16.45 7.45694 16.212 8.02549 15.736 8.50149C15.2592 8.97827 14.6805 9.21666 14 9.21666V9.21666Z", fill: "currentColor" })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
o.style = l;
|
|
16
|
-
export {
|
|
17
|
-
o as swirl_icon_more_vertikal
|
|
18
|
-
};
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { r as c, h as o, H as g, g as b } from "./index.6fe614c0.js";
|
|
2
|
-
import { A as u } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
|
-
import { d as m, e as x } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
|
-
import { c as f } from "./index-47862d62.75c2fcf1.js";
|
|
5
|
-
import { q as p } from "./utils-33d31b58.1488fcfe.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
9
|
-
const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation:none}}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__download-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__download-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
|
|
10
|
-
constructor(t) {
|
|
11
|
-
c(this, t), this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
|
|
12
|
-
this.close();
|
|
13
|
-
}, this.onDownloadButtonClick = () => {
|
|
14
|
-
var i;
|
|
15
|
-
(i = this.slides[this.activeSlideIndex]) === null || i === void 0 || i.download();
|
|
16
|
-
}, this.onKeyDown = (i) => {
|
|
17
|
-
i.code === "Escape" ? this.close() : i.code === "ArrowLeft" ? this.onPreviousSlideClick() : i.code === "ArrowRight" && this.onNextSlideClick();
|
|
18
|
-
}, this.onNextSlideClick = () => {
|
|
19
|
-
this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
|
|
20
|
-
}, this.onPreviousSlideClick = () => {
|
|
21
|
-
this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
|
|
22
|
-
}, this.registerSlides = () => {
|
|
23
|
-
this.slides = Array.from(this.el.children), this.setSlideAttributes(), this.updateMediaPlayers();
|
|
24
|
-
}, this.onPointerDown = (i) => {
|
|
25
|
-
this.dragging = !0, this.dragStartPosition = i instanceof MouseEvent ? i.clientX : i.touches[0].clientX, this.slides.forEach((e) => {
|
|
26
|
-
e.style.transition = "none";
|
|
27
|
-
});
|
|
28
|
-
}, this.onPointerMove = async (i) => {
|
|
29
|
-
var e, s;
|
|
30
|
-
const l = !(i instanceof MouseEvent) && i.touches.length > 1, a = (s = (e = this.slides[this.activeSlideIndex]) === null || e === void 0 ? void 0 : e.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector("swirl-file-viewer-image"), r = Boolean(a) ? await a.getZoom() > 1 : !1;
|
|
31
|
-
if (!(l || r) && this.dragging) {
|
|
32
|
-
i.preventDefault();
|
|
33
|
-
const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
|
|
34
|
-
this.slides.forEach((n) => {
|
|
35
|
-
const h = this.activeSlideIndex * n.getBoundingClientRect().width;
|
|
36
|
-
this.dragDelta = d, n.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
}, this.onPointerUp = () => {
|
|
40
|
-
this.dragging = !1, this.dragStartPosition = void 0;
|
|
41
|
-
const i = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
|
|
42
|
-
this.dragDelta = 0;
|
|
43
|
-
const e = i > 0.2, s = i < -0.2;
|
|
44
|
-
this.slides.forEach((l) => {
|
|
45
|
-
l.style.transition = "";
|
|
46
|
-
}), e ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
|
|
47
|
-
}, this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download active slide content", this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.slides = void 0;
|
|
48
|
-
}
|
|
49
|
-
componentWillLoad() {
|
|
50
|
-
this.registerSlides();
|
|
51
|
-
}
|
|
52
|
-
componentDidLoad() {
|
|
53
|
-
this.modal = new u(this.modalEl), this.activateSlide(0);
|
|
54
|
-
}
|
|
55
|
-
disconnectedCallback() {
|
|
56
|
-
var t;
|
|
57
|
-
(t = this.modal) === null || t === void 0 || t.destroy(), this.unlockBodyScroll();
|
|
58
|
-
}
|
|
59
|
-
async open() {
|
|
60
|
-
this.modal.show(), this.lockBodyScroll();
|
|
61
|
-
}
|
|
62
|
-
async close() {
|
|
63
|
-
this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
|
|
64
|
-
this.modal.hide(), this.resetImageZoom(), this.closing = !1;
|
|
65
|
-
}, 150));
|
|
66
|
-
}
|
|
67
|
-
async activateSlide(t) {
|
|
68
|
-
this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((i, e) => {
|
|
69
|
-
e === this.activeSlideIndex ? (i.removeAttribute("aria-hidden"), i.setAttribute("active", "true")) : e === this.activeSlideIndex - 1 || e === this.activeSlideIndex + 1 ? (i.setAttribute("aria-hidden", "true"), i.setAttribute("active", "true")) : i.setAttribute("aria-hidden", "true"), i.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
|
|
70
|
-
}), setTimeout(() => {
|
|
71
|
-
this.slides.forEach((i, e) => {
|
|
72
|
-
e !== this.activeSlideIndex && e !== this.activeSlideIndex - 1 && e !== this.activeSlideIndex + 1 && i.setAttribute("active", "false");
|
|
73
|
-
});
|
|
74
|
-
}, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers(), this.resetImageZoom();
|
|
75
|
-
}
|
|
76
|
-
setSlideAttributes() {
|
|
77
|
-
this.slides.forEach((t) => {
|
|
78
|
-
t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
resetSlidePositions() {
|
|
82
|
-
this.slides.forEach((t) => {
|
|
83
|
-
t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
lockBodyScroll() {
|
|
87
|
-
m(this.el);
|
|
88
|
-
}
|
|
89
|
-
unlockBodyScroll() {
|
|
90
|
-
x(this.el);
|
|
91
|
-
}
|
|
92
|
-
updateMediaPlayers() {
|
|
93
|
-
const t = p(this.el, "video");
|
|
94
|
-
this.mediaPlayers = t;
|
|
95
|
-
}
|
|
96
|
-
stopAllMediaPlayers() {
|
|
97
|
-
this.mediaPlayers.forEach((t) => t.pause());
|
|
98
|
-
}
|
|
99
|
-
resetImageZoom() {
|
|
100
|
-
this.slides.forEach((t) => {
|
|
101
|
-
var i;
|
|
102
|
-
const e = (i = t == null ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector("swirl-file-viewer-image");
|
|
103
|
-
Boolean(e) && e.resetZoom();
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
render() {
|
|
107
|
-
const t = this.slides.length > 1, i = f("lightbox", {
|
|
108
|
-
"lightbox--closing": this.closing
|
|
109
|
-
});
|
|
110
|
-
return o(g, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: i, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (e) => this.modalEl = e }, o("div", { class: "lightbox__body", role: "document" }, o("header", { class: "lightbox__header" }, o("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, o("swirl-icon-close", null)), o("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, o("swirl-icon-download", null))), o("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, o("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, o("slot", { onSlotchange: this.registerSlides }))), o("div", { class: "lightbox__controls" }, o("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, o("swirl-icon-arrow-left", null)), o("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, o("swirl-icon-arrow-right", null))), t && o("span", { class: "lightbox__pagination" }, o("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
|
|
111
|
-
}
|
|
112
|
-
get el() {
|
|
113
|
-
return b(this);
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
_.style = v;
|
|
117
|
-
export {
|
|
118
|
-
_ as swirl_lightbox
|
|
119
|
-
};
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import { r as s, h as e, H as r, g as n } from "./index.6fe614c0.js";
|
|
2
|
-
import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
|
-
import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
|
-
import { c as p } from "./index-47862d62.75c2fcf1.js";
|
|
5
|
-
import { i as a } from "./utils-33d31b58.1488fcfe.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import "react-dom";
|
|
8
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
9
|
-
const h = ':host{display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation:none}}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{width:100%;height:calc(100% - 4rem)}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}', m = class {
|
|
10
|
-
constructor(t) {
|
|
11
|
-
s(this, t), this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.onKeyDown = (o) => {
|
|
12
|
-
o.code === "Escape" && this.close();
|
|
13
|
-
}, this.onActivate = (o) => {
|
|
14
|
-
this.pdfViewer = o.detail, this.lockBodyScroll();
|
|
15
|
-
}, this.onCloseButtonClick = () => {
|
|
16
|
-
this.close();
|
|
17
|
-
}, this.onPrintButtonClick = () => {
|
|
18
|
-
this.pdfViewer.print();
|
|
19
|
-
}, this.onDownloadButtonClick = async () => {
|
|
20
|
-
this.downloading = !0, await this.viewer.download(), this.downloading = !1;
|
|
21
|
-
}, this.onZoomInButtonClick = () => {
|
|
22
|
-
const o = this.zoomSteps.indexOf(+this.zoom);
|
|
23
|
-
this.zoom = o === -1 ? 1 : this.zoomSteps[Math.min(this.zoomSteps.length - 1, o + 1)];
|
|
24
|
-
}, this.onZoomOutButtonClick = () => {
|
|
25
|
-
const o = this.zoomSteps.indexOf(+this.zoom);
|
|
26
|
-
this.zoom = o === -1 ? 1 : this.zoomSteps[Math.max(0, o - 1)];
|
|
27
|
-
}, this.onZoomAutoButtonClick = () => {
|
|
28
|
-
this.zoom = this.zoom === "auto" ? 1 : "auto";
|
|
29
|
-
}, this.onZoomChange = (o) => {
|
|
30
|
-
const i = o.target.value;
|
|
31
|
-
this.zoom = i === "auto" ? i : +i;
|
|
32
|
-
}, this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonLabel = "Download PDF", this.file = void 0, this.label = void 0, this.printButtonLabel = "Print PDF", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.active = !1, this.closing = !1, this.downloading = !1, this.zoom = void 0, this.zoomSteps = void 0;
|
|
33
|
-
}
|
|
34
|
-
componentWillLoad() {
|
|
35
|
-
this.updateZoomSteps(), this.zoom = a() ? "auto" : 1;
|
|
36
|
-
}
|
|
37
|
-
componentDidLoad() {
|
|
38
|
-
this.modal = new l(this.modalEl);
|
|
39
|
-
}
|
|
40
|
-
disconnectedCallback() {
|
|
41
|
-
var t;
|
|
42
|
-
this.unlockBodyScroll(), (t = this.modal) === null || t === void 0 || t.destroy();
|
|
43
|
-
}
|
|
44
|
-
onWindowResize() {
|
|
45
|
-
!Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = a() ? "auto" : 1);
|
|
46
|
-
}
|
|
47
|
-
async open() {
|
|
48
|
-
this.modal.show(), this.active = !0;
|
|
49
|
-
}
|
|
50
|
-
async close() {
|
|
51
|
-
this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
|
|
52
|
-
this.modal.hide(), this.closing = !1, this.active = !1;
|
|
53
|
-
}, 150));
|
|
54
|
-
}
|
|
55
|
-
lockBodyScroll() {
|
|
56
|
-
const t = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
|
|
57
|
-
Boolean(t) && d(t);
|
|
58
|
-
}
|
|
59
|
-
unlockBodyScroll() {
|
|
60
|
-
const t = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
|
|
61
|
-
Boolean(t) && c(t);
|
|
62
|
-
}
|
|
63
|
-
updateZoomSteps() {
|
|
64
|
-
this.zoomSteps = a() ? this.mobileZoomSteps : this.desktopZoomSteps;
|
|
65
|
-
}
|
|
66
|
-
render() {
|
|
67
|
-
const t = p("pdf-reader", {
|
|
68
|
-
"pdf-reader--closing": this.closing
|
|
69
|
-
});
|
|
70
|
-
return e(r, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("swirl-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((o) => e("option", { key: o, selected: this.zoom === o, value: o }, o * 100, "%"))), e("swirl-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("swirl-button", { class: "pdf-reader__print-button", hideLabel: !0, icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), e("swirl-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: !0, icon: this.downloading ? '<swirl-spinner size="s"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), e("div", { class: "pdf-reader__content" }, e("swirl-file-viewer", { active: this.active, file: this.file, onActivate: this.onActivate, ref: (o) => this.viewer = o, type: "application/pdf", zoom: this.zoom }), e("div", { class: "pdf-reader__mobile-zoom-controls" }, e("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", null)), e("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", null)))))));
|
|
71
|
-
}
|
|
72
|
-
get el() {
|
|
73
|
-
return n(this);
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
m.style = h;
|
|
77
|
-
export {
|
|
78
|
-
m as swirl_pdf_reader
|
|
79
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as a, h as r, H as t } from "./index.6fe614c0.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
const o = ":host{display:flex;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:center}:host *{box-sizing:border-box}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", e = class {
|
|
5
|
-
constructor(s) {
|
|
6
|
-
a(this, s);
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
return r(t, { class: "separator", role: "separator" }, r("span", { class: "separator__line" }));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
e.style = o;
|
|
13
|
-
export {
|
|
14
|
-
e as swirl_separator
|
|
15
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { r as t, h as a, H as s } from "./index.6fe614c0.js";
|
|
2
|
-
import { c as r } from "./index-47862d62.75c2fcf1.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
import "./_commonjsHelpers-10467d11.b7d83301.js";
|
|
6
|
-
const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-landscape .thumbnail__image{width:100%}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-portrait .thumbnail__image{height:100%}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--format-square .thumbnail__image{width:100%}.thumbnail__image{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", e = class {
|
|
7
|
-
constructor(i) {
|
|
8
|
-
t(this, i), this.alt = void 0, this.format = "landscape", this.size = "m", this.src = void 0;
|
|
9
|
-
}
|
|
10
|
-
render() {
|
|
11
|
-
const i = r("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
|
|
12
|
-
return a(s, null, a("span", { class: i }, a("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
e.style = l;
|
|
16
|
-
export {
|
|
17
|
-
e as swirl_thumbnail
|
|
18
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
function u(t, n) {
|
|
2
|
-
return t ? t instanceof ShadowRoot ? u(t.host, n) : t instanceof HTMLElement && t.matches(n) ? t : u(t.parentNode, n) : null;
|
|
3
|
-
}
|
|
4
|
-
const f = () => document.documentElement.classList.contains("disable-desktop-style-tweaks") ? window.matchMedia(null) : window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");
|
|
5
|
-
function p(t, n, o = !1) {
|
|
6
|
-
let c;
|
|
7
|
-
return async function() {
|
|
8
|
-
const e = this, a = arguments, i = function() {
|
|
9
|
-
c = null, o || t.apply(e, a);
|
|
10
|
-
}, l = o && !Boolean(c);
|
|
11
|
-
clearTimeout(c), c = setTimeout(i, n), l && t.apply(e, a);
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
function w(t, n) {
|
|
15
|
-
const o = n.scrollTop, c = o + n.clientHeight, s = n.getBoundingClientRect(), e = t.getBoundingClientRect(), i = {
|
|
16
|
-
top: e.top - s.top,
|
|
17
|
-
right: e.right - s.right,
|
|
18
|
-
bottom: e.bottom - s.bottom,
|
|
19
|
-
left: e.left - s.left
|
|
20
|
-
}.top + o, l = i + t.offsetHeight, r = i < o ? o : i;
|
|
21
|
-
return (l > c ? c : l) - r;
|
|
22
|
-
}
|
|
23
|
-
function g() {
|
|
24
|
-
return !window.matchMedia("(min-width: 768px)").matches;
|
|
25
|
-
}
|
|
26
|
-
function b(t, n) {
|
|
27
|
-
function o(s, e) {
|
|
28
|
-
if (!Boolean(e))
|
|
29
|
-
return [];
|
|
30
|
-
const a = Array.from(e.querySelectorAll(s)), i = Boolean(window.HTMLSlotElement) && e instanceof HTMLSlotElement ? e.assignedElements() : [], l = [...Array.from(e.children), ...i], r = e.shadowRoot, h = o(s, r);
|
|
31
|
-
return [
|
|
32
|
-
...a,
|
|
33
|
-
...l.map((m) => o(s, m)).flat(),
|
|
34
|
-
...h
|
|
35
|
-
];
|
|
36
|
-
}
|
|
37
|
-
return o(n, t).filter((s, e, a) => !a.some((i, l) => i.isSameNode(s) && l > e));
|
|
38
|
-
}
|
|
39
|
-
export {
|
|
40
|
-
w as a,
|
|
41
|
-
u as c,
|
|
42
|
-
p as d,
|
|
43
|
-
f as g,
|
|
44
|
-
g as i,
|
|
45
|
-
b as q
|
|
46
|
-
};
|