@getflip/swirl-components-react 0.3.0 → 0.4.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/file-manager.entry.07628dad.js +58 -0
- package/dist/{flip-action-list-item.entry.bfe816d0.js → flip-action-list-item.entry.a330605c.js} +1 -1
- package/dist/{flip-action-list-section.entry.8072859c.js → flip-action-list-section.entry.19091d98.js} +1 -1
- package/dist/{flip-action-list.entry.07c4e8cb.js → flip-action-list.entry.319f0192.js} +2 -2
- package/dist/flip-app-layout_5.entry.ac01996d.js +215 -0
- package/dist/flip-autocomplete.entry.21deedf2.js +70 -0
- package/dist/{flip-avatar-group.entry.f987aa8b.js → flip-avatar-group.entry.c2cc9526.js} +1 -1
- package/dist/flip-avatar.entry.7034b888.js +57 -0
- package/dist/flip-badge.entry.bc935c62.js +20 -0
- package/dist/{flip-banner.entry.50b72a3f.js → flip-banner.entry.d257835c.js} +1 -1
- package/dist/{flip-button-group.entry.9261c585.js → flip-button-group.entry.8ce7a3d4.js} +1 -1
- package/dist/{flip-button.entry.98440a9e.js → flip-button.entry.eb07eb8a.js} +2 -2
- package/dist/{flip-checkbox.entry.56d1e132.js → flip-checkbox.entry.43a3832e.js} +1 -1
- package/dist/{flip-chip.entry.e2be5143.js → flip-chip.entry.a479c5b0.js} +1 -1
- package/dist/{flip-date-input.entry.2d5088ea.js → flip-date-input.entry.b98d662b.js} +1 -1
- package/dist/{flip-date-picker_3.entry.d61d1842.js → flip-date-picker_2.entry.c2143459.js} +281 -374
- package/dist/{flip-description-list-item.entry.ebdd7136.js → flip-description-list-item.entry.f1db6930.js} +1 -1
- package/dist/{flip-description-list.entry.48a4d48b.js → flip-description-list.entry.0e214ec2.js} +1 -1
- package/dist/{flip-dialog.entry.bec58ff3.js → flip-dialog.entry.24f62804.js} +1 -1
- package/dist/{flip-file-uploader.entry.d8919920.js → flip-file-uploader.entry.91b6ca52.js} +1 -1
- package/dist/{flip-file-viewer-audio_6.entry.6ac11dbe.js → flip-file-viewer_7.entry.47a4ee0d.js} +4964 -4794
- package/dist/{flip-form-control.entry.c45d4428.js → flip-form-control.entry.82737412.js} +1 -1
- package/dist/{flip-form-group.entry.52e6ee89.js → flip-form-group.entry.89c2a7a6.js} +1 -1
- package/dist/flip-heading.entry.00139b62.js +18 -0
- package/dist/{flip-icon-add-photo.entry.897fe115.js → flip-icon-add-photo.entry.b5415432.js} +1 -1
- package/dist/flip-icon-add_4.entry.b525e436.js +45 -0
- package/dist/{flip-icon-admin-panel-settings.entry.d1c445fd.js → flip-icon-admin-panel-settings.entry.e416caa2.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.e054a0e8.js → flip-icon-arrow-back.entry.3b24c3c4.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.ceea49fe.js → flip-icon-arrow-forward.entry.c3577622.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.ec0b28c1.js → flip-icon-arrow-left_3.entry.0e8c6ffd.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.88470f4b.js → flip-icon-arrow-right-small.entry.36a480f8.js} +1 -1
- package/dist/{flip-icon-attachment.entry.c141c860.js → flip-icon-attachment.entry.d44215f9.js} +1 -1
- package/dist/{flip-icon-expand-less_3.entry.6e9d656c.js → flip-icon-cancel_4.entry.90ff0e73.js} +23 -13
- package/dist/{flip-icon-chat-bubble.entry.13a6899b.js → flip-icon-chat-bubble.entry.b8022c94.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.4c134688.js → flip-icon-check-circle.entry.b59a0f63.js} +1 -1
- package/dist/flip-icon-check-small_3.entry.fd9f691c.js +145 -0
- package/dist/{flip-icon-check-strong.entry.819065e2.js → flip-icon-check-strong.entry.cab3e061.js} +1 -1
- package/dist/{flip-icon-check.entry.e9e18ec0.js → flip-icon-check.entry.f6231fc3.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.8b4f8813.js → flip-icon-chevron-left.entry.cd972c85.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.d32eba9e.js → flip-icon-chevron-right.entry.b96a1ead.js} +1 -1
- package/dist/{flip-icon-close-small.entry.e18fcac6.js → flip-icon-close-small.entry.292f402f.js} +1 -1
- package/dist/{flip-icon-close.entry.30a8abc3.js → flip-icon-close.entry.a52651ec.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.6412d35e.js → flip-icon-cloud-upload.entry.8c3de009.js} +1 -1
- package/dist/{flip-icon-comment.entry.731b5907.js → flip-icon-comment.entry.68e5198c.js} +1 -1
- package/dist/{flip-icon-copy.entry.c29519f3.js → flip-icon-copy.entry.ea55301c.js} +1 -1
- package/dist/{flip-icon-date-range.entry.d6dea969.js → flip-icon-date-range.entry.78991d34.js} +1 -1
- package/dist/{flip-icon-delete.entry.e99d814a.js → flip-icon-delete.entry.addf184d.js} +1 -1
- package/dist/{flip-icon-description.entry.8448b398.js → flip-icon-description.entry.7688a64f.js} +1 -1
- package/dist/{flip-icon-edit.entry.3ae910b7.js → flip-icon-edit.entry.5df4b598.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.89308bc3.js → flip-icon-emoji-mood.entry.7772f2da.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.5a9bca01.js → flip-icon-emoji-satisfied.entry.3f11571c.js} +1 -1
- package/dist/{flip-icon-error_3.entry.f44ffe60.js → flip-icon-error_3.entry.6d22b7a2.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.d0acac42.js → flip-icon-expand-more.entry.2ffa6f0c.js} +1 -1
- package/dist/{flip-icon-file.entry.24508e1d.js → flip-icon-file.entry.517a75cc.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.c829f971.js → flip-icon-folder-shared.entry.661494c2.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.ba88a447.js → flip-icon-group-assign.entry.8131eb64.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.eeaaa045.js → flip-icon-groups-custom.entry.f0086123.js} +1 -1
- package/dist/{flip-icon-groups.entry.fb62ee22.js → flip-icon-groups.entry.2e076144.js} +1 -1
- package/dist/{flip-icon-image.entry.75eebbb0.js → flip-icon-image.entry.d0482319.js} +1 -1
- package/dist/{flip-icon-info.entry.e30b9669.js → flip-icon-info.entry.d16cf109.js} +1 -1
- package/dist/{flip-icon-inventory.entry.39ebc534.js → flip-icon-inventory.entry.a209dd1e.js} +1 -1
- package/dist/{flip-icon-like.entry.80e5f8b9.js → flip-icon-like.entry.631333f8.js} +1 -1
- package/dist/{flip-icon-link.entry.c99a2106.js → flip-icon-link.entry.b67ce56a.js} +1 -1
- package/dist/{flip-icon-lock.entry.5957290a.js → flip-icon-lock.entry.13f8fa54.js} +1 -1
- package/dist/{flip-icon-logout.entry.c6240d44.js → flip-icon-logout.entry.79b91644.js} +1 -1
- package/dist/{flip-icon-mail.entry.65b32c8b.js → flip-icon-mail.entry.62265dc6.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.73cd3a27.js → flip-icon-manage-accounts.entry.e821e9df.js} +1 -1
- package/dist/{flip-icon-mention.entry.088e8573.js → flip-icon-mention.entry.09ac190a.js} +1 -1
- package/dist/{flip-icon-message.entry.e7306c78.js → flip-icon-message.entry.06934900.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.9b6c4ab4.js → flip-icon-more-horizontal.entry.d1d97d3d.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.43a77373.js → flip-icon-more-vertikal.entry.d40ca8b0.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.b48ff150.js → flip-icon-notifications-active.entry.c38ee4bb.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.b60ef6aa.js → flip-icon-notifications-off.entry.02743a47.js} +1 -1
- package/dist/{flip-icon-notifications.entry.e2d0f244.js → flip-icon-notifications.entry.4f873bc3.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.bdcb5f7e.js → flip-icon-open-in-new.entry.cb673e42.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.4c0917f0.js → flip-icon-people-alt.entry.648a37d3.js} +1 -1
- package/dist/{flip-icon-person-off.entry.4dba1b98.js → flip-icon-person-off.entry.3bc3e587.js} +1 -1
- package/dist/{flip-icon-person.entry.57042a58.js → flip-icon-person.entry.b269287a.js} +1 -1
- package/dist/{flip-icon-phone.entry.3ad46317.js → flip-icon-phone.entry.89c67938.js} +1 -1
- package/dist/{flip-icon-poll.entry.c14b718c.js → flip-icon-poll.entry.51bd2d6b.js} +1 -1
- package/dist/{flip-icon-print.entry.42bc6751.js → flip-icon-print.entry.fcdc08c4.js} +1 -1
- package/dist/{flip-icon-recieved.entry.35cc64fd.js → flip-icon-recieved.entry.e52d5907.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.d6722aba.js → flip-icon-search-strong.entry.f9f740dc.js} +1 -1
- package/dist/{flip-icon-search.entry.c2c88135.js → flip-icon-search.entry.530eb22a.js} +1 -1
- package/dist/{flip-icon-send.entry.6d3ed0a4.js → flip-icon-send.entry.1a1f6a9f.js} +1 -1
- package/dist/{flip-icon-settings.entry.3ab04c76.js → flip-icon-settings.entry.05357f2b.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.050c61d7.js → flip-icon-time-filled.entry.7dfefe00.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.195df6e9.js → flip-icon-time-outlined.entry.b309035e.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.60316828.js → flip-icon-user-assign.entry.b595047d.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.d376e2da.js → flip-icon-video-camera.entry.08411542.js} +1 -1
- package/dist/{flip-icon-warning.entry.7484d16e.js → flip-icon-warning.entry.5d5e3ce9.js} +1 -1
- package/dist/{flip-lightbox.entry.cdffd089.js → flip-lightbox.entry.d7a5b33f.js} +2 -2
- package/dist/{flip-link.entry.145e89bf.js → flip-link.entry.5415c5a4.js} +1 -1
- package/dist/{flip-list.entry.fcece197.js → flip-list.entry.5ffbd0ef.js} +1 -1
- package/dist/{flip-modal.entry.f20fd032.js → flip-modal.entry.8f99c357.js} +10 -10
- package/dist/{flip-option-list-section.entry.c0084261.js → flip-option-list-section.entry.1c46b667.js} +1 -1
- package/dist/{flip-pagination.entry.a8a4c1bf.js → flip-pagination.entry.44ba4122.js} +1 -1
- package/dist/flip-pdf-reader.entry.4fba8eda.js +79 -0
- package/dist/flip-popover.entry.0f8879c7.js +99 -0
- package/dist/{flip-progress-indicator.entry.8069914b.js → flip-progress-indicator.entry.98300d84.js} +1 -1
- package/dist/{flip-radio-group.entry.4046ee83.js → flip-radio-group.entry.3a737bc9.js} +1 -1
- package/dist/{flip-radio.entry.941e407b.js → flip-radio.entry.45be80ff.js} +1 -1
- package/dist/{flip-resource-list-file-item.entry.678596e2.js → flip-resource-list-file-item.entry.380c5dbe.js} +1 -1
- package/dist/{flip-search.entry.05617d72.js → flip-search.entry.6805dae6.js} +1 -1
- package/dist/{flip-stack.entry.60b7e7d8.js → flip-stack.entry.c7c6570a.js} +1 -1
- package/dist/{flip-switch.entry.51a1856d.js → flip-switch.entry.d92b7292.js} +1 -1
- package/dist/{flip-tab.entry.fd12f894.js → flip-tab.entry.e7a1ab1a.js} +1 -1
- package/dist/{flip-tabs.entry.9462dbaa.js → flip-tabs.entry.16f909d5.js} +1 -1
- package/dist/{flip-tag.entry.923d754e.js → flip-tag.entry.8622ab43.js} +1 -1
- package/dist/flip-text-input.entry.326d7e72.js +58 -0
- package/dist/{flip-text.entry.634f95b3.js → flip-text.entry.a01cf4bc.js} +1 -1
- package/dist/{flip-theme-provider.entry.ab641668.js → flip-theme-provider.entry.bb6a10e3.js} +1 -1
- package/dist/{flip-thumbnail.entry.9d00d2f8.js → flip-thumbnail.entry.7e078ff9.js} +1 -1
- package/dist/{flip-toast-provider.entry.d0391c9a.js → flip-toast-provider.entry.442c1fb8.js} +1 -1
- package/dist/{flip-toast.entry.fac8df58.js → flip-toast.entry.696f6bd2.js} +1 -1
- package/dist/{flip-tooltip.entry.f7d80b92.js → flip-tooltip.entry.0c1774a4.js} +1 -1
- package/dist/{flip-video-thumbnail.entry.f45c61bc.js → flip-video-thumbnail.entry.b6b896d0.js} +1 -1
- package/dist/{flip-visually-hidden.entry.1099adf3.js → flip-visually-hidden.entry.58a19f2e.js} +1 -1
- package/dist/index.b66ff9f0.js +1365 -0
- package/dist/stencil-generated/index.d.ts +5 -0
- package/dist/swirl-components-react.js +142 -137
- package/dist/swirl-components-react.umd.cjs +51 -35
- package/dist/utils-39b2afe8.37b54ba4.js +40 -0
- package/package.json +2 -2
- package/dist/flip-avatar.entry.7be29e5c.js +0 -57
- package/dist/flip-badge.entry.bb0eb78d.js +0 -20
- package/dist/flip-empty-state.entry.d125feea.js +0 -15
- package/dist/flip-file-viewer.entry.66629b65.js +0 -95
- package/dist/flip-heading.entry.b20bb368.js +0 -18
- package/dist/flip-icon-add.entry.a04d115d.js +0 -15
- package/dist/flip-icon-cancel.entry.07a0efa7.js +0 -15
- package/dist/flip-icon-check-small.entry.1da0f061.js +0 -15
- package/dist/flip-icon-fullscreen-exit.entry.4f7369df.js +0 -15
- package/dist/flip-icon-fullscreen.entry.fe6d6998.js +0 -15
- package/dist/flip-icon-remove.entry.7ce5335b.js +0 -15
- package/dist/flip-option-list-item.entry.ed931c3c.js +0 -30
- package/dist/flip-option-list.entry.a07fd2d3.js +0 -95
- package/dist/flip-resource-list-item.entry.3ba2f6c5.js +0 -41
- package/dist/flip-resource-list.entry.b5f4d108.js +0 -49
- package/dist/flip-text-input.entry.09a6024a.js +0 -55
- package/dist/index.0ccdd659.js +0 -1360
- package/dist/utils-b46bcd4f.79126bb2.js +0 -30
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { r as n, h as e, H as a, g as r } from "./index.
|
|
1
|
+
import { r as n, h as e, H as a, g as r } from "./index.b66ff9f0.js";
|
|
2
2
|
import { A as d } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d as h, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as g } from "./index-6d2e18c6.289636d4.js";
|
|
5
|
-
import { q as b } from "./utils-
|
|
5
|
+
import { q as b } from "./utils-39b2afe8.37b54ba4.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
8
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as i, h as r, H as t } from "./index.
|
|
1
|
+
import { r as i, h as r, H as t } from "./index.b66ff9f0.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}", a = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as e, h as l, H as n } from "./index.
|
|
1
|
+
import { r as e, h as l, H as n } from "./index.b66ff9f0.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const r = ':host{display:block}:host *{box-sizing:border-box}.flip-list{line-height:var(--s-line-height-base)}.flip-list ul,.flip-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.flip-list ul li{padding-left:1.5rem}.flip-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.flip-list ol{counter-reset:item}.flip-list ol ol{counter-reset:letter}.flip-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.flip-list ol li{padding-left:1.5rem}.flip-list ol li:before{display:inline-block;min-width:1.5rem;font-variant-numeric:tabular-nums;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item}', s = class {
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { r as h, c as
|
|
1
|
+
import { r as h, c as l, h as a, H as p } from "./index.b66ff9f0.js";
|
|
2
2
|
import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d as b, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as u } from "./index-6d2e18c6.289636d4.js";
|
|
5
5
|
import "react";
|
|
6
6
|
import "react-dom";
|
|
7
7
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
8
|
-
const g = ':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
|
|
8
|
+
const g = ':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}}', y = class {
|
|
9
9
|
constructor(e) {
|
|
10
|
-
h(this, e), this.primaryAction =
|
|
10
|
+
h(this, e), this.modalClose = l(this, "modalClose", 7), this.modalOpen = l(this, "modalOpen", 7), this.primaryAction = l(this, "primaryAction", 7), this.secondaryAction = l(this, "secondaryAction", 7), this.closeButtonLabel = "Close modal", this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.onKeyDown = (o) => {
|
|
11
11
|
o.code === "Escape" && this.close();
|
|
12
12
|
}, this.onBackdropClick = () => {
|
|
13
13
|
this.close();
|
|
14
14
|
}, this.onCloseButtonClick = () => {
|
|
15
15
|
this.close();
|
|
16
16
|
}, this.onPrimaryAction = (o) => {
|
|
17
|
-
this.primaryAction.emit(o)
|
|
17
|
+
this.primaryAction.emit(o);
|
|
18
18
|
}, this.onSecondaryAction = (o) => {
|
|
19
|
-
this.secondaryAction.emit(o)
|
|
19
|
+
this.secondaryAction.emit(o);
|
|
20
20
|
}, this.determineScrollStatus = () => {
|
|
21
|
-
var o, i,
|
|
22
|
-
const
|
|
23
|
-
|
|
21
|
+
var o, i, t, s, d, r;
|
|
22
|
+
const n = ((o = this.scrollContainer) === null || o === void 0 ? void 0 : o.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
|
|
23
|
+
n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
componentDidLoad() {
|
|
@@ -34,11 +34,11 @@ const g = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-
|
|
|
34
34
|
this.determineScrollStatus();
|
|
35
35
|
}
|
|
36
36
|
async open() {
|
|
37
|
-
this.modal.show(), this.lockBodyScroll(), this.determineScrollStatus();
|
|
37
|
+
this.modal.show(), this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
|
|
38
38
|
}
|
|
39
39
|
async close() {
|
|
40
40
|
this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
|
|
41
|
-
this.modal.hide(), this.closing = !1;
|
|
41
|
+
this.modal.hide(), this.modalClose.emit(), this.closing = !1;
|
|
42
42
|
}, 150));
|
|
43
43
|
}
|
|
44
44
|
lockBodyScroll() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, h as t, H as i } from "./index.
|
|
1
|
+
import { r as o, h as t, H as i } from "./index.b66ff9f0.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const e = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}", l = class {
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { r, h as e, H as s, g as n } from "./index.b66ff9f0.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-6d2e18c6.289636d4.js";
|
|
5
|
+
import { i as a } from "./utils-39b2afe8.37b54ba4.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import "react-dom";
|
|
8
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
9
|
+
const f = ':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}}', h = class {
|
|
10
|
+
constructor(t) {
|
|
11
|
+
r(this, t), 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 = !1, this.closing = !1, this.downloading = !1, 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
|
+
};
|
|
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(s, 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("flip-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<flip-icon-close></flip-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("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<flip-icon-remove></flip-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<flip-icon-add></flip-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("flip-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("flip-button", { class: "pdf-reader__print-button", hideLabel: !0, icon: "<flip-icon-print></flip-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), e("flip-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: !0, icon: this.downloading ? '<flip-spinner size="s"></flip-spinner>' : "<flip-icon-download></flip-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), e("div", { class: "pdf-reader__content" }, e("flip-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("flip-icon-fullscreen-exit", null) : e("flip-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("flip-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("flip-icon-remove", null)))))));
|
|
71
|
+
}
|
|
72
|
+
get el() {
|
|
73
|
+
return n(this);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
h.style = f;
|
|
77
|
+
export {
|
|
78
|
+
h as flip_pdf_reader
|
|
79
|
+
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { r as p, h as i, H as l, g as d } from "./index.b66ff9f0.js";
|
|
2
|
+
import { c, s as m, f as v, a as h } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
|
|
3
|
+
import { e as a, d as f } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
|
+
import { c as u } from "./index-6d2e18c6.289636d4.js";
|
|
5
|
+
import { i as n, q as s } from "./utils-39b2afe8.37b54ba4.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import "react-dom";
|
|
8
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
9
|
+
const g = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in;animation:0.15s popover-fade-scale-in}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}", b = class {
|
|
10
|
+
constructor(o) {
|
|
11
|
+
p(this, o), this.placement = "bottom-start", this.active = !1, this.closing = !1, this.onFocusOut = (e) => {
|
|
12
|
+
if (!this.active)
|
|
13
|
+
return;
|
|
14
|
+
const t = e.relatedTarget || e.target;
|
|
15
|
+
!this.el.contains(t) && this.close();
|
|
16
|
+
}, this.toggle = (e) => {
|
|
17
|
+
e.stopPropagation(), this.active ? this.close() : this.open();
|
|
18
|
+
}, this.onKeydown = (e) => {
|
|
19
|
+
e.code === "Escape" && this.active && this.close();
|
|
20
|
+
}, this.reposition = async () => {
|
|
21
|
+
const e = n();
|
|
22
|
+
if (!(!Boolean(this.triggerEl) || !Boolean(this.contentContainer))) {
|
|
23
|
+
if (e) {
|
|
24
|
+
this.position = void 0;
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
this.position = await c(this.triggerEl, this.contentContainer, {
|
|
28
|
+
middleware: [m(), v()],
|
|
29
|
+
placement: this.placement,
|
|
30
|
+
strategy: "fixed"
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}, this.onCloseButtonClick = () => {
|
|
34
|
+
this.close();
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
componentDidLoad() {
|
|
38
|
+
this.connectTrigger(), this.updateChildMenuItems(), this.updateTriggerAttributes();
|
|
39
|
+
}
|
|
40
|
+
disconnectedCallback() {
|
|
41
|
+
a(this.scrollContainer);
|
|
42
|
+
}
|
|
43
|
+
onWindowClick(o) {
|
|
44
|
+
const e = o.target;
|
|
45
|
+
this.el.contains(e) || this.close();
|
|
46
|
+
}
|
|
47
|
+
async close() {
|
|
48
|
+
var o;
|
|
49
|
+
this.closing || !this.active || (this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
|
|
50
|
+
this.active = !1, this.closing = !1, this.updateTriggerAttributes();
|
|
51
|
+
}, 150), this.unlockBodyScroll(), (o = this.getNativeTriggerElement()) === null || o === void 0 || o.focus());
|
|
52
|
+
}
|
|
53
|
+
async open() {
|
|
54
|
+
this.active = !0, this.updateChildMenuItems(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
|
|
55
|
+
await this.reposition(), this.childMenuItems.length > 0 ? this.childMenuItems[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = h(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
connectTrigger() {
|
|
59
|
+
this.triggerEl = s(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
|
|
60
|
+
}
|
|
61
|
+
getNativeTriggerElement() {
|
|
62
|
+
var o, e, t;
|
|
63
|
+
return this.triggerEl.tagName.startsWith("FLIP-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
|
|
64
|
+
}
|
|
65
|
+
updateTriggerAttributes() {
|
|
66
|
+
if (!Boolean(this.triggerEl))
|
|
67
|
+
return;
|
|
68
|
+
const o = this.getNativeTriggerElement();
|
|
69
|
+
o.setAttribute("aria-controls", this.popoverId), o.setAttribute("aria-expanded", String(this.active)), o.setAttribute("aria-haspopup", "dialog");
|
|
70
|
+
}
|
|
71
|
+
updateChildMenuItems() {
|
|
72
|
+
this.childMenuItems = s(this.el, '[role="menuitem"]');
|
|
73
|
+
}
|
|
74
|
+
lockBodyScroll() {
|
|
75
|
+
!n() || f(this.scrollContainer);
|
|
76
|
+
}
|
|
77
|
+
unlockBodyScroll() {
|
|
78
|
+
a(this.scrollContainer);
|
|
79
|
+
}
|
|
80
|
+
render() {
|
|
81
|
+
var o, e;
|
|
82
|
+
const t = u("popover", {
|
|
83
|
+
"popover--closing": this.closing,
|
|
84
|
+
"popover--active": this.active,
|
|
85
|
+
"popover--inactive": !this.active
|
|
86
|
+
});
|
|
87
|
+
return i(l, { id: this.popoverId, onFocusout: this.onFocusOut }, i("div", { class: t, onKeyDown: this.onKeydown }, i("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", tabindex: "-1", ref: (r) => this.contentContainer = r, style: {
|
|
88
|
+
top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
|
|
89
|
+
left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
|
|
90
|
+
} }, i("span", { class: "popover__handle" }), i("div", { class: "popover__scroll-container", ref: (r) => this.scrollContainer = r }, i("slot", null))), this.active && i("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
|
|
91
|
+
}
|
|
92
|
+
get el() {
|
|
93
|
+
return d(this);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
b.style = g;
|
|
97
|
+
export {
|
|
98
|
+
b as flip_popover
|
|
99
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as s, h as r, H as l, g as n } from "./index.
|
|
1
|
+
import { r as o, c as s, h as r, H as l, g as n } from "./index.b66ff9f0.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {
|