@getflip/swirl-components-react 0.36.0 → 0.37.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.22549b6e.js → file-manager.entry.c985f415.js} +1 -1
- package/dist/{index.bd28426e.js → index.f17ef3a1.js} +218 -218
- package/dist/{swirl-action-list-section.entry.93af999f.js → swirl-action-list-section.entry.2a38163d.js} +1 -1
- package/dist/{swirl-action-list_3.entry.3d0463da.js → swirl-action-list_3.entry.1c481122.js} +1 -1
- package/dist/{swirl-app-bar.entry.34596809.js → swirl-app-bar.entry.3a25f4a0.js} +1 -1
- package/dist/{swirl-app-icon.entry.ad91502c.js → swirl-app-icon.entry.bf11cbc7.js} +1 -1
- package/dist/{swirl-app-layout_7.entry.9d8d72f6.js → swirl-app-layout_7.entry.28c2b4de.js} +26 -22
- package/dist/{swirl-autocomplete.entry.be731941.js → swirl-autocomplete.entry.f0fdb5bc.js} +1 -1
- package/dist/{swirl-avatar-group.entry.81ab4113.js → swirl-avatar-group.entry.f7087e94.js} +1 -1
- package/dist/{swirl-avatar.entry.66b1f663.js → swirl-avatar.entry.eef43ae5.js} +1 -1
- package/dist/{swirl-badge.entry.5d2eacc5.js → swirl-badge.entry.f72244f7.js} +1 -1
- package/dist/{swirl-banner.entry.5d0cf5e3.js → swirl-banner.entry.4276994b.js} +1 -1
- package/dist/{swirl-button-group.entry.0da1601d.js → swirl-button-group.entry.64d5a32e.js} +1 -1
- package/dist/{swirl-button.entry.6d8e83fa.js → swirl-button.entry.e315dd7d.js} +1 -1
- package/dist/{swirl-card.entry.5b436ca8.js → swirl-card.entry.36f66851.js} +1 -1
- package/dist/{swirl-carousel-slide.entry.024dbe84.js → swirl-carousel-slide.entry.fddbb981.js} +1 -1
- package/dist/{swirl-carousel.entry.f4f8918c.js → swirl-carousel.entry.06b994ec.js} +1 -1
- package/dist/{swirl-checkbox.entry.db9b2ec9.js → swirl-checkbox.entry.a8b01cff.js} +1 -1
- package/dist/{swirl-chip.entry.5e0bced5.js → swirl-chip.entry.33850745.js} +1 -1
- package/dist/{swirl-columns.entry.65defe84.js → swirl-columns.entry.f3e96252.js} +1 -1
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +41 -41
- package/dist/{swirl-console-layout.entry.24a923f8.js → swirl-console-layout.entry.044b5ac8.js} +2 -2
- package/dist/{swirl-date-input.entry.7bf0348d.js → swirl-date-input.entry.3f2ae86d.js} +1 -1
- package/dist/{swirl-date-picker_2.entry.ce8b7a47.js → swirl-date-picker_2.entry.76a72f5c.js} +1 -1
- package/dist/{swirl-description-list-item.entry.b9b592df.js → swirl-description-list-item.entry.715dc40c.js} +1 -1
- package/dist/{swirl-description-list.entry.7d1a904d.js → swirl-description-list.entry.afe80573.js} +1 -1
- package/dist/{swirl-dialog.entry.026521c1.js → swirl-dialog.entry.10636a92.js} +1 -1
- package/dist/{swirl-file-uploader.entry.d2c9577d.js → swirl-file-uploader.entry.95bdbabd.js} +1 -1
- package/dist/{swirl-file-viewer_7.entry.f408c7c3.js → swirl-file-viewer_7.entry.26143284.js} +1 -1
- package/dist/{swirl-form-control.entry.eb803f58.js → swirl-form-control.entry.418fd19b.js} +1 -1
- package/dist/{swirl-form-group.entry.b2b968bd.js → swirl-form-group.entry.b1a56c1c.js} +1 -1
- package/dist/{swirl-heading.entry.1687784a.js → swirl-heading.entry.b7bf9a1e.js} +1 -1
- package/dist/{swirl-icon-add-photo.entry.6c30d8b3.js → swirl-icon-add-photo.entry.60ee5470.js} +1 -1
- package/dist/{swirl-icon-add_6.entry.1955b359.js → swirl-icon-add_6.entry.05a17e5f.js} +1 -1
- package/dist/{swirl-icon-admin-panel-settings.entry.64e00d98.js → swirl-icon-admin-panel-settings.entry.1e76fe8a.js} +1 -1
- package/dist/{swirl-icon-arrow-back.entry.d6c3224c.js → swirl-icon-arrow-back.entry.98c7d0ce.js} +1 -1
- package/dist/{swirl-icon-arrow-downward_2.entry.59681244.js → swirl-icon-arrow-downward_2.entry.af9497a3.js} +1 -1
- package/dist/{swirl-icon-arrow-forward.entry.6892d88c.js → swirl-icon-arrow-forward.entry.a2adf580.js} +1 -1
- package/dist/{swirl-icon-arrow-left_4.entry.add8d4df.js → swirl-icon-arrow-left_4.entry.eb96a997.js} +1 -1
- package/dist/{swirl-icon-arrow-right-small.entry.f8d6180e.js → swirl-icon-arrow-right-small.entry.f15e9d29.js} +1 -1
- package/dist/{swirl-icon-attachment.entry.4031d1ca.js → swirl-icon-attachment.entry.8ad7b74e.js} +1 -1
- package/dist/{swirl-icon-block.entry.e07f2bbb.js → swirl-icon-block.entry.57271189.js} +1 -1
- package/dist/{swirl-icon-bookmark.entry.66844e8b.js → swirl-icon-bookmark.entry.085f1efc.js} +1 -1
- package/dist/{swirl-icon-cancel_4.entry.d536549c.js → swirl-icon-cancel_4.entry.e3f2c0ae.js} +1 -1
- package/dist/{swirl-icon-chat-bubble.entry.ae31bd14.js → swirl-icon-chat-bubble.entry.b6f5da70.js} +1 -1
- package/dist/{swirl-icon-chats-filled.entry.fde53775.js → swirl-icon-chats-filled.entry.8dc7f80f.js} +1 -1
- package/dist/{swirl-icon-chats-outlined.entry.652f187f.js → swirl-icon-chats-outlined.entry.08356d67.js} +1 -1
- package/dist/{swirl-icon-check-circle_3.entry.0e040cb3.js → swirl-icon-check-circle_3.entry.551bdfa3.js} +1 -1
- package/dist/{swirl-icon-check-small_4.entry.ccbf3f9c.js → swirl-icon-check-small_4.entry.2c31b9d6.js} +1 -1
- package/dist/{swirl-icon-check-strong.entry.ba5be855.js → swirl-icon-check-strong.entry.d3724ec5.js} +1 -1
- package/dist/{swirl-icon-check.entry.fe079866.js → swirl-icon-check.entry.657757b6.js} +1 -1
- package/dist/{swirl-icon-chevron-left.entry.d82e521e.js → swirl-icon-chevron-left.entry.1cf7b7a1.js} +1 -1
- package/dist/{swirl-icon-chevron-right.entry.2b5ab1d3.js → swirl-icon-chevron-right.entry.a6af02b7.js} +1 -1
- package/dist/{swirl-icon-close-small.entry.90d342a2.js → swirl-icon-close-small.entry.8394392c.js} +1 -1
- package/dist/{swirl-icon-close.entry.3330d052.js → swirl-icon-close.entry.a2508394.js} +1 -1
- package/dist/{swirl-icon-cloud-upload.entry.e2db0498.js → swirl-icon-cloud-upload.entry.a87772ad.js} +1 -1
- package/dist/{swirl-icon-column.entry.ea7ac5de.js → swirl-icon-column.entry.61662992.js} +1 -1
- package/dist/{swirl-icon-comment.entry.17170379.js → swirl-icon-comment.entry.80aec319.js} +1 -1
- package/dist/{swirl-icon-copy.entry.5f8e3888.js → swirl-icon-copy.entry.11a63df6.js} +1 -1
- package/dist/{swirl-icon-date-range.entry.098f5ecc.js → swirl-icon-date-range.entry.66bf614b.js} +1 -1
- package/dist/{swirl-icon-delete.entry.c7ed4ade.js → swirl-icon-delete.entry.e2187736.js} +1 -1
- package/dist/{swirl-icon-description.entry.a66ddeec.js → swirl-icon-description.entry.817ec825.js} +1 -1
- package/dist/{swirl-icon-double-arrow-left.entry.b714b9b2.js → swirl-icon-double-arrow-left.entry.882f14d7.js} +1 -1
- package/dist/{swirl-icon-double-arrow-right.entry.4351e80d.js → swirl-icon-double-arrow-right.entry.ff9a65ba.js} +1 -1
- package/dist/{swirl-icon-download.entry.32e505d6.js → swirl-icon-download.entry.04e853f2.js} +1 -1
- package/dist/{swirl-icon-edit.entry.d57eacdb.js → swirl-icon-edit.entry.483458eb.js} +1 -1
- package/dist/{swirl-icon-emoji-mood.entry.ba949877.js → swirl-icon-emoji-mood.entry.66533ec1.js} +1 -1
- package/dist/{swirl-icon-emoji-satisfied.entry.9928ef7d.js → swirl-icon-emoji-satisfied.entry.9f10f699.js} +1 -1
- package/dist/{swirl-icon-error_3.entry.55fc6aeb.js → swirl-icon-error_3.entry.e60e387b.js} +1 -1
- package/dist/{swirl-icon-expand-more.entry.cf4b489b.js → swirl-icon-expand-more.entry.2a755508.js} +1 -1
- package/dist/{swirl-icon-filter.entry.cd86cb94.js → swirl-icon-filter.entry.205d7d2e.js} +1 -1
- package/dist/{swirl-icon-folder.entry.df034687.js → swirl-icon-folder.entry.48a6fc28.js} +1 -1
- package/dist/{swirl-icon-group-assign.entry.acf25db9.js → swirl-icon-group-assign.entry.0468862b.js} +1 -1
- package/dist/{swirl-icon-groups-custom.entry.5e615472.js → swirl-icon-groups-custom.entry.f944c844.js} +1 -1
- package/dist/{swirl-icon-groups-filled.entry.832e1b31.js → swirl-icon-groups-filled.entry.40c82a04.js} +1 -1
- package/dist/{swirl-icon-groups-outlined.entry.21c5ccb0.js → swirl-icon-groups-outlined.entry.af587a7b.js} +1 -1
- package/dist/{swirl-icon-groups.entry.fb6da3b3.js → swirl-icon-groups.entry.ad092fed.js} +1 -1
- package/dist/{swirl-icon-help.entry.c5a6a9be.js → swirl-icon-help.entry.b3ca1361.js} +1 -1
- package/dist/{swirl-icon-image.entry.1d5ff06f.js → swirl-icon-image.entry.67ab00eb.js} +1 -1
- package/dist/{swirl-icon-inventory.entry.21426167.js → swirl-icon-inventory.entry.96bc8527.js} +1 -1
- package/dist/{swirl-icon-like.entry.20ee00a6.js → swirl-icon-like.entry.77318448.js} +1 -1
- package/dist/{swirl-icon-link.entry.501cedec.js → swirl-icon-link.entry.afb83ae4.js} +1 -1
- package/dist/{swirl-icon-lock.entry.05045c6f.js → swirl-icon-lock.entry.b87c3113.js} +1 -1
- package/dist/{swirl-icon-logout.entry.b7d0238b.js → swirl-icon-logout.entry.d3a067bc.js} +1 -1
- package/dist/{swirl-icon-mail.entry.0505817a.js → swirl-icon-mail.entry.32fe59f6.js} +1 -1
- package/dist/{swirl-icon-manage-accounts.entry.c71a594c.js → swirl-icon-manage-accounts.entry.346f58f9.js} +1 -1
- package/dist/{swirl-icon-mention.entry.7db32fb4.js → swirl-icon-mention.entry.2fa32813.js} +1 -1
- package/dist/{swirl-icon-menu-filled.entry.bf1bbe16.js → swirl-icon-menu-filled.entry.467faff9.js} +1 -1
- package/dist/{swirl-icon-menu-outlined.entry.58daad0c.js → swirl-icon-menu-outlined.entry.dd47cd11.js} +1 -1
- package/dist/{swirl-icon-menu.entry.9e89f69e.js → swirl-icon-menu.entry.8f8d7029.js} +1 -1
- package/dist/{swirl-icon-message.entry.7a95902c.js → swirl-icon-message.entry.6f88ba01.js} +1 -1
- package/dist/{swirl-icon-more-horizontal.entry.f4164fd5.js → swirl-icon-more-horizontal.entry.9ecfd251.js} +1 -1
- package/dist/{swirl-icon-news-filled.entry.4de44069.js → swirl-icon-news-filled.entry.9559f453.js} +1 -1
- package/dist/{swirl-icon-news-outlined.entry.343899b1.js → swirl-icon-news-outlined.entry.ec976701.js} +1 -1
- package/dist/{swirl-icon-notifications-active.entry.2dba4082.js → swirl-icon-notifications-active.entry.a7863e3c.js} +1 -1
- package/dist/{swirl-icon-notifications-off.entry.2223c66b.js → swirl-icon-notifications-off.entry.76fa2a35.js} +1 -1
- package/dist/{swirl-icon-notifications.entry.694ae5d7.js → swirl-icon-notifications.entry.f0daa1c7.js} +1 -1
- package/dist/{swirl-icon-open-in-new.entry.b56c577c.js → swirl-icon-open-in-new.entry.47527ea3.js} +1 -1
- package/dist/{swirl-icon-people-alt.entry.b5564a63.js → swirl-icon-people-alt.entry.4eb63b58.js} +1 -1
- package/dist/{swirl-icon-person-off.entry.8572c4f7.js → swirl-icon-person-off.entry.4529927c.js} +1 -1
- package/dist/{swirl-icon-person.entry.dc84620f.js → swirl-icon-person.entry.007afec3.js} +1 -1
- package/dist/{swirl-icon-phone.entry.c2fa47c3.js → swirl-icon-phone.entry.1d85536d.js} +1 -1
- package/dist/{swirl-icon-poll.entry.e2705a1e.js → swirl-icon-poll.entry.79f25ffb.js} +1 -1
- package/dist/{swirl-icon-print.entry.12e35355.js → swirl-icon-print.entry.1a52b513.js} +1 -1
- package/dist/{swirl-icon-recieved.entry.f84650e5.js → swirl-icon-recieved.entry.9295b682.js} +1 -1
- package/dist/{swirl-icon-search-strong.entry.e965a509.js → swirl-icon-search-strong.entry.fbb2383d.js} +1 -1
- package/dist/{swirl-icon-search.entry.f4aee483.js → swirl-icon-search.entry.f62d0700.js} +1 -1
- package/dist/{swirl-icon-send.entry.d361c0bf.js → swirl-icon-send.entry.1a695ca8.js} +1 -1
- package/dist/{swirl-icon-settings.entry.61a0fafd.js → swirl-icon-settings.entry.a47d2624.js} +1 -1
- package/dist/{swirl-icon-sync.entry.36897e9b.js → swirl-icon-sync.entry.dcbd66dc.js} +1 -1
- package/dist/{swirl-icon-tasks-filled.entry.b94a9469.js → swirl-icon-tasks-filled.entry.73883af7.js} +1 -1
- package/dist/{swirl-icon-tasks-outlined.entry.889ea68c.js → swirl-icon-tasks-outlined.entry.dc96f4c9.js} +1 -1
- package/dist/{swirl-icon-time-filled.entry.63ed64f2.js → swirl-icon-time-filled.entry.567f4b28.js} +1 -1
- package/dist/{swirl-icon-time-outlined.entry.d28f190b.js → swirl-icon-time-outlined.entry.f7943376.js} +1 -1
- package/dist/{swirl-icon-user-assign.entry.020a6087.js → swirl-icon-user-assign.entry.eedd2efe.js} +1 -1
- package/dist/{swirl-icon-video-camera.entry.808eb587.js → swirl-icon-video-camera.entry.7ec95f49.js} +1 -1
- package/dist/{swirl-inline-notification.entry.a21a0c57.js → swirl-inline-notification.entry.e59250b1.js} +1 -1
- package/dist/{swirl-lightbox.entry.cac18236.js → swirl-lightbox.entry.f6f37d7d.js} +1 -1
- package/dist/{swirl-link.entry.81d1776b.js → swirl-link.entry.6ec1362d.js} +1 -1
- package/dist/{swirl-list.entry.0956f5a7.js → swirl-list.entry.e05d745e.js} +1 -1
- package/dist/{swirl-modal.entry.235ba0de.js → swirl-modal.entry.2c7fab2e.js} +1 -1
- package/dist/{swirl-option-list-section.entry.8a9dcbc6.js → swirl-option-list-section.entry.c9f49f45.js} +1 -1
- package/dist/swirl-pagination.entry.dbfae56d.js +30 -0
- package/dist/{swirl-pdf-reader.entry.de60c48a.js → swirl-pdf-reader.entry.e61f8d0a.js} +1 -1
- package/dist/{swirl-popover.entry.c662e2b7.js → swirl-popover.entry.01c8cfa8.js} +1 -1
- package/dist/{swirl-progress-indicator.entry.bcd01dab.js → swirl-progress-indicator.entry.c8682716.js} +1 -1
- package/dist/{swirl-radio-group.entry.5ed31416.js → swirl-radio-group.entry.edb31077.js} +1 -1
- package/dist/{swirl-radio.entry.c61015eb.js → swirl-radio.entry.b4cad3fb.js} +1 -1
- package/dist/{swirl-resource-list-file-item.entry.ea1b401d.js → swirl-resource-list-file-item.entry.c0e15d70.js} +1 -1
- package/dist/{swirl-search.entry.9c2a8e9f.js → swirl-search.entry.c82fb513.js} +4 -4
- package/dist/{swirl-select.entry.06fc7ef6.js → swirl-select.entry.dc5ac018.js} +1 -1
- package/dist/{swirl-shell-layout.entry.d1b71fda.js → swirl-shell-layout.entry.5a293d34.js} +1 -1
- package/dist/{swirl-shell-navigation-item.entry.2e4afcb2.js → swirl-shell-navigation-item.entry.fb5b36c2.js} +1 -1
- package/dist/{swirl-skeleton-box.entry.f55ce42b.js → swirl-skeleton-box.entry.7b8d592d.js} +1 -1
- package/dist/{swirl-skeleton-text.entry.0a64c820.js → swirl-skeleton-text.entry.79797ebb.js} +1 -1
- package/dist/{swirl-stack.entry.7a5c66cd.js → swirl-stack.entry.a36ed3e9.js} +1 -1
- package/dist/{swirl-switch.entry.23b4ba58.js → swirl-switch.entry.889627e2.js} +1 -1
- package/dist/{swirl-tab.entry.9c39db1c.js → swirl-tab.entry.99c8d72a.js} +1 -1
- package/dist/{swirl-table-cell.entry.f8eab1f3.js → swirl-table-cell.entry.909d70fe.js} +1 -1
- package/dist/{swirl-table-column.entry.376ebc5c.js → swirl-table-column.entry.364e5761.js} +1 -1
- package/dist/{swirl-table-row-group.entry.614be4a6.js → swirl-table-row-group.entry.03ef98eb.js} +1 -1
- package/dist/{swirl-table-row.entry.8a69e0af.js → swirl-table-row.entry.894c70ef.js} +1 -1
- package/dist/{swirl-table.entry.6eac46b0.js → swirl-table.entry.87551bf6.js} +1 -1
- package/dist/{swirl-tabs.entry.ab96aed5.js → swirl-tabs.entry.2143d57f.js} +1 -1
- package/dist/{swirl-tag.entry.240e7a68.js → swirl-tag.entry.1e044eaa.js} +1 -1
- package/dist/{swirl-text-input.entry.4daf266e.js → swirl-text-input.entry.bcc13c5b.js} +1 -1
- package/dist/{swirl-text.entry.7860aadb.js → swirl-text.entry.5cf8969c.js} +1 -1
- package/dist/{swirl-theme-provider.entry.77d13c75.js → swirl-theme-provider.entry.c2358ec9.js} +1 -1
- package/dist/{swirl-toast-provider.entry.0b06a111.js → swirl-toast-provider.entry.fe5d6803.js} +1 -1
- package/dist/{swirl-toast.entry.f4f8aa46.js → swirl-toast.entry.2ca20137.js} +1 -1
- package/dist/{swirl-tooltip.entry.aebae5f6.js → swirl-tooltip.entry.e13f91c0.js} +1 -1
- package/dist/{swirl-tree-navigation-item.entry.2b1d8ddf.js → swirl-tree-navigation-item.entry.c88b78a2.js} +1 -1
- package/dist/{swirl-video-thumbnail.entry.1a8925b9.js → swirl-video-thumbnail.entry.13b96ac2.js} +1 -1
- package/dist/{swirl-visually-hidden.entry.d56160c9.js → swirl-visually-hidden.entry.81b95d55.js} +1 -1
- package/dist/{wc-datepicker.entry.947617b4.js → wc-datepicker.entry.272026bd.js} +1 -1
- package/package.json +2 -2
- package/dist/swirl-pagination.entry.3946d93f.js +0 -26
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as s, h as t, H as e } from "./index.
|
|
1
|
+
import { r as s, h as t, H as e } from "./index.f17ef3a1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-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}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {
|
package/dist/{swirl-action-list_3.entry.3d0463da.js → swirl-action-list_3.entry.1c481122.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as a, h as e, H as r, g as l } from "./index.
|
|
1
|
+
import { r as a, h as e, H as r, g as l } from "./index.f17ef3a1.js";
|
|
2
2
|
import { q as c, g as d, a as h } from "./utils-61f188cc.4a43deab.js";
|
|
3
3
|
import { c as u } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as
|
|
2
|
-
import { c as
|
|
1
|
+
import { r as n, c as r, h as a, H as l, g as p, F as s } from "./index.f17ef3a1.js";
|
|
2
|
+
import { c as d } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { i as u } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
@@ -21,7 +21,7 @@ const m = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
21
21
|
"navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
|
|
22
22
|
"body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{-webkit-animation:app-layout-slide-out 0.4s;animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-slide-in 0.4s;animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";-webkit-animation:app-layout-fade-in 0.4s;animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{-webkit-animation:app-layout-scale-in 0.3s;animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@-webkit-keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@-webkit-keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@-webkit-keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@-webkit-keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@-webkit-keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@-webkit-keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}`, g = class {
|
|
23
23
|
constructor(i) {
|
|
24
|
-
|
|
24
|
+
n(this, i), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
|
|
25
25
|
this.changeMobileView("navigation");
|
|
26
26
|
}, this.onCtaClick = (t) => {
|
|
27
27
|
this.ctaClick.emit(t);
|
|
@@ -88,7 +88,7 @@ const m = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
88
88
|
this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
const i = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation, t = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), e =
|
|
91
|
+
const i = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation, t = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), e = d("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
|
|
92
92
|
"app-layout--has-app-bar-controls": t,
|
|
93
93
|
"app-layout--has-navigation": this.hasNavigation,
|
|
94
94
|
"app-layout--has-sidebar": this.hasSidebar,
|
|
@@ -98,7 +98,7 @@ const m = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
98
98
|
return a(l, null, a("section", { "aria-labelledby": "app-name", class: e, role: "document", tabIndex: 0 }, a("div", { class: "app-layout__grid" }, a("header", { class: "app-layout__header" }, a("span", { class: "app-layout__navigation-mobile-menu-button" }, a("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && a("span", { class: "app-layout__navigation-back-button" }, a("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && a("span", { class: "app-layout__navigation-controls" }, a("slot", { name: "navigation-controls" }))), a("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, a("slot", { name: "navigation" })), a("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, a("header", { class: "app-layout__app-bar" }, a("span", { class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { name: "app-bar-mobile-menu-button" })), i && a("span", { class: "app-layout__back-to-navigation-button" }, a("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), a("div", { class: "app-layout__app-bar-content" }, a("slot", { name: "app-bar" })), a("div", { class: "app-layout__app-bar-controls" }, a("slot", { name: "app-bar-controls" }))), a("div", { class: "app-layout__banner" }, a("slot", { name: "banner" })), a("div", { class: "app-layout__content" }, a("slot", { name: "content" }))), a("aside", { class: "app-layout__sidebar" }, a("header", { class: "app-layout__sidebar-header" }, a("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { class: "app-layout__sidebar-content" }, a("slot", { name: "sidebar" }))), this.ctaLabel && a("span", { class: "app-layout__floating-cta" }, a("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
|
|
99
99
|
}
|
|
100
100
|
get el() {
|
|
101
|
-
return
|
|
101
|
+
return p(this);
|
|
102
102
|
}
|
|
103
103
|
static get watchers() {
|
|
104
104
|
return {
|
|
@@ -109,7 +109,7 @@ const m = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
|
|
|
109
109
|
g.style = m;
|
|
110
110
|
const v = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", _ = class {
|
|
111
111
|
constructor(i) {
|
|
112
|
-
|
|
112
|
+
n(this, i), this.bordered = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.maxWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0;
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
115
|
const i = {
|
|
@@ -119,10 +119,14 @@ const v = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
|
|
|
119
119
|
justifyContent: this.centerInline ? "center" : void 0,
|
|
120
120
|
overflow: this.overflow,
|
|
121
121
|
padding: `var(--s-space-${this.padding})`,
|
|
122
|
+
paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
|
|
123
|
+
paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
|
|
124
|
+
paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
|
|
125
|
+
paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
|
|
122
126
|
position: Boolean(this.overflow) ? "relative" : "",
|
|
123
127
|
maxWidth: this.maxWidth,
|
|
124
128
|
width: this.cover ? "100%" : void 0
|
|
125
|
-
}, t =
|
|
129
|
+
}, t = d("box", {
|
|
126
130
|
"box--bordered": this.bordered,
|
|
127
131
|
"box--cover": this.cover
|
|
128
132
|
});
|
|
@@ -132,36 +136,36 @@ const v = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
|
|
|
132
136
|
_.style = v;
|
|
133
137
|
const f = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", w = class {
|
|
134
138
|
constructor(i) {
|
|
135
|
-
|
|
139
|
+
n(this, i), this.heading = void 0, this.illustration = void 0;
|
|
136
140
|
}
|
|
137
141
|
render() {
|
|
138
142
|
return a(l, null, a("div", { class: "empty-state" }, this.illustration && a("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { class: "empty-state__body" }, this.heading && a("swirl-heading", { align: "center", as: "p", text: this.heading }), a("div", { class: "empty-state__content" }, a("swirl-text", { align: "center", color: "subdued" }, a("slot", null))))));
|
|
139
143
|
}
|
|
140
144
|
};
|
|
141
145
|
w.style = f;
|
|
142
|
-
const
|
|
146
|
+
const k = ":host{display:inline-flex}", x = class {
|
|
143
147
|
constructor(i) {
|
|
144
|
-
|
|
148
|
+
n(this, i), this.size = 24;
|
|
145
149
|
}
|
|
146
150
|
render() {
|
|
147
|
-
const i = this.size === 20 ? 24 : this.size, t =
|
|
148
|
-
return a("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(
|
|
151
|
+
const i = this.size === 20 ? 24 : this.size, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
152
|
+
return a("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(s, null, a("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(s, null, a("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && a(s, null, a("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
|
|
149
153
|
}
|
|
150
154
|
};
|
|
151
|
-
|
|
155
|
+
x.style = k;
|
|
152
156
|
const C = ":host{display:inline-flex}", B = class {
|
|
153
157
|
constructor(i) {
|
|
154
|
-
|
|
158
|
+
n(this, i), this.size = 24;
|
|
155
159
|
}
|
|
156
160
|
render() {
|
|
157
|
-
const i = this.size === 20 ? 24 : this.size, t =
|
|
158
|
-
return a("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(
|
|
161
|
+
const i = this.size === 20 ? 24 : this.size, t = d("swirl-icon", `swirl-icon--size-${this.size}`);
|
|
162
|
+
return a("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(s, null, a("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(s, null, a("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && a(s, null, a("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
|
|
159
163
|
}
|
|
160
164
|
};
|
|
161
165
|
B.style = C;
|
|
162
166
|
const S = ":host{display:block;width:100%}:host *{box-sizing:border-box}", I = class {
|
|
163
167
|
constructor(i) {
|
|
164
|
-
|
|
168
|
+
n(this, i), this.focusedIndex = 0, this.onKeyDown = (t) => {
|
|
165
169
|
if (t.key === "ArrowDown")
|
|
166
170
|
t.preventDefault(), this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
|
|
167
171
|
else if (t.key === "ArrowUp") {
|
|
@@ -202,13 +206,13 @@ const S = ":host{display:block;width:100%}:host *{box-sizing:border-box}", I = c
|
|
|
202
206
|
return a(l, { onKeyDown: this.onKeyDown }, a("swirl-stack", { "aria-label": this.label, role: "grid" }, a("slot", { onSlotchange: this.onSlotChange })));
|
|
203
207
|
}
|
|
204
208
|
get el() {
|
|
205
|
-
return
|
|
209
|
+
return p(this);
|
|
206
210
|
}
|
|
207
211
|
};
|
|
208
212
|
I.style = S;
|
|
209
213
|
const z = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-item{position:relative;width:100%}.resource-list-item--checked .resource-list-item__checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--has-menu .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable .resource-list-item__content{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable .resource-list-item__label-container{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable .resource-list-item__label-container{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider .resource-list-item__label-container:after{display:none}.resource-list-item__content{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;cursor:pointer;gap:var(--s-space-12)}.resource-list-item__content:hover:not(:disabled){background-color:var(--s-background-hovered)}.resource-list-item__content:hover:not(:disabled) .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:active:not(:disabled){background-color:var(--s-background-pressed)}.resource-list-item__content:active:not(:disabled) .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item__content:focus{outline:none}.resource-list-item__content:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content:focus-visible .resource-list-item__media{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content:disabled{color:var(--s-text-disabled);background-color:var(--s-background-default);cursor:default}.resource-list-item__content:disabled .resource-list-item__description{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media{display:inline-flex}.resource-list-item__label-container{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__description{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.25rem;height:1.25rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%)}@media (min-width: 768px){.resource-list-item__checkbox{right:auto;left:var(--s-space-16)}}.resource-list-item__checkbox-icon{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon>*::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta{position:absolute;top:calc(var(--s-space-12) + var(--s-space-4));right:var(--s-space-16);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}', L = class {
|
|
210
214
|
constructor(i) {
|
|
211
|
-
|
|
215
|
+
n(this, i), this.valueChange = r(this, "valueChange", 7), this.onClick = () => {
|
|
212
216
|
!this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
|
|
213
217
|
}, this.onMenuTriggerClick = (t) => {
|
|
214
218
|
this.disabled && !Boolean(this.href) && t.stopPropagation();
|
|
@@ -222,7 +226,7 @@ const z = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resourc
|
|
|
222
226
|
t !== this.hasMedia && (this.hasMedia = t);
|
|
223
227
|
}
|
|
224
228
|
render() {
|
|
225
|
-
const i = Boolean(this.href) && !this.selectable ? "a" : "button", t = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), o = e && !Boolean(this.meta) && !this.selectable, c = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, y = this.selectable ? "checkbox" : void 0, h =
|
|
229
|
+
const i = Boolean(this.href) && !this.selectable ? "a" : "button", t = this.disabled && !Boolean(this.href), e = Boolean(this.menuTriggerId), o = e && !Boolean(this.meta) && !this.selectable, c = Boolean(this.meta) && !this.selectable, b = this.selectable ? String(this.checked) : void 0, y = this.selectable ? "checkbox" : void 0, h = d("resource-list-item", {
|
|
226
230
|
"resource-list-item--checked": this.checked,
|
|
227
231
|
"resource-list-item--has-menu": e,
|
|
228
232
|
"resource-list-item--hide-divider": this.hideDivider,
|
|
@@ -231,7 +235,7 @@ const z = ':host{display:block;width:100%}:host *{box-sizing:border-box}.resourc
|
|
|
231
235
|
return a(l, { role: "row" }, a("div", { class: h, role: "gridcell" }, a(i, { "aria-checked": b, "aria-disabled": t ? "true" : void 0, "aria-labelledby": "label", class: "resource-list-item__content", href: this.href, disabled: t, onClick: this.onClick, part: "resource-list-item__content", role: y, tabIndex: 0 }, this.hasMedia && a("span", { class: "resource-list-item__media" }, a("slot", { name: "media" })), a("span", { class: "resource-list-item__label-container" }, a("span", { class: "resource-list-item__label", id: "label" }, this.label), this.description && a("span", { class: "resource-list-item__description" }, this.description))), this.selectable && a("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", null))), c && a("span", { class: "resource-list-item__meta" }, this.meta), o && a("swirl-button", { "aria-disabled": t ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: t, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", id: this.menuTriggerId, intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })));
|
|
232
236
|
}
|
|
233
237
|
get el() {
|
|
234
|
-
return
|
|
238
|
+
return p(this);
|
|
235
239
|
}
|
|
236
240
|
};
|
|
237
241
|
L.style = z;
|
|
@@ -239,7 +243,7 @@ export {
|
|
|
239
243
|
g as swirl_app_layout,
|
|
240
244
|
_ as swirl_box,
|
|
241
245
|
w as swirl_empty_state,
|
|
242
|
-
|
|
246
|
+
x as swirl_icon_file,
|
|
243
247
|
B as swirl_icon_folder_shared,
|
|
244
248
|
I as swirl_resource_list,
|
|
245
249
|
L as swirl_resource_list_item
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as n, c as r, h as o, H as u, g as c } from "./index.
|
|
1
|
+
import { r as n, c as r, h as o, H as u, g as c } from "./index.f17ef3a1.js";
|
|
2
2
|
import { a as h, c as d, o as p } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
|
|
3
3
|
import { c as m } from "./index-d280dafb.186cdb0e.js";
|
|
4
4
|
import { d as b } from "./utils-61f188cc.4a43deab.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, c as r, h as i, H as c, g as l } from "./index.
|
|
1
|
+
import { r as o, c as r, h as i, H as c, g as l } from "./index.f17ef3a1.js";
|
|
2
2
|
import { c as b } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { a as d } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as o, h as r, H as c, g as n } from "./index.
|
|
1
|
+
import { r as o, h as r, H as c, g as n } from "./index.f17ef3a1.js";
|
|
2
2
|
import { c as l } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { a as h } from "./utils-61f188cc.4a43deab.js";
|
|
4
4
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as t, h as s, H as i } from "./index.
|
|
1
|
+
import { r as t, h as s, H as i } from "./index.f17ef3a1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr, c9 as Pr } from "./index.
|
|
1
|
+
import { a as s, S as o, b as w, d as S, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as u, o as p, p as m, q as C, s as h, t as A, u as g, v as F, w as L, x as T, y as k, z as f, A as P, B as R, C as v, D as M, E as V, G as D, I as O, J as x, K as y, L as B, M as G, N as E, O as N, P as H, Q as U, R as j, T as z, U as W, V as q, W as J, X as K, Y as Q, Z as X, _ as Y, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as ra, a5 as la, a6 as sa, a7 as oa, a8 as wa, a9 as Sa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ua, ai as pa, aj as ma, ak as Ca, al as ha, am as Aa, an as ga, ao as Fa, ap as La, aq as Ta, ar as ka, as as fa, at as Pa, au as Ra, av as va, aw as Ma, ax as Va, ay as Da, az as Oa, aA as xa, aB as ya, aC as Ba, aD as Ga, aE as Ea, aF as Na, aG as Ha, aH as Ua, aI as ja, aJ as za, aK as Wa, aL as qa, aM as Ja, aN as Ka, aO as Qa, aP as Xa, aQ as Ya, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as ri, aX as li, aY as si, aZ as oi, a_ as wi, a$ as Si, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as ui, b8 as pi, b9 as mi, ba as Ci, bb as hi, bc as Ai, bd as gi, be as Fi, bf as Li, bg as Ti, bh as ki, bi as fi, bj as Pi, bk as Ri, bl as vi, bm as Mi, bn as Vi, bo as Di, bp as Oi, bq as xi, br as yi, bs as Bi, bt as Gi, bu as Ei, bv as Ni, bw as Hi, bx as Ui, by as ji, bz as zi, bA as Wi, bB as qi, bC as Ji, bD as Ki, bE as Qi, bF as Xi, bG as Yi, bH as Zi, bI as _i, bJ as $i, bK as ar, bL as ir, bM as rr, bN as lr, bO as sr, bP as or, bQ as wr, bR as Sr, bS as nr, bT as er, bU as cr, bV as tr, bW as Ir, bX as br, bY as dr, bZ as ur, b_ as pr, b$ as mr, c0 as Cr, c1 as hr, c2 as Ar, c3 as gr, c4 as Fr, c5 as Lr, c6 as Tr, c7 as kr, c8 as fr, c9 as Pr } from "./index.f17ef3a1.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
export {
|