@getflip/swirl-components-react 0.3.0 → 0.5.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.5df78d98.js +58 -0
- package/dist/{flip-action-list-item.entry.bfe816d0.js → flip-action-list-item.entry.080e14b7.js} +1 -1
- package/dist/{flip-action-list-section.entry.8072859c.js → flip-action-list-section.entry.59cc892d.js} +1 -1
- package/dist/{flip-action-list.entry.07c4e8cb.js → flip-action-list.entry.34dd165b.js} +2 -2
- package/dist/flip-app-layout_5.entry.20b263f5.js +215 -0
- package/dist/flip-autocomplete.entry.a63ad331.js +70 -0
- package/dist/{flip-avatar-group.entry.f987aa8b.js → flip-avatar-group.entry.e00bcff1.js} +1 -1
- package/dist/flip-avatar.entry.32cb98bf.js +57 -0
- package/dist/flip-badge.entry.63e2d414.js +20 -0
- package/dist/{flip-banner.entry.50b72a3f.js → flip-banner.entry.a2f5eef8.js} +1 -1
- package/dist/{flip-button-group.entry.9261c585.js → flip-button-group.entry.7856eb4f.js} +1 -1
- package/dist/{flip-button.entry.98440a9e.js → flip-button.entry.82de4159.js} +13 -7
- package/dist/{flip-checkbox.entry.56d1e132.js → flip-checkbox.entry.4af2f2b4.js} +10 -7
- package/dist/{flip-chip.entry.e2be5143.js → flip-chip.entry.9e153968.js} +1 -1
- package/dist/flip-console-layout.entry.940ff9f8.js +22 -0
- package/dist/{flip-date-input.entry.2d5088ea.js → flip-date-input.entry.dce529bc.js} +6 -4
- package/dist/{flip-date-picker_3.entry.d61d1842.js → flip-date-picker_2.entry.177499d7.js} +276 -367
- package/dist/{flip-description-list-item.entry.ebdd7136.js → flip-description-list-item.entry.efd60d4e.js} +1 -1
- package/dist/{flip-description-list.entry.48a4d48b.js → flip-description-list.entry.28fc026b.js} +1 -1
- package/dist/{flip-dialog.entry.bec58ff3.js → flip-dialog.entry.1f35195b.js} +1 -1
- package/dist/{flip-file-uploader.entry.d8919920.js → flip-file-uploader.entry.3888ef19.js} +1 -1
- package/dist/{flip-file-viewer-audio_6.entry.6ac11dbe.js → flip-file-viewer_7.entry.098a3dac.js} +4964 -4794
- package/dist/flip-form-control.entry.8a1150c0.js +65 -0
- package/dist/{flip-form-group.entry.52e6ee89.js → flip-form-group.entry.42d83af8.js} +1 -1
- package/dist/flip-heading_2.entry.36e0c785.js +29 -0
- package/dist/{flip-icon-add-photo.entry.897fe115.js → flip-icon-add-photo.entry.4a5cdf22.js} +1 -1
- package/dist/flip-icon-add_4.entry.890da8d3.js +45 -0
- package/dist/{flip-icon-admin-panel-settings.entry.d1c445fd.js → flip-icon-admin-panel-settings.entry.29420ba1.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.e054a0e8.js → flip-icon-arrow-back.entry.c75093f3.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.ceea49fe.js → flip-icon-arrow-forward.entry.a5ba53d2.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.ec0b28c1.js → flip-icon-arrow-left_3.entry.492c928f.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.88470f4b.js → flip-icon-arrow-right-small.entry.d977647f.js} +1 -1
- package/dist/{flip-icon-attachment.entry.c141c860.js → flip-icon-attachment.entry.33509693.js} +1 -1
- package/dist/{flip-icon-expand-less_3.entry.6e9d656c.js → flip-icon-cancel_4.entry.c7533bde.js} +23 -13
- package/dist/{flip-icon-chat-bubble.entry.13a6899b.js → flip-icon-chat-bubble.entry.796b792b.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.4c134688.js → flip-icon-check-circle.entry.942c13d5.js} +1 -1
- package/dist/flip-icon-check-small_3.entry.0b74d78c.js +143 -0
- package/dist/{flip-icon-check-strong.entry.819065e2.js → flip-icon-check-strong.entry.f072021d.js} +1 -1
- package/dist/{flip-icon-check.entry.e9e18ec0.js → flip-icon-check.entry.e4c5c94a.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.8b4f8813.js → flip-icon-chevron-left.entry.65b612e3.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.d32eba9e.js → flip-icon-chevron-right.entry.0ea10200.js} +1 -1
- package/dist/{flip-icon-close-small.entry.e18fcac6.js → flip-icon-close-small.entry.cccd694a.js} +1 -1
- package/dist/{flip-icon-close.entry.30a8abc3.js → flip-icon-close.entry.cf4afdfd.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.6412d35e.js → flip-icon-cloud-upload.entry.8f2ba9c7.js} +1 -1
- package/dist/{flip-icon-comment.entry.731b5907.js → flip-icon-comment.entry.bd9871c6.js} +1 -1
- package/dist/{flip-icon-copy.entry.c29519f3.js → flip-icon-copy.entry.1b311d2c.js} +1 -1
- package/dist/{flip-icon-date-range.entry.d6dea969.js → flip-icon-date-range.entry.20ae3be8.js} +1 -1
- package/dist/{flip-icon-delete.entry.e99d814a.js → flip-icon-delete.entry.91cce4b6.js} +1 -1
- package/dist/{flip-icon-description.entry.8448b398.js → flip-icon-description.entry.1e861585.js} +1 -1
- package/dist/{flip-icon-edit.entry.3ae910b7.js → flip-icon-edit.entry.6ce0adc0.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.89308bc3.js → flip-icon-emoji-mood.entry.26ff5f4c.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.5a9bca01.js → flip-icon-emoji-satisfied.entry.c5964eb2.js} +1 -1
- package/dist/{flip-icon-error_3.entry.f44ffe60.js → flip-icon-error_3.entry.ed9ea2ba.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.d0acac42.js → flip-icon-expand-more.entry.dfe65dc1.js} +1 -1
- package/dist/{flip-icon-file.entry.24508e1d.js → flip-icon-file.entry.1337f4a3.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.c829f971.js → flip-icon-folder-shared.entry.d729af99.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.ba88a447.js → flip-icon-group-assign.entry.1b26fbcc.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.eeaaa045.js → flip-icon-groups-custom.entry.f1691911.js} +1 -1
- package/dist/{flip-icon-groups.entry.fb62ee22.js → flip-icon-groups.entry.8ee2103f.js} +1 -1
- package/dist/flip-icon-help.entry.258ffe77.js +15 -0
- package/dist/{flip-icon-image.entry.75eebbb0.js → flip-icon-image.entry.ed9e7cea.js} +1 -1
- package/dist/{flip-icon-info.entry.e30b9669.js → flip-icon-info.entry.7ecf555e.js} +1 -1
- package/dist/{flip-icon-inventory.entry.39ebc534.js → flip-icon-inventory.entry.3dfdaf9f.js} +1 -1
- package/dist/{flip-icon-like.entry.80e5f8b9.js → flip-icon-like.entry.0cc26e51.js} +1 -1
- package/dist/{flip-icon-link.entry.c99a2106.js → flip-icon-link.entry.4a62a637.js} +1 -1
- package/dist/{flip-icon-lock.entry.5957290a.js → flip-icon-lock.entry.de97d106.js} +1 -1
- package/dist/{flip-icon-logout.entry.c6240d44.js → flip-icon-logout.entry.551dbbfc.js} +1 -1
- package/dist/{flip-icon-mail.entry.65b32c8b.js → flip-icon-mail.entry.8f23d662.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.73cd3a27.js → flip-icon-manage-accounts.entry.587cc1f2.js} +1 -1
- package/dist/{flip-icon-mention.entry.088e8573.js → flip-icon-mention.entry.dea7e9bd.js} +1 -1
- package/dist/{flip-icon-message.entry.e7306c78.js → flip-icon-message.entry.661d3f8b.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.9b6c4ab4.js → flip-icon-more-horizontal.entry.e1b56167.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.43a77373.js → flip-icon-more-vertikal.entry.c8c2faf5.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.b48ff150.js → flip-icon-notifications-active.entry.17e2db26.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.b60ef6aa.js → flip-icon-notifications-off.entry.fccd2c17.js} +1 -1
- package/dist/{flip-icon-notifications.entry.e2d0f244.js → flip-icon-notifications.entry.fd6974d0.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.bdcb5f7e.js → flip-icon-open-in-new.entry.377230e7.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.4c0917f0.js → flip-icon-people-alt.entry.ff8dcfad.js} +1 -1
- package/dist/{flip-icon-person-off.entry.4dba1b98.js → flip-icon-person-off.entry.c1046231.js} +1 -1
- package/dist/{flip-icon-person.entry.57042a58.js → flip-icon-person.entry.a8e33281.js} +1 -1
- package/dist/{flip-icon-phone.entry.3ad46317.js → flip-icon-phone.entry.b13cd9db.js} +1 -1
- package/dist/{flip-icon-poll.entry.c14b718c.js → flip-icon-poll.entry.d4d7ab35.js} +1 -1
- package/dist/{flip-icon-print.entry.42bc6751.js → flip-icon-print.entry.e22c899f.js} +1 -1
- package/dist/{flip-icon-recieved.entry.35cc64fd.js → flip-icon-recieved.entry.42365f6e.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.d6722aba.js → flip-icon-search-strong.entry.3e2df830.js} +1 -1
- package/dist/{flip-icon-search.entry.c2c88135.js → flip-icon-search.entry.307ecf81.js} +1 -1
- package/dist/{flip-icon-send.entry.6d3ed0a4.js → flip-icon-send.entry.d821277c.js} +1 -1
- package/dist/{flip-icon-settings.entry.3ab04c76.js → flip-icon-settings.entry.39d549e4.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.050c61d7.js → flip-icon-time-filled.entry.59391c42.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.195df6e9.js → flip-icon-time-outlined.entry.7828e49b.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.60316828.js → flip-icon-user-assign.entry.d015d6d1.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.d376e2da.js → flip-icon-video-camera.entry.08b245ec.js} +1 -1
- package/dist/{flip-icon-warning.entry.7484d16e.js → flip-icon-warning.entry.6646b827.js} +1 -1
- package/dist/{flip-lightbox.entry.cdffd089.js → flip-lightbox.entry.89522005.js} +2 -2
- package/dist/{flip-link.entry.145e89bf.js → flip-link.entry.21826dcf.js} +1 -1
- package/dist/{flip-list.entry.fcece197.js → flip-list.entry.28ca3e9a.js} +1 -1
- package/dist/{flip-modal.entry.f20fd032.js → flip-modal.entry.9dc00a89.js} +10 -10
- package/dist/{flip-option-list-section.entry.c0084261.js → flip-option-list-section.entry.8016c860.js} +1 -1
- package/dist/{flip-pagination.entry.a8a4c1bf.js → flip-pagination.entry.5c31f8e5.js} +1 -1
- package/dist/flip-pdf-reader.entry.79fd6e1f.js +79 -0
- package/dist/flip-popover.entry.712ebb5b.js +115 -0
- package/dist/{flip-progress-indicator.entry.8069914b.js → flip-progress-indicator.entry.342c1c4c.js} +1 -1
- package/dist/{flip-radio-group.entry.4046ee83.js → flip-radio-group.entry.ab35d743.js} +1 -1
- package/dist/{flip-radio.entry.941e407b.js → flip-radio.entry.35aa66f2.js} +8 -5
- package/dist/{flip-resource-list-file-item.entry.678596e2.js → flip-resource-list-file-item.entry.b56f8795.js} +1 -1
- package/dist/{flip-search.entry.05617d72.js → flip-search.entry.cb0d0faa.js} +1 -1
- package/dist/flip-select.entry.67d74a11.js +48 -0
- package/dist/{flip-stack.entry.60b7e7d8.js → flip-stack.entry.b7e0326d.js} +1 -1
- package/dist/{flip-switch.entry.51a1856d.js → flip-switch.entry.a5b1c2c6.js} +1 -1
- package/dist/{flip-tab.entry.fd12f894.js → flip-tab.entry.97e217ad.js} +1 -1
- package/dist/{flip-tabs.entry.9462dbaa.js → flip-tabs.entry.ad810ab3.js} +1 -1
- package/dist/{flip-tag.entry.923d754e.js → flip-tag.entry.8d4916e7.js} +1 -1
- package/dist/flip-text-input.entry.b963e731.js +60 -0
- package/dist/{flip-theme-provider.entry.ab641668.js → flip-theme-provider.entry.d5dd8213.js} +1 -1
- package/dist/{flip-thumbnail.entry.9d00d2f8.js → flip-thumbnail.entry.5f5e44d2.js} +1 -1
- package/dist/{flip-toast-provider.entry.d0391c9a.js → flip-toast-provider.entry.4c55da45.js} +5 -3
- package/dist/{flip-toast.entry.fac8df58.js → flip-toast.entry.c306c0f6.js} +1 -1
- package/dist/{flip-tooltip.entry.f7d80b92.js → flip-tooltip.entry.4544c9e8.js} +2 -2
- package/dist/{flip-video-thumbnail.entry.f45c61bc.js → flip-video-thumbnail.entry.7e6a70de.js} +1 -1
- package/dist/{flip-visually-hidden.entry.1099adf3.js → flip-visually-hidden.entry.59b6f888.js} +1 -1
- package/dist/index.ac96d2b2.js +1368 -0
- package/dist/stencil-generated/index.d.ts +8 -0
- package/dist/swirl-components-react.js +145 -137
- package/dist/swirl-components-react.umd.cjs +56 -37
- 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-form-control.entry.c45d4428.js +0 -58
- 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/flip-text.entry.634f95b3.js +0 -18
- package/dist/index.0ccdd659.js +0 -1360
- package/dist/utils-b46bcd4f.79126bb2.js +0 -30
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as t, h as C, F as i } from "./index.ac96d2b2.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
const l = ":host{display:inline-flex}", e = class {
|
|
5
|
+
constructor(s) {
|
|
6
|
+
t(this, s), this.size = 24;
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.96665 11.9987C8.19998 11.9987 8.39731 11.918 8.55865 11.7567C8.71953 11.5958 8.79998 11.3987 8.79998 11.1654C8.79998 10.932 8.71953 10.7349 8.55865 10.574C8.39731 10.4127 8.19998 10.332 7.96665 10.332C7.73331 10.332 7.53598 10.4127 7.37465 10.574C7.21376 10.7349 7.13331 10.932 7.13331 11.1654C7.13331 11.3987 7.21376 11.5958 7.37465 11.7567C7.53598 11.918 7.73331 11.9987 7.96665 11.9987ZM8.06665 5.13203C8.37776 5.13203 8.62776 5.21803 8.81665 5.39003C9.00554 5.56248 9.09998 5.78759 9.09998 6.06536C9.09998 6.25425 9.0362 6.44581 8.90865 6.64003C8.78065 6.8347 8.59998 7.03759 8.36665 7.2487C8.03331 7.53759 7.78887 7.81536 7.63331 8.08203C7.47776 8.3487 7.39998 8.61536 7.39998 8.88203C7.39998 9.03759 7.45842 9.16803 7.57531 9.27336C7.69176 9.37914 7.82776 9.43203 7.98331 9.43203C8.13887 9.43203 8.27776 9.37648 8.39998 9.26536C8.5222 9.15425 8.59998 9.01536 8.63331 8.8487C8.66665 8.65981 8.74176 8.48492 8.85865 8.32403C8.97509 8.1627 9.16665 7.95425 9.43331 7.6987C9.77776 7.37648 10.0195 7.08203 10.1586 6.81536C10.2973 6.5487 10.3666 6.25425 10.3666 5.93203C10.3666 5.36536 10.1529 4.90136 9.72531 4.54003C9.29731 4.17914 8.74442 3.9987 8.06665 3.9987C7.59998 3.9987 7.1862 4.08759 6.82531 4.26536C6.46398 4.44314 6.18331 4.71536 5.98331 5.08203C5.90554 5.22648 5.87776 5.36803 5.89998 5.5067C5.9222 5.64581 5.99998 5.75981 6.13331 5.8487C6.27776 5.93759 6.4362 5.96536 6.60865 5.93203C6.78065 5.8987 6.9222 5.80425 7.03331 5.6487C7.15554 5.48203 7.30287 5.35425 7.47531 5.26536C7.64731 5.17648 7.84442 5.13203 8.06665 5.13203ZM7.99998 14.6654C7.08887 14.6654 6.22776 14.4903 5.41665 14.14C4.60554 13.7903 3.89731 13.3154 3.29198 12.7154C2.6862 12.1154 2.20842 11.4098 1.85865 10.5987C1.50842 9.78759 1.33331 8.92092 1.33331 7.9987C1.33331 7.07648 1.50842 6.20981 1.85865 5.3987C2.20842 4.58759 2.6862 3.88203 3.29198 3.28203C3.89731 2.68203 4.60554 2.20692 5.41665 1.8567C6.22776 1.50692 7.08887 1.33203 7.99998 1.33203C8.93331 1.33203 9.80553 1.50692 10.6166 1.8567C11.4278 2.20692 12.1333 2.68203 12.7333 3.28203C13.3333 3.88203 13.8055 4.58759 14.15 5.3987C14.4944 6.20981 14.6666 7.07648 14.6666 7.9987C14.6666 8.92092 14.4944 9.78759 14.15 10.5987C13.8055 11.4098 13.3333 12.1154 12.7333 12.7154C12.1333 13.3154 11.4278 13.7903 10.6166 14.14C9.80553 14.4903 8.93331 14.6654 7.99998 14.6654ZM7.99998 13.332C9.48887 13.332 10.75 12.8127 11.7833 11.774C12.8166 10.7349 13.3333 9.47647 13.3333 7.9987C13.3333 6.52092 12.8166 5.26248 11.7833 4.22336C10.75 3.1847 9.48887 2.66536 7.99998 2.66536C6.54442 2.66536 5.29153 3.1847 4.24131 4.22336C3.19154 5.26248 2.66665 6.52092 2.66665 7.9987C2.66665 9.47647 3.19154 10.7349 4.24131 11.774C5.29153 12.8127 6.54442 13.332 7.99998 13.332Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M11.95 18C12.3 18 12.596 17.879 12.838 17.637C13.0793 17.3957 13.2 17.1 13.2 16.75C13.2 16.4 13.0793 16.1043 12.838 15.863C12.596 15.621 12.3 15.5 11.95 15.5C11.6 15.5 11.304 15.621 11.062 15.863C10.8207 16.1043 10.7 16.4 10.7 16.75C10.7 17.1 10.8207 17.3957 11.062 17.637C11.304 17.879 11.6 18 11.95 18ZM12.1 7.7C12.5667 7.7 12.9417 7.829 13.225 8.087C13.5083 8.34567 13.65 8.68333 13.65 9.1C13.65 9.38333 13.5543 9.67067 13.363 9.962C13.171 10.254 12.9 10.5583 12.55 10.875C12.05 11.3083 11.6833 11.725 11.45 12.125C11.2167 12.525 11.1 12.925 11.1 13.325C11.1 13.5583 11.1877 13.754 11.363 13.912C11.5377 14.0707 11.7417 14.15 11.975 14.15C12.2083 14.15 12.4167 14.0667 12.6 13.9C12.7833 13.7333 12.9 13.525 12.95 13.275C13 12.9917 13.1127 12.7293 13.288 12.488C13.4627 12.246 13.75 11.9333 14.15 11.55C14.6667 11.0667 15.0293 10.625 15.238 10.225C15.446 9.825 15.55 9.38333 15.55 8.9C15.55 8.05 15.2293 7.354 14.588 6.812C13.946 6.27067 13.1167 6 12.1 6C11.4 6 10.7793 6.13333 10.238 6.4C9.696 6.66667 9.275 7.075 8.975 7.625C8.85833 7.84167 8.81667 8.054 8.85 8.262C8.88333 8.47067 9 8.64167 9.2 8.775C9.41667 8.90833 9.65433 8.95 9.913 8.9C10.171 8.85 10.3833 8.70833 10.55 8.475C10.7333 8.225 10.9543 8.03333 11.213 7.9C11.471 7.76667 11.7667 7.7 12.1 7.7ZM12 22C10.6333 22 9.34167 21.7373 8.125 21.212C6.90833 20.6873 5.846 19.975 4.938 19.075C4.02933 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.02933 5.825 4.938 4.925C5.846 4.025 6.90833 3.31233 8.125 2.787C9.34167 2.26233 10.6333 2 12 2C13.4 2 14.7083 2.26233 15.925 2.787C17.1417 3.31233 18.2 4.025 19.1 4.925C20 5.825 20.7083 6.88333 21.225 8.1C21.7417 9.31667 22 10.6167 22 12C22 13.3833 21.7417 14.6833 21.225 15.9C20.7083 17.1167 20 18.175 19.1 19.075C18.2 19.975 17.1417 20.6873 15.925 21.212C14.7083 21.7373 13.4 22 12 22ZM12 20C14.2333 20 16.125 19.221 17.675 17.663C19.225 16.1043 20 14.2167 20 12C20 9.78333 19.225 7.89567 17.675 6.337C16.125 4.779 14.2333 4 12 4C9.81667 4 7.93733 4.779 6.362 6.337C4.78733 7.89567 4 9.78333 4 12C4 14.2167 4.78733 16.1043 6.362 17.663C7.93733 19.221 9.81667 20 12 20Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M13.9417 20.9999C14.35 20.9999 14.6953 20.8588 14.9777 20.5764C15.2592 20.2949 15.4 19.9499 15.4 19.5416C15.4 19.1333 15.2592 18.7883 14.9777 18.5068C14.6953 18.2244 14.35 18.0833 13.9417 18.0833C13.5333 18.0833 13.188 18.2244 12.9057 18.5068C12.6241 18.7883 12.4833 19.1333 12.4833 19.5416C12.4833 19.9499 12.6241 20.2949 12.9057 20.5764C13.188 20.8588 13.5333 20.9999 13.9417 20.9999ZM14.1167 8.98325C14.6611 8.98325 15.0986 9.13375 15.4292 9.43475C15.7597 9.73653 15.925 10.1305 15.925 10.6166C15.925 10.9471 15.8134 11.2824 15.5902 11.6223C15.3662 11.9629 15.05 12.318 14.6417 12.6874C14.0583 13.193 13.6306 13.6791 13.3583 14.1458C13.0861 14.6124 12.95 15.0791 12.95 15.5458C12.95 15.818 13.0523 16.0463 13.2568 16.2306C13.4606 16.4157 13.6986 16.5083 13.9708 16.5083C14.2431 16.5083 14.4861 16.411 14.7 16.2166C14.9139 16.0221 15.05 15.7791 15.1083 15.4874C15.1667 15.1569 15.2981 14.8508 15.5027 14.5693C15.7064 14.2869 16.0417 13.9221 16.5083 13.4749C17.1111 12.911 17.5342 12.3958 17.7777 11.9291C18.0203 11.4624 18.1417 10.9471 18.1417 10.3833C18.1417 9.39159 17.7676 8.57959 17.0193 7.94725C16.2703 7.3157 15.3028 6.99992 14.1167 6.99992C13.3 6.99992 12.5759 7.15547 11.9443 7.46659C11.312 7.7777 10.8208 8.25409 10.4708 8.89575C10.3347 9.14853 10.2861 9.39625 10.325 9.63892C10.3639 9.88236 10.5 10.0819 10.7333 10.2374C10.9861 10.393 11.2634 10.4416 11.5652 10.3833C11.8662 10.3249 12.1139 10.1596 12.3083 9.88742C12.5222 9.59575 12.7801 9.37214 13.0818 9.21659C13.3828 9.06103 13.7278 8.98325 14.1167 8.98325ZM14 25.6666C12.4056 25.6666 10.8986 25.3601 9.47917 24.7473C8.05973 24.1351 6.82034 23.3041 5.761 22.2541C4.70089 21.2041 3.86478 19.9694 3.25267 18.5499C2.63978 17.1305 2.33334 15.6138 2.33334 13.9999C2.33334 12.386 2.63978 10.8694 3.25267 9.44992C3.86478 8.03048 4.70089 6.79575 5.761 5.74575C6.82034 4.69575 8.05973 3.86431 9.47917 3.25142C10.8986 2.63931 12.4056 2.33325 14 2.33325C15.6333 2.33325 17.1597 2.63931 18.5792 3.25142C19.9986 3.86431 21.2333 4.69575 22.2833 5.74575C23.3333 6.79575 24.1597 8.03048 24.7625 9.44992C25.3653 10.8694 25.6667 12.386 25.6667 13.9999C25.6667 15.6138 25.3653 17.1305 24.7625 18.5499C24.1597 19.9694 23.3333 21.2041 22.2833 22.2541C21.2333 23.3041 19.9986 24.1351 18.5792 24.7473C17.1597 25.3601 15.6333 25.6666 14 25.6666ZM14 23.3333C16.6056 23.3333 18.8125 22.4244 20.6208 20.6068C22.4292 18.7883 23.3333 16.586 23.3333 13.9999C23.3333 11.4138 22.4292 9.21153 20.6208 7.39309C18.8125 5.57542 16.6056 4.66659 14 4.66659C11.4528 4.66659 9.26023 5.57542 7.42234 7.39309C5.58523 9.21153 4.66667 11.4138 4.66667 13.9999C4.66667 16.586 5.58523 18.7883 7.42234 20.6068C9.26023 22.4244 11.4528 23.3333 14 23.3333Z", fill: "currentColor" })));
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
e.style = l;
|
|
13
|
+
export {
|
|
14
|
+
e as flip_icon_help
|
|
15
|
+
};
|
|
@@ -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.ac96d2b2.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.ac96d2b2.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.ac96d2b2.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.ac96d2b2.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.ac96d2b2.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.ac96d2b2.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;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
|
+
};
|