@getflip/swirl-components 0.4.0 → 0.5.0

package/dist/esm/flip-icon-folder-shared.entry.js

@@ -14,5 +14,3 @@ const FlipIconFolderShared = class {
 FlipIconFolderShared.style = flipIconCss;
 
 export { FlipIconFolderShared as flip_icon_folder_shared };
-
-//# sourceMappingURL=flip-icon-folder-shared.entry.js.map

package/dist/esm/flip-icon-group-assign.entry.js

@@ -14,5 +14,3 @@ const FlipIconGroupAssign = class {
 FlipIconGroupAssign.style = flipIconCss;
 
 export { FlipIconGroupAssign as flip_icon_group_assign };
-
-//# sourceMappingURL=flip-icon-group-assign.entry.js.map

package/dist/esm/flip-icon-groups-custom.entry.js

@@ -14,5 +14,3 @@ const FlipIconGroupsCustom = class {
 FlipIconGroupsCustom.style = flipIconCss;
 
 export { FlipIconGroupsCustom as flip_icon_groups_custom };
-
-//# sourceMappingURL=flip-icon-groups-custom.entry.js.map

package/dist/esm/flip-icon-groups.entry.js

@@ -14,5 +14,3 @@ const FlipIconGroups = class {
 FlipIconGroups.style = flipIconCss;
 
 export { FlipIconGroups as flip_icon_groups };
-
-//# sourceMappingURL=flip-icon-groups.entry.js.map

package/dist/esm/flip-icon-image.entry.js

@@ -14,5 +14,3 @@ const FlipIconImage = class {
 FlipIconImage.style = flipIconCss;
 
 export { FlipIconImage as flip_icon_image };
-
-//# sourceMappingURL=flip-icon-image.entry.js.map

package/dist/esm/flip-icon-info.entry.js

@@ -14,5 +14,3 @@ const FlipIconInfo = class {
 FlipIconInfo.style = flipIconCss;
 
 export { FlipIconInfo as flip_icon_info };
-
-//# sourceMappingURL=flip-icon-info.entry.js.map

package/dist/esm/flip-icon-inventory.entry.js

@@ -14,5 +14,3 @@ const FlipIconInventory = class {
 FlipIconInventory.style = flipIconCss;
 
 export { FlipIconInventory as flip_icon_inventory };
-
-//# sourceMappingURL=flip-icon-inventory.entry.js.map

package/dist/esm/flip-icon-like.entry.js

@@ -14,5 +14,3 @@ const FlipIconLike = class {
 FlipIconLike.style = flipIconCss;
 
 export { FlipIconLike as flip_icon_like };
-
-//# sourceMappingURL=flip-icon-like.entry.js.map

package/dist/esm/flip-icon-link.entry.js

@@ -14,5 +14,3 @@ const FlipIconLink = class {
 FlipIconLink.style = flipIconCss;
 
 export { FlipIconLink as flip_icon_link };
-
-//# sourceMappingURL=flip-icon-link.entry.js.map

package/dist/esm/flip-icon-lock.entry.js

@@ -14,5 +14,3 @@ const FlipIconLock = class {
 FlipIconLock.style = flipIconCss;
 
 export { FlipIconLock as flip_icon_lock };
-
-//# sourceMappingURL=flip-icon-lock.entry.js.map

package/dist/esm/flip-icon-logout.entry.js

@@ -14,5 +14,3 @@ const FlipIconLogout = class {
 FlipIconLogout.style = flipIconCss;
 
 export { FlipIconLogout as flip_icon_logout };
-
-//# sourceMappingURL=flip-icon-logout.entry.js.map

package/dist/esm/flip-icon-mail.entry.js

@@ -14,5 +14,3 @@ const FlipIconMail = class {
 FlipIconMail.style = flipIconCss;
 
 export { FlipIconMail as flip_icon_mail };
-
-//# sourceMappingURL=flip-icon-mail.entry.js.map

package/dist/esm/flip-icon-manage-accounts.entry.js

@@ -14,5 +14,3 @@ const FlipIconManageAccounts = class {
 FlipIconManageAccounts.style = flipIconCss;
 
 export { FlipIconManageAccounts as flip_icon_manage_accounts };
-
-//# sourceMappingURL=flip-icon-manage-accounts.entry.js.map

package/dist/esm/flip-icon-mention.entry.js

@@ -14,5 +14,3 @@ const FlipIconMention = class {
 FlipIconMention.style = flipIconCss;
 
 export { FlipIconMention as flip_icon_mention };
-
-//# sourceMappingURL=flip-icon-mention.entry.js.map

package/dist/esm/flip-icon-message.entry.js

@@ -14,5 +14,3 @@ const FlipIconMessage = class {
 FlipIconMessage.style = flipIconCss;
 
 export { FlipIconMessage as flip_icon_message };
-
-//# sourceMappingURL=flip-icon-message.entry.js.map

package/dist/esm/flip-icon-more-horizontal.entry.js

@@ -14,5 +14,3 @@ const FlipIconMoreHorizontal = class {
 FlipIconMoreHorizontal.style = flipIconCss;
 
 export { FlipIconMoreHorizontal as flip_icon_more_horizontal };
-
-//# sourceMappingURL=flip-icon-more-horizontal.entry.js.map

package/dist/esm/flip-icon-more-vertikal.entry.js

@@ -14,5 +14,3 @@ const FlipIconMoreVertikal = class {
 FlipIconMoreVertikal.style = flipIconCss;
 
 export { FlipIconMoreVertikal as flip_icon_more_vertikal };
-
-//# sourceMappingURL=flip-icon-more-vertikal.entry.js.map

package/dist/esm/flip-icon-notifications-active.entry.js

@@ -14,5 +14,3 @@ const FlipIconNotificationsActive = class {
 FlipIconNotificationsActive.style = flipIconCss;
 
 export { FlipIconNotificationsActive as flip_icon_notifications_active };
-
-//# sourceMappingURL=flip-icon-notifications-active.entry.js.map

package/dist/esm/flip-icon-notifications-off.entry.js

@@ -14,5 +14,3 @@ const FlipIconNotificationsOff = class {
 FlipIconNotificationsOff.style = flipIconCss;
 
 export { FlipIconNotificationsOff as flip_icon_notifications_off };
-
-//# sourceMappingURL=flip-icon-notifications-off.entry.js.map

package/dist/esm/flip-icon-notifications.entry.js

@@ -14,5 +14,3 @@ const FlipIconNotifications = class {
 FlipIconNotifications.style = flipIconCss;
 
 export { FlipIconNotifications as flip_icon_notifications };
-
-//# sourceMappingURL=flip-icon-notifications.entry.js.map

package/dist/esm/flip-icon-open-in-new.entry.js

@@ -14,5 +14,3 @@ const FlipIconOpenInNew = class {
 FlipIconOpenInNew.style = flipIconCss;
 
 export { FlipIconOpenInNew as flip_icon_open_in_new };
-
-//# sourceMappingURL=flip-icon-open-in-new.entry.js.map

package/dist/esm/flip-icon-people-alt.entry.js

@@ -14,5 +14,3 @@ const FlipIconPeopleAlt = class {
 FlipIconPeopleAlt.style = flipIconCss;
 
 export { FlipIconPeopleAlt as flip_icon_people_alt };
-
-//# sourceMappingURL=flip-icon-people-alt.entry.js.map

package/dist/esm/flip-icon-person-off.entry.js

@@ -14,5 +14,3 @@ const FlipIconPersonOff = class {
 FlipIconPersonOff.style = flipIconCss;
 
 export { FlipIconPersonOff as flip_icon_person_off };
-
-//# sourceMappingURL=flip-icon-person-off.entry.js.map

package/dist/esm/flip-icon-person.entry.js

@@ -14,5 +14,3 @@ const FlipIconPerson = class {
 FlipIconPerson.style = flipIconCss;
 
 export { FlipIconPerson as flip_icon_person };
-
-//# sourceMappingURL=flip-icon-person.entry.js.map

package/dist/esm/flip-icon-phone.entry.js

@@ -14,5 +14,3 @@ const FlipIconPhone = class {
 FlipIconPhone.style = flipIconCss;
 
 export { FlipIconPhone as flip_icon_phone };
-
-//# sourceMappingURL=flip-icon-phone.entry.js.map

package/dist/esm/flip-icon-poll.entry.js

@@ -14,5 +14,3 @@ const FlipIconPoll = class {
 FlipIconPoll.style = flipIconCss;
 
 export { FlipIconPoll as flip_icon_poll };
-
-//# sourceMappingURL=flip-icon-poll.entry.js.map

package/dist/esm/flip-icon-print.entry.js

@@ -14,5 +14,3 @@ const FlipIconPrint = class {
 FlipIconPrint.style = flipIconCss;
 
 export { FlipIconPrint as flip_icon_print };
-
-//# sourceMappingURL=flip-icon-print.entry.js.map

package/dist/esm/flip-icon-recieved.entry.js

@@ -14,5 +14,3 @@ const FlipIconRecieved = class {
 FlipIconRecieved.style = flipIconCss;
 
 export { FlipIconRecieved as flip_icon_recieved };
-
-//# sourceMappingURL=flip-icon-recieved.entry.js.map

package/dist/esm/flip-icon-search-strong.entry.js

@@ -14,5 +14,3 @@ const FlipIconSearchStrong = class {
 FlipIconSearchStrong.style = flipIconCss;
 
 export { FlipIconSearchStrong as flip_icon_search_strong };
-
-//# sourceMappingURL=flip-icon-search-strong.entry.js.map

package/dist/esm/flip-icon-search.entry.js

@@ -14,5 +14,3 @@ const FlipIconSearch = class {
 FlipIconSearch.style = flipIconCss;
 
 export { FlipIconSearch as flip_icon_search };
-
-//# sourceMappingURL=flip-icon-search.entry.js.map

package/dist/esm/flip-icon-send.entry.js

@@ -14,5 +14,3 @@ const FlipIconSend = class {
 FlipIconSend.style = flipIconCss;
 
 export { FlipIconSend as flip_icon_send };
-
-//# sourceMappingURL=flip-icon-send.entry.js.map

package/dist/esm/flip-icon-settings.entry.js

@@ -14,5 +14,3 @@ const FlipIconSettings = class {
 FlipIconSettings.style = flipIconCss;
 
 export { FlipIconSettings as flip_icon_settings };
-
-//# sourceMappingURL=flip-icon-settings.entry.js.map

package/dist/esm/flip-icon-time-filled.entry.js

@@ -14,5 +14,3 @@ const FlipIconTimeFilled = class {
 FlipIconTimeFilled.style = flipIconCss;
 
 export { FlipIconTimeFilled as flip_icon_time_filled };
-
-//# sourceMappingURL=flip-icon-time-filled.entry.js.map

package/dist/esm/flip-icon-time-outlined.entry.js

@@ -14,5 +14,3 @@ const FlipIconTimeOutlined = class {
 FlipIconTimeOutlined.style = flipIconCss;
 
 export { FlipIconTimeOutlined as flip_icon_time_outlined };
-
-//# sourceMappingURL=flip-icon-time-outlined.entry.js.map

package/dist/esm/flip-icon-user-assign.entry.js

@@ -14,5 +14,3 @@ const FlipIconUserAssign = class {
 FlipIconUserAssign.style = flipIconCss;
 
 export { FlipIconUserAssign as flip_icon_user_assign };
-
-//# sourceMappingURL=flip-icon-user-assign.entry.js.map

package/dist/esm/flip-icon-video-camera.entry.js

@@ -14,5 +14,3 @@ const FlipIconVideoCamera = class {
 FlipIconVideoCamera.style = flipIconCss;
 
 export { FlipIconVideoCamera as flip_icon_video_camera };
-
-//# sourceMappingURL=flip-icon-video-camera.entry.js.map

package/dist/esm/flip-icon-warning.entry.js

@@ -14,5 +14,3 @@ const FlipIconWarning = class {
 FlipIconWarning.style = flipIconCss;
 
 export { FlipIconWarning as flip_icon_warning };
-
-//# sourceMappingURL=flip-icon-warning.entry.js.map

package/dist/esm/flip-lightbox.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-5a
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-6d2e18c6.js';
-import { q as querySelectorAllDeep } from './utils-b46bcd4f.js';
+import { q as querySelectorAllDeep } from './utils-39b2afe8.js';
 import './_commonjsHelpers-44457d8d.js';
 
 const flipLightboxCss = ":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}}";
@@ -197,5 +197,3 @@ const FlipLightbox = class {
 FlipLightbox.style = flipLightboxCss;
 
 export { FlipLightbox as flip_lightbox };
-
-//# sourceMappingURL=flip-lightbox.entry.js.map

package/dist/esm/flip-link.entry.js

@@ -13,5 +13,3 @@ const FlipLink = class {
 FlipLink.style = flipLinkCss;
 
 export { FlipLink as flip_link };
-
-//# sourceMappingURL=flip-link.entry.js.map

package/dist/esm/flip-list.entry.js

@@ -19,5 +19,3 @@ const FlipList = class {
 FlipList.style = flipListCss;
 
 export { FlipList as flip_list };
-
-//# sourceMappingURL=flip-list.entry.js.map

package/dist/esm/flip-modal.entry.js

@@ -4,11 +4,13 @@ import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.
 import { c as classnames } from './index-6d2e18c6.js';
 import './_commonjsHelpers-44457d8d.js';
 
-const flipModalCss = ":host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:none}}.modal__heading{overflow:hidden}.modal__heading::part(heading){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}";
+const flipModalCss = ":host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden=\"true\"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:none}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}";
 
 const FlipModal = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.modalClose = createEvent(this, "modalClose", 7);
+    this.modalOpen = createEvent(this, "modalOpen", 7);
     this.primaryAction = createEvent(this, "primaryAction", 7);
     this.secondaryAction = createEvent(this, "secondaryAction", 7);
     this.closeButtonLabel = "Close modal";
@@ -29,11 +31,9 @@ const FlipModal = class {
     };
     this.onPrimaryAction = (event) => {
       this.primaryAction.emit(event);
-      this.close();
     };
     this.onSecondaryAction = (event) => {
       this.secondaryAction.emit(event);
-      this.close();
     };
     this.determineScrollStatus = () => {
       var _a, _b, _c, _d, _e, _f;
@@ -68,6 +68,7 @@ const FlipModal = class {
    */
   async open() {
     this.modal.show();
+    this.modalOpen.emit();
     this.lockBodyScroll();
     this.determineScrollStatus();
   }
@@ -82,6 +83,7 @@ const FlipModal = class {
     this.unlockBodyScroll();
     setTimeout(() => {
       this.modal.hide();
+      this.modalClose.emit();
       this.closing = false;
     }, 150);
   }
@@ -104,5 +106,3 @@ const FlipModal = class {
 FlipModal.style = flipModalCss;
 
 export { FlipModal as flip_modal };
-
-//# sourceMappingURL=flip-modal.entry.js.map

package/dist/esm/flip-option-list-section.entry.js

@@ -13,5 +13,3 @@ const FlipOptionListSection = class {
 FlipOptionListSection.style = flipOptionListSectionCss;
 
 export { FlipOptionListSection as flip_option_list_section };
-
-//# sourceMappingURL=flip-option-list-section.entry.js.map

package/dist/esm/flip-pagination.entry.js

@@ -52,5 +52,3 @@ const FlipPagination = class {
 FlipPagination.style = flipPaginationCss;
 
 export { FlipPagination as flip_pagination };
-
-//# sourceMappingURL=flip-pagination.entry.js.map

package/dist/esm/flip-pdf-reader.entry.js

@@ -0,0 +1,137 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5a3b2828.js';
+import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
+import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
+import { c as classnames } from './index-6d2e18c6.js';
+import { i as isMobileViewport } from './utils-39b2afe8.js';
+import './_commonjsHelpers-44457d8d.js';
+
+const flipPdfReaderCss = ":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;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{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}}";
+
+const FlipPdfReader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.autoZoomLabel = "Full width";
+    this.closeButtonLabel = "Close PDF viewer";
+    this.downloadButtonLabel = "Download PDF";
+    this.printButtonLabel = "Print PDF";
+    this.zoomInButtonLabel = "Zoom in";
+    this.zoomOutButtonLabel = "Zoom out";
+    this.zoomSelectLabel = "Select zoom";
+    this.active = false;
+    this.closing = false;
+    this.downloading = false;
+    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 = (event) => {
+      if (event.code === "Escape") {
+        this.close();
+      }
+    };
+    this.onActivate = (event) => {
+      this.pdfViewer = event.detail;
+      this.lockBodyScroll();
+    };
+    this.onCloseButtonClick = () => {
+      this.close();
+    };
+    this.onPrintButtonClick = () => {
+      this.pdfViewer.print();
+    };
+    this.onDownloadButtonClick = async () => {
+      this.downloading = true;
+      await this.viewer.download();
+      this.downloading = false;
+    };
+    this.onZoomInButtonClick = () => {
+      const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom =
+        currentZoomStepIndex === -1
+          ? 1
+          : this.zoomSteps[Math.min(this.zoomSteps.length - 1, currentZoomStepIndex + 1)];
+    };
+    this.onZoomOutButtonClick = () => {
+      const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom =
+        currentZoomStepIndex === -1
+          ? 1
+          : this.zoomSteps[Math.max(0, currentZoomStepIndex - 1)];
+    };
+    this.onZoomAutoButtonClick = () => {
+      this.zoom = this.zoom === "auto" ? 1 : "auto";
+    };
+    this.onZoomChange = (event) => {
+      const value = event.target.value;
+      this.zoom = value === "auto" ? value : +value;
+    };
+  }
+  componentWillLoad() {
+    this.updateZoomSteps();
+    this.zoom = isMobileViewport() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.modal = new A11yDialog(this.modalEl);
+  }
+  disconnectedCallback() {
+    var _a;
+    this.unlockBodyScroll();
+    (_a = this.modal) === null || _a === void 0 ? void 0 : _a.destroy();
+  }
+  onWindowResize() {
+    if (!Boolean(this.pdfViewer)) {
+      return;
+    }
+    this.updateZoomSteps();
+    this.zoom = isMobileViewport() ? "auto" : 1;
+  }
+  /**
+   * Open the reader.
+   */
+  async open() {
+    this.modal.show();
+    this.active = true;
+  }
+  /**
+   * Close the reader.
+   */
+  async close() {
+    if (this.closing) {
+      return;
+    }
+    this.closing = true;
+    this.unlockBodyScroll();
+    setTimeout(() => {
+      this.modal.hide();
+      this.closing = false;
+      this.active = false;
+    }, 150);
+  }
+  lockBodyScroll() {
+    const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    if (Boolean(scrollContainer)) {
+      disableBodyScroll(scrollContainer);
+    }
+  }
+  unlockBodyScroll() {
+    const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    if (Boolean(scrollContainer)) {
+      enableBodyScroll(scrollContainer);
+    }
+  }
+  updateZoomSteps() {
+    this.zoomSteps = isMobileViewport()
+      ? this.mobileZoomSteps
+      : this.desktopZoomSteps;
+  }
+  render() {
+    const className = classnames("pdf-reader", {
+      "pdf-reader--closing": this.closing,
+    });
+    return (h(Host, null, h("section", { "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { class: "pdf-reader__body", role: "document" }, h("header", { class: "pdf-reader__header" }, h("span", { class: "pdf-reader__header-left" }, h("flip-button", { class: "pdf-reader__close-button", hideLabel: true, icon: "<flip-icon-close></flip-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { class: "pdf-reader__label" }, this.label)), h("span", { class: "pdf-reader__header-center" }, h("span", { class: "pdf-reader__zoom-button-container" }, h("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<flip-icon-remove></flip-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<flip-icon-add></flip-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { class: "pdf-reader__zoom-select-container" }, h("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("flip-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), h("span", { class: "pdf-reader__header-right" }, h("flip-button", { class: "pdf-reader__print-button", hideLabel: true, icon: "<flip-icon-print></flip-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), h("flip-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: true, icon: !this.downloading
+        ? "<flip-icon-download></flip-icon-download>"
+        : '<flip-spinner size="s"></flip-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), h("div", { class: "pdf-reader__content" }, h("flip-file-viewer", { active: this.active, file: this.file, onActivate: this.onActivate, ref: (el) => (this.viewer = el), type: "application/pdf", zoom: this.zoom }), h("div", { class: "pdf-reader__mobile-zoom-controls" }, h("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("flip-icon-fullscreen-exit", null)) : (h("flip-icon-fullscreen", null))), h("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" }, h("flip-icon-add", null)), h("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("flip-icon-remove", null))))))));
+  }
+  get el() { return getElement(this); }
+};
+FlipPdfReader.style = flipPdfReaderCss;
+
+export { FlipPdfReader as flip_pdf_reader };