@getflip/swirl-components-react 0.190.0 → 0.192.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.c3376c83.js +57 -0
- package/dist/index-d280dafb.186cdb0e.js +71 -0
- package/dist/index.646f8b70.js +3012 -0
- package/dist/{maska-c5119b9a.aa658697.js → maska-4866b970.5336f9cb.js} +746 -761
- package/dist/stencil-generated/react-component-lib/utils/attachProps.d.ts +0 -4
- package/dist/{swirl-accordion-item.entry.a5d91839.js → swirl-accordion-item.entry.7642df94.js} +9 -9
- package/dist/{swirl-accordion.entry.b39f742e.js → swirl-accordion.entry.70f7cf07.js} +7 -7
- package/dist/{swirl-action-list-section.entry.7c76c543.js → swirl-action-list-section.entry.15d43f15.js} +6 -6
- package/dist/swirl-action-list_3.entry.795c3c74.js +103 -0
- package/dist/swirl-app-bar.entry.339680f7.js +45 -0
- package/dist/swirl-app-icon.entry.87066e60.js +23 -0
- package/dist/{swirl-app-layout_6.entry.6fd84618.js → swirl-app-layout_6.entry.b0d9ea2f.js} +109 -109
- package/dist/swirl-autocomplete.entry.72c983da.js +115 -0
- package/dist/{swirl-avatar-group.entry.b0b1dd62.js → swirl-avatar-group.entry.4047e3bd.js} +7 -7
- package/dist/{swirl-avatar.entry.d594715d.js → swirl-avatar.entry.ffcd08e3.js} +9 -9
- package/dist/{swirl-badge.entry.b522f992.js → swirl-badge.entry.fa985e6c.js} +6 -6
- package/dist/{swirl-banner.entry.21eae081.js → swirl-banner.entry.f3c1eb8d.js} +13 -13
- package/dist/{swirl-box.entry.316b757d.js → swirl-box.entry.be54a348.js} +6 -6
- package/dist/{swirl-button-group.entry.e4cbd09f.js → swirl-button-group.entry.a161ed66.js} +6 -6
- package/dist/{swirl-button.entry.912843e7.js → swirl-button.entry.6b2c06ea.js} +7 -7
- package/dist/{swirl-card.entry.34ed81bd.js → swirl-card.entry.e9d2c0c4.js} +16 -15
- package/dist/swirl-carousel-slide.entry.7735b59c.js +19 -0
- package/dist/{swirl-carousel.entry.c8de1388.js → swirl-carousel.entry.4db746cb.js} +21 -21
- package/dist/{swirl-checkbox.entry.377852cb.js → swirl-checkbox.entry.beb0aaa1.js} +8 -8
- package/dist/{swirl-chip.entry.73e76fa6.js → swirl-chip.entry.5b3c2620.js} +10 -10
- package/dist/{swirl-color-input.entry.e95bacba.js → swirl-color-input.entry.fa28f37e.js} +32 -32
- package/dist/swirl-columns.entry.fe715d08.js +18 -0
- package/dist/swirl-components-react.js +1 -1
- package/dist/swirl-components-react.umd.cjs +52 -52
- package/dist/swirl-console-layout.entry.bb8b69cc.js +68 -0
- package/dist/{swirl-date-input.entry.c8d08cd2.js → swirl-date-input.entry.a0ad3bc3.js} +21 -22
- package/dist/{swirl-date-picker_2.entry.15ce6e94.js → swirl-date-picker_2.entry.af763a2b.js} +11 -11
- package/dist/{swirl-description-list-item.entry.87085342.js → swirl-description-list-item.entry.5096ae84.js} +8 -8
- package/dist/swirl-description-list.entry.432b0113.js +15 -0
- package/dist/{swirl-dialog.entry.e673821f.js → swirl-dialog.entry.dc89c879.js} +15 -15
- package/dist/swirl-emoji-clap.entry.f6bece82.js +17 -0
- package/dist/swirl-emoji-happy.entry.bcefc4d0.js +17 -0
- package/dist/swirl-emoji-idea.entry.491b16b3.js +17 -0
- package/dist/swirl-emoji-love.entry.21d704ae.js +17 -0
- package/dist/swirl-emoji-sad.entry.58e0898b.js +17 -0
- package/dist/swirl-emoji-thumbs-up.entry.38924975.js +17 -0
- package/dist/swirl-emoji.entry.01ae584b.js +16 -0
- package/dist/{swirl-file-uploader.entry.258316c4.js → swirl-file-uploader.entry.7c8be92b.js} +7 -7
- package/dist/{swirl-file-viewer_7.entry.f406b7b5.js → swirl-file-viewer_7.entry.32c7e7b0.js} +908 -914
- package/dist/{swirl-form-control.entry.f849ba67.js → swirl-form-control.entry.f0fb500f.js} +14 -14
- package/dist/swirl-form-group.entry.d6d7dfa9.js +17 -0
- package/dist/{swirl-heading.entry.5ace0a8e.js → swirl-heading.entry.da748b09.js} +5 -5
- package/dist/swirl-icon-add-moderator.entry.a0058762.js +19 -0
- package/dist/swirl-icon-add-photo.entry.790a4fc2.js +19 -0
- package/dist/swirl-icon-add-reaction.entry.29a90d8b.js +19 -0
- package/dist/swirl-icon-add_6.entry.cf28e3a7.js +84 -0
- package/dist/swirl-icon-admin-panel-settings.entry.c85bd53c.js +19 -0
- package/dist/swirl-icon-ai.entry.e2e7af74.js +19 -0
- package/dist/swirl-icon-apps.entry.3b0fed26.js +19 -0
- package/dist/swirl-icon-arrow-back_4.entry.f844e9c5.js +58 -0
- package/dist/swirl-icon-arrow-downward_2.entry.08c74cdd.js +32 -0
- package/dist/swirl-icon-arrow-left_4.entry.06aa2b6f.js +59 -0
- package/dist/swirl-icon-arrow-right-small.entry.f02d0883.js +19 -0
- package/dist/swirl-icon-attachment.entry.0b60ec4e.js +19 -0
- package/dist/swirl-icon-bar-chart.entry.532e2075.js +19 -0
- package/dist/swirl-icon-block.entry.23f1897f.js +19 -0
- package/dist/swirl-icon-bookmark-filled.entry.fa7750c7.js +19 -0
- package/dist/swirl-icon-bookmark.entry.8d3ad349.js +19 -0
- package/dist/swirl-icon-cancel_4.entry.39c1ea4a.js +58 -0
- package/dist/swirl-icon-chat-bubble.entry.977ed569.js +19 -0
- package/dist/swirl-icon-chats-filled.entry.065665c5.js +19 -0
- package/dist/swirl-icon-chats.entry.80b54ccc.js +19 -0
- package/dist/swirl-icon-check-circle_2.entry.743b00a8.js +32 -0
- package/dist/swirl-icon-check-small_3.entry.ba35ff90.js +77 -0
- package/dist/swirl-icon-check-strong.entry.832b9c73.js +19 -0
- package/dist/swirl-icon-check.entry.bf52ab76.js +19 -0
- package/dist/swirl-icon-chevron-left.entry.c39e9c40.js +19 -0
- package/dist/swirl-icon-chevron-right.entry.ca83d518.js +19 -0
- package/dist/swirl-icon-close-small.entry.92cd725d.js +19 -0
- package/dist/swirl-icon-close.entry.e759605f.js +19 -0
- package/dist/swirl-icon-cloud-upload.entry.b03cd35b.js +19 -0
- package/dist/swirl-icon-column.entry.e3b20be1.js +19 -0
- package/dist/swirl-icon-comment.entry.3075d7a1.js +19 -0
- package/dist/swirl-icon-copy.entry.741026ab.js +19 -0
- package/dist/swirl-icon-dark-mode.entry.b93e3c6d.js +19 -0
- package/dist/swirl-icon-date-range.entry.28ff2f65.js +19 -0
- package/dist/swirl-icon-delete.entry.19ae465f.js +19 -0
- package/dist/swirl-icon-description.entry.2734abd8.js +19 -0
- package/dist/swirl-icon-desktop.entry.976d1e81.js +19 -0
- package/dist/swirl-icon-directory-filled.entry.edcecde2.js +19 -0
- package/dist/swirl-icon-directory.entry.ec1bfcee.js +19 -0
- package/dist/swirl-icon-discover.entry.e25a64cf.js +19 -0
- package/dist/swirl-icon-dot.entry.d0d178b8.js +19 -0
- package/dist/swirl-icon-double-arrow-right.entry.d95f3541.js +19 -0
- package/dist/swirl-icon-download.entry.f7d91cb5.js +19 -0
- package/dist/swirl-icon-edit.entry.a44ec82c.js +19 -0
- package/dist/swirl-icon-emoji-mood.entry.affdbca4.js +19 -0
- package/dist/swirl-icon-emoji-satisfied.entry.b7e2953e.js +19 -0
- package/dist/swirl-icon-error_3.entry.7999d68b.js +58 -0
- package/dist/swirl-icon-expand-more.entry.1c6de5a9.js +19 -0
- package/dist/swirl-icon-filter.entry.a97699fb.js +19 -0
- package/dist/swirl-icon-folder.entry.b713e345.js +19 -0
- package/dist/swirl-icon-format-h-one.entry.a1f9c491.js +19 -0
- package/dist/swirl-icon-gif.entry.9dd2aedd.js +19 -0
- package/dist/swirl-icon-group-add.entry.0cc07eb3.js +19 -0
- package/dist/swirl-icon-group-assign.entry.2feee62e.js +19 -0
- package/dist/swirl-icon-groups-filled.entry.21ba1731.js +19 -0
- package/dist/swirl-icon-groups.entry.c2e956fe.js +19 -0
- package/dist/swirl-icon-hamburger-menu.entry.a621d732.js +19 -0
- package/dist/swirl-icon-help.entry.9b555a53.js +19 -0
- package/dist/swirl-icon-highlight.entry.08eb0954.js +19 -0
- package/dist/swirl-icon-home.entry.d7a51b6b.js +19 -0
- package/dist/swirl-icon-image.entry.92315cd0.js +19 -0
- package/dist/swirl-icon-improve-text.entry.bcdeeb96.js +19 -0
- package/dist/swirl-icon-info.entry.850b5c97.js +19 -0
- package/dist/swirl-icon-insert-below.entry.7c3c1bf8.js +19 -0
- package/dist/swirl-icon-insert-on-top.entry.e5bbcbaf.js +19 -0
- package/dist/swirl-icon-inventory.entry.5778865d.js +19 -0
- package/dist/swirl-icon-keyboard-hide.entry.daa12636.js +19 -0
- package/dist/swirl-icon-light-mode.entry.88a2a385.js +19 -0
- package/dist/swirl-icon-like.entry.ffadb9bf.js +19 -0
- package/dist/swirl-icon-link.entry.c9115086.js +19 -0
- package/dist/swirl-icon-load.entry.ac9848ec.js +19 -0
- package/dist/swirl-icon-lock-open.entry.3a137a7d.js +19 -0
- package/dist/swirl-icon-lock-person.entry.27d73600.js +19 -0
- package/dist/swirl-icon-lock.entry.122df0b7.js +19 -0
- package/dist/swirl-icon-login.entry.c27feba8.js +19 -0
- package/dist/swirl-icon-logout.entry.f7dc9f49.js +19 -0
- package/dist/swirl-icon-long-text.entry.0557b367.js +19 -0
- package/dist/swirl-icon-mail.entry.c8f7039c.js +19 -0
- package/dist/swirl-icon-manage-accounts.entry.d3a43717.js +19 -0
- package/dist/swirl-icon-mark-chat-read.entry.ee24f226.js +19 -0
- package/dist/swirl-icon-mark-chat-unread.entry.f3c39ac2.js +19 -0
- package/dist/swirl-icon-mention.entry.833b7086.js +19 -0
- package/dist/swirl-icon-menu-filled.entry.1e95ae86.js +19 -0
- package/dist/swirl-icon-menu.entry.e7f3ff29.js +19 -0
- package/dist/swirl-icon-message.entry.6c6ff00a.js +19 -0
- package/dist/swirl-icon-mic.entry.4da8e81b.js +19 -0
- package/dist/swirl-icon-more-horizontal.entry.08555692.js +19 -0
- package/dist/swirl-icon-news-filled.entry.1640c88c.js +19 -0
- package/dist/swirl-icon-news-off.entry.ab5bbf8f.js +19 -0
- package/dist/swirl-icon-news.entry.ee51d687.js +19 -0
- package/dist/swirl-icon-notifications-active.entry.00cf9c85.js +19 -0
- package/dist/swirl-icon-notifications-off.entry.6142b879.js +19 -0
- package/dist/swirl-icon-notifications.entry.f0208f9d.js +19 -0
- package/dist/swirl-icon-open-in-full.entry.2843d04a.js +19 -0
- package/dist/swirl-icon-open-in-new.entry.c78ffc73.js +19 -0
- package/dist/swirl-icon-pause-circle.entry.0c89b9f2.js +19 -0
- package/dist/swirl-icon-pause.entry.fbab8abf.js +19 -0
- package/dist/swirl-icon-people-alt.entry.00d0bc99.js +19 -0
- package/dist/swirl-icon-person-off.entry.58682648.js +19 -0
- package/dist/swirl-icon-person.entry.3b0330e2.js +19 -0
- package/dist/swirl-icon-phone.entry.4cb36085.js +19 -0
- package/dist/swirl-icon-photo-camera.entry.7df9b1ae.js +19 -0
- package/dist/swirl-icon-place.entry.77e36869.js +19 -0
- package/dist/swirl-icon-play-arrow.entry.76ae5929.js +19 -0
- package/dist/swirl-icon-poll.entry.1a4a607f.js +19 -0
- package/dist/swirl-icon-print.entry.2b04d34f.js +19 -0
- package/dist/swirl-icon-recieved.entry.700fbfdd.js +19 -0
- package/dist/swirl-icon-remove-moderator.entry.46305271.js +19 -0
- package/dist/swirl-icon-reply.entry.b680e291.js +19 -0
- package/dist/swirl-icon-report.entry.05c5e462.js +19 -0
- package/dist/swirl-icon-roadmap.entry.4413d07a.js +19 -0
- package/dist/swirl-icon-search-strong.entry.5aebc26c.js +19 -0
- package/dist/swirl-icon-search.entry.c04cb08c.js +19 -0
- package/dist/swirl-icon-secure.entry.9c94f4bd.js +19 -0
- package/dist/swirl-icon-send.entry.74104fe8.js +19 -0
- package/dist/swirl-icon-settings.entry.50c625f9.js +19 -0
- package/dist/swirl-icon-short-text.entry.e8ac3807.js +19 -0
- package/dist/swirl-icon-simplify.entry.af2be4d9.js +19 -0
- package/dist/swirl-icon-spellcheck.entry.cd95f61f.js +19 -0
- package/dist/swirl-icon-stop.entry.334c7eb3.js +19 -0
- package/dist/swirl-icon-sync.entry.bfeaeebc.js +19 -0
- package/dist/swirl-icon-tasks-filled.entry.a6d8a473.js +19 -0
- package/dist/swirl-icon-tasks.entry.c1f94e60.js +19 -0
- package/dist/swirl-icon-terminal.entry.b0b627cd.js +19 -0
- package/dist/swirl-icon-time-filled.entry.54af15f6.js +19 -0
- package/dist/swirl-icon-time.entry.3d0feb2d.js +19 -0
- package/dist/swirl-icon-today-filled.entry.ba634fd9.js +19 -0
- package/dist/swirl-icon-translate.entry.25cbae77.js +19 -0
- package/dist/swirl-icon-tree-structure.entry.dd65a1d4.js +19 -0
- package/dist/swirl-icon-undo.entry.55e173fe.js +19 -0
- package/dist/swirl-icon-unlock-person.entry.8e497d6a.js +19 -0
- package/dist/swirl-icon-user-add.entry.bf8bf45c.js +19 -0
- package/dist/swirl-icon-user-assign.entry.e606b5ab.js +19 -0
- package/dist/swirl-icon-video-camera.entry.e777a873.js +19 -0
- package/dist/swirl-icon-video-library.entry.5bb5a5ff.js +19 -0
- package/dist/swirl-icon-voice.entry.78de5814.js +19 -0
- package/dist/swirl-icon-work.entry.3b1d4bd0.js +19 -0
- package/dist/swirl-icon.entry.703f8f60.js +16 -0
- package/dist/{swirl-image-grid-item.entry.cbb59e85.js → swirl-image-grid-item.entry.60e4907f.js} +16 -16
- package/dist/{swirl-image-grid.entry.0b1f368f.js → swirl-image-grid.entry.2a0fcc71.js} +6 -6
- package/dist/swirl-inline-notification.entry.7a948d82.js +17 -0
- package/dist/{swirl-inline-status.entry.defadaeb.js → swirl-inline-status.entry.c73b3b9c.js} +10 -10
- package/dist/swirl-lightbox.entry.b244af2f.js +136 -0
- package/dist/{swirl-link.entry.e9747d7e.js → swirl-link.entry.31f69ea0.js} +4 -4
- package/dist/{swirl-list.entry.34c88bce.js → swirl-list.entry.8c0b71f8.js} +8 -8
- package/dist/{swirl-menu-item.entry.cd5f4f83.js → swirl-menu-item.entry.ffa91056.js} +27 -27
- package/dist/{swirl-menu.entry.14f87bbe.js → swirl-menu.entry.67d9e63e.js} +17 -17
- package/dist/{swirl-modal.entry.357b4e60.js → swirl-modal.entry.976f9b37.js} +29 -29
- package/dist/{swirl-option-list-section.entry.4a33119f.js → swirl-option-list-section.entry.02e41c5f.js} +6 -6
- package/dist/{swirl-option-list_2.entry.30d39c81.js → swirl-option-list_2.entry.e1280630.js} +15 -15
- package/dist/swirl-pagination.entry.f3c3d8f6.js +38 -0
- package/dist/swirl-pdf-reader.entry.59123a53.js +109 -0
- package/dist/{swirl-popover_2.entry.67f092ba.js → swirl-popover_2.entry.38eb6026.js} +21 -21
- package/dist/{swirl-progress-indicator.entry.f3e53bfb.js → swirl-progress-indicator.entry.91271890.js} +7 -7
- package/dist/{swirl-radio-group.entry.39d29324.js → swirl-radio-group.entry.c5b7b952.js} +9 -9
- package/dist/{swirl-radio.entry.bc87fc9c.js → swirl-radio.entry.084cfb8a.js} +8 -8
- package/dist/{swirl-resource-list-file-item.entry.e02fad69.js → swirl-resource-list-file-item.entry.eab82697.js} +8 -8
- package/dist/{swirl-search.entry.ef5ec813.js → swirl-search.entry.b6a27913.js} +26 -26
- package/dist/{swirl-select.entry.962867a8.js → swirl-select.entry.d8e4d680.js} +10 -10
- package/dist/{swirl-shell-layout.entry.208151c0.js → swirl-shell-layout.entry.965e04b1.js} +17 -17
- package/dist/{swirl-shell-navigation-item.entry.51674cb2.js → swirl-shell-navigation-item.entry.6b208b04.js} +8 -8
- package/dist/{swirl-skeleton-box.entry.13953112.js → swirl-skeleton-box.entry.4fc97e29.js} +7 -7
- package/dist/{swirl-skeleton-text.entry.26a11634.js → swirl-skeleton-text.entry.452ff5e1.js} +6 -6
- package/dist/{swirl-stack.entry.7943e6ba.js → swirl-stack.entry.b8ce1711.js} +8 -8
- package/dist/{swirl-status-indicator.entry.d249d902.js → swirl-status-indicator.entry.69e70f32.js} +6 -6
- package/dist/{swirl-switch.entry.7f5d250a.js → swirl-switch.entry.c3bf4141.js} +8 -8
- package/dist/swirl-symbol-account-circle.entry.a9e7fc07.js +17 -0
- package/dist/swirl-symbol-alternate-email.entry.8b17822d.js +17 -0
- package/dist/swirl-symbol-android.entry.b59f3bcd.js +17 -0
- package/dist/swirl-symbol-announcement.entry.018dda0f.js +17 -0
- package/dist/swirl-symbol-backup.entry.04dd4bf7.js +17 -0
- package/dist/swirl-symbol-beach-access.entry.362890e3.js +17 -0
- package/dist/swirl-symbol-bookmark.entry.7f2679f1.js +17 -0
- package/dist/swirl-symbol-cloud.entry.32236253.js +17 -0
- package/dist/swirl-symbol-coronavirus.entry.d40cfd0b.js +17 -0
- package/dist/swirl-symbol-desktop-windows.entry.93da171d.js +17 -0
- package/dist/swirl-symbol-directions-car-filled.entry.f30cc503.js +17 -0
- package/dist/swirl-symbol-edit-calendar.entry.56905bf4.js +17 -0
- package/dist/swirl-symbol-email.entry.98433f61.js +17 -0
- package/dist/swirl-symbol-emoji-food-beverage.entry.107178a2.js +17 -0
- package/dist/swirl-symbol-event-menu.entry.1a3c23c9.js +17 -0
- package/dist/swirl-symbol-facebook.entry.1a0e3870.js +17 -0
- package/dist/swirl-symbol-favorite.entry.b1b20e8d.js +17 -0
- package/dist/swirl-symbol-fitness-center.entry.36d55190.js +17 -0
- package/dist/swirl-symbol-flag.entry.760854dc.js +17 -0
- package/dist/swirl-symbol-folder.entry.2779ed4b.js +17 -0
- package/dist/swirl-symbol-globe.entry.7fc449d1.js +17 -0
- package/dist/swirl-symbol-groups.entry.255502a0.js +17 -0
- package/dist/swirl-symbol-help.entry.899143a2.js +17 -0
- package/dist/swirl-symbol-image.entry.29a63901.js +17 -0
- package/dist/swirl-symbol-info-menu.entry.e36f4311.js +17 -0
- package/dist/swirl-symbol-instagram.entry.3afb3786.js +17 -0
- package/dist/swirl-symbol-ios.entry.ceefba8b.js +17 -0
- package/dist/swirl-symbol-language.entry.7fbac543.js +17 -0
- package/dist/swirl-symbol-leaderboard.entry.19525395.js +17 -0
- package/dist/swirl-symbol-lightbulb.entry.344a3157.js +17 -0
- package/dist/swirl-symbol-linkedin.entry.85758da1.js +17 -0
- package/dist/swirl-symbol-location-on.entry.c5d867b5.js +17 -0
- package/dist/swirl-symbol-loyalty.entry.3b9cb2f0.js +17 -0
- package/dist/swirl-symbol-maps-home-work.entry.7c2f1961.js +17 -0
- package/dist/swirl-symbol-notifications.entry.f4a5a133.js +17 -0
- package/dist/swirl-symbol-open-in-new.entry.f4746ce6.js +17 -0
- package/dist/swirl-symbol-pedal-bike.entry.44120e6d.js +17 -0
- package/dist/swirl-symbol-pinterest.entry.91eef437.js +17 -0
- package/dist/swirl-symbol-policy.entry.898c850c.js +17 -0
- package/dist/swirl-symbol-push-pin.entry.fbcd7fcc.js +17 -0
- package/dist/swirl-symbol-redeem.entry.ac524007.js +17 -0
- package/dist/swirl-symbol-report-problem.entry.22962aea.js +17 -0
- package/dist/swirl-symbol-restaurant.entry.ce88050d.js +17 -0
- package/dist/swirl-symbol-roadmap.entry.7f7e5dcc.js +17 -0
- package/dist/swirl-symbol-room.entry.e6928aa9.js +17 -0
- package/dist/swirl-symbol-savings.entry.ec3c287c.js +17 -0
- package/dist/swirl-symbol-settings-voice.entry.4e4352b9.js +17 -0
- package/dist/swirl-symbol-shopping-cart.entry.eed07a87.js +17 -0
- package/dist/swirl-symbol-smartphone.entry.ee43330c.js +17 -0
- package/dist/swirl-symbol-star.entry.03570eec.js +17 -0
- package/dist/swirl-symbol-supervisor-account.entry.037ff569.js +17 -0
- package/dist/swirl-symbol-thumbs-up-down.entry.c987102c.js +17 -0
- package/dist/swirl-symbol-twitter.entry.6a88482f.js +17 -0
- package/dist/swirl-symbol-wb-sunny.entry.a2c3c0a5.js +17 -0
- package/dist/swirl-symbol-wechat.entry.a8762724.js +17 -0
- package/dist/swirl-symbol-weibo.entry.1f24e00d.js +17 -0
- package/dist/swirl-symbol-work.entry.0ea60a2f.js +17 -0
- package/dist/swirl-symbol-xing.entry.275e84b1.js +17 -0
- package/dist/swirl-symbol-youtube.entry.1d5392a3.js +17 -0
- package/dist/swirl-symbol.entry.def02362.js +16 -0
- package/dist/{swirl-tab-bar.entry.a5d34386.js → swirl-tab-bar.entry.6c52422b.js} +6 -6
- package/dist/swirl-tab.entry.d86fa98b.js +17 -0
- package/dist/{swirl-table-cell.entry.d6f16fe6.js → swirl-table-cell.entry.99918d29.js} +7 -7
- package/dist/{swirl-table-column.entry.21cf91ec.js → swirl-table-column.entry.f26386a4.js} +11 -11
- package/dist/{swirl-table-row-group.entry.8eded761.js → swirl-table-row-group.entry.000fd86e.js} +7 -7
- package/dist/swirl-table-row.entry.a26d302b.js +27 -0
- package/dist/{swirl-table.entry.4b8d3844.js → swirl-table.entry.e5de618f.js} +19 -19
- package/dist/{swirl-tabs.entry.2d5dc609.js → swirl-tabs.entry.f211eb86.js} +6 -6
- package/dist/{swirl-text-input.entry.3033e2c1.js → swirl-text-input.entry.765bdf19.js} +9 -9
- package/dist/{swirl-text.entry.7d133592.js → swirl-text.entry.7f3addc1.js} +48 -51
- package/dist/{swirl-theme-provider.entry.ef1b8b87.js → swirl-theme-provider.entry.ba9105c6.js} +5 -5
- package/dist/{swirl-time-input.entry.c78965a9.js → swirl-time-input.entry.bac3d298.js} +27 -28
- package/dist/{swirl-toast-provider.entry.8e11061e.js → swirl-toast-provider.entry.fae201cc.js} +6 -6
- package/dist/{swirl-toast.entry.8b8e779b.js → swirl-toast.entry.27dd5ceb.js} +9 -9
- package/dist/{swirl-toolbar.entry.1ab69e57.js → swirl-toolbar.entry.4cad1ef4.js} +7 -7
- package/dist/{swirl-tooltip.entry.ee4cb966.js → swirl-tooltip.entry.73255a63.js} +11 -11
- package/dist/{swirl-tree-navigation-item.entry.298ab094.js → swirl-tree-navigation-item.entry.074acdc2.js} +5 -5
- package/dist/swirl-video-thumbnail.entry.8cd97531.js +88 -0
- package/dist/swirl-visually-hidden.entry.50dc2a1f.js +15 -0
- package/dist/{wc-datepicker.entry.fed6c9d7.js → wc-datepicker.entry.6d434c91.js} +9 -9
- package/package.json +2 -2
- package/dist/_commonjsHelpers-d20b9603.2d9b8855.js +0 -27
- package/dist/file-manager.entry.6df11d09.js +0 -57
- package/dist/index-267776a4.6beb4f4b.js +0 -38
- package/dist/index.d90adc50.js +0 -3179
- package/dist/swirl-action-list_3.entry.ef982c5d.js +0 -103
- package/dist/swirl-app-bar.entry.2cfd762b.js +0 -45
- package/dist/swirl-app-icon.entry.3025724d.js +0 -23
- package/dist/swirl-autocomplete.entry.9e3e885d.js +0 -115
- package/dist/swirl-carousel-slide.entry.110bbdb4.js +0 -19
- package/dist/swirl-columns.entry.dbed3083.js +0 -18
- package/dist/swirl-console-layout.entry.ce34f32a.js +0 -68
- package/dist/swirl-description-list.entry.8346d2f6.js +0 -15
- package/dist/swirl-emoji-clap.entry.c51e5dd2.js +0 -17
- package/dist/swirl-emoji-happy.entry.ab900e84.js +0 -17
- package/dist/swirl-emoji-idea.entry.39c749d7.js +0 -17
- package/dist/swirl-emoji-love.entry.48574212.js +0 -17
- package/dist/swirl-emoji-sad.entry.71e12957.js +0 -17
- package/dist/swirl-emoji-thumbs-up.entry.2c57a0f1.js +0 -17
- package/dist/swirl-emoji.entry.61e00603.js +0 -16
- package/dist/swirl-form-group.entry.a9fc5de5.js +0 -17
- package/dist/swirl-icon-add-moderator.entry.0b51ccb8.js +0 -19
- package/dist/swirl-icon-add-photo.entry.b9ede402.js +0 -19
- package/dist/swirl-icon-add-reaction.entry.e9eab176.js +0 -19
- package/dist/swirl-icon-add_6.entry.a00fc6c9.js +0 -84
- package/dist/swirl-icon-admin-panel-settings.entry.c6898880.js +0 -19
- package/dist/swirl-icon-ai.entry.40c1feb2.js +0 -19
- package/dist/swirl-icon-apps.entry.7e4baf68.js +0 -19
- package/dist/swirl-icon-arrow-back_4.entry.22e2032f.js +0 -58
- package/dist/swirl-icon-arrow-downward_2.entry.619ff844.js +0 -32
- package/dist/swirl-icon-arrow-left_4.entry.cea83fb4.js +0 -59
- package/dist/swirl-icon-arrow-right-small.entry.9700b93f.js +0 -19
- package/dist/swirl-icon-attachment.entry.ded9dcc7.js +0 -19
- package/dist/swirl-icon-bar-chart.entry.df259ce8.js +0 -19
- package/dist/swirl-icon-block.entry.ff328ff8.js +0 -19
- package/dist/swirl-icon-bookmark-filled.entry.2b3b8bd8.js +0 -19
- package/dist/swirl-icon-bookmark.entry.5fa6a803.js +0 -19
- package/dist/swirl-icon-cancel_4.entry.60ef65d2.js +0 -58
- package/dist/swirl-icon-chat-bubble.entry.d198e2c5.js +0 -19
- package/dist/swirl-icon-chats-filled.entry.70126ead.js +0 -19
- package/dist/swirl-icon-chats.entry.90249dc7.js +0 -19
- package/dist/swirl-icon-check-circle_2.entry.9fb661f5.js +0 -32
- package/dist/swirl-icon-check-small_3.entry.d91801f9.js +0 -77
- package/dist/swirl-icon-check-strong.entry.16ce3538.js +0 -19
- package/dist/swirl-icon-check.entry.34ec6a4c.js +0 -19
- package/dist/swirl-icon-chevron-left.entry.a6765df3.js +0 -19
- package/dist/swirl-icon-chevron-right.entry.f368a456.js +0 -19
- package/dist/swirl-icon-close-small.entry.f1351249.js +0 -19
- package/dist/swirl-icon-close.entry.bc4eb374.js +0 -19
- package/dist/swirl-icon-cloud-upload.entry.b2ee1916.js +0 -19
- package/dist/swirl-icon-column.entry.1fdeb739.js +0 -19
- package/dist/swirl-icon-comment.entry.412bd2e5.js +0 -19
- package/dist/swirl-icon-copy.entry.c5c415cc.js +0 -19
- package/dist/swirl-icon-dark-mode.entry.c22acb72.js +0 -19
- package/dist/swirl-icon-date-range.entry.1ec8047e.js +0 -19
- package/dist/swirl-icon-delete.entry.a3c4154b.js +0 -19
- package/dist/swirl-icon-description.entry.2a4f089c.js +0 -19
- package/dist/swirl-icon-desktop.entry.5eb692a4.js +0 -19
- package/dist/swirl-icon-directory-filled.entry.550fb2b6.js +0 -19
- package/dist/swirl-icon-directory.entry.2511b835.js +0 -19
- package/dist/swirl-icon-discover.entry.0e461f17.js +0 -19
- package/dist/swirl-icon-dot.entry.fdce9253.js +0 -19
- package/dist/swirl-icon-double-arrow-right.entry.57c6dae2.js +0 -19
- package/dist/swirl-icon-download.entry.ebd1bad3.js +0 -19
- package/dist/swirl-icon-edit.entry.5d2f4329.js +0 -19
- package/dist/swirl-icon-emoji-mood.entry.b445ed8e.js +0 -19
- package/dist/swirl-icon-emoji-satisfied.entry.318cc33e.js +0 -19
- package/dist/swirl-icon-error_3.entry.8156f1b9.js +0 -58
- package/dist/swirl-icon-expand-more.entry.a5df0dff.js +0 -19
- package/dist/swirl-icon-filter.entry.2e7d8694.js +0 -19
- package/dist/swirl-icon-folder.entry.b4a2eece.js +0 -19
- package/dist/swirl-icon-format-h-one.entry.178d9f8c.js +0 -19
- package/dist/swirl-icon-gif.entry.ef508d18.js +0 -19
- package/dist/swirl-icon-group-add.entry.288a4663.js +0 -19
- package/dist/swirl-icon-group-assign.entry.4035e1d8.js +0 -19
- package/dist/swirl-icon-groups-filled.entry.c285587a.js +0 -19
- package/dist/swirl-icon-groups.entry.56823a93.js +0 -19
- package/dist/swirl-icon-hamburger-menu.entry.de323443.js +0 -19
- package/dist/swirl-icon-help.entry.368e096d.js +0 -19
- package/dist/swirl-icon-highlight.entry.ff89b4ce.js +0 -19
- package/dist/swirl-icon-home.entry.1e3c3825.js +0 -19
- package/dist/swirl-icon-image.entry.f3bb3bb6.js +0 -19
- package/dist/swirl-icon-improve-text.entry.cca636ba.js +0 -19
- package/dist/swirl-icon-info.entry.41c8be01.js +0 -19
- package/dist/swirl-icon-insert-below.entry.dea18800.js +0 -19
- package/dist/swirl-icon-insert-on-top.entry.7efb2795.js +0 -19
- package/dist/swirl-icon-inventory.entry.d06aa28c.js +0 -19
- package/dist/swirl-icon-keyboard-hide.entry.3afce769.js +0 -19
- package/dist/swirl-icon-light-mode.entry.af5308c8.js +0 -19
- package/dist/swirl-icon-like.entry.e8cdf60a.js +0 -19
- package/dist/swirl-icon-link.entry.43f2756d.js +0 -19
- package/dist/swirl-icon-load.entry.3d790b8f.js +0 -19
- package/dist/swirl-icon-lock-open.entry.ae3db367.js +0 -19
- package/dist/swirl-icon-lock-person.entry.4cea786a.js +0 -19
- package/dist/swirl-icon-lock.entry.45eccf76.js +0 -19
- package/dist/swirl-icon-login.entry.1579dc52.js +0 -19
- package/dist/swirl-icon-logout.entry.c66b3082.js +0 -19
- package/dist/swirl-icon-long-text.entry.aaa0d50c.js +0 -19
- package/dist/swirl-icon-mail.entry.4b7f03f5.js +0 -19
- package/dist/swirl-icon-manage-accounts.entry.a4ed4854.js +0 -19
- package/dist/swirl-icon-mark-chat-read.entry.6078126e.js +0 -19
- package/dist/swirl-icon-mark-chat-unread.entry.f6ee3ffd.js +0 -19
- package/dist/swirl-icon-mention.entry.ba102e64.js +0 -19
- package/dist/swirl-icon-menu-filled.entry.ab0bf98c.js +0 -19
- package/dist/swirl-icon-menu.entry.c9c67658.js +0 -19
- package/dist/swirl-icon-message.entry.54e3a552.js +0 -19
- package/dist/swirl-icon-mic.entry.a5c00b6d.js +0 -19
- package/dist/swirl-icon-more-horizontal.entry.eba630ac.js +0 -19
- package/dist/swirl-icon-news-filled.entry.fa6c54d7.js +0 -19
- package/dist/swirl-icon-news-off.entry.98df2a70.js +0 -19
- package/dist/swirl-icon-news.entry.625d5303.js +0 -19
- package/dist/swirl-icon-notifications-active.entry.df8ae5d1.js +0 -19
- package/dist/swirl-icon-notifications-off.entry.d926ef33.js +0 -19
- package/dist/swirl-icon-notifications.entry.533c02fb.js +0 -19
- package/dist/swirl-icon-open-in-full.entry.109770d4.js +0 -19
- package/dist/swirl-icon-open-in-new.entry.d824c288.js +0 -19
- package/dist/swirl-icon-pause-circle.entry.a5f02e46.js +0 -19
- package/dist/swirl-icon-pause.entry.f20c8b41.js +0 -19
- package/dist/swirl-icon-people-alt.entry.a48ba343.js +0 -19
- package/dist/swirl-icon-person-off.entry.3c26134d.js +0 -19
- package/dist/swirl-icon-person.entry.06218285.js +0 -19
- package/dist/swirl-icon-phone.entry.24485594.js +0 -19
- package/dist/swirl-icon-photo-camera.entry.df8f355b.js +0 -19
- package/dist/swirl-icon-place.entry.f39d3b55.js +0 -19
- package/dist/swirl-icon-play-arrow.entry.d3b0c8fe.js +0 -19
- package/dist/swirl-icon-poll.entry.5c21a4ad.js +0 -19
- package/dist/swirl-icon-print.entry.28726978.js +0 -19
- package/dist/swirl-icon-recieved.entry.bd151dff.js +0 -19
- package/dist/swirl-icon-remove-moderator.entry.9a0f7a75.js +0 -19
- package/dist/swirl-icon-reply.entry.1c4c3da0.js +0 -19
- package/dist/swirl-icon-report.entry.768327ea.js +0 -19
- package/dist/swirl-icon-roadmap.entry.9faf3ea6.js +0 -19
- package/dist/swirl-icon-search-strong.entry.48ac4870.js +0 -19
- package/dist/swirl-icon-search.entry.e398f832.js +0 -19
- package/dist/swirl-icon-secure.entry.52f73b44.js +0 -19
- package/dist/swirl-icon-send.entry.fe116073.js +0 -19
- package/dist/swirl-icon-settings.entry.b8e55621.js +0 -19
- package/dist/swirl-icon-short-text.entry.7d721872.js +0 -19
- package/dist/swirl-icon-simplify.entry.ccef9109.js +0 -19
- package/dist/swirl-icon-spellcheck.entry.189982ef.js +0 -19
- package/dist/swirl-icon-stop.entry.a3bd8024.js +0 -19
- package/dist/swirl-icon-sync.entry.27f8dacb.js +0 -19
- package/dist/swirl-icon-tasks-filled.entry.244bfa33.js +0 -19
- package/dist/swirl-icon-tasks.entry.9e448e4f.js +0 -19
- package/dist/swirl-icon-terminal.entry.85de8034.js +0 -19
- package/dist/swirl-icon-time-filled.entry.a03d1ae1.js +0 -19
- package/dist/swirl-icon-time.entry.2a538c35.js +0 -19
- package/dist/swirl-icon-today-filled.entry.2f3152e6.js +0 -19
- package/dist/swirl-icon-translate.entry.a576fd5b.js +0 -19
- package/dist/swirl-icon-tree-structure.entry.bc0743d3.js +0 -19
- package/dist/swirl-icon-undo.entry.77a31b37.js +0 -19
- package/dist/swirl-icon-unlock-person.entry.b0f3bf71.js +0 -19
- package/dist/swirl-icon-user-add.entry.c55ef1ac.js +0 -19
- package/dist/swirl-icon-user-assign.entry.4a870c48.js +0 -19
- package/dist/swirl-icon-video-camera.entry.954e3cf4.js +0 -19
- package/dist/swirl-icon-video-library.entry.5b0aacca.js +0 -19
- package/dist/swirl-icon-voice.entry.31ff041d.js +0 -19
- package/dist/swirl-icon-work.entry.d662751b.js +0 -19
- package/dist/swirl-icon.entry.3b02acbc.js +0 -16
- package/dist/swirl-inline-notification.entry.5cd09ce8.js +0 -17
- package/dist/swirl-lightbox.entry.1739d020.js +0 -136
- package/dist/swirl-pagination.entry.ef59b274.js +0 -38
- package/dist/swirl-pdf-reader.entry.51f9250b.js +0 -109
- package/dist/swirl-symbol-account-circle.entry.ad72be12.js +0 -17
- package/dist/swirl-symbol-alternate-email.entry.b884d45e.js +0 -17
- package/dist/swirl-symbol-android.entry.c165aa0c.js +0 -17
- package/dist/swirl-symbol-announcement.entry.7e4e83ee.js +0 -17
- package/dist/swirl-symbol-backup.entry.e1f9b25c.js +0 -17
- package/dist/swirl-symbol-beach-access.entry.3f3322db.js +0 -17
- package/dist/swirl-symbol-bookmark.entry.9d67f514.js +0 -17
- package/dist/swirl-symbol-cloud.entry.2811fd9f.js +0 -17
- package/dist/swirl-symbol-coronavirus.entry.0b4ebafb.js +0 -17
- package/dist/swirl-symbol-desktop-windows.entry.a40d4d12.js +0 -17
- package/dist/swirl-symbol-directions-car-filled.entry.99374d4b.js +0 -17
- package/dist/swirl-symbol-edit-calendar.entry.3f71bdf7.js +0 -17
- package/dist/swirl-symbol-email.entry.b60ae480.js +0 -17
- package/dist/swirl-symbol-emoji-food-beverage.entry.77ce8107.js +0 -17
- package/dist/swirl-symbol-event-menu.entry.d44ac1ad.js +0 -17
- package/dist/swirl-symbol-facebook.entry.0f08b60a.js +0 -17
- package/dist/swirl-symbol-favorite.entry.1ea54fed.js +0 -17
- package/dist/swirl-symbol-fitness-center.entry.77c433e8.js +0 -17
- package/dist/swirl-symbol-flag.entry.dbcc3218.js +0 -17
- package/dist/swirl-symbol-folder.entry.f78171a7.js +0 -17
- package/dist/swirl-symbol-globe.entry.c0efad27.js +0 -17
- package/dist/swirl-symbol-groups.entry.3f4a5ef5.js +0 -17
- package/dist/swirl-symbol-help.entry.c9c14686.js +0 -17
- package/dist/swirl-symbol-image.entry.3822f8ce.js +0 -17
- package/dist/swirl-symbol-info-menu.entry.cec181a5.js +0 -17
- package/dist/swirl-symbol-instagram.entry.0895c275.js +0 -17
- package/dist/swirl-symbol-ios.entry.5e04c7a2.js +0 -17
- package/dist/swirl-symbol-language.entry.4bd8b416.js +0 -17
- package/dist/swirl-symbol-leaderboard.entry.b7edee6d.js +0 -17
- package/dist/swirl-symbol-lightbulb.entry.9b2c84a2.js +0 -17
- package/dist/swirl-symbol-linkedin.entry.9c658ee8.js +0 -17
- package/dist/swirl-symbol-location-on.entry.6da90a00.js +0 -17
- package/dist/swirl-symbol-loyalty.entry.92f56d21.js +0 -17
- package/dist/swirl-symbol-maps-home-work.entry.63e8c481.js +0 -17
- package/dist/swirl-symbol-notifications.entry.159a5b8b.js +0 -17
- package/dist/swirl-symbol-open-in-new.entry.3e5db571.js +0 -17
- package/dist/swirl-symbol-pedal-bike.entry.db57aa58.js +0 -17
- package/dist/swirl-symbol-pinterest.entry.105f350a.js +0 -17
- package/dist/swirl-symbol-policy.entry.7dc67eaa.js +0 -17
- package/dist/swirl-symbol-push-pin.entry.47c46972.js +0 -17
- package/dist/swirl-symbol-redeem.entry.314581b8.js +0 -17
- package/dist/swirl-symbol-report-problem.entry.402d879e.js +0 -17
- package/dist/swirl-symbol-restaurant.entry.9e27499f.js +0 -17
- package/dist/swirl-symbol-roadmap.entry.20b4565c.js +0 -17
- package/dist/swirl-symbol-room.entry.5164f68d.js +0 -17
- package/dist/swirl-symbol-savings.entry.746d7c4f.js +0 -17
- package/dist/swirl-symbol-settings-voice.entry.59e854fc.js +0 -17
- package/dist/swirl-symbol-shopping-cart.entry.e1fcdfcb.js +0 -17
- package/dist/swirl-symbol-smartphone.entry.c5b7b503.js +0 -17
- package/dist/swirl-symbol-star.entry.a24d3732.js +0 -17
- package/dist/swirl-symbol-supervisor-account.entry.5fb0244d.js +0 -17
- package/dist/swirl-symbol-thumbs-up-down.entry.5d1176c4.js +0 -17
- package/dist/swirl-symbol-twitter.entry.664f763a.js +0 -17
- package/dist/swirl-symbol-wb-sunny.entry.5eb28a60.js +0 -17
- package/dist/swirl-symbol-wechat.entry.1e66c284.js +0 -17
- package/dist/swirl-symbol-weibo.entry.6b0a0852.js +0 -17
- package/dist/swirl-symbol-work.entry.7589a2e8.js +0 -17
- package/dist/swirl-symbol-xing.entry.4b4932a8.js +0 -17
- package/dist/swirl-symbol-youtube.entry.db39b238.js +0 -17
- package/dist/swirl-symbol.entry.780a1e49.js +0 -16
- package/dist/swirl-tab.entry.cf0eba97.js +0 -17
- package/dist/swirl-table-row.entry.038a2f9c.js +0 -27
- package/dist/swirl-video-thumbnail.entry.5b454862.js +0 -88
- package/dist/swirl-visually-hidden.entry.fa0621d6.js +0 -15
- /package/dist/{floating-ui.dom.esm-bef21834.ec4a9cbf.js → floating-ui.dom.esm-b73e243b.647a7c7e.js} +0 -0
- /package/dist/{utils-aab10c80.240adddc.js → utils-c5f2f98f.af14538a.js} +0 -0
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { r as n, c as a, h as l, H as r, g as c } from "./index.
|
|
2
|
-
import { d } from "./utils-
|
|
1
|
+
import { r as n, c as a, h as l, H as r, g as c } from "./index.646f8b70.js";
|
|
2
|
+
import { d } from "./utils-c5f2f98f.af14538a.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
5
|
const h = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
|
|
6
|
-
var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u =
|
|
7
|
-
constructor(
|
|
8
|
-
n(this,
|
|
9
|
-
const
|
|
10
|
-
|
|
6
|
+
var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = class {
|
|
7
|
+
constructor(e) {
|
|
8
|
+
n(this, e), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
|
|
9
|
+
const i = this.getActiveSlides();
|
|
10
|
+
i.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = i, this.activeSlidesChange.emit(this.activeSlides));
|
|
11
11
|
}, 100), this.onPreviousSlideButtonClick = () => {
|
|
12
12
|
this.previousSlide();
|
|
13
13
|
}, this.onNextSlideButtonClick = () => {
|
|
14
14
|
this.nextSlide();
|
|
15
15
|
}, this.onSlotChange = () => {
|
|
16
|
-
var
|
|
17
|
-
(
|
|
16
|
+
var i;
|
|
17
|
+
(i = this.activeSlides[0]) == null || i.scrollIntoView({ block: "nearest", inline: "start" });
|
|
18
18
|
}, this.onScroll = () => {
|
|
19
19
|
this.updateActiveSlideReferences(), this.checkScrollPosition();
|
|
20
20
|
}, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.isAtEnd = void 0, this.isAtStart = void 0, this.isScrollable = void 0;
|
|
@@ -27,43 +27,43 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
|
|
|
27
27
|
this.checkScrollStatus(), this.checkScrollPosition();
|
|
28
28
|
});
|
|
29
29
|
}
|
|
30
|
-
async scrollToSlide(
|
|
31
|
-
const t = this.getSlides().find((s) => s.id ===
|
|
30
|
+
async scrollToSlide(e) {
|
|
31
|
+
const t = this.getSlides().find((s) => s.id === e);
|
|
32
32
|
!Boolean(t) || t.scrollIntoView({ block: "nearest", inline: "start" });
|
|
33
33
|
}
|
|
34
34
|
previousSlide() {
|
|
35
|
-
const
|
|
35
|
+
const e = this.getSlides(), i = this.getActiveSlides(), t = i[0].previousElementSibling || (this.loopAround ? e[e.length - 1] : i[0]);
|
|
36
36
|
t == null || t.scrollIntoView({ block: "nearest", inline: "start" });
|
|
37
37
|
}
|
|
38
38
|
nextSlide() {
|
|
39
|
-
const
|
|
39
|
+
const e = this.getSlides(), i = this.getActiveSlides(), s = !Boolean(i[i.length - 1].nextElementSibling) && this.loopAround ? e[0] : i[0].nextElementSibling;
|
|
40
40
|
s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
|
|
41
41
|
}
|
|
42
42
|
getSlides() {
|
|
43
43
|
return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
|
|
44
44
|
}
|
|
45
45
|
getActiveSlides() {
|
|
46
|
-
return this.getSlides().filter((
|
|
46
|
+
return this.getSlides().filter((i) => this.checkInView(i));
|
|
47
47
|
}
|
|
48
48
|
checkScrollStatus() {
|
|
49
49
|
this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
|
|
50
50
|
}
|
|
51
51
|
checkScrollPosition() {
|
|
52
|
-
const
|
|
52
|
+
const e = this.getSlides(), i = this.getActiveSlides(), t = i[0] === e[0], s = i[i.length - 1] === e[e.length - 1];
|
|
53
53
|
t !== this.isAtStart && (this.isAtStart = t), s !== this.isAtEnd && (this.isAtEnd = s);
|
|
54
54
|
}
|
|
55
|
-
checkInView(
|
|
56
|
-
let
|
|
57
|
-
return s >=
|
|
55
|
+
checkInView(e) {
|
|
56
|
+
let i = this.slidesContainer.scrollLeft, t = i + this.slidesContainer.clientWidth, s = e.offsetLeft, o = s + e.clientWidth;
|
|
57
|
+
return s >= i && o <= t;
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
|
-
return l(r, {
|
|
60
|
+
return l(r, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (e) => this.slidesContainer = e }, l("slot", { onSlotchange: this.onSlotChange }))));
|
|
61
61
|
}
|
|
62
62
|
get el() {
|
|
63
63
|
return c(this);
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
|
|
66
|
+
u.style = h;
|
|
67
67
|
export {
|
|
68
|
-
|
|
68
|
+
u as swirl_carousel
|
|
69
69
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { r as b, c as
|
|
2
|
-
import { c as
|
|
1
|
+
import { r as b, c as l, h as c, H as t } from "./index.646f8b70.js";
|
|
2
|
+
import { c as n } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "react-dom";
|
|
5
|
-
const
|
|
5
|
+
const d = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
|
|
6
6
|
0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
|
|
7
|
-
0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`,
|
|
7
|
+
0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
|
|
8
8
|
constructor(e) {
|
|
9
|
-
b(this, e), this.valueChange =
|
|
9
|
+
b(this, e), this.valueChange = l(this, "valueChange", 7), this.onChange = () => {
|
|
10
10
|
this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
|
|
11
11
|
}, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.labelWeight = "medium", this.value = void 0, this.variant = "default";
|
|
12
12
|
}
|
|
@@ -14,17 +14,17 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
|
|
|
14
14
|
return e ? "true" : i ? "false" : "mixed";
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a =
|
|
17
|
+
const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = n("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
|
|
18
18
|
"checkbox--checked": i,
|
|
19
19
|
"checkbox--disabled": this.disabled,
|
|
20
20
|
"checkbox--indeterminate": o,
|
|
21
21
|
"checkbox--invalid": this.invalid,
|
|
22
22
|
"checkbox--unchecked": e
|
|
23
23
|
});
|
|
24
|
-
return c(t, {
|
|
24
|
+
return c(t, { style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { class: a, htmlFor: this.inputId }, c("span", { class: "checkbox__control" }, c("swirl-visually-hidden", null, c("input", { "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { "aria-hidden": "true", class: "checkbox__box" }, c("span", { class: "checkbox__icon" }, i && c("swirl-icon-check-strong", null), o && c("span", { class: "checkbox__indeterminate-icon" })))), s && c("span", { class: "checkbox__label-container" }, this.label && c("span", { class: "checkbox__label" }, this.label), this.description && c("span", { class: "checkbox__description" }, this.description))));
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
x.style =
|
|
27
|
+
x.style = d;
|
|
28
28
|
export {
|
|
29
29
|
x as swirl_checkbox
|
|
30
30
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as t, c as o, h as r, H as h, g as n } from "./index.
|
|
2
|
-
import { c as p } from "./index-
|
|
3
|
-
import { g as l } from "./utils-
|
|
1
|
+
import { r as t, c as o, h as r, H as h, g as n } from "./index.646f8b70.js";
|
|
2
|
+
import { c as p } from "./index-d280dafb.186cdb0e.js";
|
|
3
|
+
import { g as l } from "./utils-c5f2f98f.af14538a.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v =
|
|
6
|
+
const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = class {
|
|
7
7
|
constructor(e) {
|
|
8
8
|
t(this, e), this.remove = o(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
|
|
9
9
|
this.forceIconProps(i.matches);
|
|
@@ -19,23 +19,23 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
|
|
|
19
19
|
forceIconProps(e) {
|
|
20
20
|
if (!Boolean(this.iconEl))
|
|
21
21
|
return;
|
|
22
|
-
const i = this.iconEl.children[0],
|
|
23
|
-
i == null || i.setAttribute("size",
|
|
22
|
+
const i = this.iconEl.children[0], s = this.size === "s" ? "16" : e ? "20" : "24";
|
|
23
|
+
i == null || i.setAttribute("size", s);
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')),
|
|
26
|
+
const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), s = !i && Boolean(this.icon), c = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
|
|
27
27
|
"chip--pressed": this.pressed,
|
|
28
28
|
"chip--has-progress": this.progress !== void 0,
|
|
29
29
|
"chip--interactive": this.interactive || this.pressed !== void 0,
|
|
30
30
|
"chip--removable": this.removable
|
|
31
31
|
});
|
|
32
|
-
return r(h,
|
|
32
|
+
return r(h, null, r(e, { class: c, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { class: "chip__inner" }, i && r("span", { class: "chip__avatar" }, r("slot", { name: "avatar" })), s && r("span", { class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { class: "chip__progress-indicator" }, r("swirl-progress-indicator", { label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { size: 20 })));
|
|
33
33
|
}
|
|
34
34
|
get el() {
|
|
35
35
|
return n(this);
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
v.style = d;
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
v as swirl_chip
|
|
41
41
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as L, c as
|
|
2
|
-
import { c as T } from "./index-
|
|
1
|
+
import { r as L, c as g, h as l, H as B } from "./index.646f8b70.js";
|
|
2
|
+
import { c as T } from "./index-d280dafb.186cdb0e.js";
|
|
3
3
|
import { v as z } from "./v4-23648a96.77c7c20f.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "react-dom";
|
|
6
|
-
const
|
|
6
|
+
const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
|
|
7
7
|
r: parseInt(e[0] + e[0], 16),
|
|
8
8
|
g: parseInt(e[1] + e[1], 16),
|
|
9
9
|
b: parseInt(e[2] + e[2], 16),
|
|
@@ -33,12 +33,12 @@ const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
|
|
|
33
33
|
b: s([n, n, p, o, o, a][b] * 255),
|
|
34
34
|
a: s(i, 2)
|
|
35
35
|
};
|
|
36
|
-
},
|
|
36
|
+
}, d = (e) => {
|
|
37
37
|
const t = e.toString(16);
|
|
38
38
|
return t.length < 2 ? "0" + t : t;
|
|
39
39
|
}, D = ({ r: e, g: t, b: o, a: i }) => {
|
|
40
|
-
const r = i < 1 ?
|
|
41
|
-
return "#" +
|
|
40
|
+
const r = i < 1 ? d(s(i * 255)) : "";
|
|
41
|
+
return "#" + d(e) + d(t) + d(o) + r;
|
|
42
42
|
}, O = ({ r: e, g: t, b: o, a: i }) => {
|
|
43
43
|
const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
|
|
44
44
|
return {
|
|
@@ -57,22 +57,22 @@ const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
|
|
|
57
57
|
}, N = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : I(v(e), v(t)), y = {}, M = (e) => {
|
|
58
58
|
let t = y[e];
|
|
59
59
|
return t || (t = document.createElement("template"), t.innerHTML = e, y[e] = t), t;
|
|
60
|
-
},
|
|
60
|
+
}, k = (e, t, o) => {
|
|
61
61
|
e.dispatchEvent(new CustomEvent(t, {
|
|
62
62
|
bubbles: !0,
|
|
63
63
|
detail: o
|
|
64
64
|
}));
|
|
65
65
|
};
|
|
66
66
|
let c = !1;
|
|
67
|
-
const
|
|
68
|
-
const o =
|
|
69
|
-
|
|
70
|
-
x:
|
|
71
|
-
y:
|
|
67
|
+
const x = (e) => "touches" in e, R = (e) => c && !x(e) ? !1 : (c || (c = x(e)), !0), C = (e, t) => {
|
|
68
|
+
const o = x(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
|
|
69
|
+
k(e.el, "move", e.getMove({
|
|
70
|
+
x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
|
|
71
|
+
y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
|
|
72
72
|
}));
|
|
73
73
|
}, V = (e, t) => {
|
|
74
74
|
const o = t.keyCode;
|
|
75
|
-
o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(),
|
|
75
|
+
o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), k(e.el, "move", e.getMove({
|
|
76
76
|
x: o === 39 ? 0.01 : o === 37 ? -0.01 : o === 34 ? 0.05 : o === 33 ? -0.05 : o === 35 ? 1 : o === 36 ? -1 : 0,
|
|
77
77
|
y: o === 40 ? 0.01 : o === 38 ? -0.01 : 0
|
|
78
78
|
}, !0)));
|
|
@@ -129,7 +129,7 @@ class j extends _ {
|
|
|
129
129
|
]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
|
|
130
130
|
}
|
|
131
131
|
getMove(t, o) {
|
|
132
|
-
return { h: o ?
|
|
132
|
+
return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
135
|
class X extends _ {
|
|
@@ -150,35 +150,35 @@ class X extends _ {
|
|
|
150
150
|
}
|
|
151
151
|
getMove(t, o) {
|
|
152
152
|
return {
|
|
153
|
-
s: o ?
|
|
154
|
-
v: o ?
|
|
153
|
+
s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
|
|
154
|
+
v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
|
|
155
155
|
};
|
|
156
156
|
}
|
|
157
157
|
}
|
|
158
|
-
const Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", h = Symbol("same"),
|
|
158
|
+
const Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", h = Symbol("same"), f = Symbol("color"), $ = Symbol("hsva"), m = Symbol("update"), E = Symbol("parts"), H = Symbol("css"), S = Symbol("sliders");
|
|
159
159
|
class K extends HTMLElement {
|
|
160
160
|
static get observedAttributes() {
|
|
161
161
|
return ["color"];
|
|
162
162
|
}
|
|
163
|
-
get [
|
|
163
|
+
get [H]() {
|
|
164
164
|
return [Y, G, J];
|
|
165
165
|
}
|
|
166
|
-
get [
|
|
166
|
+
get [S]() {
|
|
167
167
|
return [X, j];
|
|
168
168
|
}
|
|
169
169
|
get color() {
|
|
170
|
-
return this[
|
|
170
|
+
return this[f];
|
|
171
171
|
}
|
|
172
172
|
set color(t) {
|
|
173
173
|
if (!this[h](t)) {
|
|
174
174
|
const o = this.colorModel.toHsva(t);
|
|
175
|
-
this[m](o), this[
|
|
175
|
+
this[m](o), this[f] = t;
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
constructor() {
|
|
179
179
|
super();
|
|
180
|
-
const t = M(`<style>${this[
|
|
181
|
-
o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[
|
|
180
|
+
const t = M(`<style>${this[H].join("")}</style>`), o = this.attachShadow({ mode: "open" });
|
|
181
|
+
o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[E] = this[S].map((i) => new i(o));
|
|
182
182
|
}
|
|
183
183
|
connectedCallback() {
|
|
184
184
|
if (this.hasOwnProperty("color")) {
|
|
@@ -192,16 +192,16 @@ class K extends HTMLElement {
|
|
|
192
192
|
this[h](r) || (this.color = r);
|
|
193
193
|
}
|
|
194
194
|
handleEvent(t) {
|
|
195
|
-
const o = this[
|
|
195
|
+
const o = this[$], i = { ...o, ...t.detail };
|
|
196
196
|
this[m](i);
|
|
197
197
|
let r;
|
|
198
|
-
!I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[
|
|
198
|
+
!I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[f] = r, k(this, "color-changed", { value: r }));
|
|
199
199
|
}
|
|
200
200
|
[h](t) {
|
|
201
201
|
return this.color && this.colorModel.equal(t, this.color);
|
|
202
202
|
}
|
|
203
203
|
[m](t) {
|
|
204
|
-
this[
|
|
204
|
+
this[$] = t, this[E].forEach((o) => o.update(t));
|
|
205
205
|
}
|
|
206
206
|
}
|
|
207
207
|
const Q = {
|
|
@@ -219,9 +219,9 @@ class U extends K {
|
|
|
219
219
|
class W extends U {
|
|
220
220
|
}
|
|
221
221
|
customElements.define("hex-color-picker", W);
|
|
222
|
-
const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt =
|
|
222
|
+
const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;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);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = class {
|
|
223
223
|
constructor(e) {
|
|
224
|
-
L(this, e), this.inputBlur =
|
|
224
|
+
L(this, e), this.inputBlur = g(this, "inputBlur", 7), this.inputFocus = g(this, "inputFocus", 7), this.valueChange = g(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
|
|
225
225
|
this.value = t.detail.value;
|
|
226
226
|
}, this.onChange = (t) => {
|
|
227
227
|
const o = t.target;
|
|
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
|
|
|
253
253
|
const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
|
|
254
254
|
"color-input--inline": this.inline
|
|
255
255
|
});
|
|
256
|
-
return l(B,
|
|
256
|
+
return l(B, null, l("div", { class: t }, l("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { swirlPopover: this.pickerId }, l("button", { "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
|
|
257
257
|
backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
|
|
258
|
-
}, type: "button" })), l("swirl-popover", {
|
|
258
|
+
}, type: "button" })), l("swirl-popover", { animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { color: this.value, ref: (o) => this.picker = o })))));
|
|
259
259
|
}
|
|
260
260
|
static get watchers() {
|
|
261
261
|
return {
|
|
@@ -263,7 +263,7 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
|
|
|
263
263
|
};
|
|
264
264
|
}
|
|
265
265
|
};
|
|
266
|
-
|
|
266
|
+
tt.style = Z;
|
|
267
267
|
export {
|
|
268
|
-
|
|
268
|
+
tt as swirl_color_input
|
|
269
269
|
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { r as t, h as s, H as i } from "./index.646f8b70.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import "react-dom";
|
|
4
|
+
const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
|
|
5
|
+
constructor(o) {
|
|
6
|
+
t(this, o), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
|
|
7
|
+
}
|
|
8
|
+
render() {
|
|
9
|
+
return s(i, null, s("div", { class: "columns", style: {
|
|
10
|
+
gridTemplateColumns: this.columns,
|
|
11
|
+
gap: `var(--s-space-${this.spacing})`
|
|
12
|
+
} }, s("slot", null)));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
r.style = l;
|
|
16
|
+
export {
|
|
17
|
+
r as swirl_columns
|
|
18
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as A, w as k, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as G, N as O, O as H, P as N, Q as j, R as U, T as W, U as z, V as K, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Ga, aE as Oa, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as za, aL as Ka, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Gi, bu as Oi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as zi, bB as Ki, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Gl, ck as Ol, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as zl, cr as Kl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Gr, da as Or, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as zr, dh as Kr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Go, e0 as Oo, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as zo, e7 as Ko, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS } from "./index.
|
|
1
|
+
import { a as o, S, b as s, d as w, e, f as n, i as c, j as I, k as t, l as d, m as b, n as m, o as y, p, q as u, s as g, t as h, u as C, v as A, w as k, x as L, y as T, z as F, A as P, B as f, C as M, D as R, E as v, G as D, I as B, J as E, K as V, L as x, M as G, N as O, O as H, P as N, Q as j, R as U, T as W, U as z, V as K, W as X, X as Y, Y as q, Z as J, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as ea, ab as na, ac as ca, ad as Ia, ae as ta, af as da, ag as ba, ah as ma, ai as ya, aj as pa, ak as ua, al as ga, am as ha, an as Ca, ao as Aa, ap as ka, aq as La, ar as Ta, as as Fa, at as Pa, au as fa, av as Ma, aw as Ra, ax as va, ay as Da, az as Ba, aA as Ea, aB as Va, aC as xa, aD as Ga, aE as Oa, aF as Ha, aG as Na, aH as ja, aI as Ua, aJ as Wa, aK as za, aL as Ka, aM as Xa, aN as Ya, aO as qa, aP as Ja, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ei, b1 as ni, b2 as ci, b3 as Ii, b4 as ti, b5 as di, b6 as bi, b7 as mi, b8 as yi, b9 as pi, ba as ui, bb as gi, bc as hi, bd as Ci, be as Ai, bf as ki, bg as Li, bh as Ti, bi as Fi, bj as Pi, bk as fi, bl as Mi, bm as Ri, bn as vi, bo as Di, bp as Bi, bq as Ei, br as Vi, bs as xi, bt as Gi, bu as Oi, bv as Hi, bw as Ni, bx as ji, by as Ui, bz as Wi, bA as zi, bB as Ki, bC as Xi, bD as Yi, bE as qi, bF as Ji, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as el, bT as nl, bU as cl, bV as Il, bW as tl, bX as dl, bY as bl, bZ as ml, b_ as yl, b$ as pl, c0 as ul, c1 as gl, c2 as hl, c3 as Cl, c4 as Al, c5 as kl, c6 as Ll, c7 as Tl, c8 as Fl, c9 as Pl, ca as fl, cb as Ml, cc as Rl, cd as vl, ce as Dl, cf as Bl, cg as El, ch as Vl, ci as xl, cj as Gl, ck as Ol, cl as Hl, cm as Nl, cn as jl, co as Ul, cp as Wl, cq as zl, cr as Kl, cs as Xl, ct as Yl, cu as ql, cv as Jl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as er, cJ as nr, cK as cr, cL as Ir, cM as tr, cN as dr, cO as br, cP as mr, cQ as yr, cR as pr, cS as ur, cT as gr, cU as hr, cV as Cr, cW as Ar, cX as kr, cY as Lr, cZ as Tr, c_ as Fr, c$ as Pr, d0 as fr, d1 as Mr, d2 as Rr, d3 as vr, d4 as Dr, d5 as Br, d6 as Er, d7 as Vr, d8 as xr, d9 as Gr, da as Or, db as Hr, dc as Nr, dd as jr, de as Ur, df as Wr, dg as zr, dh as Kr, di as Xr, dj as Yr, dk as qr, dl as Jr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as eo, dA as no, dB as co, dC as Io, dD as to, dE as bo, dF as mo, dG as yo, dH as po, dI as uo, dJ as go, dK as ho, dL as Co, dM as Ao, dN as ko, dO as Lo, dP as To, dQ as Fo, dR as Po, dS as fo, dT as Mo, dU as Ro, dV as vo, dW as Do, dX as Bo, dY as Eo, dZ as Vo, d_ as xo, d$ as Go, e0 as Oo, e1 as Ho, e2 as No, e3 as jo, e4 as Uo, e5 as Wo, e6 as zo, e7 as Ko, e8 as Xo, e9 as Yo, ea as qo, eb as Jo, ec as Qo, ed as Zo, ee as _o, ef as $o, eg as aS, eh as iS, ei as lS } from "./index.646f8b70.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "react-dom";
|
|
4
4
|
export {
|