@getflip/swirl-components-react 0.4.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.07628dad.js → file-manager.entry.5df78d98.js} +1 -1
- package/dist/{flip-action-list-item.entry.a330605c.js → flip-action-list-item.entry.080e14b7.js} +1 -1
- package/dist/{flip-action-list-section.entry.19091d98.js → flip-action-list-section.entry.59cc892d.js} +1 -1
- package/dist/{flip-action-list.entry.319f0192.js → flip-action-list.entry.34dd165b.js} +1 -1
- package/dist/{flip-app-layout_5.entry.ac01996d.js → flip-app-layout_5.entry.20b263f5.js} +16 -16
- package/dist/{flip-autocomplete.entry.21deedf2.js → flip-autocomplete.entry.a63ad331.js} +1 -1
- package/dist/{flip-avatar-group.entry.c2cc9526.js → flip-avatar-group.entry.e00bcff1.js} +1 -1
- package/dist/{flip-avatar.entry.7034b888.js → flip-avatar.entry.32cb98bf.js} +1 -1
- package/dist/{flip-badge.entry.bc935c62.js → flip-badge.entry.63e2d414.js} +1 -1
- package/dist/{flip-banner.entry.d257835c.js → flip-banner.entry.a2f5eef8.js} +1 -1
- package/dist/{flip-button-group.entry.8ce7a3d4.js → flip-button-group.entry.7856eb4f.js} +1 -1
- package/dist/{flip-button.entry.eb07eb8a.js → flip-button.entry.82de4159.js} +12 -6
- package/dist/{flip-checkbox.entry.43a3832e.js → flip-checkbox.entry.4af2f2b4.js} +10 -7
- package/dist/{flip-chip.entry.a479c5b0.js → flip-chip.entry.9e153968.js} +1 -1
- package/dist/flip-console-layout.entry.940ff9f8.js +22 -0
- package/dist/{flip-date-input.entry.b98d662b.js → flip-date-input.entry.dce529bc.js} +6 -4
- package/dist/{flip-date-picker_2.entry.c2143459.js → flip-date-picker_2.entry.177499d7.js} +105 -103
- package/dist/{flip-description-list-item.entry.f1db6930.js → flip-description-list-item.entry.efd60d4e.js} +1 -1
- package/dist/{flip-description-list.entry.0e214ec2.js → flip-description-list.entry.28fc026b.js} +1 -1
- package/dist/{flip-dialog.entry.24f62804.js → flip-dialog.entry.1f35195b.js} +1 -1
- package/dist/{flip-file-uploader.entry.91b6ca52.js → flip-file-uploader.entry.3888ef19.js} +1 -1
- package/dist/{flip-file-viewer_7.entry.47a4ee0d.js → flip-file-viewer_7.entry.098a3dac.js} +2 -2
- package/dist/flip-form-control.entry.8a1150c0.js +65 -0
- package/dist/{flip-form-group.entry.89c2a7a6.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.b5415432.js → flip-icon-add-photo.entry.4a5cdf22.js} +1 -1
- package/dist/{flip-icon-add_4.entry.b525e436.js → flip-icon-add_4.entry.890da8d3.js} +1 -1
- package/dist/{flip-icon-admin-panel-settings.entry.e416caa2.js → flip-icon-admin-panel-settings.entry.29420ba1.js} +1 -1
- package/dist/{flip-icon-arrow-back.entry.3b24c3c4.js → flip-icon-arrow-back.entry.c75093f3.js} +1 -1
- package/dist/{flip-icon-arrow-forward.entry.c3577622.js → flip-icon-arrow-forward.entry.a5ba53d2.js} +1 -1
- package/dist/{flip-icon-arrow-left_3.entry.0e8c6ffd.js → flip-icon-arrow-left_3.entry.492c928f.js} +1 -1
- package/dist/{flip-icon-arrow-right-small.entry.36a480f8.js → flip-icon-arrow-right-small.entry.d977647f.js} +1 -1
- package/dist/{flip-icon-attachment.entry.d44215f9.js → flip-icon-attachment.entry.33509693.js} +1 -1
- package/dist/{flip-icon-cancel_4.entry.90ff0e73.js → flip-icon-cancel_4.entry.c7533bde.js} +1 -1
- package/dist/{flip-icon-chat-bubble.entry.b8022c94.js → flip-icon-chat-bubble.entry.796b792b.js} +1 -1
- package/dist/{flip-icon-check-circle.entry.b59a0f63.js → flip-icon-check-circle.entry.942c13d5.js} +1 -1
- package/dist/{flip-icon-check-small_3.entry.fd9f691c.js → flip-icon-check-small_3.entry.0b74d78c.js} +10 -12
- package/dist/{flip-icon-check-strong.entry.cab3e061.js → flip-icon-check-strong.entry.f072021d.js} +1 -1
- package/dist/{flip-icon-check.entry.f6231fc3.js → flip-icon-check.entry.e4c5c94a.js} +1 -1
- package/dist/{flip-icon-chevron-left.entry.cd972c85.js → flip-icon-chevron-left.entry.65b612e3.js} +1 -1
- package/dist/{flip-icon-chevron-right.entry.b96a1ead.js → flip-icon-chevron-right.entry.0ea10200.js} +1 -1
- package/dist/{flip-icon-close-small.entry.292f402f.js → flip-icon-close-small.entry.cccd694a.js} +1 -1
- package/dist/{flip-icon-close.entry.a52651ec.js → flip-icon-close.entry.cf4afdfd.js} +1 -1
- package/dist/{flip-icon-cloud-upload.entry.8c3de009.js → flip-icon-cloud-upload.entry.8f2ba9c7.js} +1 -1
- package/dist/{flip-icon-comment.entry.68e5198c.js → flip-icon-comment.entry.bd9871c6.js} +1 -1
- package/dist/{flip-icon-copy.entry.ea55301c.js → flip-icon-copy.entry.1b311d2c.js} +1 -1
- package/dist/{flip-icon-date-range.entry.78991d34.js → flip-icon-date-range.entry.20ae3be8.js} +1 -1
- package/dist/{flip-icon-delete.entry.addf184d.js → flip-icon-delete.entry.91cce4b6.js} +1 -1
- package/dist/{flip-icon-description.entry.7688a64f.js → flip-icon-description.entry.1e861585.js} +1 -1
- package/dist/{flip-icon-edit.entry.5df4b598.js → flip-icon-edit.entry.6ce0adc0.js} +1 -1
- package/dist/{flip-icon-emoji-mood.entry.7772f2da.js → flip-icon-emoji-mood.entry.26ff5f4c.js} +1 -1
- package/dist/{flip-icon-emoji-satisfied.entry.3f11571c.js → flip-icon-emoji-satisfied.entry.c5964eb2.js} +1 -1
- package/dist/{flip-icon-error_3.entry.6d22b7a2.js → flip-icon-error_3.entry.ed9ea2ba.js} +1 -1
- package/dist/{flip-icon-expand-more.entry.2ffa6f0c.js → flip-icon-expand-more.entry.dfe65dc1.js} +1 -1
- package/dist/{flip-icon-file.entry.517a75cc.js → flip-icon-file.entry.1337f4a3.js} +1 -1
- package/dist/{flip-icon-folder-shared.entry.661494c2.js → flip-icon-folder-shared.entry.d729af99.js} +1 -1
- package/dist/{flip-icon-group-assign.entry.8131eb64.js → flip-icon-group-assign.entry.1b26fbcc.js} +1 -1
- package/dist/{flip-icon-groups-custom.entry.f0086123.js → flip-icon-groups-custom.entry.f1691911.js} +1 -1
- package/dist/{flip-icon-groups.entry.2e076144.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.d0482319.js → flip-icon-image.entry.ed9e7cea.js} +1 -1
- package/dist/{flip-icon-info.entry.d16cf109.js → flip-icon-info.entry.7ecf555e.js} +1 -1
- package/dist/{flip-icon-inventory.entry.a209dd1e.js → flip-icon-inventory.entry.3dfdaf9f.js} +1 -1
- package/dist/{flip-icon-like.entry.631333f8.js → flip-icon-like.entry.0cc26e51.js} +1 -1
- package/dist/{flip-icon-link.entry.b67ce56a.js → flip-icon-link.entry.4a62a637.js} +1 -1
- package/dist/{flip-icon-lock.entry.13f8fa54.js → flip-icon-lock.entry.de97d106.js} +1 -1
- package/dist/{flip-icon-logout.entry.79b91644.js → flip-icon-logout.entry.551dbbfc.js} +1 -1
- package/dist/{flip-icon-mail.entry.62265dc6.js → flip-icon-mail.entry.8f23d662.js} +1 -1
- package/dist/{flip-icon-manage-accounts.entry.e821e9df.js → flip-icon-manage-accounts.entry.587cc1f2.js} +1 -1
- package/dist/{flip-icon-mention.entry.09ac190a.js → flip-icon-mention.entry.dea7e9bd.js} +1 -1
- package/dist/{flip-icon-message.entry.06934900.js → flip-icon-message.entry.661d3f8b.js} +1 -1
- package/dist/{flip-icon-more-horizontal.entry.d1d97d3d.js → flip-icon-more-horizontal.entry.e1b56167.js} +1 -1
- package/dist/{flip-icon-more-vertikal.entry.d40ca8b0.js → flip-icon-more-vertikal.entry.c8c2faf5.js} +1 -1
- package/dist/{flip-icon-notifications-active.entry.c38ee4bb.js → flip-icon-notifications-active.entry.17e2db26.js} +1 -1
- package/dist/{flip-icon-notifications-off.entry.02743a47.js → flip-icon-notifications-off.entry.fccd2c17.js} +1 -1
- package/dist/{flip-icon-notifications.entry.4f873bc3.js → flip-icon-notifications.entry.fd6974d0.js} +1 -1
- package/dist/{flip-icon-open-in-new.entry.cb673e42.js → flip-icon-open-in-new.entry.377230e7.js} +1 -1
- package/dist/{flip-icon-people-alt.entry.648a37d3.js → flip-icon-people-alt.entry.ff8dcfad.js} +1 -1
- package/dist/{flip-icon-person-off.entry.3bc3e587.js → flip-icon-person-off.entry.c1046231.js} +1 -1
- package/dist/{flip-icon-person.entry.b269287a.js → flip-icon-person.entry.a8e33281.js} +1 -1
- package/dist/{flip-icon-phone.entry.89c67938.js → flip-icon-phone.entry.b13cd9db.js} +1 -1
- package/dist/{flip-icon-poll.entry.51bd2d6b.js → flip-icon-poll.entry.d4d7ab35.js} +1 -1
- package/dist/{flip-icon-print.entry.fcdc08c4.js → flip-icon-print.entry.e22c899f.js} +1 -1
- package/dist/{flip-icon-recieved.entry.e52d5907.js → flip-icon-recieved.entry.42365f6e.js} +1 -1
- package/dist/{flip-icon-search-strong.entry.f9f740dc.js → flip-icon-search-strong.entry.3e2df830.js} +1 -1
- package/dist/{flip-icon-search.entry.530eb22a.js → flip-icon-search.entry.307ecf81.js} +1 -1
- package/dist/{flip-icon-send.entry.1a1f6a9f.js → flip-icon-send.entry.d821277c.js} +1 -1
- package/dist/{flip-icon-settings.entry.05357f2b.js → flip-icon-settings.entry.39d549e4.js} +1 -1
- package/dist/{flip-icon-time-filled.entry.7dfefe00.js → flip-icon-time-filled.entry.59391c42.js} +1 -1
- package/dist/{flip-icon-time-outlined.entry.b309035e.js → flip-icon-time-outlined.entry.7828e49b.js} +1 -1
- package/dist/{flip-icon-user-assign.entry.b595047d.js → flip-icon-user-assign.entry.d015d6d1.js} +1 -1
- package/dist/{flip-icon-video-camera.entry.08411542.js → flip-icon-video-camera.entry.08b245ec.js} +1 -1
- package/dist/{flip-icon-warning.entry.5d5e3ce9.js → flip-icon-warning.entry.6646b827.js} +1 -1
- package/dist/{flip-lightbox.entry.d7a5b33f.js → flip-lightbox.entry.89522005.js} +1 -1
- package/dist/{flip-link.entry.5415c5a4.js → flip-link.entry.21826dcf.js} +1 -1
- package/dist/{flip-list.entry.5ffbd0ef.js → flip-list.entry.28ca3e9a.js} +1 -1
- package/dist/{flip-modal.entry.8f99c357.js → flip-modal.entry.9dc00a89.js} +1 -1
- package/dist/{flip-option-list-section.entry.1c46b667.js → flip-option-list-section.entry.8016c860.js} +1 -1
- package/dist/{flip-pagination.entry.44ba4122.js → flip-pagination.entry.5c31f8e5.js} +1 -1
- package/dist/{flip-pdf-reader.entry.4fba8eda.js → flip-pdf-reader.entry.79fd6e1f.js} +2 -2
- package/dist/flip-popover.entry.712ebb5b.js +115 -0
- package/dist/{flip-progress-indicator.entry.98300d84.js → flip-progress-indicator.entry.342c1c4c.js} +1 -1
- package/dist/{flip-radio-group.entry.3a737bc9.js → flip-radio-group.entry.ab35d743.js} +1 -1
- package/dist/{flip-radio.entry.45be80ff.js → flip-radio.entry.35aa66f2.js} +8 -5
- package/dist/{flip-resource-list-file-item.entry.380c5dbe.js → flip-resource-list-file-item.entry.b56f8795.js} +1 -1
- package/dist/{flip-search.entry.6805dae6.js → flip-search.entry.cb0d0faa.js} +1 -1
- package/dist/flip-select.entry.67d74a11.js +48 -0
- package/dist/{flip-stack.entry.c7c6570a.js → flip-stack.entry.b7e0326d.js} +1 -1
- package/dist/{flip-switch.entry.d92b7292.js → flip-switch.entry.a5b1c2c6.js} +1 -1
- package/dist/{flip-tab.entry.e7a1ab1a.js → flip-tab.entry.97e217ad.js} +1 -1
- package/dist/{flip-tabs.entry.16f909d5.js → flip-tabs.entry.ad810ab3.js} +1 -1
- package/dist/{flip-tag.entry.8622ab43.js → flip-tag.entry.8d4916e7.js} +1 -1
- package/dist/{flip-text-input.entry.326d7e72.js → flip-text-input.entry.b963e731.js} +10 -8
- package/dist/{flip-theme-provider.entry.bb6a10e3.js → flip-theme-provider.entry.d5dd8213.js} +1 -1
- package/dist/{flip-thumbnail.entry.7e078ff9.js → flip-thumbnail.entry.5f5e44d2.js} +1 -1
- package/dist/{flip-toast-provider.entry.442c1fb8.js → flip-toast-provider.entry.4c55da45.js} +5 -3
- package/dist/{flip-toast.entry.696f6bd2.js → flip-toast.entry.c306c0f6.js} +1 -1
- package/dist/{flip-tooltip.entry.0c1774a4.js → flip-tooltip.entry.4544c9e8.js} +2 -2
- package/dist/{flip-video-thumbnail.entry.b6b896d0.js → flip-video-thumbnail.entry.7e6a70de.js} +1 -1
- package/dist/{flip-visually-hidden.entry.58a19f2e.js → flip-visually-hidden.entry.59b6f888.js} +1 -1
- package/dist/index.ac96d2b2.js +1368 -0
- package/dist/stencil-generated/index.d.ts +3 -0
- package/dist/swirl-components-react.js +125 -122
- package/dist/swirl-components-react.umd.cjs +39 -36
- package/package.json +2 -2
- package/dist/flip-form-control.entry.82737412.js +0 -58
- package/dist/flip-heading.entry.00139b62.js +0 -18
- package/dist/flip-popover.entry.0f8879c7.js +0 -99
- package/dist/flip-text.entry.a01cf4bc.js +0 -18
- package/dist/index.b66ff9f0.js +0 -1365
|
@@ -1,4 +1,4 @@
|
|
|
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";
|
|
@@ -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,4 +1,4 @@
|
|
|
1
|
-
import { r as h, c as l, h as a, H as p } from "./index.
|
|
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";
|
|
@@ -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 {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, h as e, H as s, g as n } from "./index.
|
|
1
|
+
import { r, h as e, H as s, g as n } from "./index.ac96d2b2.js";
|
|
2
2
|
import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
|
|
3
3
|
import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
4
|
import { c as p } from "./index-6d2e18c6.289636d4.js";
|
|
@@ -6,7 +6,7 @@ import { i as a } from "./utils-39b2afe8.37b54ba4.js";
|
|
|
6
6
|
import "react";
|
|
7
7
|
import "react-dom";
|
|
8
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;
|
|
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
10
|
constructor(t) {
|
|
11
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
12
|
o.code === "Escape" && this.close();
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { r as m, c as s, h as n, H as v, g as f } from "./index.ac96d2b2.js";
|
|
2
|
+
import { o as a, s as p, f as u, c as g, a as b } from "./floating-ui.dom.esm-1a4e8b8a.87557233.js";
|
|
3
|
+
import { e as l, d as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
|
|
4
|
+
import { c as k } from "./index-6d2e18c6.289636d4.js";
|
|
5
|
+
import { i as c, q as d } from "./utils-39b2afe8.37b54ba4.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import "react-dom";
|
|
8
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
9
|
+
const _ = ":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-xy;animation:0.15s popover-fade-scale-in-xy}}@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}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", w = class {
|
|
10
|
+
constructor(o) {
|
|
11
|
+
m(this, o), this.popoverClose = s(this, "popoverClose", 7), this.popoverOpen = s(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.offset = 8, this.placement = "bottom-start", this.active = !1, this.closing = !1, this.toggle = (e) => {
|
|
12
|
+
e.stopPropagation(), this.active ? this.close() : this.open();
|
|
13
|
+
}, this.onKeydown = (e) => {
|
|
14
|
+
e.code === "Escape" && this.active && this.close();
|
|
15
|
+
}, this.reposition = async () => {
|
|
16
|
+
const e = c();
|
|
17
|
+
if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
|
|
18
|
+
return;
|
|
19
|
+
if (e) {
|
|
20
|
+
this.position = void 0;
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [a(t), p(), u()] : [a(t), p()];
|
|
24
|
+
this.position = await g(this.triggerEl, this.contentContainer, {
|
|
25
|
+
middleware: i,
|
|
26
|
+
placement: this.placement,
|
|
27
|
+
strategy: "fixed"
|
|
28
|
+
});
|
|
29
|
+
}, this.onCloseButtonClick = () => {
|
|
30
|
+
this.close();
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
componentDidLoad() {
|
|
34
|
+
this.connectTrigger(), this.updateFocusableChildren(), this.updateTriggerAttributes();
|
|
35
|
+
}
|
|
36
|
+
disconnectedCallback() {
|
|
37
|
+
l(this.scrollContainer);
|
|
38
|
+
}
|
|
39
|
+
onWindowFocusIn(o) {
|
|
40
|
+
if (!this.active)
|
|
41
|
+
return;
|
|
42
|
+
const e = o.target;
|
|
43
|
+
!this.el.contains(e) && this.close();
|
|
44
|
+
}
|
|
45
|
+
onWindowClick(o) {
|
|
46
|
+
if (!this.active)
|
|
47
|
+
return;
|
|
48
|
+
const e = o.target, t = this.el.contains(e), i = o.composedPath().some((r) => Boolean(r) && r instanceof Node ? this.el.contains(r) : !1), h = o.target === this.triggerEl;
|
|
49
|
+
!t && !i && !h && this.close();
|
|
50
|
+
}
|
|
51
|
+
async close() {
|
|
52
|
+
var o;
|
|
53
|
+
this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
|
|
54
|
+
this.active = !1, this.closing = !1, this.updateTriggerAttributes();
|
|
55
|
+
}, 150), this.unlockBodyScroll(), (o = this.getNativeTriggerElement()) === null || o === void 0 || o.focus());
|
|
56
|
+
}
|
|
57
|
+
async open() {
|
|
58
|
+
this.active || (this.adjustWidth(), this.active = !0, this.popoverOpen.emit(), this.updateFocusableChildren(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
|
|
59
|
+
await this.reposition(), this.focusableChildren.length > 0 ? this.focusableChildren[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = b(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
|
|
60
|
+
}));
|
|
61
|
+
}
|
|
62
|
+
connectTrigger() {
|
|
63
|
+
this.triggerEl = d(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (o) => {
|
|
64
|
+
this.toggle(o);
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
getNativeTriggerElement() {
|
|
68
|
+
var o, e, t;
|
|
69
|
+
return this.triggerEl.tagName.startsWith("FLIP-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
|
|
70
|
+
}
|
|
71
|
+
updateTriggerAttributes() {
|
|
72
|
+
if (!Boolean(this.triggerEl))
|
|
73
|
+
return;
|
|
74
|
+
const o = this.getNativeTriggerElement();
|
|
75
|
+
o.setAttribute("aria-controls", this.popoverId), o.setAttribute("aria-expanded", String(this.active)), o.setAttribute("aria-haspopup", "dialog");
|
|
76
|
+
}
|
|
77
|
+
updateFocusableChildren() {
|
|
78
|
+
this.focusableChildren = d(this.el, '[role="menuitem"], [role="listbox"]');
|
|
79
|
+
}
|
|
80
|
+
adjustWidth() {
|
|
81
|
+
let o = this.useContainerWidth;
|
|
82
|
+
[!0, "true"].includes(this.useContainerWidth) ? o = !0 : [!1, "false"].includes(this.useContainerWidth) && (o = !1);
|
|
83
|
+
const e = !window.matchMedia("(min-width: 768px)").matches;
|
|
84
|
+
if (Boolean(o) && !e) {
|
|
85
|
+
const t = typeof o == "string" ? this.el.closest(o) || this.el.parentElement : this.el.parentElement;
|
|
86
|
+
this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
|
|
87
|
+
} else
|
|
88
|
+
this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
|
|
89
|
+
}
|
|
90
|
+
lockBodyScroll() {
|
|
91
|
+
!c() || y(this.scrollContainer);
|
|
92
|
+
}
|
|
93
|
+
unlockBodyScroll() {
|
|
94
|
+
l(this.scrollContainer);
|
|
95
|
+
}
|
|
96
|
+
render() {
|
|
97
|
+
var o, e;
|
|
98
|
+
const t = k("popover", `popover--animation-${this.animation}`, {
|
|
99
|
+
"popover--closing": this.closing,
|
|
100
|
+
"popover--active": this.active,
|
|
101
|
+
"popover--inactive": !this.active
|
|
102
|
+
});
|
|
103
|
+
return n(v, { id: this.popoverId }, n("div", { class: t, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", ref: (i) => this.contentContainer = i, style: {
|
|
104
|
+
top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
|
|
105
|
+
left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
|
|
106
|
+
}, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", ref: (i) => this.scrollContainer = i }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
|
|
107
|
+
}
|
|
108
|
+
get el() {
|
|
109
|
+
return f(this);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
w.style = _;
|
|
113
|
+
export {
|
|
114
|
+
w as flip_popover
|
|
115
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as s, h as r, H as l, g as n } from "./index.
|
|
1
|
+
import { r as o, c as s, h as r, H as l, g as n } from "./index.ac96d2b2.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import { r as s, c as l, h as i, H as c } from "./index.
|
|
1
|
+
import { r as s, c as l, h as i, H as c } from "./index.ac96d2b2.js";
|
|
2
2
|
import { c as t } from "./index-6d2e18c6.289636d4.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
6
6
|
const n = `.sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio{box-sizing:border-box}.radio.sc-flip-radio{display:inline-flex;cursor:pointer;line-height:var(--s-line-height-base)}.radio.sc-flip-radio:focus-within .radio__box.sc-flip-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
|
|
7
|
-
0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled)
|
|
7
|
+
0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__description.sc-flip-radio,.radio--disabled.sc-flip-radio .radio__label.sc-flip-radio{color:var(--s-text-disabled)}.radio__control.sc-flip-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:var(--s-action-neutral-hovered)}.radio__box.sc-flip-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-flip-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-flip-radio{font-weight:var(--s-font-weight-medium)}.radio__description.sc-flip-radio{color:var(--s-text-subdued)}`, h = class {
|
|
8
8
|
constructor(a) {
|
|
9
9
|
s(this, a), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
|
|
10
10
|
this.checked = !0, this.valueChange.emit(this.value);
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
|
+
getAriaCheckedLabel(a, r) {
|
|
14
|
+
return a ? "true" : r ? "false" : "mixed";
|
|
15
|
+
}
|
|
13
16
|
render() {
|
|
14
|
-
const a = this.checked === !1 || this.checked === "false", r = this.checked === !0 || this.checked === "true", o = r
|
|
17
|
+
const a = this.checked === !1 || this.checked === "false", r = this.checked === !0 || this.checked === "true", o = this.getAriaCheckedLabel(r, a), d = this.invalid, e = t("radio", {
|
|
15
18
|
"radio--checked": r,
|
|
16
19
|
"radio--disabled": this.disabled,
|
|
17
20
|
"radio--invalid": this.invalid,
|
|
@@ -20,7 +23,7 @@ const n = `.sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio
|
|
|
20
23
|
return i(c, null, i("label", { class: e, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("flip-visually-hidden", null, i("input", { "aria-checked": o, "aria-invalid": d, checked: r, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { class: "radio__description" }, this.description))));
|
|
21
24
|
}
|
|
22
25
|
};
|
|
23
|
-
|
|
26
|
+
h.style = n;
|
|
24
27
|
export {
|
|
25
|
-
|
|
28
|
+
h as flip_radio
|
|
26
29
|
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { r as n, c, h as e, H as r, g as p } from "./index.ac96d2b2.js";
|
|
2
|
+
import { c as d } from "./index-6d2e18c6.289636d4.js";
|
|
3
|
+
import { q as h } from "./utils-39b2afe8.37b54ba4.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "react-dom";
|
|
6
|
+
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
7
|
+
const u = ".sc-flip-select-h{display:block;width:100%}.sc-flip-select-h *.sc-flip-select{box-sizing:border-box}.select.sc-flip-select{position:relative;display:flex;width:100%}.select--disabled.sc-flip-select .select__label.sc-flip-select{color:var(--s-text-disabled)}.select--disabled.sc-flip-select .select__indicator.sc-flip-select{color:var(--s-icon-disabled)}.select__label.sc-flip-select{display:block;overflow:hidden;width:100%;height:1.375rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__label.sc-flip-select:focus{outline:none}.select__indicator.sc-flip-select{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;color:var(--s-icon-default)}", f = class {
|
|
8
|
+
constructor(t) {
|
|
9
|
+
n(this, t), this.valueChange = c(this, "valueChange", 7), this.options = [], this.select = (i) => {
|
|
10
|
+
this.value = i.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
|
|
11
|
+
}, this.onSlotChange = () => {
|
|
12
|
+
this.updateOptions();
|
|
13
|
+
}, this.onOpen = () => {
|
|
14
|
+
this.open = !0;
|
|
15
|
+
}, this.onClose = () => {
|
|
16
|
+
this.open = !1;
|
|
17
|
+
}, this.onKeyDown = (i) => {
|
|
18
|
+
(i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.popover.open());
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
componentWillLoad() {
|
|
22
|
+
queueMicrotask(() => {
|
|
23
|
+
this.updateOptions();
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
onWindowFocusIn(t) {
|
|
27
|
+
t.target === this.el.querySelector("input") && t.stopImmediatePropagation();
|
|
28
|
+
}
|
|
29
|
+
updateOptions() {
|
|
30
|
+
this.options = h(this.el, "flip-option-list-item");
|
|
31
|
+
}
|
|
32
|
+
render() {
|
|
33
|
+
const t = Boolean(this.value) ? this.value.map((s) => {
|
|
34
|
+
var l;
|
|
35
|
+
return (l = this.options.find((a) => a.value === s)) === null || l === void 0 ? void 0 : l.label;
|
|
36
|
+
}).join(", ") : "", i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, o = d("select", {
|
|
37
|
+
"select--disabled": this.disabled
|
|
38
|
+
});
|
|
39
|
+
return e(r, { onKeyDown: this.onKeyDown }, e("div", { class: o }, e("input", { "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, class: "select__label", disabled: this.disabled, id: "trigger", readOnly: !0, type: "text", value: t }), e("span", { class: "select__indicator" }, this.open ? e("flip-icon-expand-less", null) : e("flip-icon-expand-more", null)), e("flip-popover", { animation: "scale-in-y", class: "select__popover", enableFlip: !1, label: this.label, offset: [16, -16], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, popoverId: "select-options", ref: (s) => this.popover = s, trigger: "trigger", useContainerWidth: "flip-form-control" }, e("flip-option-list", { onValueChange: this.select, multiSelect: this.multiSelect, value: this.value }, e("slot", { onSlotchange: this.onSlotChange })))));
|
|
40
|
+
}
|
|
41
|
+
get el() {
|
|
42
|
+
return p(this);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
f.style = u;
|
|
46
|
+
export {
|
|
47
|
+
f as flip_select
|
|
48
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as h, c as n, h as i, H as c } from "./index.
|
|
1
|
+
import { r as h, c as n, h as i, H as c } from "./index.ac96d2b2.js";
|
|
2
2
|
import { c as d } from "./index-6d2e18c6.289636d4.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
import "./_commonjsHelpers-44457d8d.ba94af77.js";
|
|
6
|
-
const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input
|
|
6
|
+
const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h *.sc-flip-text-input{box-sizing:border-box}.text-input.sc-flip-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm)}.text-input--clearable.sc-flip-text-input,.text-input--type-number.sc-flip-text-input,.text-input--type-password.sc-flip-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-flip-text-input .text-input__input.sc-flip-text-input{width:100%}.text-input--disabled.sc-flip-text-input .text-input__character-counter.sc-flip-text-input{color:var(--s-text-disabled)}.text-input__input.sc-flip-text-input{display:inline-flex;width:100%;max-height:13.75rem;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-flip-text-input:focus{outline:none}.text-input__input.sc-flip-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-flip-text-input::-webkit-outer-spin-button,.text-input__input.sc-flip-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-flip-text-input{-moz-appearance:textfield}input.text-input__input.sc-flip-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--disable-dynamic-width.sc-flip-text-input input.text-input__input.sc-flip-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-flip-text-input,.text-input__password-toggle.sc-flip-text-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__clear-button.sc-flip-text-input:focus,.text-input__password-toggle.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__stepper.sc-flip-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}.text-input__step-button.sc-flip-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-flip-text-input:focus{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-flip-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}.text-input__prefix.sc-flip-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-flip-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = class {
|
|
7
7
|
constructor(s) {
|
|
8
8
|
h(this, s), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.autoComplete = "on", this.clearButtonLabel = "Clear input", this.rows = 1, this.passwordToggleLabel = "Toggle password display", this.type = "text", this.showPassword = !1, this.clear = () => {
|
|
9
9
|
this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
|
|
@@ -21,13 +21,15 @@ const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h
|
|
|
21
21
|
}, this.decreaseValue = () => {
|
|
22
22
|
if (this.type !== "number")
|
|
23
23
|
return;
|
|
24
|
-
const t = this.step || 1
|
|
25
|
-
|
|
24
|
+
const t = this.step || 1;
|
|
25
|
+
let e = this.inputEl.valueAsNumber;
|
|
26
|
+
isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, e - t)), this.valueChange.emit(this.value);
|
|
26
27
|
}, this.increaseValue = () => {
|
|
27
28
|
if (this.type !== "number")
|
|
28
29
|
return;
|
|
29
|
-
const t = this.step || 1
|
|
30
|
-
|
|
30
|
+
const t = this.step || 1;
|
|
31
|
+
let e = this.inputEl.valueAsNumber;
|
|
32
|
+
isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, e + t)), this.valueChange.emit(this.value);
|
|
31
33
|
}, this.togglePassword = () => {
|
|
32
34
|
this.type === "password" && (this.showPassword = !this.showPassword);
|
|
33
35
|
};
|
|
@@ -43,13 +45,13 @@ const x = '.sc-flip-text-input-h{display:block;width:100%}.sc-flip-text-input-h
|
|
|
43
45
|
}
|
|
44
46
|
render() {
|
|
45
47
|
var s;
|
|
46
|
-
const t = this.rows === 1 ? "input" : "textarea", e = this.invalid === !0
|
|
48
|
+
const t = this.rows === 1 ? "input" : "textarea", e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.type === "number" && !this.disabled, l = this.type === "password" && !this.disabled, p = this.clearable && !this.disabled && Boolean(this.value) && !l && !a && !this.showCharacterCounter, u = this.type === "password" && this.showPassword ? "text" : this.type, o = d("text-input", `text-input--type-${this.type}`, {
|
|
47
49
|
"text-input--clearable": this.clearable,
|
|
48
50
|
"text-input--disabled": this.disabled,
|
|
49
51
|
"text-input--disable-dynamic-width": this.disableDynamicWidth,
|
|
50
52
|
"text-input--show-password": this.type === "password" && this.showPassword
|
|
51
53
|
});
|
|
52
|
-
return i(c, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.flipAriaAutocomplete, "aria-controls": this.flipAriaControls, "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-invalid": e, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (r) => this.inputEl = r, required: this.required, role: this.flipRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type:
|
|
54
|
+
return i(c, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(t, { "aria-autocomplete": this.flipAriaAutocomplete, "aria-controls": this.flipAriaControls, "aria-describedby": this.flipAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.flipAriaExpanded, "aria-invalid": e, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, ref: (r) => this.inputEl = r, required: this.required, role: this.flipRole, rows: this.rows > 1 ? this.rows : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: u, value: this.rows === 1 ? this.value : void 0 }, this.rows > 1 && this.value), this.suffixLabel && i("span", { class: "text-input__suffix" }, this.suffixLabel), p && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, type: "button" }, i("flip-icon-cancel", null)), l && i("button", { "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("flip-icon-visibility-off", null) : i("flip-icon-visibility", null)), a && i("span", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-less", null)), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("flip-icon-expand-more", null))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((s = this.value) === null || s === void 0 ? void 0 : s.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
|
|
53
55
|
}
|
|
54
56
|
};
|
|
55
57
|
f.style = x;
|