@getflip/swirl-components-react 0.1.1 → 0.2.1
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/_commonjsHelpers-44457d8d.ba94af77.js +37 -0
- package/dist/a11y-dialog.esm-d7a94c8c.bd6ae411.js +99 -0
- package/dist/bodyScrollLock.esm-ce6356d8.2c600fb9.js +93 -0
- package/dist/{flip-action-list-item.entry.0f7f7d1d.js → flip-action-list-item.entry.8a7c3ed5.js} +3 -2
- package/dist/{flip-action-list-section.entry.e3180209.js → flip-action-list-section.entry.da0cdb9e.js} +1 -1
- package/dist/{flip-action-list.entry.6281e19f.js → flip-action-list.entry.b8a1ea41.js} +2 -2
- package/dist/{flip-avatar-group.entry.649a0faa.js → flip-avatar-group.entry.b0e66358.js} +3 -2
- package/dist/{flip-avatar.entry.8261b415.js → flip-avatar.entry.6a8f2e19.js} +3 -2
- package/dist/{flip-badge.entry.d0a48796.js → flip-badge.entry.a6d07965.js} +3 -2
- package/dist/{flip-banner.entry.f03180a7.js → flip-banner.entry.f53786a0.js} +3 -2
- package/dist/{flip-button-group.entry.e48f9cab.js → flip-button-group.entry.0342e82d.js} +1 -1
- package/dist/flip-button.entry.b752e108.js +33 -0
- package/dist/{flip-checkbox.entry.03f73a8f.js → flip-checkbox.entry.ade04b9c.js} +5 -4
- package/dist/{flip-chip.entry.232a1cad.js → flip-chip.entry.42861041.js} +3 -2
- package/dist/flip-date-input.entry.adafe713.js +5473 -0
- package/dist/flip-date-picker_3.entry.4a72cca9.js +1272 -0
- package/dist/{flip-description-list-item.entry.460331a8.js → flip-description-list-item.entry.0844c111.js} +1 -1
- package/dist/{flip-description-list.entry.489d5885.js → flip-description-list.entry.cdb5ba16.js} +1 -1
- package/dist/flip-dialog.entry.cdfca16a.js +45 -0
- package/dist/flip-empty-state.entry.77f9c8ed.js +15 -0
- package/dist/{flip-file-uploader.entry.bbfb166b.js → flip-file-uploader.entry.43c0b766.js} +3 -2
- package/dist/flip-file-viewer-audio_6.entry.c9978e1a.js +16174 -0
- package/dist/flip-file-viewer.entry.85af31ff.js +95 -0
- package/dist/flip-form-control.entry.ec90cfb9.js +58 -0
- package/dist/flip-form-group.entry.6256d521.js +18 -0
- package/dist/flip-heading.entry.472e3005.js +18 -0
- package/dist/{flip-icon-add-photo.entry.b807c3bc.js → flip-icon-add-photo.entry.d8ca058c.js} +1 -1
- package/dist/{flip-icon-add.entry.df6780ff.js → flip-icon-add.entry.79a8d7e6.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.5afd720c.js → flip-icon-admin-panel-settings.entry.abfc03bf.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.43439868.js → flip-icon-arrow-back.entry.eff9e6a3.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.1f80c674.js → flip-icon-arrow-forward.entry.b0017297.js} +1 -1
- package/dist/flip-icon-arrow-left.entry.234146e1.js +15 -0
- package/dist/{flip-icon-arrow-right-small.entry.5bb4f048.js → flip-icon-arrow-right-small.entry.dd9ec828.js} +1 -1
- package/dist/flip-icon-arrow-right.entry.d4a36d98.js +15 -0
- package/dist/{flip-icon-attachment.entry.e7a4173b.js → flip-icon-attachment.entry.d41db045.js} +1 -1
- package/dist/flip-icon-cancel.entry.c5b57f7f.js +15 -0
- package/dist/{flip-icon-chat-bubble.entry.60ca55cf.js → flip-icon-chat-bubble.entry.32859e94.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.36b7fab2.js → flip-icon-check-circle.entry.cf0be0f3.js} +1 -1
- package/dist/{flip-icon-check-small.entry.26aa4c8e.js → flip-icon-check-small.entry.c28df931.js} +1 -1
- package/dist/{flip-icon-check-strong.entry.bf6545d9.js → flip-icon-check-strong.entry.756abe1c.js} +1 -1
- package/dist/{flip-icon-check.entry.88a7260b.js → flip-icon-check.entry.71f246f6.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.1eab612e.js → flip-icon-chevron-left.entry.76299ff3.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.b55b235e.js → flip-icon-chevron-right.entry.56cd2638.js} +1 -1
- package/dist/{flip-icon-close-small.entry.2c855d87.js → flip-icon-close-small.entry.d5bce874.js} +1 -1
- package/dist/{flip-icon-close.entry.8b5754bd.js → flip-icon-close.entry.1c183b2c.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.943d15aa.js → flip-icon-cloud-upload.entry.780eefd8.js} +1 -1
- package/dist/{flip-icon-comment.entry.966dd929.js → flip-icon-comment.entry.9c85f2af.js} +1 -1
- package/dist/{flip-icon-copy.entry.a762687c.js → flip-icon-copy.entry.33ed327d.js} +1 -1
- package/dist/{flip-icon-date-range.entry.c3029ef5.js → flip-icon-date-range.entry.739ecf4e.js} +1 -1
- package/dist/{flip-icon-delete.entry.9a13cea4.js → flip-icon-delete.entry.f3cba347.js} +1 -1
- package/dist/{flip-icon-description.entry.c16ff02b.js → flip-icon-description.entry.d0f9e65c.js} +1 -1
- package/dist/{flip-icon-download.entry.3b48f816.js → flip-icon-download.entry.9adb287e.js} +1 -1
- package/dist/{flip-icon-edit.entry.86590692.js → flip-icon-edit.entry.7b9f186f.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.5f75c0e7.js → flip-icon-emoji-mood.entry.e0b32fe1.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.a24e9f8b.js → flip-icon-emoji-satisfied.entry.5ef82f25.js} +1 -1
- package/dist/{flip-icon-error.entry.0a68ce3b.js → flip-icon-error_3.entry.87fcf907.js} +30 -6
- package/dist/flip-icon-expand-less_3.entry.8f8fb508.js +35 -0
- package/dist/{flip-icon-expand-more.entry.d3b47154.js → flip-icon-expand-more.entry.d2c9bf62.js} +1 -1
- package/dist/{flip-icon-file.entry.9edd9ac5.js → flip-icon-file.entry.0d1868a4.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.a79740f8.js → flip-icon-folder-shared.entry.f1f4317b.js} +1 -1
- package/dist/flip-icon-fullscreen-exit.entry.168a2e77.js +15 -0
- package/dist/flip-icon-fullscreen.entry.d78bc3a4.js +15 -0
- package/dist/{flip-icon-group-assign.entry.ef36d758.js → flip-icon-group-assign.entry.2116431e.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.99781f2b.js → flip-icon-groups-custom.entry.415539b5.js} +1 -1
- package/dist/{flip-icon-groups.entry.33d1e274.js → flip-icon-groups.entry.25ce8212.js} +1 -1
- package/dist/{flip-icon-image.entry.e653564c.js → flip-icon-image.entry.ce484f72.js} +1 -1
- package/dist/{flip-icon-info.entry.c0153488.js → flip-icon-info.entry.3f6c72bb.js} +1 -1
- package/dist/{flip-icon-inventory.entry.394f2024.js → flip-icon-inventory.entry.fc8b1c79.js} +1 -1
- package/dist/{flip-icon-like.entry.db6411bc.js → flip-icon-like.entry.34ea69dc.js} +1 -1
- package/dist/{flip-icon-link.entry.35fba400.js → flip-icon-link.entry.94b7dd90.js} +1 -1
- package/dist/{flip-icon-lock.entry.73ad40b7.js → flip-icon-lock.entry.3e9c3e72.js} +1 -1
- package/dist/{flip-icon-logout.entry.bfdaf585.js → flip-icon-logout.entry.57363229.js} +1 -1
- package/dist/{flip-icon-mail.entry.10764728.js → flip-icon-mail.entry.b37d0b32.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.13926348.js → flip-icon-manage-accounts.entry.fb4e9a6b.js} +1 -1
- package/dist/{flip-icon-mention.entry.43a08812.js → flip-icon-mention.entry.2bfbfa63.js} +1 -1
- package/dist/{flip-icon-message.entry.e45d5f55.js → flip-icon-message.entry.2df9486d.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.175a91a7.js → flip-icon-more-horizontal.entry.7f45f170.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.855f16e5.js → flip-icon-more-vertikal.entry.8045a647.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.0591ff75.js → flip-icon-notifications-active.entry.f03b2fc4.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.59926148.js → flip-icon-notifications-off.entry.dd8c68fd.js} +1 -1
- package/dist/{flip-icon-notifications.entry.b3b4169c.js → flip-icon-notifications.entry.edc9821c.js} +1 -1
- package/dist/flip-icon-open-in-new.entry.ff63ea33.js +15 -0
- package/dist/{flip-icon-people-alt.entry.b9304d1e.js → flip-icon-people-alt.entry.aad60933.js} +1 -1
- package/dist/{flip-icon-person-off.entry.26c00153.js → flip-icon-person-off.entry.59a3c96c.js} +1 -1
- package/dist/{flip-icon-person.entry.ed4eca20.js → flip-icon-person.entry.e69d335c.js} +1 -1
- package/dist/{flip-icon-phone.entry.add9f8fc.js → flip-icon-phone.entry.d3656af0.js} +1 -1
- package/dist/{flip-icon-poll.entry.37836068.js → flip-icon-poll.entry.16e1615e.js} +1 -1
- package/dist/flip-icon-print.entry.16e54d5b.js +15 -0
- package/dist/{flip-icon-recieved.entry.850deffd.js → flip-icon-recieved.entry.7a850323.js} +1 -1
- package/dist/flip-icon-remove.entry.88fa105e.js +15 -0
- package/dist/{flip-icon-search-strong.entry.fec41c91.js → flip-icon-search-strong.entry.fd001082.js} +1 -1
- package/dist/{flip-icon-cancel_2.entry.99f63020.js → flip-icon-search.entry.2efaf023.js} +3 -13
- package/dist/{flip-icon-send.entry.e687d6bb.js → flip-icon-send.entry.6a4cd99f.js} +1 -1
- package/dist/{flip-icon-settings.entry.2e503ce9.js → flip-icon-settings.entry.44aec164.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.27c31492.js → flip-icon-time-filled.entry.bced668e.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.c1a0b4dd.js → flip-icon-time-outlined.entry.36bb857d.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.10daebb0.js → flip-icon-user-assign.entry.f55379f5.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.984108e1.js → flip-icon-video-camera.entry.23798820.js} +1 -1
- package/dist/{flip-icon-warning.entry.f8cdae30.js → flip-icon-warning.entry.ac7a7e4c.js} +1 -1
- package/dist/{flip-link.entry.2f2bd6f0.js → flip-link.entry.31692150.js} +1 -1
- package/dist/flip-list.entry.1eac3a62.js +18 -0
- package/dist/flip-modal.entry.5df13219.js +61 -0
- package/dist/flip-option-list-item.entry.f911c3b8.js +30 -0
- package/dist/flip-option-list-section.entry.0f67d7d7.js +15 -0
- package/dist/flip-option-list.entry.32d7928a.js +95 -0
- package/dist/flip-pagination.entry.278034c1.js +27 -0
- package/dist/flip-progress-indicator.entry.99e10b2c.js +18 -0
- package/dist/flip-radio-group.entry.7cc7a065.js +35 -0
- package/dist/{flip-radio.entry.9f9bc376.js → flip-radio.entry.eacccab0.js} +6 -5
- package/dist/{flip-resource-list-file-item.entry.f74d3bd3.js → flip-resource-list-file-item.entry.4fd698ae.js} +4 -3
- package/dist/{flip-resource-list-item.entry.96075846.js → flip-resource-list-item.entry.d9efc26d.js} +4 -3
- package/dist/{flip-resource-list.entry.d85444bc.js → flip-resource-list.entry.dca2afcd.js} +1 -1
- package/dist/{flip-search.entry.52636549.js → flip-search.entry.7a786fe8.js} +3 -2
- package/dist/{flip-stack.entry.90b930f5.js → flip-stack.entry.a2afebf5.js} +3 -2
- package/dist/{flip-switch.entry.6b0e71bc.js → flip-switch.entry.9e81c9b0.js} +3 -2
- package/dist/{flip-tab.entry.56a0d1cd.js → flip-tab.entry.b64631a4.js} +6 -5
- package/dist/{flip-tabs.entry.0c8b74db.js → flip-tabs.entry.a42a1989.js} +3 -2
- package/dist/{flip-tag.entry.202b87db.js → flip-tag.entry.c888703b.js} +3 -2
- package/dist/flip-text-input.entry.8deff49d.js +55 -0
- package/dist/flip-text.entry.4bcd3eae.js +18 -0
- package/dist/{flip-theme-provider.entry.6402a4bc.js → flip-theme-provider.entry.1b167993.js} +1 -1
- package/dist/{flip-thumbnail.entry.9c3af9fe.js → flip-thumbnail.entry.5f2effe1.js} +3 -2
- package/dist/{flip-toast-provider.entry.cbe2040b.js → flip-toast-provider.entry.870ddb2c.js} +1 -1
- package/dist/{flip-toast.entry.647ec44c.js → flip-toast.entry.f8bc132d.js} +3 -2
- package/dist/{flip-tooltip.entry.f43ae208.js → flip-tooltip.entry.e4e0b3a6.js} +1 -1
- package/dist/flip-video-thumbnail.entry.855576fe.js +83 -0
- package/dist/{flip-visually-hidden.entry.70e706df.js → flip-visually-hidden.entry.8d93e0bb.js} +1 -1
- package/dist/index-6d2e18c6.289636d4.js +37 -0
- package/dist/index.b70d4c92.js +1359 -0
- package/dist/index.d.ts +1 -0
- package/dist/stencil-generated/index.d.ts +136 -0
- package/dist/stencil-generated/react-component-lib/createComponent.d.ts +10 -0
- package/dist/stencil-generated/react-component-lib/createOverlayComponent.d.ts +21 -0
- package/dist/stencil-generated/react-component-lib/index.d.ts +2 -0
- package/dist/stencil-generated/react-component-lib/interfaces.d.ts +29 -0
- package/dist/stencil-generated/react-component-lib/utils/attachProps.d.ts +12 -0
- package/dist/stencil-generated/react-component-lib/utils/case.d.ts +2 -0
- package/dist/stencil-generated/react-component-lib/utils/index.d.ts +10 -0
- package/dist/swirl-components-react.js +132 -102
- package/dist/swirl-components-react.umd.cjs +137 -17
- package/dist/utils-b46bcd4f.79126bb2.js +30 -0
- package/dist/vite-env.d.ts +1 -0
- package/package.json +5 -3
- package/dist/flip-button.entry.d68ba496.js +0 -32
- package/dist/flip-dialog.entry.cbf334d1.js +0 -139
- package/dist/flip-icon-expand-less.entry.d099c577.js +0 -15
- package/dist/flip-icon-today.entry.4d38a769.js +0 -15
- package/dist/flip-icon-visibility-off.entry.6a6e6a24.js +0 -15
- package/dist/flip-icon-visibility.entry.0d16fd8e.js +0 -15
- package/dist/flip-inline-error_2.entry.17e93f00.js +0 -28
- package/dist/flip-popover.entry.6309d3d5.js +0 -179
- package/dist/flip-radio-group.entry.afff6fac.js +0 -35
- package/dist/index-3c78bcaf.2675909b.js +0 -48
- package/dist/main.c9b46168.js +0 -1329
- package/dist/utils-03e3261c.f5223801.js +0 -16
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
function f(c, l) {
|
|
2
|
+
const o = l.scrollTop, r = o + l.clientHeight, e = l.getBoundingClientRect(), t = c.getBoundingClientRect(), n = {
|
|
3
|
+
top: t.top - e.top,
|
|
4
|
+
right: t.right - e.right,
|
|
5
|
+
bottom: t.bottom - e.bottom,
|
|
6
|
+
left: t.left - e.left
|
|
7
|
+
}.top + o, s = n + c.offsetHeight, a = n < o ? o : n;
|
|
8
|
+
return (s > r ? r : s) - a;
|
|
9
|
+
}
|
|
10
|
+
function g() {
|
|
11
|
+
return !window.matchMedia("(min-width: 768px)").matches;
|
|
12
|
+
}
|
|
13
|
+
function p(c, l) {
|
|
14
|
+
function o(e, t) {
|
|
15
|
+
if (!Boolean(t))
|
|
16
|
+
return [];
|
|
17
|
+
const i = Array.from(t.querySelectorAll(e)), n = Boolean(window.HTMLSlotElement) && t instanceof HTMLSlotElement ? t.assignedElements() : [], s = [...Array.from(t.children), ...n], a = t.shadowRoot, h = o(e, a);
|
|
18
|
+
return [
|
|
19
|
+
...i,
|
|
20
|
+
...s.map((m) => o(e, m)).flat(),
|
|
21
|
+
...h
|
|
22
|
+
];
|
|
23
|
+
}
|
|
24
|
+
return o(l, c).filter((e, t, i) => !i.some((n, s) => n.isSameNode(e) && s > t));
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
f as g,
|
|
28
|
+
g as i,
|
|
29
|
+
p as q
|
|
30
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getflip/swirl-components-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
7
7
|
],
|
|
8
8
|
"main": "./dist/swirl-components-react.umd.cjs",
|
|
9
9
|
"module": "./dist/swirl-components-react.js",
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
10
11
|
"exports": {
|
|
11
12
|
".": {
|
|
12
13
|
"import": "./dist/swirl-components-react.js",
|
|
@@ -17,7 +18,7 @@
|
|
|
17
18
|
"build": "tsc && vite build"
|
|
18
19
|
},
|
|
19
20
|
"dependencies": {
|
|
20
|
-
"@getflip/swirl-components": "^0.
|
|
21
|
+
"@getflip/swirl-components": "^0.3.1",
|
|
21
22
|
"react": "^18.2.0",
|
|
22
23
|
"react-dom": "^18.2.0"
|
|
23
24
|
},
|
|
@@ -26,6 +27,7 @@
|
|
|
26
27
|
"@types/react-dom": "^18.0.6",
|
|
27
28
|
"@vitejs/plugin-react": "^2.0.1",
|
|
28
29
|
"typescript": "^4.6.4",
|
|
29
|
-
"vite": "^3.0.6"
|
|
30
|
+
"vite": "^3.0.6",
|
|
31
|
+
"vite-plugin-dts": "^1.6.6"
|
|
30
32
|
}
|
|
31
33
|
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { r, h as o, H as e } from "./main.c9b46168.js";
|
|
2
|
-
import { c as l } from "./index-3c78bcaf.2675909b.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const s = `.sc-flip-button-h{display:inline-block;max-width:100%}.sc-flip-button-h *.sc-flip-button{box-sizing:border-box}.button.sc-flip-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-subdued);background-color:var(--flip-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-flip-button:hover{background-color:var(--flip-ghost-button-background-hovered)}.button.sc-flip-button:active{background-color:var(--flip-ghost-button-background-pressed)}.button.sc-flip-button:disabled{color:var(--s-text-disabled);background-color:var(--flip-ghost-button-background-default);cursor:default}.button.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-disabled)}.button.sc-flip-button:focus{outline-color:var(--s-focus-default)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-critical)}.button--variant-ghost.button--size-l.sc-flip-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-flip-button{padding:var(--s-space-12)}.button--variant-flat.sc-flip-button{color:var(--s-text-default);background-color:var(--s-action-neutral-default)}.button--variant-flat.sc-flip-button:hover{background-color:var(--s-action-neutral-hovered)}.button--variant-flat.sc-flip-button:active{background-color:var(--s-action-neutral-pressed)}.button--variant-flat.sc-flip-button:disabled{background-color:var(--s-action-neutral-disabled)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-flip-button:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-strong)}.button--variant-plain.sc-flip-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-flip-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-flip-button:hover:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-flip-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-flip-button:active:not(:disabled) .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-flip-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:hover .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-flip-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:active .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-flip-button{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
6
|
-
rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:hover{background:linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
|
|
7
|
-
rgba(255, 255, 255, 0.4)}.button--variant-on-image.sc-flip-button:active{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
|
|
8
|
-
rgba(255, 255, 255, 0.5)}.button--variant-on-image.sc-flip-button:disabled{color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
|
|
9
|
-
rgba(255, 255, 255, 0.3)}.button--variant-on-image.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-flip-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}.button--variant-floating.sc-flip-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-flip-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-flip-button{padding:var(--s-space-4)}.button--variant-floating.button--intent-primary.sc-flip-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-flip-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-flip-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button:disabled .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-flip-button .button__left-icon.sc-flip-button{color:var(--s-icon-strong)}.button--icon-only.sc-flip-button{padding:var(--s-space-8);border-radius:50%}.button--icon-only.sc-flip-button .button__left-icon.sc-flip-button{margin-left:0}.button__left-icon.sc-flip-button{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default)}.button__label.sc-flip-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}`, c = class {
|
|
10
|
-
constructor(t) {
|
|
11
|
-
r(this, t), this.intent = "default", this.size = "m", this.type = "button", this.variant = "ghost";
|
|
12
|
-
}
|
|
13
|
-
componentDidLoad() {
|
|
14
|
-
this.forceIconProps();
|
|
15
|
-
}
|
|
16
|
-
forceIconProps() {
|
|
17
|
-
if (!Boolean(this.iconEl))
|
|
18
|
-
return;
|
|
19
|
-
const t = this.iconEl.children[0];
|
|
20
|
-
t == null || t.setAttribute("size", "24");
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
const t = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", n = Boolean(this.href), a = l("button", `button--intent-${this.intent}`, `button--size-${this.size}`, `button--variant-${this.variant}`, {
|
|
24
|
-
"button--icon-only": t
|
|
25
|
-
});
|
|
26
|
-
return o(e, null, o(n ? "a" : "button", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled && !n ? "true" : void 0, "aria-label": t ? this.label : void 0, class: a, disabled: n ? void 0 : this.disabled, download: n ? void 0 : this.download, form: n ? void 0 : this.form, href: this.href, name: n ? void 0 : this.name, target: n ? this.target : void 0, type: n ? void 0 : this.type, value: n ? void 0 : this.value }, this.icon && o("span", { class: "button__left-icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !t && o("span", { class: "button__label" }, this.label)));
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
c.style = s;
|
|
30
|
-
export {
|
|
31
|
-
c as flip_button
|
|
32
|
-
};
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
import { r as h, c as d, h as s, H as u } from "./main.c9b46168.js";
|
|
2
|
-
import { c as f } from "./index-3c78bcaf.2675909b.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
var g = [
|
|
6
|
-
'a[href]:not([tabindex^="-"])',
|
|
7
|
-
'area[href]:not([tabindex^="-"])',
|
|
8
|
-
'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
|
|
9
|
-
'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
|
|
10
|
-
'select:not([disabled]):not([tabindex^="-"])',
|
|
11
|
-
'textarea:not([disabled]):not([tabindex^="-"])',
|
|
12
|
-
'button:not([disabled]):not([tabindex^="-"])',
|
|
13
|
-
'iframe:not([tabindex^="-"])',
|
|
14
|
-
'audio[controls]:not([tabindex^="-"])',
|
|
15
|
-
'video[controls]:not([tabindex^="-"])',
|
|
16
|
-
'[contenteditable]:not([tabindex^="-"])',
|
|
17
|
-
'[tabindex]:not([tabindex^="-"])'
|
|
18
|
-
], b = "Tab", m = "Escape";
|
|
19
|
-
function e(i) {
|
|
20
|
-
this._show = this.show.bind(this), this._hide = this.hide.bind(this), this._maintainFocus = this._maintainFocus.bind(this), this._bindKeypress = this._bindKeypress.bind(this), this.$el = i, this.shown = !1, this._id = this.$el.getAttribute("data-a11y-dialog") || this.$el.id, this._previouslyFocused = null, this._listeners = {}, this.create();
|
|
21
|
-
}
|
|
22
|
-
e.prototype.create = function() {
|
|
23
|
-
this.$el.setAttribute("aria-hidden", !0), this.$el.setAttribute("aria-modal", !0), this.$el.setAttribute("tabindex", -1), this.$el.hasAttribute("role") || this.$el.setAttribute("role", "dialog"), this._openers = n('[data-a11y-dialog-show="' + this._id + '"]'), this._openers.forEach(
|
|
24
|
-
function(t) {
|
|
25
|
-
t.addEventListener("click", this._show);
|
|
26
|
-
}.bind(this)
|
|
27
|
-
);
|
|
28
|
-
const i = this.$el;
|
|
29
|
-
return this._closers = n("[data-a11y-dialog-hide]", this.$el).filter(function(t) {
|
|
30
|
-
return t.closest('[aria-modal="true"], [data-a11y-dialog]') === i;
|
|
31
|
-
}).concat(n('[data-a11y-dialog-hide="' + this._id + '"]')), this._closers.forEach(
|
|
32
|
-
function(t) {
|
|
33
|
-
t.addEventListener("click", this._hide);
|
|
34
|
-
}.bind(this)
|
|
35
|
-
), this._fire("create"), this;
|
|
36
|
-
};
|
|
37
|
-
e.prototype.show = function(i) {
|
|
38
|
-
return this.shown ? this : (this._previouslyFocused = document.activeElement, this.$el.removeAttribute("aria-hidden"), this.shown = !0, l(this.$el), document.body.addEventListener("focus", this._maintainFocus, !0), document.addEventListener("keydown", this._bindKeypress), this._fire("show", i), this);
|
|
39
|
-
};
|
|
40
|
-
e.prototype.hide = function(i) {
|
|
41
|
-
return this.shown ? (this.shown = !1, this.$el.setAttribute("aria-hidden", "true"), this._previouslyFocused && this._previouslyFocused.focus && this._previouslyFocused.focus(), document.body.removeEventListener("focus", this._maintainFocus, !0), document.removeEventListener("keydown", this._bindKeypress), this._fire("hide", i), this) : this;
|
|
42
|
-
};
|
|
43
|
-
e.prototype.destroy = function() {
|
|
44
|
-
return this.hide(), this._openers.forEach(
|
|
45
|
-
function(i) {
|
|
46
|
-
i.removeEventListener("click", this._show);
|
|
47
|
-
}.bind(this)
|
|
48
|
-
), this._closers.forEach(
|
|
49
|
-
function(i) {
|
|
50
|
-
i.removeEventListener("click", this._hide);
|
|
51
|
-
}.bind(this)
|
|
52
|
-
), this._fire("destroy"), this._listeners = {}, this;
|
|
53
|
-
};
|
|
54
|
-
e.prototype.on = function(i, t) {
|
|
55
|
-
return typeof this._listeners[i] > "u" && (this._listeners[i] = []), this._listeners[i].push(t), this;
|
|
56
|
-
};
|
|
57
|
-
e.prototype.off = function(i, t) {
|
|
58
|
-
var o = (this._listeners[i] || []).indexOf(t);
|
|
59
|
-
return o > -1 && this._listeners[i].splice(o, 1), this;
|
|
60
|
-
};
|
|
61
|
-
e.prototype._fire = function(i, t) {
|
|
62
|
-
var o = this._listeners[i] || [], a = new CustomEvent(i, { detail: t });
|
|
63
|
-
this.$el.dispatchEvent(a), o.forEach(
|
|
64
|
-
function(c) {
|
|
65
|
-
c(this.$el, t);
|
|
66
|
-
}.bind(this)
|
|
67
|
-
);
|
|
68
|
-
};
|
|
69
|
-
e.prototype._bindKeypress = function(i) {
|
|
70
|
-
const t = document.activeElement;
|
|
71
|
-
t && t.closest('[aria-modal="true"]') !== this.$el || (this.shown && i.key === m && this.$el.getAttribute("role") !== "alertdialog" && (i.preventDefault(), this.hide(i)), this.shown && i.key === b && _(this.$el, i));
|
|
72
|
-
};
|
|
73
|
-
e.prototype._maintainFocus = function(i) {
|
|
74
|
-
this.shown && !i.target.closest('[aria-modal="true"]') && !i.target.closest("[data-a11y-dialog-ignore-focus-trap]") && l(this.$el);
|
|
75
|
-
};
|
|
76
|
-
function p(i) {
|
|
77
|
-
return Array.prototype.slice.call(i);
|
|
78
|
-
}
|
|
79
|
-
function n(i, t) {
|
|
80
|
-
return p((t || document).querySelectorAll(i));
|
|
81
|
-
}
|
|
82
|
-
function l(i) {
|
|
83
|
-
var t = i.querySelector("[autofocus]") || i;
|
|
84
|
-
t.focus();
|
|
85
|
-
}
|
|
86
|
-
function y(i) {
|
|
87
|
-
return n(g.join(","), i).filter(function(t) {
|
|
88
|
-
return !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length);
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
function _(i, t) {
|
|
92
|
-
var o = y(i), a = o.indexOf(document.activeElement);
|
|
93
|
-
t.shiftKey && a === 0 ? (o[o.length - 1].focus(), t.preventDefault()) : !t.shiftKey && a === o.length - 1 && (o[0].focus(), t.preventDefault());
|
|
94
|
-
}
|
|
95
|
-
function r() {
|
|
96
|
-
n("[data-a11y-dialog]").forEach(function(i) {
|
|
97
|
-
new e(i);
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
typeof document < "u" && (document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", r) : window.requestAnimationFrame ? window.requestAnimationFrame(r) : window.setTimeout(r, 16));
|
|
101
|
-
const v = ':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}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', w = class {
|
|
102
|
-
constructor(i) {
|
|
103
|
-
h(this, i), this.primaryAction = d(this, "primaryAction", 7), this.secondaryAction = d(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (t) => {
|
|
104
|
-
t.code === "Escape" && this.close();
|
|
105
|
-
}, this.onBackdropClick = () => {
|
|
106
|
-
this.close();
|
|
107
|
-
}, this.onPrimaryAction = (t) => {
|
|
108
|
-
this.primaryAction.emit(t), this.close();
|
|
109
|
-
}, this.onSecondaryAction = (t) => {
|
|
110
|
-
this.secondaryAction.emit(t), this.close();
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
componentDidLoad() {
|
|
114
|
-
this.dialog = new e(this.dialogEl), this.dialog.on("show", () => {
|
|
115
|
-
var i;
|
|
116
|
-
(i = this.controlsContainerEl.querySelector("flip-button button")) === null || i === void 0 || i.focus();
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
disconnectedCallback() {
|
|
120
|
-
var i;
|
|
121
|
-
(i = this.dialog) === null || i === void 0 || i.destroy();
|
|
122
|
-
}
|
|
123
|
-
async open() {
|
|
124
|
-
this.dialog.show();
|
|
125
|
-
}
|
|
126
|
-
async close() {
|
|
127
|
-
this.closing || (this.closing = !0, setTimeout(() => {
|
|
128
|
-
this.dialog.hide(), this.closing = !1;
|
|
129
|
-
}, 150));
|
|
130
|
-
}
|
|
131
|
-
render() {
|
|
132
|
-
const i = f("dialog", { "dialog--closing": this.closing });
|
|
133
|
-
return s(u, null, s("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, "aria-modal": "true", class: i, onKeyDown: this.onKeyDown, ref: (t) => this.dialogEl = t, role: "alertdialog" }, s("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), s("div", { class: "dialog__body", role: "document" }, !this.hideLabel && s("h2", { class: "dialog__heading", id: "label" }, this.label), s("div", { class: "dialog__content", id: "content" }, s("slot", null)), s("flip-button-group", { class: "dialog__controls", ref: (t) => this.controlsContainerEl = t, stretch: !0, wrap: !0 }, this.secondaryActionLabel && s("flip-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && s("flip-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
|
|
134
|
-
}
|
|
135
|
-
};
|
|
136
|
-
w.style = v;
|
|
137
|
-
export {
|
|
138
|
-
w as flip_dialog
|
|
139
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as t, h as s, F as C } from "./main.c9b46168.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
const l = ":host{display:inline-flex}", e = class {
|
|
5
|
-
constructor(i) {
|
|
6
|
-
t(this, i), this.size = 24;
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
return s("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 && s(C, null, s("path", { d: "M4.39999 9.85C4.25554 9.70556 4.18332 9.52778 4.18332 9.31667C4.18332 9.10556 4.25554 8.92778 4.39999 8.78333L7.46665 5.71667C7.54443 5.63889 7.62776 5.58333 7.71665 5.55C7.80554 5.51667 7.89999 5.5 7.99999 5.5C8.09999 5.5 8.19443 5.51667 8.28332 5.55C8.37221 5.58333 8.45554 5.63889 8.53332 5.71667L11.6167 8.8C11.7611 8.94444 11.8307 9.11667 11.8253 9.31667C11.8195 9.51667 11.7444 9.69444 11.6 9.85C11.4555 9.98333 11.2778 10.05 11.0667 10.05C10.8555 10.05 10.6778 9.98333 10.5333 9.85L7.99999 7.3L5.44999 9.86667C5.30554 10 5.13332 10.0667 4.93332 10.0667C4.73332 10.0667 4.55554 9.99444 4.39999 9.85V9.85Z", fill: "currentColor" })), this.size === 24 && s(C, null, s("path", { d: "M6.59999 14.775C6.38333 14.5583 6.27499 14.2917 6.27499 13.975C6.27499 13.6583 6.38333 13.3917 6.59999 13.175L11.2 8.575C11.3167 8.45833 11.4417 8.375 11.575 8.325C11.7083 8.275 11.85 8.25 12 8.25C12.15 8.25 12.2917 8.275 12.425 8.325C12.5583 8.375 12.6833 8.45833 12.8 8.575L17.425 13.2C17.6417 13.4167 17.746 13.675 17.738 13.975C17.7293 14.275 17.6167 14.5417 17.4 14.775C17.1833 14.975 16.9167 15.075 16.6 15.075C16.2833 15.075 16.0167 14.975 15.8 14.775L12 10.95L8.17499 14.8C7.95833 15 7.69999 15.1 7.39999 15.1C7.09999 15.1 6.83333 14.9917 6.59999 14.775Z", fill: "currentColor" })), this.size === 28 && s(C, null, s("path", { d: "M7.7 17.2375C7.44722 16.9847 7.32083 16.6736 7.32083 16.3042C7.32083 15.9347 7.44722 15.6236 7.7 15.3708L13.0667 10.0042C13.2028 9.86806 13.3486 9.77083 13.5042 9.7125C13.6597 9.65417 13.825 9.625 14 9.625C14.175 9.625 14.3403 9.65417 14.4958 9.7125C14.6514 9.77083 14.7972 9.86806 14.9333 10.0042L20.3292 15.4C20.5819 15.6528 20.7037 15.9542 20.6943 16.3042C20.6842 16.6542 20.5528 16.9653 20.3 17.2375C20.0472 17.4708 19.7361 17.5875 19.3667 17.5875C18.9972 17.5875 18.6861 17.4708 18.4333 17.2375L14 12.775L9.5375 17.2667C9.28472 17.5 8.98333 17.6167 8.63333 17.6167C8.28333 17.6167 7.97222 17.4903 7.7 17.2375V17.2375Z", fill: "currentColor" })));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
e.style = l;
|
|
13
|
-
export {
|
|
14
|
-
e as flip_icon_expand_less
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as t, h as C, F as i } from "./main.c9b46168.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
const l = ":host{display:inline-flex}", o = 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: "M6 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z", fill: "currentColor" })));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
o.style = l;
|
|
13
|
-
export {
|
|
14
|
-
o as flip_icon_today
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as t, h as C, F as i } from "./main.c9b46168.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
const l = ":host{display:inline-flex}", r = 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.99999 4.31339C9.83999 4.31339 11.3333 5.80672 11.3333 7.64672C11.3333 7.98672 11.2667 8.31339 11.1733 8.62006L13.2133 10.6601C14.14 9.84006 14.8733 8.81339 15.3333 7.64006C14.18 4.72006 11.3333 2.64672 7.99999 2.64672C7.15332 2.64672 6.33999 2.78006 5.57332 3.02672L7.01999 4.47339C7.33332 4.38006 7.65999 4.31339 7.99999 4.31339ZM1.80666 2.08672C1.54666 2.34672 1.54666 2.76672 1.80666 3.02672L3.11999 4.34006C2.03999 5.20006 1.17999 6.33339 0.666656 7.64672C1.81999 10.5734 4.66666 12.6467 7.99999 12.6467C9.01332 12.6467 9.97999 12.4467 10.8733 12.1001L12.6867 13.9134C12.9467 14.1734 13.3667 14.1734 13.6267 13.9134C13.8867 13.6534 13.8867 13.2334 13.6267 12.9734L2.75332 2.08672C2.49332 1.82672 2.06666 1.82672 1.80666 2.08672ZM7.99999 10.9801C6.15999 10.9801 4.66666 9.48672 4.66666 7.64672C4.66666 7.13339 4.78666 6.64672 4.99332 6.22006L6.03999 7.26672C6.01999 7.38672 5.99999 7.51339 5.99999 7.64672C5.99999 8.75339 6.89332 9.64672 7.99999 9.64672C8.13332 9.64672 8.25332 9.62672 8.37999 9.60006L9.42666 10.6467C8.99332 10.8601 8.51332 10.9801 7.99999 10.9801ZM9.97999 7.42672C9.87999 6.49339 9.14666 5.76672 8.21999 5.66672L9.97999 7.42672Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M12 6.47002C14.76 6.47002 17 8.71002 17 11.47C17 11.98 16.9 12.47 16.76 12.93L19.82 15.99C21.21 14.76 22.31 13.22 23 11.46C21.27 7.08002 17 3.97002 12 3.97002C10.73 3.97002 9.51 4.17002 8.36 4.54002L10.53 6.71002C11 6.57002 11.49 6.47002 12 6.47002ZM2.71 3.13002C2.32 3.52002 2.32 4.15002 2.71 4.54002L4.68 6.51002C3.06 7.80002 1.77 9.50002 1 11.47C2.73 15.86 7 18.97 12 18.97C13.52 18.97 14.97 18.67 16.31 18.15L19.03 20.87C19.42 21.26 20.05 21.26 20.44 20.87C20.83 20.48 20.83 19.85 20.44 19.46L4.13 3.13002C3.74 2.74002 3.1 2.74002 2.71 3.13002ZM12 16.47C9.24 16.47 7 14.23 7 11.47C7 10.7 7.18 9.97002 7.49 9.33002L9.06 10.9C9.03 11.08 9 11.27 9 11.47C9 13.13 10.34 14.47 12 14.47C12.2 14.47 12.38 14.44 12.57 14.4L14.14 15.97C13.49 16.29 12.77 16.47 12 16.47ZM14.97 11.14C14.82 9.74002 13.72 8.65002 12.33 8.50002L14.97 11.14Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 7.54834C17.22 7.54834 19.8333 10.1617 19.8333 13.3817C19.8333 13.9767 19.7167 14.5483 19.5533 15.085L23.1233 18.655C24.745 17.22 26.0283 15.4233 26.8333 13.37C24.815 8.26001 19.8333 4.63167 14 4.63167C12.5183 4.63167 11.095 4.86501 9.75332 5.29667L12.285 7.82834C12.8333 7.66501 13.405 7.54834 14 7.54834ZM3.16166 3.65167C2.70666 4.10667 2.70666 4.84167 3.16166 5.29667L5.45999 7.59501C3.56999 9.10001 2.06499 11.0833 1.16666 13.3817C3.18499 18.5033 8.16666 22.1317 14 22.1317C15.7733 22.1317 17.465 21.7817 19.0283 21.175L22.2017 24.3483C22.6567 24.8033 23.3917 24.8033 23.8467 24.3483C24.3017 23.8933 24.3017 23.1583 23.8467 22.7033L4.81832 3.65167C4.36332 3.19667 3.61666 3.19667 3.16166 3.65167ZM14 19.215C10.78 19.215 8.16666 16.6017 8.16666 13.3817C8.16666 12.4833 8.37666 11.6317 8.73832 10.885L10.57 12.7167C10.535 12.9267 10.5 13.1483 10.5 13.3817C10.5 15.3183 12.0633 16.8817 14 16.8817C14.2333 16.8817 14.4433 16.8467 14.665 16.8L16.4967 18.6317C15.7383 19.005 14.8983 19.215 14 19.215ZM17.465 12.9967C17.29 11.3633 16.0067 10.0917 14.385 9.91667L17.465 12.9967Z", fill: "currentColor" })));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
r.style = l;
|
|
13
|
-
export {
|
|
14
|
-
r as flip_icon_visibility_off
|
|
15
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as t, h as i, F as C } from "./main.c9b46168.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
4
|
-
const l = ":host{display:inline-flex}", r = class {
|
|
5
|
-
constructor(s) {
|
|
6
|
-
t(this, s), this.size = 24;
|
|
7
|
-
}
|
|
8
|
-
render() {
|
|
9
|
-
return i("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 && i(C, null, i("path", { d: "M8 3C4.66666 3 1.82 5.07333 0.666664 8C1.82 10.9267 4.66666 13 8 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 8 3ZM8 11.3333C6.16 11.3333 4.66666 9.84 4.66666 8C4.66666 6.16 6.16 4.66667 8 4.66667C9.84 4.66667 11.3333 6.16 11.3333 8C11.3333 9.84 9.84 11.3333 8 11.3333ZM8 6C6.89333 6 6 6.89333 6 8C6 9.10667 6.89333 10 8 10C9.10666 10 10 9.10667 10 8C10 6.89333 9.10666 6 8 6Z", fill: "currentColor" })), this.size === 24 && i(C, null, i("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z", fill: "currentColor" })), this.size === 28 && i(C, null, i("path", { d: "M14 5.25C8.16666 5.25 3.185 8.87833 1.16666 14C3.185 19.1217 8.16666 22.75 14 22.75C19.8333 22.75 24.815 19.1217 26.8333 14C24.815 8.87833 19.8333 5.25 14 5.25ZM14 19.8333C10.78 19.8333 8.16666 17.22 8.16666 14C8.16666 10.78 10.78 8.16667 14 8.16667C17.22 8.16667 19.8333 10.78 19.8333 14C19.8333 17.22 17.22 19.8333 14 19.8333ZM14 10.5C12.0633 10.5 10.5 12.0633 10.5 14C10.5 15.9367 12.0633 17.5 14 17.5C15.9367 17.5 17.5 15.9367 17.5 14C17.5 12.0633 15.9367 10.5 14 10.5Z", fill: "currentColor" })));
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
r.style = l;
|
|
13
|
-
export {
|
|
14
|
-
r as flip_icon_visibility
|
|
15
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { r as i, h as e, H as r } from "./main.c9b46168.js";
|
|
2
|
-
import { c as n } from "./index-3c78bcaf.2675909b.js";
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const t = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.1875rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical)}.inline-error__message{margin-left:var(--s-space-4);padding-top:var(--s-space-2)}", o = class {
|
|
6
|
-
constructor(s) {
|
|
7
|
-
i(this, s), this.size = "m";
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const s = this.size === "m" ? 24 : 16, a = n("inline-error", `inline-error--size-${this.size}`);
|
|
11
|
-
return e(r, null, e("span", { class: a }, e("span", { class: "inline-error__icon" }, e("flip-icon-error", { size: s })), e("span", { class: "inline-error__message" }, this.message)));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
o.style = t;
|
|
15
|
-
const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", c = class {
|
|
16
|
-
constructor(s) {
|
|
17
|
-
i(this, s), this.size = "m";
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
const s = n("spinner", `spinner--size-${this.size}`);
|
|
21
|
-
return e(r, null, e("span", { class: s, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("flip-visually-hidden", null, e("span", { class: "spinner__label" }, this.label))));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
c.style = l;
|
|
25
|
-
export {
|
|
26
|
-
o as flip_inline_error,
|
|
27
|
-
c as flip_spinner
|
|
28
|
-
};
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
import { r as w, h as r, H as k, g as _ } from "./main.c9b46168.js";
|
|
2
|
-
import { a as x, c as S, s as C, f as T } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
|
|
3
|
-
import { c as A } from "./index-3c78bcaf.2675909b.js";
|
|
4
|
-
import { q as m } from "./utils-03e3261c.f5223801.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
function B(t) {
|
|
8
|
-
if (Array.isArray(t)) {
|
|
9
|
-
for (var o = 0, e = Array(t.length); o < t.length; o++)
|
|
10
|
-
e[o] = t[o];
|
|
11
|
-
return e;
|
|
12
|
-
} else
|
|
13
|
-
return Array.from(t);
|
|
14
|
-
}
|
|
15
|
-
var f = !1;
|
|
16
|
-
if (typeof window < "u") {
|
|
17
|
-
var h = {
|
|
18
|
-
get passive() {
|
|
19
|
-
f = !0;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
window.addEventListener("testPassive", null, h), window.removeEventListener("testPassive", null, h);
|
|
23
|
-
}
|
|
24
|
-
var p = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), s = [], c = !1, b = -1, l = void 0, a = void 0, d = void 0, y = function(o) {
|
|
25
|
-
return s.some(function(e) {
|
|
26
|
-
return !!(e.options.allowTouchMove && e.options.allowTouchMove(o));
|
|
27
|
-
});
|
|
28
|
-
}, u = function(o) {
|
|
29
|
-
var e = o || window.event;
|
|
30
|
-
return y(e.target) || e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
|
|
31
|
-
}, I = function(o) {
|
|
32
|
-
if (d === void 0) {
|
|
33
|
-
var e = !!o && o.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
|
|
34
|
-
if (e && n > 0) {
|
|
35
|
-
var i = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
|
|
36
|
-
d = document.body.style.paddingRight, document.body.style.paddingRight = i + n + "px";
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
l === void 0 && (l = document.body.style.overflow, document.body.style.overflow = "hidden");
|
|
40
|
-
}, P = function() {
|
|
41
|
-
d !== void 0 && (document.body.style.paddingRight = d, d = void 0), l !== void 0 && (document.body.style.overflow = l, l = void 0);
|
|
42
|
-
}, E = function() {
|
|
43
|
-
return window.requestAnimationFrame(function() {
|
|
44
|
-
if (a === void 0) {
|
|
45
|
-
a = {
|
|
46
|
-
position: document.body.style.position,
|
|
47
|
-
top: document.body.style.top,
|
|
48
|
-
left: document.body.style.left
|
|
49
|
-
};
|
|
50
|
-
var o = window, e = o.scrollY, n = o.scrollX, i = o.innerHeight;
|
|
51
|
-
document.body.style.position = "fixed", document.body.style.top = -e, document.body.style.left = -n, setTimeout(function() {
|
|
52
|
-
return window.requestAnimationFrame(function() {
|
|
53
|
-
var v = i - window.innerHeight;
|
|
54
|
-
v && e >= i && (document.body.style.top = -(e + v));
|
|
55
|
-
});
|
|
56
|
-
}, 300);
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
}, M = function() {
|
|
60
|
-
if (a !== void 0) {
|
|
61
|
-
var o = -parseInt(document.body.style.top, 10), e = -parseInt(document.body.style.left, 10);
|
|
62
|
-
document.body.style.position = a.position, document.body.style.top = a.top, document.body.style.left = a.left, window.scrollTo(e, o), a = void 0;
|
|
63
|
-
}
|
|
64
|
-
}, Y = function(o) {
|
|
65
|
-
return o ? o.scrollHeight - o.scrollTop <= o.clientHeight : !1;
|
|
66
|
-
}, F = function(o, e) {
|
|
67
|
-
var n = o.targetTouches[0].clientY - b;
|
|
68
|
-
return y(o.target) ? !1 : e && e.scrollTop === 0 && n > 0 || Y(e) && n < 0 ? u(o) : (o.stopPropagation(), !0);
|
|
69
|
-
}, L = function(o, e) {
|
|
70
|
-
if (!o) {
|
|
71
|
-
console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
|
|
72
|
-
return;
|
|
73
|
-
}
|
|
74
|
-
if (!s.some(function(i) {
|
|
75
|
-
return i.targetElement === o;
|
|
76
|
-
})) {
|
|
77
|
-
var n = {
|
|
78
|
-
targetElement: o,
|
|
79
|
-
options: e || {}
|
|
80
|
-
};
|
|
81
|
-
s = [].concat(B(s), [n]), p ? E() : I(e), p && (o.ontouchstart = function(i) {
|
|
82
|
-
i.targetTouches.length === 1 && (b = i.targetTouches[0].clientY);
|
|
83
|
-
}, o.ontouchmove = function(i) {
|
|
84
|
-
i.targetTouches.length === 1 && F(i, o);
|
|
85
|
-
}, c || (document.addEventListener("touchmove", u, f ? { passive: !1 } : void 0), c = !0));
|
|
86
|
-
}
|
|
87
|
-
}, g = function(o) {
|
|
88
|
-
if (!o) {
|
|
89
|
-
console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
s = s.filter(function(e) {
|
|
93
|
-
return e.targetElement !== o;
|
|
94
|
-
}), p && (o.ontouchstart = null, o.ontouchmove = null, c && s.length === 0 && (document.removeEventListener("touchmove", u, f ? { passive: !1 } : void 0), c = !1)), p ? M() : P();
|
|
95
|
-
};
|
|
96
|
-
const D = ":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-xl);-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:19rem;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}}", H = class {
|
|
97
|
-
constructor(t) {
|
|
98
|
-
w(this, t), this.active = !1, this.closing = !1, this.close = () => {
|
|
99
|
-
var o;
|
|
100
|
-
this.closing || (this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
|
|
101
|
-
this.active = !1, this.closing = !1, this.updateTriggerAttributes();
|
|
102
|
-
}, 150), this.unlockBodyScroll(), (o = this.triggerEl) === null || o === void 0 || o.focus());
|
|
103
|
-
}, this.open = () => {
|
|
104
|
-
this.active = !0, this.updateChildMenuItems(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
|
|
105
|
-
await this.reposition(), this.childMenuItems.length > 0 ? this.childMenuItems[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = x(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
|
|
106
|
-
});
|
|
107
|
-
}, this.toggle = () => {
|
|
108
|
-
this.active ? this.close() : this.open();
|
|
109
|
-
}, this.onKeydown = (o) => {
|
|
110
|
-
o.code === "Escape" && this.active && this.close();
|
|
111
|
-
}, this.onContentClick = () => {
|
|
112
|
-
!this.active || this.close();
|
|
113
|
-
}, this.reposition = async () => {
|
|
114
|
-
const o = !window.matchMedia("(min-width: 768px)").matches;
|
|
115
|
-
if (!(!Boolean(this.triggerEl) || !Boolean(this.contentContainer))) {
|
|
116
|
-
if (o) {
|
|
117
|
-
this.position = void 0;
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
this.position = await S(this.triggerEl, this.contentContainer, {
|
|
121
|
-
middleware: [C(), T()],
|
|
122
|
-
placement: "bottom-start",
|
|
123
|
-
strategy: "fixed"
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
}
|
|
128
|
-
componentDidLoad() {
|
|
129
|
-
this.connectTrigger(), this.updateChildMenuItems(), this.updateTriggerAttributes();
|
|
130
|
-
}
|
|
131
|
-
disconnectedCallback() {
|
|
132
|
-
g(this.scrollContainer);
|
|
133
|
-
}
|
|
134
|
-
onWindowFocusout(t) {
|
|
135
|
-
if (!this.active)
|
|
136
|
-
return;
|
|
137
|
-
const o = t.relatedTarget;
|
|
138
|
-
(o === null || !this.el.contains(o) && !this.childMenuItems.some((n) => {
|
|
139
|
-
var i;
|
|
140
|
-
return (i = o.shadowRoot) === null || i === void 0 ? void 0 : i.contains(n);
|
|
141
|
-
})) && this.close();
|
|
142
|
-
}
|
|
143
|
-
connectTrigger() {
|
|
144
|
-
var t;
|
|
145
|
-
const o = m(document.body, `#${this.trigger}`)[0];
|
|
146
|
-
this.triggerEl = (o == null ? void 0 : o.children[0]) || ((t = o == null ? void 0 : o.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || o, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
|
|
147
|
-
}
|
|
148
|
-
updateTriggerAttributes() {
|
|
149
|
-
!Boolean(this.triggerEl) || (this.triggerEl.setAttribute("aria-controls", this.popoverId), this.triggerEl.setAttribute("aria-expanded", String(this.active)), this.triggerEl.setAttribute("aria-haspopup", "dialog"));
|
|
150
|
-
}
|
|
151
|
-
updateChildMenuItems() {
|
|
152
|
-
this.childMenuItems = m(this.el, '[role="menuitem"]');
|
|
153
|
-
}
|
|
154
|
-
lockBodyScroll() {
|
|
155
|
-
window.matchMedia("(min-width: 768px)").matches || L(this.scrollContainer);
|
|
156
|
-
}
|
|
157
|
-
unlockBodyScroll() {
|
|
158
|
-
g(this.scrollContainer);
|
|
159
|
-
}
|
|
160
|
-
render() {
|
|
161
|
-
var t, o;
|
|
162
|
-
const e = A("popover", {
|
|
163
|
-
"popover--closing": this.closing,
|
|
164
|
-
"popover--active": this.active,
|
|
165
|
-
"popover--inactive": !this.active
|
|
166
|
-
});
|
|
167
|
-
return r(k, { id: this.popoverId }, r("div", { class: e, onKeyDown: this.onKeydown }, r("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", onClick: this.onContentClick, role: "dialog", tabindex: "-1", ref: (n) => this.contentContainer = n, style: {
|
|
168
|
-
top: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.y}px` : "",
|
|
169
|
-
left: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.x}px` : ""
|
|
170
|
-
} }, r("span", { class: "popover__handle" }), r("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n }, r("slot", null))), this.active && r("div", { class: "popover__backdrop", onClick: this.close })));
|
|
171
|
-
}
|
|
172
|
-
get el() {
|
|
173
|
-
return _(this);
|
|
174
|
-
}
|
|
175
|
-
};
|
|
176
|
-
H.style = D;
|
|
177
|
-
export {
|
|
178
|
-
H as flip_popover
|
|
179
|
-
};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { r as a, c as s, h as r, H as l, g as n } from "./main.c9b46168.js";
|
|
2
|
-
import "react";
|
|
3
|
-
import "react-dom";
|
|
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-4)}", d = class {
|
|
5
|
-
constructor(e) {
|
|
6
|
-
a(this, e), this.valueChange = s(this, "valueChange", 7);
|
|
7
|
-
}
|
|
8
|
-
componentDidLoad() {
|
|
9
|
-
this.radioButtons = Array.from(this.el.querySelectorAll("flip-radio")), this.initValue(), this.handleValueChanges();
|
|
10
|
-
}
|
|
11
|
-
initValue() {
|
|
12
|
-
if (this.value === void 0)
|
|
13
|
-
return;
|
|
14
|
-
const e = this.radioButtons.find((i) => i.value === this.value);
|
|
15
|
-
!Boolean(e) || (e.checked = !0);
|
|
16
|
-
}
|
|
17
|
-
handleValueChanges() {
|
|
18
|
-
for (const [e, i] of Object.entries(this.radioButtons))
|
|
19
|
-
i.addEventListener("valueChange", () => {
|
|
20
|
-
(i.checked === !0 || i.checked === "true") && (this.valueChange.emit(i.value), this.radioButtons.forEach((t, o) => {
|
|
21
|
-
String(o) !== e && (t.checked = !1);
|
|
22
|
-
}));
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
return r(l, { role: "radiogroup" }, r("div", { class: "radio-group" }, r("slot", null)));
|
|
27
|
-
}
|
|
28
|
-
get el() {
|
|
29
|
-
return n(this);
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
d.style = u;
|
|
33
|
-
export {
|
|
34
|
-
d as flip_radio_group
|
|
35
|
-
};
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
function p(r, o, n) {
|
|
2
|
-
return n = {
|
|
3
|
-
path: o,
|
|
4
|
-
exports: {},
|
|
5
|
-
require: function(e, s) {
|
|
6
|
-
return a();
|
|
7
|
-
}
|
|
8
|
-
}, r(n, n.exports), n.exports;
|
|
9
|
-
}
|
|
10
|
-
function a() {
|
|
11
|
-
throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
|
|
12
|
-
}
|
|
13
|
-
var f = p(function(r) {
|
|
14
|
-
/*!
|
|
15
|
-
Copyright (c) 2018 Jed Watson.
|
|
16
|
-
Licensed under the MIT License (MIT), see
|
|
17
|
-
http://jedwatson.github.io/classnames
|
|
18
|
-
*/
|
|
19
|
-
(function() {
|
|
20
|
-
var o = {}.hasOwnProperty;
|
|
21
|
-
function n() {
|
|
22
|
-
for (var e = [], s = 0; s < arguments.length; s++) {
|
|
23
|
-
var t = arguments[s];
|
|
24
|
-
if (!!t) {
|
|
25
|
-
var i = typeof t;
|
|
26
|
-
if (i === "string" || i === "number")
|
|
27
|
-
e.push(t);
|
|
28
|
-
else if (Array.isArray(t)) {
|
|
29
|
-
if (t.length) {
|
|
30
|
-
var c = n.apply(null, t);
|
|
31
|
-
c && e.push(c);
|
|
32
|
-
}
|
|
33
|
-
} else if (i === "object")
|
|
34
|
-
if (t.toString === Object.prototype.toString)
|
|
35
|
-
for (var u in t)
|
|
36
|
-
o.call(t, u) && t[u] && e.push(u);
|
|
37
|
-
else
|
|
38
|
-
e.push(t.toString());
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
return e.join(" ");
|
|
42
|
-
}
|
|
43
|
-
r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
|
|
44
|
-
})();
|
|
45
|
-
});
|
|
46
|
-
export {
|
|
47
|
-
f as c
|
|
48
|
-
};
|